@charset "utf-8";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i{margin:0; padding:0;}
li,i,em{list-style:none; font-style: normal;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
.clear{height:0; overflow:hidden; clear:both;}
dl,dt,dd{margin: 0px; padding: 0px; list-style: none;}
.fl{ float:left}
.fr{ float:right}
body,td,th{font-size: 14px;	color:#222;}
a{font-size:14px; color:#222;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width:1400px; background:url(images/13.png) center top repeat-x;}

@font-face {
 font-family:fontDin1;
 src: url(DIN-MEDIUM_otf.txt),url(DIN-MEDIUM_woff.txt),url(DIN-MEDIUM_eot.txt),url(DIN-MEDIUM_woff2.txt),url(DIN-MEDIUM_ttf.txt)}


.w1400 { width:1400px; margin:auto;}
.logo { height:146px; overflow:hidden}
.logo strong { height:53px; display:block; float:left; margin-top:38px; font-size:30px; color:#222;}
.logo_tu {float:left}
.logo_tu img { float: left;}
.logo_tu img.jiange { margin-top: 13px; margin-left: 20px;}
.logo_tu a { display:block; margin-top:30px; float:left; margin-right:20px;}
.logo b { color:#222;}
.logo strong span{    display: block; font-size: 18px; font-weight: normal;}
.logo strong a { font-weight: bold; font-size:20px; color:#0067bb;}
.htel{ font-size:16px; color:#666; line-height:32px; padding-left:45px; margin-top: 38px; background:url(images/10.png) no-repeat left center;}
.htel em{ display:block; font-size:30px; font-family:fontDin1; color:#222;}


.nav {height:80px; line-height:80px; }
.nav li { background:url(images/6.png) left no-repeat; float:left;  text-align:center; position:relative;}
.nav li a { text-align:center; color:#fff; font-size:16px; display:block; padding-left:46px; padding-right:45px; position:relative; z-index:2;}
.nav li:hover a { color:#fff;}
.nav li.noming a {color:#fff;}
.nav li.noming { background:#e8cf00 !important;}
.nav li:nth-child(1) { background:none;}

.nav li:before { content:""; position:absolute; left:0; width:0; height:80px; background:#e8cf00; transition: all 0.5s;}
.nav li:hover:before { content:""; position:absolute; left:0; width:100%; height:80px;}
.nav li span { display:block; margin-top:32px; margin-right:10px; float:left; width:17px; height:17px;}



.focus { width:100%; height:700px; overflow:hidden; position:relative;}
.focus ul {height:700px; position:absolute;}
.focus ul li {float:left; width:100%; height:700px; overflow:hidden; position:relative; background:#000;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {position:absolute; width:1002px; left:50%; margin-left:-501px; height:24px; bottom:36px; text-align:right; z-index:100000;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:100px; position:absolute; top:35%; background:url(images/7.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
#banner{overflow:hidden;}
.dis { display: none;}


.search {border-bottom: solid 1px #ececec; width:100%; margin:auto; background:#fff; height:79px; overflow: hidden}
.search_tu { float:right; width:56px; height:79px; overflow:hidden}
.search_2 { float:left; width:260px; }
.search_2 input { background:#fff; outline: none; border: none; width:240px; padding-left:20px; height:79px; line-height:79px; color:#c6c6c6;}
.zhonjian { width:317px; margin-left:50px;}
.zhonjian_wenzi { margin-top:32px;}
.search-bg { border-left: solid 1px #ececec;}



.pro_til{ margin-top: 70px; margin-bottom: 30px; text-align: center;font-size: 40px;color: #222;}
.pro_til b{color:#0167bb;position: relative;display: inline-block;}
.pro_til span{display: block;font-size: 18px;color: #666; margin: 6px 0 12px 0;}


.pro_xia { overflow: hidden;margin-bottom: 70px;}
.prod_list_row1{background: url(images/15.png) no-repeat center;width: 300px;height: 110px;}
.prod_list_row1 a{display: block;padding: 21px 35px;font-size: 30px;color: #fff;line-height: 40px;}
.prod_list_row1 a .en{display: block;color: #80a7d8;font-size: 14px;line-height: 28px; text-transform: uppercase;}


.prod_list { width: 300px; transition: 0.3s all ease; border-right: 1px solid #f5f5f5; }
.prod_list li:after{content: '';width: 3px;height: 100%;position: absolute;background: #e1e1e1;left: 0;top: 0;transition:0.3s all ease}
.prod_list li { position: relative; line-height: 76px; height: 76px; border-bottom: 1px solid #f5f5f5;}
.prod_list li a{ color: #343434 !important;  display:block; position: absolute; left: 0; width: 225px; top: 0; font-size: 16px; font-weight: normal; padding: 0 35px 0 40px; background: #fff url(images/14.png) no-repeat 260px center;transition:0.3s all ease;}
.prod_list li:hover a{color: #0167bb !important;font-weight:bold; }
.prod_list li:hover:after{background: #0167bb}

.pro_nor { width: 1080px; float: left;}
.pro_you { width: 1080px; float: right; position: relative; overflow: hidden; height: 623px;}


.prod_d { width: 1080px; height: 500px;}
.prod_d li { width: 350px; display: block;float: left; border:1px #eee solid; box-sizing: border-box; overflow: hidden;margin-bottom: 14px;}
.prod_d li {margin-left:14px;}
.prod_d li:nth-child(3n+1) { margin-left: 0;}
.prod_d li img{ box-sizing: border-box; height:auto !important; transition:all linear 0.5s; -moz-transition:all linear 0.5s; -ms-transition:all linear 0.5s; -webkit-transition:all linear 0.5s;}
.prod_d li:hover img{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1);}
.prod_d li span {background:#f2f2f2; text-align: center; font-size:16px; line-height:54px !Important; color:#222;display: block;z-index: 2;position: relative; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -ms-transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.prod_d li:hover span { background:#0167bb; color:#fff;}
.prod_d li strong { display:block; overflow:hidden;}

.pro_left { position: absolute; left:60px; top:230px; background:url(images/19.png); width:31px; height:65px; transition: all 0.5s; overflow:hidden;}
.pro_left:hover { background-position:0px -65px; cursor:pointer;}
.pro_right { position: absolute; left:590px; top: 230px; transition: all 0.5s; background:url(images/20.png); width:31px; height:65px; overflow:hidden;}
.pro_right:hover { background-position:0px -65px; cursor:pointer;}



.case { width: 100%; margin: auto; background: url(images/25.png) center; padding-bottom: 70px; overflow: hidden;}
.case_til{ margin-top: 70px; text-align: center; font-size: 40px; margin-bottom: 30px; color:#fff;}
.case_til b{color: #fff; position: relative;display: inline-block;}
.case_til b strong { position: relative; z-index: 2;}
.case_til span{display: block;font-size: 18px;color: #cee9ff;font-weight: lighter; margin: 6px 0 12px 0;}




.case_nor {width:1400px;margin:0 auto;}
.case_nor dl{width:436px;position: relative; float: left;margin-right: 46px;background:#fff; border-bottom-right-radius: 40px;}
.case_nor dl a{text-decoration: none;}
.case_nor dl dt{width: 436px; overflow: hidden;}
.case_nor dl dt img{width:100%; display: block;}
.case_nor dl dd{padding:30px 20px 0 40px;box-sizing: border-box;height:183px;border:1px solid #dcdcdc;border-bottom-right-radius: 40px;position: relative;border-top:0;}
.case_nor dl dd::after{content:'';position:absolute;height:40px;width:7px;top:36px;left:0;background: #eaeaea;}
.case_nor dl dd h4{font-size: 28px; color: #333333; font-weight: bold; margin-bottom: 15px;height: 40px; display:inline-block;}
.case_nor dl dd i{color: #333333; font-weight: normal; font-size:28px;}
.case_nor dl dd p{ font-size: 14px; color: #666666; line-height: 24px;}
.case_nor dl:nth-child(3n){margin-right: 0;}

.case_nor dl:hover{background: #e8cf00;}
.case_nor dl dt img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.case_nor dl:hover dt img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.case_nor dl:hover dd { border-color: #e8cf00;}
.case_nor dl:hover dd h4,.case_nor dl:hover dd i,.case_nor  dl:hover dd p{color:#fff;}


.company {padding-bottom: 70px; overflow: hidden;}
.company_til{ margin-top: 60px; text-align: center; font-size: 40px; color:#222; margin-bottom: 30px;}
.company_til b{color: #0167bb; position: relative;display: inline-block;}
.company_til b strong { position: relative; z-index: 2;}
.company_til span{display: block;font-size: 18px;color: #666;font-weight: lighter; margin: 6px 0 12px 0;}


.introduction { background:url(images/about_bg.jpg) no-repeat center; height:500px; overflow:hidden;}
.introduction_content{ background:url(images/36.png) right no-repeat; height:459px; width:590px; float:right; margin-top:30px; padding-left:50px; margin-right:30px;}
.introduction_content span{ font-size:28px; display:block; margin:44px 0 0px}
.introduction_content em{color:#bebebe; font-size:12px; text-transform: uppercase;}
.introduction_content p{ font-size:14px; line-height:28px;width: 560px;text-align: justify; color: #666;}
.introduction_content a{    padding-left: 25px;color: #fff;display: block;    width: 120px;height: 40px;line-height: 40px;background: url(images/15.jpg); margin-top: 30px;}
.introduction_content p:nth-child(3){ margin:29px 0 20px;}
.introduction_content strong {color: #0167bb;}


.link {background: #0167bb;line-height:88px;}
.link_til{float: left;font-size:18px;color:#fff;background: url(images/39.png)no-repeat left center;padding-left: 35px;}
.link .link_nor a{color:#fff !important;line-height:90px;}

.footer_bg{background:#222; overflow:hidden; margin-top:60px;}
.footer{height: 300px; overflow:hidden;}
.footer .fl>li{padding: 50px 3.5vw 0;float: left;height: 330px;}
.footer .fl>li:first-child{padding-left: 0px;}
.footer .fl>li+li{border-left: 1px solid #333;;}
.footer .fl>li a,.link4 span{font-size: 15px;color: rgba(222,222,222,0.6);font-weight: lighter;display: block;line-height: 36px;}
.footer .fl>li span:first-child{font-size: 18px;color: #fff;}
.footer .fl>li a:hover{color: #fff;}
.footer .fl>li i{width: 34px;height: 2px;display: block;background: #0167bb;margin: 10px 0 15px;}
.footer .fl>li p{line-height: 36px;color: rgba(255,255,255,0.6);font-size:15px;}
@media (max-width: 1400px){
   .footer>li{padding: 80px 70px 0;}
}


.link4{ width: 280px; padding-right:0 !important; padding-top: 44px !important; height:337px !important;}
.link4 i{margin-top:4px !important;}
.foot_ewm{margin:50px 0 0 180px;}


.copy_bg{width:100%;min-width:1400px;border-top:1px solid #333; color:#a8a9ad;background: #292929;height: 52px;}
.copy_bg a:hover{color:#0167bb;}
.copy,.copy a{color:#a8a9ad;font-size:15px;line-height:50px;}