html{width: 100%;}

body{font-size: 16px; background: #fff; font-family: "Microsoft Yahei","Arial",Verdana,Arial,sans-serif; line-height: 28px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

ol,ul,li{list-style: none;}

a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .3s ease; cursor: pointer;}

em,i{font-style: normal;}

h1,h2,h3,h4,h5,h6,th{font-weight: normal;}

strong{font-weight: 800;}

img{border: 0; height: auto; vertical-align: middle;/*display: block;*/}

table{border-collapse: collapse; border-spacing: 0;}

input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}

input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

input,input:focus,input:active{user-select: text;}

button:focus{outline: 0;}

textarea{resize: none;}

video{outline: none;display: block;}

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

.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}

.relative{position: relative;}

.fl{float: left;}

.fr{float: right;}

.container{position: relative;width: 1600px;margin: 0 auto;}

/* .w1600{position: relative;max-width: 1920px;padding-left: 50px;padding-right: 50px;margin: 0 auto;} */

/* .w1440{position: relative;width: 1440px;margin: 0 auto;} */





.flex {display: flex;height: 100%;}

.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 80px;}

.pd50{padding: 0 50px;}

.rela{position: relative;}













.TitleBox{text-align: center;}

.TixMain{text-align: center;position: relative;}

.TitImg{width: 100%; position: absolute;z-index: 0;left: 50%;transform: translateX(-50%);top: 0;}

