@charset "utf-8";
/* CSS Document */

body, button, input, select, textarea a{ font-size:14px; line-height:24px;  font-family: "微软雅黑",Arial, Helvetica, sans-serif; }
div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, iframe, button, textarea, p, blockquote, th, td, img{ margin: 0;  padding: 0;}
body{margin: 0;  padding: 0; max-width: 640px;margin: 0 auto;}
html{color:#333333;margin:0px auto;padding:0px;OVERFLOW-X: hidden; }
fieldset, img, iframe, button{ border:0; text-decoration:none;}
/**:focus { outline: 0;}*/
ol, ul { list-style: none;}
table {  }
caption, { text-align: left;}
header, footer, article, section, nav{display: block;}
a {outline: none; /* for Forefox */ cursor:pointer; text-decoration: none; }
a { /* for Ie*/ }
input{ outline:none; }
em{ font-style:normal;}
input,select,img{ vertical-align:middle;}
textarea{ outline: none; resize:none;}
h1,h2,h3,h4,h5,h6,.fs14 { font-weight:normal;} 
a img{border: none;}
i{ font-style:normal;}
a{ color: #666; }
.fl{float:left}
.fr{float:right}
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.clearfix{zoom:1;}
.g-w{width:100%; min-width:1200px; margin:0 auto; height:auto;}
.g-box{ width:1200px; height:auto; margin:0 auto;}
.wp {width: 95%; padding:0 2.5%;}

.yunu-header{height:70px;background-color:#fff;}
.yunu-header .bottom{*zoom:1;background-color:#fff;}
.yunu-header .bottom:after,.yunu-header .bottom:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.yunu-header .logo{float: left;width:55%;height:70px;line-height:70px; background:#016936}
.yunu-header .logo img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.menuBtn{position: relative;float: right;margin-top:16px;margin-right: 2.5%;width: 30px;height: 30px;padding: 5px;cursor: pointer;}
.menuBtn b{display: block;width: 100%;height:3px;border-radius: 2px;background-color:#016936;margin: 3px 0 7px;transition: .3s;
-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.menuBtn.open b{position: absolute;left: 5px;top: 35%;display: none;width: 30px;}
.menuBtn.open b:first-child{display: block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.menuBtn.open b:last-child{display: block;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.yunu-nav {float: none;width: auto;display: none; position: fixed;top: 60px;left: 0;right: 0;width: 100%;height: 100%;z-index: 9999;
background-color: #444;}
.yunu-nav > li {float: none;width: auto;}
.yunu-nav > li > a {width: auto;display: block;padding: 0 20px;height: 44px;line-height: 44px;margin: 0;text-align: left;border-radius: 0;font-size: 14px;border-bottom: 1px solid #eee;}
.yunu-nav > li > a.v1{background-repeat: no-repeat;background-position: 95% center;background-image: url(../images/icon7.png);}
.yunu-nav > li:hover{background-color: #666;}
.yunu-nav > li > a.v1.on{background-image: url(../images/icon7-hover.png);}
.yunu-nav > li > a > span{top: 0 !important;color: #fff !important;}
.yunu-nav > li.on > a > span:after,
.yunu-nav  >li:hover > a > span:after{display: none;}
.yunu-nav dl {border-top: 0;position: static;background-color: rgba(0,0,0,0);}
.yunu-nav li:hover dl {display: none;}
.yunu-nav dl dd a{text-align: left;height: 36px;line-height: 36px;padding-left: 40px;color: #fff;background-color: #666;font-size: 14px;
display: block;border-bottom: 1px solid #e2e2e2;}
.yunu-nav dl dd a:hover{background-color: #666;}
	

/*banner*/
.banner .item .con{ width:100%;}
.banner .item .con img{ width:100%;}
.banner .slick-arrow{position: absolute;top: 50%; margin-top: -40px;overflow: hidden;cursor: pointer;width: 82px;height: 82px;font-size: 0;line-height: 0;z-index: 9;background-repeat: no-repeat;background-position: center center;
-o-background-size: auto 30px;-ms-background-size: auto 30px;-moz-background-size: auto 30px;-webkit-background-size: auto 30px;background-size: auto 30px;background-color: rgba(0,0,0,0);border: 0; outline: 0;padding: 0;}
.banner .slick-arrow:hover{background-color: rgba(0,0,0,.2);}
.banner .slick-prev{left: 0;background-image: url(../images/pres1.png);}
.banner .slick-next{right: 0;background-image: url(../images/nexts1.png);}
.banner .slick-dots{position: absolute;left: 0;bottom: 3%;width: 100%;text-align: center;z-index: 99;font-size: 0;}
.banner .slick-dots li{display: inline-block;margin: 0 5px;}
.banner .slick-dots button{background-color: #fff;cursor: pointer;border-radius: 50%;border: 0;width: 10px;height: 10px;outline: 0;font-size: 0;padding: 0;}
.banner .slick-dots li.slick-active button{background:#016936;}


.ab-box{width:100%;}
.ab-box ul{width:95%;margin:20px auto;}
.ab-box ul li{float:left;width:25%;margin:0 4.1%;text-align:center;}
.ab-box ul li img{width:100%;height:100%;}
.ab-box ul li p{font-size:15px;font-weight: 700;}

/*关于我们*/
.row-a3{padding-bottom:20px; }
.m-imgtxt01{overflow: hidden;margin: 0;}
.m-imgtxt01 .txt{float: none;width: auto;}
.m-imgtxt01 .txt h3{position: relative;font-size:24px; line-height:36px;color: #016936;font-weight:bold;}
.m-imgtxt01 .txt h4{font-size:16px;line-height:30px;color: #666;font-weight:bold;}
.m-imgtxt01 .txt p{margin:15px 0;font-size: 14px;color: #7f7f7f;line-height: 24px;}
.m-imgtxt01 .txt p em{margin:14px 0;font-size: 14px;line-height: 24px;color: #c7c7c7;}
.m-imgtxt01 .g-more01{ margin: 0 auto;}
.m-imgtxt01 .pic{overflow: hidden;position: relative;height: 0;padding-top:52%;width: auto; margin-top:20px;}
.m-imgtxt01 .pic img{width: 100%;height: 100%;display: block;    position: absolute;top: 0;left: 0;}
.m-imgtxt01 .shuju{ margin-bottom:0px;}
.m-imgtxt01 .shuju ul li{ float:left; width:50%; text-align:center; margin-top:10px;}
.m-imgtxt01 .shuju h3{ font-size:30px; line-height:40px; color:#651d1c; font-weight:bold;}
.m-imgtxt01 .shuju p{ font-size:15px; line-height:20px; color:#333; }



/*首页标题*/
.g-tit01{text-align: center;color: #595959;padding: 25px 0;}
.g-tit01-bai{color: #fff;}
.g-tit01 h3{font-size: 22px; font-weight:bold; line-height:30px;}
.g-tit01 h3 span{color: #e5000d; margin-right: 10px}
.g-tit01 h4{font-size: 18px; font-weight:bold; line-height:30px;}
.g-tit01 h4 span{color: #e5000d; margin-right: 10px}

/*  产品  */
.index-product{ padding:20px 0; background:#f6f6f6;}
.index-product ul{ margin-top:20px;}
.proSlide{ margin-top:30px;}
.brick-items{z-index: 1;float: left; width:45%; margin:0 8px; margin-bottom:20px;background:#f5f5f5;-webkit-transition: all .2s linear;transition: all .2s linear;height:100%;padding: 0px 0 0 0;border:#e5e5e5 1px solid;}
.brick-items:hover{z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);top:-2px}
.brick-items .title{margin-top:10px;font-size:15px;font-weight:bold;text-align:center; display:block; color:#555;}
.brick-items .title a{color:#555;}
.brick-items .t2{font-size: 12px;color:#999; text-align:center;margin:10px 0;}
.brick-items .hrs{ width:40px; height:3px; background:#e5000d; border:0; }
.brick-items .desc{margin:10px 0px 10px 0px;padding-left:10px; padding-right:10px;font-size:15px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;_zoom:1;color:#777777; }
.brick-items .figure-img{background-color: #e9e9e9;}
.brick-items .figure-img img{width:100%;}
.index-product .g-more01{ margin-bottom:20px;}

.proMenu {text-align:center;margin:20px 0 30px 0;}
.proMenu a {font-size:18px;color:#222;margin:0 10px;}
.proMenu a span {font-size:16px;margin-bottom:15px;}
.proMenu a i {display:inline-block;width:52px;height:48px;background: url('../images/pro_icon.png') no-repeat;margin-right:8px;position:relative;top:16px;}
.proMenu a:nth-child(2) i {background-position: -58px 0;}
.proMenu a:nth-child(3) i {background-position: -112px 0;}
.proMenu a:nth-child(4) i {background-position: -177px 0;}
.proMenu a.on {color:#bc1d79;}
.proMenu a:hover {color:#bc1d79;}
.proMenu a.on i {background-position: 0 -48px;}
.proMenu a:hover i {background-position: 0 -48px;}
.proMenu a.on:nth-child(2) i {background-position: -58px -48px;}
.proMenu a:hover:nth-child(2) i {background-position: -58px -48px;}
.proMenu a.on:nth-child(3) i {background-position: -112px -48px;}
.proMenu a:hover:nth-child(3) i {background-position: -112px -48px;}
.proMenu a.on:nth-child(4) i {background-position: -177px -48px;}
.proMenu a:hover:nth-child(4) i {background-position: -177px -48px;}


.g-more01{position: relative;display: block;width: 100px;height:32px;line-height:32px;margin: 0 auto;text-align: center;font-size: 14px;border: 1px solid #016936;color:#016936;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.g-more01:hover{color: #fff;background-color:#016936;border: 1px solid #016936;}

/*服务体系*/
.ind-title{margin-top:5px;}	
.ind-title-h{height:40px;margin: auto; font-size:22px;font-weight:bold; color:#4f4f4f; line-height:40px; text-align: center; }
.ind-title .hrs{ width:40px; height:3px; background:#016936; border:0; margin:0 auto; }
.ind-title-p{height:18px;margin: auto; font-size:16px; text-decoration: none;color:#666666; line-height:18px; text-align: center; margin-bottom:10px; }	
.i2{width:100%; padding:20px 0; }
.i2 ul{ margin:5px 0;}
.i2 ul li{width:100%;float:left;}
.i2_tp{width:50%;float:left;}
.i2_ct{width:50%;float:right;}
.i2_tp img,.i2_ct img{width:100%;float:left;}





.row-a3{ padding:20px 0}
.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; padding-top:20px; }
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:45px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; margin-right:50px;  }
.slideBox .hd ul li{ float:left; margin:0 5px;  width:20px; height:20px; line-height:20px; text-align:center; background:#999;color:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#651d1c; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd ul li .product_img img{ width:100%; height:auto; display:block;}
.slideBox .bd ul li .product_txt{width:320px; height:auto;padding:20px 0;}
		
.slideBox .bd ul li .product_txt a {display: block;font-size:18px;color: #494846;font-weight: bold;line-height: 32px;}
.slideBox .bd ul li .product_txt p {height:130px;font-size: 14px;color: #909090;line-height:30px;margin-top: 5px;}
				

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:1%; top:25%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:1%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }



/*  产品优势  */
.index_sec_advantage{ padding:20px 0;}
.index_sec_advantage .cnt .list .title_list{float:none;width:95%;height:auto;margin:0 auto;text-align:justify;font-size:0; margin-top:20px; margin-bottom:-20px;}
.index_sec_advantage .cnt .list .title_list .title_item{width:49%;margin:5px 0;color:#333;background:#ccc;overflow:hidden;cursor:pointer}
.index_sec_advantage .cnt .list .title_list .title_item .title_num{margin:5px 20px;font:700 30px berlin sans fb}
.index_sec_advantage .cnt .list .title_list .title_item .title_symbol{display:none;font:700 12px 宋体;margin:0 12px 0 0;vertical-align:middle}
.index_sec_advantage .cnt .list .title_list .title_item .title_text{margin:5px 20px 15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-size:15px;}
.index_sec_advantage .cnt .list .title_list .title_item{display:inline-block;height:auto;font-size:12px;text-align:left;}
.index_sec_advantage .cnt .list .title_list .title_item.on{color:#fff;background:#006636}
.index_sec_advantage .cnt .list .title_list .title_item.on .title_symbol{display:inline-block}
.index_sec_advantage .cnt .list .title_list .line_holder{display:inline-block;width:100%}

.index_sec_advantage .cnt .list .intro_list{margin:0 ;height:100%;color:#fff;background:url(../images/ys_bg.jpg)}
.index_sec_advantage .cnt .list .intro_list .intro_item{height:auto}
.index_sec_advantage .cnt .list .intro_list .intro_item .intro_content{position:static;transform:none}
.index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_num{display:block;margin:30px 30px 0;color:#02aeae;font:700 44px berlin sans fb}
.index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_title{display:block;margin:30px 30px 20px;font-size:20px;font-weight:700;color:#fff}
.index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_split{display:block;margin:10px 30px;width:24px;height:2px;border:0;background:#006636}
.index_sec_advantage .cnt .list .intro_list .intro_item .intro_content .intro_description{margin:20px 20px 30px 30px;font-size:14px;line-height:1.5}



reason{
    height:auto;
    background: #f3f3f3;
}
.reason .biaoti{
    height: 341px;
    background: url("../images/reason.png") top center no-repeat;
}

.reason .ind-title{margin-top:0px; padding-top:20px;}	
.reason .ind-title-h{height:40px;margin: auto; font-size:22px;font-weight:bold; color:#fff; line-height:40px; text-align: center; }
.reason .ind-title .hrs{ width:40px; height:3px; background:#016936; border:0; margin:0 auto; }
.reason .ind-title-p{height:18px;margin: auto; font-size:16px; text-decoration: none;color:#eee; line-height:18px; text-align: center; margin-bottom:10px; }	




.reason .preview{
    width: 100%;
    height: 234px;
    background: #ffffff;
    position: relative;
    margin-top: -118px;
}
.reason .preview .swiper-slide{
    width: calc(25% - 1px);
    height: 234px;
    cursor: pointer;
    position: relative;
    border-left: solid 1px #eeeeee;
}
.reason .preview .swiper-slide .h6{
    font-size: 24px;
    color: #333333;
    line-height: 47px;
    padding-top: 61px;
    text-align: center;
}
.reason .preview .swiper-slide p{
    font-size: 16px;
    color: #888888;
    line-height: 29px;
    text-align: center;
}
.reason .preview .swiper-slide .xian{
    width: 26px;
    height: 1px;
    background: #c9c9c9;
    margin: auto;
    margin-top: 42px;
    opacity: 1;
    /* transition:all 0.3s ease-in-out; */
}
.reason .preview .swiper-slide:hover .xian{
    opacity: 0;
}
.reason .preview .swiper-slide .img{
    position: absolute;
    top: 162px;
    left: 50%;
    margin-left: -14px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    opacity: 0;
    transition:all 0.3s ease-in-out;
    background: url("../images/reason_icon.png") center center no-repeat;
}
.reason .preview .swiper-slide:hover .img{
    opacity: 1;
}
.reason .preview .active-nav .img{
    opacity: 1;
}
.reason .preview .active-nav .xian{
    opacity: 0;
}
.reason .view .swiper-slide{
/*    padding: 0 87px;
    width: calc(100% - 174px) !important;
*/}
.reason .view .right{
    width: 558px;
    height: 234px;
    margin-top: 88px;
    position: relative;
}
.reason .view .right .view_icon{
    position: absolute;
    top: -7px;
    right: 30px;
}
.reason .view .left{
    width: 570px;
    padding-top: 15px;
}
.reason .view .left .shi .zi{
    font-size: 66px;
    color:#016936;
    line-height: 116px;
    font-weight: 600;
}
.reason .view .left .shi .xian{
    width: 35px;
    height: 2px;
    margin-top: 68px;
    background:#016936;
}
.reason .view .left .bt{
    font-size: 18px;
    color: #888888;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    margin-bottom: 16px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.reason .view .left .bt text{
    font-size: 36px;
    color: #333333;
    font-weight: 600;
    text-transform:uppercase;
}
.reason .view .left .text{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    text-align: justify;
}
.reason .swiper-pagination-reason{
    text-align: center;
    margin-top: 64px;
}
.reason .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: url("../images/reason_dian1.png") center center no-repeat;
    opacity: 1;
}
.reason .swiper-pagination-bullet-active {
    opacity: 1;
    background: url("../images/reason_dian2.png") center center no-repeat;
}
.view .arrow-left{
    background: url("../images/reason_l1.png") no-repeat center center;
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 6px;
    height: 11px;
    z-index: 10;
    margin-left: -73px;
    transition:all 0.3s ease-in-out;
}
.view .arrow-left:hover{
    background: url("../images/reason_l2.png") no-repeat center center;
}
.view .arrow-right{
    background: url("../images/reason_r1.png") no-repeat center center;
    position: absolute;
    right: 50%;
    bottom: 4px;
    width: 6px;
    height: 11px;
    z-index: 10;
    margin-right: -73px;
    transition:all 0.3s ease-in-out;
}
.view .arrow-right:hover{
    background: url("../images/reason_r2.png") no-repeat center center;
}


/*咨询*/

.row-a4{padding:20px 0;  height:180px;background-repeat: no-repeat;background-position: center center;-o-background-size: cover;-ms-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
.row-a4 .wp h1{text-align: center; color:#fff; font-size:24px;}
.row-a4 .wp h5 {font-size: 16px; color: #ffffff; text-align: center; line-height:24px; margin-top:15px;}
.row-a4 .wp h4 {font-size: 12px; color: #ffffff; text-align: center; line-height:24px; margin-top:5px;}
.row-a4 .zxlx{width: 220px; height: 40px; box-sizing: border-box; border: 1px solid #fff; margin: 20px auto 0;}
.row-a4 .zxlx p {font-size: 14px; color: #fff; text-align: center; line-height: 40px;}
.row-a4 .zxlx p span {font-weight: bold;}


/*  案例  */
.index_case{padding: 20px 0;background: #f6f6f6;}
.ladyScroll{width:100%;height:100%;margin:25px auto 0;}
.ladyScroll .scrollWrap{width:100%; overflow:hidden;}
.ladyScroll dl{float:left;width:45.2%;position:relative; margin:0 2%; margin-bottom:20px;background:#f5f5f5;-webkit-transition: all .2s linear;transition: all .2s linear;height:100%;padding: 0px 0 0 0;border:#e5e5e5 1px solid;}
.ladyScroll  span{display:block;width:100%;height:40px;position:absolute;left:0;bottom:0;background:#5f626b;filter:alpha(opacity=80);opacity:0.80;}
.ladyScroll  dt{margin:0 auto;width:100%;overflow:hidden;}
.ladyScroll  img{display:block;width:100%;height:100%;}
.ladyScroll  dd{width:100%;height:40px;line-height:40px;font-size:15px;color:#fff;text-align:center; text-align:center; background:#eee}
.ladyScroll  dd a{ font-size:14px; color:#333;  }
.ladyScroll  dd a:hover{ text-decoration:none;  }



/*  产品品质  */

.index-pinzhi{padding:20px 0;}
.index-pinzhi .pinzhi-con{ margin-top:25px;}
.pinzhi-con ul li{ width:28%; margin:2.5%; float:left;}
.pinzhi-con ul li .pz-img img{ width:100%}
.pinzhi-con ul li .pz-t1{ font-size:14px; color:#016936; font-weight:bold; line-height:24px; text-align:center; margin-top:10px;}
.pinzhi-con ul li .pz-t2{ font-size:12px; color:#888;line-height:16px;text-align:center;}



/*新闻中心*/
.index-news{padding-top:25px; padding-bottom:10px; background:#f6f6f6; margin-top:20px; }

.ul-imgtxt03-sj{margin-top: 20px;display: block;}
.ul-imgtxt03-sj li{padding:15px; background:#fff;overflow: hidden; margin-bottom:15px;}
.ul-imgtxt03-sj li .pic{width:100%;height:100%;}
.ul-imgtxt03-sj li .pic img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ul-imgtxt03-sj li .txt{ margin-top:20px;}
.ul-imgtxt03-sj li .txt .time{display: block;font-size: 14px;color: #999;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.ul-imgtxt03-sj li .txt h3{font-weight: 400;font-size: 15px;color: #333;-ms-text-overflow: ellipsis;text-overflow: ellipsis;
overflow: hidden;white-space: nowrap;}
.ul-imgtxt03-sj li:hover .txt h3{color:#016936;}
.ul-imgtxt03-sj li .txt p{font-size: 13px;color: #999;overflow: hidden;}


/*底部*/
.footer{background-color:#03512b; color:#D8D8D8}
.footer-c{ padding-top:20px;}
.footer-c-tit h3{ font-size:20px;}
.footer-c-tit h4{ font-size:15px;}

.footer-c p{ font-size:14px; margin:10px 0;}
.footer-c ul{}
.footer-c ul li{ float:left; margin-right:15px;}

.footer-a{ padding-top:20px;}
.footer-a img{ padding-top:15px;}

.footer-d{ padding:20px 0}
.footer-d h3{ font-size:16px; line-height:36px;}
.footer-d p{ font-size:13px; line-height:30px;}
.footer-d p em{ font-size:18px;}
.footer-d p a{ color:#D8D8D8}


/*内页banner*/

.brand_banner{background:url(../images/brandcenter.jpg) center top no-repeat;width:100%;height:165px;position: relative; background-size: 100% 100%;}
.product_banner{background:url(../images/productcenter.jpg) center top no-repeat;width:100%;height:165px;position: relative; background-size: 100% 100%;}
.bc_banner{background:url(../images/bccenter.jpg) center top no-repeat;width:100%;height:165px;position: relative; background-size: 100% 100%;}
.news_banner{background:url(../images/newscenter.jpg) center top no-repeat;width:100%;height:165px;position: relative; background-size: 100% 100%;}
.contact_banner{background:url(../images/contactcenter.jpg) center top no-repeat;width:100%;height:165px;position: relative; background-size: 100% 100%;}
.join_banner{background:url(../images/joincenter.jpg) center top no-repeat;width:100%;height:165px;position: relative; background-size: 100% 100%;}
.fw_banner{background:url(../images/fwcenter.jpg) center top no-repeat;width:100%;height:165px;position: relative; background-size: 100% 100%;}


.banner_title{text-align:center; }
.banner_title h2{text-transform:uppercase;color:#fff;font-size:20px; padding-top:40px;}
.banner_title em{display:block;width:40px;height:4px;background:#096e44;margin:10px auto;}
.banner_title em.tone{background:#096e44}
.banner_title blockquote{font-size:20px;color:#fff;}

/*内页导航*/
.g-cur { width:100%; height:auto;background: #f3f3f3;}
.g-cur a{color:#666; font-size:15px; height:40px; display:block; }
.g-cur ul li{width:25%; line-height:40px;float:left;text-align:center;}
.g-cur ul li.on{background:#fff;font-weight:bold;}
.g-cur ul li.on a{color:#096e44;height:38px; border-bottom:2px #096e44 solid; }


/*关于我们*/
.row-b1{padding:20px 0 16px;}
.about1 h2{ font-size:30px; line-height:40px; color:#999;}
.about1 h3{font-size:24px; line-height:50px; color:#333; font-weight:bold;}
.about1 h5{font-size:14px; line-height:30px; color:#999; }
.about1 img{ width:100%;}
.about1 h4 {font-size: 18px;line-height: 40px;color: #333;font-weight: bold;margin-top: 20px;}
.about1 p{ font-size:14px; line-height:30px; margin:20px 0;}

.about2 h2{ font-size:30px; line-height:50px; color:#999;}
.about2 h3{font-size:24px; line-height:50px; color:#333; font-weight:bold;}
.yunu-qywh{padding-top:30px;}
.yunu-qywh li {width:50%;float: left;height:140px;background: #fff;position: relative;}
.yunu-qywh li.li2 {padding:0 8px;width:45%;}
.yunu-qywh li b {font-size:18px; line-height:50px;color:#333;}
.yunu-qywh li p {margin-top:5px;font-size: 14px;color: #333;line-height: 20px;}
.yunu-qywh li span {position: absolute;left:30px;bottom: 35px;}
.yunu-qyry li{ width:360px; margin:10px 20px; float:left;}
.yunu-qyry li img{ width:360px;}




/*产品中心*/

.m_chanpin {overflow: hidden;margin-bottom: 30px;}
.ul-imgtxt-01 {margin: 10px 0;}
.ul-imgtxt-01:after, .ul-imgtxt-01:before {display: block;content: "clear";height: 0;clear: both;overflow: hidden;visibility: hidden;}
.ul-imgtxt-01 li {margin-top: 10px;float:left;width:46%;margin:2%;}
.ul-imgtxt-01 li a {display: block;text-align: center;}
.ul-imgtxt-01 li a .pic {padding-top:130%;height: 0;position: relative;overflow: hidden;}
.ul-imgtxt-01 li a .pic img {display: inline-block;vertical-align: middle;width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;margin: 0 auto;transition: 1s;-webkit-transition: 1s;}
.ul-imgtxt-01 li a .pic01 {padding-top:80%;height: 0;position: relative;overflow: hidden;border-radius: 5px}
.ul-imgtxt-01 li a .pic01 img {display: inline-block;vertical-align: middle;width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;margin: 0 auto;transition: 1s;-webkit-transition: 1s;}
.ul-imgtxt-01 li a p {height:30px;line-height:30px;text-align: center;font-size: 14px;color: #666;font-weight: 400;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.product{ text-align:center; padding-bottom:40px;}
.product h3{ font-size:18px; line-height:50px;}
.product img{ width:90%;}

.product01{ text-align:center; padding-bottom:40px;}
.product01 h3{ font-size:18px; line-height:50px; font-weight:bold;}
.product01 img{ width:100% !important; height:auto !important;}

.ul-newslist {overflow: hidden;margin-bottom: 30px;}
.ul-newslist li {font-size: 14px; padding: 15px 0;border-bottom: #dddddd 1px dotted;}


/*新闻中心*/
.ul-newslist li .pic{ float:left;width:35%;height:95px;overflow: hidden;}
.ul-newslist li .pic img{ display: block;width: 100%;height: 100%;object-fit: cover;}
.ul-newslist li .txt{ float:right;width:60%;height:95px;overflow: hidden;}
.ul-newslist li .txt h3 {font-weight: 400;font-size: 16px;color: #333;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ul-newslist li .txt h3 a{color: #333;}
.ul-newslist li .txt .time {font-size: 12px;}
.ul-newslist li .txt p {font-size: 12px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.m-news1 .box {padding-top: 20px;}
.m-news1 .box h1 {height: 34px;line-height: 34px;color: #434343;margin-bottom: 10px;text-align: center;font-size:16px;font-weight:bold;}
.m-news1 .box .desc {text-align: center;}
.m-news1 .txt {padding: 15px 0;line-height: 24px;color: #2F2F2F;font-size: 14px;}
.m-news1 img{ width:100% !important; height:auto !important; }
.ul-pages1 {overflow: hidden;margin: 20px 0;}


.news_list{
    padding-bottom: 40px;
}
.news_list a{
    display: block;
    width: calc(50% - 79px);
    padding: 0 32px;
    margin-right: 30px;
    background: #fff;
    margin-bottom: 28px;
}
.news_list a:nth-child(2n){
    margin-right: 0;
}
.news_list a .bt{
    padding-top: 10px;
}
.news_list a .bt .p{
    font-size: 18px;
    color: #333333;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    max-width: calc(100% - 40px);
    height: 48px;
    line-height: 48px;
}
.news_list a .bt .border{
    height: 3px;
    width: 0px;
    background: #e6a001;
    margin-top: 22px;
    margin-right: 0px;
    transition:all 0.3s ease-in-out;
}
.news_list a:hover .bt .border{
    width: 17px;
    margin-right: 12px;
}
.news_list a .text{
    font-size: 14px;
    color: #888888;
    line-height: 30px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-top: 7px;
}
.news_list a .time .float_l{
    font-size: 14px;
    color: #888888;
    line-height: 36px;
    height: 36px;
    margin-right: 20px;
    padding-left: 26px;
}
.news_list a .time .float_l:nth-child(1){
    background: url("../images/news_icon3.png") center left 3px no-repeat;
}
.news_list a .time .float_l:nth-child(2){
    background: url("../images/news_icon4.png") center left 3px no-repeat;
}
.news_list a .button_xq{
    line-height: 88px;
    height: 88px;
    font-size: 16px;
    color: #333333;
    width: 123px;
    background: url("../images/news_icon1.png") center right no-repeat;
    transition:all 0.4s ease-in-out;
}
.news_list a:hover .button_xq{
    margin-left: calc(100% - 123px);
    color: #c82128;
    background: url("../images/news_icon2.png") center right no-repeat;
}




/*招商加盟*/

.join-zc .join-zc-title{text-align: center; overflow: hidden; margin:0 0 30px 0;}
.join-zc .join-zc-title h2 { font-size:24px; line-height:60px; font-weight: normal; color:#333}
.join-zc .join-zc-title p {font-size: 15px;color: #666;}
.join-zc-img img{ width:100%;}
.join-zc .jm-1-con li {zoom: 1;display: inline-block;vertical-align: middle;vertical-align: top;width:45%; padding:5% 2%;text-align: center;}
.join-zc .jm-1-con li h5 {font-weight: 700;font-size: 18px;color:#096e44;margin-bottom: 15px;}
.join-zc .jm-1-con li p {font-size: 14px;color:#333;line-height:1.5; }
.join-zc .jm-1-con{ margin-bottom:50px;}

.yszc{ margin-top:10px; overflow:hidden}
.ys_title{height:50px; position:relative; margin-bottom:5px; text-align:center;}
.ys_title h3 { color:#333;font-size:24px;}
.jmtj_text{ margin-top:20px;}
.jmtj_text p{ margin:10px 0; font-size:14px; line-height:30px;}
.jmtj_text p span{color:#096e44; font-size:18px;font-weight:bold; }
.join-fw img{ width:100%;}

.jmts{ font-size:14px; font-weight:bold;text-align:center; margin-top:20px;}


/*防伪查询*/

.query {padding:20px 0;}
.query h3{ font-size:18px; font-weight:bold; color:#333; line-height:50px; text-align:center;}
.query p{ font-size:13px; color:#666; line-height:30px; text-align:center;}

.query-list{ width:100%; margin-top:30px;}
.query-list li{ border:1px solid #dedede; border-radius:2px; padding:10px 20px; margin-bottom:20px; }
.query-list li .txt{ width:100%; padding:5px 0px; }
.query-list li .txt p{ font-size:14px; color:#666; line-height:1.6; text-align:left; }
.query-list li .txt p a,
.query-list li .txt p span{ font-size:15px; color:#f08200; font-weight:bold; }
.query-list li:hover{ border:1px solid #f08200; }
.query-list li .txt p a:hover{text-decoration: underline;}

/*销售网络*/
.xswl .bt{text-align:center; color:#333; font-size:24px; line-height:40px; font-weight:normal; margin-bottom:30px;}
.xswl .bt span{font-size:14px; color:#b1b1b1; display:block;}
.xswl .bt p{font-size:14px; color:#666; line-height:24px; margin-top:15px;}
.xswl .bt p i{display:block;}
.xswl img{width:100%; height:auto; display:block; margin:0 auto;}


/* 联系我们*/

.contact{padding-top:0px;}
.contact h2{ font-size:18px; color:#333; line-height:50px;  font-weight:bold;}
.contact span{ font-size:13px; color:#666; line-height:30px;  display:block;}
.contact .lxfs{ margin-top:20px;}
.contact .lxfs p{ font-size:14px;  line-height:40px;}