/*全局样式*/

*:focus{outline:none;}
html{overflow-x:hidden;}
body,a{color:#333;}

.wrapper{width:1280px;}
.wrap-gray{background:#f5f5f5;}
.wrap-gray.p1{padding:70px 0;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:70px 0 20px 0;}
.wrap-white.p2{padding:30px 0 70px 0;}
.clear{ clear: both;}
/*头部样式*/

#header{position:sticky; top:0; z-index:99; height:90px; background:#fff; box-shadow:0 10px 10px -10px rgba(0,0,0,.08);}
#logo{left:0; top:6px; height:77px; overflow:hidden;}
#logo a{display:block;}
#nav{right:0; top:0;}
#nav > ul{display:flex;}
#nav > ul > li{position:relative; margin-left:50px; text-align:center;}
#nav > ul > li:first-child{margin-left:0;}
#nav > ul > li > a{display:block; height:100px; line-height:100px; font-size:16px; overflow:hidden;}
#nav > ul > li:hover > a{color:#579904;font-weight:bold;}
#nav > ul > li.current > a{font-weight:bold; color:#579904;}
#nav > ul > li ul{position:absolute; left:50%; top:90px; transform:translate(-50%,20px); display:none; width:140px; padding:12px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.08); opacity:0; animation:NavAnimation 0.3s; animation-fill-mode:forwards;}
#nav > ul > li:hover ul{display:block;}
@keyframes NavAnimation{100%{transform:translate(-50%,0); opacity:1;}}
#nav > ul > li ul li{height:38px; line-height:38px; font-size:15px; overflow:hidden;}
#nav > ul > li ul li a{display:block; padding:0 18px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.2s linear;}
#nav > ul > li ul li:hover a{letter-spacing:1px; color:#579904; transition:all 0.2s linear;}

/*首页样式*/

#banner{width:100%; height:860px; overflow:hidden;}
#banner .swiper-wrapper{height:860px;}
#banner .swiper-slide{width:100%; height:860px;}
#banner .swiper-slide img{width:100%; height:860px;}
#banner .swiper-pagination{left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;}
#banner .swiper-pagination-bullet{width:50px; height:10px; margin:0 0 0 10px; background:#fff; border-radius:10px; cursor:pointer; opacity:0.4;}
#banner .swiper-pagination-bullet:first-child{margin-left:0;}
#banner .swiper-pagination-bullet-active{background:#fff;opacity:1;}
#banner .swiper-button-prev,#banner .swiper-button-next{top:50%; transform:translateY(-50%); width:16px; height:30px; margin:0; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:1;}
#banner .swiper-button-prev:after,#banner .swiper-button-next:after{display:none;}
#banner .swiper-button-prev{left:70px; background-image:url(img/prev.png);}
#banner .swiper-button-next{right:70px; background-image:url(img/next.png);}


#wrap-about{padding:70px 0; background:url(img/about-bg.jpg) repeat-x bottom center; height: 610px;}
.title h2{height:66px; line-height:68px; font-size:40px; font-weight:bold; color:#333333;}
.title h3{height:66px; line-height:68px; font-size:40px; font-weight:bold; color:#579904;}
.about-left{ width: 600px; padding-top: 30px; position: relative;}
.about-left .about-cont{ margin-top: 80px; font-size: 16px;line-height: 34px; color: #fff; width: 520px;}
.about-left .about-cont p{ text-indent: 32px;}
.about-left .boluo-img{ position: absolute; bottom: -85px;left: -175px;}
.about-right{ width: 680px; height: 470px; border-radius: 20px; overflow:hidden;}
.about-right img{transition: 0.5s all; transform: scale(1);}
.about-right:hover img{transition: 0.5s all; transform: scale(1.1);}
.title_center{ text-align: center;}
			

#product-tab{display:flex; height:60px; background:#fff; border-radius:30px; overflow:hidden; justify-content: center; margin-top: 50px;}
#product-tab h3{display:flex; justify-content:center; align-items:center; width:144px; height:60px; cursor:pointer; overflow:hidden; margin: 0 40px; font-size: 17px;}
#product-tab h3.current{background:url(img/tab-bg.png) no-repeat;}
#product-tab h3.current span{color:#fff;}

#product{margin-top:30px;}
#product .item{position:relative;  height:0; opacity:0;}
#product .item.current{ height:570px; opacity:1;}
#product .swiper-container{height:570px; overflow:hidden;}
#product .swiper-wrapper{height:570px; align-items: center;}
#product .swiper-slide{position:relative; width:350px; background:#fff; border-radius:20px; overflow:hidden; text-align: center; height: 400px;}
#product .swiper-slide a{display:block; padding:0;}
#product .swiper-slide .swiper-slide-img{ border-radius: 20px; overflow: hidden;width:100%; height:100%;}
#product .swiper-slide .swiper-slide-img span{ display: inline-block;width:350px; height:350px;overflow: hidden; border-radius: 20px;}
#product .swiper-slide img{position:relative; z-index:1; display:block;width:350px; height:350px; margin:0 auto;overflow: hidden; border-radius: 20px;transition: 0.5s all; transform: scale(1.0);}
#product .swiper-slide:hover img{transition: 0.5s all; transform: scale(1.1);}
#product .swiper-slide p{height:30px; line-height:30px; margin-top:20px; font-size:16px; color:#666;}
#product .swiper-slide.swiper-slide-active { height: 490px;}
#product .swiper-slide.swiper-slide-active .swiper-slide-img{ border-radius: 20px; overflow: hidden; width: 100%; height:430px;}
#product .swiper-slide.swiper-slide-active .swiper-slide-img span{ border-radius: 20px; overflow: hidden; width: 100%; height:430px;}
#product .swiper-slide.swiper-slide-active img{position:relative; z-index:1; display:block;width:100%; height:100%; margin:0 auto;overflow: hidden; border-radius: 20px;transition: 0.5s all;}
#product .swiper-button-prev,#product .swiper-button-next{top:50%; transform:translateY(-50%); width:50px; height:50px; margin:0; background-repeat:no-repeat; background-position:center; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.1s linear;}
#product .swiper-button-prev:after,#product .swiper-button-next:after{display:none;}
#product .swiper-button-prev{left:-20px; background-image:url(img/cp_prev.png);}
#product .swiper-button-next{right:-20px; background-image:url(img/cp_next.png);}

#wrap-service{ background: url(img/fwbz-bg.jpg) no-repeat 0 0;height:1019px;}
#wrap-service .title{ padding-top: 220px;}
#wrap-service .title h2{ color: #fff;}
#wrap-service .title h3{ color: #fff;}
#wrap-service .wrapper .shanzhu{ position: absolute; right: -100px; top: 80px;}
#wrap-service .service_left{ width: 578px; margin-top: 100px; margin-left: -40px;}
#wrap-service .service_right{ width: 740px;margin-top: 80px; background: url(img/fwzb-rightbg.png) no-repeat;}
#wrap-service .service_right ul li{ position: absolute; text-align: center; display: flex; height: 170px; align-items: center; padding-left: 30px;}
#wrap-service .service_right ul li:nth-child(1){ top:30px; left: 40px;}
#wrap-service .service_right ul li:nth-child(1) .service_yuan{ position: absolute;top:0; left: 0; width: 149px; height: 155px;}
#wrap-service .service_right ul li:nth-child(2){ top:240px; left: 214px;}
#wrap-service .service_right ul li:nth-child(2) .service_yuan{ position: absolute;top:0px; left: 0; width: 149px; height: 155px;}

#wrap-service .service_right ul li:nth-child(3){ top:30px; left: 388px;}
#wrap-service .service_right ul li:nth-child(3) .service_yuan{ position: absolute;top:0px; left: 0px; width: 149px; height: 155px;}

#wrap-service .service_right ul li:nth-child(4){ top:240px; left: 563px;}
#wrap-service .service_right ul li:nth-child(4) .service_yuan{ position: absolute;top:0px; left: 0px; width: 149px; height: 155px;}
#wrap-service .service_right ul li h3{ font-size: 20px; font-weight: bold; height: 50px; line-height: 50px;}
#wrap-service .service_right ul li .service_yuan{  transition: 0.5s all;}
#wrap-service .service_right ul li:hover .service_yuan{ transform: rotate(45deg); transition: 0.5s all;}
#qytg-wz{ width:100%; height: 1px; margin-top: -90px;}
#wrap-qytg{ background: url(img/tuangou-bg.jpg) no-repeat center bottom; padding-bottom: 0px; padding-top: 90px;}
#wrap-qytg .qytd-tabs{ margin-top: 80px; display: flex; justify-content: space-between;}
#wrap-qytg .qytd-tabs .qytg-left{ width: 600px; height: 400px;  box-shadow: 0px 0px 15px rgba(0,0,0,0.15); border-radius: 20px; overflow: hidden;}
#wrap-qytg .qytd-tabs .qytg-left img{ transform: scale(1.0); transition: 0.5s all;}
#wrap-qytg .qytd-tabs .qytg-left:hover img{ transform: scale(1.1); transition: 0.5s all;}

#wrap-qytg .qytd-tabs .qytg-right{ width: 600px; padding-top: 30px;}
#wrap-qytg .qytd-tabs .qytg-right h3{ font-size: 46px; color: #d5e3cb; font-family: arial; font-weight: bold;text-transform: uppercase;}
#wrap-qytg .qytd-tabs .qytg-right h2{ font-size: 30px; color: #333; height: 50px; line-height: 50px; font-weight: bold;}
#wrap-qytg .qytd-tabs .qytg-right p{ font-size: 16px; color: #666; margin-top: 10px; line-height: 34px;}

#wrap-qytg .qytd-tabs .qytg-right2{ width: 600px; height: 400px;  box-shadow: 0px 0px 15px rgba(0,0,0,0.15); border-radius: 20px; overflow: hidden;}
#wrap-qytg .qytd-tabs .qytg-right2 img{transform: scale(1.0); transition: 0.5s all;}
#wrap-qytg .qytd-tabs .qytg-right2:hover img{ transform: scale(1.1); transition: 0.5s all;}
#wrap-qytg .qytd-tabs .qytg-left1{ width: 600px; padding-top: 30px;}
#wrap-qytg .qytd-tabs .qytg-left1 h3{ font-size: 46px; color: #d5e3cb; font-family: arial; font-weight: bold;text-transform: uppercase;}
#wrap-qytg .qytd-tabs .qytg-left1 h2{ font-size: 30px; color: #333; height: 50px; line-height: 50px; font-weight: bold;}
#wrap-qytg .qytd-tabs .qytg-left1 p{ font-size: 16px; color: #666; margin-top: 10px; line-height: 34px;}

.contact-title{ font-size: 40px; font-weight: bold;}
.contact-cont{ margin-top: 40px; }
.contact-cont ul li h2{ background: url(img/lianxi-titlebg.png) no-repeat; width: 174px; height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; color: #fff; padding-left: 20px;}

.contact-cont ul li h3{height: 30px; line-height: 30px;font-size: 20px; font-weight: bold; color: #333; margin: 20px 0 10px 0;  }
.contact-cont ul li p{ line-height: 32px; font-size: 16px; color: #666;}
.contact-cont ul li p a{ display: block; background: #e5ecdc; width: 230px; height: 36px; border-radius: 50px; line-height: 36px; text-align: center; color: #579904; margin-top: 10px;}
.contact-cont ul li p a.link-a1{ margin-top: 20px;}
.contact-cont ul li p a:hover{background: #579904; color: #fff;}
.footer{ background: #579904; height: 80px; text-align: center; color: #fff; font-size: 14px; line-height: 79px;}
.footer a{color: #fff; font-size: 15px; padding: 0 10px;}


/*内页样式*/

#lm-banner{background-size:cover; overflow:hidden; height: 500px; width: 100%;}
#lm-about{ display:flex;justify-content: space-between; margin-bottom: 50px;}
#lm-about .left{ width: 540px;}
#lm-about .right{ width: 660px; position: relative; height: 420px;}
#lm-about .right img{ position: relative; z-index: 2;border-radius: 20px; width: 100%; height: 100%;}
#lm-about .right:after{ content: ""; position: absolute; width: 660px; height: 420px; top: 15px; left: 15px; background: #abcc81; z-index: 1; border-radius: 20px;}
#lm-about .left .text{ padding-top: 30px;}
#lm-about .left .text p{ font-size: 16px; line-height: 34px; color: #666; text-indent: 32px;}
.gpzx-tabs{}
.gpzx-tabs ul{ display: flex; justify-content: center;}
.gpzx-tabs ul li{ width:144px; height: 60px; line-height: 50px; text-align: center; margin: 0 40px; }
.gpzx-tabs ul li a{ font-size: 16px; color: #333; display: block;}
.gpzx-tabs ul li.cur,.gpzx-tabs ul li:hover{background:url(img/tab-bg.png) no-repeat;}
.gpzx-tabs ul li.cur a,.gpzx-tabs ul li:hover a{ color: #fff;}
#lm-product{ margin-top: 50px;}
#lm-product ul{ margin: -25px 0 0 -25px;}
#lm-product ul li{float: left; width: 300px; height: auto; text-align: center; margin: 25px 0 0 25px;}
#lm-product ul li .lm-product-img{ width: 300px; height: 300px; overflow: hidden; border-radius: 20px;}
#lm-product ul li .lm-product-img img{ width: 100%; height: 100%; transform: scale(1.0); transition:0.5s all;}
#lm-product ul li:hover .lm-product-img img{ width: 100%; height: 100%; transform: scale(1.1); transition:0.5s all;}
#lm-product ul li p{ font-size: 17px; height:30px; line-height: 30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px;}
#lm-product ul li:hover p{ color:#579904;}

.weo-page{margin-top:70px; margin-bottom: 30px;}
.weo-page a{min-width:40px; height:40px; line-height:38px; margin-left:10px; padding:0 14px; border-color:#dcdcdc; border-radius:0; font-size:14px; color:#666;}
.weo-page a:hover{border-color:#579904; color:#579904;}
.weo-page a.count{border-color:#dcdcdc; color:#666;}
.weo-page a.weo-page-on{background:#579904; border-color:#579904; color:#fff;}




#news-list ul li{position:relative; margin-top:40px; padding-bottom:40px; border-bottom:1px solid #e5e5e5;}
#news-list ul li:first-child{margin-top:0;}
#news-list ul li:after{content:''; position:absolute; left:0; right:100%; bottom:-1px; display:block; height:1px; background:#579904; opacity:0; transition:all 0.3s linear;}
#news-list ul li a{display:flex; align-items:center;}
#news-list ul li span{width:356px; height:244px; overflow:hidden;}
#news-list ul li img{width:356px; max-width:none; height:244px; transition:transform 0.3s linear;}
#news-list ul li section{flex:1; margin-left:40px;}
#news-list ul li section h4{height:18px; line-height:18px; font-family:'Arial'; font-size:16px; color:#666; overflow:hidden;}
#news-list ul li section h3{height:22px; line-height:22px; margin-top:24px; font-size:20px; font-weight:bold; overflow:hidden;}
#news-list ul li section p{height:56px; line-height:28px; margin-top:30px; font-size:15px; color:#666;}
#news-list ul li section h5{display:flex; align-items:center; margin-top:36px;}
#news-list ul li section h5 em{height:18px; line-height:18px; font-size:15px; color:#666; overflow:hidden;}
#news-list ul li section h5 i{width:20px; height:12px; margin-left:24px; background:url(img/arrow-r3.png) no-repeat center;}
#news-list ul li:hover:after{right:0; opacity:1; transition:all 0.3s linear;}
#news-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#news-list ul li:hover section h3{color:#579904;}
#news-list ul li:hover section h5 em{color:#579904;}
#news-list ul li:hover section h5 i{background-image:url(img/arrow-r3-h.png);}



#cpqx-banner{width:100%; height:600px; overflow:hidden;}
#cpqx-banner .swiper-wrapper{height:600px;}
#cpqx-banner .swiper-slide{width:100%; height:600px;}
#cpqx-banner .swiper-slide img{width:100%; height:600px;}
#cpqx-banner .swiper-pagination{left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;}
#cpqx-banner .swiper-pagination-bullet{width:50px; height:10px; margin:0 0 0 10px; background:#fff; border-radius:10px; cursor:pointer; opacity:0.4;}
#cpqx-banner .swiper-pagination-bullet:first-child{margin-left:0;}
#cpqx-banner .swiper-pagination-bullet-active{background:#fff;opacity:1;}
#cpqx-banner .swiper-button-prev,#cpqx-banner .swiper-button-next{top:50%; transform:translateY(-50%); width:16px; height:30px; margin:0; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:1;}
#cpqx-banner .swiper-button-prev:after,#cpqx-banner .swiper-button-next:after{display:none;}
.cpqx-jj{ width: 250px; height: 230px; background: #579904; padding: 25px; margin-top: -150px;  position: relative; z-index: 996; margin-left: 50px; border-radius: 10px; overflow: hidden;}
.cpqx-jj h3{font-size: 24px; font-weight: bold; color: #fff;}
.cpqx-jj i{width: 25px;height: 2px; background: #fff; margin:20px 0; display: block;}
.cpqx-jj p{font-size: 15px; color: #fff; line-height: 28px;}
.cpqx-item{ margin-top: 50px; margin-bottom: 30px;}
.cpqx-item p{font-size: 16px; color: #333; line-height: 32px; }
#nd-item{ margin-top: 50px; margin-bottom: 30px;}
#article-title{line-height:32px; font-size:24px; font-weight:bold;
    text-align: center;}
#article-info{height:18px; line-height:18px; margin-top:14px; font-size:15px; color:#888; overflow:hidden;
    text-align: center;}
#article{line-height:200%; margin-top:30px; padding-top:30px; border-top:1px solid #e5e5e5; font-size:16px; color:#464646;}




.contact-tabs ul{ display: flex;}
.contact-tabs ul li h2{ background: url(img/lianxi-titlebg.png) no-repeat; width: 174px; height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; color: #fff; padding-left: 20px;}
.contact-tabs ul li h3{height: 30px; line-height: 30px;font-size: 20px; font-weight: bold; color: #333; margin: 20px 0 10px 0;  }
.contact-tabs ul li p{ line-height: 32px; font-size: 16px; color: #666;}
.contact-tabs ul li p a{ display: block; background: #e5ecdc; width: 230px; height: 36px; border-radius: 50px; line-height: 36px; text-align: center; color: #579904; margin-top: 10px;}
.contact-tabs ul li p a.link-a1{ margin-top: 20px;}
.contact-tabs ul li p a:hover{background: #579904; color: #fff;}
.contact-liuyan{background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.15); margin: 50px 0; border-radius: 20px; padding: 50px; display: flex; justify-content: space-between;}
.contact-liuyan .contact-liuyan-left{ width: 560px; height: 100%;}
.contact-liuyan .contact-liuyan-right{ width: 490px; padding-left: 80px; border-left:1px #e5e5e5 solid; height: 100%;}
.contact-liuyan .contact-liuyan-left .online-title{font-size:24px; font-weight: bold;}
.contact-liuyan .contact-liuyan-left .online-title span{ color: #579904; padding-left: 10px;}
.contact-liuyan .contact-liuyan-left p{ font-size: 15px; color: #999; margin-top: 10px;}
.online-form{ margin-top: 40px;}
.online-form ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.online-form ul li{ width: 265px; height: #60px; line-height: 60px; background: #f5f5f5; border-radius: 10px; overflow: hidden; display: flex; align-items: center; padding:0 20px;}
.online-form ul li:first-child{ margin-right: 20px;}
.online-form ul li:last-child{ width: 100%; height:100px;background: #f5f5f5; margin-top: 20px;}
.online-form ul li span{ font-size: 15px; color: #666;}
.online-form ul li i{ width: 1px; height: 20px; background: #e5e5e5; margin: 0 10px;}
.online-form ul li input{ border: none; height: #60px; line-height: 60px; width: 170px;  background: none;font-size: 15px;}
.online-form ul li textarea{ border: none; line-height: 30px; width: 100%; height: 100%;  background: none; padding: 10px 0;font-size: 15px;}
.online-form .onlint-btn{ width: 200px; margin: 20px auto 0 auto; }
.online-form .onlint-btn button{width: 200px; height: 60px; line-height: 60px; color: #fff; background: #579904; border: none; font-size: 16px; border-radius: 50px;  cursor: pointer;}
.contact-liuyan-right .ewm-title{ font-size: 36px; color: #579904; font-weight: bold; padding-top: 20px; text-align: center;}
.contact-liuyan-right .ewm-list{margin-top: 30px; }
.contact-liuyan-right .ewm-list ul{display: flex; justify-content: space-between;}
.contact-liuyan-right .ewm-list li{ text-align: center; width: 50%;}
.contact-liuyan-right .ewm-list li img{ width:160px; height: 160px;}
.contact-liuyan-right .ewm-list li span{ display: block; font-size: 15px; color: #666; margin-top: 10px;}





#pageinfo { 
	height: 60px; 
	text-align: center;
    margin-bottom: 10px; 
    margin-top: 26px;
}
.digg { 
	padding-top: 30px;
}
.digg li{ 
 
    width: 43px;
    height: 43px;
    line-height: 42px;
	display:inline-block; 
	
    margin:0 4px;
    /*padding:0 16px;*/
    background:#fff;
    border:1px solid #d6d6d6;
    border-radius:2px; 
    font-size:14px; 
    color:#767676;
    
	    
}
.digg .page-item a{
	border: none;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 40px;
    overflow: inherit;
}
.digg .page-item a:hover { 
	/*background-color: #015196;*/
	color: #044f9a;
}
.digg .page-item a:active { 
	background-color: #579904; 
	color:#fff;
}
.digg li.active  { 
	
    display: inline-block;
    /* margin: 2px; */
    width: 43px;
    height: 43px;
    line-height: 42px;
    background-color: #579904;
    color: #fff;
    text-decoration: none;
}


#page{ display:none;}		




@media (max-width:750px){
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
#header{ display:none;}
#page{ display:block; position:fixed; z-index:99999; top:0;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}
#sj-header{height:3.75rem; background:#fff; z-index:999; box-shadow:0 0 10px 0 #ccc;}
#sj-logo{left:0.75rem; top:0.75rem; height:2.5rem; overflow:hidden;}
#sj-logo img{width:auto;height:2.25rem;}
#nav-btn{right:1rem; top:1.3125rem; width:1.875rem; height:1.375rem; background:url(img/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.375rem; height:1.375rem; background-image:url(img/close.png); background-size:80%;}

#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(img/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(img/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }

#banner{ padding-top:3.75rem; height:16.375rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:13rem;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet{ width:8px; height:8px;}
#banner .swiper-pagination-bullet-active{ width:30px;}
#banner .swiper-button-prev{ left:15px;}
#banner .swiper-button-prev, #banner .swiper-button-next{ top:64%;background-size: 70%;}
#banner .swiper-button-next{ right:15px;}
.wrapper{ width:100%; padding:0 15px; overflow:hidden;}
.noweo-flex{ display:block; width:100%;}
.wrap-white.p1{ padding:30px 0;}
#wrap-about{ padding:30px 0; background-size: 100% 42%; height:auto;}
.about-left{ width:100%; padding-top:0;}
.title h2{ height:32px; line-height:32px; font-size:24px;}
.title h3{ height:32px; line-height:32px; font-size:24px; margin-top:10px;}
.about-left .about-cont{ margin-top:20px; font-size:14px; line-height:30px; width:100%; color:#333;}
.about-left .boluo-img{ display:none;}
.about-right{ width:100%; height:200px; margin-top:20px;}
.about-right img{ width:100%; height:100%;}
#product-tab{ margin-top:25px;}
#product-tab h3.current{background-size: contain;}
#product-tab h3{width: 33%;height: 48px; font-size:15px; margin:0;}
#product{ margin-top:20px;}
#product .item.current{ height:210px;}
#product .swiper-container,#product .swiper-wrapper,#product .swiper-slide{ height:210px;}
#product .swiper-slide .swiper-slide-img span{ width:100%; height:150px; }
#product .swiper-slide img{ width:100%; height:100%;}
#product .swiper-slide.swiper-slide-active {  height:210px;}
#product .swiper-slide.swiper-slide-active .swiper-slide-img{ border-radius: 20px; overflow: hidden; width: 100%; height:150px;}
#product .swiper-slide.swiper-slide-active .swiper-slide-img span{ border-radius: 20px; overflow: hidden; width: 100%; height:150px;}
#product .swiper-slide.swiper-slide-active img{position:relative; z-index:1; display:block;width:100%; height:100%; margin:0 auto;overflow: hidden; border-radius: 20px;transition: 0.5s all;}
#product .swiper-slide p{ margin-top:10px; font-size:15px;}
#product .swiper-button-prev, #product .swiper-button-next{ top:36%;}
#wrap-service {height: 500px;background-size: 220%;}
#wrap-service .wrapper .shanzhu{right: 10px; top: 10px; width: 90px;}
#wrap-service .title{ padding-top:100px;}
#wrap-service .service_left{ display:none;}
#wrap-service .service_right{width: 345px;height: 200px; background-size: cover;margin: 25px auto;}
#wrap-service .service_right ul li{height: 84px;padding-left: 10px;}
#wrap-service .service_right ul li:nth-child(1){top: 13px; left: 15px;}
#wrap-service .service_right ul li .service_icon{ width:24px; margin:0 auto;}
#wrap-service .service_right ul li .service_icon img{ width:100%; height:auto;}
#wrap-service .service_right ul li h3{font-size: 12px; font-weight: bold; height: 26px; line-height: 26px;}
#wrap-service .service_right ul li:nth-child(1) .service_yuan{width: 74px;height: 60px;}
#wrap-service .service_right ul li:nth-child(2) .service_yuan{width: 74px;height: 60px;}
#wrap-service .service_right ul li:nth-child(2){top: 110px; left: 97px;}
#wrap-service .service_right ul li:nth-child(3){top: 13px; left: 178px;}
#wrap-service .service_right ul li:nth-child(3) .service_yuan{width: 74px;height: 60px;}
#wrap-service .service_right ul li:nth-child(4){top: 110px; left: 260px;}
#wrap-service .service_right ul li:nth-child(4) .service_yuan{width: 74px;height: 60px;}
#wrap-qytg{ background:none; padding-top:60px; margin-bottom:30px;}
#wrap-qytg .qytd-tabs{ display:block; margin-top:30px; position:relative;}
#wrap-qytg .qytd-tabs .qytg-left{ width:100%; height:220px;}
#wrap-qytg .qytd-tabs .qytg-right{ width:100%;}
#wrap-qytg .qytd-tabs .qytg-right h3{ font-size:26px;}
#wrap-qytg .qytd-tabs .qytg-right h2{ font-size:20px; height:30px; line-height:30px;}
#wrap-qytg .qytd-tabs .qytg-right p{ font-size:14px; line-height:30px;}
#wrap-qytg .qytd-tabs .qytg-left1{ width:100%; padding-top:240px;}
#wrap-qytg .qytd-tabs .qytg-right2{ width:100%; height:220px; position:absolute;top:0; left:0; right:0;}
#wrap-qytg .qytd-tabs .qytg-left1 h3{ font-size:26px;}
#wrap-qytg .qytd-tabs .qytg-left1 h2{ font-size:20px; height:30px; line-height:30px;}
#wrap-qytg .qytd-tabs .qytg-left1 p{ font-size:14px; line-height:30px;}
.wrap-gray.p1{ padding:30px 0 0 0;}
.contact-title{ font-size:24px;}
.contact-cont{ margin-top:25px;}
.contact-cont ul li{ margin-bottom:30px;}
.contact-cont ul li h2{ font-size:16px;}
.contact-cont ul li h3{ font-size:16px; margin:10px 0;}
.contact-cont ul li p{ font-size:14px; line-height:30px;}
.footer{ height:auto; line-height:30px; padding:10px 0;}

.ny-banner{ padding-top: 3.75rem;}
#lm-banner{ height: 140px; background-size: cover !important; padding-bottom:30px;}
#lm-about{ display:block;}
#lm-about .left{ width:100%;}
#lm-about .left .about-logo img{ width:auto; height:50px;}
#lm-about .left .text{ padding-top:20px;}
#lm-about .left .text p{ font-size:14px; line-height:30px;}
#lm-about .right{ width:100%; height:auto; margin-top:20px;}
#lm-about .right:after{ display:none;}
.gpzx-tabs ul li{ margin:0;line-height: 45px;}
.gpzx-tabs ul li.cur, .gpzx-tabs ul li:hover{ background-size:contain;}
.gpzx-tabs ul li a{ font-size:14px;}
#lm-product{ margin-top:30px;}
#lm-product ul{margin: -20px 0 0 -20px;}
#lm-product ul li{width: 44%;margin: 20px 0 0 20px;}
#lm-product ul li .lm-product-img{ width:100%; height:165px;}
#lm-product ul li p{ font-size:15px;}
#cpqx-banner{ padding-top: 3.75rem; height: 15.75rem;}
#cpqx-banner .swiper-wrapper,#cpqx-banner .swiper-slide,#cpqx-banner .swiper-slide img{height: 12.75rem;}
#cpqx-banner .swiper-pagination{ bottom:10px;}
#cpqx-banner .swiper-pagination-bullet{ width:30px; height:8px;}
.cpqx-jj{ margin-top:20px; width:100%; margin-left:0;}
.cpqx-jj h3{ font-size:20px;}
.cpqx-item{ margin-top:30px;}
.cpqx-item p{ font-size:14px;}
#news-list ul li{ padding-bottom:25px; margin-top:25px;}
#news-list ul li span{ width:48%; height:125px;}
#news-list ul li img{ width:100%; height:100%;}
#news-list ul li section{ margin-left:25px;}
#news-list ul li section h4{ font-size:14px; color:#999;}
#news-list ul li section h3{ font-size:15px; margin-top:5px;}
#news-list ul li section p{height: 50px; line-height: 26px; margin-top: 5px;font-size: 14px;}
#news-list ul li section h5{ margin-top:10px;}
#news-list ul li section h5 em{ font-size:14px;}
#news-list ul li section h5 i{ background-size:16px; margin-left:16px;}
#nd-item{ margin-top:40px;}
#article-info{ font-size:14px;}
.contact-tabs ul{ display:block;}
.contact-tabs ul li{ margin-bottom:30px;}
.contact-tabs ul li h2{ font-size:16px;}
.contact-tabs ul li h3{ font-size:16px; margin:10px 0 0 0;}
.contact-tabs ul li p{ font-size:14px; line-height:30px;}
.contact-liuyan{ display:block; padding:20px;margin: 30px 0;}
.contact-liuyan .contact-liuyan-left{ width:100%; height:auto;}
.contact-liuyan .contact-liuyan-left .online-title{ font-size:18px;}
.contact-liuyan .contact-liuyan-left p{ font-size:14px; line-height:28px;}
.online-form{ margin-top:20px;}
.online-form ul{ display:block;}
.online-form ul li:first-child{ margin-right:0;}
.online-form ul li{ width:100%; margin-bottom:10px;}
.online-form ul li:last-child{ margin-top:10px;}
.online-form .onlint-btn{ width:100%;}
.online-form .onlint-btn button{ width:100%; height:50px; line-height:50px;}
.contact-liuyan .contact-liuyan-right{ padding-left:0; border-left:0; width:100%; margin-top:30px;}
.contact-liuyan-right .ewm-title{ font-size:24px;}
.contact-liuyan-right .ewm-list li{ width:45%;}
.contact-liuyan-right .ewm-list li img{ width:100%; height:auto;}



}



@media screen and (min-width: 751px) and (max-width: 820px){
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
#header{ display:none;}
#page{ display:block;position: fixed;top: 0; z-index: 99999;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}
.wrapper{ width: 100%; padding:0 1rem;}
#sj-header{height:3.75rem; background:#fff; z-index:999; width: 100%;}
#sj-logo{left:0.75rem; top:0.75rem; height:2.3125rem; overflow:hidden;font-weight: bold;}
#sj-logo img{width:auto;height:2.5rem;}
#nav-btn{right:1rem; top:1.3125rem; width:1.875rem; height:1.375rem; background:url(img/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.375rem; height:1.375rem; background-image:url(img/close.png); background-size:80%;}

#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(img/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(img/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }


#banner{ padding-top:3.75rem; height:26.375rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:23rem;}
.wrap-gray.p1{ padding:40px 0;}
#wrap-about{ padding:30px 0;height: 390px; background-size: 100% 128%;}
.about-left{ width:50%; padding-top:0;}
.about-right{ width:45%; margin-left:30px; height:320px;}
.title h2{ height:32px; line-height:32px; font-size:24px;}
.title h3{ height:32px; line-height:32px; font-size:24px; margin-top:10px;}
.about-left .about-cont{ margin-top:20px; font-size:14px; line-height:30px; width:100%; color:#fff;}
.about-left .boluo-img{ display:none;}
.about-right img{ width:100%; height:100%;}
#product-tab{ margin-top:25px;}
#product-tab h3.current{background-size: contain;background-position: center;}
#product-tab h3{width: 33%;height: 48px; font-size:15px; margin:0;}
#product{ margin-top:20px;}
#product .item.current{ height:260px;}
#product .swiper-container,#product .swiper-wrapper,#product .swiper-slide{ height:260px;}
#product .swiper-slide .swiper-slide-img span{ width:100%; height:200px; }
#product .swiper-slide img{ width:100%; height:100%;}
#product .swiper-slide.swiper-slide-active {  height:260px;}
#product .swiper-slide.swiper-slide-active .swiper-slide-img{ border-radius: 20px; overflow: hidden; width: 100%; height:200px;}
#product .swiper-slide.swiper-slide-active .swiper-slide-img span{ border-radius: 20px; overflow: hidden; width: 100%; height:200px;}
#product .swiper-slide.swiper-slide-active img{position:relative; z-index:1; display:block;width:100%; height:100%; margin:0 auto;overflow: hidden; border-radius: 20px;transition: 0.5s all;}
#product .swiper-slide p{ margin-top:10px; font-size:15px;}
#product .swiper-button-prev, #product .swiper-button-next{ top:36%;}
#wrap-service {height: 540px;background-size:126%;}
#wrap-service .wrapper .shanzhu{right: 10px; top: 10px; width: 90px;}
#wrap-service .title{ padding-top:100px;}
#wrap-service .service_left{ width:45%;margin:20px 0 0 0;}
#wrap-service .service_left img{ width:100%;  height:auto;}
#wrap-service .service_right{width: 345px;height: 200px; background-size: cover;margin: 25px auto;}
#wrap-service .service_right ul li{height: 84px;padding-left: 10px;}
#wrap-service .service_right ul li:nth-child(1){top: 13px; left: 15px;}
#wrap-service .service_right ul li .service_icon{ width:24px; margin:0 auto;}
#wrap-service .service_right ul li .service_icon img{ width:100%; height:auto;}
#wrap-service .service_right ul li h3{font-size: 12px; font-weight: bold; height: 26px; line-height: 26px;}
#wrap-service .service_right ul li:nth-child(1) .service_yuan{width: 74px;height: 60px;}
#wrap-service .service_right ul li:nth-child(2) .service_yuan{width: 74px;height: 60px;}
#wrap-service .service_right ul li:nth-child(2){top: 110px; left: 97px;}
#wrap-service .service_right ul li:nth-child(3){top: 13px; left: 178px;}
#wrap-service .service_right ul li:nth-child(3) .service_yuan{width: 74px;height: 60px;}
#wrap-service .service_right ul li:nth-child(4){top: 110px; left: 260px;}
#wrap-service .service_right ul li:nth-child(4) .service_yuan{width: 74px;height: 60px;}
#wrap-qytg{ padding-top:80px;  padding-bottom:30px;background-size: 120%;}
#wrap-qytg .qytd-tabs{ margin-top:30px;}
#wrap-qytg .qytd-tabs .qytg-left{ width:50%; height:220px;}
#wrap-qytg .qytd-tabs .qytg-right{ width:50%; margin-left:20px;}
#wrap-qytg .qytd-tabs .qytg-right h3{ font-size:26px;}
#wrap-qytg .qytd-tabs .qytg-right h2{ font-size:20px; height:30px; line-height:30px;}
#wrap-qytg .qytd-tabs .qytg-right p{ font-size:14px; line-height:30px;}
#wrap-qytg .qytd-tabs .qytg-left1{ width:50%; margin-right:20px;}
#wrap-qytg .qytd-tabs .qytg-right2{ width:50%; height:220px; }
#wrap-qytg .qytd-tabs .qytg-left1 h3{ font-size:26px;}
#wrap-qytg .qytd-tabs .qytg-left1 h2{ font-size:20px; height:30px; line-height:30px;}
#wrap-qytg .qytd-tabs .qytg-left1 p{ font-size:14px; line-height:30px;}
.wrap-gray.p1{ padding:30px 0 0 0;}
.contact-title{ font-size:24px;}
.contact-cont{ margin-top:25px;}
.contact-cont ul li{ margin-bottom:30px;}
.contact-cont ul li h2{ font-size:16px;}
.contact-cont ul li h3{ font-size:16px; margin:10px 0;}
.contact-cont ul li p{ font-size:14px; line-height:30px;}
.footer{ height:auto; line-height:30px; padding:10px 0;}

.ny-banner{ padding-top: 3.75rem;}
#lm-banner{ height: 200px; background-size: cover !important; padding-bottom:30px;}
#lm-about .left{ width:50%;}
#lm-about .left .about-logo img{ width:auto; height:50px;}
#lm-about .left .text{ padding-top:20px;}
#lm-about .left .text p{ font-size:14px; line-height:30px;}
#lm-about .right{ width:50%; height:auto; margin-top:20px; margin-left:20px;}
#lm-about .right:after{ display:none;}
.gpzx-tabs ul li{ margin:0;line-height: 45px;}
.gpzx-tabs ul li.cur, .gpzx-tabs ul li:hover{ background-size:contain;}
.gpzx-tabs ul li a{ font-size:14px;}
#lm-product{ margin-top:30px;}
#lm-product ul{margin: -20px 0 0 -20px;}
#lm-product ul li{width: 30%;margin: 20px 0 0 20px;}
#lm-product ul li .lm-product-img{ width:100%; height:200px;}
#lm-product ul li p{ font-size:15px;}
#cpqx-banner{ padding-top: 3.75rem; height: 23.75rem;}
#cpqx-banner .swiper-wrapper,#cpqx-banner .swiper-slide,#cpqx-banner .swiper-slide img{height: 20.75rem;}
#cpqx-banner .swiper-pagination{ bottom:10px;}
#cpqx-banner .swiper-pagination-bullet{ width:30px; height:8px;}
.cpqx-jj{ margin-top:-90px; width:30%; margin-left:20px;}
.cpqx-jj h3{ font-size:20px;}
.cpqx-item{ margin-top:30px;}
.cpqx-item p{ font-size:14px;}
#news-list ul li{ padding-bottom:25px; margin-top:25px;}
#news-list ul li span{ width:30%; height:125px;}
#news-list ul li img{ width:100%; height:100%;}
#news-list ul li section{ margin-left:25px;}
#news-list ul li section h4{ font-size:14px; color:#999;}
#news-list ul li section h3{ font-size:15px; margin-top:5px;}
#news-list ul li section p{height: 50px; line-height: 26px; margin-top: 5px;font-size: 14px;}
#news-list ul li section h5{ margin-top:10px;}
#news-list ul li section h5 em{ font-size:14px;}
#news-list ul li section h5 i{ background-size:16px; margin-left:16px;}
#nd-item{ margin-top:40px;}
#article-info{ font-size:14px;}
.contact-tabs ul{}
.contact-tabs ul li{ margin-bottom:30px;}
.contact-tabs ul li h2{ font-size:16px;}
.contact-tabs ul li h3{ font-size:16px; margin:10px 0 0 0;}
.contact-tabs ul li p{ font-size:14px; line-height:30px;}
.contact-liuyan{padding:20px;margin: 30px 0;}
.contact-liuyan .contact-liuyan-left{ width:50%; height:auto;}
.contact-liuyan .contact-liuyan-left .online-title{ font-size:18px;}
.contact-liuyan .contact-liuyan-left p{ font-size:14px; line-height:28px;}
.online-form{ margin-top:20px;}
.online-form ul{ display:block;}
.online-form ul li:first-child{ margin-right:0;}
.online-form ul li{ width:100%; margin-bottom:10px;}
.online-form ul li:last-child{ margin-top:10px;}
.online-form .onlint-btn{ width:100%;}
.online-form .onlint-btn button{ width:100%; height:50px; line-height:50px;}
.contact-liuyan .contact-liuyan-right{ padding-left:30px; border-left:0; width:50%; margin-top:30px;}
.contact-liuyan-right .ewm-title{ font-size:24px;}
.contact-liuyan-right .ewm-list li{ width:45%;}
.contact-liuyan-right .ewm-list li img{ width:100%; height:auto;}





}