@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;}
.stage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    pointer-events: none;
}  
/* 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:4.8rem;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;}
.banner-box p{
	font-size: .28rem; color: #5e2e19; display: inline-block;
	padding: .77rem 0 .35rem;
}
.banTit{
	width: 100%; clear: both; display: inline-block;
	padding-bottom: .37rem;
}
.banTit img{width: 5.28rem; display: inline-block;}
.banBtn{
	display: inline-block; cursor: pointer;
	clear: both;
}
.banBtn img{width:1.99rem; display: inline-block;}

.sections{
	width: 100%; clear: both;
}
.secTit{
	width: 100%; clear: both; 
	height: .81rem;
}
.secTit h2{
	font-size: .43rem; line-height: .81rem; color: #270c0c;
	font-weight: 600;
}
/*section1*/
.sec01{
	padding-top: .85rem;
	padding-bottom: .62rem;
}
.s1-title{
	background: url('../images/s1-title01.png') no-repeat center / auto 100%;
	margin-bottom: .37rem;
}
.s1-main{
	width: 100%; height: auto; display: inline-flex;
	background: url('../images/s1-img01.png') no-repeat center top / 100%;
	justify-content: center;
	/* align-items: center; */
	flex-wrap: wrap;
	padding: .44rem 0 .64rem;
}
.s1-main p{
	font-size: .23rem; line-height: .37rem; color: #270c0c;
	text-indent: 2em;
	width: 8.8rem; display: inline-block;
	text-align: justify;
}
.s1-main p span{
	color: #751018; text-decoration: underline;
}

/* sec02 */
.sec02{
	background-color: #f4f2f0;
	padding: .72rem 0 .67rem;
}
.s2-title{
	background: url('../images/s2-title01.png') no-repeat center / auto 100%;
	margin-bottom: .84rem;
}
.s2-main{
	width: 100%; clear: both; display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}
.s2-main .item{
	display: inline-block;
	text-align: center;
}
.s2-main .item h3{
	font-size: .32rem; font-weight: 600;color: #270c0c;
	padding-bottom: .2rem;
}
.s2-main .item div{
	width: 4.34rem;height: 4.77rem;display: inline-block;
	background: url(../images/s2-img01.png) no-repeat center / 100%;
	padding-top: .6rem;
}
.s2-main .item div p{
	width: 100%; display: flex;
	justify-content: center;
	align-items: center;
	height: .44rem;
	font-size: .22rem; color: #270c0c; text-align: center;
	letter-spacing: -1px;
}
.s2-main .item div p.second{height: .75rem;}
/* .s2-main .item div p:last-child{font-size: .22rem;} */
.s2-main >img{margin: 2.37rem .22rem auto; display: inline-block;}
.s2-btn{
	clear:both; margin-top: .48rem; display: inline-block; text-align: center;
	cursor: pointer;
	width: 2.59rem;
}
.s2-btn img{width: 100%; display: inline-block;}

/* sec03 */
.sec03{
	padding: .92rem 0 1.05rem;
}
.s3-title{
	background: url('../images/s3-title01.png') no-repeat center / auto 100%;
	margin-bottom: .32rem;
}
.s3-main{
	width:100%; clear: both;
}
.s3-main p{
	font-size: .22rem; color: #333;
	float: left; margin-left: .44rem; text-indent: 2em;
	margin-bottom: .24rem;
}
.s3-main table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}

.s3-main table tr td{font-size: .22rem; color: #333333; border: 1px solid #191a1a; padding: .08rem 0; font-weight: 600;}
.s3-main table tr td.blue{color: #341dfd; text-decoration: underline; cursor: pointer; transition: all .5s;}
.s3-main table tr td.blue:hover{color: #f00;}

.s3-btn{
	clear:both; margin-top: .48rem; display: inline-block; text-align: center;
	cursor: pointer;
	width: 4.23rem;
}
.s3-btn img{width: 100%; display: inline-block;}
/* sec04 */
.sec04{
	background-color: #f4f2f0;
	padding: .66rem 0 .72rem;
}
.s4-title{
	background: url('../images/s4-title01.png') no-repeat center / auto 100%;
	margin-bottom: .6rem;
}
.s4-main{
	width: 100%; clear: both;
}
.s4-main table{
	border-collapse:collapse;width: 100%;color: #333;text-align: center;
	background: #e5d7c5;
}
.s4-main table tr th{
	background: url('../images/s4-img01.png') no-repeat center / 2.34rem;
	font-size: .39rem; font-weight: bold; color: #270c0c;
	border: 1px solid #270c0c; 
	padding: .33rem 0 .28rem;
}
.s4-main table tr td{font-size: .27rem; color: #270c0c; border: 1px solid #270c0c; padding: .15rem 0; font-weight: 600;
	cursor: pointer; transition: all .5s;
}
.s4-main table tr td:hover{color: #f00;}
.s4-btn{
	clear:both; margin-top: .48rem; display: inline-block; text-align: center;
	cursor: pointer;
	width: 2.69rem;
}
.s4-btn img{width: 100%; display: inline-block;}
/*section2*/
.hvr-grow {
    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: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
/*按钮悬停*/
.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;}
