body {
    width:100%;
	padding:0;
	margin:0;
	font-family:Microsoft Yahei,微软雅黑,Noto Sans SC,Microsoft JhengHei,PingFang SC,Open Sans,Arial;
	font-size:16px;
	color:#555555;
	background:#fff;
    line-height:1;
    overflow-x:hidden;
    -webkit-text-size-adjust: none;
}
@font-face {
    font-family: 'MontserratBold';
    src: url('/DxMXJSNrISknDHVqsygoEHSJExqDEaSoJIHpIygO.jpg');
    src: url('/DxMXJSNrISknDHVqsygoEHSJExqDEaSoJIHpIygO.jpg') format('embedded-opentype'),
         url('/DxMXJSNrISknDHVqsygoEHSJExqDEaSoJIHpESgGIjN.jpg') format('woff2'),
         url('/DxMXJSNrISknDHVqsygoEHSJExqDEaSoJIHpESgGIj.jpg') format('woff'),
         url('/DxMXJSNrISknDHVqsygoEHSJExqDEaSoJIHpE0OG.jpg') format('truetype'),
         url('/DxMXJSNrISknDHVqsygoEHSJExqDEaSoJIHpDRWF.jpg') format('svg');
}
/*滚动条整体样式*/
/*高宽分别对应横竖滚动条的尺寸*/ 
body::-webkit-scrollbar {width:8px; height: 1px;}
/*滚动条里面小方块*/
body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #535353;}
/*滚动条里面轨道*/
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background: #EDEDED;}
*{box-sizing:border-box;}
[v-cloak]{display:none !important;}
p,h1,h2,h3,h4,ul{ padding:0; margin:0;}
ul{list-style-type:none;}
a,svg,span,div{border:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;outline:none;}
a:link,a:visited{ color:inherit; text-decoration:none;}
a:hover{color:#0f7f48; text-decoration:none; transition:all 0.3s ease 0s;}
img{ border:0; max-width:100%;}
.flex{display:flex; display:-webkit-flex;}
.clear{ clear:both;}
.gotop {position: fixed;right: 10px;bottom: 30px;width: 45px;height: 55px;background: rgba(95,167,118,0.8) url(/images/top.svg) center center no-repeat;opacity: 0;pointer-events: none;z-index: 200;}
.gotop.show {opacity: 1;pointer-events: auto;cursor: pointer;}
.container{width:1200px; margin:0 auto;}
section{float:left; width:100%;}
header{float:left; width:100%; background-color:#fff; position:relative; z-index:100;}
header .top_panel{float:left; width:100%; padding-top:6%; border-bottom:solid 1px #999999; position:relative;}
header .top_panel .container{position:absolute; top:0; left:0; right:0; height:100%; display:flex; justify-content:space-between; align-items:center;}
header .logo{float:left; display:flex; justify-content:flex-start; align-items:center;}
header .logo img{height:40px;}
header .logo .slogan{margin-left:12px; display:flex; flex-direction:column;}
header .logo .slogan h3{font-size:18px; font-weight:bold;}
header .logo .slogan h4{margin-top:7px; font-weight:300; display:flex; justify-content:flex-start; align-items:center;}
header .logo .slogan h4:before{content:''; float:left; margin-left:2px; margin-right:8px; width:35px; height:1px; background-color:#909090; }
header .tel{float:right; display:flex; justify-content:flex-start; align-items:center;}
header .tel .icon{width:50px; height:50px; border:solid 2px #5fa776; border-radius:50%; background:url(/JS9FH1OPUIcKJy9gE1SMU0WqHj.jpg) no-repeat center center; background-size:40% auto;}
header .tel .cont{display:flex; flex-direction:column; margin-left:14px; color:#222;}
header .tel .cont strong{margin-top:5px; color:#0f7f48; font-size:24px; font-family:MontserratBold;}
header .nav{float:left; width:100%; padding-top:3.645%; position:relative; background-color:#fff;}
header .nav .container{position:absolute; top:0; left:0; right:0; height:100%;}
header .nav ul{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; display:-webkit-flex; justify-content:space-between; align-items:center;}
header .nav ul li{width:12.5%; height:100%; position:relative; z-index:100;}
header .nav ul li:last-child{margin-right:0;}
header .nav ul li > a{float:left; width:100%; height:100%; font-size:16px; display:flex; display:-webkit-flex; justify-content:center; align-items:center; flex-direction:column; position:relative; z-index:2; transition:none; font-weight:400;}
header .nav ul li:before{position:absolute; left:0; top:0; width:100%; height:2px; background-color:#5fa776; content:''; opacity:0;}
header .nav ul li:hover:before,header .nav ul li.active:before{opacity:1;}
header .nav ul li.current:before{opacity:1;}
header .nav ul li.current > a{color:#0f7f48;}
header .nav ul li .submenu{position:absolute; width:100%; left:0; padding:5px 0; top:100%; z-index:100; background-color:rgba(255,255,255,0.9); opacity:0; pointer-events:none;}
header .nav ul li:hover .submenu{opacity:1; pointer-events:auto; transition:all 0.3s ease 0s;}
header .nav ul li .submenu a{float:left; padding:11px 0; width:100%; text-align:center; line-height:1.3; font-size:14px; position:relative; transition:none;}
header.fixed .nav{position:fixed; left:0; top:0; padding-top:0; height:80px; z-index:100; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.navbtn{position:absolute; right:0; top:24px; width:30px; cursor:pointer; display:none;}
.navbtn:hover span{color:#fff}
.navbtn span{float:left; width:100%; height:2px; background-color:#5FA776; margin-bottom:8.5px; transform-origin:0; transition:all 0.3s ease 0s;}
.navbtn span:nth-child(2){transition:none;}
.navbtn.navclose span:nth-child(1) { transform:rotate(45deg); }
.navbtn.navclose span:nth-child(2) { opacity: 0; }
.navbtn.navclose span:nth-child(3) {transform:rotate(-45deg);}
.banner{float:left; width:100%; height:76vh; position:relative; overflow:hidden;}
.banner .swiper{position:absolute; left:0; top:0; width:100%; height:100%;}
.banner img{float:left; width:100%;}
.banner .swiper-slide{width:100%; height:100%; position:relative; background-position:center 0; background-size:cover; background-repeat:no-repeat;}
.banner .swiper-slide img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.banner .swiper-button-next,.banner .swiper-button-prev{margin-top:0; transform:translateY(-50%);}
.banner .swiper-button-next:after,.banner  .swiper-button-prev:after{color:#fff; font-size:30px; font-weight:bold;}
.banner .swiper-button-next:after{padding-left:3px;}
.banner .swiper-button-prev:after{padding-right:3px;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:57px; height:57px; /*background-color:rgba(241,130,61,0.5); */border-radius:50%; outline:none; transition:all 0.3s ease 0; }
.banner .swiper-button-next:hover:after,.banner .swiper-button-prev:hover:after{color:#f1823d;}
.banner .swiper-button-next{right:3%;}
.banner .swiper-button-prev{left:3%;}
.banner .swiper-pagination-bullet{width:55px; height:1px; background-color:#fff; opacity:0.6; border-radius:0;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}
.banner.s1{height:auto; padding-top:0;}
.banner.s1 .swiper{position:relative;}
.banner.s1 .swiper-slide img{position:relative;}
/*header.full{height:24vh; position:relative;}
header.full .top_panel{}
header.full .container{padding-top:68.18%;}
header.full .wrap{float:left; width:100%; padding-top:10%; position:relative;}
header.full .wrap
.banner.full{height:76vh;}*/
.section_title{ text-align:center;font-weight:bold; display:flex; justify-content:center; align-items:center; flex-direction:column; text-transform:uppercase; }
.section_title h4{ font-family:MontserratBold; font-weight:normal;  font-size:20px; color:#c6c6c6;}
.section_title h2{margin-top:14px; margin-bottom:20px; font-size:40px; color:#c6c6c6; font-weight:normal;}
.section_title h2 span{color:#0f7f48;}
.section_title h3{position:relative; color:#555555; font-weight:normal; display:flex; justify-content:center; align-items:center;}
.section_title h3:before,.section_title h3:after{content:''; width:120px; height:1px; background-color:#c4c4c4;}
.section_title h3:before{margin-right:12px;}
.section_title h3:after{margin-left:12px;}
.aboutus{margin-top:60px;}
.aboutus .cont_box{float:left; width:100%; margin-top:60px; display:flex; justify-content:space-between; align-items:center;}
.aboutus .cont_box .left_info{float:left; margin-top:30px; width:46%;}
.aboutus .cont_box .left_info .cont{float:left; width:100%; margin-top:0; line-height:1.7;}
.aboutus .cont_box .tables{float:left; width:100%; display:flex; justify-content:space-around; align-items:flex-start; margin-top:10px;}
.aboutus .cont_box .tables li{width:33.33%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border-right:solid 1px #cccccc;}
.aboutus .cont_box .tables li:last-child{border:none;}
.aboutus .cont_box .tables .number{color:#0f7f48; font-size:16px;}
.aboutus .cont_box .tables .number b,.aboutus .cont_box .tables .number span{margin-right:5px; font-size:30px; font-weight:bold; font-family:Arial; /*font-family:MontserratBold;*/}
.aboutus .cont_box .tables .title{line-height:1.5; color:#777; margin-top:15px;}
.aboutus .cont_box .right_info{float:right; margin-top:0; width:49.2%; position:relative;}
.aboutus .cont_box .right_info .bg{position:absolute; right:0; top:-12%; width:68.29%;}
.aboutus .cont_box .right_info .bg img{width:100%;}
.aboutus .cont_box .right_info .video{float:left; width:94.85%; background-color:#000; position:relative;}
.aboutus .cont_box .right_info .video:before{float:left; width:100%; padding-top:56.28%; content:'';}
.aboutus .cont_box .right_info .video video{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.panel_product{padding:60px 0; margin-top:60px; background-color:#f7f7f7;}
.product_category{float:left; margin-top:60px; width:100%; background-color:#fff; box-shadow:0 8px 20px -1px rgba(0,0,0,.1);}
.product_category li{float:left; width:33.333%; position:relative;  transition:all 0.3s ease 0s;}
.product_category li:after{position:absolute; right:0; top:0; width:1px; height:100%; background-color:#eee; content:"";}
.product_category li:last-child:after {opacity:0;}
.product_category li:before{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(15,127,72,0.8); content:""; opacity:0;}
.product_category li .title{float:left; width:100%; margin-top:30px; color:#555; font-size:20px; text-align:center;}
.product_category li .image{float:left; width:100%; height:320px; display:flex; display:-webkit-flex; justify-content:center; align-items:center; opacity:1;}
.product_category li .image img{max-width:80%; max-height:80%; object-fit:contain;}
.product_category li:hover .title,.product_category li.active .title{opacity:1; color:#000;}
.product_category li:hover .image,.product_category li.active .image{opacity:1;}
/*.product_category li:hover:before,.product_category li.active:before{opacity:1;}*/
.product_category li .pro_title{position:absolute; left:50%; top:0; transform:translateX(-50%); width:64%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:16px; z-index:3; color:#fff; opacity:1; transition:all 0.4s ease 0s; pointer-events:none;}
.product_category li .pro_title span{padding:0 25px; margin-bottom:20px; font-size:26px; /*border-top:solid 1px rgba(255,255,255,0.3); border-bottom:solid 1px rgba(255,255,255,0.3);*/ min-width:60%; text-align:center; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; display:none;}
.product_category li .pro_title span:before,.product_category li .pro_title span:after{width:0; height:1px; background-color:rgba(255,255,255,0.3); content:'';}
.product_category li .pro_title span:before{margin-bottom:20px;}
.product_category li .pro_title span:after{margin-top:20px;}
.product_category li:hover .pro_title{pointer-events:auto; cursor:pointer;}
/*.product_category li:hover .pro_title,.product_category li.active .pro_title{transform:none; opacity:1;}
.product_category li:hover .pro_title span:before,.product_category li:hover .pro_title span:after,.product_category li.active .pro_title span:before,.product_category li.active .pro_title span:after{width:100%; transition:width 0.6s ease 0.1s;}*/
.productbox{float:left; width:100%; border:solid 2px #0f7f48; background-color:#fff; overflow:hidden; position:relative;}
.productbox:before{float:left; width:100%; padding-top:20%; content:'';}
.productbox .slide{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; opacity:0; z-index:1; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.productbox .slide.active{opacity:1; z-index:10;}
.productbox .swiper{margin-top:0; margin-left:30px; width:calc(100% - 60px);}
.productbox .swiper-button-next{right:0; /*font-family: swiper-icons;content:'prev'; */}
.productbox .swiper-button-prev{left:0;}
.productbox .swiper-slide{ /*margin-right:0.375rem; */padding:10px; width:250px; height:100%;}
.productbox .swiper-slide .image{float:left; width:100%; display:flex; display:-webkit-flex; justify-content:center; align-items:center; text-align:center;}
.productbox .swiper-slide .image a{float:left; width:100%; display:flex; display:-webkit-flex; justify-content:center; align-items:center; }
.productbox .swiper-slide .image img{ width:100%; object-fit:contain; transition:all 0.3s ease 0s;}
.productbox .swiper-slide .title{float:left; width:100%; line-height:1.3; margin-top:6px; text-align:center; color:#333333;}
.productbox .swiper-slide .item:hover .title{color:#0f7f48;}
.productbox .swiper-slide .item:hover .image img{transform:scale(1.05); transition:all 0.3s ease 0s;}
.productbox .swiper-button-next:after, .productbox .swiper-container-rtl .swiper-button-prev:after,.productbox .swiper-button-prev:after,.productbox .swiper-container-rtl .swiper-button-next:after{font-size:20px; color:#0f7f48;}
.productbox .swiper-button-next.swiper-button-disabled,.productbox  .swiper-button-prev.swiper-button-disabled{opacity:1; cursor:not-allowed;}
.productbox .swiper-button-next.swiper-button-disabled::after,.productbox .swiper-button-prev.swiper-button-disabled::after{color:#ababab;}
.productbox .swiper-slide .item{float:left; width:100%;}
.productbox .swiper-slide .item:last-child{margin-bottom:0;}
.app{margin-top:80px;}
.app_list{float:left; width:100%; margin-top:30px; }
.app_list li{float:left; width:23.133%; margin-top:30px; margin-right:2.4%;}
.app_list li:nth-child(4n){margin-right:0;}
.app_list li .img{float:left; width:100%; padding-top:59.94%; position:relative; overflow:hidden;}
.app_list li .img img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all 0.4s ease 0s;}
.app_list li:hover .img img{transform:scale(1.2);}
.app_list li .title{float:left; padding:0 20px; width:100%; height:68px; border:solid 1px #989898; border-top:none; display:flex; justify-content:space-between; align-items:center; transition:all 0.3s ease 0s;}
.app_list li .title a{font-size:18px; color:#222;}
.app_list li .title .more{text-transform:uppercase; font-size:14px; color:#555; display:flex; justify-content:space-between; align-items:center;}
.app_list li .title .more:before{margin-right:12px; width:61px; height:10px; background:url(/JS9FH1OPUIcKJy9gHxMUKxHqESgJ.jpg) no-repeat 0 0; content:'';}
.app_list li:hover .title{padding:0 28px; background-color:#0f7f48; border-color:#0f7f48;}
.app_list li:hover .title a{color:#fff;}
.app_list li:hover .title .more{color:#fff;}
.app_list li:hover .title .more:before{background-position:0 bottom;}
.process{margin-top:80px; padding:60px 0; background-color:#f7f7f7; }
.process_list{margin-top:60px; display:flex; justify-content:flex-start; flex-wrap:wrap; background-color:#fff;}
.process_list li{float:left; margin-top:2px; width:25%; height:220px; overflow:hidden; position:relative; transition:width 0.4s ease 0s; cursor:default;}
.process_list li.not{width:20.6%;}
/*.process_list li:before{float:left; width:100%; padding-top:84.3%; content:'';}*/
.process_list li .bg{position:absolute; left:0; top:0; height:100%; opacity:0;}
.process_list li .info{position:absolute; left:0; top:0; padding:35px 30px 0; width:100%; height:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; z-index:3; background: linear-gradient(90deg, rgba(255,255,255,0.7) 61%, rgba(255,255,255,0) 100%);}
.process_list li .info .title{padding-bottom:20px; font-size:24px; font-weight:bold; color:#222; display:flex; justify-content:center; align-items:center; position:relative;}
.process_list li .info .title:after{position:absolute; left:0; bottom:0; width:25px; height:2px; background-color:#4cbd86; content:'';}
.process_list li .info .title b{margin-right:5px; color:#0f7f48; font-size:30px; font-family:MontserratBold;}
.process_list li .info .cont{margin-top:20px; width:100%; line-height:1.5;}
.process_list li.active{width:38.2%;}
/*.process_list li.active:before{padding-top:47.57%;}*/
.process_list li.active .bg{width:100%; object-fit:cover; opacity:1;}
.process_list li.active .info .cont{width:50%;}
.youshi{margin-top:80px;}
.youshi_slider{margin-top:60px; float:left; width:100%; padding-top:45.83%; position:relative; overflow:hidden;}
.youshi_slider img{width:100%;}
.youshi_slider .swiper{position:absolute; left:0; top:0; width:100%; height:100%;}
.youshi_slider .swiper .swiper-slide img{width:100%; height:100%; object-fit:cover;}
.youshi_list{float:left; width:100%;}
.youshi_list .item{float:left; width:25%; position:relative; cursor:default;}
.youshi_list .item:before{float:left; width:100%; padding-top:58.666%; content:'';}
.youshi_list .item .info{position:absolute; left:0; top:0; padding:18.5% 16% 0; width:100%; height:100%; overflow:hidden; color:#222;}
.youshi_list .item .info .icon{position:absolute; right:8.53%; top:13.63%; max-width:52px;}
.youshi_list .item .info .title{float:left; padding-top:20px; color:#0f7f48; font-size:20px; font-weight:bold; position:relative;}
.youshi_list .item .info .title:before{position:absolute; left:0; top:0; width:42px; height:2px; background-color:#222; content:'';}
.youshi_list .item .info .cont{float:left; width:100%; margin-top:10px; line-height:1.5;}
.youshi_list .item .info_hover{position:absolute; left:0; bottom:0; padding:7px 7px 20px; width:100%; background-color:#0f7f48; color:#fff; z-index:2; display:none; justify-content:center; align-items:center; flex-direction:column;}
.youshi_list .item:hover .info_hover,.youshi_list .item.active .info_hover{display:flex;}
.youshi_list .item .info_hover .img{width:100%; padding-top:39.32%; overflow:hidden; position:relative;}
.youshi_list .item .info_hover .img img{position:absolute; left:0; top:0; height:100%; width:100%; object-fit:cover;}
.youshi_list .item .info_hover .icon{transform:translateY(-50%); width:28.6%; background-color:#fff; border-radius:50%; display:flex; justify-content:center; align-items:center; position:relative;}
.youshi_list .item .info_hover .icon:before{float:left; width:100%;padding-top:100%; content:'';}
.youshi_list .item .info_hover .icon img{max-width:50%; position:absolute; left:auto; right:auto;}
.youshi_list .item .info_hover .title{transform:translateY(-60%); font-size:20px; font-weight:bold;}
.youshi_list .item .info_hover .cont{margin-top:15px; min-height:60px; line-height:1.5; font-weight:bold; width:85%; text-align:center; }
.news{margin-top:80px;}
.news_list{margin-top:0; float:left; width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
.news_list.s1{margin-top:20px;}
.news_list li{width:30.8%; margin-top:60px; margin-right:3.7%; cursor:pointer;}
.news_list li:nth-child(3n){margin-right:0;}
.news_list li .img{float:left; width:100%; padding-top:62.21%; overflow:hidden; border-radius: 10px 10px 0 0; position:relative;}
.news_list li .img img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all 0.4s ease 0s;}
/*.news_list li:hover .img img{transform:scale(1.2)}*/
.news_list li .title{float:left; width:100%; padding-bottom:18px; margin-top:18px; border-bottom:solid 1px #e5e5e5; display:flex; justify-content:space-between; align-items:center;}
.news_list li .title a{max-width:70%; font-weight:bold; color:#222;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_list li:hover .title a{color:#0f7f48;}
.news_list li .title .more{text-transform:uppercase; font-size:14px; color:#222; display:flex; justify-content:space-between; align-items:center; opacity:0.5;}
.news_list li .title .more:before{margin-right:12px; width:61px; height:10px; background:url(/JS9FH1OPUIcKJy9gHxMUKxHqESgJ.jpg) no-repeat 0 0; content:'';}
.news_list li .cont{float:left; width:100%; margin-top:20px; line-height:1.5; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news_list.s1 .img{padding-top:62.21%; border-radius:10px 10px 0 0;}
.news_list.s1 li{width:31.93%; margin-top:30px; margin-right:1.4%;}
.news_list.s1 li .title a{max-width:100%;}
.feedback{margin-top:100px; padding:78px 0; background:url(/JS9FH1OPUISGntRQUI5SIt.jpg) no-repeat center center; background-size:cover;}
.feedback .wrapper{float:left; padding:40px 50px; width:100%; background-color:rgba(255,255,255,0.9);}
.feedback .left_form{float:left; width:50%; background-color:#fff; box-shadow:-2px 9px 10px rgba(0,0,0,.06) }
.feedback .left_form .title{float:left; padding:20px; width:100%; background-color:#0f7f48; font-size:23px; color:#fff; display:flex; justify-content:space-around; align-items:center;}
.feedback .left_form .title:before,.feedback .left_form .title:after{width:28.5%; height:1px; background-color:#fff; content:'';}
.feedback .left_form form{float:left; width:100%; padding:0 35px 27px; font-size:18px;}
.feedback .left_form input[type='text'],.feedback .left_form textarea{float:left; width:100%; border:solid 1px #e8e8e8; padding:8px 14px; margin:20px 0 0; font-family:inherit; background-color:#fff; outline:none;}
.feedback .left_form input[type='text']::placeholder,.feedback .left_form textarea::placeholder{color:#787878;}
.feedback .left_form input[type='text']:focus,.feedback .left_form textarea:focus{border-color:#0f7f48; box-shadow:0 0 5px rgba(15,127,72,0.3);}
.feedback .left_form input[type='text'].w50{width:48.5%;}
.feedback .left_form input[type='text'].w50:nth-child(2){float:right;}
.feedback .left_form .tips{float:left; width:100%; margin-top:20px; font-size:14px;}
.feedback .left_form button{float:left; margin-top:20px; width:100%; height:40px; background-color:#0f7f48; letter-spacing:2px; font-size:16px; font-weight:bold; border:none;  color:#fff; outline:none; cursor:pointer;}
.feedback .left_form button:active{opacity:0.8;}
.feedback .right_slider{float:right; padding-bottom:30px; width:48.35%; position:relative;}
/*.feedback .right_slider:before{float:left; width:100%; padding-top:74%; content:'';}*/
.feedback .right_slider .swiper{float:left; width:100%; height:100%; overflow:hidden;}
.feedback .right_slider .swiper .swiper-slide{width:100%; padding-top:74%; position:relative;}
.feedback .right_slider .swiper img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.feedback .right_slider .swiper-pagination-bullet{margin:0 6px; width:50px; height:4px; background-color:rgba(0,0,0,0.5); border-radius:0;}
.feedback .right_slider .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#0f7f48;}
footer{float:left; width:100%; border-top:solid 8px #0f7f48; background-color:#151917;}
footer .contact{float:left; padding-top:40px; width:26.66%; display:flex; justify-content:flex-start; flex-direction:column; align-items:flex-start; color:#fff;}
footer .contact .footer_logo{height:40px;}
footer .contact .cont{margin-top:25px; line-height:1.5;}
footer .contact h1{margin-bottom:25px; font-size:18px; font-weight:bold;}
footer .contact p{opacity:0.6; line-height:1.6;}
footer .quick_link{float:left; margin-left:4%;}
footer .quick_link .item{float:left; padding-top:60px; margin-left:30px; width:160px; min-height:260px; border-left:solid 1px #3f4240;}
footer .quick_link .item .title{float:left; margin-left:-21px; width:100%; font-weight:bold; display:flex; justify-content:flex-start; align-items:center; color:#fff;}
footer .quick_link .item .title .icon{margin-right:13px; width:42px; height:42px; border-radius:50%; background-color:#0f7f48; display:flex; justify-content:center; align-items:center;}
footer .quick_link .item .title .icon img{max-width:46%;}
footer .quick_link .item .list{float:left; margin-top:5px; width:100%; padding-left:35px; display:flex; flex-direction:column;}
footer .quick_link .item .list a{margin-bottom:10px; line-height:1.5; color:#fff; opacity:0.6; font-size:14px;}
footer .quick_link .item .list a:hover{opacity:1;}
footer .qrcode{float:right; margin-top:60px; display:flex; flex-direction:column; align-items:center;}
footer .qrcode .item{float:left; width:100px; margin-right:20px; display:flex; flex-direction:column; align-items:center; color:rgba(255,255,255,0.6); font-size:14px;}
footer .qrcode .item img{margin-bottom:8px;}
footer .qrcode .item:last-child{margin-right:0;}
footer .phone{margin-top:20px; font-size:30px; color:#fff; font-weight:bold; font-family:MontserratBold;}
footer .copyright{float:left; width:100%; padding-bottom:20px; margin-top:40px; color:rgba(255,255,255,0.6); text-align:center;line-height:1.5;}
footer .links{float:left; width:100%; padding:15px 0; color:rgba(255,255,255,0.6); line-height:2; border-top:solid 1px #3f4240;}
footer .links a{margin-right:40px;}
footer .links a:last-child{margin-right:0;}
footer .links a:hover{color:#fff;}
main{float:left; width:100%; margin-bottom:60px;}
.sitemap{float:left; width:100%; margin-top:30px; line-height:1.5; color:#0f0f0f;}
a.back{float:right; border:solid 1px #ddd; border-radius:30px; padding:7px 25px; font-size:15px;}
a.back:hover{border-color:#0f7f48;}
a.back.center{float:left; margin-top:30px; margin-left:50%; transform:translateX(-50%); padding:10px 25px;}
.panel_title{float:left; width:100%; margin-top:35px; font-size:26px; font-weight:normal; color:#222; display:flex; justify-content:space-between; align-items:center;}
.panel_title a.more{width:130px; line-height:40px; font-size:16px; color:#fff; background-color:#0f7f48; text-align:center;}
.panel_title a.more:hover{opacity:0.8;}
.mod-about-box{float:left; width:100%; margin-top:80px; margin-bottom:0;}
.mod-about-box .tabs{float:left; width:100%; display:flex; justify-content:center;}
.mod-about-box .tabs a{min-width:200px; padding:20px; font-size:20px; position:relative; color:#222; text-align:center; cursor:pointer; transition:none;}
.mod-about-box .tabs a:after{position:absolute; right:0; top:50%; transform:translateY(-50%); height:22px; width:1px; background-color:#cccccc; content:'';}
.mod-about-box .tabs a:last-child:after{opacity:0;}
.mod-about-box .tabs a:hover{color:#0f7f48;}
.mod-about-box .tabs a.active{background-color:#0f7f48; color:#fff;}
.mod-about-box .tabs a.active::after{opacity:0;}
.mod-about-box .tabs a:before{position:absolute; left:50%; bottom:-7px; margin-left:-7.5px; width:15px; height:15px; content:''; background-color:#0f7f48; transform:rotate(45deg); opacity:0;}
.mod-about-box .tabs a.active:before{opacity:1;}
.mod-about-box .tabs_list{float:left; width:100%;margin-top:80px; position:relative;}
.mod-about-box .tabs_list a.prev,.mod-about-box .tabs_list a.next{position:absolute; top:50%; transform:translateY(-50%);}
.mod-about-box .tabs_list a.prev{left:-90px;}
.mod-about-box .tabs_list a.next{right:-90px;}
.mod-about-box .tabs_list a.arrow{ border:solid 1px #c4c4c4; width:60px; height:60px; display:flex; justify-content:center; align-items:center; z-index:10;}
.mod-about-box .tabs_list a.arrow:hover{border-color:#0f7f48; transition:none;}
.mod-about-box .tabs_list a.arrow svg{fill:#c4c4c4;}
.mod-about-box .tabs_list a.arrow:hover svg{fill:#0f7f48;}
.mod-about-box .tabs_list .swiper{width:100%; overflow:hidden;}
.mod-about-box .tabs_list .left_img{float:left; width:44.4%; position:relative;}
.mod-about-box .tabs_list .left_img:before{float:left; width:100%; padding-top:84.83%; content:'';}
.mod-about-box .tabs_list .left_img .swiper{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.mod-about-box .tabs_list .left_img .swiper .swiper-slide{width:100%; height:100%;}
.mod-about-box .tabs_list .left_img .swiper .swiper-slide img{width:100%; height:100%; object-fit:cover;}
.mod-about-box .tabs_list .left_img .swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;}
.mod-about-box .tabs_list .left_img .swiper .swiper-pagination-bullet{margin:0 6px; width:50px; height:4px; background-color:rgba(255,255,255,0.9); border-radius:0; opacity:0.8}
.mod-about-box .tabs_list .left_img .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#0f7f48;}
.mod-about-box .tabs_list .right_panel{float:right; width:52%;}
.mod-about-box .tabs_list .right_panel .item{float:left; padding:27px 0; width:100%; border-bottom:solid 1px #e5e5e5; display:flex; justify-content:space-between; align-items:flex-start;}
.mod-about-box .tabs_list .right_panel .item:last-child{border-bottom:none;}
.mod-about-box .tabs_list .right_panel .item .icon{width:70px; height:70px; border:solid 1px #ccc; display:flex; justify-content:center; align-items:center;}
.mod-about-box .tabs_list .right_panel .item .icon img{max-width:60%;}
.mod-about-box .tabs_list .right_panel .item .info{width:calc(100% - 70px - 20px); color:#222;}
.mod-about-box .tabs_list .right_panel .item .info .title{margin-top:0;margin-bottom:10px; font-size:20px; color:#0f7f48; font-weight:bold; }
.mod-about-box .tabs_list .right_panel .item .info .cont{width:100%; line-height:2;}
.contactbox{float:left; width:100%; margin-top:30px;}
.contact_list{float:left; width:100%; display:flex; justify-content:space-between; justify-items:flex-start;}
.contact_list li{margin-top:0; padding:30px 30px; border-right:solid 1px #eee; display:flex; flex-direction:column; align-items:flex-start;}
.contact_list li:nth-child(1){width:20%;}
.contact_list li:last-child{width:28%; border-right:none;}
.contact_list li .title{display:flex; align-items:center; justify-content:flex-start; font-size:18px; color:#0f7f48;}
.contact_list li .title .icon{margin-right:10px; height:35px; display:flex; justify-content:center; align-items:center;}
.contact_list li .title .icon img{max-height:100%;}
.contact_list li .info{margin-top:10px;  line-height:1.3;}
.contactbox .map{float:left; width:100%; margin-top:30px; line-height:1.5;}
.case{float:left; width:100%; margin-top:10px; margin-bottom:0;}
.case li{float:left; width:23.13%; margin-top:40px; margin-right:2.4%;}
.case li:nth-child(4n){margin-right:0;}
.case li .img{float:left;width:100%; padding-top:70.6%; position:relative; overflow:hidden;}
.case li .img img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all 0.4s ease 0s;}
.case li:hover .img img{transform:scale(1.2);}
.case li .title{float:left; width:100%; padding:15px 0; color:#222; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.case li:hover .title{color:#fff; background-color:#0f7f48;}
.product{float:left; width:100%; margin-bottom:40px; margin-top:20px;}
.product li{float:left; width:23.2%; margin-top:40px; margin-right:2.4%;}
.product li:nth-child(4n){margin-right:0;}
.product li .img{float:left;width:100%; padding-top:100%; position:relative; overflow:hidden;}
.product li .img img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all 0.4s ease 0s;}
.product li:hover .img img{transform:scale(1.2);}
.product li .title{float:left; width:100%; padding:15px 0; color:#222; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product li:hover .title{color:#0f7f48;}
.categories{float:left; width:100%; margin-top:30px; display:flex; justify-items:flex-start; align-items:flex-start;}
.categories a{margin-right:15px; padding:0 25px; min-width:160px; text-align:center; line-height:50px; border:solid 1px #e9e9e9; color:#333;}
.categories a:hover,.categories a.active{border-color:#0f7f48; background-color:#0f7f48; color:#fff;}

.product_details .gallery_img .big_img .swiper-button-next,.product_details .gallery_img .big_img .swiper-button-prev{margin-top:0; transform:translateY(-50%); opacity:0;}
.product_details .gallery_img .big_img:hover .swiper-button-next,.product_details .gallery_img .big_img:hover .swiper-button-prev{opacity:1;}
.product_details .gallery_img .big_img .swiper-button-next:after,.product_details .gallery_img .big_img  .swiper-button-prev:after{color:#fff; font-size:14px; font-weight:bold;}
.product_details .gallery_img .big_img .swiper-button-next:after{padding-left:1px;}
.product_details .gallery_img .big_img .swiper-button-prev:after{padding-right:2px;}
.product_details .gallery_img .big_img .swiper-button-next,.product_details .gallery_img .big_img .swiper-button-prev{width:40px; height:40px; background-color:rgba(15,127,72,0.6); border-radius:50%; outline:none; transition:all 0.3s ease 0;}
.product_details .gallery_img .big_img .swiper-button-next:hover,.product_details .gallery_img .big_img .swiper-button-prev:hover{background-color:#0f7f48;}
.product_details .gallery_img .big_img .swiper-button-next{right:3%;}
.product_details .gallery_img .big_img .swiper-button-prev{left:3%;}
.product_details{float:left; width:100%; margin-top:40px;}
.product_details .gallery_img{float:left; width:40%;}
.product_details .gallery_img .big_img{float:left; width:100%; padding-top:100%; position:relative;}
.product_details .gallery_img .big_img .swiper{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.product_details .gallery_img .big_img .swiper .swiper-slide img,.product_details .gallery_img .small_img .swiper .swiper-slide img{width:100%; height:100%; object-fit:cover;}
.product_details .gallery_img .small_img{float:left;width:100%; padding-top:20%; margin-top:5px; position:relative;}
.product_details .gallery_img .small_img .swiper{position:absolute; left:35px; top:0; width:calc(100% - 70px); height:100%; overflow:hidden; }
.product_details .gallery_img .small_img .swiper .swiper-slide{opacity:1; cursor:pointer;}
.product_details .gallery_img .small_img .swiper .swiper-slide-thumb-active{opacity: 1;}
.product_details .gallery_img .small_img .arrow{position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; display:flex; justify-content:center; align-items:center;}
.product_details .gallery_img .small_img .arrow:hover svg{fill:#0f7f48;}
.product_details .gallery_img .small_img .prev{left:0;}
.product_details .gallery_img .small_img .next{right:0;}

.product_details .product_profile{float:right; width:52%; display:flex; flex-direction:column;}
.product_details .product_profile li{padding:25px; width:100%; border-bottom:solid 1px #ededed; color:#222; display:flex; justify-content:flex-start; align-items:flex-start;}
.product_details .product_profile h1.pro_title{font-size:30px; color:#0f7f48;}
.product_details .product_profile li .label{margin-right:15px; color:#999999;}
.product_details .product_profile li .color{display:flex; justify-content:flex-start;}
.product_details .product_profile li .color .item{margin-right:15px; font-size:14px; cursor:pointer; display:flex; flex-direction:column; align-items:center; pointer-events:none;}
.product_details .product_profile li .color .item span{border:solid 2px #fff; width:70px; height:30px; border-radius:15px; margin-bottom:10px; box-shadow:0 3px 3px rgba(0,0,0,.1)}
.product_details .product_profile li .color .item.active{color:#F08519}
.product_details .product_profile li .color .item.active span{border-color:#F08519;}
.product_details_content{float:left; width:100%; margin-top:30px; margin-bottom:60px; border-top:solid 1px #dedede;}
.product_details_content .panel_title{margin:0; padding:30px 0 20px; font-size:30px;}
.product_details_content .content,article .content{float:left; width:100%; line-height:28px;}
.product_details_content .content p,.product_details_content .content h1,.product_details_content .content h2,.product_details_content .content h3,article .content p,article .content h1,article .content h2,article .content h3{margin:15px 0;}
.swiper_box{float:left; margin-top:40px; margin-bottom:60px; width:100%;}
.swiper_box .big_img{float:left; width:100%; padding-top:60%; position:relative;}
.swiper_box .big_img .swiper{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
.swiper_box .big_img .swiper .swiper-slide{width:100%; height:100%;}
.swiper_box .big_img .swiper .swiper-slide img{width:100%; height:100%; object-fit:cover;}
.swiper_box .small_img{float:left; margin-left:10%; width:80%; margin-top:10px; position:relative;}
.swiper_box .small_img:before{float:left; width:100%; padding-top:11%; content:'';}
.swiper_box .small_img .swiper{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.swiper_box .small_img .swiper .swiper-slide{background-color:#000;}
.swiper_box .small_img .swiper .swiper-slide.swiper-slide-thumb-active img{opacity:1;}
.swiper_box .small_img .swiper .swiper-slide img{opacity:0.65; width:100%; height:100%; object-fit:cover;}
.swiper_box .small_img a.prev,.swiper_box .small_img a.next{position:absolute; top:50%; transform:translateY(-50%);}
.swiper_box .small_img a.prev{left:-50px;}
.swiper_box .small_img a.next{right:-50px;}
.swiper_box .small_img a.arrow{width:32px; height:32px; display:flex; justify-content:center; align-items:center; z-index:10;}
.swiper_box .small_img a.arrow:hover{border-color:#0f7f48; transition:none;}
.swiper_box .small_img a.arrow svg{fill:#c4c4c4;}
.swiper_box .small_img a.arrow:hover svg{fill:#0f7f48;}

.swiper_box .big_img .swiper-button-next,.swiper_box .big_img .swiper-button-prev{margin-top:0; transform:translateY(-50%); opacity:0;}
.swiper_box .big_img:hover .swiper-button-next,.swiper_box .big_img:hover .swiper-button-prev{opacity:1;}
.swiper_box .big_img .swiper-button-next:after,.swiper_box .big_img  .swiper-button-prev:after{color:#fff; font-size:14px; font-weight:bold;}
.swiper_box .big_img .swiper-button-next:after{padding-left:1px;}
.swiper_box .big_img .swiper-button-prev:after{padding-right:2px;}
.swiper_box .big_img .swiper-button-next,.swiper_box .big_img .swiper-button-prev{width:40px; height:40px; background-color:rgba(15,127,72,0.6); border-radius:50%; outline:none; transition:all 0.3s ease 0;}
.swiper_box .big_img .swiper-button-next:hover,.swiper_box .big_img .swiper-button-prev:hover{background-color:#0f7f48;}
.swiper_box .big_img .swiper-button-next{right:2%;}
.swiper_box .big_img .swiper-button-prev{left:2%;}
article{float:left; width:100%;}
article .title{float:left; width:100%; margin-top:40px; padding:30px 0 20px; color:#222;  font-weight:normal; text-align:center; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; line-height:1.5; display:flex; flex-direction:column;}
article .title h1{font-size:24px; margin-bottom:10px;}
article .title .date{font-size:14px; color:#666;}
article .content{float:left; width:100%; margin-top:15px; overflow:hidden;}
article .prev_next{float:left; border-top:solid 1px #eeeeee; padding-top:10px; margin-top:15px; width:100%;  line-height:30px; font-size:14px;}
.list-pagination {float:left; width:100%; margin-top:40px; display:flex;justify-content:center;align-items:center;text-align:center;padding:20px 0}
.list-pagination #ctl00_Main_DataPager1{border:none}
.list-pagination a[disabled='disabled'] {cursor:not-allowed}
.list-pagination span,.list-pagination a {display:inline-block; padding:0 10px; min-width:27px; line-height:27px; margin-left:5px;margin-right:5px;color:#000;font-size:14px;background-color:#fff; border:solid 1px #dedede;}
.list-pagination a:hover{color:#fff !important;}
/*.list-pagination .prev,.list-pagination .next {display:flex;justify-content:center;align-items:center;width:30px;margin:0;color:#707070;font-size:43px;overflow:hidden;background-color:initial;box-shadow:none;-webkit-box-shadow:none}
.list-pagination .prev:hover,.list-pagination .next:hover {color:#fff; background-color:initial}*/
.list-pagination .on,.list-pagination a:hover {color:#fff;background-color:#0f7f48}
.list-pagination em {font-style:normal}
.list-pagination .layui-laypage-curr {background-color:#0f7f48;border-color:#0f7f48; color:#fff;}
.list-pagination .layui-disabled {cursor:not-allowed;}
.list-pagination .layui-box {display:flex;display:-webkit-flex;align-items:flex-start}
.sitemapbox{float:left; width:100%; display:inline-block; color:#000;}
.sitemapbox > ul{float:left; width:100%;}
.sitemapbox > ul > li{float:left; margin-top:30px; padding-bottom:30px;  width:100%; border-bottom:solid 1px #eee;font-weight:bold; line-height:26px; display:flex; display:-webkit-flex; justify-content:flex-start;}
.sitemapbox > ul > li:last-child{border-bottom:none;}
.sitemapbox > ul > li .title{font-weight:bold; width:100px;}
.sitemapbox > ul > li ul{float:left;width:100%; margin-left:20px; display:flex; display:-webkit-flex; justify-content:flex-start; align-items:flex-start; flex-wrap:nowrap;}
.sitemapbox > ul > li ul li{float:left; min-width:20%; font-weight:normal;}
.cate_two{float:left; margin-top:10px; width:100%; border-top:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9; /*border-radius:5px;*/ padding:15px 0; font-size:14px;}
.cate_two a{margin-left:30px;}
.cate_two a.active{color:#0f7f48;}

@media(max-width:1300px)
{
body{font-size:14px;}
.container{width:90%;}
header .top_panel{padding-top:0;}
header .top_panel .container{position:relative; left:auto; right:auto; width:90%;}
header .logo{margin:20px 0;}
header .logo img{height:30px;}
header .logo .slogan{margin-left:12px;}
header .logo .slogan h3,header .logo .slogan h4{font-size:12px;}
header .logo .slogan h4{margin-top:7px;}
header .tel .icon{width:40px; height:40px; background-size:46% auto;}
header .tel .cont{margin-left:8px;}
header .tel .cont{font-size:14px;}
header .tel .cont strong{font-size:16px;}
header .nav{padding-top:0; height:50px;}
header .nav ul li > a{font-size:14px;}
header .nav ul li .submenu > a{font-size:12px;}
footer .quick_link{margin-left:2%;}
footer .quick_link .item{width:150px;}
footer .qrcode .item{width:90px;}
footer .phone{font-size:26px;}
}

@media(max-width:1200px)
{
.aboutus,.panel_product,.app,.process,.youshi,.news{margin-top:60px;}
.feedback{margin-top:60px;}
.section_title h4{font-size:18px;}
.section_title h2{font-size:30px;}
.banner{height:auto; padding-top:39.0625%;}
.aboutus .cont_box{margin-top:50px;}
.aboutus .cont_box .left_info{margin-top:20px;}
.aboutus .cont_box .tables .number b{font-size:24px;}
.product_category li .title{font-size:16px;}
.productbox .swiper{margin-top:0;}
.app_list li .title a{font-size:14px;}
.app_list li .title .more{font-size:12px;}
.app_list li .title .more:before{margin-right:7px; width:31px; height:5px; background-size:100% auto;}
.app_list li .title{height:50px;}
.process_list li{height:200px;}
.process_list li .info{padding:30px 25px 0;}
.process_list li .info .title{font-size:20px; padding-bottom:15px;}
.process_list li .info .title b{font-size:24px;}
.process_list li .info .cont{margin-top:15px;}
.feedback .wrapper{display:flex; justify-content:space-between; align-items:center;}
.product_details .product_profile h1.pro_title{font-size:24px;}
.mod-about-box .tabs_list a.arrow{display:none;}
.mod-about-box .tabs_list .right_panel{width:53%;}
.mod-about-box .tabs_list .right_panel .item{padding:15px 0;}
.mod-about-box .tabs_list .right_panel .item .icon{width:50px; height:50px;}
.mod-about-box .tabs_list .right_panel .item .info{width:calc(100% - 50px - 20px);}
.mod-about-box .tabs_list .right_panel .item .info .title{font-size:16px; margin-bottom:5px;}
.mod-about-box .tabs a{min-width:150px; font-size:16px;}
.contact_list li .title{font-size:16px;}
.contact_list li .title .icon{height:21px;}
}
@media(max-width:1155px)
{
footer .quick_link{}
footer .container{display:flex; justify-content:space-around; align-items:center; flex-wrap:wrap;}
footer .contact{display:none;}
}
@media(max-width:1024px)
{
.contact_list li{width:50% !important; display:flex; align-items:center;}
.contact_list{flex-wrap:wrap;}
.feedback .right_slider{display:none;}
.feedback .left_form{width:100%;}
.mod-about-box .tabs_list{margin-top:40px;}
.mod-about-box .tabs_list .right_panel .item .info .title{font-size:14px;}
.mod-about-box .tabs_list .right_panel .item .info .cont{font-size:12px;}
.panel_title{font-size:20px;}
.panel_title a.more{font-size:14px; line-height:35px; width:100px;}
.product_details .product_profile h1.pro_title{font-size:20px;}
article .title{padding:20px 0 15px;}
article .title h1{font-size:20px;}
article .title .date{font-size:12px;}
.section_title h4{font-size:16px;}
.section_title h2{font-size:24px;}
.section_title{font-size:12px;}
.youshi_list .item .info_hover .title,.youshi_list .item .info .title{font-size:15px;}
.youshi_list .item .info .icon{max-width:40px;}
.youshi_list .item .info .cont,.youshi_list .item .info_hover .cont{font-size:12px;}
}
@media(max-width:1000px)
{
.container,header .top_panel .container{width:95%;}
}
@media(max-width:900px)
{
body{padding-top:73px;}
.navbtn{display:block;}
header{position:fixed; z-index:100; left:0; top:0; border-bottom:solid 1px #ededed;}
header .top_panel{border-bottom:none;}
header .tel{display:none;}
.gotop{display:none;}
header .nav,header.fixed .nav{position:fixed; left:0; top:73px; margin:0; padding-top:20px; width:100%; height:calc(100% - 73px); background-color:rgba(255,255,255,0.9); z-index:90; display:flex; justify-content:center; align-items:flex-start; overflow:auto; opacity:0; pointer-events:none;  transform:translate3d(0,-20px,0);}
.nav.nav-show,header.fixed .nav.nav-show{opacity:1; pointer-events:auto; transform:none; transition:all 0.3s ease 0s;}
header .nav ul{padding:0 50px; width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;}
header .nav ul li{margin-top:20px; padding-bottom:20px; width:100%; height:auto; text-align:center; text-transform:uppercase; color:#000; font-size:16px; line-height:1.4; border-bottom:solid 1px rgba(0,0,0,0.1);}
header .nav ul li a{width:100%; padding:0; line-height:32px;}
header .nav ul li.current > a{background-color:transparent; color:#0f7f48;}
header .nav ul li .submenu{display:none !important;}
header .nav ul li:before{display:none;}
.aboutus, .panel_product, .app, .process, .youshi, .news{margin-top:30px;}
.aboutus .cont_box{display:flex; flex-direction:column;}
.aboutus .cont_box .left_info{margin-top:20px; order:2; display:flex; flex-direction:column;}
.aboutus .cont_box .left_info .cont{order:2; margin-top:20px;}
.aboutus .cont_box .tables{margin-top:0;}
.aboutus .cont_box{margin-top:30px; justify-content:flex-start; flex-direction:column;}
.aboutus .cont_box .right_info .bg{display:none;}
.aboutus .cont_box .left_info,.aboutus .cont_box .right_info,.aboutus .cont_box .right_info .video{width:100%;}
.aboutus .cont_box .right_info{margin-top:0;}
.panel_product,.process{padding:30px 0;}
.product_category{margin-top:30px;}
.productbox{border-width:1px;}
.productbox:before{padding-top:40%;}
.app_list{margin-top:0;}
.app_list li .title{padding:0 10px;}
.process_list li.active .info .cont{width:70%;}
.process_list li .info{padding:25px 20px 0;}
.feedback{padding:50px 0;}
.news_list li .title{margin-top:12px; padding-bottom:12px;}
.news_list li .title .more{display:none;}
.news_list li .title a{max-width:100%;}
.news_list li .cont{margin-top:10px;}
.youshi_list .item .info{padding-left:5%; padding-right:5%; padding-top:10%;}
article .content,article .prev_next{margin-left:0; width:100%;}
}
@media(max-width:790px)
{
footer .container{flex-direction:column; justify-content:center;}
footer .contact{width:100%; text-align:center; padding-top:0;}
footer .contact h1{margin-bottom:10px;}
footer .contact .footer_logo{display:none;}
footer .quick_link{display:none;}
footer .contact{display:block;}
footer .qrcode{margin-top:30px;}
footer .copyright{margin-top:20px;}
.mod-about-box .tabs_list .right_panel{width:100%; margin-top:20px;}
.mod-about-box .tabs_list .left_img{width:100%;}
.mod-about-box .tabs_list .left_img:before{padding-top:50%;}
main{margin-bottom:30px;}
.product_details .product_profile{width:56%;}
.product_details .product_profile li{padding:20px 25px;}
.product_category li .image{height:230px;}
.sitemapbox > ul > li{margin-top:20px;}
.sitemapbox > ul > li ul{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start;}
.sitemapbox > ul > li ul li{min-width:0; padding:0 15px;}
}
@media(max-width:720px)
{
.section_title h3:before,.section_title h3:after{width:60px;}
.app_list{flex-wrap:wrap; justify-content:space-between;}
.app_list li{width:48%; margin-right:2%;}
.app_list li:nth-child(2n){margin-right:0 !important;}
.process_list li{width:50%;}
.process_list li.active,.process_list li.not{width:50%;}
.process_list li{height:170px;}
.youshi_slider{display:none;}
.youshi_list .item .info{display:none;}
.youshi_list .container{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start;}
.youshi_list .item{ margin-top:30px; width:48%; margin-right:2%;}
.youshi_list .item:nth-child(2n){margin-right:0;}
.youshi_list .item .info_hover{display:block !important; position:relative; left:auto; bottom:auto; background-color:transparent; padding:0; color:#222; }
.youshi_list .item:before{display:none;}
.youshi_list .item .info_hover .img{padding-top:45.83%;}
.youshi_list .item .info_hover img{border-radius:10px 10px 0 0;}
.youshi_list .item .info_hover .icon{display:none;}
.youshi_list .item .info_hover .title{transform:none; width:100%; text-align:center; margin-top:15px; padding-bottom:15px; border-bottom:solid 1px #eee;}
.youshi_list .item .info_hover .cont{width:100%; padding:0; margin-top:5px; text-align:center; font-size:14px; color:#444;}
.categories a{min-width:0; line-height:45px;}
.panel_title a.more{width:85px; font-size:12px; line-height:30px;}
.product_details .gallery_img{width:100%;}
.product_details{margin-top:20px;}
.product_details .product_profile{width:100%; margin-top:30px;}
.product_details .product_profile li:last-child{border-bottom:none;}
.product_details_content .panel_title{font-size:20px;}
.feedback .wrapper{padding:30px;}
.feedback .left_form .tips{line-height:22px;}
.news_list li{margin-top:30px;}
}
@media(max-width:560px)
{
body{padding-top:58px;}
.banner{padding-top:80%;}
header .logo{margin:16px 0;}
header .logo img{height:24px;}
header .logo .slogan{display:none;}
header .nav,header.fixed .nav{top:58px; height:calc(100% - 58px)}
.navbtn{top:17px;}
.sitemap{margin-top:20px;}
a.back{margin-top:-5px; padding:7px 17px; font-size:12px;}
.case li{margin-top:30px; width:48%; margin-right:2%;}
.case li:nth-child(2n){margin-right:0;}
.categories a{line-height:26px; padding:5px 25px;}
.panel_title{margin-top:30px;}
.news_list.s1{margin-top:0;}
.news_list li,.news_list.s1 li{width:49%; margin-right:2% !important;}
.news_list li:nth-child(2n),.news_list.s1:nth-child(2n){margin-right:0 !important;}
article .title h1,.product_details_content .panel_title,.panel_title{font-size:18px;}
.product_details_content .content, article .content{line-height:26px; margin-top:10px;}
.section_title h3:before, .section_title h3:after{display:none;}
.section_title h3{line-height:20px;}
.section_title h2{font-size:20px; font-weight:bold;}
.section_title h4{font-size:14px;}
.product li{width:49%; margin-right:2%;}
.product li:nth-child(2n){margin-right:0;}
.contact_list li .info{text-align:center;}
.list-pagination span, .list-pagination a{font-size:12px; line-height:25px;}
.product_category li .image{height:175px;}
.product_category li .title{font-size:14px;}
.process{display:none;}
.process_list{margin-top:30px;}
.productbox:before{padding-top:40%;}
}
@media(max-width:500px)
{
.mod-about-box .tabs a{min-width:0; padding:8px 20px; font-size:14px; line-height:22px;}
.mod-about-box .tabs a:before{width:12px; height:12px; margin-left:-6px; bottom:-5px;}
.feedback .wrapper{padding:0;}
.feedback{padding:40px 0;}
.categories a{padding:5px 12px; line-height:22px; margin-right:10px;}
.case li .title{white-space:normal; overflow:visible; line-height:22px;}
.contact_list li .title .icon{display:none;}
.contact_list li .title{font-weight:bold;}
.contact_list li{padding:20px 15px;}
.feedback .left_form .title{font-size:18px;}
}
@media(max-width:450px)
{
.product_category li .image{height:140px;}
}
@media(max-width:380px)
{
.productbox:before{padding-top:50%;}
.categories a{padding:5px 10px;}
}
<!--耗时0.00035309791564941秒-->