@charset "utf-8";



* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

*:before,*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

@font-face{

	font-family:"Alibaba";

	src:url("../fonts/SourceHanSerifCN-Medium-6.otf")

}

html{-webkit-text-size-adjust:100%;font-size:5.2083333vw;overflow-x: hidden;}



html,body{height:100%;}



body{padding:0;margin:0;font-size:0.16rem;line-height:0.3rem; color:#333333; width:100%; zoom:1;font-family:arial,sans-serif;background:#fff;}

ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}

h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}

select,input,textarea,button{ font-size:0.16rem; border-radius:0; -webkit-border-radius:0; color:#545454;font-family:arial,sans-serif;}

input:focus { outline: none;}

input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}

button{ cursor:pointer;}

textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}

article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address,pre,time,menu{ padding: 0px;margin: 0; display: block;font-family: arial, sans-serif;}

pre{white-space: pre-wrap;

	white-space: -moz-pre-wrap;

	white-space: -pre-wrap;

	white-space: -o-pre-wrap;

	word-wrap: break-word;}

/*html5设置*/



figure,figcaption{ margin:0px; padding:0px;}

audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ max-width:100%; border:none; border:0;display: inline-block;vertical-align: middle;}

a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/*transition: all ease 0.5s;*/}

a:focus {outline:none; -moz-outline:none;}

