/* CSS Document */
.btn{border-radius: 2px;padding:6px 25px;}
.btn-group-lg>.btn, .btn-lg{
    padding: 10px 16px;
    font-size: 14px;
}
/*top*/
#top{padding:20px 0;height:120px; position:fixed; width:100%; z-index:9; top:0; background:#fff; border-bottom:1px solid #E6E6E6;}
#top ul{margin-top: 10px;margin-left:160px;line-height: 60px;}
#top li{float:left;margin: 0 10px;}
#top li.li2{width:87px;}
#top li a{display:inline-block; font-size:16px; padding:0 17px; color:#6F6F6F;border-bottom: 3px solid transparent;}
#top li:hover a{border-bottom:3px solid #C4B5B0; }
#top li div{display:none; height:59px; line-height:59px; padding-left:42px; margin-top:-1px;}
#top li div a{color:#B7B7B9;}
#top li:hover div{display:block; width:1000px; background:#4E4C51;} 
#top li.li2:hover div a{background:none;}
#top span{displa:block; width:1px; height:80px; background:#E7E7E7;}
#top p{font-size:13px; color:#8C8C8C; margin-left:14px;}
#top .logo{
	margin-top: 10px;
}
.navBtn,.userBtn{display:none;}

.servicetel{
    margin-top: 15px;float: right;
}
.servicetel div{
    display: block;font-size: 24px;
}
.servicetel div a{
    color:#f0ad4e;
}


.searck{border-left:1px solid #ddd;height: 80px;line-height: 80px;float: right;width: 90px;}

/*banner*/
#banner{margin-top:80px; position:fixed; width:100%; top:0; left:0; z-index:1;}

#banner .bd img{width:100%; display:block;}

#banner .prev,
#banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#banner .next{ left:auto; right:3%; background-position:8px 5px; }
#banner .prev:hover,
#banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#banner .prevStop{ display:none;  }
#banner .nextStop{ display:none;  }




#bg{background:#fff; position:relative; z-index:2; margin-top:990px;}

/*jituan*/
#jituan{padding-top:88px; padding-bottom:125px; background:#F2F2F2;}
#jituan .title h3{font-size:26px; color:#333333; font-weight:normal; text-align:center;}
#jituan .title  span{color:#8F8F8F; text-align:center; margin-top:12px; margin-bottom:60px; margin-left:auto; display:block;}

#jituan .ul ul{margin-top:70px;text-align: center;}
#jituan .slide{display:inline-block;width:24%; box-sizing:border-box; text-align: center;}
#jituan .slide h3{color:#595959; font-weight:normal; margin-bottom:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#jituan .slide .sp_bg{width:35px; height:35px; border:1px solid #E8E8E8; border-radius:35px; line-height:35px; margin-left:180px; diplay:none;}
#jituan .slide span{font-size:13px; color:#B6B6B6;}
#jituan .slide p{font-size:14px; color:#737373; margin:28px 20px 0 20px;display:block; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/}
#jituan .slide i{display:block; width:100px; height:1px; background:#C4B5B0; margin-left:140px; margin-top:13px; margin-bottom:22px;}
#jituan .slide a:hover .sp_bg{display:block; box-shadow:0 0 10px rgba(0,0,0,.2);}
#jituan .slide a:hover i{width:26px; transition: all ease-out .2s}
#jituan .slide a:hover h3{color:#E60012;}

/*jituan*/
#chanye{margin-top:86px;}
#chanye .title h3{font-size:26px; font-weight:normal; color:#333333; text-align:center;}
#chanye .title p{font-size:12px; color:#8F8F8F; text-align:center; margin-top:15px;}
#chanye ul{margin-top:75px;}
#chanye li a{display:block; overflow:hidden;}
#chanye li{box-sizing:border-box; width:22%;margin:0 10px; float:left; position:relative; padding-right:20px;text-align: center;}
#chanye li img{margin:0 auto;width:60%; display:block; height:auto; }
/*#chanye li em{position:absolute; bottom:113px; right:88px; color:#FF0000;}
#chanye li i{position:absolute; bottom:99px; right:26px; color:#fff;}*/
#chanye li h3{text-align:center;font-size:14px; font-weight:normal; color:#666666; margin-top:28px; margin-bottom:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#chanye li p{color:#888888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#chanye li span{width:216px; height:2px; display:block; background:#E9E9E9; margin:30px auto 0 auto;}
#chanye li a b{width:0px; height:2px; display:block; background:#FF0000; position:relative; top:-1px;margin:0 auto 0 auto;}
#chanye li a:hover b{width:216px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition-property: all; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-delay: 0s;}
#chanye a.more {background: transparent; border: 1px solid #dfdfdf; font-family: "HELVETICANEUELTPRO-THEX"; color: #9f9f9f; display: block; font-size: 14px; height: 50px; line-height: 50px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 300px; margin-left:40%; margin-top:82px; margin-bottom:118px; text-align: center; }

#chanye a.more::after { content: ""; display: block; width: 0; height: 52px; background-color: #FF3232; margin-top: -51px; transition: all 0.6s ease 0s; }

#chanye a.more:hover::after {width: 300px; height: 52px; }

#chanye a.more:hover { color: #fff; border: 1px solid #FF3232; }

/*jianjie*/
#jianjie{border-top:1px solid #E8E8E8;}
#jianjie>div{padding-top:82px;}
#jianjie>div h2{font-size:26px; color:#4A4A4A; text-align:center; margin-left:auto; font-weight:normal;}
#jianjie>div span{color:#8F8F8F; text-align:center; margin-top:12px; margin-bottom:60px; margin-left:auto; display:block;}
#jianjie p{margin:0 auto;width:80%;color:#8F8F8F; text-align:center;line-height: 24px; }

#jianjie .more,#news .more {border: 1px solid #ccc; position: relative; transition: all 0.5s ease 0s; height:32px; line-height:32px; text-align:center; margin-left:43%; margin-top:61px; margin-bottom:98px; display:block; width:160px; }

#jianjie a.more:hover,#news a.more:hover {border: 1px solid transparent; }

#jianjie a.more::after,#news a.more::after {content: ""; width: 160px; height: 32px; border: 3px solid transparent; opacity: 0; transition: all 0.5s ease 0s; margin: 0 auto; text-align: center; position: absolute; top: -1px; left: -1px; transform: scale(1, 1);}

#jianjie a.more:hover::after,#news a.more:hover::after { width: 158px; height: 36px; border: 3px solid #C4B5B0; opacity: 1; margin: 0 auto; transform: scale(1.1, 1.1); text-align: center; top: -5px; left: -2px; }

#jianjie a.more:hover,#news a.more:hover {  background-color: transparent; 
background-repeat: no-repeat; background-attachment: scroll; background-position: 32px -126px; background-clip: border-box; background-origin: padding-box; background-size: auto auto;}


