@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto; width: 100%;color: #333;text-align: center;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%;font-size: 12px;min-width: 1100px!important; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color: #444;background: #fff;}
#footer_bx{clear: both;}


.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-top: 10px; margin-bottom: 20px!important;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
@media screen and (min-width:800px) and (max-width:1440px){body{zoom:0.8}}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}

 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}
 
/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
 
 
/*banner */
.banner-box{position:relative;height:4.78rem;background:url('../images/banner.jpg') no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{height: auto;}
.banner-box .logo{
	width: 2.08rem; height: .54rem; 
	position: absolute;left: 0; top: .83rem; cursor: pointer;
	background: #fff;
	border-radius: .5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner-box .logo img{width: 100%; max-width: 1.26rem;}

.sections{
	width: 100%; clear: both; float: left;
}
.secMain{
	width: 100%; clear: both; float: left;
	background: #fff; border-radius: .2rem;
	
}
.secMain h2{
	font-size: .36rem; font-weight: bold; line-height: .48rem; color: #ff3f00;
	width: 100%; float: left; margin-top: .22rem;margin-bottom: .16rem;
}
.secMain h2::before,.secMain h2::after{
	content: ''; width: .52rem; height: .48rem; display: inline-block;
	vertical-align: top;
}
.secMain h2::before{
	background: url('../images/title-icon01.png') no-repeat center / 100%;
	margin-right: .35rem;
}
.secMain h2::after{
	background: url('../images/title-icon02.png') no-repeat center / 100%;
	margin-left: .35rem;
}
/*section1*/
.sec01{
	height: 4.4rem;
	background: url('../images/s1-bg.jpg') no-repeat center top / auto 100%;
}
.s1-main{
	border-radius: .2rem;
	background: #fefb8a;
	background: -webkit-linear-gradient(#fefb8a,#ffe54a);
	background: -moz-linear-gradient(#fefb8a,#ffe54a);
	background: -o-linear-gradient(#fefb8a,#ffe54a);
	background: linear-gradient(#fefb8a,#ffe54a);
}
.s1-main h2{
	color: #962a0d;
}
.s1-main .kuang{
	width: 10.28rem; display: inline-block; margin: auto;
	background: #fff;
	border-radius: .2rem;
	padding-bottom: .28rem;
	margin-bottom: .44rem;
}
.s1-main .kuang .left{
	float: left; margin-left: .39rem; margin-top: .49rem;
	width: 6rem;
}
.s1-main .kuang .left a{
	width: 1.78rem; height: .42rem; display: inline-block;
	border-radius: .05rem;
	background: #ffd8cf;
	font-size: .18rem; line-height: .42rem; color: #e73900;
	text-align: center;
	float: left; margin-right: .31rem; margin-bottom: .17rem;
	cursor: pointer;
}
.s1-main .kuang .left a:nth-child(3n){margin-right: 0;}
.s1-main .kuang .left a:hover,.s1-main .kuang .left a.on{
	background: #ff3c00;
	background: -webkit-linear-gradient(90deg, #ff3c00, #ff7d5f);
	background: -moz-linear-gradient(90deg, #ff3c00, #ff7d5f);
	background: -o-linear-gradient(90deg, #ff3c00, #ff7d5f);
	background: linear-gradient(90deg, #ff3c00, #ff7d5f);
	color: #fff; font-weight: bold;
	
}
.s1-main .kuang .left .more{
	width: 1.78rem; height: .42rem; display: inline-block;
	border-radius: .05rem;
	background: #e6e6e6;
	font-size: .18rem; line-height: .42rem; color: #797979;
	text-align: center;
	float: left; margin-bottom: .17rem;
	position: relative;
	cursor: pointer;
}
.s1-main .kuang .left .more::after{
	content: ''; width: .07rem; height: .15rem; display: inline-block;
	background: url('../images/s1-icon01.png') no-repeat center / 100%;
	background-size: 100%;
	vertical-align: top; margin-top: .14rem; margin-left: .2rem;
}
.s1-main .kuang .left .more.dong::after{
	animation: xiala 300ms linear forwards;
	-webkit-animation: xiala 300ms linear forwards
}

.s1-main .kuang .left .more ul{position: absolute;
	left: .13rem;top: .42rem; z-index: 3; display: none;
	width: 1.38rem; height: auto;
	background: #fff;
	border-radius: .1rem;
	box-shadow: 0 .04rem .24rem rgba(188,125,111,.27);
	padding: .07rem .08rem .12rem;
}
/* .s1-main .kuang .left .more.dong ul{display: block;} */
.s1-main .kuang .left .more ul li{
	width: 100%; clear: both;
	border-bottom: dashed .02rem #d0d0d0;
	font-size: .16rem; line-height: .32rem;
	cursor: pointer;
}
.s1-main .kuang .left .more ul li:last-child{border: none;}
.s1-main .kuang .left .more ul li:hover,.s1-main .kuang .left .more ul li.on{color: #e73900; font-weight: bold;}
.s1-main .ewmPart{
	width: 2.74rem; height: 1.96rem;display: inline-block;
	float: left;margin-left: .34rem; margin-top: .38rem;
	background: #f8f8f8;
}
.s1-main .ewmPart img{width: 1.73rem; margin-top: .12rem;margin-left: .25rem; float: left;}
.s1-main .ewmPart span{
	width: .31rem; display: inline-block;
	font-size: .16rem; line-height: .18rem;
	background: #ffe64f;
	background: linear-gradient(#ffe64f, #f8f8f8);
	padding: .07rem 0 .2rem;
	margin-top: .4rem;
	float: left; margin-left: .15rem;
}
.s1-main .chahua{
	float: right; margin-left: -.49rem; margin-top: .12rem; width: 1.29rem;
}
.s1-main .chahua img{width: 100%;}

@keyframes xiala {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(90deg)
    }
}

/* section02 */
.sec02{
	background: url('../images/s2-bg.jpg') no-repeat center top;
}
.s2-main{margin-bottom: .51rem;}
.s3-main{margin-bottom: 1.23rem;}

.stepbox{
	width: 10.28rem; float: left; margin: 0 .36rem;
	padding-bottom: .32rem;
}
.stepbox .step{
	width: 100%; height: auto; margin-bottom: .63rem; float: left;
	background:#fef3f1 url('../images/s2-img01.png') no-repeat center bottom / 7.11rem;
	border-radius: .2rem;
	position: relative;
}
.stepbox .step .stepIcon{
	width: 1.96rem; height: 1.71rem; display: block;
	background: url(../images/s2-icon01.png) no-repeat center / 100%;
	position: absolute; left: 0; top: 0;
}
.stepbox .step .stepIcon span{
	font-size: .32rem; color: #0c518d; font-weight: bold; display: inline-block;
	text-shadow: 0 1px 0 #fff;
	transform: rotate(-40deg);
	float: right; margin-top: .45rem;margin-right: .65rem;
}
.stepbox .step p{
	width: 100%; clear: both; font-size: .18rem; color: #000000; font-weight: 600; padding-top: .35rem; margin-bottom: .1rem;
}
.stepbox .step ul{
	width: 3.95rem; font-size: .18rem; color: #000000; font-weight: 600; line-height: .3rem; text-align: left; margin-left: 0.3rem;
}
.stepbox .step ul li i{color:#dd4516;}
.stepbox .step ul li b{font-weight: bold; color: #ff3c00;}
.stepbox .step img{display: inline-block; width: 5.51rem; margin-left: -0.3rem;}

.s3-main .cont{
	width: 10.24rem; height: 4.39rem; display: inline-block;
	background: url('../images/s3-img01.png') no-repeat center / 100%;
	margin-bottom: .37rem;
}
.s3-phone{
	float: left; margin-left: 1.73rem;margin-top: .28rem; width: 2.31rem;
}
.s3-phone img{width:100%; display: inline-block;}
.s3-right{
	float: right; margin-top: .5rem; margin-right: 1.7rem;
}
.s3-right .txt{
	width: 4.01rem; height: 1.53rem; display: inline-block; float: left; clear: both;
	background: url('../images/s3-img02.png') no-repeat center / 100%;
}
.s3-right .txt ul{
	float: left; margin-left: .45rem;  margin-top: .35rem;
	font-size: .18rem; line-height: .3rem; text-align: left;
}
.s3-right .txt ul li{
	clear:both;
}
.s3-right .txt ul li::before{
	content: ''; width: .18rem; height: .3rem; display: inline-block;
	background: url('../images/s3-icon01.png') no-repeat center / 100%;
	vertical-align: top;
	margin-right: .07rem;
}
.s3-right .ewm{
	clear: both; float: left; margin-top: .3rem; margin-left: .65rem;
}
.s3-right .ewm img{width: 1.26rem; display: inline-block; float: left;}
.s3-right .ewm .tip{
	width: 1.59rem; height: .68rem; margin-left: -.3rem; float: left; margin-top: .3rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: .18rem; line-height: .24rem;
	background: #ffe1a1;
	background: linear-gradient(90deg, rgba(255,225,161,0), rgba(255,225,161,1));
	border-radius: .1rem;
}
.s3-right .ewm .tip span{
	width: 1.35rem; display: inline-block;
}
.step3{
  display: flex; align-items: center; justify-content: center; padding: .2rem 0 .15rem; margin-bottom: 0 !important;
}

/*section2*/

/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*侧边悬停*/
.lfNav{position: fixed;width:150px; height:350px; display: none; background: url(../images/fixedNavBg.png) no-repeat center;top:25%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:10px; right:10px; height:12px; width:12px; }
.mt185{margin-top:129px;}
.nav-bg{width:150px; height:28px; display: block;float:left; clear:both;margin-left:0;margin-bottom:8px;}
.nav-bg a{width:120px; height:28px; display: block; margin:auto;}

.left_top{width:150px; height:40px;display: block;float:left;margin-left:0;}