a:hover{ text-decoration:none; color:#3157a7;}

/* *{transition: all ease 0.5s;} */



/*input字体*/

:-moz-placeholder {color: #999999;}

::-moz-placeholder {color: #999999;}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder {color: #999999;}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {color: #999999;}



select {

	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/

	/*很关键：将默认的select选择框样式清除*/

	appearance: none; color:#999999;

	-moz-appearance: none;

	-webkit-appearance: none;

	/*在选择框的最右侧中间显示小箭头图片*/

	border: 1px solid #e5e5e5;

	background: #fff url(../images/selectarr.svg) no-repeat right 0.25rem center;

	/*为下拉小箭头留出一点位置，避免被文字覆盖*/

	padding-left: 12px;

	padding-right: 0.5rem;

}



/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

select::-ms-expand {

display: none;

}



/*网页滚动条*/

::-webkit-scrollbar{width: 6px; height:6px;-webkit-overflow-scrolling : touch;background-color: #ebeced;}

::-webkit-scrollbar:hover{display: block;}

::-webkit-scrollbar-track{background: url(../images/scrollbartrack.gif) center top repeat-y;}

::-webkit-scrollbar-thumb{border-radius: 5px;background: #666 url(../images/scrollbg.png) center center no-repeat;}

::-webkit-scrollbar-button{height: 0px;width: 0;background-color: #ebeced;}



/*公用样式*/

.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}

.auto{margin:0px auto;}

.show{ display:inline-block;vertical-align: middle;}

.hide{ display:none;}

.block{ display:block;}

.clear{ clear:both;}

.clearfix{overflow:hidden;_zoom:1;}

.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}

.clearfix{*zoom:1;}.relative{ position:relative;}

.bodyon{ overflow:hidden;}

.w1600{ z-index:1; position:relative; clear:both; max-width:16rem;width: 88%; margin:0px auto;}

.w1440{ z-index:1; position:relative; clear:both; max-width:14.4rem;width: 88%; margin:0px auto;}

.table{ display: table; width:100%;}

.table .row{ display: table-row;}

.table .cell{ display: table-cell; vertical-align: middle;}

.iblock{font-size:0;}

.iblock div,.iblock li{ display: inline-block; vertical-align: middle;font-size:16px;}

.ptb80{padding-top:0.8rem;padding-bottom:0.8rem;}

.pt80{padding-top:0.8rem;}

.pt70{padding-top:0.7rem;}

.pb80{padding-bottom:0.8rem;}

.pb0{padding-bottom:0 !important;}

.pt0{padding-top:0 !important;}

.pb50{padding-bottom:0.5rem !important;}

.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;}

.relative{position: relative;}

.flex{display: flex;display: -ms-flexbox;}

.flexj{display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;}

.flexa{display: flex;display: -ms-flexbox;align-items: center;}

.flexja{display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;align-items: center;-ms-flex-align: center;}

.flexjac{display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;align-items: center;-ms-flex-align: center;flex-direction: column;-ms-flex-direction: column;}

.flexjd{display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;flex-direction: column;-ms-flex-direction: column;}

.flexbwa{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;flex-wrap: wrap;-ms-flex-wrap: wrap;align-items: center;-ms-flex-align: center;}

.flexba{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;align-items: center;-ms-flex-align: center;}

.flexbw{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;flex-wrap: wrap;-ms-flex-wrap: wrap;}

.flexw{display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap: wrap;}

.flexaw{display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap: wrap;align-items: center;-ms-flex-align: center;}

.flexjw{display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap: wrap;justify-content: center;-ms-flex-pack: center;}

.flexb{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;}

.flexbwt{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;flex-wrap: wrap;-ms-flex-wrap: wrap;align-items: flex-start;}



/*font*/

.f666{color: #666666;}

.f999{color: #999999;}

.fblue{color: #3157a7;}

.fred{color: #ed1600;}

.t_justify{text-align: justify;}

.f_lighter{font-weight: lighter;}

.DINM{font-family: "DINM";}

.f14{font-size: 14px;}

.f16{font-size: 0.16rem;}

.f18{font-size: 0.18rem;}

.f20{font-size: 0.2rem;}

.f22{font-size: 0.22rem;}

.f24{font-size: 0.24rem;}

.f26{font-size: 0.26rem;}

.f28{font-size: 0.28rem;}

.f30{font-size: 0.30rem;}

.f36{font-size: 0.36rem;}

.l28{line-height: 0.28rem;}

.l32{line-height: 0.32rem;}

.l33{line-height: 0.33rem;}

.l36{line-height: 0.36rem;}

.l38{line-height: 0.38rem;}

.l40{line-height: 0.40rem;}

.l48{line-height: 0.40rem;}

.iconfont{ font-size:0.24rem;display: inline-block;vertical-align: middle;margin-top: -3px;}

.date{color: #666666;font-family: "DINM";font-size: 0.18rem;}

.tit{ display:block;	text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; overflow:hidden; width:100%;-webkit-line-clamp: 1;}

.dot1,.dot2,.dot3,.dot4,.dot5,.dot6,.dot7{overflow: hidden;word-break:normal;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;}

.dot1{-webkit-line-clamp: 1;}

.dot2{-webkit-line-clamp: 2;}

.dot3{-webkit-line-clamp: 3;}

.dot4{-webkit-line-clamp: 4;}

.dot5{-webkit-line-clamp: 5;}

.dot6{-webkit-line-clamp: 6;}

.dot7{-webkit-line-clamp: 7;}



@media ( max-width:1440px){

	html{font-size:6.2vw}

}

@media ( max-width:1024px){

body{min-width:300px;}

::-webkit-scrollbar{width: 5px; height:5px;}

/* .f_lighter{font-weight:normal;} */

}

@media (min-width:769px) and (max-width:1024px) {

	html{font-size: calc((100 / 1000) * 100 * 1vw);} 

}

@media (max-width:768px) {

	html{font-size: calc((100 / 750) * 100 * 1vw);} 

}

	@media (max-width:640px) {

		select,input,textarea,button{font-size: 14px;}

		body{font-size: 14px;line-height: 24px;}

		.f14{font-size: 14px;}

		.f16{font-size: 14px;}

		.f18{font-size: 15px;}

		.f20{font-size: 16px;}	

		.f22{font-size: 16px;}

		.f24{font-size: 16px;}

		.f26{font-size: 16px;}

		.f28{font-size: 17px;}

		.f30{font-size: 18px;}

		.l36,.l28,.l33,.l32,.l48{line-height: 24px;}

		.iconfont{font-size: 16px;}

		.date{font-size: 14px;}

		.ptb80{padding-top:0.65rem;padding-bottom:0.65rem;}

	.pt80{padding-top:0.65rem;}

	.pb80{padding-bottom:0.65rem;}

}





/*effict*/

.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}

.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}

.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}

.effict{transition: all ease 0.3s;}

.imgbox{ overflow:hidden; position:relative;}

.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}

.imgbox img{ width:100%; height:100%;object-fit: cover;}





.itemhover{transition: all ease 0.3s;}

.activehover{-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.15);

	box-shadow: 0 5px 20px rgba(0,0,0,0.1);

	-webkit-transform: translate3d(0, -2px, 0);

	transform: translate3d(0, -2px, 0);}

.itemhover2{transition: all ease 0.3s;}

.activehover2{

		-webkit-transform: translate3d(0, -2px, 0);

		transform: translate3d(0, -2px, 0);}



.ico{display:inline-block;position: relative;align-items: center;justify-content: center;margin: 0px auto;vertical-align: middle;}

.ico .i1,.ico .i2 {position: absolute;z-index: 100;width: 100%;height: 100%;z-index: 2;}

.ico img {position: absolute;max-width: 100%;max-height: 100%;left: 50%;top: 50%;z-index: 2;transform: translate(-50%,-50%);}

.ico .i1 {transition: 400ms;}

.ico .i2 {-webkit-transform: scale(0);transform: scale(0);opacity: 0;filter: alpha(opacity=0);transition: 500ms;}

.li:hover .ico .i2,.li.on .ico .i2,.item:hover .ico .i2,.item.slick-current .ico .i2,.item.on .ico .i2 {-webkit-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);opacity: 1;filter: alpha(opacity=100);}

.li:hover .ico .i1,.li.on .ico .i1,.item:hover .ico .i1,.item.slick-current .ico .i1,.item.on .ico .i1 {opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate(-50%,-50%) scale(1.2);transform: translate(-50%,-50%) scale(1.2);}



.moreBtn{display: inline-block;transition: all 0.3s;border-radius: 5px;width: 1.6rem;line-height: 0.5rem;color:#fff;position: relative;overflow: hidden;text-align: center;background: #004898;}

.moreBtn em{position: relative;z-index: 1;display: inline-block;}

.moreBtn:before{left: 0;bottom: -200%;position: absolute;content: "";width: 200%;height: 200%;transition: all 0.5s 0.1s;background: #0e5cb3;}

.moreBtn:hover{color: #fff;}

.moreBtn:hover:after{transform: rotate(360deg) scale(1.1);}

.moreBtn:hover:before{bottom:0%;width: 120%;height: 120%;}

.moreBtn.auto{display: block;margin: 0px auto;}



.mores{color: #3157a7;}

.mores i{font-size: 16px;font-weight: bold;margin-left: 6px;transition: all 0.5s;}

.mores.gray{color: #666666;}

.mores.gray:hover{color: #3157a7;}

.item:hover .mores i,.mores:hover i{margin-left: 15px;}





@media(max-width:640px){

	.moreBtn{height: 35px;line-height: 35px;width: 100px;}

	.moreBtn:after{width: 20px;margin-left: 0.1rem;}

}





/*pages*/

.Pages{clear: both;text-align: center;line-height: 0.48rem;position: relative;color: #555555;padding-top: 0.3rem;}

.Pages a{display: inline-block;vertical-align: middle;width: 0.48rem;height: 0.48rem;color:#555555;margin:0 0.06rem;border-radius: 50%;background: #f4f4f4;}

.Pages a:hover,.Pages a.a_cur{color:#fff;background-color:#004898;border: 1px solid;border-color: #004898;}

.Pages .arr {color: #333333;}

.Pages .a_prev {margin-right: 0.3rem;}

.Pages .a_next {margin-left: 0.3rem;}



@media ( max-width:640px){

.Pages{line-height: 25px;}

.Pages a{width: 25px;height: 25px;}

.Pages a{margin: 0 2px;}

}

/*pages end*/





/*Top*/

.Header{ height:0.96rem;line-height:0.96rem; position:fixed; width:100%; left:0; top:0;z-index:1000;transition: all 0.3s;text-align: right;background: #fff;}

.Header > .w1600{position: static;}

.Header .Logo {float: left;position: relative;z-index: 10;}

.Header .Logo img{height: 0.65rem;}

.Header .dis{display: inline-block;vertical-align: top;}

.Searchico{ cursor:pointer;color:#3157a7;font-weight: bold;padding: 0 0.29rem;position: relative;}

.Searchico:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 14px;background: #dadada;content: "";}

.Searchico:hover{color: #1b2c57;}

.Searchico .icongb{ display:none;}

.Searchico.on .icongb{ display:block;}

.Searchico.on .iconso{ display:none;}

.Searchico .iconfont{ font-size:20px;vertical-align: middle;}

.searchbox{width:100%;position: absolute;line-height: 35px;opacity: 0;visibility: hidden;z-index: -1;top: 120%;transition: all 0.3s;text-align: left;width: 3.5rem;padding: 12px;background-color: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.1);right: 10%;}

.searchbox .input{width:calc(100% - 70px); height:46px; line-height:46px; text-indent:1em;font-size: 14px;background: #eee;}

.searchbox .input::-webkit-input-placeholder{color:#999;}

.searchbox .btn {width: 70px;height: 46px;color:#fff;position: absolute;right: 12px;top: 12px;background-color: #3157a7;}

.searchbox.on{opacity: 1;visibility: visible;top: 94%;z-index: 10;}



.Header .Ver{position: relative;}

.Header .Ver:before{content: "";width: 1px;height: 10px;left: -0.15rem;top: 50%;transform: translateY(-50%);background: rgba(255,255,255,0.1);position: absolute;}

.Header .Ver dt {color: #666666;}.Header .Ver a:hover {color: #3157a7;}

.Header .Ver dt i{color: #d2d2d2;font-size: 15px;margin-left: 8px;}

.Header .Ver dd{position: absolute;left: 50%;top: 100%;width: 120px;box-shadow: 0 5px 10px rgba(0,0,0,0.1);background-color:#fff;text-align: center;transform: translateX(-50%);border-radius: 5px;opacity: 0;visibility: hidden;z-index: -1;transition: all 0.3s;}

.Header .Ver dd a{display: block;line-height: 35px;}

.Header .Ver.on dd{opacity: 1;z-index: 10;top: 75%;visibility: visible;}



.Header a.oa {color: #666666;margin-left: 0.29rem;}

.Header a.oa:hover {color: #3157a7;}



.MainNav{font-size: 0;}

.MainNav li{margin:0 0.4rem 0 0.04rem;position: relative;display: inline-block;}

.MainNav span a{ position:relative; z-index:100;display:block;transition: all ease 0s;}

.MainNav .arr{ display:none;}

.MainNav li.onnav span a{color: #004898;}



.closebtn{ position:fixed; left:0px; top:45px; width:100%; height:100%; z-index:99; display:none;background: rgba(0,0,0,0.5);}

.openbtn{ cursor:pointer; height:25px; position:absolute; right:5%; top:8px; z-index:1001;font-family: Arial, Helvetica, sans-serif;display: none;font-size: 12px;display: none;line-height: normal;transition: all 0.3s;}

.openbtn span{ display:inline-block;vertical-align: middle;margin:0;}

.openbtn i{ display:block; height:2px; background-color:#333333; border-radius:4px; margin:6px 0;transition: all ease 0.3s;width: 28px;}

.openbtn.on .sp1 {

	-webkit-transform: translate(0, 9px) rotate(45deg) !important;

	-moz-transform: translate(0, 9px) rotate(45deg) !important;

	-ms-transform: translate(0, 9px) rotate(45deg) !important;

	-o-transform: translate(0, 9px) rotate(45deg) !important;

	transform: translate(0, 9px) rotate(45deg) !important;}

.openbtn.on .sp2 {

	-webkit-transform: translate(0, 0) rotate(-45deg) !important;

	-moz-transform: translate(0, 0) rotate(-45deg) !important;

	-ms-transform: translate(0, 0) rotate(-45deg) !important;

	-o-transform: translate(0, 0) rotate(-45deg) !important;

	transform: translate(0, 0) rotate(-45deg) !important;}

.openbtn.on .sp3 {width: 0;}



/* 头部滑过 */

.Header.fix{box-shadow: 0 10px 10px rgba(0,0,0,0.08);/*height: 0.7rem;line-height: 0.7rem;*/}





/* 下拉 */

.NavPull{ z-index:99;display:none; position:absolute; top:100%; left:50%;width:1.6rem;background-color: rgba(49,87,167,0.6);transform: translateX(-50%);box-shadow: 0 8px 15px rgba(0,0,0,0.08);border-radius: 0 0 10px 10px;text-align: left;line-height: 0.3rem;overflow: hidden;}

.NavPull.null{display: none !important;}

.NavPull dl{position: relative;z-index: 2;border-bottom: 1px solid rgba(255,255,255,0.1);}

.NavPull dl dd{padding: 0.1rem 0;text-align: center;position: relative;border: 1px solid rgba(255,255,255,0.1);border-bottom: 0;}

.NavPull dl dd a{position: relative;z-index: 1;color: #fff;}

.NavPull dl dd:After{width: 0;height: 100%;content: "";left: 0;position: absolute;background: #fff;transition: all 0.5s;top: 0;}

.NavPull dl dd:hover a{color: #3157a7;}

.NavPull dl dd:hover:After{width: 100%;}

.NavPull.TabSlide{position: absolute;}

.MainNav li.proNav{position: static;}

.MainNav li.proNav .NavPull{width: 100%;border-radius: 0;padding:0 0 0.48rem 0;background: #fff url(../images/pronavbg.jpg) center bottom no-repeat;border-top: 1px solid #e5e5e5;}

.MainNav li.proNav .NavPull .w1600:after{position: absolute;top: 0;height:100%;left: 2.7rem;width: 1px;background: #e1e8f6;content: "";}

.MainNav li.proNav .NavPull .TabNav{padding: 0.52rem 0;width: 2.7rem;}

.MainNav li.proNav .NavPull .TabNav li{margin:0 0 0.2rem;display: block;position: relative;line-height: 21px;}

.MainNav li.proNav .NavPull .TabNav em{position: relative;}

.MainNav li.proNav .NavPull .TabNav em:after{right: 0;top: 50%;height: 0;content: "";width: 200%;position: absolute;background: #3157a7;transition: all 0.5s;opacity: 0;}

.MainNav li.proNav .NavPull .TabNav em a{display: block;padding: 12px 0.65rem 10px 0;position: relative;z-index: 1;color: #333333;}

.MainNav li.proNav .NavPull .TabNav em i{position: absolute;top: 50%;transform: translateY(-50%);right: 0;font-size: 18px;transition: all 0.5s;color: rgba(255,255,255,0.8);opacity: 0;}

.MainNav li.proNav .NavPull .TabNav li.on em:after{top: 0;height: 100%;opacity: 1;}

.MainNav li.proNav .NavPull .TabNav li.on em a{color: #fff;}

.MainNav li.proNav .NavPull .TabNav li.on em i{opacity: 1;right: 0.25rem;}

.MainNav li.proNav .NavPull .rightCon{flex: 1;padding: 0.52rem 0 0 0.22rem;position: relative;}

.MainNav li.proNav .NavPull .rightCon aside a{transition: all 0.3s;}

.MainNav li.proNav .NavPull .rightCon aside i{font-size: 20px;transition: all 0.5s;opacity: 0;}

/* .MainNav li.proNav .NavPull .rightCon .imgbox{opacity: 0;} */

.MainNav li.proNav .NavPull .rightCon li{padding: 0.15rem 0 0.26rem 0;display: block;position: static;width: 5rem;}

.MainNav li.proNav .NavPull .rightCon li.on aside a{font-size: 0.24rem;color: #3157a7;}

.MainNav li.proNav .NavPull .rightCon li.on aside i{opacity: 1;margin-left: 0.17rem;}

.MainNav li.proNav .NavPull .rightCon li.on .imgbox{animation:fadeInDownSmall 0.5s .3s ease both;-webkit-animation:fadeInDownSmall 0.5s .3s ease both;-moz-animation:fadeInDownSmall 0.5s .3s ease both;}

.MainNav li.proNav .NavPull .rightCon .imgbox{position: absolute;right: 5vw;bottom: 0vw;width: 35vw;}

.MainNav li.proNav .NavPull .rightCon .imgbox img{width: 100%;}

.MainNav li.proNav .contact{position: absolute;text-align: center;width: 3.5rem;bottom: 0;right: -1.5rem;}

.MainNav li.proNav .contact a.zx{display: block;margin: 0px auto;color: #fff;background: #3157a7;line-height: 0.64rem;border-radius: 0.32rem;width: 2rem;}

.MainNav li.proNav .contact a.zx:before{display: inline-block;vertical-align: middle;width: 29px;height: 24px;margin-right: 14px;background: url(../images/ico_ly.svg) no-repeat center center/contain;content: "";}

.MainNav li.proNav .contact a:hover{background: #c9161e;}

.MainNav li.proNav .contact .tel{margin-top: 0.2rem;}

.MainNav li.proNav .contact .tel:before{display: inline-block;vertical-align: middle;width: 29px;height: 29px;margin-right: 9px;background: url(../images/ico_tel.svg) no-repeat center center/contain;content: "";

	-webkit-animation: icon-bounce 1s 2s infinite;

	-moz-animation: icon-bounce 1s 2s infinite;

	-o-animation: icon-bounce 1s 2s infinite;

	animation: icon-bounce 1s 2s infinite;}



@media(max-width:1024px){

.Header{height: 46px !important;line-height: 46px !important;}

.Header .w1600{position: static;}

.Header .Logo img{height: 30px !important;}

.Header a.oa{margin-right: 45px;}

.Header .openbtn{display: block;}



.MainNav{position: fixed;right: 0;top: 45px;width: 70%;height: calc(100% - 45px);right: -100%;transition: all 0.3s;opacity: 0;background-color:#ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding: 20px 0 0 0;overflow-y: auto;z-index: 100;}

.MainNav.on{right: 0;opacity: 1;}

.MainNav li{width: auto;float: none;text-align: left;margin: 0 15px;position: relative !important;padding: 0;display: block;}

.MainNav span a{text-align: left;font-size: 15px;padding-left: 15px;line-height: 40px;border-bottom: 1px solid #eee;color:#333 !important;}

.MainNav li:hover span a, .MainNav li.onnav span a{color:#02438d !important;}

.MainNav li:not(:first-child):After{display: none;}

.MainNav .arr{display: block;width: 80px;position: absolute;right: 0;top: 0;height: 40px;line-height: 40px;z-index: 101;}

.MainNav .arr i{position: absolute;right: 10px;font-size: 14px;color:#666;top: 0;transition: all 0.3s;}

.MainNav li.onnav .arr i{transform: rotate(-180deg);font-weight: bold;color: #02438d;}

.Header .MainNav span a:after{display: none;}



.Searchico:before{display: none;padding-left: 0;}

.searchbox{width: 100% !important;top: 110%;transform: translateY(0);padding: 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.08);visibility: hidden;opacity: 0;z-index: -1;border-radius: 0;right: 0;}



.NavPull{position: static;width: 100%;margin:0;text-align: left;padding:10px;transform: translateX(0) !important;line-height: 2.2;border-radius: 10px;}

.NavPull a{font-size: 14px;padding:2px 0 2px 15px;}

.MainNav li.proNav .NavPull{position: fixed;left: 0px;top: 46px;z-index: 200;height: calc(100% - 46px);width: calc(100% - 50px);}

.MainNav li.proNav .NavPull .w1600{display: block;}

.MainNav li.proNav .NavPull .w1600:after{display: none;}

.MainNav li.proNav .NavPull .TabNav{width: 100%;display: flex;overflow-x: auto;white-space: nowrap;padding-bottom: 0.25rem;}

.MainNav li.proNav .NavPull .TabNav li{margin-bottom: 0;}

.MainNav li.proNav .NavPull .TabNav em a{padding-left: 0.3rem;}

.MainNav li.proNav .NavPull .TabNav em:after{width: 100%;}

.MainNav li.proNav .NavPull .rightCon li{margin: 0;}

.MainNav li.proNav .NavPull .rightCon aside a{padding: 0;}

.MainNav li.proNav .NavPull .rightCon{width: 100%;padding: 0.3rem 0 0 0;}

.MainNav li.proNav .NavPull .rightCon li{padding-bottom: 0.15rem;}

.MainNav li.proNav .NavPull .rightCon .imgbox{display: none !important;}

.MainNav li.proNav .contact{position: static;width: auto;padding-top: 0.2rem;}

}

@media(max-width:480px){

	.Header .Logo img{height: 30px !important;}

	.MainNav li.proNav .contact a.zx{width: 150px;}

	.MainNav li.proNav .NavPull .rightCon li{width: auto;padding: 0;}

	.MainNav li.proNav .NavPull .rightCon li.on aside a{font-size: 16px;}

}



/*Bottom*/

/*.Footer{ position:relative;background: #262c3a url(../images/footerbg.jpg) no-repeat 0 bottom;color: #fff;padding: 0.32rem 0 0;z-index: 1;}*/
.Footer{ position:relative;background: #e8f0fd;color: #000;padding: 0.32rem 0 0;z-index: 1;}

/*.Footer a{color: #fff;}.Footer a:hover{color: #3157a7;}*/
.Footer a{color: #000;}.Footer a:hover{color: #3157a7;}

.Footer .blank{position: absolute;left: 0;top: -100vh;height: 100vh;z-index: -2;width: 100%;visibility: hidden;}

.Footer .navtop{padding-bottom: 0.32rem;border-bottom: 1px solid rgba(255,255,255,0.03);margin-bottom: 0.2rem;}

.Footer .navtop .logo img{width: 1.5rem;opacity: 0.7;}

.Footer .navtop .menu{padding-top: 0.09rem;line-height: 0.51rem;}

.Footer .navtop .menu a{display: inline-block;}

.Footer .navtop .menu a:not(:last-child){margin-right: 0.45rem;position: relative;}

.Footer .navtop .menu a:not(:last-child):after{position: absolute;width: 2px;height: 2px;content: "";background: #fff;right: -0.22rem;top: 50%;transform: translateY(-50%);}

.Footer .left{padding: 0.07rem 0 0 0;}

.Footer .left .slogan {margin-bottom: 0.49rem;}

.Footer .left .slogan ul{padding-bottom: 1px;}

.Footer .left .slogan li:not(:last-child){margin-right: 0.4rem;position: relative;}

.Footer .left .slogan li:not(:last-child):after{position: absolute;width: 2px;height: 2px;background: rgba(255,255,255,0.2);content: "";top: 50%;transform: translateY(-50%);right: -0.22rem;}

.Footer .left .slogan p{opacity: 0.5;}

.Footer .bottom{flex-direction: row-reverse;}
.Footer .ewm {margin-right: -5.5vw;}
.Footer .ewm li{padding-left: 2.344vw;text-align: center;}
.Footer .ewm li img{width: 1.4rem;display: block;margin: 0px auto 0.05rem;}

.Footer .contact li:not(:last-child){margin-bottom: 0.17rem;}

.Footer .contact li{position: relative;padding-left: 38px;min-height: 0.3rem;}

.Footer .contact li img{position: absolute;left: 0;top: 5px;width: 24px;opacity: 0.4;}

.Footer .contact li:hover img{opacity: 1;}

.Footer .contact li span{font-style: italic;}

.Footer .Copyright{border-top: 1px solid rgba(255,255,255,0.03);padding: 0.32rem 0;}



.totop{position:fixed;right:1.7%;bottom:-100%;text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;width: 0.49rem;height: 0.49rem;line-height:0.49rem;z-index:210;background-color:#3157a7;color:#ffffff;box-shadow: 0 6px 30px rgba(0,72,152,0.2);border-radius: 50%;}

.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;bottom: 0;}

.totop.fix{position: absolute;top: -0.25rem;bottom: auto;}

.totop.fix:hover{background-color:#c9161e;}


@media(max-width:1366px){
	.Footer .ewm {margin-right: -3vw;}
}
@media(max-width:1024px){

	.Footer .navtop .logo{display: none;}

	.Footer .bottom{flex-direction:inherit;}

	.Footer .left{padding-top: 0.5rem;width: 100%;}

}

@media(max-width:580px){

	.totop{width: 35px;height: 35px;line-height: 35px;}

	.Footer .contact li img{width: 20px;}
	.Footer .ewm {width: 100%;margin: 0.25rem 0 0 0;justify-content: center;}
	.Footer .ewm li{padding: 0 0.3rem;}
	.Footer .ewm li img{width: 1.58rem;}

}

/*Bottom*/



.video_files{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1001;display: flex;justify-content: center;align-items: center;}

.video_files .close{position: absolute;right: 0;top: 0;text-align:center;width: 35px;height: 35px;line-height: 35px;background:#004898;color:#fff;z-index: 10;cursor: pointer;}

.video_files video{width: 100%;height: 100%;object-fit: fill;background:#000;}

@media(max-width:1024px){

	.video_files{width: 100%;height: 100%;background: rgba(0,0,0,0.5);}

	.video_files video{object-fit: contain;height: auto;position: static;}

}



.wow {visibility: visible;}

.TabSlide{position: relative;}



/*liMarquee.css*/

.str_wrap {

	overflow:hidden;

	zoom:1;

	width:100%;

	font-size:12px;

	line-height:16px;

	position:relative;

	-moz-user-select: none;

	-khtml-user-select: none;

	user-select: none;

	white-space:nowrap;

}

.str_move {

	white-space:nowrap;

	position:absolute;

	top:0;

	left:0;

	cursor:move;

}

.str_move_clone {

	display:inline-block;

	display:inline;

	zoom:1;

	vertical-align:top;

	position:absolute;

	left:100%;

	top:0;

}

.str_vertical .str_move_clone {

	left:0;

	top:100%;

}

.str_down .str_move_clone {

	left:0;

	bottom:100%;

}

.str_vertical .str_move,

.str_down .str_move {

	white-space:normal;

	width:100%;

}

.str_static .str_move,

.no_drag .str_move,

.noStop .str_move{

	cursor:inherit;

}

.str_wrap img {

	max-width:none !important;

}



#topTabCon li .imgbox {

	display: none;

}



#topTabCon li.on .imgbox {

	display: block;

}