*{padding:0px;margin:0px;}
html,body{background:#fff url(../images/bg.jpg);font-family:arial,"Microsoft Yahei";font-size: 14px;width: 100%;}
body{float: left;position: relative;z-index: 1;}
img{border:none;}
a{color:#333;text-decoration:none;transition:0.5s;}
a:hover{color:#333;text-decoration:none;transition:0.5s;} 
ul li{list-style:none;padding: 0;margin: 0;}
ol, ul {margin-top: 0;margin-bottom: 0px;}
p{margin: 0;padding: 0;}
.input{outline: none;}
.mT20{margin-top: 20px;}
h1,h2,h3,h4,h5,h6{padding: 0;margin: 0;}
.blank30{float: left;width: 100%;height: 30px;} 
.mT30{margin-top: 30px;}
.mB30{margin-bottom: 30px;}
.mB60{margin-bottom: 60px;}
.mB100{margin-bottom: 100px;}
#mB100{margin-bottom: 100px;}
.fl{float: left;}
.w100{width: 100%}
.fl{float:left;}
.fr{float:right;}
.fl,#fl{float:left;}
.fr,#fr{float:right;}

/* topBanner*/
.topBanner{width:100%;float: left;} 
.topBanner img{float: left;width: 100%;} 

/* headers*/
.headers{width:100%;height:75px;float: left;background: #cc0000;line-height: 75px;}
.headers .navs{margin: 0 auto;width: 1400px;}
.headers .navs a{float:left;font-size: 20px;color: #fff;width: 20%;transiton:0.5s;text-align: center;font-weight: bold;letter-spacing: 8px;}
.headers .navs a:hover{background: #f1c40f;}
.headers .navs a.cur{background: #f1c40f;}
.headers.on{z-index: 8000;position: fixed;transition:0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1);}

/* footers */
.footers{width: 100%;float: left;background: url(../images/footerbg.jpg) no-repeat center top;margin-top: 20px;padding: 50px 0 50px;background-size: cover}
.footers .box{margin: 0 auto;width: 1400px;}
.footers .box .ficons{width: 100%;float: left;}
.footers .box .ficons .l{float: left;margin-bottom: 30px;}
.footers .box .ficons .r{float: right;margin-top: 15px;}
.footers .box .ficons .r a{width:80px;height:80px;float: left;}
.footers .box .ficons .r a:hover img{background: #f1c40f;}
.footers .box .ficons .r a:hover i{color: #fff;}
.footers .box .ficons .r a img{float: left;margin:0 15px;height: 50px;border-radius: 100%;background: rgba(255,255,255,0.4);padding: 12px;transition:0.4s;}
.footers .box .ficons .r a i{float: left;width: 100%;line-height: 30px;color: rgba(255,255,255,0.4);text-align: center;font-style: normal;transition:0.4s;}
.footers .box .ficons .r a.wx{width:80px;height:80px;float: left;position: relative;}
.footers .box .ficons .r a.wx:hover .pp{display: block;}
.footers .box .ficons .r a.wx .im{float: left;margin:0 15px;height: 50px;border-radius: 100%;background: rgba(255,255,255,0.4);padding: 12px;}
.footers .box .ficons .r a.wx i{float: left;width: 100%;line-height: 30px;color: rgba(255,255,255,0.4);text-align: center;font-style: normal;transition:0.4s;}
.footers .box .ficons .r a.wx .pp{position: absolute;width: 120px;height: 120px;background: #fff;border-radius: 5px;left: 66px;top:-33px;border: none;display: none;}
.footers .box .ficons .r a.wx .pp img{float: left;width: 120px;height: 120px;margin: 0px;padding: 10px;border-radius: 0}
.footers .box .ficons .r a.wx:hover .im{background: #f1c40f;}
.footers .box .ficons .r a.wx:hover i{color: #fff;}
.footers .box .ficons .r a.wx:hover .pp img{background: #fff;}
.footers .box .copyright{float: left;width:100%;line-height: 34px;color: #fff;border-top: 1px solid rgba(255,255,255,0.2);padding-top: 30px;}
.footers .box .copyright p{float: left;width: 100%;font-size: 16px}
.footers .box .copyright span{float: left;width: 100%;font-size: 13px}


/* pageSize_1 */
.pageSize_1{float: left;line-height: 44px;border-right: 0;margin-bottom: 20px;overflow: hidden;font-size: 16px;}
.pageSize_1 a,.pageSize_1 b,.pageSize_1 .current{padding:0 20px;line-height: 44px;height: 44px;text-align: center;color: #555;display: inline-block;font-weight: normal;background: #fff;margin-right: 3px;float: left;}
.pageSize_1 .current{background: #cc0000;color: #fff;}


/* mainBody */
.mainWrap{width: 100%;float: left;}
.main{width: 1400px;margin:0px auto 0 ;}

.contenter{width: 100%;float: left;}

/*addressNav*/
.addressNav{float: left;width: 100%;height:70px;line-height: 70px;font-size: 18px;color: #333;border-bottom: 3px solid #fff;margin: 10px 0 0px;}
.addressNav a{color: #000;float: left;transition:0.5s;}
.addressNav a:hover{color: #f90}
.addressNav span{color: #aaa;float: left;padding: 0 18px;}
.addressNav b{color: #000;float: left;font-weight: normal;}
.addressNav p{color: #000;float: left;font-weight: normal;}

/* learningmaterials */
.learningmaterials{float: left;width:100%;font-size:13px;margin-bottom: 40px;}
.learningmaterials li{width:100%;overflow:hidden;clear:both;padding:  30px 0;border-bottom: 1px solid #fff;transition:0.5s;}
.learningmaterials li .img{width:20%;float: left;margin: 0 0 0 0;}
.learningmaterials li .img img{width:100%;float: left;transition:0.5s;}
.learningmaterials li .lir{width: 80%;padding-left: 25px;float: left;transition:0.5s;}
.learningmaterials li .lir .desc{width: 100%;float: right;line-height: 44px;color: #aaa;font-size: 13px;transition:0.5s;}
.learningmaterials li .lir .ts{width: 100%;float: right;font-size: 22px;font-weight: bold;line-height: 30px;color: #333;transition:0.5s;}
.learningmaterials li .lir p{width: 100%;float: right;font-size: 15px;color: #666;line-height: 30px;transition:0.5s;}
.learningmaterials li:hover{background:#cc0000;border-bottom: 1px solid #cc0000;padding: 30px;}
.learningmaterials li:hover .img{width: 25%}
.learningmaterials li:hover .lir{width: 75%}
.learningmaterials li:hover .lir .ts{color: #fff}
.learningmaterials li:hover .lir .desc{color: #fff}
.learningmaterials li:hover .lir p{color: #fff}

.dynamicwork{float: left;width:100%;font-size:14px;margin: 40px 0 0;}
.dynamicwork li:hover{background: #cc0000}
.dynamicwork li:hover b{color: #fff;}
.dynamicwork li:hover span{color: #fff;background: rgba(255,255,255,0.1);}
.dynamicwork li:hover .t{color: #fff;}
.dynamicwork li:hover p{color: #fff;}
.dynamicwork li{width:23.5%;overflow:hidden;height: 340px;float: left;padding:40px 30px;margin: 0 2% 30px 0;background: #fff;position: relative;transition:0.5s;}
.dynamicwork li:nth-child(4n){margin-right: 0;}
.dynamicwork li b{font-size: 80px;float:right;text-align: right;height: 80px;width: 100px;font-weight: normal;font-family: arial;line-height: 80px;letter-spacing:6px;width: 100%;text-align: right: ;}
.dynamicwork li span{font-size: 15px;float:right;height: 26px;font-weight: normal;font-family: arial;font-style: italic;padding-right: 15px;width: 100%;text-align: right;font-style: normal;background: #eee;line-height: 26px;}
.dynamicwork li .t{width: 100%;float: left;font-size: 18px;line-height: 30px;color: #000;margin: 18px 0 10px;height:60px;overflow: hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight: bold;}
.dynamicwork li p{width: 100%;float: left;font-size: 14px;color: #333;line-height: 24px;height:48px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}


.mediareports{float: left;width: 100%;padding: 30px 0 0 ;}
.mediareports li{float: left;width:29%;margin: 0 3.5% 30px 0;position: relative;padding: 0 0 10px;transition:0.5s;background: #fff;text-align: center;}
//.mediareports li:nth-child(3n){margin-right: 0;}
.mediareports li:hover{background: #cc0000;}
.mediareports li:hover .img img{opacity: 0.2;}
.mediareports li:hover .tit{color: #fff;}
.mediareports li:hover .tag{opacity: 1;padding-top: 25%;}
.mediareports li:hover p{color: #fff;}
.mediareports li .tag{float: left;width:100%;position: absolute;z-index: 1;;opacity: 0;transition:0.5s;left: 0;text-align: center;}
.mediareports li .tag img{display: inline-block;vertical-align: top;}
.mediareports li .img{float: left;width:100%;padding:0;background: #000;}
.mediareports li .img img{float: left;width:100%;transition:0.5s;}
.mediareports li .tit{float: left;width:100%;line-height: 40px;color: #333;overflow: hidden;font-size: 18px;padding:5px 15px 0;margin-top: 15px;transition:0.5s;}
.mediareports li p{float: left;width:100%;color: #666;padding:0px 15px 0;line-height: 24px;height: 24px;overflow: hidden;transition:0.5s;}

.expertsread{float: left;width: 100%;margin: 40px 0 0px;}
.expertsread li{float: left;width:28%;margin: 0 5% 30px 0 ;background: #fff;position: relative;padding:0px;}
//.expertsread li:nth-child(3n){margin-right: 0;}
.expertsread li:hover{background: #cc0000;}
.expertsread li:hover .title{color: #fff;background: #f1c40f}
.expertsread li:hover .img{opacity: 0}
.expertsread li .black{float: left;width:100%;padding: 60px 30px 0;position: absolute;z-index: 3;opacity: 0}
.expertsread li .black em{float: left;font-size: 15px;color: #fff;font-style: normal;line-height: 30px;padding-bottom: 10px;margin-bottom: 10px;}
.expertsread li .black p{float: left;font-size: 15px;color: #cc0000;line-height: 44px;background: #fff;padding: 0 30px;}
.expertsread li .img{float: left;width:100%;}
//.expertsread li .img img{float: left;width:100%;}
.expertsread li .title{float: left;width:100%;line-height: 80px;color: #000;overflow: hidden;font-size: 16px;height: 80px;background: #fff;text-indent: 30px;}
.expertsread li .black{transition:1s;-moz-transition:1s; -webkit-transition:1s; -o-transition:1s; }
.expertsread li:hover .black{	opacity: 1;}

/*brand*/
.brand{float:left;width: 100%;padding: 30px 0 50px;}
.brand a {width: 28%;float: left;margin:0 5% 30px 0;position: relative;float: left;}
//.brand a:nth-child(3n) {margin-right: 0;}
.brand a .img{float: left;width: 100%;z-index: 1;}
.brand a p{float: left;width: 100%;height: 80px;position: absolute;z-index: 2;background:rgba(0,0,0,0.5); text-align: center;color: #fff;bottom: 0;margin: 0;padding: 0;line-height: 80px;font-size: 18px;}


.details{float: left;width: 100%;}
.details h1{float: left;width: 100%;line-height: 70px;font-size:36px;color:#333;margin: 45px 0 0;text-align: center;font-weight: bold;}
.details .info{float: left;width: 100%;line-height: 30px;font-size: 14px;color:#aaa;margin-bottom: 10px;text-align: center;border-bottom: 1px solid #eee;margin-bottom: 20px; }
.details .text{float: left;width: 100%;line-height:40px;color:#000;margin-bottom: 10px;font-size: 18px;}
.details .text p{float: left;width: 100%;line-height:40px;color:#000;padding: 0 0 20px ;text-indent: 60px; }













/* mainBar */
.mainBar{width: 75%;background: #fff;padding: 20px 40px;}
.mainBar .box{float: left;width:100%;}
.mainBar .box .t{float: left;width: 100%;height: 50px;line-height: 50px;font-size: 16px;border-bottom: 3px solid #eee;margin-top:20px;}
.mainBar .box .t b{font-weight: normal;color: #333;height: 50px;border-bottom: 3px solid #3487bb;float: left;font-size: 16px;}
.mainBar .box .c{width: 100%;float: left;;padding: 0;}
.mainBar .box .c .detail{float: left;width: 100%;}
.mainBar .box .c .detail h1{float: left;width: 100%;line-height: 40px;font-size:22px;color:#333 ;margin-top: 25px;margin-bottom: 0;text-align: center;}
.mainBar .box .c .detail .info{float: left;width: 100%;line-height: 30px;font-size: 12px;color:#aaa;margin-bottom: 10px;text-align: center;border-bottom: 1px solid #eee;margin-bottom: 20px; }
.mainBar .box .c .detail .text{float: left;width: 100%;line-height: 26px;color:#666 ;margin-bottom: 10px;}
.mainBar .box .c .detail .text p{float: left;width: 100%;line-height: 26px;color:#666;padding: 0 0 20px ; }
@media (max-width: 768px) {
.mainBar{width: 100%;padding: 0 20px;}
}

/* sideBar */
.sideBar{width: 23%;}
.sideBar .ad{float: left;width: 100%;}
.sideBar .ad img{float: left;width: 100%;margin: 0 0 12px 0;}
.sideBar .box{float: left;width: 100%;margin: 0 0 12px 0;}
.sideBar .box .t{float: left;width: 100%;margin:0 0px;height: 40px;line-height: 40px;font-size: 15px;background: #3487bb;text-indent: 20px;}
.sideBar .box .t strong{font-weight: normal;color: #fff;height: 40px;line-height: 40px;float: left;}
.sideBar .box .c{width: 100%;float: left;}
.sideBar .box .c .newsul{width: 100%;float: left;margin: 10px 0;}
.sideBar .box .c .newsul li{width: 100%;float: left;color: #C1C1C3;line-height: 26px;height: 26px;overflow: hidden;}
.sideBar .box .c .newsul li span{height:26px;color:#555;float: left;width: 10px;margin-left: 20px;}
.sideBar .box .c .newsul li a{height:26px;color:#555;text-indent: 5px;float: left;width: 240px;}
@media (max-width: 768px) {
.sideBar{width: 100%;}
}


/* newsul */
.newsul{float: left;width:100%;font-size:13px;margin-bottom: 40px;}
.newsul li{width:100%;overflow:hidden;clear:both;padding: 40px 0px;border-bottom: 1px solid #eee;transition:0.5s;}
.newsul li .img{width:25%;float: left;margin: 0 0 0 0;}
.newsul li .img img{width:100%;float: left;transition:0.5s;}
.newsul li .lir{width: 75%;padding-left: 25px;float: left;transition:0.5s;}
.newsul li .lir .desc{width: 100%;float: right;line-height: 44px;color: #aaa;font-size: 13px;transition:0.5s;}
.newsul li .lir .ts{width: 100%;float: right;font-size: 18px;font-weight: normal;line-height: 30px;color: #333;transition:0.5s;}
.newsul li .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;}
.newsul li:hover{background:#cc0000;border-bottom: 1px solid #cc0000;padding: 40px;}
.newsul li:hover .img{width: 28%}
.newsul li:hover .lir{width: 72%}
.newsul li:hover .lir .ts{color: #fff}
.newsul li:hover .lir .desc{color: #fff}
.newsul li:hover .lir p{color: #fff}