*{margin: 0px;padding: 0px;}
::-webkit-scrollbar {display:none}
div,dl,li,a,img,button,input,textarea{-webkit-tap-highlight-color:transparent;}
img{border:none;}
input {outline: none;-webkit-appearance: none; }
b{font-weight: bold;}
a{text-decoration: none;}
div {margin:0px;padding: 0px;}
ul li{list-style: none;}
html{width:100%;height:100px;font-family: '微软雅黑'}
body{height:100%;background-color: #fff;margin: 0 auto;width: 7.5rem;}
.clear {
	zoom: 1
}
.clear:after {
	display: block;
	clear: both;
	height: 0;
	content: ".";
	visibility: hidden;
	overflow: hidden;
}
.left {
	float: left;
}
.right {
	float: right;
}
div.indexcont{overflow:auto;width:100%;background:#f0f1f5;height:auto;-webkit-overflow-scrolling: touch;margin:0 auto;position: relative}/*position:absolute;z-index: 1;*/
/******************************************** header *******************************************/
header{height: 1.3rem;width:100%;overflow:hidden;background: #FFF;max-width: 750px;margin: 0 auto ;}
header div.hd_cont{height:1.3rem;width:100%;max-width: 750px;margin:0 auto;}
header div.hd_cont div.zb_logo{
	margin-top: 0.33rem;
	width:2.6rem;height:0.63rem;
	float:left;background: url(../../img-center/zb_logo2023.png) center center no-repeat;
	background-size: 2.6rem 0.63rem;margin-left:0.28rem;
}

/******************************************** Part1 *******************************************/
div.part1{width:100%;height:5rem;max-width: 750px;overflow: hidden;margin:0 auto;background: url(../img/part1_bg.png) center center no-repeat;background-size:100% 100% ;}


/******************************************** Part2 *******************************************/
/*div.part2{width:100%;height:5.641026rem;max-width: 640px;overflow: hidden;margin:0 auto;background: #05121e;}
div.part2 div.p2_banner{width:100%;height:1.025641rem;background: url(../img/p2_ban.png) center center no-repeat;background-size:5.350427rem 0.307692rem ;}
div.part2 ul.p2_ul{width:100%;overflow: hidden;margin-top: 0.08547rem;}
div.part2 ul.p2_ul li.p2_li{
	width:2.564103rem;height:0.512821rem;line-height: 0.512821rem;margin-left: 0.34188rem;margin-bottom: 0.17094rem;
	font-size:0.205128rem;color:#ffffff;padding-left:0.17094rem;float: left;
	background:url(../img/p2_libg.png) center center no-repeat ;
	background: #982b1c;
	-moz-border-radius-topright: ;
	background-size: 100% 100%;
    -webkit-transform: translateX(-400px);
	-moz-transform: translateX(-400px)
	transform: translateX(-400px);
	-ms-transform: translateX(-400px);
	transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}
div.part2 ul.p2_ul li.p2_li:nth-of-type(even){
    -webkit-transform: translateX(-600px);
	-moz-transform: translateX(-600px)
	transform: translateX(-600px);
	-ms-transform: translateX(-600px);
	transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}
*/
/******************************************** Part3 *******************************************/
/*
div.part3{width:100%;height:5.982906rem;max-width: 640px;overflow: hidden;margin:0 auto;background: url(../img/p3_bg.png) center center no-repeat;background-size:100% 100% ;}
div.p3_banner{width:5.55rem;height:1.365rem;margin:0.512821rem auto 0;background:url(../img/part3_banner.png) left center no-repeat;background-size: 4.55rem 0.85rem;}
div.p3_cont{width:100%;overflow: hidden;}
div.p3_cont input{
	display: block;
	width: 80%;
    height: 0.24rem;
    line-height: 0.24rem;
    font-size: 0.24rem;
    color: #e3e3e3;
    padding-top: 0.22rem;
    background: transparent;
    padding-bottom: 0.22rem;
    border-radius: 5px;
    padding-left: 6%;
    -webkit-appearance: none;
    margin: 0.25641rem auto;
    border: 1px solid #0dddd8;
    box-sizing: content-box;
}
div.p3_cont button{
 	display: block;
    width: 86%;
    height: 0.683761rem;
    margin: 0.42735rem auto;
    background: #0dddd8;
    border: 1px solid #0dddd8;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    color: #FFFFFF;
}
div.p3_cont button div.p3_btn_cont{width:1.28rem;height:0.683761rem;margin:0 auto;}
div.p3_cont button div.p3_btn_cont span.p3_btn_cont_bg{float:left;display:block;width:16px;height:0.683761rem;background: url(../img/sub_btn.png) center center no-repeat;background-size: 16px 21px;}
div.p3_cont button div.p3_btn_cont span.p3_btn_cont_title{float:left;margin-left:0.25rem;display:block;width:0.71rem;height:0.683761rem;background: url(../img/sub_tle.png) center center no-repeat;background-size: 0.7rem 0.29rem;}
div.p3_bottom{width: 2.9rem;height:0.307692rem;margin:0 auto;}
div.p3_bottom span{display: block;float: left;}
div.p3_bottom span.txt{font-size: 0.205128rem;height: 0.307692rem;line-height: 0.307692rem;color:#ffffff;}
div.p3_bottom span.num{width:0.205128rem;height:0.307692rem;line-height:0.307692rem;color:#0d1e2a;margin-left:0.06rem;text-align:center;font-size:0.205128rem ;font-family: "黑体"; font-weight:bold;background: url(../img/freeuse_numbg.png) center center no-repeat;background-size: 0.205128rem 0.307692rem;}
div.p3_bottom span#p3_n1{display: none;}
div.p3_bottom span#p7_n1{display: none;}
*/

/******************************************** Part4 *******************************************/
/*
div.part4{width:100%;height:11.111111rem;max-width:640px;overflow: hidden;margin:0 auto;background:#05121e;}
div.part4 div.p4_banner{width:5.55rem;height:1.365rem;margin:0.25641rem auto 0;background:url(../img/p4_banner.png) left center no-repeat;background-size: 4.102564rem 0.837607rem;}
div.part4 ul.p4_ul{width:95%;overflow: hidden;margin:0 auto;}
div.part4 ul.p4_ul li.p4_li{width:33.3%;height:4.615385rem;float: left;position: relative;overflow: hidden;}
div.part4 ul.p4_ul li.p4_li div.p4_tle{
	position: absolute;width:1.4rem;height: 1.4rem;
	top:0.376068rem;left:50%;margin-left:-0.7rem;
	background:url(../img/p4_tlebg.png) left center no-repeat;background-size: 100% 100%;
	transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}
div.part4 ul.p4_ul li.p4_li div.p4_tle span{display:block;width:0.940171rem;margin:0.25641rem auto 0;font-size: 0.205128rem;text-align:center;font-weight: bold;line-height: 0.410256rem;color:#ffffff;}
div.part4 ul.p4_ul li.p4_li div.p4_cont{
	position: absolute;width:1.86rem;height: 2.34188rem;
	top:1.760684rem;left:50%;margin-left:-0.93rem;
	display: none;
	background:url(../img/p4_contbg.png) left center no-repeat;background-size: 100% 100%;
    -webkit-transform: translateY(-600px);
	-moz-transform: translateY(-600px);
	transform: translateY(-600px);
	-ms-transform: translateY(-600px);
	transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}
div.part4 ul.p4_ul li.p4_li div.p4_cont span{display:block;width:1.68rem;margin:0.25641rem auto 0; font-size:0.205128rem;line-height: 0.410256rem;font-weight: bold;}
*/

/******************************************** Part5 *******************************************/
div.part5{width:100%;height:13.076923rem;max-width:750px;overflow: hidden;margin:0 auto;background: url(../img/p5_bg.png) center center no-repeat;background-size:100% 100% ;;}
div.part5 div.p5_banner{width:100%;overflow: hidden;}
div.part5 div.p5_banner div.top{width:100%;font-size: 0.410256rem;text-align: center;font-weight: bold;margin-top:0.478632rem;color:#FFFFFF;}
div.part5 div.p5_banner div.bottom{width:100%;height:0.34188rem;background: url(../img/function.png) center center no-repeat;background-size:1.452991rem 0.136752rem;}
div.part5 ul.p5_ul{width:100%;overflow: hidden;margin-top: 0.25641rem}
div.part5 ul.p5_ul li.p5_li{width:33.3%;height:2.393162rem;float: left;}
div.part5 ul.p5_ul li.p5_li div.p5_cont{width:1.777778rem;height: 2.08547rem;margin:0 auto;}
div.part5 ul.p5_ul li.p5_li div.p5_cont div.top_bg{opacity:0.2;-khtml-opacity:0.2;width:100%;height: 1.538462rem;border-radius:5px 5px 0px 0px;border:1px solid #0de2d8;border-bottom: none;overflow: hidden;}
div.part5 ul.p5_ul li.p5_li:nth-child(1) div.p5_cont div.top_bg{background: url(../img/p5_bg1.png) center center no-repeat;background-size: 100% 100%;}
div.part5 ul.p5_ul li.p5_li:nth-child(2) div.p5_cont div.top_bg{background: url(../img/p5_bg2.png) center center no-repeat;background-size: 100% 100%;}
div.part5 ul.p5_ul li.p5_li:nth-child(3) div.p5_cont div.top_bg{background: url(../img/p5_bg3.png) center center no-repeat;background-size: 100% 100%;}
div.part5 ul.p5_ul li.p5_li:nth-child(4) div.p5_cont div.top_bg{background: url(../img/p5_bg4.png) center center no-repeat;background-size: 100% 100%;}
div.part5 ul.p5_ul li.p5_li:nth-child(5) div.p5_cont div.top_bg{background: url(../img/p5_bg5.png) center center no-repeat;background-size: 100% 100%;}
div.part5 ul.p5_ul li.p5_li:nth-child(6) div.p5_cont div.top_bg{background: url(../img/p5_bg6.png) center center no-repeat;background-size: 100% 100%;}
div.part5 ul.p5_ul li.p5_li:nth-child(7) div.p5_cont div.top_bg{background: url(../img/p5_bg7.png) center center no-repeat;background-size: 100% 100%;}
div.part5 ul.p5_ul li.p5_li:nth-child(8) div.p5_cont div.top_bg{background: url(../img/p5_bg8.png) center center no-repeat;background-size: 100% 100%;}
div.part5 ul.p5_ul li.p5_li:nth-child(9) div.p5_cont div.top_bg{background: url(../img/p5_bg9.png) center center no-repeat;background-size: 100% 100%;}
div.part5 ul.p5_ul li.p5_li:nth-child(10) div.p5_cont div.top_bg{background: url(../img/p5_bg10.png) center center no-repeat;background-size: 100% 100%;}
div.part5 ul.p5_ul li.p5_li:nth-child(11) div.p5_cont div.top_bg{background: url(../img/p5_bg11.png) center center no-repeat;background-size: 100% 100%;}
div.part5 ul.p5_ul li.p5_li:nth-child(12) div.p5_cont div.top_bg{background: url(../img/p5_bg12.png) center center no-repeat;background-size: 100% 100%;}
div.part5 ul.p5_ul li.p5_li div.p5_cont div.btm_tle{width:100%;height: 0.478632rem;background:#FFF;border:1px solid #FFFFFF;overflow:hidden;border-radius: 0px 0px 5px 5px;line-height: 0.478632rem;font-size: 0.205128rem;font-weight: bold;text-align: center;}
div.part5 ul.p5_ul li.p5_li div.p5_cont div.btm_tle span{
	display: block;
    -webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}
div.part5 ul.p5_ul li.p5_li div.p5_btm_tip{width:100%;height:0.08547rem;margin-top:-4px;background: url(../img/p5_cbtm.png) center center no-repeat;background-size: 1.025641rem 0.08547rem;}
div.part5 div.p5_kmore{width:100%;height: 0.205128rem;font-size: 0.205128rem;color:#ffffff;text-align: center;}
div.part5 button{
    display: block;
    width: 5.95rem;
    height: 0.683761rem;
    margin: 0.307692rem auto;
    background: #0dddd8;
    border: 1px solid #0dddd8;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    color: #FFFFFF;
}   
div.part5 button div.p5_btn_cont{width:1.948718rem;height:0.683761rem;margin:0 auto;}
div.part5 button div.p5_btn_cont span.p5_btn_cont_bg{float:left;display:block;width:16px;height:0.683761rem;background: url(../img/btn_phone.png) center center no-repeat;background-size: 16px 17px;}
div.part5 button div.p5_btn_cont span.p5_btn_cont_title{float:left;margin-left:0.17094rem;display:block;width:1.452991rem;height:0.683761rem;background: url(../img/tle_phone.png) center center no-repeat;background-size:1.452991rem 0.273504rem;}

.cartoonP5{
	animation: fadeInOut 0.6s forwards;
	-webkit-animation: fadeInOut 0.6s forwards;
	-ms-animation: fadeInOut 0.6s forwards;
	-moz-animation: fadeInOut 0.6s forwards;
}

@keyframes fadeInOut {
  100% { opacity: 1;-khtml-opacity :1;}
}
@-webkit-keyframes fadeInOut {
  100% { opacity: 1;-khtml-opacity :1;}
}
@-moz-keyframes fadeInOut {
  100% { opacity: 1;-khtml-opacity :1;}
}
@-o-keyframes fadeInOut {
  100% { opacity: 1;-khtml-opacity :1;}
}

/******************************************** Part6 *******************************************/
/*div.part6{width:100%;height:6.581197rem;max-width: 640px;overflow: hidden;margin:0 auto;background: #05121e;}
div.part6 div.p6_banner{width:100%;height:1.025641rem;margin-top: 0.512821rem; background: url(../img/p6_ban.png) center center no-repeat;background-size:5.777778rem 0.307692rem ;}
div.part6 ul.p6_ul{width:100%;overflow: hidden;}
div.part6 ul.p6_ul li.p6_li{
	opacity: 1;
	height:0.683761rem;width:2.905983rem;line-height: 0.683761rem;
	font-size: 0.205128rem;color: #ffffff;font-weight: bold;text-align: center;
	background: url(../img/p6_libg.png) center center no-repeat;
	background-size: 100% 100%;float: left;margin-left: 0.17094rem;margin-bottom: 0.444444rem;
}
div.part6 ul.p6_ul li.left{
	transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
    -webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px)
	transform: translateX(-300px);
	-ms-transform: translateX(-300px);
}
div.part6 ul.p6_ul li.right{
	transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
    -webkit-transform: translateX(300px);
	-moz-transform: translateX(300px)
	transform: translateX(300px);
	-ms-transform: translateX(300px);
}
.cartoonP6{
	animation: fadeInOut .6s forwards;
	-webkit-animation: fadeInOut .6s forwards;
	-ms-animation: fadeInOut .6s forwards;
	-moz-animation: fadeInOut .6s forwards;
}*/
/******************************************** Part7 *******************************************/
div.part7{width:100%;height:5.982906rem;max-width: 750px;overflow: hidden;margin:0 auto;background: url(../img/p7_bg.png) center center no-repeat;background-size:100% 100% ;;}


/******************************************** Part8 *******************************************/
div.part8{width:100%;height:5.897436rem;max-width: 750px;overflow: hidden;margin:0 auto;}
div.part8 div.p8_banner{width:5.55rem;height:1.365rem;margin:0 auto;margin-top:0.42735rem; background:url(../img/p8_banner.png) left center no-repeat;background-size: 4.700855rem 0.837607rem;}
div.part8 ul.p8_ul{width:7.1rem;height: 5.76rem;margin:0 auto;position: relative;overflow: hidden;background: #333}
div.part8 ul.p8_ul div.p8_tp_rg{position: absolute;width:19px;height:18px;background: url(../img/p8_top_right.png) center center no-repeat;background-size: 100% 100%; right: -3px;top:-3px;}
div.part8 ul.p8_ul div.p8_bt_lf{position: absolute;width:18px;height:20px;background: url(../img/p8_bottom_left.png) center center no-repeat;background-size: 100% 100%; left: -3px;bottom:-3px;}
div.part8 ul.p8_ul li.p8_li{
	width:2.1rem;height:1.6rem;margin-top: 0.21rem;
	margin-left: 0.2rem;background: #ffffff;
	float: left;border-radius: 5px;
}
div.part8 ul.p8_ul li.p8_li div.p8_bg{width:100%;height:1.6rem ;margin-top: 0.17094rem;
position: relative}
div.part8 ul.p8_ul li.p8_li div.p8_bg p{
	width: 100%;
	display: block;
	font-size: 0.25rem;
	color: #8c8c8c;
	position: absolute;
	bottom: 0.36rem;
	text-align: center;

}
div.part8 ul.p8_ul li.p8_li:nth-of-type(1) div.p8_bg{background:url(../img/p8_bg1.png) 0rem 0rem no-repeat;background-size:2.06rem  0.71rem;}
div.part8 ul.p8_ul li.p8_li:nth-of-type(2) div.p8_bg{background:url(../img/p8_bg2.png) 0rem 0rem no-repeat;background-size:2.06rem  0.71rem;}
div.part8 ul.p8_ul li.p8_li:nth-of-type(3) div.p8_bg{background:url(../img/p8_bg3.png) 0rem 0rem no-repeat;background-size:2.06rem  0.71rem;}
div.part8 ul.p8_ul li.p8_li:nth-of-type(4) div.p8_bg{background:url(../img/p8_bg4.png) 0rem 0rem no-repeat;background-size:2.06rem  0.71rem;}
div.part8 ul.p8_ul li.p8_li:nth-of-type(5) div.p8_bg{background:url(../img/p8_bg5.png) 0rem 0rem no-repeat;background-size:2.06rem  0.71rem;}
div.part8 ul.p8_ul li.p8_li:nth-of-type(6) div.p8_bg{background:url(../img/p8_bg6.png) 0rem 0rem no-repeat;background-size:2.06rem  0.71rem;}
div.part8 ul.p8_ul li.p8_li:nth-of-type(7) div.p8_bg{background:url(../img/p8_bg7.png) 0rem 0rem no-repeat;background-size:2.06rem  0.71rem;}
div.part8 ul.p8_ul li.p8_li:nth-of-type(8) div.p8_bg{background:url(../img/p8_bg8.png) 0rem 0rem no-repeat;background-size:2.06rem  0.71rem;}
div.part8 ul.p8_ul li.p8_li:nth-of-type(9) div.p8_bg{background:url(../img/p8_bg9.png) 0rem 0rem no-repeat;background-size:2.06rem  0.71rem;}
div.part8 ul.p8_ul li.p8_li div.p8_cont{width:100%;height:0.205128rem ;font-size: 0.205128rem;color: #b7b7b7;text-align: center;}
.cartoonP8{
	animation: fadeInOut 2s forwards;
	-webkit-animation: fadeInOut 2s forwards;
	-ms-animation: fadeInOut 2s forwards;
	-moz-animation: fadeInOut 2s forwards;
}
li#p8_l1{
	transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
    -webkit-transform: translate(-300px, -200px);
	-moz-transform: translate(-300px, -200px);
	transform: translate(-300px, -200px);
	-ms-transform: translate(-300px, -200px);
	opacity: 0;
	-khtml-opacity:0
}
li#p8_l2{
	transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
    -webkit-transform: translate(0px, -200px);
	-moz-transform: translate(0px, -200px);
	transform: translate(0px, -200px);
	-ms-transform: translate(0px, -200px);
	opacity: 0;
	-khtml-opacity:0;
}
li#p8_l3{
	transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
    -webkit-transform: translate(300px, -200px);
	-moz-transform: translate(300px, -200px);
	transform: translate(300px, -200px);
	-ms-transform: translate(300px, -200px);
	opacity: 0;
	-khtml-opacity:0
}
li#p8_l4{
	transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
    -webkit-transform: translate(-300px, 0px);
	-moz-transform: translate(-300px, 0px);
	transform: translate(-300px, 0px);
	-ms-transform: translate(-300px, 0px);
	opacity: 0;
	-khtml-opacity:0;
}
li#p8_l5{opacity: 0.5;
	-khtml-opacity :0.5}
li#p8_l6{
	transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transform: translate(300px, 0px);
	-moz-transform: translate(300px, 0px);
	transform: translate(300px, 0px);
	-ms-transform: translate(300px, 0px);
	opacity: 0;
	-khtml-opacity:0;
}
li#p8_l7{
	transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transform: translate(-300px, 200px);
	-moz-transform: translate(-300px, 200px);
	transform: translate(-300px, 200px);
	-ms-transform: translate(-300px, 200px);
	opacity: 0;
	-khtml-opacity:0;
}
li#p8_l8{
	transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transform: translate(0px, 200px);
	-moz-transform: translate(0px, 200px);
	transform: translate(0px, 200px);
	-ms-transform: translate(0px, 200px);
	opacity: 0;
	-khtml-opacity:0;
}
li#p8_l9{
	transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transform: translate(300px, 200px);
	-moz-transform: translate(300px, 200px);
	transform: translate(300px, 200px);
	-ms-transform: translate(300px, 200px);
	opacity: 0;
	-khtml-opacity:0;
}

