@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:#fff; 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;}
.phoneShow { display: none;}
.DownApp { display: none;}
.header { width: 100%; position: fixed; left: 0; top: 0; z-index: 2; background: #ffffff; height: 80px; border-bottom: 1px solid #cccccc;}
.headerCont { width: 1200px; margin: 0 auto;}
.logo { float: left; margin-top: 14px;}
.headerCont a.payOnline { float: left; font-size: 16px; color: #333333; text-decoration: underline; margin-left: 72px; margin-top: 32px;}
.nav { margin-top: 27px; float: right; overflow: hidden;}
.nav a { transition: all 0.5s; float: left; position: relative; line-height: 52px; margin-left: 70px; font-size: 16px; color: #333333;}
.nav a.cur:after { content: ''; position: absolute; bottom: 0; width: 20px; height: 3px; border-radius: 3px; left: 50%; transform: translateX(-50%);
background: #f1701c;}
.nav a.cur { color: #f1701c; font-weight: bold;}
.nav a:hover { color: #f1701c;}
.banner { background: url(../images/1.jpg) center top no-repeat; background-size: cover; height:100vh;}
.bannerCont { width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 280px;}
.bannerCont p { float: left; font-weight: bold; color: #f3721a; margin-left: 25px; font-size: 30px; line-height: 1; margin-top:60px;}
.bannerTxt { line-height: 35px; float: right; background: #ffffff; padding: 32px 37px 37px; width:700px; font-size: 24px; color: #f3721a; border: 20px solid #ffe7d2;}
.section { position: relative; overflow: hidden; height: 100vh; border-bottom: 1px solid #cccccc;}
.section .pos1 { width: 11%; position: absolute; left: 43px; bottom: 0;}
.section .pos2 { width: 14.94%; position: absolute; left: 43px; bottom: 28px;}
.section .pos3 { width: 14.58%; position: absolute; left: 43px; bottom: 70px;}
.section .pos4 { width: 14.89%; position: absolute; left: 43px; bottom: 16px;}
.sectionCont { width: 1200px; position: relative; height: 100%; margin: 0 auto;}
.sectionTxt { z-index: 2; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.sectionTxt h2 { color: #f3721a; line-height: 88px; font-family: '黑体'; font-size: 60px;}
.sectionTxt p { color: #f3721a; letter-spacing: 10px; font-size: 30px; line-height: 2;}
.pos5 { position: absolute; bottom: 0; right: -118px;}
.pos6 { position: absolute; bottom:68px; right: -88px;}
.pos7 { position: absolute; bottom: 0; right: -157px;}
.pos8 { position: absolute; bottom: 0; right: -108px;}
.downPage { position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.footLogo { display: block; margin: 0 auto 62px;}
.downLink img { height: 50px;}
.downLink { text-align: center;}
.downLink a { margin: 0 10px;}
.copyRight { padding: 40px 0; text-align: center; line-height: 1.5; font-size: 16px; color: #999999;}
.copyRight a { color: #999999;}
.applyBox { padding: 7.8vw 0; border-bottom: 1px solid #cccccc; margin-bottom: 70px; text-align: center; background: url(../images/14.jpg) center no-repeat; background-size:cover ;}
.applyBar { vertical-align: top; width: 500px; display: inline-block; background: #ffffff; margin: 0 70px; height: 500px; box-sizing: border-box; padding-top: 60px; border-radius: 18px;}
.applyBar h2 { font-size: 20px; line-height: 65px; color: #333333;}
.applyBar p { font-size: 20px; color: #999999; line-height: 38px;}
.applyBar p span { color: #f1701c;}
.applyBar a { display: block; width: 300px; height: 60px; border-radius: 60px; text-align: center; line-height: 60px; color: #ffffff;
font-size: 20px; margin: 66px auto 0; background-image: linear-gradient(to bottom,#fbbd5b, #f3721b); box-shadow: 0 8px 6px rgba(243,114,26,.5) ;}
.helpCont a { display: inline-block; margin: 0 70px;}
.helpCont a p { line-height: 3; font-size: 30px; color: #333333;}
.helpCont { border-radius: 18px; width: 1200px; text-align: center; background: #ffffff; margin: 0 auto; padding: 140px 0 110px;}
.datails { width: 1200px; margin: 0 auto;}
.datails h2 { font-weight: bold; font-size: 30px; text-align: center; line-height: 80px;}
.datails p { font-size: 20px; color: #333333; line-height: 1.6; margin-bottom: 20px;}
.datails p span { font-weight: bold;}
.datailsBar { border-bottom: 1px solid #cccccc; padding-bottom: 20px; margin-bottom: 70px;}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-container-h .swiper-slide:last-child {
    height: auto!important;
}
.blank { height: 80px;}
.bannerCont p span { display: none;}
.bannerCont p img { border-radius: 50%; width:160px; margin: 0 auto 40px; display: block;}
.bannerCont p { width: 450px; max-width: 100%;}
.noticeCover {position: fixed; height: 100%; background:rgba(0,0,0,0.5); left: 0; display: none; top: 0; width: 100%; z-index: 10000;}
.noticeCover img { display: block; width: 100%;}
/**/
.downBar { width: 100%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.downBar>img { vertical-align: middle; width: 30%; margin: 0 auto; display: block; max-width: 120px;}
.downInfor { margin-top: 30px; font-size: 26px; letter-spacing: 6px; text-align: center;}
.downInfor p { margin-top: 10px; letter-spacing: 1px; font-size: 18px; color: rgb(90,179,161);}
.downInfor img { vertical-align: -4px; margin-right: 10px; width: 30px;}
.downInfor { display: none;}
@media screen and  (max-width:1440px){
	.bannerCont { padding-top:170px;}
	.pos6 { bottom: 0;}
}
@media screen and  (max-width:1280px){
	
}
@media screen and  (max-width:1200px){
.datails { width: 100%; padding: 0 4%;}
.datails h2 { font-size: 20px;}
.datails p { font-size: 16px;}
.datailsBar { margin-bottom: 40px;}
.helpCont { width: 92%; margin: 0 auto;}
.helpCont a { width: 30%; margin: 0 1%;}
.helpCont img { max-width: 100%;}
.applyBar { max-width:92%; margin: 0 auto 20px; height: auto; padding:40px 0;}
.applyBar a { margin: 30px auto 0; width: 220px; height: 40px; line-height: 40px; font-size: 16px;}
.blank { height: 60px;}
.header { height: 60px;}
.logo { margin-top:15px;}
.logo img { height: 30px;}
.headerCont { width: 100%; padding: 0 4%;}
.bannerCont { width: 100%; height: auto; top: 50%; position: absolute; transform: translateY(-62%); padding: 0 4%;}
.bannerCont p { text-align: center; font-size: 16px; margin: 0 auto 20px; margin-bottom: 40px; float: none;}
.bannerTxt { font-size: 14px; padding:14px; border:6px solid #ffe7d2; float: none; margin: 0 auto; max-width: 100%;}
.banner { position: relative;}
.headerCont a.payOnline { font-size: 14px; margin-left:16px; margin-top:19px;}

.menu { transition: all .5s; display: block; background: url(../images/menu.png) center no-repeat; width:30px; height:30px; position: absolute;
right: 4%; top: 15px; background-size: 100% auto;}
.nav { position: fixed; left:-100%; top: 60px; bottom: 0; width: 100%; margin: 0; background: rgba(0,0,0,0.5);}
.nav a { display: block; float: none; width: 100%; color: #fff; margin: 0; border-bottom: 1px solid #eee; text-indent: 20px;}
.nav a:after { display: none!important;}
.menu.cur { background: url(../images/close.png) center no-repeat; background-size: 100% auto;}
.sectionCont { width: 100%; padding: 0 4%; height: auto; position: absolute; top: 50%; transform: translateY(-50%); box-sizing: border-box;}
.sectionCont img { max-width: 100%; position: static;}
.sectionTxt { position: static; transform: translate(0);}
.sectionTxt h2 { font-size: 30px; line-height: 1.5;}
.sectionTxt p { font-size: 20px; margin-bottom: 40px;}
.downLink img { height: 40px;}
}
@media screen and  (max-width:780px){
.copyRight { font-size: 14px; padding: 10px 0;}
.section .pos3 { bottom: 20px;}
.helpCont a p { font-size: 18px;}
.helpCont a { display: block; width: 100%;}
.helpCont { padding:40px 0 20px;}
.DownApp { display: block; position: absolute; bottom: 20px; left: 50%; transform: translate(-50%); color: #ffffff; background: #f3721a; z-index: 5;
font-size: 18px; width: 260px; text-align: center; line-height: 50px; border-radius: 50px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.phoneShow { display: block; max-width: 92%; margin: 0 auto 20px;}
.banner { background: url(../images/1.jpg) 60% top no-repeat; background-size: cover; height:100vh;}
.swiper-container-h .swiper-slide:nth-child(6) { display: none;}
.bannerCont p { margin-bottom: 20px;}
.bannerTxt { line-height: 2;}
.section .pos4 { left: 10px;}
.section>img { display: none;}
.bannerCont p img { display: none;}
.bannerCont p span{ display: block;}
}