body{ font: 14px/1.5 Arial,"Heiti SC","ST Heiti","华文黑体",SimHei,"黑体",sans-serif; color:#666;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset{border:0}
img{border:0; max-width:100%; display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,audio,canvas,video { display: block; }
audio:not([controls]) { display: none; height: 0; }
svg:not(:root) {overflow: hidden;}
[hidden],template { display: none;}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a { text-decoration:none; color:#666; }
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */}
.c:before,.c:after,.w:before,.w:after{
	content: " "; display: table;
}
.c:after,.w:after{
	clear: both;
}
.c,.w{
	zoom:1;/*zoom<IE8*/
}
.w {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	margin-right: auto;
	margin-left: auto;
}
.w-space{padding-left: 15px;padding-right: 15px;}
.w-top50{padding-top:50px;}
.w-bottom50{padding-bottom: 50px;}

.disFlex{ display: flex; justify-content: space-between; align-items: center;}
.disFlexc{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.disInlineb{width: 100%; display: inline-block; vertical-align: middle;}
.over1{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over9{ display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; }
.over2{ -webkit-line-clamp: 2;}
.over3{ -webkit-line-clamp: 3;}
.over4{ -webkit-line-clamp: 4;}
.over5{ -webkit-line-clamp: 5;}
.over6{ -webkit-line-clamp: 6;}
.over7{ -webkit-line-clamp: 7;}
.over9{ -webkit-line-clamp: 9;}

@media (min-width:768px) {.w {width:750px;}}

.g{float:left}
.x1,.x01>.g{width:8.33333333%}.x1-2,.x01-2>.g{width:10%}.x1-5,.x01-5>.g{width:12.5%}.x2,.x02>.g{width:16.66666667%}.x2-4,.x02-4>.g{width:20%}.x3,.x03>.g{width:25%}.x4,.x04>.g{width:33.33333333%}.x5{width:41.66666667%}.x6,.x06>.g{width:50%}.x7{width:58.33333333%}.x8{width:66.66666667%}.x9{width:75%}.x10{width:83.33333333%}.x11{width:91.66666667%}.x12,.x012>.g{width:100%}
@media(min-width:768px){.s1,.s01>.g{width:8.33333333%}.s1-2,.s01-2>.g{width:10%}.s1-5,.s01-5>.g{width:12.5%}.s2,.s02>.g{width:16.66666667%}.s2-4,.s02-4>.g{width:20%}.s3,.s03>.g{width:25%}.s4,.s04>.g{width:33.33333333%}.s5{width:41.66666667%}.s6,.s06>.g{width:50%}.s7{width:58.33333333%}.s8{width:66.66666667%}.s9{width:75%}.s10{width:83.33333333%}.s11{width:91.66666667%}.s12,.s012>.g{width:100%}}
@media(min-width:992px){.m1,.m01>.g{width:8.33333333%}.m1-2,.m01-2>.g{width:10%}.m1-5,.m01-5>.g{width:12.5%}.m2,.m02>.g{width:16.66666667%}.m2-4,.m02-4>.g{width:20%}.m3,.m03>.g{width:25%}.m4,.m04>.g{width:33.33333333%}.m5{width:41.66666667%}.m6,.m06>.g{width:50%}.m7{width:58.33333333%}.m8{width:66.66666667%}.m9{width:75%}.m10{width:83.33333333%}.m11{width:91.66666667%}.m12,.m012>.g{width:100%}}
@media(min-width:1200px){.l1,.l01>.g{width:8.33333333%}.l1-2,.l01-2>.g{width:10%}.l1-5,.l01-5>.g{width:12.5%}.l2,.l02>.g{width:16.66666667%}.l2-4,.l02-4>.g{width:20%}.l3,.l03>.g{width:25%}.l4,.l04>.g{width:33.33333333%}.l5{width:41.66666667%}.l6,.l06>.g{width:50%}.l7{width:58.33333333%}.l8{width:66.66666667%}.l9{width:75%}.l10{width:83.33333333%}.l11{width:91.66666667%}.l12,.l012>.g{width:100%}}
.xs8,.xs8>.g,.xs08>.g{padding-right:4px;padding-left:4px}.xs08{margin-right:-4px;margin-left:-4px}.xs10,.xs10>.g,.xs010>.g{padding-right:5px;padding-left:5px}.xs010{margin-right:-5px;margin-left:-5px}.xs20,.xs20>.g,.xs020>.g{padding-right:10px;padding-left:10px}.xs020{margin-right:-10px;margin-left:-10px}.xs30,.xs30>.g,.xs030>.g{padding-right:15px;padding-left:15px}.xs030{margin-right:-15px;margin-left:-15px}.xs40,.xs40>.g,.xs040>.g{padding-right:20px;padding-left:20px}.xs040{margin-right:-20px;margin-left:-20px}
@media(min-width:768px){.ss10,.ss10>.g,.ss010>.g{padding-right:5px;padding-left:5px}.ss010{margin-right:-5px;margin-left:-5px}.ss20,.ss20>.g,.ss020>.g{padding-right:10px;padding-left:10px}.ss020{margin-right:-10px;margin-left:-10px}.ss30,.ss30>.g,.ss030>.g{padding-right:15px;padding-left:15px}.ss030{margin-right:-15px;margin-left:-15px}.ss40,.ss40>.g,.ss040>.g{padding-right:20px;padding-left:20px}.ss040{margin-right:-20px;margin-left:-20px}.ss10,.ss20,.ss30,.ss40{margin-right:0;margin-left:0}.ss010,.ss020,.ss030,.ss040{padding-right:0;padding-left:0}}
@media(min-width:992px){.ms10,.ms10>.g,.ms010>.g{padding-right:5px;padding-left:5px}.ms010{margin-right:-5px;margin-left:-5px}.ms20,.ms20>.g,.ms020>.g{padding-right:10px;padding-left:10px}.ms020{margin-right:-10px;margin-left:-10px}.ms30,.ms30>.g,.ms030>.g{padding-right:15px;padding-left:15px}.ms030{margin-right:-15px;margin-left:-15px}.ms40,.ms40>.g,.ms040>.g{padding-right:20px;padding-left:20px}.ms040{margin-right:-20px;margin-left:-20px}.ms10,.ms20,.ms30,.ms40{margin-right:0;margin-left:0}.ms010,.ms020,.ms030,.ms040{padding-right:0;padding-left:0}}
@media(min-width:1200px){.ls10,.ls10>.g,.ls010>.g{padding-right:5px;padding-left:5px}.ls010{margin-right:-5px;margin-left:-5px}.ls20,.ls20>.g,.ls020>.g{padding-right:10px;padding-left:10px}.ls020{margin-right:-10px;margin-left:-10px}.ls30,.ls30>.g,.ls030>.g{padding-right:15px;padding-left:15px}.ls030{margin-right:-15px;margin-left:-15px}.ls40,.ls40>.g,.ls040>.g{padding-right:20px;padding-left:20px}.ls040{margin-right:-20px;margin-left:-20px}.ls10,.ls20,.ls30,.ls40{margin-right:0;margin-left:0}.ls010,.ls020,.ls030,.ls040{padding-right:0;padding-left:0}}

/*输入框*/
.u-ipt{display: inline-block; width: 100%; height: 40px; padding:4px 17px; line-height: 30px; border: 1px solid #e5e5e5; font-size: 16px;color: #333; outline: none;}
.u-ipt::-webkit-input-placeholder {font-size: 14px; color: #999;}
.u-ipt[disabled="disabled"]{background-color: #f5f5f5;}
.u-ipt:focus{border:1px solid #006f55;}

.u-textarea{display: inline-block; width: 100%; height: 120px; padding:4px 17px; line-height: 30px; border: 1px solid #e5e5e5; font-size: 16px;color: #333; outline: none;resize: none;}
.u-textarea::-webkit-input-placeholder {font-size: 14px; color: #999;}
.u-textarea[disabled="disabled"]{background-color: #f5f5f5;}
.u-textarea:focus{border:1px solid #006f55;}

/*按钮*/
.u-btns{text-align: center;}
.u-btns-top{padding-top: 20px;}
.u-btn{display: block; height:40px; line-height: 40px; border:none; border-radius:2px;font-size: 15px; text-align: center; color:#fff; outline: none; cursor: pointer;}
.u-btn:hover , .u-btn:active{background-color: #02916f;}
.u-btn.n-circle{border-radius: 20px;}
.u-btn.n-middle{ height:40px; line-height: 40px;}
.u-btn.n-blue{ background-color: #4B95C4;}
.u-btn.n-blue:hover , .u-btn.n-blue:active{background-color: #0187D0;}
.u-btn.n-gray{background-color: #e5e5e5; color:#666;}
.u-btn.n-gray:hover , .u-btn.n-gray:active{background-color: #cdcdcd; color:#fff;}
.u-btn.n-yellow{background-color: #ff9900;}
.u-btn.n-yellow:hover , .u-btn.n-yellow:active{background-color: #f6bc64;}
.u-btn.n-red{background-color: #D92C2F;}
.u-btn.n-red:hover , .u-btn.n-red:active{background-color: #e93235;}
.u-btn-mini{display: inline-block;vertical-align: middle; padding-left: 20px;padding-right: 20px; line-height: 30px; border:none; border-radius:15px;font-size: 13px; text-align: center; color:#fff; outline: none; cursor: pointer;}
.u-btn-mini:hover , .u-btn-mini:active{background-color: #02916f;}
.u-btn-mini.n-blue{ background-color: #4B95C4;}
.u-btn-mini.n-blue:hover , .u-btn-mini.n-blue:active{background-color: #0187D0;}
.u-btn-mini.n-red{background-color: #D92C2F;}
.u-btn-mini.n-red:hover , .u-btn-mini.n-red:active{background-color: #e93235;}
.u-btn-mini.n-icon{padding-right: 15px;}
.u-btn-mini.n-icon span,.u-btn-mini.n-icon i{display: inline-block;vertical-align: middle;}
.u-btn-mini.n-icon i{margin-bottom: 2px; line-height: 1;}
/*图片按钮*/
.u-btn-img{display: inline-block;vertical-align: middle; width: 97px; height:31px; border-radius:2px; background-color: transparent; outline: none; cursor: pointer;}

.u-check{display: inline-block; height:30px; line-height: 28px; padding:0 12px; border:1px solid #e5e5e5; text-align: center; background-color: #fff; cursor: pointer;}
.u-check.n-check{line-height: 26px; border:2px solid #23a96f; padding:0 11px;}
.u-check.n-disable{color:#999; cursor:not-allowed;     border: dashed 1px #e5e5e5;}

.i__search{width: 15px;height: 15px;border-radius: 100%;border:2px solid #F2DDC3;position: relative;}
.i__search:after{content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);width:5px;height: 2px;position: absolute;top:11px;left:10px;background-color: #F2DDC3;}

.i__menu{position: relative;}
.i__menu:before, .i__menu:after {
  content: "";
  display: block;
  width: 17px;
  height: 3px;
  border-radius: 2px;
  background: #4B95C4;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
  transition: background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
  transition: transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s;
  transition: transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
}
.i__menu:before {
  margin-bottom: 8px;
}
.i__menu:after {
  width: 13px;
  margin-left: 4px;
}
.i__menu:hover:before, .i__menu:hover:after {
  background: #4B95C4;
}
.i__menu.active:before, .i__menu.active:after {
  background: #4B95C4;
}
.i__menu.active:before {
  -webkit-transform: translateY(5px) rotate(-225deg);
          transform: translateY(5px) rotate(-225deg);
}
.i__menu.active:after {
	width: 17px;
	margin-left: 0;
  -webkit-transform: translateY(-6px) rotate(225deg);
          transform: translateY(-6px) rotate(225deg);
}

/* 页头 */
.m-header-xs-seat{width: 100%; height: 50px;}
.m-header-xs{position: fixed;left: 0;right: 0; top: 0;z-index: 99; background-color:#fff;width: 100%;height: auto;}
.m-header-xs .nav{position: relative; display: flex; justify-content: space-between; align-items: center; height: 50px;}
.m-header-xs .brand{position: relative;z-index: 10; display: inline-block;vertical-align: middle;width: 85px;font-size: 15px;line-height: 1;font-weight: 400;color: #F2DDC3;}
.m-header-xs .menu{position: absolute;left: 100%;top:0;z-index: 9; width: 100vw; height: 100vh;display: block;transform: translateX(0%);-webkit-transition: .7s;transition: .7s;}
.m-header-xs .menu .items{position: relative;overflow: hidden; display: flex;flex-direction: column;justify-content: center;height: 100%;box-sizing: border-box;background-color: #fff;}
.m-header-xs .menu .item{position: relative;padding-top: 10px;padding-bottom: 10px;}
.m-header-xs .menu .title{position: relative;display: block;}
.m-header-xs .menu .title span{display: block;}
.m-header-xs .menu .title .en{font-size: 15px;line-height: 40px;text-align: center; color: #666;}
.m-header-xs .menu .sub{display: none; padding-top: 7px;}
.m-header-xs .menu .sub li a{display: block;font-size: 13px;line-height: 26px;text-align: center; color: #666;}
.m-header-xs .menu .sub li:hover a,.m-header-xs .menu .sub li.active a{ color: #153b61;}
.m-header-xs .menu .item.active .title .en{color: #00284e;}
.m-header-xs .menu .item.active .sub{display: block;}
.m-header-xs .menuo{position: absolute;right: 12px;top:50%;z-index: 1; transform: translateY(-50%);font-size: 0;}
.m-header-xs .menuo .item,.m-header-xs .menuo .item i,.m-header-xs .menuo .item span{display: inline-block;vertical-align: middle;}
.m-header-xs .menuo .item{position: relative;cursor: pointer;}
.m-header-xs .menuo .item .i{width: 25px;height: 17px;background-image: url(../img/menu_i01.png); background-repeat: no-repeat;background-position: center;background-size: cover;}
.m-header-xs .menuo .item span{padding-left: 12px; font-size: 16px;font-weight: bold;}
.m-header-xs .menuo .item span.white{color: #fff;}
.m-header-xs .menuc{position: absolute;right: 15px;top: 15px;z-index: 9;}
.m-header-xs .menuc .i{display: block;width: 16px;height: 16px;background-image: url(../img/menu_i02.png); background-repeat: no-repeat;background-position: center;background-size: cover;}
.m-header-xs.active{position: fixed;height: 100%;background-color: rgba(255,255,255,1);}
.m-header-xs.active .menu{transform: translateX(-100%);}

.m-header-xs .m-copyright{position: absolute;left: 0;right: 0;bottom: 0;}
.m-header-xs .m-copyright p{color: #ccc;}

/* 页脚 */
.m-footer{position: relative; width: 100%;height: auto;border-top: 1px solid rgba(21,59,97,.1);background-repeat: no-repeat;background-size: cover;background-position: center; background-color: #fff;}
.m-footer .nav{padding-top: 30px;padding-bottom: 30px;}
.m-footer .brand{width: 85px;}
.m-footer .service{position: relative;display: flex;justify-content: space-between;align-items: center; padding-top: 25px;}
.m-footer .shares{position: relative;}
.m-footer .shares .qrcode{display: flex;justify-content: center;align-items: center; width: 73px; height: 73px;border: 1px solid #eee; background-color: #fff;opacity: 1;transition: 1.03s;}
.m-footer .shares p{padding-top: 7px; font-size: 12px;line-height: 14px;color: #0084cd;padding-left:0.8rem;}
.m-footer .info .itm{position: relative;display: flex;align-items: center; min-height:40px; padding-left: 35px;}
.m-footer .info i{position: absolute; left: 0; top: 50%; width: 25px;height: 25px;margin-top: -12px; border: 1px solid #3b569b; border-radius:25px; background-repeat: no-repeat;background-position: center;background-size: 14px;}
.m-footer .info p{width: 175px;font-size: 12px;line-height: 14px;color: #3b569b;}

.m-copyright{position: relative;}
.m-copyright .control{padding-top: 14px;padding-bottom: 14px; border-top: 1px solid rgba(21,59,97,.1);}
.m-copyright p,.m-copyright a{display: block;vertical-align: middle; font-size: 12px;line-height: 14px;text-align: center; color: #b2c1e8;}
.m-copyright p+a{padding-top: 6px;}
.m-copyright a:hover{color: #00284e;}

/*banner*/
.m-banner{position: relative;}

.m-banner-subsidiary{position: relative; background-color: #F1F1F1;}
.m-banner-subsidiary img{width: 100%;}
.m-banner-subsidiary .text{position: absolute;top: 0; left: 0;right: 0;height: 100%;display: flex;align-items: center;}
.m-banner-subsidiary p{font-family: din-bold-webfont; font-size: 30px;line-height: 40px; color: #fff;}

/*floor*/
.m-floor{position: relative;padding-bottom: 30px; background-color: #fff;background-repeat: no-repeat;background-size: cover;background-position: center;}
/* .m-floor+.m-floor{margin-top: 10px;} */
.m-floor .floor-hd{position: relative; padding-top: 25px;}
.m-floor .floor-hd .title{font-size: 0;}
.m-floor .floor-hd .title .name,.m-floor .floor-hd .title .identification{display: inline-block;vertical-align: bottom;}
.m-floor .floor-hd .title .name{font-size: 20px;font-weight: bold; color: #333333;}
.m-floor .floor-hd .title .identification{margin-left: 7px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;font-weight: 500; color: #999999;}

/*首页*/
.m-swiper-banner{min-width: 100%;}
.m-swiper-banner .swiper-container {position: relative;overflow: hidden; width: 100%;height: 250px;}
.m-swiper-banner .swiper-pagination{bottom: 35px;}
.m-swiper-banner .swiper-pagination-bullet{position: relative;overflow: hidden; width: 16px;height: 16px; margin:0 10px !important; border-radius: 8px; background-color: rgba(255,255,255,.5);opacity:1;}
.m-swiper-banner .swiper-pagination-bullet-active{background-color: rgba(255,255,255,1);}
.m-swiper-banner .swiper-slide {display: flex;justify-content: center;align-items: center;  background-repeat: no-repeat;background-position: center;background-size: cover;}
.m-swiper-banner .swiper-slide p{font-family: din-medium-webfont; font-size: 20px;line-height: 35px;color: #fff; text-align: center; transform: translateY(100%);transition: .7s;}
.m-swiper-banner .text{position: relative;overflow: hidden;}
.m-swiper-banner .swiper-slide-active p{transform: translateY(0);}

.idx_jj{position: relative; padding-top: 60px;padding-bottom: 60px; box-sizing: border-box; background-repeat: no-repeat;background-position:center;background-size: cover;}
.idx_jj .title{position: relative;}
.idx_jj .title .en{font-family: din-bold-webfont;font-size: 30px;line-height: 1;text-align: center; color: #00284e;}
.idx_jj .data{padding-top: 40px;}
.idx_jj .data .itm{float: left; width: 50%;height: 110px; text-align: center;}
.idx_jj .data .sum span,.idx_jj .data .sum sub{display: inline-block;vertical-align: bottom;}
.idx_jj .data .sum span{font-family: 'ANTQUAB';font-size: 0;line-height: 1;color: #0084cd;}
.idx_jj .data .sum sub{padding-bottom: 6px;font-family: 'ANTQUAB'; font-size: 18px;line-height: 1;color: #0084cd;}
.idx_jj .data p{max-width: 180px;padding-top: 5px; margin: 0 auto;font-size: 12px;line-height: 15px; color: #00284e;}
.idx_jj .data .mt-number-animate{ line-height:35px; height: 35px; ; overflow: hidden; display: inline-block; position: relative; }
.idx_jj .data .mt-number-animate .mt-number-animate-dot{  line-height: 55px; float: left; text-align: center; font-size: 55px;}
.idx_jj .data .mt-number-animate .mt-number-animate-dom{ text-align: center; float: left; position: relative; top: 0;font-size: 35px;}
.idx_jj .data .mt-number-animate .mt-number-animate-dom .mt-number-animate-span{  display:block;height: 55px;overflow:hidden;font-size: 35px;}
.idx_jj .more{display: flex;justify-content: center;align-items: center;padding-top: 20px;}
.idx_jj .more .itm+.itm{margin-left: 15px;}

.idx_btn{position: relative; display: flex;align-items: center; height: 45px; padding-left: 10px; padding-right: 10px; box-sizing: border-box;border: 1px solid #3b569b;border-radius: 5px;text-align: center; cursor: pointer;transition: 1.03s;}
.idx_btn span{font-size: 12px;line-height: 14px;color: #3b569b;transition: 1.03s;}
.idx_btn:hover{border-color: transparent; background-color: #3b569b; box-shadow: 10px 10px 10px rgba(59,86,155,.22);}
.idx_btn:hover span{color: #fff;}

.idx_zz{position: relative; height: 536px; box-sizing: border-box; background-image: url(../img/idx_bg02.png);background-repeat: no-repeat;background-position:center;background-size: cover;}
.idx_zz .itms{height: 100%;}
.idx_zz .itm{position: relative; display: flex; justify-content: flex-start;align-items: center; height: 25%;padding-left: 40px;padding-right: 15px; background-color: rgba(0,93,164,.6);}
.idx_zz .itm+.itm::before{content: '';position: absolute;left: 0;top: 0;width: 1px;height: 100%;background-color: rgba(0,128,255,.2);}
.idx_zz .itm i{display: block;width: 51px;height: 51px; background-repeat: no-repeat;background-position: center;background-size: cover;transition: 1.07s;}
.idx_zz .itm .i{position: relative; width: 57px;height: 58px;display: flex;justify-content: center;align-items: center;}
.idx_zz .itm .i .circle{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.idx_zz .itm .i .circle>i{width: 57px;height: 58px;}
.idx_zz .itm:nth-child(1) .i .circle>i{background-image: url(../img/idx_i07.png);}
.idx_zz .itm:nth-child(2) .i .circle>i{background-image: url(../img/idx_i08.png);}
.idx_zz .itm:nth-child(3) .i .circle>i{background-image: url(../img/idx_i09.png);}
.idx_zz .itm:nth-child(4) .i .circle>i{background-image: url(../img/idx_i10.png);}
.idx_zz .itm:hover:nth-child(1) .i .circle>i{background-image: url(../img/idx_i07h.png);}
.idx_zz .itm:hover:nth-child(2) .i .circle>i{background-image: url(../img/idx_i08h.png);}
.idx_zz .itm:hover:nth-child(3) .i .circle>i{background-image: url(../img/idx_i09h.png);}
.idx_zz .itm:hover:nth-child(4) .i .circle>i{background-image: url(../img/idx_i10h.png);}
.idx_zz .itm .en{padding-left: 23px; font-family: din-bold-webfont; font-size: 25px;line-height: 1; color: #fff;}
.idx_zz .itm:hover{background-color: rgba(119,186,253,.6);}
.idx_zz .itm:hover .btn{opacity: 1; transform: translateY(-57px);}
.idx_zz .itm:hover .box .ctr{opacity: 0; transform: translateY(57px);}

.idx_xw{position: relative;padding-top: 60px;padding-bottom: 60px; box-sizing: border-box; background-image: url(../img/idx_bg03.png);background-repeat: no-repeat;background-position:center;background-size: cover;}
.idx_xw .adv{background-repeat: no-repeat;background-position:center;background-size: cover;}
.idx_xw .main{position: relative;}
.idx_xw .ctr{position: relative;}
.idx_xw .title{position: relative;}
.idx_xw .title .en{font-family: din-bold-webfont;font-size: 30px;line-height: 1;text-align: center; color: #00284e;}
.idx_xw .m-list-xw{margin-top: 25px;}
.swiper-idx01{z-index: 1;}
.swiper-idx01 .swiper-container {position: relative;overflow: hidden;width: 100%;height: 100%;}
.swiper-idx01 .swiper-slide {cursor: pointer;}
.swiper-idx01 .itm{position: relative;overflow:hidden; display: flex;justify-content: center; align-items: center; height: 506px;}

.m-operating{margin-top: 20px;}

/*公司介绍*/
.jj_company{position: relative;overflow: hidden;padding-top: 40px;padding-bottom: 40px;border-bottom: 1px solid rgba(21,59,97,.1);}
.jj_company .ctr{position: relative;box-shadow: 0 0 10px rgba(59,86,155,.11);}
.jj_company .name{padding-bottom: 20px;}
.jj_company .name .en{font-family: din-bold-webfont;font-size: 25px;line-height: 1; color: #153b61; }
.jj_company .img{display: flex;justify-content: center;align-items: center;}
.jj_company .info{height: 200px; padding: 30px 0 30px 15px; box-sizing: border-box;}
.jj_company .content{height: 100%;padding-right: 15px; overflow-y: scroll;text-align:left; font-size: 14px;line-height: 24px; color: #999;}

/*滚动条整体粗细样式*/
::-webkit-scrollbar {
    /*高宽分别对应横竖滚动条的尺寸*/
    width: 3px;
}

/*滚动条里面小方块*/
::-webkit-scrollbar-thumb {
/*    border-radius: 10px !important;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; */
    /* 颜色 */
    background-color: #34506f!important;
}

/*滚动条轨道*/
::-webkit-scrollbar-track {
    background: rgba(52, 80, 111, .2) !important;
}

.jj_sj{position: relative;overflow: hidden;padding-top: 40px;padding-bottom: 40px; background-repeat: no-repeat;background-position: center;background-size: cover;}
.jj_sj .title .en{font-family: din-bold-webfont;font-size: 25px;line-height: 1; color: #153b61; }
.jj_sj .line{padding-top: 25px;}
.jj_sj .line .main{display: flex;justify-content: space-between;}
.jj_sj .line .itm{width: 33.33%;padding-left: 15px;padding-top: 30px;padding-bottom: 15px; box-sizing: border-box; line-height: 1;color: #fff;background-color: #d6d6d6;cursor: pointer;}
.jj_sj .line .itm:nth-child(1){background-color: #63baea;}
.jj_sj .line .itm:nth-child(2){background-color: #005a8c;}
.jj_sj .line .itm .min{font-family: din-light-webfont;font-size: 20px;}
.jj_sj .line .itm .max{position: relative; padding-top: 30px; font-family: din-bold-webfont;font-size: 30px;}
.jj_sj .line .itm .max:before{content: '';position: absolute;left: 25px;top: 7px;width: 1px;height: 15px;background-color: #fff;}
.jj_sj .line .itm:nth-child(3){color: #707070;}
.jj_sj .line .itm:nth-child(3) .max{font-family: din-medium-webfont;}
.jj_sj .line .itm:nth-child(3) .max:before{background-color: #707070;}
.jj_sj .line .progressbar{position: relative; width: 100%;height: 5px;background-color: #003451;}
.jj_sj .line .progressbar-fill{width: 33.33%;height: 100%;background-color: #3b569b;transition: 1.03s;}
.jj_sj .list{position: relative;display: none; margin-top: 50px;}
.jj_sj .list .circle{position: absolute;left: 0;top: -34px;z-index: 1;width: 34px;height: 34px;}
.jj_sj .list dl{position: relative; padding-left: 38px;padding-top: 65px;}
.jj_sj .list dl:before{content: '';position: absolute;left: 17px;top: 0;z-index: -1; width: 1px; height: 100%;background-color: #0084cd;}
.jj_sj .list dt{position: absolute; left: 2px;top: 20px;}
.jj_sj .list dd{padding-top: 3px;}
.jj_sj .list .date{position: relative;overflow: hidden; width: 30px; height: 30px;box-sizing: border-box; background-color: #0084cd;border:1px solid #003451;border-radius: 15px;transition: 1.03s;}
.jj_sj .list .date i{display:block;width:23px;height: 23px;margin: 3px; background-image: url(../img/jj_i02.png); background-repeat: no-repeat;background-position: center;background-size: cover;}
.jj_sj .list .date span{position: absolute;left: 35px;top: 0; display: block; font-size: 16px;line-height: 30px;font-weight: bold; color: #fff;}
.jj_sj .list .date.active{width: 95px;} 
.jj_sj .list .desc{display: flex;justify-content: flex-start;}
.jj_sj .list .desc+.desc{margin-top: 13px;}
.jj_sj .list .desc span{display: block;width: 15%;font-size: 16px;line-height: 20px;font-weight: bold;color: #0084cd;}
.jj_sj .list .desc p{width: 85%; font-size: 14px;line-height: 18px;color: #333;}
.jj_sj .list.active{display: block;}

.jj_zz{position: relative;overflow: hidden; padding-top: 60px;padding-bottom: 40px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.jj_zz>div{z-index: 1;}
.jj_zz .title{text-align: right;}
.jj_zz .title img{display: inline-block;width: 165px;}
.jj_zz .vdo{position: absolute;left: 50%;bottom: 0;width: 1920px; height: 600px; margin-left: -960px;z-index: -1;}
.jj_zz .honor{position:relative;padding-top: 35px;}
.swiper-jj01{z-index: 1;}
.swiper-jj01 .swiper-container {position: relative;overflow: hidden;width: 100%;height: 100%;}
.swiper-jj01 .swiper-wrapper{align-items: flex-end;}
.swiper-jj01 .swiper-pagination{padding-left:28px; text-align:left;}
.swiper-jj01 .swiper-pagination-bullet{background-color:rgba(255,255,255,.4)}
.swiper-jj01 .swiper-pagination-bullet-active{background-color:rgba(255,255,255,1)}
.swiper-jj01 .swiper-slide {cursor: pointer;}
.swiper-jj01 .itm{position: relative;overflow:hidden; display: flex;justify-content: center; align-items: center; min-height: 70px;padding: 10px 10% 15px; background-image: url(../img/jj_bg02.png);background-repeat: no-repeat;background-position: bottom;background-size: 100%;}
.swiper-jj01 .itm p{font-family: din-bold-webfont; font-size: 12px; line-height: 15px;font-weight: bold; text-align: center;color: #fff;}
.swiper-jj01 .itm:hover .mask{display: flex;}

/*业务领域*/
.m-description{position: relative;padding-top: 40px;padding-bottom: 35px; font-size: 15px;line-height: 20px;font-weight: bold; font-style:italic;text-align: center; background-image:-webkit-linear-gradient(left,#18a0ad,#315c9f); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.m-description i{position: absolute;left: 0;top: 0;width: 34px;height: 24.5px; background-image: url(../img/yw_i01.png); background-repeat: no-repeat;background-position: center;background-size: cover;}
.m-description i:nth-child(2){left: unset;top: unset;right: 0;bottom: 0;transform: rotate(180deg);}

.yw_area{position: relative;padding-top: 40px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.yw_area .desc{margin-top: 30px; padding: 40px 15px;box-shadow: 10px 10px 25px rgba(59, 86, 155, 0.15);font-size: 12px;line-height: 18px;color: #666;}

.yw_table1{position: relative;overflow: auto; overflow-y: hidden; width: 100%;margin-top:50px}
.yw_table1 .table{width: 750px;}
.yw_table1 .tr:nth-child(1){display: flex;justify-content: space-between;height: 40px;padding: 0; font-size: 15px;line-height: 16px;font-weight: bold;color: #fff;}
.yw_table1 .th{display: flex;justify-content: center;align-items: center;width: 10%;background-color: #315c9f;}
.yw_table1 .th:nth-child(1){width: 15%;background-color: #18a0ad;}
.yw_table1 .th:nth-child(2){width: 32.5%;}
.yw_table1 .tr{display: flex;justify-content: space-between;padding-top: 20px;padding-bottom: 20px;font-size: 12px;line-height: 15px;color: #666;}
.yw_table1 .tr:nth-child(2n+1){background-color: #f7f7f7;}
.yw_table1 .td{display: flex;flex-direction: column;align-items: center; width: 10%;box-sizing: border-box;}
.yw_table1 .td:nth-child(1){width: 15%;color: #00284e;}
.yw_table1 .td:nth-child(2){width: 32.5%;}
.yw_table1 .td:nth-child(3){width: 51.83%;justify-content: center;}
.yw_table1 p{text-align: center;}
.yw_table1 .td p+p{margin-top: 12px;}
.yw_table1 .progress{width: 100%; height: 22px;padding: 3px 0;box-sizing: border-box; background-color: transparent;}
.yw_table1 .progress+.progress{margin-top: 8px;}
.yw_table1 .progress .line{position: relative; width: 0%; height: 100%;background-color: #3a8bd1;transition: 1.03s;}

.yw_table2{position: relative;overflow: auto; overflow-y: hidden; width: 100%;padding-top:40px;margin-bottom: 40px;}
.yw_table2 table{width: 750px;}
.yw_table2 tr:nth-child(1){height: 40px;padding: 0; font-size: 15px;line-height: 16px;font-weight: bold;color: #fff;}
.yw_table2 th{width: 14.5%;border-left: 5px solid #fff;background-color: #315c9f;}
.yw_table2 th:nth-child(1){background-color: #18a0ad;}
.yw_table2 th:nth-child(2){width: 22.5%;}
.yw_table2 th:nth-child(3){width: 5%;}
.yw_table2 th:nth-child(4){width: 58%;}
.yw_table2 tr{font-size: 12px;line-height: 15px;color: #666;}
.yw_table2 tr+tr{border-top: 5px solid #fff;}
.yw_table2 td{width: 14.5%;box-sizing: border-box;border-left: 5px solid #fff;background-color: #f7f7f7;}
.yw_table2 td:nth-child(2){width: 22.5%;}
.yw_table2 td:nth-child(3){width: 5%;}
.yw_table2 td:nth-child(4){width: 58%;}
.yw_table2 p{text-align: center;}
.yw_table2 td p{padding: 15px 10px; text-align: center;}
.yw_table2 td p+p{margin-top: 12px;}

/*滚动条整体粗细样式*/
.scrollbar-horizontal::-webkit-scrollbar {
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}

/*滚动条里面小方块*/
.scrollbar-horizontal::-webkit-scrollbar-thumb {
/*    border-radius: 10px !important;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; */
    /* 颜色 */
    background-color: #34506f!important;
}

/*滚动条轨道*/
.scrollbar-horizontal::-webkit-scrollbar-track {
    background: rgba(52, 80, 111, .2) !important;
}

/*研发平台*/
.yf{position: relative;overflow: hidden; padding-top: 40px;padding-bottom: 40px;}
.yf .itm{}
.yf .itm+.itm{margin-top: 40px;}
.yf .itm .rt{padding-top: 15px;}
.yf .lt,.yf .rt{width: 100%;box-sizing: border-box;}
.yf .info .name{font-size: 15px;line-height: 18px;color: #00284e;}
.yf .info .desc{padding-top: 20px; font-size: 12px;line-height: 16px;color: #666;}
.swiper-yf01{position: relative;padding-bottom: 25px;}
.swiper-yf01 .swiper-container {position: relative;overflow: hidden; width: 100%;height: 230px;border-radius: 5px;}
.swiper-yf01 .swiper-pagination{bottom: 0;}
.swiper-yf01 .swiper-pagination-bullet{position: relative;overflow: hidden; width: 10px;height: 10px; margin:0 10px !important; border-radius: 8px; background-color: rgba(0,132,205,.4);opacity:1;}
.swiper-yf01 .swiper-pagination-bullet-active{background-color: rgba(0,132,205,1);}
.swiper-yf01 .swiper-slide {display: flex;justify-content: center;align-items: center;  background-repeat: no-repeat;background-position: center;background-size: cover;}

/*核心技术*/
.hx{padding-top: 40px;padding-bottom: 40px;}
.m-list-hx{padding-top: 40px;}
.m-list-hx .item{position: relative;display: block; padding: 15px;border-radius: 5px; box-shadow: 10px 10px 24px rgba(59, 86, 155, 0.15);transition: 1.03s; cursor: pointer;}
.m-list-hx .item+.item{margin-top: 15px;}
.m-list-hx .name{position: relative;display: flex;justify-content: flex-start;align-items: center;}
.m-list-hx .name span{position: relative; font-family: din-medium-webfont; font-size: 12px;line-height: 16px;color: #00284e;}
.m-list-hx .name span:nth-child(1){
	font-size: 20px;
	line-height: 1;
}
.m-list-hx .name span:nth-child(2){padding-left: 40px;}
.m-list-hx .name span:nth-child(2):before{
	content: '/';
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -10px;
	font-size: 20px;
	line-height: 1;
}
.m-list-hx .name sup{position: absolute;right: auto;top: 0; font-family: din-medium-webfont;font-size: 12px;color: #00284e;}
.m-list-hx .desc{padding-top: 16px;box-sizing: border-box; font-size: 12px; line-height: 16px;color: #666;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.m-list-hx .content{padding-top: 15px; font-size: 12px; line-height: 16px;color: #b7b7b7;}
.m-list-hx .labs{padding-top: 10px;}
.m-list-hx .lab{float: left; padding-left: 17px;padding-right: 17px;border: 1px solid #3b569b;border-radius: 10px; font-family: din-medium-webfont; font-size: 12px;line-height: 18px;color: #3b569b;}
.m-list-hx .lab{margin-right: 5px;margin-top: 5px;}
.m-list-hx .thumbnail{position: relative;overflow: hidden; display: flex;justify-content: center;align-items: center;width: 100%;height: 190px;}
.m-list-hx .item:hover{transform: scale(1.1);}

/*生产制造*/
.sc{padding-top: 40px;padding-bottom: 40px;}
.sc .itms{position: relative; overflow: hidden;box-sizing: border-box;margin-top: 40px; background-image: url(../img/sc_bg01.png); background-repeat: no-repeat;background-position: center;background-size: cover;}
.sc .itm{position: relative;box-sizing: border-box; padding-left: 15px;padding-right: 15px;padding-top: 75px;padding-bottom: 20px; transition: all 0.5s ease;cursor: pointer;}
.sc .itm:nth-child(1){background-color: rgba(59, 86, 155, 0.9);}
.sc .itm:nth-child(2){background-color: rgba(0, 132, 205, 0.9);}
.sc .itm:nth-child(3){background-color: rgba(0, 40, 78, 0.9);}
.sc .itm:nth-child(4){background-color: rgba(49, 92, 159, 0.9);}
.sc .itm i{position: absolute;left: 15px;top: 20px;width: 48px;height: 46px; background-repeat: no-repeat;background-position: center;background-size: cover;}
.sc .itm .name{font-size: 20px;line-height: 1;color:#fff;} 
.sc .itm .desc{padding-top: 15px; font-size: 12px;line-height: 15px;color:#a3badd;}
.sc .itm:nth-child(1) .desc{color:#a3badd;}
.sc .itm:nth-child(2) .desc{color:#85ccf2;}
.sc .itm:nth-child(3) .desc{color:#6485a4;}
.sc .itm:nth-child(4) .desc{color:#87a5d1;}

/*商业与合作*/
.hz{position: relative;overflow: hidden; padding-top: 40px;padding-bottom: 40px;}
.hz_desc{}
.hz_desc .thumbnail,.hz_desc .desc{width: 100%;box-sizing: border-box;}
.hz_desc .thumbnail{ box-shadow: 16px 16px 24px rgba(14,57,88,.13);}
.hz_desc .thumbnail>div{position: relative;overflow: hidden; display: flex;justify-content: center;align-items: center;height: 205px;}
.hz_desc .desc{padding-top: 15px;padding-bottom: 40px;background-image: url(../img/hz_bg01.png); background-repeat: no-repeat;background-position: bottom;background-size: contain;}
.hz_desc .content{height: 100%;box-sizing: border-box; font-size: 12px;line-height: 18px;color:#00284e;}

.hz_mode{margin-top: 40px;padding-top: 40px;border-top: 1px solid #e5e9ed;}
.hz_mode li{width: 100%;box-sizing: border-box;}
.hz_mode li+li{margin-top: 15px;}
.hz_mode .mode{position: relative; display: flex;flex-direction: column;justify-content: center;align-items: flex-start;height: 168px;padding-left: 30%; background-color: #f3f7fb;transition: 1.03s;}
.hz_mode .mode .i{position: absolute;left: 7%;top: 50%;margin-top: -30px; display: flex;justify-content: center;align-items: center; width: 60px;height: 60px;border-radius: 30px;background-color: #0084cd;transition: 1.03s;}
.hz_mode .mode .i:before{content: '';position: absolute;left: -5px;top: -5px;width: 70px;height: 70px;border-radius: 35px; border: 1px solid #acd4e9;}
.hz_mode .mode i{display: block; width: 36px;height: 36px; background-repeat: no-repeat;background-position: center;background-size: cover;}
.hz_mode .mode .name{font-family: din-medium-webfont; font-size: 20px;line-height: 1;color: #0084cd;transition: 1.03s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hz_mode .mode .link{padding-top: 15px;transition: .5s;}
.hz_mode .mode .link a{display: block;font-size: 12px;line-height: 22px;color: #9db0c3;}
.hz_mode .mode .link a+a{margin-top: 5px;}
.hz_mode .mode .link a:hover{color: #00284e;}
.hz_mode .mode:hover .i{background-color: #3b569b;box-shadow: 6px 6px 4px rgba(14,57,88,.29);}
.hz_mode .mode:hover .i:before{border-color: #405a9d;}

.hz_contact{padding-top: 40px; font-size: 17px;line-height: 23px;color: #00284e;font-style: italic;text-align: center; text-shadow: 2px 2px 3px rgba(14,57,88,.32);}

/*BEAT365英国官网网站*/
.m-tab-num{margin-bottom: 25px;padding-top: 25px; padding-bottom: 25px;border-bottom: 1px solid #ebeef5;}
.m-tab-num .itms{margin:-7px;}
.m-tab-num .itm{float: left;width: 33.33%;box-sizing: border-box;padding:7px;}
.m-tab-num .btn{position: relative; display: flex;align-items: center; height: 37px; padding-left: 0; padding-right: 30px; box-sizing: border-box;border: 1px solid #3b569b;border-radius: 5px; cursor: pointer;transition: 1.03s;}
.m-tab-num .btn i{position: absolute;right: 10px;top: 11px; display: block; width: 15px;height: 15px; border-radius: 15px;background-color : #3b569b;background-image: url(../img/idx_i01.png);background-repeat: no-repeat;background-position:center;background-size: 4px;transition: 1.03s;}
.m-tab-num .btn span{display: block;width: 200px;text-align: center; font-size: 12px;line-height: 1;color: #3b569b;transition: 1.03s;}
.m-tab-num .itm:hover .btn,.m-tab-num .itm.active .btn{border-color: transparent; background-color: #3b569b; box-shadow: 10px 10px 10px rgba(59,86,155,.22);}
.m-tab-num .itm:hover .btn i,.m-tab-num .itm.active .btn i{background-color : #fff;background-image: url(../img/idx_i01h.png);}
.m-tab-num .itm:hover .btn span,.m-tab-num .itm.active .btn span{color: #fff;}
.m-tab-num .itm.visibility{display: none;}

.m-tab{padding-top: 25px; padding-bottom: 25px;border-bottom: 1px solid #ebeef5;}
.m-tab .itms{margin:-7px;}
.m-tab .itm{float: left;width: 33.33%;box-sizing: border-box;padding:7px;}
.m-tab .btn{position: relative; display: flex;justify-content: center; align-items: center; height: 37px; box-sizing: border-box;border: 1px solid #3b569b;border-radius: 5px; cursor: pointer;transition: 1.03s;}
.m-tab .btn span{display: block;text-align: center; font-size: 12px;line-height: 1;color: #3b569b;transition: 1.03s;}
.m-tab .itm:hover .btn,.m-tab .itm.active .btn{border-color: transparent; background-color: #3b569b; box-shadow: 10px 10px 10px rgba(59,86,155,.22);}
.m-tab .itm:hover .btn span,.m-tab .itm.active .btn span{color: #fff;}

.m-list-xw{}
.m-list-xw .item{display: block;padding-top: 15px; cursor: pointer; border: 1px solid #ebebeb;background-color: #fff;transition: 1.03s;}
.m-list-xw .itemscale{transition: .3s;}
.m-list-xw .thumbnail{padding: 15px 15px 0;}
.m-list-xw .thumbnail .ctr{position: relative;overflow: hidden; display:flex;justify-content: center;align-items: center;height: 180px;}
.m-list-xw .thumbnail img{width: 100%;}
.m-list-xw .time{padding: 0 15px;font-size: 12px;font-weight: bold; line-height: 1; color: #00284e;}
.m-list-xw .introduction{padding-top: 14px;padding-bottom: 20px; padding-left: 15px;padding-right: 15px;}
.m-list-xw .name{font-size: 15px; line-height: 17px;font-weight: bold;color: #00284e;transition: 1.03s;}
.m-list-xw .desc{position: relative;overflow: hidden; height: 61px;padding-top: 7px; font-size: 12px; line-height: 18px;color: #666;transition: 1.03s;}
.m-list-xw .more{position: relative;padding-top: 15px; font-size: 12px; line-height: 1;color: #3b569b;transition: 1.03s;}
.m-list-xw .more span{position: relative;z-index: 2;}
.m-list-xw .item:hover{border-color: #d0deeb;box-shadow: 10px 10px 20px rgb(0,46,87,.11);}
.m-list-xw .item:hover .time{color: #0084cd;}
.m-list-xw .item:hover .name{color: #0084cd;}
.m-list-xw .item:hover .desc{color: #3a6995;}
.m-list-xw .item:hover .more{color: #153b61;}

/*项目案例*/
.m-list-al{}
.m-list-al .item{display: block; cursor: pointer; border: 1px solid #d9ecff;background-color: #eff5fa;transition: 1.03s;}
.m-list-al .thumbnail{padding: 10px 10px 0;}
.m-list-al .thumbnail .ctr{position: relative;overflow: hidden; display:flex;justify-content: center;align-items: center;height: 110px;}
.m-list-al .thumbnail img{width: 100%;}
.m-list-al .introduction{padding-top: 14px;padding-bottom: 10px; padding-left: 10px;padding-right: 10px;}
.m-list-al .name{font-size: 14px; line-height: 18px;font-weight: bold;color: #286097;}
.m-list-al .desc{position: relative;font-size: 12px; line-height: 18px;color: #9fb7cb;
	overflow: hidden;
	height: 36px;
}
.m-list-al .more{position: relative; margin-top: 7px; font-size: 12px; line-height: 18px;color: #9fb7cb; transition: 1.03s;}
.m-list-al .more span{position: relative;z-index: 2;}
.m-list-al .item:hover{background-color: #fff;box-shadow: 10px 10px 20px rgb(0,46,87,.22);}

.m-list-more{display: flex;justify-content: center;align-items: center;height: 70px; margin-top: 60px; border: 1px solid rgba(0,0,0,.1);}
.m-list-more .content{position: relative;display: inline-block;vertical-align: middle;}
.m-list-more i{position: absolute;left: 0;top: 0; display: block; width: 40px;height: 40px;background-image: url(../img.d/loading.png);background-repeat: no-repeat;background-position: center;background-size: cover;animation: loading 2s linear 0s infinite;}
.m-list-more .cn{ padding-left: 55px;font-size: 16px;line-height: 20px;color:#999999;}
.m-list-more .en{ padding-left: 55px;font-family: din-regular;font-size: 12px;line-height: 20px;color:#cccccc;}
@keyframes loading {
	0% {
		transform: rotate(0);
	}
	50% {
		transform: rotate(-180deg);
		opacity: .5;
	}
	100% {
		transform: rotate(-360deg);
	}
}

/*公司理念*/
.ln_company{position: relative;overflow: hidden;padding: 15px;background-color: #f3f3f3;}
.ln_company .ctr{background-color: #fff;}
.ln_company .main{position: relative; box-sizing: border-box;padding-top: 40px;padding-bottom: 70px;}
.ln_company .name{padding-bottom: 25px;}
.ln_company .name .en{font-family: din-bold-webfont;font-size: 50px;line-height: 1; color: #153b61; }
.ln_company .head{width: 100%;}
.ln_company .head p{font-family: BKANT;font-size: 12px;line-height: 20px;text-align: center; color: #666;}
.ln_company .head p.name{font-size: 16px;color: #333;}
.ln_company .head .img{position: relative;overflow: hidden; display: flex;justify-content: center;align-items: center; width: 165px;height: 165px;margin: 0 auto 11px; border-radius: 165px;}
.ln_company .info{position: relative; width: 100%;padding-top: 25px;box-sizing: border-box;}
.ln_company .info i{position: absolute;left: 0;top: -14px;width: 21px;height: 17px; background-image: url(../img/ln_i01.png); background-repeat: no-repeat;background-position: center;background-size: cover;}
/* .ln_company .info i:nth-child(2){left: unset;top: unset;right: 0;bottom: 0;transform: rotate(180deg);} */
.ln_company .info h3{font-family: ANTQUAB; font-size:15px;line-height:23px;color:#153b61;}
.ln_company .content{padding-top: 12px;font-family: BKANT;  font-size: 12px;line-height: 18px; color: #666;}

.ln_wh{position: relative; box-sizing: border-box; background-image: url(../img/ln_bg01.png);background-repeat: no-repeat;background-position:center;background-size: cover;}
.ln_wh .itms{border-left: 1px solid rgba(255,255,255,.3);border-right: 1px solid rgba(255,255,255,.3);}
.ln_wh .itm{position: relative; display: flex;flex-direction: column; justify-content: center;align-items: center;width: 100%;height: 108px; padding-left: 15px;padding-right: 15px; background-color: transparent;transition:background-color 1.03s;}
.ln_wh .itm+.itm::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background-color: rgba(255,255,255,.3);}
.ln_wh .itm .en{width: 100%;font-family: ANTQUAB; font-size: 25px;line-height: 1; color: #fff;transition:transform 1.03s;}
.ln_wh .itm .en p{position: relative;}
.ln_wh .itm .desc{position: relative;overflow: hidden;width: 100%;padding-top: 15px; opacity: 1; transition: 1.03s;}
.ln_wh .itm .desc p{position: relative;/*font-family: ANTQUAB;*/ font-size: 12px;line-height: 16px; color: #fff;}

/*科研团队*/
.m-list-td{position: relative;overflow: hidden; padding-top: 40px;padding-bottom: 40px;padding-left: 30px;padding-right: 30px;}
.m-list-td>div{display: flex;flex-wrap: wrap;}
.m-list-td .item{position: relative;display: block; cursor: pointer;transition: 1.03s;}
.m-list-td .thumbnail{width: 145px;height: 145px;margin: 0 auto;}
.m-list-td .thumbnail .ctr{position: relative;overflow: hidden; display:flex;justify-content: center;align-items: center;}
.m-list-td .thumbnail img{width: 100%;}
.m-list-td .introduction{padding-top: 15px;text-align: center;}
.m-list-td .name{font-size: 14px; line-height: 16px;font-weight: bold;color: #153b61;}
.m-list-td .job{position: relative; font-size: 12px; line-height: 16px;color: #999;}

.m-detail-td{position: relative;overflow: hidden; padding-top: 40px;padding-bottom: 40px;}
.m-detail-td .thumbnail{width: 145px;height: 145px;margin: 0 auto;}
.m-detail-td .thumbnail .ctr{position: relative;overflow: hidden; display:flex;justify-content: center;align-items: center;}
.m-detail-td .thumbnail img{width: 100%;}
.m-detail-td .introduction{padding-top: 15px;text-align: center;}
.m-detail-td .name{font-size: 14px; line-height: 16px;font-weight: bold;color: #153b61;}
.m-detail-td .job{position: relative; font-size: 12px; line-height: 16px;color: #999;}
.m-detail-td .info{position: relative; margin-top: 20px;border-top: 1px solid #e7ebef;}
.m-detail-td .info h3{padding-top: 20px; font-size: 15px; line-height: 18px;color: #153b61;}
.m-detail-td .info .content{padding-top: 20px; font-size: 12px; line-height: 18px;color: #666;}

.td_jj{position: relative;overflow: hidden;padding-top: 40px;padding-bottom: 40px;background-image: url(../img/td_bg01.png); background-repeat: no-repeat;background-position: center;background-size: cover;}
.td_jj>div{z-index: 1;}
.td_jj .content{ font-size: 12px;line-height: 18px;color:#fff;}
.td_jj .vdo{position: absolute;left: 50%;bottom: 0;width: 1920px; height: 500px; margin-left: -960px;z-index: -1;}

/*团队风采*/
.m-list-flow{padding-top: 50px;padding-bottom: 50px;}
.m-list-flow .wall{display: block;position: relative;margin-left: -7px;margin-right: -7px;}
.m-list-flow .wall-column{position:relative;display:block;width:50%;float:left;padding-left:7px;padding-right:7px;box-sizing:border-box;}
.m-list-flow .article{position:relative;display:block;margin: 0 0 15px 0; background:white;border-radius:3px;transition: all 100;}
.m-list-flow .article img{display:block;width:100%;}
.m-list-flow .item{position: relative; display: block; border-radius: 5px; cursor: pointer;}
.m-list-flow .thumbnail{position: relative;}
.m-list-flow .thumbnail img{width: 100%;}
.m-list-flow .text{position: relative;height: 15px;margin-left: 7px;margin-right: 7px;}
.m-list-flow .name{position: absolute;bottom: 0;left: 0;width: 100%; padding-left: 7px;padding-right: 7px;font-size: 12px;line-height: 30px; text-align: center;color: #286097;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-color: #eff5fa;box-shadow:0 0 2px rgba(0,109,184,.1);
}
.m-list-flow .article:hover{transform:scale(1.01);}
.m-list-flow .article:hover .name{box-shadow:0 10px 20px rgba(21,78,126,.3);}

/*方针目标*/
.mb{position: relative;background-image: url(../img.d/mb_img01.png); background-repeat: no-repeat;background-position: center;background-size: cover;}

/*实验室环境*/
.hj_sys .main{height: 220px;}
.hj_sys .secondary{height: 90px;}
.swiper-hj01{position: relative;height: 100%;z-index: 1;}
.swiper-hj01 .swiper-container {position: relative;overflow: hidden;width: 100%;height: 100%;}
.swiper-hj01 .swiper-slide {cursor: pointer;}
.swiper-hj01 .itm{position: relative;overflow:hidden; display: flex;justify-content: center; align-items: center;}
.swiper-hj01 .itm>img{max-height: 100%;}
.swiper-hj01 .explain{position: absolute;left: 0;bottom: 0;z-index: 9; width: 66%; padding: 7px 15px; box-sizing: border-box; background-color: rgba(62,132,207,.89);}
.swiper-hj01 .explain .cn{font-size: 16px;line-height: 22px; font-weight: bold; color: #fff;}
.swiper-hj01 .explain .en{font-size: 12px;line-height: 18px;color: #fff;}
.swiper-hj02{position: relative;height: 100%;padding-top: 10px;}
.swiper-hj02 .swiper-container {position: relative;overflow: hidden;width: 100%;height: 100%;}
.swiper-hj02 .swiper-slide {cursor: pointer;}
.swiper-hj02 .itm{position: relative;overflow:hidden; display: flex;justify-content: center; align-items: center;}
.swiper-hj02 .itm .mask{position: absolute;left: 0;top: 0;z-index: 999;display: flex;justify-content: center;align-items: center; width: 100%;height: 100%;background-color: rgba(62,132,207,.88);opacity: 0;transition: .7s;}
.swiper-hj02 .itm .mask .text{text-align: center;}
.swiper-hj02 .itm .mask i{display: inline-block; width: 17px;height: 17px;background-image: url(../img.d/hj_i05.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.swiper-hj02 .itm:hover .mask{opacity: 1;}

/*新闻资讯*/
.zx{position: relative;padding-bottom: 40px;}
.zx .list{}
.zx .list .item{position: relative;display: block; padding: 15px; border: 1px solid #f1f1f1; cursor: pointer;}
.zx .list .item+.item{margin-top: 15px;}
.zx .list .day,.zx .list .time,.zx .list .title{display: inline-block;vertical-align: middle;}
.zx .list .day{padding-top: 12px;}
.zx .list .day span{position: relative;line-height: 1;}
.zx .list .day span+span{margin-left: 10px;}
.zx .list .day span:nth-child(1){font-size: 20px;font-weight: bold; color: #6c6c6c;}
.zx .list .day span:nth-child(2){font-size: 12px;color: #cccccc;}
.zx .list .content{padding-top: 12px;}
.zx .list .title{position: relative;width: 100%; font-size: 14px;line-height: 20px;color: #333333;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.zx .list .desc{height: 61px;padding-top: 7px;box-sizing: border-box; font-size: 12px; line-height: 18px;color: #999999;
    overflow: hidden;
	text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.zx .list .thumbnail{position: relative;overflow: hidden; display: flex;justify-content: center;align-items: center;width: 100%;height: 200px;}
.zx .list .item:hover{background-color: #f3f8ff;box-shadow: 0 10px 20px rgba(58,124,181,.13);}
.zx .list .item:hover .day span:nth-child(1){color: #5091d5;}
.zx .list .item:hover .day span:nth-child(2){color: #5091d5;}
.zx .list .item:hover .title{color: #143c62;}
.zx .list .item:hover .desc{color: #7aa7cd;}

/*信息公开*/
.xx{position: relative;}
.xx .list{}
.xx .list .item{position: relative;display: block;padding-top: 15px;padding-bottom: 15px; padding-left: 78px; cursor: pointer;}
.xx .list .item{border-bottom: 1px solid #f1f1f1;}
.xx .list .day{position: absolute;left: 0;top:15px;display: flex;align-items: center;flex-direction: column;justify-content: center;width: 64px;height: 58px; border: 1px solid rgba(19,89,205,.11);}
.xx .list .day span{position: relative; display: block;text-align: center;}
.xx .list .day span:nth-child(1){font-family: din-bold-webfont;font-size: 30px;line-height: 1; color: #cccccc;}
.xx .list .day span:nth-child(2){font-family: din-regular;font-size: 12px;color: #cccccc;}
.xx .list .title{position: relative;font-size: 14px;line-height: 20px;font-weight: bold; color: #333;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.xx .list .desc{overflow: hidden;height: 42px;padding-top: 6px;box-sizing: border-box; font-size: 12px; line-height: 18px;color: #999;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.xx .list .item:hover .day{border-color: #1359cd;}
.xx .list .item:hover .day span:nth-child(1){color: #3e84cf;}
.xx .list .item:hover .day span:nth-child(2){color: #3e84cf;}
.xx .list .item:hover .title{color: #153b61;}
.xx .list .item:hover .desc{color: #666666;}

/*人才理念*/
.rc{}
.rc .title{position: relative;}
.rc .title .en{font-family: nexa_bold-webfont;font-size: 30px;line-height: 1;color: white;text-shadow: 0 0 1px #113d62, 0px 0px 1px #113d62;opacity: .5;}
.rc .title .cn{position: absolute;left: 0;bottom: 0px; font-size: 15px;color: #153b61;}
.rc .title .cn span{position: relative;}
.rc .content{padding-top: 20px;}

/*招聘*/
.zp{padding-top: 40px;padding-bottom: 40px;}
.zp-desc{padding-top: 40px;}
.zp-desc .name{font-family: din-bold-webfont; font-size: 25px;line-height: 1;color: #153b61;}
.zp-desc .search{display: flex;justify-content: space-between;font-size: 0;width: 100%; height: 33px;margin-top: 10px;}
.zp-desc .search .ipt{display: inline-block; width: 71%;padding:4px 17px; border-radius: 5px 0 0 5px;line-height: 33px; border: 1px solid #e0e6f4; font-size: 16px;color: #333; outline: none;}
.zp-desc .search .ipt::-webkit-input-placeholder {font-size: 14px; color: #aaa;}
.zp-desc .search .ipt[disabled="disabled"]{background-color: #f5f5f5;}
.zp-desc .search .ipt:focus{border:1px solid #3b569b;}
.zp-desc .search .btn{width: 29%;border:none; border-radius: 0 5px 5px 0;text-align: center; font-size: 14px;line-height: 33px;color: #fff;background-color: #3b569b;cursor: pointer;}

.m-tips{position: relative;padding-left: 25px;}
.m-tips i{position: absolute;left: 0;top: 0; display: block; width: 14px;height: 14px;background-image: url(../img/zp_i10.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.m-tips p{font-size: 12px;line-height: 14px; color: #153b61;}

.zp-sel{padding-top: 15px;}
.zp-sel dl{position: relative;padding-left: 105px;}
.zp-sel dl+dl{margin-top: 10px;}
.zp-sel dt{position: absolute;left: 0;top: 0; font-size: 14px;line-height: 25px;color: #0084cd;}
.zp-sel dd a{ display: inline-block;padding: 0 20px;margin-right: 8px;margin-bottom: 15px; border-radius: 5px; font-size: 12px;line-height: 25px;color: #666;}
.zp-sel dd a:hover,.zp-sel dd a.active{background-color: #0084cd;color: #fff;}

.zp-info{padding-top: 20px;}
.zp-info .name{font-weight: bold;font-size: 18px;line-height: 40px;color: #00284e;}
.zp-info .date{padding-top: 5px; font-size: 12px;line-height: 17px; color: #999;}
.zp-info .desc{font-size: 12px;line-height: 17px;font-style: italic; color: #666;}
.zp-info .content{padding-top: 25px;}
.zp-info .content i{display: block; width: 25px;height: 25px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.zp-info .content dl{position: relative;padding-left: 40px;}
.zp-info .content dl+dl{margin-top: 25px;}
.zp-info .content dt{position: absolute;left: 0;top: 0;}
.zp-info .content dd .na{font-size: 14px;line-height: 25px;color: #3b569b;}
.zp-info .content dd .de{padding-top: 5px; font-size: 12px;line-height: 17px;color: #666;}
.zp-info .content .itm{width: 100%;}
.zp-info .content .itm span{display: inline-block;vertical-align: middle;}
.zp-info .content .itm span+span{margin-left: 15px;}
.zp-info .content .itm .key{font-size: 12px;line-height: 17px;font-weight: bold; color: #0084cd;}
.zp-info .content .itm .val{font-size: 12px;line-height: 17px;color: #666;}

.m-list-zp{}
.m-list-zp .item{display: block; cursor: pointer; background-color: #eff5fa;transition: 1.03s;}
.m-list-zp .thumbnail{}
.m-list-zp .thumbnail .ctr{position: relative;overflow: hidden; display:flex;justify-content: center;align-items: center;height: 245px;}
.m-list-zp .thumbnail img{width: 100%;}
.m-list-zp .introduction{padding-left: 10px;padding-right: 10px;background-color: #f6f7f7;transition: 1.03s;}
.m-list-zp .name{font-family: din-medium-webfont;text-align: center; font-size: 12px; line-height: 40px; color: #666;transition: 1.03s;}
.m-list-zp .item:hover{box-shadow: 21px 21px 18px rgba(21, 21, 18, .22);}
.m-list-zp .item:hover .introduction{background-color: #3b569b;}
.m-list-zp .item:hover .name{font-family: din-bold-webfont;color: #fff;}

.m-recruit{position: relative;}
.m-recruit .tr{position: relative; background-color: #00284e;}
.m-recruit .tr .th{display: flex;justify-content: center; align-items: center; height: 50px;text-align: center;}
.m-recruit .tr i{display: inline-block; width: 34px;height: 34px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.m-recruit .tr span{font-size: 13px;font-weight: bold; line-height: 14px; color: #fff;}
.m-recruit .list .item{position: relative;display: block; background-color: #fff; cursor: pointer;}
.m-recruit .list .item:nth-child(even){background-color: #f5f5f5;}
.m-recruit .list .item .point{position: absolute;right: 40px;top:50%;margin-top: -9px; width: 20px;height: 20px; font-size: 20px;line-height: 1; color: #cfcfcf;transform: rotate(-90deg);transition:transform .2s ease-in;}
.m-recruit .list .title{position: relative;text-align: center;}
.m-recruit .list .title span{display: block;padding-top: 20px;padding-bottom: 20px; text-align: center; font-size: 12px;line-height: 14px; color: #666;}
.m-recruit .list .title>div>div:first-child span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #00284e;}
.m-recruit .list .item:hover .title {color: #3b569b;}
.m-recruit .list .item:hover .title>div>div:first-child span{font-weight: bold; color: #0084cd;}

/*联系*/
.lx{padding-top: 40px;padding-bottom: 40px;}
.lx_addr .name{font-family: din-bold-webfont;font-size: 25px;line-height: 1;color: #153b61;}
.lx_addr .address{margin-top: 20px; padding: 15px; box-shadow: 15px 15px 32px rgba(14, 57, 88, 0.13);}
.lx_addr .address .info{width: 100%; padding-top: 135px;padding-bottom: 20px; background-repeat: no-repeat;background-position: center top;background-size: contain;}
.lx_addr .address .info .ctr{width: 270px;}
.lx_addr .address .info .en{padding-bottom: 15px; font-family: din-bold-webfont;font-size: 20px;line-height: 1;color: #153b61;}
.lx_addr .address .info dl+dl{margin-top: 15px;}
.lx_addr .address .info dt{font-size: 12px;line-height: 17px;color: #0084cd;}
.lx_addr .address .info dd{font-size: 12px;line-height: 17px;color: #666;}

.lx_mode{padding-top: 40px;}
.lx_mode .name{font-family: din-bold-webfont;font-size: 25px;line-height: 1;color: #153b61;}
.lx_mode .itms{margin-top: 15px;}
.lx_mode .itm{box-sizing: border-box;}
.lx_mode .itm+.itm{margin-top: 15px;}
.lx_mode .text{display: flex;flex-direction: column; justify-content: center;align-items: center; height: 120px;border: 1px solid #ebebeb;transition: 1.03s;}
.lx_mode .text .key{position: relative;text-align: center; font-weight: bold; font-size: 15px;line-height: 40px;color: #0084cd;transition: 1.03s;}
.lx_mode .text .key i{position: absolute;left: 50%;bottom: -5px;margin-left: -5px;  display: block; width: 10px;height: 10px;background-image: url(../img/lx_i01.png); background-repeat: no-repeat;background-position: center;background-size: cover;}
.lx_mode .text .val{text-align: center;font-size: 12px;line-height: 40px;color: #666;transition: 1.03s;}
.lx_mode .text:hover{border-color: transparent; box-shadow: 15px 15px 32px rgba(14, 57, 88, 0.1);transform: translateY(-10px);}
.lx_mode .text:hover .key{color: #153b61;}
.lx_mode .text:hover .val{font-style: italic; text-shadow: 2px 2px 3px rgba(14, 57, 88, 0.32); color: #5480ab;}

/*navigation*/
.m-navigation-xs{position: relative;}
.m-swiper-menu{position: relative;background-color: #fff;}
.m-swiper-menu:before{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height:1px;background-color: #E5E5E5;}
.m-swiper-menu .swiper-container {
	height: 55px;
}
.m-swiper-menu .swiper-slide {
	text-align: center;
	width: unset;
	min-width: 25%;
	padding: 0 15px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.m-swiper-menu .swiper-slide span{
	position: relative;
	font-size: 15px;
	line-height: 55px;
	color: #333333;
}
.m-swiper-menu .swiper-slide.active span{font-weight: bold; color: #4B95C4;}
.m-swiper-menu .swiper-slide.active span:before{content: ""; position: absolute; left: 50%; right: 0; bottom: 0; margin-left: -27.5px; width: 55px; height:2px;background-color: #4B95C4;}
.m-swiper-menu.text-center .swiper-wrapper {justify-content: space-around;}
.m-swiper-menu.text-center .swiper-slide {padding: 0;}

.m-swiper-circle-menu{padding-top: 10px;padding-bottom: 10px;background-color: #3e84cf;background-image: url(../img.d/menu_bg01.png);background-repeat: no-repeat;background-position:center;background-size: cover;}
.m-swiper-circle-menu .swiper-container {
	width: 100%;
	height: 30px;
}
.m-swiper-circle-menu .swiper-slide {
	text-align: center;
	width: 110px;
}
.m-swiper-circle-menu .swiper-slide span{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #c3d6ec;
	background-color: #7ba6d8;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.m-swiper-circle-menu .swiper-slide.active span{ background-color: #fff;color: #153b61;}

.m-list-flow-xs{padding: 12px 7px 0;}
.m-list-flow-xs .article {
 display: block;
 margin: 0 0 30px 0;
 background: white;
 border-radius: 3px;
 box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
 transition: all 220ms;
}
.m-list-flow-xs .article:hover {
 box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
 transform: translateY(-5px);
 transition: all 220ms;
}
.m-list-flow-xs .article > img {
 display: block;
 width: 100%;
 margin: 0 0 24px 0;
}
.m-list-flow-xs .article h2 {
 text-align: center;
 font-size: 14px;
 text-transform: uppercase;
 margin: 0 0 12px 0;
}

.m-list-flow-xs .wall {
 display: block;
 position: relative;
}
.m-list-flow-xs .wall-column {
 display: block;
 position: relative;
 width: 50%;
 float: left;
 padding: 0 5px;
 box-sizing: border-box;
}

/*分页*/
.m-page-icon{
        margin:40px 0 0 0;/*设置距离顶部20像素*/
        font-size:0;/*修复行内元素之间空隙间隔*/
        text-align:center;/*设置内容居中显示*/
}

/*设置共有的的样式布局，主要是进行代码优化，提高运行效率*/
.m-page-icon a,.m-page-icon .page-disabled,.m-page-icon .page-prev,.m-page-icon .page-next,.m-page-icon .page-current,.m-page-icon .page-more{
        display: inline-block;
        vertical-align: middle;
        height: 28px;
		border-width: 1px;
		border-style: solid;
		border-color:transparent;
		background-color: #eee;
		padding: 0 10px;
        text-align: center;
        line-height: 28px;
        font-size:12px;/*修复行内元素之间空隙间隔*/
        margin-right:7px;
		
}
.m-page-icon .page-disabled,.m-page-icon .page-prev{
	border-color:transparent;
    font-size:12px;/*修复行内元素之间空隙间隔*/
}
.m-page-icon .page-disabled,.m-page-icon .page-next{
	border-color:transparent;
    font-size:12px;/*修复行内元素之间空隙间隔*/
}
.m-page-icon .page-next i,.m-page-icon .page-disabled i{
        cursor:pointer;/*设置鼠标经过时的显示状态，这里设置的是显示状态为小手状态*/
        display:inline-block;/*设置显示的方式为行内块元素*/
}
/*对 a 标签进行样式布局 */
.m-page-icon a{
        text-decoration:none;/*取消链接的下划线*/
        color:#222;
}
.m-page-icon a:hover{
        background-color: #3b569b;
        border-color:#3b569b;
        color: #fff;
}
.m-page-icon .page-current{
        background-color: #3b569b;
        border-color:#3b569b;
        color: #fff;
}

.m-page-icon .page-disabled{
        color:#ccc;
}

.m-page-load{padding-top: 28px;padding-bottom: 28px;text-align: center;}
.m-page-load .loadi{display: inline-block;vertical-align: middle; width: 16px;height: 16px;font-size: 0;}
.m-page-load .loadi i{line-height: 1; color: #000;}
.m-page-load .desc{display: inline-block;vertical-align: middle;font-size: 12px;color: #BFBFBF;}

/*select*/
.m-select{position: relative;height: 30px;padding-right: 12px;}
.m-select i{position: absolute;right: 12px;top: 50%;margin-top: -6.5px; width: 13px;height: 13px;font-size: 13px;line-height: 1;color: #049971;transition:.2s ease-in;}
.m-select .selected{overflow: hidden; padding-left: 18px;padding-right: 18px; font-size: 13px;line-height: 30px; font-weight: bold; color: #049971;white-space:nowrap;text-overflow:ellipsis;}
.m-select .selected-text-right{text-align: right;}
.m-select .options{position: absolute;left: 0;top:45px;z-index: 9;display: none; width: 100%;	background: #fff;box-shadow: 0 10px 30px rgb(0,0,0,.11);}
.m-details .layui-col-xs6 .options{left: -100%;width: 200%;}
.m-select.active i{transform: rotate(90deg);}
.m-select.active .options{display: block;}

/*form*/
.m-form .formitem{position: relative;}
.m-form .formitem-col-space6{margin: -6px;}
.m-form .formitem-col-space6>*{padding:6px;}
.m-form .lab{position: absolute; top:6px; left:15px;z-index: 1; display: inline-block;vertical-align: middle;font-size: 0;  color:#727272;pointer-events: none;}
.m-form .lab i{display: inline-block;vertical-align: middle;width: 12px;height: 12px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.m-form .lab span{display: inline-block;vertical-align: middle; line-height: 32px; font-size:12px;}
.m-form .lab i+span{margin-left: 3px; }
.m-form .ipt{position: relative; height:32px;}
.m-form .ipt>input{width:100%; height:100%; padding:0 10px;padding-left:65px; border: none;background-color: rgba(255,255,255,.8); border-radius:3px; font-size:12px;line-height: 33px; outline: none; color:#444;}
.m-form .txta{ height:140px;}
.m-form .txta>textarea{width:100%; height:100%; padding:7px 15px 0 65px; border: none;background-color: rgba(255,255,255,.8); border-radius:3px; font-size:12px;line-height: 18px; outline: none; color:#444;}
.m-form .btns{display: flex;justify-content: space-between; padding-top: 12px;text-align: center;}
.m-form .btn-mini{display: inline-block;vertical-align: middle; width: 48%; line-height: 33px; font-size: 12px; text-align: center; background-color: #fff; color:#666; outline: none; cursor: pointer;}
.m-form .btn-mini.blue{background-color:#3e84cf;color: #fff;}
.m-form .phonecodeitm .ipt{padding-right: 170px;}
.m-form .phonecodeitm .ipt>input{padding-left: 75px}
.m-form .phonecodeitm .code{position: absolute;right: 20px;top:0;}
.m-form .select{position: relative;cursor: pointer;outline:none;}
.m-form .select .dropdown{position: absolute;left: 0;top: 100%;z-index: 3;display: none; width: 100%; border: 1px solid #dddddd; background-color: #fff;}
.m-form .select .dropdown dd{position: relative;padding-left: 111px; padding-right: 22px; font-size: 14px;line-height: 50px; color: #aaa;}
.m-form .select .dropdown dd+dd::before{content: '';position: absolute;left: 0;right: 0; top: 0;height: 1px;background-color: #dddddd;}
.m-form .select .dropdown dd:hover,.m-form .dropdown dd:active{color: #09958a;}

.m-top {
    display: inline-block;
    width: 54px;
    position: absolute;
    bottom: 80px;
    right: 28px;
    z-index: 10;
    overflow: hidden;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.m-top.cd-is-visible,.m-top.cd-fade-out,.no-touch .m-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.m-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}

.m-top.cd-fade-out {
    opacity: .5;
}

.no-touch .m-top:hover {
    background-color: #e86256;
    opacity: 1;
}

.bg-f6f{background-color: #F6F6F6;}

.open{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 99; transition: 0s;}
.obox{ position: absolute; left: 0; right: 0; top: 10%; bottom: 0; margin: 0;display: flex;justify-content: center;align-items: center; width:100%; height:80%;}
.obox img{display:inline-block;max-width:100%; max-height:100%;}
.obox .close{ width: 30px; height: 30px; position: absolute; right: 20px; top: 20px; z-index: 55; background: url("../img.d/close.png") no-repeat center / 100%; cursor: pointer;}