@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: 1200px!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;}
.left{float:left;}
.right{float:right}

.nav-bgd,.dv_mn{display:none;}
.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: 1200px; 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[type=checkbox] {
	cursor: pointer;
	position: relative;
	width: 18px;
	height: 18px;
	font-size: 12px;
}

input[type=checkbox]::after {
	position: absolute;
	top: 0;
	color: #000;
	width: 18px;
	height: 18px;
	display: inline-block;
	visibility: visible;
	padding-left: 0px;
	text-align: center;
	content: ' ';
	border-radius: 3px;
}




 
/* 输入框填充透明 */
/* 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:571px;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;}


.sections{
	width: 100%; clear: both; float: left;
}
.secTit{
	width:100%; clear: both; float: left; text-align: center;
}
.titType01{
	background: url(../images/title-txt01.png) no-repeat center top;
	background-size: auto .78rem;
}
.titType02{
	background: url(../images/title-txt02.png) no-repeat center top;
	background-size: auto .78rem;
}
.secTit h2{
	font-size: 68px; line-height: 1.18rem; text-align: center; font-weight: bold;
	width: 100%;
}
.titType01 h2{
	background: linear-gradient( #1b67b5, #033e7a);
	-webkit-background-clip: text;
	color: transparent;
}
.titType02 h2{
	background: linear-gradient( #fff, #fad4b1);
	-webkit-background-clip: text;
	color: transparent;
}
.titType01 h2::before{
	content: '';width: 21px; height: .93rem; display: inline-block; vertical-align: top;
	background: url(../images/title-icon03.png) no-repeat center;
	background-size: 100%;
	margin-right: .2rem;
}
.titType01 h2::after{
	content: '';width: 44px; height: 78px; display: inline-block;vertical-align: top;
	background: url(../images/title-icon04.png) no-repeat center;
	background-size: 100%;
	margin-left: -.18rem;
}
.titType02 h2::before{
	content: '';width: 21px; height: .93rem; display: inline-block; vertical-align: top;
	background: url(../images/title-icon01.png) no-repeat center;
	background-size: 100%;
	margin-right: .2rem;
}
.titType02 h2::after{
	content: '';width: 44px; height: 78px; display: inline-block;vertical-align: top;
	background: url(../images/title-icon02.png) no-repeat center;
	background-size: 100%;
	margin-left: -.18rem;
}


.linearTxt01{
	background: linear-gradient( #1b67b5, #033e7a);
	-webkit-background-clip: text;
	color: transparent;
}
.linearTxt02{
	background: linear-gradient( #ffffff, #fad4b1);
	-webkit-background-clip: text;
	color: transparent;
}
/*section01*/
.sec01{width: 100%;
	background:#003573 url(../images/s1-bg.jpg) no-repeat center top;
	background-size: auto 1065px;
}
.s1-box{
	width: 100%; clear: both; float: left; margin-bottom: 115px;
	background: #3380ce;
	background: -webkit-linear-gradient(120deg, #3380ce, #114e8c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(120deg, #3380ce, #114e8c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(120deg, #3380ce, #114e8c); /* Firefox 3.6 - 15 */
	background: linear-gradient(120deg, #3380ce, #114e8c); /* 标准的语法 */
	border-radius: 21px;
}
.s1-title h2{
	font-size: 56px; line-height: 113px; font-weight: bold; float: left;
	background: linear-gradient( #ffffff, #fad4b1);
	-webkit-background-clip: text;
	color: transparent;
}
.s1-title h2::before{
	content: '';width: 21px; height: 1rem; display: inline-block; vertical-align: top;
	background: url(../images/title-icon01.png) no-repeat center;
	background-size: 100%;
	margin-right: .2rem;
}
.s1-title h2::after{
	content: '';width: 44px; height: 84px; display: inline-block;vertical-align: top;
	background: url(../images/title-icon02.png) no-repeat center;
	background-size: 100%;
	margin-left: -.18rem;
}
.s1-main{
	width: 1138px; height: auto; float: left; margin: auto .31rem;
	background-color: #f3f9ff;
	border-radius: .2rem .2rem 0 0;
	position: relative;
}
.s1-main .why{
	position: absolute; left: 50%; margin-left: -.85rem; top: 2.04rem;
	width: 170px;
}
.s1-main .why img{
	width:100%; display: block;
}
.s1-main .itembox{
	width:100%; clear: both; float: left;margin: .38rem auto .35rem;
}
.s1-main .itembox .item{
	width: 390px; display: inline-block; height: 190px;
	background-color: #fff;
	border: dashed 1px #a4a4a4;
}
.s1-main .itembox .item01,.s1-main .itembox .item02{
	height: 221px; margin-bottom: 54px;
}
.s1-main .itembox .item.left{margin-left:68px}
.s1-main .itembox .item.right{margin-right:68px}
.s1-main .itembox .item font{
	width: auto; height: 43px;
	font-size: 26px; line-height: 43px; color: #fff;
	float: left; margin-top: 20px; margin-left: -16px;padding: 0 .3rem;display: block;
	background: #e94442;
	background: -webkit-linear-gradient(left, #e94442 , #fc5644); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e94442, #fc5644); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e94442, #fc5644); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e94442 , #fc5644); /* 标准的语法 */
	border-radius: 0 .4rem .4rem 0;
	box-shadow: 0 .06rem .18rem rgba(243,77,67,.3);
}
.s1-main .itembox .item p{
	font-size: 20px; line-height: .32rem; text-align: left; width: 320px;
	float: left; margin: 10px 33px auto;
}
.s1-form{
	width: 1138px; height: 258px; display: block; float: left; clear: both;margin: 0 .31rem .35rem;
	background: url(../images/s1-img02.png) no-repeat center top;
	background-size: 100%;
	border-radius: 0 0 .2rem .2rem;
}
.s1-form ul{
	width:100%; clear: both; float: left; margin-top: .35rem;
}
.s1-form ul li{
	width: 308px; height: 51px; display: inline-block; margin: 0 19px 22px;
	border: solid 1px #d19d59;
}
.s1-form ul li input{
	width: 275px; height: 51px; padding-left: 22px; padding-right: 10px;
	border: 0;
	font-size: 18px; line-height: 51px;
}
.xieyi{font-size:18px; line-height: 2; color: #be8437;}
.xieyi input[type=checkbox]{vertical-align: middle;}
.xieyi input[type=checkbox]:checked::after {
	content: "✓";
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #ff4014;
}

.s1-formBtn{
	width:100%; clear:both; float: left; margin-top: 15px;
}
.s1-formBtn a{
	width: 320px; height: 58px; display: inline-block; margin: 0 .31rem;
	font-size: 24px; line-height: 58px; color: #fff;
	background: #f25331;
	background: -webkit-linear-gradient(left, #f67242 , #ed3220); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f67242, #ed3220); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f67242, #ed3220); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f67242 , #ed3220); /* 标准的语法 */
	border-radius: .5rem;
	box-shadow: 0 .06rem .18rem rgba(238,60,37,.3);
}
.s1-formBtn a span{
	font-weight:bold; color: #fff1c8;
}

/* section02 */
.sec02{
	height: 1008px;
	background:#eaf5fd url(../images/s2-bg.jpg) no-repeat center top;
	background-size: auto 100%;
}
.s2-title{
	margin-top: .74rem;
}
.s2-main{
	width:100%; float:left; clear:both; margin-top:.44rem;
}
.s2-left{
	float: left; margin-top: .36rem;
	width: 590px; height: 492px; display: block;
	background: #fff url(../images/s2-img01.png) no-repeat center;
	background-size: 100%;
	border-radius: 19px 19px 68px 19px;
	box-shadow: 0 9px 24px rgba(193,193,193,.3);
	position: relative; z-index: 3;
}
.s2-left h3{
	font-size: 34px; line-height: 56px; font-weight: bold;
	width: 100%; clear: both; float: left; margin: 24px auto 16px;
}
.s2-left ul{
	width:100%; clear: both; float: left;
}
.s2-left ul li{
	color: #05427f;
	padding: 0 22px;
	border:solid 1.5px #05427f;
	border-radius: .42rem;
	background: #fff;
	clear: both;
}
.s2-left ul li.txt01{
	font-size:24px; line-height: 42px; display: block; float: left; 
	margin-left: 103px;
	animation: fudong .8s infinite alternate linear;
}
.s2-left ul li.txt02{
	font-size:22px; line-height: 40px; display: block; 
	float: right; 
	margin-right: 59px;
	margin-top: -27px;
	animation: fudong1 .8s infinite alternate linear;
}
.s2-left ul li.txt03{
	font-size:18px; line-height: 35px; display: block; float: left; 
	margin-left: 82px; margin-top: 5px;
	animation: fudong1 .8s infinite alternate linear;
}
.s2-left ul li.txt04{
	font-size:20px; line-height: 35px; display: block; float: right; 
	margin-right: 80px; margin-top: -16px;
	animation: fudong .8s infinite alternate linear;
}
.s2-left ul li.txt05{
	font-size:20px; line-height: 42px; display: block; float: left; 
	margin-left: 103px;
	animation: fudong .8s 1s infinite alternate linear;
}
.s2-left ul li.txt06{
	font-size:24px; line-height: 43px; display: block; float: right; 
	margin-right: 42px; margin-top: -26px;
	animation: fudong1 .8s infinite alternate linear;
}
.s2-left ul li.txt07{
	font-size:18px; line-height: 38px; display: block; float: left; 
	margin-left: 69px; margin-top: 5px;
	animation: fudong1 1s infinite alternate linear;
}
.s2-left ul li.txt08{
	font-size:20px; line-height: 44px; display: block; float: right; 
	margin-right: 98px; margin-top: -18px;
	animation: fudong .8s infinite alternate linear;
}
.s2-left ul li.txt09{
	font-size:18px; line-height: 38px; display: block; float: left; 
	margin-left: 90px; margin-top: 5px;
	animation: fudong1 .8s infinite alternate linear;
}
.s2-left ul li.txt10{
	font-size:22.75px; line-height: 49px; display: block; float: right; 
	margin-right: 120px; margin-top: -5px;
	animation: fudong .8s infinite alternate linear;
}
.s2-left ul li.txt11{
	font-size:18px; line-height: 38px; display: block; float: left; 
	margin-left: 90px; margin-top: -20px;
	animation: fudong1 .8s infinite alternate linear;
}

@keyframes fudong {
    0% {
        transform: translateX(-6px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes fudong1 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-8px);
    }
}

.s2-left ul li.bold{
	color:#fff;
	background: #05427f;
	background: -webkit-linear-gradient(left, #1b67b5 , #033e7a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #1b67b5, #033e7a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #1b67b5, #033e7a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #1b67b5 , #033e7a); /* 标准的语法 */
}
.s2-right{
	float:right;
	width: 696px; height: 528px; display: block;
	background: url(../images/s2-img02.png) no-repeat center;
	background-size: 100%;
	margin-left: -.86rem;
}
.s2-right h3{
	font-size: .38rem; line-height: 60px; font-weight: bold; 
	width: 600px; clear: both; float: right; margin-top: 30px;
}
.s2-right .itembox{
	float: right; width: 600px; margin-top: 24px;
}
.s2-right .itembox .item{
	width: 188px; height: 106px; display: inline-block; margin: 0 20px 18px;
	background: #fff;
	border-radius: .1rem;
	position: relative;
	-webkit-transition:all .5s ease;
		transition: all .5s ease;
}
.s2-right .itembox .item:hover{
	transform: translate(0, -10px);
}
.s2-right .itembox .item i{
	width: 37px; height: 22px; line-height: 22px; display: block;
	font-size: 18px; color: #fff;
	float: left;
	background: #f25331;
	background: -webkit-linear-gradient(left, #f67242 , #ed3220); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f67242, #ed3220); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f67242, #ed3220); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f67242 , #ed3220); /* 标准的语法 */
	border-radius: .1rem 0 .1rem 0;
}
.s2-right .itembox .item span{
	font-size: 28px; line-height: 34px; color: #0a549d; font-weight: bold; width: 100%; display: block;
	float: left; margin-top: -3px;
}
.s2-btn{
	width:100%; clear: both; float: left; margin-top: 62px;
}
.s2-btn a{
	width:auto; height: 68px; display: inline-block; margin: 0 15px; padding: 0 50px;
	font-size: 30px; line-height: 68px; color: #fff;
	background: #f25331;
	background: -webkit-linear-gradient(left, #f67242 , #ed3220); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f67242, #ed3220); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f67242, #ed3220); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f67242 , #ed3220); /* 标准的语法 */
	border-radius: .5rem;
	box-shadow: 0 .06rem .18rem rgba(238,60,37,.3);
}
.s2-btn a span{font-weight:bold; color: #fff9c2;}

/* section03 */
.sec03{
	height: 905px;
	background:#0e559a url(../images/s3-bg.jpg) no-repeat center top;
	background-size: auto 100%;
}
.s3-title{
	margin-top: .8rem;
}
.s3-main{
	width:100%; clear: both; float: left; height: 600px; display: block;
	background: url(../images/s3-img01.png) no-repeat center;
	background-size: auto 340px;
	position: relative;
}
.s3-main .txt{
	position: absolute;
	top: 42%;
	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%);
}
.s3-main .txt img{
	width:214px; display: inline-block;
}
.s3-main .item{
	position: absolute; display: block;
}
.s3-main .item1{
	left: 568px; top: 76px;
}
.s3-main .item2{
	right: 156px; top: 130px;
}
.s3-main .item3{
	right: 194px; bottom: 140px;
}
.s3-main .item4{
	left: 480px; bottom: 95px;
}
.s3-main .item5{
	left: 115px; bottom: 167px;
}
.s3-main .item6{
	left: 190px; top: 125px;
}
.s3-main .item font{
	width: 94px; height: 94px; display: block;
	font-size: 45px; font-weight: bold; line-height: 94px; color: #084b8a;
	background: #51d8f0;
	border-radius: 50%;
}
.s3-main .item font.cur{
	background: #fad4b1;
	background: -webkit-linear-gradient( #fff, #fad4b1); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #fff, #fad4b1); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #fff, #fad4b1); /* Firefox 3.6 - 15 */
	background: linear-gradient( #fff, #fad4b1); /* 标准的语法 */
}
.s3-main .item p{
	width: 180px;
	font-size: 20px; line-height: 32px; color: #fff; text-align: center;
	position: absolute; 
	
}
.s3-main .item p span{
	font-weight: bold;
}
.s3-main .item1 p{
	top: -76px; left: 0;
}
.s3-main .item2 p{
	top: -54px; left: 78px;
}
.s3-main .item3 p{
	top: 80px; left: 100px;
}
.s3-main .item4 p{
	top: 110px; left: 36px;
}
.s3-main .item5 p{
	top: 100px; left: -110px;
}
.s3-main .item6 p{
	top: -40px; left: -180px;
}

/* section04 */
.sec04{
	height: 894px;
	background:#eaf5fd url(../images/s4-bg.jpg) no-repeat center top;
	background-size:auto 100%;
}
.s4-title{
	margin-top: .75rem;
}
.s4-main{
	width:100%; clear:both; float: left; margin-top: .22rem; margin-bottom: 77px;
}
.s4-main .item{
	float:left; width:277px; height: 438px; display: block;margin-right: 29px;
	position: relative;
}
.s4-main .item4{margin-right: 0;}

.s4-main .item .flip-box{
	width: 100%; height: 438px;
	background-color: #fff;
	box-shadow: 0 .09rem .24rem rgba(193,193,193,.3);
	position: absolute; top: 0; left: 0;
}
.s4-main .item .flip-box.linear{
	background: #3380ce;
	background: -webkit-linear-gradient(left, #3380ce , #114e8c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #3380ce, #114e8c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #3380ce, #114e8c); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #3380ce , #114e8c); /* 标准的语法 */
}
.s4-main .item .flip-box > font{
	width: 220px; height: 62px; display: block; float: left; margin: 36px 28px 15px;
	font-size: 28px; line-height: 62px; color: #fff;
	background: #3380ce;
	background: -webkit-linear-gradient(left, #3380ce , #114e8c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #3380ce, #114e8c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #3380ce, #114e8c); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #3380ce , #114e8c); /* 标准的语法 */
}
.s4-main .item .flip-box > p{
	font-size:20px; line-height: 32px; font-weight: bold; width: 100%; clear: both; float: left; min-height: 96px;
	margin-bottom: 18px;
}
.s4-main .item4 .flip-box> p{
	line-height: 64px;
}
.s4-main .item .flip-box.in img{
	animation: fudong2 .8s infinite alternate linear;
}
.s4-main .item .flip-box.linear h3{
	width:173px; height: 52px; display: block; float: left; margin: 32px 52px 12px;
	background: url(../images/s4-tit01.png) no-repeat center;
	background-size: 100%;
	font-size: 26px; font-weight: bold; line-height: 46px; color: #2368ae;
}
.s4-main .item .flip-box.linear ul{
	clear:both; float: left; width:218px; margin-left:34px;
	position: relative;z-index: 1;
}
.s4-main .item .flip-box.linear ul li{
	width:100%; clear: both; float: left; margin-bottom: 2px;
}
.s4-main .item .flip-box.linear ul li font{
	font-size: 22px; line-height: 40px; font-weight: bold; color: #fff; float:left;
}
.s4-main .item .flip-box.linear ul li font::before{
	content: '';width: 15px; height: 40px; display: block; float: left; margin-right: 10px;
	background: url(../images/s4-icon01.png) no-repeat center;
	background-size: 100%;
}
.s4-main .item .flip-box.linear ul li p{
	font-size: 18px; line-height: 26px; text-align: left; color: #fff; float: left;
	clear: both;
}
.s4-main .item .flip-box.linear img{
	display: inline-block; margin-top: 35px;
	
}
.s4-main .item3 .flip-box.linear img{
	position: absolute; bottom: -.2rem; right: 15px;
}



.flip {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
	backface-visibility: hidden;
	transform: translateX(0);
}
.flip.out {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 175ms;
	transform: rotateY(-90deg) scale(.9);
	animation-name: flipouttoleft;
	animation-duration: 175ms;
}
.flip.in {
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 225ms;
	animation-name: flipintoright;
	animation-duration: 225ms;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0); }
    to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(.9); }
    to { transform: rotateY(0); }
}
.s4-btn{
	width:100%; clear: both; float: left;
}
.s4-btn a{
	width:auto; height: 68px; display: inline-block; margin: 0 15px; padding: 0 50px;
	font-size: 30px; line-height: 68px; color: #fff;
	background: #f25331;
	background: -webkit-linear-gradient(left, #f67242 , #ed3220); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f67242, #ed3220); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f67242, #ed3220); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f67242 , #ed3220); /* 标准的语法 */
	border-radius: .5rem;
	box-shadow: 0 .06rem .18rem rgba(238,60,37,.3);
}

/* section05 */
.sec05{
	height: auto; min-height: 3rem;
	background:#041a31 url(../images/s5-bg.jpg) no-repeat center bottom;
	background-size: auto 100%;
}
.s5-title{margin-top: 71px;}
.s5-title span{
	font-size:20px; line-height: 30px; color: #fff; margin-top: -15px; display: inline-block;
	width: 100%; float: left; margin-bottom: -15px;
}
.s5-main{
	width:100%; clear: both; float: left; margin-top: 55px;
}
.s5-main .btnChange{
	float: right; margin-top: -.75rem;
	font-size: .26rem; line-height: .46rem; color: #fff;
	border: solid 1px #fff;
	border-radius: .46rem;
	padding: 0 .2rem;
	cursor: pointer;
}
.s5-main .item{
	width: 400px; float: left; margin-bottom: .48rem;
}
.s5-main .item .itemTit{
	width:100%; height: 98px; float: left;position: relative;
}
.s5-main .item.type01 .itemTit{
	background: #3380ce;
	background: -webkit-linear-gradient(left, #3380ce , #114e8c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #3380ce, #114e8c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #3380ce, #114e8c); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #3380ce , #114e8c); /* 标准的语法 */
}
.s5-main .item.type02 .itemTit{
	background: #d09b67;
	background: -webkit-linear-gradient(left, #e2b282 , #c18851); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e2b282, #c18851); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e2b282, #c18851); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e2b282 , #c18851); /* 标准的语法 */
}
.s5-main .item .itemTit h3{
	font-size: 42px; font-weight: bold; line-height: 58px; color: #fff;
	width: 100%; float: left; clear: both; margin-top: 5px;
}
.s5-main .item .itemTit span{
	font-size: 14px; line-height: 22px; padding: 0 15px; display: inline-block; color: #fff; clear: both;
	border: solid 1px #fff;
	border-radius: 6px;
}
.s5-main .item .itemTit img.hot{
	position: absolute; width: 87px; height: 117px;
	right: 25px; top: -63px;
	animation: scale .5s infinite alternate linear;
}
.s5-main .item .itemTit img.hot02{
	position: absolute; width: 87px; height: 117px;
	left: 8px; top: -63px;
	animation: scale .5s infinite alternate linear;
}
@keyframes scale {
    0% {
        transform: scale(1);
    }
	100%{
		transform: scale(1.1);
	}
}

.s5-main .item .itemTit i{
	position: absolute; right: 0; bottom: 0; padding: 0 10px;
	font-size:16px; line-height: 32px;  display: none; color: #fffbd3;
	background: #f25331;
	background: -webkit-linear-gradient(left, #f67242 , #ed3220); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f67242, #ed3220); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f67242, #ed3220); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f67242 , #ed3220); /* 标准的语法 */
	border-radius: 10px 0 0 0;
}
.s5-main .item .itemTit.fixed i{display:block;}
.s5-main .item .itemTit i em{font-size:20px; font-weight: bold;}


.s5-main .item .itemTit img.card01{
	position: absolute; width: 267px; height: 40px;
	right: 12px; top: -28px;
}
.s5-main .item .part{
	background: #fff;
	width:100%;
	float: left;
	clear: both;
	border-right: solid 1px #c8c8c8;
	box-sizing: border-box;
	border-top: solid 1px #c8c8c8;
}
.s5-main .item .part01{
	/* height: 237px; */
	border-top: 0;
}
.s5-main .item.type01 .part01{
	height: 231px;
	border-top: 0;
}
.s5-main .item .part02{
	height: 136px; border-top: solid 1px #c8c8c8;
}


.s5-main .item .part h4{
	width: 100%;height: 29px;  float: left; clear: both;
	line-height: 29px; font-size: 18px; font-weight: bold; color: #1d5fa3;
	background: #dce8f5;
}
.s5-main .item .part h4.boderTop{
	border-top: solid 1px #c8c8c8;
}
.s5-main .item.type02 .part h4{
	color: #ef3d25;
	background: #ffe5e3;
}

/* part01 */
.partTxt{
	width: 100%; clear: both; float: left; margin-top: 13px;
}
.part01-2{height: 560px;}
.part01-2 .partTxt{
	margin-top: 50px;
}
.partTxt ul{
	float:left; margin-left: 24px;min-height: 120px; margin-bottom: 7px;
}
.item5 .partTxt ul{min-height:auto;}
.partTxt ul li{
	clear:both; float: left; margin-bottom: 3px;
	font-size:16px; line-height: 23px;
}
.partTxt ul li span{
	width: 40px; height: 23px; display: block; float: left; margin-right: 10px;
	font-size: 14px;color: #fff;
	background: #e25541;
	background: -webkit-linear-gradient(left, #fe6f5b , #e25541); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fe6f5b, #e25541); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fe6f5b, #e25541); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fe6f5b , #e25541); /* 标准的语法 */
	border-radius: 7px;
}
.partTxt ul li span.null{
	border: solid .01rem #e25541;
	background: #fff;
	color: #e25541;
	box-sizing: border-box;
}
.partTxt ul li b{font-weight: bold;}
.partTxt ul li i{
	font-size: 16px; color: #9e9e9e; margin-left: 34px;
}
/* part02 */
.infoList,.bookList{
	width: 100%; clear: both; float: left; margin-top: 13px;
}
.infoList.type02{
	height: 108px;
	
}
.infoList ul,.bookList ul{
	float:left; margin-left: 33px;
}
.infoList ul li,.bookList ul li{
	float: left; clear: both; line-height: 25px; font-size: 16px;
}
.infoList ul li i,.bookList ul li i{
	width: 12px; height: 15px; display: block; float: left; margin-top: 5px; margin-right: 10px;
	font-size: 14px; line-height: 15px; color: #fff; font-weight: 400;
	background: #e13b29;
}
.infoList ul li span,.bookList ul li span{
	font-size: 14px; color: #9e9e9e; font-weight: 400;
}
.infoList ul li span.red{color: #e13b29;}
.bookList ul li{font-weight: bold;}
.bookList img.sm{float: right; margin-right: 15px; margin-bottom: 8px;
	cursor: zoom-in;
}
/* part03 */
.s5-main .item .part03{height: 282px;}

.serviceList{
	width: 100%; clear: both; float: left; margin-top: 13px; margin-bottom: 15px;
	position: relative;
}
.serviceList ul{
	float:left; margin-left: 25px;
}
.serviceList ul li{
	font-size: 16px; line-height: 26px; clear: both; float: left; margin-bottom: 7px;
}
.serviceList ul li.on{color: #e13b29;}
.serviceList ul li span{
	width: 54px; height: 24px; display: block; float: left; margin-right: 10px;
	border: solid 1px #e13b29;
	border-radius: 5px;
	font-size: 14px; line-height: 24px; color: #e13b29;
}
.serviceList ul li.on span{
	background-color: #e13b29; letter-spacing: -1px; color: #fff;
}
.serviceList img{
	display: inline-block;
	clear: both;
	width: 1.25rem;position: absolute;
	bottom: 0; right: .4rem;
}

/* part04 */
.safeguard{
	font-size: 18px; height: 90px; width: 100%; clear: both; float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.safeguard p{
	line-height: 1.3; ddisplay: inline-block;
	width: 90%; margin: 0 5%;
}
/* part05 */
.s5-main .item4 .part05{
	height: 350px;
}
.s5-main .item5 .part05{
	height: 340px;
}
.s5-main .itemCol .serviceList{
	height: 285px;
}
.part05 .price{
	width: 100%; clear: both; float: left;margin-top: 30px; padding-bottom: .5rem;
}
.part05 .price font{
	font-size:28px; font-weight: bold; line-height: 40px; color: #f7423a;
	width: 100%; clear: both; float: left; margin-bottom: 15px;
}
.part05 .price a{
	width: 120px; height: 36px; display: inline-block; margin: 0 13px;
	font-size: 18px; line-height: 36px; color: #f14b43;
	border-radius: 36px;
	border: solid 2px #f14c43;
	box-shadow: 0 7px 15px rgba(237,72,67,.4);
}
.part05 .price a.btn01{
	color: #fff;
	background: #e94442;
	background: -webkit-linear-gradient(left, #fc5644 , #e94442); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fc5644, #e94442); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fc5644, #e94442); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fc5644 , #e94442); /* 标准的语法 */
}


/* part06 */
.part06 .bookList img.lg{
	float: left; margin-left: 33px;margin-top: 12px; margin-bottom: 16px;
	cursor: zoom-in;
}

/* part07 */
.part07{
	height: 560px;
}
.part07 .partTxt{margin-top: 20px;}
.part07 .partTxt .itm{
	width: 373px; height: auto;
	float: left; margin-left: 11px;
	border-radius: 9px;
}
.part07 .partTxt .itm1{
	border:solid 1px #ef3d25;
	margin-bottom: 21px;
}
.part07 .partTxt .itm2{
	border:solid 1px #2e7ed1;
}
.part07 .partTxt .itm3{
	background-color: #d7e7f7;
	margin-top: 20px;
}
.part07 .partTxt .itm font{
	font-size: 14px; font-weight: bold; line-height: 24px; color: #fff;
	height: 29px;
	width: 100%; display: block; float: left; margin-top: -12px; margin-bottom: 2px;
}
.part07 .partTxt .itm1 font{
	background: url(../images/s5-img01.png) no-repeat center;
	background-size: auto 100%;
}
.part07 .partTxt .itm2 font,.part07 .partTxt .itm3 font{
	background: url(../images/s5-img02.png) no-repeat center;
	background-size: auto 100%;
}
.part07 .partTxt .itm2 li span{
	background: #3380ce;
	background: -webkit-linear-gradient(left, #3380ce , #114e8c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #3380ce, #114e8c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #3380ce, #114e8c); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #3380ce , #114e8c); /* 标准的语法 */
}
.part07 .partTxt .itm .cerPic{
	width:100%; clear: both; float: left;
}
.part07 .partTxt .itm .cerPic .pic{
	width: 161px; display: inline-block; margin: 0 6px;
	padding-bottom: 10px;
}
.part07 .partTxt .itm .cerPic .pic img{
	width:100%; cursor: zoom-in;
}
.part07 .partTxt .itm .cerPic .pic span{
	width:100%; float: left;
	font-size: 14px; line-height: 18px; text-align: center;
}


.software img.sm{margin-top: -2px; float: left; margin-left: 12px;
	cursor: zoom-in;
}

.s5-main .item .itemTit.fixed{
	position: fixed; top: 0; width: 400px; z-index: 3;
}

.s5-main .itemCol{
	width: 100%; clear: both; float: left; background: #fff;
}
.s5-main .item4 .left{
	width: 4.02rem; height: 5.95rem; display: block;
	background: url('../images/s5-bg02.png') no-repeat center / auto 100%;
}
.s5-main .itemCol.item5 .left{
	width: 4.02rem; height: 4.76rem; display: block;
	background: url('../images/s5-bg03.png') no-repeat center / auto 100%;
}
.s5-main .itemCol .left .itemTit{
	width: 100%; clear: both; float: left; margin-top: .43rem; height: auto;
}
.s5-main .itemCol .left .itemTit h3{
	font-size: .57rem; line-height: .78rem; font-weight: bold; 
	background: linear-gradient( #fff, #7df7ff);
	    -webkit-background-clip: text;
	    color: transparent;
}
.s5-main .itemCol .left .itemTit span{
	font-size:.22rem; line-height: .32rem; margin-top: .1rem;
}
.s5-main .itemCol .left .itemTit img{left: -.27rem; margin-top: -.46rem;}

.s5-main .item5 .item5-txt{
	width: 100%; clear: both; float: left;
	margin-top: .38rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s5-main .item5 .item5-txt span{
	width: 1.33rem; height: .32rem; display: inline-block;
	border-radius: .05rem;
	background: #41f8f8;
	background: -webkit-linear-gradient(#1cf3f4,#63fdfb);
	background: -moz-linear-gradient(#1cf3f4,#63fdfb);
	background: -o-linear-gradient(#1cf3f4,#63fdfb);
	background: linear-gradient(#1cf3f4,#63fdfb);
	font-size: .22rem; line-height: .32rem; color: #122274; font-weight: 500;
	margin: 0 .1rem .17rem;
}


.s5-main .itemCol .left .picbox{
	width: 3.75rem; display: inline-flex; clear: both; float: left;
	margin: .27rem .14rem 0;
	background: #d7e7f7;
	border-radius: 9px;
	text-align: center;
	justify-content: center;
}
.s5-main .itemCol .left .picbox .item{
	width: 1.66rem; height: 1.9rem; display: inline-block;
	background: #fff;
	border-radius: 4px; margin: 8px 5px;
}
.s5-main .itemCol .left .picbox .item img{
	margin: 5px auto 0;
	cursor: zoom-in;
}
.s5-main .itemCol .left .picbox .item span{
	font-size: 14px; line-height: 18px; color: #333; display: inline-block;
}
.s5-main .itemCol .left .price{
	width: 100%; clear: both; float: left; margin-top: .22rem;
}
.s5-main .itemCol .left .price h4{
	font-size: .32rem; line-height: 46px; font-weight: bold;
	background: linear-gradient( #fffbf2, #ffd797,#ffcd34);
	    -webkit-background-clip: text;
	    color: transparent;
}
.s5-main .itemCol .left .price a{
	width: 124px; height: 40px; display: inline-block; margin: 15px 13px;
	font-size: 18px; line-height: 40px; color: #0d50bf;
	border-radius: 40px;
}
.s5-main .itemCol .left .price a.btn01{
	background: #ffcd34;
	background: linear-gradient(#fffbf2, #ffd797,#ffcd34);
}
.s5-main .itemCol .left .price a.btn02{
	border: solid 2px #ffd797;
	box-sizing: border-box; color: #fff;
}
.s5-main .itemCol .med,.s5-main .itemCol .right{
	width: 399px; float:left;
}
.s5-main .itemCol .part h4{
	background: #ffdfbf; color: #ef3d25;
}
.s5-main .partTxt .itm{
	width: 363px;
	height: auto;
	float: left;
	margin-left: 17px;
	border: solid 1px #f7423a;
	margin-bottom: 22px;
}
.s5-main .partTxt .itm1{margin-top: 17px;margin-bottom: 31px;}
.s5-main .item5 .partTxt .itm1{margin-bottom: 36px;}
.s5-main .partTxt .itm h5{
	font-size: 18px; font-weight: bold; line-height: 30px; color: #fff;
	height: 37px;
	width: 100%; display: block; float: left; margin-top: -16px; margin-bottom: 7px;
	background: url('../images/s5-img03.png') no-repeat center / auto 100%;
}
.s5-main .item5 .partTxt .itm h5{
	background: url('../images/s5-img04.png') no-repeat center / auto 100%;
}
.s5-main .partTxt .itm ul{min-height: 100px;}
.s5-main .item4 .med .part02{
	height: 122px;
}
.s5-main .item4 .right .part03{height: 122px;}

/* .s5-main .itembox{display: none;} */
/* 横版 */
.s5-main .jz {
  /* width: 95%; */
  margin: 0 auto .48rem;
  background: #ffffff;
  border-radius: 0.22rem;
  padding: 0.3rem .25rem;
  width: auto; clear: both; float: left;
  box-shadow: 0 0.05rem 0.12rem #9acdff;
  display: none;
}
.s5-main .jz table {
  width: 11.5rem;
}

.s5-main thead {
  background: -webkit-linear-gradient(left, #3380ce, #2060a9);
  background: -o-linear-gradient(right, #3380ce, #2060a9);
  background: -moz-linear-gradient(right, #3380ce, #2060a9);
  background: linear-gradient(to right, #3380ce, #2060a9);
  position: relative; z-index: 999;
}
.s5-main .jz table th {
  line-height: 0.48rem;
  font-size: 0.2rem;
  color: #ffffff;
  font-weight: normal;
  position: relative; z-index: 9;
}

.s5-main .jz table th:nth-of-type(1) {
  border-radius: 0.08rem 0 0 0.08rem;
  width: 15%
}

.s5-main .jz table th:nth-of-type(2) {
  width: 15%
}

.s5-main .jz table th:nth-of-type(3) {
  width: 21.7%
}

.s5-main .jz table th:nth-of-type(4) {
  width: 27%
}

.s5-main .jz table th:nth-last-of-type(1) {
  border-radius: 0 0.08rem 0.08rem 0
}
.s5-main .jz td {
  color: #000000;
  font-size: 0.2rem;
  border: 0.01rem solid #b1d0ff;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  line-height: 0.36rem
}
.s5-main .fuwu {
  padding-left: 0.32rem; padding-right: .1rem;
  text-align: left;
}
.s5-main .jz table td b {
  font-weight: bold
}
.s5-main .jz table td h5 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #2061aa;
  font-weight: bold;
  font-size: 0.3rem;
}

.s5-main .jz table p.zl{
	text-align: left;
	padding-left: .3rem;
}
.s5-main .jz table p.zl span{
	float: left; color: #2061aa;
	font-weight: bold;
}
.s5-main .jz table .fuwu b{color: #2061aa;}
.s5-main .jz table .fuwu span{color: #f7423a;}
.s5-main .jz table .price{
	text-align: center;
}
.s5-main .jz table .price span{font-size: .25rem; font-weight: bold; color: #f7423a;}
.s5-main .jz table .price a{
	display: inline-block;
	width: 1.54rem;
	height: 0.4rem;
	font-size: 0.24rem;
	border-radius: 0.4rem;
	line-height: 0.4rem;
	margin: 0.1rem auto 0;
	position: relative;z-index: 0;
}
.s5-main .jz table .price a.btn01{
	color: #fff;
	text-align: center;
	background: #fc5644;
	background: -webkit-linear-gradient(90deg, #fc5644, #e94442);
	background: -moz-linear-gradient(90deg, #fc5644, #e94442);
	background: -o-linear-gradient(90deg, #fc5644, #e94442);
	background: linear-gradient(90deg, #fc5644, #e94442);
	
}
.s5-main .jz table .price a.btn02{
	background: #fff;
	border: solid .01rem #f8524a;
	color: #f8524a;
}


/* section06 */
.sec06{
	height: 848px;
	background:#eaf5fd url(../images/s6-bg.jpg) no-repeat center;
	/* background-size: auto 100%; */
}
.s6-title{margin-top: 74px;}
.s6-main{
	width:100%; clear: both; float: left; margin-top: 10px;
}
.s6-tab{
	width: 100%; clear: both; float: left; margin-bottom: 50px;
}
.s6-tab span{
	height: 62px; width: auto; padding: 0 .6rem; display: inline-block; margin: 0 15px;
	border: solid 1.5px #2267ac;
	background-color: #fff;
	font-size: 24px; line-height: 62px; color: #1e60a3;
	border-radius: 62px;
	cursor: pointer;
}
.s6-tab span.cur{
	color: #fff;
	background: #3380ce;
	background: -webkit-linear-gradient(left, #3380ce , #114e8c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #3380ce, #114e8c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #3380ce, #114e8c); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #3380ce , #114e8c); /* 标准的语法 */
}
.s6-left{
	float: left; width: 732px; height: 412px; display: block;
}
.s6-left .video-box{width:100%}
.s6-right{
	width: 453px; height: 412px; float: right;
	background-color: #fff;
}
.s6-right h3{
	width: 100%; clear: both; float: left; height: 77px;
	font-size: 30px; line-height: 77px; font-weight: bold; color: #ae7238;
	background: #f9cea4;
	background: -webkit-linear-gradient(left, #feeedf , #f9cea4); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #feeedf, #f9cea4); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #feeedf, #f9cea4); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #feeedf , #f9cea4); /* 标准的语法 */
}
.s6-right .list{
	width: 100%; clear: both; float: left; margin-top: 20px; height: 236px;
}
.s6-right .list ul{
	width:100%; clear: both; float: left; display: none;
}
.s6-right .list ul.show{display: block;}
.s6-right .list ul li{
	width:100%; clear:both; float: left;
	font-size: 18px; line-height: 40px; color: #333; text-align: left;
	cursor: pointer;
}
.s6-right .list ul li::before{
	content: ''; width:8px; height:8px; display: block; float: left;
	margin-left: 30px; margin-top: 16px; margin-right: 13px;
	background: #e13b29;
	border-radius: 50%;
}
.s6-right .list ul li.on{color: #e13b29;}
.s6-btn{
	width:100%; clear:both; float: left;
}
.s6-btn a{
	width: 162px; height: 44px; display: inline-block; margin: 0 15px;
	border-radius: 60px;
	font-size: 18px; line-height: 44px;
	border: solid 2px #f14c43;
	background: #fff; color: #f14c43;
	box-shadow: 0 7px 15px rgba(237,72,67,.36);
}
.s6-btn a.btn02{
	color: #fff;
	background: #f14c43;
	background: -webkit-linear-gradient(left, #fc5644 , #e94442); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fc5644, #e94442); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fc5644, #e94442); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fc5644 , #e94442); /* 标准的语法 */
}

/* section07 */
.sec07{
	height:831px;
	background:#062c51 url(../images/s7-bg.jpg) no-repeat center;
	background-size: auto 100%;
}
.s7-title{margin-top: 74px;}
.s7-main{
	width: 930px; height: 450px; clear:both; float: left; margin-top: 63px;
	margin-left: 270px;
	background-color: #fff;
	
}
.s7-main .bd{
	width: 100%; clear: both; float: left;
}
.s7-main .bd .pic{
	width: 415px; height: 326px; display: block; float: left; margin-left: -270px;
	background: url(../images/s7-img01.png) no-repeat center;
	background-size: 100%;
}
.s7-main .bd .pic img{
	width: 234px; display: inline-block; margin-top: -71px;
}
.s7-main .bd .txt{
	width: 670px; float: left; margin-top: 41px; margin-left: 62px;
}
.s7-main .bd .txt font{
	font-size: 42px; line-height: 84px; font-weight: bold; float: left; margin-bottom: 12px;
}
.s7-main .bd .txt font span{
	font-weight:400; font-size:20px; color: #b9b9b9; margin-left: 20px;
	text-transform: uppercase;
}
.s7-main .bd .txt a{
	font-size: 18px; line-height: 44px;
	float: right;
	width: 187px; height: 44px; display: block;
	color: #fff;
	background: #f14c43;
	background: -webkit-linear-gradient(left, #fc5644 , #e94442); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fc5644, #e94442); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fc5644, #e94442); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fc5644 , #e94442); /* 标准的语法 */
	border-radius: 44px;
	box-shadow: 0 5px 15px rgba(239,74,66,.45);
}
.s7-main .bd .txt p{
	font-size: 18px; line-height: 30px; text-align: left;
	width: 100%; float: left; margin-bottom: 8px;
}
.s7-main .bd .txt p i{color:#888888}
.s7-main .bd .txt p b{font-weight:bold;}
.s7-main .hd{
	float:left; clear: both; margin-left: 205px;
}
.s7-main .hd ul li{
	float:left; width:109px; height: 109px; display: block; margin-right: 22px;
	border-radius: 50%;
	box-shadow: 0 5px 15px rgba(164,164,164,.3);
	opacity: .6;
}
.s7-main .hd ul li.on{
	opacity: 1;
	box-shadow: 0 5px 15px rgba(41,112,186,.3);
}
.s7-main .hd ul li img{
	width:109px; display: block;
}
.s7-main .arrbtn{
	float: left; clear: both; margin-left: -270px;
	margin-top: -50px;
	position: relative; z-index: 3;
}
.s7-main .arrbtn a{margin-right:10px;}

/* section08 */
.sec08{
	height: 1182px; 
	background: #dce3ed url(../images/s8-bg.jpg) no-repeat center top;
	background-size: auto 100%;
}
.s8-title{
	margin-top: 74px;
}
.s8-main{
	width:100%; clear: both; float: left; margin-top: 85px;
	height: 436px;
	background: url(../images/s8-img01.png) no-repeat center;
	background-size: auto 100%;
	position: relative;
}
.s8-main .item{
	position: absolute;
}
.s8-main .item1{
	top: -31px; left: 50%; margin-left: -73px;
}
.s8-main .item2{
	bottom: 66px; right: 372px; 
}
.s8-main .item3{
	bottom: 66px; left: 372px; 
}
.s8-main .item font{
	width: 146px; height: 146px; display: block; font-size: 24px; font-weight: bold; line-height: 146px; color: #fff;
	background: #3380ce;
	background: -webkit-linear-gradient( #3380ce , #114e8c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #3380ce, #114e8c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #3380ce, #114e8c); /* Firefox 3.6 - 15 */
	background: linear-gradient( #3380ce , #114e8c); /* 标准的语法 */
	border-radius: 50%;
}
.s8-main .item font span{line-height: 32px; padding: 41px 0; display: inline-block;}
.s8-main .item ul{
	position: absolute;
}
.s8-main .item1 ul{
	left: 234px; top: -6px; width: 360px;
}
.s8-main .item2 ul{
	left: 190px; top: 10px; width: 200px;
}
.s8-main .item3 ul{
	left: -338px; top: 28px; width: 290px;
}
.s8-main .item ul li{
	clear: both; float: left; font-size: 24px; line-height: 35px; text-align: left;
}
.s8-main .item ul li::before{
	content: ''; width: 16px; height: 35px; display: block; float: left; margin-left: -22px;
	background: url(../images/s8-icon01.png) no-repeat center;
	background-size: 100%;
}
.s8-form{
	width:100%; clear: both; float: left; margin: 66px auto 100px;
	height: 296px;
	background: url(../images/s8-img02.png) no-repeat center;
	background-size: 100%;
	border-radius: 22px;
}
.s8-form h3{
	font-size: 42px; font-weight: bold; line-height: 66px; color: #9c6c2b;
	width: 100%; clear: both; float: left; margin: .3rem auto 0;
}
.s8-form p{
	font-size: 18px; line-height: 44px; color: #be8437; 
	width: 100%; clear: both; float: left;
}
.s8-form ul{
	width:100%; clear: both; float: left; margin: 12px auto 20px;
 }
.s8-form ul li{
	width: 308px; height: 51px; display: inline-block; margin: 0 19px ;
	border: solid 1px #d19d59;
 }
.s8-form ul li input[type=text]{
	width: 275px; height: 51px; padding-left: 22px; padding-right: 10px;
	border: 0;
	font-size: 18px; line-height: 51px;
}
.s8-form ul li.borderNo{
	border:none;
}
.s8-form ul li input[type=button]{
	width:100%; height: 51px;border: none;
	font-size: 18px; line-height: 51px; color: #fff;
	background: #f25331;
	background: -webkit-linear-gradient(left, #f67242 , #ed3220); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f67242, #ed3220); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f67242, #ed3220); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f67242 , #ed3220); /* 标准的语法 */
	box-shadow: 0 .06rem .18rem rgba(243,77,67,.3);
	border-radius: .5rem;
	cursor: pointer;
}

/* section09 */
.sec09{
	height: 916px;
	background:#215e9c url(../images/s9-bg.jpg) no-repeat center;
	background-size: auto 100%;
}
.s9-title{
	margin-top: .8rem;
}
.s9-main{
	width:100%; clear: both; float: left; margin-top: 47px;
}
.s9-left{
	width:779px;height: 470px; float: left;
	background: url(../images/s9-img01.png) no-repeat center bottom;
	background-size: 100%;
}
.s9-left img{
	display: inline-block;
	animation: fudong2 .8s infinite alternate linear;
}
@keyframes fudong2 {
    0% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.s9-right{
	float: left; margin-top: 12px; width: 370px;
}
.s9-right img{
	height: 112px; float: left; clear: both;margin-bottom: 20px;
}
.s9-right img.pic01{margin-left: -20px;
	animation: yidong 1s infinite alternate linear;
}
.s9-right img.pic02{margin-left: 20px;
	animation: yidong1 1s infinite alternate linear;
}
.s9-right img.pic03{margin-left: -48px;
	animation: yidong 1s infinite alternate linear;
}
@keyframes yidong {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(10px);
    }
}
@keyframes yidong1 {
    0% {
        transform: translateX(4px);
    }

    100% {
        transform: translateX(-6px);
    }
}

.s9-btn{
	width:100%; clear: both; margin-top: 35px; float: left;
}
.s9-btn a{
	width:494px; height: 80px; display: inline-block; margin: 0 15px;
	font-size: 30px; line-height: 80px; color: #fff;
	background: #f25331;
	background: -webkit-linear-gradient(left, #f67242 , #ed3220); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f67242, #ed3220); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f67242, #ed3220); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f67242 , #ed3220); /* 标准的语法 */
	border-radius: .5rem;
	box-shadow: 0 .06rem .18rem rgba(238,60,37,.3);
}

/* section10 */
.sec10{
	height: 664px;
	background: #dce3ed url(../images/s10-bg.jpg) no-repeat center top;
	background-size: auto 100%;
}
.s10-title{margin-top: 74px;}
.s10-main{
	width: 100%; clear: both; float: left; margin-top: 25px;
}
.s10-main .item{
	width: 582px; height: 380px; display: block;
	background: url(../images/s10-pic01.png) no-repeat center;
	background-size: 100%;
	box-shadow: 0 6px 20px  rgba(154,154,154,.25);
}
.s10-main .item i{
	float: left; font-size: 22px;
	line-height: 44px; font-weight: bold; color: #fff; padding: 0 22px;
	background: #f25331;
	background: -webkit-linear-gradient(left, #f67242 , #ed3220); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f67242, #ed3220); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f67242, #ed3220); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f67242 , #ed3220); /* 标准的语法 */
	border-radius: 0 0 31px 0;
	box-shadow: 0 5px 16px rgba(236,71,66,.3);
}
.s10-main .item .book{
	width: 507px; height: 110px; display: block;
	float: left; margin-left: 48px; margin-top: 147px;
	background: #114e8c;
	background: -webkit-linear-gradient(left, #114e8c , #3380ce); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #114e8c, #3380ce); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #114e8c, #3380ce); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #114e8c , #3380ce); /* 标准的语法 */
	border-radius: 13px;
}
.s10-main .item .book img{
	float:left; margin-left: 34px; margin-top: -115px; display: block; width: 301px;
}
.s10-main .item .book span{
	float:right; font-size: 20px; line-height: 26px; color: #fff;
	margin-right: 32px; margin-top: 25px;
}
.s10-main .item p{
	font-size: 20px; line-height: 32px; color: #989898;
	width: 100%; clear: both; float: left; margin-top: 10px;
}


/* section11 */
.sec11{
	height: 747px;
	background: #dce3ed url(../images/s11-bg.jpg) no-repeat center top;
	background-size: auto 100%;
}
.s11-title{margin-top: 40px;}
.s11-main{
	width: 100%; clear: both; float: left; margin-top: 30px;
}
.s11-main .item{
	width: 247px; height: 220px; display: inline-block; margin: 0 19px 26px;
	background: url(../images/s11-img01.png) no-repeat center;
	background-size: 100%;
	position: relative;
}
.s11-main .item .pic{
	width: 104px; height: 104px; display: inline-block; margin: 37px auto 20px;
	background: url(../images/s11-img02.png) no-repeat center;
	background-size: 100%;
	animation: animtran 2s linear infinite;
		-webkit-animation: animtran 2s linear infinite;
}
.s11-main .item .pic img{
	width: 84px; display: block; margin: 10px;
	animation: animtrans 2s linear infinite;
		-webkit-animation: animtrans 2s linear infinite;
}
.s11-main .item span{
	font-size: 20px; line-height: 30px; font-weight: bold; clear: both; color: #fff;
	width: 100%; float: left;
}
.s11-main .item .cover{
	position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden;
	background: #e94442;
	background: -webkit-linear-gradient(120deg, #fc5644, #e94442); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(120deg, #fc5644, #e94442); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(120deg, #fc5644, #e94442); /* Firefox 3.6 - 15 */
	background: linear-gradient(120deg, #fc5644, #e94442); /* 标准的语法 */
}
.s11-main .item .txt{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;	
}
.s11-main .item .txt font{
	width: 100%; clear: both; float: left; margin-top: 40px;
	font-size: 20px; font-weight: bold; line-height: 30px; color: #fff;
}
.s11-main .item .txt p{
	font-size:18px; line-height: 28px; color: #fff; text-align: left;
	width: 167px; float: left; margin: 15px 40px 0;
}



@keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}
@-webkit-keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}
@keyframes animtrans {
	from {
		transform: rotateZ(360deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}
@-webkit-keyframes animtrans {
	from {
		transform: rotateZ(360deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}

/*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:166px; height:485px; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:10%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:-10px; right:0; height:20px; width:20px; }
.lfNav .close img{width:100%;}
.mt185{margin-top:70px;}
.nav-bg{width:118px; height:42px; display: block;float:left; clear:both;margin-left:23px;margin-bottom:0;}
.nav-bg a{width:100%; height:41px; display: block; margin:auto; text-align: center;
	border-bottom: dashed 1px #023878;
	font-size: 18px; line-height: 41px; color: #fff;
}
.nav-bg.cur a{
	border-bottom: 0; line-height: 42px;
	background: #d19b68;
	background: -webkit-linear-gradient(left, #e1b181 , #c18851); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e1b181, #c18851); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e1b181, #c18851); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e1b181 , #c18851); /* 标准的语法 */
	border-radius: 8px;
}
.nav-bg.noborder a{
	border-bottom: 0; line-height: 42px;
}

.left_top{width:47px; height:47px;display: block;float:left;margin-left:59px;margin-top: 18px;}
.left_top img{width:100%;}


.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.imgDiv{
	width:100%; display: block; height: 304px;position: absolute; text-align: center;
	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%);
}
.imgDiv img{width:628px; display: block; cursor: zoom-out; margin: auto;}
.imgDiv img.book{width: 788px; display: inline-block; margin: auto;}
.imgDiv img.soft{width: 1305px; display: inline-block; margin:-143px auto auto;}