@charset "utf-8";
@import "page.css";
@import "message.css";
@import "common.css";
@import "/font/iconfont.css";
@import "/cart/css/cart.css";
/* CSS Document */
body{font-size:14px; font-family:"Microsoft YaHei"; color:#333; overflow-x:hidden }
*{ margin:0px; padding:0px; outline:none }
img{border:0px; max-width:100%;}
i,em{ font-style:normal;}
.up{ text-transform:uppercase}
a{ text-decoration:none; color:#333;}
li{ list-style:none}
.clear{ clear:both}
a:hover{ color:#42af74}
.bak{-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; position: relative;}
.pic span{background-size: cover; background-repeat: no-repeat;background-position: center; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
input{ outline:none;}
div.middle{ width:1200px; margin:0px auto;  }
div.toubu{ position:relative; z-index:2}




/*pc端头部start*/

.top {
    background: #fff;
    margin: auto;
    padding: 10px 0px;
}
.l {
    float: left;
}
.r {
    float: right;
}
.user {
    position: relative;
}
.user input {
    background: none;
    width: 100px;
    border: #ccc 1px solid;
    line-height: 20px;
}
.user input.dl {
    background: #42BA79;
    height: 20px;
    line-height: 20px;
    padding: 0px 10px;
    cursor: pointer;
    width: auto;
    border: none;
    margin-right: 60px;
    color: #fff;
}
.user a {
    background: #42BA79; color: #fff;
    height: 20px;
    line-height: 20px;
    padding: 0px 10px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 1px;
}
.gwc{ background: url(../images/gwc1.png) no-repeat left center; padding-left: 25px;  margin-left: 30px;}
.bighead{ display:block; width:100%; position:fixed; left:0px; top:0px; z-index:9}
.bighead.fix{ top:-42px;}
.bighead .middle{ width:1560px; max-width: 96%;}
div.head{ width:100%;height:80px; line-height:80px; background-color:rgba(0,153,70,0.5);}
.bighead.fix div.head{ background:#70C291}
div.head.nhead{ background:#70C291}
div.head img.logo{ float:left; height:65px; margin-top:7px; }
div.head div.wapdh{ display:none}
div.head ul.nav{ float:right;}
div.head ul.nav li a{}
div.head ul.nav li.yi{ float:left;  text-align:center; position:relative; padding:0px 22px;}
div.head ul.nav li.yi:after{ content:''; background:#FFF; position:absolute; height:2px; width:30px; left:50%; margin-left:-15px; bottom:20px; display:none}
div.head ul.nav li.yi a.ayi{ font-size:16px; display:block; color:#FFF}
div.head ul.nav li.yi:hover:after,div.head ul.nav li.yi.hover:after{ display:block}
div.head ul.nav li.yi ul.ernav{ position:absolute; left:0px; top:80px; width:100%; display:none; background:#FFF}
div.head ul.nav li.yi ul.ernav li.er{ width:100%; height:30px; line-height:30px; position:relative;}
div.head ul.nav li.yi ul.ernav li.er a.aer{ width:100%; height:100%; display:block; border-bottom:1px dashed #eee; text-align:center;}
div.head ul.nav li.yi ul.ernav li.er:hover a.aer{ background-color:rgba(0,153,70,0.5); color:#FFF}
div.head ul.nav li.yi ul.ernav li.er ul.sannav{ position:absolute; top:0px; left:100%; display:none; width:100%; background:#FFF}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san{ width:100%; height:24px; line-height:24px;}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san a.asan{ width:100%; height:100%; display:block; border-bottom:1px dashed #333; text-align:center}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san:hover a.asan{ background:#000; color:#FFF}
div.head ul.nav li.yi ul.ernav li.er:hover ul.sannav{ display:block;}
div.head ul.nav li a.you{ position:relative;}
div.head ul.nav li a.you span{ position:absolute; right:5px; line-height:24px;}
div.head ul.nav li a.ayi span{ display:none}
div.head a.hsou{ margin-top:40px; display:block; height:30px;float:right; position:relative; margin-left:10px; width:29px; overflow:hidden;
z-index:9
}
div.head a.hsou img{ position:absolute; right:7px; top:3px;}
div.head a.hsou input{ display:block; margin:0px; height:27px; position:absolute; right:-158px; top:0px; border:1px solid #999; width:148px; border-radius:27px; line-height:27px; text-indent:15px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; }
div.head a.hsou img.xiao{ display:none}
div.head a.hsou img.xian{ display:block}
div.head a.hsou.you{ width:150px;overflow:visible;}
div.head a.hsou.you input{ right:0px;}
div.head a.hsou.you img.xiao{ display:block}
div.head a.hsou.you img.xian{ display:none}
div.head a.hsou img.souclose{ width:22px; position:absolute; right:-22px; top:2px; z-index:9;}
div.head.fix {

}
div.head.fix ul.nav li.yi ul.ernav {



}
div.head.fix ul.nav li.yi a.ayi{



}
div.head.fix img.logo {



}
.pc{ display:block;}
.wap{ display:none;}
/*pc端头部end*/
.valign{display: flex;align-items: center;}
/*--手机站导航开始------*/
.wapheaddianbei{ height:50px;}
.sp_header{height:50px;overflow:hidden;background-color:#42ba79;position:fixed;z-index:10;width:100%; display: none; top:0px;  -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.sp_logo{float:left; margin-top:5px;}
.sp_logo img{margin:auto;max-height:40px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#fff;width:25px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:9px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:9px;transform:rotate(-45deg)}
/*.sjj_nav{position:fixed;z-index:9;background:#f7f7f7;width:100%;height:100%;line-height:35px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
*/
.sjj_nav{position:fixed;z-index:99;background:#f7f7f7;width:100%; height:100%;line-height:35px;right:-100%;overflow:auto;overflow-x:hidden;transition:right ease 0.35s; top: 50px;}

.nav_show{right:0px; }
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;text-transform:uppercase; display: block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#4078c2}
.sjj_nav ul li ul li>ul{margin-left:10px}

.sjj_nav dl{ padding:20px;}
.sjj_nav dl input{}

/*----手机站导航结束----------*/
.hasdiv{ overflow:hidden; display:block; position:relative;}
.hasdiv .bkg{ display:block; width:100%;
transition:All 0.2s ease;
-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;background-size:cover; background-position:center center; background-repeat:no-repeat;}
.hasdiv .bkg img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: block;
    object-fit: cover;
}
.hasdiv:hover .bkg{transform: rotate(0deg) scale(1.1);
            -webkit-transform: rotate(0deg) scale(1.1);
            -moz-transform: rotate(0deg) scale(1.1);
            -o-transform: rotate(0deg) scale(1.1);
            -ms-transform: rotate(0deg) scale(1.1);}
.l{ float:left;}
.r{ float:right;}
.animates{transition:All 0.2s linear;
-webkit-transition:All 0.2s linear;
-moz-transition:All 0.2s linear;
-o-transition:All 0.2s linear; }

div.comtitle{ text-align:center; display:block; padding-top:74px; }
div.comtitle span.c{ display:block; color:#282828; font-size:36px; padding-top:2px;  }
div.comtitle span.e{ display:block; color:#009946; font-size:16px; font-family:Arial, Helvetica, sans-serif}
div.comtitle p{ display:block; }

.middle_nr{ position:relative; z-index:1;}
.indexabout{ position:relative}
img.imgfix{ position:absolute; z-index:0; position:absolute; width:5.7%}
.indexabout img.imgfix1{ top:9%; left:4.3%;}
.indexabout img.imgfix2{ bottom:-9%; left:14.3%}
.indexabout img.imgfix3{ bottom:0px; right:3%;}
.aboutnr{ padding-top:40px;}
.indexabout .about_l{ float:left; border-radius:30px; width:50%;}
.indexabout .about_l .bkg{ padding-bottom:70%;}
.indexabout .about_r{ display:block; overflow:hidden; padding-left:4%; margin-top:20px;}
.indexabout .about_r p{ font-size:16px; line-height:27px; color:#282828; margin-bottom:30px;}
a.m{ display:block; position:relative; width:180px; height:50px; text-indent:40px; line-height:50px; border-radius:50px; color:#FFF; font-size:18px; background:#42ba79;}
a.m img{ position:absolute; right:40px; top:50%; margin-top:-10px;}

.indexduzhe{ position:relative}
.indexduzhe img.imgfix1{ top:33%; left:4.3%;}
.indexduzhe ul{ padding-top:3.3%; padding-bottom:25px;}
.indexduzhe ul li{ float:left; width:23.3%; margin-right:2.26%;margin-bottom:2.26%}
.indexduzhe ul li .dl{ border:1px solid #e5f5ec; border-radius:28px; background:#FFF}

.indexduzhe ul li.z{ margin-right:0px;}
.indexduzhe ul li:hover .dl{border:1px solid #009946;}
.indexduzhe ul li .dl1{ margin:14% auto auto auto; width:213px; max-width:80% }
.indexduzhe ul li .hasdiv .bkg{padding-bottom:142%;}
.indexduzhe ul li dl{ padding-top:29px; padding-bottom:35px;}
.indexduzhe ul li dl i{ font-size:18px; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#282828}
.indexduzhe ul li dl em{color:#282828; display:block; padding:7px 0px;}
.indexduzhe ul li dl p{ color:#999999; line-height:22px;}
.indexduzhe ul li dl p span{ display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.duzhe_bg{ position:absolute; z-index:0; left:50%; background:#e5f5ec; height:240px; width:1300px; max-width:98%; margin-left:-650px; bottom:0px; border-radius:50px;}



.indexshumu{ padding-bottom:10%; position:relative}

.indexshumu img.imgfix1{ bottom:6.4%; left:14.3%;}
.indexshumu img.imgfix2{ top:37%; right:8.8%;}

.indexshumu ul{ padding-top:3.8%;}
.indexshumu ul li{ float:left; height:63px;margin-right:1.6%; margin-bottom:2.8%; line-height:63px; text-align:center; border-radius:63px; border:1px solid #23a75f;width: calc(23.8% - 2px);background:#fff}
.indexshumu ul li.z{ margin-right:0px;}
.indexshumu ul li a{ display:block; width:90%; margin:auto; height:100%; font-size:18px; color:#282828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; transition: all 0.5s;}
.indexshumu ul li:hover{ /*background:#23a75f;*/ -webkit-box-shadow: 10px 0px 30px rgba(0,153,70,0.2); -moz-box-shadow: 0px 0px 30px rgba(0,153,70,0.2); -o-box-shadow: 0px 0px 30px rgba(0,153,70,0.2);box-shadow: 0px 0px 30px rgba(0,153,70,0.2);}



.link{ padding-bottom:3.65%; position:relative}
.link img.imgfix1{ top:42%; left:4.3%;}
.link img.imgfix2{ top:20%; right:14%;}


.link ul{ padding-top:4%;}
.link ul li{ float:left; height:78px;margin-right:2.26%; margin-bottom:2.5%; line-height:78px; text-align:center; border-radius:63px; border:1px solid #d4f0e0;
width: calc(23.3% - 2px); background:#fff}
.link ul li.z{ margin-right:0px;}
.link ul li a{ display:block; width:90%; margin:auto; height:100%; font-size:16px; color:#282828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; position:relative; text-indent:13px;}
.link ul li a:before{ content:''; display:block; background:#009946; width:6px; height:16px; border-radius:6px; position:absolute; left:0px; top:50%; margin-top:-8px;}
.link ul li:hover{ background:#23a75f}
.link ul li:hover a{ color:#FFF;}
.link ul li:hover a:before{ background-color:#FFF}




.indexcxb{ background-image:url(../images/cxb.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding-bottom: 1px; }
.indexcxbny{ background: none; }
.indexcxb ul{ width:48.3%; padding-top:8%}
/*.indexcxb.indexcxbny ul{  padding-top:6.5%}*/
.indexcxb ul li{ margin-bottom:14%; transition: all 0.5s;}
.indexcxbny ul li{ margin-bottom: 0; }
.indexcxb ul li .cxb_c{transition: all 0.5s; background:#FFF; border-radius:30px; position:relative; padding-bottom: 30px;  }
.indexcxb ul li .cxb_c.dlny{ background:#fafafa}
.indexcxb ul li dl{ float:left; width:17%; text-align: center;  color:#009946; font-size:24px; font-weight:bold;position:relative;  position:absolute; top: 30%; height: 50px; line-height: 50px; }
.indexcxb ul li dl img{ display:block; margin:auto;}
.indexcxb ul li .pic{ float: left; width: 20.7%; margin-left: 17%; margin-right:5%;  margin-top:-50px;}
.indexcxb ul li .pic span{ padding-top: 142.5%; }
/*.indexcxb ul li img.pictu{ position:absolute; bottom:30px; left:17%; width:20.7%;}*/
.indexcxb ul li p{ line-height:200%; padding-top:30px; overflow: hidden;}
.indexcxb ul li p em{ display:block; font-size:18px; color:#282828; font-weight: bold;}
.indexcxb ul li p span{ display:block; color:#999;}
.indexcxb ul li p span i{ color:#282828; font-size:16px;}
.indexcxb ul li:hover{transform: translateY(-10px);}
.indexcxb ul li:hover .cxb_c{-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.nbanner{ padding-bottom:16.7%; background-position:center; background-repeat:no-repeat; background-size:cover;}


.left{ float:left; width:290px;}
.leftnav{ background:#f7f7f7; padding-bottom:47px; margin-bottom:27px;}
.leftnav.leftnav1{ padding-bottom:30px;}
.leftnav li{ position:relative;height:53px;}
.leftnav li.contact{ height:auto}
.leftnav li.contact dl{ margin:auto; width:252px; padding-top:25px; max-width:90%;}
.leftnav li.contact dl i{ font-weight:bold; font-size:18px; display:block; margin-bottom:16px;}
.leftnav li.contact dl p{ font-size:15px; line-height:220%}
.leftnav li.at{ background:#5fb591; height:56px; line-height:56px; color:#FFF; font-size:18px; font-weight:bold; text-indent:53px;}
.leftnav li.at:before{ display:block; content:''; width:22px; height:20px; position:absolute; top:50%; margin-top:-10px; left:20px; background:url(../images/xz.png);}
.leftnav li a.pri{ display:block; text-indent:30px; margin:auto; max-width:90%; width:260px; line-height:52px; border-bottom:1px solid #dddddd; height:52px; font-size:16px; background:url(../images/y.png) 11px  center no-repeat;}
.leftnav li:hover a.pri,.leftnav li.on a.pri{ color:#5fb591;background:url(../images/h.png) 11px  center no-repeat; font-weight: bold;}
.leftnav li dl{}
.leftnav li dl a{ display:block; height:30px;width:100%; text-indent:30px;}
.leftnav li dl a:hover,.leftnav li dl a.on{background:#000; color:#FFF;}
.neiye{ padding:30px 0px 0px 0px;}

.right{ display:block; overflow:hidden; padding-left:34px;}

.route{ border-bottom:1px solid #dddddd; height:56px; line-height:56px;}
.route i.arr{ display:block; float:left; font-size:20px; font-weight:bold}
.route p{display:block; float:right;}


.wapnav { display:none;
	width: 100%;
	height: 50px;
	line-height: 48px;
	/*段落中文本不换行*/
	white-space: nowrap;
	/*设置横向滚动*/
	overflow-x: scroll;
	/*禁止纵向滚动*/
	overflow-y: hidden;
	/*文本平铺*/
	text-align: justify;
	/*背景颜色*/
	background: #F4F5F6;
	/*padding: 0px 5px;*/
	/*设置边距改变效果为内缩*/
	box-sizing: border-box; font-size:0px;
}
.wapnav a {
	margin: auto 10px;
 font-size:14px; display:inline-block;
}
.wapnav a.ses{ border-bottom:2px solid #007234; }
.wapnav::-webkit-scrollbar {
	/*隐藏滚动条*/
	display: none;
}

.wap_piao{ display:none}
.foot{ padding:65px 0px 0px 0px; background:#007234; color:#FFF}

.foot .flogo{ float:left;}
.foot .info{ float:left; margin:0px 0% 0px 5%;}
.foot .info li{ position:relative; padding-left:53px; margin-bottom:30px;}
.foot .info li em{ border:1px solid #FFF; width:34px; position:absolute; top:50%; margin-top:-17px; left:0px;height:34px; font-size:20px; line-height:34px; text-align:center; display:block; border-radius:100%;}
.foot .info li i{font-size:16px; display:block;}
.foot .info li p{ color:#80b99a; padding-top:4px;}
.foot ul{ float:left; width:270px; margin-left:7.5%}
.foot ul dl{ float:left; width:50%}
.foot ul a{ color:#FFF; display:block; width:100%; font-size:16px; margin-bottom:30px;}
.foot .qrcode{ float:right; color:#FFF; width:150px; text-align:center}
.foot .qrcode img{ width:100%;}
.foot .qrcode em{ display:block; padding-top:5px;}

.bq{ background: #007234; border-top: #03813c 1px solid;  padding: 20px 0px; text-align: center; color: #80b99a;  }

.bq a{ color: #80b99a; }

.right{}
.headceng{ display:block; height:120px;}


.wapernav{ display:none; text-align:center; padding:20px 0px 0px 0px;}
.wapernav a{ display:inline-block; margin:0px 5px 10px 0px; height:27px; line-height:27px; padding:0px 6px; border:1px solid #ccc;}
.wapernav a:hover,.wapernav a.waperhover{ color:#FFF; background:#89211b; border:1px solid #89211b}

.route{}
.route span.arr{}
.route p{ float:right}
.route p a{}


.lxwm_big{ margin:40px auto;}
.map{ float: left; width: 50%; margin-right:5%; }
.map iframe{ height: 350px; }
.lxwm{ overflow: hidden; }
.lxwm p{ margin:15px auto; font-size: 16px; }