@charset "UTF-8";/*清除默认样式 */

html{font-size: 100px;}
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: 'Poppins'; 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; }
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;}
.transition{ transition: all .36s;}
.transition1{ transition: all 1s;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-center{align-items: center;}
.wmax {width: 100%;}
.hmax {height: 100%;}
.align-start {align-items: flex-start;}
.flex-column{ flex-direction: column;}
.flex-between{  display: flex; justify-content: space-between}
.color-white{ color: white;}
.color-green{ color: #66cc33;}
.img{ position: relative; overflow: hidden;}
.no-gutters [class*=col-] {padding-right: 0;padding-left: 0;}
/*通用样式*/
.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-between {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.flex-center-center{  display: flex; align-items: center; justify-content: center;}
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-col-between {justify-content: space-between;}
.flex-center{  display: flex; align-items: center;}
.flex-between{  display: flex; justify-content: space-between}
.flex-between-start{ display: flex; justify-content: space-between;align-items: flex-start;}
.flex-between-end{ display: flex; justify-content: space-between;align-items: flex-end;}
.flex{  display: flex;}
.flex-column{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.flex-end{display: flex; align-items: flex-end;}
.flex-content-end{display: flex; justify-content: flex-end;}
.flex-start{display: flex; align-items: flex-start;}
.iflex{ display: inline-flex}
.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.7;}
.line-10 {line-height: 1.8;}
.line-11 {line-height: 1.8;}
.line-12 {line-height: 2;}}
@media (max-width:768px) {
.line-9 {line-height: 1.6;}
.line-10 {line-height: 1.8;}
.line-11 {line-height: 1.8;}
.line-12 {line-height: 1.8;}}
.w50{ width: 50%;}
.w95{ width:1600px;  margin: 0 auto;  }
.w90{ width:1500px;  margin: 0 auto;  }
.w85{ width:1400px;  margin: 0 auto;  }
.maxW90{ width: 90%; max-width:1700px;  margin: 0 auto;}
@media screen and (max-width:1680px) {
.w95{ width:1500px;  margin: 0 auto;  }
 .w85{ width:1380px;  margin: 0 auto;  }}
@media screen and (max-width:1640px) {
.w95{ width:1480px;  margin: 0 auto;  }
 .w85{ width:1360px;  margin: 0 auto;  }}
@media screen and (max-width:1600px) {
 .w85{ width:1360px;  margin: 0 auto;  }}
@media screen and (max-width:1550px) {
.w95{ width:1460px;  margin: 0 auto;  }
.w90{ width:1400px;  margin: 0 auto;  }}
@media screen and (max-width:1500px) {
.w95{ width:1390px;  margin: 0 auto;  }
.w90{ width:1390px;  margin: 0 auto;  }
.w85{ width:1300px;  margin: 0 auto;  }}
@media screen and (max-width:1460px) {
.w95{ width:1320px;  margin: 0 auto;  }
.w90{ width:1320px;  margin: 0 auto;  }
.w85{ width:1240px;  margin: 0 auto;  }}
@media screen and (max-width:1440px) {
.w95{ width:1300px;  margin: 0 auto;  }
.w90{ width:1300px;  margin: 0 auto;  }
.w85{ width:1240px;  margin: 0 auto;  }}
@media screen and (max-width:1400px) {
.w95{ width:1280px;  margin: 0 auto;  }
.w90{ width:1280px;  margin: 0 auto;  }
.w85{ width:1200px;  margin: 0 auto;  }}
@media screen and (max-width:1366px) {
.w95{ width:1200px;  margin: 0 auto;  }
.w90{ width:1200px;  margin: 0 auto;  }
.w85{ width:1140px;  margin: 0 auto;  }}
@media screen and (max-width:1320px) {
.w95{ width:1180px;  margin: 0 auto;  }
.w90{ width:1180px;  margin: 0 auto;  }
.w85{ width:1100px;  margin: 0 auto;  }}
@media screen and (max-width:1280px) {
.w95{ width:1120px;  margin: 0 auto;  }
.w90{ width:1120px;  margin: 0 auto;  }
.w85{ width:1000px;  margin: 0 auto;  }}
@media screen and (max-width:1200px) {
.w95{ width:1000px;  margin: 0 auto;  }
.w90{ width:1000px;  margin: 0 auto;  }
.w85{ width:940px;  margin: 0 auto;  }}
@media screen and (max-width:1080px) {
.w95{ width:940px;  margin: 0 auto;  }
.w90{ width:940px;  margin: 0 auto;  }}
@media screen and (max-width:1020px) {
.w95{ width:880px;  margin: 0 auto;  }
.w90{ width:880px;  margin: 0 auto;  }
.w85{ width:880px;  margin: 0 auto;  }}
@media screen and (max-width:992px) {
.w95{ width:90%;  margin: 0 auto;  }
.w90{ width:90%;  margin: 0 auto;  }
.w85{ width:90%;  margin: 0 auto;  }}
@media screen and (max-width:768px) {
.w50{ width: 100% ;}
.w95{ width:92%;  margin: 0 auto; overflow: hidden; }
.w90{ width:92%;  margin: 0 auto; overflow: hidden; }
.w85{ width:92%;  margin: 0 auto; overflow: hidden; }}
.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;}
.gray{ background: #f7f9fa;}
.gray1{ background:#f6fafd}
.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;}

.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;}
.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);}

.page_section{padding: 80px 0;}
.page_section1{padding: 80px 0 150px;}
.page_section2{padding: 30px 0 80px;}
.zw{ padding-top: 80px; margin-top: -80px;}

