@charset "utf-8";
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;}
html,body{font-style: normal; font-size: 12px;font-family:"Microsoft YaHei", Arial, sans-serif;}
ul li,ol li{list-style: none;}
a{text-decoration: none; color: #333;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"],input[type="email"],input[type="tel"],input[type="checkbox"]{ -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
table{border-collapse: collapse;border-spacing: 0;}
em,i{font-style:normal;}

.clear::after{content: '.'; height: 0; display: block; visibility: hidden; clear: both;}
.clear{*zoom:1; zoom: 1;}



@font-face{font-family:'baskoldface';src:url('../fonts/baskoldface-webfont.eot');src:url('../fonts/baskoldface-webfontd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/baskoldface-webfont.woff2') format('woff2'),url('../fonts/baskoldface-webfont.woff') format('woff'),url('../fonts/baskoldface-webfont.svg#gothamregular_m') format('svg');font-weight:normal;font-style:normal;}

@font-face{font-family:'gotham_bold';src:url('../fonts/GothamProBold.woff.eot');src:url('../fonts/GothamProBold.woffd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/GothamProBold.woff.woff2') format('woff2'),url('../fonts/GothamProBold.woff.woff') format('woff'),url('../fonts/GothamProBold.woff.svg#gotham_bold') format('svg');font-weight:normal;font-style:normal;}



select::-ms-expand{ display: none; }
/* --火狐、谷歌清除--*/
select{  appearance:none;  -moz-appearance:none;  -webkit-appearance:none;  background: url("../images/select_icon.png") no-repeat scroll right center transparent;}

.wrap{width: 1440px;margin: 0 auto;position: relative;}
.header{background-color: #fff;width: 100%;z-index: 1000;box-shadow: 0 0 13px rgba(0,0,0,0.10);}
.header .header-wrap{position: relative;}
.header .logo{float: left;padding: 20px 0;}
.header .logo a{display: block;}
.header .logo img{width: 1400px;}
.header .logo1{float: left;padding: 30px 0;}
.header .logo1 a{display: block;}
.header .logo1 img{width: 600px;}
.header .search-mes{float: right;padding: 23px 0;}
.header .search-mes .inb{float: left;position: relative;}
.header .search-mes .inb input{font-size: 14px;line-height: 36px;color: #333;background: none;}
.header .search-mes .inb input[type="text"] {width: 150px;height: 36px;padding: 0 26px 0 10px;border: 1px solid #dedede;box-sizing: border-box;border-radius: 25px;}
.header .search-mes .inb input[type="submit"] {position: absolute;top: 0;right: 10px;width: 16px;text-align: center;  cursor: pointer;background: url(../images/search.png) no-repeat scroll center;background-size: 16px;}
.header .search-mes .inb input:-ms-input-placeholder{  color: #333;opacity:0.8; }
.header .search-mes .inb input::-webkit-input-placeholder{  color: #333;opacity:0.8;  }

.header .search-mes .header-tel{float: left;margin-left: 15px;padding: 6px 0;}
.header .search-mes .header-tel a{display: block;}
.header .search-mes .header-tel img{width: 24px;}

.nav{background: #015199;}
.nav ul li{float: left;width: 16.66%;position: relative;}
.nav ul li a{display: block;font-size: 22px;line-height: 22px;color: #fff;position: relative;text-align: center;padding: 20px 0;}
.nav ul li a span{display: inline-block;}
.nav ul li a img{width: 22px;margin-right: 10px;}
/*.nav ul li:hover,.header .nav ul li.active {background: #004b95;}*/

.nav ul li .subnav{position: absolute;left: 0;top:100%;width: 100%;background-color: #fff;display: none;z-index:1001;box-shadow: 0 0 10px rgba(0,0,0,0.12); }
.nav ul li .subnav a{display: block;font-size: 16px;line-height: 22px;color: #333;padding: 10px 0;text-align: center;}
.nav ul li .subnav a:hover {background: #015199;color: #fff;}

/*.nav ul li:hover .subnav{display: block;}*/



/*以上是导航*/

/*以下是手机端头部*/
.menu-bg {display: none;position: fixed;left: 100%;top: 0;width: 100%;  height: 100%; background: #373737;  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%; width: 98px; opacity: 0;  font-size: 18px;  line-height: 56px;  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: #01519a; 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); }

/*以上是手机端头部*/

.title {text-align: center;padding-top:65px;padding-bottom: 55px;}
.title h4{font-size: 40px;line-height: 66px;color: #015199;font-weight: bold;}
.title h4 span{display: inline-block;border-bottom: 4px solid #015199;padding: 7px 0;}
.title p{font-size: 20px;line-height: 30px;color: #014f99;}

.section .f-title{padding-top: 98px;padding-bottom: 62px;position: relative;text-align: center;}
.section .f-title span{display: block;width: 40px;height: 5px;background-color: #004490;margin: 0 auto;margin-bottom: 25px;}
.section .f-title h2{font-size: 46px;line-height: 46px;color: #000;font-family: 'gotham_bold';text-transform: uppercase;word-spacing: -4px;}
.section .f-title p{font-size: 22px;line-height: 28px;color: #000;font-weight: bold;}

.about-us .f-title{padding-bottom: 0;}
.about-us .about-mes{padding-top: 62px;}


/*.banner,.f-banner{margin-top: 109px;}*/

.f-banner{position: relative;}
.f-banner .img{width: 100%;height:300px;background-position: center center;background-repeat: no-repeat;background-size:cover; }

.f-nav{border-bottom: 1px solid #cfcfcf;background: #fff; }
.f-nav .f-navlist{}
.f-nav .f-navlist li{float: left;width: 33.33%;text-align: center;}
.f-nav .f-navlist li a{display: inline-block;font-size: 18px;line-height: 40px;color: #292929;height: 40px;position: relative;padding: 28px 15px;overflow: hidden;}
.f-nav .f-navlist li.active a{color: #064f9c;font-weight: bold;}
.f-nav .f-navlist li.active a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background:#064f9c; }

.newsWrap .f-nav .f-navlist li,.contactWrap .f-nav .f-navlist li{width: 50%;}

.caseWrap .f-nav{border: none;margin-top: 35px;}
.caseWrap .f-nav .f-navlist{background: #f0f0f0;}
.caseWrap .f-nav .f-navlist li{width: 190px;}
.caseWrap .f-nav .f-navlist li a{font-size: 20px;line-height: 70px;height: auto;color: #040b11;padding: 0 0;}
.caseWrap .f-nav .f-navlist li.active{background: #053e7a;}
.caseWrap .f-nav .f-navlist li.active a{color: #fff;font-weight: normal;}
.caseWrap .f-nav .f-navlist li.active a:after{height: 0;}




.current{position: absolute;top: 0;left: 0;width: 100%;height: 94%;text-align: center;color: #fff; }
.current .cont{display: table;width: 100%;height: 100%;}
.current .mes{display: table-cell;vertical-align: middle;}
.current h3{font-size: 48px;line-height: 60px;font-weight: bold;letter-spacing:3px;}
.current p {font-size: 42px;font-family:'baskoldface';}
.current h3,.current p {width: 100%;}
/*以上是内页banner*/

.projectTable,.projectTable tr,.projectTable td{vertical-align: middle;}
.projectTable{width: 100%;border-collapse:separate; border-spacing: 5px; }
.projectTable tr{margin-bottom: 5px;}
.projectTable tr {font-size: 22px;line-height: 40px;color: #000;}
.projectTable tr th p,.projectTable tr td p{padding: 20px 70px;}
.projectTable tr td p a{display: block;}
.projectTable tr th{background: #053e7a;color: #fff;text-align: left;}
.projectTable tr td{background: #f0f0f0;}
/*以上是部分业绩*/


.pages{position: relative;border: 1px solid #dcdcdc;box-sizing: border-box;padding: 24px 24px;margin-top: 37px;margin-bottom: 75px;}
.pages a{display: inline-block;padding: 3px 9px;border: 1px solid #dddddd;font-size: 12px;color: #064f9c;line-height: 20px;margin-right: 5px;transition: all .2s linear;}
.pages a.on,.pages a:hover{background: #064f9c;color: #fff;border: 1px solid #064f9c;}

.pages a.lastpage{margin-left: 10px;}
.pages p{position: absolute;right: 24px;top: 24px;}


