@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:url(../images/bg.jpg) center top no-repeat; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}

/* CSS Document */
.header { padding-top:20px; width: 1200px; margin: 0 auto;}
.header:after { content: '\20'; clear: both; display: block; height: 0;}
.header .logo { float: left; margin-left: 98px;}
.nav { line-height: 78px; float: left; margin-left: 120px;}
.nav a { font-size: 24px; color: #717885; margin-right: 70px;}
.chat { margin-top: -13px; float: right; background: url(../images/chat.png) center no-repeat; width: 309px; height: 110px; cursor: pointer;}
.nav a:last-child { margin-right: 0;}
.chatTxt { animation: scaleAni 2s infinite linear; margin-top: 40px; text-align: center; width: 220px;}
.chatTxt p { font-size: 21px; color: #ffffff;}
.chatTxt span { font-size: 9px; color: #ffffff; zoom: 0.8;}
.contBox { width: 1200px; margin:28px auto 0;}
.contLeft { width: 860px; overflow: hidden; padding-top: 50px; float: left; position: relative;}
.contRight { padding-top: 190px; float: right;}
.contRight #resignBtn { display: block; background: url(../images/btn1.png) center no-repeat; width: 339px; height: 118px;
text-align: center; position: relative; line-height: 118px;}
.contRight a { box-sizing: border-box; padding-left: 120px;}
.contRight a p { animation: scaleAni 2s infinite linear;  font-size: 35px; color: #ffffff;}
.contRight #downBtn { margin-top: 70px; display: block; background: url(../images/btn2.png) center no-repeat; width: 339px; height: 118px;
text-align: center; position: relative; line-height: 118px;}
.contRight span { display: block; font-size: 20px; color: #93a0b6; text-align: center; line-height:2;}
.swiper-slide div { transition: all 0.5s; position: absolute; background: url(../images/textbg.png) center no-repeat;
width: 99px; height: 98px;}
.contLeft p { animation: scaleAni 2s infinite linear; line-height: 32px; position: absolute; width: 100%; top: 50%; margin-top: -32px; font-size: 25px; color: #006cf2;
text-align: center;}
.text1 { left: 0; top: 80px;}
.text2 { left: 272px; top: 0;}
.text3 { left: 546px; top:74px;}
.noticeImg { width: 1196px; display: block; margin:72px auto 20px;}
.copyRight { line-height: 3; text-align: center; font-size: 11px; color: #8191af;}
.contTop:after { content: '\20'; display: block; clear: both; height: 0;}
@keyframes scaleAni{
	from{ transform: scale(1);}
	50% { transform: scale(1.1);}
	to{ transform: scale(1);}
}
.swiper-slide>div:hover { margin-top: -20px;}
.swiper {
width: 100%;
height: 100%;
}

.swiper-slide {
text-align: center;
font-size: 18px;


/* 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;
}
.goodNotice { width: 1197px; border: 1px solid #97a3b9; overflow: hidden; height: 160px; border-radius: 12px; overflow: hidden; margin: 30px auto;}
.goodNotice>span { height: 160px; box-sizing: border-box;padding-top: 20px; float: left; font-size: 29px; text-align:  center; color: #ffffff; line-height: 1; width: 49px; background:#97a3b9 ;}
.goodNotice>span a{ color: #ffffff;}
.goodNotice ul { padding-top: 45px; float: left;}
.goodNotice li { font-size: 24px; color: #7f8ea9; line-height: 34px; float: left; position:relative; margin-left:45px; padding-left: 64px;}
.goodNotice li img { position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.goodNotice li p span { color: #1886e1;}
.goodNotice li a { color:#7f8ea9}
.header a:hover { color:#006cf2}