@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;  height: 100%; scroll-behavior: smooth;}
body {margin: 0 auto;font-family:Arial, Helvetica, sans-serif;font-size: 12px; font-size: 1.2rem; height: 100%;background:#fff;width:100%;max-width:1920px; overflow-x:hidden;}

img {border: none; max-width: 100%; transition: 0.5s;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span,em {margin: 0;padding: 0;list-style: none;color: #333;}

a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
h1,h2 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea, select {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;}
.fl {float:left;}
.fr {float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

input[type= "button"],input[ type="submit" ],input[type="reset"] {-webkit-appearance: none;}
button{border-radius : 0px; -webkit-border-radius:0px;}

::selection { color: #fff; background: #ffc10e;}


.fons0{ font-size:0px; font-size:0rem;}

::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;opacity:1}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;opacity:1 }
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;opacity:1 }
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;opacity:1 }
 
@media screen and (min-width:1000px){
    .zong {width: calc(100% - 160px); max-width: 1100px; margin: auto;}
}
@media screen and (max-width:999px) {
    .zong {width: 95%;margin: auto;}
}

.head{}
.head .logo{ width:321px; float:left; margin-top:32px;}

.head-r{ float:right; margin-top:21px; width:290px;}
.xiaoyvzhong{ width:100%;}
.xiaoyvzhong a{ float:right; line-height:30px; margin-left:16px; color:#666}
.xiaoyvzhong a img{ margin-left:12px; width:140px; height:30px;}
.xiaoyvzhong a:hover{ color:#448260}
.gotr a{ float:right; margin-left:1px; margin-top:7px;}
.tra img{ width:131px; height:31px;}
.gol img{width:149px; height:31px;}

/*  daohang  */
.daohang{ width:100%; height:45px; background:#5c9977; margin-top:14px;}
.daohang>ul>li{ float:left; position:relative;  margin-right:13px;z-index:999;-moz-transition:0.8s;-ms-transition:0.8s;-webkit-transition:0.8s;}
.daohang>ul>li>a{display:inline-block; padding:0 20px; font-size:14px; font-size:1.4rem; color:#fff; line-height:45px;}
.daohang>ul>li:hover{ background:#448260}
.erji{ position:absolute; z-index:9999; padding:8px 0;background:#448260; top:-9999px; *left:0px;}
.erji li a{ display:block; width:158px; padding:8px 15px; color:#fff; line-height:15px }
.erji li:hover{ background:#306c4b}
.daohang>ul>li:hover .erji{  top:45px;}
.sanji{ position:absolute; z-index:9999; padding:8px 0;background:#448260; left:188px;margin-top:-30px; display:none}
.sanji li a{ display:block; width:158px; padding:8px 15px; color:#fff; }
.sanji li a:hover{ background:#306c4b}
.erji li:hover .sanji{ display:block}

.daohang li:hover .xiala {animation:xiala 0.5s ease-in-out;}
@keyframes xiala{
    0%{opacity:0;filter:Alpha(opacity:0)} 
    100%{opacity:1;filter:Alpha(opacity:100)}
}

.dangqian{background:#448260}

.sousuo{ float:right; *margin-top:-45px; width:230px;}
.suo{ width:33px; height:30px; border:none; background:#448260 url(../images/sousuo.png) no-repeat center; cursor:pointer;  float:right;margin-top:8px;}
.sou{ width:182px; height:28px; padding:0 7px; border:none;margin-top:8px; float:right;line-height:28px; font-style:italic; color:#999}
.search{ display:none}

/*  banner  */
.banner1 img {width: 100%; border: 0px solid #ccc;}
.banner1 { position: relative; z-index: 2; line-height: 0;font-size: 0;}
.banner1 .slick-arrow { position: absolute; z-index: 99; display: block !important; top: 50%; margin-top: -31px; width: 62px; height: 62px; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.banner1 .slick-prev { left: 0; cursor: pointer;}
.banner1 .slick-next { right: 0; cursor: pointer;}
.banner1 .slick-dots { position: absolute; z-index: 999999; left: 0; right: 0; bottom: 26px; text-align: center; font-size: 0; letter-spacing: 0; text-align: center;}
.banner1 .slick-dots li { margin: 0 11px; display: inline-block; *display: inline; *zoom: 1;}
.banner1 .slick-dots li.slick-active a { background:#5c9977; cursor: pointer;}
.banner1 .slick-dots a { display: block; width:71px;height:5px; background:#c9c9c9; cursor: pointer; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.banner.hide {display: none;}

.slick-list,.slick-slider,.slick-track { position: relative; display: block}
.slick-loading .slick-slide,.slick-loading .slick-track {visibility: hidden}
.slick-slider { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent}
.slick-list { overflow: hidden; margin: 0; padding: 0}
.slick-list:focus { outline: 0}
.slick-list.dragging { cursor: pointer; cursor: hand}
.slick-slider .slick-list,.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.slick-track { top: 0; left: 0}
.slick-track:after,.slick-track:before { display: table; content: ''}
.slick-track:after { clear: both}
.slick-slide { display: none; float: left; height: 100%; min-height: 1px}
[dir=rtl] .slick-slide { float: right}
.slick-slide img { display: block}
.slick-slide.slick-loading img { display: none}
.slick-slide.dragging img { pointer-events: none}
.slick-initialized .slick-slide { display: block}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent}
.slick-arrow.slick-hidden { display: none}
.slick-dots .slide-count {display: none;}
.slick-slide { position: relative;}
.slick-slide iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.slick-slide video { position: absolute; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 101%; min-height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: none \9; display: block \9\0;}

.daohang2,sousuo2,.xnav{display:none}

@media screen and (max-width: 1259px) {
.head .logo{ width:321px; margin-top:20px;}

.daohang{ display: flex; flex-flow: wrap; justify-content: space-between;}
.daohang>ul>li{ margin-right:0px;}
.daohang>ul>li>a{ padding:0 10px; font-size:14px; font-size:1.4rem;}

}
@media screen and (max-width:999px) {
    .head{ padding-bottom: 15px;}
.head .logo{ width:150px; margin-top:15px;}
.daohang,.head-r{display: none;}

.banner1 .slick-dots { bottom: 15px;}
.banner1 .slick-dots li { margin: 0 5px;}
.banner1 .slick-dots a { width:30px; height:3px;}

.xnav{ display:block}
.nav { position:fixed;width: 35px;height: 24px;background: #448260;right:2.5%;top:13px;cursor: pointer; border-radius:5px; z-index: 999999999}
.nav span {display: block;width: 20px;height: 2px;background: #ffffff;position: absolute;left: 50%;margin-left: -10px;top: 50%;transition:0.8s;z-index: 99999991}
.nav .nav1 {margin-top: -1px;}
.nav .nav2 {margin-top: -8px;}
.nav .nav3 {margin-top: 6px;}
.nav:hover .nav1 {width: 25px;}
.navh .nav1 {transform: rotate(45deg)}
.navh .nav2 {transform: rotate(-45deg);width: 10px;margin-left: -1px;margin-top: -5px;}
.navh .nav3 {transform: rotate(-45deg);width: 9px;margin-top: 3px;margin-left: -8px;}
.navh:hover .nav2 {margin-top: -8px;margin-left: 7px;}
.navh:hover .nav3 {margin-top: 5px;margin-left: -12px;}
.smdaohang {position: fixed;width:300px;height:0px;overflow: auto;top:0px;right:0px;background:#448260; z-index: 9999999;transition:0.8s;text-align: center;}
.smdaohangh {right: 0px; top:0px; height:100%;}
.topnav {margin: auto;margin-top: 30px;padding: 20px;}

ul.topnav li {text-align: left; position:relative;}
ul.topnav li a {padding:15px 5px;padding-left: 0px;color: #fff;display: block; font-size: 16px;font-size: 1.6rem;line-height: 24px; padding-right:50px; border-bottom: 1px dashed #fff; font-family: Lato-Regular, Arial, Helvetica, sans-serif;}
ul.topnav ul {display: none;}
ul.topnav ul li {clear: both;}
ul.topnav ul li a {padding: 10px 5px; padding-left: 20px;font-size: 14px;font-size: 1.4rem;font-weight: normal;outline: 0; border: none;}
ul.topnav ul li a:hover {}
ul.topnav ul ul li a {padding-left: 40px; font-size: 12px; font-size: 1.2rem;}
ul.topnav ul ul{ border-top: 1px dashed rgba(255,255,255,0.5); border-bottom: 1px dashed rgba(255,255,255,0.5);}
ul.topnav ul ul ul li a {padding-left: 60px;}
ul.topnav span { display:block; position:absolute; right:0px; top:7px; width:20px; height:20px; background:#fff; background:rgba(255,255,255,0.6); cursor:pointer; border-radius:50%; transition:0.5s;}
ul.topnav span:before{ content:""; width:6px; height:2px; background:#333; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:0px; transform:rotate(45deg); transform-origin:right center}
ul.topnav span:after{ content:""; width:6px; height:2px; background:#333; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:-1px; transform:rotate(-45deg); transform-origin:right center; transition:0.5s;}
ul.topnav span.yizi{ transform:rotate(90deg)}

.smdaohang form { margin-top:15px; margin-bottom:15px; width: 240px;height: 26px;border: 1px solid #fff;position: relative;background: #fff; border-radius:13px;}
.smdaohang form .iptc {-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;background-color: #fff;width: 80%;height: 24px;line-height: 24px;display: block;float: left; border-radius:10px;}
.smdaohang form .ipsc {width: 20%;height: 24px;line-height: 24px;display: block;float: right;background: transparent;position: relative;z-index: 99;}
.smdaohang form i {position: absolute;right: 10px;top: 2px;}
  }
@media screen and (min-width:768px) {.clear3{display: none}}
@media screen and (max-width:767px) {

}

/*  main1  */

.main1{ margin-top:40px;}
.main1-lbiao{ font-size:24px; color:#333333}
#outer {width:340px; border-radius:10px; background:#fff; padding:3px; position:relative; float:left}
#tab {overflow:hidden;zoom:1;position:absolute;margin-top:-10px;right:17px;}
#tab li { width:11px; height:11px;border-radius:50%;float:left;cursor:pointer; background:#d8d8d8;margin-right:5px;}
#tab li.current {color:#fff; background:#5c9977}
#content { margin-top:20px;}
#content ul {line-height:25px;display:none;}

.main1-r{ width:720px; float:right; margin-top:3px;}
.main1-rbiao{ font-size:24px; color:#333;}

.img-scroll {position: relative; margin-top:20px;}
.img-scroll .prev, .img-scroll .next {position: absolute; text-align:center; display: block; width: 22px; height: 22px; line-height: 22px; top:-39px; text-align: center; transition: 0.5s; z-index: 999}
.img-scroll .prev { right: 40px; cursor: pointer; background:url(../images/left.jpg) no-repeat;}
.img-scroll .next { right:0px; cursor: pointer; background:url(../images/right.jpg) no-repeat;}
.img-scroll .prev:hover { right: 40px; cursor: pointer; background:url(../images/lefth.jpg) no-repeat;}
.img-scroll .next:hover { right:0px; cursor: pointer; background:url(../images/righth.jpg) no-repeat;}
.img-scroll .prev:hover,.img-scroll .next:hover { color: #0064fb;}
.img-list {position: relative;overflow: hidden;}
.img-list ul {width: 10000%;}
.img-list li {float: left; width:0.48%; margin-right: 0.04%; position:relative;}

.hotpro{ width:340px; height:auto; margin-bottom:15px; margin-right:39px; position:relative; *position:!important}
.hotpro a{ display:block;}
.hotprozi{ position:absolute;background:#fff; background:rgba(255,255,255,0.75);filter:Alpha(opacity:75); width:100%; line-height:41px; font-size:14px; text-align:center; display:block; color:#333; bottom:0px; *display:none;}
.hotprozi:hover{ color:#448260}
.hotprotu{ width: 100%;}

@media screen and (max-width:1259px) {
#outer {width:240px; padding:0px;}
.main1-r{ width:calc(100% - 260px);}
.hotrexiao .lunbotu{ width: 100%;}
.hotrexiao .hotpro{ width: 170px;}
}
@media screen and (max-width:767px) {
#outer {width:220px; padding:0px;}
.main1-r{ width:calc(100% - 240px);}

.main1{ margin-top:20px;}
.main1-lbiao,.main1-rbiao{ font-size:20px;}
.hotprozi{ line-height:34px; font-size:12px;}
}
@media screen and (max-width:699px) {
#outer {width:100%;}
.main1-r{ width:100%; margin-top: 20px;}
#content ul { max-width: 300px; margin: auto;}
}
@media screen and (max-width:399px) {
.img-list li { width:1%; margin-right: 0.02%;}
}

/*  main2  */
.main2{ margin-top:31px;}
.main2biao{ display:block; text-align:center;}
.main2biao img{display: inline-block;}

.m2n{ font-size: 0px;}
.m2n:after{content: ""; clear: both; display: block;}
.main2n{ width:30.9%; float:left; position:relative; margin-top:28px; margin-left:3.65%;}
.main2n:nth-child(3n-2){margin-left: 0px;}
.main2nzi{ position:absolute; display:block; width:100%; height:41px; background:#fff; background:rgba(255,255,255,0.75);filter:Alpha(opacity:75); bottom:0px; font-size:14px;font-size:1.4rem; color:#333; line-height:41px; text-align:center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.main2nzi:hover{color:#448260;}
.main2n img{width: 100%;}

@media screen and (max-width:999px) {
.main2n{ width:32.33%; margin-left:1.5%;}
}
@media screen and (max-width:767px) {
.main2n{ width:49%; margin-left:2%; margin-top: 10px;}
.main2n:nth-child(3n-2){margin-left: 2%;}
.main2n:nth-child(2n-1){margin-left: 0px;}

.main2nzi{ font-size:12px;font-size:1.2rem;}
}

/*  main3  */
.main3{ background:#448260; padding:15px 0 16px 0; margin-top:54px;}
.main3-l{ width:825px; float:left}
.main3-r{ width:188px; float:right}
.main3-l p a{ display:block; font-size:14px;font-size:1.4rem; line-height:24px; color:#fff}
.main3-r a{ display:block; font-size:18px; font-size:1.8rem; color:#fff; border:1px solid #fff; width:186px; height:39px; border-radius:5px; text-align:center; line-height:39px; margin-top:22px; transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-webkit-transition:0.5s;}
.main3-r a:hover{ border-radius:10px;}

@media screen and (max-width:1259px) {
.main3-l{ width:calc(100% - 200px);}
.main3-r{ width:188px;}
}
@media screen and (max-width:999px) {
.main3{ margin-top:20px;}
}
@media screen and (max-width:767px) {
.main3-l{ width:100%; margin: auto; float: none;}
.main3-r{ width:188px; float: none; margin: auto;}
}

/*  main4  */
.main4{ margin-top:48px;}
.main4biao{ display:block; text-align:center;}
.main4 p a{ display:block; width:100%; text-align:center; font-size:14px; font-size:1.4rem; line-height:30px; color:#333; margin-top:8px; margin-bottom:29px;}
.main4 p a:hover{color:#448260;}

.m4n{ font-size: 0px;}
.main4 .tu1{ position:relative; float:left; width: 50%;}
.main4 .tu1zi{ position:absolute; display:block; width:100%; height:70px;background:#fff; background:rgba(255,255,255,0.75);filter:Alpha(opacity:75); bottom:0px; font-size:20px; font-size:2rem; line-height:30px; color:#333; text-align:center; padding-top:43px; }
.main4 .tu1zi:hover,.main4 .tu2zi:hover,.main4 .tu3zi:hover,.main4 .tu4zi:hover{color:#448260;}

.main4 .tu2{ position:relative; float:left; margin-left:0.6%;  width: 49.4%;}
.main4 .tu2zi{ position:absolute; display:block; width: 95%; max-width:380px; height:94px;background:#fff; background:rgba(255,255,255,0.75);filter:Alpha(opacity:75); top: 50%; left: 50%; transform: translate(-50%,-50%); font-size:20px; font-size:2rem; line-height:30px; color:#333; text-align:center; padding-top:58px;}

.main4 .tu3{ position:relative; float:left; margin-left:0.6%; width:24.4%; margin-top:8px;}
.main4 .tu3zi{ position:absolute; display:block; width: 95%; max-width:239px; height:50px;background:#fff; background:rgba(255,255,255,0.75);filter:Alpha(opacity:75); top:18px; left:50%; transform: translateX(-50%); font-size:20px; font-size:2rem; line-height:30px; color:#333; text-align:center; padding-top:20px;}

.main4 .tu4{ position:relative; float:left; margin-left:0.6%; width:24.4%; margin-top:8px;}
.main4 .tu4zi{ position:absolute; display:block; width: 95%; max-width:239px; height:50px;background:#fff; background:rgba(255,255,255,0.75);filter:Alpha(opacity:75); bottom:18px;  left:50%; transform: translateX(-50%); font-size:20px; font-size:2rem; line-height:30px; color:#333; text-align:center; padding-top:14px;}

@media screen and (max-width:1259px) {
.main4 .tu1zi,.main4 .tu2zi,.main4 .tu3zi,.main4 .tu4zi{height:auto; font-size:16px; font-size:1.6rem; line-height:30px; padding: 10px;}
}
@media screen and (max-width:999px) {
.main4 .tu1zi,.main4 .tu2zi,.main4 .tu3zi,.main4 .tu4zi{ font-size:14px; font-size:1.4rem; line-height:22px; padding: 5px;}
}
@media screen and (max-width:767px) {
    .main4 .tu1{ width: 100%;}
    .main4 .tu2{ width: 100%; margin-left: 0px; margin-top: 10px;}
    .main4 .tu3{ width: 49%; margin-left: 0px;}
    .main4 .tu4{ width: 49%; margin-left: 2%;}
    
    .m4n img{width: 100%;}
}

/*  main5  */
.main5{ margin-top:37px; padding-bottom:46px;}
.main5-l{ width:calc(100% - 270px); float:left}
.main5-r{ width:255px; float:right; background:#5c9977; padding-top:11px; padding-bottom:5px; margin-top:14px;}
.main5-lbiao{ border-bottom:1px solid #5c9977; width:100%; padding-bottom:6px;}
.main5-lbiao a{ border-bottom:3px solid #5c9977; font-size:24px; line-height:30px; color:#333; padding-bottom:5px;}

.m5n{display: flex; flex-flow: wrap; justify-content: space-between;}
.main5-ln{ margin-top:10px; width:48%;}
.main5-lnl{ width:135px; float:left; margin-top:18px;}

.main5-lnr{ width:calc(100% - 150px); float:right;}
.main5-lnrbiao{ display:block; font-size:14px; font-size:1.4rem; color:#333; line-height:30px; margin-top:8px; width:100%;white-space:nowrap;
 text-overflow:ellipsis; 
 -o-text-overflow:ellipsis; 
 overflow: hidden;}
.main5-lnr span{ line-height:22px; color:#999999; background:url(../images/rili.jpg) no-repeat left center; padding-left:22px; display:block; margin-top:6px;}
.main5-lnr p a{ display:block; line-height:22px; color:#4d4d4d; margin-top:6px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.main5-lnrmor{ color:#999; float:right; margin-top:10px;}
.main5-ln a:hover{ color:#5c9977}

.main5-rbiao{ font-size:18px; font-size:1.8rem; color:#fff; display:block; text-align:center; margin-bottom:12px;}
.main5-r li{color:#fff; line-height:18px; padding-left:27px; margin:8px auto; margin-left:20px;}
.main5-r li a{ color:#fff}
.main5 .dianhua{ background:url(../images/dianhua.png) no-repeat left top; }
.main5 .chuanzhen{ background:url(../images/chuanzhen.png) no-repeat left top; }
.main5 .xinfeng{ background:url(../images/xinfeng.png) no-repeat left top; }
.main5 .dingwei{ background:url(../images/dingwei.png) no-repeat left top; }
.main5-r li a:hover{ color:#333;}

@media screen and (max-width:1259px) {
.main5-l{ width:calc(100% - 240px);}
.main5-r{ width:220px;}
}
@media screen and (max-width:999px) {
.main5{ margin-top:30px; padding-bottom:30px;}
.main5-l{ width:100%;}
.main5-r{ width:100%;}
}
@media screen and (max-width:767px) {
.main5-ln{ margin-top:10px; width:100%;}
}

/*  foot  */
.foot{ background:#5c9977; padding-top:12px; padding-bottom:13px;}
.foot li{ text-align:center; line-height:22px; color:#fff;}
.foot li a{ color:#fff; display:inline-block; margin:0 2px;}
.foot li a img{ margin-bottom:-3px;}
.foot li .wangzhandt{ margin-left:20px;}
.foot li a:hover{ color:#333}

@media screen and (max-width:999px) {
.foot{ padding-bottom:60px;}
}
@media screen and (max-width:767px) {
    .youlian{display: none;}
}

/*  ke fu  */
.kefu{ top:50%; transform: translateY(-50%); right: 0;position: fixed;width:58px; background:#f5f5f5; padding-bottom:15px;z-index: 90000;_position:absolute; /* for IE6 */
       _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */overflow:visible;}
.kefu a{ display:block; text-align:center; margin-top:17px;}
.caidan{ display:none}

@media screen and (max-width:999px) {
    .kefu{ width: 100%; top: auto; transform: translate(0); bottom: 0px; font-size: 0px; padding-bottom: 5px;}
    .kefu a{ width: 25%; display: inline-block; vertical-align: middle; margin: auto; margin-top: 5px;}
}


.maln2{ margin-left:auto;}
.maln3{ margin-left:auto;}


/*************************************************************************  product  **********************************************************************/
.prbanner{ display:none}

/*lun bo*/
.index_focus2 {position: relative;z-index:99;width: 100%;height: 260px;margin: 0 auto;overflow:hidden;}
.index_focus2 .bd li {display: none;position: absolute;z-index:999;left: 0;top:0;width:1680px;}
.index_focus2 .slide_nav {position: absolute;left: 45%;bottom:14px;z-index:1000;}
.index_focus2 .slide_nav a{width:71px;height:5px;cursor:pointer;float:left;margin-right:12px;background:#c9c9c9;}
.index_focus2 .pic {height: auto;display: block;margin:0 auto;}
.index_focus2 .pic:hover {text-decoration: none;}
.index_focus2 .slide_nav li:hover,.index_focus2 .slide_nav .on{text-decoration: none;background:#5c9977}


/*.prbanner{ width:100%; height:260px; background:url(../images/prbanner.jpg) no-repeat center}*/
.mianbao{ margin-top:17px;}
.mianbao a:hover{color:#5c9977}

.prmain{ margin-top:22px; padding-bottom:42px;}
.prmain-l{ width:815px; float:left;}
.prmain-r{ width:240px; float:right}
.prmain-ln{ width:29.5%; float:left; margin-bottom:30px; margin-left:5.75%;}
.prmain-ln:nth-child(3n-2){margin-left: 0px;}

.prmain-lnbiao{ display:block; color:#333; line-height:30px; margin-top:8px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.prmain-ln p a{ display:block; line-height:20px; color:#666; margin-top:3px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.prmain-lnmor{ display:block; width:105px; height:30px; background:#5c9977; color:#fff; line-height:30px; text-align:center; float:left; margin-top:13px;transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-webkit-transition:0.5s;}
.prmain-ln input{ float:left; margin-top:22px; margin-left:18px; cursor: pointer;}
.prmain-lnbiao:hover,.prmain-ln p a:hover{color:#5c9977}
.prmain-lnmor:hover{ background:#306c4b}
.con{ margin-top:13px; margin-left:20px; width:133px; height:30px; background:#5c9977; color:#fff; border:none; cursor:pointer;}
.con:hover{ background:#306c4b}

.fanye{ text-align:center;}
.fenye{ display:inline-block; *float:left; border-left:1px solid #dcdcdc; font-size: 0px;}
.xuanze{ display:inline-block; *float:left; background:url(../images/xuanze.jpg) no-repeat right center; padding-right:85px; margin-left:30px;}
.fenye a{ display:inline-block; *float:left; padding:0 11px; margin-bottom: 5px; line-height:28px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-size:1.4rem; border:1px solid #dcdcdc; border-left:none; color:#767573}
.fenye a:hover{ background:#f5f5f5; color:#979799}
.xuanze input{ width:133px; height:28px; background:#5c9977; color:#fff; border:none; cursor:pointer}
.dangqianfen{background:#f5f5f5; color:#979799}

.prmain-rt{}
.prrtbiao{ display:block; height:40px; background:#5c9977; font-size:16px; font-size:1.6rem; color:#fff; text-align:center; line-height:40px;transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-webkit-transition:0.5s;}
.prrtbiao:hover{ background:#306c4b}
.prmain-rt ul{ background:#f6f6f6; padding-top:14px;}
.prmain-rt ul>li{ padding-left:10px; padding-right:10px; position:relative}
.prmain-rt ul>li>a{ border-bottom:1px solid #e0e0e0; display:block; background:url(../images/sanjiao.jpg) no-repeat 2px 8px; color:#333; padding-left:14px; line-height:20px; margin-bottom:17px; padding-bottom:10px;}
.erjiul{ position:absolute; right:240px; top:-14px; display:none}
.prmain-rt li li{}
.prmain-rt li li a{ background:none; padding-left:0}
.prmain-rt ul>li:hover>a{ color:#5c9977;}
.prmain-rt ul>li:hover .erjiul{ display:block !important}

.prmain-rb{ margin-top:32px;}
.prrbbiao{ background:url(../images/newsbei.jpg) no-repeat left bottom; padding-bottom:6px;}
.prrbbiao a{ display:block; background:url(../images/jishiben.jpg) no-repeat 1px center; font-size:18px; font-size:1.8rem; color:#5c9977; line-height:26px; padding-left:23px;}
.prnews{ width:100%; margin-top:27px;}
.prnews-l{ width:90px; float:left}
.prnews-l img{ width:100%;}
.prnews-r{ width:138px; float:right}
.prnews-r p a{ display:block; line-height:22px; color:#4d4d4d; margin-top:3px;}
.prnewsmor{ line-height:22px; color:#999; float:right; display:block; margin-top:11px;}
.prnewsmor:hover,.prnews-r p a:hover{ color:#5c9977;}

.maln4{ margin-left:auto;}

@media screen and (max-width:1259px) {
.prmain-l{ width:calc(100% - 220px); float:left;}
.prmain-r{ width:200px; float:right}
.prmain-ln{ width:32.33%; margin-bottom:20px; margin-left:1.5%;}
    .prnews-l{width: 100%;}
    .prnews-r{width: 100%;}
}
@media screen and (max-width:767px) {
.prmain-l{ width:100%; float:none;}
.prmain-r{ width:100%; float:none; margin-top: 20px;}
    .prrb{ display: flex; flex-flow: wrap; justify-content: space-between;}
    .prnews{ max-width: 49%; display: inline-block; vertical-align: top; margin-left: 2%;}
    .prnews:nth-child(2n-1){margin-left: 0px;}
}
@media screen and (max-width:499px) {
.prmain-ln{ width:49%; margin-left:2%;}
.prmain-ln:nth-child(3n-2){margin-left: 2%;}
.prmain-ln:nth-child(2n-1){ margin-left:0%;}
}


/*************************************************************************  product2  **********************************************************************/

.MagicZoom{ width: auto !important;}
.MagicZoom>img{ width: 100% !important; height: auto !important}
.MagicZoomBigImageCont {border:1px solid #ccc;background:#FFF;}
.MagicZoomMain {text-align:center !important;width:92px;}
.MagicZoomMain div {padding:0px !important; cursor:pointer}
.MagicZoomHeader {font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important;}
.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}
.MagicZoomLoading {text-align:center;background:#ffffff;color:#444;border:1px solid #ccc;opacity:0.8;padding:3px 3px 3px 3px !important;display:none;}
.MagicZoomLoading img {padding-top:3px !important;}

#tsShopContainer img{ max-width: none;}
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:400px;position:relative;font-size:12px;padding-bottom:5px; float:left}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:82px;position:relative; margin-top:27px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:10px;height:100%;background:url(../images/left2.jpg) no-repeat left center;position:absolute;top:0px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrL:hover{background:url(../images/left2h.jpg) no-repeat left center;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:10px;height:100%;background:url(../images/right2.jpg) no-repeat right center;position:absolute;top:0px;right:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR:hover{background:url(../images/right2h.jpg) no-repeat right center}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;left:22px;width:1px;height:82px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:126px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;width:100px; border:1px solid #fff}
#tsShopContainer #tsPicContainer #tsImgSCon li img:hover{ border:1px solid #5c9977}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{}

.chanx-r{ width:380px; float:right}
.chanx-rt{ width:380px;}
.chanx-rt h1{ font-size:14px; font-size:1.4rem; color:#333; line-height:30px;}
.chanx-rt p,.chanx-rt a{ line-height:33px; color:#333333; margin-top:7px;}
.chanx-rt p a{ color:#448260;}
.chanx-rt p table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.chanx-rt p table tr td{ padding:3px; border:1px solid #ccc;}
.chanx-rb{}
.chanx-rb a{ display:block; width:165px; height:35px; background:#5c9977; font-size:14px; font-size:1.4rem; color:#fff; text-align:center; line-height:35px;transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-webkit-transition:0.5s;}
.chanx-rb a:hover{ background:#306c4b}

@media screen and (max-width:1259px) {
#tsShopContainer{width:300px;}
.chanx-r{ width:calc(100% - 320px);}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:90px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{width:80px;}
    #tsShopContainer #tsPicContainer,#tsShopContainer #tsPicContainer #tsImgSCon{ height: 70px;}
    #tsImgS{padding: 0px !important;}
    .chanx-rb a{ width: 48%; font-size: 12px; font-size: 1.2rem;}
}
@media screen and (max-width:767px) {
#tsShopContainer{width:300px; float: none; margin: auto;}
.chanx-r{ width:100%; margin-top: 10px;}

.MagicZoomBigImageCont,.MagicZoomPup{display: none !important}
}

#outer1 {width:100%; margin-top:38px;}
#tab1 {overflow:hidden;zoom:1;background:#ebebeb;}
#tab1 li {float:left;color:#222;height:36px; font-size:14px; font-size:1.4rem;cursor:pointer; border-top:2px solid #ebebeb;line-height:35px;padding:0 40px;}
#tab1 li.current1 {color:#000;background:#fff; border-top:2px solid #5c9977}
#content1 {}
#content1 ul {line-height:25px;display:none; padding:22px 0}
#content1 ul a{ color:#5c9977;}
#content1 ul table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
#content1 ul table tr td{ padding:3px; border:1px solid #ccc;}
#content1 ul p,#content1 ul span{ color:#222222; line-height:24px;}

@media screen and (max-width:1259px) {
#tab1 li {padding:0 20px;}
}
@media screen and (max-width:999px) {

}
@media screen and (max-width:767px) {
#tab1 li {padding:0 10px;}
}


.lianxi{}
.lianxibiao{ font-size:16px; font-size:1.6rem; color:#5c9977; font-weight:bold}
.formc{ width:100%; padding-bottom:20px; border:1px solid #dadada;  margin-top:14px;}
.formc .biaoti2{ display:block; font-size:14px; color:#666; text-align:center; margin:19px 0 29px 0}
.formc ul{ width:97%; padding-left:3%}
.formc ul li{width:50%;*width:45%; float:left; line-height:26px; margin-bottom:17px}
.formc ul a{ float:left;  width:115px;padding-left:7px; color:#666}
.formc ul li input{ float:left;}
.formc .int1{ width:196px; height:24px; border:1px solid #dadada; padding-left:25px; line-height:24px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#999;}
.formc textarea{ float:left;width:599px; height:114px; border:1px solid #dadada; padding-left:25px; color:#999;  line-height:24px; font-family:Verdana, Geneva, sans-serif; font-size:12px;margin-bottom:20px; background:url(../images/duihua.jpg) no-repeat 5px 5px;}
.xiao{}
.xing{ background:url(../images/xing.jpg) no-repeat left center; }
.formc .int2{ width:84px; float:left; height:24px; border:1px solid #dadada; padding-left:10px; line-height:24px; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
.formc .yanzheng{ width:63px; height:22px; float:left; cursor:pointer; margin-left:16px; margin-top:3px;}
.formc .but{ width:97px; height:24px; background:#5c9977; border:none;font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#fff; margin-left:41px;-webkit-transition: .7s;  -moz-transition: .7s;  -o-transition: .7s;  -ms-transition: .7s;  transition: .7s; cursor:pointer}
.formc .but:hover{ background:#448260; color:#fff}
.formc .ren{ background:url(../images/ren.jpg) no-repeat 5px center;}
.formc .dianhua{ background:url(../images/dianhua.jpg) no-repeat 5px center;}
.formc .fang{ background:url(../images/fangzi.jpg) no-repeat 5px center;}
.formc .chuanzhen{ background:url(../images/chuanzhen.jpg) no-repeat 5px center;}
.formc .xinfeng{ background:url(../images/xinfeng.jpg) no-repeat 5px center;}
.formc .dingwei{ background:url(../images/dingwei.jpg) no-repeat 5px center;}

.chanx64{ display:none}

@media screen and (max-width:1259px) {
.formc ul{ width: 100%; padding: 0 3%; -moz-box-sizing: border-box; box-sizing: border-box;}
.formc ul li{width:100%;}
    .formc .int1,.formc textarea{ width:calc(100% - 125px);  -moz-box-sizing: border-box; box-sizing: border-box;}
}
@media screen and (max-width:999px) {

}
@media screen and (max-width:767px) {
    .formc .int1,.formc textarea{ width: 100%; margin-top: 5px;}
    .formc .int2{ width: 100%; margin-bottom: 10px; margin-top: 5px;}
    .formc .yanzheng{ margin-left: 0px;}
}

/************************************************************************  news  *********************************************************************/

.nmain{ padding-bottom:35px;}
.nen{ display: flex; flex-flow: wrap; justify-content: space-between;}
.nmainn{ width:48%; border-bottom:1px solid #d7d7d7; margin-top:23px; padding-bottom:4px; margin-bottom:27px;}
.nmainn .nriqi{ width:66px; height:47px; background:#5c9977; padding-top:12px; float:left}
.nmainn .nriqi p{ font-size:16px; font-size:1.6rem; text-align:center; color:#fff;}
.nmainn .nriqi span{ display:block;text-align:center; color:#fff; margin-top:3px;}
.nmain-r{ width:calc(100% - 75px); float:right}
.nmain-rbiao{ font-size:14px; font-size:1.4rem; color:#333333;}
.nmain-r p a{ color:#666; line-height:22px; display:block; margin-top:10px;}
.nmain-rmor{ line-height:24px; color:#999; float:right; margin-top:10px;}
.nmain-r a:hover{ color:#448260}
.nmr{ float:right}
.mat1{ margin-top:29px;}

.nmain-b{ padding-bottom:23px;}
.nmain-bbiao{ border-bottom:1px solid #d2d2d2; padding-bottom:10px;}
.nmain-bbiao a{ border-bottom:2px solid #5c9977; font-size:18px; font-size:1.8rem; line-height:24px; color:#5c9977; font-weight:bold; padding-bottom:9px;}
.nmain-b ul{ margin-top:28px; display: flex; flex-flow: wrap;}
.nmain-b ul li{ width:24%; margin-left:1.333%;}
.nmain-b ul li:nth-child(4n-3){margin-left: 0px;}
.nmain-b ul li a{ display:block; width:100%; color:#333; line-height:30px; text-align:center}
.nmain-b ul li a img{ margin-bottom:7px;}
.nmain-b ul li a:hover{color:#448260}

@media screen and (max-width:767px) {
.nmainn{ width:100%; margin-bottom: 10px;}
.nmain-b ul li{ width:49%; margin-left:2%;}
    .nmain-b ul li:nth-child(2n-1){margin-left: 0px;}
}

/************************************************************************  news2  *********************************************************************/

.nmain h1{ font-size:14px; font-size:1.4rem; line-height:24px; color:#333; text-align:center; margin-top:21px;}
.nrili{ display:block; text-align:center; line-height:22px; color:#666666; margin-top:10px;}
.nrili img{ margin-right:10px;vertical-align:middle;}
.nxiangq{ margin-top:26px;}
.nxiangq p,.nxiangq a,.nxiangq span{ line-height:22px; color:#333333}
.nxiangq p a{ color:#448260;}
.nxiangq p table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.nxiangq p table tr td{ padding:3px; border:1px solid #ccc;}
.nxiangq p img{ width:74%;}

.fanpian{ border-top:1px solid #d7d7d7; margin-top:20px; padding-top:17px;}
.fanpian li{ line-height:25px; color:#666666;}
.fanpian li a{ color:#666666}
.fanpian li a:hover{color:#448260}


/************************************************************************  company  ********************************************************************/

.comain{ margin-top:24px; padding-bottom:50px;}
.comain-l{ width:740px; float:left; color: #333333; line-height: 22px;}
.comain-r{ width:332px; float:right}
.comain-l div{ width:100%; margin-top:30px;}
.comain-l div a{ display:block; float:left; width:56px; height:56px; border-radius:50%; background:#5c9977; font-size:14px; font-size:1.4rem; text-align:center; line-height:56px; color:#fff}
.comain-l div p{}

.comain-r a{ display:block; width:100%; margin-bottom:6px;}

@media screen and (max-width:1259px) {
.comain-l{ width:calc(100% - 300px);}
.comain-r{ width:280px;}
}
@media screen and (max-width:767px) {
.comain-l{ width:calc(100% - 170px);}
.comain-r{ width:150px;}
.comain-l div{ margin-top:0px;}
}
@media screen and (max-width:499px) {
.comain-l{ width:100%;}
.comain-r{ width:100%; margin-top: 20px;}
}

/************************************************************************   diy   ********************************************************************/

.diy{ width:100%; padding-bottom:16px;}
.diyn{ width:370px; float:left;margin-top:4px; margin-bottom:32px;}
.diyn a{ display:block; width:370px; color:#333; line-height:24px; text-align:center; }
.diyn a img{ width:370px; height:300px; margin-bottom:7px;}
.diyn a:hover{color:#448260}
.diyr{ float:right}


/*************************************************************************  brand   *******************************************************************/

.brmain{ padding-bottom:44px;}
.brmain p{ color:#333333; line-height:22px; margin-top:17px; margin-bottom:22px;}
.brtu{}
.brtu a{margin-top:20px;}
.brtu .xiaotu{}
.brtu .xiaotu:nth-child(1){ width:51.6%;}
.brtu .xiaotu:nth-child(2){ width:46%;}

.maln6{ margin-left:auto !important;}

/*************************************************************************  contact  ****************************************************************/

.ctmain{ margin-top:15px; padding-bottom:38px;}
.ctmain>p{ color:#333; line-height:26px;}
.ctc{}
.ctcl{ width:550px; float:left; margin-top:22px;}
.ctcr{ width:436px; float:right; margin-top:20px;}
.ctclbiao{ font-size:16px; font-size:1.6rem; color:#5c9977; line-height:26px;}
.ctcl ul{ margin-top:8px;}
.ctcl ul li{ padding-left:22px; color:#333; line-height:30px; margin-top:6px;}
.ctcl ul li a{ color:#448260;}
.ctcl ul li a:hover{color:#448260}
.ctdianhua{ background:url(../images/lianxitubiao.jpg) no-repeat left 8px}
.ctshouji{ background:url(../images/lianxitubiao.jpg) no-repeat left -27px}
.ctxinfeng{ background:url(../images/lianxitubiao.jpg) no-repeat left -62px}
.ctdingwei{ background:url(../images/lianxitubiao.jpg) no-repeat left -93px; margin-top:5px !important;}
.ctcr a{ width:100%}
.ctcr a img{ width:436px; height:193px; cursor:pointer}

.ctfor{ margin-top:38px;}
.ctforbiao{ font-size:20px; font-size:2rem; color:#5c9977}
.ctfor p{ color:#666; line-height:22px; margin-top:10px;}
.ctfor .int1{ width:444px; height:33px; border:1px solid #ccc; float:left; padding-left:16px; background:url(../images/xing.jpg) no-repeat 5px center; margin-top:22px; margin-bottom:15px; line-height:33px;}
.ctfor .int2{ width:444px; height:33px; border:1px solid #ccc; float:right; padding-left:16px; margin-top:22px; margin-bottom:15px;line-height:33px;}
.ctfor textarea{ width:1081px; height:142px;border:1px solid #ccc; float:left; padding-left:16px; background:url(../images/xing.jpg) no-repeat 5px 15px; margin-top:20px; margin-bottom:15px;line-height:33px;}
.ctfor .int3{ width:143px; height:33px; border:1px solid #ccc; float:left; padding-left:10px; margin-top:12px; margin-bottom:15px;line-height:33px;}
.ctyanzheng{ width:125px; height:38px; float:left; margin-left:19px;margin-top:12px; cursor:pointer}
.ctfor .int4{ width:181px; height:33px; background:#5c9977; font-size:14px; font-size:1.4rem; color:#fff; border:none; float:left;margin-left:34px;margin-top:14px; cursor:pointer}
.zindex{ display:none;}
.sousou{ display:none;}
.yin{ display:none;}
.ctfor p a{ color:#448260;}
.ctfor p a:hover{ color:#448260;}

@media screen and (max-width:1259px) {
.ctcl{ width:49%; margin-top:22px;}
.ctcr{ width:48%; margin-top:20px;}
    
    .ctfor .int1,.ctfor .int2{ width:49%; -moz-box-sizing: border-box; box-sizing: border-box;}
    .ctfor textarea{ width:100%; -moz-box-sizing: border-box; box-sizing: border-box;}
}
@media screen and (max-width:767px) {
.ctcl{ width:100%; margin-top:22px;}
.ctcr{ width:100%; margin-top:20px;}
    .ctfor .int1,.ctfor .int2{ width:100%; margin-top: 15px; margin-bottom: 0px;}
    .ctfor .int3{ width:100%; -moz-box-sizing: border-box; box-sizing: border-box;}
    .ctyanzheng{ margin-left: 0px;}
    .ctfor .int4{ width:140px; margin-left: 10px;}
}
.listcart{margin-top: 90px;}
.listcart a.l{float: left;}
.listcart a.r{float: right;}
.listcart a{ background:#5c9977;display:inline-block;height: 34px; width:200px; line-height: 34px;cursor: pointer;border: none;overflow: hidden;color: #fff;cursor: pointer;  border:1px solid #5c9977; padding-left:10px; padding-right:10px; text-align:center; margin-left:10px;}
.listcart a:hover{  border:#5c9977 solid 1px;background: #5c9977; color:#fff!important;}
@media screen and (max-width:999px){
.listcart a{margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px ;float: none;}
.listcart{ width:100%; margin-top:50px; }
}
@media screen and (max-width:472px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}
}