@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;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
i,em{ font-style:normal;}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.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;}

.nav-bgd,.dv_mn{display:none;}
.nav-fixed{position: fixed;top: 0;left: 0;width: 100%; z-index: 900; _position: absolute; _top: expression(eval(document.documentElement.scrollTop));_left:20px }
.pbot80{padding-bottom: 80px;}
.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;}

 /* 输入框填充背景 */
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:6.53rem; overflow:hidden;width:100%; text-align:center;
	background:url(../images/banner.jpg) no-repeat center top;
	background-size: auto 100%;
}
.banner-box .wrap{}
.banner-box .logo{width: auto; position: absolute;left: 0; top: 23px; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%;}

.section{
	clear: both; float: left; /* width: 100%; margin: auto; */
}
.sec01{
	width: 100%; height: 9.19rem; display: block; float: left;
	background: url(../images/s1_bg.jpg) no-repeat center;
	background-size: auto 100%;
}
.secbox{
	width: 100%; height: auto; float: left;
	background-color: #3b69e2;
	border-radius: .08rem;
	-webkit-box-shadow: 0 .02rem .35rem rgba(23,47,198,.4);
	box-shadow: 0 .02rem .35rem rgba(23,47,198,.4);
}
.s1-main{
	width: 1058px; float: left; margin: .2rem .21rem;
	background-color: #fff;
	box-shadow: -.1rem 0 .1rem reba(26,51,202,.45, inset);
	border-radius: .05rem;
}
.s1-title{
	width: 100%; clear: both; float: left; margin: .5rem auto .16rem;
}
.s1-title h2{
	font-size: .46rem; font-weight: bold; color: #1a33ca;
}
.s1-title h2::before,.s1-title h2::after{
	content: ''; width: .74rem; height: .62rem; display: inline-block; margin: 0 .15rem; vertical-align: top;
}
.s1-title h2::before{
	background: url(../images/s1-title01.png) no-repeat center;
	background-size: 100%;
}
.s1-title h2::after{
	background: url(../images/s1-title02.png) no-repeat center;
	background-size: 100%;
}
.sec01 .part01{
	width: 10.04rem; float: left; clear: both; margin: 0 .22rem .34rem;
	background-color: #fff;
	border: solid .06rem #3b69e2;
	border-radius: .08rem;
	box-shadow: 0 0 .06rem rgba(56,6,0,.5);
}
.sec01 .part01 ul{
	float: left; margin-top: .44rem; margin-left: .3rem; width: 7rem; margin-bottom: .05rem;
}
.sec01 .part01 ul li{ text-align: left;
	width: 3.32rem; float: left;height: .54rem; display: inline-block; margin-bottom: .38rem;
	border: solid 1px #0262f0;
	border-radius: .3rem;
	font-size: .24rem; line-height: .54rem; color: #333;
}
.sec01 .part01 ul li:nth-child(even){
	margin-left: .25rem;
}
.sec01 .part01 ul li span{
	float: left;width: 1.44rem; height: .56rem; margin-left: -.01rem; margin-top: -.01rem; margin-right: .1rem;
	background: #107df6;
	background: -webkit-linear-gradient(#23a5ff , #015fef); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#23a5ff , #015fef); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#23a5ff , #015fef); /* Firefox 3.6 - 15 */
	background: linear-gradient(#23a5ff , #015fef); /* 标准的语法 */
	border-radius: .3rem;
	color:#fff; text-align: center;
}
.sec01 .part01 img{
	float: right; margin-top: .2rem; margin-right: .16rem;
}
.sec01 .part02{
	width: 100%; clear: both; float: left; margin-bottom: .26rem;
}
.sec01 .part02 .item{
	width: 4.96rem; height: 3.58rem; display: inline-block;  
	background: url(../images/s1-img02.png) no-repeat center;
	background-size: 100%;
	box-shadow: 0 0 .06rem rgba(56,6,0,.5);
	border-radius: .18rem;
	
}
.sec01 .part02 .item01{
	float: left; margin-left: .23rem;
}
.sec01 .part02 .item02{
	float: right; margin-right: .23rem;
}
.sec01 .part02 .item h3{
	font-size: .28rem; line-height: .86rem; color: #fff; font-weight: bold; text-align: left; float: left;
	margin-left: .46rem;
}
.sec01 .part02 .item .txt{
	width: 4.64rem; height: 2.54rem; display: inline-block; margin: auto;
}
.sec01 .part02 .item .txt p{
	height: 1.2rem; line-height: .3rem; font-size: .2rem; color: #333; text-align: left; width: 80%; margin: .35rem 10% auto;
}
.s1-btn{
	width: 100%; clear: both; float: left; margin-top: .15rem;
}
.s1-btn a{
	width: 1.96rem; height: .48rem; display: inline-block;
	font-size: .26rem; font-weight: bold; color: #fff; line-height: .48rem;
	box-shadow: 0 .02rem .06rem rgba(29,55,204,.4);
	border-radius: .3rem; margin: 0 .15rem;
}
.s1-btn a.btn01{
	background: #1a33ca;
	background: -webkit-linear-gradient(#527df2 , #1a33ca); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#527df2 , #1a33ca); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#527df2 , #1a33ca); /* Firefox 3.6 - 15 */
	background: linear-gradient(#527df2 , #1a33ca); /* 标准的语法 */
	border-radius: .3rem;
}
.s1-btn a.btn02{
	background: #ff8d39;
	background: -webkit-linear-gradient(#ff8d39 , #ff3305); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff8d39 , #ff3305); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff8d39 , #ff3305); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff8d39 , #ff3305); /* 标准的语法 */
}


/* section02 */
.sec02{
	width: 100%; height: 7.24rem; display: block;
	background: url(../images/s2-bg.jpg) no-repeat center;
	background-size: auto 100%;
}
.s2-title{
	width: 100%; clear: both; float: left; margin: 0 auto .22rem;
}
.s2-title h2{
	font-size: .46rem; font-weight: bold; color: #fff; line-height: .86rem; height: .86rem;
}
.s2-title h2::before,.s2-title h2::after{
	content: ''; width: .58rem; height: .86rem; display: inline-block; margin: 0 .25rem; vertical-align: top;
}
.s2-title h2::before{
	background: url(../images/s2-title01.png) no-repeat center;
	background-size: 100%;
}
.s2-title h2::after{
	background: url(../images/s2-title02.png) no-repeat center;
	background-size: 100%;
}
.s2-title h2 span{
	color: #ffc845;
}
.s2-main{ text-align: center;
	width: 1058px; float: left; margin: .2rem .21rem;
	background-color: #fff;
	box-shadow: -.1rem 0 .1rem reba(26,51,202,.45, inset);
}
.s2-main .item{
	width: 4.72rem; height: 3.86rem;
	border: solid .06rem #3b69e2;
	border-radius: .08rem;
	box-shadow: 0 0 .06rem rgba(56,6,0,.5);
	margin: .56rem .14rem .37rem;
	background-color: #fff;
	display: inline-block;
}
.s2-main .item01{
	float: left; margin-left: .27rem;
}
.s2-main .item02{
	float: right; margin-right: .27rem;
}
.s2-main .item font{
	width: 4.63rem; height: .65rem; display: block; float: left; margin-top: .27rem; margin-left: .11rem; margin-bottom: .18rem;
	background: url(../images/s2-img02.png) no-repeat center;
	background-size: 100%;
	text-align: left;
	font-size: .26rem; line-height: .65rem; color: #fff; font-weight: bold;
}
.s2-main .item font i{
	width: .66rem; display: inline-block; float: left; text-align: center; margin-right: .25rem;
}
.s2-main .item ul{
	float: left; margin-left: .26rem; line-height: .54rem; font-size: .2rem; color: #333;
}
.s2-main .item ul li{
	clear: both; float: left; border-bottom: dashed 1px #868686; text-align: left; width: 100%;
}
.s2-main .item ul li:last-child{
	border: none;
}
.s2-main .item ul li::before{
	content: ''; width: .26rem; height: .54rem; display: inline-block; float: left; margin-right: .15rem;
	background: url(../images/s2-icon01.png) no-repeat center;
	background-size:100%;
}
.s2-main .item img.people{
	float: right; margin-right: .57rem; margin-top: .05rem;
}
.s2-main .item img.laba{
	float: left;  margin-top: .57rem;
}
.s2-main .item .ewm{
	float: right; margin-right: .32rem; width: 2.8rem;
}
.s2-main .item .ewm img.txt{
	float: left;
}
.s2-main .item .ewm img.code{
	float: right;margin-top: .18rem;
}
.s2-main .item .ewm p{
	font-size: .2rem; line-height: 1.8; color: #333;
	width: 100%; clear: both; float: left; margin: .1rem auto;
}
.s2-btn{
	width: 100%; clear: both; float: left;
}
.s2-btn a{
	width: 2.4rem; height: .56rem; display: inline-block;
	font-size: .26rem; font-weight: bold; color: #fff; line-height: .56rem;
	background: #ff8d39;
	background: -webkit-linear-gradient(#ff8d39 , #ff3305); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff8d39 , #ff3305); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff8d39 , #ff3305); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff8d39 , #ff3305); /* 标准的语法 */
	box-shadow: 0 .02rem .06rem rgba(29,55,204,.4);
	border-radius: .3rem; margin: 0 .15rem;
}
/*section1*/

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