@charset "utf-8";
html,body{ font:14px/1.8 'SourceHanSansCN-Regular'; color:#333; background:#fff; -webkit-text-size-adjust:none; min-width:1300px; padding:0; margin:0;}
body, h1, h2, h3, h4, h5, h6, dl, dt, li, dd, th, td, p, pre, form, input, button, textarea, hr {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}
a{ color:#333; text-decoration:none;}
a:hover{  text-decoration:none; cursor:pointer;}
li{ list-style:none}
ul,ol{ padding:0px; margin:0px;}
/*::-webkit-scrollbar {display:none}
.element::-webkit-scrollbar {display:none}*/
h1,h2,h3,h4,h5,h6,em{ font-weight:normal; font-style:normal; line-height:normal;}
*{box-sizing: border-box;}
/*清除浮动*/
.clearfix {*zoom: 1;}
.clear{ clear:both;}
.clearfix:after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;}

/*头部*/
.content{ width:1200px; margin:0 auto; position:relative;}
header{ background:#611f2b; zoom:1; height:100px;}
.header.on {position: fixed;  width: 100%;   z-index: 999;    top: 0px;   height: 100px;}
.top-logo{ min-height:80px; _height:80px; width:200px; float:left;}
.top-logo a{ margin-left:0px; font-size:0px; position:relative; display:block;}
.top-logo img{max-height:100px;}

.head-inner{ width:1200px; margin:0 auto; position:relative;}
.nav{ float:right;}
#nav{ float: left;}
#nav li.nav-item { margin:0px 20px;z-index:35;position:relative;float:left; font-size:14px; height:100px; line-height:100px; text-align:center;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out; list-style:none; }
#nav li.nav-item a {font-size:14px; color:#fff;}
#nav li ul ul{left:125px;top:-1px;}
#nav li.class1:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block; color:#fff;}

#nav ul{ background:#fff; padding:20px 40px;  position:absolute;display:none;top:100px;}
#nav li ul li{border-right:none}
#nav ul li .sub li{ width:100px;}
#nav ul li.class1 a:hover { color:#00a384;border-bottom:2px solid #a07902; padding-bottom:10px; }
#nav ul a:hover{ color:#fff;}
#nav .cur{ color:#e6212a; border-bottom:1px solid #e0e0e0}
#nav li.active a { border-bottom:2px solid #a07902; padding-bottom:10px; }
#nav li.line{ float:left; width:1px;background:url(../images/line.jpg) no-repeat right center; line-height:100px; height:100px;}
#nav .sub .dl a{ color:#666; border-bottom:1px solid #e0e0e0; width:100px; font-size:14px; text-align:center; padding:0px 10px;}
#nav .sub .dl a:hover{color:#00a384;}
#nav .sub .dl { height:40px; line-height:40px; width:100px;}

.ls_right{ float:right; line-height:100px;}
.ls_right li{ float:left; margin-left:20px; }
.ls_right li a{ color:#fff; display:inline-flex; text-align:center;border:1px solid #fff; padding:5px;border-radius:18px; }
.ls_right li a i{ font-size:10px;}
.lauguar{ margin-right:10px; background:url(../images/en.jpg) no-repeat left center; padding-left:20px; margin-left:30px;}
.lauguar a{ color:#9a968b;}
a.t_seacher {background: url(../images/seacher.png) no-repeat center center; width:15px; padding: 0 0px 0px 25px; line-height: 30px; height: 30px;}
.met_flash{ font-size:0px; overflow:hidden; clear:both;} 
.met_flash ul{ margin:0px; padding:0px;} 
.flash img{ width:100%; height:auto;}
.content{ width:1200px; margin:auto;}

/*首页切换大图*/
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	45% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	45% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	45% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	45% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	45% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}

@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(5);
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -moz-transform: scale(5);
	}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -o-transform: scale(5);
	}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(5);
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(5);
	} 
	100% { opacity: 0 }
}
.banner {position:relative;	width:100%;	overflow:hidden;	height: 800px;}
.banner-text {	padding-top: 45%;}
.banner-text h1 {	color: #000000; font-size: 36px;	font-weight: 700;	text-transform: uppercase;}
.banner-text p {color: #000;font-size: 16px;	font-weight: 400;	line-height: 24px;	margin-top: 30px;	margin-bottom: 80px;}
.cb-slideshow,
.cb-slideshow:after {  position: absolute;   width: 100%;   height: 100%; top: 0px;   left: 0px;   z-index: 0;}
.cb-slideshow:after {  content: '';   background: transparent url(../images/pattern.png) no-repeat center;}
.cb-slideshow li span {   width: 100%;   height: 100%;   position: absolute;   top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 18s linear infinite 0s;
    -moz-animation: imageAnimation 18s linear infinite 0s;
    -o-animation: imageAnimation 18s linear infinite 0s;
    -ms-animation: imageAnimation 18s linear infinite 0s;
    animation: imageAnimation 18s linear infinite 0s;
}
.cb-slideshow li div {   z-index: 1000;
    position: absolute;
   top: 50%;
    left: 0px;
    width: 100%;
    text-align: center; margin-top:-100px;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
 font-size: 50px;
    font-weight: normal;
    line-height: 200px;
    color:#611f2b;font-weight: bold;
    text-shadow: 2px 2px 4px #fff;
}
.cb-slideshow li:nth-child(1) span { background-image: url(../images/1.jpg) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../images/1.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
/*首页切换大图结束*/

/*关于我们*/
.index_about{ background:#fff; overflow:hidden; margin-top:80px; margin-bottom:80px;}
.index_about .tit{ margin-bottom:60px;}
.about_img{/*background:url(../images/about_img.jpg); */background-position:right; width:50%; float:right; text-align:right;}
.about_text{ float: left; width:50%; background:#fff; }
.about_text_main{padding:60px 40px 0px 0px;}
.about_text h2{ font-size:36px; font-weight:bold; text-align:center }
.about_text .about_editor{ line-height:36px; margin:60px 0px 60px 0px;}
.about_text .about_editor p{color:#666}
.about_text .about_more{ width:100px; height:35px; display:block; border:1px solid #000; color:#000; text-align:center; line-height:35px;}
.about_other{    padding: 0px 0px;}
.about_other li .on{width:70px; padding:10px; border:1px solid #00a384; -webkit-border-radius: 90px; border-radius: 90px;  text-align:center; }
.about_other li .on span{background:#00a384; width:70px; -webkit-border-radius: 70px; border-radius: 70px;  text-align:center; display:block; height:70px; line-height:90px;}
.about_other li{width:102px; float:left; text-align:center; margin-right:50px;}
.about_other li:last-child{ margin-right:0px;}
.about_other li .in_li{width:70px; padding:10px; border:1px solid #ccc; -webkit-border-radius: 70px; border-radius: 70px;  text-align:center; display: inline-table;}
.about_other li .in_li span{ width:70px; -webkit-border-radius: 80px; border-radius: 70px;  text-align:center; display:block; height:70px; line-height:70px;}
.about_other li .in_li span img{ width:60px; transition: .6s;}
.about_other li:hover .in_li span img{transform: rotateY(360deg);}
.about_other li:hover .in_li{border:1px solid #a07902;}
.about_other li:hover a{ color:#a07902;}
.about_other li p{ margin-top:10px;}

/*品牌故事*/
.index_brand .brand_tit { background:url(../images/brand_tit.jpg) center center; height:480px; object-fit:cover; overflow:hidden;}
.index_brand .brand_tit h2{ margin-top:140px;}
.index_brand .brand_tit h2 span{ color:#fff; font-size:39px;}
.index_brand .brand_tit h2 em{ font-style:normal; margin-top:10px; font-size:16px; display:table; color:#fff; height:20px; line-height:20px; font-weight:lighter;}
.index_brand .brand_tit h2 em:before{ content:""; display:block; background:#fff; height:1px; width:60px; float:left; margin-top:9px; margin-right:5px;}
.index_brand .brand_tit h2 em:after{ content:""; display:block; background:#fff; height:1px; width:60px; float:right; margin-top:9px; margin-left:5px;}
.index_brand .brand_list{ margin-top:80px;}
.index_brand .brand_list li{ width:100px; height:30px; line-height:30px; text-align:center; float: left; margin-right:10px;}
.index_brand .brand_list li:hover{border:1px solid #fff;}
.index_brand .brand_list li:first-child{ border:1px solid #fff;}
.index_brand .brand_list li a{ color:#fff; font-size:16px;}

.index_brand .brand_text{ margin-top:50px; margin-bottom:60px; overflow:hidden;}
.index_brand .brand_text li{background:#f5f5f5; float:left; margin:0px 30px; width:380px; text-align:center; }
.index_brand .brand_text li .li_img{ overflow:hidden;}
.index_brand .brand_text li img{ width:380px; height:260px; object-fit:cover;transition: 2s; display:block;}
.index_brand .brand_text li:hover img{transform: scale(1.2);}

.index_brand .brand_text li:first-child{ margin:0px;}
.index_brand .brand_text li:last-child{ margin:0px;}
.index_brand .brand_text .li_text{ padding:30px 0px 40px 0px; }
.index_brand .brand_text .li_text h3{ font-size:18px;}
.index_brand .brand_text .li_text p{ font-size:14px; color:#aaa;}

.hd {width: 1200px; margin: 0 auto; text-align: center;   margin-top: 40px;}
.hd li.on {display: inline-block;  font-size: 0px;  width: 50px;  height: 6px;  background: #000;  margin: 0px 5px;}
.hd li {display: inline-block;   width: 50px;   height: 6px;   background:#aaa;cursor:pointer; margin: 0px 5px; font-size: 0px;}
.cd {margin: 0 auto;   text-align: center;   margin-top: 40px; position:absolute; bottom:10px; right:20px;}
.cd li.on {display: inline-block;  font-size: 0px;   width: 12px;  height: 12px;  background: #a07902;  margin: 0px 5px;}
.cd li {display: inline-block;  width: 12px;   height: 12px;  background: #fff;   border-radius: 12px;  margin: 0px 5px; font-size: 0px; cursor:pointer;}

/*产品分类*/
.index_product { overflow:hidden;z-index:2;}
.index_product .left{ overflow:hidden; width:50%; height:100%; background-color:#000; float:left; position:relative;}
.index_product .left li.list{ float:left; width:960px; height:720px;}
.index_product .left img{ display:block;}
.index_product .right{ overflow:hidden; width:50%; float:right; height:720px; background:url(../images/about_bg.jpg); }
.index_product h3{ text-align:center; margin-bottom:5px; font-weight:normal; font-size:26px; margin-top:13%;}
.index_product h3 a{ color:#333;}
.index_product span{ display:block; text-align:center; font-size:12px; color:#999;  margin-bottom:10px;}
.index_product i{ display:block; width:30px; height:1px; background-color:#1652ba; margin:0 auto; margin-bottom:40px;}
.index_product p{ font-size:14px; color:#fff; line-height:26px; width:65%;  overflow:hidden;  margin-left:30px;}

.index_product .right .icon_title{ width:65%;  margin:30px 0px 30px 120px;}
.index_product .right .icon_title span {width: 300px; color: #fff;  font-size: 24px; font-weight: normal;  background: url(../images/icon3.png) no-repeat left top; position: relative;}
.index_product .right .icon_title span:before {  content: ""; position: absolute; right: 0; bottom: 0; width: 16px; height: 17px;  background: url(../images/icon4.png) no-repeat center center;}
.index_product .right .icon_title span i { display: inline-block; width: 6px; height: 6px;  background: #fff; border-radius: 2px; position: relative; top: -9px; margin: 0 18px;}
.index_product .right .icon_title span em { font-style: normal; text-transform: uppercase;  color: #fff;  font-size: 20px; font-family:Arial, Helvetica, sans-serif;}

.index_product .pro_list{ margin-top:30px; margin-left:120px;}
.index_product .pro_list li{ line-height:35px; background:url(../images/pro_list.png) no-repeat left center; padding-left:30px;}
.index_product .pro_list li a{ color:#fff; font-size:16px;}
.index_product .pro_list li:hover a{ color:#a07902}
/*经销商加盟店*/
.index_jxs{ padding:80px 0px; background:#f7f5f6;}
.index_jxs .tit{ text-align:center; margin-bottom:20px;}
.index_jxs .tit h2{ font-size:30px;}
.index_jxs .tit em{ font-size:24px; color:#8a8a8a;}
.index_jxs .bd li{ float:left; width:285px; background:#fff;  margin:10px 20px 10px 0px; position: relative; overflow:hidden;}
.index_jxs .bd li a{ width:285px; text-align:center; height:250px; overflow:hidden; vertical-align:middle; display:table-cell;}
.index_jxs .bd li img{ min-width:100%; max-height:250px; display: block;transition: 2s; object-fit:cover; }
.index_jxs .bd li:hover img{transform: scale(1.1);}

/*新闻资讯*/
.index_news{ padding-top:80px; padding-bottom:50px; overflow:hidden;}
.index_news .newsBox{ overflow:hidden;}
.index_news .newsLt{ width:1200px;  overflow:hidden; float:left;}
.index_news .tit{ position:relative; overflow:hidden;}
.index_news .list li{ height:40px; line-height:40px; float:left; font-size:18px; font-weight:bold; text-align:center; position:relative;}
.index_news .list b{ float:left; display: block; width:20px; height:2px; background:#a07902; margin:0px 10px; margin-top:19px;}
.index_news .list li img{ display:none; width:21px; height:10px; position:absolute; top:48px; left:164px;}
.news .list li a{ color:#1c1c1c; text-decoration:none;}
.index_news .list li:hover,.index_news .list li.cur{ border-bottom:4px solid #a07902;}
.index_news .list li:hover a,.index_news .list li.cur a{ color:#000;}
.index_news .list li:hover img,.index_news .list li.cur img{ display:block;}
.index_news .news01{overflow:hidden; position:relative; margin-top:20px;}
.index_news .newsDl{  overflow:hidden; }
.index_news .newsDl .newsTop{ margin-bottom:15px; overflow:hidden; float:left;}
.index_news .newsDl .newsTop time{ border-right:1px solid #f2f2f2; float:left; text-align:center; margin-right:20px; padding:26px 30px;}
.index_news .newsDl .newsTop time span {   display: block;    color: #000;   font-size: 36px;    line-height: 30px;}
.index_news .newsDl .newsTop .list_text{ float:left; width:400px;}
.index_news .newsDl .newsTop .list_text a{ font-size:18px; }
.index_news .newsDl .newsTop .list_text p{  color:#888;}
.index_news .newsDl dt{ width:580px;  }
.index_news .newsDl dt img{ display:block; width:580px; height:260px; object-fit:cover;    transition: 2s;}
.index_news .newsDl dt:hover img{transform: scale(1.1);}
.index_news .newsDl dd{width:580px; padding:0 0px; margin-top:50px;}
.index_news .newsDl dd h5{ font-size:18px; font-weight:normal;color:#0d0d0d; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:12px 0;}
.index_news .newsDl dd a.more{ color:#0545a0; margin-top:10px;}
.index_news .newsDl dd h5	 a{color:#0d0d0d;}
.index_news .newsDl dd p{font-size:14px; line-height:30px;  overflow:hidden;}

.index_news .newsDl li time{ border-right:1px solid #f2f2f2; float:left; text-align:center; margin-right:20px; padding:26px 30px;}
.index_news .newsDl li time span {   display: block;    color: #000;   font-size: 36px;    line-height: 30px;}
.index_news .newsDl li:hover time span{ color:#a07902}
.index_news .newsDl .newsRight{ float:right; width:580px;}
.index_news .newsDl li{ clear:both; overflow:hidden; width:548px; border:1px solid #f2f2f2; padding:15px 0px; margin-bottom:20px; position:sticky;}
.index_news .newsDl li h3{ font-size:18px;}
.index_news .newsDl li:hover h3{ color:#a07902}
.index_news .newsDl li .list_text{ float:left; width:400px;}
.index_news .newsDl li .list_text p{ color:#888;}

.index_news .newsDl a::before,.index_news .newsDl a::after{position:absolute;content:'';opacity:0;transition:all 1s;}
.index_news .newsDl a::before{top:0px;right:0px;bottom:0px;left:0px;border-top:1px solid #a07902;border-bottom:1px solid #a07902;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.index_news .newsDl a::after{top:0px;right:0px;bottom:0px;left:0px;border-right:1px solid #a07902;border-left:1px solid #a07902;transform:scale(1,0);transform-origin:100% 0;}
.index_news .newsDl li:hover a::before,.index_news .newsDl li:hover a::after{opacity:1;transform:scale(1);transition: all 1s;}

/*市场分析*/
.inDesign { width: 100%; position: relative;background: url('../images/indesign-bg.png'); background-size: contain; padding:30px 0px}
.inDesign .inDesign_con { width: 100%; }
.inDesign .inDesign_con ul { max-width: 1200px; margin: 0 auto; position: relative; display: flex; padding-bottom: .3rem; }
.inDesign .inDesign_con ul li { width: 33.333%; position: relative; }
.inDesign .inDesign_con ul li figure { width: 100%; }
.inDesign .inDesign_con ul li figure div { width: 100%; height: 100%; position: relative; padding: 40% 0; overflow: hidden; }
.inDesign .inDesign_con ul li figure div img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; transition: .5s}
.inDesign .inDesign_con ul li figure figcaption { width: 100%; height:250px; background: #f3f3f3; display: flex; justify-content: center; flex-direction: column; align-items: center; position: relative; }
.inDesign .inDesign_con ul li figure figcaption:before { content: ''; display: block; z-index: 2; width: 30px; height: 30px; background: #f3f3f3; margin: 0 auto; position: absolute; top: -15px; transform: rotateZ(45deg); }
.inDesign .inDesign_con ul li figure figcaption h3 { font-size:30px; color: #565656; text-align: center; margin-bottom: 30px; }
.inDesign .inDesign_con ul li figure figcaption p { font-size: 18px; color: #565656; width: 90%; margin: 0 auto; }
.inDesign .inDesign_con ul li:nth-of-type(2) figure figcaption:before { display: none; }
.inDesign .inDesign_con ul li:nth-of-type(2) figure figcaption:after { content: ''; display: block; z-index: 2; width: 30px; height: 30px; background: #f3f3f3; margin: 0 auto; position: absolute; bottom: -15px; transform: rotateZ(45deg); }
.inDesign .inDesign_con ul li:hover figure div img{transform: scale(1.1)}

.fizTop { position: relative; margin-bottom: 30px; }
.fizTop h3 { font-size:30px; color: #434343; text-align: center; position: relative; }
.fizTop h3:before { content: ''; display: block; width: 60px; position: relative; margin: 0 auto; border: 1px solid #656565; padding: .1rem 0; border-bottom: none; font-size:18px }
.fizTop p { line-height:30px;font-family: Arial; color: #868686; text-align: center; text-transform: uppercase; position: relative; font-size:18px }
.fizTop p:after { content: ''; display: block; width: 60px; height: 1px; background: #666666; position: relative; margin: .1rem auto; }








/*招商加盟*/
.index_join{ background:url(../images/join_bg.jpg); overflow:hidden; padding:60px 0px;}
.index_join .join-top h3{ color:#fff; font-size:20px;font-weight:bold;}
.index_join .join-top em{ color:#fff; font-size:30px; font-weight:bold; font-style:normal;}
.index_join .join_li{ margin-top:20px;}
.index_join .join_li li {float: left;   margin-right: 30px;}
.index_join .join_li li a {position: relative; box-sizing: border-box; display: table-cell; width: 146px; height: 146px; border: 1px solid #fff; line-height: 40px; font-size: 16px; color: #fff;text-align: center;  vertical-align: middle;}
.index_join .join_li li i {    display: block;   width: 43px;   height: 50px;   margin: auto;   transition: .6s;}
.index_join .join_li li i.pinpai-ico {	background: url(../images/jlist1.png) no-repeat center;}
.index_join .join_li li i.tiaojian-ico {	background: url(../images/jlist2.png) no-repeat center;}
.index_join .join_li li i.youshi-ico {	background: url(../images/jlist3.png) no-repeat center;}
.index_join .join_li li i.liucheng-ico {	background: url(../images/jlist4.png) no-repeat center;}
.index_join .join_li li:hover i {	transform: rotateY(360deg);}

.box3-bottom {isplay: flex;	align-items: center;	box-sizing: border-box; padding:80px 0px;	height: 50%;	background: url(../images/honor_bg.jpg); margin-bottom:60px;}
.box3-bottom .content{ background:url(../images/hon.jpg) no-repeat center right; padding:20px 0px;}
.box3-bottom h5 {margin: 0px;	line-height: 32px;	font-size: 18px;	color: #000000;	font-weight: bold;}
.box3-bottom p {margin: 3% 0px;	max-width: 530px;line-height: 32px;	font-size: 16px;	color: #505050;}
.box3-bottom .more {position: relative;	z-index: 1;	display: block;	width: 294px;height: 60px;border: 1px solid #f04b01;border-radius: 3px;	line-height: 60px;font-size: 18px;color: #f04b01;text-align: center;}
.box3-bottom .more:before {	content: '';	position: absolute;	top: -20px;	left: -20px;	bottom: -20px;	right: -20px;	border-radius: 3px;	background: inherit;	z-index: -1;	opacity: 0.4;transform: scale3d(0.8, 0.5, 1);}
.box3-bottom .more:hover {	background: #f04b01;	color: #fff;	transition: background .1s .3s, color 0s .3s;	animation: anim-moema-1 .3s forwards;}
.box3-bottom .more:hover::before {	animation: anim-moema-2 .3s .3s forwards;}

/*底部*/
footer{background:#611f2b; overflow:hidden; color:#ddd; padding:60px 0px 30px 0px;}
.foot-nav{ float:left;  margin-bottom:20px; margin-left:80px; line-height:36px; width:200px;}
.foot-nav a{ color:#ddd; margin-right:30px; font-size:16px; }
.foot-nav span{ font-size:10px; margin:0px 8px; color:#ddd;}
.foot-text{  padding:0px 0px 0px; width:400px; margin-left:20px; float:left; line-height:36px;}
.foot-text p{ font-size:16px;  }
.foot-logo{ width:240px; float:left; }
.foot-logo .foot_tel p{ font-size:30px;}
.foot-ewm{ float:right; text-align:center;}


/*分页*/
.justify-content-center {   -ms-flex-pack: center!important;  justify-content: center!important;}
.pagination {   display: -ms-flexbox;  display: flex;   padding-left: 0;  list-style: none;  border-radius: .25rem; margin:20px 0px;}
.page-num:not(:disabled) {cursor: pointer;}
.page-num, .page-link {	position: relative;	display: block;	padding: .5rem .75rem;	margin-left: -1px;	line-height: 1.25;	color: #333;	background-color: #fff;	border: 1px solid #dee2e6;}
a.page-num:hover, .page-link:hover {	text-decoration: none;}
.page-num-current {	z-index: 1;	color: #fff;	background-color: #3a3a3a;	border-color: #3a3a3a;}
.page-num-current:hover {	color: #fff;}
.reLink {	height: 38px;	border: 1px solid #ccc;	margin: 10px auto 10px;	padding: 0px 10px;}
.reLink .prevLink, .reLink .nextLink {	height: 38px;	line-height: 38px;}
.reLink .prevLink a, .reLink .nextLink a {	height: 38px;	line-height: 38px;}
.reLink .prevLink a:hover, .reLink .nextLink a:hover {	color: #04549b;}
.reLink .prevLink {	float: left;}
.reLink .nextLink {	float: right;}
/*内页侧栏*/
.pages{ margin-bottom:60px;}
.prosidebar{ margin-top:15px; margin-bottom:50px;}
.product_nav{ float:left; width:240px;}
.product_nav h3.title{ text-align: center; background:#000; padding:0px 15px; height:75px; line-height:75px; border-bottom:1px solid #fff; font-size:24px; color:#fff;}
.product_nav h3.line{ margin-top:15px; }
.product_nav .active{ padding:0px 0px; background:#fff; border-top:1px solid #000;}
.product_nav .con_active{ padding:10px; background:#f2f2f2;}
#product_sidebar dl{ }
#product_sidebar dl dt{ margin-bottom:2px; background:url(../images/p14-icon5.png) no-repeat right center #ececeb; height:50px; line-height:50px;}
#product_sidebar dl dt a{display: block;   font-size: 16px;   font-weight: normal;   margin:0PX 10px;    color: #666;}
#product_sidebar dl dd{ }
#product_sidebar dl dd h4{ font-weight:normal; padding:10px 40px 10px 40px; background:url(../images/dt-0.gif) no-repeat left center;    border-bottom: 1px dashed #e2e2e2;}
#product_sidebar dl dt.on {  background:url(../images/p14-icon2.png) no-repeat right #000; }
#product_sidebar dl dt.on a{ color:#fff;}
#product_sidebar dl h4.on a{ font-weight:bold;}
.product_box{ float:right; width:940px; background:#fff; overflow:hidden;}
.prosidebar h3.tit{ margin-bottom:20px;}
/*.sidebar .sb_box h3.title{ display:none;  height:35px; line-height:35px; position:relative; border-bottom:1px solid #f2f2f2;}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:0px; font-size:14px; padding:0px 0px;border-bottom:1px solid #02b29c; }
.position{ font-weight:normal; clear:both; position:relative; top:3px; border-bottom: 1px dashed #dcdcdc; line-height:47px; margin-bottom:20px;}
.project_nav{ background:#fff; height:80px; line-height:80px;}
.project_nav .content h3{ width:10%; float:left;width: 130px; z-index:999;   height: 85px;   top: -55px;   padding: 0;   color: #fff;   padding-top: 50px;  line-height: 25px;   font-size: 23px;   font-weight: bold;  background-color: rgba(58, 59, 64, 0.69);    margin-right: 25px; position:relative;}
.projectsidebar{ float:left;}
.projectsidebar dl{ float: left; padding:0px 30px; background:url(../images/inav_bg.png) no-repeat center right;}*/

.sidebar{ margin-top:15px; margin-bottom:50px;}
.sb_nav{ margin:20px 0px; }
.sb_nav h3.title{ text-align: center; background:#a07902; padding:0px 15px; height:75px; line-height:75px; border-bottom:1px solid #fff; font-size:24px; color:#fff;}
.sb_nav h3.line{ margin-top:15px; }
.sb_nav .active{ padding:0px 0px; background:#fff; text-align:center;}
.sb_nav .active.on{ padding:0px 0px; background:#fff; text-align:center; width:100%; z-index:99; position:fixed; top:0px;}
#sidebar dl{ display:inline-table; width:10%; margin:0px 2px; }
#sidebar dl dt{  background:url(../images/p14-icon5.png) no-repeat right center #ececeb; height:45px; line-height:45px;}
#sidebar dl dt a {   display: block;   font-size: 16px;   font-weight: normal; color: #666;}
#sidebar dl dd{ }
#sidebar dl dd h4{ font-weight:normal; padding:10px 40px 10px 40px; background:url(../images/dt-0.gif) no-repeat left center;    border-bottom: 1px dashed #e2e2e2;}
#sidebar dl dt.on {  background:url(../images/p14-icon2.png) no-repeat right #a07902; }
#sidebar dl.on dt{ background:#a07902;}
#sidebar dl.on dt a{ color:#fff;}
#sidebar dl dt.on a{ color:#fff;}
#sidebar dl h4.on a{ font-weight:bold;}
.sidebar .sb_box{background:#fff; overflow:hidden; }
.sidebar .sb_box h3.title{ display:none;  height:35px; line-height:35px; position:relative; border-bottom:1px solid #f2f2f2;}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:0px; font-size:14px; padding:0px 0px;border-bottom:1px solid #02b29c; }
h3.tit{ margin-bottom:30px;}
.position{ font-weight:normal; clear:both; position:relative; border-bottom: 1px dashed #dcdcdc; line-height:47px; width:1200px; margin:auto;}
.project_nav{ background:#fff; height:80px; line-height:80px;}
.project_nav .content h3{ width:10%; float:left;width: 130px; z-index:999;   height: 85px;   top: -55px;   padding: 0;    color: #fff;   padding-top: 50px;  line-height: 25px;   font-size: 23px;   font-weight: bold;  background-color: rgba(58, 59, 64, 0.69);    margin-right: 25px; position:relative;}
.projectsidebar{ float:left;}
.projectsidebar dl{ float: left; padding:0px 30px; background:url(../images/inav_bg.png) no-repeat center right;}



.l_con {  width: 228px;  margin: 0 auto;  margin-bottom: 10px;}
.s_con {border: 1px solid #e2e2e2;   width: 228px;  margin: 0 auto;  margin-bottom: 10px;}
.c_con { width: 228px;  margin: 0 auto;   margin-bottom: 10px;}
.t04 {    color: #000;font-size:20px; border-left:4px solid #a07902; padding-left:10px; margin-bottom:10px;}
.info_b, .info_b2 {  padding: 5px 0;  overflow: hidden;   margin-bottom: 10px; }
.s_con dl dt{ border: 1px solid #e2e2e2; width:190px; height:140px;   padding: 5px;}
.s_con dl {   float: left;   overflow: hidden;   margin: 10px 0px 10px 12px; text-align:center;   width: 204px;}
.s_con dt img { max-width: 100%;    height: 140px;}
.s_con dd {   line-height: 30px;    height: 30px;   overflow: hidden;   text-align: center;   color: #000;   width: 200px;}


.a_pro_con {   clear: both;   margin:11px 0px;}
.a_pro_con li{ width:260px; float:left; margin:10px 10px 0px 10px; text-align:center; border:1px solid #e2e2e2;}
.a_pro_con li img{ width:260px; float:left; height:160px;}
.a_pro_con li a{ display:block; line-height:30px;}

.news_con {   clear: both;   margin:11px 0px; border-top:1px solid #f2f2f2; padding-top:20px; }
.news_con  li time{ border-right:1px solid #f2f2f2; float:left; text-align:center; margin-right:20px; padding:15px 30px;}
.news_con  li time span {   display: block;    color: #000;   font-size: 36px;    line-height: 30px;}
.news_con  li{ overflow:hidden; width:460px; float:left; border:1px solid #f2f2f2; padding:15px 0px; margin-bottom:20px;}
.news_con  li.rl{ float:right;}
.news_con  li a{ font-size:18px;}
.news_con  li .list_text{ float:left; width:300px;}
.news_con  li .list_text p{ color:#888; margin-top:10px;}






/*品牌故事*/
.web-build{padding-left: 4%;   padding-right: 4%; margin-top:60px;}
.brand-build-cntr {	border: 1px solid #d8d8d8;	-o-transition: 1.1s .4s;	-moz-transition: 1.1s .4s;	transition: 1.1s .4s;}
.brand-build {	position: relative;	display: table;	width: 100%;	font-size: 0;}
.brand-build-img,
.brand-build-desc {	display: inline-block;	width: 50%;	vertical-align: top;}
.brand-build-img {	overflow: hidden;}
.brand-build:nth-child(even) .brand-build-img {	float: right;}
.brand-build-img > img {width: 100%;height: auto;-o-transition:1.2s .15s;-moz-transition:1.2s .15s;transition: 1.2s .15s;-webkit-transform: translateZ(0); -moz-transform: translateZ(0);transform:translateZ(0);}
.brand-build:hover .brand-build-img > img {	-webkit-transform: translateZ(0) scale(1.07); -moz-transform: translateZ(0) scale(1.07); transform: translateZ(0) scale(1.07);}
.brand-build-desc {position: relative;	height: 100%;}
.brand-build-desc-cntr {	position: absolute;	left: 50%;	top: 50%;-webkit-transform: translate3d(-50%, -50%, 0);	-moz-transform: translate3d(-50%, -50%, 0);	 -o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);	width: 80%;}
.brand-build-desc h3 {	position: relative;	margin-bottom: 50px;	margin-bottom: 2.60415vw;	line-height: 28px;	font-size: 28px;	color: #333;}
.brand-build-desc h3::before,
.brand-build-desc h3::after {	content: '';	position: absolute;	left: 0;	bottom: -19px;	width: 24px;	height: 2px;	background-color: #a07902;	opacity: 1;}
.brand-build-desc h3::after {	width: 0;	opacity: 0;	-o-transition: 1.2s .3s;	-moz-transition: 1.2s .3s;	transition: 1.2s .3s;}
.brand-build:hover .brand-build-desc h3::before {	opacity: 0;	-webkit-transform: translateX(200%);	   -moz-transform: translateX(200%);	-o-transform: translateX(200%);	        transform: translateX(200%);	-o-transition: .4s;	-moz-transition: .4s;	transition: .4s;}
.brand-build:hover .brand-build-desc h3::after {	width: 52px;	-webkit-transform: translateX(0);	-moz-transform: translateX(0);	-o-transform: translateX(0);	        transform: translateX(0);	opacity: 1;	-o-transition: .8s .2s;	-moz-transition: .8s .2s;	transition: .8s .2s;}
.brand-build-desc article {margin-bottom: 50px;	margin-bottom: 2.60415vw;}
.brand-build-desc article p {	min-height: 22px;	line-height: 22px;	font-size: 14px;	color: #9a9a9a;}
.brand-build-desc article p strong {	color: #f00;}
.brand-build-btn {	display: inline-block;	padding: 14px 28px;	border: 2px solid #e5e5e5;	line-height: 14px;	font-size: 14px;	color: #9a9a9a;	-o-transition: color .5s, border .9s;	-moz-transition: color .5s, border .9s;	transition: color .5s, border .9s;}
.brand-build-btn:focus {	color: #b7b7b7;}
.brand-build-btn:hover {	color: #fff;border: 2px solid #a07902; background:#a07902;	-o-transition: color .5s, border .65s;	-moz-transition: color .5s, border .65s;	transition: color .5s, border .65s;}
.brand-build-desc h3.letmove,
.brand-build-desc article.letmove,
.brand-build-btn.letmove {	transform: translateY(40px);	transition: transform .8s .3s, opacity .8s .3s;	opacity: 0;}
.brand-build-desc article.letmove {	transition: transform .8s .4s, opacity .8s .4s;}
.brand-build-btn.letmove {	transition: transform .8s .5s, opacity .8s .5s;}
.brand-build-desc h3.move,
.brand-build-desc article.move,
.brand-build-btn.move {	transform: translateY(0);	opacity: 1;}
.brand-build-arrow-all {	position: absolute;	left: 50%;	top: 50%;	-webkit-transform: translate(-50%, -50%);	   -moz-transform: translate(-50%, -50%);	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);	border: 1px solid transparent;	border-right: 1px solid #dfdfdf;	border-left: 1px solid #fff;	width: 52px;	height: 52px;	-o-transition: .45s .1s;	-moz-transition: .45s .1s;	transition: .45s .1s;}
.brand-build:nth-child(even) .brand-build-arrow-all {
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	   -moz-transform: translate(-50%, -50%) rotate(180deg);
	     -o-transform: translate(-50%, -50%) rotate(180deg);
	        transform: translate(-50%, -50%) rotate(180deg);
}
.brand-build:hover .brand-build-arrow-all {	width: 69px;/*	border-right: 1px solid #a07902;	border-left: 1px solid #a07902;*/}
.arrow-border-t,.arrow-border-b {	position: absolute;	top: 0;	width: 100%;	height: 1px;}
.arrow-border-b {	top: auto;	bottom: 0;}
.arrow-border-t::before,
.arrow-border-b::before {   content: '';   position: absolute;  left: -1px;   top: -1px;    width: -moz-calc(50% + 1px);   width: calc(50% + 1px);   height: 100%;    background-color: #fff;	-o-transition: .45s .1s;	-moz-transition: .45s .1s;	transition: .45s .1s;}
.arrow-border-t::after,
.arrow-border-b::after {   content: '';  position: absolute;   right: -1px;   top: -1px;   width: -moz-calc(50% + 1px);   width: calc(50% + 1px);   height: 100%;   background-color: #dfdfdf;	-o-transition: .45s .1s;	-moz-transition: .45s .1s;	transition: .45s .1s;}
.arrow-border-b::before,
.arrow-border-b::after {	top: auto;	bottom: -1px;}
.brand-build:hover .arrow-border-t::before,
.brand-build:hover .arrow-border-t::after,
.brand-build:hover .arrow-border-b::before,
.brand-build:hover .arrow-border-b::after {	/*background-color: #a07902;*/}
.brand-build-arrow {	position: absolute;	top: 50%;	left: 50%;	-webkit-transform: translate3d(-50%, 0, 0);	   -moz-transform: translate3d(-50%, 0, 0);	 transform: translate3d(-50%, 0, 0);	width: 52%;	height: 1px;	background-color: #fff;	-o-transition: .45s .1s;	-moz-transition: .45s .1s;	transition: .45s .1s;}
.brand-build:hover .brand-build-arrow {
	width: 62%;
	/*background-color: #a07902;*/
	-webkit-animation: arrow-one .6s cubic-bezier(.69,0,.27,1) forwards .1s;
	   -moz-animation: arrow-one .6s cubic-bezier(.69,0,.27,1) forwards .1s;
	     -o-animation: arrow-one .6s cubic-bezier(.69,0,.27,1) forwards .1s;
	        animation: arrow-one .6s cubic-bezier(.69,0,.27,1) forwards .1s;
}
@-webkit-keyframes arrow-one {	
	0% {
		-webkit-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
	30% {
		-webkit-transform: translate3d(-58%, 0, 0);
		        transform: translate3d(-58%, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
}
@-moz-keyframes arrow-one {
	0% {
		-moz-transform: translate3d(-50%, 0, 0);
		     transform: translate3d(-50%, 0, 0);
	}
	30% {
		-moz-transform: translate3d(-58%, 0, 0);
		     transform: translate3d(-58%, 0, 0);
	}
	100% {
		-moz-transform: translate3d(-50%, 0, 0);
		     transform: translate3d(-50%, 0, 0);
	}
}
@-o-keyframes arrow-one {
	0% {
		transform: translate3d(-50%, 0, 0);
	}
	30% {
		transform: translate3d(-58%, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}
@keyframes arrow-one {
	0% {
		-webkit-transform: translate3d(-50%, 0, 0);
		   -moz-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
	30% {
		-webkit-transform: translate3d(-58%, 0, 0);
		   -moz-transform: translate3d(-58%, 0, 0);
		        transform: translate3d(-58%, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-50%, 0, 0);
		   -moz-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
}
.brand-build-arrow em {	position: absolute;	right: 0;	width: 50%;	height: 100%;	background-color: #dfdfdf;	-o-transition: background-color .45s .1s;	-moz-transition: background-color .45s .1s;	transition: background-color .45s .1s;}
.brand-build:hover .brand-build-arrow em {	/*background-color: #a07902;*/}
.brand-build-arrow::before,
.brand-build-arrow::after {
	content: '';
	position: absolute;
	left: 0;
	-webkit-transform: translateZ(0) rotateZ(-45deg);
	   -moz-transform: translateZ(0) rotateZ(-45deg);
	        transform: translateZ(0) rotateZ(-45deg);
	-webkit-transform-origin: 0 50%;
	   -moz-transform-origin: 0 50%;
	     -o-transform-origin: 0 50%;
	        transform-origin: 0 50%;
	background-color: #fff;
	width: 10px;
	height: 1px;
	-o-transition: background-color .45s .1s;
	-moz-transition: background-color .45s .1s;
	transition: background-color .45s .1s;
}
.brand-build-arrow::after {
	-webkit-transform: translateZ(0) rotate(45deg);
	   -moz-transform: translateZ(0) rotate(45deg);
	        transform: translateZ(0) rotate(45deg);
}
.brand-build:hover .brand-build-arrow::before,
.brand-build:hover .brand-build-arrow::after {
	/*background-color: #a07902;*/
}
.brand-build:hover .brand-build-arrow::before {
	-webkit-animation: arrow-before .6s cubic-bezier(.69,0,.27,1) forwards .1s;
	   -moz-animation: arrow-before .6s cubic-bezier(.69,0,.27,1) forwards .1s;
	     -o-animation: arrow-before .6s cubic-bezier(.69,0,.27,1) forwards .1s;
	        animation: arrow-before .6s cubic-bezier(.69,0,.27,1) forwards .1s;
}
.brand-build:hover .brand-build-arrow::after {
	-webkit-animation: arrow-after .6s cubic-bezier(.69,0,.27,1) forwards .1s;
	   -moz-animation: arrow-after .6s cubic-bezier(.69,0,.27,1) forwards .1s;
	     -o-animation: arrow-after .6s cubic-bezier(.69,0,.27,1) forwards .1s;
	        animation: arrow-after .6s cubic-bezier(.69,0,.27,1) forwards .1s;
}
@-webkit-keyframes arrow-before {
	0% {
		-webkit-transform: translateZ(0) rotate(-45deg);
		        transform: translateZ(0) rotate(-45deg)
	}
	30% {
		-webkit-transform: translateZ(0) rotate(-30deg);
		        transform: translateZ(0) rotate(-30deg)
	}
	100% {
		-webkit-transform: translateZ(0) rotate(-45deg);
		        transform: translateZ(0) rotate(-45deg)
	}
}
@-moz-keyframes arrow-before {
	0% {
		-moz-transform: translateZ(0) rotate(-45deg);
		     transform: translateZ(0) rotate(-45deg)
	}
	30% {
		-moz-transform: translateZ(0) rotate(-30deg);
		     transform: translateZ(0) rotate(-30deg)
	}
	100% {
		-moz-transform: translateZ(0) rotate(-45deg);
		     transform: translateZ(0) rotate(-45deg)
	}
}
@-o-keyframes arrow-before {
	0% {
		transform: translateZ(0) rotate(-45deg)
	}
	30% {
		transform: translateZ(0) rotate(-30deg)
	}
	100% {
		transform: translateZ(0) rotate(-45deg)
	}
}
@keyframes arrow-before {
	0% {
		-webkit-transform: translateZ(0) rotate(-45deg);
		   -moz-transform: translateZ(0) rotate(-45deg);
		        transform: translateZ(0) rotate(-45deg)
	}
	30% {
		-webkit-transform: translateZ(0) rotate(-30deg);
		   -moz-transform: translateZ(0) rotate(-30deg);
		        transform: translateZ(0) rotate(-30deg)
	}
	100% {
		-webkit-transform: translateZ(0) rotate(-45deg);
		   -moz-transform: translateZ(0) rotate(-45deg);
		        transform: translateZ(0) rotate(-45deg)
	}
}
@-webkit-keyframes arrow-after {
	0% {
		-webkit-transform: translateZ(0) rotate(45deg);
		        transform: translateZ(0) rotate(45deg)
	}
	30% {
		-webkit-transform: translateZ(0) rotate(30deg);
		        transform: translateZ(0) rotate(30deg)
	}
	100% {
		-webkit-transform: translateZ(0) rotate(45deg);
		        transform: translateZ(0) rotate(45deg)
	}
}
@-moz-keyframes arrow-after {
	0% {
		-moz-transform: translateZ(0) rotate(45deg);
		     transform: translateZ(0) rotate(45deg)
	}
	30% {
		-moz-transform: translateZ(0) rotate(30deg);
		     transform: translateZ(0) rotate(30deg)
	}
	100% {
		-moz-transform: translateZ(0) rotate(45deg);
		     transform: translateZ(0) rotate(45deg)
	}
}
@-o-keyframes arrow-after {
	0% {
		transform: translateZ(0) rotate(45deg)
	}
	30% {
		transform: translateZ(0) rotate(30deg)
	}
	100% {
		transform: translateZ(0) rotate(45deg)
	}
}
@keyframes arrow-after {
	0% {
		-webkit-transform: translateZ(0) rotate(45deg);
		   -moz-transform: translateZ(0) rotate(45deg);
		        transform: translateZ(0) rotate(45deg)
	}
	30% {
		-webkit-transform: translateZ(0) rotate(30deg);
		   -moz-transform: translateZ(0) rotate(30deg);
		        transform: translateZ(0) rotate(30deg)
	}
	100% {
		-webkit-transform: translateZ(0) rotate(45deg);
		   -moz-transform: translateZ(0) rotate(45deg);
		        transform: translateZ(0) rotate(45deg)
	}
}

#brand-one-1,
#brand-one-2,
#brand-one-3,
#brand-one-4 {
	-webkit-transform: translateY(24px);
	   -moz-transform: translateY(24px);
	     -o-transform: translateY(24px);
	        transform: translateY(24px);
	opacity: 0;
	-o-transition: 1s .1s;
	-moz-transition: 1s .1s;
	transition: 1s .1s;
}
#brand-one-1.move,
#brand-one-2.move,
#brand-one-3.move,
#brand-one-4.move {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}

.product {   margin-bottom: 0;}
@media (max-width: 1400px) {
	.brand-build-desc h3,
	.brand-build-desc article {
		margin-bottom: 2vw;
	}

	.brand-build-desc article p.br-desc {
		min-height: 12px;
	}
}

@media (max-width: 1200px) {
	.brand-build-img, 
	.brand-build-desc {
		width: 100%;
	}
	.brand-build-arrow-all {
		display: none;
	}

	.brand-build-desc h3,
	.brand-build-desc article {
		margin-bottom: 30px;
	}

	.brand-build-desc-cntr {
	    position: relative;
	    margin: 50px auto;
	    left: 0;
	    top: 0;
	    -webkit-transform: translate(0, 0);
	    -moz-transform: translate(0, 0);
	    -o-transform: translate(0, 0);
	    transform: translate(0, 0);
	    width: 90%;
	}
}

@media (max-width: 768px) {
	.brand-build-cntr {
		border: 0;
	}
	.web-build.container {
		padding-right: 0;
		padding-left: 0;
	}
	.brand-build-desc-cntr {
	    margin: 48px auto;
	    width: calc(100% - 30px);
	}

	.brand-build-desc h3,
	.brand-build-desc article {
		margin-bottom: 35px;
	}
	.brand-build-desc h3 {
	    /*line-height: 20px;
	    font-size: 20px;*/
	}
	.brand-build-btn {
        padding: 7px 15px;
	}
	
	.brand-build-desc h3::before, .brand-build-desc h3::after {
	    bottom: -19px;
	    width: 19px;
	}
	.brand-build:hover .brand-build-desc h3::after {
	    bottom: -19px;
	    width: 39px;
	}
}

@media (max-width: 650px) {	.brand-build-btn{border-width: 1px;}	.brand-build-btn:hover{border-width: 1px}}

/*内页关于我们*/
.about-desc {  padding-top: 80px;  padding-bottom: 80px; text-align: center; margin:auto; width:1200px;}
.about-desc h2 { position: relative;  margin: 0; margin-bottom: 78px; line-height: 42px; font-size: 28px; color: #464646;}
.about-desc h2::after { content: '';  position: absolute; left: 50%;  transform: translateX(-50%); bottom: -38px; width: 28px; height: 3px;  background: #a07902;}
.about-desc p.desc { margin: 0; line-height: 35px; font-size: 14px;}
.about-desc.letmove h2,
.about-desc.letmove p.desc { transform: translateY(40px); transition: transform .8s .0s, opacity .8s .0s; opacity: 0;}
.about-desc.letmove p.desc { transform: translateY(50px); transition: transform .8s .1s, opacity .8s .1s;}
.about-desc.move h2,
.about-desc.move p.desc { transform: translateY(0); opacity: 1;}
.about-idea {	overflow: hidden;}
.about-idea-t {	position: relative;	height: 700px;}
.about-idea-t img {	position: absolute;	top: 0;	left: 50%;	transform: translateX(-50%);	width: auto;}
.about-idea-b {	display: table;	position: relative;	width: 100%;	background: #8d8d8d;}
.about-idea-b-in {	float: right;	position: relative;	margin-top: -400px;	width: 1524px;}
.letmove .about-idea-b-in {	transform: translateX(60px);	transition: transform 1.3s .0s, opacity 1.3s .0s;	opacity: 0;}
.move .about-idea-b-in {	transform: translateX(0);	opacity: 1;}
.idea-title {	position: absolute;		top: -162px;	color: #fff;}
.idea-title h2, .idea-title h4 {	margin: 0;}
.idea-title h2 {	margin-bottom: 12px; line-height:normal;	font-size: 75px;}
.idea-title h4 {	font-size: 28px;line-height:normal;}
.idea-one {	font-size: 0;	background: #1d1f24;}
.idea-one-desc, .idea-one-img {	display: inline-block;	width: 50%;	vertical-align: top;}
.idea-one-img {	overflow: hidden;}
.idea-one-img img {	width: 100%;	height: 100%;	transition: .6s .05s;}
.idea-one-img:hover img {	transform: scale(1.1);}
.idea-one-desc {	padding: 60px 125px 0 100px;}
.idea-one:nth-of-type(3) .idea-one-desc {	float: left;}
.idea-one-desc h3 {	margin: 0;	margin-bottom: 22px;	font-size: 22px;	color: #fff;}
.idea-one-desc p.desc {	position: relative;	margin-bottom: 0;	/*height: 84px;*/	line-height: 28px;	font-size: 14px;	color: #898989;}
/*.idea-one-desc p.desc::after {content: '';	position: absolute;	left: 0;	bottom: -28px;	width: 28px;	height: 3px;	background: #a07902;}*/
.about-title {	text-align: center;}
.about-title h2, .about-title h4 {	margin: 0;}
.about-title h2 {	margin-bottom: 35px;font-size: 46px;	font-weight: bold;	color: #000;}
.about-title h4 {	font-size: 16px;color: #787878;}
.about-title.letmove h2, .about-title.letmove h4 {	transform: translateY(40px);	transition: transform .8s .0s, opacity .8s .0s;	opacity: 0;}
.about-title.letmove h4 {transition: transform .8s .1s, opacity .8s .1s;}
.about-title.move h2, .about-title.move h4 {	transform: translateY(0);	opacity: 1;}
.about-good {	padding-top: 80px;	text-align: center;}
.about-good-list {	display: inline-block;	margin-top: 104px;	width: 1500px;	width: 78.823%;}
.good-one {	display: inline-block;	margin: 0 48px 115px;	margin: 0 3.2% 115px;	width: 245px;	width: 16.334%;	vertical-align: top;}
.good-one-img {	display: inline-block;	margin-bottom: 36px;	border: 2px solid #ebebeb;	width: 106px;	height: 106px;	line-height: 106px;	text-align: center;	border-radius: 50%;}
.good-one-desc h3 {	margin: 0;	margin-bottom: 20px;	font-size: 18px;	color: #000}
.good-one-desc p.desc {	margin-bottom: 0;	line-height: 24px;	font-size: 14px;	color: #898989;}
.letmove .good-one-img, .letmove .good-one-desc {	transform: translateY(40px);	transition: transform .8s .0s, opacity .8s .0s;	opacity: 0;}
.letmove .good-one-desc {	transition: transform .8s .1s, opacity .8s .1s;}
.move .good-one-img, .move .good-one-desc {	transform: translateY(0);	opacity: 1; transition: .6s;}
.move .good-one-img img{transition: .6s;}
.move .good-one-img:hover img{transform: rotateY(360deg);}
.about-client {	position: relative;	height: 728px;	overflow: hidden;}
.about-client picture {	position: absolute;	width: 1920px;	left: 50%;	top: 0;	transform: translateX(-50%);}
img.about-client-bg, img.about-client-line-bg {	width: 100%;	height: auto;}
img.about-client-line-bg-ef {	width: 0;	position: absolute;	left: 0;	top: 0;	transition: ease 1.6s width;}
.about-client-line.move img.about-client-line-bg-ef {	width: 100%;}
.about-client .about-title {	position: absolute;	left: 50%;	top: 108px;	transform: translateX(-50%);}
.about-client .about-title h2, .about-client .about-title h4 {	color: #fff;}
.about-client-line {	position: absolute;	bottom: 100px;}
.ac-line-one {	position: absolute;	left: 14.85%;	bottom: 10%;	width: 110px;	text-align: center;}
.ac-line-one-2 {	left: 30%;	bottom: 72.7%;}
.ac-line-one-3 {	left: 44.7%;bottom: 35%;}
.ac-line-one-4 {	left: 60.2%;	bottom: 94.7%;}
.ac-line-one-5 {	left: 78%;	bottom: 35.5%;}
.ac-line-one h3 {	margin: 0;	margin-bottom: 10px;	font-family: gothicb;	font-size: 63px;	color: #fff;}
.ac-line-one h3 i {	font-style: normal;}
.ac-line-one h3 span {	margin-left: 10px;	font-size: 30px;}
.ac-line-one h4 {	margin: 0;	margin-bottom: 7px;	font-size: 16px;	color: #fff;}
.ac-line-one p.desc {	margin: 0;	margin-bottom: 20px;	font-size: 12px;	color: #fff;	opacity: .5;}
.letmove .ac-line-one {	transition: transform 1.4s .0s, opacity 1.4s .0s;	opacity: 0;}
.move .ac-line-one {	opacity: 1;}
.letmove .ac-line-one {transition: transform 1.4s .0s, opacity 1.4s .0s;	opacity: 0;}
.letmove .ac-line-one-2 {	transition: transform 1.4s .3s, opacity 1.4s .3s;}
.letmove .ac-line-one-3 {	transition: transform 1.4s .6s, opacity 1.4s .6s;}
.letmove .ac-line-one-4 {	transition: transform 1.4s .9s, opacity 1.4s .9s;}
.letmove .ac-line-one-5 {	transition: transform 1.4s 1.2s, opacity 1.4s 1.2s;}
.move .ac-line-one {	opacity: 1;}
.partner-in {width: 1200px;	margin: 0 auto;}
.partner-title {margin-top: 48px;	margin-bottom: 48px;}
.partner-title h2 {padding-left: 70px;margin: 0;	font-size: 16px;	font-weight: bold;	color: #464646;}
.partner-title h2 span {font-weight: normal;	color: #7a7a7a;}
.partner-title h2 span::before {content: ' ';display: inline-block;	margin-left: 15px;	margin-right: 12px;	width: 2px;	height: 16px;	background-image: url(../images/images/h2-line.png);background-repeat: no-repeat;	background-size: 2px 16px;}

.about-partner.letmove {transform: translateY(40px);	transition: transform .8s .0s, opacity .8s .0s;	opacity: 0;}
.about-partner.move {transform: translateY(0);	opacity: 1; margin-top:80px;}
.partner-show {}
.imgs-all {	position: relative;	margin: 0 auto;	width: 1221px;	text-align: center;	font-size: 0;}
.imgs-list {}
.imgs-one-in-list {	font-size: 0;text-align: left;}
.team-in-all .imgs-one-in-one {	margin-bottom: 35px;}
.imgs-one-in-one {	display: inline-block;	/*margin-right: 6px;*/	margin-top: 20px;	margin-bottom: 20px;	/*margin-left: 6px;*/text-align: center;	vertical-align: top;}
.imgs-one-img {	-webkit-transform: translateZ(0px);	-ms-transform: translateZ(0px);	-o-transform: translateZ(0px);	transform: translateZ(0px);	border-radius: 4px;	overflow: hidden; float:left; width:300px;}
.imgs-one-img img {max-width: 100%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);	filter: grayscale(100%);filter: gray;height: auto;	transition: .6s;}
.imgs-one-img:hover img {	-webkit-filter: inherit;	-moz-filter: inherit;	-ms-filter: inherit;	-o-filter: inherit;	filter: inherit;	filter: inherit;}
.swiper-pagination {	bottom: 90px;	left: 50%;	transform: translateX(-50%);}
.swiper-pagination-clickable .swiper-pagination-bullet {	margin-right: 5px;	margin-left: 5px;	width: 6px;	height: 6px;	transition: .45s;	border-radius: 3px;}
.swiper-pagination-clickable .swiper-pagination-bullet-active {	background: #a07902;	width: 24px;}
 @media (max-width: 1700px) {
.banner {
	height: 580px;
}
}
 @media (max-width: 1524px) {
.about-idea-b-in {
	width: 100%;
}
}
 @media (max-width: 1500px) {
.about-good-list {
	width: 85%;
}
}
 @media (max-width: 1480px) {
.banner video {
	bottom: 0
}
}
 @media (max-width: 1400px) {
.about-good-list {
	width: 90%;
}
.partner-in {
	width: 100%;
}
.idea-one-desc {
	padding: 60px 110px 0 100px;
}
.partner-title h2 {
	padding-left: 4.2%
}
}
 @media (max-width: 1300px) {
.idea-one-desc {
	padding: 60px 70px 0 100px;
}
}
 @media (max-width: 1200px) {
.idea-one-desc,  .idea-one-img {
	display: block;
	width: 100%;
}
.idea-one-desc {
	padding: 60px 15px 80px;
}
.idea-one-desc h3 {
	margin-bottom: 20px;
	font-size: 20px;
}
}
 @media (min-width: 768px) {
.about-partner-m {
	display: none;
}
}
 @media (max-width: 768px) {
.about-title {padding-left: 15px;	padding-right: 15px;	width: 100%;	text-align: left;}
.about-client .about-title {top: 13%;}
.about-title h2 {margin-bottom: 30px;	margin-bottom: 0.4rem;	font-size: 56px;	font-size: 0.746667rem;}
.about-title h4 {font-size: 24px;}
.about-idea-b-in {	margin-top: 0;}
.idea-title {left: 15px;	top: -210px;	top: -2.8rem;}
.idea-title h2 {margin-bottom: 12px;	margin-bottom: 0.16rem;	font-size: 10vw;}
.idea-title h4 {font-size: 5vw;}
.about-idea-t {height: 396px;	height: 5.28rem;}
.about-idea-t img {	min-width: 100%;	height: 396px;	height: 5.28rem;}
.about-good {padding-top: 75px;	padding-bottom: 25px;}
.about-good-list {	margin-top: 60px;	width: calc(100% - 30px);}
.good-one {margin-bottom: 30px;	display: block;	width: 100%;	text-align: left;}
.good-one-img,  .good-one-desc {	display: inline-block;	vertical-align: middle;}
.good-one-img {	width: 74px;	height: 74px;	line-height: 62px;	margin-bottom: 0;}
.good-one-desc {padding-left: 10px;	width: calc(100% - 88px);}
.good-one-desc h3 {margin-top: 4px;	margin-bottom: 11px;}
.about-client {height: auto;}
.about-client picture {	position: relative;	left: 0;	transform: translateX(0px);}
.about-client-line {display: none;}
.about-partner {display: none;}
.about-partner-m {padding-top: 45px; padding-bottom: 35px;}
.partner-list-m {margin: 30px auto 0;	width: calc(100% - 30px);	font-size: 0;	text-align: center;}
.list-one {	display: inline-block;	border: 1px solid #e3e3e3;	margin: 0 6px 28px;	margin: 0 0.08rem 0.373333rem;	width: 210px;	width: 2.8rem;	height: 70px;	height: 0.933333rem;	line-height: 70px;	line-height: 0.933333rem;	vertical-align: top;}
.list-one img {	max-width: 60%;	max-height: 90%;}
}

/*联系我们*/
.contact {	margin-bottom: 190px; width:1200px; margin:auto;}
.text-center{ text-align:center;}
.contact .web-title-0{ text-align:center;font-size: 28px;   color: #111;  margin-top: 55px;}
.contact .contact-brief { text-align:center;	line-height: 28px;	font-size: 14px;	color: #999;}
.contact .contact-brief b {	font-weight: normal;	color: #111;}
.contact .contact-info {	padding: 80px 0;border-bottom: 1px solid #e5e5e5;display: -webkit-flex;	display: flex;}
.contact .contact-info .line {	width: 1px;	height: 90px;	background-color: #e5e5e5;	margin-top: 45px;}
.contact .contact-info .item {	width: 25%;}
.contact .contact-info .item .ico {	height: 65px;	margin-bottom: 60px;}
.contact .contact-info .item .title {font-size: 24px;color: #111;}
.contact .contact-info .item .info {font-size: 18px;	color: #999;}


/*招商加盟*/
.join_box{}
.join_title{ background:url(../images/join_title.jpg) center center; height:300px; overflow:hidden;object-fit:cover; text-align:center;}
.join_title h2{ font-size:30px; color:#fff; margin-top:100px;}
.join_title em{ font-size:18px; color:#fff; font-weight:lighter;}
.join_title em:after{ width:40px; height:2px; background:#fff; content:""; display:block; margin:auto;}

.titis{height:128px;text-align: center;background: url(../images/ico1.png) no-repeat center bottom;}
.titis h4 {height:66px;line-height:66px;font-size:38px;color: #000; font-weight:bold}
.titis h4 a {color: #c99951;}
.titis p{font-size:16px;color: #262626;height:34px;line-height:34px;}

.index_cpys{/*background: url(../images/pz_bj.png) no-repeat bottom center;*/padding-top:65px; padding-bottom:80px;}
.cpys .titis h4{color: #000;}
.cpys .titis p {color: #cececf}
.cpys_nr{padding-top:47px;}
.cpys_nr dl{position: relative;height: 394px;background: #f4f4f4;position: relative;}
.cpys_nr dt {font-size:0;line-height: 0;width:722px;float:left;}
.cpys_nr dt img {width:722px;height: 394px; object-fit:cover;}
.cpys_nr dd {float:left;width:360px;padding:52px 0 0 52px;}
.cpys_nr dd h4 {height: 98px;line-height: 98px;font-size:36px;color: #333333;font-weight: bold;border-bottom:1px dashed #c7c7c7;}
.cpys_nr dd p {font-size:14px;color: #585858;line-height: 28px;padding-top:26px;}
.cpys_nr dd em {position: absolute;width:53px;height:53px;background: #a07902;line-height: 53px;text-align: center;font-size:24px;color: #fff;right:0;bottom:0px;}
.cpys_qh{height: 120px; text-align:center;}
.cpys_qh li { display:inline-table;height: 120px; width:120px;margin:0px 25px;background: #f4f4f4; border-radius: 120px;}
.cpys_qh li em {width:44px;height: 44px;text-align: center;line-height: 44px;font-size:24px; display:inline-block; margin-top:20px; }
.cpys_qh li .em1{ background:url(../images/cpys01.png) no-repeat center center;}
.cpys_qh li .em2{ background:url(../images/cpys02.png) no-repeat center center;}
.cpys_qh li .em3{ background:url(../images/cpys03.png) no-repeat center center;}
.cpys_qh li .em4{ background:url(../images/cpys04.png) no-repeat center center;}
.cpys_qh li .em5{ background:url(../images/cpys05.png) no-repeat center center;}
.cpys_qh li:hover .em1{ background:url(../images/cpys01_h.png) no-repeat center center;}
.cpys_qh li:hover .em2{ background:url(../images/cpys02_h.png) no-repeat center center;}
.cpys_qh li:hover .em3{ background:url(../images/cpys03_h.png) no-repeat center center;}
.cpys_qh li:hover .em4{ background:url(../images/cpys04_h.png) no-repeat center center;}
.cpys_qh li:hover .em5{ background:url(../images/cpys05_h.png) no-repeat center center;}
.cpys_qh li span {font-size:16px;color: #000; clear:both; display:block;}
.cpys_qh li span b{padding-right:8px;}
.cpys_qh li:last-child{}
.cpys_qh li.on{background: #a07902;color: #fff}
.cpys_qh li.on span{color: #fff}
.cpys_qh li.on .em1{ background:url(../images/cpys01_h.png) no-repeat center center;}
.cpys_qh li.on .em2{ background:url(../images/cpys02_h.png) no-repeat center center;}
.cpys_qh li.on .em3{ background:url(../images/cpys03_h.png) no-repeat center center;}
.cpys_qh li.on .em4{ background:url(../images/cpys04_h.png) no-repeat center center;}
.cpys_qh li.on .em5{ background:url(../images/cpys05_h.png) no-repeat center center;}

/*招商加盟政策与扶持*/
.fuchi {overflow: hidden;	width: 100%;	padding: 60px 0;	background: url(../images/fuchi_bg.jpg) repeat center;}
.fuchi .titis h4 {height:66px;line-height:66px;font-size:38px;color: #fff; font-weight:bold}
.fuchi .fcbox {	overflow: hidden;	width: 1000px;	margin: 0 auto;	background: url(../images/fuchi_tu.png) no-repeat center 20px;	margin-top: 45px;}
.fuchi .fcleft {width: 320px;	float: left}
.fuchi .fcright {width: 320px;	float: right}
.fuchi .fcleft .fc {overflow: hidden;	padding-left: 85px;}
.fuchi .fcright .fc {overflow: hidden;	padding-right: 85px;	text-align: right}
.fuchi h3 {font-size: 18px;	color: #fff;	margin-bottom: 12px;}
.fuchi p {font-size: 16px;	color: #fff;	line-height: 23px;}
.fuchi .fc01 {	background: url(../images/fuchi01.png) no-repeat left top}
.fuchi .fc02 {	background: url(../images/fuchi02.png) no-repeat left top}
.fuchi .fc03 {	background: url(../images/fuchi03.png) no-repeat left top}
.fuchi .fc04 {	background: url(../images/fuchi04.png) no-repeat right top}
.fuchi .fc05 {	background: url(../images/fuchi05.png) no-repeat right top}
.fuchi .fc06 {	background: url(../images/fuchi06.png) no-repeat right top}
.fuchi .fc {margin-bottom: 55px;	margin-top: 15px;}

/*招商加盟流程*/
.liucheng {overflow: hidden;	width: 100%;	background: url(../images/liucheng_bg.jpg) no-repeat center top;	padding-top: 60px; margin-bottom:30px;}
.liucheng .lcbox {overflow: hidden;	width: 1000px;margin: 0 auto;	height: 110px;	position: relative;	background: url(../images/liucheng00.png) no-repeat center 45px;	margin-top: 25px;}
.liucheng ul {overflow: hidden;	width: 102%;}
.liucheng li {float: left;	width: 81px;margin: 0 56px 0 33px;	height: 110px;}
.liucheng li em {display: block;	width: 26px;height: 22px;text-align: center;	line-height: 22px;	font-size: 16px;color: #fff;background-color: #000;	margin: 0 auto;	position: relative;	z-index: 2}
.liucheng li b {display: block;	width: 75px;	height: 65px;	background-color: #fff;	border: 3px solid #000;	margin: 0 auto;	margin-top: -14px;}
.liucheng li i {display: block;	width: 50px;	height: 50px;	margin: 0 auto;	margin-top: 12px;}
.liucheng li span {display: block;	text-align: center;	font-size: 14px;	color: #666;	margin-top: 10px;}
.liucheng li .i01 {background: url(../images/liucheng01.png) no-repeat center top;}
.liucheng li .i02 {background: url(../images/liucheng02.png) no-repeat center top;}
.liucheng li .i03 {background: url(../images/liucheng03.png) no-repeat center top;}
.liucheng li .i04 {background: url(../images/liucheng04.png) no-repeat center top;}
.liucheng li .i05 {background: url(../images/liucheng05.png) no-repeat center top;}
.liucheng li .i06 {background: url(../images/liucheng06.png) no-repeat center top;}
.liucheng li:hover em {background-color: #ffbf00;}
.liucheng li:hover b {border-color: #ffbf00}
.liucheng li:hover i {background-position: bottom}


.service-title{text-align: center;margin: 30px 0 0 0;}
.service-title h2{display: block;font-size: 36px;}
.service-title p{display: block;color: #888;font-size: 16px;}
.solution-box{background: #373d41;margin: 30px 0 80px 0;}
.solution-cut{margin: 0 auto;position: relative;}
.solution-swiper{width: 100%;overflow: hidden;}
.solution-box button.fa{position: absolute;top: 0;bottom: 0;width: 50px;background: rgba(0, 0, 0, .1);color: rgba(255, 255, 255, .5);cursor: pointer;border: none;font-size: 40px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box button.fa:hover{background: #0166ce;color: #fff;}
.solution-box .fa-back{right: 100%;}
.solution-box .fa-more{left: 100%;}
.solution-box ul{width: 100%;}
.solution-box ul:after{display: block;clear: both;content: '';}
.solution-box ul li{width: 16.6666%;float: left;text-align: center;color: #fff;position: relative;}
.solution-box ul li span{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li:nth-child(2) span,
.solution-box ul li:nth-child(4) span{background: rgba(0, 0, 0, .75);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li i{font-size: 50px;opacity: .85;position: absolute;width: 100%;left: 0;bottom: 53%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li hr{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li h3{font-size: 24px;position: absolute;width: 100%;left: 0;top: 53%;transition: .3s;}
.solution-box ul li p{width: 80%;position: absolute;font-size: 16px;left: 10%;top: 70%;opacity: 0;transition: .3s;}
.solution-box ul li a{position: absolute;top: 85%;font-size: 16px;line-height: 32px;width: 120px;margin: 0 0 0 -60px;color: #fff;border: 2px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li a:hover{background: #fff;color: #373d41;}
.solution-box ul li .swiper-lazy{display: block;width: 100%; 
-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.solution-box ul li:hover .swiper-lazy	{	-webkit-filter: inherit;	-moz-filter: inherit;	-ms-filter: inherit;	-o-filter: inherit;	filter: inherit;	filter: inherit;}
.solution-box ul li:hover span{background: rgba(0, 0, 0, .55);}
.solution-box ul li:hover i{bottom: 63%;}
.solution-box ul li:hover hr{top: 40%;opacity: 0;}
.solution-box ul li:hover h3{top: 38%;}
.solution-box ul li:hover p{top: 50%;opacity: 1;}
.solution-box ul li:hover a{top: 75%;opacity: 1;}


#newslist{ width:1200px; margin:auto;}
#newslist li{ float:left; padding:20px; width:100%; background:#fff; margin-bottom:20px; border:1px solid #dedede; position:relative;}
#newslist .list::before,#newslist .list::after{position:absolute;content:'';opacity:0;transition:all 1s;}
#newslist .list::before{top:0px;right:0px;bottom:0px;left:0px;border-top:1px solid #a07902;border-bottom:1px solid #a07902;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
#newslist .list::after{top:0px;right:0px;bottom:0px;left:0px;border-right:1px solid #a07902;border-left:1px solid #a07902;transform:scale(1,0);transform-origin:100% 0;}
#newslist li:hover .list::before,#newslist li:hover .list::after{opacity:1;transform:scale(1);transition: all 1s;}

#newslist li .news_img{ width:250px; float:left;}
#newslist li img{ width:250px; height:150px; object-fit:cover; display:block; }
#newslist li .news_t { float:left;  width:60%; margin-left:20px; }
#newslist li .news_t h4{ line-height:30px; font-size:16px;}
#newslist li time{ border-left:1px solid #ebebeb; float:right; text-align:center; padding:48px 30px 48px 50px;}
#newslist li time span {   display: block;    color: #000;   font-size: 36px;    line-height: 30px;}
#newslist li  p{ line-height:30px; padding-bottom:15px; margin-top:10px; color:#797979;}
#newslist li .more{float: right; color:#797979;  width: 134px;   height: 35px;    display: inline-block;  border: 1px solid #dedede;   font-size: 14px;   line-height: 35px;  text-align: center;}
#newslist li:hover .more{ background:#a07902; color:#fff;transform:scale(1);transition: all 1s;}	
#newslist li a{ }
#newslist li span{}

#productlist {}
#productlist li{ float:left; display:inline;  margin:0px 10px 20px 0px; width:465px; height:220px; }
#productlist li:nth-child(2n){ margin-right:0px;}
#productlist li .li_pic .a_t{   background:#fff;  display:block; text-align:center;border:1px solid #f2f2f2; height:220px; padding:5px; overflow:hidden;}
#productlist li .li_text{  padding:10px 20px; overflow:hidden; background:#f2f2f2; }
#productlist li:hover .li_pic .a_t{  border:1px solid #a07902;}
#productlist li:hover .li_text{ background: #a07902; }
#productlist .list:hover .li_text p{ color:#fff; line-height:normal;}
#productlist .list:hover .li_text h5 a{ color:#fff; }
#productlist li .li_text .left{ float:left; width:72%;}
#productlist li .li_text .right{ float:right; line-height:40px; width:27px; height:40px;  background:url(../images/arrow-right.png) no-repeat center center;}
#productlist li:hover .li_text .right{ background:url(../images/arrow-right_h.png) no-repeat center center;}
#productlist .list .li_text h5{ font-size:16px; }
#productlist .list .li_text p{ color:#aaa; line-height:normal;}
#productlist .list .li_pic{ overflow:hidden;}
#productlist .list .li_pic a.a_t img{ margin:auto;  max-height: 200px; max-width: 100%;transition: 2s;}
#productlist .list:hover .li_pic a.a_t img{transform: scale(1.2);}
#productlist li a.img:hover{ margin:auto;  max-height:200px;}
#productlist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;}

.imglist li{ float:left; display:inline;  margin:0px 10px 20px 0px; width:390px; height:220px; }
.imglist li:nth-child(3n){ margin-right:0px;}
.imglist li .li_pic .a_t{   background:#fff;  display:block; text-align:center;border:1px solid #f2f2f2; height:220px; padding:5px; overflow:hidden;}
.imglist li .li_text{  padding:10px 20px; overflow:hidden; background:#f2f2f2; }
.imglist li:hover .li_pic .a_t{  border:1px solid #a07902;}
.imglist .list .li_pic a.a_t img {  margin: auto;   max-height: 200px;   max-width: 100%;   transition: 2s;}
.imglist .list:hover .li_pic a.a_t img{transform: scale(1.2);}