@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,button,em,i,table,tr,td,th{margin:0;padding:0;vertical-align:top;border:none;background:none;outline:none;}
html,body{font-style:normal;font-family:"Microsoft YaHei","Arial";font-size:12px;}
ul li,ol li,li{list-style:none;}
a{text-decoration:none;color:#000;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="email"]{-webkit-appearance:none;border-radius:0;}
textarea{-webkit-appearance:none;border-radius:0;}
table,tr,td{border-collapse:collapse;border-spacing:0;}
em,i{font-style:normal;}
img{border-image: none;}
.clear::after{content:'.';height:0;display:block;visibility:hidden;clear:both;}
.clear{*zoom:1;zoom:1;}
@font-face{font-family:'gothamregular_m';src:url('../fonts/gotham-medium-webfont.eot');src:url('../fonts/gotham-medium-webfont.eot?#iefix') 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:'gothamregular';src:url('../fonts/gotham-black-webfont.eot');src:url('../fonts/gotham-black-webfont.eot?#iefix') 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;}

body{background:#fff url("../images/body_bg.png") top center no-repeat;background-size: 100%;position: relative;}


.wrapper{width: 1600px;margin: 0 auto;position: relative;}
.wrap{width:1436px;margin:0 auto;}
.top{width:100%;position:relative;border-top: 4px solid #1369aa;}
.top .wrapper{padding: 25px 0;border-bottom: 1px solid #d2d2d2;position: relative;}
/*.top .wrap{padding: 25px 0;border-bottom: 1px solid #d2d2d2;position: relative;}*/
.top .top-left{float:left;color:#2f2f2f;line-height:48px;}
.top .top-left span{display: inline-block;margin-top: 18px;padding-left: 15px;line-height: 26px;border-left: 2px solid #d2d2d2;}
.top .top-left a{display: inline-block;font-size: 16px;line-height: 26px;color: #0078ba;font-weight: bold;margin-right: 15px;}
.top .top-left a img{vertical-align: middle;}
.top .top-left a img.amp{margin-top: 5px;display: inline-block;}
.top .top-left a.logo img{width: 253px;}

.top .top-left p{font-size:12px;}
.top ul.top-right{float:right;}
/*.top ul.top-right{position: absolute;right: 0;top: 25px;}*/

.top ul.top-right li{float:left;margin-right:20px;position: relative;padding: 12px 0;}
.top ul.top-right li:last-child{margin-right:0px;}
.top ul.top-right li a{display:block;}
.top ul.top-right li a img{vertical-align:middle;}
.top ul.top-right li .subimg{display: none;position: absolute;top: 100%;left: 50%;width: 70px;padding: 4px 4px;background:#dbdfe1;margin-left: -39px;}
.top ul.top-right li .subimg:before{content: '';position: absolute;top: -16px; left: 50%;  width: 0;  height: 0;  border: 8px solid transparent;  border-bottom: 8px solid #dbdfe1;  margin-left: -8px;}
.top ul.top-right li .subimg img{width: 100%;}
.top ul.top-right li:hover .subimg{display: block;}

/*以上是头部*/
/*.mtop{display:none;position:absolute;top: 0;left: 0;background:#fff;z-index:202;width: 100%;height: 100%;}*/

.mtop{display:none;position:fixed;width: 100%;background:#fff;height: 58px;top: 0;right:0;z-index:1001;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition:all 0.5s linear;border-bottom:1px solid #f3f3f3;}
.mtop.bg{background:#fff ;height: 100%;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition:all 0.5s linear;}


.mtop .m-logo{width:120px;margin-left:2%;}
.mtop .m-logo img{width:100%;margin-top:15px;}
.menu-bg{display:none;position:fixed;left:100%;top:0;width:100%;height:100%;background:rgba(0,0,0,0.80);z-index:1000;}
.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:1001;}
.menu-list a{display:block;position:relative;left:100%;opacity:0;font-size:20px;line-height:58px;color:#fff;padding-left:7%;}
.menu-handler{width:58px;height:58px;cursor:pointer;display:none;position:absolute;top:0px;right:0;margin-left:15px;z-index:1000;}
.menu-handler .burger{width:24px;height:2px;background:#1369aa;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);}
.mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:200;display:none;}
.mask.active{display:block;}
.menu{position:fixed;width:100%;top:58px;left:0;background:#fff;border-top:1px solid #f3f3f3;z-index:201;height: 100%;}
.menu a{display: block;}

.menu a{display: block;font-size: 16px;line-height: 20px;color: #333;padding: 15px 26px;text-align: center;}
.menu a.menu-tel{font-weight: bold;}
.menu a.menu-tel img{width: 16px;margin-right: 5px;}
.mright,.mright .menu{margin-right: 15%;}



/*以上是手机端头部*/
.nav{width:100%; }
/*.nav .wrapper{position: relative;}*/
.nav .wrap{position: relative;}
.nav ul{float: left;}
/*.nav ul>li{float: left;margin-right: 47px;position: relative;}*/
.nav ul>li{float: left;padding:0 24px;position: relative;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}

.nav ul>li> a{display:block;color:#000;font-size:16px;line-height:68px;}
.nav ul>li.active>a,.nav ul>li:hover>a{/*border-bottom: 4px solid #065cbb;*/}
.nav ul>li.active,.nav ul>li:hover{background: #2298d8;}
.nav ul>li.active>a,.nav ul>li:hover>a{color: #fff;}
.nav .sub{display:none;z-index:1000;position: absolute;top:100%;background: #2298d8;left: 0px; width: 520px; }
/*.nav ul>li:nth-child(4) .sub{width: 590px;}*/
/*.nav ul>li:nth-child(4) .sub .submenu{width: 230px;}*/
/*.nav ul>li:nth-child(4) .sub{width: 1000px;}
.nav ul>li:nth-child(4) .sub .submenu{width: 640px;}*/

.nav ul>li:nth-child(4) .sub{width: 920px;}
.nav ul>li:nth-child(4) .sub .submenu{width: 560px;}


.nav .sub .line{position: absolute;top:0;left: 0;width: 104px;height: 4px;background: #2298d8;z-index: 1;}
.nav .sub .sub-mes{padding: 26px 26px;position: relative;border-top: 4px solid #136aab;}
/*
.nav .sub .sub-mes:before{content:'';position: absolute;left: 0;top: -4px;width: 104px;height: 4px;background: #2298d8;z-index: 1;}
*/

.nav .sub .img{width: 270px;padding: 6px 6px;float: left;background: #136aab;}
.nav .sub .img img{width: 100%;}
.nav .sub .submenu{float: left;width: 160px;padding: 0 10px;margin-top: 15px;}
.nav .sub a{/*border-top: 1px solid #ebebeb;*/display:inline-block;line-height: 24px;text-align: center;font-size: 14px;  width: auto;color: #fff;-moz-transition: all ease-out 200ms;-webkit-transition: all ease-out 200ms;-o-transition: all ease-out 200ms;transition: all ease-out 200ms;margin: 0 5px 25px 5px;border-bottom: 1px solid #fff;}
/*.nav ul>li:nth-child(4) .sub a{margin: 0 20px 25px 5px;}*/



.nav .sub a:hover{/*background: #065cbb; *//*color: #fff;*/ /*border-color: #136aab;*/}
.nav li:hover .sub{display: block;}

.nav .nav-right{float: right;}
.nav .nav-right a{display: block;float: left;font-size: 12px;line-height: 16px;color:#414141;margin:26px 0;padding: 0 8px;border-right:1px solid #dedede; }
.nav .nav-right a:last-child{border: none;padding: 0 0 0 8px;}
.nav .nav-right a img{width: 18px;}
.nav .search-mes{position: absolute;top: 100%;left: 0;right: 0;padding: 60px 20px;/*background: #007cc8;*/background: #2298d8;
    color: #fff;display: none;z-index: 999;}
.nav.min{line-height: 70px;}
.nav.min .logo{margin-top: 9px;}
.nav .search-mes .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;}
.nav .search-mes .close img{display: block;margin: 0 auto;width: 20px;vertical-align: middle;}
.nav .search-mes .tac{text-align: center;}
.nav .search-mes .inb{border-bottom: 1px solid #fff;padding-right: 50px;position: relative;display: inline-block;}
.nav .search-mes .inb input{line-height: 40px;color: #fff;background: none;}
.nav .search-mes .inb input[type="text"] {width: 1024px;color: #fff;}
.nav .search-mes .inb input[type="submit"] {position: absolute;top: 0;right: 0;width: 50px;text-align: center;  cursor: pointer;background-size:20px;background-image: url(../images/nav_search.png);background-position: center center;background-repeat: no-repeat; }
.nav .search-mes .inb input:-ms-input-placeholder{  color: #fff;opacity:0.8; }
.nav .search-mes .inb input::-webkit-input-placeholder{  color: #fff;opacity:0.8;  }

/*---------------------------------------------以上是导航 ---------------------------------------------*/



.f-banner{position: relative;width: 100%;background-size: 1920px;overflow: hidden;}
.f-banner .banner-img{width: 100%;height: 100%;overflow: hidden;}
.f-banner .banner-img img{width: 1920px;}
.f-banner .wrap{position: relative;height: 100%;}
.f-banner .banner-title{position: absolute;left: 0;top: 0;width: 100%;height: 100%; }
.f-banner .title{  margin-top: 80px;color: #fff;}
.f-banner .title  h3{font-size: 50px;line-height: 60px;font-weight: bold;}
.f-banner .title  p{position: relative;}
.f-banner .title p span{display: block;font-size: 22px;line-height: 42px;}

.inform{width: 100%;padding-bottom: 55px;}
.inform .wrap-mes{position: relative;/*padding-top: 57px; */  padding-bottom: 85px ;background: #fff;    box-shadow: 0 0 51px rgba(0,0,0,0.14);}
.brandwrap .inform .wrap-mes{padding-bottom: 35px;}
.solution .inform .wrap-mes{padding-bottom: 40px;}
.inform .wrap-mes .mes-top-banner{position: absolute;top:-115px;left: 0;width: 100%;}
.inform .wrap-mes .mes-top-banner>a{display: inline-block;color: #fff;font-size: 14px;line-height: 17px;margin-right: 15px;}
.inform .wrap-mes .mes-top-banner>a img{vertical-align: middle;}
.inform .wrap-mes .mes-top-banner>a img.jt{margin-left: 15px;}
.inform .wrap-mes ul.top-mes-list{width: 100%;margin-top: 10px;border-bottom: 1px solid #f2f2f2;}
.inform .wrap-mes ul.aboutus-mes-list{}
.inform .wrap-mes ul.top-mes-list>li{float: left;background: #fff;margin-top: 10px;}
.inform .wrap-mes ul.top-mes-list>li>a{display: block;text-align: center;font-size: 16px;line-height: 36px;height: 36px;color: #000;padding: 20px 0;}
.inform .wrap-mes ul.top-mes-list>li.active,.inform .wrap-mes ul.top-mes-list>li:hover {margin-top: 0px;box-shadow: 0px 4px 15px rgba(0,0,0,0.25);
  /*  background:-moz-linear-gradient(left,#2298d8 80%,#1b81c1 100%);
    background:-webkit-gradient(linear,0 80%,80% 100%,from(#2298d8),to(#1b81c1));
    background:-webkit-linear-gradient(left,#2298d8 80%,#1b81c1 100%);
    background:-o-linear-gradient(left,#2298d8 80%,#1b81c1 100%);*/
    background:#2298d8 url(../images/top-mesbg.jpg) right center no-repeat ;background-size: cover;
}

.inform .wrap-mes ul.top-mes-list>li.active>a,.inform .wrap-mes ul.top-mes-list>li:hover>a{color: #fff;font-weight: bold;padding: 25px 0;font-size: 18px;}
.inform .wrap-mes .mes{padding: 0 68px;}

.pd-height {width:100%;height:125px;display:none;}
.intro-tab-fixed {position:fixed;top:0;margin-top:0;margin-bottom:0;z-index:1000000;margin-top: 0!important;width: 1382px;!important;background: #fff;}






.brandwrap .brandlist-mes,.solution ul.solution-list,.news-wraper .wrap-mes,.service .contact-con,.goods .goods-mes{padding-top: 59px;}
.brandwrap .inform .wrap-mes ul.top-mes-list>li.bubai:hover{background: #fff;}
.brandwrap .inform .wrap-mes ul.top-mes-list>li.bubai.active,.brandwrap .inform .wrap-mes ul.top-mes-list>li.bubai:hover{margin-top: 10px;box-shadow:none;background: #fff;}
.brandwrap .inform .wrap-mes ul.top-mes-list>li.bubai.active>a,.brandwrap .inform .wrap-mes ul.top-mes-list>li.bubai:hover>a{color: #fff;padding: 20px 0;}


.pages{position: relative;border: 1px solid #dcdcdc;box-sizing: border-box;padding: 24px 24px;margin-top: 37px;}
.pages a{display: inline-block;padding: 3px 9px;border: 1px solid #dddddd;font-size: 12px;color: #686667;line-height: 20px;margin-right: 5px;transition: all .2s linear;}
.pages a.on,.pages a:hover{background: #178eec;color: #fff;border: 1px solid #178eec;}

.pages a.lastpage{margin-left: 10px;}
.pages p{position: absolute;right: 24px;top: 24px;}


.aboutus .mes .title,.communication .mes .title{padding-top: 78px;padding-bottom: 30px;border-bottom: 1px solid #cccccc;margin-bottom: 40px;position: relative;}
.communication .mes .title{border: none;margin-bottom: 20px;}
.communication .mes .networks  .title{border-bottom: 1px solid #cccccc;}
.aboutus .mes .title h3,.communication .mes .title h3{font-size: 34px;line-height: 40px;color: #1369aa;padding-left: 17px;border-left: 9px solid #1369aa;}
.aboutus .mes .title a,.communication .mes .title a{display: block;font-size: 14px;line-height: 14px;color: #7f7f7f;font-weight: bold;position: absolute;  bottom: 30px;  right: 0; }

.aboutus .photo .about-pic .pages{margin-top: 0;}




.banner .slider .list li a,.reation ul li a,.footer .fnav .rig a,.about .about-lef .about-mes ul li a,.customer ul li dl dd a,.aboutus .culture ul li a,.aboutus .company ul li a,.aboutus .events .events-mes .tab-list ul li a,.goods .goods-search table tr td a{cursor:default;}






#cnzz_stat_icon_1256894514{position: absolute;bottom: 0;left: 0;opacity: 0;}