/* CSS Document */

body { margin: 0; padding: 0; line-height: 24px; font-family: 'Microsoft YaHei'; font-size: 14px; background: #fff; }
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin: 0; }

img { display: block; }

/* Link */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { border: 0px; background-color: Transparent; }

a { blr: expression(this.onFocus=this.blur()); outline: none; }

.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }

/*Clear*/
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max { position: relative; overflow: hidden; }

.m_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 510px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; }


.m_index { width: 90%; max-width: 1200px; display: block; margin: 0 auto; }



html, body { width: 100%; height: 100%; overflow: hidden; }
.section-wrap { width: 100%; height: 100%; overflow: visible; transition: transform 1s cubic-bezier(0.86,0,0.03,1); -webkit-transition: -webkit-transform 1s cubic-bezier(0.86,0,0.03,1); }
.section-wrap .section { position: relative; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; }
.section-wrap .section .title { width: 100%; position: absolute; top: 0%; text-align: center; }
.section-wrap .section .title p { padding: 0 4%; opacity: 0; }
.section-wrap .section .title.active .tit { opacity: 1; transform: translateY(-25px); -webkit-transform: translateY(-25px); transition: all 2s cubic-bezier(0.86,0,0.8,1); -webkit-transition: all 2s cubic-bezier(0.86,0,0.8,1); }
.section-wrap .section-1 { background-color: #fff; }
.section-wrap .section-2 { background-color: #f2f2f2; }
.section-wrap .section-3 { background-color: #69b81f; }
.section-wrap .section-4 { background-color: #f2f2f2; }
.section-wrap .section-5 { background-color: #fff; }
.put-section-0 { transform: translateY(0); -webkit-transform: translateY(0); }
.put-section-1 { transform: translateY(-100%); -webkit-transform: translateY(-100%); }
.put-section-2 { transform: translateY(-200%); -webkit-transform: translateY(-200%); }
.put-section-3 { transform: translateY(-300%); -webkit-transform: translateY(-300%); }
.put-section-4 { transform: translateY(-400%); -webkit-transform: translateY(-400%); }



.section-wrap.put-section-1 .section-2 .title { width: 100%; height: 100%; position: absolute; top: 0%; }
.section-wrap.put-section-1 .section-2 .title p { padding: 0 4%; opacity: 0; }

.section-wrap.put-section-1 .section-2 .title .tcon1 { opacity: 0; }
.section-wrap.put-section-1 .section-2 .title .tcon2 { opacity: 0; }


.section-wrap.put-section-1 .section-2 .title.active .tit { opacity: 1; animation-name: fadeInUp; animation-duration: 0.5s; animation-timing-function: linear; }


.section-wrap.put-section-1 .section-2 .title.active p { opacity: 1; animation-name: fadeInUp; animation-duration: 1s; animation-timing-function: linear; }

.section-wrap.put-section-1 .section-2 .title.active .tcon1 { opacity: 1; animation-name: fadeInUp; animation-duration: 1.5s; animation-timing-function: linear; }


.section-wrap.put-section-1 .section-2 .title.active .tcon2 { opacity: 1; animation-name: fadeInUp; animation-duration: 2.5s; animation-timing-function: linear; }



@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }



.section-wrap.put-section-3 .section-4 .title { width: 100%; height: 100%; position: absolute; top: 0%; }


.section-wrap.put-section-3 .section-4 .title #w_common_text-1547361478639 { opacity: 0; }

.section-wrap.put-section-3 .section-4 .title #w_img-1547361478618 { opacity: 0; }
.section-wrap.put-section-3 .section-4 .title #w_common_text-1547361478659 { opacity: 0; }
.section-wrap.put-section-3 .section-4 .title #w_hline-1547361478678 { opacity: 0; }

.section-wrap.put-section-3 .section-4 .title #w_img-1547361478618 { opacity: 0; }

.section-wrap.put-section-3 .section-4 .title #c_product_list-15473606110315496 { opacity: 0; }

.section-wrap.put-section-3 .section-4 .title.active #w_img-1547361478618 { text-align:left;  opacity: 1; animation-name: fadeInLeft; animation-duration: 0.5s; animation-timing-function: linear; }

.section-wrap.put-section-3 .section-4 .title.active #w_common_text-1547361478639 { text-align:left;  opacity: 1; animation-name: fadeInLeft; animation-duration: 0.75s; animation-timing-function: linear; }


.section-wrap.put-section-3 .section-4 .title.active #w_img-1547361478618 { text-align:left;  opacity: 1; animation-name: fadeInLeft; animation-duration: 1s; animation-timing-function: linear; }


.section-wrap.put-section-3 .section-4 .title.active #w_common_text-1547361478659 {  text-align:left;  opacity: 1; animation-name: fadeInLeft; animation-duration: 1.5s; animation-timing-function: linear; }


.section-wrap.put-section-3 .section-4 .title.active #w_hline-1547361478678 { text-align:left;  opacity: 1; animation-name: fadeInLeft; animation-duration: 2s; animation-timing-function: linear; }

.section-wrap.put-section-3 .section-4 .title.active #c_product_list-15473606110315496 { opacity: 1; animation-name: fadeInRight; animation-duration: 1s; animation-timing-function: linear; animation-delay: 0; animation-iteration-count: 1; animation-direction: normal; }

.section-wrap.put-section-3 .section-4 .title.active p{opacity:1;  text-align:left; }

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }




.section-wrap.put-section-4 .section-5 .title { width: 100%; height: 100%; position: absolute; top: 0%; }


.section-wrap.put-section-4 .section-5 .title #w_common_text-1547362574826 { opacity: 0; }
.section-wrap.put-section-4 .section-5 .title #w_common_text-1547362630564 { opacity: 0; }
.section-wrap.put-section-4 .section-5 .title #w_imgbtn-1547363152497 { opacity: 0; }
.section-wrap.put-section-4 .section-5 .title #w_common_text-1547362789343 { opacity: 0; }
.section-wrap.put-section-4 .section-5 .title #w_img-1547362525238 { opacity: 0; }



.section-wrap.put-section-4 .section-5 .title.active #w_common_text-1547362574826 { opacity: 1; animation-name: fadeInLeft; animation-duration: 1s; }
.section-wrap.put-section-4 .section-5 .title.active #w_common_text-1547362630564 { opacity: 1; animation-name: fadeInLeft; animation-duration: 1.5s; }
.section-wrap.put-section-4 .section-5 .title.active #w_imgbtn-1547363152497 { opacity: 1; animation-name: fadeInLeft; animation-duration: 2s; }
.section-wrap.put-section-4 .section-5 .title.active #w_common_text-1547362789343 { opacity: 1; animation-name: fadeInLeft; animation-duration: 2.5s; }
.section-wrap.put-section-4 .section-5 .title.active #w_img-1547362525238 { opacity: 1; animation-name: fadeInRight; animation-duration: 3s; }


.section-wrap.put-section-4 .section-5 .title.active p{opacity:1;  text-align:left; }


@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }




.section-btn { width: 13px; position: fixed; right: 4%; top: 50%; }
.section-btn li { width: 13px; height: 13px; cursor: pointer; text-indent: -9999px; border-radius: 50%; -webkit-border-radius: 50%; margin-bottom: 12px; background: #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,0.30); text-align: center; color: #fff; cursor: pointer; position: relative; }
.section-btn li.on { background: #fff; border-radius: 50%; position: relative; }
.section-btn li.on::after { width: 20px; height: 20px; float: left; position: absolute; left: -4px; top: -4px; border-radius: 50%; border: 1px solid #fff; content: ''; }
.arrow { opacity: 1; animation: arrow 3s cubic-bezier(0.5,0,0.1,1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5,0,0.1,1) infinite; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); position: absolute; bottom: 10px; left: 50%; margin-left: -30px; width: 60px; height: 60px; border-radius: 100%; -webkit-border-radius: 100%; line-height: 60px; text-align: center; font-size: 20px; color: #fff; border: 1px solid #fff; cursor: pointer; overflow: hidden; }
.arrow:hover { animation-play-state: paused; -webkit-animation-play-state: paused; }

@keyframes arrow {
    %0,%100 { bottom: 10px; opacity: 1; }
    50% { bottom: 50px; opacity: .5; }
}

@-webkit-keyframes arrow {
    %0,%100 { bottom: 10px; opacity: 1; }
    50% { bottom: 50px; opacity: .5; }
}

.w_rbox-001 { display: block; }

.w_rbox_m { width: 100%; height: 60px; float: left; background: #fff; margin: 0; position: relative; z-index: 2; display: none; }



.panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


.navi { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #6bb827; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
.navi-close { position: absolute; top: 1rem; right: 1rem; width: 3rem; }
.navi-close img { width: 100%; }
.navi.active { opacity: 1; visibility: visible; }
.navi ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
.navi li { width: 100%; float: left; }
.navi li a { width: 92%; float: left; text-align: left; font-size: 20px; color: #fff; line-height: 50px; border-bottom: 1px solid #f98890; padding: 2% 0 2% 8%; }



/*inc*/

.m_htop { width: 100%; height: auto; float: left; margin: 0; position: relative; }




.m_hnavi { width: 100%; height: auto !important; min-height: 99px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 30% 100%; float: left; margin: 0; position: relative; z-index: 22; display: block; }


.m_hnavi_m { width: 100%; height: 60px; float: left; background: #fff; margin: 0; position: relative; z-index: 21; display: none; }

.s_logo { width: 10%; float: left; margin: 1% 6% 0 4%; }

.s_logo img { width: 100%; }


.s_hmenu { width: 84%; max-width: 800px; float: left; }

.s_hmenu ul { float: left; }

.s_hmenu ul li { float: left; width: 12.5%; min-height: 99px; position: relative; z-index: 16; }


.s_hmenu ul li > a { float: left; width: 110px; min-height: 99px; position: relative; z-index: 4; font-size: 18px; color: #fff; text-align: center; line-height: 99px; font-weight: normal; background: none; }

.s_hmenu ul li .h_upo { width: 140px; height: auto !important; min-height: 90px; background: #69b81f; float: left; position: absolute; z-index: 112; left: -10px; top: 99px; display: none; border-top: 1px solid rgba(242,242,242,.2); }


.s_hmenu ul li:hover .h_upo { width: 140px; height: auto !important; min-height: 90px; background: #69b81f; float: left; position: absolute; z-index: 112; left: -10px; top: 99px; display: block; border-top: 1px solid rgba(242,242,242,.2); }
.s_hmenu ul li .h_upo dl { width: 100%; float: left; }

.s_hmenu ul li .h_upo dl dd { width: 100%; float: left; }

.s_hmenu ul li .h_upo dl dd a { width: 100%; float: left; height: 50px; font-size: 16px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; background: none; }


.s_hmenu ul li .h_upo dl dd a:hover { width: 100%; float: left; height: 50px; font-size: 16px; color: #fff; text-align: center; line-height: 50px; font-weight: bold; background: url(../images/c16.png) no-repeat left 20px; }



.m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:block;}


.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }



.m_hbanm { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1; display:none; }


.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }


.s_index { width: 100%; float: left; margin: 3% 0; }


.s_about { width: 100%; float: left; margin: 0; }


.s_about h3 { width: 100%; float: left; margin: 0; font-family: Arial; font-size: 26px; color: #333333; text-align: center; line-height: 40px; font-weight: bold; text-transform: uppercase; }



.s_about h4 { width: 100%; float: left; margin: 0; font-family: 'Microsoft YaHei'; font-size: 30px; color: #6bb827; text-align: center; line-height: 40px; font-weight: bold; text-transform: uppercase; }


.s_about img { width: 100%; }


.s_about_left { width: 34%; max-width: 563px; float: left; margin: 0; }

.s_about_left img { width: 100%; }


.s_about_rightt { width: 54%; max-width: 600px; float: right; margin: 6% 0 0 0; }


.s_about_rightt h5 { width: 100%; float: left; margin: 0; font-family: 'Microsoft YaHei'; font-size: 28px; color: #333333; text-align: left; line-height: 40px; font-weight: bold; text-transform: uppercase; }


.s_about_rightt h6 { width: 100%; float: left; margin: 0; font-family: 'Microsoft YaHei'; font-size: 16px; color: #bcbcbc; text-align: left; line-height: 30px; font-weight: normal; }


.s_about_rightt img { width: 100%; float: left; }


.s_about_rightt font { width: 100%; float: left; margin: 3% 0 4% 0; font-family: 'Microsoft YaHei'; font-size: 17px; color: #333333; text-align: left; line-height: 36px; font-weight: normal; letter-spacing: .2px; }


/*history*/


.s_hist_logo { width: 100%; max-width:113px; display:block; margin: 3% auto; text-align: center; }

.s_hist_logo img { display: block; margin: 0 auto; }


.s_histbox { width: 100%; max-width:1920px; display: block; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}
/* cheng f39801 lv 6bb827 */

/*
   
.s_histbox dl { width: 100%; float: left; margin: 2% 0 8% 0; } 

.s_histbox dl dd { width: 45%; height: auto !important; min-height: 90px; float: left; margin: 5px 0 5px 0; border-right: 10px solid #f39801; position: relative; padding: 1% 2%; font-size: 16px; color: #333333; text-align: right; line-height: 30px; font-weight: normal; }
     

.s_histbox dl dd font { width: 100%; float: left; font-size: 17px; color: #333333; text-align: right; line-height: 30px; font-weight: normal; }
.s_histbox dl dd font strong { font-weight: bold; font-size: 26px; }

.s_histbox dl dd::after { width: 0; height: 0; border: 5.2px solid #fff; border-bottom-color: #f39801; position: absolute; content: ''; top: 0%; right: -10.4px; }


.s_histbox dl dd:before { width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #fff; position: absolute; content: ''; bottom: 0%; right: -10px; }

     

.s_histbox dl dt { width: 45%; height: inherit; float: left; margin: 5px 0 5px 49%; border-left: 10px solid #6bb827; position: relative; padding: 1% 2%; font-size: 16px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; }


.s_histbox dl dt::after { width: 0; height: 0; border: 5.2px solid #fff; border-bottom-color: #6bb827; position: absolute; content: ''; top: -6px; left: -9.8px; }

.s_histbox dl dt:before { width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #fff; position: absolute; content: ''; bottom: 0%; left: -10px; }


.s_histbox dl dt font { width: 100%; float: left; font-size: 17px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; }
.s_histbox dl dt font strong { font-weight: bold; font-size: 26px; }
    */

/*honor*/


.shobox { width: 100%; float: left; position: relative; background: #fff url(../images/hon_bg.jpg) no-repeat center bottom; background-size: 100% 100%; }



.hon_bt { width: 90%; max-width: 1100px; float: left; padding: 2% 2% 0 2%; float: left; margin: 3% 0 3% 3%; background: #fff; border: none; box-shadow: 1px 2px 6px rgba(0,0,0,.4); }

.hon_bt img { width: 15%; float: left; margin: 0 2% 2% 2%; }


.hon_bt .divh { width: 70%; float: left; margin: 1% 0 3% 4%; font-size: 18px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; }

.hon_bt .divh font { font-size: 29px; color: #333; font-weight: bold; }

.hon_bt .divh font b { font-size: 29px; color: #6bb827; font-weight: bold; font-style: normal; }




.hon_imgs { width: 60%; float: left; padding: 0 34% 0 0; float: left; margin: 3% 0 3% 3%; background: url(../images/hon2.png) no-repeat right bottom; background-size: 32% 100%; }

.hon_imgs img { width: 100%; }




/*pinzhi*/

.s_pina { width: 100%; float: left; margin: 3% 0 3% 0; font-size: 30px; color: #333333; text-align: center; line-height: 50px; font-weight: normal; }


.s_pina h3 { width: 100%; float: left; margin: 0; font-family: Arial; font-size: 26px; color: #333333; text-align: center; line-height: 40px; font-weight: bold; text-transform: uppercase; }



.s_pina h4 { width: 100%; float: left; margin: 0 0 4% 0; font-family: 'Microsoft YaHei'; font-size: 30px; color: #6bb827; text-align: center; line-height: 40px; font-weight: bold; text-transform: uppercase; }




.s_pina img { width: 100%; }



.s_coop { width: 100%; float: left; margin: 2% 0 2% 0; }



.s_coop_con1 { width: 100%; float: left; margin: 3% 0 0 0%; font-size: 18px; color: #333333; text-align: center; line-height: 40px; font-weight: normal; }

.s_coop_con1 font{color:#009900; font-weight:bold;  font-size: 24px; }
.s_coop_con1 h6 { width: 100%; float: left; margin: 3% 0 3% 0; font-size: 23px; color: #333333; text-align: center; line-height: 40px; font-weight: bold; }


.s_coop_con1 ul { width: 100%; float: left; }


.s_coop_con1 ul li { width: 23%; height: 100px; float: left; margin: 3% 1% 1% 1%; text-align: center; }


.s_coop_con1 ul li img { width: 100%; max-width: 80px; display: block; margin: 0 auto 2% auto; }


.s_coop_con1 ul li h4 { width: 100%; float: left; font-size: 18px; color: #6bb827; text-align: center; line-height: 40px; font-weight: normal; display: flex; align-items: center; justify-content: center; }


.s_coop_con1 ul li h4 font { font-size: 2rem; color: #6bb827; font-weight: bold; max-width: 90%; float: left; text-align: right; }


.s_coop_con1 ul li h5 { width: 100%; float: left; height: 40px; font-size: 20px; color: #333333; text-align: center; line-height: 20px; font-weight: normal; display: flex; align-items: center; justify-content: center; }



.s_coopbg { width: 100%; float: left; padding: 40px 0 0 0; }
.s_coop2 { width: 94%; float: left; height: auto !important; min-height: 100px; margin: 3% 0 3% 0; font-size: 18px; color: #333333; text-align: center; line-height: 40px; font-weight: normal; position: relative; background: #f6f6f6; padding: 2%; border: none; border-radius: 10px; }

.s_coop2::after { width: 0; height: 0; border: 32px solid transparent; border-bottom-color: #f6f6f6; position: absolute; content: ''; top: -64px; left: 240px; }


/*Cleaning plan */


.s_plan1 { width: 100%; float: left; margin: 3% 0; }



.s_plan1 .spleft { width: 34%; max-width: 540px; float: left; }

.s_plan1 img { width: 100%; }


.s_plan1 .splan_rig { width: 54%; max-width: 570px; float: left; margin: 0% 0 0 4%; font-size: 16px; color: #333333; text-align: left; line-height: 32px; font-weight: normal; }


.s_plan1 .splan_rig h6 { width: 100%; float: left; margin: 0% 0 3% 0; font-size: 30px; color: #333333; text-align: left; line-height: 40px; font-weight: bold; }


.s_plan1 .splan_rig b { width: 100%; float: left; font-size: 23px; color: #6bb827; line-height: 40px; font-weight: bold; font-style: normal; }






.s_plan1 { width: 100%; float: left; margin: 3% 0; }



.s_plan1 .spleft { width: 34%; max-width: 540px; float: left; }

.s_plan1 img { width: 100%; }


.s_plan1 .splan_rig { width: 54%; max-width: 570px; float: left; margin: 0% 0 0 4%; font-size: 16px; color: #333333; text-align: left; line-height: 32px; font-weight: normal; }


.s_plan1 .splan_rig h6 { width: 100%; float: left; margin: 0% 0 3% 0; font-size: 30px; color: #333333; text-align: left; line-height: 40px; font-weight: bold; }


.s_plan1 .splan_rig b { width: 100%; float: left; font-size: 23px; color: #6bb827; line-height: 40px; font-weight: bold; font-style: normal; }





.s_plan2 { width: 100%; float: left; margin: 0% 0; background: url(../images/qbgc1.jpg) no-repeat center bottom; padding: 4% 0; }




.s_plan2 .spleft { width: 34%; max-width: 540px; float: right; }

.s_plan2 img { width: 100%; }


.s_plan2 .splan_rig { width: 54%; max-width: 570px; float: left; margin: 0% 4% 0 0; font-size: 16px; color: #333333; text-align: left; line-height: 32px; font-weight: normal; }


.s_plan2 .splan_rig h6 { width: 100%; float: left; margin: 0% 0 3% 0; font-size: 30px; color: #333333; text-align: left; line-height: 40px; font-weight: bold; }


.s_plan2 .splan_rig b { width: 100%; float: left; font-size: 23px; color: #6bb827; line-height: 40px; font-weight: bold; font-style: normal; }







.s_plan3 { width: 100%; float: left; margin: 0% 0; padding: 4% 0; }



.s_plan3 .spleft { width: 34%; max-width: 540px; float: left; }

.s_plan3 img { width: 100%; }


.s_plan3 .splan_left { width: 54%; max-width: 570px; float: left; margin: 0% 4% 0 0; font-size: 16px; color: #333333; text-align: left; line-height: 32px; font-weight: normal; }



.s_plan3 .splan_rig { width: 54%; max-width: 570px; float: left; margin: 0% 0 0 4%; font-size: 16px; color: #333333; text-align: left; line-height: 32px; font-weight: normal; }



.s_plan3 .splan_rig h6 { width: 100%; float: left; margin: 0% 0 3% 0; font-size: 30px; color: #333333; text-align: left; line-height: 40px; font-weight: bold; }


.s_plan3 .splan_rig b { width: 100%; float: left; font-size: 23px; color: #6bb827; line-height: 40px; font-weight: bold; font-style: normal; }





.s_plan4 { width: 100%; float: left; background: #f1f1f1; margin: 0% 0; padding: 4% 0; }



.s_plan4 .splan_rig { width: 100%; max-width: 1200px; float: left; margin: 0% 0 0 0%; font-size: 16px; color: #333333; text-align: left; line-height: 32px; font-weight: normal; }



.s_plan4 .splan_rig h6 { width: 100%; float: left; margin: 0% 0 3% 0; font-size: 30px; color: #333333; text-align: left; line-height: 40px; font-weight: bold; }



.s_plan4 img { width: 100%; }


/*danye*/

.s_danye { width: 100%; float: left; }


.dan_bt { width: 90%; max-width: 1100px; float: left; padding: 2% 2% 0 2%; float: left; margin: 3% 0 3% 3%; background: #fff; border: none; box-shadow: 1px 2px 6px rgba(0,0,0,.4); }

.dan_bt img { width: 33%; float: right; margin: 0 2% 2% 2%; }


.dan_bt .divh { width: 56%; max-width: 540px; float: left; margin: 2% 0 3% 4%; font-size: 30px; color: #333333; text-align: left; line-height: 40px; font-weight: normal; }

.dan_bt .divh font { font-size: 30px; color: #6bb827; font-weight: bold; line-height: 50px; }

.dan_bt .divh em { width: 100%; float: left; margin: 3% 0% 2% 0; font-size: 16px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; font-style: normal; }


.s_danl_list { width: 100%; float: left; margin: 3% 0; }

.s_danl_list ul { width: 100%; float: left; }


.s_danl_list ul li { width: 50%; float: left; position: relative; margin: 1% 0 1% 0; }


.s_danl_list ul li .dimgs1 { width: 33%; float: left; position: relative; z-index: 20; }

.s_danl_list ul li .dimgs1 font { width: 46px; height: 46px; float: right; position: absolute; z-index: 15; top: 0%; right: 6%; background: #6bb827; border: 2px solid #fff; border-radius: 50%; font-size: 20px; color: #fff; text-align: center; line-height: 46px; font-weight: bold; font-style: oblique; }

.s_danl_list ul li .dimgs1 .imgb { width: 100%; float: left; position: absolute; z-index: 10; left: 0; top: 0; }


.s_danl_list ul li .dimgs1 img { width: 100%; float: left; position: relative; z-index: 5; }


.s_danl_list ul li .dshow1 { width: 54%; max-width: 330px; margin: 2% 0 0 4%; float: left; }


.s_danl_list ul li .dshow1 h3 { width: 100%; height: 60px; float: left; font-size: 24px; color: #6bb827; text-align: left; line-height: 30px; font-weight: bold; display: flex; align-items: center; justify-content: space-between; }


.s_danl_list ul li .dshow1 font { width: 100%; height: 150px; float: left; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }




.s_dan2_list { width: 100%; float: left; margin: 3% 0; }

.s_dan2_list ul { width: 100%; float: left; }


.s_dan2_list ul li { width: 23%; max-width: 280px; float: left; position: relative; margin: 1% 2% 1% 0; }



.s_dan2_list ul li h3 { width: 100%; float: left; height: 60px; float: left; font-size: 1.5rem; color: #6bb827; text-align: left; line-height: 30px; font-weight: bold; display: flex; align-items: center; justify-content: center; }



.s_dan2_list ul li h3 b { width: 46px; height: 46px; margin: 5px 1% 0 0; float: left; background: #6bb827; border: 2px solid #fff; border-radius: 50%; font-size: 20px; color: #fff; text-align: center; line-height: 46px; font-weight: bold; font-style: oblique; }


.s_dan2_list ul li font { width: 98%; height: 90px; float: left; margin-left: 2%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }



.s_dan2m { width: 100%; float: left; padding: 1% 0; }


.s_dan2m ul { width: 100%; float: left; }


.s_dan2m ul li { width: 50%; float: left; position: relative; margin: 1% 0 1% 0; background: #fff; border: none; }

.s_dan2m ul li img { width: 100%; }


.s_dan2f { width: 100%; float: left; padding: 1% 0; background: #f7f7f7; }


.s_dan2f ul { width: 100%; float: left; }


.s_dan2f ul li { width: 100%; float: left; position: relative; margin: 2% 0 0% 0; background: #fff; border: none; box-shadow: 1px 4px 6px rgba(48,57,57,.23); }


.s_dan2f ul li .dimg2 { width: 56%; max-width: 610px; float: left; }


.s_dan2f ul li .dimg2 img { width: 100%; }

.s_dan2f ul li .dimg2_txt { width: 46%; max-width: 510px; float: left; margin: 2% 0 2% 3%; font-size: 30px; color: #333; text-align: left; line-height: 40px; font-weight: bold; }

.s_dan2f ul li .dimg2_txt a { color: #333; }

.s_dan2f ul li .dimg2_txt .font1 { width: 100%; margin: 5px 0 10px 0; float: left; background: #6bb827; padding: 5px; font-size: 18px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }
.s_dan2f ul li .dimg2_txt .font2 { width: 100%; margin: 5px 0 10px 0; float: left; background: #f39801; padding: 5px; font-size: 18px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }
.s_dan2f ul li .dimg2_txt .font3 { width: 100%; margin: 5px 0 10px 0; float: left; background: #e70012; padding: 5px; font-size: 18px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }
.s_dan2f ul li .dimg2_txt .font4 { width: 100%; margin: 5px 0 10px 0; float: left; background: #940a75; padding: 5px; font-size: 18px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }
.s_dan2f ul li .dimg2_txt .font5 { width: 100%; margin: 5px 0 10px 0; float: left; background: #d44e8f; padding: 5px; font-size: 18px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }




.s_dan2f ul li .dimg2_txt img { width: 100%; }




/*foot*/

.m_footer { width: 100%; float: left; position: relative; padding: 2% 0; background: #6bb827; }

.foot_left { width: 14%; max-width: 143px; float: left; }

.foot_left img { width: 100%; }


.foot_rightt { width: 74%; max-width: 840px; float: right; }


.foot_rightt ul { width: 100%; float: left; }


.foot_rightt ul li { width: 12.4%; height: 40px; float: left; position: relative; }


.foot_rightt ul li a { width: 100%; float: left; height: 40px; position: relative; font-size: 18px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; }

.foot_rightt ul li::after { width: 1px; height: 20px; float: left; content: ''; background-color: rgba(255,255,255,.4); position: absolute; top: 8px; right: 0; }

.foot_rightt ul li a:hover { font-weight: bold; }

.foot_rightt ul li:last-child::after { width: 1px; height: 20px; float: left; content: ''; background-color: rgba(255,255,255,0); position: absolute; top: 8px; right: 0; }


.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:block; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:none; }


/*2021.07.31*/


.s_newban { width: 100%; float: left; position: relative; z-index: 10; }


.s_newban_sea { width: 100%; float: left; position: absolute; z-index: 8; left: 0; top: 0; }

.ban_sea { width: 648px; height: 68px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -324px; top: 0%; margin-top: 13%; }

.ban_sea img { width: 21px; float: left; margin: 4% 0 0 2%; }


.ban_sea .sinp1 { width: 70%; max-width: 420px; height: 68px; float: left; background: none; border: none; padding-left: 20px; font-size: 16px; color: #333; text-align: left; line-height: 68px; font-weight: normal; }


.ban_sea .sinp2 { width: 20%; max-width: 140px; height: 68px; float: right; background: #6bb827; border: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; font-size: 16px; color: #fff; text-align: center; line-height: 68px; font-weight: normal; }


.s_newban_bg { width: 100%; float: left; position: relative; z-index: 5; }



.s_news { width: 100%; float: left; margin: 0; }

.s_news ul { width: 100%; float: left; margin: 0; }

.s_news ul li { width: 47%; float: left; margin: 2% 3% 3% 0; position: relative; z-index: 25; }

.s_news ul li .snews { width: 100%; float: left; margin: 0; position: relative; z-index: 22; background: linear-gradient(to right,#f3f3f3 60%,#ffffff 30%); background: -webkit-linear-gradient(to right,#f3f3f3 60%,#ffffff 30%); padding: 2% 0; }


.s_news ul li:hover .snews { width: 100%; float: left; margin: 0; position: relative; z-index: 22; background: linear-gradient(to right,#6bb827 60%,#ffffff 30%); background: -webkit-linear-gradient(to right,#6bb827 60%,#ffffff 30%); padding: 2% 0; }

.s_news ul li .snews .newtxt { width: 40%; height: auto; float: left; margin: 1% 2% 2% 3%; position: relative; z-index: 10; }


.s_news ul li .snews .newtxt h3 { width: 100%; float: left; height: 60px; font-size: 18px; color: #333; text-align: left; font-weight: bold; line-height: 30px; display: flex; align-items: center; justify-content: space-between; }


.s_news ul li .snews .newtxt h4 { width: 100%; float: left; height: 120px; font-size: 18px; color: #333; text-align: left; font-weight: normal; line-height: 30px; text-overflow: ellipsis; overflow: hidden; }


.s_news ul li:hover .snews .newtxt h3, .s_news ul li:hover .snews .newtxt h4 { color: #fff; }

.s_news ul li .snews .newimg { width: 54%; height: auto; float: right; position: relative; z-index: 10; margin: 4% 0 0 0; }


.s_news ul li .snews .newimg img { width: 100%; height: 152px; }



.s_news ul li .snews .nmore { width: 25%; max-width: 120px; height: 40px; float: left; position: absolute; z-index: 15; left: 40px; bottom: -20px; background: #6bb827; border: none; border-radius: 30px; font-size: 18px; color: #fff; text-align: center; font-weight: normal; line-height: 40px; text-transform: uppercase; }

.s_news ul li:hover .snews .nmore { background: #f39801; }



.s_newshow { width: 94%; float: left; margin: 3% 0 3% 3%; font-size: 18px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; }


.s_newshow_1 { width: 96%; float: left; margin: 2% 0 4% 2%; font-size: 16px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; padding: 2%; background: #f6f6f6; }

.s_newshow h3 { width: 100%; float: left; font-size: 26px; color: #333; text-align: center; line-height: 40px; font-weight: normal; }


.s_newshow h4 { width: 100%; float: left; font-size: 16px; color: #999; text-align: center; line-height: 30px; font-weight: normal; }

.s_newshow img { display: block; margin: 0 auto; }



.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }

DIV.main_page { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; }
DIV.main_page A { padding: 4px 6px 4px 6px; font-family: Arial; font-size: 14px; COLOR: #8d8d8d; MARGIN-RIGHT: 8px; TEXT-DECORATION: none; border: #f2f2f2 1px solid; background: #f2f2f2; }
DIV.main_page A:hover { padding: 4px 6px 4px 6px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; border: #6eb829 1px solid; BACKGROUND-COLOR: #6eb829; }
DIV.main_page A:active { padding: 4px 6px 4px 6px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; }
DIV.main_page SPAN.current { padding: 4px 6px 4px 6px; FONT-WEIGHT: bold; font-family: Arial; font-size: 14px; COLOR: #fff; MARGIN-RIGHT: 8px; BORDER: #6eb829 1px solid; BACKGROUND-COLOR: #6eb829; }
DIV.main_page SPAN.disabled { padding: 4px 6px 4px 6px; font-family: Arial; font-size: 14px; COLOR: #8d8d8d; MARGIN-RIGHT: 8px; border: #f2f2f2 1px solid; background: #f2f2f2; }




.s_fan1 { width: 98%; height: auto; float: left; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; line-height: 30px; font-weight: normal; }

.s_fan1 p { font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; line-height: 30px; font-weight: normal; }

.s_fan1 p a { font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; line-height: 30px; font-weight: normal; }

.s_fan1 p a:hover { font-family: 'Microsoft YaHei'; color: #6bb827; }


/*outsite*/

.s_outsite { width: 100%; float: left; }

.s_outsite ul { width: 100%; float: left; margin: 2% 0; }


.s_outsite ul li { width: 100%; float: left; margin: 2% 0; }


.s_outsite ul li .outtxt { width: 46%; max-width: 580px; float: left; font-size: 18px; color: #333; text-align: left; font-weight: normal; line-height: 36px; }


.s_outsite ul li .outtxt strong { font-size: 24px; color: #333; font-weight: bold; }


.s_outsite ul li .outtxt_bt { width: 100%; float: left; margin: 0 0 5% 0; font-size: 42px; color: #333; text-align: left; font-weight: bold; line-height: 58px; display: flex; align-items: center; justify-content: space-between; }

.s_outsite ul li .outtxt_bt font { font-size: 57px; color: #6bb827; font-weight: bold; }


.s_outsite ul li .outtxt_bt .span1 { width: 116px; height: 116px; float: left; margin: 0 10px 0 0; background: #6bb827; border: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 60px; color: #fff; line-height: 116px; font-weight: bold; text-align: center; }


.s_outsite ul li .outimgs { width: 50%; float: left; }


.s_outsite ul li:nth-child(2) { width: 100%; float: left; margin: 2% 0; }


.s_outsite ul li:nth-child(2) .outtxt { width: 46%; max-width: 580px; float: right; font-size: 18px; color: #333; text-align: left; font-weight: normal; line-height: 36px; }

.s_outsite ul li:nth-child(2) .outimgs { width: 50%; float: right; }




.s_outsite ul li:nth-child(3) { width: 100%; float: left; margin: 2% 0; }


.s_outsite ul li:nth-child(3) .outtxt { width: 74%; max-width: 900px; float: left; font-size: 18px; color: #333; text-align: left; font-weight: normal; line-height: 36px; }

.s_outsite ul li:nth-child(3) .outtxt img { width: 100%; }


.s_outsite ul li:nth-child(3) .outimgs { width: 19%; float: left; margin: 0 0 0 1%; }




.s_outsite ul li:nth-child(4) { width: 100%; float: left; margin: 2% 0; }


.s_outsite ul li:nth-child(4) .outtxt { width: 46%; max-width: 580px; float: left; margin: 0 0 0 24%; font-size: 18px; color: #333; text-align: left; font-weight: normal; line-height: 36px; }



.s_outsite ul li:nth-child(4) .outlist { width: 100%; float: left; }

.outlist dl { width: 100%; float: left; }

.outlist dl dd { width: 33%; max-width: 400px; float: left; }

.outlist dl dd img { width: 20%; max-width: 80px; float: left; margin: 3% 3% 0 0; }


.outlist dl dd .otxt1 { width: 70%; max-width: 290px; float: left; }


.outlist dl dd .otxt1 h4 { width: 100%; height: 60px; float: left; font-size: 24px; color: #333; text-align: left; font-weight: bold; line-height: 30px; display: flex; align-items: center; justify-content: space-between; }


.outlist dl dd .otxt1 font { width: 100%; height: 90px; float: left; font-size: 16px; color: #333333; text-align: left; font-weight: normal; line-height: 30px; text-overflow: ellipsis; overflow: hidden; }



/*recruitment*/

.s_recruit { width: 100%; max-width: 1200px; float: left; margin: 4% 0 4% 0; display: block; }



table.table1 { width: 100%; float: left; border-collapse: collapse; }
table.table1 th { width: 12.5%; height: 45px; padding: 10px 0; background: #fcfcfc; border-top: 1px solid #f4f4f4; font-size: 16px; color: #333333; text-align: center; font-weight: bold; line-height: 45px; }
table.table1 th:first-child { font-weight: bold; }
table.table1 td { width: 12.5%; height: auto; padding: 10px 0; background: #fff; border-top: 1px solid #f4f4f4; font-size: 16px; color: #333333; text-align: center; font-weight: normal; line-height: 30px; }
table.table1 td:first-child a { font-weight: bold; color: #333333; text-align: left; }




.s_recruitm { width: 100%; max-width: 750px; float: left; margin: 4% 0 4% 0; display: none; }

table.table2 { width: 100%; float: left; border-collapse: collapse; }
table.table2 th { width: 25%; height: 45px; padding: 10px 0; background: #fcfcfc; border-top: 1px solid #f4f4f4; font-size: 16px; color: #333333; text-align: center; font-weight: normal; line-height: 45px; }
table.table2 th:first-child { font-weight: bold; }
table.table2 td { width: 25%; height: auto; padding: 10px 0; background: #fff; border-top: 1px solid #f4f4f4; font-size: 16px; color: #333333; text-align: center; font-weight: normal; line-height: 30px; }
table.table1 td:first-child a { font-weight: bold; color: #333333; text-align: left; }
table.table1 td:last-child a { font-weight: bold; color: #333333; }


.s_joshow { width: 94%; float: left; margin: 3% 0 3% 3%; font-size: 16px; color: #333333; font-weight: normal; line-height: 30px; text-align: left; }
.s_joshow h3 { width: 100%; height: auto; float: left; font-size: 28px; color: #333; text-align: left; font-weight: bold; line-height: 40px; }


.s_joshow font { width: 33%; height: auto; float: left; font-size: 16px; color: #666666; text-align: left; font-weight: normal; line-height: 30px; margin: 2% 0 1% 0; }


.s_joshow h4 { width: 100%; height: auto; float: left; margin: 4% 0 2% 0; font-size: 16px; color: #000000; text-align: left; font-weight: bold; line-height: 40px; }



.s_joshow_shen { width: 100%; float: left; margin: 2% 0 3% 0; }


.s_joshow_shen .sqing { width: 135px; height: 45px; float: left; background: #6bb827; border: none; border-radius: 0; font-size: 16px; color: #fff; text-align: center; font-weight: bold; line-height: 45px; cursor: pointer; }


.s_joshow_shen .sqbox { width: 100%; float: left; margin: 1% 0 1% 0; }

.s_joshow_shen .sqbox1 { width: 100%; float: left; }

.s_joshow_shen .sqbox1 .schuan { width: 135px; height: 45px; float: left; background: #6bb827; border: none; border-radius: 0; font-size: 16px; color: #fff; text-align: center; font-weight: normal; line-height: 45px; cursor: pointer; position: relative; z-index: 12; }

.s_joshow_shen .sqbox1 .schuan input[type=file].chuan1 { width: 100%; height: 45px; float: left; position: absolute; z-index: 8; left: 0; top: 0; background: transparent; opacity: 0; }

.s_joshow_shen .sqbox1 .schuan em { width: 135px; height: 45px; float: left; background: #6bb827; border: none; border-radius: 0; font-size: 16px; color: #fff; text-align: center; font-weight: bold; line-height: 45px; cursor: pointer; position: relative; z-index: 6; font-style: normal; }


.s_joshow_shen .sqbox1 b { float: left; margin-left: 2%; font-size: 16px; color: #666; text-align: left; font-weight: normal; line-height: 45px; font-style: normal; }


.s_joshow_shen .sqbox1 .stro { width: 100%; float: left; font-size: 16px; color: #333; text-align: left; font-weight: bold; line-height: 40px; }




/*contact*/

.s_conta { width: 100%; float: left; margin: 3% 0 3% 0; }


.s_conta_left { width: 54%; max-width: 690px; float: left; }

.s_conta_left img { width: 100%; float: left; }


.s_conta_txt { width: 40%; max-width: 380px; float: left; margin: 5% 0 0 5%; font-size: 18px; color: #333; text-align: left; font-weight: normal; line-height: 40px; }

.s_conta_txt img { display: block; width: 40%; max-width: 166px; margin: 5% 0 0 0; }


.s_conta_txt h6 { width: 100%; float: left; margin: 5% 0; font-size: 27px; color: #333; text-align: left; font-weight: normal; line-height: 50px; }


.s_conta_txt a { color: #333; }



.s_conta_table { width: 100%; float: left; margin: 3% 0 3% 0; }


.s_conta_table h5 { width: 100%; float: left; margin: 5% 0; font-size: 26px; color: #333; text-align: center; font-weight: normal; line-height: 50px; }


table.table3 { width: 100%; float: left; border-collapse: collapse; }
table.table3 th { width: 100%; height: auto; float: left; margin-top: 10px; }


.tabt1 { width: 97%; height: 134px; float: left; padding-left: 2%; background: #f4f4f4; border: 1px solid #f4f4f4; font-family: Microsoft YaHei; font-size: 18px; color: #4f4242; line-height: 58px\9; line-height: 30px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }





table.table3 td { height: auto; float: left; margin-top: 20px; font-size: 18px; color: #333; line-height: 50px; text-align: left; font-weight: normal; margin: 2% 1% 0 0; }

table.table3 td:last-child { float: right; }
table.table3 td img { float: left; margin:10px 5px 0 5px;}

table.table3 td font {width:80px; float: left; font-size: 18px; color: #333; line-height: 50px; text-align: left; font-weight: normal; }
.tabt2 { width: 146px; height: 50px; float: left; padding-left: 10px; background: #f4f4f4; border: 1px solid #f4f4f4; font-family: Microsoft YaHei; font-size: 16px; color: #4f4242; line-height: 58px\9; line-height: 50px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }


.tabt3 { width: 260px; height: 50px; float: left; padding-left: 10px; background: #f4f4f4; border: 1px solid #f4f4f4; font-family: Microsoft YaHei; font-size: 16px; color: #4f4242; line-height: 58px\9; line-height: 50px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }

.tabt4 { width: 130px; height: 50px; float: left; padding-left: 10px; background: #f4f4f4; border: 1px solid #f4f4f4; font-family: Microsoft YaHei; font-size: 16px; color: #4f4242; line-height: 58px\9; line-height: 50px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }

.tabt5 { width: 180px; height: 46px; float: right; padding-left: 0px; margin: 4px 0 0 0; background: #6bb827; border: 1px solid #6bb827; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 58px\9; line-height: 46px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }


/*search*/

.s_seabox { width: 100%; float: left; }

.s_seabox ul { width: 100%; float: left; }
.s_seabox ul li { width: 100%; float: left; margin: 3% 0 1% 0; }

.s_seabox ul li a { width: 100%; float: left; }

.s_seabox ul li a h3 { width: 96%; height: 40px; float: left; padding-left: 3%; font-size: 22px; color: #333; text-align: left; line-height: 40px; font-weight: bold; background: url(../images/duo1.png) no-repeat left 50%; }

.s_seabox ul li a:hover h3 { color: #6bb827; background: url(../images/duo2.png) no-repeat left 50%; }


.s_seabox ul li a img { width: 21%; max-width: 150px; float: left; margin: 1% 3%; }


.s_seabox ul li a .s_setxt { width: 70%; float: left; font-size: 16px; color: #666666; }

.s_seabox ul li a .s_setxt h4 { width: 100%; height: 90px; float: left; margin: 1%; font-size: 16px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

.s_seabox ul li a .s_setxt font { width: 100%; float: left; font-size: 14px; color: #999; text-align: left; line-height: 30px; font-weight: normal; }




/*products*/


.s_pro_pro { width: 100%; float: left; margin: 1% 0 1% 0; }


.s_pro_pro ul { width: 100%; float: left; }


.s_pro_pro ul li { width: 18%; float: left; margin: 2% 2% 2% 0; }


.s_pro_pro ul li img { width: 100%; }




.s_probox { width: 100%; float: left; margin: 1% 0 0% 0; position: relative; padding: 2% 0; background: #f3f3f3; }

.s_protype { width: 30%; max-width: 280px; height: auto !important; min-height: 800px; float: left; position: relative; z-index: 6; }



.s_proimgs { width: 66%; max-width: 900px; float: right; position: relative; z-index: 4; }


.s_proimgs ul { width: 100%; float: left; }


.s_proimgs ul li { width: 31%; max-width: 274px; height: 340px; float: left; background: #fff; margin: 0px 2% 2% 0; position: relative; z-index: 13; }


.s_proimgs ul li .pbox { width: 100%; float: left; }

.s_proimgs ul li .pbox .title { padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px;}
.s_proimgs ul li .pbox .title .tle { font-size: 18px; width: 94%; height: 50px; float: left; margin-left:3%; position: relative;  box-sizing: border-box; line-height: 25px;   transition: all .5s ease; text-overflow:ellipsis; overflow:hidden; }
.s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
.s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
.s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
.s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

.s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


.s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 274px; }
.s_proimgs ul li .ppic img { width: 100%; }

.ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }

.probgc { width: 100%; height: 100%; float: left; background: rgba(0,0,0,.6); position: fixed; z-index: 999; left: 0; top: 0; }



.s_pbg { width: 80%; max-width: 820px; height: auto !important; min-height: 790px; float: left; position: fixed; left: 50%; margin-left: -410px; top: 6%; background: #fff; }

.s_pbg_lint { width: 100%; height: 30px; float: left; }

.s_pbg_lint .s_close { width: 20px; height: 20px; float: right; margin: 10px 20px 0 0; }

.s_pbg_lint .s_close a img { width: 100%; }


.s_pbg .biaoti { width: 94%; height: 60px; float: left; margin: 0 0 0 3%; font-size: 24px; color: #333; font-weight: normal; text-align: center; line-height: 30px; display: flex; align-items: center; justify-content: center; }


.s_pbg .guige { width: 94%; height: 30px; margin: 0 0 0 3%; float: left; font-size: 18px; color: #333; font-weight: normal; text-align: center; line-height: 30px; }



.s_pbg .picsimg { width: 66%; display: block; margin: 0 auto; }


.s_pbg .picsimg img { width: 100%; display: block; margin: 0 auto; }


.s_pbg .pleft { width: 28px; height: 46px; float: left; position: absolute; z-index: 8; left: 10px; bottom: 45%; }
.s_pbg .pleft a { width: 28px; height: 46px; float: left; }

.s_pbg .pleft a img.impg1 { display: block; }
.s_pbg .pleft a img.impg2 { display: none; }

.s_pbg .pleft a:hover img.impg1 { display: none; }
.s_pbg .pleft a:hover img.impg2 { display: block; }




.s_pbg .pright { width: 28px; height: 46px; float: left; position: absolute; z-index: 8; right: 10px; bottom: 45%; }
.s_pbg .pright a { width: 28px; height: 46px; float: left; }

.s_pbg .pright a img.impg1 { display: block; }
.s_pbg .pright a img.impg2 { display: none; }

.s_pbg .pright a:hover img.impg1 { display: none; }
.s_pbg .pright a:hover img.impg2 { display: block; }



.pro_detail { width: 94%; float: left; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width: 35%; max-width: 420px; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width: 62%; max-width: 480px; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


.pro_dfont h4 { width: 100%; float: left; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: bold; }



.pro_dcon { width: 100%; float: left; margin: 3% 0 4% 0%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; border-top: 1px solid #f4f4f4; padding: 2% 0; }

.pro_dcon img { width: 100%; display: block; margin: 0 auto; }



DIV.main_page { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; }
DIV.main_page A { padding: 4px 6px 4px 6px; font-family: Arial; font-size: 14px; COLOR: #8d8d8d; MARGIN-RIGHT: 8px; TEXT-DECORATION: none; border: #b0b0b0 1px solid; }
DIV.main_page A:hover, DIV.main_page A.select { padding: 4px 6px 4px 6px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; border: #89c456 1px solid; BACKGROUND-COLOR: #89c456; }
DIV.main_page A:active { padding: 4px 6px 4px 6px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; }
DIV.main_page SPAN.current { padding: 4px 6px 4px 6px; FONT-WEIGHT: bold; font-family: Arial; font-size: 14px; COLOR: #fff; MARGIN-RIGHT: 8px; BORDER: #89c456 1px solid; BACKGROUND-COLOR: #89c456; }
DIV.main_page SPAN.disabled { padding: 4px 6px 4px 6px; font-family: Arial; font-size: 14px; COLOR: #8d8d8d; MARGIN-RIGHT: 8px; BORDER: #e0e0e0 1px solid; }




DIV.quotes { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; }
DIV.quotes A { padding: 4px 6px 4px 6px; font-family: Arial; font-size: 14px; COLOR: #8d8d8d; MARGIN-RIGHT: 8px; TEXT-DECORATION: none; border: #b0b0b0 1px solid; }
DIV.quotes A:hover, DIV.quotes A.select { padding: 4px 6px 4px 6px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; border: #89c456 1px solid; BACKGROUND-COLOR: #89c456; }
DIV.quotes A:active { padding: 4px 6px 4px 6px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; }
DIV.quotes SPAN.current { padding: 4px 6px 4px 6px; FONT-WEIGHT: bold; font-family: Arial; font-size: 14px; COLOR: #fff; MARGIN-RIGHT: 8px; BORDER: #89c456 1px solid; BACKGROUND-COLOR: #89c456; }
DIV.quotes SPAN.disabled { padding: 4px 6px 4px 6px; font-family: Arial; font-size: 14px; COLOR: #8d8d8d; MARGIN-RIGHT: 8px; BORDER: #e0e0e0 1px solid; }



.mainbox { width: 100%; height: 100%; float: left; }

.mainbox .swiper-container1 { width: 100%; height: 100%; float: left; }

.mainbox .swiper-container1 .swiper-slide { text-align: center; font-size: 18px; background: #fff; width: 100%; height: 100%; float: left; background-size: 100% 100%; }



.mainbox .swiper-container1 .swiper-slide img { width: 100%; height: 100%; }


.fp-auto-height { display: block; }

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

    .s_logo { width: 10%; float: left; margin: 1% 6% 0 10%; }
}



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

    .w_rbox_m { width: 100%; height: 60px; float: left; background: #fff; margin: 0; position: absolute; left: 0; top: 0; z-index: 2; display: none; }

    .s_logo { width: 10%; float: left; margin: 1% 8% 0 10%; }

    .s_logo img { width: 100%; }

    .m_hnavi { width: 100%; height: auto !important; min-height: 79px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 30% 100%; float: left; margin: 0; position: relative; z-index: 22; display: block; }

    .s_hmenu { width: 86%; max-width: 800px; float: left; }

    .s_hmenu ul { float: left; }

    .s_hmenu ul li { float: left; width: 12%; min-height: 79px; position: relative; z-index: 16; }


    .s_hmenu ul li > a { float: left; width: 110px; min-height: 79px; position: relative; z-index: 4; font-size: 18px; color: #fff; text-align: center; line-height: 79px; font-weight: normal; background: none; }

    .s_hmenu ul li .h_upo { width: 140px; height: auto !important; min-height: 80px; background: #01a0e6; float: left; position: absolute; z-index: 12; left: -10px; top: 79px; display: none; }


    .s_hmenu ul li:hover .h_upo { width: 140px; height: auto !important; min-height: 80px; background: #01a0e6; float: left; position: absolute; z-index: 12; left: -10px; top: 79px; display: block; }
    .s_hmenu ul li .h_upo dl { width: 100%; float: left; }

    .s_hmenu ul li .h_upo dl dd { width: 100%; float: left; }

    .s_hmenu ul li .h_upo dl dd a { width: 100%; float: left; height: 50px; font-size: 16px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; background: none; }


    .s_hmenu ul li .h_upo dl dd a:hover { width: 100%; float: left; height: 50px; font-size: 16px; color: #fff; text-align: center; line-height: 50px; font-weight: bold; background: url(../images/c16.png) no-repeat left 20px; }



    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height: 560px; float: left; position: fixed; left: 50%; margin-left: -310px; top: 3%; background: #fff; }
    .s_pbg .biaoti { width: 94%; height: 40px; float: left; margin: 0 0 0 3%; font-size: 18px; color: #333; font-weight: normal; text-align: center; line-height: 20px; display: flex; align-items: center; justify-content: center; }
    .s_pbg .guige { width: 94%; height: 30px; margin: 0 0 0 3%; float: left; font-size: 16px; color: #333; font-weight: normal; text-align: center; line-height: 30px; }
}






.m_mobile { display: none; }


.mobox { width: 94%; float: left; display: none; }




/*768*/


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

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 12%; float: left; margin: 1% 3% 0 5%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 70px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 122; display: block; }


    .m_hban { margin-top: 70px; }

    .header_menu { width: 40px; float: right; margin: 3% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }



    .mob_index { width: 100%; float: left; display: block; position: relative; }

    #w_common_text-1547355698628 { position: absolute; top: 502px; z-index: 104; width: 91% !important; height: 200px !important; left: 4% !important; margin-left: 0px !important; }

    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 480px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 924px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -370px !important; z-index: 104; width: 740px !important; height: 416px !important; }
    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 360px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }


    #w_img-1547361478618 { position: absolute; top: 115px; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 130px; left: 4% !important; z-index: 21; width: 145px; height: 47px; }


    #w_hline-1547361478678 { position: absolute; top: 128px !important; left: 24% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 145px !important; left: 24% !important; z-index: 20; width: 636px; height: 21px; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin: 4% 1% 0 0; }



    .biaotis { width: 100%; height: 66px; float: left; padding: 0%; background: #f7941d; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 31%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title { padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px; }
    .s_proimgs ul li .pbox .title .tle { font-size: 16px; width: 94%; height: 50px; margin-left:3%; float: left; position: relative;  box-sizing: border-box; line-height: 25px;  transition: all .5s ease; text-overflow:ellipsis; overflow:hidden;}
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 17rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height: 560px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 30%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 15.2rem; }

    .productList ul li .swtxt { width: 96%; height: 60px; float: left; margin-left: 3%; margin-top: 1%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 360px; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 358px; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 367px; left: 3% !important; z-index: 4; width: 316px; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }

    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}




}

 

/*600*/


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

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 12%; float: left; margin: 1% 3% 0 5%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 70px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 122; display: block; }

    

.m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}


.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }


.m_hbanm { width: 100%; height: auto; float: left; margin:70px 0 0 0; position: relative; z-index: 1; display:block; }


.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }


    .header_menu { width: 40px; float: right; margin: 3% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 20%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 14px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }



    .mob_index { width: 100%; float: left; display: block; position: relative; }

    #w_common_text-1547355698628 { position: absolute; top: 502px; z-index: 104; width: 91% !important; height: 200px !important; left: 4% !important; margin-left: 0px !important; }

    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 480px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 924px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -270px !important; z-index: 104; width: 540px !important; height: 304px !important; }
    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 110px !important; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 24px; }

    #w_hline-1547361478678 { position: absolute; top: 18px !important; left: 23% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 45px !important; left: 24% !important; z-index: 20; width: 74% !important; height: 42px; line-height: 21px; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin: 4% 1% 0 0; }



    .biaotis { width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }
    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title { padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px;  }
    .s_proimgs ul li .pbox .title .tle { font-size: 16px; width: 94%; height: 50px; float: left; margin-left:3%; position: relative;  box-sizing: border-box; line-height: 25px;   transition: all .5s ease; text-overflow:ellipsis; overflow:hidden; }
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 16rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height: 560px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 30%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 13.2rem; }

    .productList ul li .swtxt { width: 96%; height: 60px; float: left; margin-left: 3%; margin-top: 1%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 360px; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 358px; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 367px; left: 3% !important; z-index: 4; width: 316px; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }



    .s_coop_con1 ul li h5 { font-size: 18px; }



    .s_news ul li { width: 100%; float: left; margin: 2% 0% 3% 0; position: relative; z-index: 25; }
    .s_news ul li .snews .newimg { width: 54%; height: auto; float: right; position: relative; z-index: 10; margin: 4% 0 0 0; }


    .ban_sea { width: 94%; height: 68px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top:20%; }


    .s_outsite ul li .outtxt { width: 94%; max-width: 580px; float: left; font-size: 18px; color: #333; text-align: left; font-weight: normal; line-height: 36px; }

    .s_outsite ul li .outtxt_bt { font-size: 24px; justify-content: flex-start; }

    .s_outsite ul li .outtxt_bt .span1 { width: 76px; height: 76px; line-height: 76px; font-size: 40px; }
    .s_outsite ul li .outtxt_bt font { font-size: 50px; }

    .s_outsite ul li .outimgs { width: 94%; float: left; }


    .s_outsite ul li:nth-child(2) .outtxt { width: 94%; float: left; }
    .s_outsite ul li:nth-child(2) .outimgs { width: 94%; float: left; }

    .s_outsite ul li:nth-child(3) .outtxt { width: 94%; float: left; }
    .s_outsite ul li:nth-child(3) .outimgs { width: 41%; float: left; margin-left: 26%; }

    .s_outsite ul li:nth-child(3) .outtxt_bt { font-size: 24px; }
    .s_outsite ul li:nth-child(4) .outtxt { width: 94%; float: left; margin: 0; }
    .s_outsite ul li:nth-child(4) .outimgs { width: 94%; float: left; }


    .s_recruit { display: none; }

    .s_recruitm { display: block; }


    .s_conta_left { width: 98%; }

    .s_conta_txt { width: 95%; }


    table.table3 td font { width: 80px; }



    .foot_left { width: 42%; max-width: inherit; float: left; margin-left: 30%; }
    .foot_rightt { width: 97%; float: right; }

    
    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}


    .s_recruit { display: none; }

    .s_recruitm { display: block; }

    .s_newshow img{width:100%!important; display:block; margin:0 auto;}


    .s_newshow h3{font-size:20px; line-height:30px; font-weight:bold;}

    
.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }


} 

/*480*/

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

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 15%; float: left; margin: 2% 3% 0 4%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 70px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 182; display: block; }


.m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}


.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }


.m_hbanm { width: 100%; height: auto; float: left; margin:70px 0 0 0; position: relative; z-index: 1; display:block; }


.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }

 

    .s_newban { margin-top: 0px; }

    .header_menu { width: 40px; float: right; margin: 4% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }



    .mob_index { width: 100%; float: left; display: block; position: relative; }


    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 380px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 724px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -220px !important; z-index: 104; width: 440px !important; height: 248px !important; }

    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 60px !important; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 24px; }

    #w_hline-1547361478678 { position: absolute; top: 26px !important; left: 26% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 45px !important; left: 24% !important; z-index: 20; width: 74% !important; height: 42px; line-height: 21px; font-size: 14px !important; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin: 4% 1% 0 0; }



    .biaotis { width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }
    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title {  padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px; }
    .s_proimgs ul li .pbox .title .tle {font-size: 14px; width: 94%; height: 50px; float: left; margin-left:3%; position: relative;  box-sizing: border-box; line-height: 25px;   transition: all .5s ease; text-overflow:ellipsis; overflow:hidden;}
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 13rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height: 460px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 30%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 11.2rem; }

    .productList ul li .swtxt { width: 96%; height: 50px; float: left; margin-left: 3%; margin-top: 1%; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 360px; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 358px; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 367px; left: 3% !important; z-index: 4; width: 316px; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }




    .s_outsite ul li .outtxt { width: 94%; max-width: 580px; float: left; font-size: 16px; color: #333; text-align: left; font-weight: normal; line-height: 30px; }
    .s_outsite ul li .outtxt strong{ font-size: 20px;  }
    .s_outsite ul li .outtxt_bt { font-size: 20px; justify-content: flex-start; }

    .s_outsite ul li .outtxt_bt .span1 { width: 56px; height: 56px; line-height: 56px; font-size:30px; }
    .s_outsite ul li .outtxt_bt font { font-size:26px; }


    .s_outsite ul li .outimgs { width: 94%; float: left; }


    .s_outsite ul li:nth-child(2) .outtxt { width: 94%; float: left; }
    .s_outsite ul li:nth-child(2) .outimgs { width: 94%; float: left; }

    .s_outsite ul li:nth-child(3) .outtxt { width: 94%; float: left; }
    .s_outsite ul li:nth-child(3) .outimgs { width: 41%; float: left; margin-left: 26%; }

    .s_outsite ul li:nth-child(3) .outtxt_bt { font-size: 20px; }
    .s_outsite ul li:nth-child(4) .outtxt { width: 94%; float: left; margin: 0; }
    .s_outsite ul li:nth-child(4) .outimgs { width: 94%; float: left; }




    .s_coop_con1 ul li h5 { font-size: 14px; height: 40px; line-height: 20px; }



    .s_recruit { display: none; }

    .s_recruitm { display: block; }


    .s_conta_left { width: 98%; }

    .s_conta_txt { width: 95%; }


    table.table3 td font { width: 80px; }



    .foot_left { width: 42%; max-width: inherit; float: left; margin-left: 30%; }
    .foot_rightt { width: 97%; float: right; }

    .ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }


    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top:30%; }
    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

    .hon_bt img { width: 35%; }

    .hon_bt .divh { width: 54%; font-size: 16px; }

    .hon_bt .divh font { font-size: 20px; }

    .s_pina { font-size: 20px; line-height: 40px; }

    .s_plan1 .splan_rig { font-size: 14px; line-height: 26px; }

    .s_plan1 .splan_rig h6 { font-size: 20px; }

    .s_plan1 .splan_rig b { font-size: 21px; }

    .dan_bt .divh{font-size:22px; line-height:34px; width:90%;}
 .dan_bt .divh font { font-size: 20px; line-height: 34px; }
    .dan_bt .divh em{font-size:14px;}
    .dan_bt img {width: 90%;
    margin-right: 10%;}
    
    .s_dan2_list ul li{width:94%;}
    .s_dan2_list ul li h3{ font-size:1.2rem; justify-content:initial;}


    .s_danl_list ul li { width: 100%; float: left; position: relative; margin: 1% 0 1% 0; }

    .s_dan2f ul li .dimg2 { width: 94%; max-width: 610px; float: left; margin-left: 3%; margin-top: 3%; }


    .s_dan2f ul li .dimg2_txt { width: 90%;  font-size:18px; }
    .s_dan2f ul li .dimg2_txt .font1{font-size:16px;}


    .s_news ul li { width: 94%; float: left; margin: 2% 3% 6% 0; position: relative; z-index: 25; }

    
    .s_conta_left{width:94%;}

    
    .s_conta_txt{width:90%; font-size:16px; line-height:30px;}
    
    .s_conta_txt h6{font-size:20px;}
    
    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}


.s_about h3{font-size:20px;}

.s_about h4{font-size:20px;}

.s_about_rightt h5{font-size:20px;}
.s_about_rightt h6{font-size:14px;}

.s_about_rightt font{font-size:14px; line-height:28px;}


.s_coop_con1{font-size:16px; line-height:30px;}



.s_pina h3{font-size:20px;}

.s_pina h4{font-size:20px;}


.s_danl_list ul li .dshow1 h3{font-size:18px;}.s_dan2f ul li .dimg2_txt

.s_danl_list ul li .dshow1 font{font-size:14px; text-align:justify;}




.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:none; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:block; }

.outlist dl dd {
    width: 94%;
    max-width: initial;
    float: left;
}

outlist dl dd .otxt1 h4 {
    font-size: 20px;
}

.s_joshow font{width:50%;}


.pro_detail { width: 94%; float: left; margin-top:100px; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width:99%; max-width:initial; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width:99%; max-width:initial; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


    .s_newshow img{width:100%!important; display:block; margin:0 auto;}

    
    .s_newshow h3{font-size:20px; line-height:30px; font-weight:bold;}

    
.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }

}
 
/*448*/

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

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 15%; float: left; margin: 3% 3% 0 4%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 60px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 182; display: block; }

    .m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}

.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }

.m_hbanm { width: 100%; height: auto; float: left; margin:60px 0 0 0; position: relative; z-index: 1; display:block; }

.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }

    .s_newban { margin-top: 70px; }
    .header_menu { width: 40px; float: right; margin: 4% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 14px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }

    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top: 30%; }
    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

    .mob_index { width: 100%; float: left; display: block; position: relative; }


    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 340px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 900px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -170px !important; z-index: 104; width: 340px !important; height: 190px !important; }

    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 40px !important; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 24px; }

    #w_hline-1547361478678 { position: absolute; top: 26px !important; left: 28% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 40px !important; left: 28% !important; z-index: 20; width: 74% !important; height: 42px; line-height: 21px; font-size: 14px !important; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin: 4% 1% 0 0; }



    .biaotis { width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }

    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title {  padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px; }
    .s_proimgs ul li .pbox .title .tle { font-size: 14px; width: 94%; height: 50px; float: left; margin-left:3%; position: relative;  box-sizing: border-box; line-height: 25px;   transition: all .5s ease; text-overflow:ellipsis; overflow:hidden; }
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 10.5rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height: 460px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 46%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 11rem; }

    .productList ul li .swtxt { width: 96%; height: 50px; float: left; margin-left: 3%; margin-top: 1%; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 360px; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 358px; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 367px; left: 3% !important; z-index: 4; width: 316px; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }



    .s_coop_con1 ul li h5 { font-size: 14px; }





    .s_news ul li { width: 100%; float: left; margin: 2% 0% 8% 0; position: relative; z-index: 25; }
    .s_news ul li .snews .newtxt h3 { font-size: 16px; }
    .s_news ul li .snews .newtxt h4 { height:60px; font-size: 14px; line-height: 20px; margin-bottom: 20px; }


    .s_news ul li .snews .nmore { height: 34px; line-height: 34px; font-size: 14px; }



    .s_news ul li .snews .newimg { width: 54%; height: auto; float: right; position: relative; z-index: 10; margin: 12% 0 0 0; }

    .s_news ul li .snews .newimg { height: auto; }
    
    .s_news ul li .snews .newimg img{height:initial;}

      .s_outsite ul li .outtxt { width: 94%; max-width: 580px; float: left; font-size: 16px; color: #333; text-align: left; font-weight: normal; line-height: 30px; }
    .s_outsite ul li .outtxt strong{ font-size: 20px;  }
    .s_outsite ul li .outtxt_bt { font-size: 20px; justify-content: flex-start; }

    .s_outsite ul li .outtxt_bt .span1 { width: 56px; height: 56px; line-height: 56px; font-size:30px; }
    .s_outsite ul li .outtxt_bt font { font-size:26px; }

    .s_outsite ul li .outimgs { width: 94%; float: left; }


    .s_outsite ul li:nth-child(2) .outtxt { width: 94%; float: left; font-size:16px; line-height:30px;  }
    .s_outsite ul li:nth-child(2) .outimgs { width: 94%; float: left; }

    .s_outsite ul li:nth-child(3) .outtxt { width: 94%; float: left;  font-size:16px; line-height:30px;}
    .s_outsite ul li:nth-child(3) .outimgs { width: 41%; float: left; margin-left: 26%; }

    .s_outsite ul li:nth-child(3) .outtxt_bt { font-size:18px; }
    .s_outsite ul li:nth-child(4) .outtxt { width: 94%; float: left; margin: 0;  font-size:16px; line-height:30px;}
    .s_outsite ul li:nth-child(4) .outimgs { width: 94%; float: left; }



    .foot_left { width: 41%; max-width: inherit; float: left; /* left: 50%; */ margin-left: 30%; }


    .foot_rightt { width: 98%; /* max-width: 840px; */ float: right; }

    .foot_rightt ul li a { font-size: 14px; }


    .foot_rightt_txt { font-size: 12px; }




    .ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }
 

    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top:30%; }
    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

    .hon_bt img { width: 35%; display:none; }

    .hon_bt .divh { width:94%; font-size: 14px; }

    .hon_bt .divh font { font-size: 16px; }
    .hon_bt .divh font b{ font-size: 24px; }

    .s_pina { font-size: 20px; line-height: 40px; }

    .s_plan1 .splan_rig { font-size: 14px; line-height: 26px; }

    .s_plan1 .splan_rig h6 { font-size: 16px; }

    .s_plan1 .splan_rig b { font-size:18px; }

    .s_plan2 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan2 .splan_rig h6{font-size:18px;}

    
    .s_plan3 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan3 .splan_rig h6{font-size:18px;}

    .s_plan4 .splan_rig h6 {font-size:18px;}
    
    .s_plan4 .splan_rig{ font-size: 14px; line-height: 26px; }

    .dan_bt .divh {width: 90%; font-size:18px; }

    .dan_bt .divh font { font-size: 20px; line-height: 34px; }
    .dan_bt .divh em{font-size:14px;}
    .dan_bt img {width: 90%;    margin-right: 10%;}
    
    .s_dan2_list ul li{width:94%; max-width:initial;}
    .s_dan2_list ul li h3{ font-size:1.2rem; justify-content:initial;} 

    .s_danl_list ul li { width: 100%; float: left; position: relative; margin: 1% 0 1% 0; }

    .s_dan2f ul li .dimg2 { width: 94%; max-width: 610px; float: left; margin-left: 3%; margin-top: 3%; }


    .s_dan2f ul li .dimg2_txt { width: 90%;  font-size:18px; }
    .s_dan2f ul li .dimg2_txt .font1{font-size:16px;}

    .s_news ul li { width: 94%; float: left; margin: 2% 3% 6% 0; position: relative; z-index: 25; }

    
    .s_conta_left{width:94%;}

    
    .s_conta_txt{width:90%; font-size:16px; line-height:30px;}
    
    .s_conta_txt h6{font-size:20px;}

    
    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}


.s_about h3{font-size:20px;}

.s_about h4{font-size:20px;}

.s_about_rightt h5{font-size:20px;}
.s_about_rightt h6{font-size:14px;}

.s_about_rightt font{font-size:14px; line-height:28px;}

.s_coop_con1{font-size:16px; line-height:30px;}


.s_coop_con1{font-size:16px; line-height:30px;}



.s_pina h3{font-size:20px;}

.s_pina h4{font-size:20px;}

.s_danl_list ul li .dshow1 h3{font-size:18px;}

.s_danl_list ul li .dshow1 font{font-size:14px; text-align:justify;}



.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:none; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:block; }

.outlist dl dd {
    width: 94%;
    max-width: initial;
    float: left;
}
 
.outlist dl dd .otxt1 h4{font-size:20px!important;}


    .s_recruit { display: none; }

    .s_recruitm { display: block; }


    .s_joshow font{width:50%;}

    
 table.table3 td{width:100%;}
 .tabt1{font-size:16px;}

 .tabt2{width:77%; height:40px; line-height:40px; }
 .tabt3{width:77%; height:40px; line-height:40px; }
 .tabt4{width:33%; height:40px; line-height:40px; }

 table.table3 td font{font-size:16px; line-height:40px;}
 table.table3 td img{margin:5px;}

 
.pro_detail { width: 94%; float: left; margin-top:100px; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width:99%; max-width:initial; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width:99%; max-width:initial; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }



    .s_newshow img{width:100%!important; display:block; margin:0 auto;}

    
    .s_newshow h3{font-size:20px; line-height:30px; font-weight:bold;}
    
.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }

}

/*428*/
@media screen and (max-width:428px) {

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 15%; float: left; margin: 3% 3% 0 4%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 60px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 182; display: block; }

    
    .m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}

.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }

.m_hbanm { width: 100%; height: auto; float: left; margin:60px 0 0 0; position: relative; z-index: 1; display:block; }

.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }

    .s_newban { margin-top: 0px; }
    .header_menu { width: 40px; float: right; margin: 4% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 14px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }

    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top: 30%; }
    .ban_sea .sinp1 { width: 60%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

    .mob_index { width: 100%; float: left; display: block; position: relative; }


    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 340px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 900px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -170px !important; z-index: 104; width: 340px !important; height: 190px !important; }

    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 40px !important; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 24px; }

    #w_hline-1547361478678 { position: absolute; top: 26px !important; left: 28% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 40px !important; left: 28% !important; z-index: 20; width: 74% !important; height: 42px; line-height: 21px; font-size: 14px !important; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin: 4% 1% 0 0; }



    .biaotis { width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }
    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title { padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px;}
    .s_proimgs ul li .pbox .title .tle { font-size: 14px; width: 94%; height: 50px; float: left; margin-left:3%; position: relative;  box-sizing: border-box; line-height: 25px;   transition: all .5s ease; text-overflow:ellipsis; overflow:hidden;}
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 10.5rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height: 460px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 46%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 11rem; }

    .productList ul li .swtxt { width: 96%; height: 50px; float: left; margin-left: 3%; margin-top: 1%; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 360px; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 358px; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 367px; left: 3% !important; z-index: 4; width: 316px; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }



    .s_coop_con1 ul li h5 { font-size: 14px; }





    .s_news ul li { width: 100%; float: left; margin: 2% 0% 8% 0; position: relative; z-index: 25; }
    .s_news ul li .snews .newtxt h3 { font-size: 16px; }
    .s_news ul li .snews .newtxt h4 {height:60px; font-size: 14px; line-height: 20px; margin-bottom: 20px; }


    .s_news ul li .snews .nmore { height: 34px; line-height: 34px; font-size: 14px; }



    .s_news ul li .snews .newimg { width: 54%; height: auto; float: right; position: relative; z-index: 10; margin: 12% 0 0 0; }

    .s_news ul li .snews .newimg  { height: auto; }
    
    .s_news ul li .snews .newimg img{height:initial;}


    .s_outsite ul li .outtxt { width: 94%; max-width: 580px; float: left; font-size: 16px; color: #333; text-align: left; font-weight: normal; line-height: 30px; }

    .s_outsite ul li .outtxt_bt { font-size:18px; justify-content: flex-start; }

    .s_outsite ul li .outtxt_bt .span1 { width: 56px; height: 56px; line-height: 56px; font-size: 30px; }
    .s_outsite ul li .outtxt_bt font { font-size:26px; }

    .s_outsite ul li .outimgs { width: 94%; float: left; }


    .s_outsite ul li:nth-child(2) .outtxt { width: 94%; float: left; font-size:16px; line-height:30px; }
    .s_outsite ul li:nth-child(2) .outimgs { width: 94%; float: left; }

    .s_outsite ul li:nth-child(3) .outtxt { width: 94%; float: left; font-size:16px; line-height:30px;}
    .s_outsite ul li:nth-child(3) .outimgs { width: 41%; float: left; margin-left: 26%; }

    .s_outsite ul li:nth-child(3) .outtxt_bt { font-size:18px; }
    .s_outsite ul li:nth-child(4) .outtxt { width: 94%; float: left; margin: 0; font-size:16px; line-height:30px;}
    .s_outsite ul li:nth-child(4) .outimgs { width: 94%; float: left; }



    .foot_left { width: 41%; max-width: inherit; float: left; /* left: 50%; */ margin-left: 30%; }


    .foot_rightt { width: 98%; /* max-width: 840px; */ float: right; }

    .foot_rightt ul li a { font-size: 14px; }


    .foot_rightt_txt { font-size: 12px; }




    .ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }
 

    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top:30%; }
    .ban_sea .sinp1 { width: 60%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }
    
    .hon_bt img { width: 35%; display:none; }

    .hon_bt .divh { width:94%; font-size: 14px; }

    .hon_bt .divh font { font-size: 16px; }
    .hon_bt .divh font b{ font-size: 24px; }

    .s_pina { font-size: 20px; line-height: 40px; }

    .s_plan1 .splan_rig { font-size: 14px; line-height: 26px; }

    .s_plan1 .splan_rig h6 { font-size: 20px; }

    .s_plan1 .splan_rig b { font-size: 21px; }
    

    .s_plan2 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan2 .splan_rig h6{font-size:18px;}

    
    .s_plan3 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan3 .splan_rig h6{font-size:18px;}
    
    .s_plan4 .splan_rig{ font-size: 14px; line-height: 26px; }


    .s_plan4 .splan_rig h6{font-size:18px;}
 
    .dan_bt .divh {width: 90%; font-size:18px; }

    .dan_bt .divh font { font-size: 20px; line-height: 34px; }
    .dan_bt .divh em{font-size:14px;}
    .dan_bt img {width: 90%;    margin-right: 10%;}
    
    .s_dan2_list ul li{width:94%; max-width:initial;}
    .s_dan2_list ul li h3{ font-size:1.1rem; justify-content:initial;} 

    .s_danl_list ul li { width: 100%; float: left; position: relative; margin: 1% 0 1% 0; }

    .s_dan2f ul li .dimg2 { width: 94%; max-width: 610px; float: left; margin-left: 3%; margin-top: 3%; }


    .s_dan2f ul li .dimg2_txt { width: 90%;  font-size:18px; }
    .s_dan2f ul li .dimg2_txt .font1{font-size:16px;}

    .s_news ul li { width: 94%; float: left; margin: 2% 3% 6% 0; position: relative; z-index: 25; }

    
    .s_conta_left{width:94%;}

    
    .s_conta_txt{width:90%; font-size:14px; line-height:30px;}
    
    .s_conta_txt h6{font-size:18px;}

    
    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}


.s_about h3{font-size:20px;}

.s_about h4{font-size:20px;}

.s_about_rightt h5{font-size:20px;}
.s_about_rightt h6{font-size:14px;}

.s_about_rightt font{font-size:14px; line-height:28px;}



.s_coop_con1{font-size:16px; line-height:30px;}



.s_pina h3{font-size:20px;}

.s_pina h4{font-size:20px;}

.s_danl_list ul li .dshow1 h3{font-size:18px;}

.s_danl_list ul li .dshow1 font{font-size:14px; text-align:justify;}



.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:none; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:block; }

.outlist dl dd {
    width: 94%;
    max-width: initial;
    float: left;
}

    .s_recruit { display: none; }

    .s_recruitm { display: block; }

    
    .s_joshow font{width:50%;}
     .tabt1{font-size:16px;}

 .tabt2{width:73%; height:40px; line-height:40px; }
 .tabt3{width:73%; height:40px; line-height:40px; }
 .tabt4{width:33%; height:40px; line-height:40px; }

 
 table.table3 td{width:100%;}
  table.table3 td font{font-size:16px; line-height:40px;}
 table.table3 td img{margin:5px;}
 
.pro_detail { width: 94%; float: left; margin-top:100px; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width:99%; max-width:initial; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width:99%; max-width:initial; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


    .s_newshow img{width:100%!important; display:block; margin:0 auto;}


    .s_newshow h3{font-size:20px; line-height:30px; font-weight:bold;}
    
.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }


}

/*420*/
@media screen and (max-width:420px) {

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 15%; float: left; margin: 3% 3% 0 4%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 60px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 182; display: block; }

    
    .m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}

.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }

.m_hbanm { width: 100%; height: auto; float: left; margin:60px 0 0 0; position: relative; z-index: 1; display:block; }

.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }


    .s_newban { margin-top: 0px; }

    .header_menu { width: 40px; float: right; margin: 4% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }

    .ban_sea { width: 90%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -45%; top: 0%; margin-top: 40%; }


    .ban_sea .sinp1 { width: 60%; height: 48px; line-height: 48px; }



    .ban_sea .sinp2 { height: 48px; line-height: 48px; }
    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 14px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }



    .mob_index { width: 100%; float: left; display: block; position: relative; }


    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 340px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -190px !important; z-index: 104; width: 380px !important; height: 214px !important; }

    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 40px !important; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 24px; }

    #w_hline-1547361478678 { position: absolute; top: 26px !important; left: 28% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 40px !important; left: 28% !important; z-index: 20; width: 74% !important; height: 42px; line-height: 21px; font-size: 14px !important; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin:4% 1% 0 0; }



    .biaotis { width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }
    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title { padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px;}
    .s_proimgs ul li .pbox .title .tle {  font-size: 14px; width: 94%; height: 50px; float: left; margin-left:3%; position: relative;  box-sizing: border-box; line-height: 25px;   transition: all .5s ease; text-overflow:ellipsis; overflow:hidden; }
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 11rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height: 460px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 30%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 7.77rem; }

    .productList ul li .swtxt { width: 96%; height: 50px; float: left; margin-left: 3%; margin-top: 1%; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 360px; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 358px; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 320px; left: 3% !important; z-index: 4; width: 90%; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }



    .s_coop_con1 ul li h5 { font-size: 14px; }




    .s_recruit { display: none; }

    .s_recruitm { display: block; }


    .s_conta_left { width: 98%; }

    .s_conta_txt { width: 95%; font-size: 16px; }


    table.table3 td font { width: 80px; font-size: 16px; }

    .tabt1 { font-size: 16px; }
    .tabt4 { width: 110px; font-size: 16px; }



   .s_outsite ul li .outtxt { width: 94%; max-width: 580px; float: left; font-size: 16px; color: #333; text-align: left; font-weight: normal; line-height: 30px; }

    .s_outsite ul li .outtxt_bt { font-size:18px; justify-content: flex-start; }

    .s_outsite ul li .outtxt_bt .span1 { width: 56px; height: 56px; line-height: 56px; font-size: 30px; }
    .s_outsite ul li .outtxt_bt font { font-size:26px; }

    .s_outsite ul li .outimgs { width: 94%; float: left; }


    .s_outsite ul li:nth-child(2) .outtxt { width: 94%; float: left; font-size:16px; line-height:30px;}
    .s_outsite ul li:nth-child(2) .outimgs { width: 94%; float: left; }

    .s_outsite ul li:nth-child(3) .outtxt { width: 94%; float: left; font-size:16px; line-height:30px; }
    .s_outsite ul li:nth-child(3) .outimgs { width: 41%; float: left; margin-left: 26%; }

    .s_outsite ul li:nth-child(3) .outtxt_bt { font-size:14px; }
    .s_outsite ul li:nth-child(4) .outtxt { width: 94%; float: left; margin: 0;  font-size:16px; line-height:30px;}
    .s_outsite ul li:nth-child(4) .outimgs { width: 94%; float: left; }




    .s_news ul li { width: 100%; float: left; margin: 2% 0% 8% 0; position: relative; z-index: 25; }
    .s_news ul li .snews .newtxt h3 { font-size: 16px; }
    .s_news ul li .snews .newtxt h4 {height:60px; font-size: 14px; line-height: 20px; margin-bottom: 20px; }


    .s_news ul li .snews .nmore { height: 34px; line-height: 34px; font-size: 14px; }




    .s_news ul li .snews .newimg { height: auto; }
    
    .s_news ul li .snews .newimg img{height:initial;}


    .foot_left { width: 41%; max-width: inherit; float: left; /* left: 50%; */ margin-left: 30%; }


    .foot_rightt { width: 98%; /* max-width: 840px; */ float: right; }

    .foot_rightt ul li a { font-size: 16px; }


    .foot_rightt_txt { font-size: 13px; }


    
    .ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }


    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top: 40%; }
    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }


    .hon_bt img { width: 35%; display:none; }

    .hon_bt .divh { width:94%; font-size: 14px; }

    .hon_bt .divh font { font-size: 16px; }
    .hon_bt .divh font b{ font-size: 24px; }

    .s_pina { font-size: 20px; line-height: 40px; }

    .s_plan1 .splan_rig { font-size: 14px; line-height: 26px; }

    .s_plan1 .splan_rig h6 { font-size: 20px; }

    .s_plan1 .splan_rig b { font-size:18px; }

 

    .s_plan2 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan2 .splan_rig h6{font-size:18px;}

    
    .s_plan3 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan3 .splan_rig h6{font-size:18px;}

    
    .s_plan4 .splan_rig{ font-size: 14px; line-height: 26px; }


    .s_plan4 .splan_rig h6{font-size:18px;}


    .dan_bt .divh {width: 90%; font-size:18px; }

    .dan_bt .divh font { font-size: 20px; line-height: 34px; }
    .dan_bt .divh em{font-size:14px;}
    .dan_bt img {width: 90%;    margin-right: 10%;}
    
    .s_dan2_list ul li{width:94%; max-width:initial;}
    .s_dan2_list ul li h3{ font-size:1.1rem; justify-content:initial;}

    .s_danl_list ul li { width: 100%; float: left; position: relative; margin: 1% 0 1% 0; }

    .s_dan2f ul li .dimg2 { width: 94%; max-width: 610px; float: left; margin-left: 3%; margin-top: 3%; }


   .s_dan2f ul li .dimg2_txt { width: 90%;  font-size:18px; }
    .s_dan2f ul li .dimg2_txt .font1{font-size:16px;}

    .s_news ul li { width: 94%; float: left; margin: 2% 3% 6% 0; position: relative; z-index: 25; }


    
    .s_conta_left{width:94%;}

    
    .s_conta_txt{width:90%;}

    
    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}


.s_about h3{font-size:20px;}

.s_about h4{font-size:20px;}

.s_about_rightt h5{font-size:20px;}
.s_about_rightt h6{font-size:14px;}

.s_about_rightt font{font-size:14px; line-height:28px;}


.s_coop_con1{font-size:16px; line-height:30px;}




.s_pina h3{font-size:20px;}

.s_pina h4{font-size:20px;}


.s_danl_list ul li .dshow1 h3{font-size:18px;}

.s_danl_list ul li .dshow1 font{font-size:14px; text-align:justify;}


.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:none; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:block; }

.outlist dl dd {
    width: 94%;
    max-width: initial;
    float: left;
}
.outlist dl dd .otxt1 h4{font-size:20px;}

    .s_recruit { display: none; }

    .s_recruitm { display: block; }

    
    .s_joshow font{width:50%; font-size:14px;}

     .tabt1{font-size:16px;}

 .tabt2{width:73%; height:40px; line-height:40px; }
 .tabt3{width:73%; height:40px; line-height:40px; }
 .tabt4{width:33%; height:40px; line-height:40px; }

 
 table.table3 td{width:100%;}
  table.table3 td font{font-size:16px; line-height:40px;}
 table.table3 td img{margin:5px;}

 
.pro_detail { width: 94%; float: left; margin-top:100px; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width:99%; max-width:initial; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width:99%; max-width:initial; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }




    .s_newshow img{width:100%!important; display:block; margin:0 auto;}
    
    .s_newshow h3{font-size:20px; line-height:30px; font-weight:bold;}
    
.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }
}

/*414*/
@media screen and (max-width:414px) {

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 15%; float: left; margin: 3% 3% 0 4%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 60px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 182; display: block; }

    
    .m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}

.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }

.m_hbanm { width: 100%; height: auto; float: left; margin:60px 0 0 0; position: relative; z-index: 1; display:block; }

.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }


    .s_newban { margin-top: 0px; }

    .header_menu { width: 40px; float: right; margin: 4% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }

    .ban_sea { width: 90%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -45%; top: 0%; margin-top: 40%; }


    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }



    .ban_sea .sinp2 { height: 48px; line-height: 48px; }
    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 14px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }



    .mob_index { width: 100%; float: left; display: block; position: relative; }


    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 340px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -190px !important; z-index: 104; width: 380px !important; height: 214px !important; }

    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 40px !important; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 24px; }

    #w_hline-1547361478678 { position: absolute; top: 26px !important; left: 28% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 40px !important; left: 28% !important; z-index: 20; width: 74% !important; height: 42px; line-height: 21px; font-size: 14px !important; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin:6% 1% 0 0; }



    .biaotis{ width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }
    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title { padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px;}
    .s_proimgs ul li .pbox .title .tle {  font-size: 14px; width: 94%; height: 50px; float: left; margin-left:3%; position: relative;  box-sizing: border-box; line-height: 25px;   transition: all .5s ease; text-overflow:ellipsis; overflow:hidden; }
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 11rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height: 460px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 30%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 7.77rem; }

    .productList ul li .swtxt { width: 96%; height: 50px; float: left; margin-left: 3%; margin-top: 1%; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 360px; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 358px; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 320px; left: 3% !important; z-index: 4; width: 90%; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }



    .s_coop_con1 ul li h5 { font-size: 14px; }




    .s_recruit { display: none; }

    .s_recruitm { display: block; }


    .s_conta_left { width: 98%; }

    .s_conta_txt { width: 95%; font-size: 16px; }


    table.table3 td font { width: 80px; font-size: 16px; }

    .tabt1 { font-size: 16px; }
    .tabt4 { width: 110px; font-size: 16px; }

   .s_outsite ul li .outtxt { width: 94%; max-width: 580px; float: left; font-size: 16px; color: #333; text-align: left; font-weight: normal; line-height: 30px; }

    .s_outsite ul li .outtxt_bt { font-size:18px; justify-content: flex-start; }

    .s_outsite ul li .outtxt_bt .span1 { width: 56px; height: 56px; line-height: 56px; font-size: 30px; }
    .s_outsite ul li .outtxt_bt font { font-size:26px; }

    .s_outsite ul li .outimgs { width: 94%; float: left; }


    .s_outsite ul li:nth-child(2) .outtxt { width: 94%; float: left; font-size:16px; line-height:30px; }
    .s_outsite ul li:nth-child(2) .outimgs { width: 94%; float: left; }

    .s_outsite ul li:nth-child(3) .outtxt { width: 94%; float: left;  font-size:16px; line-height:30px;}
    .s_outsite ul li:nth-child(3) .outimgs { width: 41%; float: left; margin-left: 26%; }

    .s_outsite ul li:nth-child(3) .outtxt_bt { font-size:14px; }
    .s_outsite ul li:nth-child(4) .outtxt { width: 94%; float: left; margin: 0; font-size:16px; line-height:30px; }
    .s_outsite ul li:nth-child(4) .outimgs { width: 94%; float: left; }




    .s_news ul li { width: 100%; float: left; margin: 2% 0% 8% 0; position: relative; z-index: 25; }
    .s_news ul li .snews .newtxt h3 { font-size: 16px; }
    .s_news ul li .snews .newtxt h4 {height:60px; font-size: 14px; line-height: 20px; margin-bottom: 20px; }


    .s_news ul li .snews .nmore { height: 34px; line-height: 34px; font-size: 14px; }




    .s_news ul li .snews .newimg { height: auto; }
    
    .s_news ul li .snews .newimg img{height:initial;}


    .foot_left { width: 41%; max-width: inherit; float: left; /* left: 50%; */ margin-left: 30%; }


    .foot_rightt { width: 98%; /* max-width: 840px; */ float: right; }

    .foot_rightt ul li a { font-size: 16px; }


    .foot_rightt_txt { font-size: 13px; }


    
    .ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }


    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top: 40%; }
    .ban_sea .sinp1 { width: 63%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

   
    .hon_bt img { width: 35%; display:none; }

    .hon_bt .divh { width:94%; font-size: 14px; }

    .hon_bt .divh font { font-size: 16px; }
    .hon_bt .divh font b{ font-size: 24px; }


    .s_pina { font-size: 20px; line-height: 40px; }

    .s_plan1 .splan_rig { font-size: 14px; line-height: 26px; }

    .s_plan1 .splan_rig h6 { font-size: 20px; }

    .s_plan1 .splan_rig b { font-size: 18px; }
    

    .s_plan2 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan2 .splan_rig h6{font-size:18px;}

    
    .s_plan3 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan3 .splan_rig h6{font-size:18px;}
    
    .s_plan4 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan4 .splan_rig h6{font-size:18px;}
 
    .dan_bt .divh {width: 90%; font-size:18px; }

    .dan_bt .divh font { font-size: 20px; line-height: 34px; }
    .dan_bt .divh em{font-size:14px;}
    .dan_bt img {width: 90%;    margin-right: 10%;}
    
    .s_dan2_list ul li{width:94%;  max-width:initial;}
    .s_dan2_list ul li h3{ font-size:1.0rem; justify-content:initial;} 

    .s_danl_list ul li { width: 100%; float: left; position: relative; margin: 1% 0 1% 0; }

    .s_dan2f ul li .dimg2 { width: 94%; max-width: 610px; float: left; margin-left: 3%; margin-top: 3%; }


   .s_dan2f ul li .dimg2_txt { width: 90%;  font-size:18px; }
    .s_dan2f ul li .dimg2_txt .font1{font-size:16px;}

    .s_news ul li { width: 94%; float: left; margin: 2% 3% 6% 0; position: relative; z-index: 25; }
    
    .s_conta_left{width:94%;}

    
    .s_conta_txt{width:90%;}


    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}


.s_about h3{font-size:20px;}

.s_about h4{font-size:20px;}

.s_about_rightt h5{font-size:20px;}
.s_about_rightt h6{font-size:14px;}

.s_about_rightt font{font-size:14px; line-height:28px;}


.s_coop_con1{font-size:16px; line-height:30px;}



.s_pina h3{font-size:20px;}

.s_pina h4{font-size:20px;}


.s_danl_list ul li .dshow1 h3{font-size:18px;}

.s_danl_list ul li .dshow1 font{font-size:14px; text-align:justify;}


.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:none; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:block; }

 

.outlist dl dd {
    width: 94%;
    max-width: initial;
    float: left;
}
.outlist dl dd .otxt1 h4{font-size:20px;}

 .s_joshow font{width:50%; font-size:14px;}

  .tabt1{font-size:16px;}

 .tabt2{width:73%; height:40px; line-height:40px; }
 .tabt3{width:73%; height:40px; line-height:40px; }
 .tabt4{width:33%; height:40px; line-height:40px; }

 
 table.table3 td{width:100%;}
 table.table3 td img{margin:5px;}

 
.pro_detail { width: 94%; float: left; margin-top:80px; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width:99%; max-width:initial; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width:99%; max-width:initial; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


    .s_newshow h3{font-size:20px; line-height:30px; font-weight:bold;}

    .s_newshow img{width:100%!important; display:block; margin:0 auto;}
    
.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }
}
 
/*412*/

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

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 15%; float: left; margin: 3% 3% 0 4%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 60px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 182; display: block; }

    
    .m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}

.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }

.m_hbanm { width: 100%; height: auto; float: left; margin:60px 0 0 0; position: relative; z-index: 1; display:block; }

.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }


    .s_newban { margin-top: 0px; }

    .header_menu { width: 40px; float: right; margin: 4% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }

    .ban_sea { width: 90%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -45%; top: 0%; margin-top: 40%; }


    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }



    .ban_sea .sinp2 { height: 48px; line-height: 48px; }
    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 14px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }



    .mob_index { width: 100%; float: left; display: block; position: relative; }


    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 340px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -190px !important; z-index: 104; width: 380px !important; height: 214px !important; }

    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 40px !important; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 24px; }

    #w_hline-1547361478678 { position: absolute; top: 26px !important; left: 28% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 40px !important; left: 28% !important; z-index: 20; width: 74% !important; height: 42px; line-height: 21px; font-size: 14px !important; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin:6% 1% 0 0; }



    .biaotis { width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }
    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title {  padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px; }
    .s_proimgs ul li .pbox .title .tle { font-size: 14px; width: 94%; height: 50px; margin-left:3%; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px;  transition: all .5s ease;  text-overflow:ellipsis;}
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 11rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height:360px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 30%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 7.77rem; }

    .productList ul li .swtxt { width: 96%; height: 50px; float: left; margin-left: 3%; margin-top: 1%; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 360px; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 358px; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 320px; left: 3% !important; z-index: 4; width: 90%; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }



    .s_coop_con1 ul li h5 { font-size: 14px; }




    .s_recruit { display: none; }

    .s_recruitm { display: block; }


    .s_conta_left { width: 98%; }

    .s_conta_txt { width: 95%; font-size: 16px; }


    table.table3 td font { width: 80px; font-size: 16px; }

    .tabt1 { font-size: 16px; }
    .tabt4 { width: 110px; font-size: 16px; }

    .s_outsite ul li .outtxt { width: 94%; max-width: 580px; float: left; font-size: 16px; color: #333; text-align: left; font-weight: normal; line-height: 30px; }

    .s_outsite ul li .outtxt_bt { font-size:18px; justify-content: flex-start; }

    .s_outsite ul li .outtxt_bt .span1 { width: 56px; height: 56px; line-height: 56px; font-size: 30px; }
    .s_outsite ul li .outtxt_bt font { font-size:26px; }

    .s_outsite ul li .outimgs { width: 94%; float: left; }


    .s_outsite ul li:nth-child(2) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(2) .outimgs { width: 94%; float: left; }

    .s_outsite ul li:nth-child(3) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px;}
    .s_outsite ul li:nth-child(3) .outimgs { width: 41%; float: left; margin-left: 26%; }

    .s_outsite ul li:nth-child(3) .outtxt_bt { font-size:14px; }
    .s_outsite ul li:nth-child(4) .outtxt { width: 94%; float: left; margin: 0;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(4) .outimgs { width: 94%; float: left; }




    .s_news ul li { width: 100%; float: left; margin: 2% 0% 8% 0; position: relative; z-index: 25; }
    .s_news ul li .snews .newtxt h3 { font-size: 16px; }
    .s_news ul li .snews .newtxt h4 {height:60px; font-size: 14px; line-height: 20px; margin-bottom: 20px; }


    .s_news ul li .snews .nmore { height: 34px; line-height: 34px; font-size: 14px; }




    .s_news ul li .snews .newimg  { height: auto; }
    
    .s_news ul li .snews .newimg img{height:initial;}


    .foot_left { width: 41%; max-width: inherit; float: left; /* left: 50%; */ margin-left: 30%; }


    .foot_rightt { width: 98%; /* max-width: 840px; */ float: right; }

    .foot_rightt ul li a { font-size: 16px; }


    .foot_rightt_txt { font-size: 13px; }


    
    .ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }


    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top: 40%; }
    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

    
    .hon_bt img { width: 35%; display:none; }

    .hon_bt .divh { width:94%; font-size: 14px; }

    .hon_bt .divh font { font-size: 16px; }
    .hon_bt .divh font b{ font-size: 24px; }

    .s_pina { font-size: 20px; line-height: 40px; }

    .s_plan1 .splan_rig { font-size: 14px; line-height: 26px; }

    .s_plan1 .splan_rig h6 { font-size: 20px; }

    .s_plan1 .splan_rig b { font-size: 18px; }
    

    .s_plan2 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan2 .splan_rig h6{font-size:18px;}

    
    .s_plan3 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan3 .splan_rig h6{font-size:18px;}
    
    .s_plan4 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan4 .splan_rig h6{font-size:18px;}

  
    .dan_bt .divh {width: 90%; font-size:18px; }

    .dan_bt .divh font { font-size: 20px; line-height: 34px; }
    .dan_bt .divh em{font-size:14px;}
    .dan_bt img {width: 90%;    margin-right: 10%;}
    
    .s_dan2_list ul li{width:94%;  max-width:initial;}
    .s_dan2_list ul li h3{ font-size:1.0rem; justify-content:initial;}
    .s_danl_list ul li { width: 100%; float: left; position: relative; margin: 1% 0 1% 0; }

    .s_dan2f ul li .dimg2 { width: 94%; max-width: 610px; float: left; margin-left: 3%; margin-top: 3%; }


    .s_dan2f ul li .dimg2_txt { width: 90%;  font-size:18px; }
    .s_dan2f ul li .dimg2_txt .font1{font-size:16px;}


    .s_news ul li { width: 94%; float: left; margin: 2% 3% 6% 0; position: relative; z-index: 25; }
    
    .s_conta_left{width:94%;}

    
    .s_conta_txt{width:90%;}

    
    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}


.s_about h3{font-size:20px;}

.s_about h4{font-size:20px;}

.s_about_rightt h5{font-size:20px;}
.s_about_rightt h6{font-size:14px;}

.s_about_rightt font{font-size:14px; line-height:28px;}

.s_coop_con1{font-size:16px; line-height:30px;}



.s_pina h3{font-size:20px;}

.s_pina h4{font-size:20px;}



.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:none; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:block; }



.outlist dl dd {
    width: 94%;
    max-width: initial;
    float: left;
}
.outlist dl dd .otxt1 h4{font-size:20px;}

 .s_joshow font{width:50%; font-size:14px;}

  .tabt1{font-size:16px;}

 .tabt2{width:73%; height:40px; line-height:40px; }
 .tabt3{width:73%; height:40px; line-height:40px; }
 .tabt4{width:33%; height:40px; line-height:40px; }

 
 table.table3 td{width:100%;}
  table.table3 td font{font-size:16px; line-height:40px;}
 table.table3 td img{margin:5px;}
  
.pro_detail { width: 94%; float: left; margin-top:80px; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width:99%; max-width:initial; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width:99%; max-width:initial; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


    .s_newshow img{width:100%!important; display:block; margin:0 auto;}
    
.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }


}
 
/*411*/

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

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 15%; float: left; margin: 3% 3% 0 4%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 60px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 182; display: block; }

    
    
    .m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}

.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }

.m_hbanm { width: 100%; height: auto; float: left; margin:60px 0 0 0; position: relative; z-index: 1; display:block; }

.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }

    .s_newban { margin-top: 0px; }

    .header_menu { width: 40px; float: right; margin: 4% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }

    .ban_sea { width: 90%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -45%; top: 0%; margin-top:40%; }


    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }



    .ban_sea .sinp2 { height: 48px; line-height: 48px; }
    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 12px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }



    .mob_index { width: 100%; float: left; display: block; position: relative; }


    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 340px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -190px !important; z-index: 104; width: 380px !important; height: 214px !important; }

    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 40px !important; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 24px; }

    #w_hline-1547361478678 { position: absolute; top: 26px !important; left: 28% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 40px !important; left: 28% !important; z-index: 20; width: 74% !important; height: 42px; line-height: 21px; font-size: 14px !important; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin:6% 1% 0 0; }



    .biaotis { width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }
    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title { padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px; }
    .s_proimgs ul li .pbox .title .tle { font-size: 14px; width: 94%; margin-left:3%; height: 50px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px;  transition: all .5s ease; text-overflow:ellipsis;}
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 11rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height:360px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 30%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 7.77rem; }

    .productList ul li .swtxt { width: 96%; height: 50px; float: left; margin-left: 3%; margin-top: 1%; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 360px; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 358px; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 320px; left: 3% !important; z-index: 4; width: 90%; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }



    .s_coop_con1 ul li h5 { font-size: 14px; }




    .s_recruit { display: none; }

    .s_recruitm { display: block; }


    .s_conta_left { width: 98%; }

    .s_conta_txt { width: 95%; font-size: 16px; }


    table.table3 td font { width: 80px; font-size: 16px; }

    .tabt1 { font-size: 16px; }
    .tabt4 { width: 110px; font-size: 16px; }

    .s_outsite ul li .outtxt { width: 94%; max-width: 580px; float: left; font-size: 16px; color: #333; text-align: left; font-weight: normal; line-height: 30px; }

    .s_outsite ul li .outtxt_bt { font-size:18px; justify-content: flex-start; }

    .s_outsite ul li .outtxt_bt .span1 { width: 56px; height: 56px; line-height: 56px; font-size: 30px; }
    .s_outsite ul li .outtxt_bt font { font-size:26px; }

    .s_outsite ul li .outimgs { width: 94%; float: left; }


    .s_outsite ul li:nth-child(2) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(2) .outimgs { width: 94%; float: left; }

    .s_outsite ul li:nth-child(3) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px;}
    .s_outsite ul li:nth-child(3) .outimgs { width: 41%; float: left; margin-left: 26%; }

    .s_outsite ul li:nth-child(3) .outtxt_bt { font-size:14px; }
    .s_outsite ul li:nth-child(4) .outtxt { width: 94%; float: left; margin: 0;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(4) .outimgs { width: 94%; float: left; }




    .s_news ul li { width: 100%; float: left; margin: 2% 0% 8% 0; position: relative; z-index: 25; }
    .s_news ul li .snews .newtxt h3 { font-size: 16px; }
    .s_news ul li .snews .newtxt h4 {height:60px; font-size: 14px; line-height: 20px; margin-bottom: 20px; }


    .s_news ul li .snews .nmore { height: 34px; line-height: 34px; font-size: 14px; }




    .s_news ul li .snews .newimg  { height: auto; }
    
    .s_news ul li .snews .newimg img{height:initial;}


    .foot_left { width: 41%; max-width: inherit; float: left; /* left: 50%; */ margin-left: 30%; }


    .foot_rightt { width: 98%; /* max-width: 840px; */ float: right; }

    .foot_rightt ul li a { font-size: 16px; }


    .foot_rightt_txt { font-size: 13px; }


    
    .ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }


    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top:40%; }
    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

    
    .hon_bt img { width: 35%; display:none; }

    .hon_bt .divh { width:94%; font-size: 14px; }

    .hon_bt .divh font { font-size: 16px; }
    .hon_bt .divh font b{ font-size: 24px; }

    .s_pina { font-size: 20px; line-height: 40px; }

    .s_plan1 .splan_rig { font-size: 14px; line-height: 26px; }

    .s_plan1 .splan_rig h6 { font-size: 20px; }

    .s_plan1 .splan_rig b { font-size: 18px; }
    

    .s_plan2 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan2 .splan_rig h6{font-size:18px;}

    
    .s_plan3 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan3 .splan_rig h6{font-size:18px;}
    
    .s_plan4 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan4 .splan_rig h6{font-size:18px;}

  
    .dan_bt .divh {width: 90%; font-size:18px; }

    .dan_bt .divh font { font-size: 20px; line-height: 34px; }
    .dan_bt .divh em{font-size:14px;}
    .dan_bt img {width: 90%;    margin-right: 10%;}
    
    .s_dan2_list ul li{width:94%;  max-width:initial;}
    .s_dan2_list ul li h3{ font-size:1.0rem; justify-content:initial;}
    .s_danl_list ul li { width: 100%; float: left; position: relative; margin: 1% 0 1% 0; }

    .s_dan2f ul li .dimg2 { width: 94%; max-width: 610px; float: left; margin-left: 3%; margin-top: 3%; }


    .s_dan2f ul li .dimg2_txt { width: 90%;  font-size:18px; }
    .s_dan2f ul li .dimg2_txt .font1{font-size:16px;}


    .s_news ul li { width: 94%; float: left; margin: 2% 3% 6% 0; position: relative; z-index: 25; }
    
    .s_conta_left{width:94%;}

    
    .s_conta_txt{width:90%;}

    
    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}


.s_about h3{font-size:20px;}

.s_about h4{font-size:20px;}

.s_about_rightt h5{font-size:20px;}
.s_about_rightt h6{font-size:14px;}

.s_about_rightt font{font-size:14px; line-height:28px;}

.s_coop_con1{font-size:16px; line-height:30px;}



.s_pina h3{font-size:20px;}

.s_pina h4{font-size:20px;}



.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:none; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:block; }


.outlist dl dd {
    width: 94%;
    max-width: initial;
    float: left;
}
.outlist dl dd .otxt1 h4{font-size:20px;}

 .s_joshow font{width:50%; font-size:14px;}

  .tabt1{font-size:16px;}

 .tabt2{width:73%; height:40px; line-height:40px; }
 .tabt3{width:73%; height:40px; line-height:40px; }
 .tabt4{width:33%; height:40px; line-height:40px; }

 
 table.table3 td{width:100%;}
  table.table3 td font{font-size:16px; line-height:40px;}
 table.table3 td img{margin:5px;}

  
.pro_detail { width: 94%; float: left; margin-top:80px; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width:99%; max-width:initial; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width:99%; max-width:initial; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


    .s_newshow h3{font-size:20px; line-height:30px; font-weight:bold;}

    .s_newshow img{width:100%!important; display:block; margin:0 auto;}
    
.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }

}
 
/*390*/
 
@media screen and (max-width:390px) {

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 15%; float: left; margin: 3% 3% 0 4%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 60px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 182; display: block; }

    
    
    .m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}

.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }

.m_hbanm { width: 100%; height: auto; float: left; margin:60px 0 0 0; position: relative; z-index: 1; display:block; }

.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }

    .s_newban { margin-top: 0px; }
    .header_menu { width: 40px; float: right; margin: 4% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 12px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }

    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top:40%; }
    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

    .mob_index { width: 100%; float: left; display: block; position: relative; }


    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 340px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 900px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -170px !important; z-index: 104; width: 340px !important; height: 190px !important; }

    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 40px !important; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 24px; }

    #w_hline-1547361478678 { position: absolute; top: 26px !important; left: 28% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 40px !important; left: 28% !important; z-index: 20; width: 74% !important; height: 42px; line-height: 21px; font-size: 14px !important; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin:6% 1% 0 0; }



    .biaotis { width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }
    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title {  padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px; }
    .s_proimgs ul li .pbox .title .tle { font-size: 14px; width: 94%; margin-left:3%; height: 50px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height:20px; text-overflow:ellipsis; }
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 10.5rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height:360px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 46%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 11rem; }

    .productList ul li .swtxt { width: 96%; height: 50px; float: left; margin-left: 3%; margin-top: 1%; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 360px; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 358px; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 367px; left: 3% !important; z-index: 4; width: 316px; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }



    .s_coop_con1 ul li h5 { font-size: 14px; }





    .s_news ul li { width: 100%; float: left; margin: 2% 0% 8% 0; position: relative; z-index: 25; }
    .s_news ul li .snews .newtxt h3 { font-size: 16px; }
    .s_news ul li .snews .newtxt h4 {height:60px; font-size: 14px; line-height: 20px; margin-bottom: 20px; }


    .s_news ul li .snews .nmore { height: 34px; line-height: 34px; font-size: 14px; }



    .s_news ul li .snews .newimg { width: 54%; height: auto; float: right; position: relative; z-index: 10; margin: 12% 0 0 0; }

    .s_news ul li .snews .newimg { height: auto; }
    
    .s_news ul li .snews .newimg img{height:initial;}


    .s_outsite ul li .outtxt { width: 94%; max-width: 580px; float: left; font-size: 16px; color: #333; text-align: left; font-weight: normal; line-height: 30px; }

    .s_outsite ul li .outtxt_bt { font-size:18px; justify-content: flex-start; }

    .s_outsite ul li .outtxt_bt .span1 { width: 56px; height: 56px; line-height: 56px; font-size: 30px; }
    .s_outsite ul li .outtxt_bt font { font-size:26px; }

    .s_outsite ul li .outimgs { width: 94%; float: left; }


    .s_outsite ul li:nth-child(2) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(2) .outimgs { width: 94%; float: left; }

    .s_outsite ul li:nth-child(3) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px;}
    .s_outsite ul li:nth-child(3) .outimgs { width: 41%; float: left; margin-left: 26%; }

    .s_outsite ul li:nth-child(3) .outtxt_bt { font-size:14px; }
    .s_outsite ul li:nth-child(4) .outtxt { width: 94%; float: left; margin: 0;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(4) .outimgs { width: 94%; float: left; }



    .foot_left { width: 41%; max-width: inherit; float: left; /* left: 50%; */ margin-left: 30%; }


    .foot_rightt { width: 98%; /* max-width: 840px; */ float: right; }

    .foot_rightt ul li a { font-size: 14px; }


    .foot_rightt_txt { font-size: 12px; }



    
    .ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }


    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top:40%; }
    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

    
    .hon_bt img { width: 35%; display:none; }

    .hon_bt .divh { width:94%; font-size: 14px; }

    .hon_bt .divh font { font-size: 16px; }
    .hon_bt .divh font b{ font-size: 24px; }

    .s_pina { font-size: 20px; line-height: 40px; }

    .s_plan1 .splan_rig { font-size: 14px; line-height: 26px; }

    .s_plan1 .splan_rig h6 { font-size: 18px; }

    .s_plan1 .splan_rig b { font-size:18px; }
    

    .s_plan2 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan2 .splan_rig h6{font-size:18px;}

    
    .s_plan3 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan3 .splan_rig h6{font-size:18px;}
    
    .s_plan4 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan4 .splan_rig h6{font-size:18px;}
  
    .dan_bt .divh {width: 90%; font-size:18px; }

    .dan_bt .divh font { font-size: 20px; line-height: 34px; }
    .dan_bt .divh em{font-size:14px;}
    .dan_bt img {width: 90%;    margin-right: 10%;}
    
    .s_dan2_list ul li{width:94%; max-width:initial;}
    .s_dan2_list ul li h3{ font-size:0.9rem; justify-content:initial;}

    .s_danl_list ul li { width: 100%; float: left; position: relative; margin: 1% 0 1% 0; }

    .s_dan2f ul li .dimg2 { width: 94%; max-width: 610px; float: left; margin-left: 3%; margin-top: 3%; }


    .s_dan2f ul li .dimg2_txt { width: 90%;  font-size:18px; }
    .s_dan2f ul li .dimg2_txt .font1{font-size:16px;}

    .s_news ul li { width: 94%; float: left; margin: 2% 3% 6% 0; position: relative; z-index: 25; }

    
    .s_conta_left{width:94%;}

    
    .s_conta_txt{width:90%; font-size:16px; line-height:30px;}
    .s_conta_txt h6{font-size:20px;}
    
    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}


.s_about h3{font-size:20px;}

.s_about h4{font-size:20px;}

.s_about_rightt h5{font-size:20px;}
.s_about_rightt h6{font-size:14px;}

.s_about_rightt font{font-size:14px; line-height:28px;}


.s_coop_con1{font-size:14px; line-height:26px;}




.s_pina h3{font-size:20px;}

.s_pina h4{font-size:20px;}


.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:none; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:block; }


.outlist dl dd {
    width: 94%;
    max-width: initial;
    float: left;
}
.outlist dl dd .otxt1 h4{font-size:20px;}


 .tabt1{font-size:16px;}

 .tabt2{width:73%; height:40px; line-height:40px; }
 .tabt3{width:73%; height:40px; line-height:40px; }
 .tabt4{width:33%; height:40px; line-height:40px; }

 
 table.table3 td{width:100%;}
  table.table3 td font{font-size:16px; line-height:40px;}
 table.table3 td img{margin:5px;}

  
.pro_detail { width: 94%; float: left; margin-top:80px; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width:99%; max-width:initial; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width:99%; max-width:initial; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


    .s_newshow img{width:100%!important; display:block; margin:0 auto;}

}

 
/*384*/


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

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 15%; float: left; margin: 3% 3% 0 4%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 60px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 182; display: block; }

    
    
    .m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}

.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }

.m_hbanm { width: 100%; height: auto; float: left; margin:60px 0 0 0; position: relative; z-index: 1; display:block; }

.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }

    .header_menu { width: 40px; float: right; margin: 4% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 12px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }



    .mob_index { width: 100%; float: left; display: block; position: relative; }


    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 340px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 900px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -170px !important; z-index: 104; width: 340px !important; height: 190px !important; }

    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 40px !important; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 24px; }

    #w_hline-1547361478678 { position: absolute; top: 26px !important; left: 28% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 40px !important; left: 28% !important; z-index: 20; width: 74% !important; height: 42px; line-height: 21px; font-size: 14px !important; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin:6% 1% 0 0; }



    .biaotis { width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }
    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title { padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px; }
    .s_proimgs ul li .pbox .title .tle {  font-size: 14px; width: 94%; height: 50px; float: left; margin-left:3%; position: relative;  box-sizing: border-box; line-height: 25px;   transition: all .5s ease; text-overflow:ellipsis; overflow:hidden; }
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 10.5rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height: 460px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 46%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 11rem; }

    .productList ul li .swtxt { width: 96%; height: 50px; float: left; margin-left: 3%; margin-top: 1%; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 360px; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 358px; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 367px; left: 3% !important; z-index: 4; width: 316px; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }



    .s_coop_con1 ul li h5 { font-size: 14px; }





    .s_news ul li { width: 100%; float: left; margin: 2% 0% 8% 0; position: relative; z-index: 25; }
    .s_news ul li .snews .newtxt h3 { font-size: 16px; }
    .s_news ul li .snews .newtxt h4 {height:60px; font-size: 14px; line-height: 20px; margin-bottom: 20px; }


    .s_news ul li .snews .nmore { height: 34px; line-height: 34px; font-size: 14px; }



    .s_news ul li .snews .newimg { width: 54%; height: auto; float: right; position: relative; z-index: 10; margin: 12% 0 0 0; }

    .s_news ul li .snews .newimg { height: auto; }
    
    .s_news ul li .snews .newimg img{height:initial;}


   .s_outsite ul li .outtxt { width: 94%; max-width: 580px; float: left; font-size: 16px; color: #333; text-align: left; font-weight: normal; line-height: 30px; }

    .s_outsite ul li .outtxt_bt { font-size:18px; justify-content: flex-start; }

    .s_outsite ul li .outtxt_bt .span1 { width: 56px; height: 56px; line-height: 56px; font-size: 30px; }
    .s_outsite ul li .outtxt_bt font { font-size:26px; }

    .s_outsite ul li .outimgs { width: 94%; float: left; }


    .s_outsite ul li:nth-child(2) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(2) .outimgs { width: 94%; float: left; }

    .s_outsite ul li:nth-child(3) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px;}
    .s_outsite ul li:nth-child(3) .outimgs { width: 41%; float: left; margin-left: 26%; }

    .s_outsite ul li:nth-child(3) .outtxt_bt { font-size:13px; }
    .s_outsite ul li:nth-child(4) .outtxt { width: 94%; float: left; margin: 0;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(4) .outimgs { width: 94%; float: left; }



    .foot_left { width: 41%; max-width: inherit; float: left; /* left: 50%; */ margin-left: 30%; }


    .foot_rightt { width: 98%; /* max-width: 840px; */ float: right; }

    .foot_rightt ul li a { font-size: 14px; }


    .foot_rightt_txt { font-size: 12px; }




    .ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }
    

    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top:40%; }
    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

   
    .hon_bt img { width: 35%; display:none; }

    .hon_bt .divh { width:94%; font-size: 14px; }

    .hon_bt .divh font { font-size: 16px; }
    .hon_bt .divh font b{ font-size: 24px; }


    .s_pina { font-size: 20px; line-height: 40px; }

    .s_plan1 .splan_rig { font-size: 14px; line-height: 26px; }

    .s_plan1 .splan_rig h6 { font-size:18px; }

    .s_plan1 .splan_rig b { font-size:18px; }
    
    .s_plan2 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan2 .splan_rig h6{font-size:18px;}

    
    .s_plan3 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan3 .splan_rig h6{font-size:18px;}
    
    .s_plan4 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan4 .splan_rig h6{font-size:18px;}

    .dan_bt .divh {width: 90%; font-size:18px; }

    .dan_bt .divh font { font-size: 20px; line-height: 34px; }
    .dan_bt .divh em{font-size:14px;}
    .dan_bt img {width: 90%;    margin-right: 10%;}
    
    .s_dan2_list ul li{width:94%; max-width:initial;}
    .s_dan2_list ul li h3{ font-size:0.9rem; justify-content:initial;}

    .s_danl_list ul li { width: 100%; float: left; position: relative; margin: 1% 0 1% 0; }

    .s_dan2f ul li .dimg2 { width: 94%; max-width: 610px; float: left; margin-left: 3%; margin-top: 3%; }


    .s_dan2f ul li .dimg2_txt { width: 90%;  font-size:18px; }
    .s_dan2f ul li .dimg2_txt .font1{font-size:16px;}


    .s_news ul li { width: 94%; float: left; margin: 2% 3% 6% 0; position: relative; z-index: 25; }

    .s_conta_left{width:94%;}

    
    .s_conta_txt{width:90%; font-size:14px; line-height:28px;}
    .s_conta_txt h6{font-size:16px; font-weight:600;}


    
    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}


.s_about h3{font-size:20px;}

.s_about h4{font-size:20px;}

.s_about_rightt h5{font-size:20px;}
.s_about_rightt h6{font-size:14px;}

.s_about_rightt font{font-size:14px; line-height:28px;}


.s_coop_con1{font-size:14px; line-height:26px;}



.s_pina h3{font-size:20px;}

.s_pina h4{font-size:20px;}



.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:none; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:block; }


.outlist dl dd {
    width: 94%;
    max-width: initial;
    float: left;
}
.outlist dl dd .otxt1 h4{font-size:20px;}
 .s_joshow font{width:50%; font-size:14px;}



 table.table3 td{width:100%; line-height:40px; font-size:16px;}
 
 table.table3 td font{line-height:40px; font-size:16px;}

 .tabt1{font-size:16px;}

 .tabt2{width:73%; height:40px; line-height:40px; }
 .tabt3{width:73%; height:40px; line-height:40px; }
 .tabt4{width:33%; height:40px; line-height:40px; }

 
 table.table3 td{width:100%;}
  table.table3 td font{font-size:16px; line-height:40px;}
 table.table3 td img{margin:5px;}

  
.pro_detail { width: 94%; float: left; margin-top:80px; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width:99%; max-width:initial; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width:99%; max-width:initial; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }



    .s_newshow img{width:100%!important; display:block; margin:0 auto;}
    
.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }
}
 

/*380*/
 
@media screen and (max-width:380px) {

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 15%; float: left; margin: 3% 3% 0 4%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 60px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 182; display: block; }

    
    
    .m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}

.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }

.m_hbanm { width: 100%; height: auto; float: left; margin:60px 0 0 0; position: relative; z-index: 1; display:block; }

.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }

    .header_menu { width: 40px; float: right; margin: 4% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 12px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }



    .mob_index { width: 100%; float: left; display: block; position: relative; }


    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 340px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 900px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -170px !important; z-index: 104; width: 340px !important; height: 190px !important; }

    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 40px !important; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 24px; }

    #w_hline-1547361478678 { position: absolute; top: 26px !important; left: 28% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 40px !important; left: 28% !important; z-index: 20; width: 74% !important; height: 42px; line-height: 21px; font-size: 14px !important; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin:8% 1% 0 0; }



    .biaotis { width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }
    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title {  padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px;}
    .s_proimgs ul li .pbox .title .tle {  font-size: 14px; width: 94%; height: 50px; float: left; margin-left:3%; position: relative;  box-sizing: border-box; line-height: 25px;   transition: all .5s ease; text-overflow:ellipsis; overflow:hidden;}
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 10.5rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height:360px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 46%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 11rem; }

    .productList ul li .swtxt { width: 96%; height: 50px; float: left; margin-left: 3%; margin-top: 1%; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 360px; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 358px; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 367px; left: 3% !important; z-index: 4; width: 316px; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }



    .s_coop_con1 ul li h5 { font-size: 14px; }





    .s_news ul li { width: 100%; float: left; margin: 2% 0% 8% 0; position: relative; z-index: 25; }
    .s_news ul li .snews .newtxt h3 { font-size: 16px; }
    .s_news ul li .snews .newtxt h4 {height:60px; font-size: 14px; line-height: 20px; margin-bottom: 20px; }


    .s_news ul li .snews .nmore { height: 34px; line-height: 34px; font-size: 14px; }



    .s_news ul li .snews .newimg { width: 54%; height: auto; float: right; position: relative; z-index: 10; margin: 12% 0 0 0; }

    .s_news ul li .snews .newimg { height: auto; }
    
    .s_news ul li .snews .newimg img{height:initial;}


    .s_outsite ul li .outtxt { width: 94%; max-width: 580px; float: left; font-size: 16px; color: #333; text-align: left; font-weight: normal; line-height: 30px; }

    .s_outsite ul li .outtxt_bt { font-size:18px; justify-content: flex-start; }

    .s_outsite ul li .outtxt_bt .span1 { width: 56px; height: 56px; line-height: 56px; font-size: 30px; }
    .s_outsite ul li .outtxt_bt font { font-size:26px; }

    .s_outsite ul li .outimgs { width: 94%; float: left; }


    .s_outsite ul li:nth-child(2) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(2) .outimgs { width: 94%; float: left; }

    .s_outsite ul li:nth-child(3) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px;}
    .s_outsite ul li:nth-child(3) .outimgs { width: 41%; float: left; margin-left: 26%; }

    .s_outsite ul li:nth-child(3) .outtxt_bt { font-size:13px; }
    .s_outsite ul li:nth-child(4) .outtxt { width: 94%; float: left; margin: 0;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(4) .outimgs { width: 94%; float: left; }


    .foot_left { width: 41%; max-width: inherit; float: left; /* left: 50%; */ margin-left: 30%; }


    .foot_rightt { width: 98%; /* max-width: 840px; */ float: right; }

    .foot_rightt ul li a { font-size: 14px; }


    .foot_rightt_txt { font-size: 12px; }




    .ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }

    

    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top:40%; }
    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

   
    .hon_bt img { width: 35%; display:none; }

    .hon_bt .divh { width:94%; font-size: 14px; }

    .hon_bt .divh font { font-size: 16px; }
    .hon_bt .divh font b{ font-size: 24px; }


    .s_pina { font-size: 20px; line-height: 40px; }

    .s_plan1 .splan_rig { font-size: 14px; line-height: 26px; }

    .s_plan1 .splan_rig h6 { font-size:18px; }

    .s_plan1 .splan_rig b { font-size: 18px; }
    
    .s_plan2 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan2 .splan_rig h6{font-size:18px;}

    
    .s_plan3 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan3 .splan_rig h6{font-size:18px;}

  
    .s_plan4 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan4 .splan_rig h6{font-size:18px;}

    .dan_bt .divh {width: 90%; font-size:18px; }

    .dan_bt .divh font { font-size: 20px; line-height: 34px; }
    .dan_bt .divh em{font-size:14px;}
    .dan_bt img {width: 90%;    margin-right: 10%;}
    
    .s_dan2_list ul li{width:94%;  max-width:initial;}
    .s_dan2_list ul li h3{ font-size:0.9rem; justify-content:initial;}

    .s_danl_list ul li { width: 100%; float: left; position: relative; margin: 1% 0 1% 0; }

    .s_dan2f ul li .dimg2 { width: 94%; max-width: 610px; float: left; margin-left: 3%; margin-top: 3%; }


    .s_dan2f ul li .dimg2_txt { width: 90%;  font-size:18px; }
    .s_dan2f ul li .dimg2_txt .font1{font-size:16px;}


    .s_news ul li { width: 94%; float: left; margin: 2% 3% 6% 0; position: relative; z-index: 25; }

    
    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}


.s_about h3{font-size:20px;}

.s_about h4{font-size:20px;}

.s_about_rightt h5{font-size:20px;}
.s_about_rightt h6{font-size:14px;}

.s_about_rightt font{font-size:14px; line-height:28px;}


.s_coop_con1{font-size:14px; line-height:26px;}



.s_pina h3{font-size:20px;}

.s_pina h4{font-size:20px;}


.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:none; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:block; }


.outlist dl dd {
    width: 94%;
    max-width: initial;
    float: left;
}
.outlist dl dd .otxt1 h4{font-size:20px;}


 .s_joshow font{width:50%; font-size:13px;}

 
 .tabt1{font-size:16px;}
 .tabt2{width:73%; height:40px; line-height:40px; }
 .tabt3{width:73%; height:40px; line-height:40px; }
 .tabt4{width:33%; height:40px; line-height:40px; }

 
 table.table3 td{width:100%;}
  table.table3 td font{font-size:16px; line-height:40px;}
 table.table3 td img{margin:5px;}
  
.pro_detail { width: 94%; float: left; margin-top:80px; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width:99%; max-width:initial; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width:99%; max-width:initial; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


    .s_newshow h3{font-size:20px; line-height:30px; font-weight:bold;}
    .s_newshow img{width:100%!important; display:block; margin:0 auto;}
    
.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }
}
 
/*375*/

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

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }

    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 15%; float: left; margin: 3% 3% 0 4%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 60px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 182; display: block; }

    
    
    .m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}

.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }

.m_hbanm { width: 100%; height: auto; float: left; margin:60px 0 0 0; position: relative; z-index: 1; display:block; }

.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }

    .header_menu { width: 40px; float: right; margin: 4% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 12px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }



    .mob_index { width: 100%; float: left; display: block; position: relative; }


    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 340px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 900px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -170px !important; z-index: 104; width: 340px !important; height: 190px !important; }

    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 40px !important; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 24px; }

    #w_hline-1547361478678 { position: absolute; top: 26px !important; left: 28% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 40px !important; left: 28% !important; z-index: 20; width: 74% !important; height: 42px; line-height: 21px; font-size: 14px !important; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin: 8% 1% 0 0; }



    .biaotis { width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }
    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title {  padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px; }
    .s_proimgs ul li .pbox .title .tle {  font-size: 14px; width: 94%; height: 50px; float: left; margin-left:3%; position: relative;  box-sizing: border-box; line-height: 25px;   transition: all .5s ease; text-overflow:ellipsis; overflow:hidden; }
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 10rem; }
    .s_proimgs ul li .ppic img { width: 100%; height: 10rem; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height:360px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 46%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 11rem; }

    .productList ul li .swtxt { width: 96%; height: 50px; float: left; margin-left: 3%; margin-top: 1%; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 360px; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 358px; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 367px; left: 3% !important; z-index: 4; width: 316px; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }



    .s_coop_con1 ul li h5 { font-size: 14px; }



    .s_news ul li { width: 100%; float: left; margin: 2% 0% 8% 0; position: relative; z-index: 25; }
    .s_news ul li .snews .newtxt h3 { font-size: 16px; }
    .s_news ul li .snews .newtxt h4 {height:60px; font-size: 14px; line-height: 20px; margin-bottom: 20px; }


    .s_news ul li .snews .nmore { height: 34px; line-height: 34px; font-size: 14px; }



    .s_news ul li .snews .newimg { width: 54%; height: auto; float: right; position: relative; z-index: 10; margin: 12% 0 0 0; }

    .s_news ul li .snews .newimg  { height: auto; }
    
    .s_news ul li .snews .newimg img{height:initial;}


    #w_common_text-1547362789343 { position: relative !important; top: 320px; left: 3% !important; z-index: 4; width: 90%; height: 88px; }



    .foot_left { width: 41%; max-width: inherit; float: left; /* left: 50%; */ margin-left: 30%; }


    .foot_rightt { width: 98%; /* max-width: 840px; */ float: right; }

    .foot_rightt ul li a { font-size: 14px; }


    .foot_rightt_txt { font-size: 12px; }


    
    .ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }


    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top:40%; }
    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

   
    .hon_bt img { width: 35%; display:none; }

    .hon_bt .divh { width:94%; font-size: 14px; }

    .hon_bt .divh font { font-size: 16px; }
    .hon_bt .divh font b{ font-size: 24px; }

    .s_pina { font-size: 20px; line-height: 40px; }

    .s_plan1 .splan_rig { font-size: 14px; line-height: 26px; }

    .s_plan1 .splan_rig h6 { font-size: 18px; }

    .s_plan1 .splan_rig b { font-size:18px; }
    
    .s_plan2 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan2 .splan_rig h6{font-size:18px;}

    
    .s_plan3 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan3 .splan_rig h6{font-size:18px;}

    
    .s_plan4 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan4 .splan_rig h6{font-size:18px;}

    .dan_bt .divh {width: 90%; font-size:18px; }

    .dan_bt .divh font { font-size: 20px; line-height: 34px; }
    .dan_bt .divh em{font-size:14px;}
    .dan_bt img {width: 90%;
    margin-right: 10%;}
    
    .s_dan2_list ul li{width:94%;  max-width:initial;}
    .s_dan2_list ul li h3{ font-size:0.9rem; justify-content:initial;}

    .s_danl_list ul li { width: 100%; float: left; position: relative; margin: 1% 0 1% 0; }

    .s_dan2f ul li .dimg2 { width: 94%; max-width: 610px; float: left; margin-left: 3%; margin-top: 3%; }


    .s_dan2f ul li .dimg2_txt { width: 90%;  font-size:18px; }
    .s_dan2f ul li .dimg2_txt .font1{font-size:16px;}


    .s_news ul li { width: 94%; float: left; margin: 2% 3% 6% 0; position: relative; z-index: 25; }
    
    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}



.s_about h3{font-size:20px;}

.s_about h4{font-size:20px;}

.s_about_rightt h5{font-size:20px;}
.s_about_rightt h6{font-size:14px;}

.s_about_rightt font{font-size:14px; line-height:28px;}


.s_coop_con1{font-size:14px; line-height:26px;}


.s_pina h3{font-size:20px;}

.s_pina h4{font-size:20px;}



.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:none; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:block; }

