@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: #317ea6;}
#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;
} */
/* tit */
.section {
	width: 100%;
	display: inline-block;
}
.cot{
	display: inline-block;
	width: 98.8%;
	position: relative;
	background: #e0faf7;
	border: 0.07rem solid #2ccc98;
	border-radius: .15rem;
}
.secTit h2 {
    width: 100%;
    display: inline-block;
    background: url(../images/titBg.png) no-repeat center top;
    padding-top: .17rem;
    height: 1rem;
	margin-top: -.44rem;
}
.secTit h2 span {
    height: .76rem;
    font: bold .4rem/.74rem "microsoft yahei";
    color: #fff;
	background: url(../images/tit01.png) no-repeat center;
}
.sec02 .secTit h2 span{background: url(../images/tit02.png) no-repeat center;}
.sec03 .secTit h2 span{background: url(../images/tit03.png) no-repeat center;}
.sec04 .secTit h2 span{background: url(../images/tit04.png) no-repeat center;}
.sec01{background:url(../images/s1Bg.jpg) no-repeat center top;height:485px;}
.sec02{background:url(../images/s2Bg.jpg) no-repeat center top;height:586px;}
.sec03{background:url(../images/s3Bg.jpg) no-repeat center top;display: none;}
/*banner */
.banner-box{position:relative;height:783px;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%;}

