/* 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; -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:"Microsoft YaHei", "微软雅黑",Arial,sans-serif; font-size: 12px; color: #000032; 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:#000032;text-decoration:none;outline:0;transition:all 0.5s ease}a:active,a:hover{text-decoration:none;color:#0c4389;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}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f17{font-size:17px}.f18{font-size:18px}.f19{font-size:19px}.f20{font-size:20px}.f21{font-size:21px}.f22{font-size:22px}.f24{font-size:24px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.transition{transition:all 0.5s 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}.bgImg{background-position:center center; background-repeat:no-repeat; background-size:cover;}.bgImg img{display:none!important;}.mNoBgImg{background:none!important;}.mNoBgImg img{display:inline-block;}.overflowHide{overflow:hidden;position:relative;z-index:0}.scaleImg .bgImg{transition:all 0.5s ease-in-out;position:absolute;height:100%;width:100%;left:0;top:0}.scaleImg:hover .bgImg{transform:scale(1);}.scaleImg img{transition:all 0.5s ease;}.scaleImg:hover img{ transform:scale(1.05);}.scaleImg:hover img.iOpacity,.scaleImg:hover img.noScaleImg{ transform:scale(1);}.bd_weixin_popup{box-sizing:content-box;}#platform *{box-sizing:content-box;}.coverBg{ background-size:cover!important;}.wOpacity{opacity:0;}.nLink{}.backTop{}.borRds2{border-radius:0.2em;}.borRds3{border-radius:0.3em;}.borRds18{border-radius:1.8em;}.borRds50{border-radius:50%;}.iOpacity{opacity:0; transition:all 0.5s ease-in-out}.pubRow{}.hvrIopacity{}.hvrIopacity:hover .iOpacity{opacity:1;}.vhCenter{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}.txtBox-wp,.picBox-wp{ display:flex; align-items:center;}.picBox-wp img{max-width:100%; height:auto;}
select::-ms-expand{display: none;}input::-ms-clear{display: none;}.clear{clear: both;}.hidden{overflow: hidden;}.clearfix:after{content: ""; display: block; height: 0; visibility: hidden; clear: both;}.clearfix {*zoom: 1;}.bgImg{position:relative;}
.bgImg img{display:block!important; width:100%; height:100%; object-fit: cover; position:absolute; left:0%; top:0%;}
.cell_box{font-size: 0;}
.cell_box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.cell_box .cell{width: 100%; display: inline-block; vertical-align: middle;}
.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;}
*[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%;}
.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:#fafafa;}
.lf{float: left}.rt{float: right}
.fbd{font-weight: bold;}
.f_48{font-size: 48px;}
[flex] {
	display: flex;
  }
  [flex][flex~="i"] {
	display: inline-flex;
  }
  [flex][flex~="wrap"] {
	flex-wrap: wrap;
  }
  [flex][flex~="no-wrap"] {
	flex-wrap: nowrap;
  }
  [flex][flex~="ja"] {
	justify-content: space-around;
  }
  [flex][flex~="jb"] {
	justify-content: space-between;
  }
  [flex][flex~="js"] {
	justify-content: start;
  }
  [flex][flex~="jfs"] {
	justify-content: flex-start;
  }
  [flex][flex~="jc"] {
	justify-content: center;
  }
  [flex][flex~="je"] {
	justify-content: end;
  }
  [flex][flex~="jfe"] {
	justify-content: flex-end;
  }
  [flex][flex~="ais"] {
	align-items: flex-start;
  }
  [flex][flex~="aic"] {
	align-items: center;
  }
  [flex][flex~="acc"] {
	align-content: center;
  }
  [flex][flex~="aie"] {
	align-items: flex-end;
  }

.more-box-b {font-size: 16px; }
.more-box-b .more-box {position: relative;padding: 0 1.5em; line-height: 50px;}
.more-box-b .more-box::before {content: '';display: block;position: absolute;left: 0;top: -13px;border-radius:100%;width:50px;height:50px;background-color: rgba(183,198,224, 0.4);transition: width 0.3s ease, background 0.3s; }
.more-box-b .more-box.type-a::before {background-color: rgba(183,198,224, 1); }
.more-box-b .more-box .more-box-word {position: relative; font-size: 16px; color: #666; line-height: 50px;}
.more-box-b .more-box .more-box-word:after {content: '+';display: block;position: absolute;left: 85px;top: -15px; font-size: 26px;border-radius:100%;width:10px;height:10px;  color: #666; }
.more-box-b .more-box:hover {color: #fff; }
.more-box-b .more-box:hover::before {background-color:rgba(24,77,159, 1);width: 100%;border-radius:25px;  }
.more-box-b.on .more-box {color: #fff; }
.more-box-b.on .more-box::before {background-color:rgba(24,77,159, 1);width: 100%; }
.more-box-b-h:hover .more-box {color: #fff; }
.more-box-b-h:hover .more-box::before {background-color:rgba(24,77,159, 1);width: 100%; }
.more-box-b-h:hover .more-box .more-box-word:after {color: #fff; }
.more-box-b-h.on .more-box .more-box-word:after {color: #fff; }
.more-box-b .more-box:hover .more-box-word {color: #fff; }
.more-box-b .more-box:hover .more-box-word:after {color: #fff; }
.more-box-b .more-box:hover { padding: 0 3.6em 0 1.4em;}

@media (max-width:592px){
.more-box-b .more-box::before { top: -10px; width:40px;height:40px;}
.more-box-b .more-box .more-box-word { line-height: 40px;}
.more-box-b .more-box {position: relative;padding: 0 1.5em; line-height: 40px;}
.more-box-b .more-box .more-box-word:after { left: 75px;top: -10px; }
.more-box-b .more-box:hover { padding: 0 2.5em 0 1.4em;}
}
 
.weixin-prop{ width:172px; height:240px;border:1px #ddd solid; background:#fff; position:fixed;left:50%;top:50%;margin:-86px 0px 0px -120px; z-index:2345667}
.weixin-close{ width: 20px; height: 20px; position: absolute; right: 2px; top: 14px; line-height: 30px; text-align: center; font-size: 20px; color: #333; cursor: pointer; background: url(../images/close-2.png) no-repeat; background-size:12px auto; }
.weixin-img{ float:left; width:160px; margin:38px 0px 0px 10px}
.weixin-img canvas{width:150px;height:150px}
.weixin-prop p{ float:left; width:100%; overflow:hidden; font-size:13px; text-align:center; color:#222; line-height:28px;}
/*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;}

@font-face{
     font-family:'din'; 
     src: url('../fonts/din_light.otf');
}
@font-face{
     font-family:'rbt_l'; 
     src: url('../fonts/Roboto-Light-10.ttf');
}
@font-face{
     font-family:'rbt_b'; 
     src: url('../fonts/Roboto-Medium-12.ttf');
}
@font-face{
     font-family:'rbt_bb'; 
     src: url('../fonts/Roboto-Bold-3.ttf');
}


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




/*slick.css*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }




body{opacity:1; transition:all 0.2s ease-in-out; overflow-x:hidden}
 body.ieBody{opacity:1;}
.ieBody .wOpacity{opacity:1;}
.serBg{ background:rgba(18,41,79,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-box { width:100%; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); height: 110px; }
.serIntBox .input-box input{float: left; width: 90%; background: transparent;font-size: 20px; line-height: 108px; color: #FFF; height: 110px; }
.serIntBox .input-box .common_btn{ background: url(../images/ser_icon.png) no-repeat left center; width: 45px; height: 110px; background-size:30px auto; float: left;}
.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:993px){
.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:993px){
.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; }
.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:32px; margin-top:12px;}
}


/* end */

