@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;}
}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.wrap1{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
/* body{
	cursor: url(https://files.cnblogs.com/files/monster-jian/cursor.ico),auto;
} */
 /* 输入框填充背景 */
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:600px;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: auto; position: absolute;left: 0; top: .2rem; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%; max-width: 1.26rem;}
.banPic{
	width: 100%; clear: both; float: left;
	position: relative;
}
.banPic .theme01{
	width: 8.06rem; display: block;
	position: absolute; top: 2.15rem; left: 1.48rem;
	animation: fangda 0.8s ease-in-out;
}
.banPic .yuan{
	width: 2.21rem; display: block;
	position: absolute; top: .8rem; right: -.28rem;
	animation: fangda 0.8s ease-in-out;
}
@keyframes fangda {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
    }
   /* 50% {
        -webkit-transform: scale(.55);
        transform: scale(.55);
        opacity: 1;
    } */
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
/*section01*/
.sec01{
	width: 100%; clear: both; float: left;
	background: url('../images/s1-bg.png') no-repeat center bottom / 20rem;
}
.s1-main{
	width: 100%; clear: both; float: left; margin-top: .48rem;
}
.s1-top{
	width: 10.61rem; margin-top: .22rem; margin-left: .2rem;
	position: relative;
	float: left;
}
.s1-left{
	float: left; width: 5.24rem; margin-left: .2rem; margin-top: .22rem;
	position: relative;
}
.s1-right{
	float: right; width: 5.24rem; margin-right: .2rem; margin-top: .22rem;
	position: relative;
}
.s1-main .map{width: 100%; float: left; position: relative; margin-bottom: .84rem;}
.s1-top .map{margin-bottom: 0;}
.s1-main .map >img{width: 100%; display: block;}
.s1-main .map .counter-icon{
	width: 1.8rem; height: 1.8rem; display: inline-block;
	position: absolute;
	
}
.s1-top .map .counter-icon{
	top: .9rem;
	left: 1.1rem;
}
.s1-left .map .counter-icon{
	top: .8rem;
	left: .71rem;
}
.s1-right .map .counter-icon{
	top: .67rem;
	left: .9rem;
}