div.copyright{height:0.735043rem;line-height:0.735043rem;width:100%;text-align: center;color: #ffffff;font-size:0.205128rem;background: #0a0201;}
div.Blank{width:100%;height:50px;}
.err_alert2{
	display: none;
	padding-left:0.2rem;
	padding-right:0.2rem;
	width:5rem;
	height:70px;
	text-align: center;
	z-index: 9999;
	position: absolute;
	top:50%;
	left:50%;
	border: none;
	border-radius: 5px;
	margin-left:-2.5rem;
	margin-top:-35px;
	background: rgba(205,205,205,0.9);
	font-size:14px;
	color:#333;
}

/******************************************** footer *******************************************/



.titleline{
	background: url(../img/titleline.png) center center no-repeat;
	display: inline-block;
	width:1.2rem;
	height:0.45rem;
}
#sixfeatures{
	background: #fff;
	padding-bottom: 0.5rem;
	max-width: 750px;
	margin:  0 auto;
}
#sixfeatures ul{
	margin-top: 0.7rem;
	padding-top: 0.3rem;
    max-width: 750px;
	margin: 0 auto;
	overflow: hidden;
}
#sixfeatures li{
	margin-bottom: 0.6rem;
}
.publictitlebox{
	max-width: 750px;
	margin: 0 auto;
	background: #fff;
	padding: 0.3rem 0rem 0.5rem;
}
.titlename{
	font-size: 0.45rem;

}
#sixfeatures li{
	width: 3.32rem;
	display: inline-block;
	margin-left:0.28rem;
	border:2px solid #b0b0b0;
	box-sizing: border-box;
}
#sixfeatures .smalltitle{
	width:2.7rem;
	height: 0.6rem;
	background: #2d3249;
	color: #fff;
	font-size: 0.33rem;
	position: absolute;
	top:-0.3rem;
	left: 0.3rem;
	text-align: center;
	line-height: 0.6rem;
	z-index: 1;
}
#sixfeatures .sixcontent{
	padding-top: 0.68rem;
	padding-left:0.34rem ;

	position: relative;
	display: inline-block;
	height: 1.06rem;
	font-size: 0.27rem;
}
#freebox{
	max-width: 750px;
	margin: 0 auto;
	height: 4.4rem;
	background: url("../img/freeboxbg.png");
	background-size: 7.5rem 4.4rem;
	background-repeat: no-repeat;

	color: #fff;
}
#freebox .producfeatures{
	padding: 0.8rem 0 0 0;
