* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

html {
  font-size: 100px; }

body{font-size: 14px;font-family: Arial, "微软雅黑";color: #333;-webkit-text-size-adjust: none;overflow-x:hidden;text-align:justify;min-width:1200px;}
a:hover{cursor: pointer;}
html {width: 100%;overflow-x: hidden;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;background: transparent;}
textarea {  -webkit-appearance: none;}   
.left{float: left;}
.right{float: right;}
.clear {clear: both;height: 0;display: block;_display: inherit; }

img {vertical-align: middle;max-width: 100%;border: 0; }
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
i,em{font-style: normal;}
.clearfix:before,.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.overflow{overflow: hidden;}
.myhidden{display:none;}
.flex_{display: flex;display: -webkit-flex;display: -ms-flex;}
.flex_space-between{display: flex;justify-content:space-between;}
.flex_end{display: flex;justify-content:flex-end;}
.flex_justify-content{display: flex;justify-content:center;}
.flex_justify-content-around{display: flex;justify-content:space-around;}
.flex_align-items{display: flex;align-items:center;}
.flex_wrap{ flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.text_center{display: flex;justify-content: center;align-items: center;flex-direction: column;}

.acenter{text-align: center;}


.line1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.line2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line4{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.main{width: 1500px;margin:0 auto;}
body{background: #ffffff}

header{width: 100%;position: fixed;top:0;left:0;z-index: 100;background-color: rgba(255, 255, 255, 0.91);box-shadow: 0px 0px 20px 0px rgba(0, 108, 184, 0.33);}
header .main{height: 100px}
header li a{padding:0 37px;font-size: 16px;display: inline-block;position: relative;}
header li a:before{content: counter(sub-item,disc);display: block;position: absolute;left: 0px;top: 5px;color: #198cfb;font-size: 8px;}
header li.active a,header li:hover a{color: #198cfb}
.banner,.banner2{margin-top: 100px}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;background:transparent;opacity:1;border:1px solid #fff;transition: all 0.5s}
.banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 30px}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
.banner .swiper-pagination-bullet-active{background:#fff;width: 12px;height: 12px;}

footer{width: 100%;background: url('../images/bot.jpg') no-repeat center;padding:90px 0 50px;background-size: cover;font-size: 14px;
line-height: 24px;color: rgba(255, 255, 255, 0.55);}
footer .item strong{color: rgba(255, 255, 255, 0.76);font-size: 22px;font-weight: 700;display: block;margin-bottom: 20px}
footer .code{text-align:center;width: 107px}
footer .code p{margin-bottom: 14px;color: #ffffff;font-size: 14px;}
.go-top {
  position: fixed;
  cursor: pointer;
  right: 30px;
  top: 87%;
  z-index: 4;
  width:36px;
  text-align: center;
  height:36px;
  line-height:36px;
  -webkit-transform: scale(0);
  transform: scale(0);
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s;
  background-color: #333;
  border-radius: 3px;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width:14px;
  height:8px;
  background: url('../images/top.png') no-repeat center;
  background-size:100%;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
  background-size:100%;
}

.go-top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #444;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 3px;
}

.go-top:hover {
  color: #ffffff;
  background-color: #444;
}

.go-top:hover::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top:focus {
  color: #ffffff;
}

.go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
  right: 30px;
  top: 87%;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.section1{padding:90px 0 50px;}
.sec1_left{width:50%;text-align:left;padding-top: 30px}
.sec1_right{width: 50%;padding-top: 30px;text-align: left}

.title .tit{position: relative;margin-bottom: 18px}
.title .tit span{font-size: 60px;font-weight: 700;color: #edf2f7;line-height: 1;display: block;text-transform: uppercase;}
.title .tit p{color: #444444;font-size: 30px;font-weight: 700;position: absolute;bottom:5px;left: 0;line-height: 1;text-transform: uppercase;}
.title .des{font-size: 24px;line-height: 40px;color: #252525;margin-bottom: 30px;}

.section4 .title .des{margin-top: 250px}
.sec1_right .con{text-indent: 2em;font-size: 16px;line-height: 39px;color: #999;margin-bottom: 60px}
.more{color: #fff;padding: 10PX 20PX 10PX 20PX;font-size: 14px;display: inline-block;text-align: center;line-height: 1.25;  transition: all .15s ease-in-out;}

.more{-webkit-transition: all 0.7s ease-out;transition: all 0.7s ease-out;background: -webkit-linear-gradient(180deg, #198cfb, #198cfb, #fff, #fff);background-position: 99% 50%;background-size: 300% 300%;cursor: pointer;overflow: hidden;color: #fff;border:1px solid #198cfb;}
.more:hover{background-position: 1% 50%;color: #198cfb;}

.section2 li{width: 24%;}
.section2 li a{display: block;position: relative;}
.section2 li .info{padding: 10px;height: 100%;width: 100%;position: absolute;top:0;left: 0;opacity: 0;visibility: hidden;background: linear-gradient(45deg, rgba(13, 217, 218, 0.71) 0%, rgba(32, 149, 229, 0.69) 100%) transparent;transition: .6s linear;}
.section2 li .pic{position:relative;width:100%;height:0;padding-top:105%;}
.section2 li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.section2 li .pic img{width: 100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.section2 li .info .tit{transition: .35s;color: #fff;transform: translate3d(0, -15px, 0);font-size: 20px;line-height: 36px;transition: .35s;margin-bottom: 5px;word-break: break-all;padding: 0 15px}
.section2 li .info .des{transform: translate3d(0, 15px, 0);transition: .45s;font-size: 14px;color: #ffffff;transition: .35s;}
.section2 li:hover .info{opacity: 1;visibility: visible}
.section2 li:hover .tit{transform: translate3d(0, 0, 0);}
.section2 li:hover .des{transform: translate3d(0, 0, 0);}

.section2 li .info .text{position: relative;height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.section2 li .info .text::before {
  position: absolute;
  content: '';
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #fff;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .35s;
  transition: .35s;
}
.section2 li:hover .info .text::before{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
/*.section2 li .info .tit i{margin-right: 5px;width: 20px;height: 20px;background:url('../images/jia.png') no-repeat center;background-size: 100%}*/
.scale img{transition: all 0.35s linear;}
.scale:hover img{transform:scale(1.1);}
.scale .pic{overflow: hidden;}

.sec3_left{width: 400px}
.section3{padding:80px 0 65px;}
.section3 .title{padding-bottom: 15px}
.sec3_right{width:calc(100% - 400px)}
.sec3_type a{height: 60px;line-height: 60px;color: #444;text-align:center;border:1px solid #444;font-size: 15px;transition: all 0.5s;width: 24%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 10px;}
.sec3_type a:hover,.sec3_type a.active{background-color: #198cfb;color: #fff;border:1px solid #198cfb;}
.sec3_type{margin-bottom: 40px}

.sec3_nr li{float:left;}
.sec3_nr li{width: calc((100% - 15px*3)/4);margin-right: 15px;margin-bottom:20px;position: relative;}
.sec3_nr li:nth-child(4n){margin-right:0;}
.sec3_nr li .tit,.prod_list li .tit{height: 50px;line-height: 50px;padding:0 10px;text-align:center;}
.sec3_nr li a,.prod_list li a{display: block;position: relative;overflow: hidden;}
.sec3_nr li .info,.prod_list li .info{position: absolute;bottom:-100%;left:0;width: 100%;height: 100%;background: rgba(25, 140, 251, 0.5);transition: all 0.6s;font-size: 20px;color: #fff;padding: 0 10px}
.sec3_nr li:hover .info,.prod_list li:hover .info{bottom:0;}
.sec3_nr li .info p:after,.prod_list li .info p:after{content:'';display: block;width: 37px;height: 2px;background: #fff;margin:10px auto 0;}
.sec3_nr ul{display: none;}
.sec3_nr li a.jia,.prod_list li a.jia{width: 36px;height: 36px;font-size: 20px;background: #999999;color: #fff;border-radius: 50%;text-align:center;line-height: 36px;position: absolute;bottom:-10px;right:-5px;transition: all 0.5s}
.sec3_nr li:hover a.jia,.prod_list li:hover a.jia{background: #198cfb;}

.sec3_nr li .pic{position:relative;width:100%;height:0;padding-top:133%;}
.sec3_nr li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sec3_nr li .pic img{width: 100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.prod_list li .pic{position:relative;width:100%;height:0;padding-top:133%;}
.prod_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.prod_list li .pic img{width: 100%;height:100%;-o-object-fit: cover;object-fit: cover;}

.prod_list li{width: calc((100% - 15px*4)/5);margin-right: 15px;margin-bottom:20px;position: relative;}
.prod_list li:nth-child(5n){margin-right:0;}


.section4{background: url('../images/sec4.jpg') no-repeat center;height: 951px;width: 100%;background-size: cover;padding-top: 90px}
.section4 .title p,.section4 .title .des{color: #fff}
.section4 .title span{color: rgba(237, 242, 247, 0.4);}

.sec4_list li{color: #fff;margin-bottom: 30px}
.sec4_list li span{font-size: 48px;font-weight: bold;line-height: 1; }
.sec4_list li p{font-size: 18px;margin-top:15px;}

.sec4_left .sec4_list{margin-top:120px;}
.sec4_left{width: 33.3%}
.sec4_right{width: 66.6%}
.sec4_right .sec4_list li{text-align:center;}

.section5{padding:80px 0 40px;}

.sec5_left{width: 400px}
.sec5_right{width: calc(100% - 400px)}

.sec5_right .swiper-slide .pic{position:relative;width:100%;height:0;padding-top:67%;}
.sec5_right .swiper-slide .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sec5_right .swiper-slide .pic img{width: 100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.sec5_right .swiper-slide{padding:20px 20px 40px;}
.sec5_right .swiper-slide a{display: block;}

.sec5_right .swiper-slide a{transition: all .3s linear;}
.sec5_right .swiper-slide a:hover{box-shadow: 0 10px 20px rgba(0,0,0,.1);transform: translateY(-10px);}
.sec5_right .swiper-slide .info{padding:15px 15px 20px;}
.sec5_right .swiper-slide .info .tit{font-size: 16px;color: #323232;}
.sec5_right .swiper-slide .info .jian{font-size: 13px;color: #7A7A7A;line-height: 26px;margin:10px 0;}
.sec5_right .swiper-slide .info .time span{font-size: 18px;color: #838383;}
.sec5_right .swiper-slide .info .time  i{transform: rotate(90deg);width: 10px;height: 10px;color: #838383;}
.sec5_right .swiper-slide .info .time {opacity: 0;transition: all 0.5s;transform: translateY(15px);padding-top: 15px}
.sec5_right .swiper-slide:hover .info .time{opacity: 1;transform: translateY(0px)}
.sec5_right .swiper-slide .info .line{width: 0;height: 1px;background: #666;transition: all 0.5s;margin:0 auto;}
.sec5_right .swiper-slide:hover .info .line{width: 100%;}

.sec5_right .swiper-pagination-bullet{width:14px;height: 14px;margin-top: 10px;margin-right: 25px;border-radius:50%;background: #fff; opacity: 1;border: #fff 2px solid;position: relative;transition: all 0.5s}
.sec5_right .swiper-pagination-bullet::before{content:"";border-radius: 50%;width: 4px;height: 4px;background:#666;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);display: block;}
.sec5_right .swiper-pagination-bullet-active{border: #666 2px solid;}

.section6{border-top:1px solid rgba(68, 68, 68, 0.22);padding:20px 0;}
.section6 .swiper-slide{text-align:center;}

.lanmu{text-align:center;position: relative;}
.lanmu span{font-size: 60px;font-weight: 700;color: rgba(25, 140, 251, 0.07);line-height: 1;display: block;text-transform: uppercase;}
.lanmu p{color: #444444;font-size: 30px;font-weight: 700;text-transform: uppercase;}

.container{background: url('../images/bg.jpg') no-repeat center top;background-attachment: fixed;position: relative;padding:50px 0 20px;background-position: 0 0;background-size:100%}
.container_bgcol{background-color: rgba(255, 255, 255, 0.90);position: absolute;top:0;left: 0;bottom:0;right: 0}
.container .main{position: relative;z-index: 1;}

.typelist{margin-top:45px;}
.typelist>li{position: relative;min-width: 267px;margin-right: 10px;padding-bottom: 2px;}
.typelist>li>a{position: relative;width: 100%;height: 42px;line-height: 42px;text-align:center;background: #f4f4f4;color: #444;font-size: 15px;display: block;padding: 0 10px}
.typelist>li:hover>a,.typelist>li.active>a{background: #198cfb;color: #fff}

.typelist>li .two{position: absolute;height: auto;left:0%;width:100%;z-index: 1000;white-space: nowrap;transition: all 0.2s;top:110%;visibility:hidden;opacity: 0;}
.typelist>li .two dd a{font-size: 14px;color: #fff;display:block;}
.typelist>li:hover .two{visibility: visible;opacity:1;top:100%;}
.typelist>li .two dl{width:100%;background:#198cfb;position: relative;}
.typelist>li .two dd{width:100%;text-align: center;padding:10px 0;line-height: 1.5;}
.typelist>li .two dd:hover,.typelist>li .two dd.active{background: #0074e3}

.prod_list{margin-top:35px;}

.page{padding:55px 0;}
.pagination{width: 100%;text-align: center;font-size: 0;}
.pagination li{display: inline-block;text-align: center;font-size: 14px;color: #4c4c4c;margin:0 5px 5px;border:1px solid #bcbcbc;min-width: 32px;line-height: 32px;}
.pagination li.active{background:#198cfb;color: #fff;border:1px solid #198cfb;}
.pagination li a{display: block;text-align: center;color: #666666;padding:0 11px;}
.pagination li span{padding:0 11px;display: block;}

.case_list{margin-top: 40px}
.case_list li .pic{position:relative;width:100%;height:0;padding-top:67%;}
.case_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.case_list li .pic img{width: 100%;height:100%;-o-object-fit: cover;object-fit: cover;}

.case_list li{width: calc((100% - 40px*2)/3);margin-right:40px;margin-bottom:40px;position: relative;}
.case_list li:nth-child(3n){margin-right:0;}
.case_list li .tit{height: 50px;line-height: 50px;text-align: center;font-size: 15px;color: #444}
.case_list li{background: #fff;}
.case_list li:hover{background: #198cfb;border:2px solid #198cfb;}
.case_list li:hover .tit{color: #fff}

.news_show .tit{font-size: 21.74px;color: #222222;font-weight: bold;text-align: center;}
.news_show .info{text-align: center;font-size: 14px;color: #222222;margin-top: 15px}
.news_show .con{padding:50px 0;font-size: 16px;color: #222222;line-height: 33px;}

.fenye{padding-bottom: 100px}
.fenye li{margin-top:15px;font-size: 16px;color: #222222}
.fenye li a{color: #222222}
.fenye li:hover a{color: #198cfb;font-weight: bold;}

.news_list{margin-top: 40px}
.news_list li{margin-bottom:30px;}
.news_list li a{background: #fff;border: 1px solid #ccc;padding:18px;width: 100%;display: block;transition: all 0.5s}
.news_list li .tit{font-size: 16px;color: #000;margin-bottom:10px;font-weight: bold;}
.news_list li .jian{color: #3b3b3b;font-size: 14px;line-height: 1.7;margin-bottom:13px;}
.news_list li i{display: block;width: 74px;height: 25px;background: #004fe0 url('../images/jiantou.png') no-repeat center;background-size: 28px}
.news_list li:hover i{background: #198cfb url('../images/jiantou.png') no-repeat center;background-size: 28px}
.news_list li:hover .tit{color: #198cfb;}
.news_list li:hover a{box-shadow: 0 0 20px rgba(0,0,0,0.2);border:1px solid #fff;}

.about1{background: #fff;padding:70px 0;}
.about1_con{font-size: 16px;line-height: 39px;color: #999;margin-top:30px;}

.about2{padding:50px 0 90px;background: url('../images/about2.jpg') no-repeat center top}
.about2 .tit{text-align: center;color: #666666;font-size: 24px;margin-bottom:10px;}
.about2 .des{text-align: center;font-size: 36px;color: #252525;}

.about2_list{margin-top:45px;}
.about2_list li{text-align: center;}
.about2_list li span{color: #1e50ae;font-size: 48px;font-weight: bold;}
.about2_list li p{color: #666;font-size: 18px;margin-top:10px;}

.about3{padding:60px 0;}
.about3 li{width: calc((100% - 15px*2)/3);margin-right:15px;margin-bottom:20px;}
.about3 li:nth-child(3n){margin-right:0;}
.about3 li .tit{color: #1e50ae;font-size: 26px;margin:30px 0 20px;font-weight: bold;}
.about3 li .jian{font-size: 14px;line-height: 30px;color: #252525;}

.about3 li .pic{position:relative;width:100%;height:0;padding-top:67%;}
.about3 li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.about3 li .pic img{width: 100%;height:100%;-o-object-fit: cover;object-fit: cover;}

.contact1{font-size: 16px;line-height: 36px;color: #252525;padding:30px 0;}

.contact2 li{width: calc(100% / 4 - 30px);height: 200px;transition: all ease-in-out 300ms;padding:35px 20px 20px;background: #fff;text-align: center;transition: all 0.5s}
.contact2 li .icon{width: 42px;margin:0 auto;transition: all ease-in-out 500ms;}
.contact2 li .tit{color: #000000;font-size: 18px;margin:25px 0 15px;transition: all ease-in-out 500ms;}
.contact2 li .des{transition: all ease-in-out 300ms;color: #000000;font-size: 14px;transition: all ease-in-out 500ms;}
.contact2 li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1)}
.contact2 li:hover .icon{transform: rotate3d(0, 1, 0, 360deg)}
.contact2 li:hover .tit{transform: translateY(-3px);}
.contact2 li:hover .des{transform: translateY(3px);}

.message{padding:65px 0;width: 1300px;margin:0 auto;}
.message .tit{font-size:30px;color: #464646;font-weight: bold;text-align:center;line-height: 1.5;margin-bottom:40px;}
.message .item input{width:638px;max-width: 48.5%;height:59px;line-height:59px;border:0;background: #eaecf3;padding-left:32px;font-size:14px;}
.message .item{margin-bottom:29px;}
.message .item2 textarea{width: 100%;height: 177px;background: #eaecf3;padding:25px 32px;border:0;resize: none;}
.message .item2{margin-bottom:40px;}
.message .mes_btn{display: block;width:268px;height:45px;line-height:45px;background:#198cfb;border:0;font-size: 15px;color: #fff;margin:0 auto;letter-spacing: 2px;cursor: pointer;}

.btn_hover{position: relative;-moz-transition: all 0.2s;-o-transition: all 0.2s;-webkit-transition: all 0.2s;transition: all 0.2s;overflow: hidden;}
.anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;}
.btn_hover:hover > .anim{-moz-animation: anim-out 1s;-webkit-animation: anim-out 1s;animation: anim-out 1s;}
.btn_hover:hover > .anim:after{-moz-animation: anim-out-pseudo 1s;-webkit-animation: anim-out-pseudo 1s;animation: anim-out-pseudo 1s;}
.anim:before {position: relative;content: '';display: block;margin-top: 100%;}
.anim:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;}


.map{width:100%;height:500px;margin-top:30px;}
#allmap {height: 100%}
.map_addr{margin:5px 0;line-height: 1.5;}

.ps .pic{text-align: center;}

.bot1{width: calc(100% - 350px)}

.lan a.active{color: #198cfb}