@charset "utf-8";
/* 
 * Project Name: 公司官网手机端
 * Author:浅浅
 * Date：2018-11-23
 */
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1546054308449'); /* IE9*/
  src: url('iconfont.eot?t=1546054308449#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'),
  url('iconfont.ttf?t=1546054308449') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1546054308449#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-weixin:before { content: "\e62a"; }
.icon-iconfonticon02:before { content: "\e618"; }
.icon-xiangqing:before { content: "\e62e"; }
.icon-jiantou1:before { content: "\e616"; }
.icon-liebiao1:before { content: "\e617"; }
.icon-xia:before { content: "\e614"; }
.icon-duihua:before { content: "\e603"; }
.icon-dianhua:before { content: "\e604"; }
.icon-arrows-4-7:before { content: "\e605"; }
.icon-zhilian:before { content: "\e631"; }
.icon-link:before { content: "\e60a"; }
.icon-yanjing:before { content: "\e606"; }
.icon-chengshi:before { content: "\e68c"; }
.icon-fenxiang1:before { content: "\e628"; }
.icon-wenzhang:before { content: "\e602"; }
.icon-riqi:before { content: "\e6dd"; }
.icon-arrows-5-6:before { content: "\e607"; }
.icon-liebiao:before { content: "\e72c"; }
.icon-qianchengwuyou:before { content: "\e613"; }
.icon-jiantou:before { content: "\e60d"; }
.icon-lianjie:before { content: "\e8e7"; }
.icon-fenxiang:before { content: "\e60e"; }
.icon-ren:before { content: "\e61c"; }
.icon-59:before { content: "\e608"; }
.icon-lagou:before { content: "\e609"; }
.icon-jiantou2:before { content: "\e611"; }
.icon-chakan:before { content: "\e60c"; }
.icon-daohang:before { content: "\e600"; }
.icon-dibiao1:before { content: "\e60b"; }
.icon-yanjingxian:before { content: "\e601"; }
.icon-lianjie1:before { content: "\e612"; }
.icon-shang:before { content: "\e615"; }
.icon-detail:before { content: "\e610"; }
.icon-lianjieicon:before { content: "\e60f"; }
.icon-sousuo:before { content: "\e78b"; }
.icon-liebiao2:before { content: "\e619"; }
.icon-icon-:before { content: "\e677"; }
.icon-xiala:before { content: "\e61a";}