font-size: 0.45rem;
	margin-bottom: 0.38rem;
}
#freebox .productinfo{
	font-size: 0.36rem;
}
#freebox button{
	font-size: 0.375rem;
	line-height: 0.7rem;
	height: 0.7rem;
	width: 3.5rem;
	border:#faf217 solid 1px;
	color:#faf217;
	outline: none;
	border-radius:3.5rem;
	background: #38393c url("../img/goto.png") no-repeat 2.6rem center;
	background-size:0.2rem ;
}
#brightbox{
	background: #fff;
max-width: 750px;margin: 0 auto;
	overflow: hidden;
}
#brightinfo li{
	display:inline-block;
	width: 2rem;
	height: 2.22rem;
	margin-left: 0.36rem;
	margin-bottom: 0.3rem;
}
#brightinfo li.left.last{
    margin-bottom:0rem;
}
#brightinfo img{
	display: inline-block;
	width: 2rem;
	margin-bottom: 0.03rem;
}
#brightinfo center{

	-webkit-transform: translateX(-1300px);
	-moz-transform: translateX(-1300px);
	transform: translateX(-1300px);
	-ms-transform: translateX(-1300px);
	transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	display: table-cell;
	width: 2rem;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: 0.3rem;
	color:#fff;
	background: #576a7b;
}
#brightinfo .imgbox{
	display: inline-block;
	width: 2rem;
	height: 1.58rem;
	font-size: 0.2rem;
}
#advantagebox{
	background: #3b3333;
	padding: 0 0 0.9rem 0;