@media (max-width:1199px){
.wrapper{width:100%; overflow:hidden;}
}


.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:20px; position:relative; display:inline-block; transition:all 0.5s ease-in-out; position:absolute; /*left:60px;*/}
.logo img{ height:49px; 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_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: 220px; top: 100px; border-top: 2px solid #006bb3; text-align:left; 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:#0c4389}
.nav_a2{ line-height: 100px; font-size: 16px; padding: 0px 1.3vw; }
.headRx{ position:absolute; right:25px; 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 40px 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:#0c4389; 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;}

/*.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;}
.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; transform:translateX(-45px); opacity:0; background-size:18px auto;}
.subMenu_a:hover i{ transform:translateX(0); opacity:1;}
.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:#006bb3; 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:#006bb3;}
.headLan_option:after{content:""; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #006bb3; position:absolute; margin-left:-5px; top:-5px; left:50%;}
.headLan:hover .headLan_option{opacity:1; visibility:visible;}
.headerFixed{ position:fixed;}
.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;}

.indexBody .headLan span{ background: url(../images/ti1.png) no-repeat left center; color:#fff; }
.indexBody .headerWprWhite .headLan span,.indexBody .header:hover .headLan span{ background: url(../images/ti1a.png) no-repeat left center; color:#333;}
.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 .headLan span:after{border-top:4px solid #fff;}
.indexBody .logo img{opacity:0;}
.indexBody .logo img.iOpacity{opacity:1;}
.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 .pcLan{color:#fff;}
.indexBody .headerWprWhite .pcLan,.indexBody .header:hover .pcLan{color:#333;}
.indexBody .headerWprWhite .nav_a i.nav_arrow,.indexBody .header:hover .nav_a i.nav_arrow{border-top:4px solid #333;}
.indexBody .headerWprWhite .headLan span:after,.indexBody .header:hover .headLan span:after{border-top:4px solid #333;}
.indexBody .headerWprDown{ top:0;}
.indexBody .headerWprWhite{}
.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:#006bb3;}
.indexBody .headerWprWhite .headerTel,.indexBody .header:hover .headerTel{ color: #333; background: url(../images/tel_i1.png) no-repeat left center; }
.indexBody .headerWprWhite .header_ser,.indexBody .header:hover .header_ser{ background: url(../images/ser_ico.png) no-repeat center center; }
.header:hover .pcLan:hover{ color: #086ee8; }
.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:42px;}
.logo{margin-top:14px;}
.subMenu{top:80px;}
.headerWpr{height:80px;}
.headLan span{ line-height:80px;}
.headLan{margin-right:21px;}
.subMenu_a{font-size:15px;}
.nav li{padding:0 0.8vw;}
.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;}
}
@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;}
}