/* ====首页====== */

body{ background-color:#fff;}

/** header **/

.header{ position:relative; z-index:100; background-color: #fff;}

.wel{ background-color: #E7E7E7; padding: 10px 0;}

.wel .list{ display: inline-block; margin-left: 14px; padding-left: 14px; color: #707070; font-size: 14px;}

.wel .list::before{ font-size: 16px;}

.languageBtn{border-left: 1px solid #666; margin-left: 14px; padding-left: 14px; display: inline-block; }

.languageBtn .icon{ height: 14px; margin-right: 5px;color: #707070; font-size: 14px;}



.loarea{ height:104px; position:relative; z-index:3;}

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

.logo{ width:500px; display:inline-flex; align-items: center; }

.logo .tp{ height:48px; width:auto;}

.logo .val{ font-weight: bold; margin-left: 10px ; font-size: 18px;}



/*PC导航 begin*/

.nav{  z-index:5; margin-left: auto;}

.navul{ font-size:0;}

.navul li{ display:inline-block; font-size:18px;position:relative; }

.navul li>a{  padding: 0 1em; text-align:center; display:inline-block; line-height:104px; height:104px; position: relative;}

.navul li>a::after{ content: ""; display: block; width: 0em; height: 2px; background-color:#3CC127 ; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

.navul li>a:hover,.act_nav{color:#3CC127 !important;}

.navul li>a:hover::after,.act_nav::after{  width: 3em !important;}



.searchWrap{ position: relative;}

.searchWrap .searchBtn.iconfont{ cursor: pointer; display: inline-block; font-size: 20px; color: #333; text-align: center; width: 55px; height:104px; line-height:104px; box-sizing: border-box; border-bottom: 3px solid transparent;}

.actSearchBtn{ background-color: #000; border-color: #3CC127 !important; color: #fff !important;}

.searchbox{ position: absolute; right: 0; top: 100%; padding: 24px; background-color: #fff;

    border: 1px solid #A3ABC2; display: none;}

.searchbox .search{ width: 600px; height: 62px; border: 1px solid #A3ABC2; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 20px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}

.searchbox .text{ -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; font-size: 14px;}

.searchbox .tj{ width: 60px; height: 42px; text-align: center; line-height: 42px; font-size: 20px;}



.messBtn{ padding: .4em 1em;}



/*PC导航end*/

.subnav{ position:absolute; display: none;  }

.subnavNormal{left:50%; margin-left: -60px; top:104px; width:180px;padding-top: 0px;}

.subnav:after{ content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -6px; display: none;}

.subnav>.nr{background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }

.subnav .nr a{text-align:left; line-height:1.2; padding:10px 0; width:100%; font-size:13px; display:block;  color:#fff; text-align:center; }

.subnav .nr a:hover{ color: #fff !important; background-color: #3CC127; }



.subnavRow{ position: absolute; width: 100%; left: 0; top: 112px; padding-top: 0px; }

.subnavRow .wrap{ display: flex; align-items: center; justify-content: space-between;background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }

.subnavRow .nr{ width: 100%; padding: 10px 20px; font-size: 0;}

.subnavRow .nr a{ display: inline-block; width:23%; margin: 0 1%; color: #fff; border-bottom: 1px dashed #fff; font-size: 13px; text-align: center; padding: 8px 0;}

.subnavRow .nr a:hover{ color: #fff !important; background-color: #3CC127;}





/*手机导航按钮及下拉菜单begin*/

.menubtn{ position:absolute; width:24px; height:24px;top:12px; right:2%; cursor:pointer; display:none;}

.menubtn i{ display:block; width:21px; height:3px; background-color:#3CC127; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}

.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}

.menubtn i:nth-child(2){ top:11px;}

.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}

.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}

.menubtn.on i:nth-child(2){ opacity:0;}

.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

/*小导航*/

.inav{ width:400px; max-width: 60%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }

.navlogo{ padding: 30px;}

.navlogo .tp{ max-width: 66%;}

.inav ul{ margin: 0 30px;}

.inavul li{border-bottom:1px solid #363636;}

.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}

.inavul li>a .iconfont{ position: absolute; right: 0; top: 18px; font-size: 12px; }

.act_inav{ border-color: #3CC127 !important; color:#3CC127 !important;}

.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.inavul .nr{ display: none; padding:5px 30px 5px 40px;}

.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}

/*手机导航按钮及下拉菜单end*/

/*banner begin*/

.banner{ position:relative; z-index:3; }

.banner .swiper-slide{position:relative; overflow:hidden;}

.banimg{ width:100%; height:auto; display:block;}

.banner .swiper-pagination{ bottom:25px !important;}

.banner .swiper-pagination-bullet{width:20px;height:20px;padding: 0;background-color:#A6B2A4; font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 15px !important;}

.banner .swiper-pagination-bullet-active{background-color:#258515;}

.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}

/* .banner .swiper-button-prev{ left:2%;}

.banner .swiper-button-next{ right:2%;} 



.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}

 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:80px;  height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff;}

.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 80px; font-weight: bold;}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */

/*banner end*/

.h_tit{line-height: 1.3; padding: 20px 0;}

.h_tit .tit{ font-size: 44px;}

.h_tit .subtit{ font-size: 24px; text-transform: uppercase; color: #666; margin-top: 10px;}

.h_about{ padding: 60px 0;}

.h_about .wp{ display: flex; flex-wrap: wrap;}

.h_about .col01{ width: 320px; padding-right: 20px; margin-right: 20px; border-right: 1px solid #ddd;}

.h_about .col01 .h_tit { padding-top: 0;}

.h_about .mandiv{ margin-top: 50px;}

.h_about .mandiv .sbtn{ font-size: 24px; padding: 0.2em 2em;}

.h_about .col02{ flex: 1; min-width: 0;}

.h_about .intro{}

.h_about .intro .wz{ font-size: 18px;}

.h_about .col02 .mandiv{ display: none;}



.h_why{ padding: 55px 0 60px; background-color: #F3F5F9;}

.h_why .wp{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.hwhyIntro{ width: 55%; box-sizing: border-box; padding: 30px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border: 5px solid #3CC127;}

.hwhyList{ width: 44%;}

.h_tit2{}

.h_tit2 .tit{ font-size: 40px; font-weight: bold; line-height: 1.3;}

.hwhyIntro .desc{ font-size: 18px; margin-top: 15px;}

.hwhyIntro .wrap{ margin-top: 15px; position: relative;}

.hwhyIntro .wrap::after{ position: absolute; width: 1px; height: calc(100% - 40px); background-color: #707070; content: ""; display: block; left: 25px; top: 20px;}

.hwhyIntroItem{ position: relative; z-index: 2; padding:10px 0 10px 75px; }

.hwhyIntroItem .num{ background-color: #3CC127; color: #fff; font-weight: bold; left: 0; top: 14px;  position: absolute; display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 30px;}

.hwhyIntroItem .des{ padding: 10px 0;} 

.hwhyIntroItem .des .tit{ font-size: 24px; font-weight: bold; }

.hwhyIntroItem .des .nr{  font-size: 18px; margin-top: 10px;}



.hwhyList{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.hwhyIntroItem2{ width: 100%; display: block; font-size: 0; overflow: hidden; border-radius: 12px; border: 2px solid #3CC127; margin-bottom: 16px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } 

.hwhyIntroItem2 .tp{ width: 100%; height: 100%; object-fit: cover;} 

.hwhyIntroItem2:hover .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.hwhyIntroItem2:nth-child(1) .tparea .tp{ height: 415px;}

.hwhyIntroItem2:nth-child(2) .tparea .tp{ height: 290px;}

.hwhyIntroItem2:nth-child(n+3){  width: 48%; margin-bottom: 0;}

.hwhyIntroItem2:nth-child(n+3) .tparea .tp{ height: 185px;}



.h_pro{ padding: 20px 0 20px;}

.h_pro .wrap{ margin: 20px 70px 0;}

.hpItem a{ position: relative; overflow: hidden; display: block; padding: 15px 0;}

.hpItem .tparea{ width: 56%; float: right; font-size: 0; overflow: hidden; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }

.hpItem .tparea .tp{ width: 100%; aspect-ratio: 642/464; object-fit: cover;}

.hpItem .intro{ position: absolute; padding: 40px 50px 60px;  top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); 

    -ms-transform: translateY(-50%); -o-transform: translateY(-50%); background-color: #95E289; border-top: 12px solid #3CC127; box-sizing: border-box; width: 50%; }

.hpItem .intro .tit{ font-size: 30px; font-weight: bold;}

.hpItem .intro .nr{ font-size: 18px; margin-top: 25px;}

.hpItem .intro .mandiv{ margin-top: 35px;}

.hpItem .intro .mandiv .morea{ display: inline-block; font-size: 24px; font-weight: bold;}

.hpItem .intro .mandiv .arr{ margin-left: 20px; display: inline-block; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; border: 2px solid transparent;  font-weight: bold;}

.hpItem:nth-child(2n+1) { justify-content: flex-end;}

.hpItem:nth-child(2n+1) .intro{ left: 0;  }

.hpItem:nth-child(2n+1) .tparea{ float: right; }

.hpItem:nth-child(2n+1) .arr{ border-color: #333 !important; color: #333;}

.hpItem:nth-child(2n) .intro{ right: 0;  color: #fff; }

.hpItem:nth-child(2n) { justify-content: flex-start;}

.hpItem:nth-child(2n) .tparea{ float: left; }

.hpItem:nth-child(2n) .arr{ border-color: #fff !important; color: #fff;}

.hpItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.hpItem:hover .intro .mandiv .arr{ margin-left: 25px;}

.hpItem:hover .intro .tit{ color: #3CC127;}



.h_mess{ padding: 50px 0 110px;}

.h_mess .h_tit{ width: 70%; display: flex; align-items: center; color: #fff;}

.h_mess .h_tit .tit{white-space: nowrap; margin-right:50px; }

.h_mess .h_tit .subtit{flex: 1; min-width: 0; color: #fff; }

.hmForm{ width: 70%;}

.hmForm .row{ display: flex; flex-wrap: wrap;}

.hmForm .row.col2{ }

.hmForm .row.col2 .formItem{ width: 46%; margin:  0 8% 10px 0; }

.hmForm .row.col2 .formItem:nth-child(2n){ margin-right: 0;}

.formItem{ margin-bottom:10px;}

.formItem{ margin-bottom: 10px;}

.formItem .attrmc{ font-size: 18px; padding:14px 0; font-weight: bold   ; color: #B70000;} 

.formItem .text{ display: block; background-color: #fff; height: 42px; line-height: 42px; padding: 0 15px; font-size: 16px; width: 100%; color: #333;}

.formConfirm{ padding-top: 40px;}

.formConfirm .sbtn{ font-size: 18px; min-width: 10em; font-weight: bold; padding: .6em 1.8em;}





.h_latest{ padding: 60px 0 20px;}

.h_latest .wp{ display: flex; flex-wrap: wrap;}

.h_latest .col01{ width: 320px; margin-right:40px; }

.h_latest .col01 .h_tit { padding-top: 0;}

.h_latest .mandiv{ margin-top: 50px;}

.h_latest .mandiv .sbtn{ font-size: 24px; padding: 0.4em 0em;}

.h_latest .col02{ flex: 1; min-width: 0; margin-top: -24px;}

.hlatestItem{}

.hlatestItem a{ padding: 24px 0; display: flex; flex-wrap: wrap; }

.hlatestItem .tparea{ width: 226px; margin-right: 22px; overflow: hidden; font-size: 0;}

.hlatestItem .tparea .tp{ width: 100%; height: 222px;}

.hlatestItem .des{ flex: 1; min-width: 0;}

.hlatestItem .des .tit{ font-size: 18px; font-weight: bold;}

.hlatestItem .des .nr{ margin-top: 20px; font-size: 16px; color: #666;}

.hlatestItem .time{ margin-left: 25px; padding-left: 25px; border-left: 1px solid #ddd;}

.hlatestItem .time .p1{ font-size: 20px; font-weight: bold;}

.hlatestItem .time .p2{ font-size: 16px; color: #999;}

.hlatestItem .time .p2 .num{font-size: 20px; color: #333; font-weight: bold;}

.hlatestItem a:hover .tit{ color: #3CC127;}

.hlatestItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



.footer{ background-color: #333333; border-top: 10px solid #FE2323; color: #fff;}

.f_t{ padding: 35px 0;}

.f_m{ padding: 40px 0;}

.f_b{ background-color: #141414; padding: 18px 0; font-size: 18px; color: #fff; text-align: center; border-top: 1px solid #707070;}



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

.f_t .title{ font-size: 24px; font-weight: bold; width: 400px; margin-right: 40px;}

.f_t .title .p1{ color: #fff;}

.f_t .title .p2{ color: #3CC127;}

.fsearch{ flex: 1; min-width: 0; background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; overflow: hidden; display: flex;  }

.fsearch .text{ flex: 1; height: 50px; line-height: 50px; font-size: 20px; padding: 0 15px; }

.fsearch .sbtn{ height: 50px; line-height: 50px; width: 176px; padding: 0; font-size: 20px; font-weight: bold;}

.f_m .wp{ display: flex;}

.fm_tit{ font-size: 24px; font-weight: bold; margin-bottom: 20px;}

.fmItem{ box-sizing: border-box;}

.fmItem:nth-child(1){ width: 20%;}

.fmItem:nth-child(2){ width: 40%;}

.fmItem:nth-child(3){ width: 40%;}

.fnav{ border-right: 1px solid #595959;}

.fnav .wrap{}

.fnav .wrap a{ margin-bottom: 6px; display: block; font-size: 18px; color: #fff;}

.fnav .wrap a .iconfont{ margin-right: 8px; font-size: 18px; color: #999;}

.fnav .wrap a:hover{ color: #3CC127;}

.fcon{ padding: 0 5%; margin-right: 5%; box-sizing: border-box; border-right: 1px solid #595959;}

.fcon .wrap{}

.fcon .list{ padding:2px 0 2px 20px; position: relative; font-weight: bold;}

.fcon .list .icon{ position: absolute; left: 0; top: 4px; height: 14px;}

.fcon .tit{ border-top: 1px solid #8A8A8A; margin-top: 15px; padding-top: 12px; margin-bottom: 4px;}

.fnewItem{ margin-bottom: 40px;}

.fnewItem a{ display: flex; flex-wrap: wrap; }

.fnewItem .tparea{ width: 65px; margin-right: 30px; overflow: hidden; font-size: 0;}

.fnewItem .tparea .tp{ width: 100%; height: 65px;}

.fnewItem .des{ flex: 1; min-width: 0;}

.fnewItem .des .tit{ font-size: 18px; color: #fff;}

.fnewItem .des .time{ margin-top: 16px; margin-top: 10px; color: #fff; }

.fnewItem a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }



/* about */

.i_main{  min-height:400px;}

.ban_loca{ position: relative;}

.i_ban{ font-size: 0; position: relative; overflow: hidden; }

.i_ban .tp{ width: 100%;}

.ban_loca .location{ position: absolute; width: 100%; left: 0; bottom: 40px; }



.location .wp{ display: flex;}

.location .inner{background-color: #EEEEEE; padding: 12px 40px; }

.location a{ font-size:18px; }

.location a::before{font-size:16px;  margin-right: 5px;vertical-align: baseline;}

.location a:hover{ color:#3CC127;}

.act_loca{ color:#3CC127 !important;}

.location i{ margin:0 6px; font-style:normal;}



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

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

.profile .intro .i_tit{ padding-top: 0;}

.profile .intro{ width: 52%;}

.profile .intro .wz{ font-size: 18px;}

.profile .tparea{ width: 46%; font-size: 0; }

.profile .tparea .tp{ width: 100%;}

.i_tit{ padding: 20px 0;}

.i_tit .tit{ font-size: 18px; }

.i_tit .subtit{ font-size: 44px; line-height: 1.2; margin-top: 15px; font-weight: bold;}





.benefits{ position: relative; padding-bottom: 80px; background-color: #F3F5F9;}

.benefits .bg{ height: 505px; position: absolute; width: 100%; left: 0; top: 0;}

.benefits .wp{ position: relative; z-index: 2;}

.i_tit2{ font-size: 55px; color: #ffff; font-weight: bold;}   

.benefits .i_tit2{ padding: 180px 0 120px;}

.benefits .wrap{ display: flex; flex-wrap: wrap;}

.benefitsItem{ width: 23.5%; margin: 0 2% 2% 0; padding: 20px 18px; box-sizing: border-box; text-align: center; background-color: #fff; box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.16);}

.benefitsItem:nth-child(4n){ margin-right: 0;}

.benefitsItem .tp{ width: 120px; }

.benefitsItem .des{ text-align: left; margin-top: 15px;}

.benefitsItem .des .tit{ font-size: 20px; font-weight: bold;}

.benefitsItem .des .nr{ font-size: 18px; color: #666; margin-top: 18px;}



/* product */

.sort{ margin-top: 60px; position: relative; z-index: 2;}

.sort .wp{ display: flex; flex-wrap: wrap; border: 1px solid #CCCCCC;}

.sortItem{ min-width:18%;  text-align: center; position: relative;}

.sortItem:nth-child(1){ width: 12%; }

.sortItem>a{ font-size: 20px; display: block; padding: 1em 1em;  color: #666;}

.sortItem>a .iconfont{ margin-left: 5px; font-size: 20px;}

.sortItem:hover>a,.actSort>a{ background-color: #72B5E5 !important; color: #fff !important;}
.actSort{ z-index: 10 !important;}
.sortLay{ position: absolute ; width: 100%; display: none; background-color: rgba(0, 0, 0, .4);  left: 0; top: 100%;}

.sortLay a{display: block; font-size: 16px; text-align: left; padding: 0.6em 1em; color: #fff; border-bottom: 1px solid #fff;}

.sortLay a:hover{ color: #3CC127;}





.pro{ padding:30px 0 40px;}

.pro .wrap{ display: flex; flex-wrap: wrap; padding-bottom: 20px;}

.proItem{ width:23.5%; float: left; margin:0 2% 2% 0 ;}

.proItem:nth-child(4n){ margin-right: 0;}

.proItem{}

.proItem a{ display: block; padding: 22px 15px 20px; box-shadow: 0 0 08px 0 rgba(0, 0, 0, .1);}

.proItem .tparea{ font-size: 0; overflow: hidden; margin: 0 4px;}

.proItem .tparea .tp{ width: 100%; aspect-ratio: 272/244; object-fit: cover;}

.proItem .des{ padding: 15px 0px 0; }

.proItem .des .tit{ font-size: 18px; line-height: 1.3; }

.proItem .des .nr{ font-size: 14px; color: #666;  margin-top: 8px;}

.proItem .des .mandiv{ margin: 10px auto 0; width: 80%;}

.proItem .des .mandiv .sbtn{ font-size: 16px; width: 100%; padding: 0.4em 0;}

.proItem a:hover{}

.proItem a:hover .des .tit{ color: #3CC127;}

.proItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }





.turnpage{ margin:0 auto;font-size:0; text-align:center; }

.turnpage a,.turnpage span{ display:inline-block; padding:5px 11px; font-size:12px; margin:0 3px; background-color: #E5E5E5; border-radius:32px; -webkit-border-radius:32px; -moz-border-radius:32px; -ms-border-radius:32px; -o-border-radius:32px; }

.turnpage .point{ padding:4px 9px;}

.turnpage a:hover,.current{ background-color:#72B5E5 !important; }

/* solution */

.solu{ padding: 30px 45px; margin: 35px 0 90px;}

.soluIntro{}

.soluIntro .title{ padding: 20px 0; font-size: 40px; font-weight: bold;}

.soluIntro .desc{}

.soluIntro .desc .wz{ font-size: 18px; color: #666;}

.soluIntro .wrap{ margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: center;}

.soluItem{ width: 32.66%; margin:0 1% 2% 0; border-radius: 12px; overflow: hidden; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; position: relative;}
.soluItem:nth-child(3n){ margin-right: 0;}
.soluItem:nth-last-child(1){ margin-right: 0;}
.soluItem a{ display: block;}
.soluItem .tparea{ font-size: 0; overflow: hidden;}
.soluItem .tparea .tp{ width: 100%; aspect-ratio: 592/426; object-fit: cover;}
.soluItem .shade{ position: absolute; background-color: rgba(0, 0, 0, .4); width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.soluItem .shade .tit{ font-size: 16px; color: #fff; padding: 20px;}
.soluItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.soluItem:hover .shade{ background-color: rgba(0, 0, 0, .6);}


.i_tit3{ padding: 25px 0;}

.i_tit3 .tit{ font-size: 40px; font-weight: bold;}

.soluAdvan{ padding-bottom: 10px;overflow-x: hidden;}

.soluAdvan .wrap{ margin: 20px -20px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}

.soluAdvanItem{}

.soluAdvanItem{ width: 23.5%; margin: 0 2% 2% 0; box-sizing: border-box; text-align: center; padding: 0 20px; transition: .3s; box-sizing: border-box; border-right: 1px solid #ddd; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

.soluAdvanItem:nth-child(4n){ margin-right: 0; border: none;}
.soluAdvanItem a{ display: block;}

.soluAdvanItem .tp{ width: 135px; }

.soluAdvanItem .des{ text-align: left; margin-top: 15px;}

.soluAdvanItem .des .tit{ font-size: 20px; color: #3CC127; font-weight: bold;}

.soluAdvanItem .des .nr{ font-size: 18px; color: #666; margin-top: 18px;}
.soluAdvanItem:hover{ background:linear-gradient(0,#effded,#fff) #effded; transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }


/* contact */

.contact{ padding: 50px 0 60px; display: flex; justify-content: space-between;}

.cont{ width: 46%;}

.conMess{ width: 52%;padding:20px 25px ; box-sizing: border-box; background-color: #F3F5F9;}

.cont .i_tit3{ padding-top: 0;}

.cadd{ margin-top: -15px;}

.cadd .list{ padding: 15px 0; border-bottom: 1px dashed #AFAFAF; display: flex; align-items: center;}

.cadd .icon{ margin-right: 10px; height: 50px;}

.cadd .des{ flex: 1; min-width: 0;}

.cadd .des .p1{ font-size: 24px; font-weight: bold; }

.cadd .des .p2{ font-size: 18px;}

.map{ margin-top: 20px; position: relative; height: 360px; border: 1px solid #ddd; font-size: 0; overflow: hidden;}

.map iframe{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }



.conMess{  }

.mess_tit{ font-size: 32px; font-weight: bold; margin-bottom: 15px;}

.formItem2{ margin-bottom:30px; display: flex; border: 1px solid #ddd; background-color: #fff; border-left: 8px solid #3CC127;}

.formItem2 .attrmc{ font-size: 18px; padding:0px 15px; width: 120px; line-height: 50px; font-weight: bold   ;}

.formItem2 .attrval{ flex: 1; min-width: 0;} 

.formItem2 .text{ display: block; background-color: #fff; height: 50px; line-height: 50px;  font-size: 16px; width: 100%; color: #333;}

.formItem2 .textarea{ display: block; background-color: #fff; height:180px; padding: 15px 15px 15px 0;  font-size: 16px; width: 100%; color: #333;}

.conMess .formConfirm{ padding-top: 10px;}



/* news */

.n_main{ padding: 30px 0 36px; display: flex; flex-wrap: wrap;}

.n_l{ width: 29%; margin-right: 2%; padding: 40px; background-color: #fff; box-sizing: border-box;}

.n_r{ flex: 1; min-width: 0; padding:35px 25px; background-color: #fff; box-sizing: border-box;}

.nsearch{ display: flex; }

.nsearch .text{ flex: 1; height:40px; border: 1px solid #ddd; border-width: 1px 0 1px 1px; line-height:40px; font-size: 16px; padding: 0 15px; }

.nsearch .sbtn{ height:40px; line-height:40px; width:50px; padding: 0; font-size: 20px; font-weight: bold;}

.lm{ margin-top: 16px;}

.lm a{ display: block; margin-bottom: 10px; font-size: 24px; background-color: #F5F5F5; color: #666; padding: 0.6em 1em; text-align: center;}

.lm a:hover,.act_lm{ background-color: #3CC127 !important; color: #fff !important;}

.recommend{ margin-top: 25px;}

.recommend .title{ font-size: 20px; padding: 0.6em 0; text-align: center; background-color: #3CC127; color: #fff;}

.recommend .wrap{ padding: 5px 15px;}

.recItem{}

.recItem a{ display: flex;  align-items: flex-start; padding: 16px 0; border-bottom:1px solid #eee ;}

.recItem:nth-last-child(1) a{ border: none;}

.recItem .tparea{ width: 95px; padding: 5px; border: 1px solid #ddd; margin-right: 20px;}

.recItem .tparea .tp{ width: 100%; height: 95px;}

.recItem .des{ flex: 1; min-width: 0; padding: 8px 0;}

.recItem .des .tit{ line-height: 1.3; }

.recItem:hover .tparea{ border-color: #3CC127;}

.recItem:hover .des .tit{color: #3CC127;}



.news{ padding-bottom: 50px;}

.news .title{ font-size: 36px; font-weight: bold ; padding: 0px 0 25px;}

.news .wrap{ display: flex; flex-wrap: wrap; padding-bottom: 20px;}

.newsItem{ margin-bottom: 15px;}

.newsItem a{ display: flex; flex-wrap: wrap; padding: 35px 0; border-bottom:1px solid #eee ;}

.newsItem .tparea{ width: 252px; padding: 15px; box-sizing: border-box; border: 1px solid #ddd; margin-right: 30px;}

.newsItem .tparea .tp{ width: 100%; height: 246px;}

.newsItem .des{ flex: 1; min-width: 0; padding: 8px 0;}

.newsItem .des .tit{ line-height: 1.3; font-size: 18px; font-weight: bold;color: #3CC127;  }

.newsItem .des .time{ color: #999; font-size: 16px; margin-top: 20px;}

.newsItem .des .time::before{ margin-right: 8px; font-size: 18px;}

.newsItem .des .nr{ font-size: 16px; color: #666; margin-top: 15px;}

.newsItem .des .mandiv{ margin-top: 40px;}

.newsItem .des .mandiv .sbtn{ font-size: 20px; padding: 0.4em 2em;}

.newsItem:hover{ transform: translateY(-5px) ; -webkit-transform: translateY(-5px) ; -moz-transform: translateY(-5px) ; -ms-transform: translateY(-5px) ; -o-transform: translateY(-5px) ; }

.newsItem:hover .tparea{ border-color: #3CC127;}

.newsItem:hover .des .tit{color: #3CC127;}



/* news-1 */

.newdel{ padding: 0px 30px 0px;}

.newdel .wrap{}

.artDel{ }

.artHeader{ padding: 10px 0 20px; border-bottom: 1px solid #ddd; }

.artHeader .tit{ font-size: 24px; font-weight: bold; line-height: 1.2;}

.artHeader .info{ margin-top: 20px; color: #666; }

.artHeader .info .list{ font-size: 16px; margin-right: 20px;}

.artHeader .info .list::before{ margin-right: 5px;}

.artBody{ padding: 35px 0; border-bottom: 1px solid #eee; }

.artBody .wz{ font-size: 16px;  color: #666; }

.artBody .tp{ display: block; margin: 40px auto;}



.artFooter{ padding: 20px 0;   }

.pnItem{ margin-bottom: 4px; background-color: #F8F8FA; border: 1px solid #E6E9EC; }

.pnItem a{ font-size: 16px; padding: 15px; color: #333;}

.pnItem a:hover{ color: #fff; background-color: #3CC127;}



/* product-1 */

.p_main{ padding:30px 0 36px; display: flex; flex-wrap: wrap;}

.p_l{ width: 20%; margin-right: 2%;  background-color: #fff; box-sizing: border-box;}

.p_r{ flex: 1; min-width: 0;  background-color: #fff; box-sizing: border-box;}



.pdel{}

.pdt{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}

.pdelIntro{ width: 56%;}

.pdtSlideWrap2{ width: 42%;}

.gallery-top2 {height:390px;}

.gallery-top2 .swiper-slide{ -moz-box-sizing: border-box; box-sizing: border-box; -o-background-size: cover; background-size: cover;}

.gallery-top2 img{  width: 100%; margin-left: 0%;height:390px; object-fit: cover;}

.gallery-thumbs2Wrap{ margin:14px 0px 0; }

.gallery-thumbs2 {height: 116px; -moz-box-sizing: border-box;box-sizing: border-box;}

.gallery-thumbs2 .swiper-slide {opacity: 0.6;cursor: pointer;  box-sizing: border-box;}

.gallery-thumbs2 .swiper-slide .tp{ padding: 0px;  display: block; height: 116px; padding: 4px; border: 2px solid transparent; margin: 0 auto; box-sizing: border-box;}

.gallery-thumbs2 .swiper-slide-thumb-active {opacity: 1; }

.gallery-thumbs2 .swiper-slide-thumb-active .tp{ background-color: #fff; border-color:#3CC127;}

.pdtSlideWrap2 { position: relative;}



.pdtSlideWrap2 .swiper-button-prev::after,.pdtSlideWrap2 .swiper-button-next::after{ display: none;}

.pdtSlideWrap2 .swiper-button-prev,.pdtSlideWrap2 .swiper-button-next{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width: 24px; height:116px; line-height: 116px; left: 0;    top: auto; bottom: 0px; color: #666; cursor: pointer; z-index: 10; text-align: center; -webkit-filter:alpha(opacity=100); background-color: #F2F2F2; display: none; }

.pdtSlideWrap2 .swiper-button-prev{  left: 0; }

.pdtSlideWrap2 .swiper-button-next{left: auto; right:0;  }

.pdtSlideWrap2 .swiper-button-prev .iconfont,.pdtSlideWrap2 .swiper-button-next .iconfont{ font-size: 24px;  line-height: 1; }

.pdtSlideWrap2 .swiper-button-prev:hover,.pdtSlideWrap2 .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; background-color: #3CC127;color: #fff;}



.pdelIntro .tit{ font-size: 22px; line-height: 1.2; padding-bottom: 15px; border-bottom: 1px solid #ddd;}

.pdelIntro .nr{ margin-top: 20px;}

.pdelIntro .nr .list{ font-size: 20px; padding: 4px 0; font-weight: bold;}

.pdelIntro .nr .list .mc{ padding-left: 20px; display: inline-block; position: relative;}

.pdelIntro .nr .list .mc::before{ content: ""; display: block; width: 12px; height: 12px; background-color: #333; border-radius: 50%;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; left: 0; top: 8px; }

.pdelIntro .nr .list .mc{ font-weight: normal; color: #666;}

.pdelIntro .mandiv{ margin-top: 50px;}

.pdelIntro .mandiv .sbtn:nth-child(1){margin-right: 20px}

.pdelIntro .mandiv .sbtn{ font-size: 20px; padding: 0.4em 3em; }

.pdb{ margin-top: 35px;}

.dTit{ width: 415px; max-width: 100%; border-bottom: 1px solid #eee;}

.dTit .list{ display: inline-block; padding: 0.4em 1em; font-size: 20px; border-radius: 4px 4px 0 0 ; -webkit-border-radius: 4px 4px 0 0 ; -moz-border-radius: 4px 4px 0 0 ; -ms-border-radius: 4px 4px 0 0 ; -o-border-radius: 4px 4px 0 0 ; border: 1px solid #eee; border-width: 1px 1px 0;  margin-right: 12px; cursor: pointer;}

.dTit .list:hover,.actDtit{ background-color: #3CC127 !important; border-color: #3CC127 !important; color: #fff !important; }

.dContent{ padding: 10px 14px;}

.dBox{ margin-bottom: 15px; display: none;}

.d_tit{ padding: 15px 0;}

.d_tit .mc{ font-size: 22px; padding-bottom: 15px; position: relative; display: inline-block; width:500px; max-width: 100%; border-bottom: 2px solid #ddd; position: relative;}

.d_tit .mc::after{ content: ""; display: block; width: 2em; height: 4px; background-color: #3CC127; position: absolute; left: 0; bottom: -2px;}

.dPart{ margin-bottom: 15px;}

.dPart .nr{}

.dPart .nr .wz{ font-size: 18px;}

.dPart .nr .tp{ display: block; margin: 0 auto;}



.leaveMess{ background-color: #F3F5F9;}

.lTit{ padding: 30px 0;}

.lTit .tit{ font-size: 36px; text-align: center; font-weight: bold;}

.lTit .subtit{ font-size: 20px; margin-top: 10px;}

.leaveMess .wrap{ padding-bottom: 40px;}

.leaveMess .formItem2{ margin-bottom: 20px;}

.leaveMess .row{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.leaveMess .col2 .formItem2{ width: 48.5%;}



.psTitle{ padding: 10px; background-color: #3CC127;}

.psTitle .p1{ font-size: 14px; color: #fff; text-transform: uppercase;}

.psTitle .opa{ margin-top: 10px;}

.psTitle .opa .sbtn{ font-size: 20px;}

.psTitle .opa .sbtn:hover{}



.psSort{ padding: 10px; background-color: #EFEFEF;}

.psItem{ margin-bottom: 10px; position: relative;}

.psItem>a{ cursor: pointer; font-size: 16px; padding: 10px; background-color: #E1E3E2; display: block; position: relative;}

.psItem>a .arr{ position: absolute; right: 30px; height: 30px; line-height: 30px; text-align: center; right: 10px; top:50%; margin-top: -15px;  }

.psItem .psLay{ display: none; }

.psItem .psLay a{font-size: 16px; padding: 10px 20px; margin-bottom: 10px; background-color: #fff; display: block;}

.psItem .psLay a:hover{ color: #3CC127;}

.psItem>a:hover,.actPs{ color: #fff !important; background-color: #3CC127 !important;}

.psItem>a:hover .arr,.actPs .arr{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); color: #fff;}



.gotop{ position: fixed; right: 10px; bottom: 50px; width: 100px; cursor: pointer; background-color: rgba(254, 35, 35, .55); color: #fff; text-align: center; padding: 20px 0;}

.gotop .iconfont{ font-size: 26px; line-height: 1;}

.gotop .name{ font-size: 16px;}

.gotop:hover{ background-color: rgba(254, 35, 35, 1);}



/* 留言 */

.feedback{ position: fixed; right: 10px; bottom: 10px; width: 254px; z-index: 20;}

.feedback .tit{ border-radius: 12px 12px 0 0; background-color: #3CC127; font-size: 18px; padding: 0.6em 1em; color: #fff; -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; }

.feedback .wrap{ margin-top: 4px; background-color: #fff; border: 1px solid #3CC127; padding: 20px 10px;}

.feedback .text,.feedback .textarea{ border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; margin-bottom: 12px; }

.feedback .text{ display: block; border: 1px solid #eee; width: 100%; height: 40px; line-height: 40px; font-size:14px; color: #999; padding: 0 15px;}

.feedback .textarea{display: block; border: 1px solid #eee; width: 100%; height: 60px;font-size:14px; color: #999; padding: 0 15px;}

.feedback .formConfirm{ padding-top: 15px;}

.feedback .formConfirm .sbtn{padding: 0.4em 0; font-size: 14px; font-weight: normal; }

.feedback .formConfirm .sbtn:nth-child(1){ margin-bottom: 10px;}
/* 浮窗 */
.floatPart{ position: fixed; border: 1px solid #eee; right: 10px; top: 30%; transform: translateY(-50%); z-index: 10; width: 74px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);  }
.floatPartItem{ display: block; overflow: hidden; border-bottom: 1px solid #eee; position: relative; }
.floatPartItem:nth-last-child(1){ border: none;}
.floatPartItem .tparea{ position: relative; z-index: 10; height: 74px; width: 74px; background-color: #fff; display: inline-flex; align-items: center; justify-content: center;}
.floatPartItem .tparea .tp{ width: 40px;}
.floatPartItem .tparea .tp1{ display: inline-block;}
.floatPartItem .tparea .tp2{ display: none;}
.floatPartLay{ position: absolute; width: 260px; background-color: #fff;  padding: 10px 15px; box-shadow: 0 0 4px 0 #ddd; right:280px; box-sizing: border-box; top: 0; color: #3CC127; font-size: 18px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; opacity: 0; height: 74px; align-items: center; display: flex; }
.floatPartItem:hover{ overflow: visible;}
.floatPartItem:hover .tparea{ background: linear-gradient( 180deg, #7EF76D 0%, #24DA2F 100%);}
.floatPartItem:hover .tparea .tp1{ display: none;}
.floatPartItem:hover .tparea .tp2{ display: inline-block;}
.floatPartItem:hover .floatPartLay{ right: 74px; opacity: 1; }



.hpItem .intro .mandiv .arr,.recItem .tparea,.recItem .des .tit,.newsItem .tparea,.newsItem,.dTit .list,.psItem>a .arr{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }