.container{
	width:1200px;
	margin:0 auto;
	clear:both;
}
.top-bar{
	height:35px;
	line-height:35px;
	background: #333333;
	color:#fff;
	font-size:14px;
}
.top-bar .t-l{
	float:left
}
.top-bar .t-r{
	float:right;
}
.mid-bar span{
	display:block;
	float:left;
	font-size:13px;
	text-align:center;
	margin-left:70px;
	line-height:1.8em;
}
.mid-bar{
	padding-top:20px;
	padding-bottom:10px;
	border:1px solid #ccc;
}
.fl{float:left;}
.fr{float:right}
.mid-bar span.logo{
	width:475px;
}
.mid-bar .logo > div{
	float:left;
}
.mid-bar .logo .text{
	margin:10px 0 0 20px;
	border-left:1px solid #333;
	padding-left:20px;
	line-height:1.4;
}
.big-font{
	font-size:20px;
	font-weight:bold;
}
.mid-bar span.icon-phone{
	width:225px;
	float:right;
	margin:0;
}
.icon-phone b{
	display:inline-block;
	color:#333;
}
.icon-phone .phone-text{
	background-image:url(../images/wx09.png);
	background-repeat:no-repeat;
	background-position:25px center;
	height:30px;
	line-height:30px;
	padding-left:55px;
	font-size:16px;
}
.icon-phone .phone{
	font-size:24px;
	font-weight:600;
	text-align:right;
	width:225px;
	line-height:1;
}
.icon-phone .support{
	font-weight:500;
	font-size:16px;
	width:225px;
	text-align:right;
	line-height:1;
	color:#444;
}
.behind-bar{
	padding:10px 0;
	width:100%;
	float:left;
	height:34px;
}
.behind-bar ul > li{
	display:inline-block;
	float:left;
	width:120px;
	text-align:center;
	position:relative;
}
.behind-bar li .menu-mask{
	position:absolute;
	left:0px;
	top:44px;
	z-index:8;
	background:#333;
	opacity:0.8;
	width:100%;
	height:200px;
	filter:alpha(opacity=80);
}
.behind-bar li dl{
	z-index:9;
	width:100%;
	text-align:center;
	color:#fff;
	position:absolute;
	left:0px;
	top:44px;
}
.behind-bar li dl dd{
	height:35px;
	line-height:35px;
	float:left;
	width:100%;
	border-bottom:1px solid #fff;
	font-size:14px;
}
.behind-bar li dl dd a{
	color:#fff;
	z-index:999;
}

.behind-bar  ul  li > a{
	display:inline-block;
	font-weight:normal;
	padding:5px 0;
}
.behind-bar .home{
	width:180px;
	text-align:left;
}
.behind-bar .home a{
	padding:5px 20px;
	background:#ff0204;
	color:#fff;
	display:inline-block;
	border-radius:20px;
}
.behind-bar .product{
	background-image:url(../images/wx02.png);
	background-position:110px center;
	background-repeat:no-repeat;
}
.product-wrap{
	
}
.desc{
	text-align:center;
	padding:30px 0;
}
.desc strong{
	font-size:30px;
	font-weight:bold;
}
.product-list{
	width:100%;
	padding:50px 0;
	background:#f5f5f5;
}
.product-list dl{
	float:left;
	background:#fff;
	color:#000;
	width:20%;
	padding:2%;
	margin-right:1%;
	overflow:hidden;
}
.product-list dl dt.p-title{
	font-size:18px;
	font-weight: bold;
}
.product-list dl dd.p-desc{
	lien-height:2em;
	font-size:14px;
	padding:10px 0;
}
.product-list dl dd img{
	height:300px;
	display:block;
	margin:0 auto;
	padding:20px 0;
	object-fit:contain;
	transition: all 0.6s;
}

.area-wrap li{
	width:49%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	overflow:hidden;
	position:relative;
}
.area-wrap li img{
	width:100%;
	transition: all 1.6s;
}
.product-list dl dd:hover img{
	-webkit-transform:scale(1.1);
  	-moz-transform:scale(1.1);
  	-ms-transform:scale(1.1);
  	-o-transform:scale(1.1);
  	transform:scale(1.1);
}

