@charset "utf-8";
/*~~~~框架布局~~~*/

.wor-box{margin:50px 0 20px 0;/*! border-top: 1px #ddd solid; *//*! padding-top: 30px; */}
.wor-box .title{color:#000;font-size:20px; margin-bottom:20px;border-top: 1px #ddd solid;border-bottom: 1px #ddd solid;padding: 15px 0;}
.titleBx{color:#000; margin:0 0 30px 0; font-size:25px; text-align: center;}


/*==顶部↓==*/
.head-top{padding:10px 0; background:#ededed}
.he
ad-top p{color:#888888;font-size:12px;}
.head-top .right a{display: inline-block;color:#888; font-size:12px;border-right: 1px #888 solid;line-height: 10px;margin-right: 10px;padding-right: 10px;}
.head-top .right a em{display: block;width:20px;height:20px;color: #999;font-size: 17px;}
.head-top .right .weibo,.head-top .right .weixin{border:none;margin-right: 0px;}
.head-top .weixin{position: relative;}
.head-top .weixin .ewm{position: absolute;left: -50px;top:29px;width:120px;height:120px;border: 1px #ddd solid;padding:5px; z-index: 9; background: #fff;filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); -moz-transform:scale(0.01); transition:all 1s;}
.head-top .weixin:hover .ewm{opacity:1;transform: scale(1);}
.head-top .right a:hover{color:#098e21}
.head-middle{padding: 40px 0 30px 0;}
.head-middle p.middle{margin-left:80px;color:#222623;font-size:18px;text-align: center;}
.head-middle p.middle b{color:#222623;font-size:26px;display: block;margin-bottom: 5px;}
.head-middle .tel{color:#222623;font-size:21px; padding-left:110px; background: url(../images/tel_ico.png) no-repeat left;line-height: 60px;}
.head-middle .tel font{color:#098e21;display: block;}
.head-nav{border-bottom:4px #007715 solid;background:#098e21;}
.head-nav ul{}
.head-nav ul li{position:relative;float:left;width:132px;}
.head-nav ul li:before{content: ""; position: absolute;right:0;top:0; display: block; width:2px;height:70px;border-left:1px #037f19 solid;border-right:1px #0f9727 solid;}
.head-nav ul li:last-child:before{display: none;}
.head-nav ul li a{line-height:70px;color:#fff;font-size:16px; text-align: center;display: block;position: relative;}
.head-nav ul li a:before{opacity: 0; content: ""; position: absolute;left:0;bottom:-4px; height:4px; background: #e89000;width: 0%;transition: all .4s ease-in-out;}
.head-nav ul li a:hover:before,.head-nav ul li.active a:before{opacity: 1;width: 100%;}
.head-nav ul li a:hover,.head-nav ul li.active a{background: #efad00;}
.header{position: relative;padding:20px 0;}


/*==关键词↓==*/
.longKey{padding:15px 0; background:#ededed}
.longKey .left{width:700px;line-height: 45px;}
.longKey .left h3{float:left;color:#666; font-size:14px; /*! border-right:1px #ddd solid; */ /*! line-height:10px; */ padding-right:15px;}
.longKey .left a{display: inline-block;color:#888888; font-size:12px; solid;border-right: 1px #aaa dotted;line-height: 10px;padding-right: 15px;margin-right: 15px;}
.longKey .left a:last-child{border:none}
.longKey .left a:hover{color:#098e21}
.longKey .right{}
.longKey .right input{line-height: 45px; width:340px;border-radius:20px 0 0px 20px;padding:0px 20px; background: #fff;}
.longKey .right button{float:right; border-radius:0 15px 15px 0px; padding:0 30px;color:#fff; text-align:center;font-size:20px;line-height: 45px;background:#098e21;cursor: pointer;}
.longKey .right button:hover{background:#f60}


/*==产品↓==*/
.HomeProduct{margin: 50px 0 0 0;}
.leftNavBox{width:280px; /*! padding:30px; *//*! background: #098e21; */}
.leftNavBox .lbox{padding:30px 20px 20px 20px; background: #098e21; border-radius: 15px;}
.leftNavBox .lbox h2{color:#fff;font-size:32px; text-align: center;margin-bottom: 20px;}
.leftNavBox .lbox h2 font{font-size:12px; color:#fff;display: block;margin-top: 5px;}
.leftNavBox .lbox ul{padding:10px 20px 20px 20px;margin:25px 0; background:#fff; border-radius: 15px;}
.leftNavBox .lbox ul h3{color:#098e21;font-size:16px; border-bottom:1px #098e21 solid;line-height: 40px;padding-bottom: 8px;margin-bottom: 12px;padding-top: 9px;}
.leftNavBox .lbox ul h3 em{display: inline-block;color:#fff;font-size:12px;width:18px; line-height:18px; background:#098e21;float: right;border-radius: 50%;text-align: center;margin-top: 11px;}
.leftNavBox .lbox ul li{padding:5px 0 5px 15px; background: url(../images/arrow01.png) no-repeat left;}
.leftNavBox .lbox ul li a{display: block;color:#555555;font-size:14px;}
.leftNavBox .lbox ul li a:hover,.leftNavBox .lbox ul li.active a{color:#098e21}
.leftNavBox .contact{margin-top:35px;height:170px; padding:30px; background: url(../images/contactBoxBg.png) no-repeat center;}
.leftNavBox .contact h4{color:#fff;padding-left:20px; font-size:16px; background: url(../images/tel2_ico.png) no-repeat left;}
.leftNavBox .contact b{display:block; line-height: 30px;margin-top:15px;font-size:20px;color:#fff;font-weight: bold;}
.HomeProduct .right{width:890px;background: #ececec;border-radius: 10px;}
.HomeProduct .right h2{padding:18px 30px; color:#fff;font-size:18px;background: #098e21;border-radius: 10px;}
.HomeProduct .right h2 a{position: relative; font-size:14px; color:#fff;float: right;}
.HomeProduct .right h2 a:before{content: "";position: absolute; left:-40px;top:12px;width:30px; height:1px;background: #fff;}
.list-product2{padding:15px 10px 20px 10px;/*! background: #ececec; */float: left;}
.list-product2 li{float:left;width:276px;margin: 7px 7px 4px 7px; }
.list-product2 li a{ display: block; }
.list-product2 li .effect-one{border-radius:10px;}
.list-product2 .img{border:1px #ddd solid; border-radius: 10px;text-align: center;height:205px; overflow:hidden;background:#fff;}
.list-product2 .boxImgBig{ margin: auto; display: table;}
.list-product2 .boxImg{ width:100%;vertical-align: middle;display: table-cell;text-align: center; margin: auto;}
.list-product2 img{ max-height:410px;}
.list-product2 li h4{color:#555555;font-size:14px; text-align: center;padding: 15px 0 10px 0;}
.list-product2 li:hover h4{color:#098e21}


/*==特点↓==*/
.HomeBrand{height:300px; margin:70px 0 0 0;/*! padding:50px 0; */ background:url(../images/HomeBrandBg01.jpg) repeat-x;}
.HomeBrand .left{width:350px;padding:50px 50px 0 0;position: relative;z-index: 9;height: 100%;}
.HomeBrand .left .bg{position: absolute;right: 0;top: 0;z-index: -1;}
.HomeBrand .left h2{color:#fff;font-size:36px;}
.HomeBrand .left h2 span{color:#fff;font-size:22px;font-weight:bold; display: block;margin-bottom: 15px;}
.HomeBrand .left p{color:#fff;font-size:18px;margin: 50px 0 0 0;}
.HomeBrand .right{padding: 50px 0 0 0;}
.HomeBrand .right ul{}
.HomeBrand .right ul li{float:left;width:210px; text-align: center;padding: 0 20px;}
.HomeBrand .right ul li h3{color:#fff;font-size:22px;width:123px; line-height:124px; margin: auto;background: url(../images/HomeBrandIco.png) no-repeat center;}
.HomeBrand .right ul li p{color:#fff;font-size:14px;margin-top: 20px;}


/*==优势↓==*/
.HomeAdvantage{ z-index: 9; position: relative;margin:0 0 70px 0;padding: 80px 0 50px 0;}
.HomeAdvantage:before{content: ""; position:absolute;top:0;left:0;z-index:-1; width:100%;height:100%;background: url(../images/HomeAdvantageBG.jpg) no-repeat top center}
.HomeAdvantage:after{content: ""; position:absolute;top:0;left:0;z-index:-2; width:100%;height:100%;background: url(../images/arrow02.jpg)}
.HomeAdvantage .title{position: relative; margin:20px 0;display: table;margin: 0 auto 50px;padding: 20px 0 0 0;}
.HomeAdvantage .title:before,.HomeAdvantage .title:after{content: ""; position: absolute; left:-50px;top:0; width:36px; height:163px; background: url(../images/line05.png) no-repeat;}
.HomeAdvantage .title:after{right:-50px;left:auto; transform:rotate(180deg);}
.HomeAdvantage .title h1{color:#098e21;font-size:54px;}
.HomeAdvantage .title span{position:relative;color:#098e21;font-size:38px;display: block;margin: 35px 0 20px 0;}
/*.HomeAdvantage .title span:before{content: ""; position: absolute; right:0; background: url(../images/line06.png);width: 155px;height: 38px;top: -5px;}*/
.HomeAdvantage .title font{border-radius:20px;color:#fff;font-size:26px; background: #efad00;display: block;padding: 5px 10px;}
.HomeAdvantage .bin{margin:20px 0;float: left;width: 100%;}
.HomeAdvantage .bin .box{width:615px;padding-left: 85px;}
.HomeAdvantage .bin .box h3{/*! padding-left:90px; */position: relative; color:#098e21;font-size:30px;}
.HomeAdvantage .bin .box h3 font{color:#888888;font-size:12px; display: block;margin-top: 5px;}
.HomeAdvantage .bin .box h3 hr{border:none; display: block; width:100px;height:22px; background: url(../images/line06.png) repeat-x;}
.HomeAdvantage .bin .box h3 em{position: absolute; width:72px; line-height:70px; color:#fff; text-align: center;font-size:30px;font-weight:bold; left:-85px; top:0; background: url(../images/HomeAdvantageIco01.png) no-repeat center;}
.HomeAdvantage .bin .img{width:540px;text-align: center;}
.HomeAdvantage .bin .box p{color:#555555;font-size:15px;margin: 10px 0;}
.HomeAdvantage .bin .box .tel{color:#fff;padding:8px 20px; border-radius:5px;font-size:14px; background: #efad00;margin-top: 10px;display: inline-block;}


/*==首页案例↓==*/
.HomeCase{margin: 20px 0 30px 0;}
.HomeCase .title{color:#098e21;font-size:36px; text-align: center;}
.HomeCase .title font{margin-top:10px; font-size:12px; color:#888888;display:block;}
.HomeCase .picScroll-left{position: relative;margin:30px 0 50px 0}
.HomeCase .picScroll-left .long{overflow: hidden;}
.HomeCase .picScroll-left .long .list{}
.HomeCase .picScroll-left .long .list li{float:left; width:300px; border-radius: 10px;/*! height: 415px; *//*! overflow: hidden; */}
.HomeCase .picScroll-left .long .list li a{display: block;margin:0 10px;position: relative;border-radius: 10px;overflow: hidden;height: 430px;}
.HomeCase .picScroll-left .long .list li .box{position: absolute; bottom:-150px; left:0;padding:25px;width:100%; background: #ececec;transition: all .7s ease-in-out;height: 240px;}
.HomeCase .picScroll-left .long .list li img{height:340px;}
.HomeCase .picScroll-left .long .list li h4{padding:10px 0px 25px 0;color:#555; font-size:16px; /*! text-align: center; */}
.HomeCase .picScroll-left .long .list li h4 em{float:right; color:#999; font-size:15px;}
.HomeCase .picScroll-left .long .list li p{margin:10px 0 15px 0; color:#fff;font-size:12px;}
.HomeCase .picScroll-left .long .list li b{color:#fff;font-size:12px;margin-top:3px; border-radius:2px;padding:3px 15px;background: #efad00;display: inline-block;}
.HomeCase .picScroll-left .long .list li:hover h4{color:#0092d8;padding:15px 0px 5px 0;}
.HomeCase .picScroll-left .long .list li:hover .box{bottom:0px;background: #098e21}
.HomeCase .picScroll-left .long .list li:hover .box h4{color:#FFF}
.HomeCase .picScroll-left .long .list li:hover .box h4 em{opacity: 0}
.HomeCase .picScroll-left .long .list li:hover .box p{color:#fff}
.HomeCase .picScroll-left .prev,.HomeCase .picScroll-left .next{position: absolute;width:35px; line-height:34px; border-radius: 5px;; top:200px;left:-50px;font-size:20px;color:#fff;cursor: pointer; background: #098e21;text-align: center;}
.HomeCase .picScroll-left .next{right:-50px; left:auto;}
.HomeCase .picScroll-left .prev:hover,.HomeCase .picScroll-left .next:hover{background: #efad00;}


/*==首页关于↓==*/
.HomeAbout{padding:50px 0; background: url(../images/arrow02.jpg);}
.HomeAbout .left{position:relative;width:600px;z-index: 9;}
.HomeAbout .left .bg{position: absolute; right:0;bottom:0;z-index: -1;}
.HomeAbout .left .big{display: block; margin-bottom:20px;}
.HomeAbout .left a{display: inline-block;margin:0 20px 0 0;width:180px;}
.HomeAbout .left a img{max-width:100%;border-radius: 10px;overflow: hidden;}
.HomeAbout .left a h4{padding:5px 0 10px 0;color:#fff;font-size:14px; text-align: center;}
.HomeAbout .right{width:560px;}
.HomeAbout .right h2{color:#222222;font-size:36px;}
.HomeAbout .right h2 font{display: block;color:#098e21; font-size:24px;margin: 15px 0 10px 0;}
.HomeAbout .right h2 hr{display: block; border:none; width:170px; height:14px; background:url(../images/line06.png);}
.HomeAbout .right .wx{height:310px;margin:25px 0 30px 0; color:#555555; font-size:14px;line-height: 27px;overflow:auto;}
.HomeAbout .right .more{color:#fff;font-size:18px;padding:12px 25px; border-radius:10px; background:#efad00;display: inline-block;}
.HomeAbout .right .more em{float:right;color:#fff; border:1px #fff solid;padding: 0px 8px;line-height: 10px;margin-left: 15px;margin-top: 2px;}
.HomeAbout .right .more:hover{background: #f60}


/*==首页新闻↓==*/
.HomeNews{margin: 50px 0;}
.HomeNews .left{width:700px;}
.HomeNews .tone{margin-bottom:30px; background:#ececec;float: left;width: 100%;border-radius: 10px;overflow: hidden;display: table;}
.HomeNews .tone li,.HomeNews .tone a{/*! float:left; */width:175px;color:#333;font-size:20px; padding:18px 0; text-align:center;border-right:solid 1px #ddd;display: table-cell; cursor: pointer;}
.HomeNews .tone a{color:#999}
.HomeNews .tone a:hover{color:#fff;background:#f60}
.HomeNews .tone li.hit{color:#fff; background: #098e21;}
.HomeNews .left .down{}
.HomeNews .left .down ul{}
.HomeNews .left .down ul li.one{margin-bottom:45px;}
.HomeNews .left .down ul li.one .img{margin-right:20px;width:280px;border-radius: 20px; overflow: hidden;}
.HomeNews .left .down ul li.one .img img{width:280px; height:210px;}
.HomeNews .left .down ul li.one h4{color:#333333;font-size:16px;}
.HomeNews .left .down ul li.one p{margin:15px 0 15px 0;color:#666666;font-size:14px;}
.HomeNews .left .down ul li.one b{color:#fff;font-size:12px;margin-top:3px; border-radius:2px;padding:3px 15px;background: #efad00;display: inline-block;}
.HomeNews .left .down ul li.one:hover b{background: #f60}
.HomeNews .left .down ul li.one:hover h4{color: #f60}
.HomeNews .left .down ul li.two{float:left;width:350px;padding:5px 20px 5px 15px; background: url(../images/arrow01.png) no-repeat left;}
.HomeNews .left .down ul li.two a{display: block; color:#666666;font-size:14px;}
.HomeNews .left .down ul li.two a:hover{color:#f60}
.HomeNews .right{width:440px;}
.HomeNews .right .faqList{float: left;width: 100%;}
.HomeNews .right .faqList li{border:1px #ddd solid;padding:10px 20px;color:#666666;font-size:14px;border-radius: 10px;margin: 0 0 10px 0;}
.HomeNews .right .faqList li h3{color:#666666;font-size:14px}
.HomeNews .right .faqList li.on{color:#fff; background: #098e21;border: 1px #098e21;}
.HomeNews .right .faqList li.on h3{padding:8px 0; font-size:16px}
.HomeNews .right .faqList li.on h3,.HomeNews .right .faqList li.on p{color:#fff;}


/*==底部===*/
.footer{padding: 80px 0 30px 0;border-bottom:5px #098e21 solid;background: #ececec;}
.footer .tel{color:#098e21;font-size:23px; font-weight:bold;margin-left: 50px;}
.footer .tel span{color:#555555;font-size:16px;font-weight: 400;display: block;margin-bottom: 10px;}
.footer .ewm{color:#098e21;font-size:14px;}
.footer .ewm img{width:65px; height:65px;}
.footer .ewm p{color:#098e21;font-size:14px; border:1px #098e21 solid;padding:10px 15px;float: right;line-height: 20px;background: #fff;}
.footer .nav{background: #098e21;margin: 20px 0 20px 0;border-radius: 10px;overflow: hidden;/*! border-bottom: 4px #007715 solid; *//*! height: 66px; */}
.footer .nav li{position:relative;float:left;width:150px;}
.footer .nav li:before{content: ""; position: absolute;right:0;top:0; display: block; width:2px;height:60px;border-left:1px #037f19 solid;border-right:1px #0f9727 solid;}
.footer .nav li:last-child:before{display: none;}
.footer .nav li a{position:relative;line-height:60px;color:#fff;font-size:16px; text-align: center;display: block;border-bottom: 4px #007715 solid;}
.footer .nav li a:before{opacity: 0; content: ""; position: absolute;left:0;bottom:-4px; height:4px; background: #e89000;width: 100%;transition: all .4s ease-in-out;z-index: 9;}
.footer .nav li a:hover:before{opacity: 1;width: 100%;}
.footer .nav li a:hover{background: #efad00;}
.footer .wr{color:#888888;font-size:14px;}
.footer .wr a{color:#888888;font-size:14px;}
.footer .wr a:hover{color:#098e21}
.footer .link{margin-top: 7px;}
.footer .link h3{float: left;color:#888888;font-size:14px;margin-right: 10px;}
.footer .link a{display: inline-block;color:#888;padding: 0 5px;font-size:14px;}
.footer .link a:hover{color:#098e21}