@charset "utf-8";
body{font-size: 14px; color: #333; animation:pageIn 0.3s ease;}a{color: #333;}.autoScr{padding-right:15px;margin-right:-15px;overflow-y:auto;}.flexlst{display:flex; flex-wrap:wrap;}.elis{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}html{-webkit-text-size-adjust:100%;height:100%}html,body,div,p,strong,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:"syr","Microsoft YaHei","PingFang SC","苹方"!important; 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:"syr","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}body 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{text-decoration:none;outline:0;transition:all 0.3s ease}a:active,a:hover{text-decoration:none;color:#ba0c2f;outline:0}.cor_blue{color:#0157ce;}.dsNone{display:none}.dsBlock{display:block}.dsRelative{position:relative;}.dsAbsolute{position:absolute;}.verticalCenter{top:50%;transform:translateY(-50%);position:absolute;}.autoImg img{width:100%;height:auto;display:block}.imgBlock img{display:block}.autoMaxImg img{max-width:100%;height:auto}.h100{height:100%;}.w100{width:100%;}.fl{float:left}.fr{float:right}.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}.cor_bs,.cor_bs:hover{color:#fff}.cor_red{color:#B5001F}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.transition{transition:all 0.3s ease}.opacity{opacity:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.cor_000{color:#000}.cor_111{color:#111}.cor_222{color:#222}.cor_333{color:#333}.cor_444{color:#444}.cor_555{color:#555}.cor_666{color:#666}.cor_777{color:#777}.cor_888{color:#888}.cor_999{color:#999}.overflowHide{overflow:hidden;position:relative;z-index:0}.scaleImg{}.scaleImg .coverImg img{transition:all 0.3s ease;}.scaleImg:hover .coverImg img{/* transform:scale(1.05);*/}.coverBg{ background-size:cover!important;}.backTop{}select::-ms-expand{display: none;}input::-ms-clear{display: none;}.clear{clear: both;}.clearfix:after{content: ""; display: block; height: 0; visibility: hidden; clear: both;}.clearfix {*zoom: 1;}.coverImg{position:relative; height: 100%;}.coverImg img{display:block!important; width:100%; height:100%; object-fit: cover;}.bgImg{background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.3s ease; height: 100%; width: 100%;}.bgImg img{display: none;}.scaleImg:hover .bgImg{ transform:scale(1.05);}.cellBox{display: table;table-layout: fixed; width: 100%;}.cellBox .cell{display: table-cell;vertical-align: middle;width: 100%;height: 100%;}.imgTxtBox{display: flex;justify-content: space-between;}.txtBox,.imgBox{display:flex;flex-direction:column;justify-content:center;}.imgTxtBoxList .imgTxtBox:nth-child(2n){flex-direction: row-reverse;}.smRds{border-radius:0.2em;}.lgRds{border-radius:0.6em;}.hfRds{border-radius:3em;}.rndRds{border-radius:50%;}.tnSdw,.sdwWpr:hover .tnSdw{box-shadow:0 0 6px rgba(0,0,0,0.12);}.smSdw,.sdwWpr:hover .smSdw{box-shadow:0 0 12px rgba(0,0,0,0.12);}.lgSdw,.sdwWpr:hover .lgSdw{box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);}.dkSdw,.sdwWpr:hover .dkSdw{box-shadow:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);}.sdwWpr{}.sdwWpr .tnSdw,.sdwWpr .smSdw,.sdwWpr .lgSdw,.sdwWpr .dkSdw{box-shadow:none;}.editor ul{margin-left:12px}.editor ol{margin-left:16px}.editor dl dd{margin-left:24px}
@media (min-width:768px){.container{width:750px}}
@media (min-width:993px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
@media (min-width:1799px){.container{width:1310px}}
body{font-size: 14px; color: #333; animation:pageIn 0.3s ease;}
/*::-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:#ba0c2f;}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#ba0c2f;}
::-webkit-scrollbar-thumb:vertical:active {background-color:#ba0c2f;}*/
@font-face{
     font-family:'syr'; 
     src: url('../fonts/SourceHanSansCN-Regular.otf');
}
@font-face{
     font-family:'syb'; 
     src: url('../fonts/SourceHanSansCN-Bold.otf');
}
@font-face{
     font-family:'sym'; 
     src: url('../fonts/SourceHanSansCN-Medium.otf');
}
.mHeader,.mMenuLayBg,.mCloseBtn,.mMmenuLay{display:none;}
@media (max-width:993px){
.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:#000; 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: 910; 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.3); background-size:cover; visibility:hidden;}
.mMmenuLay{ position: fixed; height: 100%; left: 0%; top: 0px; right: 0px; bottom: 0px; z-index: 920; overflow-y: auto; color: #fff; font-size: 14px; box-shadow: -2px 0px 4px 3px rgba(0,0,0,0.06); padding:70px 20px 50px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateX(100%); transition-delay: 0.2s; display: block; background:#F4F4F4; background-size: cover; }
.mCloseBtn{ background: url(../images/close_b.svg) no-repeat center center; display: inline-block; height: 40px; width: 40px; border: 1px solid rgba(0,0,0,0.6); position: absolute; right: 15px; top: 15px; border-radius:50%;  position: fixed; cursor: pointer; transition:all 0.5s ease-in-out; opacity:0; display:block; z-index:930; visibility:hidden; background-size:22px auto; }
.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: #333; padding: 0 0px 0 15px; display: block; line-height: 56px; border-bottom: 1px solid rgba(255,255,255,1); text-transform: uppercase; }
.mMenu_a2{font-size:14px; color:#333; line-height:56px; display:block; border-bottom:1px solid rgba(255,255,255,1); padding-left:25px;}
.mMenu_a3{font-size:14px; color:#333; line-height:56px; display:block; border-bottom:1px solid rgba(255,255,255,1); padding-left:50px;}
.mToggle,.mToggle_a{ height: 57px; width: 57px; position: absolute; top: 0px; right: -8px; background: url(../images/mArr.svg) no-repeat center center; cursor: pointer; display:none; transition:all 0.3s ease; background-size:20px auto; }
.mToggle2,.mToggle2_a{ transform:rotate(180deg); }
.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:57px;}
.mMenu_dd3{display:none}
.mMenu_a1:hover,.mMenu_a2:hover,.mMenu_a3:hover{color:#000; 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;}
.mHead_ser{ background: url(../images/serIco_b.svg) no-repeat center center; display: inline-block; position: absolute; margin-top: -15px; top: 50%; right: 102px; height: 30px; width: 30px; background-size:26px auto; }
.mHead_lan,.mHead_lan:hover{ font-size: 18px; text-transform: uppercase; line-height: 36px; height: 36px; width: 36px; color: #000; display: inline-block; position: absolute; top: 11px; right: 75px; background: url(../images/globle_ico.png) no-repeat left center; padding-left: 26px; }
.mHead_tel{ height: 36px; width: 36px; position: absolute; top: 11px; right: 100px;}
}

.mvLayBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:60; display:none;}
.mvClose { background: url(../images/close_w.svg) no-repeat center center; display: inline-block; height: 52px; width: 52px; border: 1px solid rgba(255,255,255,0.6); position:fixed; right: 2vw; top: 2vw; border-radius:50%; transition:all 0.5s ease-in-out; z-index:80; background-size:28px auto; cursor:pointer; display:none;}
.mvClose:hover{transform:rotate(180deg);}
.mvBox{position: fixed;top: 50%;left: 50%;max-height: 80vw;max-width: 80vw; transform:translate(-50%, -50%); z-index:70; display:none}
.mvBtn{cursor:pointer;}
@media (max-width:1799px){
.mvClose{height: 40px; width: 40px; background-size:22px auto;}
}
@media (max-width:767px){
.mvBox{max-height: 90vw;max-width: 90vw;}
.mvClose{ right:15px; top:15px;}
}