max-width: 750px;margin: 0 auto;
	overflow: hidden;
}
.part2 .p2_li{
	display: inline-block;
	width: 3.06rem;
	height: 0.9rem;
	line-height: 0.9rem;
	color: #fff;
	background: #982b1c;
	border-top-right-radius: 0.9rem;
	border-bottom-right-radius: 0.9rem;
	font-size: 0.29rem;
	margin-left: 0.33rem;
	padding-left: 0.2rem;
	opacity: 0.2;
	-khtml-opacity:0.2;
	/*-webkit-transform: translateX(-400px);
	-moz-transform: translateX(-400px)
	transform: translateX(-400px);
	-ms-transform: translateX(-400px);*/
	transition: all 0.8s ease-out;
	-ms-transition: all 0.8s ease-out;
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
}
.part2 .p2_li:nth-of-type(even){
	/*-webkit-transform: translateX(-1600px);
	-moz-transform: translateX(-1600px)
	transform: translateX(-1600px);
	-ms-transform: translateX(-1600px);*/
	transition: all 0.8s ease-out;
	-ms-transition: all 0.8s ease-out;
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	opacity: 0.2;
	-khtml-opacity:0.2;
}
#successbox{
	background: #fff;
	/*padding-bottom: 0.5rem;*/
	margin: 0 auto;
	max-width: 750px;
}
#serverbox{
	background: #f0f1f5;
}
#servercontent{
	max-width: 750px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	height: 15.5rem;
	background:url("../img/serverbg.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
}
#freefeelbox{
	max-width: 750px;
	margin: 0 auto;
	height: 7.8rem;
	background: url("../img/freefeel.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
}
#freetext{
	height: 1.8rem;
	background: url("../img/freetext.png") center center;
	background-size: 50% 0.6rem;
	background-repeat: no-repeat;
