/*global css*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
body,textarea,input,button,select,keygen,legend{font-size:14px; color:#333; font-family:Arial; -webkit-text-size-adjust:none; outline:0;}
body{font-family: Montserrat-Light;margin: auto;word-wrap: break-word;padding-top: 120px;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left; font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:none;}
img{max-width: 100%;}
i,cite,em,var,address,dfn{font-style:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
h1,h2,h3,h4,h5,h6,em{font-weight:normal;}
sup,sub{font-size:80%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto; resize:none;}
label,summary{cursor:default;}
a{color: #333;text-decoration: none;}
a,button{cursor:pointer;}
ins,u,s,a{text-decoration:none;}
textarea,input{outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border:1px #ddd solid; outline:none;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset; -webkit-box-shadow:0 0 0 1000px #fff inset;}
ol li::marker, ul li::marker{ color: #333; }
@media (max-width: 768px) {
	input[type='text'],input[type='number'],input[type='email'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],input[type='search'],button,textarea{-webkit-appearance:none;border-radius:0;outline:0;border:0px;}
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/font1.eot');
    src: url('../fonts/font1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/font1.woff2') format('woff2'),
        url('../fonts/font1.woff') format('woff'),
        url('../fonts/font1.ttf') format('truetype'),
        url('../fonts/font1.svg#font') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: "Montserrat-Light";
  src: url("../fonts/font2.woff2") format("woff2"),
       url("../fonts/font2.woff") format("woff"),
       url("../fonts/font2.ttf") format("truetype"),
       url("../fonts/font2.eot") format("embedded-opentype"),
       url("../fonts/font2.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Regular";
  src: url("../fonts/font3.woff2") format("woff2"),
       url("../fonts/font3.woff") format("woff"),
       url("../fonts/font3.ttf") format("truetype"),
       url("../fonts/font3.eot") format("embedded-opentype"),
       url("../fonts/font3.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans-Bold";
  src: url("../fonts/font4.woff2") format("woff2"),
       url("../fonts/font4.woff") format("woff"),
       url("../fonts/font4.ttf") format("truetype"),
       url("../fonts/font4.eot") format("embedded-opentype"),
       url("../fonts/font4.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/font5.woff2") format("woff2"),
       url("../fonts/font5.woff") format("woff"),
       url("../fonts/font5.eot") format("embedded-opentype"),
       url("../fonts/font5.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.null{-webkit-animation:null .3s 2 0s linear forwards; animation:null .3s 2 0s linear forwards; color:#333!important;}
@keyframes null{
    0%{background:#FFF3F3;}
    50%{background:#FFCBCC;}
    100%{background:#FFF3F3;}
}

.bcf7{background-color: #f7f7f7;}
.fs110{font-size: 110%;}

.main{width: 1440px;margin: 0 auto;}
.title1{font-size: 36px;color: #404244;display: block;margin-bottom: 10px;text-align: center;font-family: Montserrat-Medium;}
.title1>a{color: #404244;}
.title2{font-family: Montserrat-Light;font-size: 16px;color: #404244;text-align: center;margin-bottom:20px;}
.title3{font-size: 20px;color: #222;line-height: 56px;height: 56px;border-bottom: 1px solid #e8e8e8;}

.button1{display: inline-block;padding: 16px 40px;border: 1px solid #32A45A;background-color: transparent;color: #000;font-family: OpenSans-Bold;border-radius: 5px;transition: all .6s;font-size: 16px;}
.button1:hover{background-color: #32A45A;color: #fff;}
.button2{display: inline-block;padding: 19px 69px;background-color: #32A45A;border: 1px solid transparent;font-family: Montserrat-Regular;font-size: 12px;text-align: center;color: #fff;border-radius: 8px;transition: all .6s;}
.button2:hover{background-color: #095ac2;}
.button3{display: inline-block;font-family: OpenSans-Bold;font-size: 16px;border: 1px solid transparent;background-color: #00781F;border-radius: 8px;text-align: center;padding: 16px 25px;color: #fff;transition: all .6s;}
.button3:hover{background-color: transparent;color: #00781f;border-color: #00781f;}
.shadow{position: fixed;z-index: 10000;background-color: rgba(0,0,0,.6);left: 0;top: 0;right: 0;bottom: 0;display: none;}

header{background-color: #000;position: fixed;top: 0;left: 0;right: 0;z-index: 1000;}
header .main{display: flex;justify-content: space-between;align-items: center;height: 120px;}
header .logo{width: 220px;padding: 10px 0;}
header .logo>h1{font-size: 0;}
header .logo img{max-height: 74px;}
.nav1{flex: 1;padding: 10px 0;}
.nav1 a{font-family: OpenSans-Bold;}
.nav1>ul{display: flex;justify-content: center;flex-wrap: wrap;}
.nav1>ul>li{padding: 10px 0;position: relative;float: left;}
.nav1>ul>li>a{font-size: 16px;padding: 0 20px;color: #fff;display: block;}
.nav2{display: none; position: absolute;left: 0;top: auto;width: 260px;background-color: #fff;box-shadow: 5px 5px 10px -5px rgb(0 0 0 / 12%);padding: 10px 0;margin-top: 10px;opacity: 0;transition: all .6s;}
.nav1>ul>li:hover .nav2{display: block;opacity: 1;}
.nav2>li{position: relative;display: flex;justify-content: space-between;align-items: center;padding: 0 15px 0 20px;}
.nav2>li>a{font-size: 14px;display: block;line-height: 20px;padding: 5px 0;white-space: nowrap;}
.nav2>li>em{display: block;width: 7px;height: 11px;background: url(../img/ico_down.png) no-repeat center top;}
.nav3{display: none; position: absolute;left: 100%;top: 0;width: 260px;background-color: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 12%);padding: 10px 0;}
.nav2>li:hover .nav3{display: block;}
.nav3>li{line-height: 20px;padding: 0 15px;box-sizing: border-box;}
.nav3>li>a{font-size: 14px;display: block;line-height: 20px;padding: 5px 0;}
.tool{display: flex;align-items: center;}
.tool .search{padding: 0 14px;}
.tool .search i.icon-search1{font-size: 20px;color: #fff;}
.tool .inquiry{margin-left: 17px;}
.tool .inquiry>a{background-color: #32a45a;color: #fff;font-family: Montserrat-Medium;font-size: 14px;border-radius: 5px;text-align: center;padding: 15px 24px;border: 1px solid #32a45a;transition: all .6s;}
.tool .inquiry>a:hover{background-color: transparent;}
.tool .navbtn{display: none;}
.mnav1,.mnav2,.mnav3{display:none;}


.sw1{height: 0;position: relative;overflow: hidden;padding-top: 44.27%;}
.sw1 .swiper-wrapper{top: 0;position: absolute;}
.sw1 .swiper-slide{height: 100%;}
.sw1 .swiper-slide img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;object-fit: cover;object-position: center;}

.d1{background-color: #f5f5f5;padding: 60px 0 50px;}
.cpls1{display: flex;justify-content: space-between;margin-top: 60px;align-items: flex-start;flex-wrap: wrap;}
.cpls1 li{width: calc((100% - 75px)/2);margin-top: 15px;margin-bottom: 35px;}
.cpls1 li .img{position: relative;overflow: hidden;padding-top: 58.8%;}
.cpls1 li .img img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: all .3s;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.cpls1 li .img>a:hover img{transform: scale(1.05);}
.cpls1 li .txt{text-align: left;margin-top: 25px;}
.cpls1 li .txt h3{font-size: 30px;font-family: Montserrat-Medium;color: #404244;}
.cpls1 li .txt .info{font-size: 18px;margin-top: 15px;line-height: 1.785;color: #404244;font-family: Montserrat-Light;}
.cpls1 li .button1{margin-top: 30px;}

.gsjs{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;padding: 90px 0 20px;}
.gsjs .img{width: 48.26%;overflow: hidden;}
.gsjs .img img{display: block;width: 100%;height: 100%;}
.gsjs .info{width: 41.67%;}
.gsjs .info h2{font-size: 38px;color: #404244;font-family:Montserrat-Medium;}
.gsjs .txt{font-size: 16px;line-height: 1.75;margin-top: 30px;color: #404244;font-family: Montserrat-Light;}
.gsjs .txt p{margin-bottom: 10px;}
.gsjs .info .button1{margin-top: 70px;}

.d3{padding: 90px 0;}
.sw2{position: relative;margin-top: 60px;text-align: left;padding: 0 5.5%;}
.sw2 .swiper{overflow: hidden;}
.sw2 .swiper-slide{overflow: hidden;text-align: center;}
.sw2 .swiper-slide img{transition: all .3s;}
.sw2 .swiper-slide img:hover{transform: scale(1.05);}
.sw2 .sw-btn{position: absolute;display: inline-block;width: 50px;height: 50px;background-color: #afafaf;text-align: center;top: 50%;transform: translateY(-50%);border-radius: 50%;cursor: pointer;}
.sw2 .sw-btn:after{line-height: 50px;color: #fff;font-size: 20px;font-weight: bold;font-family: "iconfont";}
.sw2 .sw-prev{left: 0;}
.sw2 .sw-next{right: 0;}
.sw2 .sw-prev:after{content: "\e63c";}
.sw2 .sw-next:after{content: "\e641";}

.d4{padding: 60px 0 50px;}
.d4 .title1,.d4 .title2{padding: 0 14.58%;}
.d4 ul{display: grid;gap: 30px;margin-top: 55px;grid-template-columns: repeat(4, 1fr);}
.d4 ul li{position: relative;overflow: hidden;text-align: left;}
.d4 li .img{position: relative;overflow: hidden;padding-top: 75.74%;}
.d4 li .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all .3s;}
.d4 li .img a:hover>img{transform: scale(1.05);}
.d4 li .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px;box-sizing: border-box;z-index: 2;background-color: rgba(50,164,90,70%);}
.d4 li .txt .a1{font-size: 20px;color: #fff;font-family: Montserrat-Medium;}
.d4 li .txt .a2{display: none;font-size: 14px;color: #fff;margin-top: 20px;line-height: 1.875;}
.d4 li .txt .a3{display: none;margin-top: 20px;position: relative;font-family: Montserrat-Regular;border-radius: 5px;}
.d4 li .txt .a3>i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.d4 li:hover .txt>.a2,.d4 li:hover .txt>.a3{display: block;}

.d5{position: relative;overflow: hidden;}
.d5 .img{position: relative;overflow: hidden;padding-top: 33.19%;z-index: 1;}
.d5 .img>img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all .3s;}
.d5 .img>img:hover{transform: scale(1.05);}
.d5 .txt{text-align: center;background-color: rgba(255,255,255,.9);position: absolute;width: 68.53%;padding: 40px 0 46px;z-index: 2;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.d5 .txt .title2{font-size: 20px;margin: 20px auto 0;max-width: 630px;}
.d5 .txt .button1{margin-top: 20px;color: #32A45A;}
.d5 .txt .button1:hover{color: #fff;}

.d6{padding: 65px 0 75px;}
.nr1{margin-top: 55px;position: relative;}
.nr1 .img1{position: relative;padding-top: 31.94%;}
.nr1 .img{position: absolute;left: 0;top: 0;height: 100%;width: 100%;display: none;}
.nr1 .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.nr1 .txt1{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;display: flex;flex-wrap: wrap;}
.nr1 .txt2{width: 25%;position: relative;overflow: hidden;}
.nr1 .txt2:after{position: absolute;top: 0;right: 0;width: 1px;background-color: rgba(255,255,255,.6);display: block;z-index: 1;content: '';height: 100%;}
.nr1 .txt2:last-child:after{content: inherit;}
.nr1 .txt2 .txt{position: absolute;left: 0;right: 0;bottom: -29.8%;box-sizing: border-box;padding: 0 13.89% 40px;transition: all .6s;display: block;}
.nr1 .txt h3{color: #fff;font-size: 20px;line-height: 1.5;font-family: Montserrat-Medium;}
.nr1 .txt .info{min-height: 90px;font-family: Montserrat-Light;color: #fff;font-size: 16px;line-height: 1.875;margin-top: 23px;opacity: 0;transition: all .6s;}
.nr1 .txt2:hover .txt{bottom: 0;background: linear-gradient(to bottom ,transparent,#00781f);}
.nr1 .txt2:hover .txt .info{opacity: 1;}
.nr1 .txt2 .box{display: none;}

/*产品分类*/
.body1{padding: 80px 0;}
.body1 .u1{margin-top: 60px;}
.u1{display: flex;justify-content: space-between;flex-wrap: wrap;}
.u1>li{text-align: center;width: 32%;margin: 15px 0;}
.u1 img{transition: all .3s;}
.u1 .img{overflow: hidden;}
.u1 .img a:hover img{transform: scale(1.05);}
.u1 h3{display: block;padding: 15px 0 12px;font-size: 18px;color: #000;font-family: Montserrat-Medium;}


.breadcrumb{font-size: 14px;color: #555;background-color: #f7f7f7;padding: 25px 0;}
.breadcrumb a{color: #555;}
.breadcrumb a:hover{text-decoration: underline;}

.body2 .main{display: flex;justify-content: space-between;}
.category{width: 18%;margin-right: 3%;}
.cnav1 li{position: relative;margin: 5px 0;}
.cnav1 li a{font-size: 14px;padding-right: 20px;line-height: 34px;display: inline-block;color: #555;}
.cnav1 li a:hover,.cnav1 li.cur>a{color: #00781F;}
.cnav1 li>i{position: absolute;width: 20px;height: 20px;top: 10px;right: 0;font-size: 14px;cursor: pointer;}
.cnav1 li.cur>i:after{content: '\e626';}
.cnav1 li>i:after,.cnav1 li>i.on:after{content: '\e64d';}
.cnav2{padding-left: 20px;overflow: hidden;display:none;}
.cnav1>li.cur .cnav2,.cnav1>li.on .cnav2{opacity: 1;display:block;}
.list1{width: 79%;}
.list1 .title3>i.iconfont{display: none;}
.u2{display: grid;gap: 30px;margin-top: 50px;grid-template-columns: repeat(3, calc((100% - 60px) / 3));}
.u2 li{text-align: center;}
.u2 li .img{overflow: hidden;margin-bottom: 20px;position:relative;height:0;padding-top:100%;}
.u2 li img{display: block;transition: all .3s;position:absolute;left:0;top:0;width:100%;height:100%;object-position:center;object-fit:cover;}
.u2 li .img a:hover img{transform: scale(1.05);}
.u2 li h3{font-size: 14px;padding: 0 30px;margin-bottom: 20px;line-height: 1.8;font-family: Montserrat-Medium;;}
.u2 li h3 a{color: #222;}
.pages{clear: both;margin: 35px 0;text-align: center;line-height: 26px;}
.pages ul{display: flex;justify-content: center;}
.pages li{display: inline-block;line-height: 24px;font-size: 16px;color: #959595;margin: 0 8px;}
.pages li a{color: #727272;}
.pages li.active a{color: #000;}

.top1{display: flex;justify-content: space-between;padding-bottom: 20px;flex-wrap:wrap;}
.top1 .img{width: 45%;display:flex;flex-wrap:wrap;}
.sw4{width: 90px;margin-right:10px;position:relative;overflow:hidden;}
.sw5{width: 540px;margin:0 auto;position:relative;overflow:hidden;height:520px;}
.sw4 .swiper-slide img{display: block;width: 88px;height: 88px;border: 1px solid transparent;cursor:pointer;}
.sw4 .swiper-slide-thumb-active img,.sw4 .swiper-slide img:hover{border-color: #000;}
.sw5 .swiper-slide img{display: block;max-height: 550px;margin:0 auto;}
.top1 .info{width: 50%;}
.top1 .info h1{font-size: 30px;line-height: 1.2;color: #222;font-family: Montserrat-Medium;margin-bottom: 25px;}
.top1 .info .txt{font-size: 14px;line-height: 1.8;color: #222;font-family: Montserrat-Light;margin-bottom: 25px;}
.top1 .link{margin-top: 55px;}
.top1 .link a.btn{display: inline-block;line-height: 46px;font-size: 16px;border: 1px solid transparent;font-family: Montserrat-Regular;background-color: #00781F;border-radius: 5px;width: 50%;text-align: center;color: #fff;transition: all .6s;box-sizing:border-box;}
.top1 .link a.btn:hover{background-color: transparent;border-color: #00781f;color: #00781f;}
.top1 .link ul{margin-top: 40px;}
.top1 .link li{display: inline-block;margin-right: 20px;vertical-align: top;width: 30px;}
.top1 .link li a{display: block;height: 30px;white-space: nowrap;text-indent: -9999em;background: url(../img/ico_follow.png) no-repeat 0 0/30px auto;transition: all .3s;}
.top1 .link li a:hover{background-image: url(../img/ico_follow_hover.png);}
.top1 .link li a.line{background-position: 0 -420px;}
.top1 .link li a.twitter{background-position: 0 -30px;}
.top1 .link li a.whatsapp{background-position: 0 -450px;}
.top1 .link li a.pinterest{background-position: 0 -60px;}
.top1 .link li a.tumblr{background-position: 0 -480px;}
.top1 .link li a.linkedin{background-position: 0 -90px;}

.content1{padding: 40px 0;display: none;}
.desc_title{border-bottom: 2px solid #dedede;display: flex;flex-wrap:wrap;}
.desc_title span{display: inline-block;font-size: 36px;color: #404244;position: relative;font-family: Montserrat-Medium;padding: 0 10px;line-height: 2;margin-bottom: -2px;cursor: pointer;}
.desc_title span.on:before{content: '';position: absolute;width: 100%;height: 2px;background: #404244;bottom: 0;left: 0;}
.desc_title span:first-child{margin-right: 60px;}
.fmbox{padding: 50px 0;background-color: #e3e3e5;}
.fmbox .fm1{margin: 40px 10% 0;}
.fm1{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.fm1 .rows{margin-top: 25px;display: flex;flex-direction: column;width: 100%;}
.fm1 .rows.w1{width: 48%;}
.fm1 .rows label{font-size: 14px;color: #222;padding-left: 3px;margin-bottom: 6px;display: block;}
.fm1 .rows label>i{font-size: 16px;}
.fm1 .rows input{height: 50px;line-height: 50px;font-size: 14px;border-radius: 3px;background-color: #fff;border: 0;box-sizing: border-box;padding: 0 20px;}
.fm1 .rows textarea{height: 110px;border-radius: 3px;font-size: 14px;background-color: #fff;padding: 20px;box-sizing: border-box;}
.fm1 .row{text-align: center;margin-top: 50px;width: 100%;}
.fm1 .row button{font-family: Montserrat-Regular;background-color: #00781F;border: 1px solid transparent;color: #fff;font-size: 16px;padding: 15px 65px;border-radius: 8px;transition: all .6s;}
.fm1 .row button:hover{background-color: #000;}

.u3{}
.u3 li{display: flex;justify-content: space-between;align-items: center;padding: 40px 0;flex-wrap: wrap;}
.u3 li .left{width: 45.5%;}
.u3 li .img{position: relative;overflow: hidden;height: 0;padding-top: 45.8%;}
.u3 li .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.u3 li .info{width: 51.5%;}
.u3 li:nth-child(even) .left{order: 2;}
.u3 li:nth-child(even) .info{order: 1;}
.u3 li .info h2{font-size: 36px;color: #000;font-family: Montserrat-Medium;line-height: 1.2;}
.u3 li .info p{color: #000;line-height: 1.7;margin-top: 20px;}

.content2{background-color: #f5f5f5;padding-bottom: 20px;display: flex;flex-wrap: wrap;}
.content2 .left{width: 49.73%;position: relative;}
.content2 .right{width: 50.27%;}
.content2 .right .img{height: 0;overflow: hidden;padding-top: 58.96%;overflow: hidden;position: relative;}
.content2 .right .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all .6s;}
.content2 .right .img img:hover{transform: scale(1.05);}
.content2 .info {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: left;}
.content2 .info h2{font-family: Montserrat-Medium;font-size: 30px;color: #222;line-height: 1.5;margin-bottom: 20px;}
.content2 .info .txt{font-size: 16px;color: #222;margin-bottom: 20px;}

.top2{position: relative;}
.top2:before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(9,90,195,60%);z-index: 1;}
.top2 .img{position: relative;height: 0;padding-top: 21.35%;overflow: hidden;}
.top2 .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.top2 .txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;width: 70%;z-index: 10;}
.top2 .txt h2{font-size: 60px;font-family: Montserrat-Medium;line-height: 1.2;}
.top2 .txt p{font-size: 20px;margin-top: 20px;line-height: 1.2;}

.content3{padding: 40px 0;}
.content3 .main{display: flex;justify-content: space-between;flex-wrap: wrap;}
.content3 .news-l{width: 71.5%;}
.content3 .news-r{width: 25.7%;}
.u4 li{box-shadow: rgb(0 0 0 / 10%) 3px 3px 8px;border-radius: 20px;margin-bottom: 30px;box-sizing: border-box;padding: 20px 40px 30px;}
.u4 li h4{color: #888;margin-top: 14px;line-height: 1.2;}
.u4 li h2{font-size: 20px;color: #000;margin-top: 19px;line-height: 1.2;font-family: Montserrat-Medium;}
.u4 li a{display: inline-block;margin-top: 30px;padding: 21px 40px;background-color: #175cff;border: 1px solid transparent;color: #fff;font-size: 16px;border-radius: 8px;transition: all .6s;}
.u4 li a:hover{background-color: #fc0;}
.cnav3{border: 2px solid #f2f2f4;border-radius: 10px;box-sizing: border-box;padding: 25px;}
.cnav3 .bt{font-size: 16px;font-family: Montserrat-Medium;line-height: 35px;margin-bottom: 8px;color: #000;font-weight: 600;}
.cnav3 ul{line-height: 28px;color: #5a6272;}
.cnav3 li{margin-top: 12px;}
.cnav3 li a{color: #6a7180;}
.cnav3 li a:hover{text-decoration: underline;}
.news-bt{font-size: 36px;line-height: 42px;color: #000;font-family:Montserrat-Medium;}
.news-info{font-size: 16px;line-height: 26px;color: #5a6272;margin-top: 15px;}
.news-info span:before{content:'|';margin:0 20px;display:inline-block;}
.news-info span:first-child::before{content:inherit;}
.news-body{line-height: 1.6;margin:30px 0;}
.news-body *{font-family: inherit;}
.news-body h1,.news-body h2,.news-body h3,.news-body h4,.news-body h5,.news-body h6{line-height:1.2;margin:1em 0;}
.news-body h1{font-size: 2em;}
.news-body h2{font-size: 1.5em;}
.news-body h3{font-size: 1.17em;}
.news-body h4{font-size: 1em;margin:1.33em 0;}
.news-body ul{padding-inline-start:20px;}
.news-body li{list-style-type: inherit;}
.news-body ol{margin-left: 35px;}
.news-body p{margin:1em 0;}
.news-body b,.news-body strong{font-weight: bold;line-height: 1.2;}

.u5{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px;}
.u5 li{width: 30%;text-align:center;position:relative;margin-bottom:15px;}
.u5 li .img{width: 100%;height: 0;padding-top: 58%;overflow: hidden;position:relative;}
.u5 li .img img{position: absolute;display: block;transition: all .3s;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;object-position: center;}
.u5 li .img:hover img{transform:scale(1.1);}
.u5 li h2{font-size:18px;line-height:2;margin-top:10px;}




footer{padding: 85px 0 45px;background-color: #e6e6e6;border-top: 1px solid #e6e6e6;}
.copy{background-color: #e6e6e6;text-align: center;font-size: 14px;padding: 25px 0;color: #404244;}
.bnav{display: flex;flex-wrap: wrap;}
.bnav .item{width: 25%;margin-bottom: 30px;}
.bnav .item dl{padding-right: 20%;}
.bnav .item dt{font-size: 18px;color: #0f0f0f;margin-bottom: 20px;}
.bnav .item dt>i{display: none;}
.bnav .item dd{font-size: 14px;margin-bottom: 15px;line-height: 1.5;font-family: Poppins-Regular;color: #404244;}
.bnav .item dd>a{color: #404244;}
.bnav .item dd>a:hover{text-decoration: underline;}
.bnav .item dd.row{padding-left: 25px;position: relative;display: flex;align-items: center;}
.bnav .item dd.row span{position: absolute;left: 0;}
.bnav form{display: flex;align-items: flex-start;flex-wrap: wrap;}
.bnav form>input{height: 48px;line-height: 48px;box-sizing: border-box;font-size: 14px;text-indent: 15px;flex-grow: 1;max-width: 350px;border: 1px solid transparent;border-radius: 5px 0 0 5px;}
.bnav form>button{padding: 0 17px;color: #fff;border: 1px solid transparent;background-color: #32a45a;cursor: pointer;height: 48px;line-height: 48px;border-radius: 0 5px 5px 0;}


#gotop{position: fixed;right: 30px;bottom: 90px;z-index: 1000000;display:none;}
#gotop .go_top{display: block;width: 60px;height: 60px;background: #b0b0b0 url(../img/ico_chat.png) no-repeat 0 -60px;border-radius: 100%;background-size: 60px auto;}
.popfm1{position: fixed;z-index: 9999999;left: 0;top:0;display: none;width: 100%;height: 100%;}
.popfm1.show{display: block;}
.popfm1>form{width: 50%;max-width: 600px;height: 60px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.popfm1>form .ipt{height: 100%;}
.popfm1>form input{width:100%;height: 100%;background-color: #fff;border: 0 none;border-radius:5px;box-sizing:border-box;line-height:60px;padding-right:60px;outline:none;text-indent:20px;}
.popfm1>form button{width: 60px;height: 60px;position:absolute;right:0;top:0;border:0 none;background:transparent;}
.popfm1>form button:before{content:'\e601';position:absolute;left:0;top:0;width:100%;line-height:60px;height:100%;font-size:24px;font-family:iconfont;}
.popfm1>form span.close{position: absolute;width: 30px;height: 30px;top: 12px;right: -60px;background: url(../img/se_close.png) no-repeat center;cursor:pointer;}
.popfm2{position: fixed;z-index: 9999999;left: 0;top: 0;display: none;width: 100%;height: 100%;}
.popfm2.show{display: block;}
.popfm2 .box{width: 675px;max-height: 80vh;overflow:auto;background-color:#f4f4f8;border-radius:10px;position:relative;left:50%;top:50%;transform:translate(-50%, -50%);}
.popfm2 span.close{position:absolute;width:30px;height:30px;right:8px;top:8px;transform:rotate(45deg);cursor:pointer;}
.popfm2 span.close::before {content: '';width: 26px;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #343434;}
.popfm2 span.close::after{content: '';width: 2px;height: 26px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #343434;}
.popfm2 .top{background-color: #fff;padding: 40px 40px 10px;text-align: center;}
.popfm2 form{padding: 0 40px 40px;}
.popfm2 form .rows{width: 100%;margin-top:25px;}
.popfm2 form .rows>label{color: #1a1d22;display:block;margin-bottom:6px;padding-left:3px;}
.popfm2 form .rows>label>i{font-size: 16px;}
.popfm2 form .rows>input{width:100%;box-sizing:border-box;padding:0 20px;background:#fff;border-radius:8px;height:46px;line-height:46px;border:0;}
.popfm2 form .rows>textarea{box-sizing:border-box;width:100%;padding:15px 20px;border-radius:8px;background-color:#fff;border:0;height:80px;}
.popfm2 form .rows>button{width:100%;padding:20px 0;background-color:#1a1a1a;color:#fff;font-size:20px;border:0;text-transform:uppercase;}



@media screen and (max-width: 1480px) {
    .main{width: auto;padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
    .sw5{width: 440px;}
}

@media screen and (max-width: 1000px) {
    .over-hidden{height: 100%;overflow: hidden;}
    body{padding-top: 74px;}
    img{max-height: 100%;}
    .main{padding-left: 15px;padding-right: 15px;}
    header .main{height: 74px;}
    .nav1{display: none;}
    .tool .inquiry{display: none;}
    .tool .navbtn{display: block;font-size: 20px;color: #fff;}
    .tool .navbtn>i.icon-mb_menu2{font-size: 26px;}
    .tool .search i.icon-search1{font-size: 26px;}
    .mnav1{display:block;position: fixed;top: 0;width: 80%;bottom: 0;z-index: 10000;background-color: #fff;transition: all .4s;transform:translate(-100%);}
    .mnav1.show{transform:translate(0);}
    .mnav1 span.close{display: none;position: absolute;top: 4vh;left: 86vw;width: 10vw;height: 10vw;background: url(../img/nav_close.png) no-repeat center/100%;}
    .mnav1.show span.close{display: block;}
    .mnav1 li{line-height: 2.375rem;position: relative;font-family: OpenSans-Bold;font-size: 1rem;color: #5f5f5f;padding: 0 .625rem;}
    .mnav1 a{color: #5f5f5f;display:block;margin-left:.3rem;}
    .mnav1 li>em{display: flex;width: 10%;height: 100%;position:absolute;right:.3rem;top:0;justify-content:center;align-items:center;}
    .mnav1 li>em>i{width: 10px;height: 10px;border: 1px solid #999;border-width: 1px 1px 0 0;transform: rotate(45deg);}
    .nav-t{line-height: 4rem;background-color: #f5f5f5;padding: 0 .735rem;}
    .nav-b{border-top: .5rem solid #eee;}
    .nav-b .inquiry{margin: 6% 0 2%;width: 100%;text-align: center;}
    .nav-b .inquiry a{display: block;padding: 12px 20px;font-family: Montserrat-Medium;background-color: #32a45a;color: #fff;border-radius: 5px;max-width: 200px;margin: 0 auto;}
    .mnav2,.mnav3{display:block;position: fixed;background-color: #fff;right: 0;top: 0;bottom: 0;z-index:10001;transition:all .4s;transform:translate(-100%);left:0;}
    .mnav2.show,.mnav3.show{transform:translate(0);}
    .mnav2 h3,.mnav3 h3{height: 3.4rem;line-height: 3.4rem;padding-left: 1.2rem;}
    .mnav2 h3>span,.mnav3 h3>span{display: flex;width: 15px;height: 100%;justify-content: center;align-items: center;float:left;margin-right:20px;}
    .mnav2 h3>span>i,.mnav3 h3>span>i{width: 10px;height: 10px;border: 1px solid #999;border-width: 0 0 1px 1px;transform: rotate(45deg);}
    .gsjs .img,.gsjs .info{width: 100%;}
    .gsjs .info{margin-top: 30px;}
    .gsjs .info h2{font-size: 23px;}
    .gsjs .txt{font-size: 14px;margin-top: 15px;}
    .gsjs .info .button1{margin-top: 20px;}
    .title1{font-size: 24px;}
    .title2{font-size: 14px;}
    .d1{padding: 40px 0 20px;}
    .cpls1{margin-top: 20px;}
    .cpls1 li{width: calc( ( 100% - 40px ) / 2 );margin-bottom: 15px;}
    .cpls1 li .txt{margin-top: 15px;}
    .cpls1 li .txt h3{font-size: 17px;}
    .cpls1 li .txt .info{font-size: 14px;line-height: 1.43;}
    .cpls1 li .button1{margin-top: 15px;}
    .gsjs{padding-top: 45px;}
    .d3{padding: 40px 0;}
    .sw2{margin-top: 30px;padding: 0;}
    .sw2 .sw-btn{display: none;}
    .d4 ul{margin-top: 18px;}
    .d4 .title1, .d4 .title2{padding: 0 20px;}
    .d5 .txt{width: 92%;}
    .d5 .txt .title2{font-size: 16px;}
    .nr1 .img1{display: none;}
    .nr1 .txt2 .box{display: block;}
    .nr1 .txt1{position: static;}
    .nr1 .txt2{width: 100%;padding-top: unset;margin-bottom: 15px;}
    .nr1 .txt2 .box{position: relative;height: 0;padding-top: 31.94%;}
    .nr1 .txt2 .box img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
    .nr1 .txt2 .txt{bottom: 0;display: flex;height: 100%;align-items: center;padding: 3% 4.7%;}
    .nr1 .txt h3{font-size: 18px;line-height: 1.67;}
    .nr1 .txt .info{opacity: 1;margin-top: 0;font-size: 14px;line-height: 1.57;min-height: inherit;}
    .nr1 .txt2:hover .txt{background: transparent;}
    footer{padding: 0;}
    .bnav .item{width: 100%;margin-bottom: 0;}
    .bnav .item dl{padding-right: 0;}
    .bnav .item dt{font-size: 16px;margin-bottom: 0;padding: 15px 0;position: relative;}
    .bnav .item dt>i{font-size: 20px;display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
    .bnav .item dd,.bnav .item dd.row{display: none;}
    #gotop{right: 15px;bottom: 42px;}
    #gotop .go_top{width: 40px;height: 40px;background-size: 40px auto;background-position: center -40px;}

    .body1{padding: 25px 0;}
    .body1 .u1{margin-top: 20px;}
    .body1 .d3{padding-bottom: 0;}
    .top1 .img,.top1 .info{width:100%;}
    .sw4{order:2;width:100%;margin:10px 0;}
    .sw4 .swiper-slide img{height: 70px;}
    .sw5{height: inherit;width:100%;}
    .desc_title span{font-size: 16px;}
    .desc_title span:first-child{margin-right:25px;}
    .u3 li{padding: 20px 0;}
    .u3 li .left,.u3 li .info{width: 100%;}
    .u3 li .info{margin-top: 20px;}
    .u3 li:nth-child(even) .left{order: 1;}
    .u3 li:nth-child(even) .info{order: 2;}
    .u3 li .info h2{font-size: 24px;}
    .popfm1{display: block;transform:translate(-100%);transition:all .5s;background-color:#fff;}
    .popfm1.show{transform: translate(0);}
    .popfm1>form{width:100%;height:100%;border-radius:0;display:flex;padding:.7rem;box-sizing:border-box;}
    .popfm1>form .ipt{width:90%;float: right;height:2.6rem;}
    .popfm1>form input{height: 2.6rem;background-color: #f5f5f4;}
    .popfm1>form button{top:inherit;width:2.6rem;height: 2.6rem;right: .7rem;}
    .popfm1>form button:before{font-size:1.2rem;line-height:2.6rem;}
    .popfm1>form span.close{position: static;background: none;width: 10%;height: 2.6rem;display:flex;justify-content:center;align-items:center;}
    .popfm1>form span.close:before{content:'';width: .7rem;height: .7rem;border: 0 solid #333;border-width: 0 0 2px 2px;transform: rotate(45deg);}
    
    .body2 .main{position: relative;}
    .category{width: inherit;position: absolute;margin-right: 0;background-color:#fff;top:53px;display:none;padding:10px;box-shadow:2px 2px 5px 0px rgb(0 0 0 / 30%);max-height:225px;overflow:auto;left:15px;right:15px;z-index:10;}
    .category>h2{display: none;}
    .category.show{display:block;}
    .list1{width: 100%;}
    .list1 .title3{display: flex;justify-content: space-between;padding: 0 12px;height: 40px;line-height: 40px;border:1px solid #e8e8e8;margin-top:12px;}
    .list1 .title3>i.iconfont{display: block;}
    .u2{grid-template-columns:repeat(2, calc((100% - 30px) / 2));}
    
    .content2 .left,.content2 .right{width:100%;}
    .content2 .info{position: static;transform: inherit;padding: 30px 15px;}
    .content2 .info h2{font-size: 24px;}
    .fmbox .main{padding-left: 3%;padding-right: 3%;}
    .fmbox .fm1{margin-left: 1%;margin-right: 1%;}
    .popfm2 .box{width:90%;}
    .popfm2 .top{padding: 40px 20px 20px;}
    .popfm2 form{padding: 0 20px 30px;}
    .popfm2 form .rows{margin-top: 10px;}
    .popfm2 form .rows>button{font-size: 16px;padding: 15px 0;}
    
    .content3{padding:20px 0;}
    .news-bt{font-size: 18px;line-height: 34px;}
    .news-info{font-size: 12px;line-height: 22px;margin-top: 8px;}
}

@media screen and (max-width: 750px) {
    .title1{font-size: 20px;}
    .button2{padding: 15px;width: 100%;box-sizing: border-box;}
    .u1>li{width: 100%;}
    .u1 h3{font-size: 14px;}
    .cpls1 li{width: 100%;}
    .d4{padding: 20px 0;}
    .d4 ul{display: flex;flex-wrap: wrap;}
    .d4 ul li{width: 100%;}
    .d4 li .txt .a2,.d4 li .txt .a3{display: block;line-height:1.45;}
    .d5 .img{padding-top: 80.93%;}
    .nr1 .txt2 .box{padding-top: 43.48%;}
    .top2 .img{padding-top: 66%;}
    .top2 .txt h2{font-size: 30px;}
    .top2 .txt p{font-size: 16px;}
    .content3 .news-l,.content3 .news-r{width: 100%;}
    .fm1 .rows.w1{width: 100%;}
    .u2 li h3{padding: 0 5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
    .top1 .link{margin-top: 20px;}
    .top1 .link ul{margin-top: 25px;}
    .top1 .link li{width:20px;margin-right: 10px;}
    .top1 .link li a{height: 20px;line-height:20px;background-size:20px auto;}
    .top1 .link li a.line{background-position: 0 -280px;}
    .top1 .link li a.twitter{background-position: 0 -20px;}
    .top1 .link li a.whatsapp{background-position: 0 -300px;}
    .top1 .link li a.pinterest{background-position: 0 -40px;}
    .top1 .link li a.tumblr{background-position: 0 -320px;}
    .top1 .link li a.linkedin{background-position: 0 -60px;}
    .top1 .link a.btn{width:100%;}
    .u5 li{width:47%;}
}