/* CSS reset by Jarvis,2021-07-01*/
@charset "utf-8";
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none;  }
html{-webkit-text-size-adjust:100%;height:100%}
html,body,div,p,strong,mark,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,em,select,button,textarea,input{margin: 0; padding: 0;-webkit-text-size-adjust:none}
body{background: #fff; font-family: Arial,Helvetica,'Poppins',"Helvetica Neue",sans-serif; font-size: 16px; color: #333; position: relative; min-height: 100%;}
a,img,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type="text"],input[type="hidden"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none;-moz-appearance:none; appearance: none; border-radius: 0; font-family:"Microsoft YaHei","PingFang SC","苹方"!important;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}img{border:none;max-width:100%;height:auto;}#dituContent img{max-width:none;}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}table{border-collapse:collapse;border-spacing:0}ul,ol,dl{list-style:none;}
input,select,textarea{outline:0}a{color:#333;text-decoration:none;outline:0;transition:all 0.5s ease}
a:active,a:hover{text-decoration:none;color:#2c9e41;outline:0}
select::-ms-expand{display: none;}input::-ms-clear{display: none;}
.clear{clear: both;}
.hidden{overflow: hidden;}
ol,
ul,li {list-style: none;padding: 0;margin: 0;}
.fl{float:left}
.fr{float:right}
button,input,optgroup,select,textarea {color: inherit;font-family: inherit;font-size: inherit;line-height: inherit;background: none;border: none;}
button {overflow: visible;/* -webkit-appearance: none; *//* -moz-appearance: none;-o-appearance: none;appearance: none; */}
button,select {text-transform: none;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
input {line-height: normal;/* -webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none; */}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
legend {padding: 0;border: 0;}
textarea {overflow: auto;}optgroup {font-weight: bold;}table {border-spacing: 0;border-collapse: collapse;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}textarea {-webkit-appearance: none;} 

/*通用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:#2c9e41;border:1px solid #2c9e41;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:#2c9e41;border:1px solid #2c9e41;color:#fff}
.pages ul i{float:left;margin:0 5px;width:52px;height:52px;line-height:52px;text-align:center;}
.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:#2c9e41 url(../images/page_l_h.png) no-repeat center; }
.pages .a2:hover{ background:#2c9e41 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; }}

 

.transition{transition:all 0.5s ease}
.imgbox_contain,
.imgbox_cover {position: relative;overflow: hidden;}
.imgbox_contain img,
.imgbox_cover img {width: 100%;transition: all .36s ease;}
.imgbox_cover img:nth-child(2) {position: absolute;top: 0;left: 0;height: 100%;}
.imgbox_contain img:nth-child(2) {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: auto;height: auto;max-width: 100%;max-height: 100%;}
@media screen and (min-width: 1200px) {a:hover .imgbox_cover img{    transform: scale(1.05);}}

.box-shadow{box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);}

.page_bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden; }
.page_bg img {width: 100%;height: 100%;object-fit: cover; }

.borRds2{border-radius:0.2em;}
.borRds3{border-radius:0.3em;}
.borRds18{border-radius:1.8em;}
.borRds50{border-radius:50%;}
 
.por{position: relative;}
.poa{position: absolute;}
.pof{position: fixed;}
.poa-f{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.line-clamp{  word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp2{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp3{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp6{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp5{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
.flexcenter{display: flex;flex-wrap: wrap;align-items: center;}
.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;}
.wmax {width: 100%;}
.hmax {height: 100%;}
.align-start {align-items: flex-start;}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}
.text-bold {font-weight: bold;}
.text-line{ text-decoration:line-through}
.text-miao{  -webkit-text-stroke: 1px #ddd;text-stroke: 1px #ddd;color: transparent;}
.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-center{align-items: center;}

/*scroll*/
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#f5f5f5;}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#0c4389;}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#0c4389;}
::-webkit-scrollbar-thumb:vertical:active {background-color:#0c4389;}
 /* 公共按钮样式 */
@keyframes btnAnt {0% {transform: translateX(0px);}50% {transform: translateX(10px);}100% {transform: none;}}
.btnbox {width: 100%;display: flex;}
.more-btn {height: 60px;font-size: 16px; width:200px; line-height: 1.5em;border: solid 1px currentColor;background-color: transparent;border-radius: 1.1rem;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;transition: all 0.3s;-webkit-transition: all 0.3s;}
.more-btn > * {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 0 25px;}
.more-btn .bi {flex: none;width:18px;height: 18px;display: block; }
.more-btn .bi-right {margin: 0 -5px 0 25px; background: url(../images/arrow_r.png) no-repeat center/contain;}
.more-btn .bi-left {margin: 0 25px 0 -5px;background: url(../images/arrow_l.png) no-repeat center/contain;}

.more-btn-stroke-black a{color: #1F2227;}
.more-btn-fill-green a,.more-btn-stroke-white a{color: #fff;}
.more-btn-fill-green {color: #fff;background: #2c9e41;border-color: #2c9e41;}
.more-btn-fill-black {color: #fff;background: #1F2227;border-color: #1F2227;}
.more-btn-colorful {border: none;}
.more-btn-colorful::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: inherit;padding: 2px;background: linear-gradient(191.32deg, #2FECCC 3.18%, #0967FC 100.48%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;pointer-events: none;}
.more-return {height: auto;border: none;background: transparent;}
.more-return .bi {margin: 0;}
.more-golink {height: auto !important;border: none;background: transparent;border-radius: 0px !important;overflow: visible;}
.more-golink > * {padding: 0 !important;}
.more-golink .bi {margin: 0;}
@media (min-width: 992px) {
.more-btn-stroke-black:hover {background-color: rgba(0, 0, 0, 0.1);}
.more-btn-stroke-white:hover {background-color: rgba(255, 255, 255, 0.1);}
.more-btn-fill-black:hover {background: rgba(31, 34, 39, 0.8);border-color: rgba(31, 34, 39, 0.8);}
.more-btn-colorful:hover {background: linear-gradient(191.32deg, #0dac01 3.18%, #1fac2c 100.48%);}
.more-golink > * {grid-gap: 0 10px;}
.more-golink .bi {width: 14px;height: 14px;}
}
@media (max-width: 992px) {
.more-btn {height:60px;border-radius: 30px; line-height: 30px;}
.more-btn > * {padding: 0 40px;}
.more-btn .bi-right {margin: 0 -4px 0 4px;}
.more-btn .bi-left {margin: 0 4px 0 -4px;}
.more-btn .bi-download {width: 30px;height: 30px;margin: 0 0 0 20px;}
.more-return > * {grid-gap: 0 14px;}
.more-return .bi {margin: 0 0 0 -6px;}
.more-golink > * {grid-gap: 0 14px;}
.more-golink .bi {margin: 0;}
}
@media (max-width: 768px) {
.more-btn {height:40px; width: 140px; }
.more-btn > * {padding: 0 10px;}

}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

 /*==常用颜色==*/
.gray{ background: #f5faff;}
.gray1{ background:#f6fafd}
.gray2{ background: #f7f7f7;}
.blue{ background: #f2f7fc;}
.white{ background: #fff;}
.green { background: #2c9e41;}
.col-c82619 {color: #c82619!important;}
.col_red{color:#B5001F}
.col_blue{color:#0157ce;}
.col_green{color:#2c9e41;}
.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;}

.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.f-cb {zoom: 1;}
.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;}
.ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-justify: distribute-all-lines;}
.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-justify: distribute-all-lines;}

*[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-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-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-58{padding-bottom: 58%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-63{padding-bottom: 63%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.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-100{padding-bottom: 100%;}
.rect-109{padding-bottom: 109%;}
.rect-110{padding-bottom: 110%;}
.rect-120{padding-bottom: 120%;}
.rect-135{padding-bottom: 135%;}
.rect-136{padding-bottom: 136%;}
.rect-150{padding-bottom: 150%;}
.rect-165{padding-bottom: 165%;}
.rect-167{padding-bottom: 169%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.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: 30px;} 
.f44{ font-size: 44px;} 
.f40{ font-size: 46px;} 
.f36{ font-size: 36px;} 
.f32{ font-size: 32px;} 
.f30{ font-size: 30px;} 
.f24{ font-size: 24px;} 
.f22{ font-size: 22px;} 
.f20{ font-size: 20px;} 
.f18{ font-size: 16px;} 
.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: 30px;}
.f50{ font-size: 46px;}
.f48{ font-size:44px; }
.f44{ font-size: 46px;} 
.f40{ font-size: 38px;} 
.f36{ font-size: 32px;} 
.f32{ font-size: 30px;}
.f30{ font-size: 28px;} }
@media (max-width: 1446px) {
.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;} 
.f32{ font-size: 28px;}
.f30{ font-size: 26px;} }
@media (max-width: 1366px) {
.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;} 
.f32{ font-size: 26px;} 
.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;} 
.f32{ font-size: 24px;} 
.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;} 
.f32{ font-size: 22px;} 
.f30{ font-size: 20px;} 
.f24{ font-size: 18px;} 
}
@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;} 
.f32{ font-size: 20px;} 
.f30{ font-size: 18px;} 
 }
@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;} 
 } 
@media (max-width: 428px) {
.f72{ font-size: 28px;} 
.f52{ font-size: 20px;}
.f48{ font-size: 18px;}
.f44{ font-size: 18px;} 
}
@media (max-width: 400px) {
.f72{ font-size: 26px;} 
.f52{ font-size: 18px;}
.f44{ font-size: 17px;} 
.f18{ font-size: 16px;}
}

 /* 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; }
.mt-100{ margin-top: 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;}/* 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;}
}
@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;}
/* 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;} 
}
@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;}
/* 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;} 
}
@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; }  
.mt-100{ margin-top: 50px;} 
 }
@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; }  
.mt-100{ margin-top: 40px;}
}

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

.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: 40px; font-weight: bold; color: #333333; }
.pagetit .desc,.pagetit .desc p{ font-size: 20px; line-height: 32px; color: #666; }
.pagetit.pagetit1 .tit{ color: #fff;  }
.pagetit.pagetit1 .desc,.pagetit.pagetit1 .desc p{ color: #fff; }
.pc{ display: block;}
.mob{ display: none;}

.pagetitle .tit{ font-size: 36px; color: #333333; margin-bottom: 20px; }
.pagetitle .desc{ font-size: 20px; color: #666; line-height: 34px;}
.pagetitle.pagetitle1 .tit{color: #fff;}
.pagetitle.pagetitle1 .desc{color: #fff;}

@media (max-width:1620px) {
.pagetit .tit{ font-size: 38px;}
}
@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: 34px;}
.pagetitle .tit{ font-size: 34px;}
}
@media (max-width:1366px) {
.page_section1{padding: 50px 0 100px;}
.pagetit .tit{ font-size: 32px;}
.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; }
.pagetitle .tit{ font-size: 26px;}
}
@media (max-width:1024px) {
.pagetit .tit{ font-size: 26px; padding-bottom:5px; margin-bottom: 10px; }
.pagetit .desc,.pagetit .desc p{ font-size: 18px; line-height: 30px;}
.pagetitle .tit{ font-size: 22px;}
.pagetitle .desc{ font-size: 18px;line-height: 30px;}
}
@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; }
.pagetitle .tit{ font-size: 20px;}
.pc{ display: none;}
.mob{ display: block;}
}

@-webkit-keyframes scaleBg {from {-webkit-transform:scale(1.12); transform:scale(1.12);}to{ -webkit-transform: scale(1); transform: scale(1);}}
@keyframes scaleBg {from {-webkit-transform:scale(1.12); transform:scale(1.12);}to{ -webkit-transform: scale(1); transform: scale(1);}}
@keyframes radiusRotate {0% {transform:rotate(0deg);}100% {transform:rotate(360deg);}}
@keyframes radiusRotate2 {0% {transform:rotate(0deg);}100% {transform:rotate(-360deg);}}
@-webkit-keyframes animate-cloud {from {background-position: 1920px 100%;}to {background-position: 0 100%;}}
@keyframes animate-cloud {from {background-position: 1920px 100%;}to {background-position: 0 100%;}}
@keyframes scaleRund {from{transform:scale(0.5) translate(-50%,-50%); opacity:1;}to {transform: scale(1) translate(-50%,-50%); opacity:0.5}}
@keyframes enterAni {0% {transform:translateY(-15px);}50% {transform:translateY(15px);}100% {transform:translateY(-15px);}}


/*mobile header*/
.mHeader,.mMenuLayBg,.mCloseBtn,.mMmenuLay{display:none;}
.mMenuLayBg,.mMmenuLay,.mCloseBtn{display:none;}
@media (max-width:993px){
.mEmpty{height:56px;}
.header{display:none!important;}
.mHeader{ height:56px; background:rgba(255,255,255,1); position:fixed; left:0; top:0; width:100%; padding:0 15px; z-index:20; box-shadow:0 1px 3px 2px rgba(0,0,0,0.06); display:block;}
.mOpenBtn{ width:26px; height:20px; position:absolute; right:15px; top:50%; margin-top:-9px; overflow:hidden; cursor:pointer}
.mOpenBtn i{width:30px; height:2px; margin-bottom:4px; background:#12294f; display:block}
.mOpenBtn i:nth-child(2){ width:21px}
.mOpenBtn i:nth-child(3){ width:25px}
.mOpenBtn i:nth-child(4){ width:10px}
.mMenuLayBg{ opacity: 0; position: fixed; z-index: 900; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.5s ease-in-out; transition-delay: 0.4s; display: block; background:rgba(0,0,0,0.6); background-size:cover; visibility:hidden;}
.mMmenuLay{ position: fixed; height: 100%; left:25%; top: 0px; right: 0px; bottom: 0px; z-index: 950; overflow-y: auto; color: #fff; font-size: 14px; box-shadow: -2px 0px 4px 3px rgba(0,0,0,0.06); padding: 25px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateX(100%); transition-delay: 0.2s; display: block; background:#12294f;}
.mCloseBtn{ background: url(../images/mclose.png) no-repeat center center; height: 26px; width: 26px; position: fixed; right: 15px; top: 15px; cursor: pointer; z-index: 950; background-size:22px 22px; transition:all 0.5s ease-in-out; opacity:0; display:block; z-index:955; visibility:hidden }
.mLogo{float:left;}
.mLogo img{height:50px; width:auto; margin-top:5px;}
.mLogo span{font-size:16px; line-height:38px; display:inline-block; position:relative; left:8px; top:4px;}
.mLogo span,.mLogo img{vertical-align:middle;}
.mMmenuLay dt{position:relative; position:relative;}
.mMenu_a1{ font-size: 15px; color: #fff; padding: 0 0px 0 6px; display: block; line-height: 46px; border-bottom: 1px solid rgba(255,255,255,0.2); text-transform: uppercase; }
.mMenu_a2{font-size:14px; color:#fff; line-height:46px; display:block; border-bottom:1px solid rgba(255,255,255,0.3); padding-left:25px;}
.mMenu_a3{font-size:14px; color:#fff; line-height:46px; display:block; border-bottom:1px solid rgba(255,255,255,0.3); padding-left:50px;}
.mToggle,.mToggle_a{ height: 47px; width: 47px; position: absolute; top: 0px; right: 0px; background: url(../images/mhead_i1.png) no-repeat center center; cursor: pointer; display:none }
.mToggle2,.mToggle2_a{ background: url(../images/reduce.jpg) no-repeat center center; }
.mToggle_a{display:block}
.mMmenuLay dd.mMenu_dd2{ transition:all 0.5s ease-in-out; height:0; overflow:hidden; position:relative;}
.mMmenuLay dl.on dd.mMenu_dd2{height:47px;}
.mMenu_a1:hover,.mMenu_a2:hover,.mMenu_a3:hover{color:#fff; opacity:0.8}
.mMenu_icon1{ background: url(../images/hd_i1.png) no-repeat center center; display: inline-block; height: 20px; width: 20px; margin-right: 8px; }
.mMenu_a1 text,.mMenu_a1 i{vertical-align:middle;}
.mMenuLayBg.on{opacity:1; visibility:visible; transition-delay:0.2s}
.mMmenuLay.on{opacity:1; transform:translateX(0%); transition-delay:0.4s}
.mCloseBtn.on{opacity:1; transform:rotate(180deg);visibility:visible; opacity:1;}
.mHeader .topSerBtn{  display: inline-block; position: absolute; margin-top: -15px; top: 50%; right: 55px; height: 30px; width: 30px; }
.mHeader .topSerBtn.header-language div i img{filter: brightness(1) invert(0);}
.mHeader .topSerBtn .language-sub{ top:45px; }

.mMenu_dd3{display:none}
.mLan_a{ font-size: 18px; text-transform: uppercase; line-height: 33px; height: 36px; width: 36px; color: #333; display: inline-block; position: absolute; top: 11px; right: 46px; }
.headerWpr {display:none;}
.mMenu_bm{ line-height:60px;}
.mMenu_bm span{margin-right:20px; padding-left:6px;}
.topWpr{display:none;}
.hmFocus{padding-top:0!important;}}
@media (max-width:767px){
.mLogo img{height:48px; margin-top:5px;}}


 
.headerWpr{ position:relative; height:100px; z-index:10; transition:all 0.5s ease-in-out;}
.headerBg{ background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; bottom:0; z-index:9; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; height:100vh;}
.header:hover + .headerBg{opacity:1; visibility:visible;}
.header{ width: 100%; top: 0; left: 0; transition: all 0.5s ease-in-out; background: #fff; height: 100px; position: fixed; z-index: 10; box-shadow:0 3px 5px rgba(0,0,0,0.08); }
.header .container{ position: relative;}
.logo{ margin-top:10px; position:relative; display:inline-block; transition:all 0.5s ease-in-out; position:absolute; /*left:60px;*/}
.logo img{ height:80px; width:auto; transition:all 0.5s ease-in-out;}
 
.nav{ float:left; }
.nav li{ display:inline-block; padding:0 1.34vw; position:relative;}
.nav_a{ display: inline-block; line-height: 100px; font-size: 20px; letter-spacing:1px; }
.nav_a i.nav_arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333; display:inline-block; margin-left:8px; position:relative; top:-3px; transition:all 0.5s ease-in-out;}
.subMenu{ position: absolute; left:50%; width: 240px; top: 100px; border-top: 2px solid #2c9e41; text-align:left; background: #fff; opacity: 0; visibility: hidden; margin-left:-110px; }
.nav li:hover .subMenu,.nav li:hover .proMenuWpr{ transition:all 0.3s ease-in-out; opacity:1; visibility:visible;}
.nav li:hover .nav_a,.nav_a.on{ color:#2c9e41}
.nav_a2{ line-height: 100px; font-size: 16px; padding: 0px 1.3vw; }
.headRx{ position:absolute; right:25px; top:0; display:flex;align-items:center;justify-content:flex-end;}

.subMenu_a{ display: block; line-height: 24px; padding: 16px 40px 16px 20px; font-size: 16px; color: #666; background:#f5f5f5; position:relative; transition:all 0.3s ease-in-out; z-index:1; }
.subMenu_a:before{content:"";/*background-image: linear-gradient(90deg, #8b1d21 0%,#ad2025 100%);*/ background:#fff; position:absolute; left:0; top:0; width:0; bottom:-1px; transition:all 0.3s ease-in-out;}
.subMenu_a:hover:before{ width:100%;}
.subMenu p{ position:relative;}
.subMenu p:before{content:""; height:1px; background:#E6E6E6; position:absolute; left:25px; right:25px; top:0px}
.subMenu p:nth-child(1):before{display:none;}

.subMenu_a:hover{color:#666;}
.subMenu_a span{display:block; position:relative;}
.subMenu_a i{ background: url(../images/menu_ar.png) no-repeat center center; height: 16px; width: 25px; position: absolute; top: 50%; margin-top: -8px; right: 30px; transition:all 0.8s ease-in-out; }
 
.header-language{float: left; position:relative;}
.header-language div i img{filter: brightness(0) invert(1);}
.language-sub{padding:9px 20px; border-top: 2px solid #2c9e41; position:absolute;width:max-content; top:65px; left:50%;transform:translateX(-50%);background-color:#fff;display:none}
.language-sub a{border-bottom:1px solid #dcdcdc;font-size:16px;display:block;text-align:center;line-height:32px;padding:5px 1px}
.language-sub a:hover{color:#2c9e41!important;line-height:32px;}

.headerFixed{ position:fixed;}

.indexBody .topWpr{width:100%; position:absolute; left:0; top:0;}
.indexBody .headerWpr{width:100%; position:absolute; left:0; top:0px;}
.indexBody .header{background:rgba(255,255,255,0); box-shadow:none;}
.indexBody .nav_a i.nav_arrow{border-top:4px solid #fff;}
.indexBody .nav_a{color:#fff;}
.indexBody .headerTel{ color: #FFF; background: url(../images/tel_i1a.png) no-repeat left center; }
.indexBody .header_ser{ background: url(../images/ser_icoa.png) no-repeat center center; }
.headerWpr.out{ opacity:0; transition:all 0.3s ease-in-out; transform:translateY(-80px)}
.headerWpr.in{ opacity:1; transition:all 0.3s ease-in-out; transform:translateY(0)}
.header.headerOut{opacity:0; visibility:hidden}
.indexBody .headerWprWhite .nav_a i.nav_arrow,.indexBody .header:hover .nav_a i.nav_arrow{border-top:4px solid #333;}
.indexBody .headerWprDown{ top:0;}
.indexBody .headerWprWhite .header,.indexBody .header:hover{background:rgba(255,255,255,1);box-shadow:0 3px 5px rgba(0,0,0,0.08); }
.indexBody .headerWprWhite .logo img,.indexBody .header:hover .logo img{opacity:1;}
.indexBody .headerWprWhite .logo img.iOpacity,.indexBody .header:hover .logo img.iOpacity{opacity:0;}
.indexBody .headerWprWhite .nav_a,.indexBody .header:hover .nav_a{color:#333;}
.indexBody .header:hover .nav_a:hover{ color:#2c9e41;}
.indexBody .headerWprWhite .header .header-language div i img,.indexBody .header:hover .header-language div i img{filter: brightness(1) invert(0);}

@media (max-width:1799px){
.nav_a2{line-height:80px;}
.headerBg{height:80px;}
.header{height:80px;}
.nav_a{line-height:80px; }
.logo img{height:62px;}
.logo{margin-top:14px;}
.subMenu{top:80px;}
.headerWpr{height:80px;}
.subMenu_a{font-size:15px;}
.subMenu{width:230px; margin-left:-105px;}
.nav li{ padding:0 1.4vw; }
}
@media (max-width:1600px){
.nav li{ padding:0 1.6vw; }
.nav_a{font-size:18px;}
}
@media (max-width:1440px){
.headRx{ position:absolute; right:20px; top:0;}
}
@media (max-width:1199px){
.nav li{ padding:0 1.4vw; }
.subMenu_a{font-size:14px; padding:10px 56px 10px 18px;}
.subMenu{width:180px; margin-left:-90px; letter-spacing:0;}
.subMenu_a i{right:20px;}
 }









/* 底部Contact Us */
.foot-st-contact {width: 100%; position: relative;z-index: 1; margin-bottom: -5%;}
.foot-ct-box {width: 100%;position: relative;}
.foot-ct-box .st-bgimgs {width: 100%;display: block;border-radius: 10px;overflow: hidden;position: relative;z-index: 1;}
.foot-ct-box .st-bgimgs img {width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;position: absolute;left: 0;top: 0;}
.foot-ct-box .st-bgimgs .imgs {width: 100%;height: 360px;position: relative;border-radius: inherit;overflow: hidden;}
.foot-ct-box .st-bgimgs .imgs.web {height: 360px}
.foot-ct-box .st-bgimgs .imgs.app {height: 450px;}
.foot-ct-box .st-body {width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;position: absolute;left: 0;top: 0;padding: 0 6%;color: #fff;z-index: 10;}
.foot-ct-box .s-heading-h2 { line-height: 116px;font-weight: bold;}
.foot-ct-box .st-text {font-size:18px;line-height: 35px; }
.foot-ct-box .st-handle {display: flex; }
body.had-footct .foot-st-contact {display: block;}
  
@media (max-width: 991.98px) { 
.foot-st-contact > * {  padding: 0 !important; width: 100%;}
.foot-ct-box .st-bgimgs {  border-radius: 0px;}
.foot-ct-box .st-body {  padding: 0 20px;  align-items: center;  text-align: center;}
.foot-ct-box .st-bgimgs .imgs.app {height: 400px;}
 }
 
/* footer */
.footer {width: 100%;position: relative;background: url("../images/foot_bg.jpg") no-repeat center bottom #201E1E;background-size: cover;color: rgba(255, 255, 255, 0.6); }
.foot-topbox {padding: 150px 0 70px; }
.foot-left { width: 29%; float: left; }
.foot-left .r-cont .li { align-items: start; display: flex; font-weight: 500; margin-bottom: 20px}
.foot-left .r-cont .li .icon { margin-right: 15px}
.foot-left .r-cont .li .con { width: 75%;}
.foot-navbox  { width: 68%; float: right; }
.foot-webnav-list {display: flex;}
.foot-webnav-list > .navitem {flex: 1;}
.foot-webnav-list .navlv1 a{font-size: 20px;line-height: 1.8;color: #fff; }
.foot-webnav-list .lv2list {display: grid;grid-gap:15px 0;}
.foot-webnav-list .lv2list .navitem a{font-size: 16px;line-height: 1.8;color: #fff; opacity: .6;}
.foot-midbox {width: 100%;display: flex;justify-content: space-between;align-items: center;}
.foot-share {display: flex;grid-gap: 0 15px;}
.foot-share .item {position: relative;}
.foot-share .item.active .item-ico {opacity: 1;}
.foot-share .item.active .dropdown-box {opacity: 1;visibility: visible;z-index: 20;pointer-events: auto;}
.foot-share .item-ico {flex: none;cursor: pointer;display: block;opacity: 0.5;position: relative;transition: opacity 0.3s;-webkit-transition: opacity 0.3s;}
.foot-share .item-ico img {width: 35px;height: 35px;display: block;object-fit: contain;object-position: center;position: relative;z-index: 5;}
.foot-share .dropdown-box {box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);position: absolute;bottom: 100%;left: -5px;width: 144px;height: 160px;visibility: hidden;opacity: 0;pointer-events: none;transition: visibility 0.3s ease, opacity 0.3s ease;-webkit-transition: visibility 0.3s ease, opacity 0.3s ease;}
.foot-share .dropdown-box::after {content: '';position: absolute;background: #fff;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);z-index: 8;width: 11px;height: 11px;bottom: 16px;left: 0.65rem;transform: translateY(50%) rotate(45deg);-webkit-transform: translateY(50%) rotate(45deg);}
.foot-share .dropdown-box .box {padding: 4px;border-radius: 4px;background: #fff;position: relative;z-index: 10;}
.foot-share .dropdown-box img {width: 136px;height: 136px;display: block;object-fit: contain;object-position: center;position: relative;}
.foot-botbox {width: 100%;display: flex;justify-content: space-between; border-top: solid 1px rgba(255, 255, 255, 0.3);font-size: 16px;line-height: 20px;}
.foot-infos {display: flex;color: #FFF; opacity: .6;}
.foot-infos > * {display: flex;position: relative;align-items: center; }
.foot-infos > * img {flex: none;width: 16px;margin: -2px 5px 0 0;}
.foot-infos a { color: #FFF;  }
.foot-links {display: flex;position: relative;}
.foot-links a{ color: #FFF; opacity: .6;}
@media (min-width: 1200px) {.footer a[href]:hover {  color: #fff;}
.foot-share .item:hover .item-ico {  opacity: 1;}
.foot-share .item:hover .dropdown-box {  opacity: 1;  visibility: visible;  z-index: 20;  pointer-events: auto;}}
@media (max-width: 1199px) {.footer {  line-height: 40px;background: url("../images/foot_bg_m.jpg") no-repeat center bottom #201E1E; }
.footer > * { display: block;}
.foot-left { width: 100%; float: none; }
.foot-topbox {  padding:70px 0 0px;  display: block;}
.foot-share .dropdown-box::after {  left: 10px;}
.foot-botbox { display: block;  grid-gap: 30px 0;  font-size: 16px;  line-height: 28px;}
.foot-infos > * {display: block; }
.foot-infos > *::after {  display: none;}
.foot-navbox  { width:0;float: none; display: none;}
.foot-left .r-cont .li .con { width: 85%;}
}

@media (max-width: 762px) {
.foot-share { grid-gap: 0 8px;}
.foot-infos {display: block; margin-right: 10px; }
.foot-infos > * {display: block; float: left;  }
.foot-botbox { display: block; float: left;}
.foot-links {display: block; float: left;}
.foot-copy,.foot-icp,.foot-gonan { float: left;  margin-right: 10px; }
}

@media (max-width: 462px) {
  .foot-share {display: none;}

  }