max-width: 750px;margin: 0 auto
}
 #freeindexbox{
	max-width: 750px;margin: 0 auto
}
#freeindexbox input{
	display: inline-block;
	width: 6.6rem;
	margin-left: 0.3rem;
	height: 0.36rem;
	/*line-height: 0.96rem;*/
	font-size: 0.3rem;
	padding-left: 0.3rem;
	background: rgba(255,255,255,0.3);
	border-radius: 0.1rem;
	color: #fff;
	border:none;
	/*vertical-align: middle;*/
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

#freefeelbox input::-webkit-input-placeholder {
	 color:#fff;
	vertical-align: middle;
 }
#freefeelbox input:-moz-placeholder {
	color: #fff;
	vertical-align: middle;
}
#freefeelbox input:-moz-placeholder {
	color: #fff;
	vertical-align: middle;
}
#freefeelbox input:-ms-input-placeholder {
	color: #fff;
	vertical-align: middle;
}
#freefeelbox button{
	background: #b21d1d;
	display: inline-block;
	width: 6.9rem;
	margin-left: 0.3rem;
	height: 0.96rem;
	line-height: 0.96rem;
	font-size: 0.3rem;
	border-radius: 0.1rem;
	color: #fff;
	border:none;
	font-weight: bold;
}
#copyright{
	max-width: 750px;
	margin: 0 auto;
	text-align: center;
	height: 0.8rem;
	line-height: 0.8rem;
	font-size: 0.21rem;
	color:#666;
	background: #fff;
}
.brightlisttext{
	width: 2.04rem;
	height: 0.63rem;
	line-height: 0.63rem;
	background: #526a7d;
	color: #fff;
	text-align: center;
	font-size: 0.31rem;
	margin-top: 0.03rem;
	opacity: 0.2;
	-khtml-opacity:0.2;
	/*transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transform: translateX(-1500px);
	-moz-transform: translateX(-1500px);
	transform: translateX(-1500px);
	-ms-transform: translateX(-1500px);*/

	transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}