.area-wrap li:hover img{
	-webkit-transform:scale(1.1);
  	-moz-transform:scale(1.1);
  	-ms-transform:scale(1.1);
  	-o-transform:scale(1.1);
  	transform:scale(1.1);
}
.area-wrap li span{
	display:none;
}
.area-wrap li:hover span.mask{
	width:100%;
	height:100%;
	background:#000;
	opacity:0.6;
	filter:alpha(opacity=60);
	position:absolute;
	left:0px;
	top:0px;
	display:block;
}
.area-wrap li:hover span.mask-text{
	position:absolute;
	bottom:30px;
	left:20px;
	width:80px;
	display:block;
	height:50px;
	color:#fff;
	z-index:3;
	text-align:center;
	font-size:14px;
	display:block;
}
.area-wrap li:hover span.mask-text b{
	display:inline-block;
	padding:5px 20px;
	border:1px solid #fff;
	margin-top:10px;
}
.video-wrap{
	width:100%;
	height:490px;
	padding-top:100px;
	background-image:url(../images/wx25.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
.video-place{
	width:1200px;
	margin:0 auto;
	background:#fff;
	height:490px;
}
.video-pic{
	width:60%;
	float:left;
}
.video-pic img{
	width:720px;
	height:400px;
}
.us-text{
	float:right;
	width:34%;
	padding:3%
}
.us-text h3{
	font-size:24px;
	font-weight:bold;
}
.us-text p{
	font-size:18px;
	color:#444;
	line-height:1.8;
	padding:10px 0;
}
.us-more a{
	background:#1f559f;
	padding:8px 20px;
	border-radius:20px;
	color:#fff;
	font-size:16px;
	display:inline-block;
	margin-top:20px;
}

.us-footer{
	width:auto;
	float:left;
	padding-left:80px;
	background-image:url(../images/wx16.png);
	background-repeat: no-repeat;
	background-position:15px center;
	height:89px;
	width:1120px;
	border-top:1px solid #ccc;
}
.carousel{
	float:left;
	height:35px;
	overflow: hidden;
	margin-top:25px;
}
.carousel ul{
	height:35px;
	line-height:35px;
	overflow:hidden;
}
.carousel li{
	height:35px;
	line-height:35px;
	float:left;
	width:100%;
}

/**轮播样式**/
.section-focus-pic{
	height:330px;width:1200px;margin:0 auto;overflow:hidden;position:relative;
	margin-top:-89px;padding-top:89px;}
.section-focus-pic .item{position:absolute;top:169px;left:1200px;width:1200px;height:200px;float:left;}
.section-focus-pic .item li{width:24%;height:200px;margin-right:1%;overflow:hidden;float:left;list-style:none;text-align:center;}
.section-focus-pic .item li img{object-fit:contain;height:200px;}
.section-focus-pic .pages{width:1200px;height:200px;}
.section-focus-pic .controler{height:35px;line-height:35px;text-align:center;margin:20px 0 40px;}
.section-focus-pic .controler b{cursor:pointer;padding:0 15px;font-size:16px;color:#333;display:inline-block;}
.section-focus-pic .controler b.down{color:#1f559f;border-bottom:1px solid #1F559F;font-weight:bold;}
.section-focus-pic .controler2 a{
	display:block; width:89px;
	position:absolute;top:0;height:89px;z-index:999;}
.section-focus-pic .controler2 a i{
	cursor:pointer;
	display:block;
	width:89px;
	height:89px;
	color:#333;font-size:30px;text-align:center;line-height:89px;}
.section-focus-pic .controler2 a:hover i{color:#fff;background:#125fb9;}
.section-focus-pic .controler2 .prev{right:89px;}
.section-focus-pic .controler2 .next{right:0;}

.case{
	padding:50px 0;
	background:#196abc;
	color:#fff;
}
/**banner*/
.pic-scroll {
	width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.pic-scroll .hd {
	z-index: 2;
    width: 825px;
    height: 0;
    position: relative;
    margin: 0 auto;
}
.tempWrap {
	margin: 0 auto;
}

.pic-scroll .bd {
	padding:0px;
}
.pic-scroll .bd ul {
	overflow:hidden;
	zoom:1;
}
.pic-scroll .bd ul li {
	width: 100%;
	margin:0px;
	float:left;
	_display:inline;
	overflow:hidden;
	text-align:center;
}
.pic-scroll .bd ul li .pic {
	text-align:center;
	position:relative;
	display: block;
    width: 100%;
}
.pic-scroll .bd ul li .pic img {
	width: 100% !important;
    display: block;
    margin: 0 auto;
}

.pic-scroll {
	width: 100%;
    overflow: hidden;
    position: relative;
    margin: 30px auto;
}
.pic-scroll .hd {
	z-index: 2;
    position: relative;
    margin: 0 auto;
	height:30px;
}


.pic-scroll .hd ul {
	margin-top:60px;
	width:100%;
	text-align:center;
}
.pic-scroll .hd ul li {
	width:15px;
	height:15px;
	margin-right:25px;
	cursor:pointer;
	background:#333;
	display:inline-block;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:15px;
}
.pic-scroll .hd ul li.on {
	background:#2785f5;
}

/**slider*/
.slide-box{ 
	width: 1200px; 
	position:relative; 
	margin:0 auto;
}
.slide-box .hd{ 
	width:1200px;
	text-align:center;
	background:#fff;
}
.slide-box .hd ul{ 
	
}
.slide-box .hd ul li{ 
    text-align: center;
	width:260px;
	margin-top:20px;
	margin-right:10px;
	overflow:hidden;
	display:inline-block;
	position:relative;
}
.slide-box .hd ul li span{
	position:absolute;
	left:0px;
	width:100%;
	bottom:0px;
	font-size:12px;
	background:#000;
	opacity:0.6;
	text-align:center;
	height:30px;
	line-height:30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.slide-box .hd ul li.on span{
	border-bottom:3px solid #f00;
}
.slide-box .hd ul li img{
	width:100%;
	height:160px;
}
.slide-box .hd ul li.on{  
	color:#fff; 
}
.slide-box .bd{ 
	position:relative; 
	height:100%; 
	z-index: 0;
}
.slide-box .bd li{ 
	zoom:1; 
	vertical-align:middle; 
	position: relative;
}
.slide-box .bd li a {
	display: block;
}
.slide-box .bd img{ 
	width: 100%;
	height:480px;
	display:block;  
}
.slide-box .bd img:hover {
	opacity: 0.8;
    filter: alpha(opacity = 80);
}

.slide-box .prev,
.slide-box .next {
    position: absolute;
    left: 0;
    bottom:65px;
	background:#fff;
    display: block;
    width: 50px;
    height: 50px;
    filter: alpha(opacity=50);
    opacity: 0.5;
	line-height:50px;
	text-align:center;
	font-size:40px;
	cursor:pointer;
}
.slide-box .next {
    left: auto;
    right: 0;
}
.slide-box .prev:hover,
.slide-box .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.client{
	text-align:center;
}
.client img{
	display:inline-block;
	margin-left:30px;
	height:80px;
}

/*footer**/

.footer{
	background:#333;
	color:#fff;
	padding-top:50px;
	margin-top:50px;
	font-size:13px;
	padding-bottom:20px;
}
.footer-menu li{
	line-height:2.2em;
}
.footer-wrap ul{
	float:left;
	width:10%;
}
.footer-wrap ul.qrcode{
	width:20%;
	margin-left:10%;
}
.footer-wrap ul.qrcode li{
	float:left;
	width:46%;
	padding:2%;
	text-align:center;
	line-height:2em;
}
.footer-wrap a{
	color:#fff;
}
.service-time{
	float:right;
	color:#ccc;
}
.service-time strong{
	color:#fff;
	font-size:20px;
}
.footer-wrap li.gray a{
	color:#ccc;
	display:block;
	margin-bottom:10px;
}
.beian{
	height:40px;
	line-height:40px;
	text-align:center;
	color:#eee;
	border-top:1px solid #444;
	margin-top:20px;
}


/**简介*/
.h-menu{
	background:#DBD7D8;
	text-align:center;
	height:40px;
	line-height:40px;
	margin:30px 0;
}
.h-menu li{
	display:inline-block;
	color:#000;
	margin:0;
}
.h-menu li a.current{
	background:#ff0000;
	color:#fff;
}
.h-menu li a{
	color:#000;
	display:block;
	padding:0 50px;
}
.honor{
	width:900px;
	margin:0 auto;
}
.h-3 h3{
	font-size:30px;
	text-align:center;
	font-weight:600;
}
.h-3 h5{
	text-align:center;
	font-size:16px;
	margin-bottom: 50px;
}
.honor ul.h-pic li{
	float:left;
	width:32%;
	margin-right:1%;
	margin-bottom:1%;
}
.honor ul.h-pic img{
	width:100%;
}


.decoration{
	background:#eee;
	height:50px;
	line-height:50px;
	margin-top:30px;
}
.decoration span{
	display:block;
	width:60%;
	text-align:center;
	color:#fff;
	font-size:20px;
	background:#f00;
}

.shop-link > p{
	text-align:center;
	font-size:20px;
	margin-top:30px;
}
.shop-link > .link-pic{
	text-align:center;
	margin-bottom:20px;
	margin-top:30px;

}
.shop-link .link-pic span{
		height:200px;
	display:inline-block;
	width:200px;
}
.shop-link > .link-pic img{
	display:inline-block;
	margin:10px;
}

/**product*/
.p-containter{
	background:#f5f5f5;
	padding:50px;
}
.light-product-wrap{
	width:800px;
	margin:0 auto;
}
.light-product-wrap li{
	float:left;
	width:30%;
	margin-right:3%;
	background:#fff;
	margin-bottom:50px;
}
.light-product-wrap li img{
	width:100%;
	object-fit:contain;
}
.light-product-wrap li span{
	display:block;
	text-align:center;
	background:#0351d9;
	color:#fff;
	height:40px;
	line-height:40px;
}
 
.product-desc{
	text-align:center;
	margin-bottom:50px;
}
.product-desc span{
	display:inline-block;
}
.product-desc .desc-1{
	font-size:20px;
	font-weight:600;
	margin-bottom:30px;
}

/**
 * 加盟
 */

.join-desc{
	text-align:center;
	margin:30px 0;
}
.join-desc span{
	display:inline-block;
}
.join-desc .join-desc-1{
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
}

.j-about{
	padding:50px 0;
	background:#2785f5;
	color:#fff;
	font-size:16px;
	text-align:center;
}
.j-about-text{
	width:1000px;
	margin:0 auto;
	line-height:2em;
}
.j-case{
	margin-top:30px;
}
.j-case li{
	float:left;
	position:relative;
	width:350px;
	height:480px;
	overflow:hidden;
}
.j-case li:hover img{
	transform: scale(1.1);
}
.j-case li img{
	width:100%;
	height:480px;
	transition:all 0.6s;
	width:350px;
	overflow:hidden;
}
.j-case li:hover span{
	opacity:0.8;
	filter:alpha(opacity=80);
	background:#000;
}
.j-case li span{
	display:inline-block;
	position:absolute;
	width:100%;
	height:50px;
	line-height:50px;
	color:#fff;
	text-align:center;
	left:0px;
	bottom:0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.common-desc{
	text-align:center;
	font-size:18px;
	margin:59px 0;
}
.common-desc font{
	font-size:30px;
	line-height:2;
}

.product-detail{
	padding:80px 0;
}
.product-detail span{
	display:inline-block;
}

.art-light-s-1,.art-light-s-2{
	font-size:28px;
	line-height:1.8;
}
.art-light-s-3{
	margin-top:40px;
	line-height:2;
	font-size:18px;
}
.art-icon{
	text-align:left;
	margin-top:50px;
}
.art-icon-item{
	float:left;
	margin-right:20px;
}
.art-icon img{
	display:inline-block;
	height:100px;
}
.art-icon-item p{
	text-align:center;
	margin-top:10px;
}

.contact-font{
	font-size:30px;
	margin:50px 0;
}

.contact-item li{
	float:left;
	width:26%;
	margin:1.5%;
	border:1px solid #eee;
	padding:2%;
}
.contact-item .item-title{
	border-bottom:2px solid #f00;
	display:inline-block;
	padding:5px 0;
	font-size:18px;
}
.item-contact{
	padding:10px 0;
	display:inline-block;
}

.message input{
	display:inline-block;
	height:30px;
	margin:5px;
	width:200px;
}
.message  textarea{
	width:80%;
	height:200px;
	margin:5px;
	display:inline-block;
}
.m-submit{
	display:inline-block;
	padding:5px 30px;
	background:#f00;
	color:#fff;
	margin:20px 0;
}

.color-map{
	background:#363535;
	height:50px;
	line-height: 50px;
	text-align:center;
	color:#fff;
	margin:50px 0 80px 0;
}
.color-map-l-text{
	
}
.color-map-l-text span{
	display:inline-block;
	font-size:16px;
}
.color-map-l-text .text-border{
	font-size:20px;
	border-bottom:2px solid #000;
}
.color-map-l-text .text-1{
	font-size:20px;
	font-weight:bold;
}

.color-map-l-text .text-2{
	font-size:20px;
	margin:30px 0;
}
.color-map-l-text .text-3{
	margin-bottom:20px;
}
.color-map-l-text .text-4{
	padding-right:30px;
	border-right:2px solid #000;
	font-size:23px;
	margin-top:30px;
}
.color-map-l-text .text-5{
	text-align:center;
	font-size:23px;
	padding-left:30px;
}

.color-map-r-pic {
	width:450px;
	height:400px;
	background:url(../images/m_03.png);
	background-repeat: no-repeat;
	background-size:450px auto;
}
.color-map-r-pic2 {
	width:450px;
	height:400px;
	background:url(../images/m_07.png);
	background-repeat: no-repeat;
	background-size:450px auto;
}
.color-map-r-pic img{
	width:430px;
	height:250px;
	padding:10px;
	display:inline-block;
}
.bread {
	height:40px;
	line-height:40px;
	padding-left:20px;
	margin:30px 0;
	background:#eee;
}
.bread a{
	display:inline-block;
	padding:0 10px;
}
.page{
	list-style:none;
	margin-top:50px;
	text-align:center;
}
.page li{
	display:inline-block;
	list-type:none;
	padding:10px 15px;
}
.page li.active{
	background:#0351d9;
	color:#fff;
}
.post-content{
	width:80%;margin:0 auto;line-height:1.8
}
.post-content p{
	text-align:justify ;
}
.post-content img{
	max-width:80%;
	margin:0 auto;
}

.light-product-wrap li a img{
	width:100%;
	height:400px;
	display:block;
}