.counter-icon::after,
.counter-icon::before {
	content: "";
	display: block;
	position: absolute;
	border-radius: 50%;
	border: solid .01rem #d33429;
	background-color: rgba(211,52,41,.2);
	left: -20px;
	right: -20px;
	top: -20px;
	bottom: -20px;
	opacity: 0;
	animation: iconPulse 2s linear infinite;
}
.counter-icon::after {
	animation-delay: 1s;
}
@-webkit-keyframes iconPulse {
	0%{
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	50%{
		opacity: 1;
	}	
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes iconPulse {
	0%{
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	50%{
		opacity: 1;
	}	
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
.s1-main .map .counter-icon span{
	width: .36rem; height: .36rem; display: block;
	border-radius: 50%;
	background-color: rgba(211,52,41,.1);
	position: absolute; 
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	border: solid .01rem #d33429;
}
.s1-main .map .counter-icon span::before{
	content: '';
	width: .13rem;  height: .13rem; display: block;
	background-color: #d33429;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.s1-main .map .counter-icon span img{
	width: .49rem; position: absolute; top: -.4rem; left: -.065rem;
	animation: fudong .6s infinite alternate linear;
}
.s1-main .map .counter-icon span em{
	height: .31rem; display: inline-block;
	background: #fff;
	font-size: .18rem; line-height: .31rem; color: #d33429;
	border-radius: .3rem;
	margin-left: .2rem;margin-top: -.2rem;
	text-align: left; text-indent: .2rem;
	white-space: nowrap;
	width: auto; padding-right: .2rem;
}
/* .s1-right .map .counter-icon span em{
	width: 2rem;
} */
@keyframes fudong {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-.08rem);
    }
}

.s1-main .txt{
	float: left; clear: both; margin-bottom: .42rem;
}
@media screen and (min-width:800px) {
	.s1-top .txt{
		width: 5.33rem; height: 2rem; padding-left: .47rem;
		background: #d54147;
		position: absolute; right: .04rem; top: 1rem;
	}
}

.s1-right .txt{
	padding-left: .5rem; margin-left: .1rem;position: relative;
}
.s1-right .txt::before{
	content: ''; width: .02rem; height: 1.53rem; display: block;
	background: rgba(255, 255, 255, .5);
	position: absolute; left: 0; top: -.1rem;
}
.s1-main .txt font{
	font-size: .32rem; line-height: .48rem; font-weight: bold; color: #fff; 
	text-align: left;
	float: left;
}
.s1-top .txt font{margin-top: .34rem;}
.s1-main .txt font::before{
	content: '';width:.56rem; height: .48rem; display: inline-block; float: left;
	margin-right: .1rem;
}
.s1-top .txt font::before{
	background: url('../images/s1-icon02.png') no-repeat center / 100%;
}
.s1-left .txt font::before{
	background: url('../images/s1-icon02.png') no-repeat center / 100%;
}
.s1-right .txt font::before{
	background: url('../images/s1-icon03.png') no-repeat center / 100%;
}
.s1-main .txt ul{
	clear: both; float: left; margin-top: .17rem;
}
.s1-main .txt ul li{
	clear: both; float: left; margin-bottom: .13rem;
	font-size: .18rem; line-height: .28rem;
}
.s1-main .txt ul li span{
	width: .78rem; height: .28rem; float: left; margin-right: .1rem;
	color: #d54147;
	background: #eac98c;
	background: -webkit-linear-gradient(90deg, #e7c27e, #edcf9b);
	background: -moz-linear-gradient(90deg, #e7c27e, #edcf9b);
	background: -o-linear-gradient(90deg, #e7c27e, #edcf9b);
	background: linear-gradient(90deg, #e7c27e, #edcf9b);
	border-radius: .28rem;
}
.s1-main .txt ul li p{
	float: left; color: #fff; letter-spacing: -1px;
}

.sec02{
	width: 100%; clear: both; float: left;
}
.s2-itembox{
	float: left; clear: both; width: 100%;
	margin-top: .52rem;
}
.s2-itembox .item{
	width: 5.3rem; height: auto; display: block; float: left; margin-bottom: .3rem;
	background: #f8f8f8 url('../images/s2-bg01.png') no-repeat right bottom / 5.3rem;
	position: relative;
}
.s2-itembox .item:nth-child(even){float: right;}
/* .s2-itembox .item15{
	width: 100%;
} */
.s2-itembox .item::before{
	content: '';width: 4.59rem; height: 1.8rem; display: block;
	background: url('../images/s2-bg02.png') no-repeat center / 100%;
	position: absolute; left: 0; top: 0;
}
.s2-itembox .item h4{
	float: left;margin-top: .34rem; margin-left: .33rem;
	font-size: .32rem; line-height: .44rem; 
	font-weight: bold; color: #333;
	position: relative; z-index: 2;
}
.s2-itembox .item h4::before{
	content: '';width: .6rem; height: .44rem; display: inline-block; float: left;
	margin-right: .1rem;
}
.s2-itembox .item01 h4::before{
	background: url('../images/s2-icon01.png') no-repeat center / auto .44rem;
}
.s2-itembox .item02 h4::before{
	background: url('../images/s2-icon02.png') no-repeat center / auto .44rem;
}
.s2-itembox .item03 h4::before{
	background: url('../images/s2-icon03.png') no-repeat center / auto .44rem;
}
.s2-itembox .item04 h4::before{
	background: url('../images/s2-icon04.png') no-repeat center / auto .44rem;
}
.s2-itembox .item05 h4::before{
	background: url('../images/s2-icon05.png') no-repeat center / auto .44rem;
}
.s2-itembox .item06 h4::before{
	background: url('../images/s2-icon06.png') no-repeat center / auto .44rem;
}
.s2-itembox .item07 h4::before{
	background: url('../images/s2-icon07.png') no-repeat center / auto .44rem;
}
.s2-itembox .item08 h4::before{
	background: url('../images/s2-icon08.png') no-repeat center / auto .44rem;
}
.s2-itembox .item09 h4::before{
	background: url('../images/s2-icon09.png') no-repeat center / auto .44rem;
}
.s2-itembox .item10 h4::before{
	background: url('../images/s2-icon10.png') no-repeat center / auto .44rem;
}
.s2-itembox .item11 h4::before{
	background: url('../images/s2-icon11.png') no-repeat center / auto .44rem;
}
.s2-itembox .item12 h4::before{
	background: url('../images/s2-icon12.png') no-repeat center / auto .44rem;
}
.s2-itembox .item13 h4::before{
	background: url('../images/s2-icon13.png') no-repeat center / auto .44rem;
}
.s2-itembox .item14 h4::before{
	background: url('../images/s2-icon14.png') no-repeat center / auto .44rem;
}
.s2-itembox .item15 h4::before{
	background: url('../images/s2-icon15.png') no-repeat center / auto .44rem;
}

.s2-itembox .item p{
	width: 92%; 
	clear: both; float: left; margin-left: .35rem;
	margin-top: .18rem; margin-bottom: .25rem;
	font-size: .18rem; line-height: .3rem; text-align: left;
	position: relative;
	letter-spacing: -1px;
}
/* .s2-itembox .item15 p{margin-bottom: .5rem;} */
.s2-itembox .item ul{
	width: 4.85rem;
	clear: both; float: left; margin-left: .35rem;
	margin-bottom: .25rem;
}
/* .s2-itembox .item06 ul{margin-bottom: .66rem;} */
/* .s2-itembox .item15 ul{
	width: 7.2rem;
} */
.s2-itembox .item ul li{
	clear: both; float: left; width: 100%;
	font-size: .18rem; line-height: .28rem; text-align: left;
	margin-bottom: .13rem;
	height: .28rem;
}
/* .s2-itembox .item15 ul li{
	clear: none; width: auto; margin-right: .5rem;
} */
.s2-itembox .item15 ul li:last-child{margin-right: 0;}
.s2-itembox .item ul li span{
	width: .78rem; height: .28rem; float: left; display: block;
	background: #d44047;
	background: -webkit-linear-gradient(90deg, #d44047, #e7625b);
	background: -moz-linear-gradient(90deg, #d44047, #e7625b);
	background: -o-linear-gradient(90deg, #d44047, #e7625b);
	background: linear-gradient(90deg, #d44047, #e7625b);
	border-radius: .28rem;
	text-align: center; color: #fff;
	margin-right: .1rem;
}
.s2-itembox .item .ewm{
	float: right; margin-right: .42rem; margin-top: -1.49rem;
	width: 3rem;
	text-align: center;
}
.s2-itembox .item .ewm img{
	width: 1.34rem; display: inline-block; margin: auto;
}
.s2-itembox .item .ewm p{
	font-size: .18rem; width: 100%;
	margin-left: 0; margin-top: .15rem;
	text-align: center;
}



/*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;}