@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,tr,th,td{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: 'gothamregular';
    src: url('../fonts/gotham-black-webfont.eot');
    src: url('../fonts/gotham-black-webfont.eot') format('embedded-opentype'),
    url('../fonts/gotham-black-webfont.woff2') format('woff2'),
    url('../fonts/gotham-black-webfont.woff') format('woff'),
    url('../fonts/gotham-black-webfont.ttf') format('truetype'),
    url('../fonts/gotham-black-webfont.svg#gothamregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{font-family:'gothamregular_m';src:url('../fonts/gotham-medium-webfont.eot');src:url('../fonts/gotham-medium-webfont.eot') format('embedded-opentype'),url('../fonts/gotham-medium-webfont.woff2') format('woff2'),url('../fonts/gotham-medium-webfont.woff') format('woff'),url('../fonts/gotham-medium-webfont.svg#gothamregular_m') format('svg');font-weight:normal;font-style:normal;}

@font-face{font-family:'gothampro_bold';src:url('../fonts/gothamprobold.woff.eot');src:url('../fonts/gothamprobold.woff.eot') format('embedded-opentype'),url('../fonts/gothamprobold.woff.woff2') format('woff2'),url('../fonts/gothamprobold.woff.woff') format('woff'),url('../fonts/gothamprobold.woff.svg#gothampro_bold') format('svg');font-weight:normal;font-style:normal;}

@font-face{font-family:'gothampro';src:url('../fonts/gothaproreg.woff.eot');src:url('../fonts/gothaproreg.woff.otf') format('embedded-opentype'),url('../fonts/gothaproreg.woff.woff2') format('woff2'),url('../fonts/gothamprobold.woff.woff') format('woff'),url('../fonts/gothaproreg.woff.svg#gothampro') 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: 1330px;margin: 0 auto;position: relative;}
.header{position: fixed;left: 0;top:0;background-color: #fff;width: 100%;z-index: 1000;box-shadow: 0 0 18px rgba(0,0,0,0.20);}
.header .header-wrap{position: relative;}
.header .logo{float: left;margin-left: 35px;padding: 20px 0;}
.header .logo a{display: block;}
.header .logo img{width: 317px;}
.header .nav{float: right;/*position: relative;*/}
.header .nav ul li{float: left;padding: 20px 18px;position: relative;}
.header .nav ul li a{display: block;font-size: 16px;line-height: 42px;color: #333;font-weight: bold;position: relative;}
.header .nav ul li a i{display: inline-block;width:11px;height: 42px;margin-left: 5px;background-image: url("../images/sel.png");background-position: center center;background-repeat: no-repeat;background-size: 11px;}

.header .nav ul li.header-search{background-color: #b4b4b4;}
.header .nav ul li.header-search a{width: 22px;height: 42px;background-image: url("../images/search.png");background-position: center center;background-repeat: no-repeat;background-size: 22px;}

.header .nav ul li:hover>a:after,.header .nav ul li.active>a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #004490;}
/*.header .nav ul li:hover a i{background-image: url("../images/sel2.png");}*/
.header .nav ul li.header-search:hover>a:after{height: 0;}



.header .search-mes{position: absolute;top: 100%;left: 0;right: 0;padding: 35px 20px;background: #b4b4b4;
    color: #fff;display: none;z-index: 9999;}
.header .search-mes .close{position: absolute;top: 15px;right: 20px;display: inline-block;height: 25px;width: 25px;
    text-align: center;color: #fff;-webkit-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.header .search-mes .close img{display: block;margin: 0 auto;width: 20px;vertical-align: middle;}
.header .search-mes .tac{text-align: center;}
.header .search-mes .inb{border-bottom: 1px solid #fff;padding-right: 30px;position: relative;display: inline-block;}
.header .search-mes .inb input{line-height: 30px;color: #fff;background: none;}
.header .search-mes .inb input[type="text"] {width: 1024px;color: #fff;}
.header .search-mes .inb input[type="submit"] {position: absolute;top: 0;right: 0;width: 30px;text-align: center;  cursor: pointer;background: url(../images/search.png) no-repeat scroll center;background-size: 18px;}
.header .search-mes .inb input:-ms-input-placeholder{  color: #fff;opacity:0.8; }
.header .search-mes .inb input::-webkit-input-placeholder{  color: #fff;opacity:0.8;  }


/*
.header .nav .subnav{position: absolute; left: 0;  right: 0;  background-color: #f3f6f9;  padding: 30px 0 35px;  top: 82px;  z-index: 100;}
*/

.header .nav ul li .subnav{position: absolute;left: 0;top:100%;width: 100%;background-color: #fff;display: none;z-index:1001; }
.header .nav ul li .subnav a{display: block;font-size: 14px;line-height: 22px;color: #333;padding: 15px 0;text-align: center;}
.header .nav ul li .subnav a:hover {background: #f4f4f4;}

/*以上是导航*/

/*以下是手机端头部*/
.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%; 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: #373737; 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); }

/*以上是手机端头部*/

.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: 'gothampro_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;}

.f-banner{position: relative;width: 100%;/*background-size: 1920px;*/overflow: hidden;}
.f-banner .banner-img{width: 100%;overflow: hidden;}
.f-banner .banner-img img{width: 100%;}
.f-banner .wrap{position: relative;}
/*以上是内页banner*/
.top-mes-nav{background: #f1f4f4;position: relative;}
.top-mes-nav .outline{position: absolute;left: 0;top:0;height: 8px;width: 20%;background-color: #004490;z-index: 1;}

/*.top-mes-nav .wrap:before{content: "";position: absolute;;left: 0;top:0;width: 100%;height: 8px;background-color: #f1f4f4;z-index: 2;}*/

.top-mes-nav .line{position: absolute;left: 0;top: 0;height: 8px;background-color: #004490;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; ;transition: all 0.5s ease;z-index: 10;}
.top-mes-nav .top-mes-list{padding-top: 8px;}
.top-mes-nav .top-mes-list li{float: left;width: 25%;}
.top-mes-nav .top-mes-list li a{display: block;font-size: 18px;line-height: 32px;color: #333;text-align: center;padding:12px 0;}
.top-mes-nav .top-mes-list li.active a,.top-mes-nav .top-mes-list li:hover a{color: #004490;}

.solution-wrap .top-mes-nav .top-mes-list li{width: 50%;}
.news-wrap .top-mes-nav .top-mes-list li{width: 50%;}

.sale-wrap .top-mes-nav .top-mes-list li{width: 33.333%;}
.contact-wrap .top-mes-nav .top-mes-list li,.recruit-wrap .top-mes-nav .top-mes-list li{width:50%;}

.pages{position: relative;padding: 40px 0;margin-bottom: 35px;text-align: center;}
.pages a{display: inline-block;padding: 3px 9px;background: #ebebeb;font-size: 12px;color: #343434;line-height: 20px;margin-right: 5px;transition: all .2s linear;font-family: 'gothampro';}
.pages a.on,.pages a:hover{background: #004490;color: #fff;}

.recruit-mes .pages{margin-bottom: 10px;}

.about-link{float: right;width: 300px;background: #f1f4f4;}
.about-link .about-link-mes{padding: 45px 5px 45px 35px;}
.about-link .about-link-mes h3{font-size: 22px;line-height: 24px;color: #000;font-weight: bold;margin-bottom: 15px;}
.about-link .about-link-mes a{display: block;font-size: 16px;line-height: 42px;color: #000;padding-left: 15px;position: relative;}
.about-link .about-link-mes a:before{content: "";position: absolute;left: 0;top: 19px;width: 3px;height: 3px;background: #000;border-radius: 50%;}