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


@font-face{font-family:iconfont;src:url(/Public/index/fonts/font_1811158_g0yz62clb.eot);src:url(/Public/index/fonts/font_1811158_g0yz62clb.eot?#iefix) format('embedded-opentype'),url(/Public/index/fonts/font_1811158_g0yz62clb.woff2) format('woff2'),url(/Public/index/fonts/font_1811158_g0yz62clb.woff) format('woff'),url(/Public/index/fonts/font_1811158_g0yz62clb.ttf) format('truetype'),url(/Public/index/fonts/font_1811158_g0yz62clb.svg#iconfont) format('svg')}
@font-face{font-family:Gotham;src:url(/Public/index/fonts/Gotham-Thin.otf)}
@font-face{font-family:CenturyGothic;src:url(/Public/index/fonts/CenturyGothic.TTF)}
@font-face{font-family:PingFangSC;src:url(/Public/index/fonts/PingFangSC-Light.ttf)}
body{
	background-color:#FFFFFF;
}

input,textarea{word-wrap:break-word;word-break:break-all;font-size:14px}
a{text-decoration:none}
li,ul{list-style:none}
button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;font-size:12px}
::selection{background:#0f0f22;color:#fff}
textarea{-webkit-appearance:none}

a,article,body,canvas,div,em,figcaption,figure,footer,h1,h2,hgroup,input,li,ol,p,section,small,span,ul{padding:0;margin:0}
img{border:none;vertical-align:middle}

.clearfix{clear:both;}
.khang{
	padding:20px 10px;
}
.videobanner{
	height:auto;
}

.sbanner{
	width:100%;
}
.sbanner img{
	width:100%;
}
.max1470{
	max-width:1470px;
}

/*Banner 轮换图*/
.bannerbox{ position: relative; overflow: hidden; }


@media screen and (min-width:900px)  and (max-width:1600px) {
	.bannerbox{height:304px;}
}
@media screen and (min-width:1600px) and (max-width:2000px){
	.bannerbox{height:380px;}
}

.bannerbox ul li{ width:100%;}
.bannerbox ul li a{display:block; position: absolute; left: 0; }
.bannerbox #dots,.bannerbox #dots1,.bannerbox #dots2{ width: 100%; position: absolute; bottom: 30px; left: 0; text-align: center;}
#dots a,#dots1 a,#dots2 a{ display: inline-block; width:12px; height: 12px; margin-left: 7px; margin-right: 7px; background: url(../images/dots.png) no-repeat;}
#dots a.active,#dots1 a.active,#dots2 a.active{ width:52px; height:13px; background: url(../images/dots-r.png) no-repeat;}
/*Banner 轮换图*/


.aboutus{
	margin-bottom:10px;
}
.aboutus img{
	width:100%;
}

.vcontent{
	width:100%;
	background-color:#F9F9F9;
}
.vweizhi{
	width:1200px;
	margin:0 auto;
	padding-top:40px;
	text-align:right;
	padding-bottom:40px;
}
.vweizhi,.vweizhi a{
	font-size:16px;
	text-decoration:none;
	color:#333333;
}



.rmenu{
	position:fixed;
	top:40vh;
	left:-5px;
	z-index:99999;
}
.rmenu,.rmenu a{
	font-size:16px;
}
.rmenu li{
	margin-top:10px;
	border:1px solid #CCCCCC;
	padding:10px 30px;
    border-radius:0px 20px 20px 0px;
	background-color:#FFFFFF;
}
.rmenu li:hover{
	background-color:#EFEFEF;
}

.morebtn{
	margin:0 auto;
	color:#FFFFFF;
	text-align:center;
	background-color:#AAAAAA;
	cursor:pointer;
}
.morebtn:hover{
	background-color:#8D8D8D;
}
@media screen and (min-width:1600px) {
	.morebtn{
		width:338px;
		height:62px;
		font-size:28px;
		padding-top:10px;	
	}
}
@media screen and (min-width:960px) and (max-width:1600px){
	.morebtn{
		width:260px;
		height:48px;
		font-size:22px;
		padding-top:10px;	
	}
}


.top{
	width:1200px;
	margin:0 auto;
}
.top .logo{
	float:left;
	width:25%;
}
.top .logo img{
	display:inline;
}
.top .menu{
	float:right;
	width:75%;
}
.top .menu ul{
	width:100%;
	margin-top:50px;
	list-style:none;
}
.top .menu ul li{
	float:left;
	margin-left:25px;
	margin-right:25px;
	font-size:20px;
	cursor:pointer;
	padding-bottom:20px;
}
.top .menu ul li > a{
	font-size:20px;
	color:#000000;
}


.top .menu ul li:hover{

}

.top .menu ul ul{
	width:140px;
	margin-top:0;
	display:none;
	margin-top:20px;
	margin-left:-40px;	
	background-color:#F2F2F2;
	border-radius:10px;
	position:absolute; 
	z-index:9999;

}
.top .menu ul li:hover ul{
	display:block;
}
.top .menu ul div{
 
}
.top .menu ul li li{
	padding-bottom:0px;
	list-style:none;
	margin:0 0;
	float:none;
	text-align:center;	
	line-height:38px;
	border-radius:10px;
}
.top .menu ul li li:hover{
	background-color:#E8E8E8;
}
.top .menu ul li li,.top .menu ul li li a{
	font-size:16px;
}





.ititle .en{
	margin-top:20px;
	font-size:45px;
	color:#4B4B4B;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	letter-spacing:5px;
	padding-left:5px;
}
.ititle .zh{
	margin-top:20px;
	font-size:30px;
	color:#272727;
	font-family:"微软雅黑";
	text-align:center;
	letter-spacing:10px;
	padding-left:10px;
}
.ititle .hxian{
	margin:0 auto;
	margin-top:20px;
	width:50px;	
	border-bottom:1px solid #CCCCCC;
	
}
.product{
	height:80vh;
	width:98%;
	margin:0 auto;
}
.product .productL{
	position:relative;
	width:49.7%;
	height:80vh;
	background-color:#F9F9F9;
	float:left;
	cursor:pointer;
}
.product .productR{
	width:49.7%;
	float:right;
	height:80vh;

}
.product .productR .Rleft1{
	position:relative;
	width:49.5%;
	float:left;
	height:39.5vh;
	background-color:#F9F9F9;
	cursor:pointer;
}
.product .productR .Rright1{
	position:relative;
	width:49.5%;
	float:right;
	height:39.5vh;
	background-color:#F9F9F9;
	cursor:pointer;
}
.product .productR .Rleft2{
	position:relative;
	width:49.5%;
	float:left;
	height:39.5vh;
	background-color:#F9F9F9;
	cursor:pointer;
}
.product .productR .Rright2{
	position:relative;
	width:49.5%;
	float:right;
	height:39.5vh;
	background-color:#F9F9F9;
	cursor:pointer;
}

.product .productR .hproduct{
	height:1vh;
}
.product .productLcontent{
	margin-left:60px;
	margin-top:40px;
}
.product .en{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:600;
}
.product .zh{
	font-family:"微软雅黑";
	font-size:24px;
	font-weight:400;
}
.product .hot{
	font-family:"微软雅黑";
	font-size:18px;
	font-weight:200;
	margin-top:10px;
}
.product .more{
	font-family:"微软雅黑";
	font-size:16px;
	margin-top:15px;
}
.product .productI{
	position:absolute; bottom:0;right:0;
	
}
.product .productI img{
	float:right;
	width:80%;
	transition:all .3s ease;
}
.product .productL:hover{
	background-color:#E6E6E6;
}
.product .productL:hover .productI img{
	width:100%;
	transition:all .3s ease;
}



.product .productI{
	position:absolute; bottom:0;right:0;
}

.product .productRcontent{
	margin-left:20px;
	margin-top:20px;
}
.product .productRI{
	position:absolute; bottom:0;right:0;
	
}
.product .productRI img{
	float:right;
	width:80%;
	transition:all .3s ease;
}
.product .productR .Rleft1:hover{
	background-color:#E6E6E6;
}
.product .productR .Rleft1:hover img{
	width:90%;
	transition:all .3s ease;
}
.product .productR .Rleft2:hover{
	background-color:#E6E6E6;
}
.product .productR .Rleft2:hover img{
	width:90%;
	transition:all .3s ease;
}
.product .productR .Rright1:hover{
	background-color:#E6E6E6;
}
.product .productR .Rright1:hover img{
	width:90%;
	transition:all .3s ease;
}
.product .productR .Rright2:hover{
	background-color:#E6E6E6;
}
.product .productR .Rright2:hover img{
	width:90%;
	transition:all .3s ease;
}



.joinus img{
	width:100%;
		
}

.yidong{
	width:170px;
	float:right;
	margin-top:-60px;
	text-align:center;
}
.yidong a{
	text-decoration:none;
	color:#CCCCCC;
	font-size:28px;
	padding-top:0px;
}
.yidong a:hover{
	color:#999999;
}
.scrolllist  .aleft{
	width:40px;
	height:40px;
	background-color:#F7F7F7;
	border-radius:40px;
	display: block;
	float:left;
}
.scrolllist  .aright{
	width:40px;
	height:40px;
	border-radius:40px;
	background-color:#F7F7F7;	
	display: block;
	float:left;
	margin-left:10px;
}

.scrolllist .imglist_w { 

	margin:0 auto;
	overflow: hidden; 
	position: relative; /*必要元素*/ 
}


@media screen and (min-width:1600px) {
	.scrolllist .imglist_w { 
		width:1600px;
		height: 335px; 
		}
	.scrolllist .imglist_w li { width:400px;}
	.scrolllist .imglist_w li img {width:380px;height:285px;}
}
@media screen and (min-width:1800px) {
	.scrolllist .imglist_w { 
		width:1800px;
		height: 365px; 
		}
	.scrolllist .imglist_w li { width:450px;}
	.scrolllist .imglist_w li img {width:430px;height:323px;}
}
@media screen and (min-width:960px) and (max-width:1600px){
	.scrolllist .imglist_w { 
			width:1200px;
			height: 335px; 
		}
	.scrolllist .imglist_w li { width:400px;}
	.scrolllist .imglist_w li img {width:380px;height:285px;}
}

.scrolllist .imglist_w ul {position: absolute; left: 0px; top: 0px; }

.scrolllist .imglist_w li {padding-top:10px;float:left;text-align:center;}
.scrolllist .imglist_w li:hover{background-color:#F7F7F7;}
.scrolllist .imglist_w li img {margin-left:10px;

	filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;
}
.scrolllist .imglist_w li:hover img {
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;
}
.scrolllist .imglist_w li a {color:#3366cc;text-decoration: none;color:#666666;font-size:16px;}
.scrolllist .imglist_w li p{
	padding-top:10px;
	padding-bottom:10px;
}


._h100vh{height:100vh;}

.plateAbout{position:relative;z-index:5}
.plateAbout .status{position:absolute;z-index:5;left:50%;transform:translateX(-50%);top:10%}
.plateAbout .status ol{display:flex}
.plateAbout .status li{text-align:center;position:relative;padding:0 45px;display:flex;flex-wrap:wrap;justify-content:center;width:308px}
.plateAbout .status li:after{content:'';position:absolute;top:10%;height:80%;width:1px;background:#c7c7c7;left:0}
.plateAbout .status li:nth-child(1):after{opacity:0}
.plateAbout .status .icon{font-size:48px;width:100%;color:#909090}
.plateAbout .status .infor{display:flex;flex-wrap:wrap;align-items:center;font-weight:100}
.plateAbout .status .number{font-size:68px;color:#666666;margin-right:15px;font-family:Gotham}
.plateAbout .status .text{text-align:left}
.plateAbout .status .title{display:inline-block;font-size:16px}
.plateAbout .status .subtitle{color:#666666;display:block;font-size:20px;font-weight:550;}
.plateAbout .bgSwiper{height:100%;width:100%}
.plateAbout .bg{z-index:1;top:0}
.plateAbout .bg li{overflow:hidden}
.plateAbout .pic{position:absolute;top:0;height:100%;width:100%;left:0;background-size:cover;background-position:center}

.plateAbout .classification{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:2%;width:70%;display:flex;justify-content:space-between}
.plateAbout .classification a{width:31%;background:rgba(255,255,255,0.5);text-align:center;display:block;padding:25px 0;transition:ease .4s}
.plateAbout .classification h4{color:#6d6d6d;font-size:30px;font-weight:100}
.plateAbout .classification p{font-size:18px;color:#7e7e7e;margin:10px auto 30px}

.plateAbout .classification a.active{background:rgba(255,255,255,.8)}

.plateAbout .classification span{width:115px;line-height:33px;height:33px;background:rgba(193,193,193,0.4);display:block;text-align:center;color:#828282;border-radius:20px;margin:0 auto;border:2px solid #C1C1C1;transition:ease .4s background,ease .4s color}
.plateAbout .classification a.active span{background:#C1C1C1;color:#fff}
.plateAbout .classification .btnPlay{font-size:14px;display:flex;justify-content:center;align-items:center}
.plateAbout .classification .btnPlay i{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #828282;display:block;margin-left:10px;transition:ease .4s border-color}
.plateAbout .classification .active .btnPlay i{border-left:10px solid #fff}

._font46{font-size:46px}
._pLR30{padding-left:30px;padding-right:30px}
._pTB50{padding-top:50px;padding-bottom:50px}
._pageTitle{text-align:center;position:relative;font-weight:100;color:#939393}
._pageTitle span{display:block;width:205px;margin:0 auto;position:relative}
._pageTitle span:after,._pageTitle span:before{content:'';position:absolute;width:28px;height:1px;background:#d4d4d4;top:50%}
._pageTitle span:after{left:100%}
._pageTitle span:before{right:100%}
._pageTitle p{font-weight:700;text-transform:uppercase;line-height:3}
._pageTitle h3{color:#1b1b1b;font-weight:lighter}


._tabLink a:hover{color:#32b9b0}
._tabLink a:hover:after{transform:translateY(-50%);opacity:1}
._tabLink{text-align:center;margin:30px auto 60px}
._tabLink a{font-size:18px;color:#8e8e8e;position:relative;margin:0 25px;text-transform:uppercase;transition:ease .4s}
._tabLink a:after{content:'';position:absolute;background:#32b9b0;width:8px;height:8px;border-radius:50%;right:110%;top:50%;transform:translateY(-200%);opacity:0;transition:ease .4s}
._tabLink a.active{color:#32b9b0}
._tabLink a.active:after{opacity:1;transform:translateY(-50%)}

.plateNews{z-index:15;position:relative;background:#f8f8f8}
.plateNews ul{display:flex;flex-wrap:wrap;margin-bottom:35px}
.plateNews li{width:calc(100% / 3)}
.plateNews li a{position:relative;display:block;background:#fff;transition:ease-out .4s}
.plateNews li:nth-child(2) a{display:flex;flex-wrap:wrap;flex-direction:column-reverse}
.plateNews li:nth-child(2) .pic:after{top:0;bottom:auto;border-bottom:none;border-top:20px solid #fff}
.plateNews li .pic{width:100%;position:relative;overflow:hidden}
.plateNews li .pic .img{overflow:hidden;transition:ease 1.4s;background-size:cover;background-position:center}
.plateNews li .pic img{transition:ease .4s}
.plateNews li .pic:after{content:'';position:absolute;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fff;left:50%;transform:translateX(-50%);bottom:0;transition:ease-out .4s}
.plateNews li .summary{position:relative}
.plateNews li .text{padding:10% 16%;position:absolute;top:50%;transform:translateY(-50%)}
.plateNews li .more{width:112px;line-height:32px;display:block;text-align:center;background:#fff;border-radius:25px;color:#000;opacity:0;transition:ease .4s}
.plateNews li .timer{color:#000;transition:ease .4s}
.plateNews li .timer span{color:#000;text-transform:uppercase;padding-right:5px;border-right:1px solid #363636;margin-right:5px;position:relative;transition:ease .4s}
.plateNews li .timer span:after{content:'';position:absolute;width:30px;height:1px;background:#363636;right:110%;transition:ease .4s;top:50%}
.plateNews li h4{color:#000;font-size:20px;font-weight:initial;line-height:1.7;margin:25px 0 15px;transition:ease .4s}
.plateNews li .Introduction{color:#8d8d8d;line-height:1.8}
.plateNews .newsMore{width:115px;line-height:33px;height:33px;display:block;text-align:center;border:2px solid #2fc7a0;color:#2fc7a0;margin:0 auto;transition:ease .4s}

.plateNews li:hover a{background:#F0F1F1;color:#000}
.plateNews li:hover .pic:after{border-top-color:#F0F1F1;border-bottom-color:#F0F1F1}
.plateNews li:hover .timer{color:#000}
.plateNews li:hover .timer span{color:#000;border-right:1px solid #000}
.plateNews li:hover .timer span:after{background:#000}
.plateNews li:hover h4{color:#000}
.plateNews li:hover .more{opacity:1}
.plateNews li:hover .pic .img{transform:scale(1.05)}

.plateNews .newsindex{
	height:458px;
	overflow:hidden;
}

.store ul{
	margin:0 0;
	padding:0 0;
}
.store li{
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	background-color:#EFEFEF;
	border-radius:10px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	cursor:pointer;
	line-height:38px;
}
.store li:hover{
	background-color:#E7E7E7;
}
.store li img{
	border-radius:10px;	
	position: relative;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}
.store li:hover img{
	
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.selfScale{//容器
  cursor: pointer;
  width: 370px;
  overflow: hidden;
  position: relative;
  margin:0 auto;
	border-radius:10px;	
}
.store li,.store li a{
	text-decoration:none;
	color:#333333;	
}
.store li{
		width:400px;
}

.store li img{
		width:370px;
}
@media screen and (min-width:960px) and (max-width:1400px){
	.store{
		width:1230px;
		margin:0 auto;
	}

	.store li,.store li a{
		font-size:16px;
	}
}
@media screen and (min-width:1800px) {
	.store{
		width:1640px;
		margin:0 auto;
		height:100px;
	}
	.store li,.store li a{
		font-size:18px;
	}
}

.cpandzs{
	width:100%;
	height:90vh;
	background-color:#F0F0F0;
}	
.cpandzs .shuye{
		position: absolute;
		right:0;
		top:0;
		margin-right:300px;
		z-index:1;
		margin-top:-30px;
}
@media screen and (min-width:960px) and (max-width:1400px){
	.cpandzs .shuye{
		margin-right:250px;
	}
	.cpandzs .shuye img{
		width:300px;
	}
}
@media screen and (min-width:1400px) and (max-width:1600px){
	.cpandzs .shuye{
		margin-right:250px;
		margin-top:-40
	}
	.cpandzs .shuye img{
		width:360px;
	}
}
@media screen and (min-width:1600px) and (max-width:2000px){
	.cpandzs .shuye{
		margin-right:360px;
		margin-top:-50
	}
	.cpandzs .shuye img{
		width:420px;
	}
}

.cpandzs .xcpandzs{
	position: absolute;
	z-index:10;
    left: 1%;
	
}	

.cpandzs .htitle{
	padding-top:5vh;
	margin-left:2%;
	position:relative;
}
.cpandzs .htitle .en{
	font-size:32px;
	letter-spacing:2px;
	font-weight:600;
}
.cpandzs .htitle .cn{
	font-size:38px;
	letter-spacing:5px;
	font-weight:600;
}
.cpandzs .xcpandzs{
	width:98%;
	margin:0 auto;
	padding-top:5vh;
}
.cpandzs ul li{
	margin:0 0;
	padding:0 0;
	list-style:none;
	float:left;
	width:20%;
	height:60vh;
	cursor:pointer;
	z-index:10;
}
.cpandzs ul li div.h5{
	width:90%;
	margin:0 auto;
	height:60vh;
	background-color:#FFFFFF;
}
.cpandzs li div .bt{
	padding-top:3vh;
	padding-bottom:2vh;
	font-size:28px;
	color:#966806;
	text-align:center;
}
.cpandzs li div .lr{
	margin:0 auto;
	color:#878786;
}
.cpandzs li:hover div.h5{
	background-color:#F9F9F9;
}
@media screen and (min-width:960px) and (max-width:1400px){
	.cpandzs li div .lr{
		width:85%;
		font-size:20px;
		line-height:38px;
	}	
}
@media screen and (min-width:1400px) {
	.cpandzs li div .lr{
		width:80%;
		font-size:22px;
		line-height:48px;
	}
}
@media screen and (min-width:1800px) {
	.cpandzs li div .lr{
		width:80%;
		font-size:24px;
		line-height:48px;
	}
}



.arrowToBottom{z-index:5;width:50px;height:500px;bottom:3.1%;margin-left:-25px;margin-top:-25px;cursor:pointer}
.arrowToBottom i{width:10px;height:30px;top:-5px;margin-left:-5px;transform:translateZ(0) scale(0);animation:square 4s linear infinite;background:#000}


.lanmujs{
	width:90%;
	max-width:1470px;
	margin:0 auto;
	background-color:#FFFFFF;
}
.lanmujs .lanmuleft{
	float:left;
	width:20%;

	margin-top:20px;
}
.lanmujs .lanmuright{
	width:80%;
	float:right;
}
.lanmujs .lm1{
	width:100%;
	height:65px;
	background-image:url(../images/pprr11bg.jpg);
}
.lanmujs .lm2{
	width:90%;
	margin-left:5%;	
	margin-right:5%;
	font-size:24px;
	line-height:38px;
}
.lanmujs .lm3{
	width:100%;
	height:65px;
	background-image:url(../images/pprr13bg.jpg);
}

@media screen and (min-width:900px) and (max-width:1400px){
	.pprrcontent{
		width:1200px;
	}
}
@media screen and (min-width:1400px) and (max-width:2000px){
	.pprrcontent{
		width:1470px;
	}
}

	
	.pprrbg{
		width:100%;
		background-color:#F5F5F5;
		padding-top:40px;
		padding-bottom:40px;
		height:auto;
	}
	.pprrcontent{
		margin:0 auto;
		background-image:url(../images/pprrsx.jpg);
		background-position:left;
		background-repeat:repeat-y;
		padding-top:20px;
		padding-bottom:20px;

	}
	.pprritem{
		background-image:url(../images/pprryuan.jpg);
		background-repeat:no-repeat;
		background-position:left center;
		
	}
	
	.pprritem{
		position:relative;
		margin-bottom:28px;
	}
	.vriqi{
		background-color:#ed6903;
		line-height:58px;
		width:300px;
		border-radius:60px;
		font-size:30px;
		color:#FFFFFF;
		text-align:center;
		position: absolute;
		top: 50%;
		margin-left:100px;

	}
	.vweizi{
		margin-top:58px;
		float:right;
		width:60%;
		font-size:30px;
		line-height:48px;
		color:#333333;
	}



.productlists{
	width:100%;
	background-color:#FFFFFF;
}
.productlists .productitem {
		height:auto;
		cursor:pointer;
 		width: 90%;
		max-width:1470px;
		margin:0 auto;
}
@media screen and (min-width:900px) and (max-width:1400px){


}
@media screen and (min-width:1400px) and (max-width:2000px){


}
/*移动上来后，图片平滑变大*/
	.productlists .productitem img{
		width:100%;
	  -webkit-transition: -webkit-transform 0.3s;
	  -moz-transition: -moz-transform 0.3s;
	  -o-transition: -o-transform 0.3s;
	  transition: transform 0.3s;
	}
	.productlists .productitem: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);
	}
	.productlists .productitem .plleft{
		float:left;
		width:50%;
		
		  overflow: hidden;
		  position: relative;
	}
/*移动上来后，图片平滑变大*/
	

.productlists .productitem .plleft{
	float:left;
	width:50%;
}
.productitem .shuxin{

}
.productlists .productitem .plright{
	float:left;
	width:50%;
	padding-top:40px;
}
.productlists .productitem .plrightz{
	background-image:url(../images/jiantou2.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:80px;		

}
.productlists .productitem .plrightr{
	background-image:url(../images/jiantou1.jpg);
	background-repeat:no-repeat;
	background-position:right center;
	padding-left:40px;	

}
.productitem .shuxin .xhleft{
	float:left;

}
.productitem .shuxin .xhright{
	float:left;
	width:85%;
}
.productitem .shuxin .hot{
	color:#966806;

}
.productitem .shuxin .xhright ul{


}

.productitem .shuxin .xhright li{
	margin-right:15px;
	float:left;
}

.productlists .productitem .plbtn{
	font-size:20px;
	background-color:#966806;
	width:300px;
	height:48px;
	line-height:48px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	margin-top:50px;
	cursor:pointer;
}
.productlists .productitem  .plbtn:hover{
	background-color:#7F5600;

}

@media screen and (min-width:900px) and (max-width:1400px){
	.productitem .shuxin .xhright ul{
		width:100%;
	
	}
	.productlists .productitem  .shuxin{
		font-size:18px;
		line-height:40px;
	}
	.productlists .productitem  .shuxin .hot{
		font-size:24px;
		margin-left:10px;
		margin-top:-5px;
	}
}

@media screen and (min-width:1400px) and (max-width:1600px){
	.productitem .shuxin .xhright ul{
		width:97%;
	
	}
	.productlists .productitem  .shuxin{
		font-size:18px;
		line-height:40px;
	}
	.productlists .productitem  .shuxin .hot{
		font-size:26px;
		margin-left:10px;
		margin-top:-5px;
	}
}
@media screen and (min-width:1600px) and (max-width:2000px){
	.productitem .shuxin .xhright ul{
		width:95%;
	
	}
	.productlists .productitem  .shuxin{
		font-size:22px;
		line-height:48px;
	}
	.productlists .productitem  .shuxin .hot{
		font-size:28px;
		margin-left:10px;
		margin-top:-10px;
	}
}


.vlanmubg{
	width:100%;
	background-color:#FFFFFF;
}

	.news{
		background-color:#F8F8F8;	
		width:100%;	
		padding:20px;	
	}
@media screen and (min-width:1400px) and (max-width:2000px){
	.news .newsitem{
		width:80%;		
	}
}
@media screen and (min-width:900px) and (max-width:1400px){
	.news .newsitem{
		width:95%;	
	}
}
	.news .newsitem{
		background-color:#FFFFFF;	
		margin:0 auto;	
		padding:20px 20px;
		position:relative;
		cursor:pointer;
	}
	.news .newsitem .newsleft{
		width:30%;
		float:left;
	}
	.news .newsitem .newsleft img{
		width:100%;
	}		
	.news .newsitem .newsright{
		width:70%;
		height:100%;
		float:right;
		padding-left:40px;
		padding-right:40px;

	}	
	.news .newsitem .newstitle{
		font-size:24px;
	}
	.news .newsitem .newsdesc{
		margin-top:30px;
		font-size:18px;
		font-family:"微软雅黑";
		line-height:38px;
	}
	.news .newsitem .newsdate{
		font-size:18px;
		font-family:"微软雅黑";
		position:absolute;
		bottom:0;
		margin-bottom:20px;
		
	}
		
.lrcontent{
	min-height:600px;
}		
		
.lrcontent .lrtitle{
	width:90%;
	margin:0 auto;
	text-align:center;
	line-height:128px;
	font-size:28px;
	text-indent:0em;

}	
.lrcontent .lrbody{
	width:90%;
	margin:0 auto;
	font-size:16px;
	line-height:32px;
	min-height:500px;
	text-indent:2em;
	padding-bottom:20px;
}	

.lrcontent .lrproduct{
	max-width:1350px;
	width:90%;
	margin:0 auto;
}
.lrcontent .left{
	width:30%;
	float:left;
}
.lrcontent .left .mbiaoti{
	width:90%;
	background-color:#D70C0F;
	line-height:150px;
	color:#fff;
	font-size:38px;
	text-align:center;
	letter-spacing:4px;
	text-indent:0 !important;
}
.lrcontent .left ul{
	margin:0 0;
	padding:0 0;
	list-style:none;
}
.lrcontent .left ul li{
	width:90%;
	line-height:80px;
	font-size:20px;
	color:#545353;
	background-color:#efeeee;
	border-bottom:1px solid #fff;	
	box-sizing:border-box;
	padding-left:80px;
}

.lrcontent .left img{
	width:90%;
	margin-top:10px;


}

.lrcontent .right{
	width:70%;
	float:right;
}

.lrcontent .lrbody img{
	max-width:90%;
	text-indent:0!important;
	display:block!important;
	margin:0 auto;
}	

.lrcontent .lrpager{
	width:90%;
	margin:0 auto;
	margin-top:40px;
}		


	.zs1{
		width:100%;
		background-color:#F5F5F5;
	}
	.zstitle{
		color:#ff0000;
		font-weight:bold;
		text-align:center;
		padding-top:40px;
		padding-bottom:30px;
	}
	
	.why1{
		width:95%;
		max-width:1470px;
		margin:0 auto;	
		margin-top:20px;
		padding-bottom:20px;	
	}
	
	.why1 ul.cs2 li{
		width:49%;
	}	
	.why1 ul.cs3 li{
		width:32.6%;
	}
			
	.why1 ul li{
		background-color:#fff;
		border-radius:20px;
		text-align:center;
		cursor:pointer;
	}	
	
	.why1 ul li.left{
		float:left;
	}
	.why1 ul li.center{
		float:left;
		margin-left:1.1%;
	}
	.why1 ul li.right{
		float:right;
	}		
	.why1 ul li .img{
		width:96%;
		margin:2% 2%;
		border-radius:20px;	
		text-align:center;
		overflow:hidden;
		position:relative;

	}	
	.why1 ul li .img img{
		width:100%;
	  -webkit-transition: -webkit-transform 0.3s;
	  -moz-transition: -moz-transform 0.3s;
	  -o-transition: -o-transform 0.3s;
	  transition: transform 0.3s;
	}
	.why1 ul li:hover .img img{
	  -webkit-transform: scale(1.2);
	  -moz-transform: scale(1.2);
	  -ms-transform: scale(1.2);
	  -o-transform: scale(1.2);
	  transform: scale(1.2);
	}
	.why1 ul li .xtitle{
		font-size:32px;
		font-weight:bold;
		text-align:center;
		margin-bottom:20px;
		letter-spacing:2px;
	}
	.why1 ul li .xsubtitle{
		font-size:24px;
		text-align:center;
		margin-bottom:20px;
	}		
	.why1 ul li .xhx{
		height:8px;
		width:60px;
		background-color:#FF0000;
		margin:0 auto;
		margin-bottom:20px;
	}		
	
@media screen and (min-width:900px) and (max-width:1400px){
	.w1200{
		width:1200px;
	}	
	.zs_h7c li{
		width:300px;
	}
}		
@media screen and (min-width:1400px) and (max-width:1600px){
	.w1200{
		width:1350px;
	}	
	.zs_h7c li{
		width:350px;
	}
}
@media screen and (min-width:1600px) and (max-width:2000px){
	.w1200{
		width:1600px;
	}	
	.zs_h7c li{
		width:400px;
	}
}
		
	.w1200{
		margin:0 auto;
	}		
	.zs_h7n h3{
		color: #cc9966;
		font-size: 48px;
		font-weight: 100;
		text-align: center;
	}
	.zs_h7n .p1{
		color: #ffffff;
		font-size: 28px;
		text-align: center;
		font-weight: 100;
		line-height: 50px;
	}
	.zs_h7n .p2{
		color: #cccccc;
		font-size: 14px;
		font-weight: 100;
		text-align: center;
	}
	.zs_h7n a{
		display: inline-block;
		margin: 20px auto;
		color: #caa966;
		font-size: 16px;
	}
	.zs_h7n{
		text-align: center;
		padding-top:80px;
		padding-bottom:50px;
	}
	.zs_h7{
		background:url(../images/zs_h7bj_02.jpg) no-repeat;
		background-size:100% 100%;
		height:850px;
	}

	.zs_h7c li dt{
		width:123px;
		height:123px;
		display: block;
		margin:0 auto;
		background:url(../images/xdzs_h8a2.png) no-repeat;
		transition:all 0.5s;
	}
	.zs_h7c li dt i{
		width:123px;
		height:123px;
		display: block;
		margin:0 auto;
	
	}
	.zs_h7c li dt.d1 i{
		background:url(../images/xdzs_h6a2.png) center center no-repeat;
		transition:all 0.5s;
	}
	.zs_h7c li dt.d2 i{
		background:url(../images/xdzs_h6a3.png) center center no-repeat;
		transition:all 0.5s;
	}
	.zs_h7c li dt.d3 i{
		background:url(../images/xdzs_h6a5.png) center center no-repeat;
		transition:all 0.5s;
	}
	.zs_h7c li dt.d4 i{
		background:url(../images/xdzs_h6a7.png) center center no-repeat;
		transition:all 0.5s;
	}
	.zs_h7c li dt.d5 i{
		background:url(../images/xdzs_h6a9.png) center center no-repeat;
		transition:all 0.5s;
	}
	.zs_h7c li dt.d6 i{
		background:url(../images/xdzs_h6a11.png) center center no-repeat;
		transition:all 0.5s;
	}
	.zs_h7c li dt.d7 i{
		background:url(../images/xdzs_h6a13.png) center center no-repeat;
		transition:all 0.5s;
	}
	.zs_h7c li dt.d8 i{
		background:url(../images/xdzs_h6a15.png) center center no-repeat;
		transition:all 0.5s;
	}
	.zs_h7c li{
		float: left;
		text-align: center;
		margin-bottom:25px;
	}
	.zs_h7c li:hover dt{
		background:url(../images/xdzs_h8a1.png) center center no-repeat;
		transform:rotate(360deg);
		-ms-transform:rotate(360deg); /* Internet Explorer */
		-moz-transform:rotate(360deg); /* Firefox */
		-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
		-o-transform:rotate(360deg); /* Opera */
	}
	.zs_h7c li:hover dt.d1 i{
		background:url(../images/xdzs_h6a1.png) center center no-repeat;
	}
	.zs_h7c li:hover dt.d2 i{
		background:url(../images/xdzs_h6a4.png) center center no-repeat;
	}
	.zs_h7c li:hover dt.d3 i{
		background:url(../images/xdzs_h6a6.png) center center no-repeat;
	}
	.zs_h7c li:hover dt.d4 i{
		background:url(../images/xdzs_h6a8.png) center center no-repeat;
	}
	.zs_h7c li:hover dt.d5 i{
		background:url(../images/xdzs_h6a10.png) center center no-repeat;
	}
	.zs_h7c li:hover dt.d6 i{
		background:url(../images/xdzs_h6a12.png) center center no-repeat;
	}
	.zs_h7c li:hover dt.d7 i{
		background:url(../images/xdzs_h6a14.png) center center no-repeat;
	}
	.zs_h7c li:hover dt.d8 i{
		background:url(../images/xdzs_h6a16.png) center center no-repeat;
	}
	.zs_h7c li dd .p1{
		color: #caa966;
		font-size: 26px;
		line-height: 40px;
	}
	.zs_h7c li dd .p2{
		color: #ffffff;
		font-size: 16px;
	}		


/*加盟要求*/
.join-box {
	margin:0 auto;
}
.join-title {
	line-height: 50px;
	text-align: center;
	font-size: 32px;
	color: #1a1a1a;
	margin-bottom: 40px;
}
.join-img {
	float: left;
	width: 50%;
}
.join-img img {
	display: block;
	width: 100%;
}
.join-list {
	float: left;
	padding-left: 54px;
	width: 50%;
	padding-top: 10px;
}
.join-list li {
	line-height: 30px;
	margin-bottom: 30px;
	overflow: hidden;
}
.join-list li span {
	font-size: 40px;
	color: #23b8bc;
	margin-right: 20px;
	display: block;
	float: left;
}
.join-list li em {
	float: left;
	width: -webkit-calc(100% - 45px);
	width: -moz-calc(100% - 45px);
	width: calc(100% - 45px);
	display: block;
	font-style: normal;
	font-size:16px;
}



	.inveZsC{
		width:95%;
		max-width:1470px;
		margin:0 auto;	
		margin-top:20px;
		padding-bottom:20px;	
	}
.inveZsC {
    background: #f5f7fb;
}
.inveZsC .Tit span{
    color: #e62c1e;
}
.inveZsCTop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}
.inveZsCTop .inveZsCImg {
    width: calc(50% - 8px);
    padding-top: 22%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.inveZsCImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
	
	cursor:pointer;
	
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
  
}
.inveZsCBot {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.inveZsCBot .inveZsCImg {
    width: calc(33.33% - 8px);
    padding-top: 22%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.inveZsCImg img:hover{

	   -webkit-transform: scale(1.2);
	  -moz-transform: scale(1.2);
	  -ms-transform: scale(1.2);
	  -o-transform: scale(1.2);
	  transform: scale(1.2);   
}

@media screen and (min-width:900px) and (max-width:1300px){
	.mainjoin6{
		width:1200px;
	}
}	
@media screen and (min-width:1300px) and (max-width:1400px){
	.mainjoin6{
		width:1300px;
	}
}		
@media screen and (min-width:1400px) and (max-width:1600px){
	.mainjoin6{
		width:1400px;
	}
}
@media screen and (min-width:1600px) and (max-width:2000px){
	.mainjoin6{
		width:1600px;
	}
}
	.join6{
		margin-bottom:20px;	
	}
	
	.join-title{ font-size: 38px; color: #333333; line-height: 30px; margin: 60px 0 60px; font-family: Medium;}	
	.mainjoin6{
		margin:0 auto;
	}
	.join6 ul {
		 height: 385px;
	}
	.join6 ul li{
		 width: 24.25%;
		 height: 385px;
		 position: relative;  
		 float: left; 
		 background-color: #F2F2F2; 
		 overflow: hidden; 
		 margin-top: 10px;
		 margin-right:1%;
		 cursor:pointer;
	}	
	.join6 ul li.noneright{
		 margin-right:0%;
	}	
		

	.join6 ul li .title{ font-size: 22px; color: #333333; line-height: 22px; position: absolute; top: 130px; left: 25px; font-family: Medium;}
	.join6 ul li .title span{ font-size: 16px; color: #727272; line-height: 26px; display: block; margin-top: 10px; font-family: Normal;}
	.join6 ul li .num{ font-size: 50px; color: #c2c2c2; line-height: 50px; position: absolute; left: 25px; bottom: 45px;}
	
	.join6 ul li:hover{ background-color: #E71845;}
	.join6 ul li:hover .title{ color: #fff;}
	.join6 ul li:hover .title span{ color: #fff;}
	.join6 ul li:hover .num{ color: #fff;}






	
	.join6 ul li:hover .list1{ background: url(../images/join6-1h.png) no-repeat center;}
	.join6 ul li:hover .list2{ background: url(../images/join6-2h.png) no-repeat center;}
	.join6 ul li:hover .list3{ background: url(../images/join6-3h.png) no-repeat center;}
	.join6 ul li:hover .list4{ background: url(../images/join6-4h.png) no-repeat center;}
	.join6 ul li:hover .list5{ background: url(../images/join6-5h.png) no-repeat center;}
	.join6 ul li:hover .list6{ background: url(../images/join6-6h.png) no-repeat center;}
	.join6 ul li:hover .list7{ background: url(../images/join6-7h.png) no-repeat center;}
	.join6 ul li:hover .list8{ background: url(../images/join6-8h.png) no-repeat center;}	
	
	.join6 ul li .list1{ width: 58px; height: 57px; background: url(../images/join6-1.png) no-repeat center; position: absolute; left: 25px; top: 45px;}
	.join6 ul li .list2{ width: 54px; height: 54px; background: url(../images/join6-2.png) no-repeat center; position: absolute; left: 25px; top: 45px;}
	.join6 ul li .list3{ width: 60px; height: 56px; background: url(../images/join6-3.png) no-repeat center; position: absolute; left: 25px; top: 45px;}
	.join6 ul li .list4{ width: 57px; height: 53px; background: url(../images/join6-4.png) no-repeat center; position: absolute; left: 25px; top: 45px;}
	.join6 ul li .list5{ width: 56px; height: 56px; background: url(../images/join6-5.png) no-repeat center; position: absolute; left: 25px; top: 45px;}
	.join6 ul li .list6{ width: 56px; height: 57px; background: url(../images/join6-6.png) no-repeat center; position: absolute; left: 25px; top: 45px;}
	.join6 ul li .list7{ width: 62px; height: 52px; background: url(../images/join6-7.png) no-repeat center; position: absolute; left: 25px; top: 45px;}
	.join6 ul li .list8{ width: 54px; height: 54px; background: url(../images/join6-8.png) no-repeat center; position: absolute; left: 25px; top: 45px;}	
			
	
@media screen and (min-width:900px) and (max-width:1400px){
	.zstitle{
		font-size:40px;
	}
}
@media screen and (min-width:1400px) and (max-width:1600px){
	.zstitle{
		font-size:50px;
	}
}		
@media screen and (min-width:1600px) and (max-width:2000px){
	.zstitle{
		font-size:60px;
	}
}

.join-xs{
	height:100vh;
	width:100%;
	background:url(../images/zhaoshang-1.jpg) center bottom no-repeat;
}

.join-xs .width-1440{
	width:90%;
	max-width:1440px;
	margin:0 auto;
}
.join-xs .left{
	box-sizing:border-box;
	float:left;
	width:50%;
	text-align:center;
}
.join-xs .left img{
	margin-top:60px;
	max-width:90%;
}
.join-xs .right{
	box-sizing:border-box;
	float:left;
	width:50%;
}
.join-xs .right .ritems{
	max-width:90%;
	margin:0 auto;
	background-color:#FFFFFF;
	border-radius:20px;
	height:160px;
	margin-top:20px;
	
      -webkit-box-shadow:0px 1px 10px #ccc;
      -moz-box-shadow:0px 1px 10px #ccc;
      box-shadow:0px 1px 10px #ccc;
}
.join-xs .right .ritems > div:first-child{
	font-size:28px;
	color:#353434;
	margin-left:30px;
	line-height:58px;
}
.join-xs .right .ritems > div:last-child{
	font-size:16px;
	line-height:28px;
	color:#5f5e5e;
	margin-left:30px;	
	margin-right:30px;
}
	.foot{
		background-color:#EFEFEF;
		padding-top:40px;
		padding-bottom:40px;
		line-height:28px;
	}
	
	.foot a{
		text-decoration:none;
	}
	
	.footer ul li{
		float:left;
		margin-right:40px;
		cursor:pointer;
		list-style:none;
	}
	.footer ul li.xiao{
		margin-right:20px;

	}
	.footer ul li span{
		float:left;
	}
	.footer ul li img{
		float:left;
		margin-top:4px;
		opacity:0.8;
	}
	.footer ul li ul{
		clear:both;
	}
	.footer ul li li{
		float:none;
	}
	.footer .fmenu{
		float:left;
	}
	.footer .wxfooter{
		max-width:1200px;
		margin:0 auto;
	}
	.footer .fweixin{
		box-sizing:border-box;
		padding:10px;
		width:23%;
		margin-left:1%;
		margin-right:1%;
		float:left;
		text-align:center;
		background-color:#FFFFFF;
	}
	.footer .fweixin img{
		max-width:100%;
	}
	.footer .banquan{
		text-align:center;
		margin-top:20px;
	}
	
	.footer ul li,.footer ul li a{
		font-weight:600;
		color:#3D3D3D;
		letter-spacing:1px;
	}
	.footer ul li li ,.footer ul li li a{
		font-weight:400;
		color:#7C7B7B;
	}
		
@media screen and (min-width:1600px) and (max-width:2000px){
	.footer{
		width:1600px;
		margin:0 auto;
	}

	.footer ul li,.footer ul li a{
		font-size:18px;

	}
	.footer ul li li ,.footer ul li li a{
		font-size:16px;
	}	
	.footer ul li{
		line-height:32px;
	}
	.footer,.footer a{
		font-size:20px;
	}	
	.footer .banquan,.footer .banquan a{
		font-size:18px;
	}
}
@media screen and (min-width:960px) and (max-width:1600px){
	.footer{
		width:1200px;
		margin:0 auto;
	}

	.footer ul li,.footer ul li a{
		font-size:16px;

	}
	.footer ul li li ,.footer ul li li a{
		font-size:14px;
	}	
	.footer ul li{
		line-height:32px;
	}
	.footer,.footer a{
		font-size:18px;
	}	
	.footer .banquan,.footer .banquan a{
		font-size:16px;
	}
}

.pprr2 img{
	max-width:100%;
}

.met_pager{
	text-align:center;
	
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}
.pagination>li {
	display: inline
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	font-size: 16px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 16px;
	line-height: 1.3333333
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 16px;
	line-height: 1.5
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.danyepage li{
	border:1px solid #E7E7E7;
	line-height:38px;
	padding:2px 10px;
	font-size:16px;
	margin-bottom:40px;
}
.danyepage li.next{
	float:right;
	text-align:center;
}
.danyepage li.pre{
	float:left;
	text-align:center;
}


	.addjoin{
		width:95%;
		max-width:1470px;
		margin:0 auto;	
		margin-top:20px;
		padding-bottom:20px;
		font-size:16px;	
	}
	.addjoin input,.addjoin textarea,.addjoin button{
		font-size:16px;	
	}
.join-ul {
	overflow: hidden;
	margin-bottom: 10px;
}
.join-ul li {
	float: left;
	width: -webkit-calc(33.33% - 10px);
	width: -moz-calc(33.33% - 10px);
	width: calc(33.33% - 10px);
	margin-right: 10px;
	height: 60px;
	background: #f6f6f6;
}
.join-ul li span {
	float: left;
	display: block;
	line-height: 60px;
	width: 93px;
	padding-left: 45px;
}
.join-ul li:nth-child(1) span {
	background: url(../images/join_icon1.png) no-repeat 15px center;
}
.join-ul li:nth-child(2) span {
	background: url(../images/join_icon2.png) no-repeat 15px center;
}
.join-ul li:nth-child(3) span {
	background: url(../images/join_icon3.png) no-repeat 15px center;
}
.join-ul li input {
	float: left;
	width: -webkit-calc(100% - 93px);
	width: -moz-calc(100% - 93px);
	width: calc(100% - 93px);
	height: 60px;
	padding: 10px;
	line-height: 40px;
	border: none;
	background: none;
}
.join-textarea {
	overflow: hidden;
	background: #f6f6f6;
	margin-right: 10px;
}
.join-textarea span {
	float: left;
	display: block;
	line-height: 60px;
	width: 93px;
	padding-left: 45px;
	background: url(../images/join_icon4.png) no-repeat 15px center;
}
.join-textarea textarea {
	float: left;
	width: calc(100% - 93px);
	height: 160px;
	padding: 15px 10px;
	line-height: 30px;
	border: none;
	background: none;
	resize: none;
}
.join-button {
	text-align: center;
	margin-top: 35px;
}
.join-button button {
	display: block;
	width: 164px;
	height: 43px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	background: #7ad4d7;
	border: none;
	margin: 0 auto;
}
@media only screen and (max-width:767px ) {
	.join-ul li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.join-ul {
		margin-bottom: 0;
	}
	.join-textarea {
		margin-right: 0;
	}
	.join-button {
		margin-top: 10px;
	}
}


.join-lianxi .join-weixin{
	text-align:center;
	font-size:48px;
	color:#FFFFFF;
	line-height:88px;
	letter-spacing:4px;
}
.join-lianxi .join-lx{
	box-sizing:border-box;
	margin-top:-260px;
	padding-top:280px;
	height:574px;
	background:url(../images/join-lx.jpg) center bottom no-repeat;
}
.join-lianxi .join-lx div:first-child{
	font-size:60px;
	line-height:140px;
	text-align:center;
	color:#FFFFFF;
}
.join-lianxi .join-lx div:last-child{
	font-size:28px;
	text-align:center;
	color:#FFFFFF;
}



.bgSwiper .pic{
	position:relative;
		
	animation:gobgShrink 10s infinite;
	animation-delay:-1s;
	/*Safari and Chrome*/
	-webkit-animation:gobgShrink 20s infinite;
	-webkit-animation-delay:-1s;

}

@-webkit-keyframes gobgShrink {
    0% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    25% {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
    50% {
        -webkit-transform: scale(1.0, 1.0);
        transform: scale(1.0, 1.0)
    }
    75% {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
    100% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
}

@keyframes gobgShrink {
    0% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    25% {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
    50% {
        -webkit-transform: scale(1.0, 1.0);
        transform: scale(1.0, 1.0)
    }
    75% {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
    100% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
}