body { font-family: 'Microsoft YaHei',"Open Sans", sans-serif; font-size: 14px; background: #f6f9fc; color: #333; min-width:1200px;}
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
.wrap { width: 96%; margin: 0 auto; width: 1200px; position: relative; }
img, a { border: 0; }
.img img { display: block; margin: 0 auto; }
a:hover { color: #3a6bb3; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img img { display: block; }
.line1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
*, *:after, *:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.flex1 { flex: 1; }
.clear:after { content: ''; display: block; clear: both; }
.modal, .fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.fp_modal { display: table; }
.modal { transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; background: rgba(0,0,0,0.7); }
.fp_modal .cell { display: table-cell; vertical-align: middle; }
.modal_cont { max-width: 990px; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .close { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: url(../img/close.png) no-repeat center center #ccc; border-radius: 100%; cursor: pointer; }
.modal_cont .box { padding: 45px; }
/*----------header----------*/
.bold { font-weight: bold; }
a.btn { display: inline-block; padding: 0 22px; border-radius: 5px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; }
.btn.big { font-size: 20px; padding: 0 40px; line-height: 56px; height: 56px; }
.btn span { display: inline-block; padding-right: 28px; background: url(../img/right.png) no-repeat right center; }
.btn.plain { line-height: 38px; height: 38px; border: 1px solid #fff; }
.btn.plain.big { line-height: 54px; height: 54px; }
.btn.on { background: #ffb245; border: 0; }
.btn.on:hover { background: #ef8d00; }
.btn.primary { background-image: linear-gradient(to right,#fa4832,#ff9329); }
.btn.primary:hover { background-image: linear-gradient(to right,#fa4832,#fa4832); }
.btn.default { border-color: #2a579a; color: #2a579a; border-radius: 0; }
.header { box-shadow: 0 0 20px rgba(6,34,77,.06); background: #fff; line-height: 40px; width: 100%; z-index: 1000; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.header .head_btn .btn.plain { background: #f6f7f9; color: #222; }
.header.on .head_btn .btn.plain { background: none; color: #fff; }
.header .head_btn .btn.on { background: #ffb245; }
.header.on .head_btn .btn.on { background: #ffb245; }
.header.on { position: absolute; top: 0; left: 0; background: none; }
.header.on .menu ul li a { color: #fff; }
.header.on .menu ul li.on a {color: #ffb245;}
.header.on .menu ul li a:hover { color: #ffb245; }
.head { }
.logo { vertical-align: middle; line-height: 40px; }
.logo img { vertical-align: middle; }
.menu { margin-left: 20px; }
.menu.right { text-align: left; margin-right: 30px; }
.menu ul li { display: inline-block; margin-left: 50px; font-size: 16px; line-height: 40px; }
.menu ul li a { color: #222; }
.menu ul li.on a, .menu ul li a:hover { color: #2a579a; }
.head_btn a { margin-left: 20px; }
.swiper1 .swiper-slide { height: 500px; text-align: center; color: #fff; padding-top: 100px; background-repeat: no-repeat; background-position: center center; background-size:cover}
.swiper1 h2 { font-size: 74px; margin-top: 50px; color: #ffb245; display: inline-block; position: relative; letter-spacing: 5px; margin-bottom: 30px; }
.swiper1 h2 label { position: absolute; top: 0; left: 100%; margin-left: 30px; font-size: 22px; letter-spacing: 1px; color: #fff; white-space: nowrap; line-height: 40px; padding: 0 12px; font-weight: normal; background: #fd722d; border-radius: 5px; }
.swiper1 h5 { font-size: 14px; font-weight: normal; position: relative; line-height: 40px; padding: 0 15px; border: 1px dashed rgba(255,255,255,.3); display: inline-block; }
.swiper1 h5 i { position: absolute; width: 0; top: -2px; bottom: -3px; }
.swiper1 h5 i.i1 { left: -3px; }
.swiper1 h5 i.i2 { right: 3px; }
.swiper1 h5 i:after, .swiper1 h5 i:before { content: ''; display: block; clear: both; display: block; width: 5px; height: 5px; background: #fff; }
.swiper1 h5 i:before { position: absolute; bottom: 0; }
.swiper1 h2 label:after { content: ''; display: block; clear: both; width: 9px; height: 12px; background: url(../img/icon1.png) no-repeat center center; position: absolute; top: 50%; margin-top: -6px; left: -8px; }
.swiper1 ul { margin: 50px 0; }
.swiper1 ul li { font-size: 16px; display: inline-block; width: 145px; text-align: center; position: relative; }
.swiper1 ul li:after { content: ''; display: block; top: 10px; position: absolute; bottom: 10px; width: 1px; left: 0; background: rgba(255,255,255,0.12); }
.swiper1 ul li:first-child:after { display: none; }
.swiper1 ul li .icon { padding-top: 42px; background-position: top center; background-repeat: no-repeat; }
.swiper1 ul li .icon1 { background-image: url(../img/icon2.png); }
.swiper1 ul li .icon2 { background-image: url(../img/icon3.png); }
.swiper1 ul li .icon3 { background-image: url(../img/icon4.png); }
.swiper1 ul li .icon4 { background-image: url(../img/icon5.png); }
.swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 10px; background: #fff; margin: 0 5px; opacity: .5; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; width: 20px; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; }
.banner .img1 { overflow: hidden; }
/*----------mainer----------*/
.mainer { }
.page { padding: 70px 0; min-width:1200px;margin:0 auto; }
.page_tit { text-align: center; margin-bottom: 40px; }
.page_tit.on p { color: #fff; }
.page_tit.on h3 { color: #fff; }
.page_tit h3 { font-size: 44px; line-height: 50px; color: #222; }
.page_tit h4 { font-size: 36px; font-weight: normal; }
.page_tit h4 span { color: #2a579a; }
.page_tit p { color: #70747b; font-size: 18px; margin-top: 20px; }
.page_tit p.p1 { font-size: 16px; }
.page_box { margin-top: 30px; box-shadow: 0 10px 20px rgba(42,87,154,.05); }
.page_box .title { line-height: 64px; padding-right: 20px; background-image: linear-gradient(to right,#e9eef5,#fff); align-items: center; position: relative; z-index: 1; }
.page_box .title:before { content: ''; display: block; clear: both; position: absolute; top: 0; left: 0; width: 392px; height: 100%; background: url(../img/bg1.png); z-index: -1; }
.page_box .title .lbl { display: block; line-height: 34px; width: 84px; border-radius: 0 30px 30px 0; background: #3a6bb3; text-align: center; font-size: 22px; font-weight: bold; color: #fff; margin-left: -7px; }
.page_box .title .lbl:after { width: 7px; height: 9px; background: url(../img/icon6.png) no-repeat center center; content: ''; display: block; position: absolute; left: -7px; top: 9px; z-index: -1; }
.page_box .title2 { background-image: linear-gradient(to right,#f4ecf5,#fff); }
.page_box .title2:before { background: url(../img/bg2.png); }
.page_box .title2 .lbl { background: #a560b5; }
.page_box .title2 .lbl:after { background: url(../img/icon7.png) no-repeat center center; }
.page_box .list li { display: inline-block; margin-right: 10px; }
.page_box .title h3 { font-size: 22px; color: #fff; padding: 0 20px; width: 4.5em; }
.page_box .title .lbls { width: 200px; color: #fff; opacity: .8; }
.page_box .title .lbls label { display: block; float: left; padding: 0 8px; border-left: 1px solid rgba(255,255,255,.4); height: 12px; line-height: 12px; }
.page_box .title .lbls label:first-child { border-left: 0; padding-left: 0; }
.more a { display: block; width: 72px; line-height: 36px; border-radius: 5px; background: #f2f4f9; color: #2a579a; text-align: center; }
.more a:hover { background: #eee; }
.more a span { display: inline-block; padding-right: 15px; background: url(../img/right2.png) no-repeat right center; }
.page_box .box { padding: 20px; background: #fff; }
.page_box .box ul { margin: -10px; }
.page_box .box li { width: 20%; float: left; }
.page_box .box a { display: block; margin: 10px; padding-bottom: 10px; }
.page_box .box .img { position: relative; }
.page_box .box .lbl { position: absolute; bottom: 23px; left: 0; right: 0; margin: 0 auto; width: 70px; height: 63px; background: url(../img/lbl.png) no-repeat center center; }
.page_box .box .lbl2 { background: url(../img/lbl2.png) no-repeat center center; }
.page_box .box .text { padding: 5px 9px; }
.page_box .box .text h3 { font-weight: normal; color: #222; line-height: 40px; }
.page_box .box a:hover .text h3 { color: #2a579a; }
.page_box .box .text p { display: inline-block; color: #70747b; line-height: 26px; background: #f6f9fc; border-radius: 0 30px 30px 0; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 198px}
.page_box .box .text p label { display: inline-block; background: #2a579a; border-radius: 30px; border-top-left-radius: 0; color: #fff; width: 42px; text-align: center; margin-right: 10px; }
.page1 { background: url(../img/bg1.jpg) no-repeat center center; background-size: cover; }
.page1_list ul { margin: -8px; }
.page1_list li { width: 25%; float: left; text-align: center; }
.page1_list .box { margin: 8px; border: 1px solid #e9eff3; background: url(../img/bg3.jpg) no-repeat right center #fff; padding-bottom: 25px; box-shadow: 0 5px 20px rgba(42,87,154,.05); }
.page1_list .box .icon { line-height: 200px; }
.page1_list .box .icon img { vertical-align: middle; }
.page1_list .box h3 { font-size: 24px; font-weight: normal; color: #222; margin-bottom: 25px; }
.page1_list .box .txt { height: 72px; line-height: 24px; color: #70747b; }
.page_btn { text-align: center; margin-top: 40px; }
.page_btn a.on { background: #fdae25; border-color: #fdae25; color: #fff; width: 160px; text-align: center; box-shadow: 0 10px 20px rgba(250,178,52,.3); }
.page_btn a.on span { background: url(../img/right.png) no-repeat right center; }
.page_btn a { display: inline-block; padding: 0 40px; line-height: 54px; border: 1px solid #2a579a; color: #2a579a; }
.page_btn a:hover { background: #2a579a; }
.page_btn a:hover span { color: #fff; background: url(../img/right.png) no-repeat right center; }
.page_btn a.on:hover { background: #e79200; }
.page_btn span { display: inline-block; font-size: 20px; padding-right: 27px; background: url(../img/icon12.png) no-repeat right center; }
.page2 { background: url(../img/bg4.jpg) no-repeat top center; }
.logo_list { margin-bottom: 80px; }
.logo_list li { width: 16.667%; float: left; line-height: 200px; }
.logo_list li a { display: block; border-left: 1px solid #eceef1; border-bottom: 1px solid #eceef1; height: 200px; text-align: center; }
.logo_list li:nth-child(6n+1) a { border-left: 0; }
.logo_list li a:hover { box-shadow: 0 10px 20px rgba(42,87,154,0.1); }
.logo_list img { display: inline-block; vertical-align: middle; }
.logo_list ul { background: #fff; border-radius: 5px; box-shadow: 0 10px 20px rgba(42,87,154,0.1); }
.page-fff { background: #fff; }
.news { display: block; }
.news h3 { font-size: 20px; color: #333; font-weight: normal; margin-bottom: 10px; line-height: 40px; }
.news:hover h3 { color: #2a579a; font-weight: bold; }
.news p { font-size: 14px; font-weight: normal; color: #666; }
.news .time { margin-top: 40px; font-size: 18px; }
.news .text { padding: 20px 0; }
.swiper_news_list { position: relative; }
.swiper_cur { position: absolute; left: -143px; right: -143px; top: 40%;  margin-top: -30px; height: 0; }
@media only screen and (max-width: 1510px) {
.swiper_cur{ left:-50px; right:-50px;}
}
@media only screen and (max-width: 1330px) {
.swiper_cur{ left:0px; right:0px;}
}
@media only screen and (max-width: 1230px) {
.page1_list ul{ margin:0}
}
.swiper_cur .cur { width: 14px; height: 58px; cursor: pointer; }
.swiper_cur .cur.prev { float: left; background: url(../img/prev.png) no-repeat center center; }
.swiper_cur .cur.next { float: right; background: url(../img/next.png) no-repeat center center; }


.full { position: fixed; top: 50%; right: 30px; z-index: 1001; }
.full li { position: relative; width: 46px; height: 46px; border-radius: 5px; border: 1px solid #eaeff3; background: #fff; line-height: 46px; margin-bottom: 10px; }
.full li label { position: absolute; top: -1px; bottom: -1px; border-radius: 5px 0 0 5px; right: 0px; color: #fff; white-space: nowrap; padding: 0 20px; opacity: 0; width: 80px;  }
.full li:hover { border-color: #2a579a; background: #2a579a; }
.full li:hover label {right: 32px; background: #2a579a; opacity: 1; }
.full li .icon { width: 46px; border-radius: 5px; height: 46px; display: block; cursor: pointer; background-color: #fff; background-repeat: no-repeat; background-position: center center; }
.full .icon1 { background-image: url(../img/full1.png); }
.full .icon2 { background-image: url(../img/full2.png); }
.full .icon3 { background-image: url(../img/full3.png); }
.full .icon4 { background-image: url(../img/full4.png); }
.full li:hover .icon { background-color: #2a579a; }
.full li:hover .icon1 { background-image: url(../img/full1-1.png); }
.full li:hover .icon2 { background-image: url(../img/full2-1.png); }
.full li:hover .icon3 { background-image: url(../img/full3-1.png); }
.full li:hover .icon4 { background-image: url(../img/full4-1.png); }






/*----------footer----------*/
.footer { background: #282931; padding: 90px 0; color: #fff; padding-bottom: 20px}
.footer .item { float: left; }
.footer .item1 { width: 280px; }
.footer .item1 .logo { margin-bottom: 40px; }
.footer .item1 p { font-size: 20px; line-height: 46px; padding-left: 40px; }
.footer .item1 p.tel { background: url(../img/tel.png) no-repeat left center; }
.footer .item1 p.mail { background: url(../img/mail.png) no-repeat left center; }
.footer .item2 { width: 206px; margin-right: 150px; background: #2d2e36; padding: 15px 20px; line-height: 24px; font-size: 12px; }
.footer .item2 h3 { font-size: 14px; margin-bottom: 5px; }
.footer .item2 p { opacity: .6; }
.footer .item3 { width: 160px; }
.footer .item3 h3 { margin-bottom: 10px; }
.footer .item3 h3:after { content: ''; display: block; width: 22px; height: 1px; background: #fff; opacity: .2; margin-top: 20px; }
.footer .item3 li { line-height: 35px; }
.footer .item3 li a { color: #fff; opacity: .6; }
.footer .item3 li a:hover { opacity: 1; }
.footer .item4 { width: 120px; padding: 10px; float: right; border: 1px solid #3f4047; text-align: center; line-height: 20px; }
.footer .item4 .ewm { padding: 3px; background: #fff; margin-bottom: 10px; }
.footer .item4 .footewm { padding: 3px; background: #fff; margin-bottom: 10px; }
.footer .item4 img { display: block; }
.footer .copyright { padding-top: 17px;padding-bottom: 17px;text-align: center; }
.footer .copyright .row { opacity:0.6; }

.pagesize { text-align: center; padding: 20px 0; }
.pagesize .total {margin: 3px 1px;display: block;line-height: 38px;height: 38px;font-size: 16px}
.pagesize li { display: inline-block; margin: 3px 1px; vertical-align: middle; }
.pagesize a.prev { background-image: url(../img/prev1.png); }
.pagesize a.next { background-image: url(../img/next1.png); }
.pagesize a { display: block; line-height: 38px; height: 38px; width: 38px; text-align: center; background-color: #fff; border: 1px solid #eee; border-radius: 3px; background-repeat: no-repeat; background-position: center center; font-size: 16px; }
.pagesize a:hover, .pagesize a.on { color: #2a579a; border-color: #2a579a; }


/*----------custom----------*/
.main_pos { line-height: 73px; }
.main_pos p { padding-left: 20px; background: url(../img/icon13.png) no-repeat left center; color: #96989b; }
.main_pos a { padding: 0 5px; color: #70747b; }
.main_pos a:hover { color: #2a579a; }
.box { background: #fff; }
.scroll { overflow-x: hidden; line-height: 72px; border-bottom: 1px solid #eef1f5; white-space: nowrap; }
.scrollleft { width: 1000%; }
.scrollleft ul { float: left; }
.scroll li { display: inline-block; padding-right: 90px; }
.scroll li .img { float: left; margin-top: 22px; width: 28px; height: 28px; border-radius: 100%; overflow: hidden; }
.scroll li span { display: inline-block; color: #96989b; }
.scroll li .span1 { padding: 0 10px; color: #222; }
.details { padding: 28px 30px; padding-bottom: 50px; }
.details .imgs { width: 406px; height: 575px; position: relative; z-index: 1; float: left; margin-right: 30px; }
.details .imgs .img { box-shadow: 0 0 20px rgba(4,21,46,0.1); position: relative; }
.details .imgs:after { content: ''; display: block; width: 90%; margin: 0 auto; height: 15px; background: #fff; box-shadow: 0 0 20px rgba(4,21,46,0.1); z-index: -1; }
.details .text { overflow: hidden; padding: 0 37px; }
.details .text .tit { display: flex; align-items: center; height: 117px; border-bottom: 1px solid #eef1f5; }
.details .text h2 { flex: 1; font-size: 28px; color: #222; line-height: 1.5em; }
.details .list { padding: 40px 0; line-height: 40px; }
.details .list li { float: left; font-size: 16px; color: #70747b; }
.details .list li:nth-child(3n+1) { width: 238px; }
.details .list li:nth-child(3n+2) { width: 238px; }
.btns a { display: block; width: 200px; line-height: 56px; background: #2a579a; color: #fff; text-align: center; border-radius: 5px; font-size: 20px; box-shadow: 0 10px 20px rgba(42,87,152,.35); }
.details .btns { margin-bottom: 30px; }
.btns a:hover { background: #0048b4; }
.details .list2 li { width: 50%; float: left; }
.details .list2 .li { display: flex; height: 120px; align-items: center; margin: 11px; background: #f6f7f9; border-radius: 5px; color: #70747b; }
.details .list2 ul { margin: -11px; }
.details .list2 .li .icon { width: 105px; text-align: center; }
.details .list2 .li h3 { font-size: 20px; font-weight: normal; color: #222; margin-bottom: 10px; }
.details .tips { margin-top: 20px; }
.details .tips li { display: block; float: left; margin-left: 45px; }
.details .tips li:first-child { margin-left: 0; }
.details .tips p { padding-left: 25px; line-height: 30px; color: #96989b; }
.details .tips p.p1 { background: url(../img/icon17.png) no-repeat left center; }
.details .tips p.p2 { background: url(../img/icon17-1.png) no-repeat left center; }
.details .tips p.p3 { background: url(../img/icon17-2.png) no-repeat left center; }

.page_nav li { float: left; line-height: 80px; }
.page_nav li a { display: block; padding: 0 30px; font-size: 18px; color: #222; position: relative; }
.page_nav li a:after { content: ''; display: block; clear: both; position: absolute; left: 0; right: 0; width: 40px; height: 4px; margin: 0 auto; bottom: 0; }
.page_nav li.on a { color: #2a579a; }
.page_nav li.on a:after { background: #2a579a; }
.box_det { padding: 40px 30px; margin-bottom: 100px; }
.box_det .title { line-height: 60px; height: 60px; padding: 0 23px; background: #f6f7f9 url(../img/bg5.png) no-repeat left center; margin-bottom: 10px; font-size: 16px; color: #70747b; }
.box_det .title h3 { font-size: 20px; font-weight: normal; color: #fff; float: left; width: 280px; }
.box_det .title h3:before { content: ''; display: inline-block; background: #fff; width: 4px; height: 4px; border-radius: 100%; border: 4px solid #5075ac; margin-right: 10px; }
.page_list3 { position: relative; }
.page_list3:after { content: ''; display: block; height: 1px; position: absolute; left: 170px; right: 170px; background: #2a579a; top: 57px; }
.page_list3 ul { margin: 0 -30px; }
.page_list3 li { width: 33.33%; float: left; text-align: center; }
.page_list3 li .tit { font-size: 18px; color: #2a579a; line-height: 50px; }
.page_list3 li .tit span:after { content: ''; display: block; width: 7px; height: 7px; border-radius: 100%; border: 4px solid #d4ddeb; margin: 0 auto; background: #2a579a; }
.page_list3 .text { color: #70747b; font-size: 16px; margin: 0 auto; margin-top: 20px; width: 236px; background: #f6f7f9; height: 153px; position: relative; }
.page_list3 .text:before { content: ''; display: block; width: 0; height: 0; border: 10px solid #f6f7f9; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; top: -20px; position: absolute; left: 0; right: 0; margin: 0 auto; }
.page_list3 .text .icon { height: 110px; line-height: 110px; }
.page_list3 .text .icon img { vertical-align: middle; display: inline-block; }
.qa_list .text { overflow: hidden; border-bottom: 1px solid #f1f5f7; padding: 25px 0; margin-right: 30px; }
.qa_list li:last-child .text { border-bottom: 0; }
.qa_list .text h3 { line-height: 32px; font-size: 18px; font-weight: normal; margin-bottom: 10px; }
.qa_list .text p { line-height: 30px; font-size: 14px; color: #70747b; }
.qa_list span { float: left; width: 32px; height: 32px; border-radius: 100%; border-top-right-radius: 0; background: #2a579a; font-size: 18px; font-weight: bold; text-align: center; line-height: 32px; color: #fff; margin-right: 13px; margin-top: 25px; }
.main_full { width: 100%; }
.reg_box { margin:0 auto;background: #fff; margin-top: 50px; height: 565px; width: 500px;margin-bottom: 50px;}
.reg_box .tit { line-height: 72px; background: #2a579a; text-align: center; color: #fff; }
.reg_box .tit h2 { font-weight: normal; font-size: 28px; }
.reg_box .box { width: 400px; margin: 20px auto; }

.reg_box .box .list { padding: 15px 0; display: flex; align-items: center; }
.reg_box .box .list span { width: 100px; line-height: 48px; display: block; font-size: 16px; text-align: right;margin-right: 10px;}
.div_input { line-height: 46px; border: 1px solid #dfe3e6; padding: 0 18px; border-radius: 3px; background: #f6f7f9; }
.div_input.bordernone { border: 0; }
.div_select { line-height: 46px; border: 1px solid #dfe3e6; border-radius: 3px; background: #f6f7f9; }
.div_select select { height: 46px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("../img/icon21.png") no-repeat scroll 95% center transparent; padding-right: 14px; padding-left: 18px; width: 100%;; color: #949699; }
.div_input input { width: 100%; border: 0; background: none; }
.div_code { width: 141px; text-align: center; }
.div_yzm { width: 141px; text-align: center; line-height: 48px; }
.div_yzm a { display: block; background: #2a579a; border-radius: 3px; text-align: center; color: #fff; font-size: 16px; }
.div_radio { color: #949699; }
.div_radio a { color: #083f8e; }
.reg_box .btns {}
.reg_box .btns a { margin: 0 auto; }
.reg_box .tit2 { text-align: center; border-bottom: 1px solid #f2f3f6; line-height: 70px; }
.reg_box .tit2 li { display: inline-block; margin: 0 50px; font-size: 18px; }
.reg_box .tit2 li a { display: block; color: #222; position: relative; }
.reg_box .tit2 li.on a { color: #2a579a; }
.reg_box .tit2 li.on a:after { background: #2a579a; }
.reg_box .tit2 li a:after { content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: -2px; left: 0; right: 0; margin: 0 auto; }
.reg_box .box2 { width: 360px; margin: 20px auto; }
.reg_box .box2 .list { margin-top: 20px; }
.reg_box .box2 .list span { line-height: 40px; font-size: 16px; color: #66686c; }
.reg_box .box2 .btns1 { margin-top: 50px; }
.reg_box .box2 .tips { text-align: center; margin-top: 50px; }
.reg_box .box2 .tips p { line-height: 50px; margin-bottom: 0px; color: #8e9195; }
.reg_box .box2 .tips p a { color: #2a579a; }
.reg_box .box2 .tips p .icon { width: 32px; height: 32px; display: inline-block; vertical-align: middle; border-radius: 100%; background-color: #f6f7f9; background-position: center center; background-repeat: no-repeat; margin-left: 20px; }
.reg_box .box2 .tips p .icon:hover { background-color: #eee; }
.reg_box .box2 .tips p .icon.qq { background-image: url(../img/qq.png); }
.reg_box .box2 .tips p .icon.sina { background-image: url(../img/sina.png); }
.btns1 a { width: 100%; box-shadow: none; }
.reg_box .box2 .wx { margin: 25px 0; }
.reg_box .box2 .wx p { line-height: 40px; padding-left: 35px; background: url(../img/wx.png) no-repeat left center; display: inline-block; font-size: 18px; color: #8e9195; }
.reg_box .box2 .ewm { width: 229px; height: 229px; padding: 5px; background: #fff; box-shadow: 0 0 20px rgba(6,34,77,.12); text-align: center; margin: 20px auto; }
.reg_box .box2 .wx { text-align: center; }

.leftside { width: 260px; float: left; margin-right: 20px; background: #fff; }
.content { overflow: hidden; background: #fff; padding: 20px 40px; }
.leftside li a { display: block; position: relative; line-height: 64px; padding: 0 45px; }
.leftside li a:before { content: ''; display: block; width: 4px; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; }
.leftside li.on a, .leftside li a:hover { background: #e9eef5; }
.leftside li.on a span, .leftside li a:hover span { color: #2a579a; }
.leftside li.on a:before, .leftside li a:hover:before { background: #2a579a; }
.leftside li.line { border-bottom: 1px solid #eeeeee; }
.leftside li span { display: block; padding-left: 35px; background-position: left center; background-repeat: no-repeat; font-size: 16px; color: #333; }
.leftside .span1 { background-image: url(../img/l_03.png); }
.leftside .span2 { background-image: url(../img/l_06.png); }
.leftside .span3 { background-image: url(../img/l_08.png); }
.leftside .span4 { background-image: url(../img/l_10.png); }
.leftside .span5 { background-image: url(../img/l_12.png); }
.leftside .span6 { background-image: url(../img/l_14.png); }
.leftside .span7 { background-image: url(../img/l_16.png); }
.leftside .span8 { background-image: url(../img/l_18.png); }
.leftside .span9 { background-image: url(../img/l_20.png); }
.leftside .span10 { background-image: url(../img/l_21.png); }
.leftside li.on .span1, .leftside li a:hover .span1 { background-image: url(../img/l1_03.png); }
.leftside li.on .span2, .leftside li a:hover .span2 { background-image: url(../img/l1_06.png); }
.leftside li.on .span3, .leftside li a:hover .span3 { background-image: url(../img/l1_08.png); }
.leftside li.on .span4, .leftside li a:hover .span4 { background-image: url(../img/l1_10.png); }
.leftside li.on .span5, .leftside li a:hover .span5 { background-image: url(../img/l1_12.png); }
.leftside li.on .span6, .leftside li a:hover .span6 { background-image: url(../img/l1_14.png); }
.leftside li.on .span7, .leftside li a:hover .span7 { background-image: url(../img/l1_16.png); }
.leftside li.on .span8, .leftside li a:hover .span8 { background-image: url(../img/l1_18.png); }
.leftside li.on .span9, .leftside li a:hover .span9 { background-image: url(../img/l1_20.png); }
.leftside li.on .span10, .leftside li a:hover .span10 { background-image: url(../img/l1_21.png); }

.content .title { line-height: 64px; height: 32px; margin-bottom: 32px; border-bottom: 1px solid #eeeeee; }
.content .title h3 { display: block; background: #fff; padding-right: 24px; border-right: 1px solid #eee; line-height: 24px; font-size: 24px; font-weight: normal; margin-top: 20px; float: left; }
.content .text { padding: 30px 0; }
.content .text h3 { font-size: 20px; color: #2a579a; margin-bottom: 20px; }
.content .text p { line-height: 30px; color: #333333; font-size: 16px; margin-bottom: 20px; }
.header.loginon { height: 90px; position: relative; padding: 0; line-height: 90px; }
.header.loginon .wrap { width: 100%; }
.header.loginon .logo { margin-left: 30px; line-height: 90px;display: list-item;list-style-type: none }
.header.loginon .menu { display: none; }
.header.loginon .head_btn { display: none; }
.member { display: flex; justify-content: center; align-items: center; width: 400px; background: url(../img/bg6.png) no-repeat right center; position: absolute; top: 0; bottom: 0; right: 0; text-align: center; }
.member .img { margin-right: 20px; width: 54px; height: 54px; border-radius: 100%; overflow: hidden; }
.member .text{position:relative;cursor:pointer;} 
.member .text:hover .drop{display:block;}
.member .text span { display: block; font-size: 20px; padding-right: 20px; background: url(../img/icon22.png) no-repeat right center; color: #fff; }
.main { padding: 30px 20px; padding-right: 30px; }
.main .content { overflow: hidden; padding: 0; min-height: calc(100vh - 152px); }
.main .content.content_ht { min-height: initial; }
.main .leftside { width: 200px; margin-right: 20px; }
.member .drop {display:none; position:absolute; top:100%; width:150px; padding-top:1px;left:50%;margin-left:-75px;  }
.member .drop a{ color:#fff;}
.member .drop ul{line-height:35px; padding:10px 0; background:#2a579a;}
.rightside { width: 320px; margin-left: 20px; float: right; }
.rightside .item { background: #fff; margin-bottom: 20px; }
.rightside .tit { line-height: 64px; border-bottom: 1px solid #eaedf1; padding: 0 20px; }
.rightside .tit h3 { font-size: 20px; font-weight: normal; }
.rightside .text { padding: 20px; line-height: 30px; font-size: 14px; color: #70747b; }
.rightside .list { padding: 0 20px; }
.rightside .list li { line-height: 42px; border-bottom: 1px dashed #eee; }
.rightside .list li:last-child { border-bottom: 0; }
.rightside .list li a { display: block; }
.rightside .text p { text-align: justify; }
.content .title2 { line-height: 36px; padding: 14px 0; height: 36px; }
.content .title2 h3 { padding: 0 20px; position: relative; }
.content .title2 h3:after { content: ''; display: block; clear: both; width: 4px; height: 19px; background: #2a579a; position: absolute; top: 50%; margin-top: -10px; border-radius: 1px; left: 0; }
.content .title2 h3 { font-size: 20px; font-weight: normal; }
.main .content .text { padding: 0; }
.main .content .box { padding: 23px; }
.main .content p { margin: 0; }
.lw_tit { padding: 9px; box-shadow: 0 5px 10px rgba(6,34,77,.06); border: 1px solid #f3f7fb; display: flex; align-items: center; background: url(../img/bg7.png) no-repeat center right #fff; margin-bottom: 15px; }
.lw_tit .img { width: 100px; margin-right: 20px; }
.lw_tit .text h4 { font-size: 20px; font-weight: normal; margin-bottom: 10px; }
.lw_tit .text p { font-size: 14px; color: #8e9296; }
.lw_cont { background: #f6f9fc; padding: 8px 30px; }
.lw_cont .list { margin-bottom: 35px; }
.lw_cont .list li { float: left; line-height: 45px; border-bottom: 1px dashed #e2ecf5; }
.lw_cont .list li { width: 37%; }
.lw_cont .list li p { overflow: hidden; }
.lw_cont .list li span { float: left; color: #8e9296; }
.lw_cont .list li span:before { content: ''; display: inline-block; width: 4px; height: 4px; background: #2a579a; margin-right: 8px; vertical-align: middle; }
.lw_cont .list li:nth-child(3n+3) { width: 26%; }
.lw_cont .link { margin: 30px 0; text-align: center; }
.lw_cont .link a { display: inline-block; line-height: 20px; border-bottom: 1px solid #ccc; margin: 0 15px; }
.lw_cont a.a1 { color: #2a579a; border-bottom: 1px solid #2a579a; }
.lw_cont a.a2 { color: #eb5542; border-bottom: 1px solid #eb5542; }
.lw_cont .txt { line-height: 26px; color: #8e9296; text-align: center; }
.btn_list { text-align: center; padding: 50px 0; }
.btn_list li { display: inline-block; margin: 0 2px; }
.btn_list li a { display: block; padding: 0 20px; line-height: 44px; color: #fff; background: #2a579a; border-radius: 5px; font-size: 18px; }
.btn_list .txt { margin-top: 30px; }
.btn_list a:hover { background: #003e99; }
.btn_list li.on a { background: #eb5542; }
.btn_list li.on a:hover { background: #dd1900; }
.lw_cont .img { text-align: center; padding: 80px 0 30px 0; }
.lw_cont h5 { font-size: 18px; font-weight: normal; color: #5c5f63; text-align: center; }
.lw_cont_bg { background: url(../img/bg8.jpg) no-repeat top center #f6f9fc; }
.jdt { width: 460px; margin: 0 auto; line-height: 20px; }
.jdt p { width: 400px; float: left; height: 12px; border-radius: 12px; background: #e0e8f2; overflow: hidden; margin-top: 4px !important; }
.jdt p span { width: 0px; height: 12px; border-radius: 12px; background: #2a579a; display: block; margin-left: 0; }
.jdt .span { float: right; font-size: 18px; color: #2a579a; }
.tit_btn { text-align: center; border-radius: 5px; margin-left: 20px; width: 124px; line-height: 36px; background: #2a579a; color: #fff; cursor: pointer; }
.btn_up.on span:before, .btn_up.on span:after { transform: rotate(180deg); }
.tit_btn:hover { background: #003d97; }
.btn_new span:before { content: ''; display: inline-block; width: 12px; height: 12px; background: url(../img/icon28.png) no-repeat center center; margin-right: 5px; }
.btn_up span:before { content: ''; display: inline-block; width: 16px; height: 10px; background: url(../img/icon-up.png) no-repeat center center; margin-right: 5px; }
.content .list2 { text-align: center; width: 70%; margin: 0 auto; }
.content .list2 li { width: 46%; display: block; float: left; text-align: center; margin: 20px 2%; color: #70747b; }
.content .list2 .li { max-width: 360px; height: 240px; border: 1px dashed #eee; background: #f6f9fc; border-radius: 5px; margin: 0 auto; cursor: pointer; position: relative; }
.content .list2 .li .file { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.content .list2 .icon { line-height: 150px;display: list-item;list-style-type: none }
.content .list2 img { vertical-align: middle; }
.content .list2 h4 { font-size: 18px; margin-bottom: 10px; font-weight: normal; color: #222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis }
.content .inputs { width: 280px; margin: 0 auto; }
.content .inputs .flex { align-items: center; margin-bottom: 20px; }

.swiper1 .div_btn a { display: inline-block; }
.div_btn a { display: block; line-height: 52px; font-size: 18px; color: #fff; background: #2a579a; border-radius: 5px; text-align: center; }
.div_btn a:hover { background: #003c96; }
.border { border-top: 1px solid #eee; }
.box_up { transition: all 0s; border-top: 1px solid #eee; }
.cont_list .box_up { display: none; }
.cont_list { clear: both; }
.cont_list .list3 { border-top: 11px solid #f6f9fc; }
.cont_list .list3 .title2 { padding: 14px 20px; align-items: center; }
.cont_list .list3 .title2 h3:after { display: none; }
.cont_list .title2 .btn { display: block; line-height: 28px; color: #fff; height: 28px; }
.cont_list .title2 .btn a { color: #fff; display: block; padding: 0 11px; background: #2a579a; border-radius: 5px; }
.cont_list .title2 .btn a:hover { background: #003c96; }
.cont_list .title2 .btn a span { padding: 0; padding-left: 20px; background: url(../img/icon26.png) no-repeat left center; }
.cont_list .title2 .btn_up { background: none; width: auto; color: #70747b; cursor: pointer; }
.cont_list .title2 .btn_up span:after { content: ''; display: inline-block; vertical-align: middle; width: 32px; height: 32px; border-radius: 100%; background: url(../img/icon27.png) no-repeat center center #e9eef5; margin-left: 10px; }
.tab { padding: 20px 30px; }
.tab table { width: 100%; line-height: 60px; }
.tab table th { font-weight: normal; background: #f6f9fc; font-size: 16px; }
.tab table td { border-bottom: 1px dashed #eee; text-align: center; }
.tab table td:last-child { width: 200px; }
.tab table td:first-child { width: 164px; }
.tab table tr:last-child td { border-bottom: 0; }
.tab table td .a_btn { display: inline-block; width: 72px; height: 28px; line-height: 28px; border-radius: 5px; text-align: center; color: #fff; }
.tab table td .a_btn.a1 { background: #eb5542; }
.tab table td .a_btn.a2 { background: #2a579a; }
.tab table td .a_btn.a1:hover { background: #ed1b00; }
.tab table td .a_btn.a2:hover { background: #003d98; }

.modal_cont { width: 900px; border-radius: 10px; }
.modal_cont .title { line-height: 64px; border-bottom: 1px solid #eee; position: relative; }
.modal_cont .title .close { position: absolute; top: 50%; margin-top: -12px; right: 20px; width: 24px; height: 24px; background: url(../img/close.png) no-repeat center center; }
.modal_cont .title h3 { padding-left: 20px; position: relative; font-size: 20px; color: #222; font-weight: normal; }
.modal_cont .title h3:after { content: ''; display: block; position: absolute; top: 50%; margin-top: -10px; left: 0; width: 4px; height: 19px; background: #2a579a; border-radius: 1px; }
.modal_cont .box { padding: 0 15px; }
.modal_cont .tit .span_txt { float: left; margin-right: 10px; }
.modal_cont .tit { padding: 30px 0; line-height: 40px; }
.modal_cont .tit .div_select, .modal_cont .tit .div_input { float: left; margin-right: 30px; width: 100px; height: 38px; line-height: 38px;display: list-item;list-style-type: none}
.modal_cont .tit .div_select select { height: 38px; background-position: 85% center; }
.modal_cont .tit a { display: block; width: 100px; text-align: center; border-radius: 5px; float: left; background: #e9eef5; margin-right: 10px; color: #2a579a; font-size: 16px; }
.modal_cont .tit a span { display: inline-block; padding-left: 20px; background: url(../img/icon29.png) no-repeat left center; }
.modal_cont .tit a.on { background: #2a579a; color: #fff; }
.modal_cont .tit a span.span1 { background: url(../img/icon30.png) no-repeat left center; }
.mask_list { background: #f6f9fc; padding: 10px; }
.mask_list .list li { width: 33.33%; float: left; }
.mask_list .list li:nth-child(3n+1) { clear: both; }
.mask_list .list a { box-shadow: 0 5px 10px rgba(6,34,77,.06); display: block; margin: 10px; background: #fff; border-radius: 2px; border: 2px solid #fff; position: relative; }
.mask_list .list .on a:before { content: ''; display: block; position: absolute; bottom: 0; right: 0; width: 24px; height: 24px; background: url(../img/icon31.png) no-repeat center center; }
.mask_list .list .on a, .mask_list .list a:hover { border-color: #eb5542; }
.mask_list .list a:after { content: ''; display: block; clear: both; }
.mask_list .list li .img { float: left; width: 80px; height: 80px; margin-right: 15px; line-height: 80px; text-align: center; }
.mask_list .list li .img img { display: inline-block; vertical-align: middle; }
.mask_list .list li .text { overflow: hidden; padding-top: 15px; padding-right: 15px; }
.mask_list .list li .text h3 { line-height: 24px; font-size: 16px; font-weight: normal; }
.mask_list .list li .text label { line-height: 18px; width: 32px; font-size: 12px; color: #fff; background: #2a579a; display: inline-block; text-align: center; margin-right: 4px; border-radius: 2px; }
.mask_list .list li .text label.lbl1 { background: #2a579a; }
.mask_list .list li .text label.lbl2 { background: #1e956c; }
.mask_list .list li .text label.lbl3 { background: #904aa0; }
.modal_btn { padding: 30px 0; text-align: center; }
.modal_btn a { display: inline-block; width: 150px; line-height: 50px; border: 1px solid #2a579a; color: #2a579a; border-radius: 5px; font-size: 18px; margin: 0 10px; }
.modal_btn a.on { background: #2a579a; color: #fff; }
.modal_btn span { display: inline-block; padding-left: 40px; }
.modal_btn .btn_zfb { background: #06b4fd; color: #fff; border-color: #06b4fd; width: 164px; }
.modal_btn .btn_zfb:hover { background: #00a0e3; }
.modal_btn .btn_zfb span { background: url(../img/icon32.png) no-repeat left center; }
.modal_btn .btn_wx { background: #0cbb08; color: #fff; border-color: #0cbb08; width: 164px; }
.modal_btn .btn_wx span { background: url(../img/icon33.png) no-repeat left center; }
.modal_btn .btn_wx:hover { background: #04a800; }
.pay_box:after { content: ''; display: block; clear: both; }
.pay_box { position: relative; background: #f6f9fc; padding: 30px; margin: 20px 5px; padding-bottom: 60px; margin-bottom: 0; }
.pay_box .img { z-index: 3; box-shadow: 0 0 20px rgba(4,21,46,0.1); }
.pay_box .img1 { width: 260px; z-index: 3; float: left; position: relative; margin-right: 50px; }
.pay_box .img1:after, .pay_box .img1:before { position: absolute; height: 10px; box-shadow: 0 0 20px rgba(4,21,46,0.1); top: 100%; content: ''; display: block; background: #fff; }
.pay_box .img1:before { left: 10px; right: 10px; z-index: 2; }
.pay_box .img1:after { left: 20px; right: 20px; margin-top: 10px; z-index: 1; }
.pay_box .text { overflow: hidden; padding-top: 20px; line-height: 40px; font-size: 16px; color: #70747b; }
.pay_box .pay { position: absolute; bottom: 50px; right: 20px; font-size: 16px; color: #222; }
.pay_box .pay span { color: #ef402a; }
.pay_box .pay label { font-size: 28px; font-weight: bold; }

@media only screen and (max-width: 1500px){
    .rightside{display:none;}
}

.qrcodeExpired{display: none;width: 200px;height: 130px;margin: 10px auto;text-align: center;padding-top: 70px;border: #eee 1px solid;background: #fff;}
.qrcodeExpired p{height: 36px;line-height: 36px;color:#ccc;}
.layui-progress {position: relative;height: 6px;border-radius: 20px;background-color: #e2e2e2}
.layui-progress-bar {position: absolute;left: 0;top: 0;width: 0;max-width: 100%;height: 6px;border-radius: 20px;text-align: right;background-color: #2a579a;transition: all .3s;-webkit-transition: all .3s;}
.layui-progress-text {position: relative;top: -18px;line-height: 18px;font-size: 12px;color: #666;}