/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@import url('//at.alicdn.com/t/c/font_4413817_tmgam3wir2.css');
@import url('/dist/fonts/Mark-W02-Bold/Mark-W02-Bold.css');
@import url('/dist/fonts/Mark-W02-Heavy/Mark-W02-Heavy.css');
@import url('/dist/fonts/Mark-W02-Light/Mark-W02-Light.css');

.iconfont{font-family: 'iconfont'; font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon{overflow:hidden;width:1em;height:1em;vertical-align:-.15em;fill:currentColor}


.white{ -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.clamp{ white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.clamp2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.clamp3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.clamp4{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.clamp5{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.clamp6{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}
.clamp7{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden;}
.clamp8{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden;}
.clamp9{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden;}


/*手机导航*/
.menu_btn{ width: 22px; height: 20px; cursor: pointer; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); display: none; z-index: 8; }
.menu_btn>.menu_btn_top{ position:absolute; top:5px; left:50%; width:22px; height:3px; border-radius:1.5px; background:#000; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
.menu_btn>.menu_btn_med{ position:absolute; top:11px; left:50%; width:22px; height:3px; border-radius:1.5px; background:#000; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
.menu_btn>.menu_btn_bot{ position:absolute; top:17px; left:50%; width:22px; height:3px; border-radius:1.5px; background-color:#000; -webkit-transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
.menu_btn[type=close]>.menu_btn_top{ top:50%; background:#fff; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
.menu_btn[type=close]>.menu_btn_med{ top:50%; background:#fff; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
.menu_btn[type=close]>.menu_btn_bot{ top:50%; background:#fff; -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}


@media (min-width:1px) and  (max-width:1081px){
.menu_btn{ display: inline-block; }
}


/**********公共样式**********/

.Filterimg{ position: relative;}
.Filterimg:before {background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0; content: "";display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);width: 50%;z-index: 2;opacity: 0.35;transition: all 0.4s ease;}
.Filterimg:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.4s ease;}
.Filterimg:hover:before {animation: shine 1.5s;-webkit-animation: shine 1.5s;}
/*.Filterimg:hover:after{background-color: rgba(0,0,0,0.1);-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;-webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;}*/

@keyframes fadeup {
  0% {transform: translateY(10px);opacity: 0;}
  100% {transform: translateY(0); opacity: 1;}
}
@keyframes Amplify {
  0% {transform: translate(-50%,-50%) scale();}
  100% {transform: translate(-50%,-50%) scale(1.15); }
}
@keyframes icojumpA { 0% {
-webkit-transform:translateY(0);
}
 50% {
-webkit-transform:translateY(-5px);
}
 100% {
-webkit-transform:translateY(0);
}
}
@-webkit-keyframes opac {
  from {opacity: 1;width: 0px;height: 0px;top: 50%;left: 50%;}
  to {opacity: 0;width: 100%;height: 100%;top: 0;left: 0;}
}
@-webkit-keyframes show {
  25% {opacity: 1;}
  50% {opacity: 0;}
  75% {opacity: 1;}
	100% {opacity: 0;}
}

@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine { 100% {left: 125%;}}
@keyframes load{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg) ;
	}
}

@keyframes loading {
	0% {
		width:0%;
	}

	100% {
		width: 100%;
	}
}



#mobMenu{min-height:50px;border:1px solid #dddddd;position:fixed;bottom:0;width:100%;display:none;z-index:11;background-color:#fff;}
#mobMenu .foot_nav{text-align:center;color: #898989;font-size:14px;flex:1;}
#mobMenu .foot_nav i{display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}
@media (min-width:1px) and (max-width:767px) {
    #mobMenu{display:flex;}
}

.item .img{overflow:hidden;position:relative;}
.item .img img{max-width:100%;transition:all .4s;transform:scale(1.05);margin:0 auto;display:block;}
.item:hover .img img{transform:scale(1);}
.flex_between{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex_around{display:flex;justify-content:space-around;flex-wrap:wrap;}
.flex_start{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.flex_column{display:flex;justify-content:space-between;flex-wrap:wrap; flex-direction:column;}
.vcenter{position:absolute;top:50%;transform:translate(0,-50%);}
.vccenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

/*按钮样式*/
.btn-secondary{background-color:#0071be;color:#fff;}
.btn-secondary::before{background-color:#e42d13;}
.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{color:#fff;}

.btn-secondary2{background-color:#e42d13;color:#fff;}
.btn-secondary2::before{background-color:#0071be;}
.btn-secondary2:active,.btn-secondary2:focus,.btn-secondary2:hover{color:#fff;}

.btn-secondary3{color:#666;}
.btn-secondary3::before{background-color:#0071be;}
.btn-secondary3:active,.btn-secondary3:focus,.btn-secondary3:hover{color:#fff;}

.btn-1{ position: relative; overflow: hidden;}
.btn-1 span{ position: relative; z-index: 4;}
.btn-1:before{position:absolute;top:0;left:0;z-index:0;width:calc(100%);height:calc(100%);content:'';-webkit-transition:-webkit-transform .24s ease-in-out;-o-transition:transform .24s ease-in-out;transition:-webkit-transform .24s ease-in-out;transition:transform .24s ease-in-out;transition:transform .24s ease-in-out,-webkit-transform .24s ease-in-out;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center;-ms-transform:scaleX(0);-ms-transform-origin:right center;}
.btn-1:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center;-ms-transform:scaleX(1);-ms-transform-origin:left center;}

.btn-2{position:relative;z-index:1;overflow:hidden;}
.btn-2:before{position:absolute;bottom:-5px;left:-5px;z-index:-1;width:0;height:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:0;content:'';transition:all .5s;-webkit-transform:rotate(360deg);}
.btn-2:after{position:absolute;top:-5px;right:-5px;z-index:-1;width:0;height:0;border-color:transparent #fff transparent transparent;border-style:solid;border-width:0;content:'';transition:all .5s;-webkit-transform:rotate(360deg);}
.btn-2:hover:before{border-width:300px 0 0 300px;}
.btn-2:hover:after{border-width:0 300px 300px 0;}
.btn-3{position:relative;z-index:1;overflow:hidden;}
.btn-3:before{position:absolute;bottom:-5px;left:-5px;z-index:-1;width:0;height:0;border-color:transparent transparent transparent #2a5bdc;border-style:solid;border-width:0;content:'';transition:all .5s;-webkit-transform:rotate(360deg);}
.btn-3:after{position:absolute;top:-5px;right:-5px;z-index:-1;width:0;height:0;border-color:transparent #2a5bdc transparent transparent;border-style:solid;border-width:0;content:'';transition:all .5s;-webkit-transform:rotate(360deg);}
.btn-3:hover:before{border-width:300px 0 0 300px;}
.btn-3:hover:after{border-width:0 300px 300px 0;}

.picimg{ position: relative;}
.picimg:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(255,255,255,.3);content:'';-webkit-transition:-webkit-transform .6s;-o-transition:transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
.picimg:hover:after {-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);}

/**********公共样式**********/