/*news*/
#news{margin-top:81px;}
#news>h3{color:#333333; font-size:26px; font-weight:normal; margin-bottom:14px; text-align:center;}
#news>span{text-align:center; color:#979797; margin-left:48%;}
#news p{color:#8F8F8F;}
#news ul{margin-top:70px; text-align:center;}
#news li{width:33.333%; box-sizing:border-box; float:left; padding-right:20px; 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;}
#news li.last{padding-right:0;}
#news li img{display:block; width:100%; height:189px;}
#news li h3{font-size:16px; font-weight:normal; color:#333333; margin-top:16px; margin-bottom:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#news li i{width:376px; height:1px; display:block; background:#EFEFEF; margin-top:30px; margin-bottom:36px;}
#news li p{color:#666666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
#news li:hover{transform:translate(0,-20px); -webkit-transform:translate(0,-20px);    -moz-transform:translate(0,-20px); -o-transform:translate(0,-20px); -ms-transform:translate(0,-20px);}
#news li:hover h3{color:#FF5959;}



#footer{position: relative;z-index:2;background:#F0F0F0; padding-top:30px; padding-bottom:15px;}
#footer h{color:#666666; font-weight:normal;}
#footer ul{margin-top:10px; }
#footer li{margin-right:10%; color:#999999; font-size:12px;line-height: 24px;}
#footer .row img{margin-right: 10px;border:1px solid #ddd;}
#footer p{float: left;margin-right: 10px;}
#footer p a img{padding-top:5px;}
#footer span{display:block; width:100%; height:1px; background:#E4E4E4; margin-bottom:19px; margin-top:20px;}
#footer p{color:#999999;}