.Title{font-weight: bold;color: #222222;font-size: 48px;z-index: 1;position: relative;line-height: 1.5;}

.eTitle{font-size: 24px;color: #666666;z-index: 1;position: relative;margin-top: 10px;line-height: 1.5;}

.Btn{font-size: 18px; display: block; color: #FFFFFF;  text-align: center; line-height: 50px; width: 150px;height: 50px;background: linear-gradient(90deg, #1B489D, #5590FF);}













/* header */

.header_zw {  display: block;  height: 100px;}

.header .container{display: flex;align-items: center;}

.headerLogo{}

.header{position: fixed;top: 0;width: 100%;left: 0;z-index:100;background: #fff;     border-bottom: 1px solid #f1f1f1;}

.header.active .hLi{height: 80px;line-height: 80px;}

.headerNav{margin-left: auto;display: flex;}

.hLi{line-height: 100px;margin-right: 80px;position: relative;}

.hLi:last-child{margin-right: 0;}

.hLi.active>a{color:#1B489D ;}

.hLi>a{display: block;width: 100%;height: 100%;}

.hLi:hover .navSub{opacity: 1;  visibility: visible;  margin-top: 0;}

.headerNav>.hLi a:hover{color:#1B489D ;}

.haderMore{margin-left: 80px;}

.lanauge{transition:0.3s all; margin-left: 80px; line-height: 45px;text-align: center; width: 110px;height: 45px;background: #FFFFFF;border: 1px solid #CED1D3;border-radius: 23px;}

.lanauge>a{width: 100%;height: 100%;display: block;}

.lanauge:hover{background:#1B489D ;}

.lanauge:hover a{color:#fff ;}

.lanauge:hover img{filter: brightness(0) invert(1);}

.lagTxt{margin-left: 10px;}

.menus{width: 45px;height: 45px;    background: #1B489D;      border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-left: 20px;cursor: pointer;}

.navSub{box-shadow: 0 0 16px -4px rgba(0,0,0,.3);margin-top: 20px; position: absolute;  z-index: 2; /*overflow: hidden;*/  opacity: 0; visibility: hidden;  transition:all .3s ;-webkit-transition: all .3s;  -moz-transition: all .3s;  -ms-transition: all .3s;  -o-transition: all .3s;background: #fff;  /* width: 150px; */ width:300px; text-align: center;  left: 50%;  transform: translateX(-50%);}

.navSub>div{height: 60px;line-height: 60px;}

.navSub>div>a{display: block;width: 100%;height: 100%;}

.navSub>div:hover{background: linear-gradient(90deg, #1B489D, #5590FF);}

.navSub>div:hover .navA{color:#fff!important;}

.navSub>div:hover .secondSub{opacity: 1;visibility: visible;display: block;}

.secondSub{transition: all 0.3s; position: absolute;right: -300px;  width: 100%;background: #fff;top: 0; display: none; opacity: 0;visibility:hidden;}
.secondSub>a{display: block;width: 100%;height: 100%; color: #000;}
.secondSub>a:hover{background: linear-gradient(90deg, #1B489D, #5590FF);color:#fff!important;}



.langBtn{margin-right: 10px; height: 35px;  padding: 0 20px;  display: flex;  align-items: center;  background: linear-gradient(90deg, #1B489D, #5590FF); border-radius: 5px; color: #fff;}

.langBtn span{font-size: 12px;padding-left: 4px;}

.wap_header{width: 100%; height: 60px; padding: 0 15px; display: none; justify-content: space-between; align-items: center; background: #fff; position: fixed; left: 50%; top: 0; transform: translateX(-50%); z-index: 9999;box-sizing: border-box;border-bottom: 1px solid #ddd;}

.wap_header .toggle{display: block; width: 25px; height: 24px; position: relative; z-index: 6;}

.wap_header .toggle i{display: block; width: 25px; height: 2px; background: #000; position: absolute; left: 0; transition: all ease .35s;}

.wap_header .toggle i:nth-of-type(1){top: 0;}

.wap_header .toggle i:nth-of-type(2){top: 8px;}

.wap_header .toggle i:nth-of-type(3){top: 16px;}

.wap_header .toggle.on i{background: #000;}

.wap_header .toggle.on i:nth-of-type(1){top: 8px; transform: rotate(45deg);}

.wap_header .toggle.on i:nth-of-type(2){width: 0;}

.wap_header .toggle.on i:nth-of-type(3){top: 8px; transform: rotate(-45deg);}

.wap_header #h60{height: 60px;}

.wap_header .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;}

.wap_header .maskbg.on{display: block;}

.wap_header .nav{width: 240px; background: #fff; height: 100vh; padding: 56px 0 20px 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;}

.wap_header .nav.open{transform: translateX(0); opacity: 1;}

.wap_header .nav > ul{height: calc(100vh - 70px); margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}

.wap_header .nav ul li{border-top: 1px solid #ddd; margin: 0 20px; line-height: 40px; font-size: 14px; position: relative;}

.wap_header .nav > ul > li:first-child{border-top: 0 none;}

.wap_header .nav ul li a{height: 60px; line-height: 60px; display: block; padding-right: 30px; font-size: 14px; color: #333;}

.wap_header .nav ul li a:active  {color: #dd0518 !important;}

.wap_header .nav ul li ul{display: none;}

.wap_header .nav ul li i{width: 30px; height: 60px; font-size: 16px; color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}

.wap_header .nav ul li i.down{color: #dd0518; transform: rotate(90deg);}

.wap_header .nav ul li .icon{background: url(../images/yjt.png)no-repeat;background-size: 20px !important;background-position: center !important;}

.wap_header .nav ul li ul li{margin-right: 0;}

.wap_header .nav ul li ul li a{color: #666; height: 70px; line-height: 40px; font-size: 14px;}

.wap_header .nav ul li ul li i{top: -10px;}

.wap_header .logo{float: left;margin-top: 10px;position: relative;height: 40px;}

.wap_header .logo img{height: 100%;}

.wap_header .toggle{float: right;margin-top: 21px;}

.wap_header .dropdown{float: right;margin-top: 18px;margin-right: 20px;position: relative;}

.wap_header #dLabel{border: 1px solid #9C9C9C;background: none;color: #9C9C9C;padding: 2px 5px;font-size: 12px;position: relative;}

.wap_header .dropdown-menu{background: #222;min-width: auto !important;text-align: center;}

.wap_header .dropdown-menu li a{color: #9C9C9C !important;transition: .3s;font-size: 14px !important;}

.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);width: 100%;}

.open>.dropdown-menu {display: block;}

.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;}

.wap_header .h-more{float: right;margin: 12px 0px 0 0;}





/* footer */

.footer1{position: relative;z-index: 8;}

.footer{padding-top: 50px; position: relative;background: #02182E;  overflow: hidden;}

.f-nav{flex-wrap: wrap; margin-top: 40px; display: flex;  justify-content: space-between}

.f-nav dl dt{font-size: 18px;  font-weight: bold;  color: #FFFFFF;  line-height: 2;  margin-bottom: 24px;}/* menus */

.f-nav dl dt a {  font-size: 18px;  font-weight: bold;  color: #FFFFFF;  line-height: 2;}

.f-nav dl dd{margin-top: 15px;}

.f-nav dl dd a, .f-nav dl dd span{font-size: 16px;  color: #FFFFFF;  line-height: 2;  opacity: 0.5;}

.foot2{margin-top: 60px; border-top: 1px solid rgba(255, 255, 255, 0.2);padding: 23px 0;position: relative;z-index: 8;}

.foot2>div{display: flex;align-items: center;}

.foot2 span,.foot2 a{font-size: 16px;color: #FFFFFF;opacity: 0.5;display: inline-block;}

.foot2 .f2r{margin-left: auto;}

.wave-canvas-wrapper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.f-nav dl dd img {  margin-right: 12px;}

.footer a:hover{opacity: 1;}

.ftImg{margin-left: 10px;margin-right: 0;}

.ftTit>a{display: block; margin-bottom: 24px; font-size: 18px;    font-weight: bold;    color: #FFFFFF;    line-height: 2;}

.clickft>a{display: block; margin-top: 15px;font-size: 16px;  color: #FFFFFF;  line-height: 2;  opacity: 0.5;}

.ftSub>dd{margin-top: 15px;}

.ftSub>dd>a{ font-size: 16px;  color: #FFFFFF;  line-height: 2;  opacity: 0.5;}

/* .cls{width: 160px;} */

/* menus */



.z_menu_mask{ width: 100%; overflow: hidden; opacity: 0; visibility: hidden; transition: ease 1s; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.3); z-index: 999;}

.z_menu_con{z-index: 1; width: 60%; height: 100%; position: relative; margin-left: 40%;border-radius: 50%; padding: 0 8.3vw 0 10.4vw; box-sizing: border-box; display: flex; align-items: center;}

.z_menu_mask::before{ content: ""; display: block; width: 90vw; height: 90vw; background: #fff;position: absolute; right: -30vw; top: 50%; transform: translateY(-50%) scale(0,0);border-radius: 50%; transition: ease 1s; }

.z_menu_mask::after{ content: ""; display: block; width: 100vw; height: 100vw; background:rgba(255,255,255,.3);position: absolute; right: -36vw; top: 50%; transform: translateY(-50%) scale(0,0);border-radius: 50%; transition: ease 1.5s;}

.z_menu_nav li{ margin-bottom: 2vw;}

.z_menu_nav li h3 a{ font-size: 1.35416vw; font-weight: bold;}

.z_menu_down a{ display: inline-block; color: #444; background: url(../images/sj1.png) no-repeat left center; padding-left: 15px; margin-top: 0.6vw;  position: relative;  margin-right: 2vw;font-size: 15px;line-height: 28px;} 

.z_menu_nav a::before{ content: ""; display: block; width: calc(100% - 15px); height: 1px; opacity: 0; background: #1B489D; position: absolute; left: 15px; bottom: 0;}

.z_menu_nav a:hover{ color: #1B489D; }

.z_menu_nav a:hover::before{ opacity: 1;}

.z_menu_down a:Hover{ background: url(../images/sj2.png)  no-repeat left center;}

.z_menu_btm{ border-top: 2px solid  #1B489D; padding-top: 1.5vw; display: flex; align-items: center;}

.z_menu_addre{color: #333333;line-height: 24px;}

.z_menu_share{ margin-left: auto; flex-shrink: 0;}

.z_menu_share a{ display: inline-block;width: 44px;height: 44px;background: #cccccc;border-radius: 50%; text-align: center; line-height: 44px; color: #fff; font-size: 20px!important; margin-left: 15px;}

.z_menu_share a:hover{ background:  #1B489D; color: #fff; cursor: pointer;}

.z_menu_close{ position: absolute; right: 4vw; top: 2.5vw; color: #B4B4B4; font-size: 28px!important; font-weight: bold; cursor: pointer;}

.z_menu_close:hover{ color: #1B489D;}

.z_menu_mask .warp{ opacity: 0; transition: ease 1.5s; transform: translateX(5vw); }

.z_menu_mask.on,.z_menu_mask.on .warp{ opacity: 1; visibility: visible;transform: translateX(0px);}

.z_menu_mask.on::before{ transition-delay:.5s;}

.z_menu_mask.on::after{}

.z_menu_mask.on::before,.z_menu_mask.on::after{ transform: translateY(-50%) scale(1,1)}

.z_menu_mask.on .warp{transition-delay:1s;transform: translateX(0px);}







/* banner */

.bannerMain{position: relative;}

.banner.swiper{overflow: hidden;}

.banner img{    width: 100%;height: 100%;object-fit: cover;}

.banner_mouse{  position: absolute;    left: 50%;    bottom: 35px;    z-index: 9;    font-size: 40px;    color: #fff !important;    margin-left: -20px;    text-align: center;}

.banner_mouse img{animation: mouse1 1.3s infinite;  position: relative;}





/* sec1 */

.sec1{padding-top: 100px;}

.aboutMain{position: relative;margin-top: 50px;}

.aboutMain .container{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.companyTitle{ font-size: 40px;    font-weight: bold;    color: #FFFFFF;}

.companyCount{margin-top: 80px;}

/* .aboutContent{height: 100%;  display: flex;  flex-direction: column;  justify-content: center;} */

.mask{position: absolute; width: 100%;height: 100%;display: block; background: linear-gradient(90deg, #2c55a2, transparent);}

.countUl{display: flex;}

.countItem{margin-right: 100px;}

.countItem:last-child{margin-right: 0;}

.countItem>p{fill: #FFFFFF; margin-bottom: 18px; font-size: 60px;    font-weight: bold;    color: #fff;}

.countItem em{ color: #fff;}

.aboutTxt{line-height: 25px; color: #fff;max-width: 800px;margin-top: 80px;font-size: 16px;}

.about.Btn{margin-top: 80px; width: 150px;text-align: center; line-height: 50px; height: 50px;    background: #FFFFFF;display: block;    font-size: 18px;    color: #1B489D;}

.gsjs.swiper{overflow: hidden;}

.gsjs .swiper-wrapper{z-index: -1;}

.gsjs .swiper-pagination{bottom: 50px!important;}

.gsjs .swiper-pagination-bullet-active{background: #fff;}

.gsjs .swiper-pagination-bullet{width: 12px;    height: 12px;margin: 0 10px!important;  border: 1px solid #FFFFFF;    border-radius: 50%;}



/* sec2 */

.sec2{padding-bottom: 110px;padding-top: 100px;}

.productMain{margin-top: 50px;}

.productUl{display: flex;align-items: center; justify-content: space-between;}

.productLi{width: 100%;max-width: 500px;}

.productLi a{width: 100%;height: 100%;display: block;}

.proTitle{margin-top: 30px;     font-size: 24px;    color: #222222;font-weight: bolder;}

.proeTitle{margin-top: 20px;    font-size: 16px;    color: #666666;}

.pI{overflow: hidden;max-width: 500px;max-height: 400px;}

.productLi img{width: 100%;height: 100%;object-fit: cover;transition: 1s all;}

.productLi img:hover{transform: scale(1.1);}



/* sec3 */

.sec3{background: #F5F5F5;padding-top: 100px;padding-bottom: 100px;}

.yfMain{margin-top: 50px;}

.yfMain .container{display: flex;justify-content: space-between;}

.yfzx{width: 49%; overflow: hidden;position: relative;}

.yfzx .swiper-button-prev{left: 0; transform: rotate(180deg);background:rgba(0, 0, 0, .5);width: 50px;height: 50px;}

.yfzx .swiper-button-prev:after{content: "";}

.yfzx .swiper-button-next{right: 0; background:rgba(0, 0, 0, .5);width: 50px;height: 50px;}

.yfzx .swiper-button-next:after{content: "";}

.yfzx .swiper-slide img{transition: 1s all;width: 100%;height: 100%;}

.yfzx .swiper-slide:hover img{transform: scale(1.1);}

.yfLi{max-width: 377px; position: relative;margin-right: 30px;overflow: hidden;}

.yfzxSmall{width: 49%;display: flex;}

.yfLi:last-child{margin-right: 0;}

.yfSmall{width: 100%;height: 100%;object-fit: cover;transition: 1s all;}

.yfLi:hover .yfSmall{transform: scale(1.1);}

.yfBto span{color: #fff;}

.yfBto{position: absolute; /* height: 50px; line-height: 50px; */background:rgba(0, 0, 0, .5); padding: 0 20px; bottom: 0;    display: flex;    align-items: center;    justify-content: space-between;    width: 100%;}

.yI{max-width: 377px;max-height: 500px;width: 100%;height: 100%;}









/* sec4 */

.sec4{padding-top: 100px;padding-bottom: 100px;}

.hzkhMain{margin-top: 50px;}

.hzkhUl{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}

.hzkhLi{width: calc(20% - 30px);overflow: hidden;    border: 1px solid #DFE4EC;margin-top: 30px;}

.hzkhLi:nth-child(-n+5){margin-top: 0;}

.hzkhLi img{width: 100%;height: 100%;object-fit: cover;transition: 1s all;}

.hzkhLi:hover img{transform: scale(1.1);}

.hzkhMain .Btn{margin: 0 auto;margin-top: 60px;}







@font-face {

    font-family: "iconfont"; /* Project id 960019 */

    src: url('../fonts/font_960019_oqmsfn5re4.woff2') format('woff2'),

         url('../fonts/font_960019_oqmsfn5re4.woff') format('woff'),

         url('../fonts/font_960019_oqmsfn5re4.ttf') format('truetype');

  }



  .iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

  }



.icon-close:before {content: "\e62d";}

.icon-weixin:before {content: "\e62e";}

.icon-xinlang:before {content: "\e65a";}

.icon-youxiang:before {content: "\e632";}

.icon-dizhi:before {content: "\e6b4";}



@keyframes mouse1 {

  0% {

      bottom: 0px;

  }



  30% {

      bottom: 10px;

  }



  100% {

      bottom: 0px;

  }

}





@media screen and (max-width:1680px) {

  .container{    width: 1400px;  }

  .productLi{width:calc(33.33% - 15px);}

  .yfzx .swiper-slide{}

}



@media screen and (max-width:1480px) {

  .container{width: 1140px;}

  .hLi{margin-right: 40px;}

  .proeTitle{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}

  .countItem>p{font-size: 45px;margin-bottom: 0;}

  .aboutTxt{margin-top: 40px;}

  .companyCount{margin-top: 40px;}

}



@media screen and (max-width:1199px) {

  .container {    width: 100%;    padding: 0 20px;}

  .header{display: none;}

  .header_zw{height: 60px;}

  .wap_header {    display: block;}

  .yfBto{font-size: 14px;}

}



@media screen and (max-width:1000px) {

  .yfMain .container{flex-wrap: wrap;}

  .yfzx{width: 100%;}

  .yfzxSmall{width: 100%;margin-top: 30px;}

  .hzkhUl{justify-content: space-between;}

  .hzkhLi{width: calc(50% - 15px);}

  .hzkhLi{margin-top: 0;margin-bottom: 30px;}

  .dl2{width: 50%;margin-bottom: 20px;}

  .dl2.last{width: auto;}

  .productUl{flex-wrap: wrap;}

  .productLi{width: calc(50% - 15px);margin-bottom: 15px;}

  .sec1{padding-top: 50px;}

  .sec2{padding: 50px 0;}

  .sec3{padding: 50px 0;}

  .sec4{padding: 50px 0;}

  .hzkhMain .Btn{margin-top: 0;}

  .foot2>div{flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;}

  .foot2 .f2r{margin-left: 0;}

  .aboutMain{margin-top: 20px;}

  .yfMain{margin-top: 20px;}

  .productMain{margin-top: 20px;}

  .hzkhMain{margin-top: 20px;}

  .Title{font-size: 40px;line-height:1.25 ;}

  .eTitle{font-size: 20px;}

  .TitImg img{width: 50%;height: 50%;}

}

@media screen and (max-width:780px) {

.container{padding: 0 15px;}

.yfzxSmall{flex-wrap: wrap;}

.yfLi{width: 100%;margin-right: 0;margin-bottom: 20px;}

.yfLi{max-width: unset;}

.yI{max-width: unset;}

.countItem>p{font-size: 25px;}

.countItem{margin-right: 0;width: 30%;text-align: center;}

.companyTitle{font-size: 28px;line-height: 1.5;}

.productLi{width: 100%;}

.proeTitle{display:unset}

.aboutTxt{font-size: 14px;margin-top: 20px;}

.about.Btn{font-size: 16px;width: 100px; margin-top: 20px;margin-left: auto;margin-right: auto;}

.Title{font-size: 34px;}

.eTitle{font-size: 18px;}

.TitImg img{width: 80%;}

.proTitle{margin-top: 10px;}

.productLi{margin-bottom: 20px;}

.yfBto{font-size: 16px;}

.hzkhMain .Btn{font-size: 16px;width: 100px;}

.countUl{justify-content: space-evenly;}

.countItem em{font-size: 14px;}

.dl2{width: 100%;}

.clickft>a{font-size: 14px;}

.f-nav dl dd a, .f-nav dl dd span{font-size: 14px;}

.ftSub>dd>a{font-size: 14px;}

.f-nav dl dt{margin-bottom: 10px;}

.foot2 span, .foot2 a{font-size: 12px;}

.f2l{text-align: center;}

}