/* CSS Document */
/*总样式控制器开始*/
*{ margin:0 auto; padding:0; font-size:12px;text-decoration:none; list-style:none; font-family:"Microsoft Yahei"}

a{border: none;*blr:expression_r(this.onFocus=this.blur());outline:none;}
.ul{overflow: hidden;margin: 0;padding: 0;width: 100%;}
img{ height:100%;border:none;}


/* 选项卡*/


.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:#0E5991; 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:#0E5991}
}


@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:#0E5991}
}

.detailsa_nav{overflow: hidden;height:40px;line-height:40px;width:443px; 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:#0E5991; }
.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 1px 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:24.6%;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}

}