/*side*/
#leftsead{width:131px; position:fixed; bottom:60px; right:0; z-index:9999;}
#leftsead li{width:131px; height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px; float:right; display:block; min-width:47px; max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px; cursor:pointer; cursor:hand;}
#leftsead li a.youhui .hides{display:none; position:absolute; right:190px; top:2px;}



.page-banner{margin-top: 120px;background-position: center;height:450px;background-position: center;}
.page-banner img{width: 100%;}
.about-container{
	min-height: 600px;
}
.p-title{text-align: center;margin-bottom: 40px;}
.p-title h2{
    font-size: 36px;
    color: #4A4A4A;
    text-align: center;
    margin-left: auto;
    font-weight: normal;
}
.p-title .line{border-bottom: 3px solid #ff6600;width: 40px;margin:15px auto 0 auto;}
.p-title span{
	font-size: 18px;
	color: #8F8F8F;
    text-align: center;
    margin-top: 12px;
    margin-left: auto;
    display: block;
}
.about-content{font-size: 14px;line-height: 24px;padding-bottom: 100px;}

.about-text{font-size: 16px;line-height: 30px;}
.about-text p{margin-bottom: 10px;}
/*关于我们*/
.about-nav{width: 600px;margin:0 auto 40px auto;}
.about-history{width: 1000px;margin:0 auto;}
.about-history li{overflow: hidden;_zoom:1;}
.about-history li div{width: 500px;position: relative;min-height: 100px;}
.about-history li div h3{font-size: 20px;}
.about-history li div p{font-size: 12px;}
.about-history .fl{border-right:1px solid #f0ad4e;padding-right: 50px;text-align: right;}
.about-history .fl i{display: block;width: 16px;height:16px;border:2px solid #f0ad4e;background: #fff;position: absolute;right:-8px;top:0;border-radius: 100%;}
.about-history .fr{border-left:1px solid #f0ad4e;padding-left: 50px;text-align: left}
.about-history .fr i{display: block;width: 16px;height:16px;border:2px solid #f0ad4e;background: #fff;position: absolute;left:-8px;top:0;border-radius: 100%;}





.about-partner h3{text-align: center;overflow: hidden;text-align: center;}
.about-partner .item{margin-bottom: 20px;min-height: 280px;}
.about-partner .item a:hover .thumbnail{border-color: #ff6600;}

.news .row{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.news .row h3{
	font-size: 18px;
	margin-bottom: 10px;
}
.news .row span.time{display:inline-block;font-size: 12px;margin-bottom: 10px;}
.news .row .btn{float: right;margin-top: 30px;}
.news .row p{font-size: 14px;line-height: 24px;}
.news a{color:#8a6d3b;}
.page{
    margin-bottom: 30px;
}



.plant-list .bd li{width: 600px;float: left;margin:0 0.5px;}
.plant-list .bd li img{width: 600px; height: 331px;}
.hd{text-align: center;height: 17px;padding: 50px 0 50px 0;}
.hd ul{display: inline-block;*display: inline;*zoom:1;}
.hd li{cursor: pointer; width: 17px;height: 17px;background: url(/img/dot_bland.png) no-repeat right;float: left; margin: 0 12px;overflow: hidden;}
.hd li.on{background-position: left center;}

.honor-list .bd li{width: 360px;float: left;margin:0 22.5px;}
.honor-list .bd li img{width: 358px; height: 516px; padding: 6px;background-color: #e7ddc5;}
.honor-list_blue .bd li img{background-color: #08548e;}

/*.pro-list{margin-top: 30px;display: none;}
.pro-list .bd li{width: 270px;float: left;margin:0 10px;}
.pro-list .bd li img{width: 270px; padding: 1px;background-color: #e7ddc5;}
.pro-list .bd li:hover img{background: #ecc871;}
.pro-list_blue .bd li img{background-color: #08548e;}
.pro-detail{font-size: 16px;line-height: 30px;}
*/
/*CSS meneame style pagination*/
div.meneame {
    padding-right: 3px; padding-left: 3px; FONT-SIZE: 80%; padding-bottom: 3px; margin: 3px; color: #6F0857; padding-top: 3px; text-align: center
}
div.meneame a {
    border-right: #6F0857 1px solid; padding-right: 7px; background-position: 50% bottom; border-top: #6F0857 1px solid; padding-left: 7px; background-image: url(/images/meneame.jpg); padding-bottom: 5px; border-left: #6F0857 1px solid; color: #6F0857; margin-right: 3px; padding-top: 5px; border-bottom: #6F0857 1px solid; text-decoration: none
}
div.meneame a:hover {
    border-right: #6F0857 1px solid; border-top: #6F0857 1px solid; background-image: none; border-left: #6F0857 1px solid; color: #6F0857; border-bottom: #6F0857 1px solid; background-color: #fff
}
div.meneame a:active {
    border-right: #6F0857 1px solid; border-top: #6F0857 1px solid; background-image: none; border-left: #6F0857 1px solid; color: #6F0857; border-bottom: #6F0857 1px solid; background-color: #fff
}
div.meneame span.current {
    border-right: #6F0857 1px solid; padding-right: 7px; border-top: #6F0857 1px solid; padding-left: 7px; font-weight: bold; padding-bottom: 5px; border-left: #6F0857 1px solid; color: #6F0857; margin-right: 3px; padding-top: 5px; border-bottom: #6F0857 1px solid; background-color: #fff
}
div.meneame span.disabled {
    border-right: #ffe3c6 1px solid; padding-right: 7px; border-top: #ffe3c6 1px solid; padding-left: 7px; padding-bottom: 5px; border-left: #ffe3c6 1px solid; color: #ffe3c6; margin-right: 3px; padding-top: 5px; border-bottom: #ffe3c6 1px solid
}




.detail{}
.detail .detail-title{text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.detail .detail-title h1{font-size: 24px;color: #000;}
.detail .detail-title span.time{display: block;margin-top: 20px;}
.detail .detail-content{
    margin-top: 20px;
    line-height: 24px;
}


/*.brand-nav li{display:inline-block;margin:0 10px;border:1px solid #ddd;width: 280px;}
.brand-nav li div{width: 100%;top:0;left:0;line-height: 70px;text-align: center;background:rgba(138, 109, 59, 0.8);font-size: 16px;}
.brand-nav li.hover div{display: block;}
.brand-nav li a{display:block;color:#fff;}
.brand-nav li  a:hover div{color:#fff;}*/
.brand-nav li{display:inline-block;margin:10px;width: 30%}
.brand-nav li img{border:1px solid #ddd;width: 200px;margin-bottom: 10px;}
.brand-nav li div{font-size: 14px;}
.brand-nav li.hover img{border-color: #f0ad4e}
.brand-nav li.hover div{color:#f0ad4e;}

.brand-nav{text-align: center;}
.brand-nav .btn{margin:0 10px;}

.brand-product{margin-top: 30px;border-top: 1px solid #ddd;}
.pro-nav{margin-top: 30px;text-align: center;}

.brand-con .text{font-size: 14px;line-height: 24px;}
.brand-con .text p{margin-bottom: 10px;}

.brand-con {
	padding:20px 0;
}

.brand-title {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    height:70px;
    position: relative;
}
.brand-title:before {
    position: absolute;
    content: " ";
    width: 16%;
    height: 50px;
    background: url(../img/red-box.png)center center no-repeat;
    bottom: 0;
    left: 42%;
}





.network-us ul li{overflow: hidden;_zoom:1;margin-bottom: 10px;border-bottom: dotted 1px #ddd;padding-bottom: 10px;}
.text{max-height: 350px;margin-left: 10px;}
.network-us ul li span{float: left;display: block;}
.network-us ul li span p{font-size: 12px;line-height: 18px;margin:0;}
.network-us h3{font-weight: bold;color: #000;font-size: 16px;margin-bottom: 20px;}


.jituan-list .bd li{width: 24%;float: left;margin:0 0.5px;}
.jituan-list .hd{text-align: center;height: 17px;padding: 50px 0 50px 0;}
.jituan-list .hd ul{display: inline-block;*display: inline;*zoom:1;}
.jituan-list .hd li{cursor: pointer; width: 17px;height: 17px;background: url(/img/dot_bland.png) no-repeat right;float: left; margin: 0 12px;overflow: hidden;}
.jituan-list .hd li.on{background-position: left center;}