html, body, div, h1, h2, h3, h4, h5, h6, p, span, a, ul, ol, li, dl, dd, dt, img, form, textarea, input,select,button,em,i,table,tr,th,td,b,tbody,strong,label{margin: 0; padding:0; vertical-align: top; border: none; background: none; outline: none;font-style: normal;font-weight: normal; font-family: "PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;}
html, body{font-size: 14px;}
ul li,ol li{list-style: none;}
strong{font-weight: bold;}
a{text-decoration: none; color: #000;}
.clear::after{content: '.'; height: 0; display: block; visibility: hidden; clear: both;}
.clear{*zoom:1; zoom: 1;}
input{autocomplete:off;}

@font-face{font-family:'DIN-BLACK';src:url('../fonts/DIN-BLACK.eot;vpn_img');src:url('../fonts/DIN-BLACK.eot?#iefix;vpn_img') format('embedded-opentype'),url('../fonts/DIN-BLACK.woff2;vpn_img') format('woff2'),url('../fonts/DIN-BLACK.woff;vpn_img') format('woff'),url('../fonts/DIN-BLACK.svg#DIN-BLACK;vpn_img') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'DINEngschrift';src:url('../fonts/DINEngschrift.eot;vpn_img');src:url('../fonts/DINEngschrift.eot?#iefix;vpn_img') format('embedded-opentype'),url('../fonts/DINEngschrift.woff2;vpn_img') format('woff2'),url('../fonts/DINEngschrift.woff;vpn_img') format('woff'),url('../fonts/DINEngschrift.svg#DINEngschrift;vpn_img') format('svg');font-weight:normal;font-style:normal;}

@font-face{font-family:'DIN';src:url('../fonts/DIN.eot;vpn_img');src:url('../fonts/DIN.eot?#iefix;vpn_img') format('embedded-opentype'),url('../fonts/DIN.woff2;vpn_img') format('woff2'),url('../fonts/DIN.woff;vpn_img') format('woff'),url('../fonts/DIN.svg#DIN;vpn_img') format('svg');font-weight:normal;font-style:normal;}

@font-face{font-family:'gothamRnd';src:url('../fonts/GothamRnd-Bold.eot;vpn_img');src:url('../fonts/GothamRnd-Bold.eot?#iefix;vpn_img') format('embedded-opentype'),url('../fonts/GothamRnd-Bold.woff2;vpn_img') format('woff2'),url('../fonts/GothamRnd-Bold.woff;vpn_img') format('woff'),url('../fonts/GothamRnd-Bold.ttf;vpn_img') format('truetype'),url('../fonts/GothamRnd-Bold.svg#gothamRnd;vpn_img') format('svg');font-weight:normal;font-style:normal;}

select::-ms-expand{ display: none; }
/* --火狐、谷歌清除--*/
input{appearance:none;  -moz-appearance:none;  -webkit-appearance:none; }
select{  appearance:none;  -moz-appearance:none;  -webkit-appearance:none;background: url("../images/select_icon.png;vpn_img") no-repeat scroll right center transparent;}
.wrap {width: 1438px; margin: 0 auto;}

/*头部*/
.topfixed{height: 58px;display: none;}
.header{position: fixed;left: 0;top:0;width: 100%;z-index: 2000;}
.header .wrap{position: relative;border-bottom: 1px solid rgba(255,255,255,0.4);}
.header .logo{float: left;}
.header .logo a{display: block;}
.header .logo img{height: 40px;}
.header .logo a .inLogo,.header .logo a .hoverLogo{display: none;}
.header .right{float: right;}
.header .nav,.header .other{float: left;}
.header .logo{padding: 36px 0;}
.header .right{padding: 31px 0;}

.header .nav li{ float: left;position: relative;}
.header .nav li>a { display: block; padding: 5px 30px;font-size: 16px;line-height: 40px;color: #fff;font-weight: bold;}

.header .subMenu{position: absolute;left: 0;  top: 100%; width: 100%; z-index: 1001;background: #fff;box-shadow: 0 6px 12px rgba(0,0,0,.175);display: none; }
.header .subMenu a{display: block;font-size: 14px;line-height:20px;color: #333;padding: 10px 0;text-align: center; }
.header .subMenu a:hover{background: #f4f4f4;}
.header .nav li:hover>a{background: #fff;color:#00387e;text-shadow: none;}
.header .nav li:hover .subMenu{display: block;}

.header .mod{float: left;position: relative;margin-left: 30px;}
.header .mod a{display: block;padding: 15px 0;}
.header .mod img{height:20px;}

.header .mod span{display: block;cursor: pointer;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center center;background-size: 100%; }
.header .h-search span{background-image: url("../images/icon_search.png;vpn_img");}
.header .h-net span{background-image: url("../images/icon_net.png;vpn_img");}
.header .h-mes span{background-image: url("../images/icon_mes.png;vpn_img");}

.header .search-click{position: absolute;top: 100%;left: 0;right: 0;padding: 60px 20px;background: #f3f6f9; color: #333;z-index: 999;display: none;}
.header .search-click .close{position: absolute;top: 30px;right: 30px;display: inline-block;height: 25px;width: 25px;
    text-align: center;color: #fff;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.header .search-click .close img{display: block;margin: 0 auto;width: 18px;vertical-align: middle;}
.header .search-click .tac{text-align: center;}
.header .search-click .inb{display: inline-block;width: 50%;padding-right: 50px;position: relative;}
.header .search-click .inb input{line-height: 40px;height: 40px;color: #333;background: none;}
.header .search-click .inb input[type="text"] {width: 100%;color: #333;border: 1px solid #00387e;  border-right: none;  padding: 0 10px;background: #fff;box-sizing: border-box;}
.header .search-click .inb input[type="submit"] {position: absolute;top: 0;right: 0;width: 50px;text-align: center;  cursor: pointer;background-size:20px;background-image: url(../images/icon_search.png;vpn_img);background-position: center center;background-repeat: no-repeat;background-color: #00387e; }
.header .search-click .inb input:-ms-input-placeholder{  color: #333;opacity:0.8;filter:alpha(opacity=80); }
.header .search-click .inb input::-webkit-input-placeholder{  color: #333;opacity:0.8;filter:alpha(opacity=80);  }


.header:hover{background: #fff;}
.header:hover .nav li>a{color: #00387e;}
.header:hover .logo a .indexLogo,.header:hover .logo a .inLogo{display: none;}
.header:hover .logo a .hoverLogo{display: inline-block;}

.header.slideD{background: #fff;box-shadow: 0 0 18px rgba(0,0,0,0.05);}
.header.slideD .wrap,.header:hover .wrap{border: none;}
.header.slideD .logo a .indexLogo,.header.slideD .logo a .hoverLogo{display: none;}
.header.slideD .logo a .inLogo{display: inline-block;}

.header.slideD .logo{padding: 16px 0;}
.header.slideD .right{padding: 0 0;}
.header.slideD .mod a{padding: 26px 0;}
.header.slideD .nav li>a{color: #00387e;padding: 16px 30px;}
.header.slideD .nav li.active>a{color:#00387e;}
.header.slideD .subMenu a{font-size: 12px;}
.header.slideD .h-search span,.header:hover .h-search span{background-image: url("../images/icon_search2.png;vpn_img");}
.header.slideD .h-net span,.header:hover .h-net span{background-image: url("../images/icon_net2.png;vpn_img");}
.header.slideD .h-mes span,.header:hover .h-mes span{background-image: url("../images/icon_mes2.png;vpn_img");}



/*手机端头部*/
.menu-bg {display: none;position: fixed;left: 100%;top: 0;width: 100%;  height: 100%; background: #00387e;  z-index: 10000; }
.menu-bg a.close{position: absolute; top: 0;right:0;line-height: 58px;  display: inline-block;  margin-right: 6% }
.menu-bg a.close img{vertical-align: middle;}
.menu-list {display: none; position: fixed;  left: 100%;  top: 58px;  width: 100%;height: 100%;  z-index: 10001;  }
.menu-list a { display: block; position: relative;left: 100%; opacity: 0;  font-size: 18px;  line-height: 40px;  color: #fff;  padding-left: 7%;}
.menu-handler { width: 58px; height: 58px; cursor: pointer; display: none; position:fixed; top:0px; right:0; margin-left: 15px; z-index: 10000; }
.menu-handler .burger { width: 24px; height: 2px; background: #00387e; display: block; position: absolute; z-index: 5; top: 20px;
    left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center;
    -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: all 277ms ease-in-out;}
.menu-handler .burger-2 { top: 27px; }
.menu-handler .burger-3 { top: 35px; }
.menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }



/*底部*/
.footer{background-image: url("../images/footer_bg.jpg;vpn_img");background-position: top left;background-repeat: no-repeat;background-size: cover;padding-bottom: 34px;}
.footer .footer-top{padding-top: 72px;padding-bottom: 50px;border-bottom: 1px solid #3d6dac;}
.footer .flogo{text-align: center;}
.footer .flogo a{display: inline-block;}
.footer .flogo img{width: 174px;}

.footer-nav {margin-top: 65px; }
.footer-nav dl {float: left; width: 11%;padding-left: 3.28%;}
.footer-nav dl:last-child{margin-right: 0;}
.footer-nav dt {font-size: 18px; line-height: 28px;color:#fff;font-weight: bold;margin-bottom: 15px;}
.footer-nav a {display: inline-block; font-size: 16px;line-height: 26px;color: #c6deff; text-decoration: none;}
.footer-nav a:hover {color: #fff;}
.footer .flink{margin-top: 140px;text-align: center;}
.footer .flink ul{display: inline-block;}
.footer .flink li{float: left;width: 206px;margin: 0 10px;position: relative;padding-top: 15px;}
.footer .flink li a{display: block;width: 100%;text-align: center;font-size: 16px;line-height: 32px;color: #00377d;font-weight: bold;padding: 9px 0;background: #fff;border-radius: 25px;}

.footer .flink li a img{width: 32px;margin-right:15px; }
.footer .flink .imgH{position: absolute;bottom:62px;left: 50%;width: 140px;margin-left: -70px;z-index: 100;text-align: center;padding: 5px 5px;background: #fff;display: none;}
.footer .flink .imgH img{width:100%;}

.footer .flink .imgH:before{content: "";position: absolute;left: 50%;bottom:-12px;width: 0;height: 0;border: 6px solid transparent;border-top: 6px solid #fff;margin-left: -6px;}

.footer .flink li:hover .imgH{display: block;}
.footer .flink li:hover a{box-shadow: 3px 4px 18px rgba(0,0,0,0.60); }

.copyright{padding: 15px 0;text-align: center;}
.copyright p,.copyright a{font-size: 14px;line-height: 26px;color: #c6deff;}
.copyright a{display: inline-block;}

.title{padding-top: 40px;padding-bottom:45px;}
.title h3{font-size: 40px;line-height: 48px;color: #1e1e1e;}
.title.clear h3{float: left;}
.title .more{display: block;float: right;font-size: 16px;line-height: 36px;color: #1e1e1e;border-bottom: 1px solid #074f94;margin-top: 5px;}
.title p{width: 100%;font-size: 16px;line-height: 24px;color: #000;margin-top: 20px;}
.researchW .title h3{color: #00387e;}


/*内页*/
.f-banner{position: relative;}
.f-banner .img{width: 100%;height:636px;background-position: center center;background-repeat: no-repeat;background-size:cover; }
.f-banner.proBan .img{height:508px;}
.current{position: absolute;top: 0;left: 0;width: 100%;height: 100%; overflow: hidden;}
.current .cont{margin-top: 280px;color: #fff;}
.f-banner.proBan .current .cont{margin-top: 240px;}
.current h1{font-size: 60px;line-height: 72px;}
.current p {font-size: 22px;line-height: 26px;text-transform: uppercase;}
.current h1,.current p{text-shadow: 0 0 7px rgba(0,56,126,0.15);}

.fnav{background-position: right center;background-repeat: no-repeat;background-size:cover;background-image: url("../images/fnav_bg.jpg;vpn_img")}
.fnav .f-navlist li{float: left;width: 16.667%;}
.newsW .fnav .f-navlist li{width: 14.28%;}
.researchW .fnav .f-navlist li{width: 50%;}
.humanW .fnav .f-navlist li{width: 33.333%;}
.productW .fnav .f-navlist li,.servesW .fnav .f-navlist li{width: 16.66%;}




.fnav .f-navlist li a{display: block;font-size: 18px;line-height: 72px;color: #fff;text-align: center;border-right: 1px solid rgba(255,255,255,0.15);position: relative;}
.fnav .f-navlist li:first-child a{border-left: 1px solid rgba(255,255,255,0.15);}
.fnav .f-navlist li:hover a:after,.fnav .f-navlist li.active a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 8px;background: #00a57c;}


/*分页*/
.pages{position: relative;text-align: center;padding: 30px 0;}
.pages .pages-list{display: inline-block;}
.pages a{display: block;float: left;width: 46px;height: 46px;background-color: #fff;font-size: 20px;color: #00387e;line-height: 46px;text-align: center;-webkit-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;margin: 0 4px;border-radius: 50%;font-family: 'DIN';}
.pages a.prevpage,.pages a.nextpage{background-repeat: no-repeat;background-position: center center;background-size: 16px;}
.pages a.prevpage{background-image: url("../images/icon_prev.png;vpn_img");}
.pages a.nextpage{background-image: url("../images/icon_next.png;vpn_img");}

.pages a.on,.pages a:hover{background: #00387e;color: #fff;}
.pages a.prevpage:hover{background-image: url("../images/icon_prev2.png;vpn_img");}
.pages a.nextpage:hover{background-image: url("../images/icon_next2.png;vpn_img");}
.pages a.prevpage:hover,.pages a.nextpage:hover{background-repeat: no-repeat;background-position: center center;background-size: 16px;}
.pages span{display: inline-block;font-size: 20px;line-height: 46px;color: #01397f;}

.resReport .pages a,.wbg.pages a{background-color: #f2f2f2;}
.resReport .pages a.on,.resReport .pages a:hover,.wbg.pages a.on,.wbg.pages a:hover{background-color: #00387e;}

.pages a.mid{background: none;}
.pages a.mid span{font-weight: bold;}
.pageSear{display: inline-block;}
.pageSear select{float: left;font-size: 18px;line-height: 46px;color: #fff;background-color: #00387e;padding: 0 25px;border-radius: 25px;background-image: url(../images/icon_sel.png;vpn_img);background-position: right 10px center;}
.pageSear .jump{float: left;margin-left: 35px;}
.pageSear .jump input{font-size: 18px;line-height: 22px;padding: 12px 5px;width: 80px;height: 46px;border: 2px solid #00387e;box-sizing: border-box;border-radius: 25px;text-align: center;}

/*.fnav-sub{margin-top: 60px;margin-bottom: 80px;position: relative;background: #f6f6f6;}*/
.fnav-sub{position: relative;background: #f6f6f6;}
.fnav-sub li{float: left;width: 33.3%;text-align: center;}
.fnav-sub li>a{display: block;font-size: 22px;line-height: 44px;color: #000;padding: 22px 0;position: relative;z-index: 20;}
.fnav-sub li:hover>a,.fnav-sub li.active>a{color: #fff;background-image: url("../images/fnav_subbg.png;vpn_img");background-position: center right;background-repeat: no-repeat;background-size: 100% 100%;background-color: #00387e;}

.fnav-sub li.active>a:after,.fnav-sub li:hover>a:after{content: "";position: absolute;left: 50%;bottom:-12px;width: 0;height: 0;border: 6px solid transparent;border-top: 6px solid #004a7e;margin-left: -6px;z-index: 200;}

.fnav-sub li .fnav-menu{position: absolute;left: 0;top:100%;width: 100%;background: #19ad89;display: none;text-align: left;z-index: 100;}
.fnav-sub li .fnav-menu .fmn{display: inline-block;text-align: center;}
.fnav-sub li:last-child .fnav-menu{text-align: right;}
.fnav-sub li .fnav-menu a{float: left;display: block;font-size: 18px;line-height: 40px;color: #fff;padding: 10px 100px;position: relative;text-align: center;z-index: 10;}
.fnav-sub li .fnav-menu a span{display: inline-block;position: relative;}
.fnav-sub li .fnav-menu a:after{content: "";position: absolute;right: 0;top:50%;margin-top:-9px;height: 18px;width: 1px;background: #fff;}
.fnav-sub li .fnav-menu a:last-child:after{width: 0;}
.fnav-sub li .fnav-menu a:hover span:after,.fnav-sub li.active .fnav-menu a.active span:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #fff;}
.fnav-sub li.active .fnav-menu,.fnav-sub li:hover .fnav-menu{display: block;}
.fnav-sub li.active .fnav-menu a.active span{font-weight: bold;}


.pro-search,.proFilter{background: #fff;}
.pro-search{padding: 45px 0;border-bottom: 1px solid #e5e5e5;}
.pro-search form{display: block;padding-left: 25px;padding-right: 212px;border: 2px solid #00387e;position: relative;box-shadow: 0 0 16px rgba(77,77,77,0.11);}
.pro-search #inp-search{width: 100%;font-size: 18px;line-height: 64px;height:64px;color: #9c9c9c;display: block; }
.pro-search .btn{position: absolute;right: 0;top:0;width: 212px;height: 64px;font-size: 24px;line-height: 64px; color: #fff;background: #014b92;text-align: center;}

.resReport{padding-bottom: 20px;}
.resReport-list li{background: #fff;}
.resReport-list li a{display: block;position: relative;padding:55px 40px 55px 40px;border-bottom: 1px solid #f2f2f2; }
.resReport-list li .date{position: absolute;left: 40px;top:50%;color: #5e5e5e;text-align: center;margin-top: -30px;}
.resReport-list li .date em{display: block;font-size:44px;line-height: 34px;font-family:'gothamRnd';margin-bottom: 8px;}
.resReport-list li .date span{display: block;font-size:14px;line-height: 14px;font-family:'gothamRnd'; }
.resReport-list li .moreBt{position: absolute;right: 45px;top:50%;width: 154px;font-size: 16px;line-height: 44px;color: #ababab;text-align: center;border: 1px solid #ccc;border-radius: 25px;margin-top: -23px;}
.resReport-list li .mes{padding: 0 265px 0 110px;color: #3e3e3e; }
.resReport-list li .mes h3{font-size: 24px;line-height: 28px;height: 28px;font-weight: bold;margin-bottom: 6px;}
.resReport-list li .mes p{font-size: 16px;line-height: 28px;height:28px;}
.resReport-list li .mes h3,.resReport-list li .mes p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.resReport-list li:hover a{box-shadow: 0 0 40px rgba(0,0,0,0.11);}
.resReport-list li:hover .moreBt{background: #00387e;border-color: #fff;color: #fff;}