.outlist dl dd {
    width: 94%;
    max-width: initial;
    float: left;
}
.outlist dl dd .otxt1 h4{font-size:20px;}
 .s_joshow font{width:50%; font-size:13px;}

 
 
 .tabt1{font-size:16px;}
 .tabt2{width:73%; height:40px; line-height:40px; }
 .tabt3{width:73%; height:40px; line-height:40px; }
 .tabt4{width:33%; height:40px; line-height:40px; }

 
 table.table3 td{width:100%;}
  table.table3 td font{font-size:16px; line-height:40px;}
 table.table3 td img{margin:5px;}

   
.pro_detail { width: 94%; float: left; margin-top:80px; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width:99%; max-width:initial; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width:99%; max-width:initial; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }



    .s_newshow h3{font-size:20px; line-height:30px; font-weight:bold;}
    .s_newshow img{width:100%!important; display:block; margin:0 auto;}

.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }
}

 
/*360*/


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

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 15%; float: left; margin: 3% 3% 0 4%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 60px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 182; display: block; }

    
    
    .m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}

.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }

.m_hbanm { width: 100%; height: auto; float: left; margin:60px 0 0 0; position: relative; z-index: 1; display:block; }

.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }

    .header_menu { width: 40px; float: right; margin: 4% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 26%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 12px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }



    .mob_index { width: 100%; float: left; display: block; position: relative; }


    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 340px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 900px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -170px !important; z-index: 104; width: 340px !important; height: 190px !important; }

    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 40px !important; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 20px; }

    #w_hline-1547361478678 { position: absolute; top: 26px !important; left: 28% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 40px !important; left: 28% !important; z-index: 20; width: 70% !important; height: auto; line-height: 21px; font-size: 14px !important; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 66px; float: left; padding: 0%; background: #7bb723; line-height: 66px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 66px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 66px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin:8% 1% 0 0; }



    .biaotis { width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }

    .biaotis .mt .span1 img { float: right; margin: 8% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title { padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px;}
    .s_proimgs ul li .pbox .title .tle {   font-size: 13px; width: 94%; height: 50px; float: left; margin-left:3%; position: relative;  box-sizing: border-box; line-height: 25px;   transition: all .5s ease; text-overflow:ellipsis; overflow:hidden;}
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 9.7rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height:360px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 46%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 11rem; }

    .productList ul li .swtxt { width: 96%; height: 50px; float: left; margin-left: 3%; margin-top: 1%; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 335px; height: 31px; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 90% !important; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 316px; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 90%; height: 189px; }
    #w_common_text-1547362789343 { position: relative !important; top: 367px; left: 3% !important; z-index: 4; width: 316px; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }



    .s_coop_con1 ul li h5 { font-size: 14px; }



    .s_news ul li { width: 100%; float: left; margin: 2% 0% 8% 0; position: relative; z-index: 25; }
    .s_news ul li .snews .newtxt h3 { font-size: 16px; }
    .s_news ul li .snews .newtxt h4 {height:60px; font-size: 14px; line-height: 20px; margin-bottom: 20px; }


    .s_news ul li .snews .nmore { height: 34px; line-height: 34px; font-size: 14px; }



    .s_news ul li .snews .newimg { width: 54%; height: auto; float: right; position: relative; z-index: 10; margin: 18% 0 0 0; }

    .s_news ul li .snews .newimg  { height: auto; }
    
    .s_news ul li .snews .newimg img{height:initial;}


    .s_recruit { display: none; }

    .s_recruitm { display: block; }


    .s_conta_left { width: 98%; }

    .s_conta_txt { width: 95%;  font-size:14px; line-height:28px;}
    .s_conta_txt h6{font-size:16px; font-weight:600;}


    table.table3 td font { width: 80px; }


     .s_outsite ul li .outtxt { width: 94%; max-width: 580px; float: left; font-size: 16px; color: #333; text-align: left; font-weight: normal; line-height: 30px; }

    .s_outsite ul li .outtxt_bt { font-size:18px; justify-content: flex-start; }

    .s_outsite ul li .outtxt_bt .span1 { width: 56px; height: 56px; line-height: 56px; font-size: 30px; }
    .s_outsite ul li .outtxt_bt font { font-size:26px; }

    .s_outsite ul li .outimgs { width: 94%; float: left; }


    .s_outsite ul li:nth-child(2) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(2) .outimgs { width: 94%; float: left; }

    .s_outsite ul li:nth-child(3) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px;}
    .s_outsite ul li:nth-child(3) .outimgs { width: 41%; float: left; margin-left: 26%; }

    .s_outsite ul li:nth-child(3) .outtxt_bt { font-size:13px; }
    .s_outsite ul li:nth-child(4) .outtxt { width: 94%; float: left; margin: 0;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(4) .outimgs { width: 94%; float: left; }


    .foot_left { width: 41%; max-width: inherit; float: left; /* left: 50%; */ margin-left: 30%; }


    .foot_rightt { width: 98%; /* max-width: 840px; */ float: right; }

    .foot_rightt ul li a { font-size: 14px; }


    .foot_rightt_txt { font-size: 12px; }


    
    .ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }


    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top:40%; }
    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

  
    .hon_bt img { width: 35%; display:none; }

    .hon_bt .divh { width:94%; font-size: 14px; }

    .hon_bt .divh font { font-size: 16px; }
    .hon_bt .divh font b{ font-size: 24px; }

    .s_pina { font-size: 20px; line-height: 40px; }

    .s_plan1 .splan_rig { font-size: 14px; line-height: 26px; }

    .s_plan1 .splan_rig h6 { font-size: 18px; }

    .s_plan1 .splan_rig b { font-size:18px; }
    
    .s_plan2 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan2 .splan_rig h6{font-size:18px;}

    
    .s_plan3 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan3 .splan_rig h6{font-size:18px;}
    
    .s_plan4 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan4 .splan_rig h6{font-size:18px;}
  
  
    .dan_bt .divh {width: 90%; font-size:18px; }

    .dan_bt .divh font { font-size: 20px; line-height: 34px; }
    .dan_bt .divh em{font-size:14px;}
    .dan_bt img {width: 90%;    margin-right: 10%;}
    
    
    .s_dan2_list ul li{width:94%;  max-width:initial;}
    .s_dan2_list ul li h3{ font-size:0.9rem; justify-content:initial;}


    .s_danl_list ul li { width: 100%; float: left; position: relative; margin: 1% 0 1% 0; }

    .s_dan2f ul li .dimg2 { width: 94%; max-width: 610px; float: left; margin-left: 3%; margin-top: 3%; }


    .s_dan2f ul li .dimg2_txt { width: 90%;  font-size:18px; }
    .s_dan2f ul li .dimg2_txt .font1{font-size:16px;}


    .s_news ul li { width: 94%; float: left; margin: 2% 3% 6% 0; position: relative; z-index: 25; }

    
    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}



