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

body, button, input, select, textarea a{ font-size:14px; line-height:24px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; }
body, 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;}
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:60px;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:70%;height:60px;line-height: 60px;}
.yunu-header .logo img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.menuBtn{
	position: relative;
	float: right;
	margin-top:10px;
	width: 30px;
	height: 30px;
	padding: 5px;
	cursor: pointer;
}
.menuBtn b{
	display: block;
	width: 100%;
	height: 2px;
	border-radius: 2px;
	background-color: #fd6e27;
	margin: 5px 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: #fd6e27;
	}

	.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: #f65f13;
	}
	 .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: #f79646;
	    font-size: 14px;
		display: block;
		border-bottom: 1px solid #e2e2e2;
	}
	.yunu-nav dl dd a:hover{
		background-color: #ff7908;
	}
	

/*banner*/
.banner .item .con{
	padding-top: 32%;
	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;
}
.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,.1);
    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 10px;
}
.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: #fd6e27;}


/*首页标题*/
.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: #ff7200;}
.g-tit01 p{font-size: 18px;}

/*服务体系*/
.row-a1{margin-bottom: 30px;}
.ul-imgtxt01{overflow: hidden;margin: 0 -10px;}
.ul-imgtxt01 li{float: left;width:50%; margin-bottom:10px;}
.ul-imgtxt01 li .con{padding: 10px 0;}
.ul-imgtxt01 li .pic{width: 105px;height: 105px;margin: 0 auto}
.ul-imgtxt01 li .pic img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.ul-imgtxt01 li .txt{padding: 15px 0;text-align: center;position: relative;}
.ul-imgtxt01 li .txt:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -22px;width: 44px;height: 3px;background-color: #ff7200;}
.ul-imgtxt01 li .txt h3{font-size: 16px;color: #333;font-weight: 400;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ul-imgtxt01 li .txt p{font-size: 12px;color: #7f7f7f;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*产品中心*/
.row-a2{padding-bottom:30px; background:url(../images/bj5.jpg);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;}

.slideTxtBox{}
.slideTxtBox .hd{width:100%; position:relative;  }
.slideTxtBox .hd ul li{ float:left; width:40%; height:40px; line-height:40px; border:1px solid #fff;font-size:14px; margin:10px 15px; display:block; text-align:center;cursor:pointer;  }
.slideTxtBox .hd ul li a{ color:#fff;}
.slideTxtBox .hd ul li.on{background:#f08300; border:1px solid #f08300; }
.slideTxtBox .bd{ margin-top:20px;}
.slideTxtBox .bd ul{ overflow: hidden;}
.slideTxtBox .bd li{ float: left;width:50%; margin-bottom:10px;}
.slideTxtBox .bd li .con {margin: 0 10px;padding:8px; background:#fff;}
.slideTxtBox .bd li .pic { width:100%; height:100%; overflow:hidden;}
.slideTxtBox .bd li .pic img { width:100%; height:100%; }
.slideTxtBox .bd li .title a { font-size:15px; line-height:30px;}

.g-more01{position: relative;display: block;width: 120px;height:36px;line-height:36px;margin: 0 auto;text-align: center;font-size: 14px;background-color: #ff7200;
color: #fff;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.row-a2 .g-more01{margin-top:30px;background-color: transparent;color: #9e9e9e;border: 1px solid #9e9e9e;transition: 0s;-ms-transition: 0s;-moz-transition: 0s;-webkit-transition: 0s;-o-transition: 0s;}
.row-a2 .g-more01::before{-webkit-transition: all .3s ease-out .1s;transition: all .3s ease-out .1s;}
.row-a2 .g-more01:hover{color: #fff;background-color: #f65e12;border: 1px solid #f65e12;}

/*关于我们*/
.row-a3{padding-bottom:30px;}
.m-imgtxt01{overflow: hidden;margin: 0;}
.m-imgtxt01 .txt{margin-top: 20px;float: none;width: auto;padding-right: 0;}
.m-imgtxt01 .txt h3{position: relative;padding-bottom:15px;font-size:18px;color: #333;font-weight: 400;}
.m-imgtxt01 .txt h3:after{content: '';position: absolute;bottom: 0;left: 0;width: 44px;height: 3px;background-color: #ff7200;}
.m-imgtxt01 .txt p{margin:15px 0;font-size: 14px;color: #7f7f7f;line-height: 24px;}
.m-imgtxt01 .g-more01{ margin: 0 auto;}
.m-imgtxt01 .pic{overflow: hidden;position: relative;height: 0;padding-top: 62%;width: auto;}
.m-imgtxt01 .pic img{width: 100%;height: 100%;display: block;    position: absolute;top: 0;left: 0;}
.m-txt01{overflow: hidden;padding: 50px 0;border-top: 1px solid #eee;}
.m-txt01 li{float: left;width: 25%;text-align: center;}
.m-txt01 li h3{position: relative;font-size: 16px;font-weight: 400;color: #333;padding-bottom: 14px;}
.m-txt01 li h3:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -13px;width: 26px;height: 2px;background-color: #ff7200;}
.m-txt01 li p{margin: 5px 0;font-size: 14px;color: #7f7f7f;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.m-content .txt p {line-height: 28px;color: #2F2F2F;font-size: 14px;}
.m-content {margin: 22px 0;}

/*咨询*/

.row-a4{padding:20px 0;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;}
.m-tel strong span{color: #fff;font-size:18px; line-height:54px; font-weight:normal;}
.m-tel strong{position: relative;display: block;color: #fff;font-size:32px; line-height:54px;
font-family: "Helvetica Neue", Helvetica, Arial,Tahoma,"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}

/*新闻中心*/
.row-a5{margin-bottom: 30px;}
.ul-imgtxt03-sj{
		margin-bottom: 20px;
		display: block;
	}
	.ul-imgtxt03-sj li{
		padding: 14px 0;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
	}
	.ul-imgtxt03-sj li .txt{
		float: left;
		width: 55%;
		padding-right:10px;
	}
	.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: 16px;
		color: #333;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.ul-imgtxt03-sj li:hover .txt h3{
		color: #ff7200;
	}
	.ul-imgtxt03-sj li .txt p{
		font-size: 14px;
		color: #999;
		overflow: hidden;
	}
	.ul-imgtxt03-sj li .pic{
		float: right;
		width: 40%;
		height: 97px;
		overflow: hidden;
	}
	.ul-imgtxt03-sj li .pic img{
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}


/*底部*/
.footer{background-color: #1e1c1a;}
.fd-top{overflow: hidden;padding: 40px 0;color: #d8d8d8;}
.fd-logo{float: left;width: 35%;height: 137px;line-height: 137px;}
.fd-logo img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.fd-txt{float: left;font-size: 14px;line-height: 28px;}
.fd-qr{float: right;}
.fd-qr .pic{width: 165px;height: 120px;overflow: hidden;text-align: center;}
.fd-qr .pic img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.fd-qr h3{text-align: center;font-size: 14px;height: 40px;line-height: 40px;}
.footer .copy{padding: 14px 0;overflow: hidden;font-size: 14px;text-align: center;background-color: #16120f;}
.footer .copy p{color: #a5a5a5; font-size:13px;}
.footer .copy a{color: #a5a5a5;}
.footer .copy a:hover{color: #fff;}




.g-cur {height: 30px;line-height: 30px; background: #f3f3f3;}
.g-cur .wp{background: url(../images/home.png) left center no-repeat;padding-left: 20px;box-sizing: border-box; margin-left:2.5%;}
.g-cur .wp a {color: #2f2f2f; font-size:12px;}

.row-b1{padding: 10px 0 16px;}
.g-titIns1 {
    height: 44px;
    line-height: 44px;
    font-size:18px;
    color: #545454;
    border-bottom: 1px solid #ebebeb;
    font-weight: normal;
    position: relative;
}
.g-titIns1::after {
    content: '';
    width: 80px;
    height: 1px;
    background: #f79646;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.m-content {
    margin: 22px 0;
}

.m-content .txt {
    color: #2F2F2F;
    font-size: 14px;
	line-height: 24px;
}

.about-wh-lfet{ }
.about-wh-right{ padding-top:20px;}
.about-wh-right h2{ font-size:24px; line-height:40px; font-weight:bold; color:#888;}
.about-wh-right h3{ font-size:18px;line-height:30px; font-weight:bold;}
.about-wh-right p{ font-size:14px;line-height:24px; margin-top:10px;}


.honour li { margin-bottom: 35px; vertical-align: top; margin-left: 1%; line-height: normal; font-size: 14px; display: inline-block; width:48%; text-align: center; }
.honour-img { height: 270px; overflow: hidden; width: 100%; max-height: 350px; height: 30vw; min-height: 150px; border: 1px solid #e5e5e5; padding: 10px 0; }
.honour-img img { width: auto; height: auto; max-height: 98% !important; vertical-align: middle; max-width: 98% !important; display: inline-block; margin: 0 auto; transition: 0.8s linear 0s; }
.honour li:hover .honour-img img { transform: scale(1.1); transition: 0.8s ease 0s; }
.honour-img:before { vertical-align: middle; display: inline-block; height: 100%; content: ''; transition: 0.5s linear 0s; }
.honour li p { line-height: normal; margin-top: 15px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }









.m_chanpin {
    overflow: hidden;
    margin-bottom: 30px;
}
.ul-imgtxt-01 {
    margin: 0 -5px;
}
.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:50%;
}
.ul-imgtxt-01 li a {
    margin: 0 5px;
    display: block;
    text-align: center;
}
.ul-imgtxt-01 li a .pic {
    padding-top: 77%;
    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 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:80%;}



.ul-newslist {
    overflow: hidden;
    margin-bottom: 30px;
}
.ul-newslist li {
    font-size: 14px;
    padding: 15px 0;
    border-bottom: #dddddd 1px dotted;
}
.ul-newslist li .tit {
    overflow: hidden;
    margin-bottom:5px;
    height: 30px;
    line-height: 30px;
}
.ul-newslist li .tit .time {
    float: right;
    font-size: 12px;
    margin-left: 10px;
}
.ul-newslist li .tit a {
    display: block;
	font-weight: bold;
    font-size: 14px;
	color:#333;
    background: url(../images/icon14.png) left center no-repeat;
    padding-left: 14px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.m-content .txt {
    line-height: 24px;
    color: #2F2F2F;
    font-size: 14px;
}
.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;
}
.ul-pages1 {
    overflow: hidden;
    margin: 20px 0;
}



/*加盟优势*/
.join{width:100%;height:auto;margin:0 auto;padding-top:10px;}
.joinTitle{height:97px;margin:0 auto;text-align: center;}
.joinTitle h3 {height: 53px;font-size:22px;font-weight: bold;text-align: center;background: url(../images/tit.png) no-repeat center 10px;padding: 30px 0 0 0;line-height: 40px;}
.joinTitle p {color: #333;font-size: 14px;text-align: center;margin: 13px 0 0 0;}
.joinImg{width:100%;height:400px;margin:38px auto auto auto;/*display: flex;*/}
.joinImg>div{width:49.2%;height:200px;/* flex: 1;*/display: inline-block;position: relative;background-size:100% 100%;}
.joinImg>div:first-child{background-image: url(../images/img18.png);}
.joinImg>div:nth-child(2){background-image: url(../images/img19.png);}
.joinImg>div:nth-child(3){background-image: url(../images/img20.png);}
.joinImg>div:nth-child(4){background-image: url(../images/img21.png);}
.joinImg>div .white{width:100px;height:100px;border-radius: 50%;background-color:#FFFFFF;position:absolute;left:22%;top:30%;opacity:0.5;z-index: 10;}
.joinImg>div>p.whiteWord{color:white;font-size:20px;font-weight:bold;text-align: center;top:95px;position:relative;z-index:2000;}
.blackWords{width:100%;height:130px;position:absolute;bottom:30px;background:#151515;opacity:0.9;color:#FFFFFF;z-index: 20001;display: none;}
.blackWords p{width:180px;text-align: center;font-size:12px;position:relative;left:20%;top:20px;}

.fx{ margin-top:20px;}
.fx p{color: #666666;font-size: 14px;line-height: 24px;}
.fx h2{color: #333333;font-size:18px;font-weight: bold; margin-bottom:20px;}
.jm{ width:100%;}
.jmtj h2,.jflc h2{color: #333333;font-size:18px;font-weight: bold;}
.jmtj{padding-top:30px;}
.jmtj p{color: #333333;font-size: 14px;line-height: 24px;}
.jflc{padding-top: 30px;}
.lc-fr p{color: #333333;font-size: 14px;line-height: 24px;}
.mt25 {margin-top: 25px;}
.mt30 {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;}


/* 联系我们*/

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