@charset "gb2312";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th{margin:0; padding:0;}
li,i,em{list-style:none; font-style: normal;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:12px;}
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: arial,microsoft yahei; background: url(images/2.png) top repeat-x; min-width:1300px;} 

.w1400 { width:1400px; margin:auto;}

@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)}



.zonggon { background: -webkit-linear-gradient(left, #358ed6, #0f4aa3); height:102px; width:100%; margin:auto;  position: relative;}
.zonggon_left { position: absolute; left: 1%;  z-index: 12; }
.zonggon_left dl dt { float: left;  width: 150px; height: 163px; background: #fff; text-align: center; box-shadow: 0 0px 5px rgba(114, 114, 114, 0.9); overflow: hidden;}
.zonggon_left dl dt img { margin-top: 20px;}
.zonggon_left dl dt span { color: #888; font-size: 16px; display: block;}
.zonggon_left dl dd {float:left;  font-size: 20px; color: #fff;font-weight: normal;}
.zonggon_left dl dd strong { font-weight: normal;}
.nav { position: absolute; right:1%; }
.nav ul { float: left;}
.nav li { height:102px; float:left; line-height:102px; text-align:center; position: relative;}
.nav li a { height:102px; position:relative; z-index:2; text-align:center; color:#fff; padding:0px 15px; font-size:16px; display:block;}
.nav li:hover a { color:#2472d0;}

.nav li.noming a {color:#2472d0;}
.nav li.noming { background:#fff;}

.nav li:before { content:""; position:absolute; left:0; width:100%; height:0px; background:#fff; transition: all 0.5s;}
.nav li:hover:before { content:""; position:absolute; left:0; width:100%; height:140px;}



.nav li dl { left: 0; transition: all 0.3s; position: absolute; height:0px; z-index:22; overflow:hidden;width:100%;}
.nav li.dhh dl { width: 150px; height:auto !important; background:rgba(255, 255, 255, 0.8); position: absolute; top:102px; left:-20px; display:block; z-index:22; overflow:hidden;}


.nav li.dhh dd  { width: 100%; position:relative;height:50px; line-height: 50px;}
.nav li.dhh dd:hover a { z-index:5; color: #2472d0;}
.nav li.dhh dd a { color: #222; font-size: 14px;  height:50px; line-height: 50px;}



.tel { float: left; margin-top: 40px; padding-left: 45px;}
.tel a { font-family:fontDin1;  font-size: 18px; font-weight: bold; color:#fff; display: block; float: left;}
.tel img { float: left; display: block; height: 25px;  margin-right: 10px;}

.slogan{float:left;padding:15px 20px 0px 20px;overflow:hidden;}
.slogan p{position:relative;margin-top:3px;height:40px;line-height:40px;font-weight:bold;font-size:25px;color:#fff;}
.slogan p:after{position:absolute;left:0;top:0;width:5px;height:35px;content:"";background:rgb(44 127 202);transform:rotate(-20deg);animation:light 2s ease infinite;}
.slogan span {font-size:17px;color:#c4d1e9;display: block; letter-spacing: 3.5px;}
.slogan span i{display:inline-block;margin:0 13px;color:#cecece;}

@media screen and (max-width:1550px){
  .tel{display:none;}
}
@keyframes light{
  0%{left:0;opacity:0.5}
  50%{opacity:1;}
  100%{left:100%;opacity:0.5}
}


.dis { display: none;}



.focus { width:100%; height:800px; overflow:hidden; position:relative;}
.focus ul {height:800px; position:absolute;}
.focus ul li {float:left; width:100%; height:800px; overflow:hidden; position:relative; background:#222;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#222; display:none;}
.focus .btn {position:absolute; width:1400px; left:50%; margin-left:-800px; height:24px; bottom:90px; 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:hover {background:#fff;}
.focus .preNext {width:45px; height:115px; position:absolute; top:46%; background:url(images/11.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
#banner{overflow:hidden;}

.shili_til {text-align: center; margin-top: 55px; margin-bottom: 25px;}
.shili_til p{font-size:36px;color:#222;}
.shili_til p>b{color: #2472d0; }
.shili_til span{display: block;margin-top: 6px;font-size: 16px;position: relative; color: #888;}

.strength_bg{background:url(images/8.jpg) center bottom no-repeat #f8f8f8;padding-bottom: 110px; overflow: hidden;}
.strength_wt li{float: left;width: 216px;height: 270px;background: #fff;border-radius: 10px;text-align: center;margin-left: 20px;box-shadow: 0px 0px 30px rgba(0,0,0,0.08);position: relative;cursor:pointer;overflow: hidden;}
.strength_wt li:after, .strength_wt li:before {content: '';display: block;position: absolute;width: 100%;height: 0;background:#2472d0;left: 0;transition: all .3s ease;}
.strength_wt li:before {bottom: 0;}
.strength_wt li:after {top: 0;}

.strength_wt li:hover:after,.strength_wt li:hover:before {height: 100%;}

.strength_wt li:nth-child(1){margin-left: 0px;}
.strength_wt li i{display: block;width:80px;height: 80px; background:#222; border-radius: 50%;margin: 0 auto;margin-top:48px;position: relative;z-index: 999;}
.strength_wt li:hover i  { transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.strength_wt li p{font-family:fontDin1; font-size: 30px;font-weight: bold; color: #2472d0; margin-bottom:8px;margin-top: 16px;position: relative;z-index: 999;}
.strength_wt li span{display: block;font-size: 16px; margin-bottom: 16px;position: relative;z-index: 999; color: #888;}
.strength_wt li em{display: block;width:40px;height: 1px;background: #222;margin: 0 auto;position: relative;z-index: 999;}

.strength_wt li:hover p,.strength_wt li:hover span{color: #fff;}
.strength_wt li:hover em{background: #fff;}

.search { width:100%; margin:auto;  height:79px; overflow: hidden}
.search_tu { float:right; width:56px; height:79px; overflow:hidden}
.search_r {float:right; width:260px;  border-left: solid 1px #ebebeb;}
.search_2 input{ 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;}


.pro_til {text-align: center; margin-top: 45px; margin-bottom: 25px;}
.pro_til p{font-size:36px;color:#222;}
.pro_til p>b{color: #2472d0; }
.pro_til span{display: block;margin-top: 6px;font-size: 16px;position: relative; color: #888;}
.pro_til:after{content:""; display:block; width: 100%; height: 16px; background:url(images/9.png) no-repeat center; margin-top: 10px;}


.protop{  width:300px;}
.protop ul{justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.protop ul li{ width:300px; height:132px; text-align:center; background:#f8f8f8; padding-top:27px; position:relative; border-bottom:1px #e7e7e7 solid;  } 
.protop ul li:hover .prodropclass{ max-height:1000px;}
.protop ul li img{ border:2px solid #cbd5de; border-radius:50%;}
.protop ul li a{ display:block; width:100%; height:100%;}
.protop ul li span{ display:block; line-height:64px; font-size:22px; color:#222;}
.protop ul li:after{ content:''; display:block; position:absolute; height:2px; width:0; bottom:0; left:0; right:0; margin:0 auto; background:#fa9f06; transition:all .3s ease;}
.protop ul li:hover:after{ width:100%;}
.protop ul li:hover span{color:#fff;}
.protop ul li:hover img{ border-color:#0682cd;}

.protop i{ display:block; width:50px; height:50px; border:1px #a9a9a9 solid; border-radius:50%;  background:url(images/27.png) no-repeat;margin: 0 auto;}
.protop ul li:hover i{ background-position-y:-52px;  border:1px #fff solid;}
.protop ul li:hover { transform:rotate(360deg); background:#1859b5; }

.prod_d { width: 1080px; overflow: hidden;}
.prod_d li { padding:0 !important; width:261px !important; margin-bottom: 20px; display: block;float: left;}
.prod_d li {margin-left:12px;}
.prod_d li:nth-child(1),.prod_d li:nth-child(5),.prod_d li:nth-child(9) { margin-left: 0;}
.prod_d li img{  width:100% !important; 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 strong { display: block; width: 261px; height: 261px; box-sizing: border-box; border:1px #eee solid; overflow: hidden;}
.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:50px !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:#2472d0; color:#fff;}

.case { width: 100%; margin: auto; background: url(images/6.jpg) center; margin-top: 50px; overflow: hidden;}


.case_til {text-align: center; margin-top: 55px;}
.case_til p{font-size:36px;color:#222;}
.case_til p>b{color: #2472d0; }
.case_til span{display: block;margin-top: 6px;font-size: 16px;position: relative; color: #888;}
.case_til:after{content:""; display:block; width: 100%; height: 16px; background:url(images/9.png) no-repeat center; margin-top: 10px;}



.gsgk_main6 .swiper-container { width: 100%; padding-bottom: 55px; position: relative;}


.gsgk_main6 .swiper-container .swiper-slide { width: 32.3334% !important; padding: 0.5%; text-align: center; position: relative; font-size: 18px;   display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; }

.gsgk_main6 .swiper-container .swiper-slide dl { background:rgba(0,0,0,0.5); position: relative; bottom:0; height:100px; z-index:2; width:100%; overflow: hidden;}

.gsgk_main6 .swiper-container .swiper-slide dl dd { text-align:left; float:left; margin-left:25px; width:90%;}
.gsgk_main6 .swiper-container .swiper-slide dl dd span { color:#d1d2d2; display:block; font-size:16px;}
.gsgk_main6 .swiper-container .swiper-slide dl dd strong { color:#fff; display:block; margin-top:15px; margin-bottom:10px; font-weight: normal; font-size:22px;}

.gsgk_main6 .swiper-container .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.gsgk_main6 .swiper-button-prev, .gsgk_main6 .swiper-button-next {
  display: block;
  z-index: 36;
  position: absolute;opacity: 0.6;
  filter: grayscale(1);
  margin-top:-80px;
}
.gsgk_main6 .swiper-button-prev{ width:26px; height:49px; left: 3%; background:url(images/28.png);}
.gsgk_main6 .swiper-button-next{ width:26px; height:49px; right: 3%; background:url(images/29.png);}

.gsgk_main6 .swiper-button-prev:hover, .gsgk_main6 .swiper-button-next:hover{opacity: 1;
filter:grayscale(0); }
.gsgk_main6 > .page{ width:100%;margin:0 auto; }
.gsgk_main4 > .page{ width: 1240px; }
.gsgk_main6 {width: 100%; overflow: hidden; padding: 0 0 40px; }
.gsgk_main6 .swiper-pagination-bullet { border-radius: 100px; opacity: 1 !important; background-color: #999999; width: 14px; height: 14px; cursor: pointer; }

.gsgk_main6 .swiper-pagination-bullet-active { opacity: 1 !important; background-color: #2472d0; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:5px; }
.swiper-container-horizontal > .swiper-pagination{ bottom: 0}  


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

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


.about_til{text-align: center; margin-top: 65px; margin-bottom: 25px;}
.about_til p{font-size: 40px;color: #222; }
.about_til p b{color: #2472d0;}
.about_til span{font-size: 18px; line-height:35px; color: #666; letter-spacing: 1px;}
.about_til:after{content:""; display:block; width: 100%; height: 16px; background:url(images/9.png) no-repeat center; margin-top: 10px;}
.about { width: 100%; margin: auto; padding-bottom: 60px; background:#f8f8f8; margin-top: 60px; overflow: hidden;}


.about_cont { overflow: hidden;}
.about_l{background: url(images/15.jpg)no-repeat;width: 930px;height: 595px;position: relative;}
.about_l p { background: rgba(0,0,0,0.6); position: absolute;bottom: 0px;width: 880px; padding: 25px; color: #fff;font-size: 15px;line-height: 30px;}
.about_l a{position: absolute;top:0;height:100%;}
.about_nor {background: url(images/16.jpg)no-repeat;width: 425px;height: 595px;    overflow: hidden;    position: relative;}
.about_r {margin:72px auto;width:310px;height:430px;border:10px #fff solid;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.1); position: relative;}
.about_r ul {margin:0 auto;width:310px;height:430px;overflow: hidden;}
.about_r ul li{float:left;display:block;position: relative; padding:0 !important;}
.about_r ul li div{position: absolute;text-align: center;width: 100%;line-height: 430px;top: 0px;display:none;}
.about_r ul li:hover div{display:block;}
.about_r ul li div a{font-size:18px;color:#fff;}
.about_r ul li:before{content:'';width:100%;height:0%;background:rgba(31,96,208,0.7);display:block; transition: 0.3s; position: absolute;top: 0;left: 0;}
.about_r ul li:hover:before{height:100%;}
.about_r ul{position: absolute !important;}
.about_btnt {background:url(images/30.png)no-repeat center;width:425px;height:17px;position: absolute;top:30px;cursor: pointer;}
.about_btnb {background:url(images/31.png)no-repeat center;width:425px;height:17px;position: absolute;bottom:30px;cursor: pointer;}  


.link {background: #2472d0;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: #2472d0;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: 285px; 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:#2472d0;}
.copy,.copy a{color:#a8a9ad;font-size:15px;line-height:50px;}