@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: 1132px!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: 1132px; 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;
} */
/* tit */
.section {
	width: 100%;
	display: inline-block;
	float: left;
}
.cot{
	display: inline-block;
	width: 100%;
}
.stit h2 {
    width: 100%;
    display: inline-block;
    font: bold .46rem/.74rem "microsoft yahei";
	color: #303030;
	margin-top: 73px;
}
.stit h2 span{color: #455ae4;}
.stit h2::before{
	display: inline-block;
	content: '';
	width: 2.36rem;
	height: .29rem;
	background: url(../images/titL.png) no-repeat left;
	background-size: 100%;
	margin-right: .35rem;
}
.stit h2::after{
	display: inline-block;
	content: '';
	width: 2.58rem;
	height: .29rem;
	background: url(../images/titR.png) no-repeat right;
	background-size: 100%;
	margin-left: .37rem;
}
/*banner */
.banner-box{position:relative;height:574px;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; height: auto; position: absolute;left: 0; top: .5rem; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%;}
/*section1*/
.sec1{
	height: 964px;
	background: url(../images/s1Bg.jpg) no-repeat center top;
	background-size: 100%;
}
.s1ct{position: relative;}
.s1ct .ban3_yuan{display: block;width: 506px;margin: 142px auto 0;}
.s1ct .ban3_text1 {
    display: block;
    background: url(../images/s1img1.png) no-repeat center;
    width: 366px;
    height: 164px;
    color: white;
    position: absolute;
    top: 88px;
	left: 68px;
    animation: myfirst 1s infinite linear;
    -moz-animation: myfirst 1s infinite linear;
    -webkit-animation: myfirst 1s infinite linear;
    -o-animation: myfirst 1s infinite linear;
}
.s1ct .ban3_text2 {
    display: block;
    background: url(../images/s1img3.png) no-repeat center;
    width: 366px;
    height: 164px;
    color: white;
    position: absolute;
    top: 440px;
    animation: myfirst 1s infinite linear .5s;
    -moz-animation: myfirst 1s infinite linear .5s;
    -webkit-animation: myfirst 1s infinite linear .5s;
    -o-animation: myfirst 1s infinite linear .5s;
    left: 6px;
}
.s1ct .ban3_text3 {
    display: block;
    background: url(../images/s1img2.png) no-repeat center;
    width: 366px;
    height: 164px;
    color: white;
    position: absolute;
    top: 154px;
    right: 18px;
    animation: myfirst 1s infinite linear .5s;
    -moz-animation: myfirst 1s infinite linear .5s;
    -webkit-animation: myfirst 1s infinite linear .5s;
    -o-animation: myfirst 1s infinite linear .5s;
}
.s1ct .ban3_text4 {
    display: block;
    background: url(../images/s1img4.png) no-repeat center;
    width: 366px;
    height: 164px;
    color: white;
    position: absolute;
    top: 512px;
    right: 48px;
    animation: myfirst 1s infinite linear .5s;
    -moz-animation: myfirst 1s infinite linear .5s;
    -webkit-animation: myfirst 1s infinite linear .5s;
    -o-animation: myfirst 1s infinite linear .5s;
}
.s1ct>h2 p {
    display: inline-block;
    margin-left: 1.45rem;
    width: 50%;
	float: left;
}
.s1ct>h2 .p1{
	font-size: .26rem;
	line-height: 55px;
	font-weight: bold;
	text-align: left;
	margin-top: .2rem;
}
.s1ct>h2 .p2{
	font-size: .22rem;
	text-align: left;
}
.s1ct .wz1 .p1{
	margin-top: .46rem;
}
.s1ct .wz2 .p1{
	margin-top: .48rem;
}
@keyframes myfirst {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.9);
  }
}
@-moz-keyframes myfirst {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.9);
  }
}
@-webkit-keyframes myfirst {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.9);
  }
}
@-o-keyframes myfirst {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.9);
  }
}
/*section2*/
.sec2{
	background: #e8f2fd url(../images/s2Bg.jpg) no-repeat right bottom;
}
.s2ct{display: inline-block; width: 100%;position: relative;padding-top: .51rem;margin-top: .47rem;margin-bottom: .3rem;}
.s2t{font-size: .26rem;font-weight: bold;color: #fff;width: 2.36rem;height: .51rem;line-height: .51rem;
	background: #457ceb;
	background: -webkit-linear-gradient(left, #457ceb , #4351e1);
	background: -o-linear-gradient(right, #457ceb , #4351e1);
	background: -moz-linear-gradient(right, #457ceb , #4351e1);
	background: linear-gradient(to right, #457ceb , #4351e1);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	position: absolute;
	top: 0;
	left: 0;
}
.sec02-l{width: 7.51rem; background: #fff; box-sizing: border-box; display: inline-block; vertical-align: top;}
.sec02-r{width: 3.44rem; height: 4.22rem; padding: 0 .18rem; background: #c5d9fe; display: inline-block; vertical-align: top;}
.sec02-r h3 {
    height: .52rem;
    line-height: .52rem;
    font-size: .23rem;
    color: #455ae4;
    font-weight: bold;
    margin-top: .08rem;
    text-align: left;
}
.sec02-r .video-list{height: 2.84rem;}
.sec02-r .video-list a {
    font-size: .18rem;
    color: #303030;
    display: block;
    margin-bottom: 0.12rem;
    text-align: left;
    width: 3.08rem;
    height: .46rem;
    background: #fff;
    line-height: .46rem;
    border-radius: 8px;
	padding: 0 .18rem;
}
.sec02-r .video-list a label{font-weight: bold;}
.sec02-r .video-list a .sp1{margin: 0 .09rem;}
.sec02-r .video-list a .sp2{margin-left: .16rem;}
.sec02-r .video-list a i{display: inline-block;width: .49rem;line-height: .21rem;background: #d13843;border-radius: 30px;color: #fff;text-align: center;font-size: .14rem;float: right;margin-top: .12rem;}
.s2Btn a{
	display: inline-block;
	color: #455ae4;
	width: 1.41rem;
	line-height: .4rem;
	background: #fff;
	border-radius: 8px;
	font-size: .2rem;
	font-weight: bold;
}
.s2Btn .btn2{
	background: #457ceb;
	background: -webkit-linear-gradient(top, #457ceb , #4351e1);
	background: -o-linear-gradient(bottom, #457ceb , #4351e1);
	background: -moz-linear-gradient(bottom, #457ceb , #4351e1);
	background: linear-gradient(to bottom, #457ceb , #4351e1);
	margin-left: .35rem;
	color: #fff;
}
/*section3*/
.sec3{
	background: #e8f2fd url(../images/s3Bg.jpg) no-repeat right top;
	padding-bottom: .35rem;
}
.s3tb{
	display: inline-block;
	border: .1rem solid #99b9f9;
	background: #fff;
	margin-top: .45rem;
}
.s3tb>div{
	display: inline-block;
	float: left;
}
.s3tb .s3L {
    width: .5rem;
    height: 1.82rem;
    background: #455ae4;
    background: -webkit-linear-gradient(left, #455ae4 , #4576ea);
    background: -o-linear-gradient(right, #455ae4 , #4576ea);
    background: -moz-linear-gradient(right, #455ae4 , #4576ea);
    background: linear-gradient(to right, #455ae4 , #4576ea);
    font-size: .27rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: .96rem .1rem;
}
.s3tbD .s3L{
	padding: .54rem .1rem;
}
.s3tb .s3R{width: 10.4rem;}
.s3R table tr th{ height: 0.55rem; line-height: 0.55rem; font-size: .2rem; border-right: 1px solid #7488ee; border-bottom: 1px solid #455ae4; color: #455ae4; font-weight: bold; background: #c9dbff;}
.s3R table tr th:nth-child(1){width: 1.68rem;}
.s3R table tr th:nth-child(2){width: 1.66rem;}
.s3R table tr th:nth-child(3){width: 2.28rem;}
.s3R table tr th:nth-child(4){width: 2rem;}
.s3R table tr th:last-of-type{border-right: none;}
.s3R table tr td{font-size: .17rem; line-height: .3rem; color: #333333; padding: .33rem 0; border-right: 1px solid #7488ee;}
.s3R table tr td a{
	font-weight: bold;
    background: #d9383f;
    color: #fff;
    display: inline-block;
    padding: 0 .1rem;
    border-radius: 6px;	
}
.s3R table tr td .h{
	color: #d9383f;
}
.s3tbD .s3R table tr td{padding: .38rem 0;}
.s3R table tr td:last-of-type{border-right: none;}
.s3R table tr td b {
    font-weight: bold;
    color: #d9383f;
    font-size: .22rem;
}
.s3R table tr td span {
    color: #fff;
    background: #455ae4;
    display: inline-block;
    line-height: .34rem;
    padding: 0 .19rem;
    border-radius: .1rem;
}
/*section4*/
.sec4{
	background: #e8f2fd url(../images/s4Bg.jpg) no-repeat left bottom;
	background-size: 3rem;
	padding-bottom: 1rem;
}
.s4ct{
	background: url(../images/s4rBg.jpg) no-repeat center top;
	background-size: 100%;
	margin-top: 1.05rem;
}
.s4ct>div{
	display: inline-block;
	float: left;
}
.s4ct .s4L {
    width: 3.11rem;
    height: 3.91rem;
    margin-top: -.88rem;
}
.s4ct .s4L img{width: 100%;}
.s4ct .s4R {
    width: 68%;
    margin-left: .48rem;
}
.s4R p{
	font-size: .2rem;
	color: #303030;
	line-height: .32rem;
	text-align: left;
	display: inline-block;
	float: left;
	width: 90%;
}
.s4R .p1 {
    font-size: .25rem;
    font-weight: bold;
    color: #fff;
    width: 1.49rem;
    line-height: .44rem;
    background: url(../images/s4img2.png) no-repeat center top;
    background-size: 100%;
    text-align: center;
    float: initial;
    display: block;
    margin: .35rem 0 .15rem;
}
.s4R .p2{
	font-weight: bold;
	margin-bottom: .05rem;
}
/* section5 */
.sec5{
	background: url(../images/s5Bg.jpg) repeat top;
}
.s5ct{margin-top: .52rem;}
.s5ct>div{
	display: inline-block;
	float: left;
	width: 3.43rem;
	height: 1.95rem;
	margin-right: .48rem;
	margin-bottom: .68rem;
	-webkit-box-shadow: 0 3px 15px rgba(68,95,228,.25);
	box-shadow: 0 3px 15px rgba(68,95,228,.35);
	overflow: hidden;
	border-radius: 25px;
}
.s5ct>div:nth-of-type(3n){margin-right: 0;}
.s5xq>div{
	display: inline-block;
	float: left;
}
.s5xq .s5L{
	width: 1.42rem;
	height: 1.95rem;
	background: #4573e9;
	background: -webkit-linear-gradient(top, #4573e9 , #455be4);
	background: -o-linear-gradient(bottom, #4573e9 , #455be4);
	background: -moz-linear-gradient(bottom, #4573e9 , #455be4);
	background: linear-gradient(to bottom, #4573e9 , #455be4);
}
.s5L img{margin-top: .44rem;}
.s5xq .s5R{width: 58%;text-align: center;}
.s5R p{
	font-size: .22rem;
	color: #303030;
	line-height: .3rem;
}
.s5R .p1{
	font-size: .25rem;
	font-weight: bold;
	color: #455de4;
	margin-bottom: .05rem;
	margin-top: .44rem;
}
/* section6 */
.sec6{
	padding-bottom: 1.43rem;
	background: url(../images/s6Bg.jpg) no-repeat center top;
}
.s6ct{
	width: 100%;
	position: relative;
	margin-top: .35rem;
}
.s6ct>div{
	display: inline-block;
	float: left;
	width: 2.06rem;
	height: 2.06rem;
	background: #434fe1;
	background: -webkit-linear-gradient(top, #434fe1 , #457deb);
	background: -o-linear-gradient(bottom, #434fe1 , #457deb);
	background: -moz-linear-gradient(bottom, #434fe1 , #457deb);
	background: linear-gradient(to bottom, #434fe1 , #457deb);
	margin-right: .25rem;
	border-radius: 120px;
}
.s6ct>div:nth-of-type(odd){margin-top: .75rem;}
.s6ct>div:last-of-type{margin-right: 0;}
.s6xq>span{
	display: inline-block;
	width: .38rem;
	height: .38rem;
	line-height: .38rem;
	border-radius: 50px;
	border: 1px solid #fff;
	font-size: .24rem;
	font-weight: bold;
	color: #fff;
	margin: .26rem auto .14rem;
}
.s6xq p{
	font-size: .18rem;
	color: #fff;
	line-height: .25rem;
}
.s6xq .p1{
	font-size: .23rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: .07rem;
}
/* section7 */
.sec7 {
    background: url(../images/s7Bg.jpg) no-repeat center top;
    background-size: auto 100%;
}
.sec7 .stit h2{color: #fff;font: bold .44rem/.74rem "microsoft yahei";margin-top: 230px;}
.sec7 .stit h2::before {
    background: url(../images/titL1.png) no-repeat left;
    background-size: 100%;
    margin-right: .22rem;
    width: 2rem;
}
.sec7 .stit h2::after {
    background: url(../images/titR1.png) no-repeat right;
    background-size: 100%;
	margin-left: .22rem;
	width: 2rem;
}
.s7ct {
    width: auto;
    margin-top: 52px;
}
.s7ct ul{width: 100%; clear: both;}
.s7ct ul li{width: 214px; float:left; display: block; position: relative; height: 373px;}
.s7ct ul li.item1{background: url(../images/s7-img02.png) no-repeat center;}
.s7ct ul li.item2{background: url(../images/s7-img03.png) no-repeat center;}
.s7ct ul li.item3{background: url(../images/s7-img04.png) no-repeat center;}
.s7ct ul li.item4{background: url(../images/s7-img05.png) no-repeat center;}
.s7ct ul li .item-show{width: 100%; padding: 60% 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.s7ct .item-img{width: 100%;margin: 0 auto;height: 80px;}
.s7ct .item-img img{display: block;margin: auto;}
.s7ct .item-tit{width: 100%; margin: 30px auto 0; text-align: center; font: 20px/38px "微软雅黑"; color: #fff; }

.s7ct .info {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(0) rotate(-180deg);
	-moz-transform: scale(0) rotate(-180deg);
	-ms-transform: scale(0) rotate(-180deg);
	-o-transform: scale(0) rotate(-180deg);
	transform: scale(0) rotate(-180deg);
}
.s7ct .info p {width: 70%; margin: 0 auto; font:18px/30px "微软雅黑"; color: #fff; text-transform: uppercase; padding-top: 42%;text-align: justify; height: 150px;}
.s7ct .info a {width: 70%; display: block; margin: 20% auto 0; font: 20px/50px "微软雅黑"; color: #fff;  border: 1px solid #fff; text-align: center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.s7ct .info a:hover {background: #fff; color: #e72d1b;}
.s7ct ul li:hover .item-show {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	transition-delay: 0;
}
.s7ct ul li:hover .info {visibility: visible; opacity: 1;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

/*按钮悬停*/
.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);
}
/* section */