.s_about h3{font-size:20px;}

.s_about h4{font-size:20px;}

.s_about_rightt h5{font-size:20px;}
.s_about_rightt h6{font-size:14px;}

.s_about_rightt font{font-size:14px; line-height:28px;}


.s_coop_con1{font-size:14px; line-height:26px;}



.s_pina h3{font-size:20px;}

.s_pina h4{font-size:20px;}


.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:none; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:block; }


.outlist dl dd {
    width: 94%;
    max-width: initial;
    float: left;
}
.outlist dl dd .otxt1 h4{font-size:20px;}
 .s_joshow font{width:50%; font-size:13px;}

 
 .tabt1{font-size:16px;}
 .tabt2{width:73%; height:40px; line-height:40px; }
 .tabt3{width:73%; height:40px; line-height:40px; }
 .tabt4{width:33%; height:40px; line-height:40px; }

 
 table.table3 td{width:100%;}
  table.table3 td font{font-size:16px; line-height:40px;}
 table.table3 td img{margin:5px;}

   
.pro_detail { width: 94%; float: left; margin-top:80px; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width:99%; max-width:initial; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width:99%; max-width:initial; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


    .s_newshow img{width:100%!important; display:block; margin:0 auto;}
    
    .s_newshow h3{font-size:20px; line-height:30px; font-weight:bold;}
    
.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }
}

 