/*section1*/
.sec01 .cot{background:#e0faf7 url(../images/s1img.png) no-repeat 95% bottom;}
.s1-cont{
	display: inline-block;
	width: 100%;
}
.cftd {
    display: inline-block;
    width: 485px;
    height: 254px;
    background: #fff;
    border-radius: .08rem;
    float: left;
    margin-left: 28px;
    margin-top: 11px;
    margin-bottom: 23px;
}
.cftd p {
    font: bold .34rem/.42rem "microsoft yahei";
    color: #074b7a;
    margin: 32px 0 10px;
}
.cftd a {
    display: inline-block;
    width: 442px;
    height: 88px;
    font: bold .3rem/.88rem "microsoft yahei";
    color: #e20000;
    background: url(../images/s1Btn.png) no-repeat center top;
    background-size: 100%;
}
/* section2 */
.s2Z {
    display: inline-block;
    width: 310px;
    float: left;
    margin-left: -58px;
    margin-top: 22px;
}
.s2Zxq{
	display: block;
	width: 310px;
	height: 40px;
	background: #e6edf1;
	border-radius: .08rem;
	margin-bottom: 9px;
	text-align: left;
}
.s2Zxq span {
    display: inline-block;
    width: 22px;
    height: 40px;
    background: url(../images/s2img2.png) no-repeat center;
    background-size: 100%;
    font: .16rem/.33rem "microsoft yahei";
    color: #fff;
    text-align: center;
    float: left;
    margin-left: 14px;
    margin-right: 8px;
}
.s2Zxq label{
	font: .2rem/.4rem "microsoft yahei";
	color: #074b7a;
}
.s2R p{
	font: .22rem/.2rem "microsoft yahei";
	color: #333;
}
.s2R .p1{margin-top: 28px;margin-bottom: .08rem;}
.s2R span{
	font:bold .22rem/.35rem "microsoft yahei";
	color: #ff3f04;
}
.s2-cont{
	display: inline-block;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 50px;
}
.s2-cont>div{
	display: inline-block;
	float: left;
}
.s2-cont .s2L {
    width: 724px;
    background: #fff;
    border-radius: .12rem;
    margin-left: 23px;
    margin-right: 20px;
	padding-bottom: 5px;
}
.s2-cont .s2L img {
    width: 515px;
    margin-left: -74px;
    float: left;
}
.s2-cont .s2R{
	width: 276px;
	height: 337px;
	background: #fff;
	border-radius: .12rem;
}
/* section3 */
.sec03{margin-bottom: 117px;}
.s3Lg{
	width: 346px;
	height: 82px;
	font:bold .24rem/.75rem "microsoft yahei";
	color: #ff4205;
	background: url(../images/s3img1.png) no-repeat center top;
	background-size: 100%;
	position: absolute;
	top: 75px;
	left: -30px;
	
}
.s3-cont .p1{
	display: inline-block;
	width: 100%;
	text-align: center;
	font:.24rem/.2rem "microsoft yahei";
	color: #074b7a;
}
.s3xq>div{
	display: inline-block;
	float: left;
}
.s3xq .s3L {
    width: 718px;
    height: 235px;
    background: #fff url(../images/s3img2.png) no-repeat 99% bottom;
    border-radius: .12rem;
    margin-top: 76px;
	margin-left: 46px;
	padding-left: 27px;
	margin-bottom: 39px;
}
.s3L>p{text-align: left;}
.s3L .mz {
    font: bold .39rem/.6rem "microsoft yahei";
    color: #074b7a;
    margin-top: 25px;
    margin-bottom: 9px;
}
.s3L .mz span{color: #ff4705;}
.s3u li{
	display: inline-block;
	float: left;
	font:.17rem/.31rem "microsoft yahei";
	color: #333;
	border-radius: .05rem;
	background: #f0f0f0;
	margin-right: 8px;
	padding: 0 16px;
}
.s3L .s3rq {
    display: inline-block;
    width: 299px;
    height: 44px;
    border: 1px solid #074b7a;
    border-radius: 50px;
    font: .22rem/.44rem "microsoft yahei";
    color: #074b7a;
    text-align: center;
    float: left;
    margin-top: 20px;
}
.s3R{
	width: 241px;
	height: 311px;
	background: url(../images/s3img4.png) no-repeat center top;
	background-size: 100%;
	margin-left: .26rem;
}
.s3R img{margin-top: 22px;margin-bottom: .3rem;}
.s3R>p{
	font: .18rem/.24rem "microsoft yahei";
	color: #fff;
}
.s3R>p span{
	font-weight: bold;
	color: #ffff00;
}
/* section04 */
.sec04{margin-bottom: 1rem;}
.d1 p {
    font: .2rem/.3rem "microsoft yahei";
    color: #074b7a;
    margin: -5px auto 10px;
}
.s4-cont{
	display: inline-block;
	width: 95%;
	margin: 0 2.5%;
}
.s4xq{
	display: inline-block;
	width: 92%;
	padding: 0 4% 4%;
	background: #fff;
	-webkit-box-shadow: 0 0 28px rgba(44,204,152,.15);
	box-shadow: 0 0 28px rgba(44,204,152,.15);
}
.s4xq>div{display: none;margin-bottom: .25rem;}
.s4xq>div.cur{display: block;}
.six_table tr td:last-of-type p{
	width: 85%;
	margin-left: 8%;
	text-align: left;
}
.s4u{
	display: inline-block;
	width: 100%;
}
.s4u li{
	display: inline-block;
	float: left;
	width: 513px;
	height: 98px;
	font: .38rem/.98rem "microsoft yahei";
	color: #fff;
	cursor: pointer;
	background: #2e8ea8;
	background: -webkit-linear-gradient(left, #2e8ea8 , #3add8c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #2e8ea8 , #3add8c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #2e8ea8 , #3add8c); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #2e8ea8 , #3add8c); /* 标准的语法 */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.s4u li.cur{
	 font-weight: bold;
	 background: #ff3c04;
	 background: -webkit-linear-gradient(left, #ff3c04 , #fe700b); /* Safari 5.1 - 6.0 */
	 background: -o-linear-gradient(right, #ff3c04 , #fe700b); /* Opera 11.1 - 12.0 */
	 background: -moz-linear-gradient(right, #ff3c04 , #fe700b); /* Firefox 3.6 - 15 */
	 background: linear-gradient(to right, #ff3c04 , #fe700b); /* 标准的语法 */
}
.six_table tr td.td{
	color: #fff;
	background: #ff3c04;
    background: -webkit-linear-gradient(bottom, #ff3c04 , #fe6f0b);
    background: -o-linear-gradient(top, #ff3c04 , #fe6f0b);
    background: -moz-linear-gradient(top, #ff3c04 , #fe6f0b);
    background: linear-gradient(to top, #ff3c04 , #fe6f0b);	
}
.s4u li.s4l1{float: right;}
.s4bg>div{border-left: 1px solid #fe5c09;display: none;}
.s4bg>div.cur{display: block;}
.s4bg tr:nth-of-type(3){background: #fff2ec;}
.s4bg tr th{
	font:bold .24rem/.55rem "microsoft yahei";
	color: #fff;
	background: #fe5c09;
	border-right: 1px solid #fe5c09;
	border-bottom: 1px solid #fe5c09;
}
.s4bg tr td {
    font: .16rem/.27rem "microsoft yahei";
    color: #333;
    border-right: 1px solid #fe5c09;
    border-bottom: 1px solid #fe5c09;
    margin: 37px auto;
    padding: 15px 0;
}
.s4bg tr td .p1{
	font:bold .22rem/.3rem "microsoft yahei";
	font-weight: bold;
}
.s4bg tr td.p2{
	font:.16rem/.3rem "microsoft yahei";
}
.s4bg tr td b{font-weight: bold;}
/* 111 */
.s4bg1>div{border-left: 1px solid #fe5c09;display: none;}
.s4bg1>div.cur{display: block;}
.s4bg1 tr:nth-of-type(3){background: #fff2ec;}
.s4bg1 tr th{
	font:bold .24rem/.55rem "microsoft yahei";
	color: #fff;
	background: #fe5c09;
	border-right: 1px solid #fe5c09;
	border-bottom: 1px solid #fe5c09;
}
.s4bg1 tr td {
    font: .17rem/.25rem "microsoft yahei";
    color: #333;
    border-right: 1px solid #fe5c09;
    border-bottom: 1px solid #fe5c09;
    margin: 37px auto;
    padding: 15px 0;
}
.s4bg1 tr td .p1{
	font:bold .22rem/.3rem "microsoft yahei";
	font-weight: bold;
}
.s4bg1 tr td.p2{
	font:.16rem/.3rem "microsoft yahei";
}
.s4bg1 tr td b{font-weight: bold;}



.s4uxq{display: inline-block;width: 100%;margin: 29px auto 25px;}
.s4uxq li{
	display: inline-block;
	/* float: left; */
	width: 185px;
	height: 46px;
	border: 2px solid #ff5908;
	border-radius: 30px;
	font:.22rem/.46rem "microsoft yahei";
	color: #ff4605;
	cursor: pointer;
	margin-right: 19px;
}
.s4uxq li.cur{
	color: #fff;
	background: #ff3c04;
	background: -webkit-linear-gradient(left, #ff3c04 , #fe6f0b); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff3c04 , #fe6f0b); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff3c04 , #fe6f0b); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff3c04 , #fe6f0b); /* 标准的语法 */
	border: 2px solid #fe6f0b;
}
.s4uxq1{display: inline-block;width: 100%;margin: 29px auto 25px;}
.s4uxq1 li{
	display: inline-block;
	/* float: left; */
	width: 185px;
	height: 46px;
	border: 2px solid #ff5908;
	border-radius: 30px;
	font:.22rem/.46rem "microsoft yahei";
	color: #ff4605;
	cursor: pointer;
	margin-right: 19px;
}
.s4uxq1 li.cur{
	color: #fff;
	background: #ff3c04;
	background: -webkit-linear-gradient(left, #ff3c04 , #fe6f0b); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff3c04 , #fe6f0b); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff3c04 , #fe6f0b); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff3c04 , #fe6f0b); /* 标准的语法 */
	border: 2px solid #fe6f0b;
}
.d3{display: inline-block;width: 100%;margin: .35rem auto .42rem;}
.d3>a{
	display: inline-block;
	width: 2.92rem;
	height: .88rem;
	font:bold .3rem/.88rem "microsoft yahei";
	color: #ff4605;
	background: url(../images/s4btn1.png) no-repeat center top;
	background-size: 100%;
}
.d3>a.zxyh{
	background: url(../images/s4btn2.png) no-repeat center top;
	background-size: 100%;
	color: #fff;
	margin-left: .48rem;
}







/*按钮悬停*/
.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:363px; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:25%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:-22px; right:-22px; height:22px; width:22px; }
.mt185{margin-top:82px;}
.nav-bg{width:150px; height:36px; display: block;float:left; clear:both;margin-left:0;margin-bottom:12px; text-align: center;}
.nav-bg a{width:115px; height:34px; display: block; margin:auto; border: solid 1px #fff; font: 18px/34px "microsoft yahei"; color: #fff;}

.left_top{width:150px; height:61px;display: block;float:left;margin-left:0;}

/* section05 */
.sec051{width: 100%; height: auto; clear: both; float: left; background:#fff url(../images/s11-bg.jpg) no-repeat center bottom;}
.s51-title{margin-top: .43rem;}
.s5-cont{width: 825px; clear: both;  margin: .3rem auto .8rem;}
.s5-cont .item{width: 2.5rem; height: 2.64rem; display: block; float: left; border: solid 1px #fff0f0; margin-right: .3rem;}
.s5-cont .item04{margin-right: 0;}
.s5-cont .item font{font: bold .26rem/.3rem "microsoft yahei"; color: #fe5a56; width: 100%; padding: .3rem 0; background: #fff0f0; float: left;}
.s5-cont .item p{width: 76%; float: left; margin: .2rem 12%; font: 18px/26px "microsoft yahei"; color: #444; text-align: left;}


.s5-cont{width: 825px; margin: 0 auto; margin-top: 32px;}
.s5-cont ul{width: 100%; clear: both;}
.s5-cont ul li{width: 275px; float:left; display: block; position: relative; height: 479px;}
.s5-cont ul li.item1{background: url(../images/s11-img01.png) no-repeat center;}
.s5-cont ul li.item2{background: url(../images/s11-img02.png) no-repeat center;}
.s5-cont ul li.item3{background: url(../images/s11-img03.png) no-repeat center;}
.s5-cont ul li.item4{background: url(../images/s11-img04.png) no-repeat center;}
.s5-cont 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);
}
.s5-cont .item-img{width: 100%;margin: 0 auto;height: 80px;}
.s5-cont .item-img img{display: block;margin: auto;}
.s5-cont .item-tit{width: 100%; margin: 30px auto 0; text-align: center; font: 24px/38px "微软雅黑"; color: #fff; }

.s5-cont .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);
}
.s5-cont .info p {width: 70%; margin: 0 auto; font:20px/30px "微软雅黑"; color: #fff; text-transform: uppercase; padding-top: 42%;text-align: justify; height: 150px;}
.s5-cont .info a {width: 70%; display: block; margin: 20% auto 0; font: 24px/50px "微软雅黑"; color: #fff;  border: 1px solid #fff; text-align: center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.s5-cont .info a:hover {background: #fff; color: #e72d1b;}
.s5-cont 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;
}
.s5-cont 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;
}

@keyframes ballon {
   0%{-webkit-transform: translateY(0); opacity: 0;}
  50%{-webkit-transform: translateY(-30px); opacity: 1;}
100% {-webkit-transform: translateY(-50px); opacity: 0;}
}
@-webkit-keyframes ballon {
	0%{-webkit-transform: translateY(0); opacity: 0;}
  50%{-webkit-transform: translateY(-30px); opacity: 1;}
100% {-webkit-transform: translateY(-50px); opacity: 0;}
}