body{margin:0;background:#fff;}
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/thesslbanner.jpg);background-position: 50% 50%;background-size: auto 100%;background-repeat: no-repeat;}
.bannercon{width:1182px;margin:0 auto;height:450px;position: relative;}
.thebannertext{width:50%;float: left;font-size: 48px;color:#fff;margin-top:135px;text-align: left;}
.thebannertext p{width:87%;font-size: 16px;margin-top:60px;line-height: 36px;}
.bannercon img{width:500px;float:right;position: absolute;bottom: 0;right: 0;}
.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;}
.renzheng .box2{background:#fff url(../images/boxbk2.png);background-position: 50% 0;background-size: 100% auto;background-repeat: no-repeat;margin:0 15.3px;}
.renzheng .box3{background:#fff url(../images/boxbk3.png);background-position: 50% 0;background-size: 100% auto;background-repeat: no-repeat;margin-right:15.3px;}
.renzheng .box4{background:#fff url(../images/boxbk4.png);background-position: 50% 0;background-size: 100% auto;background-repeat: no-repeat;}



.boxtitle{color:#fff;font-size: 22px;}
.boxtitle h1{font-weight:bold; font-size:22px;}
.boxtitle p{font-size: 18px;margin-top:14px; line-height:22px;}
.boxtitle p span{font-size: 12px;}
.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:#eee;padding-top:20px;padding-bottom: 80px;}
.fiveadv h1{font-size: 32px;text-align: center;margin-top: 55px;margin-bottom: 50px;}
.fivebox{width:220px;background:#fff;padding:20px 0;border-bottom:6px solid #387EE8;float: left;}
.fivebox:hover{box-shadow: 0 2px 16px #cccccc, 0 0 1px #cccccc, 0 0 1px #cccccc;}
.fivebox2,.fivebox4{margin:0 20px;}

.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;}


.qubie{font-size: 32px;color:#fff;text-align: center;background:#4d4d4d;padding:60px 10px;}
.qubie p{font-size: 16px;line-height: 36px;margin-top:45px;text-align: left;}

.ssladv{background:#fff;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:260px;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;}
.theQA{text-align:left;height:20px;border-bottom:1px solid #c6daf9;padding-bottom: 20px;margin-top:30px;overflow: hidden;transition: height 0.5s;-moz-transition: height 0.5s; -webkit-transition: height 0.5s; -o-transition: height 0.5s;cursor:pointer;}
.theQ{color:#387EE8;font-size: 16px;}
.theA{color:#666;font-size: 14px;margin-top: 20px;}

.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%;}
.bannercon{width: 100%;height:auto;padding:40px 0;}
.thebannertext{width: 100%;float: none;margin:0;text-align: center;}
.thebannertext p{margin:0 auto;margin-top:30px;}
.bannercon img{width:50%;max-width:500px;display:block;float: none;position: relative;margin:0 auto;margin-top:20px;}
.renzheng .zbox{width:23%;margin:0;margin: 0 1%;background-size:auto 130px;}
.boxtext{width:87%;}

.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;}




}
@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: 18%;margin:0 1%;}
	.yuanlileftbox p, .yuanlirightbox p{width: 60%;}
	.sslbox{width:30%;}
	.liuchengbox{width:20%;}
	.sslbox2{margin: 0 5%;}
}
@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;}
	.sslbox{width: 46%;margin: 2%;}
}
@media screen and (min-width: 414px) and (max-width:767px){
	h1{font-size:20px !important;}
	.jiantoubox{display:none;}
	.liuchengbox{width: 46%;padding: 1% 2%;}
	.theQA{margin: 30px 2% 0 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;}
}
@media screen and (max-width: 320px){
.renzheng .zbox{width:95%;}
.sslbox img{left:25%;}
}
@media screen and (min-width: 320px) and (max-width:413px){
	h1{font-size:20px !important;}
	.jiantoubox{display:none;}
	.liuchengbox{width: 46%;padding: 1% 2%;}
	.theQA{margin: 30px 2% 0 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:16px;}
}