@charset "utf-8";
/* CSS Document */
*{ border:none; -webkit-text-size-adjust:none; text-size-adjust:none; outline:none;}
html,body{ width:100%; height:100%;}
body{ font:14px/1.5 "微软雅黑", sans-serif, Arial; color:#333; background:#fff; margin:0;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
h1,h2,h3,h4,h5,h6,strong,b,span,a,dl,dt,dd,p,img,ul,ol{ list-style-type:none; margin:0; padding:0;}
ul,ol,li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ line-height:1.2em;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ *zoom:1}
.clear:before,.clear:after{ display:table; content:""}
.clear:after{ clear:both}
input,select,textarea{ -webkit-appearance:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}  
input[type=checkbox]{ -webkit-appearance:checkbox;}
body::-webkit-scrollbar{ width:2px; height:1px;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#44af35;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}

/*header*/
@media screen and (min-width:1441px){
.header{ width:100%; height:100px; background-color:rgba(255,255,255,.9); position:fixed; left:0; top:0; z-index:9;}
.header .head{ width:90%; max-width:1440px; margin:auto; height:100%; display:flex; align-items:center;}
.header .logo{ height:60px;}
.header .logo img{ display:block; height:60px;}
.header .logo img.mobile{ display:none;}
.header .navBox{ flex:1; display:flex; justify-content:center;}
.header .navBox li{ height:100px; display:flex; align-items:center; position:relative; margin:0 1.3vw;}
.header .navBox li>a{ display:block; font-size:16px; line-height:26px;}
.header .navBox li b{ width:100%; height:2px; position:absolute; left:0; bottom:33px; background-color:#44af35; overflow:hidden; display:none;}
.header .navBox li.on>a,.header .navBox li:hover>a{ color:#44af35;}
.header .navBox li.on b{ display:block;}
.header .navBox li .head-popul{ background-color:rgba(255,255,255,.9); position:absolute; left:-20px; top:100%; width:160px; height:auto; padding:10px 0; display:none; overflow:hidden;}
.header .navBox li:hover .head-popul{ display:block;}
.header .navBox li .head-popul a{ display:block; font-size:14px; height:40px; line-height:40px; padding:0 20px;}
.header .navBox li .head-popul a:hover{ background-color:#44af35; color:#fff;}
.header .mNav{ display:none;}
.header .tel{ font-size:18px; line-height:26px;}
.header .tel img{ display:block; float:left; height:16px; margin:5px; margin-left:0;}
.header .line{ width:1px; height:16px; background-color:#ddd; margin:0 1vw;}
.header .ser{ font-size:16px; line-height:26px; cursor:pointer;}
.header .ser img{ display:block; float:left; height:16px; margin:5px; margin-left:0;}
.m_nav_list{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.header{ width:100%; height:80px; background-color:rgba(255,255,255,.9); position:fixed; left:0; top:0; z-index:9;}
.header .head{ width:94%; margin:auto; height:100%; display:flex; align-items:center;}
.header .logo{ height:50px;}
.header .logo img{ display:block; height:50px;}
.header .logo img.mobile{ display:none;}
.header .navBox{ flex:1; display:flex; justify-content:center;}
.header .navBox li{ height:80px; display:flex; align-items:center; position:relative; margin:0 1vw;}
.header .navBox li>a{ display:block; font-size:16px; line-height:26px;}
.header .navBox li b{ width:100%; height:2px; position:absolute; left:0; bottom:23px; background-color:#44af35; overflow:hidden; display:none;}
.header .navBox li.on>a,.header .navBox li:hover>a{ color:#44af35;}
.header .navBox li.on b{ display:block;}
.header .navBox li .head-popul{ background-color:rgba(255,255,255,.9); position:absolute; left:-15px; top:100%; width:140px; height:auto; padding:5px 0; display:none; overflow:hidden;}
.header .navBox li:hover .head-popul{ display:block;}
.header .navBox li .head-popul a{ display:block; font-size:14px; height:34px; line-height:34px; padding:0 15px;}
.header .navBox li .head-popul a:hover{ background-color:#44af35; color:#fff;}
.header .mNav{ display:none;}
.header .tel{ font-size:18px; line-height:26px;}
.header .tel img{ display:block; float:left; height:16px; margin:5px; margin-left:0;}
.header .line{ width:1px; height:16px; background-color:#ddd; margin:0 1vw;}
.header .ser{ font-size:16px; line-height:26px; cursor:pointer;}
.header .ser img{ display:block; float:left; height:16px; margin:5px; margin-left:0;}
.m_nav_list{ display:none;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:60px;  background-color:rgba(255,255,255,.9); position:fixed; left:0; top:0; z-index:9;}
.header .head{ width:94%; margin:auto;}
.header .logo{ height:40px; padding:10px 0; float:left;}
.header .logo img{ display:block; height:40px;}
.header .logo img.pc{ display:none;}
.header .navBox{ display:none;}
.header .head .mNav{ float:right; display:block; -webkit-transition:.8s; transition:.8s; float:right; width:30px; height:60px; position:relative;}
.header .head .mNav .burger{ width:30px; height:1px; background-color:#333; position:absolute; top:18px; left:50%; margin:0 0 0 -15px; -webkit-transform-origin:center; transform-origin:center; -webkit-transition:.8s; transition:.8s;}
.header .head .mNav .burger:nth-of-type(2){ top:30px;}
.header .head .mNav .burger:nth-of-type(3){ top:42px;}
.header .head .mNav.on .burger:first-of-type{ top:30px; -webkit-transform:rotate(225deg); transform:rotate(225deg);}
.header .head .mNav.on .burger:nth-of-type(2){ left:-100%; opacity:0;}
.header .head .mNav.on .burger:nth-of-type(3){ top:30px; -webkit-transform:rotate(-225deg); transform:rotate(-225deg);}
.header .tel{ display:none;}
.header .line{ display:none;}
.header .ser{ font-size:16px; line-height:30px; height:30px; padding:0 15px; border-radius:30px; background-color:#f5f5f5; cursor:pointer; float:right; margin:15px;}
.header .ser img{ display:block; float:left; height:16px; margin:7px 5px; margin-left:0;}

.phonemask{ position:fixed; z-index:990; height:100%; width:100%; top:0; left:0; background:rgba(0,0,0,0.6); display:none; margin-top:60px; box-sizing:border-box;}
.m_nav_list{ position:fixed; top:60px; width:80%; bottom:0; overflow:hidden; font-size:14px; transition:all 0.5s; left:-100%; z-index:999; background-color:#fff;}
.m_nav_list.on{ transition-delay:0.2s; left:0;}
.nav_box{ transition:all 0.3s; background:#fff; height:100%; position:absolute; width:100%;}
.m_nav_list li{ padding:15px 0; background:#fff; border-top:1px solid #efefef; padding-left:20px; position:relative;}
.m_nav_list li a{ display:block;}
.m_nav_list li .m_next{ display:block; width:50px; height:100%; border-left:1px solid #efefef; position:absolute; right:0; top:0; z-index:10;}
.m_nav_list li .m_next::after{ content:""; display:block; height:0; width:0; border:4px solid transparent; border-left-color:#000; position:absolute; top:50%; margin-top:-4px; left:50%; margin-left:-4px;}
.m_nav_list ul.first_list{ top:0; left:0;}
.m_nav_list .second_list{ background:#fff; width:100%; height:100%; position:absolute; top:0; left:100%;}
.m_nav_list .second_list ul{ background:#fff; height:100%; position:absolute; width:100%; opacity:0;}
.m_nav_list .second_list ul.ztop{ z-index:99; opacity:1;}
.m_nav_list .second_list .m_nav_title{ height:52px; background:#efefef; text-align:center; line-height:52px; font-size:16px; position:relative; cursor:pointer;}
.m_nav_list .second_list .m_nav_title span{ display:block; width:52px; height:100%; position:absolute; top:0; left:0;}
.m_nav_list .second_list .m_nav_title span::before{ content:""; border-top:2px solid transparent; border-left:2px solid transparent; display:block; width:8px; height:8px; margin:auto; position:absolute; top:0; bottom:0; border-color:#000; -ms-transform:rotate(-45deg); transform:rotate(-45deg); left:50%; box-sizing:border-box;}
}

/*搜索*/
@media screen and (min-width:1441px){
.serbox{ width:500px; height:100%; position:fixed; right:0; top:0; background-color:#fff; z-index:100; display:none;}
.serbox .box{ width:400px; height:50px; border-bottom:1px solid #cacaca; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.serbox .box p{ display:block; padding-left:10px; height:50px; float:left; width:calc(100% - 50px);}
.serbox .box p input{ width:100%; display:block; font-size:16px; line-height:50px; height:50px; overflow:hidden;}
.serbox .box span{ display:block; width:40px; height:50px; float:right;}
.serbox .box span input{ width:40px; height:50px; display:block; cursor:pointer; background-color:#fff; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat;}
.serbox .close{ position:absolute; right:3%; top:3%; -webkit-transition:1s linear; transition:1s ease-in;}
.serbox .close img{ display:block; cursor:pointer;}
.serbox .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.serbox{ width:360px; height:100%; position:fixed; right:0; top:0; background-color:#fff; z-index:100; display:none;}
.serbox .box{ width:300px; height:50px; border-bottom:1px solid #cacaca; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.serbox .box p{ display:block; padding-left:10px; height:50px; float:left; width:calc(100% - 50px);}
.serbox .box p input{ width:100%; display:block; font-size:16px; line-height:50px; height:50px; overflow:hidden;}
.serbox .box span{ display:block; width:40px; height:50px; float:right;}
.serbox .box span input{ width:40px; height:50px; display:block; cursor:pointer; background-color:#fff; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat;}
.serbox .close{ position:absolute; right:3%; top:3%; -webkit-transition:1s linear; transition:1s ease-in;}
.serbox .close img{ display:block; cursor:pointer;}
.serbox .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media only screen and (max-width:1023px){
.serbox{ width:100%; height:100vh; position:fixed; right:0; top:0; background-color:#fff; z-index:100; display:none;}
.serbox .box{ width:94%; height:40px; border-bottom:1px solid #ddd; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.serbox .box p{ display:block; padding:0 10px; height:40px; float:left; width:calc(100% - 60px);}
.serbox .box p input{ width:100%; display:block; font-size:16px; line-height:40px; height:40px; overflow:hidden;}
.serbox .box span{ display:block; width:40px; height:40px; float:right;}
.serbox .box span input{ width:40px; height:40px; display:block; cursor:pointer; background-color:#fff; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat;}
.serbox .close{ position:absolute; right:3%; top:3%; -webkit-transition:1s linear; transition:1s ease-in;}
.serbox .close img{ width:24px; display:block; cursor:pointer;}
.serbox .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}

/*banner*/
@media screen and (min-width:1441px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; height:100%;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.banner .swiper-slide a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-pagination{ width:90%; max-width:1440px; position:absolute; left:50%; transform:translateX(-50%); bottom:30px; z-index:3; display:flex; justify-content:flex-end;}
.banner .swiper-pagination span{ display:flex; align-items:center; font-size:16px; line-height:30px; color:rgba(255,255,255,.7);}
.banner .swiper-pagination span a{ display:block; width:40px; height:1px; background-color:rgba(255,255,255,.5); margin:0 10px; overflow:hidden;}
.banner .swiper-pagination span a em{ width:50%; height:1px; display:block; background-color:#fff; overflow:hidden;}
.banner .swiper-pagination span:nth-child(2n) a em{ float:right;}
.banner .swiper-pagination span:nth-child(1) a{ display:none;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ color:#fff;}
.banner .down{ width:20px; height:30px; position:absolute; left:50%; margin-left:-10px; bottom:30px; z-index:5; cursor:pointer;}
.banner .down img{ width:100%; display:block;}
.banner .swiper-button-white{ width:90%; max-width:1440px; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:7;}
.banner .swiper-button-white div{ width:44px; height:44px; border-radius:100%; border:1px solid rgba(255,255,255,.5); cursor:pointer; overflow:hidden; clear:right; float:right; background-position:center; background-repeat:no-repeat;}
.banner .swiper-button-white div:hover{ background-color:#44af35; border:1px solid #44af35;}
.banner .swiper-button-white .swiper-button-prev{ background-image:url(../images/prev.png);}
.banner .swiper-button-white .swiper-button-next{ background-image:url(../images/next.png); margin-top:30px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.banner{ width:100%; height:56.25vw; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; height:100%;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.banner .swiper-slide a img{ width:100%; display:block;}
.banner .swiper-pagination{ position:absolute; right:3%; bottom:20px; z-index:3; display:flex; justify-content:flex-end;}
.banner .swiper-pagination span{ display:flex; align-items:center; font-size:16px; line-height:30px; color:rgba(255,255,255,.7);}
.banner .swiper-pagination span a{ display:block; width:40px; height:1px; background-color:rgba(255,255,255,.5); margin:0 10px; overflow:hidden;}
.banner .swiper-pagination span a em{ width:50%; height:1px; display:block; background-color:#fff; overflow:hidden;}
.banner .swiper-pagination span:nth-child(2n) a em{ float:right;}
.banner .swiper-pagination span:nth-child(1) a{ display:none;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ color:#fff;}
.banner .down{ width:20px; height:30px; position:absolute; left:50%; margin-left:-10px; bottom:20px; z-index:5; cursor:pointer;}
.banner .down img{ width:100%; display:block;}
.banner .swiper-button-white{ position:absolute; right:3%; top:50%; transform:translateY(-50%); z-index:7;}
.banner .swiper-button-white div{ width:38px; height:38px; border-radius:100%; border:1px solid rgba(255,255,255,.5); cursor:pointer; overflow:hidden; clear:right; float:right; background-position:center; background-repeat:no-repeat;}
.banner .swiper-button-white div:hover{ background-color:#44af35; border:1px solid #44af35;}
.banner .swiper-button-white .swiper-button-prev{ background-image:url(../images/prev.png);}
.banner .swiper-button-white .swiper-button-next{ background-image:url(../images/next.png); margin-top:20px;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; height:56.25vw; position:relative; z-index:1; border-top:60px solid #fff;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; height:100%;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.banner .swiper-slide a img{ width:100%; display:block;}
.banner .swiper-pagination{ position:absolute; right:3%; bottom:10px; z-index:3; display:flex; justify-content:flex-end;}
.banner .swiper-pagination span{ display:flex; align-items:center; font-size:16px; line-height:26px; color:rgba(255,255,255,.7);}
.banner .swiper-pagination span a{ display:block; width:20px; height:1px; background-color:rgba(255,255,255,.5); margin:0 5px; overflow:hidden;}
.banner .swiper-pagination span a em{ width:50%; height:1px; display:block; background-color:#fff; overflow:hidden;}
.banner .swiper-pagination span:nth-child(2n) a em{ float:right;}
.banner .swiper-pagination span:nth-child(1) a{ display:none;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ color:#fff;}
.banner .down{ display:none;}
.banner .swiper-button-white{ position:absolute; right:3%; top:50%; transform:translateY(-50%); z-index:7;}
.banner .swiper-button-white div{ width:32px; height:32px; border-radius:100%; border:1px solid rgba(255,255,255,.5); cursor:pointer; overflow:hidden; clear:right; float:right; background-position:center; background-repeat:no-repeat; background-size:6px auto;}
.banner .swiper-button-white div:hover{ background-color:#44af35; border:1px solid #44af35;}
.banner .swiper-button-white .swiper-button-prev{ background-image:url(../images/prev.png);}
.banner .swiper-button-white .swiper-button-next{ background-image:url(../images/next.png); margin-top:10px;}
}

/*右侧浮动*/
@media screen and (min-width:1441px){
.kefu{ position:fixed; z-index:99999; bottom:14%; right:30px; width:48px;}
.kefu ul li{ position:relative; margin-bottom:12px;}
.kefu ul li a.kf-gy{ width:48px; height:48px; background:#fff; border:1px solid #eee; display:block; text-align:center; line-height:48px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#44af35; color:#fff; border:1px solid #44af35;}
.kefu ul li a.kf-a1{ background:url(../images/kf-a1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-a1{ background:url(../images/kf-a2.png) center no-repeat #44af35; background-size:20px;}
.kefu ul li a.kf-b1{ background:url(../images/kf-b1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-b1{ background:url(../images/kf-b2.png) center no-repeat #44af35; background-size:20px;}
.kefu ul li a.kf-c1{ background:url(../images/kf-c1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-c1{ background:url(../images/kf-c2.png) center no-repeat #44af35; background-size:20px;}
.kefu ul li a.kf-d1{ background:url(../images/kf-d1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-d1{ background:url(../images/kf-d2.png) center no-repeat #44af35; background-size:20px;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:20px; margin-top:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #44af35; border:1px solid #44af35; background-size:20px;}
.kefu ul li span{ position:absolute; box-shadow:0 4px 16px rgba(28,67,125,.08); padding:9px 20px; color:#161616; font-size:14px; line-height:22px; white-space:nowrap; bottom:5px; text-align:center; background:#fff; border:1px solid hsla(226,9%,73%,.12); border-radius:4px; transition:all .3s ease; opacity:0; visibility:hidden; right:100px;}
.kefu ul li span a{ color:#44af35;}	
.kefu ul li span a.kf-tel{ font-size:18px; color:#44af35;}
.kefu ul li:hover span{ visibility:visible; opacity:1; right:60px;}
.kefu ul li span:after{ position:absolute; box-sizing:border-box; background-color:inherit; width:12px; height:12px; bottom:15px; transition:all 250ms ease-in-out 0s; right:-4.25px; transform:rotate(315deg); border-right:1px solid hsla(226,9%,73%,.12); border-bottom:1px solid hsla(226,9%,73%,.12); content:"";}
.kefu ul li span dl{ width:100px;}
.kefu ul li span dl dt{ padding:5px;}
.kefu ul li span dl dt img{ display:block; width:100%;}
.kefu ul li span dl dd{ width:100%; font-size:14px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.kefu{ position:fixed; z-index:99999; bottom:14%; right:3%; width:48px;}
.kefu ul li{ position:relative; margin-bottom:12px;}
.kefu ul li a.kf-gy{ width:44px; height:44px; background:#fff; border:1px solid #eee; display:block; text-align:center; line-height:44px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#44af35; color:#fff; border:1px solid #44af35;}
.kefu ul li a.kf-a1{ background:url(../images/kf-a1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-a1{ background:url(../images/kf-a2.png) center no-repeat #44af35; background-size:20px;}
.kefu ul li a.kf-b1{ background:url(../images/kf-b1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-b1{ background:url(../images/kf-b2.png) center no-repeat #44af35; background-size:20px;}
.kefu ul li a.kf-c1{ background:url(../images/kf-c1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-c1{ background:url(../images/kf-c2.png) center no-repeat #44af35; background-size:20px;}
.kefu ul li a.kf-d1{ background:url(../images/kf-d1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-d1{ background:url(../images/kf-d2.png) center no-repeat #44af35; background-size:20px;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:20px; margin-top:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #44af35; border:1px solid #44af35; background-size:20px;}
.kefu ul li span{ position:absolute; box-shadow:0 4px 16px rgba(28,67,125,.08); padding:7px 20px; color:#161616; font-size:14px; line-height:22px; white-space:nowrap; bottom:5px; text-align:center; background:#fff; border:1px solid hsla(226,9%,73%,.12); border-radius:4px; transition:all .3s ease; opacity:0; visibility:hidden; right:100px;}
.kefu ul li span a{ color:#44af35;}	
.kefu ul li span a.kf-tel{ font-size:18px; color:#44af35;}
.kefu ul li:hover span{ visibility:visible; opacity:1; right:60px;}
.kefu ul li span:after{ position:absolute; box-sizing:border-box; background-color:inherit; width:12px; height:12px; bottom:15px; transition:all 250ms ease-in-out 0s; right:-4.25px; transform:rotate(315deg); border-right:1px solid hsla(226,9%,73%,.12); border-bottom:1px solid hsla(226,9%,73%,.12); content:"";}
.kefu ul li span dl{ width:100px;}
.kefu ul li span dl dt{ padding:5px;}
.kefu ul li span dl dt img{ display:block; width:100%;}
.kefu ul li span dl dd{ width:100%; font-size:14px;}
}
@media only screen and (max-width:1023px){
.kefu{ position:fixed; z-index:99999; bottom:14%; right:3%; width:40px;}
.kefu ul li{ display:none; position:relative;}
.kefu ul li.kf-top{ display:block;}
.kefu ul li a.kf-gy{ width:38px; height:38px; background:#fff; border:1px solid #eee; display:block; text-align:center; line-height:38px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#44af35; color:#fff; border:1px solid #44af35;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:20px; margin-top:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #44af35; border:1px solid #44af35; background-size:20px;}
}

/*通用*/
@media screen and (min-width:1441px){
.title{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.title .left{ float:left; width:calc(97% - 150px); position:relative; margin-top:-10px; height:80px; display:flex;}
.title .left strong{ font-size:48px; line-height:56px; height:56px; display:block; opacity:0.1; position:absolute; left:0; top:0; z-index:1; text-transform:uppercase; overflow:hidden;}
.title .left b{ font-size:36px; line-height:46px; height:46px; display:block; padding-top:34px; position:relative; z-index:3;}
.title .left p{ width:60px; height:10px; display:block; position:absolute; left:0; bottom:0; z-index:2; background-color:#44af35; overflow:hidden;}
.title .left span{ flex:1; font-size:16px; line-height:26px; height:26px; display:block; padding-top:54px; color:#666; position:relative; z-index:3; margin-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.title .right{ width:100px; padding:0 24px; height:38px; line-height:38px; border:1px solid #44af35; display:block; font-size:16px; color:#44af35; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius:40px; overflow:hidden; position:absolute; right:0; bottom:0;}
.title .right::before{ content:''; position:absolute; right:40px; top:50%; margin-top:-4px; width:8px; height:8px; background-color:#44af35; transform:rotate(-45deg);}
.title .right::after{ content:''; position:absolute; right:24px; top:50%; margin-top:-4px; width:8px; height:8px; background-color:#44af35; transform:rotate(-45deg); opacity:.5;}
.title .right:hover{ background-color:#44af35; color:#fff; border:1px solid #44af35;}
.title .right:hover::before,.title .right:hover::after{ background-color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.title{ width:94%; margin:auto; position:relative; z-index:3;}
.title .left{ float:left; width:calc(97% - 140px); position:relative; margin-top:-10px; height:70px; display:flex;}
.title .left strong{ font-size:38px; line-height:50px; height:50px; display:block; opacity:0.1; position:absolute; left:0; top:0; z-index:1; text-transform:uppercase; overflow:hidden;}
.title .left b{ font-size:30px; line-height:40px; height:40px; display:block; padding-top:30px; position:relative; z-index:3;}
.title .left p{ width:50px; height:10px; display:block; position:absolute; left:0; bottom:0; z-index:2; background-color:#44af35; overflow:hidden;}
.title .left span{ flex:1; font-size:15px; line-height:25px; height:25px; display:block; padding-top:45px; color:#666; position:relative; z-index:3; margin-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.title .right{ width:100px; padding:0 19px; height:34px; line-height:34px; border:1px solid #44af35; display:block; font-size:15px; color:#44af35; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius:40px; overflow:hidden; position:absolute; right:0; bottom:0;}
.title .right::before{ content:''; position:absolute; right:35px; top:50%; margin-top:-4px; width:8px; height:8px; background-color:#44af35; transform:rotate(-45deg);}
.title .right::after{ content:''; position:absolute; right:19px; top:50%; margin-top:-4px; width:8px; height:8px; background-color:#44af35; transform:rotate(-45deg); opacity:.5;}
.title .right:hover{ background-color:#44af35; color:#fff; border:1px solid #44af35;}
.title .right:hover::before,.title .right:hover::after{ background-color:#fff;}
}
@media only screen and (max-width:1023px){
.title{ width:94%; margin:auto; position:relative; z-index:3;}
.title .left{ float:left; width:100%; position:relative; margin-top:-10px;}
.title .left strong{ width:calc(95% - 120px); font-size:28px; line-height:42px; height:42px; display:block; opacity:0.1; position:absolute; left:0; top:0; z-index:1; text-transform:uppercase; overflow:hidden;}
.title .left b{ width:calc(95% - 120px); font-size:20px; line-height:30px; height:30px; display:block; padding-top:20px; position:relative; z-index:3;}
.title .left p{ width:40px; height:6px; display:block; position:absolute; left:0; top:44px; z-index:2; background-color:#44af35; overflow:hidden;}
.title .left span{ width:100%; font-size:14px; line-height:24px; max-height:48px; display:block; padding-top:10px; color:#666; position:relative; z-index:3; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.title .right{ width:90px; padding:0 14px; height:30px; line-height:30px; border:1px solid #44af35; display:block; font-size:14px; color:#44af35; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius:40px; overflow:hidden; position:absolute; right:0; top:8px;}
.title .right::before{ content:''; position:absolute; right:31px; top:50%; margin-top:-4px; width:8px; height:8px; background-color:#44af35; transform:rotate(-45deg);}
.title .right::after{ content:''; position:absolute; right:14px; top:50%; margin-top:-4px; width:8px; height:8px; background-color:#44af35; transform:rotate(-45deg); opacity:.5;}
.title .right:hover{ background-color:#44af35; color:#fff; border:1px solid #44af35;}
.title .right:hover::before,.title .right:hover::after{ background-color:#fff;}
}

/*业务领域*/
@media screen and (min-width:1441px){
.sbox{ padding:100px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.sbox .box{ width:90%; max-width:1440px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.sbox .box .swiper-container{ width:100%; height:360px;}
.sbox .box .swiper-container .swiper-slide{ width:47.22%; margin-right:5.56%; height:360px; background-color:#f1f1f1;}
.sbox .box .swiper-container .swiper-slide:last-child{ margin-right:0;}
.sbox .box .swiper-container .swiper-slide:hover{ background-color:#44af35;}
.sbox .box .swiper-container .swiper-slide .wen{ width:53%; padding:50px 4.41%; box-sizing:border-box; height:100%; float:left; position:relative;}
.sbox .box .swiper-container .swiper-slide .wen .w01{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.sbox .box .swiper-container .swiper-slide .wen .w01 img{ max-width:75%; max-height:calc(100% - 100px); display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.sbox .box .swiper-container .swiper-slide .wen .w01 img.img02{ display:none;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w01 img.img01{ display:none;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w01 img.img02{ display:block;}
.sbox .box .swiper-container .swiper-slide .wen .w02{ height:50px; position:relative; z-index:3;}
.sbox .box .swiper-container .swiper-slide .wen .w02 img{ display:block; height:50px;}
.sbox .box .swiper-container .swiper-slide .wen .w02 img.img02{ display:none;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w02 img.img01{ display:none;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w02 img.img02{ display:block;}
.sbox .box .swiper-container .swiper-slide .wen .w03{ font-size:24px; line-height:34px; height:34px; margin-top:25px; font-weight:bold; position:relative; z-index:3;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w03 a{ color:#fff;}
.sbox .box .swiper-container .swiper-slide .wen .w04{ font-size:16px; line-height:30px; height:90px; margin-top:8px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; position:relative; z-index:3;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w04{ color:#fff;}
.sbox .box .swiper-container .swiper-slide .wen .w05{ width:100%; margin-top:17px; position:relative; z-index:3;}
.sbox .box .swiper-container .swiper-slide .wen .w05 a{ display:block; width:90px; padding:0 20px; height:36px; line-height:36px; font-size:16px; border-radius:36px; background-color:#fff; overflow:hidden;}
.sbox .box .swiper-container .swiper-slide .wen .w05 a b{ width:15px; height:10px; float:right; display:block; margin:13px 0; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.sbox .box .swiper-container .swiper-slide .wen .w05 a:hover{ color:#44af35;}
.sbox .box .swiper-container .swiper-slide .wen .w05 a:hover b{ background-image:url(../images/more01.png);}
.sbox .box .swiper-container .swiper-slide .tu{ width:47%; height:100%; float:left;}
.sbox .box .swiper-container .swiper-slide .tu a{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .swiper-container .swiper-slide:hover .tu a{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.sbox .box .swi{ width:100%; margin-top:40px;}
.sbox .box .swi .swiper-pagination{ height:2px; width:calc(100% - 140px); background-color:#eee; margin:19px 0; float:left; overflow:hidden; position:relative;}
.sbox .box .swi .swiper-pagination .swiper-pagination-progressbar-fill{ background-color:#44af35;}
.sbox .box .swi .swiper-button-prev{ width:40px; height:40px; background-color:#333; border-radius:100%; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; background-size:8px auto; float:left; margin-left:40px; overflow:hidden; cursor:pointer;}
.sbox .box .swi .swiper-button-next{ width:40px; height:40px; background-color:#333; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; background-size:8px auto; float:left; margin-left:20px; overflow:hidden; cursor:pointer;}
.sbox .box .swi .swiper-button-prev:hover,.sbox .box .swi .swiper-button-next:hover{ background-color:#44af35;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.sbox{ padding:70px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.sbox .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.sbox .box .swiper-container{ width:100%; height:300px;}
.sbox .box .swiper-container .swiper-slide{ width:48%; margin-right:4%; height:300px; background-color:#f1f1f1;}
.sbox .box .swiper-container .swiper-slide:last-child{ margin-right:0;}
.sbox .box .swiper-container .swiper-slide:hover{ background-color:#44af35;}
.sbox .box .swiper-container .swiper-slide .wen{ width:53%; padding:35px 4%; box-sizing:border-box; height:100%; float:left; position:relative;}
.sbox .box .swiper-container .swiper-slide .wen .w01{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.sbox .box .swiper-container .swiper-slide .wen .w01 img{ max-width:80%; max-height:calc(100% - 70px); display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.sbox .box .swiper-container .swiper-slide .wen .w01 img.img02{ display:none;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w01 img.img01{ display:none;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w01 img.img02{ display:block;}
.sbox .box .swiper-container .swiper-slide .wen .w02{ height:50px; position:relative; z-index:3;}
.sbox .box .swiper-container .swiper-slide .wen .w02 img{ display:block; height:50px;}
.sbox .box .swiper-container .swiper-slide .wen .w02 img.img02{ display:none;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w02 img.img01{ display:none;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w02 img.img02{ display:block;}
.sbox .box .swiper-container .swiper-slide .wen .w03{ font-size:20px; line-height:30px; height:30px; margin-top:17px; font-weight:bold; position:relative; z-index:3;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w03 a{ color:#fff;}
.sbox .box .swiper-container .swiper-slide .wen .w04{ font-size:15px; line-height:25px; height:75px; margin-top:7px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; position:relative; z-index:3;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w04{ color:#fff;}
.sbox .box .swiper-container .swiper-slide .wen .w05{ width:100%; margin-top:17px; position:relative; z-index:3;}
.sbox .box .swiper-container .swiper-slide .wen .w05 a{ display:block; width:86px; padding:0 20px; height:34px; line-height:34px; font-size:15px; border-radius:36px; background-color:#fff; overflow:hidden;}
.sbox .box .swiper-container .swiper-slide .wen .w05 a b{ width:15px; height:10px; float:right; display:block; margin:12px 0; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.sbox .box .swiper-container .swiper-slide .wen .w05 a:hover{ color:#44af35;}
.sbox .box .swiper-container .swiper-slide .wen .w05 a:hover b{ background-image:url(../images/more01.png);}
.sbox .box .swiper-container .swiper-slide .tu{ width:47%; height:100%; float:left;}
.sbox .box .swiper-container .swiper-slide .tu a{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .swiper-container .swiper-slide:hover .tu a{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.sbox .box .swi{ width:100%; margin-top:25px;}
.sbox .box .swi .swiper-pagination{ height:2px; width:calc(100% - 121px); background-color:#eee; margin:18px 0; float:left; overflow:hidden; position:relative;}
.sbox .box .swi .swiper-pagination .swiper-pagination-progressbar-fill{ background-color:#44af35;}
.sbox .box .swi .swiper-button-prev{ width:38px; height:38px; background-color:#333; border-radius:100%; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; background-size:8px auto; float:left; margin-left:30px; overflow:hidden; cursor:pointer;}
.sbox .box .swi .swiper-button-next{ width:38px; height:38px; background-color:#333; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; background-size:8px auto; float:left; margin-left:15px; overflow:hidden; cursor:pointer;}
.sbox .box .swi .swiper-button-prev:hover,.sbox .box .swi .swiper-button-next:hover{ background-color:#44af35;}
}
@media only screen and (max-width:1023px){
.sbox{ padding:40px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.sbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.sbox .box .swiper-container{ width:100%; height:270px;}
.sbox .box .swiper-container .swiper-slide{ width:100%; height:270px; background-color:#f1f1f1;}
.sbox .box .swiper-container .swiper-slide:last-child{ margin-right:0;}
.sbox .box .swiper-container .swiper-slide:hover{ background-color:#44af35;}
.sbox .box .swiper-container .swiper-slide .wen{ width:53%; padding:20px 3%; box-sizing:border-box; height:100%; float:left; position:relative;}
.sbox .box .swiper-container .swiper-slide .wen .w01{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.sbox .box .swiper-container .swiper-slide .wen .w01 img{ max-width:90%; max-height:calc(100% - 30px); display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.sbox .box .swiper-container .swiper-slide .wen .w01 img.img02{ display:none;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w01 img.img01{ display:none;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w01 img.img02{ display:block;}
.sbox .box .swiper-container .swiper-slide .wen .w02{ height:50px; position:relative; z-index:3;}
.sbox .box .swiper-container .swiper-slide .wen .w02 img{ display:block; height:50px;}
.sbox .box .swiper-container .swiper-slide .wen .w02 img.img02{ display:none;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w02 img.img01{ display:none;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w02 img.img02{ display:block;}
.sbox .box .swiper-container .swiper-slide .wen .w03{ font-size:18px; line-height:28px; height:28px; margin-top:10px; font-weight:bold; position:relative; z-index:3;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w03 a{ color:#fff;}
.sbox .box .swiper-container .swiper-slide .wen .w04{ font-size:14px; line-height:24px; height:96px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; position:relative; z-index:3;}
.sbox .box .swiper-container .swiper-slide:hover .wen .w04{ color:#fff;}
.sbox .box .swiper-container .swiper-slide .wen .w05{ width:100%; margin-top:9px; position:relative; z-index:3;}
.sbox .box .swiper-container .swiper-slide .wen .w05 a{ display:block; width:80px; padding:0 15px; height:32px; line-height:32px; font-size:14px; border-radius:36px; background-color:#fff; overflow:hidden;}
.sbox .box .swiper-container .swiper-slide .wen .w05 a b{ width:15px; height:10px; float:right; display:block; margin:11px 0; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.sbox .box .swiper-container .swiper-slide .wen .w05 a:hover{ color:#44af35;}
.sbox .box .swiper-container .swiper-slide .wen .w05 a:hover b{ background-image:url(../images/more01.png);}
.sbox .box .swiper-container .swiper-slide .tu{ width:47%; height:100%; float:left;}
.sbox .box .swiper-container .swiper-slide .tu a{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .swiper-container .swiper-slide:hover .tu a{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.sbox .box .swi{ width:100%; margin-top:15px;}
.sbox .box .swi .swiper-pagination{ height:2px; width:calc(100% - 98px); background-color:#eee; margin:16px 0; float:left; overflow:hidden; position:relative;}
.sbox .box .swi .swiper-pagination .swiper-pagination-progressbar-fill{ background-color:#44af35;}
.sbox .box .swi .swiper-button-prev{ width:34px; height:34px; background-color:#333; border-radius:100%; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; background-size:6px auto; float:left; margin-left:20px; overflow:hidden; cursor:pointer;}
.sbox .box .swi .swiper-button-next{ width:34px; height:34px; background-color:#333; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; background-size:6px auto; float:left; margin-left:10px; overflow:hidden; cursor:pointer;}
.sbox .box .swi .swiper-button-prev:hover,.sbox .box .swi .swiper-button-next:hover{ background-color:#44af35;}
}

/*产品展示*/
@media screen and (min-width:1441px){
.pbox{ padding:100px 0; width:100%; background-color:#fff; position:relative; z-index:2; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.pbox .title .left strong,.pbox .title .left b{ color:#fff;}
.pbox .title .left span{ color:#ccc;}
.pbox .title .right{ border:1px solid #fff; color:#fff;}
.pbox .title .right::before{ background-color:#fff;}
.pbox .title .right::after{ background-color:#fff;}
.pbox .title .right:hover{ border:1px solid #44af35;}
.pbox .box{ width:90%; max-width:1440px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.pbox .box .line{ width:100%; height:2px; background-color:#fff; opacity:.3;}
.pbox .box .tab_menu{ width:calc(100% + 5px); display:flex; margin-top:-2px;}
.pbox .box .tab_menu li{ width:100%; flex:1; height:60px; padding-top:8px; border-top:2px solid transparent; margin-right:5px;}
.pbox .box .tab_menu li a{ display:block; height:60px; line-height:60px; width:80%; padding:0 10%; background-color:rgba(255,255,255,.3); overflow:hidden;}
.pbox .box .tab_menu li img{ display:block; float:left; height:30px; margin:15px 0;}
.pbox .box .tab_menu li b{ display:block; float:right; color:#fff; font-size:18px;}
.pbox .box .tab_menu li.on{ border-top:2px solid #44af35;}
.pbox .box .tab_menu li.on a{ background-color:#44af35;}
.pbox .box .tabox{ width:100%;}
.pbox .box .tabox ul{ width:100%; overflow:hidden;}
.pbox .box .tabox li{ display:block; margin-top:40px; width:30.56%; float:left; margin-left:4.16%;}
.pbox .box .tabox li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .tabox li .tu{ width:100%; position:relative;}
.pbox .box .tabox li .tu strong{ display:block; width:100%; overflow:hidden; height:15.62vw; max-height:250px; position:relative; z-index:2;}
.pbox .box .tabox li .tu strong img{ width:100%; display:block;}
.pbox .box .tabox li .tu b{ display:none; width:40px; height:40px; background-color:#44af35; overflow:hidden; position:absolute; right:-10px; bottom:-10px; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat; z-index:3;}
.pbox .box .tabox li .tu span{ width:100%; height:15.62vw; max-height:250px; position:absolute; left:-10px; top:-10px; display:none; z-index:1; overflow:hidden; background-color:#44af35;}
.pbox .box .tabox li:hover .tu b,.pbox .box .tabox li:hover .tu span{ display:block;}
.pbox .box .tabox li .wen{ padding:25px 6.8%; background-color:#fff;}
.pbox .box .tabox li .wen .w01{ font-weight:bold; font-size:20px; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .tabox li .wen .w02{ font-size:16px; line-height:30px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; margin-top:8px;}
.pbox .box .tabox li .wen .w03{ margin-top:13px;}
.pbox .box .tabox li .wen .w03 span{ display:block; float:left; height:26px; line-height:26px; font-size:16px; color:#999; overflow:hidden;}
.pbox .box .tabox li .wen .w03 span b{ width:15px; height:10px; display:block; float:right; margin:8px 10px; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.pbox .box .tabox li:hover .wen .w01{ color:#44af35;}
.pbox .box .tabox li .wen .w03 span:hover{ color:#44af35;}
.pbox .box .tabox li .wen .w03 span:hover b{ background-image:url(../images/more01.png);}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.pbox{ padding:70px 0; width:100%; background-color:#fff; position:relative; z-index:2; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.pbox .title .left strong,.pbox .title .left b{ color:#fff;}
.pbox .title .left span{ color:#ccc;}
.pbox .title .right{ border:1px solid #fff; color:#fff;}
.pbox .title .right::before{ background-color:#fff;}
.pbox .title .right::after{ background-color:#fff;}
.pbox .title .right:hover{ border:1px solid #44af35;}
.pbox .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.pbox .box .line{ width:100%; height:2px; background-color:#fff; opacity:.3;}
.pbox .box .tab_menu{ width:calc(100% + 5px); display:flex; margin-top:-2px;}
.pbox .box .tab_menu li{ width:100%; flex:1; height:50px; padding-top:6px; border-top:2px solid transparent; margin-right:5px;}
.pbox .box .tab_menu li a{ display:block; height:50px; line-height:50px; width:86%; padding:0 7%; background-color:rgba(255,255,255,.3); overflow:hidden;}
.pbox .box .tab_menu li img{ display:block; float:left; height:30px; margin:10px 0;}
.pbox .box .tab_menu li b{ display:block; float:right; color:#fff; font-size:16px;}
.pbox .box .tab_menu li.on{ border-top:2px solid #44af35;}
.pbox .box .tab_menu li.on a{ background-color:#44af35;}
.pbox .box .tabox{ width:100%;}
.pbox .box .tabox ul{ width:100%; overflow:hidden;}
.pbox .box .tabox li{ display:block; margin-top:25px; width:31.33%; float:left; margin-left:3%;}
.pbox .box .tabox li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .tabox li .tu{ width:100%; position:relative;}
.pbox .box .tabox li .tu strong{ display:block; width:100%; overflow:hidden; height:16.73vw; position:relative; z-index:2;}
.pbox .box .tabox li .tu strong img{ width:100%; display:block;}
.pbox .box .tabox li .tu b{ display:none; width:38px; height:38px; background-color:#44af35; overflow:hidden; position:absolute; right:-10px; bottom:-10px; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat; z-index:3;}
.pbox .box .tabox li .tu span{ width:100%; height:16.73vw; position:absolute; left:-10px; top:-10px; display:none; z-index:1; overflow:hidden; background-color:#44af35;}
.pbox .box .tabox li:hover .tu b,.pbox .box .tabox li:hover .tu span{ display:block;}
.pbox .box .tabox li .wen{ padding:20px 5%; background-color:#fff;}
.pbox .box .tabox li .wen .w01{ font-weight:bold; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .tabox li .wen .w02{ font-size:15px; line-height:25px; height:50px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; margin-top:5px;}
.pbox .box .tabox li .wen .w03{ margin-top:10px;}
.pbox .box .tabox li .wen .w03 span{ display:block; float:left; height:26px; line-height:26px; font-size:15px; color:#999; overflow:hidden;}
.pbox .box .tabox li .wen .w03 span b{ width:15px; height:10px; display:block; float:right; margin:8px 10px; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.pbox .box .tabox li:hover .wen .w01{ color:#44af35;}
.pbox .box .tabox li .wen .w03 span:hover{ color:#44af35;}
.pbox .box .tabox li .wen .w03 span:hover b{ background-image:url(../images/more01.png);}
}
@media only screen and (max-width:1023px){
.pbox{ padding:40px 0; width:100%; background-color:#fff; position:relative; z-index:2; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.pbox .title .left strong,.pbox .title .left b{ color:#fff;}
.pbox .title .left span{ color:#ccc;}
.pbox .title .right{ border:1px solid #fff; color:#fff;}
.pbox .title .right::before{ background-color:#fff;}
.pbox .title .right::after{ background-color:#fff;}
.pbox .title .right:hover{ border:1px solid #44af35;}
.pbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.pbox .box .line{ width:100%; height:2px; background-color:#fff; opacity:.3;}
.pbox .box .tab_menu{ width:calc(100% + 5px); display:flex; margin-top:-2px;}
.pbox .box .tab_menu li{ width:100%; flex:1; padding-top:4px; border-top:2px solid transparent; margin-right:5px;}
.pbox .box .tab_menu li a{ display:block; height:100%; width:90%; padding:5px 5%; background-color:rgba(255,255,255,.3); overflow:hidden;}
.pbox .box .tab_menu li img{ display:block; height:30px; margin:5px auto;}
.pbox .box .tab_menu li b{ display:block; color:#fff; font-size:14px; line-height:20px; text-align:center;}
.pbox .box .tab_menu li.on{ border-top:2px solid #44af35;}
.pbox .box .tab_menu li.on a{ background-color:#44af35;}
.pbox .box .tabox{ width:100%;}
.pbox .box .tabox ul{ width:100%; overflow:hidden;}
.pbox .box .tabox li{ display:block; margin-top:15px; width:48.5%; float:left; margin-left:3%;}
.pbox .box .tabox li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .tabox li .tu{ width:100%; position:relative;}
.pbox .box .tabox li .tu strong{ display:block; width:100%; overflow:hidden; height:25.9vw; position:relative; z-index:2;}
.pbox .box .tabox li .tu strong img{ width:100%; display:block;}
.pbox .box .tabox li .tu b{ display:none; width:34px; height:34px; background-color:#44af35; overflow:hidden; position:absolute; right:10px; bottom:10px; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat; z-index:3;}
.pbox .box .tabox li .tu span{ width:100%; height:25.9vw; position:absolute; left:-5px; top:-5px; display:none; z-index:1; overflow:hidden; background-color:#44af35;}
.pbox .box .tabox li:hover .tu b,.pbox .box .tabox li:hover .tu span{ display:block;}
.pbox .box .tabox li .wen{ padding:10px; background-color:#fff;}
.pbox .box .tabox li .wen .w01{ font-weight:bold; font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .tabox li .wen .w02{ font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; margin-top:5px;}
.pbox .box .tabox li .wen .w03{ width:100%;}
.pbox .box .tabox li .wen .w03 span{ display:block; float:left; height:24px; line-height:24px; font-size:14px; color:#999; overflow:hidden;}
.pbox .box .tabox li .wen .w03 span b{ width:15px; height:10px; display:block; float:right; margin:7px; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.pbox .box .tabox li:hover .wen .w01{ color:#44af35;}
.pbox .box .tabox li .wen .w03 span:hover{ color:#44af35;}
.pbox .box .tabox li .wen .w03 span:hover b{ background-image:url(../images/more01.png);}
}

/*走进我们*/
@media screen and (min-width:1441px){
.abox{ padding:100px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.abox .box{ width:90%; max-width:1440px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.abox .box .bt{ position:relative; padding-top:25px; padding-left:30px; padding-bottom:15px;}
.abox .box .bt b{ width:80px; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; background-color:#44af35; opacity:.3; z-index:1;}
.abox .box .bt strong{ display:block; position:relative; z-index:2; font-size:24px; line-height:34px;}
.abox .box .bt p{ display:block; position:relative; z-index:2; font-size:16px; line-height:24px; margin-top:5px;}
.abox .box .wen{ width:100%; margin-top:18px; font-size:16px; line-height:30px;}
.abox .box .list{ width:100%; margin-top:43px;}
.abox .box .list li{ display:block; height:220px; float:left; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1); width:48.61%; background-color:#fff; border-radius:10px; margin-left:2.78%; background-image:url(../images/atu_22.jpg); background-position:left center; background-repeat:no-repeat;}
.abox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .list li:hover{ background-image:url(../images/atuh_18.jpg);}
.abox .box .list li a{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background-position:right center; background-repeat:no-repeat; background-size:auto 100%; padding-left:14.28%; padding-right:37.14%; box-sizing:border-box;}
.abox .box .list li a .w01{ width:100%; font-size:26px; line-height:36px; font-weight:bold;}
.abox .box .list li:nth-child(2) a .w01{ letter-spacing:6px;}
.abox .box .list li a .w02{ width:100%; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:20px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.abox{ padding:70px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.abox .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.abox .box .bt{ position:relative; padding-top:15px; padding-left:20px; padding-bottom:5px;}
.abox .box .bt b{ width:70px; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; background-color:#44af35; opacity:.3; z-index:1;}
.abox .box .bt strong{ display:block; position:relative; z-index:2; font-size:20px; line-height:30px;}
.abox .box .bt p{ display:block; position:relative; z-index:2; font-size:15px; line-height:23px; margin-top:5px;}
.abox .box .wen{ width:100%; margin-top:15px; font-size:15px; line-height:25px;}
.abox .box .list{ width:100%; margin-top:30px;}
.abox .box .list li{ display:block; height:170px; float:left; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1); width:48.61%; background-color:#fff; border-radius:10px; margin-left:2.78%; background-image:url(../images/atu_22.jpg); background-position:left center; background-repeat:no-repeat;}
.abox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .list li:hover{ background-image:url(../images/atuh_18.jpg);}
.abox .box .list li a{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background-position:right center; background-repeat:no-repeat; background-size:auto 100%; padding-left:7%; padding-right:38%; box-sizing:border-box;}
.abox .box .list li a .w01{ width:100%; font-size:20px; line-height:30px; font-weight:bold;}
.abox .box .list li:nth-child(2) a .w01{ letter-spacing:6px;}
.abox .box .list li a .w02{ width:100%; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:10px;}
}
@media only screen and (max-width:1023px){
.abox{ padding:40px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.abox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.abox .box .bt{ position:relative; padding-top:10px; padding-left:10px; padding-bottom:5px;}
.abox .box .bt b{ width:60px; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; background-color:#44af35; opacity:.3; z-index:1;}
.abox .box .bt strong{ display:block; position:relative; z-index:2; font-size:18px; line-height:28px;}
.abox .box .bt p{ display:block; position:relative; z-index:2; font-size:14px; line-height:22px;}
.abox .box .wen{ width:100%; margin-top:10px; font-size:14px; line-height:24px;}
.abox .box .list{ width:100%;}
.abox .box .list li{ display:block; height:110px; float:left; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1); width:100%; background-color:#fff; border-radius:5px; margin-top:15px; background-image:url(../images/atu_22.jpg); background-position:left center; background-repeat:no-repeat;}
.abox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .list li:hover{ background-image:url(../images/atuh_18.jpg);}
.abox .box .list li a{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background-position:right center; background-repeat:no-repeat; background-size:auto 100%; padding-left:7%; padding-right:30%; box-sizing:border-box;}
.abox .box .list li a .w01{ width:100%; font-size:16px; line-height:26px; font-weight:bold;}
.abox .box .list li a .w02{ width:100%; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:5px;}
}

/*中药六厂*/
@media screen and (min-width:1441px){
.zbox{ padding-top:100px; padding-bottom:95px; width:100%; background-color:#fff; position:relative; z-index:2; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.zbox .title .left strong,.zbox .title .left b{ color:#fff;}
.zbox .title .left span{ color:#ccc;}
.zbox .title .right{ border:1px solid #fff; color:#fff;}
.zbox .title .right::before{ background-color:#fff;}
.zbox .title .right::after{ background-color:#fff;}
.zbox .title .right:hover{ border:1px solid #44af35;}
.zbox .box{ width:90%; max-width:1440px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.zbox .box .left{ width:51.25%; float:left;}
.zbox .box .left .bt{ position:relative; padding-top:25px; padding-left:30px; padding-bottom:15px; color:#fff;}
.zbox .box .left .bt b{ width:80px; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; background-color:#44af35; opacity:.3; z-index:1;}
.zbox .box .left .bt strong{ display:block; position:relative; z-index:2; font-size:24px; line-height:34px;}
.zbox .box .left .bt p{ display:block; position:relative; z-index:2; font-size:16px; line-height:24px; margin-top:5px;}
.zbox .box .left .wen{ width:100%; margin-top:18px; font-size:16px; line-height:30px; color:#fff; max-height:240px;}
.zbox .box .right{ width:43.75%; float:right;}
.zbox .box .right img{ width:100%; display:block;}
.zbox .list{ width:90%; max-width:1440px; margin:auto; display:flex; justify-content:space-between; position:relative; z-index:3;}
.zbox .list li{ width:20.14%; margin-top:45px; display:block;}
.zbox .list li strong{ width:30px; display:block; float:left; margin-top:15px;}
.zbox .list li strong img{ width:100%; display:block;}
.zbox .list li p{ display:block; float:left; width:calc(100% - 40px); margin-left:10px;}
.zbox .list li p b{ font-size:60px; display:block; line-height:60px; color:#fff;}
.zbox .list li p span{ font-size:16px; display:block; line-height:26px; color:#fff; margin-top:5px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.zbox{ padding-top:70px; padding-bottom:65px; width:100%; background-color:#fff; position:relative; z-index:2; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.zbox .title .left strong,.zbox .title .left b{ color:#fff;}
.zbox .title .left span{ color:#ccc;}
.zbox .title .right{ border:1px solid #fff; color:#fff;}
.zbox .title .right::before{ background-color:#fff;}
.zbox .title .right::after{ background-color:#fff;}
.zbox .title .right:hover{ border:1px solid #44af35;}
.zbox .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.zbox .box .left{ width:52%; float:left;}
.zbox .box .left .bt{ position:relative; padding-top:15px; padding-left:20px; padding-bottom:5px; color:#fff;}
.zbox .box .left .bt b{ width:70px; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; background-color:#44af35; opacity:.3; z-index:1;}
.zbox .box .left .bt strong{ display:block; position:relative; z-index:2; font-size:20px; line-height:30px;}
.zbox .box .left .bt p{ display:block; position:relative; z-index:2; font-size:15px; line-height:23px; margin-top:5px;}
.zbox .box .left .wen{ width:100%; margin-top:15px; font-size:15px; line-height:25px; color:#fff; max-height:200px;}
.zbox .box .right{ width:44%; float:right;}
.zbox .box .right img{ width:100%; display:block;}
.zbox .list{ width:94%; margin:auto; display:flex; justify-content:space-between; position:relative; z-index:3;}
.zbox .list li{ width:23.5%; margin-top:25px; display:block;}
.zbox .list li strong{ width:30px; display:block; float:left; margin-top:10px;}
.zbox .list li strong img{ width:100%; display:block;}
.zbox .list li p{ display:block; float:left; width:calc(100% - 40px); margin-left:10px;}
.zbox .list li p b{ font-size:50px; display:block; line-height:50px; color:#fff;}
.zbox .list li p span{ font-size:15px; display:block; line-height:25px; color:#fff; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.zbox{ padding-top:40px; padding-bottom:35px; width:100%; background-color:#fff; position:relative; z-index:2; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.zbox .title .left strong,.zbox .title .left b{ color:#fff;}
.zbox .title .left span{ color:#ccc;}
.zbox .title .right{ border:1px solid #fff; color:#fff;}
.zbox .title .right::before{ background-color:#fff;}
.zbox .title .right::after{ background-color:#fff;}
.zbox .title .right:hover{ border:1px solid #44af35;}
.zbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.zbox .box .left{ width:100%; float:left;}
.zbox .box .left .bt{ position:relative; padding-top:10px; padding-left:10px; padding-bottom:5px; color:#fff;}
.zbox .box .left .bt b{ width:60px; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; background-color:#44af35; opacity:.3; z-index:1;}
.zbox .box .left .bt strong{ display:block; position:relative; z-index:2; font-size:18px; line-height:28px;}
.zbox .box .left .bt p{ display:block; position:relative; z-index:2; font-size:14px; line-height:22px;}
.zbox .box .left .wen{ width:100%; margin-top:10px; font-size:14px; line-height:24px; color:#fff; max-height:120px;}
.zbox .box .right{ width:100%; float:right; margin-top:15px;}
.zbox .box .right img{ width:100%; display:block;}
.zbox .list{ width:94%; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; z-index:3;}
.zbox .list li{ width:48.5%; margin-top:15px; display:block;}
.zbox .list li strong{ width:15px; display:block; float:left; margin-top:12px;}
.zbox .list li strong img{ width:100%; display:block;}
.zbox .list li p{ display:block; float:left; width:calc(100% - 20px); margin-left:5px;}
.zbox .list li p b{ font-size:40px; display:block; line-height:40px; color:#fff;}
.zbox .list li p span{ font-size:14px; display:block; line-height:24px; color:#fff; margin-top:5px;}
}

/*新闻动态*/
@media screen and (min-width:1441px){
.nbox{ padding:100px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.nbox .box{ width:90%; max-width:1440px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.nbox .box .left{ width:calc(43% - 10px); height:500px; margin-left:10px; margin-bottom:10px; float:left; position:relative; background-color:#f1f1f1; padding:50px; padding-top:45px; box-sizing:border-box;}
.nbox .box .left .w01{ font-size:18px; line-height:26px; color:#44af35;}
.nbox .box .left .w02{ margin-top:9px; font-weight:bold;}
.nbox .box .left .w02 a{ display:block; font-size:24px; line-height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .w02 a:hover{ color:#44af35;}
.nbox .box .left .w03{ width:100%; height:260px; margin-top:15px;}
.nbox .box .left .w03 a{ width:100%; display:block; height:100%; background-position:center; background-size:cover;}
.nbox .box .left .w04{ width:100%; margin-top:25px;}
.nbox .box .left .w04 a{ display:block; width:90px; padding:0 20px; height:36px; line-height:36px; font-size:16px; border-radius:36px; background-color:#fff; overflow:hidden;}
.nbox .box .left .w04 a b{ width:15px; height:10px; float:right; display:block; margin:13px 0; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.nbox .box .left .w04 a:hover{ color:#fff; background-color:#44af35;}
.nbox .box .left .w04 a:hover b{ background-image:url(../images/more02.png);}
.nbox .box .left .w05{ width:10px; height:460px; background-color:#44af35; position:absolute; left:-10px; bottom:-10px;}
.nbox .box .left .w06{ width:450px; height:10px; background-color:#44af35; position:absolute; left:0; bottom:-10px;}
.nbox .box .right{ width:52%; float:right; display:block; border-top:2px solid #f1f1f1;}
.nbox .box .right li{ display:block; border-bottom:2px solid #f1f1f1; padding:30px; padding-bottom:28px; overflow:hidden;}
.nbox .box .right li .w01{ width:100%;}
.nbox .box .right li .w01 b{ width:10px; height:10px; border-radius:100%; background-color:#ddd; margin:10px 20px; margin-left:0; overflow:hidden; float:left; display:block;}
.nbox .box .right li .w01 a{ max-width:calc(100% - 150px); display:block; float:left; font-size:20px; line-height:30px; height:30px overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right li .w01 a:hover{ color:#44af35;}
.nbox .box .right li .w01 span{ display:block; float:right; font-size:16px; line-height:30px; height:30px overflow:hidden; color:#999;}
.nbox .box .right li .w02{ width:100%; margin-top:16px;}
.nbox .box .right li .w02 p{ display:block; float:left; width:calc(100% - 150px); margin-left:30px; font-size:16px; line-height:30px; color:#999; height:60px; overflow:hidden;}
.nbox .box .right li .w02 b{ width:15px; height:10px; display:block; background-image:url(../images/more.png); margin:25px 0; float:right;}
.nbox .box .right li:hover .w02 b{ background-image:url(../images/more01.png);}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.nbox{ padding:70px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.nbox .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.nbox .box .left{ width:calc(44% - 10px); margin-left:10px; margin-bottom:10px; float:left; position:relative; background-color:#f1f1f1; padding:35px; padding-top:30px; height:386px; box-sizing:border-box;}
.nbox .box .left .w01{ font-size:16px; line-height:24px; color:#44af35;}
.nbox .box .left .w02{ margin-top:5px; font-weight:bold;}
.nbox .box .left .w02 a{ display:block; font-size:20px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .w02 a:hover{ color:#44af35;}
.nbox .box .left .w03{ width:100%; height:198px; margin-top:10px;}
.nbox .box .left .w03 a{ width:100%; display:block; height:100%; background-position:center; background-size:cover;}
.nbox .box .left .w04{ width:100%; margin-top:20px;}
.nbox .box .left .w04 a{ display:block; width:86px; padding:0 20px; height:34px; line-height:34px; font-size:15px; border-radius:36px; background-color:#fff; overflow:hidden;}
.nbox .box .left .w04 a b{ width:15px; height:10px; float:right; display:block; margin:12px 0; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.nbox .box .left .w04 a:hover{ color:#fff; background-color:#44af35;}
.nbox .box .left .w04 a:hover b{ background-image:url(../images/more02.png);}
.nbox .box .left .w05{ width:10px; height:300px; background-color:#44af35; position:absolute; left:-10px; bottom:-10px;}
.nbox .box .left .w06{ width:290px; height:10px; background-color:#44af35; position:absolute; left:0; bottom:-10px;}
.nbox .box .right{ width:52%; float:right; display:block; border-top:2px solid #f1f1f1;}
.nbox .box .right li{ display:block; border-bottom:2px solid #f1f1f1; padding:20px; padding-bottom:18px; overflow:hidden;}
.nbox .box .right li .w01{ width:100%;}
.nbox .box .right li .w01 b{ width:8px; height:8px; border-radius:100%; background-color:#ddd; margin:10px 15px; margin-left:0; overflow:hidden; float:left; display:block;}
.nbox .box .right li .w01 a{ max-width:calc(100% - 130px); display:block; float:left; font-size:18px; line-height:28px; height:28px overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right li .w01 a:hover{ color:#44af35;}
.nbox .box .right li .w01 span{ display:block; float:right; font-size:15px; line-height:28px; height:28px overflow:hidden; color:#999;}
.nbox .box .right li .w02{ width:100%; margin-top:10px;}
.nbox .box .right li .w02 p{ display:block; float:left; width:calc(100% - 130px); margin-left:23px; font-size:15px; line-height:25px; color:#999; height:50px; overflow:hidden;}
.nbox .box .right li .w02 b{ width:15px; height:10px; display:block; background-image:url(../images/more.png); margin:20px 0; float:right;}
.nbox .box .right li:hover .w02 b{ background-image:url(../images/more01.png);}
}
@media only screen and (max-width:1023px){
.nbox{ padding:40px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.nbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.nbox .box .left{ width:calc(100% - 10px); margin-left:10px; margin-bottom:10px; position:relative; background-color:#f1f1f1; padding:20px 20px; padding-top:15px; box-sizing:border-box;}
.nbox .box .left .w01{ font-size:14px; line-height:22px; color:#44af35;}
.nbox .box .left .w02{ font-weight:bold;}
.nbox .box .left .w02 a{ display:block; font-size:18px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .w02 a:hover{ color:#44af35;}
.nbox .box .left .w03{ width:100%; height:188px; margin-top:10px;}
.nbox .box .left .w03 a{ width:100%; display:block; height:100%; background-position:center; background-size:cover;}
.nbox .box .left .w04{ width:100%; margin-top:15px;}
.nbox .box .left .w04 a{ display:block; width:80px; padding:0 15px; height:32px; line-height:32px; font-size:14px; border-radius:36px; background-color:#fff; overflow:hidden;}
.nbox .box .left .w04 a b{ width:15px; height:10px; float:right; display:block; margin:11px 0; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.nbox .box .left .w04 a:hover{ color:#fff; background-color:#44af35;}
.nbox .box .left .w04 a:hover b{ background-image:url(../images/more02.png);}
.nbox .box .left .w05{ width:10px; height:300px; background-color:#44af35; position:absolute; left:-10px; bottom:-10px;}
.nbox .box .left .w06{ width:290px; height:10px; background-color:#44af35; position:absolute; left:0; bottom:-10px;}
.nbox .box .right{ width:100%; display:block; margin-top:5px;}
.nbox .box .right li{ display:block; border-bottom:2px solid #f1f1f1; padding:10px 0; overflow:hidden;}
.nbox .box .right li .w01{ width:100%;}
.nbox .box .right li .w01 b{ width:6px; height:6px; border-radius:100%; background-color:#ddd; margin:10px 5px; margin-left:0; overflow:hidden; float:left; display:block;}
.nbox .box .right li .w01 a{ max-width:calc(100% - 100px); display:block; float:left; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right li .w01 a:hover{ color:#44af35;}
.nbox .box .right li .w01 span{ display:block; float:right; font-size:14px; line-height:26px; height:26px overflow:hidden; color:#999;}
.nbox .box .right li .w02{ width:100%; margin-top:5px;}
.nbox .box .right li .w02 p{ display:block; float:left; width:calc(100% - 100px); margin-left:11px; font-size:14px; line-height:24px; color:#999; height:48px; overflow:hidden;}
.nbox .box .right li .w02 b{ width:15px; height:10px; display:block; background-image:url(../images/more.png); margin:19px 0; float:right;}
.nbox .box .right li:hover .w02 b{ background-image:url(../images/more01.png);}
}

/*联系我们*/
@media screen and (min-width:1441px){
.lbox{ padding:100px 0; width:100%; background-color:#fff; position:relative; z-index:2; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.lbox .title .left strong,.lbox .title .left b{ color:#fff;}
.lbox .title .left span{ color:#ccc;}
.lbox .title .right{ border:1px solid #fff; color:#fff;}
.lbox .title .right::before{ background-color:#fff;}
.lbox .title .right::after{ background-color:#fff;}
.lbox .title .right:hover{ border:1px solid #44af35;}
.lbox .box{ width:90%; max-width:1440px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.lbox .box .con{ width:100%; padding:50px; padding-top:0; box-sizing:border-box; position:relative; z-index:9; display:flex;}
.lbox .box .con .bg01{ width:50%; height:300px; position:absolute; left:0; bottom:0; z-index:1; background-color:#44af35; opacity:.7;}
.lbox .box .con .bg02{ width:50%; height:300px; position:absolute; right:0; bottom:0; z-index:1; background-color:#44af35; opacity:.5;}
.lbox .box .con .left{ width:52%; position:relative; z-index:9;}
.lbox .box .con .left #map{ width:100%; height:100%;}
.lbox .box .con .right{ padding:50px 4.6%; padding-top:45px; width:38.8%; background-color:#fff; position:relative; z-index:9;}
.lbox .box .con .right .w01{ font-size:24px; line-height:34px; color:#44af35; font-weight:bold;}
.lbox .box .con .right .w02{ display:block;}
.lbox .box .con .right .w02 dt{ display:block; overflow:hidden; margin-top:20px; width:100%; float:left;}
.lbox .box .con .right .w02 dd{ display:block; overflow:hidden; margin-top:20px; width:48%; margin-left:4%;  float:left;}
.lbox .box .con .right .w02 dd:nth-child(2n+1){ margin-left:0;}
.lbox .box .con .right .w02 span{ display:block; font-size:16px; line-height:26px; color:#999;}
.lbox .box .con .right .w02 p{ display:block; font-size:18px; line-height:26px; color:#333;}
.lbox .box .con .right .w03{ margin-top:20px;}
.lbox .box .con .right .w03 span{ display:block; font-size:16px; line-height:26px; color:#999; width:100%; float:left;}
.lbox .box .con .right .w03 p{ display:flex; align-items:center; margin:5px 0; height:118px; background-color:#eee; border:1px solid #eee; float:left;}
.lbox .box .con .right .w03 p strong{ display:block; width:118px; height:118px; overflow:hidden;}
.lbox .box .con .right .w03 p strong img{ height:118px; display:block;}
.lbox .box .con .right .w03 p a{ display:block; padding:0 20px; font-size:14px; line-height:24px; text-align:center; overflow:hidden;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.lbox{ padding:70px 0; width:100%; background-color:#fff; position:relative; z-index:2; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.lbox .title .left strong,.lbox .title .left b{ color:#fff;}
.lbox .title .left span{ color:#ccc;}
.lbox .title .right{ border:1px solid #fff; color:#fff;}
.lbox .title .right::before{ background-color:#fff;}
.lbox .title .right::after{ background-color:#fff;}
.lbox .title .right:hover{ border:1px solid #44af35;}
.lbox .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.lbox .box .con{ width:100%; padding:35px; padding-top:0; box-sizing:border-box; position:relative; z-index:9; display:flex;}
.lbox .box .con .bg01{ width:50%; height:200px; position:absolute; left:0; bottom:0; z-index:1; background-color:#44af35; opacity:.7;}
.lbox .box .con .bg02{ width:50%; height:200px; position:absolute; right:0; bottom:0; z-index:1; background-color:#44af35; opacity:.5;}
.lbox .box .con .left{ width:52%; position:relative; z-index:9;}
.lbox .box .con .left #map{ width:100%; height:100%;}
.lbox .box .con .right{ padding:35px; padding-top:30px; box-sizing:border-box; width:48%; background-color:#fff; position:relative; z-index:9;}
.lbox .box .con .right .w01{ font-size:20px; line-height:30px; color:#44af35; font-weight:bold;}
.lbox .box .con .right .w02{ display:block;}
.lbox .box .con .right .w02 dt{ display:block; overflow:hidden; margin-top:15px; width:100%; float:left;}
.lbox .box .con .right .w02 dd{ display:block; overflow:hidden; margin-top:15px; width:48%; margin-left:4%;  float:left;}
.lbox .box .con .right .w02 dd:nth-child(2n+1){ margin-left:0;}
.lbox .box .con .right .w02 span{ display:block; font-size:14px; line-height:24px; color:#999;}
.lbox .box .con .right .w02 p{ display:block; font-size:16px; line-height:24px; color:#333;}
.lbox .box .con .right .w03{ margin-top:15px;}
.lbox .box .con .right .w03 span{ display:block; font-size:14px; line-height:24px; color:#999; width:100%; float:left;}
.lbox .box .con .right .w03 p{ display:flex; align-items:center; margin:5px 0; height:100px; background-color:#eee; border:1px solid #eee; float:left;}
.lbox .box .con .right .w03 p strong{ display:block; width:100px; height:100px; overflow:hidden;}
.lbox .box .con .right .w03 p strong img{ height:100px; display:block;}
.lbox .box .con .right .w03 p a{ display:block; padding:0 15px; font-size:14px; line-height:24px; text-align:center; overflow:hidden;}
}
@media only screen and (max-width:1023px){
.lbox{ padding:40px 0; width:100%; background-color:#fff; position:relative; z-index:2; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.lbox .title .left strong,.lbox .title .left b{ color:#fff;}
.lbox .title .left span{ color:#ccc;}
.lbox .title .right{ border:1px solid #fff; color:#fff;}
.lbox .title .right::before{ background-color:#fff;}
.lbox .title .right::after{ background-color:#fff;}
.lbox .title .right:hover{ border:1px solid #44af35;}
.lbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.lbox .box .con{ width:100%; display:block; padding:15px; box-sizing:border-box; position:relative; z-index:9;}
.lbox .box .con .bg01{ width:50%; height:100px; position:absolute; left:0; bottom:0; z-index:1; background-color:#44af35; opacity:.7;}
.lbox .box .con .bg02{ width:50%; height:100px; position:absolute; right:0; bottom:0; z-index:1; background-color:#44af35; opacity:.5;}
.lbox .box .con .left{ width:100%; height:200px; position:relative; z-index:9;}
.lbox .box .con .left #map{ width:100%; height:100%;}
.lbox .box .con .right{ padding:15px; box-sizing:border-box; width:100%; background-color:#fff; position:relative; z-index:9;}
.lbox .box .con .right .w01{ font-size:18px; line-height:28px; color:#44af35; font-weight:bold;}
.lbox .box .con .right .w02{ display:block;}
.lbox .box .con .right .w02 dt{ display:block; overflow:hidden; margin-top:5px; width:100%; float:left;}
.lbox .box .con .right .w02 dd{ display:block; overflow:hidden; margin-top:5px; margin-left:15px;  float:left;}
.lbox .box .con .right .w02 dd:nth-child(2n+1){ margin-left:0;}
.lbox .box .con .right .w02 span{ display:block; font-size:14px; line-height:24px; color:#999;}
.lbox .box .con .right .w02 p{ display:block; font-size:16px; line-height:24px; color:#333;}
.lbox .box .con .right .w03{ margin-top:5px;}
.lbox .box .con .right .w03 span{ display:block; font-size:14px; line-height:24px; color:#999; width:100%; float:left;}
.lbox .box .con .right .w03 p{ display:flex; align-items:center; margin:5px 0; height:80px; background-color:#eee; border:1px solid #eee; float:left;}
.lbox .box .con .right .w03 p strong{ display:block; width:80px; height:80px; overflow:hidden;}
.lbox .box .con .right .w03 p strong img{ height:80px; display:block;}
.lbox .box .con .right .w03 p a{ display:block; padding:0 10px; font-size:14px; line-height:24px; text-align:center; overflow:hidden;}
}

/*footer*/
@media screen and (min-width:1441px){
.footer{ width:100%; background-color:#111;}
.footer .foot{ width:90%; max-width:1440px; margin:45px auto;}
.footer .foot .left{ width:28%; float:left; padding-bottom:5px;}
.footer .foot .left .f01{ font-size:20px; line-height:30px; height:30px; color:#fff;}
.footer .foot .left .f02{ display:block;}
.footer .foot .left .f02 li{ display:block; overflow:hidden; margin-top:15px;}
.footer .foot .left .f02 li span{ display:block; float:left; overflow:hidden; border-radius:100%; border:1px solid #333; width:32px; height:32px;}
.footer .foot .left .f02 li span img{ height:14px; display:block; margin:8px auto;}
.footer .foot .left .f02 li p{ display:block; float:left; overflow:hidden; width:calc(100% - 44px); margin-left:10px; margin-top:5px; line-height:24px; font-size:16px; color:#aaa;}
.footer .foot .mil{ width:38.8%; float:left; margin:0 2.6%;}
.footer .foot .mil .f01{ width:33.33%; display:block; float:left;}
.footer .foot .mil dt{ display:block; font-size:20px; height:30px; line-height:30px; color:#fff; overflow:hidden;}
.footer .foot .mil dd{ display:block; padding-top:10px; overflow:hidden;}
.footer .foot .mil dd a{ display:block; font-size:16px; line-height:36px; height:36px; overflow:hidden; color:#aaa;}
.footer .foot .mil dd a:hover{ color:#fff;}
.footer .foot .right{ width:28%; float:left;}
.footer .foot .right .f01{ font-size:20px; line-height:30px; height:30px; color:#fff;}
.footer .foot .right .f02{ padding:15px 0; margin-bottom:20px; border-bottom:1px solid #333; display:flex; align-items:center;}
.footer .foot .right .f02 p{ font-size:14px; line-height:24px; display:block; color:#aaa; flex:1;}
.footer .foot .right .f02 strong{ width:80px; display:block; overflow:hidden;}
.footer .foot .right .f02 strong img{ width:100%; display:block;}
.footer .foot .right .f03{ padding-bottom:5px; margin-left:-10px;}
.footer .foot .right .f03 a{ display:block; background-color:#fff; width:34px; height:34px; border-radius:100%; float:left; margin-left:10px; margin-top:10px; opacity:0.5; overflow:hidden;}
.footer .foot .right .f03 a img{ height:18px; display:block; margin:8px auto;}
.footer .foot .right .f03 a:hover{ opacity:1;}
.footer .bq{ width:100%; background-color:#090909; height:60px; display:flex; justify-content:center; align-items:center;}
.footer .bq p{ display:block; font-size:14px; line-height:24px; color:#fff; height:24px; overflow:hidden; margin:0 20px;}
.footer .bq p a{ color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.footer{ width:100%; background-color:#111;}
.footer .foot{ width:94%; margin:30px auto;}
.footer .foot .left{ width:28%; float:left; padding-bottom:5px;}
.footer .foot .left .f01{ font-size:18px; line-height:28px; height:28px; color:#fff;}
.footer .foot .left .f02{ display:block;}
.footer .foot .left .f02 li{ display:block; overflow:hidden; margin-top:15px;}
.footer .foot .left .f02 li span{ display:block; float:left; overflow:hidden; border-radius:100%; border:1px solid #333; width:32px; height:32px;}
.footer .foot .left .f02 li span img{ height:14px; display:block; margin:8px auto;}
.footer .foot .left .f02 li p{ display:block; float:left; overflow:hidden; width:calc(100% - 44px); margin-left:10px; margin-top:5px; line-height:24px; font-size:15px; color:#aaa;}
.footer .foot .mil{ width:40%; float:left; margin:0 2%;}
.footer .foot .mil .f01{ width:33.33%; display:block; float:left;}
.footer .foot .mil dt{ display:block; font-size:18px; line-height:28px; height:28px; color:#fff; overflow:hidden;}
.footer .foot .mil dd{ display:block; padding-top:3px; overflow:hidden;}
.footer .foot .mil dd a{ display:block; font-size:15px; line-height:30px; height:30px; overflow:hidden; color:#aaa;}
.footer .foot .mil dd a:hover{ color:#fff;}
.footer .foot .right{ width:28%; float:left;}
.footer .foot .right .f01{ font-size:18px; line-height:28px; height:28px; color:#fff;}
.footer .foot .right .f02{ padding:15px 0; margin-bottom:20px; border-bottom:1px solid #333; display:flex; align-items:center;}
.footer .foot .right .f02 p{ font-size:14px; line-height:24px; display:block; color:#aaa; flex:1;}
.footer .foot .right .f02 strong{ width:80px; display:block; overflow:hidden;}
.footer .foot .right .f02 strong img{ width:100%; display:block;}
.footer .foot .right .f03{ padding-bottom:5px; margin-left:-10px;}
.footer .foot .right .f03 a{ display:block; background-color:#fff; width:34px; height:34px; border-radius:100%; float:left; margin-left:10px; margin-top:10px; opacity:0.5; overflow:hidden;}
.footer .foot .right .f03 a img{ height:18px; display:block; margin:8px auto;}
.footer .foot .right .f03 a:hover{ opacity:1;}
.footer .bq{ width:100%; background-color:#090909; height:60px; display:flex; justify-content:center; align-items:center;}
.footer .bq p{ display:block; font-size:14px; line-height:24px; color:#fff; height:24px; overflow:hidden; margin:0 20px;}
.footer .bq p a{ color:#fff;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; background-color:#111;}
.footer .foot{ width:94%; margin:20px auto;}
.footer .foot .left{ width:100%; float:left;}
.footer .foot .left .f01{ font-size:16px; line-height:26px; height:26px; color:#fff;}
.footer .foot .left .f02{ display:block;}
.footer .foot .left .f02 li{ display:block; overflow:hidden; margin-top:10px;}
.footer .foot .left .f02 li span{ display:block; float:left; overflow:hidden; border-radius:100%; border:1px solid #333; width:32px; height:32px;}
.footer .foot .left .f02 li span img{ height:14px; display:block; margin:8px auto;}
.footer .foot .left .f02 li p{ display:block; float:left; overflow:hidden; width:calc(100% - 44px); margin-left:10px; margin-top:5px; line-height:24px; font-size:14px; color:#aaa;}
.footer .foot .mil{ width:40%; float:left; margin:0 2%; display:none;}
.footer .foot .mil .f01{ width:33.33%; display:block; float:left;}
.footer .foot .mil dt{ display:block; font-size:18px; line-height:28px; height:28px; color:#fff; overflow:hidden;}
.footer .foot .mil dd{ display:block; padding-top:3px; overflow:hidden;}
.footer .foot .mil dd a{ display:block; font-size:15px; line-height:30px; height:30px; overflow:hidden; color:#aaa;}
.footer .foot .mil dd a:hover{ color:#fff;}
.footer .foot .right{ width:100%; float:left; position:relative;}
.footer .foot .right .f01{ font-size:16px; line-height:26px; height:26px; color:#fff;}
.footer .foot .right .f01:nth-child(1){ position:absolute; left:0; top:15px;}
.footer .foot .right .f02{ padding:15px 0; margin-bottom:10px; border-bottom:1px solid #333;}
.footer .foot .right .f02 p{ font-size:14px; line-height:24px; display:block; color:#aaa; float:left; margin-top:30px;}
.footer .foot .right .f02 strong{ width:80px; display:block; float:right;}
.footer .foot .right .f02 strong img{ height:80px; display:block;}
.footer .foot .right .f03{ padding-bottom:5px; margin-left:-10px;}
.footer .foot .right .f03 a{ display:block; background-color:#fff; width:34px; height:34px; border-radius:100%; float:left; margin-left:10px; margin-top:10px; opacity:0.5; overflow:hidden;}
.footer .foot .right .f03 a img{ height:18px; display:block; margin:8px auto;}
.footer .foot .right .f03 a:hover{ opacity:1;}
.footer .bq{ width:94%; padding:10px 3%; background-color:#090909; display:flex; flex-wrap:wrap; justify-content:center;}
.footer .bq p{ display:inline-block; margin:0 5px; font-size:14px; line-height:20px; color:#fff; height:24px; overflow:hidden;}
.footer .bq p a{ color:#fff;}
}

/*内页*/
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform:scale(1);  /*开始为原始大小*/
    }
    25%{
        transform:scale(1.05); /*放大1.1倍*/
    }
    50%{
        transform:scale(1);
    }
    75%{
        transform:scale(1.05);
    }
}
@media screen and (min-width:1441px){
.ban{ width:100%; height:400px; position:relative; overflow:hidden; z-index:1; border-top:100px solid #fff;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wei{ width:90%; max-width:1440px; position:absolute; left:50%; transform:translateX(-50%); bottom:25px;}
.ban .box .wei p{ display:block; float:right; padding-left:28px; font-size:14px; line-height:26px; height:26px; color:#fff; background-image:url(../images/wei.png); background-position:left center; background-repeat:no-repeat;}
.ban .box .wei p a{ color:#fff;}
.ban .box .con{ width:90%; max-width:1440px; margin:auto;}
.ban .box .con .w01{ height:80px; border-left:5px solid #44af35; padding-left:20px;}
.ban .box .con .w01 span{ display:block; font-size:24px; line-height:34px; color:#fff; overflow:hidden; height:34px;}
.ban .box .con .w01 p{ display:block; font-size:36px; line-height:40px; color:#fff; overflow:hidden; height:40px; text-transform:uppercase; margin-top:5px;}
.ban .box .con .w02{ width:100%; padding-top:30px;}
.ban .box .con .w02 a{ display:block; margin-top:20px; margin-right:20px; float:left; min-width:100px; height:40px; line-height:40px; text-align:center; font-size:16px; background-color:rgba(255,255,255,.7); padding:0 20px;}
.ban .box .con .w02 a:hover{ color:#44af35; background-color:rgba(255,255,255,.9);}
.ban .box .con .w02 a.on{ background-color:#44af35; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ban{ width:100%; height:300px; position:relative; overflow:hidden; z-index:1; border-top:80px solid #fff;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wei{ position:absolute; right:3%; bottom:20px; z-index:1;}
.ban .box .wei p{ display:block; padding-left:28px; font-size:14px; line-height:26px; height:26px; color:#fff; background-image:url(../images/wei.png); background-position:left center; background-repeat:no-repeat;}
.ban .box .wei p a{ color:#fff;}
.ban .box .con{ width:94%; margin:auto; position:relative; z-index:3;}
.ban .box .con .w01{ height:70px; border-left:4px solid #44af35; padding-left:15px;}
.ban .box .con .w01 span{ display:block; font-size:20px; line-height:30px; color:#fff; overflow:hidden; height:30px;}
.ban .box .con .w01 p{ display:block; font-size:30px; line-height:28px; color:#fff; overflow:hidden; height:28px; text-transform:uppercase; margin-top:10px;}
.ban .box .con .w02{ width:100%; padding-top:20px;}
.ban .box .con .w02 a{ display:block; margin-top:15px; margin-right:15px; float:left; min-width:100px; height:35px; line-height:35px; text-align:center; font-size:15px; background-color:rgba(255,255,255,.7); padding:0 15px;}
.ban .box .con .w02 a:hover{ color:#44af35; background-color:rgba(255,255,255,.9);}
.ban .box .con .w02 a.on{ background-color:#44af35; color:#fff;}
}
@media only screen and (max-width:1023px){
.ban{ width:100%; height:200px; position:relative; overflow:hidden; z-index:1; border-top:60px solid #fff;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wei{ position:absolute; right:3%; bottom:10px; z-index:1;}
.ban .box .wei p{ display:block; padding-left:28px; font-size:14px; line-height:26px; height:26px; color:#fff; background-image:url(../images/wei.png); background-position:left center; background-repeat:no-repeat;}
.ban .box .wei p a{ color:#fff;}
.ban .box .con{ width:94%; margin:30px auto; position:relative; z-index:3;}
.ban .box .con .w01{ height:60px; border-left:2px solid #44af35; padding-left:15px;}
.ban .box .con .w01 span{ display:block; font-size:18px; line-height:28px; color:#fff; overflow:hidden; height:28px;}
.ban .box .con .w01 p{ display:block; font-size:24px; line-height:22px; color:#fff; overflow:hidden; height:22px; text-transform:uppercase; margin-top:8px;}
.ban .box .con .w02{ margin-left:-10px; padding-top:5px;}
.ban .box .con .w02 a{ display:block; margin-top:10px; margin-left:10px; float:left; min-width:80px; height:32px; line-height:32px; text-align:center; font-size:14px; background-color:rgba(255,255,255,.7); padding:0 10px;}
.ban .box .con .w02 a:hover{ color:#44af35; background-color:rgba(255,255,255,.9);}
.ban .box .con .w02 a.on{ background-color:#44af35; color:#fff;}
}

/*走进我们*/
.title .left.wid,.title .left.wid b,.title .left.wid strong{ width:100%;}
@media screen and (min-width:1441px){
.ab01{ padding-top:100px; padding-bottom:95px; width:100%; background-color:#fff; position:relative; z-index:2;}
.ab01 .box{ width:90%; max-width:1440px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.ab01 .box .left{ width:51.25%; float:left;}
.ab01 .box .left .bt{ position:relative; padding-top:15px;}
.ab01 .box .left .bt b{ width:60px; height:2px; display:block; overflow:hidden; background-color:#44af35; margin-top:15px;}
.ab01 .box .left .bt strong{ display:block; position:relative; z-index:2; font-size:24px; line-height:34px;}
.ab01 .box .left .bt p{ display:block; position:relative; z-index:2; font-size:16px; line-height:24px; margin-top:5px; color:#999;}
.ab01 .box .left .wen{ width:100%; margin-top:23px; font-size:16px; line-height:30px; color:#333;}
.ab01 .box .right{ width:43.75%; float:right;}
.ab01 .box .right img{ width:100%; display:block;}
.ab01 .list{ width:90%; max-width:1440px; margin:auto; display:flex; justify-content:space-between; position:relative; z-index:3;}
.ab01 .list li{ width:20.14%; margin-top:45px; display:block;}
.ab01 .list li strong{ width:30px; display:block; float:left; margin-top:15px;}
.ab01 .list li strong img{ width:100%; display:block;}
.ab01 .list li p{ display:block; float:left; width:calc(100% - 40px); margin-left:10px;}
.ab01 .list li p b{ font-size:60px; display:block; line-height:60px; color:#333;}
.ab01 .list li p span{ font-size:16px; display:block; line-height:26px; color:#333; margin-top:5px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab01{ padding-top:70px; padding-bottom:65px; width:100%; background-color:#fff; position:relative; z-index:2;}
.ab01 .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.ab01 .box .left{ width:52%; float:left;}
.ab01 .box .left .bt{ position:relative;}
.ab01 .box .left .bt b{ width:50px; height:2px; display:block; overflow:hidden; background-color:#44af35; margin-top:10px;}
.ab01 .box .left .bt strong{ display:block; position:relative; z-index:2; font-size:20px; line-height:30px;}
.ab01 .box .left .bt p{ display:block; position:relative; z-index:2; font-size:15px; line-height:23px; margin-top:5px; color:#999;}
.ab01 .box .left .wen{ width:100%; margin-top:20px; font-size:15px; line-height:25px; color:#333;}
.ab01 .box .right{ width:44%; float:right;}
.ab01 .box .right img{ width:100%; display:block;}
.ab01 .list{ width:94%; margin:auto; display:flex; justify-content:space-between; position:relative; z-index:3;}
.ab01 .list li{ width:23.5%; margin-top:25px; display:block;}
.ab01 .list li strong{ width:30px; display:block; float:left; margin-top:10px;}
.ab01 .list li strong img{ width:100%; display:block;}
.ab01 .list li p{ display:block; float:left; width:calc(100% - 40px); margin-left:10px;}
.ab01 .list li p b{ font-size:50px; display:block; line-height:50px; color:#333;}
.ab01 .list li p span{ font-size:15px; display:block; line-height:25px; color:#333; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.ab01{ padding-top:40px; padding-bottom:35px; width:100%; background-color:#fff; position:relative; z-index:2;}
.ab01 .box{ width:94%; margin:auto; margin-top:10px; position:relative; z-index:3;}
.ab01 .box .left{ width:100%; float:left;}
.ab01 .box .left .bt{ position:relative; color:#333;}
.ab01 .box .left .bt b{ width:40px; height:2px; display:block; overflow:hidden; background-color:#44af35; margin-top:5px;}
.ab01 .box .left .bt strong{ display:block; position:relative; z-index:2; font-size:18px; line-height:28px;}
.ab01 .box .left .bt p{ display:block; position:relative; z-index:2; font-size:14px; line-height:22px; color:#999;}
.ab01 .box .left .wen{ width:100%; margin-top:10px; font-size:14px; line-height:24px; color:#333;}
.ab01 .box .right{ width:100%; float:right; margin-top:15px;}
.ab01 .box .right img{ width:100%; display:block;}
.ab01 .list{ width:94%; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; z-index:3;}
.ab01 .list li{ width:48.5%; margin-top:15px; display:block;}
.ab01 .list li strong{ width:15px; display:block; float:left; margin-top:12px;}
.ab01 .list li strong img{ width:100%; display:block;}
.ab01 .list li p{ display:block; float:left; width:calc(100% - 20px); margin-left:5px;}
.ab01 .list li p b{ font-size:40px; display:block; line-height:40px; color:#333;}
.ab01 .list li p span{ font-size:14px; display:block; line-height:24px; color:#333; margin-top:5px;}
}

@media screen and (min-width:1441px){
.ab02{ padding:100px 0; width:100%; background-color:#f1f1f1; position:relative; z-index:2;}
.ab02 .box{ width:90%; max-width:1440px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.ab02 .box a{ width:24.31%; height:15.3153vw; max-height:245px; display:block; overflow:hidden; float:left; margin-left:2.08%;}
.ab02 .box a:nth-child(1){ width:47.22%; margin-left:0; height:32.49vw; max-height:520px;}
.ab02 .box a:nth-child(4){ position:absolute; left:47.22%; bottom:0;}
.ab02 .box a:nth-child(5){ position:absolute; right:0; bottom:0;}
.ab02 .box a img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab02 .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab02{ padding:70px 0; width:100%; background-color:#f1f1f1; position:relative; z-index:2;}
.ab02 .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.ab02 .box a{ width:24.31%; height:15.99598vw; display:block; overflow:hidden; float:left; margin-left:2.08%;}
.ab02 .box a:nth-child(1){ width:47.22%; margin-left:0; height:33.94vw;}
.ab02 .box a:nth-child(4){ position:absolute; left:47.22%; bottom:0;}
.ab02 .box a:nth-child(5){ position:absolute; right:0; bottom:0;}
.ab02 .box a img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab02 .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media only screen and (max-width:1023px){
.ab02{ padding:40px 0; width:100%; background-color:#f1f1f1; position:relative; z-index:2;}
.ab02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab02 .box a{ width:48.5%; height:31.913vw; display:block; overflow:hidden; float:left; margin-left:3%; margin-top:15px;}
.ab02 .box a:nth-child(1){ width:100%; margin-left:0; height:71.88vw;}
.ab02 .box a:nth-child(2n){ margin-left:0;}
.ab02 .box a img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab02 .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}

@media screen and (min-width:1441px){
.ab03{ padding:100px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.ab03 .box{ width:90%; max-width:1440px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.ab03 .box a{ width:24.31%; height:15.3153vw; max-height:245px; display:block; overflow:hidden; float:right; margin-right:2.08%;}
.ab03 .box a:nth-child(1){ width:47.22%; margin-right:0; height:32.49vw; max-height:520px;}
.ab03 .box a:nth-child(4){ position:absolute; right:47.22%; bottom:0;}
.ab03 .box a:nth-child(5){ position:absolute; left:0; bottom:0;}
.ab03 .box a img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab03 .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab03{ padding:70px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.ab03 .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.ab03 .box a{ width:24.31%; height:15.99598vw; display:block; overflow:hidden; float:right; margin-right:2.08%;}
.ab03 .box a:nth-child(1){ width:47.22%; margin-right:0; height:33.94vw;}
.ab03 .box a:nth-child(4){ position:absolute; right:47.22%; bottom:0;}
.ab03 .box a:nth-child(5){ position:absolute; left:0; bottom:0;}
.ab03 .box a img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab03 .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media only screen and (max-width:1023px){
.ab03{ padding:40px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.ab03 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab03 .box a{ width:48.5%; height:31.913vw; display:block; overflow:hidden; float:left; margin-left:3%; margin-top:15px;}
.ab03 .box a:nth-child(1){ width:100%; margin-left:0; height:71.88vw;}
.ab03 .box a:nth-child(2n){ margin-left:0;}
.ab03 .box a img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab03 .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}

@media screen and (min-width:1441px){
.ab04{ width:100%; background-color:#fff; position:relative; z-index:2;}
.ab04 .bg{ width:100%; height:100px; background-color:#f1f1f1;}
.ab04 .mask{ width:41.67%; height:100%; position:absolute; right:0; top:0; background-position:center; background-size:cover;}
.ab04 .box{ width:90%; max-width:1440px; margin:100px auto; margin-bottom:90px; position:relative; z-index:3;}
.ab04 .box .title{ width:54.17%; margin-left:0;}
.ab04 .box .w01{ width:54.17%; font-size:24px; line-height:34px; font-weight:bold; margin-top:45px;}
.ab04 .box .w02{ width:100px; height:2px; background-color:#44af35; margin-top:10px;}
.ab04 .box .w03{ width:54.17%; font-size:16px; line-height:36px; margin-top:20px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab04{ width:100%; background-color:#fff; position:relative; z-index:2;}
.ab04 .bg{ width:100%; height:70px; background-color:#f1f1f1;}
.ab04 .mask{ width:42%; height:100%; position:absolute; right:0; top:0; background-position:center; background-size:cover;}
.ab04 .box{ width:100%; padding-top:70px; padding-bottom:65px; position:relative; z-index:3;}
.ab04 .box .title{ width:52%; margin-left:3%;}
.ab04 .box .w01{ width:52%; margin-left:3%; font-size:20px; line-height:30px; font-weight:bold; margin-top:30px;}
.ab04 .box .w02{ width:80px; margin-left:3%; height:2px; background-color:#44af35; margin-top:5px;}
.ab04 .box .w03{ width:52%; margin-left:3%; font-size:15px; line-height:25px; margin-top:15px;}
}
@media only screen and (max-width:1023px){
.ab04{ width:100%; background-color:#fff; position:relative; z-index:2;}
.ab04 .bg{ width:3%; height:40px; background-color:#f1f1f1; position:absolute; left:0; bottom:0;}
.ab04 .mask{ width:97%; height:98.3vw; position:relative; background-position:center; background-size:cover; margin-left:3%;}
.ab04 .box{ width:94%; margin:40px auto; margin-bottom:35px; position:relative; z-index:3;}
.ab04 .box .title{ width:100%;}
.ab04 .box .w01{ width:100%; font-size:18px; line-height:28px; font-weight:bold; margin-top:15px;}
.ab04 .box .w02{ width:60px; height:2px; background-color:#44af35; margin-top:5px;}
.ab04 .box .w03{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
}

@media screen and (min-width:1441px){
.ab05{ width:100%; background-color:#f1f1f1; position:relative; z-index:2;}
.ab05 .bg{ width:100%; height:100px; position:absolute; left:0; bottom:0; background-color:#fff; z-index:1;}
.ab05 .bg01{ width:50%; height:100%; position:absolute; right:0; bottom:0; background-color:#44af35; z-index:2;}
.ab05 .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.ab05 .box .title{ width:20.78%; float:left;}
.ab05 .box dl{ width:72.22%; float:right; display:block; background-color:#44af35; padding:65px 0;}
.ab05 .box dl dt{ display:block; width:21.15%; float:left; margin-left:3.85%; text-align:center;}
.ab05 .box dl dt strong{ display:block; font-size:60px; line-height:60px; color:#fff;}
.ab05 .box dl dt b{ width:30px; height:2px; display:block; margin:15px auto; background-color:#fff; overflow:hidden;}
.ab05 .box dl dt p{ display:block; font-size:16px; line-height:26px; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab05{ width:100%; background-color:#f1f1f1; position:relative; z-index:2;}
.ab05 .bg{ width:100%; height:70px; position:absolute; left:0; bottom:0; background-color:#fff; z-index:1;}
.ab05 .bg01{ width:50%; height:100%; position:absolute; right:0; bottom:0; background-color:#44af35; z-index:2;}
.ab05 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab05 .box .title{ width:21.78%; float:left;}
.ab05 .box dl{ width:72.22%; float:right; display:block; background-color:#44af35; padding:45px 0;}
.ab05 .box dl dt{ display:block; width:22%; float:left; margin-left:3%; text-align:center;}
.ab05 .box dl dt strong{ display:block; font-size:50px; line-height:50px; color:#fff;}
.ab05 .box dl dt b{ width:25px; height:2px; display:block; margin:10px auto; background-color:#fff; overflow:hidden;}
.ab05 .box dl dt p{ display:block; font-size:15px; line-height:25px; color:#fff;}
}
@media only screen and (max-width:1023px){
.ab05{ width:100%; padding-top:40px; background-color:#f1f1f1; position:relative; z-index:2;}
.ab05 .bg01{ width:100%; height:calc(100% - 100px); position:absolute; right:0; bottom:0; background-color:#44af35; z-index:2;}
.ab05 .box{ width:100%; margin:auto; position:relative; z-index:3;}
.ab05 .box dl{ width:100%; display:block; background-color:#44af35; margin:auto; margin-top:20px; overflow:hidden; padding-top:20px; padding-bottom:35px;}
.ab05 .box dl dt{ display:block; width:45.5%; float:left; margin-left:3%; text-align:center; margin-top:15px;}
.ab05 .box dl dt:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab05 .box dl dt strong{ display:block; font-size:40px; line-height:40px; color:#fff;}
.ab05 .box dl dt b{ width:20px; height:2px; display:block; margin:5px auto; background-color:#fff; overflow:hidden;}
.ab05 .box dl dt p{ display:block; font-size:14px; line-height:24px; color:#fff;}
}

@media screen and (min-width:1441px){
.ab06{ padding-top:100px; padding-bottom:95px; width:100%; background-color:#fff; position:relative; z-index:2;}
.ab06 .box{ width:90%; max-width:1440px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.ab06 .box .an{ position:absolute; left:0; bottom:5px; z-index:2;}
.ab06 .box .an .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:#333; overflow:hidden; display:block; float:left; margin-right:20px; background-position:center; background-repeat:no-repeat; background-size:8px auto;}
.ab06 .box .an .swiper-button-white:hover{ background-color:#44af35;}
.ab06 .box .an .swiper-button-prev{ background-image:url(../images/prev.png);}
.ab06 .box .an .swiper-button-next{ background-image:url(../images/next.png);}
.ab06 .box .gallery-top{ width:100%; height:auto;}
.ab06 .box .gallery-top .swiper-slide{ width:100%; height:auto;}
.ab06 .box .gallery-top .swiper-slide .left{ width:41.67%; float:left; max-height:380px; height:23.7519vw;}
.ab06 .box .gallery-top .swiper-slide .left img{ width:100%;}
.ab06 .box .gallery-top .swiper-slide .right{ width:54.33%; float:right; max-height:380px; height:23.7519vw; overflow:auto;}
.ab06 .box .gallery-top .swiper-slide .right::-webkit-scrollbar{ width:2px; height:1px;}
.ab06 .box .gallery-top .swiper-slide .right::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#44af35;}
.ab06 .box .gallery-top .swiper-slide .right::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.ab06 .box .gallery-top .swiper-slide .right .bt{ font-size:24px; line-height:34px; font-weight:bold; margin-top:25px;}
.ab06 .box .gallery-top .swiper-slide .right .wen{ font-size:16px; line-height:36px; color:#666; margin-top:10px;}
.ab06 .box .shu{ position:absolute; left:0; bottom:95px;}
.ab06 .box .shu p{ display:block; font-size:36px; height:42px; line-height:42px; color:#44af35; overflow:hidden;}
.ab06 .box .gallery-thumbs{ width:83.33%; float:right; margin-top:70px; height:115px;}
.ab06 .box .gallery-thumbs .swiper-slide{ width:17%; margin:0 1.5%; height:115px;}
.ab06 .box .gallery-thumbs .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:#f6f6f6; margin:auto; overflow:hidden; padding:5px;}
.ab06 .box .gallery-thumbs .swiper-slide p a{ width:60px; height:60px; background-color:#eee; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab06 .box .gallery-thumbs .swiper-slide span{ width:100%; margin-top:19px; display:block; text-align:center; overflow:hidden; font-size:16px; line-height:26px; height:26px;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ background-color:#a1d79a;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ background-color:#44af35; color:#fff;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ color:#44af35;}
.ab06 .line{ width:100%; height:2px; background-color:#eee; position:absolute; left:0; bottom:173px; z-index:2;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab06{ padding-top:70px; padding-bottom:65px; width:100%; background-color:#fff; position:relative; z-index:2;}
.ab06 .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.ab06 .box .an{ position:absolute; left:0; bottom:5px; z-index:2;}
.ab06 .box .an .swiper-button-white{ width:38px; height:38px; border-radius:100%; background-color:#333; overflow:hidden; display:block; float:left; margin-right:15px; background-position:center; background-repeat:no-repeat; background-size:8px auto;}
.ab06 .box .an .swiper-button-white:hover{ background-color:#44af35;}
.ab06 .box .an .swiper-button-prev{ background-image:url(../images/prev.png);}
.ab06 .box .an .swiper-button-next{ background-image:url(../images/next.png);}
.ab06 .box .gallery-top{ width:100%; height:auto;}
.ab06 .box .gallery-top .swiper-slide{ width:100%; height:auto;}
.ab06 .box .gallery-top .swiper-slide .left{ width:41.67%; float:left; height:24.8vw;}
.ab06 .box .gallery-top .swiper-slide .left img{ width:100%;}
.ab06 .box .gallery-top .swiper-slide .right{ width:55.33%; float:right; height:24.8vw; overflow:auto;}
.ab06 .box .gallery-top .swiper-slide .right::-webkit-scrollbar{ width:2px; height:1px;}
.ab06 .box .gallery-top .swiper-slide .right::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#44af35;}
.ab06 .box .gallery-top .swiper-slide .right::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.ab06 .box .gallery-top .swiper-slide .right .bt{ font-size:20px; line-height:30px; font-weight:bold; margin-top:20px;}
.ab06 .box .gallery-top .swiper-slide .right .wen{ font-size:15px; line-height:25px; color:#666; margin-top:10px;}
.ab06 .box .shu{ position:absolute; left:0; bottom:75px;}
.ab06 .box .shu p{ display:block; font-size:30px; height:38px; line-height:38px; color:#44af35; overflow:hidden;}
.ab06 .box .gallery-thumbs{ width:83.33%; float:right; margin-top:35px; height:105px;}
.ab06 .box .gallery-thumbs .swiper-slide{ width:17%; margin:0 1.5%; height:105px;}
.ab06 .box .gallery-thumbs .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:#f6f6f6; margin:auto; overflow:hidden; padding:5px;}
.ab06 .box .gallery-thumbs .swiper-slide p a{ width:60px; height:60px; background-color:#eee; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab06 .box .gallery-thumbs .swiper-slide span{ width:100%; margin-top:10px; display:block; text-align:center; overflow:hidden; font-size:15px; line-height:25px; height:25px;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ background-color:#a1d79a;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ background-color:#44af35; color:#fff;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ color:#44af35;}
.ab06 .line{ width:100%; height:2px; background-color:#eee; position:absolute; left:0; bottom:132px; z-index:2;}
}
@media only screen and (max-width:1023px){
.ab06{ padding-top:40px; padding-bottom:35px; width:100%; background-color:#fff; position:relative; z-index:2;}
.ab06 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab06 .box .an{ position:absolute; left:0; bottom:5px; z-index:2;}
.ab06 .box .an .swiper-button-white{ width:34px; height:34px; border-radius:100%; background-color:#333; overflow:hidden; display:block; float:left; margin-right:10px; background-position:center; background-repeat:no-repeat; background-size:8px auto;}
.ab06 .box .an .swiper-button-white:hover{ background-color:#44af35;}
.ab06 .box .an .swiper-button-prev{ background-image:url(../images/prev.png);}
.ab06 .box .an .swiper-button-next{ background-image:url(../images/next.png);}
.ab06 .box .gallery-top{ width:100%; height:auto; margin-top:15px;}
.ab06 .box .gallery-top .swiper-slide{ width:100%; height:auto;}
.ab06 .box .gallery-top .swiper-slide .left{ width:100%; float:left; height:59.33vw;}
.ab06 .box .gallery-top .swiper-slide .left img{ width:100%;}
.ab06 .box .gallery-top .swiper-slide .right{ width:100%; float:right; height:59.33vw; overflow:auto;}
.ab06 .box .gallery-top .swiper-slide .right .bt{ font-size:16px; line-height:26px; font-weight:bold; margin-top:15px;}
.ab06 .box .gallery-top .swiper-slide .right .wen{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.ab06 .box .shu{ position:absolute; left:0; bottom:75px;}
.ab06 .box .shu p{ display:block; font-size:24px; height:32px; line-height:32px; color:#44af35; overflow:hidden;}
.ab06 .box .gallery-thumbs{ width:calc(100% - 80px); float:right; margin-top:15px; height:99px;}
.ab06 .box .gallery-thumbs .swiper-slide{ width:48.5%; margin-left:3%; height:99px;}
.ab06 .box .gallery-thumbs .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:#f6f6f6; margin:auto; overflow:hidden; padding:5px;}
.ab06 .box .gallery-thumbs .swiper-slide p a{ width:60px; height:60px; background-color:#eee; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab06 .box .gallery-thumbs .swiper-slide span{ width:100%; margin-top:5px; display:block; text-align:center; overflow:hidden; font-size:14px; line-height:24px; height:24px;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ background-color:#a1d79a;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ background-color:#44af35; color:#fff;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ color:#44af35;}
.ab06 .line{ width:100%; height:2px; background-color:#eee; position:absolute; left:0; bottom:97px; z-index:2;}
}

@media screen and (min-width:1441px){
.ab07{ padding-top:100px; padding-bottom:95px; width:100%; background-color:#fff; position:relative; z-index:2; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab07 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ab07 .title .left strong,.ab07 .title .left b{ color:#fff;}
.ab07 .title .left span{ color:#ccc;}
.ab07 .title .right{ border:1px solid #fff; color:#fff;}
.ab07 .title .right::before{ background-color:#fff;}
.ab07 .title .right::after{ background-color:#fff;}
.ab07 .title .right:hover{ border:1px solid #44af35;}
.ab07 .box{ width:90%; max-width:1440px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.ab07 .box .swiper-container{ width:100%;}
.ab07 .box .swiper-container .swiper-slide{ width:22.915%; margin-right:2.78%; height:28.74vw; max-height:460px;}
.ab07 .box .swiper-container .swiper-slide:last-child{ margin-right:0;}
.ab07 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab07 .box .swi{ width:100%; margin-top:40px;}
.ab07 .box .swi .swiper-pagination{ height:2px; width:calc(100% - 140px); background-color:rgba(255,255,255,.3); margin:19px 0; float:left; overflow:hidden; position:relative;}
.ab07 .box .swi .swiper-pagination .swiper-pagination-progressbar-fill{ background-color:#44af35;}
.ab07 .box .swi .swiper-button-prev{ width:38px; height:38px; border-radius:100%; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; background-size:8px auto; float:left; margin-left:40px; overflow:hidden; cursor:pointer; border:1px solid rgba(255,255,255,.5);}
.ab07 .box .swi .swiper-button-next{ width:38px; height:38px; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; background-size:8px auto; float:left; margin-left:20px; overflow:hidden; cursor:pointer; border:1px solid rgba(255,255,255,.5);}
.ab07 .box .swi .swiper-button-prev:hover,.ab07 .box .swi .swiper-button-next:hover{ background-color:#44af35; border:1px solid #44af35}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab07{ padding-top:70px; padding-bottom:65px; width:100%; background-color:#fff; position:relative; z-index:2; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab07 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ab07 .title .left strong,.ab07 .title .left b{ color:#fff;}
.ab07 .title .left span{ color:#ccc;}
.ab07 .title .right{ border:1px solid #fff; color:#fff;}
.ab07 .title .right::before{ background-color:#fff;}
.ab07 .title .right::after{ background-color:#fff;}
.ab07 .title .right:hover{ border:1px solid #44af35;}
.ab07 .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.ab07 .box .swiper-container{ width:100%;}
.ab07 .box .swiper-container .swiper-slide{ width:22.915%; margin-right:2.78%; height:30vw;}
.ab07 .box .swiper-container .swiper-slide:last-child{ margin-right:0;}
.ab07 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab07 .box .swi{ width:100%; margin-top:25px;}
.ab07 .box .swi .swiper-pagination{ height:2px; width:calc(100% - 121px); background-color:rgba(255,255,255,.3); margin:18px 0; float:left; overflow:hidden; position:relative;}
.ab07 .box .swi .swiper-pagination .swiper-pagination-progressbar-fill{ background-color:#44af35;}
.ab07 .box .swi .swiper-button-prev{ width:36px; height:36px; border-radius:100%; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; background-size:8px auto; float:left; margin-left:30px; overflow:hidden; cursor:pointer; border:1px solid rgba(255,255,255,.5);}
.ab07 .box .swi .swiper-button-next{ width:36px; height:36px; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; background-size:8px auto; float:left; margin-left:15px; overflow:hidden; cursor:pointer; border:1px solid rgba(255,255,255,.5);}
.ab07 .box .swi .swiper-button-prev:hover,.ab07 .box .swi .swiper-button-next:hover{ background-color:#44af35; border:1px solid #44af35;}
}
@media only screen and (max-width:1023px){
.ab07{ padding-top:40px; padding-bottom:35px; width:100%; background-color:#fff; position:relative; z-index:2; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab07 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ab07 .title .left strong,.ab07 .title .left b{ color:#fff;}
.ab07 .title .left span{ color:#ccc;}
.ab07 .title .right{ border:1px solid #fff; color:#fff;}
.ab07 .title .right::before{ background-color:#fff;}
.ab07 .title .right::after{ background-color:#fff;}
.ab07 .title .right:hover{ border:1px solid #44af35;}
.ab07 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.ab07 .box .swiper-container{ width:100%;}
.ab07 .box .swiper-container .swiper-slide{ width:48.5%; margin-right:3%; height:63.54vw;}
.ab07 .box .swiper-container .swiper-slide:last-child{ margin-right:0;}
.ab07 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab07 .box .swi{ width:100%; margin-top:15px;}
.ab07 .box .swi .swiper-pagination{ height:2px; width:calc(100% - 98px); background-color:rgba(255,255,255,.3); margin:16px 0; float:left; overflow:hidden; position:relative;}
.ab07 .box .swi .swiper-pagination .swiper-pagination-progressbar-fill{ background-color:#44af35;}
.ab07 .box .swi .swiper-button-prev{ width:32px; height:32px; border-radius:100%; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; background-size:6px auto; float:left; margin-left:20px; overflow:hidden; cursor:pointer; border:1px solid rgba(255,255,255,.5);}
.ab07 .box .swi .swiper-button-next{ width:32px; height:32px; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; background-size:6px auto; float:left; margin-left:10px; overflow:hidden; cursor:pointer; border:1px solid rgba(255,255,255,.5);}
.ab07 .box .swi .swiper-button-prev:hover,.ab07 .box .swi .swiper-button-next:hover{ background-color:#44af35; border:1px solid #44af35}
}

@media screen and (min-width:1441px){
.ab08{ padding:100px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.ab08 .box{ width:90%; max-width:1440px; margin:auto; margin-top:50px; position:relative; z-index:3; height:540px; background-position:center; background-size:cover;}
.ab08 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ab08 .box ul{ width:100%; height:100%; display:block; position:relative; z-index:3; overflow:hidden;}
.ab08 .box ul li{ width:22.15%; display:block; float:left; border-right:1px solid #fff; height:100%; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:45px 30px; box-sizing:border-box; position:relative;}
.ab08 .box ul li:last-child{ border:none;}
.ab08 .box ul li.on{ width:33.55%;}
.ab08 .box ul li.on{ padding:65px 30px;}
.ab08 .box ul li span{ display:block; color:#fff; overflow:hidden; font-size:24px; line-height:32px;}
.ab08 .box ul li.on span{ line-height:48px; font-size:56px;}
.ab08 .box ul li h1{ width:100%; display:block; height:15px; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s; -o-transition:height 1s;}
.ab08 .box ul li h4{ display:block; color:#fff; overflow:hidden; font-size:20px; line-height:30px; font-weight:normal;}
.ab08 .box ul li strong{ display:block; color:#fff; overflow:hidden; font-size:14px; line-height:22px; font-weight:normal; margin-top:5px;}
.ab08 .box ul li.on h1{ height:35px;}
.ab08 .box ul li.on h4{ font-size:24px; line-height:34px; font-weight:bold;}
.ab08 .box ul li.on strong{ font-size:16px; line-height:24px; margin-top:10px;}
.ab08 .box ul li p{ width:calc(100% - 60px); color:#fff; font-size:16px; line-height:30px; opacity:0; overflow:hidden; position:absolute; left:30px; bottom:63px; display:block;}
.ab08 .box ul li.on p{ opacity:1;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab08{ padding:70px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.ab08 .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3; height:500px; background-position:center; background-size:cover;}
.ab08 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ab08 .box ul{ width:100%; height:100%; display:block; position:relative; z-index:3; overflow:hidden;}
.ab08 .box ul li{ width:22.15%; display:block; float:left; border-right:1px solid #fff; height:100%; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:25px 20px; box-sizing:border-box; position:relative;}
.ab08 .box ul li:last-child{ border:none;}
.ab08 .box ul li.on{ width:33.55%;}
.ab08 .box ul li.on{ padding:45px 20px;}
.ab08 .box ul li span{ display:block; color:#fff; overflow:hidden; font-size:20px; line-height:28px;}
.ab08 .box ul li.on span{ line-height:44px; font-size:36px;}
.ab08 .box ul li h1{ width:100%; display:block; height:10px; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s; -o-transition:height 1s;}
.ab08 .box ul li h4{ display:block; color:#fff; overflow:hidden; font-size:18px; line-height:28px; font-weight:normal;}
.ab08 .box ul li strong{ display:block; color:#fff; overflow:hidden; font-size:14px; line-height:22px; font-weight:normal; margin-top:5px;}
.ab08 .box ul li.on h1{ height:20px;}
.ab08 .box ul li.on h4{ font-size:20px; line-height:30px; font-weight:bold;}
.ab08 .box ul li.on strong{ font-size:14px; line-height:23px; margin-top:10px;}
.ab08 .box ul li p{ width:calc(100% - 40px); color:#fff; font-size:15px; line-height:25px; opacity:0; overflow:hidden; position:absolute; left:20px; bottom:45px; display:block;}
.ab08 .box ul li.on p{ opacity:1;}
}
@media only screen and (max-width:1023px){
.ab08{ padding:40px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.ab08 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3; background-position:center; background-size:cover;}
.ab08 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ab08 .box ul{ width:100%; height:100%; display:block; position:relative; z-index:3; overflow:hidden;}
.ab08 .box ul li{ width:100%; display:block; float:left; border-bottom:1px solid #fff; height:100%; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:15px; box-sizing:border-box; position:relative;}
.ab08 .box ul li:last-child{ border:none;}
.ab08 .box ul li span{ display:block; color:#fff; overflow:hidden; font-size:16px; line-height:24px;}
.ab08 .box ul li h4{ display:block; color:#fff; overflow:hidden; font-size:16px; line-height:26px; font-weight:normal;}
.ab08 .box ul li strong{ display:block; color:#fff; overflow:hidden; font-size:14px; line-height:22px; font-weight:normal;}
.ab08 .box ul li p{ color:#fff; font-size:14px; line-height:24px; overflow:hidden; display:none; margin-top:5px;}
.ab08 .box ul li.on p{ display:block;}
}

/*新闻动态*/
@media screen and (min-width:1441px){
.main{ padding:100px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.main .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.main .box .news{ width:100%;}
.main .box .news li{ display:flex; align-items:center; overflow:hidden; margin-top:50px;}
.main .box .news li .left{ width:400px; height:280px;}
.main .box .news li .left img{ width:100%; display:block;}
.main .box .news li .right{ width:calc(97% - 400px); margin-left:3%;}
.main .box .news li .right .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.main .box .news li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .right .w01 a:hover{ color:#44af35;}
.main .box .news li .right .w02{ font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.main .box .news li .right .w03{ font-size:16px; line-height:30px; height:90px; margin-top:10px; padding-top:13px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.main .box .news li .right .w04{ padding-top:13px; padding-bottom:5px;}
.main .box .news li .right .w04 a{ width:130px; display:flex; align-items:center; justify-content:center; border-radius:36px; background-color:#333; font-size:16px; line-height:36px; height:36px; overflow:hidden; color:#fff;}
.main .box .news li .right .w04 a img{ display:block; margin-left:10px; height:10px;}
.main .box .news li .right .w04 a:hover{ background-color:#44af35;}

.fanye{ width:100%; margin-top:50px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:18px;}
.fanye li a{ width:38px; height:38px; line-height:38px; border:1px solid #cacaca; display:block;}
.fanye li span{ width:38px; height:38px; line-height:38px; border:1px solid #44af35; background-color:#44af35; color:#fff; display:block;}
.fanye li.active span{ color:#fff; background-color:#44af35;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#44af35; border:1px solid #44af35;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.main{ padding:70px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.main .box{ width:94%; margin:auto; position:relative; z-index:3;}
.main .box .news{ width:100%; margin-top:-5px;}
.main .box .news li{ display:flex; align-items:center; overflow:hidden; margin-top:35px;}
.main .box .news li .left{ width:400px; height:280px;}
.main .box .news li .left img{ width:100%; display:block;}
.main .box .news li .right{ width:calc(97% - 400px); margin-left:3%;}
.main .box .news li .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.main .box .news li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .right .w01 a:hover{ color:#44af35;}
.main .box .news li .right .w02{ font-size:15px; line-height:25px; color:#666; margin-top:5px;}
.main .box .news li .right .w03{ font-size:15px; line-height:30px; height:90px; margin-top:10px; padding-top:12px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.main .box .news li .right .w04{ padding-top:12px; padding-bottom:5px;}
.main .box .news li .right .w04 a{ width:130px; display:flex; align-items:center; justify-content:center; border-radius:36px; background-color:#333; font-size:15px; line-height:35px; height:35px; overflow:hidden; color:#fff;}
.main .box .news li .right .w04 a img{ display:block; margin-left:10px; height:10px;}
.main .box .news li .right .w04 a:hover{ background-color:#44af35;}

.fanye{ width:100%; margin-top:35px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:16px;}
.fanye li a{ width:34px; height:34px; line-height:34px; border:1px solid #cacaca; display:block;}
.fanye li span{ width:34px; height:34px; line-height:34px; border:1px solid #44af35; background-color:#44af35; color:#fff; display:block;}
.fanye li.active span{ color:#fff; background-color:#44af35;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#44af35; border:1px solid #44af35;}
}
@media only screen and (max-width:1023px){
.main{ padding:40px 0; width:100%; background-color:#fff; position:relative; z-index:2;}
.main .box{ width:94%; margin:auto; position:relative; z-index:3;}
.main .box .news{ width:100%;}
.main .box .news li{ overflow:hidden; margin-top:15px;}
.main .box .news li .left{ width:100%; height:65.8vw;}
.main .box .news li .left img{ width:100%; display:block;}
.main .box .news li .right{ width:100%; margin-top:10px;}
.main .box .news li .right .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.main .box .news li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .right .w01 a:hover{ color:#44af35;}
.main .box .news li .right .w02{ font-size:14px; line-height:24px; color:#666;}
.main .box .news li .right .w03{ font-size:14px; line-height:24px; height:72px; margin-top:5px; padding-top:5px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.main .box .news li .right .w04{ padding-top:5px;}
.main .box .news li .right .w04 a{ width:110px; display:flex; align-items:center; justify-content:center; border-radius:32px; background-color:#333; font-size:14px; line-height:32px; height:32px; overflow:hidden; color:#fff;}
.main .box .news li .right .w04 a img{ display:block; margin-left:10px; height:10px;}
.main .box .news li .right .w04 a:hover{ background-color:#44af35;}

.fanye{ width:100%; margin-top:15px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:14px;}
.fanye li a{ width:30px; height:30px; line-height:30px; border:1px solid #cacaca; display:block;}
.fanye li span{ width:30px; height:30px; line-height:30px; border:1px solid #44af35; background-color:#44af35; color:#fff; display:block;}
.fanye li.active span{ color:#fff; background-color:#44af35;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#44af35; border:1px solid #44af35;}
}

/*新闻动态内页*/
@media screen and (min-width:1441px){
.ny{ width:90%; max-width:1440px; margin:95px auto; background-color:#fff; position:relative; z-index:3;}
.ny .lbar{ width:74.17%; float:left;}
.ny .lbar .bt{ font-size:24px; line-height:34px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:16px; line-height:26px; height:26px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:16px; line-height:30px; margin-top:25px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:25px; padding-top:23px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 100px); display:block; font-size:16px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#44af35;}
.ny .lbar .back span{ position:absolute; right:0; top:23px; font-size:16px; height:30px; line-height:30px;}
.ny .lbar .back span a:hover{ color:#44af35;}

.ny .rbar{ width:20.83%; border:1px solid #eee; border-top:2px solid #44af35; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:29px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 29px; padding-bottom:25px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:25px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:16px; height:24px; line-height:24px; color:#999;}
.ny .rbar ul li p:hover{ color:#44af35;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ny{ width:94%; margin:65px auto; background-color:#fff; position:relative; z-index:3;}
.ny .lbar{ width:74.17%; float:left;}
.ny .lbar .bt{ font-size:20px; line-height:30px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:15px; line-height:25px; height:25px; padding-top:5px; padding-bottom:10px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:15px; line-height:30px; margin-top:20px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:20px; padding-top:20px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 80px); display:block; font-size:15px; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#44af35;}
.ny .lbar .back span{ position:absolute; right:0; top:20px; font-size:15px; height:25px; line-height:25px;}
.ny .lbar .back span a:hover{ color:#44af35;}

.ny .rbar{ width:21.83%; border:1px solid #eee; border-top:2px solid #44af35; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:8%; font-size:16px; height:46px; line-height:46px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 8%; padding-bottom:15px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.ny .rbar ul li p:hover{ color:#44af35;}
}
@media only screen and (max-width:1023px){
.ny{ width:94%; margin:35px auto; background-color:#fff; position:relative; z-index:3;}
.ny .lbar{ width:100%; float:left;}
.ny .lbar .bt{ font-size:18px; line-height:28px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-bottom:5px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:70.5vw; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:15px; padding-top:15px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 70px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#44af35;}
.ny .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#44af35;}

.ny .rbar{ display:none;}
}

/*产品展示*/
@media screen and (min-width:1441px){
.main .pro{ width:100%;}
.main .pro li{ display:block; margin-top:40px; width:30.56%; float:left; margin-left:4.16%; margin-top:50px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.main .pro li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .tu{ width:100%; position:relative;}
.main .pro li .tu strong{ display:block; width:100%; overflow:hidden; height:15.62vw; max-height:250px; position:relative; z-index:2;}
.main .pro li .tu strong img{ width:100%; display:block;}
.main .pro li .tu b{ display:none; width:40px; height:40px; background-color:#44af35; overflow:hidden; position:absolute; right:-10px; bottom:-10px; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat; z-index:3;}
.main .pro li .tu span{ width:100%; height:15.62vw; max-height:250px; position:absolute; left:-10px; top:-10px; display:none; z-index:1; overflow:hidden; background-color:#44af35;}
.main .pro li:hover .tu b,.main .pro li:hover .tu span{ display:block;}
.main .pro li .wen{ padding:25px 6.8%; background-color:#fff;}
.main .pro li .wen .w01{ font-weight:bold; font-size:20px; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap;}
.main .pro li .wen .w02{ font-size:16px; line-height:30px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; margin-top:8px;}
.main .pro li .wen .w03{ margin-top:13px;}
.main .pro li .wen .w03 span{ display:block; float:left; height:26px; line-height:26px; font-size:16px; color:#999; overflow:hidden;}
.main .pro li .wen .w03 span b{ width:15px; height:10px; display:block; float:right; margin:8px 10px; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.main .pro li:hover .wen .w01{ color:#44af35;}
.main .pro li .wen .w03 span:hover{ color:#44af35;}
.main .pro li .wen .w03 span:hover b{ background-image:url(../images/more01.png);}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.main .pro{ width:100%;}
.main .pro li{ display:block; margin-top:40px; width:31.33%; float:left; margin-left:3%; box-shadow:0 0 10px rgba(0,0,0,.1);}
.main .pro li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .tu{ width:100%; position:relative;}
.main .pro li .tu strong{ display:block; width:100%; overflow:hidden; height:16.73vw; position:relative; z-index:2;}
.main .pro li .tu strong img{ width:100%; display:block;}
.main .pro li .tu b{ display:none; width:40px; height:40px; background-color:#44af35; overflow:hidden; position:absolute; right:-10px; bottom:-10px; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat; z-index:3;}
.main .pro li .tu span{ width:100%; height:15.62vw; max-height:250px; position:absolute; left:-10px; top:-10px; display:none; z-index:1; overflow:hidden; background-color:#44af35;}
.main .pro li:hover .tu b,.main .pro li:hover .tu span{ display:block;}
.main .pro li .wen{ padding:25px 6.8%; background-color:#fff;}
.main .pro li .wen .w01{ font-weight:bold; font-size:20px; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap;}
.main .pro li .wen .w02{ font-size:16px; line-height:30px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; margin-top:8px;}
.main .pro li .wen .w03{ margin-top:13px;}
.main .pro li .wen .w03 span{ display:block; float:left; height:26px; line-height:26px; font-size:16px; color:#999; overflow:hidden;}
.main .pro li .wen .w03 span b{ width:15px; height:10px; display:block; float:right; margin:8px 10px; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.main .pro li:hover .wen .w01{ color:#44af35;}
.main .pro li .wen .w03 span:hover{ color:#44af35;}
.main .pro li .wen .w03 span:hover b{ background-image:url(../images/more01.png);}
}
@media only screen and (max-width:1023px){
.main .pro{ width:100%;}
.main .pro li{ display:block; margin-top:15px; width:100%; float:left; box-shadow:0 0 10px rgba(0,0,0,.1);}
.main .pro li .tu{ width:100%; position:relative;}
.main .pro li .tu strong{ display:block; width:100%; overflow:hidden; height:53.41vw; position:relative; z-index:2;}
.main .pro li .tu strong img{ width:100%; display:block;}
.main .pro li .tu b{ display:none; width:34px; height:34px; background-color:#44af35; overflow:hidden; position:absolute; right:10px; bottom:10px; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat; z-index:3;}
.main .pro li .tu span{ width:100%; height:25.9vw; position:absolute; left:-5px; top:-5px; display:none; z-index:1; overflow:hidden; background-color:#44af35;}
.main .pro li:hover .tu b,.main .pro li:hover .tu span{ display:block;}
.main .pro li .wen{ padding:10px 15px; background-color:#fff;}
.main .pro li .wen .w01{ font-weight:bold; font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap;}
.main .pro li .wen .w02{ font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; margin-top:5px;}
.main .pro li .wen .w03{ width:100%;}
.main .pro li .wen .w03 span{ display:block; float:left; height:24px; line-height:24px; font-size:14px; color:#999; overflow:hidden;}
.main .pro li .wen .w03 span b{ width:15px; height:10px; display:block; float:right; margin:7px; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.main .pro li:hover .wen .w01{ color:#44af35;}
.main .pro li .wen .w03 span:hover{ color:#44af35;}
.main .pro li .wen .w03 span:hover b{ background-image:url(../images/more01.png);}
}
@media screen and (min-width:1441px){
.main .pro01{ width:100%; margin-top:50px;}
.main .pro01 .left{ width:46.53%; float:left;}
.main .pro01 .left img{ width:100%; display:block;}
.main .pro01 .right{ float:right; width:48.47%; margin-top:45px;}
.main .pro01 .right .w01{ position:relative; padding-left:30px;}
.main .pro01 .right .w01 b{ width:110px; height:4px; position:absolute; left:-110px; top:18px; display:block; background-color:#44af35;}
.main .pro01 .right .w01 strong{ display:block; font-size:30px; line-height:40px; color:#44af35;}
.main .pro01 .right .w02{ margin-top:20px; font-size:20px; line-height:30px; color:#666; font-weight:bold;}
.main .pro01 .right .w03{ margin-top:18px; font-size:16px; line-height:30px; color:#333;}
.main .pro02{ margin-top:43px; font-size:16px; line-height:30px; color:#333;}
.main .pro02 img{ max-width:100%; height:auto;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.main .pro01{ width:100%; margin-top:35px;}
.main .pro01 .left{ width:46.53%; float:left;}
.main .pro01 .left img{ width:100%; display:block;}
.main .pro01 .right{ float:right; width:49.47%;}
.main .pro01 .right .w01{ position:relative; padding-left:30px;}
.main .pro01 .right .w01 b{ width:110px; height:4px; position:absolute; left:-110px; top:15px; display:block; background-color:#44af35;}
.main .pro01 .right .w01 strong{ display:block; font-size:24px; line-height:34px; color:#44af35;}
.main .pro01 .right .w02{ margin-top:15px; font-size:18px; line-height:28px; color:#666; font-weight:bold;}
.main .pro01 .right .w03{ margin-top:15px; font-size:14px; line-height:25px; color:#333;}
.main .pro02{ margin-top:30px; font-size:14px; line-height:30px; color:#333;}
.main .pro02 img{ max-width:100%; height:auto;}
}
@media only screen and (max-width:1023px){
.main .pro01{ width:100%; margin-top:15px;}
.main .pro01 .left{ width:100%; float:left;}
.main .pro01 .left img{ width:100%; display:block;}
.main .pro01 .right{ float:right; width:100%; margin-top:10px;}
.main .pro01 .right .w01{ position:relative; padding-left:30px;}
.main .pro01 .right .w01 b{ width:20px; height:2px; position:absolute; left:0; top:12px; display:block; background-color:#44af35;}
.main .pro01 .right .w01 strong{ display:block; font-size:18px; line-height:28px; color:#44af35;}
.main .pro01 .right .w02{ margin-top:5px; font-size:16px; line-height:26px; color:#666; font-weight:bold;}
.main .pro01 .right .w03{ margin-top:10px; font-size:14px; line-height:24px; color:#333;}
.main .pro02{ margin-top:15px; font-size:14px; line-height:24px; color:#333;}
.main .pro02 img{ max-width:100%; height:auto;}
}

/*人才招聘*/
@media screen and (min-width:1441px){
.main .tou{ width:90%; height:60px; line-height:60px; font-size:16px; padding:0 5%; background-color:#44af35; margin-top:50px;}
.main .tou span{ color:#fff; width:25%; display:block; float:left; text-align:center;}
.main .tou p{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.main .tou a{ color:#fff; width:15%; display:block; float:left; text-align:center;}
.main .sideMen{ width:100%; padding:0 5%; border:1px solid #eee; border-top:none; box-sizing:border-box; margin:auto; padding-bottom:50px;}
.main .sideMen h3{ width:100%; display:block; font-weight:normal; height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #ddd;}
.main .sideMen h3 span{ width:25%; display:block; float:left; text-align:left;}
.main .sideMen h3 p{ width:20%; display:block; float:left; text-align:center;}
.main .sideMen h3 a{ width:15%; display:flex; align-items:center; float:left; justify-content:center;}
.main .sideMen h3 a b{ width:10px; height:5px; display:block; margin-left:10px; background-image:url(../images/xia.jpg);}
.main .sideMen h3.on a{ color:#44af35;}
.main .sideMen h3.on a b{ background-image:url(../images/xia01.jpg);}
.main .sideMen .cont{ padding:43px 5%; padding-top:40px; background-color:#f1f1f1; overflow:hidden;}
.main .sideMen .cont .c01{ width:100%; padding-bottom:20px; border-bottom:1px solid #cacaca; display:block;}
.main .sideMen .cont .c01 li{ width:31.33%; margin-left:3%; display:block; float:left; height:36px; line-height:36px; font-size:16px; overflow:hidden;}
.main .sideMen .cont .c01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c01 li span{ color:#999;}
.main .sideMen .cont .c02{ width:100%; padding-top:25px; display:block;}
.main .sideMen .cont .c02 dl{ width:48.5%; margin-left:3%; display:block; float:left; overflow:hidden;}
.main .sideMen .cont .c02 dl:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c02 dl dt{ display:block; height:30px; line-height:30px; font-size:20px; overflow:hidden; color:#44af35; margin-bottom:8px;}
.main .sideMen .cont .c02 dl dd{ display:block; overflow:hidden; font-size:16px; line-height:30px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.main .tou{ width:94%; height:50px; line-height:50px; font-size:14px; padding:0 3%; background-color:#44af35; margin-top:35px;}
.main .tou span{ color:#fff; width:25%; display:block; float:left; text-align:center;}
.main .tou p{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.main .tou a{ color:#fff; width:15%; display:block; float:left; text-align:center;}
.main .sideMen{ width:100%; padding:0 3%; border:1px solid #eee; border-top:none; box-sizing:border-box; margin:auto; padding-bottom:40px;}
.main .sideMen h3{ width:100%; display:block; font-weight:normal; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #ddd;}
.main .sideMen h3 span{ width:25%; display:block; float:left; text-align:left;}
.main .sideMen h3 p{ width:20%; display:block; float:left; text-align:center;}
.main .sideMen h3 a{ width:15%; display:flex; align-items:center; float:left; justify-content:center;}
.main .sideMen h3 a b{ width:10px; height:5px; display:block; margin-left:10px; background-image:url(../images/xia.jpg);}
.main .sideMen h3.on a{ color:#44af35;}
.main .sideMen h3.on a b{ background-image:url(../images/xia01.jpg);}
.main .sideMen .cont{ padding:22px 3%; padding-top:22px; background-color:#f1f1f1; overflow:hidden;}
.main .sideMen .cont .c01{ width:100%; padding-bottom:12px; border-bottom:1px solid #cacaca; display:block;}
.main .sideMen .cont .c01 li{ width:31.33%; margin-left:3%; display:block; float:left; height:30px; line-height:30px; font-size:14px; overflow:hidden;}
.main .sideMen .cont .c01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c01 li span{ color:#999;}
.main .sideMen .cont .c02{ width:100%; padding-top:15px; display:block;}
.main .sideMen .cont .c02 dl{ width:48.5%; margin-left:3%; display:block; float:left; overflow:hidden;}
.main .sideMen .cont .c02 dl:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c02 dl dt{ display:block; height:28px; line-height:28px; font-size:15px; overflow:hidden; color:#44af35;}
.main .sideMen .cont .c02 dl dd{ display:block; overflow:hidden; font-size:14px; line-height:30px;}
}
@media only screen and (max-width:1023px){
.main .tou{ width:94%; height:40px; display:flex; align-items:center; line-height:18px; font-size:14px; padding:0 3%; background-color:#44af35; margin-top:15px;}
.main .tou span{ color:#fff; width:calc(100% - 220px); display:block; float:left; text-align:center;}
.main .tou p{ color:#fff; width:70px; display:block; float:left; text-align:center;}
.main .tou p:nth-child(3),.main .tou p:nth-child(4){ width:40px;}
.main .tou a{ color:#fff; width:70px; display:block; float:left; text-align:center;}
.main .sideMen{ width:100%; padding:0 3%; border:1px solid #eee; border-top:none; box-sizing:border-box; margin:auto; padding-bottom:20px;}
.main .sideMen h3{ width:100%; display:block; font-weight:normal; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #ddd;}
.main .sideMen h3 span{ width:calc(100% - 220px); display:block; float:left; text-align:left;}
.main .sideMen h3 p{ width:70px; display:block; float:left; text-align:center;}
.main .sideMen h3 p:nth-child(3),.main .sideMen h3 p:nth-child(4){ width:40px;}
.main .sideMen h3 a{ width:70px; display:flex; align-items:center; float:left; justify-content:center;}
.main .sideMen h3 a b{ display:none;}
.main .sideMen h3.on a{ color:#44af35;}
.main .sideMen h3.on a b{ background-image:url(../images/xia01.jpg);}
.main .sideMen .cont{ padding:15px 3%; padding-top:15px; background-color:#f1f1f1; overflow:hidden;}
.main .sideMen .cont .c01{ width:100%; padding-bottom:5px; border-bottom:1px solid #cacaca; display:block;}
.main .sideMen .cont .c01 li{ width:48.5%; margin-left:3%; display:block; float:left; height:24px; line-height:24px; font-size:14px; overflow:hidden;}
.main .sideMen .cont .c01 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c01 li span{ color:#999;}
.main .sideMen .cont .c02{ width:100%; display:block; margin-top:5px;}
.main .sideMen .cont .c02 dl{ width:100%; display:block; float:left; overflow:hidden; padding-top:5px;}
.main .sideMen .cont .c02 dl:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c02 dl dt{ display:block; height:26px; line-height:26px; font-size:14px; overflow:hidden; color:#44af35;}
.main .sideMen .cont .c02 dl dd{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
}

/*联系我们*/
@media screen and (min-width:1441px){
.main .box .lx{ width:100%; padding:50px; padding-top:50px; box-sizing:border-box; position:relative; z-index:9; display:flex;}
.main .box .lx .bg01{ width:50%; height:300px; position:absolute; left:0; bottom:0; z-index:1; background-color:#44af35; opacity:.7;}
.main .box .lx .bg02{ width:50%; height:300px; position:absolute; right:0; bottom:0; z-index:1; background-color:#44af35; opacity:.5;}
.main .box .lx .left{ width:52%; position:relative; z-index:9;}
.main .box .lx .left #map{ width:100%; height:100%;}
.main .box .lx .right{ padding:50px 4.6%; padding-top:45px; width:38.8%; background-color:#f7f7f7; position:relative; z-index:9;}
.main .box .lx .right .w01{ font-size:24px; line-height:34px; color:#44af35; font-weight:bold;}
.main .box .lx .right .w02{ display:block;}
.main .box .lx .right .w02 dt{ display:block; overflow:hidden; margin-top:20px; width:100%; float:left;}
.main .box .lx .right .w02 dd{ display:block; overflow:hidden; margin-top:20px; width:48%; margin-left:4%;  float:left;}
.main .box .lx .right .w02 dd:nth-child(2n+1){ margin-left:0;}
.main .box .lx .right .w02 span{ display:block; font-size:16px; line-height:26px; color:#999;}
.main .box .lx .right .w02 p{ display:block; font-size:18px; line-height:26px; color:#333;}
.main .box .lx .right .w03{ margin-top:20px;}
.main .box .lx .right .w03 span{ display:block; font-size:16px; line-height:26px; color:#999; width:100%; float:left;}
.main .box .lx .right .w03 p{ display:flex; align-items:center; margin:5px 0; height:118px; background-color:#eee; border:1px solid #eee; float:left;}
.main .box .lx .right .w03 p strong{ display:block; width:118px; height:118px; overflow:hidden;}
.main .box .lx .right .w03 p strong img{ height:118px; display:block;}
.main .box .lx .right .w03 p a{ display:block; padding:0 20px; font-size:14px; line-height:24px; text-align:center; overflow:hidden;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.main .box .lx{ width:100%; padding:35px; padding-top:35px; box-sizing:border-box; position:relative; z-index:9; display:flex;}
.main .box .lx .bg01{ width:50%; height:200px; position:absolute; left:0; bottom:0; z-index:1; background-color:#44af35; opacity:.7;}
.main .box .lx .bg02{ width:50%; height:200px; position:absolute; right:0; bottom:0; z-index:1; background-color:#44af35; opacity:.5;}
.main .box .lx .left{ width:52%; position:relative; z-index:9;}
.main .box .lx .left #map{ width:100%; height:100%;}
.main .box .lx .right{ padding:35px; padding-top:30px; box-sizing:border-box; width:48%; background-color:#f7f7f7; position:relative; z-index:9;}
.main .box .lx .right .w01{ font-size:20px; line-height:30px; color:#44af35; font-weight:bold;}
.main .box .lx .right .w02{ display:block;}
.main .box .lx .right .w02 dt{ display:block; overflow:hidden; margin-top:15px; width:100%; float:left;}
.main .box .lx .right .w02 dd{ display:block; overflow:hidden; margin-top:15px; width:48%; margin-left:4%;  float:left;}
.main .box .lx .right .w02 dd:nth-child(2n+1){ margin-left:0;}
.main .box .lx .right .w02 span{ display:block; font-size:14px; line-height:24px; color:#999;}
.main .box .lx .right .w02 p{ display:block; font-size:16px; line-height:24px; color:#333;}
.main .box .lx .right .w03{ margin-top:15px;}
.main .box .lx .right .w03 span{ display:block; font-size:14px; line-height:24px; color:#999; width:100%; float:left;}
.main .box .lx .right .w03 p{ display:flex; align-items:center; margin:5px 0; height:100px; background-color:#eee; border:1px solid #eee; float:left;}
.main .box .lx .right .w03 p strong{ display:block; width:100px; height:100px; overflow:hidden;}
.main .box .lx .right .w03 p strong img{ height:100px; display:block;}
.main .box .lx .right .w03 p a{ display:block; padding:0 15px; font-size:14px; line-height:24px; text-align:center; overflow:hidden;}
}
@media only screen and (max-width:1023px){
.main .box .lx{ width:100%; display:block; padding:15px; box-sizing:border-box; position:relative; z-index:9;}
.main .box .lx .bg01{ width:50%; height:100px; position:absolute; left:0; bottom:0; z-index:1; background-color:#44af35; opacity:.7;}
.main .box .lx .bg02{ width:50%; height:100px; position:absolute; right:0; bottom:0; z-index:1; background-color:#44af35; opacity:.5;}
.main .box .lx .left{ width:100%; height:200px; position:relative; z-index:9;}
.main .box .lx .left #map{ width:100%; height:100%;}
.main .box .lx .right{ padding:15px; box-sizing:border-box; width:100%; background-color:#f7f7f7; position:relative; z-index:9;}
.main .box .lx .right .w01{ font-size:18px; line-height:28px; color:#44af35; font-weight:bold;}
.main .box .lx .right .w02{ display:block;}
.main .box .lx .right .w02 dt{ display:block; overflow:hidden; margin-top:5px; width:100%; float:left;}
.main .box .lx .right .w02 dd{ display:block; overflow:hidden; margin-top:5px; margin-left:15px;  float:left;}
.main .box .lx .right .w02 dd:nth-child(2n+1){ margin-left:0;}
.main .box .lx .right .w02 span{ display:block; font-size:14px; line-height:24px; color:#999;}
.main .box .lx .right .w02 p{ display:block; font-size:16px; line-height:24px; color:#333;}
.main .box .lx .right .w03{ margin-top:5px;}
.main .box .lx .right .w03 span{ display:block; font-size:14px; line-height:24px; color:#999; width:100%; float:left;}
.main .box .lx .right .w03 p{ display:flex; align-items:center; margin:5px 0; height:80px; background-color:#eee; border:1px solid #eee; float:left;}
.main .box .lx .right .w03 p strong{ display:block; width:80px; height:80px; overflow:hidden;}
.main .box .lx .right .w03 p strong img{ height:80px; display:block;}
.main .box .lx .right .w03 p a{ display:block; padding:0 10px; font-size:14px; line-height:24px; text-align:center; overflow:hidden;}
}