@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:"Microsoft YaHei", "微软雅黑",Arial,sans-serif; font-size: 16px; color: #333; position: relative; width: 100%; min-height: 100%; overflow-x:hidden;}
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:#e50012;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;} 
.zoom-img {overflow: hidden;}
.zoom-img .img {overflow: hidden;}
.zoom-img img { width: 100%; 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);}
.imgbox-contain,.imgbox-cover {position: relative;overflow: hidden;transform: rotate(0);-webkit-transform: rotate(0)}
.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)}
} 
/*通用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:#e50012;border:1px solid #e50012;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:#e50012;border:1px solid #e50012;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 ul i{float:left;margin:0 5px;width:52px;height:52px;line-height:52px;text-align:center;}
.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:#e50012 url(../images/page_l_h.png) no-repeat center; }
.pages .a2:hover{ background:#e50012 url(../images/page_r_h.png) no-repeat center; }
@media (max-width: 768px) {
.pages ul a{ width:43px;height:43px;line-height:43px; }
.pages ul a.first,.pages ul a.last{  width:60px; height:43px;line-height:43px;}
.pages ul span{ width:43px;height:43px;line-height:43px; }}
@media (max-width: 568px) {
.pages{ margin-top: 25px; }
.pages ul a{margin:0 3px; width: 39px;height:38px;line-height:38px; }
.pages ul a.first,.pages ul a.last{  width:50px; height:38px;line-height:38px;}
.pages ul span{ width: 39px;height:38px;line-height:38px; }}
.dsNone{display:none}
.dsBlock{display:block}
.dsRelative{position:relative;}
.dsAbsolute{position:absolute;}
.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;}
.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;} 
.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;}
.pos-r{position: relative;}
.pos-a{position: absolute;}
.df{display: flex;}
.j-sb{justify-content: space-between;}
.j-sc{justify-content: center;}
.a-ic{align-items: center;}
.ta-c{text-align: center;}
.f-dc{flex-direction: column;}
.fl-wrap{flex-wrap: wrap;}
.fl-end{justify-content: flex-end;}
 /*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;}



.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: #f5f6f8;}
.blue{ background: #f2f7fc;}
.white{ background: #fff;}
.green { background: #2c9e41;}
.col-c82619 {color: #c82619!important;}
.col_red{color:#cc0000}
.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;}
*[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-64{padding-bottom: 64%;}
.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;}
.f100{ font-size: 100px;} 
.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;} 
.f32{ font-size: 32px;} 
.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) {
.f100{ font-size: 90px;} 
.f72{ font-size: 70px;} 
.f36{ font-size: 34px;} }
@media (max-width: 1600px) {
.f100{ font-size: 80px;} 
.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) {
.f100{ font-size: 70px;} 
.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) {
.f100{ font-size: 62px;} 
.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;}
.f22{ font-size: 20px;} 
}
@media (max-width: 1280px) {
.f100{ font-size: 58px;} 
.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: 18px;} 
.f20{ font-size: 18px;} 
.f18{ font-size: 16px;} 
}  
@media (max-width: 1200px) {
.f100{ font-size: 52px;}
.f72{ font-size: 46px;} 
.f60{ font-size: 38px;} 
.f48 {font-size:32px; }}
@media (max-width: 1024px) {
.f100{ font-size: 48px;}
.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) {
.f100{ font-size: 44px;}
.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;} 
.f20{ font-size: 17px;} 
.f18{ font-size: 16px;} 
}
@media (max-width: 768px) {
.f100{ font-size: 40px;}
.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;} 
.f22{ font-size: 16px;} 
.f18{ font-size: 16px;} }
@media (max-width: 468px) {
.f100{ font-size: 38px;}
.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;} 
.f36{ font-size: 18px;} } 
@media (max-width: 428px) {
.f100{ font-size: 34px;}
.f72{ font-size: 28px;} 
.f52{ font-size: 20px;}
.f44{ font-size: 18px;} 
.f20{ font-size: 16px;} 
}
@media (max-width: 400px) {
.f100{ font-size: 30px;}
.f72{ font-size: 26px;} 
.f52{ font-size: 18px;}
.f44{ font-size: 17px;} 
}

 /* 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;}}

.common-more{width: 150px;height: 50px; border-radius: 25px; background: #cc0000;border: 1px solid #cc0000;transition: all ease-in-out .2s;}
.common-more .img2{display: none;}
.common-more img{width: 20px; display: block;transition: all ease-in-out .2s;}
.common-more:hover .img2{display: block;}
.common-more:hover .img1{display: none;}
.common-more:hover span{color: #fff;}
.common-more span{margin-right: 6px;margin-left: 6px;color: #fff;}
.common-more:hover{background: #cc0000;border: 1px solid #cc0000;}
.mb-amore{display: none;}
@media (max-width:992px) {
.common-more{width: 130px;height: 45px; border-radius: 22px; }
}
@media (max-width:768px) {
.common-more{width: 120px;height: 40px; border-radius: 20px; }
}
/*
.index-about .common-more{background: #cc0000;border: 1px solid #cc0000;}
.index-about .common-more span{color: #fff;}
.index-about .common-more:hover { background: #b90000;border: 1px solid #b90000;}
*/
.page_section{padding: 80px 0;}
.page_section1{padding: 80px 0 150px;}
.page_section2{padding: 40px 0 80px;}
.zw{ padding-top: 80px; margin-top: -80px;}
.pagetit .tit{ font-size:36px; color: #333333; }
.pagetit .desc,.pagetit .desc p{ font-size: 16px; line-height: 32px; color: #666; }
.pagetit span{ color: #cc0000; font-weight: 900;}
.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: 16px; 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; }
.pagetitle .tit{ font-size: 26px;}
}
@media (max-width:1024px) {
.pagetit .tit{ font-size: 26px; }
.pagetit .desc,.pagetit .desc p{ font-size: 16px; line-height: 30px;}
.pagetitle .tit{ font-size: 22px;}
.pagetitle .desc{ font-size: 16px;  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);}}

 
/*body{opacity:1; transition:all 0.2s ease-in-out; overflow-x:hidden}
 body.ieBody{opacity:1;}
.ieBody .wOpacity{opacity:1;}*/
.serBg{ background:rgba(3,22,59,0.95); position:fixed; left:0; top:0; width:100%; height:100%; z-index:55;}
.serLayer{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:56; padding-top:120px;}
.serClose{ background: url(../images/close-1.png) no-repeat center center; display: inline-block; height: 66px; width: 66px; border: 1px solid rgba(255,255,255,0.3); position: absolute; right: 3vw; top: 28px; border-radius:50%; transition:all 0.5s ease-in-out; }
.serClose.on{ transform:rotate(90deg);}
.serIntBox{ margin: 0px auto; max-width:90%; width:1200px; }
.serIntBox input{ border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); font-size: 20px; line-height: 108px; color: #FFF; height: 110px; background: url(../images/ser_icon.png) no-repeat left center; padding-left: 45px; width:100%; background-size:30px auto;}
.serul{ margin: 50px auto 0; max-width:90%; width:1200px; }
.serul li{ font-size: 16px; line-height: 32px; color: #FFF; padding-left:18px; position:relative; }
.serul li:after{content:""; width:5px; height:5px; background:#fff; border-radius:50%; position:absolute; left:0; top:15px;}
.serLayer h6{font-size:58px; line-height:60px; margin-bottom:45px; display:block; text-align:center; color:#fff; letter-spacing:15px;}
.serBox{position:absolute; left:0; width:100%; top:50%; transform:translateY(-68%);}
@media (max-width:1799px){
.serClose{height: 60px; width: 60px;}
.serIntBox input{height:96px; font-size:30px;}
.serLayer h6{font-size:50px;}
}
@media (max-width:1200px){
.serBg{z-index:889;}
.serLayer{z-index:900;}
.serClose{ transform:scale(0.8);}
.serIntBox input{line-height:88px; height:88px; background-size:22px auto; padding-left:42px; font-size:18px;}
.serul{padding:20px 3vw;}
}
@media (max-width:767px){
.serLayer h6{ font-size:30px; line-height:36px;}
.serul{margin-top:10px;}
}


/*mobile header*/
.mHeader,.mMenuLayBg,.mCloseBtn,.mMmenuLay{display:none;}
.mMenuLayBg,.mMmenuLay,.mCloseBtn{display:none;}
@media (max-width:1200px){
.mEmpty{height:56px;}
.header{display:none!important;}
.mHeader{ height:56px; background:rgba(255,255,255,0.9); 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:36px; width:auto; margin-top:10px;}
.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{ background: url(../images/ser_ico.png) no-repeat center center; display: inline-block; position: absolute; margin-top: -15px; top: 50%; right: 55px; height: 30px; width: 30px; }
.mLan_tel{ width: 30px; height: 30px; right: 55px; top: 50%; margin-top: -15px; position: absolute; background: url(../images/tel_i1.png) no-repeat center center; }
.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; }
.mHead_tel{ background: url(../images/top_tel_m.png) no-repeat center center; height: 36px; width: 36px; position: absolute; top: 11px; right: 100px; }
.header {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:38px; margin-top:10px;}
}


 
/*.header{ position:fixed; 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{ position: fixed; top: 0; left: 0; width: 100%;transition: all 0.5s ease-in-out; background: rgba(255, 255, 255, 0);height: 100px;z-index: 10;}
.header:hover,.header.down { position: fixed; top: 0; left: 0; background: rgba(255, 255, 255, 1); box-shadow:0 0 15px rgba(0,0,0,.3);}
.header .container{ position: relative;}
.logo{ margin-top:20px; position:relative; display:inline-block; transition:all 0.5s ease-in-out; position:absolute; /*left:60px;*/}
.logo img{ height:60px; width:auto; transition:all 0.5s ease-in-out;}
.logo img.iOpacity{ position:absolute; left:0; top:0}
.nav{ float:left; margin-right:1.56vw;}
.nav li{ display:inline-block; padding:0 1.14vw; position:relative;}
.nav li a { color: #fff;}
.header:hover .nav li a,.header.down .nav li a { color: #333;}

.nav_a{ display: inline-block; line-height: 100px; font-size: 18px; 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: 180px; top: 100px; border-top: 2px solid #cc0000; text-align:center; background: #fff; opacity: 0; visibility: hidden; padding-bottom:15px; 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:#cc0000}
.nav_a2{ line-height: 100px; font-size: 16px; padding: 0px 1.3vw; }
.headRx{ position:absolute; right:0px; top:0;}
.header_ser{ background: url(../images/ser_ico.png) no-repeat center center; height: 100px; float: left; width: 20px; }
.headerTel{ background: url(../images/tel_i1.png) no-repeat left center; display: inline-block; padding-left: 20px; font: 18px/100px rbt_b; transition: none; letter-spacing: 1px; margin-right: 1.87vw; float: left; }
.pcSerBox{display:none;}
.subMenu_a{ display: block; line-height: 24px; padding: 16px 20px 16px 20px; font-size: 16px; color: #666; letter-spacing: 1px; 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:#cc0000; position:absolute; left:0; top:0; width:0; bottom:-1px; transition:all 0.3s ease-in-out;}
.subMenu_a:hover:before{ width:100%;}
.header:hover .subMenu_a:hover ,.header.down .subMenu_a:hover  { color: #fff;}
.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;}

/*.subNav_a:after{content:""; transition:all 0.3s ease-in-out; position:absolute; left:0; top:0; bottom:-1px; width:4px; background:#8FC31F; opacity:0}
.subNav_a:hover:after{opacity:1;}*/
.subMenu_a:hover{color:#fff;}
.subMenu_a span{display:block; position:relative;}
.pcLan{line-height:100px; float:left; font-size:16px; margin-left:26px; transition:none;}
.headLan{display:inline-block; position:relative; float:left; margin-right:28px;}
.headLan span{ margin: 0; display: inline-block; position: relative; font-size: 14px; background: url(../images/ti1a.png) no-repeat left center; line-height: 100px; padding: 0px 10px 0px 25px; transition:all 0.5s ease-in-out; position:relative; }
.headLan_option{ width:112px; background:#cc0000; position:absolute; left:50%; margin-left:-56px; top:76px; border-radius:0.3em; padding:10px 0; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;}
.headLan_option a{display:block; text-align:center; color:#fff; line-height:32px;}
.headLan_option a:hover{background:#fff; color:#cc0000;}
.headLan_option:after{content:""; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #cc0000; position:absolute; margin-left:-5px; top:-5px; left:50%;}
.headLan:hover .headLan_option{opacity:1; visibility:visible;}
.headerFixed{ position:fixed;background:rgba(255,255,255,1);box-shadow:0 3px 5px rgba(0,0,0,0.08); }
.headLan span:after{ content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333; display:inline-block; margin-left:8px; position:relative; top:-1px; transition:all 0.5s ease-in-out;}
 .headLan span{ background: url(../images/ti1.png) no-repeat left center; color:#fff; }
 .headerWprWhite .headLan span, .header:hover .headLan span{ background: url(../images/ti1a.png) no-repeat left center; color:#333;}
 .topWpr{width:100%; position:absolute; left:0; top:0;}
  .nav_a i.nav_arrow{border-top:4px solid #fff;}
 .headLan span:after{border-top:4px solid #fff;}
 .logo img{opacity:0;}
 .logo img.iOpacity{opacity:1;}
 .nav_a{color:#fff;}
 .headerTel{ color: #FFF; background: url(../images/tel_i1a.png) no-repeat left center; }
 .header_ser{ background: url(../images/ser_icoa.png) no-repeat center center; }
 
 .pcLan{color:#fff;}
 .headerWprWhite .pcLan, .header:hover .pcLan, .header.down .pcLan{color:#333;}
 .headerWprWhite .nav_a i.nav_arrow, .header:hover .nav_a i.nav_arrow, .header.down .nav_a i.nav_arrow{border-top:4px solid #333;}
 .headerWprWhite .headLan span:after, .header:hover .headLan span:after, .header.down .headLan span:after{border-top:4px solid #333;}
 .headerWprDown{ top:0;}
 .headerWprWhite .logo img, .header:hover .logo img, .header.down .logo img{opacity:1;}
 .headerWprWhite .logo img.iOpacity, .header:hover .logo img.iOpacity, .header.down .logo img.iOpacity{opacity:0;}
 .headerWprWhite .nav_a, .header:hover .nav_a, .header.down .nav_a{color:#333;}
 .header:hover .nav_a:hover, .header.down .nav_a:hover{ color:#cc0000;}
 .headerWprWhite .headerTel, .header:hover .headerTel, .header.down .headerTel{ color: #333; background: url(../images/tel_i1.png) no-repeat left center; }
 .headerWprWhite .header_ser, .header:hover .header_ser, .header.down .header_ser{ background: url(../images/ser_ico.png) no-repeat center center; }
.header:hover .pcLan:hover{ color: #cc0000; }
.header:hover .header_ser:hover{ background: url(../images/ser_ico.png) no-repeat center center; }
@media (max-width:1799px){
.nav_a2{line-height:80px;}
.headerBg{height:80px;}
.header{height:80px;}
.headerTel{line-height:80px;}
.header_ser{height:80px;}
.pcLan{line-height:80px;}
.nav_a{line-height:80px; font-size:16px;}
.logo img{height:52px;}
.logo{margin-top:14px;}
.subMenu{top:80px;}
.header{height:80px;}
.headLan span{ line-height:80px;}
.headLan{margin-right:21px;}
.subMenu_a{font-size:15px;}
.subMenu{width:210px; margin-left:-105px;}
}
@media (max-width:1440px){
.headRx{ position:absolute; right:20px; top:0;}
}
@media (max-width:1379px){
.nav_a{font-size:16px;}
.nav li{padding:0 1vw;}

}
@media (max-width:1199px){
.nav li{ padding:0 0.6vw;}
.nav_a{font-size:15px;}
.subMenu_a{font-size:14px; padding:10px 56px 10px 18px;}
.subMenu{width:180px; margin-left:-90px; letter-spacing:0;}
.subMenu_a i{right:20px;}
.headerTel{display:none;}
}



/* 网站底部footer */
.footer {background: #03163b url(../images/foot_bg.jpg) no-repeat center top;padding: 40px 0 54px;}
.ftl {width: 65%;padding-bottom: 14px; margin-right: 15%;}
.ftl-mobile {display: none;}
.mobile-mp {display: none;}
.ftmenu  {gap: 12rem;}
.ftmenu .ul .li a {color: rgba(255, 255, 255, 0.53);transition: all ease-in-out .2s;font-size: 16px;}
.ftmenu .ul .li a:hover {color:rgba(255, 255, 255, 0.53);}
.ftmenu .ul .li {color: rgba(255, 255, 255, 0.53);height: 27px; line-height: 27px;margin-bottom: 14px;}
.ftmenu .ul .lifirst {margin-bottom: 20px;}
.ftmenu .ul .lifirst a{color: #fff;pointer-events: none;font-size: 18px;}
.ftmenu { border-bottom: 0.5px solid rgba(255, 255, 255, 0.53);}
.ftinfo {margin-top: 44px;}
.ftinfo .p {line-height: 24px;display: flex;align-items: center;margin-bottom: 14px;flex-wrap: wrap;}
.ftinfo .p,.ftinfo a,.ftinfo span,.ftinfo .line {font-size: 16px;color: rgba(255, 255, 255, 0.53);}
.ftinfo .p img {width: 17px;height: 17px;margin-right: 4px;}
.ftinfo .p .line {margin: 0 14px;color: rgba(255, 255, 255, 0.53);}
.ftinfo .yyzz {right: 0;bottom: 4px;}
.ftinfo .yyzz img {width: 165px;height: 45px;display: block;}
.ftinfo .p a,.ftinfo a span {transition: all ease-in-out .2s;}
.ftinfo .p a:hover,.ftinfo .p a:hover span {color: rgba(255, 255, 255, 0.53);}
.ftr {width: 20%; }
.ftr .ftlogo img {width: 150px;display: block;}
.ftr .ftlogo {margin-bottom: 10px;}
.ftr .ftmp .pic img {width: 120px;display: block;}
.ftr .fttel h2,.ftr .fttel h3 {color: rgba(255, 255, 255, 0.63);}
.ftr .fttel h2 {font-size: 32px;line-height: 46px; font-weight: bold;}
.ftr .fttel h3 {font-size: 18px;color: rgba(255, 255, 255, 0.63);font-weight: normal;line-height: 30px; margin-bottom: 10px;}
.ftr .fttel h3.mobileh3 {display: none;}
.ftr .fttel {margin-bottom: 40px;text-align: right;}
.ftr .ftmp p {color: rgba(255, 255, 255, 0.63);font-size: 16px;margin-top: 12px;}
.ftr {align-items: flex-end;}
.mobilecopy {display: none;}
.callphone {display: none;}
@media (max-width: 1440px) {
.ftmenu  {gap: 10rem;}
}
@media (max-width: 1280px) {
.ftmenu  {gap: 8rem;}
}
@media (max-width: 1200px) {
.ftmenu  {gap: 7rem;}
}
@media (max-width: 1100px) {
.ftmenu  {gap: 6rem;}
.ftl {width: 70%; margin-right: 10%;}
}
@media (max-width: 992px) {
.footer{padding-top: 0;padding-bottom: 0;}
.footeri{display: block;padding: 0 0px;}
.ftl{width: 100%;display: none;}
.ftl-mobile{display: block;padding-top: 60px;}
.ftl-mobile .ftl-logo-mobile{margin-bottom: 27px;}
.ftl-mobile .ftl-logo-mobile img{width: 24.376%;margin: 0 16px;display: block;}
.ftl-mobile .ftl-logo-mobile .line{height: 1px;background: #383D46;width: 25.06%;}
.ftl-mobile .ftl-menu-mobile {margin-bottom: 20px;gap: 8rem;}
.ftl-mobile .ftl-menu-mobile a{font-size: 16px;color: rgba(255, 255, 255, 0.63);}
.ftl-mobile .ftl-menu-mobile .line{width: 1px;height: 12px;background: #fff;opacity: 0.5;margin: 0 16px;}
.ftr{width: 100%;align-items: center;box-sizing: border-box;padding: 17px 0px;margin-top: 0; }
.ftmp{display: none;}
.ftmenu{display: block;border-bottom: none;padding-bottom: 24px;}
.ftmenu .ul{margin-right: 0;border-bottom: 1px solid #383D46;padding: 0 12px 0 18px;}
.ftr .fttel{display: none;}
.ftr .fttel h2{height: 16px;display: flex;align-items: center;}
.ftr .fttel h3.pch3{display: none;}
.ftr .fttel h3.mobileh3{display: block;}
.ftr .fttel h2 img{width: 124px;}
.ftmenu .ul .libot{display: none;padding-left: 12px;}
.ftmenu .ul .libot .li a{font-size: 16px;}
.ftmenu .ul .libot .li{margin-bottom: 0;height: 44px;line-height: 44px;}
.ftmenu .ul .libot .li:last-child{margin-bottom: 8px;}
.fticon{justify-content: center;display: none;}
.ftr .fttel{text-align: center;display: none;}
.ftr .fttel h2{font-size: 20px;}
.ftr .fttel h3{font-size: 16px;margin-right: 6px;}
.ftr .ftmp .pic img{width: 48px;height: 48px;display: block;}
.ftinfo .p{text-align: center;}
.fticon a{margin: 0 30px;}
.ftinfo .sitemap,.ftinfo .friendlink,.ftinfo .yyzz{display: none;}
.ftinfo{display: none;}
.ftr .ftlogo{display: none;}
.newsbody .a .des .date .span{margin-right: 10px;}
.mobilecopy{display: block;text-align: center;margin-top: 15px;margin-bottom: 0; line-height: 1.8;}
.mobilecopy .p{color:rgba(255, 255, 255, 0.63);font-size: 16px; }
.mobilecopy .mobilebeian a span{color: rgba(255, 255, 255, 0.63);font-size: 16px;}
.mobilecopy .mobilebeian a{margin: 0 2px; float: left; color: rgba(255, 255, 255, 0.63);}
.ftr .fticon .pic img{width: 40px;}
}
.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: 44px;height: 44px;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;}
@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) { 
.foot-share .dropdown-box::after {  left: 10px;}
}
@media (max-width: 762px) {
.foot-share { grid-gap: 0 8px;}
.ftl-mobile .ftl-menu-mobile {margin-bottom: 15px;gap: 6rem;}
}
@media (max-width: 562px) {
.ftl-mobile .ftl-menu-mobile { gap: 4rem;}
}