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

body{ line-height:1.7; color:#666;}

.main img{ width:100%;}

.box{ width:98%; margin:0 auto; overflow:hidden;}

.mt3{ margin-top:3%; overflow:hidden;}
.mt5{ margin-top:5%; overflow:hidden;}
.mt8{ margin-top:8%; overflow:hidden;}
.mt10{ margin-top:10%; overflow:hidden;}
.relative{position: relative;}
.absolute{position: absolute;}
.clearfix{clear: both;}

.top{ overflow:hidden;}
.top dl{overflow:hidden;}
.top dd{ display:block; width:100%; text-align:center;bottom:9%;}
.top dd a{ display:inline-block; width:25%; margin:0 2%;}

.top dd a:nth-of-type(1){width:35% !important;}

.til{ display:block;text-align:center; font-weight:bold;line-height:2.0;color:#31ACAA;overflow:hidden;border-bottom: 2px solid #31ACAA;padding-bottom: 2%;}
.til1,.til2,.til3{ display:inline-block; padding:1%;}
.til1{ background:  no-repeat center; background-size:100%;}
.til2{ background:  no-repeat center; background-size:100%;}
.til3{ background:  no-repeat center; background-size:100%;}
.box1_lf{width: 55%;}

.box1_rt{width: 44%;overflow: hidden;}
.box1_rt dl dd span,.box1_rt dl dd a{background-color: #31ACAA;color: #FFF;display: block;width: 50%;text-align: center;}
.box1_rt dl dd a{background-color: #f29216; cursor:pointer;}
.box1_rt dl dd p:last-child{background-color: #f7eedf; padding:2%; text-indent:2em;}
.box1_footer{text-align: center; overflow: hidden;line-height: 3.0;}
.box1_footer a{color: #f40d0d;}
.box1_bottom dl{overflow:hidden;}
.box1_bottom dd{display:block; width:100%; text-align:center;}
.box1_bottom dd a{ display:inline-block; width:25%; margin:0 2%;}


.box2 dd p{text-indent: 2em;}
.box2 dd h3{margin-bottom: 1.5%;}
.box2 dd{  width: 46%;height: 12.5rem;padding: 1.0rem 2%;line-height: 2.5rem;}
.box2 dt{width:50%;}
.box2 dt img{    height: 14.5rem;}
.box2 dl{ margin-top:5%; display: block; overflow:hidden;}
.box2 .box2_2{ text-align:center; overflow:hidden;}
.box2 .box2_2 li{ display:inline-block; background:#7f7f7f; width:12px; height:12px; border-radius:50%; margin:0 3px; font-size:0; cursor:pointer;}
.box2 .box2_2 li.active { background:#ed9313;}


.box3_1 dl{ display:block; margin-bottom:3%; overflow:hidden;}
.box3_1 dd:first-of-type,.box3_1 dd:nth-of-type(8){margin-bottom: 5%;width:52%;margin-top: 3%; }
.box3_1 dd:nth-of-type(2){width: 32.2%; }
.box3_1 dd:nth-of-type(3){width: 31.0%;margin: 0 1px; }
.box3_1 dd:nth-of-type(4){width: 35.2%; }

.box4{}
.box4 li{ display:inline-block; width:48%; cursor:pointer; overflow:hidden;}
.box4 dl{ display:none;}
.box4 dt{ display:block; text-align:center; font-weight:bold; color:#31ACAA;}
.box4 dd{ display:block; margin-top:2%; overflow:hidden;}
.box4 dd p:nth-of-type(1){ display:block; color:#31ACAA; overflow:hidden;}
.box4 dd p:nth-of-type(1) img{ display:inline-block; width:5%; margin-right:2%; vertical-align:middle;}
.box4 dd p:nth-of-type(2){ display:block; padding-bottom:2%; border-bottom:1px dashed #bcbcbc; text-indent:2em;}

.box5{}
.box5 dt{ display:block; text-align:center; font-size:1.8rem; line-height:2.8; color:#31ACAA;}
.box5 dd{ display:block; text-indent:2em;}

.box6 dd{ display:block; text-indent:2em;}
.box6 dt{ margin-bottom:5%;}


.box7_1 { overflow:hidden;}
.box7_1 dl{ display:block; margin-top:5%; overflow:hidden; position:relative; margin:2% 1%; width: 48%;}
.box7_1 dd{ display:none; width:100%; height:100%; color:#FFF; overflow:hidden; position:absolute; bottom:0; left:0;}
/*.box7_1 dt{ width:48%;}*/

.box7_1 dd p{ display:block;padding: 7% 5%; text-indent:2em;}


.box9{ margin: 3% auto;text-align: center; overflow: hidden;}
.box9 dl:first-of-type{ border-bottom:1px  dashed #666666; margin-bottom:5%; padding-bottom:2%;}
.box9 dd{ display: inline-block;width:47%; margin:1% 1%;}
.box9 .box9_2{ text-align:center; overflow:hidden;}
.box9 .box9_2 li{ display:inline-block; background:#7f7f7f; width:12px; height:12px; border-radius:50%; margin:0 3px; font-size:0; cursor:pointer;}
.box9 .box9_2 li.active { background:#ed9313;}

.box10 dd{ margin-top:3%; overflow:hidden;}
.box10 dd{ padding:2%; border-bottom:0.15rem dashed #d7d7d7; overflow:hidden;}
.box10 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;}
.box10 dd font{ color:#c31212;}
.box10 dd span{ position:relative; z-index:1;}
.box10 dd span i{ background:url(../images/del.png) no-repeat 0 center; background-size:100%; width:100%; height:100%; z-index:1; position:absolute; top:0; left:0;}

.box10 dd:nth-of-type(5){ border-bottom:none;}


.consult2{ width:32%; margin:6% auto; overflow:hidden;}

.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:32%;height:100%;float:left;margin-right:1%}

.ends{width:100%;height:100%;margin-top:2rem}

@media(max-width:320px){ 
    .box1_rt{ font-size:1.2rem}
	.box2 dd 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){
	.box1_rt{ font-size:1.2rem}
	.box2 dd p{ font-size:1.2rem;}
}
@media(min-width:480px){
	 .box1_rt{ font-size:1.4rem}	
	 .box2 dd p{ font-size:1.4rem;}
}
@media(min-width:640px){ 
	.box1_rt{ font-size:1.7rem}
	.box2 dd 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}
	}