body{margin:0;background:#fff;font-family:"΢ÈíÑźÚ"!important;}
p{margin:0;}
.enarr_current{display:none !important;}
.sub_wrap{margin-bottom: 0 !important;}
.clearhr{clear: both;border:none;}
.content{width:1182px;margin: 0 auto;}
.thebanner{background:url(../images/banner1012.jpg);height:400px;position: relative;background-position: 50% 50%;background-size: auto auto;background-repeat: no-repeat;}
.bannercon{width:1182px;margin:0 auto;}
.thebannertext{width:50%;float: left;font-size: 50px;color:#fff;margin-top:100px;margin-left:130px;text-align: left;}
.thebannertext p{width:87%;font-size: 24px;margin-top:60px;line-height: 36px;}
.bannercon img{width:400px;position: absolute;bottom: 40px;right: 282px;}
.renzheng{padding: 60px 0;background:#eee;}
.renzheng .zbox{width:284px;text-align:center;padding:25px 0;float: left;}
.renzheng .zbox:hover{box-shadow: 0 2px 16px #cccccc, 0 0 1px #cccccc, 0 0 1px #cccccc;}
.renzheng .box1{background:#fff url(../images/boxbk1.png);background-position: 50% 0;background-size: 100% auto;background-repeat: no-repeat;position: relative;}
.renzheng .box2{background:#fff url(../images/boxbk2.png);background-position: 50% 0;background-size: 100% auto;background-repeat: no-repeat;margin:0 15.3px;position: relative;}
.renzheng .box3{background:#fff url(../images/boxbk3.png);background-position: 50% 0;background-size: 100% auto;background-repeat: no-repeat;margin-right:15.3px;position: relative;}
.renzheng .box4{background:#fff url(../images/boxbk4.png);background-position: 50% 0;background-size: 100% auto;background-repeat: no-repeat;position: relative;}
.renzheng .activity-icon{position: absolute;top: 0;right: 10px;}



.boxtitle{color:#fff;font-size: 26px;padding-top:20px;}
.boxtitle p{font-size: 18px;margin-top:14px;}
.boxtitle p span{font-size: 14px;}
.boxprice{margin-top:50px;font-size: 14px;}
.boxprice p span{font-family: "Georgia";font-size: 30px;color:#cc0000;font-weight: bold;}
.boxtext{font-size: 14px;color:#b3b3b3;text-align: left;width:65%;margin:0 auto;line-height: 28px;}
.boxtext ul{margin-top:20px;}
.boxtext li{text-indent: 5px;}
.boxtext li p{color:#4d4d4d;}
.zbox hr{width:70%;border:none;height:1px;background:#e6e6e6;margin:0 auto;margin-top:20px;}
.boxyes{cursor:pointer;width:70%;background:#cc0000;color:#fff;font-size: 16px;text-align: center;height:42px;line-height: 42px;margin:0 auto;margin-top:20px;}

.whatssl{background:#fff;}
.whatssl .content{background: url(../images/whatsslimg.png);background-repeat: no-repeat;background-position: 0 50%;padding: 85px 0;}
.whatssltext{float: right;width: 50%;text-align: left;}
.whatssltext div{font-size:32px;color:#387EE8;background: url(../images/jiantou.png);background-position: 0 4px;background-repeat: no-repeat;text-indent: 30px;margin-top:35px;}
.whatssltext div p{text-indent: 0; font-size: 16px;color:#808080;line-height: 36px;margin-top: 25px;}
.whatbox1{border-bottom:1px solid #e6e6e6;padding-bottom: 20px;}


.fiveadv{background:#fff;padding-top:20px;padding-bottom: 80px;}
.fiveadv h1{font-size: 32px;text-align: center;margin-top: 55px;margin-bottom: 50px;}
.fivebox{width:270px;background:#fff;padding:20px 0;border-bottom:6px solid #387EE8;float: left;}
.fivebox:nth-of-type(4){height: 294px;}
.fivebox:hover{box-shadow: 0 2px 16px #cccccc, 0 0 1px #cccccc, 0 0 1px #cccccc;}
.fivebox2,.fivebox4{margin:0 25px;}

.fivebox div{font-size: 18px;color: #387EE8;font-weight: bold;text-align: center;}
.fivebox div p{font-size: 14px;color:#808080;line-height: 36px;font-weight: normal;width: 82%;margin:0 auto;margin-top:20px;text-align: left;}
.fiveimg{width:115px !important;height:115px;border-radius: 57.5px;margin:0 auto;margin-bottom:30px;}
.fiveimg1{background:#eee url(../images/fivepng1.png) !important;background-position: 50% 50% !important;background-repeat: no-repeat !important;}
.fiveimg2{background:#eee url(../images/fivepng2.png) !important;background-position: 50% 50% !important;background-repeat: no-repeat !important;}
.fiveimg3{background:#eee url(../images/fivepng3.png) !important;background-position: 50% 50% !important;background-repeat: no-repeat !important;}
.fiveimg4{background:#eee url(../images/fivepng4.png) !important;background-position: 50% 50% !important;background-repeat: no-repeat !important;}
/* .fiveimg5{background:#eee url(../images/fivepng5.png) !important;background-position: 50% 50% !important;background-repeat: no-repeat !important;} */

/* .yuanli{background:url(../images/yuanlibanner.jpg);background-position: 50% 50%;background-size: auto 100%;background-repeat: no-repeat;}
.yuanli .content{padding-top:80px;}
.yuanli h1{font-size: 32px;color:#fff;text-align: center;margin-bottom: 80px;}
.yuanlileftbox{float: left;width: 46%;margin-bottom: 65px;}
.yuanlirightbox{float: right;width: 48%;margin-bottom: 65px;}
.yuanlileftbox img,.yuanlirightbox img{float: left;}
.yuanlileftbox p,.yuanlirightbox p{text-align:left;float: right;font-size: 16px;color:#fff;width:345px;line-height: 32px;}
 */

/* ?????? */
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

/* ȨÍþÕ¾µã */
.quanwei{background-color:#eee;padding-top:20px;padding-bottom: 50px;}
.quanwei h1{font-size: 32px;text-align: center;margin-top: 55px;margin-bottom: 30px;}
.quanwei h3{font-size: 24px;
	background-image: -webkit-linear-gradient(90deg, rgb(133, 67, 236), rgb(20, 80, 179));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.neirong{margin-top: 80px;}
.neirong li{float: left; width: 380px;position: relative;margin-bottom: 60px;}
.neirong li:nth-of-type(2),.neirong li:nth-of-type(5){margin: 0 20px;}
.neirong li img:first-child{position: absolute;top: -40px;left: 50%;transform: translateX(-50%);}
.neirong li img:last-child{border-radius: 20px;width: 100%;}


.qubie{font-size: 32px;color:#fff;text-align: center;background:#4d4d4d;padding:60px 10px;
	background:url(../images/yuanlibanner.jpg);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;
}
.qubie p{font-size: 16px;line-height: 36px;margin-top:45px;text-align: left;}

.ssladv{background:#eee;padding: 65px 0;}
.ssladv h1{font-size: 32px;text-align: center;margin:0;margin-bottom:50px;}
.sslbox{width:360px;float: left;position: relative;}
.sslbox img{position: absolute; left:102.5px;}
.sslbox div{    height: 150px;font-size:18px;color:#fff;text-align: center;margin-top: 90px;padding-top: 90px;padding-bottom: 20px;}
.sslbox div p{font-size: 14px;width: 80%;margin:0 auto;margin-top: 20px;line-height: 28px;text-align: left;}
.sslbox1 div{background:#7f75fa;}
.sslbox2 div{background:#4099fd;}
.sslbox3 div{background:#83ca8f;}
.sslbox2{margin:0 51px;}

.ssladvtext{clear:both;background:#eee;padding: 40px 5px;margin-top:50px;text-align: left;}
.ssladvtext img{margin-right:10px;margin-left:70px;}
.ssladvtext p{color:#4d4d4d;font-size: 16px;margin-top:10px;}


.liucheng{background:#4d4d4d;}
.liucheng .content{padding-top:60px;padding-bottom: 60px;}
.liucheng h1{font-size: 32px;color:#fff;text-align: center;margin:0;margin-bottom:60px;}
.liuchengbox{width:252px;float: left;color:#fff;font-size: 14px;line-height: 28px;text-align: left;}
.liuchengbox img{display:block;margin:0 auto;margin-bottom: 35px;}
.jiantoubox{width:57px;float: left;}
.jiantoubox img{display:block;margin:0 auto;margin-top:50px;}
.lctext{color:#999;font-size: 16px;text-align: center;margin-top:58px;}

.question{background: #FFF;}
.question .content{padding-top: 60px;}
.question h1{font-size:32px;text-align: center; margin-bottom: 40px;}
.theQA{
	margin: 0 10px 20px;
	text-align: left;
	overflow: hidden;
	transition: height 0.5s;
	-moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s;
}
.theQ{
	font-size: 32px;
	line-height: 2;
	color: #000;
	font-weight: bold;
}
.theA{
	font-size: 14px;
	line-height: 1.80;
}
@media screen and (max-width: 768px) {
	.theQ{
		font-size: 16px;
	}
}
.liuchengbox img{
	transition: All 0.8s ease-in-out;
	-webkit-transition: All 0.8s ease-in-out;
	-moz-transition: All 0.8s ease-in-out;
	-o-transition: All 0.8s ease-in-out;
}
.liuchengbox img:hover {
	transform: rotate(360deg) scale(1.2);
	-webkit-transform: rotate(360deg) scale(1.2);
	-moz-transform: rotate(360deg) scale(1.2);
	-o-transform: rotate(360deg) scale(1.2);
	-ms-transform: rotate(360deg) scale(1.2);
}



@media screen and (max-width: 1180px){
	.content{width:96%;}
	.thebanner{background-position: 70%;background-size: cover;height: 400px;}
	.thebannertext{margin-top: 110px;margin-left: 100px;text-align: left;}
	.bannercon img{right: 75px;}
	.renzheng .zbox{width:23%;margin:0;margin: 0 1%;background-size:auto 130px;}
	.boxtext{margin-top: 0px;margin-left: 50px;text-align: center;}
	.sslbox img{left: 70px;}
	.bannercon img{width: 330px;}
	.quanwei h3{line-height: 30px;}
	.neirong li{width: 310px;}
	.neirong li:nth-of-type(2),.neirong li:nth-of-type(5){margin: 0 26px;}


	.whatssl .content{background-size: 40% auto;background-position: 5% 50%;padding:40px 0;}
	.whatssltext div{font-size: 24px;margin-top:20px;}
	.whatssltext div p{font-size: 14px;line-height: 28px;margin-top:20px;}
	.whatssltext{margin-right:2%;}
}

@media screen and (max-width: 960px){
	.boxtext{width:100%;font-size:14px;}
	.zbox hr{width:90%;}
	.boxtext li{text-indent: 10px;}
	.boxtitle{font-size: 20px;}
	.boxtitle p{font-size: 16px;}
	.boxprice p span{font-size: 24px;}
	.renzheng h1{font-size: 26px;}
	.quanwei{padding-bottom: 0px;}
	.bannercon img{width: 260px;bottom: 90px;right: 40px;}
	.thebannertext{font-size: 38px;margin-top: 150px;margin-left: 60px;}
	.thebannertext p{font-size: 23px;margin-top: 30px;}
	.neirong li{width: 228px;}
	.neirong li img:first-child{width: 135px;}
	.ssladv h1{margin-bottom: 0px;}
	.sslbox{width: 28%;}
	.sslbox img{left: 60px;width: 102px;top: 30px;}

}
@media screen and (max-width: 640px){
	.renzheng .zbox{background-size: auto 150px;}
	.boxtext{width:100%;font-size: 14px;}

}
@media screen and (min-width: 1024px) and (max-width:1200px){
	.fivebox2, .fivebox4{margin:0;}
	.fivebox{width: 23%;margin:0 1%;}
	.yuanlileftbox p, .yuanlirightbox p{width: 60%;}
	.liuchengbox{width:20%;}
	.sslbox2{margin: 0 5%;}
	.sslbox{width: 30%;}
}
@media screen and (min-width: 768px) and (max-width:1023px){
	.fivebox{width: 46%;margin: 2%;}
	.liuchengbox{width: 28%;}
	.renzheng .zbox{width:45%;margin:0;margin:0 2.5%;background-size:100% auto;}
	.renzheng .box3,.renzheng .box4{margin-top:30px;}
	.boxprice{margin-top: 70px;}
	.boxtext{width:70%;font-size: 16px;}

	.whatssltext{width: 95%;margin-right: 0;float: none;margin:0 auto;margin-top:220px;}
	.whatssl .content{background-position: 50% 20px;background-size: auto 200px;}


	.fivebox div p{height: 108px;}
}
@media screen and (min-width: 414px) and (max-width:767px){
	h1{font-size:20px !important;}
	.jiantoubox{display:none;}
	.liuchengbox{width: 46%;padding: 1% 2%;}
	.qubie{font-size:18px;}
	.qubie p{font-size:14px;}
	.thebannertext{font-size:28px;}
	.yuanlileftbox p, .yuanlirightbox p{width:100%;font-size:14px;}
	.yuanli .content{padding-top: 40px;}
	.sslbox{width: 46%;margin: 2%;}
	.fivebox{width: 46%;margin: 2%;height:280px;}
	.whatssltext{width: 95%;margin-right: 0;float: none;margin:0 auto;margin-top:220px;}
	.whatssl .content{background-position: 50% 20px;background-size: auto 200px;}
	.fivebox div p{line-height: 25px;width: 90%;margin-top: 8px;}
	.fiveimg{margin-bottom:20px;}
	.sslbox img{left:0;right:0;margin:0 auto;}
	.whatssltext div{font-size:18px;}
	.sslbox div p{width:90%;margin-top: 8px;}
	.sslbox div{font-size:16px}
	.boxtitle{font-size:18px;}
	.boxyes{font-size:14px;}
}
@media screen and (max-width: 414px){


	.renzheng .zbox{float:none;width:90%;margin:0 auto;margin-top:30px;}
	.boxtext{width:65%;font-size: 16px;}
	.boxprice{font-size: 16px;}
	.boxprice p span{font-size: 30px;}
	.whatssltext div{font-size: 18px;}
	.whatssltext div p{font-size: 14px;}
	#subMenu{display:none;}
	.yuanli h1{margin-bottom: 30px;}
	.fivebox{width:96%;margin: 8px;}
	.yuanlileftbox,.yuanlirightbox{width:100%;margin-bottom: 20px;}
	.sslbox{width: 96%;margin: 10px;}
	.ssladvtext img{margin-left: 10px;}
	.qubie{font-size:18px;}
	.qubie p{font-size:14px;}
	.fivebox:nth-of-type(4) {height: 255px;}

	.quanwei h1	{margin-top: 15px;margin: 15px 0;}
	.quanwei h3{font-size: 18px;}
	.thebannertext{margin-top: 80px;margin-left: 30px;}
	.thebannertext p{line-height: 24px;}
	.thebanner{height: 240px;}
	.thebannertext p{font-size: 14px;margin-top: 15px;}
	.bannercon img {width: 150px;bottom: 50px;right: 15px;}
	.renzheng{padding: 20px 0 40px;}

	.neirong {margin-top: 60px;}
	.neirong li{width:45%;margin-bottom: 0;padding: 0 7px 50px;}
	.neirong li:nth-of-type(2),.neirong li:nth-of-type(5){margin: 0;}
	.neirong li img:first-child {width: 120px;}

}


@media screen and (max-width: 320px){
	.bannercon img {width: 110px;bottom: 50px;right: 10px;}
	.renzheng .zbox{width:95%;}
	.sslbox img{left: 100px;}
	.neirong li{width: 45%;}
	.neirong li img:first-child{width: 100px;top: -34px;}
	.thebanner {height: 180px;background-position: 21%;}
	.thebannertext{margin-left: 15px;margin-top: 48px;}
	.thebannertext p{font-size: 12px;margin-top: 10px;}
}
@media screen and (min-width: 320px) and (max-width:413px){
	h1{font-size:20px !important;}
	.jiantoubox{display:none;}
	.liuchengbox{width: 46%;padding: 1% 2%;}
	.yuanlileftbox p, .yuanlirightbox p,.lctext{font-size:14px;width:100%;}
	.thebannertext{font-size:28px;}
	.whatssltext{width: 95%;margin-right: 0;float: none;margin:0 auto;margin-top:220px;}
	.whatssl .content{background-position: 50% 20px;background-size: auto 200px;}
	.boxtitle{font-size:24px;}
}