/*header begin*/
.box{ clear:both; width:100%; height:auto; min-height:127px; background:#f7f7f7;}
.header{ width:95%; min-width:127px; margin:0 auto;}
.logo{ float:left; width:28%; height:auto; padding-top:25px;}
.nav{ float:right; width:66%; height:auto;}
.nav_t{ height:auto; min-height:127px;}
.nav_t li{ float:left; width:12.5%; text-align:center; }
.nav_t li a{ display:block; width:100%; height:auto; min-height:127px; padding-top:29px; color:#666666; font-size:16px; line-height:30px;}
.nav_t li a img{ display:block; margin:0 auto;}
.nav_t li:hover{ color:#00a1ad; background:url(../images/bg1.jpg) no-repeat center top; background-size:100% auto;/* border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:none;border-bottom:none; box-shadow:0px 0px 5px #000;*/}
.nav_t li:hover a{ color:#00a1ad;}
.nav_b{ width:221px; height:22px; float:right;}
.nav_b11{ width:221px; height:22px; float:right; margin-top:25px;}
.wbk{ float:left; width:199px; height:22px; border:1px solid #eeeeee; border-right:none; padding-left:6px; line-height:22px; color:#bcbcbc; font-size:14px;}
.doos{ display:none; position:relative;}
.nav1{ width:100%; height:auto; text-align:right; position:relative;}
.daon{ float:right;width:45%; background:rgba(0, 161, 173, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#00a1ad; z-index:99;}
.daon li{ width:100%; line-height:40px; text-align:center;}
.daon li a{ display:block; width:100%; color:#fff; font-size:16px;}
.daon li a:hover{ color:#00a1ad;}
@media(max-width:1024px){
.header{ width:95%; min-width:95%; margin:0 auto;}   
}
@media(max-width:768px){
.header{ width:95%; min-width:95%; margin:0 auto;}  
.box{ clear:both; width:100%; height:auto; min-height:auto; background:#f7f7f7; overflow:hidden; }
.logo{ float:left; width:28%; height:auto; padding-top:25px;}
.nav{ float:right; width:100%; height:auto;} 
.nav_t li:hover{ color:#00a1ad; background:none;}
}
@media(max-width:667px){
.header{ width:95%; min-width:95%; margin:0 auto;}  
.box{ clear:both; width:100%; height:auto; min-height:auto; background:#f7f7f7; padding-bottom:15px;}
.logo{ float:left; width:40%; height:auto; padding-top:25px;}
.logo img{ display:block; margin:0 auto;}
.nav{ float:right; width:100%; height:auto; display:none;} 
.nav_t li:hover{ color:#00a1ad; background:none;}
.doos{ display:block;position:relative; padding-top:25px;}
}
@media(max-width:414px){
.header{ width:95%; min-width:95%; margin:0 auto;}  
.box{ clear:both; width:100%; height:auto; min-height:auto; background:#f7f7f7; padding-bottom:15px;}
.logo{ float:left; width:100%; height:auto; padding-top:25px;}
.logo img{ display:block; margin:0 auto;}
.nav{ float:right; width:100%; height:auto; display:none;} 
.nav_t li:hover{ color:#00a1ad; background:none;}
.doos{ display:block;position:relative;}
}
/*header end*/


.box9{ clear:both; width:100%; height:auto; background:#323232; overflow:hidden; padding:51px 0;}
.bood{ width:86%; height:auto; margin:0 auto;}
.bood_l{ float:left; width:16%; height:auto; overflow:hidden; background:url(../images/bg8.jpg) no-repeat right center; margin-right:36px;}
.bood_l dt{ text-align:center;}
.bood_l dt img{ display:block; margin:0 auto;}
.bood_l dd{ text-align:center; line-height:30px; color:#fff;}
.bood_c{ float:left; width:37%; height:auto; overflow:hidden;}
.bood_c p{ line-height:30px; color:#fff;}
.bood_c p img{ vertical-align:middle; margin-right:5px;}
.bood_c p span{ font-family:Arial, Helvetica, sans-serif; font-size:36px; font-weight:bold; color:#00a1ad;}
.bood_r{ float:right; width:37%; height:auto;}
.bood_r ul{ float:left; width:30%; margin-right:3.33%; background:url(../images/bg8.jpg) no-repeat right top;}
.bood_r li h1{ line-height:30px; margin-bottom:12px;}
.bood_r li h1 a{ color:#fff; font-size:16px;}
.bood_r li{ line-height:30px;}
.bood_r li a{ color:#cccccc;}
.bood_r li a:hover{ color:#01a1ad;}
@media(max-width:768px){
.bood_l{ float:left; width:30%; height:auto; overflow:hidden; background:url(../images/bg8.jpg) no-repeat right center; margin-right:0px;}
.bood_c{ float:right; width:67%; height:auto; overflow:hidden;}
.bood_r{ float:right; width:100%; height:auto; padding-top:20px;}
.bood{ width:100%; height:auto; margin:0 auto;}
}
@media(max-width:414px){
.bood_l{ float:left; width:100%; height:auto; overflow:hidden; background:none; margin-right:0px;}
.bood_c{ float:right; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.bood_r{ float:right; width:100%; height:auto; padding-top:20px;}
.bood{ width:100%; height:auto; margin:0 auto;}
}

.box10{ clear:both; height:auto; line-height:45px; background:#212121; border-top:1px solid #575757;}
.box10 p{ color:#ffffff; line-height:45px; text-align:center;}
.box10 p a{ color:#fff;}

.youdq{ width:86%; height:auto; margin:0 auto; clear:both; height:auto;}
.youdq p{ line-height:30px; color:#cccccc; font-size:13px;}
.youdq p span{ float:left; display:block; width:8%; color:#cccccc; font-size:13px;}
.youdq p font{ display:block; float:left; width:92%;color:#cccccc; font-size:13px;}
.youdq p font a{color:#cccccc; font-size:13px; margin-right:1%;}

@media(max-width:1024px){
.youdq p span{ float:left; display:block; width:10%; color:#cccccc; font-size:13px;}
.youdq p font{ display:block; float:left; width:90%;color:#cccccc; font-size:13px;}
.youdq p font a{color:#cccccc; font-size:13px; margin-right:0.9%;}
}
@media(max-width:768px){
.youdq p span{ float:left; display:block; width:10%; color:#cccccc; font-size:13px;}
.youdq p font{ display:block; float:left; width:90%;color:#cccccc; font-size:13px;}
.youdq p font a{color:#cccccc; font-size:13px; margin-right:0.9%;}
.youdq{ width:100%; height:auto; margin:0 auto; clear:both; height:auto;}
}
@media(max-width:667px){
.youdq p span{ float:left; display:block; width:15%; color:#cccccc; font-size:13px;}
.youdq p font{ display:block; float:left; width:85%;color:#cccccc; font-size:13px;}
.youdq p font a{color:#cccccc; font-size:13px; margin-right:0.9%;}
.youdq{ width:100%; height:auto; margin:0 auto; clear:both; height:auto;}
}
@media(max-width:414px){
.youdq p span{ float:left; display:block; width:100%; color:#cccccc; font-size:13px;}
.youdq p font{ display:block; float:left; width:100%;color:#cccccc; font-size:13px;}
.youdq p font a{color:#cccccc; font-size:13px; margin-right:0.9%;}
.youdq{ width:100%; height:auto; margin:0 auto; clear:both; height:auto;}
}