@charset "UTF-8";/*清除默认样式 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { font-family:"微软雅黑"; margin: 0;padding: 0; font-size: 16px;}
body,h1,a,button,input,select,textarea { color: #333;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,audio,video {display: block;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
ul,ol {list-style: none;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
p,span {color: inherit;}
table {border-collapse: collapse;}
input,textarea {outline: none;border: none;}
input {border: none;appearance: none;-moz-appearance: none;outline: none;-webkit-appearance: none;}
:-moz-placeholder,::-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder {color: inherit;opacity: 0.55;font-size: 16px;}
textarea {resize: none;overflow: auto;}
input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset;}
button,input,select,textarea {font-size: 100%;}
* {margin: 0;padding: 0;box-sizing: border-box;}
input,textarea,select {outline: none;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-justify: distribute-all-lines;}
button,
input,
select,
textarea {font-size: 15px;line-height: 1;margin: 0; border: 0;outline: none;background: none;}
form {width: 100%;}
input,
textarea {-webkit-appearance: none;}
input {line-height: normal;text-overflow: ellipsis;}
input:focus::-webkit-input-placeholder {/* WebKit browsers */color: transparent;}
input:focus:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: transparent;}
input:focus::-moz-placeholder {/* Mozilla Firefox 19+ */color: transparent;}
input:focus:-ms-input-placeholder {/* Internet Explorer 10+ */color: transparent;}
input,
[tabindex="0"] {outline: 0 !important;}
textarea {resize: none;}
label {font-weight: normal;margin-bottom: 0;}
select::-ms-expand {display: none;}
a:active,
button::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
select::-moz-focus-inner,
input[type='file']>input[type='button']::-moz-focus-inner {border: 0;outline: 0;}
a,
button {cursor: pointer;}
a,a:hover {text-decoration: none;outline: none;}
ul li {list-style-type: none;}img {border: none;}
.lf{float: left}
.rt{float: right}
.pr{ position:relative}
.pa{ position:absolute}
.section {width: 100%;overflow: hidden;}
.fr{float:right; display:inline}
.fl{float:left; display:inline}
/*通用样式*/
.img-cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear,.main{display:inline-block;}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.box-container-fluid {width: 100%;margin: 0 auto;}
.clearfix {zoom: 1;}
.clearfix:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.flex {display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.flex-wrap {flex-flow: wrap;}
.flex-between {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.inline-block {display: inline-block;}
.block {display: block;}
.hide {display: none;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justif {text-align: justify;}
.text-nowrap {white-space: nowrap;}
.text-l {text-transform: lowercase;}
.text-u {text-transform: uppercase;}
.text-c {text-transform: capitalize;}
.text-bold {font-weight: bold;}
.line-1 {line-height: 1.1;}
.line-2 {line-height: 1.2;}
.line-3 {line-height: 1.3;}
.line-4 {line-height: 1.4;}
.line-5 {line-height: 1.5;}
.line-6 {line-height: 1.6;}
.line-7 {line-height: 1.7;}
.line-8 {line-height: 1.8;}
.line-9 {line-height: 1.9;}
.line-10 {line-height: 2;}
.line-11 {line-height: 2.1;}
.line-12 {line-height: 2.2;}
@media (max-width:1024px) {
.line-9 {line-height: 1.6;}
.line-10 {line-height: 1.8;}
.line-11 {line-height: 1.8;}
.line-12 {line-height: 2;}
}
@media (max-width:768px) {
.line-10 {line-height: 1.8;}
.line-11 {line-height: 1.8;}
.line-12 {line-height: 1.8;}
}
.tc{ text-align: center;}
.before {opacity: 0;visibility: hidden;}
.after {opacity: 1;visibility: visible;}
.font {font-family: Arial;}
.txts {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.upper {text-transform: uppercase;}
.middle {vertical-align: middle;}
.background {background-size: contain;background-repeat: no-repeat;background-position: center center;}
button {outline: none;}
.por{position: relative;}
.poa{position: absolute;}
.pof{position: fixed;}
.poa-f{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ovh{overflow: hidden;}

.tran-middle{position: absolute;top: 50%;left: 50%;transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}

.f-no{display:flex;flex-flow:row wrap;}
.f-no-b-center{display:flex;flex-flow:row wrap;justify-content: space-between;align-items: center;}
.f-no-b-start{display:flex;flex-flow:row wrap;justify-content:space-between;align-items: flex-start;}
.f-no-b-stretch{display:flex;flex-flow:row wrap;justify-content:space-between;align-items: stretch;}
.f-no-c-center {display:flex;flex-flow:row wrap;justify-content:center;align-items: center;}
.f-no-c-start{display:flex;flex-flow:row wrap;justify-content:center;align-items: flex-start;}
.f-no-c-stretch{display:flex;flex-flow:row wrap;justify-content:center;align-items: stretch;}
.f-no-s-center{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items: center;}
.f-no-s-end{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items: flex-end;}
.f-no-s-stretch{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items: stretch;}
.f-no-end-start{display:flex;flex-flow:row wrap;justify-content:flex-end;}
.f-no-col{display:flex;flex-flow:column wrap;}
.f-no-col-b-center{display:flex;flex-flow:column wrap;justify-content: space-between;align-items: center;}
.f-no-col-c-center{display:flex;flex-flow:column wrap;justify-content:center;align-items: center;}
.f-no-col-s-center{display:flex;flex-flow:column wrap;justify-content:flex-start;align-items: center;}
.f-no-col-s-end{display:flex;flex-flow:column wrap;justify-content:flex-start;align-items: flex-end;}
.f-no-col-c-start{display:flex;flex-flow:column wrap;justify-content:center;align-items: flex-start;}
.f-no-col-b-start{display:flex;flex-flow:column wrap;justify-content:space-between;align-items: flex-start;}
.f-no-col-end-start{display:flex;flex-flow:column wrap;justify-content:flex-end;align-items: flex-start;} 

.trans {-webkit-transition: all .4s;-o-transition: all .4s;transition: all 0.4s;}
.trans2 {-webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);-o-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);}
.trans-md {-webkit-transition: all .8s;-o-transition: all .8s;transition: all 0.8s;}
.trans-md2 {-webkit-transition: all 0.8s cubic-bezier(1, 0, 0, 1);-o-transition: all 0.8s cubic-bezier(1, 0, 0, 1);transition: all 0.8s cubic-bezier(1, 0, 0, 1);}
.cssanimations .anim_emt, .cssanimations .anim_group .anim_item {visibility: hidden;}
.cssanimations .anim_emt.visb, .cssanimations .anim_group .anim_item.visb {visibility: inherit;}
.anim-loader {animation: loader 1829ms linear infinite, loader_dash 2156ms ease-in-out infinite;}
.anim-fade-out {-webkit-animation: fade_out .5s ease forwards;animation: fade_out 0.5s ease forwards;}
.anim_emt.start {-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: ease;animation-timing-function: ease;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.anim_emt.start.scale_up {-webkit-animation-name: mk_scale;animation-name: mk_scale;}
.anim_emt.start.scale_down {-webkit-animation-name: mk_scale2;animation-name: mk_scale2;-webkit-animation-duration: 2.5s;animation-duration: 2.5s;}
.anim_emt.start.fade_in {-webkit-animation-name: mk_fade;animation-name: mk_fade;}
.anim_emt.start.r_to_l {-webkit-animation-name: mk_right_to_left;animation-name: mk_right_to_left;}
.anim_emt.start.l_to_r {-webkit-animation-name: mk_left_to_right;animation-name: mk_left_to_right;}
.anim_emt.start.t_to_b {-webkit-animation-name: mk_top_to_bottom;animation-name: mk_top_to_bottom;}
.anim_emt.start.b_to_t {-webkit-animation-name: mk_bottom_to_top;animation-name: mk_bottom_to_top;}
.anim_emt.start.path_r_to_l {-webkit-animation-name: path_r_to_l;animation-name: path_r_to_l;-webkit-animation-duration: 2.5s;animation-duration: 2.5s;}
.anim_emt.start.fade_in {-webkit-animation-name: mk_fade;animation-name: mk_fade;}
.cssanimations .anim_emt.visb, .cssanimations .anim_group .anim_item.visb {visibility: inherit;}
.anim_emt.start {-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: ease;animation-timing-function: ease;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.cssanimations .anim_emt, .cssanimations .anim_group .anim_item {visibility: hidden;}
.slide_anim {visibility: hidden;}
.slide_anim.start {visibility: visible;}
.slide_anim.b_to_t.start {-webkit-animation: mk_bottom_to_top 1.2s;animation: mk_bottom_to_top 1.2s;}
.anim_emt.palx_img.start {overflow: hidden;-webkit-animation-name: tt_palx_wrap;animation-name: tt_palx_wrap;}
.anim_emt.palx_img.start .img-wrap {-webkit-animation: tt_palx_img 1.2s;animation: tt_palx_img 1.2s;}@keyframes path_r_to_l {0% {-webkit-clip-path: inset(0 0 0 93%);clip-path: inset(0 0 0 93%);}100% {-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0);}}@keyframes tt_palx_wrap {0% {-webkit-transform: translateY(30px);transform: translateY(30px);opacity: 0;}100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}@keyframes tt_palx_img {0% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}100% {-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes loader {to {-webkit-transform: rotate3d(0, 0, 1, 360deg);transform: rotate3d(0, 0, 1, 360deg);}}@keyframes loader_dash {from {stroke-dasharray: 0 150;stroke-dashoffset: 0;}to {stroke-dasharray: 100 150;stroke-dashoffset: -140;}}@keyframes line_w100 {to {left: 100%;}}@keyframes rotate_360 {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes fade_out {0% {opacity: 1;}100% {opacity: 0;}}@keyframes fade_in {0% {opacity: 0;}100% {opacity: 1;}}@keyframes fade_out_in {0%,100% {opacity: 1;}50% {opacity: 0;}}@keyframes mk_scale {0% {-webkit-transform: scale(0.5);transform: scale(0.5);opacity: 0;}100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}}@keyframes mk_scale2 {0% {-webkit-transform: scale(1.1);transform: scale(1.1);opacity: .5;}100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}}@keyframes mk_fade {0% {opacity: 0;}100% {opacity: 1;}}@keyframes mk_left_to_right {0% {-webkit-transform: translateX(-1.5rem);transform: translateX(-1.5rem);opacity: 0;}100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}}@keyframes mk_right_to_left {0% {-webkit-transform: translateX(1.5rem);transform: translateX(1.5rem);opacity: 0;}100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}}@keyframes mk_bottom_to_top {0% {-webkit-transform: translateY(1.5rem);transform: translateY(1.5rem);opacity: 0;}100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}@keyframes mk_top_to_bottom {0% {-webkit-transform: translateY(-1.5rem);transform: translateY(-1.5rem);opacity: 0;}100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}@keyframes mk_spt {0% {-webkit-transform: translateY(10%);transform: translateY(10%);opacity: 0;}100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}
.js-m {opacity: 0;transform: translate(0, 30px);transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);}
.js-m.animate {opacity: 1;transform: translate(0, 0);}
.js-m-2-1 {opacity: 0;transform: translate(0, 30px);transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);}
.js-m-2-1.animate {opacity: 1;transform: translate(0, 0);}
.a-del1 {animation-delay: 0.1s;}
.a-del2 {animation-delay: 0.2s;}
.a-del3 {animation-delay: 0.3s;}
.a-del4 {animation-delay: 0.4s;}
.a-del5 {animation-delay: 0.5s;}
.a-del6 {animation-delay: 0.6s;}
.a-del7 {animation-delay: 0.7s;}
.a-del8 {animation-delay: 0.8s;}
.a-del9 {animation-delay: 0.9s;}
.a-del10 {animation-delay: 1s;}
.a-del11{animation-delay: 1.1s;}
.a-del12{animation-delay: 1.2s;}
.a-del13{animation-delay: 1.3s;}
.a-del14{animation-delay: 1.4s;}
.a-del15{animation-delay: 1.5s;}
.a-del20{animation-delay: 2s;}
.a-dur1 {animation-duration: 0.3s;}
.a-dur2 {animation-duration: 0.4s;}
.a-dur3 {animation-duration: 0.5s;}
.a-dur4 {animation-duration: 0.6s;}
.a-dur5 {animation-duration: 0.7s;}
.a-dur6 {animation-duration: 0.8s;}
.a-dur7 {animation-duration: 0.9s;}
.a-dur8 {animation-duration: 1s;}
.a-dur9 {animation-duration: 1.1s;}
.a-dur10 {animation-duration: 1.2s;}
.a-dur11 {animation-duration: 1.3s;}
.a-dur12 {animation-duration: 1.4s;}
.a-dur13 {animation-duration: 1.5s;}
.a-dur14 {animation-duration: 1.6s;}
.a-dur15 {animation-duration: 1.7s;}
.a-dur16 {animation-duration: 1.8s;}
.a-dur17 {animation-duration: 1.9s;}
.a-dur18 {animation-duration: 2s;}
.t-del1 {transition-delay: 0.1s;}
.t-del2 {transition-delay: 0.2s;}
.t-del3 {transition-delay: 0.3s;}
.t-del4 {transition-delay: 0.4s;}
.t-del5 {transition-delay: 0.5s;}
.t-del6 {transition-delay: 0.6s;}
.t-del7 {transition-delay: 0.7s;}
.t-del8 {transition-delay: 0.8s;}
.t-del9 {transition-delay: 0.9s;}
.t-del10 {transition-delay: 1s;}


