/*可以在这里添加你自己的css*/
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	font-size: 62.75%;
	-webkit-text-size-adjust: none;
	height: 100%;
}
body {
	font-family: "΢���ź�", Helvetica, Arial, sans-serif;
	background: #fff;
}
img {
	border: none
}
ol, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
	color: inherit;
}
.htmlModel{
	height:640px;
	overflow-y:scroll;
	background:#eee;
}
.editor p{ margin:0;}
.title {
	width: 96%;
	margin: 1rem 2%;
	font-size: 1.8rem;
	line-height: 3.6rem;
	padding:5px;
	border-radius:5px;
	background:#fff;
}
.title_1 {
	width: 100%;
	border-bottom: .2rem solid #999;
}
.title_1>section>p {
	border-bottom: .4rem solid #666;
	color: #666;
	padding-bottom: .8rem;
	font-weight: bold;
}
.title_2 {
	text-align: center;
	font-size: 0;
}
.title_2>.title_2_text {
	display: inline-block;
	color: #fff;
	background-color: #dd1717;
	padding:0 .6rem;
	line-height:4rem;
	position: relative;
	vertical-align: top;
	font-size:1.8rem;
	max-width: 60%;
	margin-left: -0.1rem;
}
.title2_img {
	width: 5.6rem;
	height: 4.8rem;
	background: url(../../images/news_model/title1_left.png) no-repeat left top;
	background-size: 100%;
	display: inline-block;
	margin: 0 auto;
}
.title2_img.title2_img_right {
	background-image: url(../../images/news_model/title1_right.png);
	margin-left: -0.1rem;
}
.title_3 {
	width: 100%;
}
.title_3_number {
	display: inline-block;
}
.title_3_number>p {
	display: inline-block;
	font-size: 4rem;
	font-weight: bold;
	color: #c6c6c6;
}
.title_3_number .title_3_line {
	width:1.8rem;
	height: 6.4rem;
	margin-left: 1.8rem;
	margin-top: -4rem;
	border-left: .1rem solid rgb(198,198,199);
	background-color: rgb(254,254,254);
	box-sizing: border-box;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
}
.title_3 .title_3_text {
	display: inline-block;
	font-weight: bold;
	color: #737373;
	position: relative;
	bottom:.4rem;
}
.title_4 {
	color: #48c0a3;
}
.title_4 section{
	display: inline-block;
	line-height:3.6rem;
}
.title_4 .title_4_number {
	color: #fff;
	width: 3.6rem;
	height: 3.6rem;
	text-align: center;
	background-color: #48c0a3;
	display: inline-block;
	border-radius: 2rem;
	margin-right: 1rem;
	font-size: 2rem;
}
.title_5{
	position:relative;
	min-height:3.4rem;
}
.title_5 section {
	color: #957c48;
	border-bottom: .15rem solid #b39f75;
	display:inline-block;
	margin-left:4.4rem;
}
.title_5 .title_icon {
	width: 3.4rem;
	height: 3.4rem;
	display: inline-block;
	background: url(../../images/news_model/title2.png) no-repeat center;
	background-size: 100%;
	margin:0;
	bottom:0;
	position:absolute;
}
.title_6, .title_8, .title_11, .title_14, .title_15 {
	width: 100%;
	text-align: center;
}
.title_6_inline {
	display: inline-block;
	box-sizing: border-box;
	max-width: 100%;
	word-wrap: break-word;
	text-align: center;
}
.title_6_block {
	margin: 0 -.4rem -.6rem auto;
	padding: 0;
	max-width: 100%;
	width: 1rem;
	height: 1rem;
	border: .1rem solid #720d2d;
	box-sizing: border-box;
}
.title_6 .title_6_content {
	padding: .2rem 3rem;
	display: inline-block;
	border: .1rem solid #720d2d;
	color: #333;
	box-sizing: border-box;
	line-height:2.5rem;
}
.title_6_block_1 {
	margin: -.6rem 0 0 -.4rem;
}
.title_7>section{
	height: 4rem;
	border-top: 2rem solid #33b86c;
	border-bottom: 2rem solid #33b86c;
	border-right: 2rem solid transparent;
	box-sizing: border-box;
	display:inline-block;
}
.title_7 p {
	color: #fff;
	padding:0 1rem;
	line-height: 0;
}
.title_8_inline {
	display: inline-block;
}
.title_8_top {
	margin-bottom: -1rem;
	line-height:3.5rem;
}
.title_8_topline {
	display: inline-block;
	vertical-align: bottom;
	width: .4rem;
}
.title_8_line {
	width: .15rem;
	margin: auto;
	height: 1.6rem;
	background-color: #111316;
}
.title_8_point {
	width: .45rem;
	height: .45rem;
	border-radius: 50%;
	background-color: #111316;
}
.title_8_topwidth {
	display: inline-block;
	vertical-align: bottom;
	width: 30%;
}
.title_8_bg {
	margin-left: auto;
	transform: rotate(0deg);
	margin-bottom: -.5rem;
	width: .5rem;
	height: .5rem;
	background-color: #feffff;
}
.title_8_text {
	border-right: .25rem solid #ebe5da;
	border-bottom: .25rem solid #ebe5da;
	border-top-color: #ebe5da;
	border-left-color: #ebe5da;
	line-height:3.5rem;
}
.title_8_text p {
	background-color: #b19c71;
	padding: .6rem 2rem .4rem;
	color: #FFF;
}
.title_9>section{
	display: inline-block;
	background: url(../../images/news_model/title3.png) no-repeat left top;
	background-size: 100% 100%;
	padding:0 3%;
	width:94%
}
.title_9 p {
	color: #fff;
	padding: .4rem 10rem .6rem 2rem;
}
.title_10>section {
	border-left:.3rem solid #dd1717;
	margin:1rem 0;
	line-height:2rem;
}
.title_10>section p {
	margin-left: 1rem;
}
.title_11>section {
	display: inline-block;
	color: #fff;
	background-color: #48c0a3;
	padding:.2rem 1.6rem;
	border-radius:.4rem;
	line-height:3.5rem;
}
.title_12 {
	width: 100%;
	position: relative;
	text-align: center;
}
.title_12:before {
	content: '';
	position: absolute;
	top: 49%;
	left: 0;
	height: .15rem;
	width: 100%;
	background: #ddd;
	z-index: 1;
}
.title_12>section{
	display:inline-block;
	line-height:3.5rem;
}
.title_12>section p {
	position: relative;
	z-index: 2;
	background-color: #fff;
	padding:0 1rem;
	color: #666;
}
.title_13_top {
	margin-left: 5.4rem;
}
.title_13_top>section {
	display: inline-block;
	vertical-align: bottom;
	margin-left: .6rem;
	line-height: 1rem;
}
.title_13_line {
	margin-top: -1rem;
	height: 5rem;
}
.title_13_line1 {
	display: inline-block;
	height: .3rem;
	width: 5.4rem;
	font-size: 2.4rem;
	border-top-width: .1rem;
	border-top-style: solid;
	border-top-color: #c5c5c5;
	margin-bottom: -.4rem;
	transform-origin: right center 0rem;
	transform: rotate(-45deg);
	background-color: #fff;
}
.title_13_line2 {
	display: inline-block;
	height: .1rem;
	width: 80%;
	font-size: 2.4rem;
	margin-left: -.1rem;
	color: #fff;
	background-color: #c5c5c5;
}
.title_13_bottom {
	margin-left: 4.8rem;
}
.title_13_bottom>section {
	line-height: 0rem;
	margin-left:1.6rem;
	color: #666;
}
.title_13_number {
	width: 5rem;
	height: 5rem;
	line-height: 5rem;
	border-radius: 50%;
	text-align: center;
	margin-top: -5.4rem;
	color: #fff;
	background-color: #c5c5c5
}
.title_13_number p {
	font-size: 2.8rem;
}
.title_14>.title_14_number {
	margin-bottom: -1.4rem;
	display: inline-block;
	border: .2rem solid #dd1717;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	background-color: #fff;
}
.title_14>.title_14_number img {
	width: 50%;
	margin: 20% auto;
}
.title_14>section {
	color: #fff;
	padding: .4rem;
	text-align: center;
	margin: 0;
	border-radius: 6rem;
	box-sizing: border-box;
	background-color: #dd1717;
	line-height:3.5rem;
}
.title_15>section {
	display: inline-block;
	border-bottom: .1rem solid #ccc;
	padding:.8rem 0;
}
.title_15>section p {
	border-top: .1rem solid #ccc;
	border-bottom: .1rem solid #ccc;
	padding: 0 1rem;
	color: #666;
	line-height:3.5rem;
}
/*�ָ���*/
.line {
	width: 96%;
	margin: 0 2%;
	height:2rem;
	margin-bottom:2rem;
}
.line_1 {
	border-bottom:.2rem solid #ccc
}
.line_2 {
	border-bottom:.2rem dashed #ccc
}
.line_3 {
	border-bottom:.2rem dotted #ccc
}
.line_4 {
	border-bottom:.1rem solid #ccc;
	padding-bottom:.2rem;
}
.line_4 section {
	width: 100%;
	border-bottom:.1rem solid #ccc;
	display:inline-block;
	vertical-align:bottom;
}
.line_5, .line_6, .line_7, .line_8, .line_9, .line_12, .line_13 {
	text-align: center;
	position: relative;
}
.line_5:before, .line_6:before, .line_7:before, .line_9:before, .line_12:before, .line_13:before {
	content: '';
	position: absolute;
	top: 49%;
	left: 0;
	height: .1rem;
	width: 100%;
	background: #dd1717;
	z-index: 1;
}
.line_5 img {
	height: 100%;
	width:auto!important;
	background-color: #fff;
	position: relative;
	z-index: 2;
	margin:0;
}
.line_6:before {
	background: #ccc;
}
.line_6 section, .line_7 section, .line_9 section {
	display: inline-block;
	height:2rem;
	background-color: #fff;
	padding:0 .8rem;
	position: relative;
	z-index: 2;
}
.line_6 section p {
	width:.8rem;
	height:.8rem;
	background-color: #ccc;
	display: inline-block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin-top:.5em;
}
.line_7:before {
	background: #5ac8fa;
}
.line_7 section p {
	width:.8rem;
	height:.8rem;
	background-color: #5ac8fa;
	display: inline-block;
	margin-top:.5em;
}
.line_8_line {
	width: 100%;
	border-bottom:.1rem dashed #5ac8fa;
	display: inline-block;
    margin-top:2rem;
}
.line_8_point {
	width: 2rem;
	background-color: #fff;
	margin: 0 46%;
	bottom:-0.4rem;
	z-index: 2;
	text-align: center;
	position: absolute;
}
.line_8_point p {
	width:.8rem;
	height:.8rem;
	background-color: #5ac8fa;
	display: inline-block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.line_9:before {
	height:.1rem;
	background: #ccc;
}
.line_9 section p {
	width:.4rem;
	height:.6rem;
	background-color: #ccc;
	display: inline-block;
	vertical-align:middle;
	margin-top:.7rem;
}
.line_10 {
	text-align: center;
}
.line_10 p {
	display: inline-block;
	width: 4rem;
	height: 4rem;
	color: #666;
	font-size:1.6rem;
	border:.1rem solid #666;
	border-radius: 50%;
	line-height: 4rem;
}
.line_11 p {
	height:.1rem;
	background: -webkit-linear-gradient(left, rgba(90,200,250,0.1), rgba(90,200,250,1), rgba(90,200,250,0.1));
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}
.line_12:before {
	background: #5ac8fa;
	top:95%;
}
.line_12 section{
	width: 2.4rem;
	height: 2.4rem;
	display: inline-block;
	line-height: 2.4rem;
}
.line_12 p {
	position: relative;
	z-index: 2;
	border:.1rem solid #5ac8fa;
	border-radius: 50%;
	background-color: #5ac8fa;
	color: #fff;
	text-align: center;
	font-size:1.6rem;
	bottom:-.6rem;
}
.line_13:before {
	background: #ffd05b;
	top:95%;
}
.line_13 img {
	width: 2.4em;
	height: 2.4em;
	background-color: #fff;
	position: relative;
	z-index: 2;
	margin:0 1rem;
    bottom: -.4rem;
}


/*�ָ���*/
.divide{
	height: 1rem;
	background-color: #ddd;
}

/*���IJ���css*/
.article{
	font-size: 1.5rem;
	line-height: 2.4rem;
	color: #666;
	background:#fff;
	padding:5px;
	border-radius:5px;
	margin-top:10px;
}
.article img{
	max-width: 100%;
}
.article-1>section{
	margin: 4%;
	padding: 2% 4%;
	border: 1rem solid orange;
	-moz-border-image:url(../../images/news_model/border1.png) 11 11 round;
    -webkit-border-image:url(../../images/news_model/border1.png) 11 11 round;
    -o-border-image:url(../../images/news_model/border1.png) 11 11 round;
	border-image: url(../../images/news_model/border1.png) 11 11 round;
	font-size: 1.5rem;
    line-height: 2.4rem;
    color: #666;
}
.article-2>section{
	padding: 4%;
	text-align: center;
	background: url(../../images/news_model/border2.png) bottom no-repeat;
	background-size: 100%;
	font-size: 1.5rem;
    line-height: 2.4rem;
    color: #666;
}
.article-2>section p{
	padding: 2% 4%;
	border: 1px dashed #999;
}
.article-3>section{
	padding: 2% 0 2% 5%;
	border-left: .1rem dashed #ddd;
	margin:4%;
	font-size: 1.5rem;
    line-height: 2.4rem;
    color: #666;
}
.article-3 .article3-number{
	display:inline-block;
	width: 2rem;
	height: 2rem;
	margin-left: -9.5%;
	margin-top: .1rem;
	text-align: center;
	line-height: 2rem;
	border-radius: 50%;
	color: #fff;
	background-color: #48c0a3;
}
.article-3 .article3-title{
	color: #48c0a3;
	font-size: 1.6rem;
	display:inline-block;
}
.article-4>section{
	padding: 4%;
	border: 2px dashed #ddd;
	border-radius: 1rem;
	margin:4%;
	font-size: 1.5rem;
    line-height: 2.4rem;
    color: #666;
    position:relative;
}
.article-4 p{
	padding: 2% 4%;
	background-color: #eee;
	border-radius: 1rem;
}
.article-4 .article4-arrow{
	float: left;
	width: 18px;
	height: 13px;
	position:absolute;
	bottom:-10px;
	padding:0;
	background-color: #fff;
	border: 2px dashed #ddd;
	border-width: 0 0 2px 2px;
	transform: skew(0deg, -40deg);
    -webkit-transform: skew(0deg, -40deg);
    -moz-transform: skew(0deg, -40deg);
    -o-transform: skew(0deg, -40deg);
}
.article-5>section{
	margin:4%;
	font-size: 1.5rem;
    line-height: 2.4rem;
    color: #666;
	padding: 2% 4%;
	border: 1rem solid orange;
	-moz-border-image:url(../../images/news_model/border5.png) 20 20 round;
    -webkit-border-image:url(../../images/news_model/border5.png) 20 20 round;
    -o-border-image:url(../../images/news_model/border5.png) 20 20 round;
	border-image: url(../../images/news_model/border5.png) 20 20 round;
}
.article-6>section{
	margin:4%;
	font-size: 1.5rem;
    line-height: 2.4rem;
    color: #666;
	padding: 2% 0;
}
.article-6 .article6-title{
	float: left;
	padding: 1rem .5rem .5rem;
	box-sizing: border-box;
	background-color: #48c0a3;
	color: #fff;
	line-height: 1.4rem;
	letter-spacing: .5rem;
	writing-mode:tb-rl
}
.article-6 .article6-title + p{
	padding-left: 3.6rem;
}
.article-7>section{
	margin:4%;
	font-size: 1.5rem;
    line-height: 2.4rem;
    color: #666;
	padding: 20% 4% 2%;
	border: .2rem dashed pink;
	border-radius: 1rem;
	background: url(../../images/news_model/border7.png) top right no-repeat;
	background-color: #ffecee;
	background-size: 50%;
}
.article-8>section{
	margin:4%;
	font-size: 1.5rem;
    line-height: 2.4rem;
    color: #666;
	padding-top: 30%;
	border: .2rem solid #fdf6c5;
	border-radius: 1rem;
	background: url(../../images/news_model/border8.png) 0 1em no-repeat;
	background-color: #242557;
	background-size: 50%;
	color: #fff;
}
.article-8 p{
	padding: 2% 4% 0;
}
.article-8 img{
	width: 100%;
	margin-bottom: -2%;
	border-radius: 0 0 1rem 1rem;
}
.article-9>section{
	margin:4%;
	font-size: 1.5rem;
    line-height: 2.4rem;
    color: #666;
	padding: 2% 4%;
	margin-top: 4%;
	border: .2rem solid #ddd;
}
.article-9 .article9-title{
	text-align: center;
	margin-top: -7%;
}
.article-9 .article9-title p{
	background-color: #fff;
	padding: 0 1rem;
	color: #48c0a3;
	font-size: 1.8rem;
	display:inline-block;
}
.article-10>section{
	margin:4%;
	font-size: 1.5rem;
    line-height: 2.4rem;
    color: #666;
	padding: 2% 4%;
	padding-bottom: 30%;
	border: 2px dashed orange;
	border-radius: 0.5rem;
	background: url(../../images/news_model/border10_bottom.png) right bottom no-repeat;
	background-size: 100%;
}
.article-10 .article10-sun{
	width: 6rem;
	animation: rotating 5s linear infinite;
}
.article-10 .article10-cloud{
	width: 6rem;
	animation: move 3s linear infinite;
}
@keyframes rotating{
	from{transform:rotate(0)}
	to{transform:rotate(360deg)}
}
@keyframes move{
	0% {transform:translate(-4rem); opacity: 0}
	20% {transform:translate(-2rem); opacity: 1}
	80% {transform:translate(5rem); opacity: 0}
	100% {transform:translate(5rem); opacity: 0}
}

/*ͼ�IJ���css*/
.pics{
	font-size: 1.5rem;
	line-height: 2.4rem;
	color: #666;
	margin: 4%;
}
.pics img{
	max-width: 100%;
	margin-bottom: .6rem;
}
.pics-1 .pics1-img{
	width: 50%;
	float: left;
	margin-right: 1rem;
}
.pics-2{
	text-align: center;
}
.pics-2 .pics2-img{
	width: 50%;
	border-radius: 50%;
	margin-bottom: 2rem;
}
.pics-3 .pics3-img{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pics-3 .pics3-img img{
	width: 48%;
}
.pics-4 .pics4-info{
	font-size: 1.4rem;
	color: #999;
}
.pics-4 .pics4-info:before{
	content: '';
	width:0;
    height:0;
    border-width:0 .5rem 1rem;
    border-style:solid;
    border-color:transparent transparent #666;
    vertical-align: 1.2rem;
    line-height: 0;
    margin-right: .6rem;
}
.pics-5{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pics-5 .pics5-img{
	width: 45%;
	margin-right: 3%;
	border-radius: 1rem;
}
.pics-6{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pics-6 .pics6-img{
	width: 45%;
	margin-right: 3%;
	border-radius: 1rem;
}
.pics-7{
	position: relative;
	box-sizing: border-box;
}
.pics-7 .pics7-img{
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 1rem;
	z-index: -1;
}
.pics-7 section{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pics-7 p{
	width: 60%;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	border-radius: 1rem;
	padding: 1rem;
}
.pics8-img{
	border: 2px dashed #ddd;
	padding: 1rem;
	box-sizing: border-box;
	border-radius: 1rem;
	box-shadow: 0 0 1rem rgba(0,0,0,0.2);
}
.pics-9 .pics9-img{
	padding: 1rem;
	box-sizing: border-box;
	box-shadow: 0 0 1rem rgba(0,0,0,0.2) inset;
}
.pics-10 .pics-10-ul{
	display: flex;
	justify-content: space-between;
}
.pics-10 .pics-10-ul .pics-10-li{
	width: 48%;
}
.pics-10 .pics10-title{
	text-align: center;
	font-weight: bold;
	font-size: 1.4rem;
}

/*�༭����ѡ������*/
.editor.selected {
    border: 1px dashed #f60;
    padding: 0 4px;
}

#cmsModel_line>div,#cmsModel_pics>div{ 
	background:#fff;
	padding:.1rem 2%;
	border-radius:5px;
	margin-top:10px;
}