﻿body,p,h1,h2,h3,h4,h5,li,span,i,ul,img,a,strong,input,button{margin:0;padding:0;}
body{font-family:"microsoft yahei";font-size: 0.24rem;line-height: 1;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
li{list-style-type:none; float:left;}
a{text-decoration:none;color: #000;}
img{border:none;vertical-align: middle;margin-top: 0;}
i,var{font-style:normal;}
button{font-family:"microsoft yahei";outline:none;cursor: pointer;font-size: 0.24rem;border: none;}
iframe{border: none;}
input,select,textarea{outline:none;font-family:"microsoft yahei";font-size: 0.24rem;}
textarea,input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;}
textarea{resize:none;}
div{margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.rogate{ transition:.3s;}
.rogate:hover{transform:rotate(90deg);}
.fixed{position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;}
.ohei{display: table;}
.dt{width: 100%;display: table;}
.hide{display:none;}

.mobile_wrap{ position: relative;width: 100%; display:table;}
header{width:100%; height:1rem;position:relative;}
header h4{width:100%; height:100%; display:table; text-align:center;}
header h4 span{display:table-cell; vertical-align:middle;}
header h4 span img{height:.5rem;}
header .menu{position:absolute; left:3%; top:0px; height:.26rem; margin-top:.37rem;}

.consulting{width:100%; height:3.6rem; background:url(../img/bj1.jpg) center no-repeat; background-size:100% 100%;}
.consulting h5{font-size:.4rem; color:#e2e2e2; font-weight:100; margin-left:3%; margin-top:.8rem; float:left; width:94%;}
.consulting h5 b{color:#fff;}
.consulting h4{font-weight:100; color:#fff; margin-left:3%; width:94%; margin-top:.3rem; float:left;}
.consulting p{width:96%; margin-left:2%; float:left;}
.consulting p a{width:2.5rem; height:.65rem; background:#f32936; display:block; margin-top:.72rem; float:left; text-align:center; line-height:.65rem; font-weight:100; color:#fff; font-size:.24rem;微软雅黑,Arial, Helvetica, sans-serif}

.log{width:100%; height:5.8rem; background:#f2f5f7;}
.log h5{text-align:center; font-weight:100; margin-top:.58rem; color:#d60613; font-size:.32rem; float:left; width:100%;}
.log h4{text-align:center; font-weight:100; margin-top:.15rem; float:left; width:100%; color:#999999; font-size:.22rem;}
.log .log_shuf{width:100%; height:2.9rem; float:left; margin-top:.8rem; position:relative;}
.log .log_shuf .log_shuf_list{width:5.2rem; height:100%; background:#fff; margin:auto; position:relative; overflow:hidden;}
.log .log_shuf .log_shuf_list ul{ width:300%; height:100%; position:absolute; left:0px; top:0px;}
.log .log_shuf .log_shuf_list ul li{width:5.2rem; height:100%; background:#fff;}
.log .log_shuf .log_shuf_list ul li h3{ margin-top:.23rem; float:left; height:1.3rem; width:100%; text-align:center; display:table;}
.log .log_shuf .log_shuf_list ul li h3 span{display:table-cell; vertical-align:middle;}
.log .log_shuf .log_shuf_list ul li h3 span img{height:.68rem;}
.log .log_shuf .log_shuf_list ul li h2{text-align:center; font-weight:100; color:#d60613; font-size:.32rem;} 
.log .log_shuf .log_shuf_list ul li p{text-align:center; color:#999999; font-size:.24rem; margin-top:.34rem;}
.log .log_shuf .le{position:absolute; left:3%; top:50%; margin-top:-.17rem; height:.34rem; cursor:pointer;}
.log .log_shuf .rt{position:absolute; right:3%; top:50%; margin-top:-.17rem; height:.34rem;cursor:pointer;}

.service{width:100%; display:table; min-height:2rem; padding-bottom:.9rem;}
.service h5{font-weight:100; text-align:center; color:#d60613; font-size:.32rem; margin-top:.75rem; float:left; width:100%; }
.service ul{width:100%; display:table;}
.service ul li{width:6.16rem; height:2.09rem; border-bottom:1px dotted #e4e4e4; margin:auto; float:none;}
.service ul li h4{width:1.9rem; float:left; height:100%; display:table; text-align:center; float:left;}
.service ul li h4 span{display:table-cell; vertical-align:middle;}
.service ul li h4 span img{height:1rem;}
.service ul li h3{font-weight:100; margin-top:.55rem; float:left; color:#999999; font-size:.28rem; font-family:微软雅黑,Arial, Helvetica, sans-serif}
.service ul li h3 b{color:#333333; font-weight:100;} 
.service ul li p{float:left; margin-top:.3rem; color:#999999; width:3.7rem; line-height:.32rem;}
.contrast{width:100%; display:table; min-height:1rem; padding-bottom:.6rem;}
.contrast h5{width:100%; height:.7rem; background:#444444; margin-bottom:.4rem; position:relative;}
.contrast h5 span{display:block; text-align:center; line-height:.7rem; text-align:center; float:left; width:50%; height:100%; font-weight:100; color:#fff; font-size:.3rem;}
.contrast p{width:94%; height:.55rem; float:left; margin-left:3%;margin-top:.5rem; position:relative;}
.contrast p span{float:left; width:43%; display:block; height:100%; overflow:hidden;}
.contrast p span i{width:.95rem; height:.49rem; border:1px solid #999999; display:block; float:right; border-radius:5px; text-align:center; line-height:.51rem; color:#666666; font-size:.30rem;}
.contrast p span b{float:right; line-height:.55rem; font-weight:100; font-size:.24rem; margin-right:.1rem; color:#666666; width:1.8rem;}
.contrast p strong{float:left; width:43%; display:block; height:100%;margin-left:14%; overflow:hidden;}
.contrast p strong i{width:.95rem; height:.48rem; border:1px solid #999999; display:block; float:left; border-radius:5px; text-align:center; line-height:.51rem; color:#f32936; font-size:.3rem; font-weight:100; margin-right:.1rem;}
.contrast p strong b{float:left;  font-weight:100; font-size:.24rem; color:#666666; width:1.8rem;}
.contrast p .ic{position:absolute; left:50%; top:0px; width:.5rem; margin-left:-.2rem; margin-top:.07rem;}
.contrast h5 strong{width:1.38rem; height:1.38rem; border:6px solid #444444; display:block; border-radius:50%; position:absolute; left:50%; margin-left:-.75rem; top:50%; margin-top:-.75rem; z-index:9; background:#fff; text-align:center; line-height:1.38rem; font-size:.8rem; font-weight:100; color:#444;}

.choo{ height:3.62rem; background:url(../img/bj2.jpg) center no-repeat; background-size:100% 100%;}
.choo h5{text-align:right; color:#333333;}
.choo h4{color:#666666; text-align:right;}
.choo p a{float:right;}

.benefits{width:100%; height:5.88rem; background:url(../img/bj3.jpg) center no-repeat; background-size:100% 100%;}
.benefits h5{margin-left:3%; float:left; color:#d60613; font-size:.42rem; font-weight:100; margin-top:.9rem; margin-bottom:.55rem;}
.benefits h5 span{font-size:.22rem; color:#999999; display:block; margin-top:.1rem;} 
.benefits p{ width:94%; display:block; width:94%; float:left; margin-left:3%; height:.5rem;margin-top:.3rem; overflow:hidden; }
.benefits p strong{color:#333; font-size:.42rem; line-height:.5rem; float:left;}
.benefits p b{width:.5rem; height:.5rem; background:#d60613; border-radius:50%; color:#fff; line-height:.5rem; display:block; float:left; margin:0 .1rem; text-align:center; font-size:.32rem; font-weight:100;}
.benefits p span{line-height:.5rem; color:#333333; font-size:.24rem;} 

.regedit{width:100%; display:table;}
.regedit h5{ text-align:center; float:left; width:100%; margin-top:.85rem; font-weight:100; color:#999999; font-size:.32rem;}
.regedit h2{width:100%; float:left; text-align:center; color:#d60613; font-size:.28rem; margin-top:.3rem;}
.regedit ul{width:94%; display:table; margin:auto;}
.regedit ul li{width:1.78rem; height:1.78rem; background:#d60613; border-radius:50%; margin-right:.77rem; margin-top:.8rem; text-align:center; color:#fff; position:relative;}
.regedit ul li:nth-child(3n){ margin-right:0;}
.regedit ul li span{margin-top:.5rem; float:left; display:block; line-height:.35rem; text-align:center; width:100%;}
.regedit ul li span b{ font-size:.36rem; font-weight:100;}
.regedit ul li.no{background:none;}
.regedit ul li img{position:absolute; right:-.65rem; top:50%; margin-top:-.1rem; width:.5rem;}
.regedit ul li:nth-child(3) img{position:absolute; left:50%; margin-left:-.2rem; top:inherit; bottom:-.5rem; transform:rotate(90deg)}
.regedit ul li:last-child img{position:absolute; left:0%; margin-left:-.6rem; top:inherit; bottom:50%; margin-bottom:-.1rem; transform:rotate(180deg)}

.list{width:100%; display:table; border-bottom:1px solid #f2f2f2; padding-bottom:.6rem;}
.list h5{text-align:center; color:#d60613; margin-top:1.05rem; font-size:.32rem; position:relative;}
.list h5:after{content:""; position:absolute; left:50%; bottom:-.2rem; margin-left:-.85rem; width:1.7rem; height:.04rem; background:#dddddd;}
.list p{text-align:center; color:#999999; font-size:.22rem; line-height:.3rem; width:90%; margin:auto;margin-top:.3rem; line-height:.25rem;}
.list ul.lis{width:100%; display:table; margin-top:.7rem; text-align:center;}
.list ul.lis li h4{width:1.48rem; height:1.48rem; border:1px solid #ededed; background:#f7f8fb; border-radius:.05rem; display:table; text-align:center; }
.list ul.lis li h4 span{display:table-cell; vertical-align:middle;}
.list ul.lis li h4 span img{ height:50%;}
.list ul.lis li { width:1.48rem; height:2.1rem;margin:0 .15rem; float:none; display:inline-block;}
.list ul.lis li h3{line-height:.6rem; font-weight:100; color:#999; font-size:.22rem;} 
.list ul.ser{width:94%; display:table; margin:auto; margin-top:.3rem;}
.list ul.ser li{width:50%; height:1.1rem; float:left; margin-top:.35rem;}
.list ul.ser li h4{width:1rem; height:100%;float:left; display:table; text-align:center;}
.list ul.ser li h4 span{display:table-cell; vertical-align:middle;}
.list ul.ser li h4 span img{height:50%;}
.list ul.ser li h3{margin-top:.3rem; color:#666666; font-size:.26rem;} 
.list ul.ser li h3 i{font-weight:100; font-size:.22rem;} 

.phone{width:100%; display:table; min-height:1.78rem; border-bottom:1px solid #f2f2f2;}
.phone a{width:3.5rem; height:.65rem; background:#d60613; display:block; border-radius:.3rem; line-height:.65rem; color:#fff; color:#f2f2f2; font-size:.36rem;;margin:auto; margin-top:.6rem; }
.phone a img{float:left; height:.36rem;margin-top:.15rem; margin-left:.2rem; margin-right:.1rem; } 

.footer{width:100%; height:1.2rem; background:#fafafa;}
.footer ul{ text-align:center;width:100%;}
.footer ul li{float:none; display:inline-block; color:#666; font-size:.22rem; margin:0 .25rem; margin-top:.33rem; position:relative;}
.footer ul li a{color:#666;}
.footer ul li:after{content:""; position:absolute; right:-.32rem; top:.06rem; width:1px; height:.15rem; background:#666;}
.footer ul li:last-child:after{content:""; position:absolute; right:-.32rem; top:.06rem; width:0px; height:.15rem; background:#666;}
.footer p{text-align:center; color:#ECECEC; font-size:.22rem; margin-top:.25rem;}
@media screen and (min-width:750px){
	.mobile_wrap{width:750px;}
	.fixed{width:750px;margin-left: -375px;left: 50%;}
}

/*===footer start===*/
#wap_footer footer{
	position: fixed;
	left: 0;
	bottom: 0.5rem;
	z-index: 99;
    width: 10rem;
    height: 1.33333333rem;
}
#wap_footer footer .tel{
    
    height: 1.33333333rem;
    background: white;
    font: italic 0.33333333rem/1.33333333rem "微软雅黑";
    color: #29a7e2;
    float: left;
}
#wap_footer footer .tel img{
	width: 0.66666666rem;
	height: 0.66666666rem;
	float: left;
	margin: 0.33333333rem 0.26666666rem 0.33333333rem 0.4rem;
}
#wap_footer footer .consult-online{
    width: 20%;
    height: 1.33333333rem;
    font: 0.32666666rem/1.33333333rem "微软雅黑";
    color: white;
    text-align: center;
    background: #28a7e1;
    float: left;
}
#wap_footer footer .free-call{
    width: 20%;
    height: 1.33333333rem;
    font: 0.32666666rem/1.33333333rem "微软雅黑";
    color: white;
    text-align: center;
    background: #13c828;
    float: left;
}

/*=======================新增免费电话弹出表单17/6/21 by Cloud===============================*/
#wap_footer footer .floating3_left_wrap{
    position: absolute;
    bottom: 1.5rem;
    left: 5%;
    width: 9rem;
    height: 5.6307692rem;
    background: #eee;
    padding-top: 0.1692308rem;
    display: none;
}
#wap_footer footer .floating3_left_wrap .floating3_left_phone{
    float: left;
    margin-left: 0.7692308rem;
}
#wap_footer footer .floating3_left_wrap .floating3_left_p1{
    font: 0.41538462rem/0.6923077rem "微软雅黑";
    color: #28a7e1;
    text-align: left;
    padding-left: 1.1538462rem;
    margin-left: 0.7692308rem;
}
#wap_footer footer .floating3_left_wrap .floating3_left_p2{
    margin-top: 0.1692308rem;
    font: 0.4384615rem/0.5384615rem "微软雅黑";
    color: #666;
    text-align: left;
    margin-left: 0.7692308rem;
}
#wap_footer footer .floating3_left_wrap .floating3_left_p3{
    margin: 0.1461538rem 0 0.2692308rem;
    font: 0.4384615rem/0.5384615rem "微软雅黑";
    color: #666;
    text-align: left;
    margin-left: 0.7692308rem;
}
#wap_footer footer .floating3_left_wrap input{
    outline: none;
    border: 0.0384615rem solid #bbb;
    border-radius: 0.1538461rem;
    width: 6.5384615rem;
    height: 1rem;
    padding-left: 0.3846154rem;
    margin-left: 0.7692308rem;
}
#wap_footer footer .floating3_left_wrap .call{
    width: 4.4230769rem;
    height: 1.2384615rem;
    background: #28a7e1;
    border-radius: 0.2307692rem;
    text-align: center;
    font: 0.4923077rem/1.2384615rem "微软雅黑;";
    color: white;
    margin: 0.3692308rem auto 0;
} 
/* 添加关闭按钮 */
#wap_footer #close-icon-wrap{
	position: absolute;
	top: 0;
	right: 0;
	width: 0.8rem;
	height: 0.8rem;
	background: #eee;
}
#wap_footer #close-icon{
	position: absolute;
	top: 0.2rem;
	right: 0.2rem;
	width: 0.4rem;
	height: 0.4rem;
	overflow: hidden;
	background: #aaa;
}
#wap_footer #close-icon .close-line{
	width: 1px;
	height: 0.6rem;
	background: white;
	position: absolute;
	top: -0.1rem;
	right: 0;
	bottom：0;
	left: 0;
	margin: auto;
}
#wap_footer #close-icon .close-line1{
	transform: rotate(45deg);
}
#wap_footer #close-icon .close-line2{
	transform: rotate(-45deg);
}