.page_section{padding: 80px 0;}
.page_section1{padding: 80px 0 150px;}
.page_section2{padding: 30px 0 80px;}
.zw{ padding-top: 80px; margin-top: -80px;}
.pagetit .tit{ font-size: 46px; font-weight: bold; color: #333333;padding-left: 40px; padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.pagetit .tit::before{ position: absolute; left: 0px; top: 12px; content: ""; width: 10px; height: 50px; background-image: -webkit-linear-gradient(to top, #225ce8,#4abafc);background-image: linear-gradient(to top, #225ce8, #4abafc); }
.pagetit .desc{ font-size: 16px; line-height: 32px; color: #666; }
.pc{ display: block;}
.mob{ display: none;}
.ban_ph {display: none;}
.pagetitle .tit{ font-size: 40px; font-weight: bold; color: #333333; margin-bottom: 20px; }
.pagetitle .desc{ font-size: 18px; color: #666; line-height: 34px;}
@media (max-width:1620px) {
.pagetit .tit{ font-size: 42px;padding-left: 38px;}
.pagetit .tit::before{  height: 40px;  }
}
@media (max-width:1440px) {
.page_section{padding: 60px 0;}
.page_section1{padding: 60px 0 120px;}
.page_section2{padding: 30px 0 60px;}
.pagetit .tit{ font-size: 38px;padding-left: 36px;}
.pagetit .tit::before{  height: 36px;  }

.pagetitle .tit{ font-size: 34px;}}
@media (max-width:1366px) {
.page_section1{padding: 50px 0 100px;}
.pagetit .tit{ font-size: 36px;padding-left: 34px;}
.pagetit .tit::before{  height:36px;  }
.pagetitle .desc{ line-height: 32px;}
.pagetitle .tit{ font-size: 30px;}}
@media (max-width:1280px) {
.page_section{padding: 50px 0;}
.page_section1{padding: 50px 0 80px;}
.page_section2{padding: 30px 0 50px;}
.pagetit .tit{ font-size: 30px; padding-bottom: 15px; margin-bottom: 15px; padding-left: 32px;}
.pagetit .tit::before{width: 8px; height: 30px; top: 10px;}
.pagetitle .tit{ font-size: 26px;}}
@media (max-width:1024px) {
.pagetit .tit{ font-size: 26px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 22px;}
.pagetit .tit::before{width: 6px; height: 28px; top: 8px; }
.pagetitle .desc{ font-size: 16px; line-height: 30px;}
.pagetitle .tit{ font-size: 22px;}
.pagetitle .desc{ font-size: 16px;  line-height: 30px;}

.pc{ display: none;}
.mob{ display: block;}}
@media (max-width:767px) {
.page_section{padding: 40px 0;}
.page_section1{padding:40px 0 60px;}
.page_section2{padding: 30px 0 40px;}
.pagetit .tit{ font-size: 22px;}
.pagetit .tit::before{  height: 22px; width: 4px; top: 5px; }
.pagetitle .tit{ font-size: 20px;}
.ban_pc{display: none;}
.ban_ph{display: block;}
}
.f72{ font-size: 72px;} 
.f60{ font-size: 60px;} 
.f54{ font-size: 54px;} 
.f52{ font-size: 52px;} 
.f50{ font-size: 50px;} 
.f48{ font-size: 48px;} 
.f44{ font-size: 44px;} 
.f40{ font-size: 40px;} 
.f36{ font-size: 36px;} 
.f30{ font-size: 30px;} 
.f24{ font-size: 24px;} 
.f22{ font-size: 22px;} 
.f20{ font-size: 20px;} 
.f18{ font-size: 18px;} 
.f16{ font-size: 16px;} 
@media (max-width: 1700px) {
.f72{ font-size: 70px;} 
.f36{ font-size: 34px;} 
}
@media (max-width: 1600px) {
.f72{ font-size: 66px;} 
.f60{ font-size: 56px;} 
.f54{ font-size: 50px;} 
.f52{ font-size: 48px;}
.f50{ font-size: 46px;}
.f48{ font-size:44px; }
.f44{ font-size: 40px;} 
.f40{ font-size: 38px;} 
.f36{ font-size: 32px;} 
.f30{ font-size: 28px;} 
}
@media (max-width: 1440px) {
.f72{ font-size: 60px;} 
.f60{ font-size: 50px;} 
.f54{ font-size: 46px;} 
.f52{ font-size: 44px;}
.f50{ font-size: 42px;}
.f48{ font-size: 40px; }
.f44{ font-size: 36px;} 
.f40{ font-size: 34px;} 
.f36{ font-size: 30px;} 
.f30{ font-size: 26px;} 
}
@media (max-width: 1366px) {
.f72{ font-size: 56px;} 
.f60{ font-size: 46px;} 
.f54{ font-size: 42px;} 
.f52{ font-size: 40px;}
.f50{ font-size: 38px;}
.f48{ font-size: 36px; }
.f44{ font-size: 34px;} 
.f40{ font-size: 32px;} 
.f36{ font-size: 28px;} 
.f30{ font-size: 24px;} 
.f24{ font-size: 22px;} 
}
@media (max-width: 1280px) {
.f72{ font-size: 50px;} 
.f60{ font-size: 42px;} 
.f54{ font-size: 38px;} 
.f52{ font-size: 36px;}
.f50{ font-size: 34px;}
.f48{ font-size: 32px;}
.f44{ font-size: 30px;} 
.f40{ font-size: 28px;} 
.f36{ font-size: 26px;} 
.f30{ font-size: 22px;} 
.f24{ font-size: 20px;} 
.f22{ font-size: 20px;} 

}  
@media (max-width: 1200px) {
.f72{ font-size: 46px;} 
.f60{ font-size: 38px;} 
.f48 {font-size:32px; }
}
@media (max-width: 1024px) {
.f72{ font-size: 42px;} 
.f60{ font-size: 36px;} 
.f54{ font-size: 34px;} 
.f52{ font-size: 32px;}
.f50{ font-size: 30px;}
.f44{ font-size: 30px;} 
.f40{ font-size: 28px;} 
.f36{ font-size: 24px;} 
.f22{ font-size: 18px;} 
}   
@media (max-width: 992px) {
.f72{ font-size: 38px;} 
.f60{ font-size: 30px;} 
.f54{ font-size: 30px;} 
.f52{ font-size: 28px;}
.f50{ font-size: 28px;}
.f48{ font-size: 30px;}
.f44{ font-size: 26px;} 
.f40{ font-size: 26px;} 
.f36{ font-size: 22px;} 
.f30{ font-size: 20px;} 
.f24{ font-size: 18px;} 
.f18{ font-size: 16px;} 

}   
@media (max-width: 768px) {
.f72{ font-size: 34px;} 
.f60{ font-size: 28px;} 
.f54{ font-size: 26px;} 
.f52{ font-size: 24px;}
.f50{ font-size: 22px;}
.f48{ font-size: 26px;}
.f44{ font-size: 24px;} 
.f40{ font-size: 24px;} 
.f20{ font-size: 18px;} 
.f36{ font-size: 20px;} 
.f30{ font-size: 18px;} 
.f18{ font-size: 16px;} 
}   
@media (max-width: 468px) {
.f72{ font-size: 32px;} 
.f60{ font-size: 26px;} 
.f54{ font-size: 24px;} 
.f52{ font-size: 22px;}
.f50{ font-size: 22px;}
.f48{ font-size: 20px;}
.f44{ font-size: 20px;} 
.f40{ font-size: 20px;} 
.f36{ font-size: 18px;} 
} 
@media (max-width: 428px) {
.f72{ font-size: 28px;} 
.f52{ font-size: 20px;}
.f48{ font-size: 18px;}
}
@media (max-width: 400px) {
.f72{ font-size: 26px;} 
.f52{ font-size: 18px;}
}
/*==常用颜色==*/
.col-fff {
  color: #fff;
}
.col-000 {
  color: #000;
}
.col-111 {
  color: #111;
}
.col-222 {
  color: #222;
}
.col-333 {
  color: #333;
}
.col-444 {
  color: #444;
}
.col-555 {
  color: #555;
}
.col-666 {
  color: #666;
}
.col-777 {
  color: #666;
}
.col-888 {
  color: #666;
}
.col-999 {
  color: #999;
}
/* padding */
.pt-5{ padding-top: 5px;}
.pl-5{ padding-left: 5px;}
.pr-5{ padding-right: 5px;}
.pb-5{ padding-bottom: 5px;}
.p5{ padding: 5px;}
.pt-10{ padding-top: 10px;}
.pl-10{ padding-left: 10px;}
.pr-10{ padding-right: 10px;}
.pb-10{ padding-bottom: 10px;}
.p10{ padding: 10px;}
.pt-15{ padding-top: 15px;}
.pl-15{ padding-left: 15px;}
.pr-15{ padding-right: 15px;}
.pb-15{ padding-bottom: 15px;}
.p15{ padding: 15px;}
.pt-20{ padding-top: 20px;}
.pl-20{ padding-left: 20px;}
.pr-20{ padding-right: 20px;}
.pb-20{ padding-bottom: 20px;}
.p20{ padding: 20px;}
.pt-25{ padding-top: 25px;}
.pl-25{ padding-left: 25px;}
.pr-25{ padding-right: 25px;}
.pb-25{ padding-bottom: 25px;}
.p25{ padding: 25px;}
.pt-30{ padding-top: 30px;}
.pl-30{ padding-left: 30px;}
.pr-30{ padding-right: 30px;}
.pb-30{ padding-bottom: 30px;}
.p30{ padding: 30px;}
.pt-40{ padding-top: 40px;}
.pl-40{ padding-left: 40px;}
.pr-40{ padding-right: 40px;}
.pb-40{ padding-bottom: 40px;}
.p40{ padding: 40px;}
.pt-50{ padding-top: 50px;}
.pl-50{ padding-left: 50px;}
.pr-50{ padding-right: 50px;}
.pb-50{ padding-bottom: 50px;}
.p50{ padding: 50px;}
.pt-60{ padding-top: 60px;}
.pl-60{ padding-left: 60px;}
.pr-60{ padding-right: 60px;}
.pb-60{ padding-bottom: 60px;}
.p60{ padding: 60px;}
.pt-70{ padding-top: 70px;}
.pl-70{ padding-left: 70px;}
.pr-70{ padding-right: 70px;}
.pb-70{ padding-bottom: 70px;}
.p70{ padding: 70px;}

/* margin */
.mt-5{ margin-top: 5px;}
.ml-5{ margin-left: 5px;}
.mr-5{ margin-right: 5px;}
.mb-5{ margin-bottom: 5px;}
.m5{ margin: 5px;}
.mt-10{ margin-top: 10px;}
.ml-10{ margin-left: 10px;}
.mr-10{ margin-right: 10px;}
.mb-10{ margin-bottom: 10px;}
.m10{ margin: 10px;}
.mt-15{ margin-top: 15px;}
.ml-15{ margin-left: 15px;}
.mr-15{ margin-right: 15px;}
.mb-15{ margin-bottom: 15px;}
.m15{ margin: 15px;}
.mt-20{ margin-top: 20px;}
.ml-20{ margin-left: 20px;}
.mr-20{ margin-right: 20px;}
.mb-20{ margin-bottom: 20px;}
.m20{ margin: 20px;}
.mt-25{ margin-top: 25px;}
.ml-25{ margin-left: 25px;}
.mr-25{ margin-right: 25px;}
.mb-25{ margin-bottom: 25px;}
.m25{ margin: 25px;}
.mt-30{ margin-top: 30px;}
.ml-30{ margin-left: 30px;}
.mr-30{ margin-right: 30px;}
.mb-30{ margin-bottom: 30px;}
.m30{ margin: 30px;}
.mt-40{ margin-top: 40px;}
.ml-40{ margin-left: 40px;}
.mr-40{ margin-right: 40px;}
.mb-40{ margin-bottom: 40px;}
.m40{ margin: 40px;}
.mt-50{ margin-top: 50px;}
.ml-50{ margin-left: 50px;}
.mr-50{ margin-right: 50px;}
.mb-50{ margin-bottom: 50px;}
.m50{ margin: 50px; }
.mt-60{ margin-top: 60px;}
.ml-60{ margin-left: 60px;}
.mr-60{ margin-right: 60px;}
.mb-60{ margin-bottom: 60px;}
.m60{ margin: 60px; }
.mt-70{ margin-top: 70px;}
.ml-70{ margin-left: 70px;}
.mr-70{ margin-right: 70px;}
.mb-70{ margin-bottom: 70px;}
.m70{ margin: 70px; }

@media screen and (max-width:1600px) {
    /* padding */
  .pt-10{ padding-top: 8px;}
  .pl-10{ padding-left: 8px;}
  .pr-10{ padding-right: 8px;}
  .pb-10{ padding-bottom: 8px;}
  .p10{ padding: 8px;}
  .pt-15{ padding-top: 13px;}
  .pl-15{ padding-left: 13px;}
  .pr-15{ padding-right: 13px;}
  .pb-15{ padding-bottom: 13px;}
  .p15{ padding: 13px;}
  .pt-20{ padding-top: 16px;}
  .pl-20{ padding-left: 16px;}
  .pr-20{ padding-right: 16px;}
  .pb-20{ padding-bottom: 16px;}
  .p20{ padding: 16px;}
  .pt-25{ padding-top: 20px;}
  .pl-25{ padding-left: 20px;}
  .pr-25{ padding-right: 20px;}
  .pb-25{ padding-bottom: 20px;}
  .p25{ padding: 20px;}
  .pt-30{ padding-top: 26px;}
  .pl-30{ padding-left: 26px;}
  .pr-30{ padding-right: 26px;}
  .pb-30{ padding-bottom: 26px;}
  .p30{ padding: 26px;}
  .pt-40{ padding-top: 36px;}
  .pl-40{ padding-left: 36px;}
  .pr-40{ padding-right: 36px;}
  .pb-40{ padding-bottom: 36px;}
  .p40{ padding: 36px;}
  .pt-50{ padding-top: 40px;}
  .pl-50{ padding-left: 40px;}
  .pr-50{ padding-right: 40px;}
  .pb-50{ padding-bottom: 40px;}
  .p50{ padding: 40px;}
  .pt-60{ padding-top: 50px;}
  .pl-60{ padding-left: 50px;}
  .pr-60{ padding-right: 50px;}
  .pb-60{ padding-bottom: 50px;}
  .p60{ padding: 50px; }
  .pt-70{ padding-top: 60px;}
  .pl-70{ padding-left: 60px;}
  .pr-70{ padding-right: 60px;}
  .pb-70{ padding-bottom: 60px;}
  .p70{ padding: 60px;}
  
  /* margin */
  .mt-10{ margin-top: 8px;}
  .ml-10{ margin-left: 8px;}
  .mr-10{ margin-right: 8px;}
  .mb-10{ margin-bottom: 8px;}
  .m10{ margin: 8px;}
  .mt-15{ margin-top: 13px;}
  .ml-15{ margin-left: 13px;}
  .mr-15{ margin-right: 13px;}
  .mb-15{ margin-bottom: 13px;}
  .m15{ margin: 13px;}
  .mt-20{ margin-top: 16px;}
  .ml-20{ margin-left: 16px;}
  .mr-20{ margin-right: 16px;}
  .mb-20{ margin-bottom: 16px;}
  .m20{ margin: 16px;}
  .mt-25{ margin-top: 20px;}
  .ml-25{ margin-left: 20px;}
  .mr-25{ margin-right: 20px;}
  .mb-25{ margin-bottom: 20px;}
  .m25{ margin: 20px;}
  .mt-30{ margin-top: 26px;}
  .ml-30{ margin-left: 26px;}
  .mr-30{ margin-right: 26px;}
  .mb-30{ margin-bottom: 26px;}
  .m30{ margin: 26px;}
  .mt-40{ margin-top: 36px;}
  .ml-40{ margin-left: 36px;}
  .mr-40{ margin-right: 36px;}
  .mb-40{ margin-bottom: 36px;}
  .m40{ margin: 36px;}
  .mt-50{ margin-top: 40px;}
  .ml-50{ margin-left: 40px;}
  .mr-50{ margin-right: 40px;}
  .mb-50{ margin-bottom: 40px;}
  .m50{ margin: 40px; }
  .mt-60{ margin-top: 50px;}
  .ml-60{ margin-left: 50px;}
  .mr-60{ margin-right: 50px;}
  .mb-60{ margin-bottom: 50px;}
  .m60{ margin: 50px; }
  .mt-70{ margin-top: 60px;}
  .ml-70{ margin-left: 60px;}
  .mr-70{ margin-right: 60px;}
  .mb-70{ margin-bottom: 60px;}
  .m70{ margin: 60px; }
  
  }
  
  @media screen and (max-width:1440px) {
     /* padding */
  .pt-10{ padding-top: 6px;}
  .pl-10{ padding-left: 6px;}
  .pr-10{ padding-right: 6px;}
  .pb-10{ padding-bottom: 6px;}
  .p10{ padding: 6px;}
  .pt-15{ padding-top: 10px;}
  .pl-15{ padding-left: 10px;}
  .pr-15{ padding-right: 10px;}
  .pb-15{ padding-bottom: 10px;}
  .p15{ padding: 10px;}
  .pt-20{ padding-top: 15px;}
  .pl-20{ padding-left: 15px;}
  .pr-20{ padding-right: 15px;}
  .pb-20{ padding-bottom: 15px;}
  .p20{ padding: 15px;}
  .pt-25{ padding-top: 18px;}
  .pl-25{ padding-left: 18px;}
  .pr-25{ padding-right: 18px;}
  .pb-25{ padding-bottom: 18px;}
  .p25{ padding: 18px;}
  .pt-30{ padding-top: 24px;}
  .pl-30{ padding-left: 24px;}
  .pr-30{ padding-right: 24px;}
  .pb-30{ padding-bottom: 24px;}
  .p30{ padding: 24px;}
  .pt-40{ padding-top: 34px;}
  .pl-40{ padding-left: 34px;}
  .pr-40{ padding-right: 34px;}
  .pb-40{ padding-bottom: 34px;}
  .p40{ padding: 34px;}
  .pt-50{ padding-top: 35px;}
  .pl-50{ padding-left: 35px;}
  .pr-50{ padding-right: 35px;}
  .pb-50{ padding-bottom: 35px;}
  .p50{ padding: 35px;}
  .pt-60{ padding-top: 40px;}
  .pl-60{ padding-left: 40px;}
  .pr-60{ padding-right: 40px;}
  .pb-60{ padding-bottom: 40px;}
  .p60{ padding: 40px; }
  .pt-70{ padding-top: 50px;}
  .pl-70{ padding-left: 50px;}
  .pr-70{ padding-right: 50px;}
  .pb-70{ padding-bottom: 50px;}
  .p70{ padding: 50px;}
  
  /* margin */
  .mt-10{ margin-top: 6px;}
  .ml-10{ margin-left: 6px;}
  .mr-10{ margin-right: 6px;}
  .mb-10{ margin-bottom: 6px;}
  .m10{ margin: 6px;}
  .mt-15{ margin-top: 10px;}
  .ml-15{ margin-left: 10px;}
  .mr-15{ margin-right: 10px;}
  .mb-15{ margin-bottom: 10px;}
  .m15{ margin: 10px;}
  .mt-20{ margin-top: 15px;}
  .ml-20{ margin-left: 15px;}
  .mr-20{ margin-right: 15px;}
  .mb-20{ margin-bottom: 15px;}
  .m20{ margin: 15px;}
  .mt-25{ margin-top: 18px;}
  .ml-25{ margin-left: 18px;}
  .mr-25{ margin-right: 18px;}
  .mb-25{ margin-bottom: 18px;}
  .m25{ margin: 18px;}
  .mt-30{ margin-top: 24px;}
  .ml-30{ margin-left: 24px;}
  .mr-30{ margin-right: 24px;}
  .mb-30{ margin-bottom: 24px;}
  .m30{ margin: 24px;}
  .mt-40{ margin-top: 34px;}
  .ml-40{ margin-left: 34px;}
  .mr-40{ margin-right: 34px;}
  .mb-40{ margin-bottom: 34px;}
  .m40{ margin: 34px;}
  .mt-50{ margin-top: 35px;}
  .ml-50{ margin-left: 35px;}
  .mr-50{ margin-right: 35px;}
  .mb-50{ margin-bottom: 35px;}
  .m50{ margin: 35px; }
  .mt-60{ margin-top: 40px;}
  .ml-60{ margin-left: 40px;}
  .mr-60{ margin-right: 40px;}
  .mb-60{ margin-bottom: 40px;}
  .m60{ margin: 40px; }
  .mt-70{ margin-top: 50px;}
  .ml-70{ margin-left: 50px;}
  .mr-70{ margin-right: 50px;}
  .mb-70{ margin-bottom: 50px;}
  .m70{ margin: 50px; }
  
   .pglist{ margin-top: 40px }
  
  }
  
  @media screen and (max-width:1280px) {
           /* padding */
     .pt-10{ padding-top: 5px;}
     .pl-10{ padding-left: 5px;}
     .pr-10{ padding-right: 5px;}
     .pb-10{ padding-bottom: 5px;}
     .p10{ padding: 5px;}
     .pt-15{ padding-top:8px;}
     .pl-15{ padding-left:8px;}
     .pr-15{ padding-right:8px;}
     .pb-15{ padding-bottom:8px;}
     .p15{ padding:8px;}
     .pt-20{ padding-top: 12px;}
     .pl-20{ padding-left: 12px;}
     .pr-20{ padding-right: 12px;}
     .pb-20{ padding-bottom: 12px;}
     .p20{ padding: 12px;}
     .pt-25{ padding-top: 16px;}
     .pl-25{ padding-left: 16px;}
     .pr-25{ padding-right: 16px;}
     .pb-25{ padding-bottom: 16px;}
     .p25{ padding: 16px;}
     .pt-30{ padding-top: 22px;}
     .pl-30{ padding-left: 22px;}
     .pr-30{ padding-right: 22px;}
     .pb-30{ padding-bottom: 22px;}
     .p30{ padding: 22px;}
     .pt-40{ padding-top: 30px;}
     .pl-40{ padding-left: 30px;}
     .pr-40{ padding-right: 30px;}
     .pb-40{ padding-bottom: 30px;}
     .p40{ padding: 30px;}
     .pt-50{ padding-top:30px;}
     .pl-50{ padding-left: 30px;}
     .pr-50{ padding-right: 30px;}
     .pb-50{ padding-bottom: 30px;}
     .p50{ padding: 30px;}
     .pt-60{ padding-top: 35px;}
     .pl-60{ padding-left: 35px;}
     .pr-60{ padding-right: 35px;}
     .pb-60{ padding-bottom: 35px;}
     .p60{ padding: 35px; }
     .pt-70{ padding-top: 40px;}
     .pl-70{ padding-left: 40px;}
     .pr-70{ padding-right: 40px;}
     .pb-70{ padding-bottom: 40px;}
     .p70{ padding: 40px;}
     
     /* margin */
     .mt-10{ margin-top: 5px;}
     .ml-10{ margin-left: 5px;}
     .mr-10{ margin-right: 5px;}
     .mb-10{ margin-bottom: 5px;}
     .m10{ margin: 5px;}
     .mt-15{ margin-top:8px;}
     .ml-15{ margin-left:8px;}
     .mr-15{ margin-right:8px;}
     .mb-15{ margin-bottom:8px;}
     .m15{ margin:8px;}
     .mt-20{ margin-top: 12px;}
     .ml-20{ margin-left: 12px;}
     .mr-20{ margin-right: 12px;}
     .mb-20{ margin-bottom: 12px;}
     .m20{ margin: 12px;}
     .mt-25{ margin-top: 16px;}
     .ml-25{ margin-left: 16px;}
     .mr-25{ margin-right: 16px;}
     .mb-25{ margin-bottom: 16px;}
     .m25{ margin: 16px;}
     .mt-30{ margin-top: 22px;}
     .ml-30{ margin-left: 22px;}
     .mr-30{ margin-right: 22px;}
     .mb-30{ margin-bottom: 22px;}
     .m30{ margin: 22px;}
     .mt-40{ margin-top: 30px;}
     .ml-40{ margin-left: 30px;}
     .mr-40{ margin-right: 30px;}
     .mb-40{ margin-bottom: 30px;}
     .m40{ margin: 30px;}
     .mt-50{ margin-top: 30px;}
     .ml-50{ margin-left: 30px;}
     .mr-50{ margin-right: 30px;}
     .mb-50{ margin-bottom: 30px;}
     .m50{ margin: 30px; }
     .mt-60{ margin-top: 35px;}
     .ml-60{ margin-left: 35px;}
     .mr-60{ margin-right: 35px;}
     .mb-60{ margin-bottom: 35px;}
     .m60{ margin: 35px; }
     .mt-70{ margin-top: 40px;}
     .ml-70{ margin-left: 40px;}
     .mr-70{ margin-right: 40px;}
     .mb-70{ margin-bottom: 40px;}
     .m70{ margin: 40px; }
  
   .pglist{ margin-top: 35px }
       
  }
  
  @media screen and (max-width:1000px) {
    
    .pt-10{ padding-top: 5px;}
    .pl-10{ padding-left: 5px;}
    .pr-10{ padding-right: 5px;}
    .pb-10{ padding-bottom: 5px;}
    .p10{ padding: 5px;}
    .pt-15{ padding-top:8px;}
    .pl-15{ padding-left:8px;}
    .pr-15{ padding-right:8px;}
    .pb-15{ padding-bottom:8px;}
    .p15{ padding:8px;}
    .pt-20{ padding-top: 15px;}
    .pl-20{ padding-left: 15px;}
    .pr-20{ padding-right: 15px;}
    .pb-20{ padding-bottom: 15px;}
    .p20{ padding: 15px;}
    .pt-25{ padding-top: 15px;}
    .pl-25{ padding-left: 15px;}
    .pr-25{ padding-right: 15px;}
    .pb-25{ padding-bottom: 15px;}
    .p25{ padding: 15px;}
    .pt-30{ padding-top: 18px;}
    .pl-30{ padding-left: 18px;}
    .pr-30{ padding-right: 18px;}
    .pb-30{ padding-bottom: 18px;}
    .p30{ padding: 18px;}
    .pt-40{ padding-top: 20px;}
    .pl-40{ padding-left: 20px;}
    .pr-40{ padding-right: 20px;}
    .pb-40{ padding-bottom: 20px;}
    .p40{ padding: 20px;}
    .pt-50{ padding-top: 25px;}
    .pl-50{ padding-left: 25px;}
    .pr-50{ padding-right: 25px;}
    .pb-50{ padding-bottom: 25px;}
    .p50{ padding: 25px;}
    .pt-60{ padding-top: 30px;}
    .pl-60{ padding-left: 30px;}
    .pr-60{ padding-right: 30px;}
    .pb-60{ padding-bottom: 30px;}
    .p60{ padding: 30px; }
    .pt-70{ padding-top: 35px;}
    .pl-70{ padding-left: 35px;}
    .pr-70{ padding-right: 35px;}
    .pb-70{ padding-bottom: 35px;}
    .p70{ padding: 35px;}
    
    /* margin */
    .mt-10{ margin-top: 5px;}
    .ml-10{ margin-left: 5px;}
    .mr-10{ margin-right: 5px;}
    .mb-10{ margin-bottom: 5px;}
    .m10{ margin: 5px;}
    .mt-15{ margin-top:8px;}
    .ml-15{ margin-left:8px;}
    .mr-15{ margin-right:8px;}
    .mb-15{ margin-bottom:8px;}
    .m15{ margin:8px;}
    .mt-20{ margin-top: 15px;}
    .ml-20{ margin-left: 15px;}
    .mr-20{ margin-right: 15px;}
    .mb-20{ margin-bottom: 15px;}
    .m20{ margin: 15px;}
    .mt-25{ margin-top: 15px;}
    .ml-25{ margin-left: 15px;}
    .mr-25{ margin-right: 15px;}
    .mb-25{ margin-bottom: 15px;}
    .m25{ margin: 15px;}
    .mt-30{ margin-top: 18px;}
    .ml-30{ margin-left: 18px;}
    .mr-30{ margin-right: 18px;}
    .mb-30{ margin-bottom: 18px;}
    .m30{ margin: 18px;}
    .mt-40{ margin-top: 20px;}
    .ml-40{ margin-left: 20px;}
    .mr-40{ margin-right: 20px;}
    .mb-40{ margin-bottom: 20px;}
    .m40{ margin: 20px;}
    .mt-50{ margin-top: 25px;}
    .ml-50{ margin-left: 25px;}
    .mr-50{ margin-right: 25px;}
    .mb-50{ margin-bottom: 25px;}
    .m50{ margin: 25px; }
    .mt-60{ margin-top: 30px;}
    .ml-60{ margin-left: 30px;}
    .mr-60{ margin-right: 30px;}
    .mb-60{ margin-bottom: 30px;}
    .m60{ margin: 30px; }
    .mt-70{ margin-top: 35px;}
    .ml-70{ margin-left: 35px;}
    .mr-70{ margin-right: 35px;}
    .mb-70{ margin-bottom: 35px;}
    .m70{ margin: 35px; }
   .pglist{ margin-top: 30px } 
    
    
  }
  
  @media screen and (max-width:750px) { 
  
    .pt-40{ padding-top: 20px;}
    .pl-40{ padding-left: 20px;}
    .pr-40{ padding-right: 20px;}
    .pb-40{ padding-bottom: 20px;}
    .p40{ padding: 20px;}
    .pt-50{ padding-top: 20px;}
    .pl-50{ padding-left: 20px;}
    .pr-50{ padding-right: 20px;}
    .pb-50{ padding-bottom: 20px;}
    .p50{ padding: 20px;}
    .pt-60{ padding-top: 20px;}
    .pl-60{ padding-left: 20px;}
    .pr-60{ padding-right: 20px;}
    .pb-60{ padding-bottom: 20px;}
    .p60{ padding: 20px; }
    .pt-70{ padding-top: 20px;}
    .pl-70{ padding-left: 20px;}
    .pr-70{ padding-right: 20px;}
    .pb-70{ padding-bottom: 20px;}
    .p70{ padding: 20px;}
    
    /* margin */
    
    .mt-40{ margin-top: 20px;}
    .ml-40{ margin-left: 20px;}
    .mr-40{ margin-right: 20px;}
    .mb-40{ margin-bottom: 20px;}
    .m40{ margin: 20px;}
    .mt-50{ margin-top: 20px;}
    .ml-50{ margin-left: 20px;}
    .mr-50{ margin-right: 20px;}
    .mb-50{ margin-bottom: 20px;}
    .m50{ margin: 20px; }
    .mt-60{ margin-top: 20px;}
    .ml-60{ margin-left: 20px;}
    .mr-60{ margin-right: 20px;}
    .mb-60{ margin-bottom: 20px;}
    .m60{ margin: 20px; }
    .mt-70{ margin-top: 20px;}
    .ml-70{ margin-left: 20px;}
    .mr-70{ margin-right: 20px;}
    .mb-70{ margin-bottom: 20px;}
    .m70{ margin: 20px; }

  }
.common-scroll-num {position: relative;color: #1e50e4; }
.common-scroll-num .placeholder-num {opacity: 0;}
.common-scroll-num .scroll-num {position: absolute;top: 0;left: 0;}
.common-scroll-num .scroll-num .dataNums {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-webkit-justify-content: flex-start;-moz-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;height: 60px;}
.common-scroll-num .scroll-num .dataNums .dataOne {width: 34px;height: 60px;}
.common-scroll-num .scroll-num .dataNums .dataBoc {position: relative;width: 100%;height: 100%;overflow: hidden;}
.common-scroll-num .scroll-num .dataNums .dataBoc .tt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*通用page*/
.pages{text-align:center; margin-top: 30px; margin-left: auto; margin-right: auto; }
.pages ul{display:inline-block}
.pages a {float:left;margin:0 5px;width:52px;height:52px;line-height:52px;text-align:center;color:#777;border:1px solid #dcdcdc;border-radius:50%;background-color:#fff}
.pages a:hover,.pages  a.on{background-color:#0149dd;border:1px solid #0149dd;color:#fff}
.pages .next,.pages .prev{font-weight:700; font-size:20px;margin:0 10px}
.pages span{float:left; font-weight:700;font-family:Arial;border-radius:50%;background-color:#0149dd;border:1px solid #0149dd;color:#fff;margin:0 5px;width:52px;height:52px;line-height:52px;text-align:center; }
.pages a.first,.pages a.last{font-weight:700; font-size:12px;width:70px;border-radius:41%;color:#777;height:52px;line-height:52px}
.pages .a1{ background:#fff url(../images/page_l.png) no-repeat center; }
.pages .a2{ background:#fff url(../images/page_r.png) no-repeat center; }
.pages .a1:hover{ background:#0149dd url(../images/page_l_h.png) no-repeat center; }
.pages .a2:hover{ background:#0149dd url(../images/page_r_h.png) no-repeat center; }
@media (max-width: 768px) {
.pages a{ width:42px;height:42px;line-height:42px; }
.pages a.first,.pages a.last{ width:42px; height:42px;line-height:42px;}
.pages span{ width:42px; height:42px;line-height:42px; }

}
.zoom-img {overflow: hidden;}
.zoom-img .img {overflow: hidden;}
.zoom-img img {transition: all .5s;}
.zoom-img:hover img {transform: scale(1.04);-ms-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-moz-transform: scale(1.04);}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.mb50{ margin-bottom:50px;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.f-cb {zoom: 1;}
.flexBetween {display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-8{padding-bottom: 8%;}
.rect-10{padding-bottom: 10%;}
.rect-32{padding-bottom: 32%;}
.rect-35{padding-bottom: 35.5%;}
.rect-36{padding-bottom: 36%;}
.rect-40{padding-bottom: 40%;}
.rect-45{padding-bottom: 45%;}
.rect-49{padding-bottom: 49%;}
.rect-50{padding-bottom: 50%;}
.rect-52{padding-bottom: 52%;}
.rect-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-58{padding-bottom: 58%;}
.rect-595{padding-bottom: 59.5%;}
.rect-60{padding-bottom: 60%;}
/*.rect-61{padding-bottom: 61%;}*/
.rect-608{padding-bottom: 60.8%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-63{padding-bottom: 63%;}
.rect-64{padding-bottom: 64%;}
.rect-65{padding-bottom: 65%;}
.rect-652{padding-bottom: 65.2%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-668{padding-bottom: 66.8%;}
.rect-671{padding-bottom: 67.1%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-76{padding-bottom: 76%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-97{padding-bottom: 97%;}
.rect-100{padding-bottom: 100%;}
.rect-105{padding-bottom: 105%;}
.rect-109{padding-bottom: 109%;}
.rect-110{padding-bottom: 110%;}
.rect-120{padding-bottom: 120%;}
.rect-124{padding-bottom: 124%;}
.rect-125{padding-bottom: 125%;}
.rect-150{padding-bottom: 150%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}

.mores{  padding: 10px 35px; color: #fff;position: relative;overflow: hidden;border-radius:15px;transition: all .5s; border:3px solid #fff;}
.mores:hover {background: #1E50E6;color: #fff;border:3px solid #1E50E6;}

.more1{padding: 15px 45px;  color: #1E50E6;position: relative;overflow: hidden;border-radius: 15px;transition: all .5s;}
.more1:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;
  --m-i: linear-gradient(#fff, #fff);
  --m-o: content-box, padding-box;
  box-sizing: border-box;
  padding: 3px;
  border-radius:15px;
  background-image: linear-gradient(0deg, #1E50E6, #50C8FF);
  -webkit-mask-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  -webkit-mask-image:linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  -webkit-mask-origin: var(--m-o);-webkit-mask-origin: var(--m-o);-webkit-mask-clip: var(--m-o);
  -webkit-mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  filter: hue-rotate(0);
  transition: all .5s;}
.more1:hover {background: #1E50E6;color: #fff;}
.more1:hover:before{opacity: 0;}
@media (max-width: 1280px){
  .more1{padding: 12px 35px; }
}
@media (max-width: 768px){
  .more1{padding: 12px 25px; }
}
@media (max-width: 468px){
  .more1{padding: 12px 25px; width: 125px; }
}
@media (max-width: 1024px){
.more:before{
  background: transparent;
  border: 2px solid #1E50E6;
  --m-i: auto;
}
}
/*
.more a{ color:#fff;font-size:16px; font-weight:normal;padding:12px 40px; text-transform: uppercase; border-radius: 15px; border:3px solid #fff; line-height:30px; position: relative; }
.more a:hover{ background: #1e50e4; border: 3px solid #1e50e4; color: #fff;}

.more.more1 a{ border:3px solid -webkit-linear-gradient(to top, #225ce8,#4abafc)!important; }
 

@media (max-width:1366px) {
.more a{border-radius: 15px; padding:10px 50px 10px 30px;}
.more a:after{ right:10px;width: 30px; top: 14px;}
}
@media (max-width:1200px) {
.more a{ font-size:16px; }
}
@media (max-width:992px) {
.more a{ padding:10px 60px 10px 20px;}
}
*/

header{ display:block}

.pic {font-size: 0;overflow: hidden;display: block;width: 100%;}
.pic img {display: block;width: 100%;transition: transform 0.8s ease;-webkit-transition: transform 0.8s ease;-moz-transition: transform 0.8s ease;-ms-transition: transform 0.8s ease;-o-transition: transform 0.8s ease;}

.phone-nav {display: none;}
.header-wrapper {display: none;/* position: fixed; top: 0px; left: 0px; width: 100%; background: #fff; */z-index: 9; box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;-o-transition: background 0.3s ease;}
.header-wrapper .box-container {display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between; align-items: center;}
.header-wrapper .logo-box {width: 15%;}
.header-wrapper .logo-box a {display: block;}
.header-wrapper .logo-box a img {display: block;}
.header-wrapper .other-box {display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */align-items: center;}


@media (max-width: 1200px){
.mzbox,.container {width: 96%;}
}
 
 
.footer{background:#0a1830; }
.mod_footer_primary {display: flex;flex-wrap: wrap;padding-top: 80px !important;padding-bottom: 40px !important;}
.mod_footer_left {width: 30%; z-index: 9;}
.mod_footer_right {width: 70%;float: right;}
.mod_footer_logo {display: block;width: 244px;margin-bottom: 32px;}
  
.mod_footer_link {display: flex;margin-bottom: 24px;}
.mod_footer_link_wx,.mod_footer_link_dy {width: 48px;position: relative;display: block;cursor: pointer;}
.mod_footer_link_wx img,.mod_footer_link_dy img {width: 100%;}
.mod_footer_link_wx {margin-right: 30px;}
.mflw_qr {position: absolute;padding: 16px 32px;background-color: #fff;left: 48px;top: 50%;transform: translateY(-50%);z-index: 1;box-shadow: 0px 2px 8px rgba(0, 77, 140, 0.1), 0px 2px 16px rgba(0, 77, 140, 0.05);transition: all 0.36s;opacity: 0;pointer-events: none;display: block;}
.mflw_qr::after {content: "";position: absolute;right: 100%;top: 50%;transform: translateY(-50%);border-left: 0;border-right: 9px solid #fff;border-top: 9px solid transparent;border-bottom: 9px solid transparent;}
.mflw_qr::before {content: "";position: absolute;height: 100%;width: 20px;right: 100%;top: 0;background-color: transparent;}
.mflw_qr_item {width: 120px;}
.mflw_qr_item img {width: 120px;margin-bottom: 5px;}
.mflw_qr_item_text {font-size: 16px;line-height: 160%;color: #000000;text-align: center;}
.mflw_qr {white-space: nowrap;}
.mflw_qr_item {display: inline-block;margin-right: 40px;}
.mflw_qr_item:last-child {margin-right: 0;}
.mod_footer_right_list { margin: 0 0 0 -40px;}
.mod_footer_right_item:not(:last-child) { float: left; padding:0 50px;}
.mod_footer_right_item:last-child {float: left; padding-left: 50px;padding-right: 0px;}
.mfrc_tit {font-weight: bold;color: #fff;margin-bottom: 26px;display: block;}
.mfrc_item {margin-bottom: 16px; }
.mfrc_item:last-child {margin-bottom: 0;}
.mfrc_list {margin-bottom: 32px;}
.mod_footer_bot {background-color: #0a1830; border-top: 1px solid #7d7d7d;}
.mod_footer_bot_cen {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;height: 100%;min-height: 83px;}
.mfbc_left p {color: #FFFFFF;opacity: 0.7;font-size: 16px;line-height: 180%;}
.mfbc_left span {line-height: 1.8;}
.mfbc_left a {color: #FFFFFF;line-height: 1.8;}
.mfbc_right_list {display: flex;color: #FFFFFF;line-height: 180%;opacity: 0.7;}
.mfbc_right_item {margin-left: 10px;}
.mfbc_right_item:first-child {margin-left: 0px;margin-right: 10px;}
.mfbc_right_item:last-child {margin-right: 0px;}
.mfbc_right_item a {font-size: 16px;line-height: 180%;color: #FFFFFF;opacity: 0.7;transition: all 0.36s;}
 

.std_text1, .std_text1 p {font-size: 20px;line-height:2;}
.std_text2, .std_text2 p {font-size: 16px;line-height: 2;color: #FFFFFF;opacity: 0.6;}
@media screen and (max-width:1620px) {
.mod_footer_right_item:not(:last-child) { padding:0 44px;}
.mod_footer_right_item:last-child { padding-left: 44px; }
}
@media screen and (max-width:1520px) {
.mod_footer_right_item:not(:last-child) { padding:0 40px;}
.mod_footer_right_item:last-child { padding-left: 40px; }
}
@media screen and (max-width:1460px) {
.mod_footer_right_item:not(:last-child) { padding:0 36px;}
.mod_footer_right_item:last-child { padding-left: 36px; }
}
  
@media screen and (max-width:1440px) {
.mod_footer_right_list {display: flex;margin: 0 0 0 -25px;}
.mod_footer_right_item:not(:last-child) { padding:0 32px;}
.mod_footer_right_item:last-child { padding-left: 32px; }
}
@media screen and (max-width:1390px) {
.mod_footer_right_item:not(:last-child) { padding:0 30px;}
.mod_footer_right_item:last-child { padding-left: 30px; }
}
@media screen and (max-width:1360px) {
.mod_footer_right_item:not(:last-child) { padding:0 26px;}
.mod_footer_right_item:last-child { padding-left: 26px; }
}
@media screen and (max-width:1300px) {
.mod_footer_right_item:not(:last-child) { padding:0 24px;}
.mod_footer_right_item:last-child { padding-left: 24px; }
} 
@media screen and (max-width:1280px) {
 .mod_footer_right_list {display: flex;margin: 0 0 0 -15px;}
 .mod_footer_right_item:not(:last-child) { padding:0 20px;}
 .mod_footer_right_item:last-child { padding-left: 20px; }
 }
@media screen and (max-width:1200px) {
.mod_footer_right_list {display: flex;margin: 0 0 0 -10px;}
.std_text1, .std_text1 p {font-size:18px;line-height:2;}
.mfrc_item {margin-bottom: 10px; }
.footer .bot ul li strong{font-size: 22px; }
.mfbc_right_item {margin-left: 40px;}}
@media screen and (max-width:1140px) {
.mod_footer_right_item:not(:last-child) { padding:0 18px;}
.mod_footer_right_item:last-child { padding-left: 18px; }
}
@media screen and (max-width:1120px) {
.mod_footer_right_item:not(:last-child) { padding:0 16px;}
.mod_footer_right_item:last-child { padding-left: 16px; }
}
@media screen and (max-width:1100px) {
 .mod_footer_right_list {display: flex;margin: 0 0 0 -8px;}
.footer .bot ul li strong{font-size: 20px; }
.mfbc_right_item {margin-left: 30px;}}
@media screen and (max-width:1080px) {
  .mod_footer_right_item:not(:last-child) { padding:0 14px;}
  .mod_footer_right_item:last-child { padding-left: 14px; }
  }
  @media screen and (max-width:1040px) {
    .mod_footer_right_item:not(:last-child) { padding:0 10px;}
    .mod_footer_right_item:last-child { padding-left: 10px; }
    }
  
@media screen and (max-width:992px) {
.mod_footer_left {width: 100%; margin: 0 auto;}
.mod_footer_logo { margin-left: auto; margin-right: auto; }
  .mod_footer_right {width: 0; display: none;}
.footer .bot {margin-top:10px; width: 100%;}
.footer .bot ul li{ float: left; width: 50%; margin-bottom: 20px;}
.mod_footer_primary { padding-top: 20px !important;padding-bottom: 10px !important;}}
@media screen and (max-width:568px) {
.mfbc_right{ display: none;}
.mod_footer_bot_cen { min-height:90px;}
.mfbc_left p { line-height: 30px;}
.footer .bot{ text-align: center;}
.footer .bot ul li{ width: 100%; margin-bottom: 20px;}}
@media screen and (max-width:468px) {

.footer .bot ul li .name { padding-bottom:0px; }}

 
.footer .footer-contact dl { width: 100%; }
.footer .footer-contact dt{font-size:18px;font-weight: bold; margin-bottom:20px; }
.footer .footer-contact dt a{color:#fff;transition:all 0.3s;}
.footer .footer-contact dd{color:rgba(255,255,255,.8);font-size:16px; line-height: 36px; width: 100%;}
.footer .footer-contact dd a{color:rgba(255,255,255,.8);}
.footer .footer-contact b{ color: rgba(255,255,255,.8);font-size:24px;font-weight: bold;}

.footer-contact-more1{padding: 17px 65px;   background: #1E50E6; color: #fff;position: relative;overflow: hidden;border-radius: 15px;transition: all .5s;}
.footer-contact-more1:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;
  --m-i: linear-gradient(#fff, #fff);
  --m-o: content-box, padding-box;
  box-sizing: border-box;
  padding: 3px;
  border-radius:15px;
  background: #1E50E6;
  background-image: linear-gradient(0deg, #1E50E6, #1E50E6);
  -webkit-mask-image: linear-gradient(#1E50E6, #1E50E6), linear-gradient(#1E50E6, #1E50E6);
  -webkit-mask-image:linear-gradient(#1E50E6, #1E50E6), linear-gradient(#1E50E6, #1E50E6);
  -webkit-mask-origin: var(--m-o);-webkit-mask-origin: var(--m-o);-webkit-mask-clip: var(--m-o);
  -webkit-mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  filter: hue-rotate(0);
  transition: all .5s;}

  .footer-contact-more1:hover {background: #1E50E6;color: #fff;}
  .footer-contact-more1:hover:before{opacity: 0;}

.footer .share {width: 100%;float: right;}

.footer .footer-share { margin-top: 25px;float: right;}
.footer .footer-share .wechat { position: relative;}
.footer .footer-share .wechat:hover .vx { display: block;}
.footer .footer-share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.footer .footer-share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.footer .footer-share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.footer .footer-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.footer .footer-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.footer .footer-share .share-item { margin-right:8px;}
.footer .footer-share>a:last-child { margin-right: 0;}
@media screen and (max-width:992px) {
  .footer .share { display: none; }
  .footer .footer-contact{ text-align: center; margin-bottom: 40px;}
}
.policy { line-height: 30px;}
.policy h3{ font-size: 24px; margin-bottom: 20px;color: #0149dd;}
.mapmenu .param-t { color: #333; background: #f0f0f0; padding: 15px 0 15px 15px; margin-bottom: 30px; position: relative;}
.mapmenu .param-t a{font-size:24px; font-weight: 600; }
.mapmenu .param {margin-bottom: 30px;}
.mapmenu .param-t::before {content: "";display: inline-block;vertical-align: middle;height: 25px;width: 3px; top: 0px; margin-bottom: 4px; margin-right: 15px;background-color: #0149dd;}
.mapmenu .param-t a:hover{color: #0149dd;}
.mapmenu .param-c .param-tit{ margin-bottom: 20px;} 
.mapmenu .param-c .param-tit a{ color: #444; padding-left:30px; font-size:20px; font-weight: 600;}
.mapmenu .param-c .param-tit a:hover{color: #0149dd;}
.mapmenu .param-c a{ font-size: 16px; color: #666; line-height: 32px;}
.mapmenu .param-c ul { padding-left:30px;}
.mapmenu .param-c ul li{ margin-bottom: 15px; margin-right: 2%; float: left; position: relative; padding-right:2%; }
.mapmenu .param-c ul li::after{ position: absolute; right: 0px; bottom: 6px; width: 1px; height:15px; content: ""; background: #666;}
.mapmenu .param-c ul li a{ padding-bottom:10px;}
.mapmenu .param-c ul li a:hover{color: #0149dd;}
.mapmenu .param-c ul li:last-child:after{width: 0px; }
@media(max-width:1440px) {
.policy h3{ font-size: 22px;}
.mapmenu .param {margin-bottom: 20px;}
.mapmenu .param-t a{font-size:22px; margin-bottom: 20px;}
.mapmenu .param-c a{ line-height: 28px;}
}
@media(max-width:992px) {
.policy h3{ font-size: 20px;}
.mapmenu .param-t {margin-bottom: 20px;padding: 10px 0 10px 10px;}
.mapmenu .param-t a{font-size: 20px;}
.mapmenu .param-t::before {height: 25px; margin-right: 10px;}
.mapmenu .param-c a{ font-size: 15px; line-height: 28px;}
.mapmenu .param-c .param-tit a{ font-size:18px; padding-left:20px; }
.mapmenu .param-c ul { padding-left:20px;}
}
@media(max-width:768px) {
.policy h3{ font-size: 18px; }
.mapmenu .param {margin-bottom: 0px;}
.mapmenu .param-t {margin-bottom: 10px;}
.mapmenu .param-t a{font-size:18px;}
.mapmenu .param-c .param-tit{ margin-bottom: 10px;} 
.mapmenu .param-c .param-tit a{ font-size:17px; }
}
@media(max-width:468px) {
.mapmenu .param-t a{font-size:17px;}
.mapmenu .param-c .param-tit a{ font-size:16px; }
}