@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none;padding: 0;}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
img{border: none;margin:0px;padding:0px;}
a:link, a:visited{text-decoration: blink;}
body{background:#f5f4f0;}
a{color: #000000;}

.area{width:1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}

.banner{width: 100%;height:auto;margin:0 auto;overflow: hidden;}
.banner img{display: block;margin:0 auto;max-width: 100%}

.box1{width: 100%;height: auto;background-color: #5981bc;}
.box1 a{
	padding: 21px 32px;
    font-family: SourceHanSansCN-Regular;
    font-size: 20px;
    letter-spacing: -2px;
    color: #f5f4f0;
    line-height: 69px;
}
.box1 a:hover{
	background-color: #f5f4f0;
	color: #5981bc;
}

.box2{width: 100%;height: aut0;}
.box2 .area{    
    padding: 44px;
    width: 1110px;
    margin: 43px auto;
    border: solid 1px #bfbfbf;
    }
/*.box2 .fr{width: 100%;height: auto;background-color: #5981bc;}*/
.box2 .fr img{display: block;margin:0 auto 51px;max-width: 100%}
.box2 .fr h3{
	line-height: 36px;
	font-family: SourceHanSansCN-Bold;
	font-size: 20px;
	margin-bottom: 31px;}
.box2 .fr p{
	text-indent: 2em;
	width: 583px;
	/*height: 318px;*/
	font-family: SourceHanSansCN-Bold;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #4f4f4f;
	/*margin-top: 31px;*/
}
.box2 .fr a{
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	letter-spacing: 1px;
	color: #4f4f4f;
	float: right;
	line-height: 55px;
}

.box3{width: 100%;height: auto;background-color: #5981BC;padding-bottom: 43px;}
.box3 .title{widows: 100%;height: 52px;background-color: #F5F4F0;}
.box3 .title .area1{width: 1200px;margin: 0 auto;}
.box3 .title .area1 p{width: 309px;height: 52px;background: #5981BC;color: #f5f4f0;font-size: 36px;line-height: 52px;text-align: center;}
.box3 .area{    
    padding: 42px 38px;
    width: 1124px;
    margin: 39px auto 0;
    border: solid 1px #F5F4F0;
    background-color: #f5f4f0;
}
.box3 .area ul{width: 1124px;overflow: hidden;zoom:1;}
.box3 .area ul li{position: relative;padding: 0;width:25%;float: left;display: block;}
.box3 .area ul li a{display: block;width: 100%;height:auto;margin:0 auto;overflow: hidden;}
.box3 .area ul li a img{display: block;margin:0 auto;max-width: 100%}
.box3 .area ul li .mask1{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 18%;
	background-color: #a63b44;
	text-align: center;
	padding-top:8%;
	font-size: 14px;
	color: #f5f4f0;
	display:none;
	}
.box3 .area ul li .mask2{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 64%;
	background-color: rgba(0,0,0,0.4);
	text-align: center;
	padding-top: 25%;
	font-size: 20px;
	color: #F5F4F0;
	display:block;	
}
/*.box3 .area ul li:hover .mask1{
	display:block;
}
			
.box3 .area ul li:hover .mask2{
	display:none;
}*/
.box3 .area h3{
	font-family: SourceHanSansCN-Bold;
	font-size: 20px;
	letter-spacing: 0px;
	color: #4f4f4f;
	margin-top: 64px;
	margin-bottom: 31px;
}
.box3 .area p{
	font-family: SourceHanSansCN-Bold;
	font-size: 18px;
	line-height: 36px;
	letter-spacing: 0px;
	color: #4f4f4f;
	text-indent: 2em;
}
.box3 .area  a{
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	letter-spacing: 1px;
	color: #4f4f4f;
	float: right;
	line-height: 43px;
}

.box4{width: 100%;height: auto;background-color: #82a5d9;padding-bottom: 90px;}
.box4 .title{width: 100%;height: 52px;}
.box4 .title .area1{width: 1200px;margin: 0 auto;}
.box4 .title .area1 p{width: 309px;height: 52px;background: #5981BC;color: #f5f4f0;font-size: 36px;line-height: 52px;text-align: center;}
.con2 { width: 100%; position: relative; height: 770px; overflow: hidden; background-color: #5981bc; }

.con2 .wrap { position: relative; }

.con2 .L1 { height: 40px; width: 100%; position: absolute; left: 0; top: 60px; z-index: 100; background: url(../images/_2_bg2.png) left center no-repeat; }

.con2 #imageFlow { position: absolute; width: 100%; height: 640px; left: 0%; top: 0%; padding-top: 90px; background-color: #5981bc; }

.con2 #imageFlow .diapo { position: absolute; left: -1000px; cursor: pointer; -ms-interpolation-mode: nearest-neighbor; }

.con2 #imageFlow .link { border: dotted #fff 1px; margin-left: -1px; margin-bottom: -1px; }

.con2 #imageFlow .bank { visibility: hidden; }

.con2 #imageFlow .top { position: absolute; width: 100%; height: 40%; top: 0; padding-top: 60px; background-color: #82a5d9; }

.con2 #imageFlow .text { position: absolute; left: 0px; width: 100%; bottom: 16%; text-align: center; color: #FFF; font-family: verdana, arial, Helvetica, sans-serif; z-index: 1000; }

.con2 #imageFlow .title { font-size: 0.9em; font-weight: bold; }

.con2 #imageFlow .legend { font-size: 0.8em; }

.con2 #imageFlow .scrollbar { position: absolute; left: 10%; bottom: 10%; width: 80%; height: 16px; z-index: 1000; }

.con2 #imageFlow .track { position: absolute; left: 1%; width: 98%; height: 16px; filter: alpha(opacity=30); opacity: 0.3; }

.con2 #imageFlow .arrow-left { position: absolute; }

.con2 #imageFlow .arrow-right { position: absolute; right: 0px; }

.con2 #imageFlow .bar { position: absolute; height: 16px; left: 25px; }

.box4 .area h3{
	font-family: SourceHanSansCN-Bold;
	font-size: 20px;
	letter-spacing: 0px;
	color: #F5F4F0;
	margin-top: 64px;
	margin-bottom: 31px;
}
.box4 .area p{
	font-family: SourceHanSansCN-Bold;
	font-size: 18px;
	line-height: 36px;
	letter-spacing: 0px;
	color: #F5F4F0;
	text-indent: 2em;
}
.box4 .area  a{
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	letter-spacing: 1px;
	color: #F5F4F0;
	float: right;
	line-height: 43px;
}
.box4 .title .area1 p{text-indent: 0;}

.box5{width: 100%;height: auto;background-color: #F5F4F0;}
.box5 .area{
	padding: 43px 0 70px 0;
	position: relative;
	height: auto;
}
.box5 .area .title{width: 393px;height: 52px;background: #5981BC;color: #f5f4f0;font-size: 36px;line-height: 52px;text-align: center;margin-bottom: 67px;}
.swiper-container {
	width: 100%;
	height: 225px;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	/*background: #fff;*/
	width: 25%;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.box5 .area .swiper-wrapper .swiper-slide{width: 1124px;overflow: hidden;zoom:1;}
.box5 .area .swiper-wrapper .swiper-slide{position: relative;padding: 0;width:25%;float: left;display: block;}
.box5 .area .swiper-wrapper .swiper-slide a{display: block;width: 100%;height:auto;margin:0 auto;overflow: hidden;}
.box5 .area .swiper-wrapper .swiper-slide a img{display: block;margin:0 auto;max-width: 100%}
.box5 .area .swiper-wrapper .swiper-slide .mask11{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 86%;
	height: 20%;
	background-color: rgba(0,0,0,0.6);
	text-align: center;
	padding-top:4%;
	font-size: 14px;
	color: #f5f4f0;
	display:none;
	margin-left: 7%;
	}
.box5 .area .swiper-wrapper .swiper-slide .mask22{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 86%;
	height: 106%;
	background-color: rgba(130,165,217,0.6);
	text-align: center;
	padding-top: 25%;
	font-size: 153px;
	color: #F5F4F0;
	display:block;
	margin-left: 7%;	
}
.box5 .area .swiper-wrapper .swiper-slide .mask22 p{
	width: 100%;
	font-size: 14px;
	line-height: 0;
	letter-spacing: 0px;
	color: #f9ce82;
	text-align: center;
}
/*.box5 .area .swiper-wrapper .swiper-slide:hover .mask11{
	display:block;
}
			
.box5 .area .swiper-wrapper .swiper-slide:hover .mask22{
	display:none;
}*/
.box5 .area h3{
	font-family: SourceHanSansCN-Bold;
	font-size: 20px;
	letter-spacing: 0px;
	color: #4f4f4f;
	margin-top: 64px;
	margin-bottom: 31px;
	line-height: 30px;
}
.box5 .area p{
	font-family: SourceHanSansCN-Bold;
	font-size: 18px;
	line-height: 36px;
	letter-spacing: 0px;
	color: #4f4f4f;
	text-indent: 2em;
}
.box5 .area  a{
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	letter-spacing: 1px;
	color: #4f4f4f;
	float: right;
	line-height: 43px;
}
.box5 .area .swiper-wrapper .swiper-slide .mask22 p{text-indent:0}
.box6{width: 100%;height: auto;background-color: #82a5d9;border-top: 1px solid #82A5D9;}
.box6 .area{
	background-color: #F5F4F0;
	margin-top: 43px;
}
.box6 .area .title{width: 100%;height: 52px;background: #82a5d9;}
.box6 .area .title p{
	width: 345px;
	height: 52px;
	background-color: #5981bc;
	text-align: center;
	line-height: 52px;
	font-family: SourceHanSansCN-Medium;
	font-size: 36px;
	letter-spacing: 0px;
	color: #f5f4f0;
}
.box6 .area .fl,.box6 .area .fr{
	margin-top: 65px;
}
.box6 .area .fl{
	margin-left: 34px;
}
.box6 .area .fl ul{width: 577px;overflow: hidden;zoom:1;}
.box6 .area .fl ul li{position: relative;padding: 0;width:50%;float: left;display: block;float: left;}
.box6 .area .fl ul li a{display: block;width: 100%;height:auto;margin:0 auto;overflow: hidden;}
.box6 .area .fl ul li a img{display: block;margin:0 auto;max-width: 100%}
.box6 .area .fl ul li .mask111{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 16%;
	background-color: #a63b44;
	text-align: center;
	padding-top:4%;
	font-size: 14px;
	color: #f5f4f0;
	display: none;
}

/*.box3 .area .fl ul li:hover .mask111{
	display:block;
}*/
			
.box6 .area .fr{
	margin-right: 41px;
}
.box6 .area .fr h3{
	font-family: SourceHanSansCN-Bold;
	font-size: 20px;
	line-height: 36px;
	color: #4f4f4f;
	margin-bottom: 30px;
}
.box6 .area .fr p{
	width: 525px;
	font-size: 18px;
	line-height: 32px;
	color: #4f4f4f;
	text-indent: 2em;
}
.box6 .area .fr a{
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	letter-spacing: 1px;
	color: #4f4f4f;
	float: right;
	line-height: 68px;
}
.box6 .area .border{
	width: 94%;
    height: 43px;
    border-top: 2px solid #BFBFBF;
    margin: 32px auto 0;
}
.box6 .area .part2{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	zoom:1;
}
.box6 .area .title2 p{
	width: 345px;
	height: 52px;
	background-color: #5981bc;
	/*text-align: center;*/
	line-height: 52px;
	font-family: SourceHanSansCN-Medium;
	font-size: 34px;
	letter-spacing: 0px;
	color: #f5f4f0;
}
.content-main{
	position: absolute;
    /*background: #bbb9b9;*/
    left: 4px;
    right: 0;
    margin: 0 auto;
    top: 15px;
}
.content-btn{
    position: absolute;
    width:100px;
    height:411px;
    /*background: rgba(150,150,150,0.5);*/
    z-index:10;
    cursor: pointer;
}
.content-main .prev-btn{
    left:0;
    top:0;
}
.content-main .next-btn{
    right:0;
    top:0;
}
.content-main .btn-img{
    opacity:0.9;
    display: block;
    position: absolute;
    left:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.content-main .list{
    width:800px;
    height:411px;
}
.content-main .list li{
    position: absolute;
    left:0;
    top:0;
    overflow: hidden;
}
.poster-main{
	position: relative;
	margin: 80px auto;
}
.poster-list .poster-item{
	position: absolute;
	left: 0;
	top: 0;
}
.poster-main .poster-btn{
	position: absolute;
	top: 10%;
	cursor: pointer;
}
.poster-main .poster-prev-btn{
	left: 0;
	background: url("../img/left.png") no-repeat center center;
	background-size:30% 20%;
}
.poster-main .poster-next-btn{
	right: 0;
	background: url("../img/right.png") no-repeat center center;
	background-size:30% 20%;
}

.box6 .part2 h3{
	font-family: SourceHanSansCN-Bold;
	font-size: 20px;
	line-height: 36px;
	color: #4f4f4f;
	margin-bottom: 30px;
	margin-left: 2%;
}
.box6 .part2 p{
	font-size: 18px;
	line-height: 32px;
	color: #4f4f4f;
	text-indent: 2em;
	margin-left: 2%;
	margin-right: 2%;
}
.box6 .part2 a{
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	letter-spacing: 1px;
	color: #4f4f4f;
	float: right;
	line-height: 68px;
	margin-left: 2%;
	margin-right: 2%;
}
.box6 .area .title2 p{
	margin-left: 0;
	margin-right: 0;
	}
#footers {background: #F9F9F9;height: 110px;border-top: 1px solid #E7E7E7;width: 100%;color: #333;}
#copyright {background: #333;height: 47px;line-height: 47px;color: #fff;}
.footer {width: 1000px;margin: auto;font-size: 12px;}
.footer dl {float: left;line-height: 26px;padding-top: 10px;}
.footer ul {float: right;line-height: 26px;padding-top: 10px;text-align: right;}
.footer dd {width: 399px;height: 40px;margin: 0;}
.footer dl span {padding: 0 10px;}
#copyright pre {float: left;font-size: 12px;margin: 0 0 0 2%;}
.footer ol {float: right;}
#copyright a {color: #fff;}
.footer ol a {padding: 0 10px;}
.user-name{background: url(../images/user-bg.png) no-repeat center;width: 100%;height: 83px;}
.marking{z-index: 999;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9}
.marking-box{width: 260px;padding:15px;background: #FFF;color: #333;min-height: 90px;margin: 20% auto 0;position: relative;}
.marking-close{background: url(../images/close.png) no-repeat center;width: 22px;height: 22px;position: absolute;top:15px;right: 15px;}
.marking-info{font-size: 19px;width: 87%;margin: 20px auto 0; text-align: center;}
.check-number{height: 44px;width: 385px;margin: 0 auto;outline: none;line-height: 44px;}
.check-number:after{content: '';display: block;clear: both;}
.check-number img{cursor: pointer;height: 44px;display: block;float: left;margin-right: 15px;}
.check-number-box{height: 39px;outline: none;}
.subBtn, .mobile-subBtn{width: 80px;height: 35px;line-height: 35px;background: #AB1E15;text-align: center;color: #FFF;border-radius: 5px;margin: 15px auto 0;}
.check-number label{display: block;float: left;}
.mobile-user-base{display: none;}
.code{font-family: Arial,宋体;font-style: italic;color: green;border: 0;height: 44px !important;width: 125px !important;letter-spacing: 3px;font-weight: bolder;float: left;font-size: 33px;outline: none;}
	
@media (max-width: 760px){
.area{width: 100%;}

.box1 a{padding: 1%;display: block;text-align: center;font-size: 18px;border: 1px solid #fff;line-height: 100%;}
.box2 .area{padding: 0;width: 100%;margin: 0;border: none;margin-top: 5%;}
.box2 .fl{width: 100%;height:auto;margin:0 auto;overflow: hidden;float: none;}
.box2 .fl img{display: block;margin:0 auto;max-width: 100%}
.box2 .fr{float: none;margin-top: 5%;}
.box2 .fr img{margin-bottom: 1%;}
.box2 .fr h3 {font-size: 18px;margin: 2%;}
.box2 .fr p{width: 92%;margin: 4%;}
.box2 .fr a{line-height: 5%;}
.box3{background-color: #F5F4F0;padding-bottom: 0;margin-bottom: 10%}
.box3 .title .area1{width: 100%;}
.box3 .title .area1 p{width: 100%;font-size: 20px;line-height: 52px;margin-top: 9%;}
.box3 .area {width: 100%;padding: 0;margin: 0;}
.box3 .area ul {width: 100%;}
.box3 .area ul li {width: 100%;margin-top: 8%;}
.box3 .area h3{margin: 3% 2% 0;font-size: 18px;}
.box3 .area p{width: 92%;margin: 4% 4% -3%;}
.box4{padding-bottom: 13%;}
.box4 .title .area1{width: 50%;}
.box4 .title .area1 p{width: 100%;font-size: 20px;}
.con2{height: 356px;}
.con2 #imageFlow{top: -90%}
.con2 #imageFlow .scrollbar{bottom: 24%;}
.box4 .area h3{font-size: 18px;margin: 2%;}
.box4 .area p{width: 92%;margin: 4%;}
.box5 .area {padding:5% 0;}
.box5 .area .title{width: 100%;font-size: 20px;margin-bottom: 2%;}
.swiper-container {height: 225px;}
.box5 .area .swiper-wrapper .swiper-slide{ width: 100%;;}
.box5 .area .swiper-wrapper .swiper-slide .mask22 {width: 100%;height: 100%;font-size: 146px;margin-left: 0;}
.box5 .area .swiper-wrapper .swiper-slide .mask22 .p1{margin: 0 auto;}
.box5 .area .swiper-wrapper .swiper-slide .mask11{height: 27%;margin-left: 0;width: 100%;}
.box5 .area .swiper-wrapper .swiper-slide a img{ width: 100%;}
.box5 .area h3 {font-size: 18px;line-height: 130%;margin: 3%;}
.box5 .area p{width: 92%;margin: 4%;}
.box5 .area a{line-height: 0px;}
.box6 .area{margin-top: 0;}
.box6 .area .title p{width: 100%;font-size: 20px;}
.box6 .area .fl{float: none;margin-top: 0;margin-left: 0;}
.box6 .area .fl ul{width: 100%;}
.box6 .area .fr{float: none;width: 100%;}
.box6 .area .fr p{width: 92%;margin: 4%}
.box6 .area .fl, .box6 .area .fr { margin-top: 0; }
.box6 .area .fr h3{font-size: 18px;line-height: 130%;margin: 3%;}
.box6 .area .border{margin: 0 auto;height: 30px;}
.box6 .area .title2 p{
	width: 100%;
    font-size: 20px;
    text-align: center;
    text-indent: 0;
	}
.box6 .part2 h3 {font-size: 18px;line-height: 130%;margin: 3%;margin-top: -5%;}
.box6 .part2 p{width: 92%;margin: 4%;}
.box6 .part2 a{line-height: 25px;}
.bottom{overflow: hidden;}
.poster-main{margin: 0 auto;}