@font-face {
    font-family: 'DIN-LightItalic';
    src: url('DIN-LightItalic.eot');
    src: url('DIN-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('DIN-LightItalic.woff2') format('woff2'),
        url('DIN-LightItalic.woff') format('woff'),
        url('DIN-LightItalic.ttf') format('truetype'),
        url('DIN-LightItalic.svg#DIN-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'DIN-Light';
    src: url('DIN-Light.eot');
    src: url('DIN-Light.eot?#iefix') format('embedded-opentype'),
        url('DIN-Light.woff2') format('woff2'),
        url('DIN-Light.woff') format('woff'),
        url('DIN-Light.ttf') format('truetype'),
        url('DIN-Light.svg#DIN-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
table, caption, tbody, tfoot, thead, tr, th, td,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px; }
html { font-size: 16px; overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0,0,0,0.2);}
body { font-family: "PingFangSC-Regular",sans-serif;line-height: 1.5; max-width: 750px; margin: 0px auto; overflow: hidden; -webkit-user-select: none; color: #33373d;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0.2);-webkit-text-size-adjust: none; -webkit-touch-callout: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #d48d92; color: #fff; text-shadow: none; }
::selection { background: #d48d92; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.imgw{ width: 100%; display: block;}
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vm { vertical-align: middle; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.push{ -webkit-transition:filter 0.3s; transition:filter 0.3s;}
.w750{ max-width: 750px; margin: 0px auto;}
.logobox{ position: absolute; left: 50%; top: 3%; z-index: 999; margin-left: -350px; color: #fff;}
.logobox a:link, .logobox a:visited { color: #fff; }
.logobox a:active, .logobox a:hover { color: #fff; }
.logo{ float: left; display: block;}
.logo a{ display: block; height: 2.5rem; line-height: 2.5rem;}
.logo .txt{ font-size: 0.9rem; float: left; display: inline-block;}
.logo img{ width: 2.5rem; float: left; display: inline-block;}
.logobox .fg{ float: left; display: block; padding: 0 0.3rem 0 1rem; height: 2.5rem; line-height: 2.5rem; font-size: 0.24rem;}
.area-select-box a:link, .area-select-box a:visited { color: #fff;}
.area-select-box a:active,.area-select-box a:hover { color: #fff;}  
.area-select-box { position: relative; float: left; display: block; width:4rem; text-align: center; transition: 300ms; -webkit-transition: 300ms; font-size: 0.9rem; cursor: pointer;}
.area-select-box .mt { position: relative; cursor: pointer;  height: 2.5rem; line-height:2.5rem; }
.area-select-box .mt span{ padding-right: 0.3rem;}
.area-select-box .mt .aw {  transition: 300ms; -webkit-transition: 300ms; font-size: 0.8rem; display: inline-block;}
.area-select-box .mc { padding-bottom: 0.5rem; position: absolute; left: 0px; right: 0px; top: 100%; z-index: 100; display: none; }
.area-select-box ul {  background-color: rgba(0,0,0,0.5); padding: 0.1rem 0; overflow: hidden; }
.area-select-box a { display: block; padding:0.25rem 0.15rem; line-height: 1.5;}
.area-select-box a:hover { background-color: #1C4681; }
.area-select-box.act .mt .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }

.inner90{ width: 90%; margin: 0px auto;}
.foot{ background-color: #333333; color: #999; font-size: 0.75rem; padding-bottom: 3rem;}
.foot a:link, .foot a:visited { color: #999; }
.foot a:active, .foot a:hover { color: #fff; }
.foot-t{ padding-top: 2.8rem;}
.ermsblack { background: none rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.ermSBox { width: 220px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }   
.ermSBox .img { padding: 20px; }
.ermSBox .img img { width: 100%; height: 100%; display: block; }
.ermSBox .t { padding: 0.625rem 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; font-size: 16px;}
.ermbox{ float: right; width: 4rem;}
.foot-t .item{ margin-bottom: 2.1rem;}
.foot-t .iconfont{ position: relative; padding-left: 2rem; font-size: 0.75rem;}
.foot-t .iconfont:before{ font-size: 1.125rem; position: absolute; left: 0; top: 0;}
.foot-c{ padding-right: 5.5rem;}
.foot-b{ position: relative; padding: 1.375rem 0; line-height: 2;}
.foot-b:after{ content:""; border-top: 1px solid #575757; display: block; width: 100%; position: absolute; left: 0;top: 0; -webkit-transform-origin: left bottom;}
.online-aside{ position: fixed; display: block; right: 50%; margin-right: -375px; bottom: 7.5rem; width: 2.5rem; border-radius: 0.25rem; background:rgba(170,170,170,0.3);box-shadow:0px 3px 6px rgba(0,0,0,0.16); z-index: 100;}
.online-aside a:link, .online-aside a:visited { color: #fff; }
.online-aside a:active, .online-aside a:hover { color: #fff; }
.online-aside a{ display: block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center;}
.online-aside a .iconfont{ font-size: 1rem;}
.online-aside a.tel-aside{ background-color: #BE1111; border-radius: 0.25rem 0.25rem 0 0;}
.online-aside a.message-aside{ border-radius:0 0 0.25rem 0.25rem;}
.menu-box{ position: fixed; left: 50%; margin-left: -375px; max-width: 750px; bottom: 2%; width: 100%; z-index: 999; transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.menu-box ul{ width: 100%;}
.menu-box li{ float: left; display: block; width: 18.75%; margin-left: 5%;}
.menu-box .item{ position: relative; display: block; border-radius: 1.2rem; overflow: hidden; box-shadow:0px 3px 6px rgba(0,0,0,0.16);}
.menu-box .item .txt{ position: absolute; left: 5%; top: 50%; width: 90%; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #fff; font-size: 0.875rem; text-align: center;}
.sm-top{ position: absolute; left: 50%; bottom: 7.8rem; width: 2rem; height: 2rem; margin-left: -1rem; cursor: pointer;}
.sm-top:before{ content: ""; position: absolute; left: 50%; top: 50%; width: 0.5rem; height: 0.5rem; margin: -0.25rem 0 0 -0.25rem; background-color: #BE1111; border-radius: 50%; z-index: 2;}
.sm-top:after{ content: "";position: absolute;left: 0%;top: 0%; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(0,0,0,0.2);animation: bannerbuIn infinite linear 1.5s normal;-webkit-animation: bannerbuIn infinite linear 1.5s normal;}
.sm-menu a:link, .sm-menu a:visited { color: #fff; }
.sm-menu a:active, .sm-menu a:hover { color: #fff; }
.sm-menu{ position: fixed; left: 50%; bottom: 0; width: 750px; margin-left: -375px;z-index: 999; background: hsla(0,0%,100%,.3) border-box; overflow: hidden;transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.sm-menu:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: -8px; z-index: -1; -webkit-filter: blur(8px); filter: blur(8px); /* background: rgba(255, 255, 255, 0.2); */ background: rgba(94, 94, 94, 0.6); mix-blend-mode: overlay;box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);}
.sm-menu-list li{ float: left; display: block; width: 25%; color: #fff; text-align: center; }
.sm-menu-list a{ position: relative; display: block; height: 3rem; line-height: 3rem; font-size: 0.875rem; /*-webkit-text-stroke: .4px #000;*/}
.sm-menu-list a.active:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.25rem; display: block; background-color: #BE1111;}
.menu-handler{ cursor: pointer;}
.sm-handler,.btn-handler{ width: 100%; max-width: 3.5rem; height: 3rem; float: right; display: block; background-color: #BE1111;}
.sm-handler span,.btn-handler span { position: relative; display: block; margin: 1.49rem auto 0; width: 1.125rem; height: 0.125rem; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.sm-handler span:after,
.sm-handler span:before,.btn-handler span:after,.btn-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 0.125rem; left: 0;
 background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.sm-handler span:before,.btn-handler span:before { width: 80%; top: 0.3rem;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.sm-handler span:after,.btn-handler span:after {bottom: 0.3rem; -webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.btn-handler span:before{ width: 100%;}
.btn-handler.active{ background-color: #BE1111;}
.btn-handler.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.btn-handler.active span:after,.menu-handler.active span:before { background-color: #fff; -webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.btn-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.btn-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.sm-nav a:active, .sm-nav a:hover { color: #fff;}
.sm-nav a:link, .sm-nav a:visited { color: #fff;}
.sm-nav{ position: fixed; left: 50%; bottom: 0; width: 750px; margin-left: -375px; z-index: 1000; overflow: hidden; z-index: 1010; visibility:hidden;opacity:0;-webkit-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);}
.sm-nav:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: url(../img/nav_bg.jpg) no-repeat; background-size: cover; /* margin: -42px;-webkit-filter: blur(42px); filter: blur(42px); background:rgba(255,255,255,0.8);*/}
.nav li{ position: relative;}
.nav li:before{ content: ""; position: absolute; width: 100%; height: 0; left: 0; bottom: 0; border-bottom: 1px solid rgba(255,255,255,0.3);-webkit-transform:scaleY(0.5);transform:scaleY(0.5);}
.nav a{ font-size: 0.875rem; display: block; padding: 1rem 0; line-height: 1.4; text-align: center; font-weight: 400;}
.sm-nav-lsit li{ float: left; display: block; width: 20%;}
.sm-nav-lsit a.iconfont{ color: #fff; font-size: 24px; display: block; text-align: center; line-height: 3rem; height: 3rem;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1005; background-color: rgba(0,0,0,0); visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { /*visibility:visible;filter:alpha(enabled=false); opacity:1;*/}
/*.menuOpen .sm-menu{ opacity:0;}
.menuOpen .online-aside.action.transXT50 { opacity: 0;}*/
.menuOpen .sm-nav.active-out{-webkit-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);}
.menuOpen .sm-nav { -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0);  transform:translateY(0);visibility:visible;opacity:1;overflow:hidden;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(.81,.01,.15,.995);-o-transition-timing-function:cubic-bezier(.81,.01,.15,.995);transition-timing-function:cubic-bezier(.81,.01,.15,.995);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:transform;transition-property:transform,-webkit-transform,-o-transform;}
.sm-menu.indexActive{ opacity: 0; -webkit-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);}
.indexOpen .menu-box{ opacity:0; -webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); z-index: -10;}
.boxhide{ display: none !important;}
.landscape-wrap {position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#003567;z-index:10000;}
.landscape {width:60px;height:110px;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.landscape .tips-arrow {background:url(../images/i2.png) no-repeat; background-size: cover; width:40px;height:20px;margin:0 auto}
.landscape .tips-phone {background:url(../images/i1.png) no-repeat; background-size: cover; width:26px;height:53px;margin:0 auto;-webkit-animation:landscape .6s 0s ease-in-out infinite alternate;-animation:landscape .6s 0s ease-in-out infinite alternate}
@-webkit-keyframes landscape {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(90deg);
		transform:rotate(90deg)
	}
}
@keyframes landscape {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
	}
100% {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
	}
}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}
/*base style end*/
/*index style*/
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT20 { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT100 { transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; visibility: hidden; transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT502 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s cubic-bezier(.25,.46,.45,.94),opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT50,.action.transYT502,.action.transYT20,.action.transYT100{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.introduction-txt{ opacity:0; -webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0); transition:opacity .2s linear,-webkit-transform .6s cubic-bezier(.19,1,.22,1);transition:opacity .2s linear,transform .6s cubic-bezier(.19,1,.22,1);transition:opacity .2s linear,transform .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1);}
.action.introduction-txt{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
.u-text{ position: relative;}
.u-text:after{content:"";width:101%;height:100%;background:#fff;background:linear-gradient(90deg,hsla(0,0%,100%,.5) 0,#fff 50%,#fff);background-size:180% auto;background-position:100% 0;position:absolute;top:0;left:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;transition:opacity 1s linear,-webkit-transform 1s cubic-bezier(.23,1,.32,1);transition:transform 1s cubic-bezier(.23,1,.32,1),opacity 1s linear;transition:transform 1s cubic-bezier(.23,1,.32,1),opacity 1s linear,-webkit-transform 1s cubic-bezier(.23,1,.32,1)}
.action.u-text:after{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}
.u-text2{ position: relative; overflow: hidden; display: inline-block; }
.u-text2:after{ content: '';position: absolute;width: 100%;height: 100%; left: 0; bottom: 0;background-color: #1f3461; transform: translate3d(0, 0, 0); -webkit-transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);  transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);}
.action.u-text2:after{ transform: translate3d(0, 100%, 0) !important;}
.c-figure{overflow:hidden;}
.c-figure{position:relative;transition:opacity .2s linear,-webkit-transform .6s cubic-bezier(.075,.82,.165,1);transition:opacity .2s linear,transform .6s cubic-bezier(.075,.82,.165,1);transition:opacity .2s linear,transform .6s cubic-bezier(.075,.82,.165,1),-webkit-transform .6s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);opacity:0}
.c-figure:after{content:""; width:100%; height:100%; position:absolute;top:0;left:0;transition:-webkit-transform .6s cubic-bezier(.075,.82,.165,1) .6s;transition:transform .6s cubic-bezier(.075,.82,.165,1) .6s;transition:transform .6s cubic-bezier(.075,.82,.165,1) .6s,-webkit-transform .6s cubic-bezier(.075,.82,.165,1) .6s;-webkit-transform-origin:100% 0;transform-origin:100% 0;/*background-image:linear-gradient(90deg,#c40000,#de8282);*/ background-color: #de8282; z-index:2;transition-duration:1s}
.action.c-figure{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
.action.c-figure:after{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.dly_1,.dly_1.u-text:after { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2,.dly_2.u-text:after { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3,.dly_3.u-text:after { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4,.dly_4.u-text:after { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5,.dly_5.u-text:after { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6,.dly_6.u-text:after { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7,.dly_7.u-text:after { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8,.dly_8.u-text:after { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9,.dly_9.u-text:after { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10,.dly_10.u-text:after { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11,.dly_11.u-text:after { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.banner{ position: relative; height: 100vh; overflow: hidden; background-size: cover;}
#banner-canvas{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100wh;}
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; margin: 0px auto; background-color: #f7f7f7;overflow: hidden;  opacity: 0;visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
.banner.slick-initialized {visibility: visible;opacity: 1; }
.banner .item { position: relative; width: 100%; overflow: hidden; z-index: 10;}
.banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden;}
.banner .sm-top:after{ background-color: rgba(255,255,255,0.2);}
.binbox{ position: absolute; top: 40%; left: 5%; width: 90%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #fff;}
.binbox .num{ font-size: 1rem; font-family: "DIN-LightItalic"; padding-bottom: 0.75rem;}
.binbox .num .line{ padding: 0px 5px; font-size: 0.875rem;}
.binbox h4{ font-size: 2rem; font-weight: normal; line-height: 1.2;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-dots { text-align: left; width: 90%; left: 5%; top: 55%; bottom: auto; z-index: 104; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px 1.18rem 0 0; width: 0.375rem; height: 0.375rem; line-height: 0.375rem; margin: 0px; cursor: pointer;}
.banner .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 0.375rem; height: 0.375rem; margin: 0px auto; background-color: #fff; overflow: hidden;}
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { background-color:#BE1111; }
@-webkit-keyframes fadeInT{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
.banner .slick-active .num{ visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInT 1.2s 1; animation: fadeInT 1.2s 1;}
.banner h4 .item-name span{ visibility: hidden;}
.banner .slick-active h4 .item-name span{visibility: visible; display:inline-block; -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:zoomIn;animation-name:zoomIn;}
/*.banner .slick-active h4 .item-name  :nth-child(10n+0){animation-delay:1.5s}
.banner .slick-active h4 .item-name  :nth-child(10n+1){animation-delay:1.05s}
.banner .slick-active h4 .item-name  :nth-child(10n+2){animation-delay:1.1s}
.banner .slick-active h4 .item-name  :nth-child(10n+3){animation-delay:1.15s}
.banner .slick-active h4 .item-name  :nth-child(10n+4){animation-delay:1.2s}
.banner .slick-active h4 .item-name  :nth-child(10n+5){animation-delay:1.25s}
.banner .slick-active h4 .item-name  :nth-child(10n+6){animation-delay:1.3s}
.banner .slick-active h4 .item-name  :nth-child(10n+7){animation-delay:1.35s}
.banner .slick-active h4 .item-name  :nth-child(10n+8){animation-delay:1.4s}
.banner .slick-active h4 .item-name  :nth-child(10n+9){animation-delay:1.45s}*/
@-webkit-keyframes flipInX2{
	0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
	0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
	60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}
	80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
	to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX2{
	0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
	0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
	60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}
	80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
	to{-webkit-transform:perspective(400px);transform:perspective(400px)}
	}
.flipInX2{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX2;animation-name:flipInX2}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes bannerbuIn {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(0.7);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(1.8);
  }
}
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.icase-list article{ position: relative; padding: 1.875rem 5% 2.18rem;}
.icase-list .by{ font-size: 0.75rem; color: #999; margin-bottom: 0.5rem;}
.icase-list .by .type{ padding: 0px 0.32rem;}
.icase-list h3{ font-size: 1.375rem; color: #333333; line-height: 1.4; height: 3.75rem; overflow: hidden;}
.btnMore{ display: block; height: 4rem; line-height: 4rem; text-align: center; background-color: #BBBBBB; text-align: center; }
.btnMore .txt{ color: #fff; font-size: 0.75rem;}
.ibrand-img{ position: relative; margin-bottom: 1.875rem;}
.ibrand-img .desc{ position: absolute; left: 5%; bottom: 15%; width: 90%; color: #fff;}
.ibrand-img .by{ font-size: 1rem; line-height: 1.5; margin-bottom: 0.7rem;}
.ibrand-img h3{ font-size: 1.375rem; line-height: 1.4;}
.ibrand-list{ position: relative; width: 90%; margin: 0px auto 3.1rem;}
.ibrand-list li{ position: relative; padding: 1.5rem 0 1.25rem;}
.ibrand-list h4{ color: #1CBA75; font-size: 1rem; font-weight: normal; margin-bottom: 0.65rem;}
.ibrand-list .by{ font-size: 0.875rem; color: #333;}
.ibrand-list li:first-child:before,.ibrand-list li:after{ content:""; border-top: 1px solid #DDDDDD; display: block; width: 100%; position: absolute; left: 0;bottom: 0; -webkit-transform-origin: left bottom;}
.ibrand-list li:first-child:before{ top: 0; bottom: auto;}
/*index style end*/

/*about style*/
.pbanner a:link, .pbanner a:visited { color: #fff;}
.pbanner a:active, .pbanner a:hover { color: #fff;}
.pbanner{ position: relative; color: #fff; height: 100vh;}
.pbanner .imgbg{ position: relative; margin-left: -5%; width: 112%; height: 100vh; background-size: cover; -webkit-animation:moveleft 12s linear infinite;animation:moveleft 12s linear infinite;}
.pbanner-c{ position: absolute; left: 5%; width: 90%; top: 50%; padding-bottom: 3rem; transform: translateY(-55%); -webkit-transform: translateY(-55%);}
.pbanner-c .num,.pbanner-c .txt{ text-align: center;}
.pbanner-c .num{ font-size: 3.5rem; line-height: 1.1;}
.pbanner-c .txt{ font-size: 0.875rem;}
.about-banner li{ margin-bottom: 2rem;}
.about-banner li:last-child{ margin-bottom: 0;}
@-webkit-keyframes moveleft{0%,100%{-webkit-transform:translateX(0%);transform:translateX(0%)}50%{-webkit-transform:translateX(-6%);transform:translateX(-6%)}}
@keyframes moveleft{0%,100%{-webkit-transform:translateX(0%);transform:translateX(0%)}50%{-webkit-transform:translateX(-6%);transform:translateX(-6%)}}
.fc{ text-align: center;}
.pageC{ font-size: 0.875rem; color: #888888; overflow: hidden;}
.pageC a:link, .pageC a:visited { color: #1CBA75;}
.pageC a:active, .pageC a:hover { color: #1CBA75;}
.pageC img{ max-width: 100% !important; height: auto !important; }
.about-cbox{ padding: 3rem 0;}
.pboxT{font-weight: 600; font-size: 1.75rem; color: #333; text-align: center; line-height: 1.2; padding-bottom: 1.375rem;}
.about-by{ background-color: #F7F7F7; color: #1CBA75; font-size: 0.875rem; padding: 1.65rem 5%; line-height: 1.5;font-weight: 600; margin-bottom: 1.5rem;}
.w90{ width: 90%; margin: 0px auto;}
.about-cbox .pageC{ font-size: 0.81rem;}
.abou-fixed{ padding: 5.3rem 5%; color: #fff;}
.abou-fixed .pboxT{ color: #fff;}
.abou-fixed a:link, .abou-fixed a:visited { color: #fff;}
.abou-fixed a:active, .abou-fixed a:hover { color: #fff;}
.abou-fixed .desc{ font-size: 0.875rem;}
.about-contact{ padding: 2.9rem 0 3.5rem;}
.about-adddemo a:link, .about-adddemo a:visited { color: #333;}
.about-adddemo a:active, .about-adddemo a:hover { color: #333;}
.about-adddemo{ position: relative; color: #333; border: 1px solid #ccc;}
.cBE1111{ color: #BE1111;}
.about-adddemo .desc{ padding: 2.8rem 1% 2.5rem;}
.about-adddemo .ico{ font-size: 1rem; margin-bottom: 0.7rem;}
.about-adddemo .title{ color: #BE1111; padding:0 0 3.5rem; line-height: 1.2;}
.about-adddemo h4{ font-size: 1.185rem; font-weight: 600; margin-bottom: 0.5rem; line-height: 1.2;}
.about-adddemo .type{ font-size: 0.875rem; color: #1CBA75;}
.add-list{ position: relative; white-space: nowrap; overflow:hidden; border-top:1px solid #ccc;}
.add-list dt,.add-list dd{ display: inline-block; vertical-align: middle; white-space: normal; box-sizing: border-box;}
.add-list dt{ font-size: 1rem; color: #1CBA75; width: 20%; text-align: center;}
.add-list dd{ position: relative; padding: 1rem; width: 80%; font-size: 0.75rem; border-left:1px solid #ccc;}
.adddemo-nav{ padding: 1.5rem 5%; text-align: center; font-size: 1rem; color: #333;}
.adddemo-nav .item{ padding:0 0.875rem; cursor: pointer;}
.adddemo-nav .active{ color: #BE1111;}
/*about style end*/
/*internet style*/
.pbanner-c .title{ text-align: center; font-size: 2rem; font-weight: 400; line-height: 1.4;}
.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 50px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.opacity{
    -webkit-animation: opacity 0.3s linear;
    animation: opacity 0.3s linear;
}
@-webkit-keyframes opacity {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes opacity {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
.nav-dropload a:link, .nav-dropload a:visited { color: #666666;}
.nav-dropload a:active, .nav-dropload a:hover { color: #666666;}
.nav-dropload{ position: relative; margin-bottom: 1.5rem; height: 1.8rem; border-bottom: 1px solid #CCCCCC;}
.nav-dropload-box{ position: absolute; left: 0; top: 0; width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap;-webkit-overflow-scrolling: touch;}
.nav-dropload-box>ul{ display: inline-flex; display:-webkit-inline-flex;}
.nav-dropload-box li{ float: left; display: block; margin: 0;}
.nav-dropload a{ position: relative; padding:0 2rem 0.5rem 0; margin-right: 0.5rem; font-size: 0.875rem; line-height: 1.3rem; display: inline-block;}
.nav-dropload a:last-child{ margin-right: 0;}
.nav-dropload a:before { content: ""; width: 100%; height: 0.25rem; background-color: #BE1111; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); visibility:hidden\9; }
.nav-dropload a.active:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
.content{ padding: 1.75rem 0 3rem;}
.internet-list li{ position: relative; padding-bottom: 1.5rem; margin-bottom: 1.5rem;  border-bottom: 1px solid #EEEEEE;}
.internet-list .img{ float: left; display: block; width: 8.5rem; height: 5rem; overflow: hidden; margin-right: 0.5rem;}
.internet-list .desc{ overflow: hidden;}
.internet-list .title{ display: -webkit-box; height: 2.625rem;-webkit-box-orient: vertical;  -webkit-line-clamp: 2; line-height: 1.5; font-size: 0.875rem; color: #333333; font-weight: 400; margin-bottom: 1.375rem; overflow: hidden;}
.internet-list .time{ font-size: 0.678rem; color: #aaa; line-height: 1;}
.internet-list .time .ico{ font-size: 0.75rem; color: #BBBBBB;}
.internet-list .add{ position: relative; float: right; display: inline-block; width: 0.56rem; height: 0.56rem;}
.internet-list .add:before{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 0.06rem; margin-top: -0.03rem; background-color: #ccc;}
.internet-list .add:after{ content: ""; position: absolute; left: 50%; top: 0; width: 0.06rem; height: 100%; margin-left: -0.03rem; background-color: #ccc;}
.info-page{ padding: 5.75rem 0;}
.info-t{ color: #333333; font-size: 1.25rem; font-weight: 400; line-height: 1.4; margin-bottom: 0.7rem;}
.info-time{ position: relative; font-size: 0.678rem; color: #999999; line-height: 1; padding-bottom: 1rem; border-bottom: 1px solid #ddd; margin-bottom: 1rem;}
.info-time .icon{ color: #707070; font-size: 0.75rem;}
.info-c{ line-height: 1.8;}
/*internet style end*/
/*hr style end*/
.hr-list dd{ position: relative; padding: 1rem; margin:1rem 0; border: 1px solid #ccc; border-radius:1rem; cursor: pointer;}
.hr-list .name{ font-weight: 400; font-size: 1rem; line-height: 1.4; height: 2.75rem; margin-bottom: 0.5rem; color: #333333; padding-right: 4rem;}
.hr-list .desc{ color: #999999;}
.hr-list .desc .iconfont{ margin-right: 1rem; font-size: 0.75rem; float: left;}
.hr-list .desc .icon-59{ float: right; display: inline-block; margin-right: 0; width: 6.375rem;}
.hr-list .add{ position: absolute; right: 1rem; top: 1rem; background-color: #1CBA75; color: #fff; width: 3rem; height: 2rem; line-height: 2rem; border-radius: 1rem; text-align: center;}
.c1CBA75{ color: #1CBA75;}
.hrPage .title h3{ font-size: 1.5rem; color: #333; font-weight: 600; margin-bottom: 0.5rem;}
.hrPage .title .by{ color: #666666; font-weight: 600; font-size: 0.875rem; margin-bottom: 1.4rem;}
.hrPage .pageC{ color: #666; font-size: 0.875rem; line-height: 1.8; margin-bottom: 2.2rem;}
.hrPage .type{ line-height: 1.5;}
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.md-content{ max-width: 750px; margin: 3rem auto; box-sizing: border-box; position:relative; transform:translateX(100px); -webkit-transform:translateX(100px);  visibility: hidden; -webkit-transition:all .3s linear; transition:all .3s linear;}
.md-show, .md-show body { overflow-y: hidden;}
.md-show .push{ -webkit-filter: blur(8px); filter: blur(8px);}
.md-show .md-content{ transform:inherit; -webkit-transform:inherit; opacity:1; visibility: visible; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.md-hide .md-content{ transform:translateX(-100px); -webkit-transform:translateX(-100px);}
.md-show .md-modal{ opacity:1;visibility:visible; }
.md-modal{ position:fixed; left:50%; margin-left: -375px; top:0; width: 750px; bottom:0; overflow-y:auto; overflow-x: hidden; z-index:1000;  opacity:0; background: none rgba(0,0,0,0.2); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -webkit-overflow-scrolling:touch;}
.form-box-close { width: 2rem; height:2rem; line-height: 2rem; position: fixed; right: 5%; bottom: 50%; margin-bottom: -1rem; cursor: pointer;  transition: 300ms; -webkit-transition: 300ms;}
.form-box-close:before{ content: ""; position: absolute;left: 0%;top: 0%; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(0,0,0,0.2); z-index: 1; animation: bannerbuIn infinite linear 1.5s normal;-webkit-animation: bannerbuIn infinite linear 1.5s normal;}
.form-box-close i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 2rem; background-color: #1CBA75; border-radius: 50%; text-align: center; color: #fff; transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg); z-index: 3;}
.hr-link .icon-link{ display: inline-block;}
.hr-link .icon-link:before{ margin-right: 0.2rem; color: #1CBA75; font-size: 0.875rem;}
.hr-link .item .iconfont{font-size: 1.5rem;}
.hr-link a.item1 .iconfont{ color: #3C69EF;}
.hr-link a.item2 .iconfont{ color: #1E906C;}
.hr-link a.item3 .iconfont{ color: #EA571B;}
.hr-link .item{ position: relative; margin-left: 2rem; display: inline-block;}
.hr-link a.item:before{content: ""; position: absolute;left: 50%;top: 50%; margin: -1.5rem 0 0 -1.5rem; width: 3rem; height: 3rem; border-radius: 50%; background-color: rgba(0,0,0,0.2); z-index: 1;}
.hrPage{ background-color: rgba(255,255,255,0.8);  margin: 0 auto; padding:3.25rem 0; min-height: 100vh;}
/*hr style end*/
/*service style*/
.pbanner-c .by{ font-size: 1rem; text-align: center; font-weight: 400;}
.service-box{ padding: 5.5rem 0;}
.service-list li{ padding: 1.75rem 1.5rem; background: rgba(0,0,0,0.2); color: #fff; font-size: 1.25rem; line-height: 1; font-weight: 600; margin-bottom: 0.0625rem; cursor: pointer;}
.service-list .num{ font-family: "DIN-LightItalic"; font-size: 1rem; font-weight: normal; border-bottom: 1px solid #fff; margin-right: 1.875rem;}
.serPage{ width: 80%; margin-left: 5%; background-color: rgba(255,255,255,0.5); color: #fff; padding: 1.635rem 2rem 3rem;}
.serPage .pageC{ color: #fff; line-height: 1.8;}
.serPage .title{ padding-bottom: 1.5rem;}
.serPage .title h3{ font:normal 1.25rem/1.2 "DIN-LightItalic"; margin-bottom: 0.3rem;}
.serPage .by{ font-size: 0.875rem;}
.serPage .form-box-close{ position: absolute; right: -1rem; bottom: 50%; margin-bottom: -1rem;}
/*service style end*/
/*case style*/
.bgf2{ background-color: #F2F2F2;}
.bgff{ background-color: #fff;}
.yy{ position: absolute; left: 0;  bottom: 0; width: 100%; height: 50%; background: -webkit-linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);background: -moz-linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);background: -o-linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);background: -ms-linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);}
.case-serach{ position: relative; padding: 1rem 5.12rem 1rem 1.125rem;}
.case-serach .stxt{ border: 0px none; width: 100%; line-height: 2rem; height: 2rem; font-size: 0.875rem;}
.case-serach .serach-btn{ position: absolute; top: 0; right: 0; width: 5.12rem; height: 100%; line-height: 4rem; text-align: center; color: #707070;}
.case-serach .serach-btn .iconfont{ color: #707070; font-size: 1.5rem;}
.case-nav{ margin: 0.5rem 0;}
.case-dropload a:link, .case-dropload a:visited { color: #333333;}
.case-dropload a:active, .case-dropload a:hover { color: #666666;}
.case-dropload{ position: relative; margin-bottom: 0; height: 3.5rem; border-bottom: 1px solid #CCCCCC; z-index: 1;}
.case-dropload-box{ position: absolute; left: 0; top: 0; width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap;-webkit-overflow-scrolling: touch;}
.case-dropload-box>ul{ display: inline-flex; display:-webkit-inline-flex;}
.case-dropload-box li{ float: left; display: block; margin: 0;}
.case-dropload a{ padding: 0 1.125rem; font-size: 0.8125rem; line-height: 3.5rem; display: inline-block;}
.case-dropload a:before{ display: none;}
.case-dropload a.active{ color: #BE1112;}
.case-type a:link, .case-type a:visited { color: #999;}
.case-type a:active, .case-type a:hover { color: #999;}
.case-type{ padding:1.56rem 0 1.1875rem 1.125rem;}
.case-type a{ display: inline-block; padding: 0.5rem 1rem; font-size: 0.75rem; line-height: 1rem; border: 1px solid #DDDDDD; border-radius: 2rem; margin:0 0.875rem 0.625rem 0;}
.case-type a.active{ color: #fff; border-color: #C01819; background-color: #C01819;}
.case-item a:link, .case-item a:visited { color: #707070;}
.case-item a:active, .case-item a:hover { color: #707070;}
.case-item{ height: 2.5rem; line-height: 2.5rem; margin-bottom: 1px;}
.case-item a{ display: inline-block; float: left; width: 50%; text-align: center;}
.case-item a.active{ color: #C01819;}
.case-list a:link, .case-list a:visited { color: #333;}
.case-list a:active, .case-list a:hover { color: #333;}
.case-list li{ position: relative; float: left; width: 42%; padding: 0.75rem 4% 0; border-bottom: 1px solid #ccc; z-index: 1;}
.case-list li:nth-of-type(even):after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0; height: 100%; border-left: 1px solid #ccc;}
.case-list .img{ position: relative; overflow: hidden; padding-bottom: 75%; display: block;}
.case-list .img img{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.case-list .txt{ padding: 0.625rem 0 0.875rem; line-height: 1.4;}
.case-list .name{ font-size: 0.875rem; color: #333; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case-list .by{ font-size: 0.75rem; color: #999;}
.case-content{ padding-bottom: 3rem; background-color:#fff;}
.case-content1 {background-color: transparent;}
.case-content1 .case-list li { float: none;width: 90%; margin: 1.25rem auto 0; padding: 0; border: 0px;}
.case-content1 .case-list .img{ padding-bottom: 45%;}
.case-content1 .case-list .txt{ padding: 1.125rem 1.25rem; background-color:#fff;}
.case-content1 .case-list .name{ float: left; display: inline-block; max-width: calc(100vw - 2rem - (176rem / 16));}
.case-content1 .case-list .by{ float: right; display: inline-block;}
.caseinfo-page{ padding: 0 0 5.75rem;}
.caseinfo-page .info-c{ width: 90%; margin: 2rem auto 0;}
.caseinfo-img a:link, .caseinfo-img a:visited { color: #fff;}
.caseinfo-img a:active, .caseinfo-img a:hover { color: #fff;}
.caseinfo-img{ position: relative; color: #fff; font-size:.875rem;}
.caseinfo-img .desc{ position: absolute; left: 5%; width: 90%; bottom: 2rem; text-align: center;}
.caseinfo-img .desc h3{ font-size:2rem; font-weight: 400; line-height: 1.2; margin-bottom: 0.5rem;}
.sm-link-a{ display: block; width: 3rem; height: 3rem; line-height: 3rem; background:rgba(190,17,17,0.4); position: fixed; left: 50%; bottom: 5rem; margin-left: -1.5rem; border-radius: 50%; text-align: center; color: #fff;}
.sm-link-a .iconfont{ display: block; font-size: 1.25rem; width: 100%; height: 100%;}
/*case style end*/
/*404 style*/
.no-page{ position: relative; height:100vh; text-align: center; }
.no-pageC{ position: absolute; left: 5%; width: 90%; top: 0; bottom: 0; height: 12.5rem; margin: auto;}
.no-pageC .t{ color: #BE1111; font: 6rem/1.2 "DIN-Light";}
.no-pageC .c{ color: #666; font-size: 0.875rem;}
.home-btn{ position: absolute; left: 50%; bottom: 5rem; margin-left: -2.25rem; width: 4.5rem; height: 4.5rem; text-align: center; display: block; line-height: 4.5rem; background-color: #eee; font-size: 0.875rem; border-radius: 50%; color: #999;}
/*404 style end*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}