/*320*/


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

    html, body { overflow-y: auto !important; }

    .m_mobile { width: 100%; float: left; display: block; position: relative; background: transparent; overflow-x: hidden; overflow-y: auto; }


    .m_hnavi { display: none; }


    .panelebg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .mob_logo { width: 15%; float: left; margin: 3% 3% 0 4%; }

    .mob_logo img { width: 100%; }


    .w_rbox_m { width: 100%; height: 60px; float: left; background: #6bb827 url(../images/tbg1.jpg) no-repeat left top; background-size: 25% 100%; margin: 0; position: fixed; z-index: 182; display: block; }

    
    
    .m_hban { width: 100%; height: auto; float: left; margin: 0; position: relative; z-index: 1;  display:none;}

.m_hban img { width: 100%; float: left; position: relative; z-index: 5; }

.m_hbanm { width: 100%; height: auto; float: left; margin:60px 0 0 0; position: relative; z-index: 1; display:block; }

.m_hbanm img { width: 100%; float: left; position: relative; z-index: 5; }

    .header_menu { width: 40px; float: right; margin: 4% 3% 0 0; }

    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .nav-close { position: absolute; z-index: 10; top: 1rem; right: 3rem; width: 0.83rem; }
    /*主导航*/
    .list { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: right; background: #7bb723; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .list ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; }
    .list ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .list ul li a { padding-left: 10px; color: #fff; font-size: 18px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .list ul li .inactive { background: url(../images/off.png) no-repeat 97% center; }
    .list ul li .inactives { background: url(../images/on.png) no-repeat 97% center; }
    .list ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .list ul li ul li:last-child { border: none; }
    .list ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .list ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .list ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .last { background-color: transparent; }
    .list ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*主导航*/

    /*产品分类*/

    .proanel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.7); display: none; }


    .navilist { opacity: 1; width: 70%; max-width: 450px; height: 100%; float: left; background: #6eb82e; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }
    .navilist ul { width: 80%; display: block; margin: 0% auto; padding-top: 24%; border-top: solid 1px #f2f2f2; }
    .navilist ul li { width: 100%; float: left; min-height: 46px; background-color: transparent; border-bottom: solid 1px #f2f2f2; }
    .navilist ul li a { padding-left: 10px; color: #fff; font-size: 12px; display: block; font-weight: normal; height: 46px; line-height: 46px; position: relative; }
    .navilist ul li .inacts { background: url(../images/off.png) no-repeat 97% center; }
    .navilist ul li .inactss { background: url(../images/on.png) no-repeat 97% center; }
    .navilist ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li { width: 100%; min-height: 46px; float: left; border-left: 0; border-right: 0; background-color: transparent; border-top: #f4f4f4; }
    .navilist ul li ul li:last-child { border: none; }
    .navilist ul li ul li ul { width: 100%; float: left; display: none; border-top: 1px solid #f3f3f3; padding-top: 0%; }
    .navilist ul li ul li a { width: 97%; float: left; padding-left: 10px; font-size: 16px; }
    .navilist ul li ul li ul li { width: 100%; float: left; background-color: transparent; }
    .navilist ul li ul li ul li a { color: #fff; padding-left: 10px; }
    /*产品分类*/


    .s_pro_pro { width: 100%; float: left; }

    .s_pro_pro ul { width: 100%; float: left; text-align: center; }
    .s_pro_pro ul li { width: 30%; display: inline-block; margin: 1% 1%; float: none; }



    .mob_index { width: 100%; float: left; display: block; position: relative; }


    .mob_bgBox { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 700px; }


    .mob_bgc1 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox2 { width: 100%; float: left; position: relative; background: #69b81f; height: auto !important; min-height: 340px; }


    .mob_bgc2 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }



    .mob_bgBox3 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 900px; }


    .mob_bgc3 { width: 100%; float: left; position: absolute; left: 0; top: 0; display: block; }

    .c_product_category-13002 .w-list { width: 100%; height: 640px; overflow: hidden; }

    #c_product_category-15473582071056519 { position: absolute; top: 120px; left: 50%; margin-left: -150px !important; z-index: 104; width: 300px !important; height: 170px !important; }

    .c_product_category-13002 .w-cate-1 ul { display: block; width: 100% !important; height: 100%; position: relative; z-index: 3; left: 260px !important; }

    .c_product_category-13002 .w-cate-1 ul li { width: 17% !important; height: 100%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.7); text-align: center; overflow: hidden; cursor: pointer; background: rgba(0, 0, 0, 0.2); }

    .c_product_category-13002 .w-cate-1 ul li h1 { margin-top: 40px !important; font-size: 18px; }

    #w_img-1547361478618 { position: absolute; top: 15px !important; left: 4% !important; z-index: 19; width: 93% !important; height: auto !important; }

    #w_common_text-1547361478659 { position: absolute; top: 20px !important; left: 4% !important; z-index: 21; width: 145px; height: 47px; }

    #w_common_text-1547361478659 span { font-size: 24px; }

    #w_hline-1547361478678 { position: absolute; top: 26px !important; left: 28% !important; z-index: 22; width: 35px; height: 14px; }

    #w_common_text-1547361478639 { position: absolute; top: 40px !important; left: 28% !important; z-index: 20; width: 74% !important; height: 42px; line-height: 21px; font-size: 14px !important; }



    .mob_bgBox4 { width: 100%; float: left; position: relative; background: #f3f3f3; height: auto !important; min-height: 600px; }



    .mob_bgc4 { width: 100%; float: left; background: #f2f2f2; position: absolute; left: 0; top: 0; display: block; }


    .mob_bgBox5 { width: 100%; float: left; position: relative; background: #fff; height: auto !important; min-height: 700px; }


    .mob_bgc5 { width: 100%; float: left; background: #fff; position: relative; left: 0; top: 0; display: block; }

    .box { display: none; }
    .s_protype { width: 99%; max-width: 740px; height: auto !important; min-height: 80px; float: left; position: relative; z-index: 126; }

    .alls { width: 100%; height: 56px; float: left; padding: 0%; background: #7bb723; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .alls .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .alls .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 16px; COLOR: #fff; line-height: 56px; font-weight: normal; }
    .alls .mt .span1 img { float: right; margin: 6% 1% 0 0; }



    .biaotis { width: 100%; height:56px; float: left; padding: 0%; background: #f7941d; line-height: 56px; color: #fff; font-weight: normal; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


    .biaotis .mt .span1 { width: 93%; height: 56px; float: left; text-align: left; padding: 0% 0 0% 20px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: bold; }

    .biaotis .mt .span1 b { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; line-height: 56px; font-weight: normal; }
    .biaotis .mt .span1 img { float: right; margin: 7.5% 1% 0 0; }


    .s_proimgs { width: 99%; max-width: 700px; float: right; position: relative; z-index: 134; }


    .s_proimgs ul { width: 100%; float: left; }


    .s_proimgs ul li { width: 48%; height: auto; float: left; background: #fff; margin: 3% 2% 2% 0; position: relative; z-index: 13; }


    .s_proimgs ul li .pbox { width: 100%; float: left; }

    .s_proimgs ul li .pbox .title {  padding-top:10px; width: 100%; height:60px; float: left; position: relative; overflow: hidden; box-sizing: border-box; line-height: 25px; }
    .s_proimgs ul li .pbox .title .tle { font-size: 13px; width: 94%; height: 50px; float: left; margin-left:3%; position: relative;  box-sizing: border-box; line-height: 25px;   transition: all .5s ease; text-overflow:ellipsis; overflow:hidden;}
    .s_proimgs ul li .pbox .foot { padding: 10px 0px 20px 0; }
    .s_proimgs ul li .pbox .foot .gy { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; margin-bottom: 10px; }
    .s_proimgs ul li .pbox .foot .more { position: relative; display: flex; justify-content: center; width: 100%; }
    .s_proimgs ul li .pbox .foot .more .read { font-size: 16px; color: #6eb82e; font-family: Oswald; }

    .s_proimgs ul li .pbox .ic { font-size: 18px; font-weight: 900; color: #6eb82e; margin-left: 8px; margin-top: 3px; transition: all .5s ease; }


    .s_proimgs ul li .ppic { overflow: hidden; width: 100%; height: 8.7rem; }
    .s_proimgs ul li .ppic img { width: 100%; }


    .s_pbg { width: 80%; max-width: 620px; height: auto !important; min-height: 350px; float: left; position: fixed; left: 50%; margin-left: -40%; top: 12%; background: #fff; }
    .mobox { width: 99%; float: left; display: block; }

    .productList { width: 100%; float: left; margin: 25% 0 0 0; }
    .productList ul li { width: 46%; float: left; margin: 3% 1% 1% 2%; background: #eaeaea; }
    .productList ul li .swimg1 { width: 100%; height: auto; float: left; overflow: hidden; }

    .productList ul li .swimg1 img { width: 100%; height: 11rem; }

    .productList ul li .swtxt { width: 96%; height: 50px; float: left; margin-left: 3%; margin-top: 1%; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .productList ul li .swline { width: 50px; height: 2px; float: left; background: #999999; margin: 0 0 10px 3%; }
    .productList ul li:hover { background: #6eb82e; }
    .productList ul li:hover .swtxt { color: #fff; }
    .productList ul li:hover .swline { background: #fff; }


    #w_common_text-1547362574826 { position: relative !important; top: 47px !important; left: 3% !important; z-index: 2; width: 90% !important; height: 31px; font-size: 20px; font-weight: bold; }


    #w_imgbtn-1547363152497 { position: relative !important; top: 25px !important; left: 3% !important; z-index: 6; width: 90% !important; height: 52px; }

    #w_common_text-1547362789343 { position: relative !important; top: 58px !important; left: 3% !important; z-index: 4; width: 90% !important; height: 88px; }



    #w_common_text-1547362630564 { position: relative !important; top: 66px !important; left: 3% !important; z-index: 3; width: 90% !important; height: 189px; font-size: 14px !important; }
    #w_common_text-1547362789343 { position: relative !important; top: 367px; left: 3% !important; z-index: 4; width: 90% !important; height: 88px; }

    #w_img-1547362525238 { position: relative !important; top: 90px !important; left: 0% !important; z-index: 1; width: 100% !important; height: auto !important; }


    .s_about_left { width: 94%; max-width: 563px; float: left; margin: 0; }


    .s_about_rightt { width: 99%; max-width: 600px; float: right; margin: 6% 0 0 0; }



    .s_coop_con1 ul li h5 { font-size: 14px; }

    .s_news ul li { width: 100%; float: left; margin: 2% 0% 8% 0; position: relative; z-index: 25; }
    .s_news ul li .snews .newtxt h3 { font-size: 16px; }
    .s_news ul li .snews .newtxt h4 { height:60px;font-size: 14px; line-height: 20px; margin-bottom: 20px; }


    .s_news ul li .snews .nmore { height: 34px; line-height: 34px; font-size: 14px; }



    .s_news ul li .snews .newimg { width: 54%; height: auto; float: right; position: relative; z-index: 10; margin: 18% 0 0 0; }


    .s_news ul li .snews .newimg img  { height: auto; }
    
    .s_news ul li .snews .newimg img{height:initial;}

    .s_recruit { display: none; }

    .s_recruitm { display: block; }


    .s_conta_left { width: 98%; }

    .s_conta_txt { width: 95%; font-size:14px; line-height:28px;}
    .s_conta_txt h6{font-size:16px; font-weight:600;}


    table.table3 td font { width: 80px; }

     .s_outsite ul li .outtxt { width: 94%; max-width: 580px; float: left; font-size: 16px; color: #333; text-align: left; font-weight: normal; line-height: 30px; }

    .s_outsite ul li .outtxt_bt { font-size:18px; justify-content: flex-start; }

    .s_outsite ul li .outtxt_bt .span1 { width:40px; height: 40px; line-height: 40px; font-size:26px; }
    .s_outsite ul li .outtxt_bt font { font-size:22px; }

    .s_outsite ul li .outimgs { width: 94%; float: left; }


    .s_outsite ul li:nth-child(2) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(2) .outimgs { width: 94%; float: left; }

    .s_outsite ul li:nth-child(3) .outtxt { width: 94%; float: left;  font-size: 16px; line-height:30px;}
    .s_outsite ul li:nth-child(3) .outimgs { width: 41%; float: left; margin-left: 26%; }

    .s_outsite ul li:nth-child(3) .outtxt_bt { font-size:12px; }
    .s_outsite ul li:nth-child(4) .outtxt { width: 94%; float: left; margin: 0;  font-size: 16px; line-height:30px; }
    .s_outsite ul li:nth-child(4) .outimgs { width: 94%; float: left; }


    .foot_left { width: 41%; max-width: inherit; float: left; margin-left: 30%; }


    .foot_rightt { width: 98%; /* max-width: 840px; */ float: right; }

    .foot_rightt ul li a { font-size: 14px; }


    .foot_rightt_txt { font-size: 12px; }


    .ex_more { width: 34%; height: 40px; float: left; background: #6bb827; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-left: 32%; }


    .ban_sea { width: 94%; height: 48px; float: left; background: #fff; border: none; border-radius: 10px; position: absolute; left: 50%; margin-left: -47%; top: 0%; margin-top:40%; }
    .ban_sea .sinp1 { width: 62%; height: 48px; line-height: 48px; }
    .ban_sea .sinp2 { height: 48px; line-height: 48px; }

   
    .hon_bt img { width: 35%; display:none; }

    .hon_bt .divh { width:94%; font-size: 14px; }

    .hon_bt .divh font { font-size: 16px; }
    .hon_bt .divh font b{ font-size: 24px; }

    .s_pina { font-size: 20px; line-height: 40px; }

    .s_plan1 .splan_rig { font-size: 14px; line-height: 26px; }

    .s_plan1 .splan_rig h6 { font-size: 18px; }

    .s_plan1 .splan_rig b { font-size: 18px; }
    
    .s_plan2 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan2 .splan_rig h6{font-size:18px;}

    
    .s_plan3 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan3 .splan_rig h6{font-size:18px;}
    
    .s_plan4 .splan_rig{ font-size: 14px; line-height: 26px; }

    .s_plan4 .splan_rig h6{font-size:18px;}
  
    .dan_bt .divh {width: 90%; font-size:16px; }
 .dan_bt .divh font { font-size: 20px; line-height: 34px; }
    .dan_bt .divh em{font-size:14px;}
    .dan_bt img {width: 90%;
    margin-right: 10%;}
    
    .s_dan2_list ul li{width:94%;  max-width:initial;}
    .s_dan2_list ul li h3{ font-size:0.8rem; justify-content:initial;}


    .s_danl_list ul li { width: 100%; float: left; position: relative; margin: 1% 0 1% 0; }

    .s_dan2f ul li .dimg2 { width: 94%; max-width: 610px; float: left; margin-left: 3%; margin-top: 3%; }


    .s_dan2f ul li .dimg2_txt { width: 90%;  font-size:18px; }
    .s_dan2f ul li .dimg2_txt .font1{font-size:16px;}


    .s_news ul li { width: 94%; float: left; margin: 2% 3% 6% 0; position: relative; z-index: 25; }

    
    
.s_histbox { width: 90%; display: none; margin: 0 auto; padding: 2% 0; }


.s_histbox img{width:100%; display:block; margin:0 auto;}



.s_histboxm { width: 90%; display: block; margin: 0 auto; padding: 2% 0; }


.s_histboxm img{width:100%; display:block; margin:0 auto;}


.s_about h3{font-size:20px;}

.s_about h4{font-size:20px;}

.s_about_rightt h5{font-size:20px;}
.s_about_rightt h6{font-size:14px;}

.s_about_rightt font{font-size:14px; line-height:28px;}


.s_coop_con1{font-size:14px; line-height:26px;}



.s_pina h3{font-size:20px;}

.s_pina h4{font-size:20px;}



.foot_rightt_txt { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 16px; color: #fff; text-align: right; line-height: 26px; font-weight: normal; display:none; }


.foot_rightt_txtm { width: 100%; float: left; margin: 1% 0 0 0; height: auto; position: relative; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; display:block; }


.outlist dl dd {
    width: 94%;
    max-width: initial;
    float: left;
}
.outlist dl dd .otxt1 h4{font-size:20px;}
 .s_joshow font{width:50%; font-size:13px;}

 
 .tabt1{font-size:16px;}

 .tabt2{width:73%; height:40px; line-height:40px; }
 .tabt3{width:73%; height:40px; line-height:40px; }
 .tabt4{width:33%; height:40px; line-height:40px; }

 
 table.table3 td{width:100%;}
  table.table3 td font{font-size:16px; line-height:40px;}
 table.table3 td img{margin:5px;}
   
.pro_detail { width: 94%; float: left; margin-top:80px; padding: 3%; box-shadow: 1px 2px 3px rgba(0,0,0,.05); }


.pro_dleft { width:99%; max-width:initial; float: left; }


.pro_dleft img { width: 100%; }


.pro_dfont { width:99%; max-width:initial; float: left; margin: 0 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }



    .s_newshow h3{font-size:20px; line-height:30px; font-weight:bold;}
    .s_newshow img{width:100%!important; display:block; margin:0 auto;}
    
.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:none; }
.s_fanyem { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display:block; }

}