@charset "gb2312";
/* CSS Document */

/*ÇåÁã*/
body,div,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,p,form,img{ padding:0; margin:0;  font-weight:normal; }
body{ font-family:"΢ÈíÑźÚ",Verdana,Arial,"ËÎÌå","΢ÈíÑźÚ"; }
img{ border:none;  outline:none; }
input,select,textarea{ outline:none;  border:none;  background:#FFF; resize:none;}
ul,ol{ list-style-type:none; }
a{ outline:none; text-decoration:none;  color:#000; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; }
em{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
em{ font-style:normal;}

/*clearFix*/
.clearFix{ clear:both; *zoom:1;}
.clearFix:after{ clear:both;  display:block; visibility:hidden;  height:0;  line-height:0;  content:""; font-size:0;}

body{ margin:0 auto!important;}
.container img{ width:100%;}
.fl{ float:left;}
.fr{ float:right;}
.box{ margin-top:8%;}
.mt{ margin-top:6%;}
.last{ margin-right:0!important;}
.noBo{ border:none!important;}
.pubW{ width:96%; margin:5% auto 0;}



.til em{ width:1%; display:inline-block; vertical-align:middle; margin-right:2%;}
.til{ font-size:1.9rem; font-weight:bold; color:#31ACAA;}

.zx{ text-align:center; margin-top:6%;}
.zx a{ width: 26%; display:inline-block;}
.consultOnline{ margin-right:2%;}


.box1 li{ width:49%; text-align:center; position:relative; margin-top:2%;}
.box1 li:nth-of-type(n){ float:left;}
.box1 li:nth-of-type(2n){ float:right;}
.box1 li img{ border:1px solid #CCC;}
.box1 li em{ width:100%; display:inline-block; background:#333; opacity:0.7; filter:Alpha(opacity=70); color:#fff; line-height:1.8; position:absolute; bottom:1px; left:1px;}
.box1 .more{ text-align:center; margin-top:5%; }
.box1 .more a{ display:inline-block; border:1px solid #F00; color:#f00; line-height:1.8; padding:0 3%;}


.box2 ul{ width:96%; margin:5% auto 0; padding:1%; border:5px solid #cd9679;}
.box2 li{ width:50%; text-align:center;}
.box2 li:nth-of-type(n){ float:left;}
.box2 li:nth-of-type(2n){ float:right;}
.box2 li em{ width:100%; display:inline-block; background:#333; opacity:0.7; filter:Alpha(opacity=70); color:#fff; line-height:1.8; position:absolute; bottom:0; left:0;}
.box2 li span{ display:inline-block; border:1px solid #FFF; position:relative;}



.box3 dl{ margin-top:3%;}
.box3 dt{ width:49%;}
.box3 dd{ width:41%; color:#f5e0cd; padding:2% 5% 6.8%;}
.box3 dl:nth-of-type(1) dd{ background:#8c7065;}
.box3 dl:nth-of-type(2) dd{ background:#ca7f6a;}
.box3 dl:nth-of-type(3) dd{ background:#9f9b7c;}
.box3 dl:nth-of-type(4) dd{ background:#cc848e;}
.box3 dl h2{ font-weight:bold; margin-top:3%;}
.box3 dl p{ text-indent:2em; margin-top:2%;}
.box3_1 ul li{width:25%; text-align:center; float:left;    margin: 2% 0; }
.box3_1 ul li:nth-of-type(1) { background:#8c7065;}
.box3_1 ul li:nth-of-type(2) { background:#ca7f6a;}
.box3_1 ul li:nth-of-type(3) { background:#9f9b7c;}
.box3_1 ul li:nth-of-type(4) { background:#cc848e;}
.box3_1 ul .active{ opacity:0.7;}


.box4 .pic{ width:86%; margin:5% auto 2%;}
.box4 ul li h3{ color:#31ACAA; margin:5% 0 2%;}
.box4 ul li h3 em{ width:5%; display:inline-block; vertical-align:middle; margin-right:2%;}
.box4 ul li p{ color:#666666; text-indent:2em; padding-bottom:3%; border-bottom:1px dashed #CCC;}
.mt2{ margin-top:2%; overflow:hidden;}
.iBox2 dd{ display:block; padding:2.2% 0; border-bottom:0.15rem dashed #d7d7d7; overflow:hidden;}
.iBox2 dd em{ display:inline-block; background:url(../images/i0201.png) no-repeat 0 center; background-size:100%; width:6%; margin-right:1%; text-indent:1%; font-weight:bold; color:#FFF;}
.iBox2 dd font{ color:#c31212;}
.iBox2 dd span{ position:relative; z-index:1;}
.iBox2 dd span i{ background:url(/templets/default/images/del.png) no-repeat 0 center; background-size:100%; width:100%; height:100%; z-index:1; position:absolute; top:0; left:0;}
.iBox2 dd:nth-of-type(5){ border-bottom:none;}


.box5 dt{ width:74%; margin:0 auto;}
.box5 dd{ text-align:center; margin-top:2%; color:#31ACAA;}
.box5 h2{ width:100%; background:#31ACAA; font-size:1.7rem; color:#fff; font-weight:bold; text-align:center; line-height:1.6; margin-top:3%;}
.box5 p{ text-indent:2em; padding:0 2%; line-height:1.6; margin-top:2%;}
.box5 p:hover{ color:#666666;}


.box6 .til{ margin-bottom:5%;}
.box6 .more1{ width:31%; display:block; margin:5% auto 0;}



.box7 dl { overflow:hidden; width:96%; background-color: #f3ede8; padding: 2%; margin-top: 3%;}
.box7 dl dt{ width:47%; margin-top:3%;}
.box7 dl dd{ width:50%;} 
.box7 dl dd h3{color: #31ACAA; }
.box7 dl dd p{ text-indent:2em; }
.box7 dl dd p a{ color:red;}
.box7 dl dd p a.a01{    width: 44%; background: #31ACAA;display: block; font-size: 1.3rem;color: #fff;border-radius: 0.5rem;margin: 5% auto; line-height: 1.5;text-align: center;text-indent: 0; cursor: pointer;}
.box7 .attention{ background:#31ACAA; color:#fff; padding:1% 0 2%; text-align:center; margin-top:5%;}
.box7 .attention p{ width:86%; padding:0 7%;}
.box7 .attention a{ width:100%; display:inline-block; text-align:center; color:#fae606; margin:1% 0 2%;}



.box8 .intro a{ width:94%; display:block; margin:3% auto 0;}
.box8 dl{ display:block; overflow:hidden;}
.box8 dd{ padding:2%; border-bottom:1px dashed #d7d7d7; overflow:hidden;}
.box8 dd em{ display:inline-block; background:url(../images/i0201.png) no-repeat 0 center; background-size:100%; width:6%; margin-right:1%; text-indent:1%; font-weight:bold; color:#FFF;}
.box8 dd font{ color:#c31212;}
.box8 dd span{ position:relative; z-index:1;}
.box8 dd span i{ background:url(/templets/default/images/del.png) no-repeat 0 center; background-size:100%; width:100%; height:100%; z-index:1; position:absolute; top:0; left:0;}
.box8 dd:nth-of-type(3){ border-bottom:none;}



.box9 ul{ width:97%; margin:0 auto;}
.box9 img{ margin:5% 0 3%;}
.box9 p{ text-indent:2em;}

.box10 li{ width:30%; float:left; margin-left:3%; margin-top:5%;}
.box10 dl{ width:98%; padding:2%; border:1px solid #CCC; box-shadow:0 0 3px #CCC;}
.box10 dd{ margin-top:2px;}
.box10 li span{ width:100%; display:block; position:relative;}
.box10 li em{ display:inline-block; background:#2f2f2f; opacity:0.8; filter:Alpha(opacity=80); font-size:1.4rem; color:#fff; padding:0 3%; position:absolute; bottom:0; right:0;}

.box77_1{overflow:hidden;width:100%}
.box77_1 .bigs{overflow:hidden;margin-left:1%;border-bottom:#b8a798 0.01rem solid;padding-bottom:5%;padding-top:5%;width:100%}
.box77_1 .bigs li{float:left;text-align:center}
.box77_1 .bigs li:first-child{width:25%;position:relative}
.box77_1 .bigs li:first-child .li1 img{ width:75%;margin:0 auto}
.box77_1 .bigs li:first-child .li2 img{ width:60%;margin:0 auto;margin:0.3rem 0}
.box77_1 .bigs li:first-child .li3 img{width:60%;margin:0 auto}

.box77_1 .bigs li:nth-child(2){float:left;width:70%;margin-left:0.15rem}
.box77_1 .bigs li:nth-child(2) p{font-size:1.5rem;color:#31ACAA;font-weight:bold;text-align:left}
.box77_1 .bigs li:nth-child(2) h1{font-size:1.45rem;color:#333333;    margin: 0.7rem 0;line-height:1.5rem;;text-align:left}
.box77_1 .bigs li:nth-child(2) h1 span a{color:#f1310b}
.box77_1 .bigs li:nth-child(2) ul{overflow:hidden;zoom:1;}
.box77_1 .bigs li:nth-child(2) ul li{width:33%;height:100%;float:left;}
.ends{width:100%;height:100%;margin-top:2rem}


@media(max-width:320px){
	.box3 dd{ font-size:1.3rem; padding:2% 5% 4.8%;}
	.box7 p{ font-size:1.2rem;}
	.box77_1 .bigs li:nth-child(2) p{font-size:1.05rem;color:#31ACAA;font-weight:bold;text-align:left}
.box77_1 .bigs li:nth-child(2) h1{font-size:1rem;color:#333333;    margin: 0.1rem 0;line-height:1.5rem;;text-align:left}
}
@media(min-width:320px){
	.box3 dd{ font-size:1.3rem; padding:2% 5% 4.8%;}
	.box7 p{ font-size:1.2rem;}
}
@media(min-width:360px){
	.box3 dd{ font-size:1.4rem; padding:2% 5% 5.8%;}
	.box7 p{ font-size:1.3rem;}
}
@media(min-width:480px){
	.box3 dd{ font-size:1.5rem; padding:2% 5% 6.6%;}
	.box7 p{ font-size:1.5rem;}
}
@media(min-width:640px){
	.box3 dd{ font-size:1.6rem; padding:2% 5% 6.8%;}
	.box7 p{ font-size:1.6rem;}
}

@media(min-width:640px){
		.box77_1 .bigs li:nth-child(2) h1{font-size:1rem;color:#333333;    margin:0.4rem 0;line-height:1.5rem;;text-align:left}
	}