.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
.width_1360{ width:1360px; margin:0 auto;}

/*导航*/
.header_bg,.nav_bg{ width: 1360px; margin: 0 auto;}
.header_158 .logo{ margin: 16px 0; float: left;position:relative;}
.header_158 .phone{ margin: 24px 0; float: right; }
.header_158 .phone img{margin-top:-4px;}
.header_158 .phone p{margin-bottom:4px;}
.header_158 .phone span{ color: #007d3c; font-size: 24px; font-weight: bold;font-family: arial;}

.nav_158{ background: #007d3c; width: 100%; line-height: 48px;}
.nav_158 li{ float: left; width:12.5%; text-align: center;}
.nav_158 li a{ color: #fff; display:block;}
.nav_158 li:hover{ background: #006b33;}
.nav_158 li.active:hover{ background: #006b33;}

.header_158 .header_bg .logo .lg{width:32%;margin-right: 13px;}
.header_158 .header_bg .logo .slogan{float: left; margin: 6px 0;position:absolute;left:276px;top:0px;}
.header_158 .header_bg .logo .slogan h2{color:#007d3c;font-size:18px;font-weight: bold;line-height: 28px;}



/*轮播图*/
#mould81456 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 50px!important;}
#mould81456 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 50px!important;}
#mould81456 .swiper-pagination-bullet{ background: #007d3c; opacity: 1;}
#mould81456 .swiper-pagination-bullet-active{ width: 30px!important;}
#mould81456 .swiper-button-next{background-image: url(/images/right.svg);}
#mould81456 .swiper-button-prev{background-image: url(/images/left.svg);}


/*简介*/
.jian .title{margin-top:60px;margin-bottom:56px;text-align: center;}
.jian .title h2{font-size:34px;font-weight:bold;color:#007d3c;}
.jian .title p{font-size:24px;color:#007d3c;font-family: arial;text-transform: uppercase;margin-top: 8px;}

.jian .content .left{width:50%;float:left;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-top:34px;padding-bottom:46px;}
.jian .content .left p{color:#333;line-height: 32px;text-indent: 2em;}
.jian .content .left span{border: 1px solid #007d3c;padding:12px 30px;color:#007d3c;transition: 1s;}
.jian .content .left span:hover {background:#007d3c;color:#fff;}
.jian .content .left .text{margin-bottom:64px;}
.jian .content .right{width:45%;float:right;border: 2px solid #007d3c;}

/*产品*/
.product .title{margin-top:72px;margin-bottom:68px;text-align: center;}
.product .title h2{font-size:34px;font-weight:bold;color:#007d3c;}
.product .title p{font-size:24px;color:#007d3c;font-family: arial;text-transform: uppercase;margin-top: 8px;}



/*奥润醇香素*/
.chun{margin-bottom:76px;}
.chun .title{margin-top:72px;margin-bottom:68px;text-align: center;}
.chun .title h2{font-size:34px;font-weight:bold;color:#007d3c;}
.chun .title p{font-size:24px;color:#007d3c;font-family: arial;text-transform: uppercase;margin-top: 8px;}

.chun .content .left{width:31%;float:left;border: 2px solid #007d3c;}
.chun .content .left img{width:100%;}
.chun .content .right{width:64%;float:right;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-bottom: 32px;}
.chun .content .right h2{color:#fff;background:#007d3c;line-height: 52px;font-size:24px;font-weight:bold;width:148px;text-align: center;margin-top:49px;margin-bottom:56px;}
.chun .content .right p{color:#333;line-height: 30px;margin-bottom:36px;}


/*腰图*/
.yaotu{background-image:url(/images/y-bg.jpg);background-repeat:no-repeat;}
.yaotu .content{margin:0 auto;padding:54px 0;}
.yaotu .content div span{width:56px;height:56px;background:url(/images/y-icon.png) no-repeat; display:block;margin:0 auto;}
.yaotu .content .one span{ background-position:0px 0px;}
.yaotu .content .two span{ background-position:-56px 0px;}
.yaotu .content .three span{ background-position:-112px -0px;}
.yaotu .content .four span{ background-position:-168px -0px;}
.yaotu .content .one{border-left: 1px solid #6cb28f;}
.yaotu .content div{float:left;width:25%;text-align:center;height:170px;border-right: 1px solid #6cb28f;padding-top: 20px;box-sizing: border-box;transition: 0.8s;}
.yaotu .content div:hover{padding-top: 10px;}
.yaotu .content div h2{font-size:24px;color:#fff;font-weight:bold;margin-top:20px;}
.yaotu .content div p{font-size:14px;color:#fff;text-transform: uppercase;margin-top: 4px;font-family: arial;}

/*优势*/

.youshi .title{margin-top:72px;margin-bottom:68px;text-align: center;}
.youshi .title h2{font-size:34px;font-weight:bold;color:#007d3c;}
.youshi .title p{font-size:24px;color:#007d3c;font-family: arial;text-transform: uppercase;margin-top: 8px;}

.youshi .content div{width:48.3%;margin-right:3%;float:left;text-align:center;border: 1px solid #007d3c;}
.youshi .content div h2{font-size:22px;font-weight:bold;color:#333;margin-top: 20px;margin-bottom: 14px;}
.youshi .content div p{font-size:16px;color:#333;line-height: 30px;width:83%;margin: 0 auto;line-height: 28px;margin-bottom:62px;}
.youshi .content .two{margin-right:0;}
.youshi .content .three{margin-top:3%;}
.youshi .content .four{margin-right:0;margin-top:3%;}
.youshi .content div span{width:85px;height:85px;background:url(/images/ys-icon.png) no-repeat; display:block;margin:0 auto;margin-top:42px;}
.youshi .content .one span{ background-position:0px 0px;}
.youshi .content .two span{ background-position:-85px 0px;}
.youshi .content .three span{ background-position:-170px 0px;}
.youshi .content .four span{ background-position:-255px 0px;}

.youshi .content div:hover{ cursor: pointer;}
.youshi .content .one:hover{background:url(/images/bg1.jpg) ;background-size:100% 100%;}  
.youshi .content .one:hover h2{color:#fff;}
.youshi .content .one:hover p{color:#fff;}
.youshi .content .one:hover span{background-position:0px -85px;}

.youshi .content .two:hover{background:url(/images/bg2.jpg) ;background-size:100% 100%;}  
.youshi .content .two:hover h2{color:#fff;}
.youshi .content .two:hover p{color:#fff;}
.youshi .content .two:hover span{background-position:-85px -85px;}

.youshi .content .three:hover{background:url(/images/bg3.jpg) ;background-size:100% 100%;}  
.youshi .content .three:hover h2{color:#fff;}
.youshi .content .three:hover p{color:#fff;}
.youshi .content .three:hover span{background-position:-170px -85px;}

.youshi .content .four:hover{background:url(/images/bg4.jpg) ;background-size:100% 100%;}  
.youshi .content .four:hover h2{color:#fff;}
.youshi .content .four:hover p{color:#fff;}
.youshi .content .four:hover span{background-position:-255px -85px;}


/*合作伙伴*/
.hezuo{margin-bottom:86px;}
.hezuo .title{margin-top:72px;margin-bottom:68px;text-align: center;}
.hezuo .title h2{font-size:34px;font-weight:bold;color:#007d3c;}
.hezuo .title p{font-size:24px;color:#007d3c;font-family: arial;text-transform: uppercase;margin-top: 8px;}

.hezuo .banner1{width:86.5%;margin:0 auto;    position: relative;}
.hezuo .swiper-slide{ position:relative; border: 2px solid #f1f1f1;box-sizing: border-box;}
.hezuo .swiper-button-prev,.hezuo .swiper-button-next{ width:48px; height:88px; background:url(/images/btn_a.png) no-repeat; top:40%;}
.hezuo .swiper-button-prev{ left:-8%;}
.hezuo .swiper-button-next{ right:-8%; background-position:-48px 0;}

/*底部*/
#mould81009{ background-repeat: round;background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;background:#1a1a1a;}
.footer{ background:none;}
.foot{margin:0 auto;width: 100%;}
.footer-foot{ background:none;}
.footer-foot .center{  margin:0 auto; border-top: 1px solid rgba(255,255,255,0.3);}
.footer-foot p{ line-height:46px; float:left; color:#ccc;font-size:14px;}
.footer-foot p a{ color:#ccc;font-size:14px;}
.footer-foot p a:hover{ color:#fff;}
.footer-foot p:last-child{ float:right;}
.foot_nav li p{ font-size:16px; color:#e5e5e5;}
.foot_nav li a{ font-size:14px; color:#ccc;}
.foot_nav li a:hover{ color:#fff;}
.foot_nav{    padding-right: 6px;}
.foot_nav > ul > li {margin-right: 68px;}
.foot-ewm {float: right;}
.foot-ewm p img {width: 98px;height: 98px;}
.foot-ewm p span {margin-top: 10px;font-size: 14px;}
.foot-ewm p {margin-left: 48px;}
.foot {padding: 52px 0;}




/*产品*/



.product li {width: 100%;}
.four_pro{ background:none;}
.child_content{ width:1360px; padding: 40px 0 0 0;}
.pro_detail .f_left{ width:18%; float:left;}
.pro_detail .f_left h2{ background:#009240; font-weight:bold; line-height:60px; font-size: 24px; text-align: center;}
.pro_detail .f_left li{ line-height:54px; background:#f2f2f2; padding-left:24px; border-bottom:1px solid #ccc;}
.pro_detail .f_left li.active>a{ color:#009240;}
.pro_detail .f_left li>a{ display: block; font-weight:bold;}
.pro_detail .f_left li>a:hover{ color:#009240;}
.pro_detail .f_left .sub-dhmenu{ display:none;}
.pro_detail .f_left li.active .sub-dhmenu{ display:block;}
.pro_detail .f_left .sub-dhmenu a{ line-height:48px; display: block; border-top:1px solid #ccc; padding-left:10px;}
.pro_detail .f_left .sub-dhmenu a:hover{ background: rgba(0,146,64,0.2); color:#333;}
.pro_detail .f_right{ width:78%; float:right;}
.pro_detail .f_right>ul>li{ width:32%; float:left; margin-right:2%; margin-bottom:24px;}
.pro_detail .f_right>ul>li:nth-child(3n){ margin-right:0;}
.pro_detail .f_right>ul>li a{ overflow:hidden; display:block; border: 2px solid #f1f1f1;}
.pro_detail .f_right>ul>li img{ transition:1s;}
.pro_detail .f_right>ul>li:hover img{ transform:scale(1.1);}
.child_content p{ color:#333; text-indent: inherit; text-align:center; line-height: 40px;}
.crumbs_nav{ width: 100%; line-height: 40px; border-bottom:1px solid #ccc; margin-bottom:30px; color: #333;}
.crumbs_nav a{ display: inline-block; margin: 0 8px;}
.crumbs_nav a:hover{ color: #009140;}
.crumbs_nav a.b{ background: url("/images/btn.png") no-repeat; background-position: -157px 0; width: 20px; height: 20px; position: relative; top: 5px;}
.crumbs_nav span{ margin-left: 8px; color: #009140;}
.four_page{ margin: 0 0 30px 0;}
.four_list li{ color:#333;}
.four_list li a{ border: 1px solid #999; color:#333;}
.four_list li:hover a{ background:#009240; border: 1px solid #009240; color:#fff;}
.main3{ width:100%; padding:0;}
.fenye3_all h4{ color:#333;}
.fenye3_all h4 a{ color:#009240;}
.product3_txt{ color:#333; min-height:100px;}
.product3_txt h3{ padding:20px 0;}
.product-list,.main2{ width:1360px;}
.product-list > ul li{ width:24%; margin-bottom:20px;}
.product-list > ul li p:first-child{ border:1px solid #ccc; height:auto;}
.product2_xq_con{ width:100%;}
.product2_xq h2{ height:auto;}
.main2 .fenye3_all{ width:100%;}
.picture1 .picture1-cont{ width:1360px;}
.picture1 .picture1-cont > ul a{ border:1px solid #ccc;}
.picture1 .picture1-cont > ul li a img{ height:210px;}
.wz_main,.news001 .news_ny_bg,.rel_cont{ width:1360px;}
.wz_main .wz_news_ny li .img_box{ height:260px;}
.wz_main .wz_news_ny li .text{ width:67.2%;}
.wz_main .wz_news_ny li:hover .text span {border-color:#009240;background-color:#009240;background:#009240;border-radius:4px;color:#fff;}
.news001 .news_ny_cont{ padding:0;}
.news001 .news_ny_cont_xq h3 a,.tb_page h4 a,.newcontent h3 a{ color:#009240;}
.f-page{ margin-top:0;}
.pro_detail .f_left li:first-child .sub-dhmenu {display: block;}

.product .allever .child_content .pro_detail .f_right ul li .p_til{background:#f1f1f1; line-height: 48px;}
.product .allever .child_content .pro_detail .f_right ul li:hover a{border: 2px solid #007d3c;}
.product .allever .child_content .pro_detail .f_right ul li:hover .p_til{background:#007d3c; color:#fff;}

@media screen and (min-width:1440px) and (max-width:1680px){  
  .header_bg, .nav_bg{ width:90%;}
  .width_1366,.about_a{ width:90%;}
  .fw_center .left li{ margin-right: 68px;}
}

@media screen and (min-width:1360px) and (max-width:1439px){ 
  .header_bg, .nav_bg{ width:90%;}
  .width_1366,.about_a,.width_1360,.copy_bg{ width:90%;}
  .fw_center .left li{ margin-right: 54px;}
  .news_a2 .swiper-container1 .tempWrap{ height:452px!important;}
}