.pc{ display: block;}
.mob{ display: none;}
.ban_ph {display: none;}
@media (max-width:1446px) {
.page_section{padding: 60px 0;}
.page_section1{padding: 60px 0 120px;}
.page_section2{padding: 30px 0 60px;}
}
@media (max-width:1366px) {
.page_section1{padding: 50px 0 100px;}
}
@media (max-width:1280px) {
.page_section{padding: 50px 0;}
.page_section1{padding: 50px 0 80px;}
.page_section2{padding: 30px 0 50px;}
}
@media (max-width:1024px) {
.pc{ display: none;}
.mob{ display: block;}}
@media (max-width:767px) {
.page_section{padding: 46px 0;}
.page_section1{padding:46px 0 60px;}
.page_section2{padding: 30px 0 46px;}
.ban_pc{display: none;}
.ban_ph{display: block;}}
.page_title { line-height: 1;}
.page_title h3 {line-height: 60px; margin-top: 15px; font-size: 42px; color: #333; }
.page_title h3 strong{ color: #003399;}
.page_title span{ font-size: 18px; color: #333333; font-weight: normal; }
.page_title .desc{ font-size: 20px;line-height: 30px;  }
@media (max-width:1600px) {
.page_title h3 {line-height: 48px; font-size: 34px;}}
@media(max-width:1480px){
.page_title h3 { line-height: 44px; font-size: 32px; }}

@media (max-width:1366px) {
.page_title h3 { line-height: 40px; font-size: 30px; }}
@media (max-width:1280px) {
.page_title h3 { font-size: 28px; line-height: 38px; margin-top: 25px;}}
@media (max-width:1200px) {
.page_title .desc{ font-size: 17px; margin-top: 10px; line-height: 35px;}}
@media (max-width:1024px) {
.page_title h3 { margin-top: 10px; font-size: 26px;}}
@media (max-width:992px) {
.page_title h3{ font-size: 24px; }}
@media (max-width:768px) {
.page_title h3 { font-size: 22px; line-height: 34px;} 
.page_title .desc{ font-size: 16px;line-height: 30px;}
}
@media (max-width:468px) {
.page_title h3 { font-size: 22px; line-height: 30px;} 
}
.f150{ font-size: 150px;} 
.f72{ font-size: 72px;} 
.f60{ font-size: 60px;} 
.f54{ font-size: 46px;} 
.f52{ font-size: 52px;} 
.f50{ font-size: 50px;} 
.f48{ font-size: 48px;} 
.f44{ font-size: 44px;} 
.f40{ font-size: 46px;} 
.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) {
.f150{ font-size: 140px;} 
.f72{ font-size: 70px;} 
.f36{ font-size: 34px;} }
@media (max-width: 1600px) {
.f150{ font-size: 130px;} 
.f72{ font-size: 66px;} 
.f60{ font-size: 56px;} 
.f54{ font-size: 50px;} 
.f52{ font-size: 30px;}
.f50{ font-size: 46px;}
.f48{ font-size:44px; }
.f44{ font-size: 46px;} 
.f40{ font-size: 38px;} 
.f36{ font-size: 32px;} 
.f30{ font-size: 28px;} }
@media (max-width: 1440px) {
.f150{ font-size: 120px;} 
.f72{ font-size: 60px;} 
.f60{ font-size: 50px;} 
.f54{ font-size: 46px;} 
.f52{ font-size: 44px;}
.f50{ font-size: 42px;}
.f48{ font-size: 46px; }
.f44{ font-size: 36px;} 
.f40{ font-size: 34px;} 
.f36{ font-size: 30px;} 
.f30{ font-size: 26px;} }
@media (max-width: 1366px) {
.f150{ font-size: 100px;} 
.f72{ font-size: 56px;} 
.f60{ font-size: 46px;} 
.f54{ font-size: 42px;} 
.f52{ font-size: 46px;}
.f50{ font-size: 38px;}
.f48{ font-size: 36px; }
.f44{ font-size: 34px;} 
.f40{ font-size: 32px;} 
.f36{ font-size: 28px;} 
.f30{ font-size: 24px;} 
.f20{ font-size: 22px;} }
@media (max-width: 1280px) {
.f150{ font-size: 90px;} 
.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;} 
.f20{ font-size: 20px;} 
.f22{ font-size: 20px;} 
}  
@media (max-width: 1200px) {
.f150{ font-size: 80px;} 
.f72{ font-size: 46px;} 
.f60{ font-size: 38px;} 
.f48 {font-size:32px; }
.f20{ font-size: 18px;} 
}
@media (max-width: 1024px) {
.f150{ font-size: 70px;} 
.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) {
.f150{ font-size: 60px;} 
.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;} 
.f20{ font-size: 18px;} 
.f18{ font-size: 16px;} 
}   
@media (max-width: 768px) {
.f150{ font-size: 50px;} 
.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) {
.f150{ font-size: 40px;} 
.f72{ font-size: 32px;} 
.f60{ font-size: 26px;} 
.f54{ font-size: 24px;} 
.f52{ font-size: 22px;}
.f50{ font-size: 22px;}
.f48{ font-size: 24px;}
.f44{ font-size: 20px;} 
.f40{ font-size: 20px;} 
.f20{ font-size: 17px;} 
} 
@media (max-width: 428px) {
.f150{ font-size: 32px;} 
.f72{ font-size: 28px;} 
.f52{ font-size: 20px;}
.f48{ font-size: 22px;}}
@media (max-width: 400px) {
.f150{ font-size: 30px;} 
.f72{ font-size: 26px;} 
.f52{ font-size: 18px;}
.f36{ 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;}

.pt-100{ padding-top: 100px;}
.pl-100{ padding-left: 100px;}
.pr-100{ padding-right: 100px;}
.pb-100{ padding-bottom: 100px;}
.p100{ padding: 100px;}
/* 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; }
.mt-100{ margin-top: 100px;}
.mb-100{ margin-bottom: 100px;}


@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: 46px;}
.pl-50{ padding-left: 46px;}
.pr-50{ padding-right: 46px;}
.pb-50{ padding-bottom: 46px;}
.p50{ padding: 46px;}
.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;}
.pt-100{ padding-top: 80px;}
.pl-100{ padding-left: 80px;}
.pr-100{ padding-right: 80px;}
.pb-100{ padding-bottom: 80px;}
.p100{ padding: 80px;}
/* 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: 46px;}
.ml-50{ margin-left: 46px;}
.mr-50{ margin-right: 46px;}
.mb-50{ margin-bottom: 46px;}
.m50{ margin: 46px; }
.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; }
.mt-100{ margin-top: 80px;}
.mb-100{ margin-bottom: 80px;}

}
@media screen and (max-width:1446px) {   
    /* 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: 46px;}
.pl-60{ padding-left: 46px;}
.pr-60{ padding-right: 46px;}
.pb-60{ padding-bottom: 46px;}
.p60{ padding: 46px; }
.pt-70{ padding-top: 50px;}
.pl-70{ padding-left: 50px;}
.pr-70{ padding-right: 50px;}
.pb-70{ padding-bottom: 50px;}
.p70{ padding: 50px;}
.pt-100{ padding-top: 70px;}
.pl-100{ padding-left: 70px;}
.pr-100{ padding-right: 70px;}
.pb-100{ padding-bottom: 70px;}
.p100{ padding: 70px;}

/* 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: 46px;}
.ml-60{ margin-left: 46px;}
.mr-60{ margin-right: 46px;}
.mb-60{ margin-bottom: 46px;}
.m60{ margin: 46px; }
.mt-70{ margin-top: 50px;}
.ml-70{ margin-left: 50px;}
.mr-70{ margin-right: 50px;}
.mb-70{ margin-bottom: 50px;}
.m70{ margin: 50px; }
.mt-100{ margin-top: 70px;} 
.mb-100{ margin-bottom: 70px;} 
.pglist{ margin-top: 46px }
}
@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: 46px;}
.pl-70{ padding-left: 46px;}
.pr-70{ padding-right: 46px;}
.pb-70{ padding-bottom: 46px;}
.p70{ padding: 46px;}      
.pt-100{ padding-top: 60px;}
.pl-100{ padding-left: 60px;}
.pr-100{ padding-right: 60px;}
.pb-100{ padding-bottom: 60px;}
.p100{ padding: 60px;}
/* 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: 46px;}
.ml-70{ margin-left: 46px;}
.mr-70{ margin-right: 46px;}
.mb-70{ margin-bottom: 46px;}
.m70{ margin: 46px; }
.mt-100{ margin-top: 60px;}
.mb-100{ margin-bottom: 60px;}
 .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;}    
.pt-100{ padding-top: 50px;}
.pl-100{ padding-left: 50px;}
.pr-100{ padding-right: 50px;}
.pb-100{ padding-bottom: 50px;}
.p100{ padding: 50px;}
/* 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; }
.mt-100{ margin-top: 50px;} 
.mb-100{ margin-bottom: 50px;} 
.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;}  
.pt-100{ padding-top: 40px;}
.pl-100{ padding-left: 40px;}
.pr-100{ padding-right: 40px;}
.pb-100{ padding-bottom: 40px;}
.p100{ padding: 40px;}  
/* 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; }
.mt-100{ margin-top: 40px;}
.mb-100{ margin-bottom: 40px;}
}
.common-scroll-num {position: relative; }
.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%;}
/*通用*/
.more_link .a {font-size: 16px; width: 120px; line-height: 47px; height: 47px; position: relative;border-radius:46px; cursor: pointer;}
.more_link .a::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border:1px solid #fff; border-radius:46px; transition: 0.4s;box-sizing: border-box;}
.more_link .a .l {flex: 1;font-size: 16px;color: #333; position: relative;z-index: 1;transition: 0.4s;}
.more_link .a .r {width:46px; height:46px;border-radius:46px;line-height: 46px; background: url(../images/arr2.png) no-repeat center; text-align: center;position: relative;z-index: 1;}
.more_link .a::after {content: '';position: absolute;right: 0;top: 0;width:46px; height:46px;border-radius:46px;line-height: 46px; transition: 0.4s;box-sizing: border-box;}
.more_link .a:hover::after {width: 100%;}
.more_link .a:hover {font-size: 16px; width: 170px;}
.more_link .a:hover .l {color: #fff;}
.more_link .a:hover .l {flex: 1;font-size: 16px;color: #333;padding-left:28px;position: relative;z-index: 1;transition: 0.4s;}
.more_link .a:hover:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #dcdcdc; border-radius:46px; transition: 0.4s;box-sizing: border-box;}
.more_link .a:hover .r {width:46px; height:46px;border-radius:46px;line-height: 46px; background:#66cc33 url(../images/arr1.png) no-repeat center; text-align: center;position: relative;z-index: 1;}
.more_link .a:hover .r:after {width:46px; height:46px;border-radius:46px;line-height: 46px; background:#66cc33 url(../images/arr1.png) no-repeat center; } 


.more_link.bgc .a { background: linear-gradient(135deg, #66cc33, #66cc33);}
.more_link.bgc .a::before {border: 0;}
.more_link1 .a {font-size: 16px; width: 170px; line-height: 47px; height: 47px; position: relative;border-radius:46px; cursor: pointer;}
.more_link1 .a::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #dcdcdc; border-radius:46px; transition: 0.4s;box-sizing: border-box;}
.more_link1 .a .l {flex: 1;font-size: 16px;color: #666666;padding-left:26px;position: relative;z-index: 1;transition: 0.4s;}
.more_link1 .a .r {width:46px; height:46px;border-radius:46px; line-height: 46px; background:#66cc33 url(../images/arr.png) no-repeat center;  text-align: center;position: relative;z-index: 1;}
.more_link1 .a .r img {margin: auto;}
.more_link1 .a .r:after {content: '';position: absolute;right: 0;top: 0;width:46px; height:46px; background:  url(../images/arr1.png) no-repeat center; }
.more_link1 .a::after {content: '';position: absolute;right: 0;top: 0;width:46px; height:46px;border-radius:46px; background: #66cc33;transition: 0.4s;box-sizing: border-box;}
 
.more_link1 .a:hover::after {width: 100%;}
.more_link1 .a:hover .r { background: #fff;}
.more_link1 .a:hover .r:after { background:  url(../images/arr.png) no-repeat center; } 
.more_link1 .a:hover .l {color: #fff;}
.more_link1.bgc .a { /*background: linear-gradient(135deg, #66cc33, #66cc33);*/ border: 1px solid #66cc33;}
.more_link1.bgc .a::before {border: 0;}
@media (max-width:768px) {
.more_link1 .a { width: 180px; line-height: 46px; height: 46px; border-radius:46px;  }
.more_link1 .a::before { border-radius:46px; }
.more_link1 .a .r {width:46px; height:46px;border-radius:46px; line-height: 46PX;}
.more_link1 .a::after { width:46px; height:46px;border-radius:46px; }}
/*通用page*/
.pages{text-align:center; margin-top: 30px; }
.pages ul{display:inline-block}
.pages ul 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 ul a:hover,.pages ul  a.on{background-color:#1e50e4;border:1px solid #1e50e4;color:#fff}
.pages ul .next,.pages ul .prev{font-weight:700; font-size:20px;margin:0 10px}
.pages ul span{float:left;margin:0 5px;width:52px;height:52px;line-height:52px;text-align:center;border-radius:50%;background-color:#1e50e4;border:1px solid #1e50e4;color:#fff}
.pages ul a.first,.pages ul 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:#1e50e4 url(../images/page_l_h.png) no-repeat center; }
.pages .a2:hover{ background:#1e50e4 url(../images/page_r_h.png) no-repeat center; }
@media (max-width: 768px) {
.pages ul a{ width:42px;height:42px;line-height:42px; }
.pages ul a.first,.pages ul a.last{  width:60px; height:42px;line-height:42px;}
.pages ul span{ width:42px;height:42px;line-height:42px; }}
@media (max-width: 568px) {
.pages{ margin-top: 25px; }
.pages ul a{margin:0 3px; width:38px;height:38px;line-height:38px; }
.pages ul a.first,.pages ul a.last{  width:50px; height:38px;line-height:38px;}
.pages ul span{ width:38px;height:38px;line-height:38px; }}
.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-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%;}



/* 头部 */
.Top002070{width:100%;z-index:100;position: fixed;left: 0;top:0;z-index: 100;/*box-shadow: 0 0 50px rgba(0,60,60,0.08);*/}
.Top002070 .header-left{position:absolute; top:10px; left:11%; }
.Top002070 .header-left .logo2.img2{ display: none }
.Top002070 .header-right{  position:absolute; top:0;right:11%;margin-top:20px;z-index: 50 }
.Top002070 .header-right dd{position:relative; float:left;}
.Top002070 .header-right dd >a{ display:block;height:50px; line-height:50px;}
.Top002070 .header-mid{ float: left; margin-left:35%;  }
.Top002070 .header-menu li{ width: auto !important; margin: 0 32px;}
.Top002070 .header-menu li em a{ padding:30px 0; font-size: 18px; position: relative; color: #fff }
.Top002070 .header-menu li.aon1 em a,
.Top002070 .header-menu li em a:hover{ color: #fff;  }

/*.Top002070 .header-menu li.aon1 em a:after,*/
.Top002070 .header-menu li em a:hover:after{ content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height:2px; background: #fff}
.Top002070 .header-menu li .sub-menu dt {padding:20px 35px 20px; }
.Top002070 .header-menu li .sub-menu dt a{  transition:0.3s; color: #222 ;}
.Top002070 .header-menu li .sub-menu dt a img{/*width:50px;*/display: block;text-align: center;margin:10px auto 12px;}
.Top002070 .sub-menu-layer{ background:rgba(255,255,255);  border-top: 1px solid #e5e5e5;}
.Top002070 .header-menu li .sub-menu dl {  padding: 0px 0 0px }
.Top002070 .header-menu li .sub-menu dt { position: relative;}
.Top002070 .header-menu li .sub-menu dt a{ padding:0 5px; color:#333; line-height:30px;text-align: center;display: block; font-size: 16px;}
.Top002070 .header-menu li .sub-menu dt a:hover{ color:#003399;background: none}
.Top002070 .header-menu li .sub-menu.sub-menu1 dl dt{ width: 49%; margin-left: 1%;  padding:24px 0px 24px; float: left;}
.Top002070 .header-menu li .sub-menu.sub-menu1 dl dt img{ max-width: 100%;}
.Top002070 .header-menu li .sub-menu.sub-menu1 dl dt:nth-child(2){}
.Top002070{/* border-bottom: 1px solid #fff; background: #fff;*/}
.Top002070 li em a{ color: #fff}
.Top002070 .header-menu li.aon1 em a { color: #fff}
.Top002070 .header-menu li em a:hover{ color: #003399 }
.Top002070 .header-menu li.aon1 em a:after{background:#fff}
.Top002070 .header-menu li em a:hover:after{background:#003399}
.Top002070 .header-left img.logo1{ display: none }
.Top002070 .header-left img.logo2{ display: block}

.Top002070.show,.Top002070:hover {top:0;box-shadow: 0 5px 8px rgba(0,0,0,.2); background: #fff; width:100%;left: 0; border-bottom: 1px solid #e5e5e5;}
.Top002070.show:after,.Top002070:hover:after{  content: ""; display: block; position: absolute; right: 4.3%; }
.Top002070.show .header-left .logo2.img1,.Top002070:hover .header-left .logo2.img1{ display: none }
.Top002070.show .header-left .logo2.img2,.Top002070:hover .header-left .logo2.img2{ display: block }
.Top002070.show .header-menu li em a,.Top002070:hover .header-menu li em a{  color: #222 }
.Top002070.show li em a,.Top002070:hover li em a{ color: #666}
.Top002070.show .header-menu li.aon1 em a,.Top002070:hover .header-menu li.aon1 em a{  color: #003399 }
.Top002070 .header-menu li em a:hover,.Top002070 .header-menu li em a:hover{  color: #003399 }

.header-menu li.aon em > a{ color:#fff;}
.header-menu li em{ display:block; font-style:normal; text-align:center;}
.header-menu li em a{ display:block;}
.header-menu li .sub1{ width: 100%;}
.header-menu li .sub dt{ line-height:35px;}
.header-menu li .sub dt a{display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px;}
.header-menu li .sub dt a:hover{ background:#003399; color:#fff;}
.header-menu .sub-has-sub dl{display:none;}

.Top002070.show .header-menu li.aon em > a,.Top002070:hover .header-menu li.aon em > a{ color:#003399;}
.Top002070.show .header-menu li em a:hover:after,.Top002070:hover .header-menu li em a:hover:after{background:#003399}
.Top002070.show .header-menu li.aon1 em a:after,.Top002070:hover .header-menu li.aon1 em a:after {background:#003399}
.Top002070.show .header-menu li.aon1 em a:after{ content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height:2px; background: #003399}

.Top002070 .header-menu li.aon1 .sub-menu-layer{ display: block;}
.Top002070 .header-menu li .sub-menu-layer{ display: none;}
.Top002070 .h-language { float: left; margin-left: 28px; padding-left: 5px;color: #666;}
.Top002070 .h-language .img1 {display: inline-block;}
.Top002070 .h-language .img2 {display: none;}
.Top002070 .h-language img{width: 24px; height: 24px; margin-top: -4px;}
.Top002070 .h-language span {margin-left: 10px; min-width: 150px; font-size: 16px; line-height: 45px; color: #fff;}
.Top002070 .h-language ul.sub-menu {text-align: left;position: absolute;z-index: 1;font-size: 16px;font-weight: 400; padding-top: 15px; padding-bottom: 15px; background: #fff; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;top: 153%;right: 0px;width:160px;-webkit-transform: rotate3d(1,0,0,-90deg);-moz-transform: rotate3d(1,0,0,-90deg);transform: rotate3d(1,0,0,-90deg);-webkit-transform-origin: 0 0 0;-moz-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;transform-origin: 0 0 0;opacity: 0;-webkit-transition: opacity .3s,-webkit-transform .5s;transition: opacity .3s,-webkit-transform .5s;-moz-transition: transform .5s,opacity .3s,-moz-transform .5s;transition: transform .5s,opacity .3s;transition: transform .5s,opacity .3s,-webkit-transform .5s,-moz-transform .5s;-webkit-box-shadow: 0px 8px 10px rgba(0,0,0,.2);box-shadow: 0px 8px 10px rgba(0,0,0,.2);display: none \9}
.Top002070 .h-language ul.sub-menu li {display: block;padding: 0 40px;line-height: 40px; text-transform: capitalize; position: relative;}
.Top002070 .h-language ul.sub-menu li:before{ position: absolute; left: 10px; top: 10px; width: 22px; height: 22px; content: ""; background: url(../images/earth.6507550.png) no-repeat center;background-size:cover; }  

.Top002070 .h-language ul.sub-menu li a {display: block;color: #666;}
.Top002070 .h-language ul.sub-menu li a img {vertical-align: middle;width: auto;height: 20px;margin-right: 6px}
.Top002070 .h-language ul.sub-menu li:hover {background: #f5f7fa}
.Top002070 .h-language ul.sub-menu li:hover a {color: #003399}
.Top002070 .h-language:hover ul.sub-menu {opacity: 1;-webkit-transform: rotate3d(0,0,0,0);-moz-transform: rotate3d(0,0,0,0);transform: rotate3d(0,0,0,0);display: block \9}
.Top002070 .h-language ul.sub-menu li:hover:before{ position: absolute; left: 10px; top: 10px; width: 22px; height: 22px; content: ""; background: url(../images/earth_select.d9ea6e8.png) no-repeat center;background-size:cover; } 

.Top002070.show .h-language span { color: #333;}
.Top002070.show .h-language .img1,.Top002070:hover .h-language .img1 {display: none;}
.Top002070.show .h-language .img2,.Top002070:hover .h-language .img2 {display: inline-block;}
.Top002070.show .h-language span,.Top002070:hover .h-language span { color: #333;}

@media(min-width:1025px){
#header-menu{ display:none;}
.relative{ position:relative; z-index:100;}
.header-menu li{ float:left; }
.header-menu li .sub{position:absolute;  /*top:-400%;*/}
.header-menu li .sub{ opacity:0;overflow:hidden; }
.header-menu li.aon .sub{ opacity:1; }
.fullbground .sub-menu >dl,
.fullbground .sub-menu >dl dt{ float:left;}
.sub-menu-layer{ position:absolute; left:0; top:100%; width:100%;}
.sub-slideDown .sub-menu-layer{ display:none; /*transition:0.3s;*/}}
@media (max-width:1865px) {
.Top002070 .header-menu li{ margin: 0 30px;}
}
@media (max-width:1840px) {
.Top002070 .header-left{ left:10%; }
.Top002070 .header-right{ right:9.5%; }
}
@media (max-width:1820px) {
.Top002070 .header-left{ left:9%; }
.Top002070 .header-right{ right:9.5%; }
}
@media (max-width:1800px) {
.Top002070 .header-menu li{ margin: 0 29px;}
}
@media (max-width:1780px) {
.Top002070 .header-left{ left:8%; }
.Top002070 .header-right{ right:8%; }
.Top002070 .header-menu li{ margin: 0 28px;}}
@media (max-width:1740px) {
.Top002070 .header-left{ left:7%; }}
@media (max-width:1700px) {
.Top002070 .header-menu li{ margin: 0 27px;}
.Top002070 .header-left{ left:6%; }
.Top002070 .header-right{ right:7%; }}
@media (max-width:1640px) {
.Top002070 .header-left{ left:4%; }
.Top002070 .header-right{ right:5%; }}
@media(max-width:1600px){
.Top002070 .header-left{ left:3.5%; }
.Top002070 .header-right{ right:4%; }
.Top002070 .header-menu li{ margin: 0 26px;}
}
@media(max-width:1580px){
.Top002070 .header-left{ left:3%; }
.Top002070 .header-right{ right:3%; }
}
@media(max-width:1540px){
.Top002070 .header-left{ left:2%; }
}
@media(max-width:1500px){
.Top002070 .header-left{ left:2%; }
.Top002070 .header-right{ right:2.5%; }
.Top002070 .header-right{ margin-top:20px;}
.Top002070 .header-menu li{ margin: 0 24px;}
}
@media(max-width:1480px){
.Top002070 .header-left{ left:1.5%; }
.Top002070 .header-right{ right:2%; }
.Top002070 .header-menu li{ margin: 0 24px;}
} 
@media(max-width:1440px){
.Top002070 .header-mid{ margin-left:32%;}
}
@media(max-width:1400px){
.Top002070 .header-left{ left:3%; }
.Top002070 .header-right{ right:3.5%; }
.Top002070 .header-menu li .sub-menu.sub-menu1 dl dt{ width: 47%;}}
@media(max-width:1380px){
.Top002070 .header-left{ left:2.5%; }
.Top002070 .header-menu li{ margin: 0 20px;}
} 
@media(max-width:1320px){
.Top002070 .header-menu li{ margin: 0 18px;}
.Top002070 .header-mid{ margin-left:30%;}
} 
@media(max-width:1280px){
.Top002070 .header-menu li em a{ padding:26px 0; font-size: 18px; }
.Top002070 .h-language { line-height: 38px; }
} 
@media(max-width:1250px){.Top002070 .header-menu li{ margin: 0 16px;}
.Top002070 .h-language { line-height: 36px;}}
@media(max-width:1024px){
.Top002070 .header{ margin:0 2%; height:80px;}
.Top002070 .header-right{ z-index:101; right:1%;margin-top:-20px;top: 50%;}
.Top002070 .header-left img{height:50px;}
.Top002070 #header-menu li .sub dt a img{display: none}
.Top002070 .top-language{margin-right:8px;margin-top:4px;}
.Top002070 .top-language em{padding:0 13px 0 34px;background: url(../images/lang.png) no-repeat 13px center;background-size:14px;}
.Top002070 .Public_nav_style #open_menu{ position:relative; right:0; top:auto; margin-left:4px; border-radius:0; background:#fff; height:30px; width:33px; border:none; margin-top:4px;}
.Top002070 #open_menu i::before,
.Top002070 #open_menu i::after{ background:#003399 !important;}
.Top002070 #open_menu i{background:#b48a56; height:3px; margin-top:-1.5px;}
.Top002070 #header-menu ul{ padding:0; border-top:98px solid #fff; background:rgba(192, 162, 106, 0.9)}
.Top002070 #header-menu li{text-align:center;}
.Top002070 #header-menu li em a{ padding:5%;  font-weight:normal; line-height:normal;border-bottom:0;}
.Top002070 #header-menu li .sub dt{ margin-bottom:1px; background:rgba(0,0,0,0.3);}
.Top002070 .header-right dd >a{height:43px;line-height: 43px;width:43px;margin-right:0;}
.Top002070 .top-search{top:142%;}
.Top002070:after{width:112px;}
a{ transition: 0s}}
@media(max-width:768px){
.Top002070:after{width:92px;}}
@media(max-width:640px){
.Top002070 .header-left{max-width: 40%; top: 50%; transform: translateY(-50%);}
.Top002070 .header-left img{height:auto;}}
@media(min-width:1025px){
#header-menu{ display:none;}
.relative{ position:relative; z-index:100;}
.header-menu li{ float:left; }
.header-menu li .sub{position:absolute; left: 0px; width: 100%;  /*top:-400%;*/}
.header-menu li .sub{ opacity:0;overflow:hidden; }
.header-menu li.aon .sub{ opacity:1; }}
@media(max-width:1024px){
.header-menu{ display:none;}
.Public_nav_style #header-menu,
.Public_nav_style #header-menu ul{position:fixed;top:0;height:100%; z-index:100;right:-100%; opacity:0;transition:opacity 0.3s;}
.Public_nav_style #header-menu{ background-color:rgba(0,0,0,0.5); width:100%; }
.Public_nav_style #header-menu ul{   width:60%; max-width:280px; background:rgba(32, 151, 155, 0.9); height:100%; max-height:100%; overflow:auto;padding:50px 2% 0; transition:0.3s;}
.Public_nav_style #header-menu.header-menu-show,
.Public_nav_style #header-menu.header-menu-show ul{ right:0;opacity:1;}
#header-menu li .sub{ display:none;}
#header-menu li{ line-height:40px; }
#header-menu li em{ font-style:normal; display:block; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.3);}
#header-menu li a{display:block;}
#header-menu li em a{ border-bottom:1px solid rgba(0,0,0,0.3); font-weight:bold; padding:0 10px;}
#header-menu li:last-child em,
#header-menu li:last-child em a{ border-bottom:0;}
#header-menu li a:hover,
#header-menu li a{ color:#fff;}
#header-menu li.has-sub em{ position:relative;}
#header-menu li.has-sub em::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:2; background-color:transparent;}
#header-menu li.has-sub em .op{position:absolute; width:15px; height:15px; right:3%; top:50%; margin-top:-6px;display:none; transition:0.3s;}
#header-menu li.has-sub.clickon em .op{ transform:rotate(45deg);}
#header-menu li.has-sub em .op::before,
#header-menu li.has-sub em .op::after{  position:absolute; content:'';  background:#fff;}
#header-menu li.has-sub em .op::before{width:100%; height:3px;left:0; top:6px;}
#header-menu li.has-sub em .op::after{ width:3px; left:6px; top:0; height:100%;}
.Public_nav_style #header-menu li.has-sub em::after{position:absolute; content:''; right:2%; border:6px solid transparent; border-top-color:#fff; top:50%; margin-top:-3px;}
.Public_nav_style #header-menu li.clickon em::after{border-bottom-color:#fff;border-top-color:transparent;margin-top:-9px;}
.Public_nav_style #header-menu li.clickon em a{ background:rgba(0,0,0,0.2);}
#header-menu li .sub-menu dt.has-dt{ position:relative;}
#header-menu li .sub-menu dt.has-dt::before{position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;}
#header-menu li .sub-menu dt a{padding:0 10px; border-bottom:1px dashed rgba(0,0,0,0.5);display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
#header-menu li .sub-menu dt:last-child >　a{ border-bottom:0;}
#header-menu li .sub-has-sub{ position:relative;}
#header-menu li .sub-has-sub i{ position:absolute; left:0; top:0; height:40px; width:100%; background-color:transparent; z-index:2;}
.Public_nav_style #header-menu li .sub-has-sub i::before,
.Public_nav_style #header-menu li .sub-has-sub i::after{ position:absolute; content:''; top:50%; background:#fff;}
.Public_nav_style #header-menu li .sub-has-sub i::before{ width:10px; height:2px; margin-top:-1px; right:5px;}
.Public_nav_style #header-menu li .sub-has-sub i::after{ width:2px; height:10px; margin-top:-5px; right:9px;}
.Public_nav_style #header-menu li .clickon > i::after{ display:none;}
.Public_nav_style #header-menu li .clickon > a{ background-color:rgba(0,0,0,0.2);}

.Public_nav_style #open_menu{ position:absolute; right:2%; width:40px; height:40px; border:2px solid #20979b; border-radius:50%;  top:5px; z-index:200;}
#open_menu i,
#open_menu i::before,
#open_menu i::after{ position:absolute;}
.Public_nav_style #open_menu i,
.Public_nav_style #open_menu i::before,
.Public_nav_style #open_menu i::after{background:#20979b;}
#open_menu i{ top:50%;}
.Public_nav_style #open_menu i{ width:60%; left:20%;  margin-top:-1px; height:2px;}
#open_menu i::before,
#open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
#open_menu i::before{ top:6px;}
#open_menu i::after{top:-6px;}

.Public_nav_style #open_menu.open_menu_on{ border-color:#fff;}
#open_menu.open_menu_on i{ background:none !important;}
.Public_nav_style #open_menu.open_menu_on i::before,
.Public_nav_style #open_menu.open_menu_on i::after{ background:#fff; margin-top:0;}
#open_menu.open_menu_on i::before,
#open_menu.open_menu_on i::after{  top:0 !important;}
#open_menu.open_menu_on i::before{ transform:rotate(45deg);}
#open_menu.open_menu_on i::after{ transform:rotate(-45deg);}}
.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed;z-index:9999999;width:100%; top: 0px; left: 0px; }
.sp_logo{padding:5px 10px 5px 20px;float:left;height:60px}
.sp_logo img{margin:auto;max-height:50px;}


.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px; margin-right:10px;}
.sp_nav span{display:block;background:#003399;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999999;background:#f5f5f5;width:100%;height:100%;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:60px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px);line-height:45px;}
.sjj_nav>ul>li .language{ overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li .language a{width:49%;float:left;border-left:1px #ddd solid;text-align:center;color:#999; }
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:35px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;padding-left:20px;position:relative;line-height:45px;font-size:16px}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:80%}
.sjj_nav ul li ul li a{color:#666;display:block;text-align:left; line-height: 40px;font-size:15px}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#003399}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li:last-child{border-bottom:1px #ddd solid; }


.mob-language { float: left;  margin-right: 80px;}
.sp_header .mob-language {position: absolute;top: 0;right: 45px;padding-top: 25px; }
.sp_header .mob-language .img1 {display: none;}
.sp_header .mob-language .img2 {display: block;}
.sp_header .mob-language img{width: 30px; height: 30px;}
.sp_header .mob-language {padding-top: 10px;}
 
.sp_header .mob-language {/*display:inline-block;*/float: left;position: relative;margin-left: 28px; padding-left: 5px; line-height: 40px;color: #666; min-width: 200px; border: 1px solid #eeeeee; border-radius: 20px;}
.sp_header .mob-language::after{ position: absolute; right: 10px; top: 12px; width: 20px; height: 20px; content: ""; background: url(../images/2_1.png) no-repeat center;} 
.sp_header .mob-language .img1 {display: inline-block;}
.sp_header .mob-language .img2 {display: none;}
.sp_header .mob-language img{width: 30px; height: 30px;}
.sp_header .mob-language span {margin-left: 10px; min-width: 150px; font-size: 18px; color: #666;}
.sp_header .mob-language ul.sub-menu {text-align: left;position: absolute;z-index: 1;font-size: 16px;font-weight: 400; padding-top: 15px; padding-bottom: 15px; background: #fff; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;top: 153%;right: 0px;width:200px;-webkit-transform: rotate3d(1,0,0,-90deg);-moz-transform: rotate3d(1,0,0,-90deg);transform: rotate3d(1,0,0,-90deg);-webkit-transform-origin: 0 0 0;-moz-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;transform-origin: 0 0 0;opacity: 0;-webkit-transition: opacity .3s,-webkit-transform .5s;transition: opacity .3s,-webkit-transform .5s;-moz-transition: transform .5s,opacity .3s,-moz-transform .5s;transition: transform .5s,opacity .3s;transition: transform .5s,opacity .3s,-webkit-transform .5s,-moz-transform .5s;-webkit-box-shadow: 0px 8px 10px rgba(0,0,0,.2);box-shadow: 0px 8px 10px rgba(0,0,0,.2);display: none \9}
.sp_header .mob-language ul.sub-menu li {display: block;padding: 0 40px;line-height: 40px; text-transform: capitalize; position: relative;}
.sp_header .mob-language ul.sub-menu li:before{ position: absolute; left: 10px; top: 10px; width: 22px; height: 22px; content: ""; background: url(../images/earth.6507550.png) no-repeat center;background-size:cover; }  
.sp_header .mob-language ul.sub-menu li a {display: block;color: #666;}
.sp_header .mob-language ul.sub-menu li a img {vertical-align: middle;width: auto;height: 20px;margin-right: 6px}
.sp_header .mob-language ul.sub-menu li:hover {background: #f5f7fa}
.sp_header .mob-language ul.sub-menu li:hover a {color: #003399}
.sp_header .mob-language:hover ul.sub-menu {opacity: 1;-webkit-transform: rotate3d(0,0,0,0);-moz-transform: rotate3d(0,0,0,0);transform: rotate3d(0,0,0,0);display: block \9}
.sp_header .mob-language ul.sub-menu li:hover:before{ position: absolute; left: 10px; top: 10px; width: 22px; height: 22px; content: ""; background: url(../images/earth_select.d9ea6e8.png) no-repeat center;background-size:cover; } 
.sp_header:hover .mob-language { border: 1px solid #003399; }
.sp_header:hover .mob-language .img1 {display: none;}
.sp_header:hover .mob-language .img2 {display: inline-block;}

.sjj_nav .language {text-align: center;margin-top:10px;margin-bottom: 30px;font-size: 0;}
.sjj_nav .language a {position: relative;font-size: 14px;color: #666;line-height: 30px;padding-right: 15px;margin-right: 15px;}
.sjj_nav .language a:last-child {padding-right: 0;margin-right: 0;}
.sjj_nav .language a:last-child:after {display: none;}
.sjj_nav .language a:after {content: "";display: inline-block;position: absolute;right: 0;top: 50%;z-index: 10;width: 1px;height: 12px;background: #ccc;margin-top: -6px;}
@media (max-width:425px){
.sp_logo{padding:5px 10px 5px 10px; }
.sp_nav{ margin-right: 0px;}}


 
/* footer */
footer{position:relative;}
.footer{background:#294060; }
.foot-top-box {display: flex;align-items: center;justify-content: space-between; padding:60px 0 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.back-top {width: 40px;height: 40px;right: 2.75rem;bottom: 45%;z-index: 10;cursor: pointer;}
.footer .f_top .left .f_txt a{ color: rgba(255, 255, 255, 0.48);}
.footer .f_top{padding:60px 0 70px; }
.footer .f_top .left{ width: 76%; float: left;}
.footer .f_top .left a{ color: rgba(255, 255, 255, 0.48);}
.footer .f_top .left a:hover{ color: rgba(255, 255, 255, 0.98);}
.footer .f_top .left .dl { width: 17%; float: left;}
.footer .f_top .left .dl:nth-child(2){ width: 30%;}
.footer .f_top .left .dl:nth-child(2) dl { width: 85%;}
.footer .f_top .left .dl:nth-child(3){ width: 30%;}
.footer .f_top .left .dl:nth-child(3) dl { width: 90%;}
.footer .f_top .left .dl:nth-child(4){ width: 23%;}
.footer .f_top .left dl dt{font-size:20px; line-height:36px;padding-bottom:20px; position: relative;}
.footer .f_top .left dl dt a{ color: rgba(255, 255, 255, 0.88);}
.footer .f_top .left dl dd { margin-bottom: 15px;}
.footer .f_top .left dl dd a{ color: rgba(255, 255, 255, 0.48); line-height:32px;}
.footer .f_top .right { width: 24%; float: left;}
.footer .f_top .right .f_txt{margin:0px 0 20px;}
.footer .f_top .right .f_txt dl dt{ font-size:20px; font-weight: bold; color: rgba(255, 255, 255, 0.48);line-height:36px;padding-bottom:20px;position: relative;}
.footer .f_top .right .f_txt dl dt a { color: rgba(255, 255, 255, 1);}
.footer .f_top .right .f_txt dl dd{line-height:32px; margin-bottom: 15px; color: rgba(255, 255, 255, 0.48); }
.footer .f_top .right .f_txt dl dd a { color: rgba(255, 255, 255, 0.48);}
.footer-share {width: 100%; margin-top: 25px; margin-bottom: 25px;}
.footer-share .wechat { position: relative;}
.footer-share .wechat:hover .vx { display: block;}
.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-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-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-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.footer-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.footer-share .share-item { margin-right:8px;}
.footer-share>a:last-child { margin-right: 0;}
.footer .f_bott{ padding:22px 0; font-size: 15px; color: rgba(255, 255, 255, 0.48); border-top: 1px solid rgba(255, 255, 255, 0.3); }
.footer .f_bott a{ color: rgba(255, 255, 255, 0.48);}
.footer .f_bott_l{ width:74%; float:left; line-height:30px; }
.footer .f_bott_r{width:26%; text-align: right; float:right;}
.footer .f_bott a:hover{ color: rgba(255, 255, 255, 0.98);}
.bottom-index-fixed{display:none; position: fixed;width: 50px; height: 50px; line-height: 50px; color: rgba(255, 255, 255, 0.48);border-radius: 100%; right: 13%;bottom: 80px; text-align: center;background-color: #0071bb;z-index: 100; transition:all 0.3s;}
body.index-body .bottom-index-fixed.show1{display:none}
.bottom-index-fixed .fa{ color: rgba(255, 255, 255, 0.48);font-size: 22px;}

@media only screen and (max-width: 1440px){
.bottom-index-fixed{right: 6%;}}
@media only screen and (max-width: 1240px){
.footer .f_top .left dl dt{font-size:18px;}
.footer .f_bott_l{ width:100%; }
.footer .f_bott_r{width:100%; float: left; text-align: left;}}
@media only screen and (max-width: 992px){
.footer .f_top .left{ width: 100%; float: left;}
.footer .f_top .right { width: 100%; float: left;}}
@media only screen and (max-width: 768px){
.footer .f_bott_l{ width:100%; }
.footer .f_bott_r{  float: none; text-align: center;}}
@media only screen and (max-width: 767px){
.foot-top-box {padding: 40px 0 20px;}
.footer .f_top{padding:30px 0; }
.footer .f_top .left{ margin-top:0px;}
.footer .f_top .right { margin-top:0px; text-align:left;  width: 100%;}
.footer .f_top .right .f_txt dl dd{text-align:left; font-size: 16px; }
.footer .f_bott{padding:15px 0; text-align:center; line-height:26px; }
.footer .f_bott .right .lf{ float:left; margin-right:10px; text-align:center; }
.footer .f_bott .right .rt{ float:left; margin-left: auto; margin-right:auto; text-align:center;}}
@media only screen and (max-width: 425px){
.footer .f_bott_l{ width:100%; font-size:15px; }
.footer .f_top .right .f_txt{margin: 0px 0 20px;}}