/* 选项卡*/


.details_nav{overflow: hidden;height:40px;line-height:40px;width:100%; margin-top:20px;background:#CCCCCC;}
.details_nav li{width:33.2%;text-align: center; float:left;background:#CCCCCC;}
.details_nav ul{ margin:0}
.details_nav a{color: #333333;font-size:18px; font-weight:bold; } 
.details_active a,.details_nav li:hover a{height:40px;display: block;color:#fff;font-size: 18px; background:#167BC5; font-weight:bold; }

.details_nav li:nth-child(1){border-right:#fff 1px solid;}
.details_nav li:nth-child(2){border-right:#fff 1px solid;}

.synopsis{overflow: hidden; height:auto}
.synopsis img{ vertical-align:middle; width:100%; height:auto} 

@media (max-width:1100px) {
.details_nav li{width:33.13%;text-align: center; float:left;background:#CCCCCC;}
.details_nav{overflow: hidden;height:40px;line-height:40px;background:#CCCCCC;width:100%; margin-top:2px}
.details_nav a{color: #333333;font-size:16px;} 
.details_active a,.details_nav li:hover a{height:40px;display: block;color:#fff;font-size: 16px; background:#167BC5}
}


@media (max-width:350px) {
.details_nav li{width:33%;text-align: center; float:left;background:#CCCCCC;}
.details_nav{overflow: hidden;height:40px;line-height:40px;background:#CCCCCC;width:100%; margin-top:2px}
.details_nav a{color: #333333;font-size:16px;} 
.details_active a,.details_nav li:hover a{height:40px;display: block;color:#fff;font-size: 16px; background:#167BC5}
}

.detailsa_nav{overflow: hidden;height:40px;line-height:40px;width:100%; margin-top:20px; margin:0 auto; margin-bottom:20px;}
.detailsa_nav li{width:110px;text-align: center; float:left;background:#CCCCCC;}
.detailsa_nav ul{ margin:0}
.detailsa_nav a{color: #333333;font-size:16px; } 
.detailsa_active a,.detailsa_nav li:hover a{height:40px;display: block;color:#fff;font-size: 16px; background:#167BC5; }
.detailsa_nav li:nth-child(1){border-right:#fff 1px solid;}
.detailsa_nav li:nth-child(2){border-right:#fff 1px solid;}
.detailsa_nav li:nth-child(3){border-right:#fff 0px solid;}

@media screen and (max-width: 550px) {
.detailsa_nav{overflow: hidden;height:40px;line-height:40px;width:100%; margin-top:20px; margin:0 auto; margin-bottom:10px;}
.detailsa_nav li{width:33.1%;text-align: center; float:left;background:#CCCCCC;}
}

@media screen and (max-width: 350px) {
.detailsa_nav li{width:24.3%;text-align: center; float:left;background:#CCCCCC;}
}

/*--------团队---------- */

.detailsb_nav{overflow: hidden;height:auto;line-height:45px; width:100%; margin:0 auto; margin-top:20px;}
.detailsb_nav li{text-align: center; float:left; margin:0px;  width:11%; overflow:hidden;border-right:#fff 1px solid; background:#CCCCCC}
.detailsb_nav ul{ margin:0px; padding:0px; overflow:hidden}
.detailsb_nav a{color: #333333;font-size:16px; padding:0px 0px;  font-weight:bold; overflow:hidden;line-height:45px; width:100%;} 
.detailsb_active a,.detailsb_nav li:hover a{height:45px;display: block;line-height:45px;font-size:16px;background:#62BD19;color: #fff;font-weight:bold;}

@media only screen and (max-width: 768px) {
.detailsb_nav{overflow: hidden;height:auto;line-height:45px; width:100%; margin:0 auto;margin-top:20px}
.detailsb_nav li{text-align: center; float:left; margin:0px;  width:19.7%; overflow:hidden;border-right:#fff 1px solid; background:#CCCCCC; margin-bottom:5px}
.detailsb_nav a{color: #333333;font-size:16px; padding:0px 0px;  font-weight:bold; overflow:hidden;line-height:45px; width:100%;} 
.detailsb_active a,.detailsb_nav li:hover a{height:45px;display: block;line-height:45px;font-size:16px;background:#62BD19;color: #fff;font-weight:bold;}

}
@media only screen and (max-width: 570px) {
.detailsb_nav{overflow: hidden;height:auto;line-height:45px; width:100%; margin:0 auto;margin-top:10px}
.detailsb_nav li{text-align: center; float:left; margin:0px;  width:19.7%; overflow:hidden;border-right:#fff 1px solid; background:#CCCCCC; margin-bottom:5px}
.detailsb_nav a{color: #333333;font-size:14px; padding:0px 0px;  font-weight:bold; overflow:hidden;line-height:45px; width:100%;} 
.detailsb_active a,.detailsb_nav li:hover a{height:45px;display: block;line-height:45px;font-size:14px;background:#62BD19;color: #fff;font-weight:bold;}

}

@media only screen and (max-width: 500px) {
.detailsb_nav li{text-align: center; float:left; margin:0px;  width:32%; overflow:hidden;border-right:#fff 1px solid; background:#CCCCCC; margin-bottom:5px}

}



.tab{ width:100%; height:auto;}
.tab-hd { overflow:hidden; zoom:1;}
.tab-hd li{ float:left;width:20%;text-align: center; float:left;background:#CCCCCC;cursor:pointer;font-size: 16px;height:40px; line-height:40px; margin-bottom:1px}
.tab-hd li dd{ border-left:#FFFFFF 1px solid; border-top:#FFFFFF 0px solid;font-size: 16px;}
.tab-hd li dd a{font-size: 16px; color:#333}
.tab-hd li.active dd a{height:40px;display: block;color:#fff;font-size: 16px; background:#167BC5; }


.tab-bd li{display:none; background:#eee; margin:0px; padding:0px; width:100% }
.tab-bd  li.thisclass{ display:list-item; width:100% ;margin:0px; padding:0px;}


@media only screen and (max-width: 450px) {
.tab-hd li{ float:left;width:33.33%;text-align: center; float:left;background:#CCCCCC;cursor:pointer;font-size: 14px;height:40px; line-height:40px}
}

.w_sy_cplist{ overflow:hidden; margin:0px; padding:0px; width:25%; float:left}
.w_sy_cplist dl{ overflow:hidden; margin:0px; padding:0px 0px 6px 0px; width:94%; margin:0 auto;margin-top:8px; margin-bottom:8px;  border:#ddd 1px solid;background:#eee;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative;}
.w_sy_cplist dl dt{ font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:32px; padding:5px 5px 0px 5px; font-weight:normal;color:#222; position:relative; text-align:center}
.w_sy_cplist dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:18px; color:#555;padding:0px 5px 0px 5px; height:60px }
.w_sy_cplist dl dd span{ color:#777; margin-right:2px}
.w_sy_cplist dl dt img{ width:100%; height:220px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.w_sy_cplist:hover dl{box-shadow:0 0 15px 1px rgba(0,0,0,.1); }
.w_sy_cplist:hover dt h3{ color:#167BC5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; text-align:center}
.w_sy_cplist:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.w_sy_cplist:hover dt{color:#167BC5}

.w_sy_cplist dl  .cp_dv{ width:auto; height:40px; text-align:center; position:absolute; z-index:6; right:8px; bottom:-10px}
.w_sy_cplist dl  .cp_dv img{ height:22px; width:auto}






@media only screen and (max-width:1025px) {
.w_sy_cplist dl dt img{ width:100%; height:147px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}
@media only screen and (max-width:900px) {
.w_sy_cplist dl dt img{ width:100%; height:110px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}

@media only screen and (max-width:680px) {
.w_sy_cplist dl dt img{ width:100%; height:88px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}

@media only screen and (max-width:550px) {
.w_sy_cplist{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.w_sy_cplist dl dt img{ width:100%; height:170px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }

}


@media only screen and (max-width:380px) {
.w_sy_cplist{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.w_sy_cplist dl dt img{ width:100%; height:110px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.w_sy_cplist dl dt h3{ font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:36px; padding:2px 0px 10px 0px; font-weight:normal}

}

@media only screen and (max-width:350px) {
.w_sy_cplist{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.w_sy_cplist dl dt img{ width:100%; height:85px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }

}