.brightlistbg{
	opacity: 0.2;
	-khtml-opacity:0.2;
	width: 2.04rem;
	height: 1.58rem;
	transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}
#brightlist1{

	background: url("../img/bright1.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist2{
	background: url("../img/bright2.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist3{
	background: url("../img/bright3.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist4{

	background: url("../img/bright4.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist5{
	background: url("../img/bright5.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist6{
	background: url("../img/bright6.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist7{

	background: url("../img/bright7.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist8{
	background: url("../img/bright8.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist9{
	background: url("../img/bright9.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist10{
	background: url("../img/bright10.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist11{

	background: url("../img/bright11.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist12{
	background: url("../img/bright12.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist13{
	background: url("../img/bright13.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist14{

	background: url("../img/bright14.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist15{
	background: url("../img/bright15.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist16{
	background: url("../img/bright16.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist17{

	background: url("../img/bright17.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist18{
	background: url("../img/bright18.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist19{
	background: url("../img/bright19.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}
#brightlist20{
	background: url("../img/bright20.png");
	background-size: 2.04rem 1.58rem;
	background-repeat: no-repeat;
}#brightlist21{

	 background: url("../img/bright21.png");
	 background-size: 2.04rem 1.58rem;
	 background-repeat: no-repeat;
 }
 .smalltitleallleft{
	 -webkit-transform: translateX(-1400px);
	 -moz-transform: translateX(-1400px);
	 transform: translateX(-1400px);
	 -ms-transform: translateX(-1400px);
	 transition: all 0.5s ease-out;
	 -ms-transition: all 0.5s ease-out;
	 -webkit-transition: all 0.5s ease-out;
	 -moz-transition: all 0.5s ease-out;
 }
.smalltitleallright{
	-webkit-transform: translateX(1400px);
	-moz-transform: translateX(1400px);
	transform: translateX(1400px);
	-ms-transform: translateX(1400px);
	transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

footer{
	height: 0.94rem;
	width: 100%;
	max-width: 750px;
	background: #5f2016;
	margin: 0 auto;
}
footer .li{
	font-size: 0.26rem;
	width: 50%;
	box-sizing: border-box;
	color: #fff;
	line-height: 0.94rem;
	padding-left: 1.67rem;

}
footer .ul{
	max-width: 750px;
	margin: 0 auto;

}
.footphoneask{
	background: url("../img/ft_phone.png") no-repeat 1rem 0.23rem;
	background-size: 0.48rem 0.48rem;
	border-right: 1px #fff dashed;
}
.footfreetry{
	background: url("../img/p1_bg2.png") no-repeat 1rem 0.23rem;
	background-size: 0.4rem 0.48rem;
}
.btn-text-icon-customer {font-size: initial;}