/*清除浮动*/
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
*{
    padding: 0;
    margin: 0;
    font-family:"Microsoft YaHei";
    outline: none;
    -moz-outline-style: none; 
}
a{
    text-decoration: none;
    cursor: pointer;
}
em,i{
    font-style: normal;
}
img{
    border: 0;
    object-fit: cover;
}
html,body{
    width: 100%;
    height: 100%;
}
ul{
    list-style-type: none;
}
.van-overflow-hidden{
    overflow: hidden!important;
}
.container{
	display: block;
	width: 100%;
	max-width: 2560px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}
.page .bg{
	width: 1440px;
	height: 100%;
	margin: 0 auto;
}
.page1{
	display: block;
	width: 100%;
	height: 964px;
	background: url(img/bg1.jpg) no-repeat center center;
	background: url(img/bg1.jpg) no-repeat center center, url(img/bg1y.jpg) no-repeat center center;
	position: relative;
}
/*.page1 .bg.active{
	width: 100%;
	margin: 0 auto;
	background: url(img/bg1.jpg) no-repeat center center, url(./img/bg1yy.png) no-repeat center top;
	position: relative;
	background-blend-mode: screen;
}*/
.page1 .hLogo{
	display: block;
	width: 235px;
	height: 130px;
	text-indent: -99999px;
	background: url(img/logo.png) no-repeat center center;
	position: absolute;
	left: 26px;
	top: 4px;
	z-index: 11;
}
.hLogo a{
	display: block;
	width: 235px;
	height: 130px;
}
.page1 .link{
	height: 16px;
	position: absolute;
	top: 20px;
	right: 22px;
	z-index: 1;
}
.page1 .link a{
	float: left;
	height: 16px;
	line-height: 16px;
	margin-left: 20px;
	padding-left: 20px;
	font-size: 16px;
	color: #d7938e;
	position: relative;
}
.page1 .link a:hover{
	color: #ffd2d2;
}
.page1 .link a::before{
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	position: absolute;
	left: 0;
	top: 0;
}
.page1 .link a.gw::before{
	background: url(img/icon.png) no-repeat 0 0;
}
.page1 .link a.gw:hover::before{
	background: url(img/icon.png) no-repeat 0 -16px;
}
.page1 .link a.zc::before{
	background: url(img/icon.png) no-repeat -16px 0;
}
.page1 .link a.zc:hover::before{
	background: url(img/icon.png) no-repeat -16px -16px;
}
.page1 .link a.xz::before{
	background: url(img/icon.png) no-repeat -32px 0;
}
.page1 .link a.xz:hover::before{
	background: url(img/icon.png) no-repeat -32px -16px;
}
.page1 .link a.kf::before{
	background: url(img/icon.png) no-repeat -48px 0;
}
.page1 .link a.kf:hover::before{
	background: url(img/icon.png) no-repeat -48px -16px;
}
.page1 .down{
	display: block;
	width: 399px;
	height: 54px;
	position: absolute;
	left: 50%;
	margin-left: -200px;
	bottom: 54px;
}
.page1 .down span{
	display: block;
	width: 399px;
	height: 18px;
	background: url(img/d1.png) no-repeat center center;
}
.page1 .down i{
	display: block;
	width: 26px;
	height: 30px;
	position: absolute;
	left: 50%;
	margin-left: -13px;
	bottom: 0;
	background: url(img/d2.png) no-repeat center center;
	animation: down 0.9s infinite linear;
}
@keyframes down{
	0%{
		bottom: 0;
	}
	30%{
		bottom: -2px;
	}
	60%{
		bottom: -4px;
	}
	90%{
		bottom: -6px;
		opacity: 0;
	}
	95%{
		bottom: 0;
		opacity: 0;
	}
	100%{
		bottom: 0;
		opacity: 1;
	}
}
.page .title{
	width: 240px;
	height: 110px;
	margin: 0 auto;
	padding-top: 0px;
}
.page .title span{
	display: block;
	width: 240px;
	text-align: center;
	padding-top: 78px;
	font-size: 22px;
	color: #967755;
	line-height: 1;
}
.page2{
	display: block;
	width: 100%;
	height: 982px;
	background: url(img/bg2.jpg) no-repeat center center;
	background: url(img/bg2.jpg) no-repeat center center, url(img/bg2y.jpg) no-repeat center center;
}
.page2 .title span{
	color: #967755;
}
.p2c{
	padding-top: 107px;
}
.p2c .module .h3{
	display: block;
	width: 114px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	color: #e1d7cb;
	margin-left: 141px;
	margin-bottom: 12px;
}
.p2c .module .txt{
	display: block;
	font-size: 16px;
	color: #5a4430;
	line-height: 30px;
	margin-left: 141px;
}
.p2c .module .txt em{
	color: #a61b0c;
}
.module .txt i{
	color: #0f4896;
}
.desc em{
	color: #d28f00;
}
.p2c .table{
	display: block;
	width: 736px;
	margin-left: 113px;
	margin-top: 27px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.p2c .tr{
	display: block;
	width: 736px;
	height: 39px;
}
.p2c .tr1{
	height: 48px;
	text-indent: -99999px;
}
.p2c .th{
	float: left;
	width: 174px;
	text-align: center;
	height: 39px;
	line-height: 38px;
	font-size: 20px;
	color: #decab5;
}
.p2c .td{
	float: left;
	width: 561px;
	text-align: center;
	height: 39px;
	line-height: 38px;
	font-size: 16px;
	color: #decab5;
}
.p2c .moduke2{
	padding-top: 40px;
}
.page3{
	display: block;
	width: 100%;
	height: 1113px;
	background: url(img/bg3.jpg) no-repeat center center;
	background: url(img/bg3.jpg) no-repeat center center, url(img/bg3y.jpg) no-repeat center center;
}
.page3 .title{
	padding-top: 0px;
}
.page3 .title span{
	color: #596d85;
}
.page3 .desc{
	display: block;
	width: 100%;
	text-align: center;
	height: 40px;
	line-height: 40px;
	padding-top: 42px;
	font-size: 16px;
	color: #5e87c1;
}
.p3c{
	padding-top: 131px;
}
.p3c .module .h3{
	display: block;
	width: 114px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	color: #e1d7cb;
	margin-left: 396px;
	margin-bottom: 12px;
}
.p3c .module .txt{
	display: block;
	font-size: 16px;
	color: #5a4430;
	line-height: 30px;
	margin-left: 396px;
}
.p3c .module .txt em{
	color: #a61b0c;
}
.desc em{
	color: #d28f00;
}
.p3c .table{
	display: block;
	width: 736px;
	margin-left: 369px;
	margin-top: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.p3c .tr{
	display: block;
	width: 736px;
	height: 39px;
}
.p3c .tr1{
	height: 48px;
	text-indent: -99999px;
}
.p3c .th{
	float: left;
	width: 174px;
	text-align: center;
	height: 39px;
	line-height: 38px;
	font-size: 20px;
	color: #decab5;
}
.p3c .td{
	float: left;
	width: 561px;
	text-align: center;
	height: 39px;
	line-height: 38px;
	font-size: 16px;
	color: #decab5;
}
.p3c .moduke2{
	padding-top: 34px;
}
.page4{
	display: block;
	width: 100%;
	height: 1192px;
	background: url(img/bg4.jpg) no-repeat center center;
	background: url(img/bg4.jpg) no-repeat center center, url(img/bg4y.jpg) no-repeat center center;
}
.page4 .title{
	padding-top: 0;
}
.page4 .title span{
	color: #626d81;
}
.page4 .desc{
	display: block;
	width: 100%;
	text-align: center;
	height: 40px;
	line-height: 40px;
	padding-top: 45px;
	font-size: 16px;
	color: #5e87c1;
}
.p4c{
	padding-top: 208px;
}
.p4c .tabel{
	width: 626px;
	margin-left: 446px;
}
.p4c .tabel .th{
	display: block;
	width: 100%;
	text-align: center;
	height: 48px;
	text-indent: -99999px;
}
.p4c .tabel .td{
	display: block;
	width: 100%;
	text-align: center;
	height: 39px;
	line-height: 38px;
	font-size: 16px;
	color: #decab5;
}
.p4c .tabel .td38{
	height: 38px;
}
.p4c .tabel .jp{
	color: #ffb400;
	position: relative;
}
.p4c .tabel .jp i{
	display: block;
	width: 46px;
	height: 26px;
	background: url(img/jp.png) no-repeat center center;
	position: absolute;
	left: 50%;
	margin-left: 80px;
	top: 6px;
}
.p4c .module{
	margin-left: 181px;
	padding-top: 220px;
}
.p4c .module .h3{
	display: block;
	width: 114px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	color: #cbd7e1;
	margin-bottom: 12px;
}
.p4c .module .txt{
	display: block;
	font-size: 16px;
	color: #5e87c1;
	line-height: 30px;
}
.page5{
	display: block;
	width: 100%;
	height: 1210px;
	background: url(img/bg5.jpg) no-repeat center center;
	background: url(img/bg5.jpg) no-repeat center center, url(img/bg5y.jpg) no-repeat center center;
}
.page5 .title{
	padding-top: 0;
}
.page5 .title span{
	color: #5c718d;
}
.page5 .desc{
	display: block;
	width: 100%;
	text-align: center;
	height: 40px;
	line-height: 40px;
	padding-top: 50px;
	font-size: 16px;
	color: #5e87c1;
}
.p5c{
	padding-top: 290px;
}
.p5c .list{
	display: block;
}
.p5c .item{
	float: left;
	width: 427px;
	text-align: center;
	font-size: 20px;
	color: #ffeb79;
	line-height: 1;
}
.p5c .item i{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #c56565;
	line-height: 1;
}
.p5c .item span{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #ffeb79;
	line-height: 1.5;
	padding-top: 120px;
}
.p5c .item span em{
	display: inline-block;
	width: 390px;
	text-align: left;
}
.p5c .item span em.e1{
	margin-left: 30px;
}
.p5c .item1{
	margin-left: -10px;
}
.p5c .item2{
	margin-left: 80px;
}
.p5c .item3{
	width: 427px;
	margin-left: 78px;
}
.p5c .module{
	margin-left: 31px;
	padding-top: 114px;
}
.p5c .module .h3{
	display: block;
	width: 114px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	color: #cbd7e1;
	margin-bottom: 12px;
}
.p5c .module .txt{
	display: block;
	font-size: 16px;
	color: #5e87c1;
	line-height: 30px;
}
.page6{
	display: block;
	width: 100%;
	height: 739px;
	background: url(img/bg6.jpg) no-repeat center center;
	background: url(img/bg6.jpg) no-repeat center center, url(img/bg6y.jpg) no-repeat center center;
	position: relative;
}
.page6 .gotop{
	display: block;
	width: 84px;
	height: 80px;
	background: url(img/icon.png) no-repeat 0 -32px;
	position: absolute;
	bottom: 390px;
	right: 20px;
}
.page6 .gotop:hover{
	background: url(img/icon.png) no-repeat 0 -112px;
}
.page6 .btn{
	display: block;
	width: 1108px;
	margin: 0 auto;
	padding-top: 296px;
	position: relative;
	z-index: 1;
}
.page6 .btn .zc{
	float: left;
	width: 511px;
	height: 121px;
	background: url(img/zc.png) no-repeat center center;
}
.page6 .btn .zc:hover{
	background: url(img/zcon.png) no-repeat center center
}
.page6 .btn .xz{
	float: right;
	width: 511px;
	height: 121px;
	background: url(img/xz.png) no-repeat center center;
}
.page6 .btn .xz:hover{
	background: url(img/xzon.png) no-repeat center center
}

.footer{
    width: 100%;
    background: #0c1326;
    position: absolute;
    left: 0;
    bottom: 0;
}
.copyright_d{
    display: block;
    width: 1366px;
    margin: 0 auto;
    height: 148px;
}
.copyright_img{
    float: left;
    width: 166px;
    height: 90px;
    background: url(img/footer_logo.png) no-repeat center center;
    margin-left: 164px;
    margin-left: 90px;
    margin-top: 34px;
}
.copyright_s {
    float: left;
    width: 1px;
    height: 80px;
    background: #20384c;
    margin-top: 38px;
    margin-left: 28px;
}
.copyright{
    float: left;
    width: 640px;
    width: 784px;
    margin-top: 38px;
    margin-left: 38px;
    font-size: 14px;
    color: #5d7391;
}
.copyright span{
    display: block;
    font-size: 14px;
    color: #5d7391;
    line-height: 26px;
}
.copyright a{
    font-size: 14px;
    color: #5d7391;
}
.copyright a:hover{
    color: #90bffe;
}
.copyright a img{
    margin-top: 5px;
}
.footer16s{
    float: left;
    width: 75px;
    height: 97px;
    margin-left: 70px;
    margin-top: 28px;
    background: url(../../../special/activeHb/zhuant/img/footer_16.png) no-repeat center center;
}