/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family: Arial,Helvetica,sans-serif; color:#666;}
a{color:#666;}
a:hover{ /*color:#f60;*/ /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.wapper1{ width:800px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}

img{max-width: 100%;}

.logo{text-align: center;height:100px; line-height:100px; width:800px; margin:0 auto;}
.logo a img{width:100px; height:100px; display:block; float:left;}
.logo a h1{font-size:20px;display:block; float:left;}
.menu{padding: 10px 0;line-height: 50px;background: #0B5394;text-align: center;}
.menu ul li{width: 120px;text-align: center;display: inline-block;}
.menu ul li a{font-size: 18px;color: #fff;}
.menu ul li.cur {border-bottom: 1px solid #fff;} 
.menu ul li:hover {border-bottom: 1px solid #fff;} 

.tit{text-align: center;padding: 20px 0;}
.tit h3{font-size: 40px;color: #555;}

.imgarea{position: relative; height:450px;}
.imgarea h3{position: absolute;left: 0;right: 0;bottom: 0;background: #636363;color: #fff;font-size: 24px;}

.more{text-align: center;margin: 15px 0;}
.more a{width: 170px;height: 40px;display: inline-block;border-radius: 3px;border: 1px solid #999999;line-height: 40px;text-align: center;font-size: 14px;color: #999999;}
.more a:hover{background: #3D85C6;color: #fff;}

.con2 ul li{width: 21%;text-align: center;float: left;margin: 0 2%;}
.con2 ul li .imgsize{position: relative;}
.con2 ul li .imgsize h3{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.5);font-size: 13px;font-weight: normal;color: #fff;padding: 6px 0;
    line-height: 22px;}

.page dl{text-align: center;margin: 30px 0;}
.page dl dd{display: inline-block;padding: 5px 8px;border: 1px solid #CCCCCC;border-radius:3px;}
.page dl dd.cur{background: #eee;}
.page dl dd:hover{background: #eee;}

.con3{padding-bottom: 40px;}
.con3 ul li{width: 23%;float: left;margin: 0 1%;}
.con3 ul li h3{font-weight: normal;font-size: 13px;color: #404040;text-align: left;}
.con3 ul li  span{display: block;    color: #999;font-size: 12px;margin-top: 30px;}


.foot{padding: 30px 0;background: #202020;}
.foottop ul{margin-bottom: 20px;text-align: center;}
.foottop ul li{display: inline-block;margin: 0 20px;font-size: 16px;}
.foottop ul li a{color: #fff;}
.copy{font-size: 16px;text-align: center;color: #fff;}


.researchwenzi{padding: 50px 0;font-size: 18px;}
.tit2{border-left: 30px solid #0B5394;padding-left: 60px;font-size: 34px;color: #444;margin: 10px 0;}

.researchlist{padding-bottom: 20px;}
.researchlist ul li{width:33.333%;float: left; } 
.researchlist ul li img{max-width: 100%; height:300px;}
    .researchlist ul li h3 {
        font-size: 18px;
        color: #000;
        font-weight: normal;
        text-align: center;
        padding: 20px 0;
        line-height: 17px;
        font-weight: 800;
    }
    .researchlist ul li h5 {
        font-size: 16px;
        color: #000;
        font-weight: normal;
        text-align: center;
      
        line-height: 17px;
        
    }

.detail{padding: 30px 0;}
.bread strong{display: inline-block;margin: 0 10px;}
.bread a{font-size: 12px; color: #666;display: inline-block;}
.bread a:hover{color: #97DEFC;}

.detailtit{margin: 20px 0;}
.detailtit h3{    color: #404040; font-size: 24px;text-align: center;}

.info{padding: 0 25%;}
.info ul li{width: 50%;float: left;text-align: center;}
.zuozhe{margin: 20px 0;    color: #404040;font-size: 18px;text-align: center;}
.page2{padding: 50px 0;}
.page2 ul li{float: left;font-size: 13px;text-align: center;width: 50%;}
.page2 ul li a{font-size: 12px; color: #666;display: inline-block;}
.page2 ul li a:hover{color: #97DEFC;}

.memberslist{padding: 20px 0;}
.memberslist ul li{width: 18%;float: left;margin: 0 1%;}
.memberslist ul li img{ width:100%;}
.memberslist ul li .imgsize{position: relative; }
.memberslist ul li h3{font-weight: normal;font-size: 13px;color: #404040;text-align: left;position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);color: #fff;padding: 10px 0;}
/*.memberslist2 ul li:hover img{transform: scale(1.3); position:relative; z-index:999;}
.memberslist2 ul li:hover h3{display: none;}*/
.memberslist2 ul li{width: 200px;float: left;margin: 0 2%;}

.memberslist2 ul li img{height: 286px;}

.w-imglist-in { width:200px; height:204px; position:relative;}
.w-imglist-in .w-imglist-img{display: block;width: 200px;height: 204px;overflow: hidden;}
.w-imglist-in img{ width:200px;}
.w-imglist-in .w-imglist-title{padding: 6px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-family: 'Microsoft YaHei';
    text-align: center;
    color: white;
    line-height: 22px;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: rgba(0, 0, 0, 0.6);
}
.w-imglist-bigimg { display:none !important;}
.w-imglist-bigimg img{transform: scale(1.3);}
.memberslist ul li:hover .w-imglist-in{ display:block;}
.fac ul li{width: 32.3%;float: left;margin: 1% 0.5%;}
.fac img{max-width: 100%;}
.fac h3{font-size: 14px;color: #000;}


.alu{padding: 20px 0;}
.alu ul{padding: 0 5%}
.alu ul li{width: 21%;text-align: center;float: left;margin: 0 2%;}
.alu ul li .imgsize{position: relative;margin-bottom: 20px;}
.alu ul li .imgsize h3{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.5);font-size: 13px;font-weight: normal;color: #fff;height: 30px;line-height: 30px;}
.alu ul li  img{width:230px; height: 286px;object-fit: cover;}