@charset "utf-8";
@font-face {
	font-family: 'NexaBold';
	src: url('../fonts/NexaBold.eot'); /* IE9 Compat Modes */
	src: url('../fonts/NexaBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/NexaBold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/NexaBold.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/NexaBold.svg#Nexa Bold') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'NexaLight';
	src: url('../fonts/NexaLight.eot'); /* IE9 Compat Modes */
	src: url('../fonts/NexaLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/NexaLight.woff') format('woff'), /* Modern Browsers */
         url('../fonts/NexaLight.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/NexaLight.svg#Nexa Light') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'NotoSansSCMedium';
	src: url('../fonts/NotoSansSCMedium.eot'); /* IE9 Compat Modes */
	src: url('../fonts/NotoSansSCMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/NotoSansSCMedium.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/NotoSansSCMedium.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/NotoSansSCMedium.svg#NotoSansSCMedium') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'NotoSansSC';
	src: url('../fonts/NotoSansSC.ttf'); /* IE9 Compat Modes */
	src: url('../fonts/NotoSansSC.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/NotoSansSC.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/NotoSansSC.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/NotoSansSC.svg#NotoSansSC-Regular') format('svg'); /* Legacy iOS */
}
/*初始化样式*/
* {-webkit-tap-highlight-color:transparent;}
html {font-size:100%;}
body {background-color:#1A1A1A; color:#E2E2E2; font:16px/1.75em 'NotoSansSC', 'Arial', 'Microsoft Yahei';/*设置字体*/ overflow-x:hidden; width:100%;/*设置宽度*/}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:16px; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}

/*html5设置*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
html,body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p {margin:0; padding:0;}

a {text-decoration:none; outline:none; color:#E2E2E2;}
a:focus {outline:none; -moz-outline:none;}
a:hover {color:#fff;}
a img {border:none;}

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

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

/*该设置跟后台编辑器有关*/
ul,ul li,ol,ol li,dl,dl dd{ list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px;}
/*该设置跟后台编辑器有关*/

/*全局样式*/
.inner {max-width: 1920px; margin:0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;  box-sizing: border-box; padding:0 10.5%;}

.Relative{ position: relative;}
.banMask{background: #1a1a1a; position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
.imageMask{ background: #1a1a1a; position: absolute; top: 0; right: 0; width: 100%; height: 100%; transition: width 1s;}
.imageMask.show{ width:0; }
/*全站头部*/
.mask {position:absolute; right:0; top:0; width:100%; height:100%; transition:width 1s; background-color: #E2E2E2;}
.mask.load {width:0;}
/*header*/
.header {position:fixed;left:0;top:0;width:100%;z-index:4;transition:all .3s;}
.header .inner {position:relative;z-index:3;padding:0 3.385%;}
.header.fixed {background-color:#1a1a1a;box-shadow:rgba(0,0,0,0.5) 0px 2px 50px 0px;}
/*logo*/
.logo {float:left;padding:22px 0;position:relative;z-index:4;}
.logo a {display:block;overflow:hidden;width:89px;height:28px;background:url(../images/logo.png) no-repeat left center;background-size:contain;text-indent:-99999em;}
/*other*/
.other {float:right;padding:26px 0;  position:relative;}
.other span {overflow:hidden;float:left;padding-left:31px;}
.other a {display:block;overflow:hidden;width:20px;height:20px;background:no-repeat center center;background-size:contain;position:relative;}
.searchBtn {display:block;}
.searchBtn a {background-image:url(../images/icon_search.png);}
.navBtn {display:none;}
.navBtn a:before,.navBtn a:after {width:100%;height:1px;background-color:#E2E2E2;content:'';display:block;position:absolute;left:0;transition:all .3s;}
.navBtn a:before {top:1px;}
.navBtn a:after {top:100%;margin-top:-2px;}
.navBtn .open:before {transform:rotate(45deg);top:45%;}
.navBtn .open:after {transform:rotate(-45deg);top:45%;margin-top:0;}
.language {display:block;float:right;padding:26px 0 26px 31px;position:relative;}
.language:before {width:1px;height:24px;background-color:#808080;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.language a {display:block;height:20px;font-size:16px;width:24px;text-align:center;line-height:18px;letter-spacing:1px;color:#E2E2E2;}
.language .cn {display:none;}
/*navBox*/
.navBox {float:right;}
/*nav*/
.nav {float:left;}
.nav ul {float:right;}
.nav ul:after {clear:both;content:'';display:block;}
.nav li {float:left;font-size:16px;line-height:28px;padding:22px 31px;position:relative;z-index:2;}
.nav li .false {cursor: default;}
.nav li em {position:absolute; left:0; top:0; width:100%; height: 100%; display: none;}
.nav li sup {display:inline-block;vertical-align:top;margin-top:-5px; font-size:1.375em;}
.nav li i {width:9px;height:6px;display:inline-block;background:url(../images/icon_01.png) no-repeat center center;background-size:contain;vertical-align:middle;margin-left:2px;transition:transform .3s;}
.nav li a {position:relative;display:block;color:#E2E2E2;}
.nav li a:after {width:0;height:1px;background-color:#fff;content:'';display:block;position:absolute;left:0;bottom:0;transition:width .3s;}
.nav li.on > a:after {width:100%;}
.nav li.on > a i {transform:rotate(-180deg);}
.nav li ul {position:absolute;top:100%;left:50%;z-index:2;transform:translateX(-50%);overflow:hidden;float:none;padding:64px 0;display:none;}
.nav li .two {width:420px;transform:translateX(-30%);}
.nav li .two li {width:50%;}
.nav li .four {width:500px;transform:translateX(-16%);}
.nav #nav27 .four{transform:translateX(0);}
.nav li .four li {width:25%;}
.nav li .three {width:500px;}
.nav li .three li {width:33.33%;}
.nav li li {line-height:24px;letter-spacing:1.5px;padding:16px 0;overflow:hidden;}
.nav li li a {margin-right:43px;display:inline-block;}
.nav li li a:after {width:21px;height:12px;background:url(../images/icon_02.png) no-repeat right center;background-size:auto 100%;left:100%;bottom:50%;margin-left:5px;transform:translateY(50%);opacity:0;transition:all .3s;}
.nav li li a:hover:after {width:38px;opacity:1;}
.navbg {background-color:#1A1A1A;position:absolute;left:0;top:0;width:100%;height:0;transition:all .3s;}
.navbg.open {padding:136px 0 64px;}
.subbg {display:none;}
/*bg*/
.bg {background-color:rgba(0,0,0,0.9);position:fixed;left:0;top:0;width:100%;height:100%;}
/*footer*/
.footer {background-color:#101010;padding:5.208% 3.385% 5.578%;  position: relative; z-index: 1;}
.footer h2 {margin-bottom:6.034%;font-size:48px;line-height:1.5em;}
/*arrow*/
.arrow {position:relative;line-height:0;}
.arrow:after {display:inline-block;vertical-align:middle;width:21px;height:12px;background:url(../images/icon_02.png) no-repeat right center;background-size:auto 100%;content:'';transition:width .3s;}
.arrow:hover:after {width:35px;}
/*btmInfo*/
.btmInfo {display:table;table-layout:fixed;width:100%;}
.btmInfo .left,.btmInfo .right {display:table-cell;vertical-align:bottom;}
.btmInfo h3 {letter-spacing:1px;color:#ddd;font-size:24px;line-height:1.5em;margin-bottom:28px;font-weight:normal;}
.btmInfo h3 a {color:#ddd;}
.btmInfo h3 a:after {margin-left:10px;}
.btmInfo h3 a:hover:after { width:62px;}
.btmInfo h4 {letter-spacing:1px;color:#898989;font-weight:normal;font-size:18px;line-height:1.77em;margin-bottom:8px;}
.btmInfo .left ul {overflow:hidden;}
.btmInfo .left li {margin-bottom:16px;}
.btmInfo .left p {font:28px/1.285em 'NexaLight';}
.btmInfo .left p a {border-bottom:1px solid #E2E2E2;}
.btmInfo .right {text-align:right;max-width:340px;}
.copyright {font-size:16px;line-height:28px;letter-spacing:1px;color:#B2B2B2; margin-bottom: 16px;}
.copyright a {color:#B2B2B2;}
.social {margin-bottom:40px;}
.social ul {font-size:0;line-height:normal;}
.social li {display:inline-block;margin-left:18px;}
.social a {display:block;width:28px;height:28px;text-indent:-99999em;background:no-repeat center center;background-size:contain;}
.social .wx a {background-image:url(../images/icon_wx.png);}
.social .wb a {background-image:url(../images/icon_wb.png);}
.social .ld a {background-image:url(../images/icon_ld.png);}
.social .zh a {background-image:url(../images/icon_zh.png);}
.social .bl a {background-image:url(../images/icon_bl.png);}
/*popup*/
.popup {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9;display:none;}
.popup .box {background-color:#1A1A1A;width:380px;padding:90px 0 129px;position:fixed;left:50%;top:50%;transform:translateY(-50%);margin-left:-190px;}
.popup .qr {max-width:170px;margin:0 auto 24px;}
.popup .qr img {display:block;width:100%;height:auto;}
.popup .tips {font-size:20px;color:#E2E2E2;letter-spacing:1px;line-height:1.7em;text-align:center;}
.popup .close {width:16px;height:16px;background:url(../images/icon_close.png) no-repeat center center;background-size:contain;position:absolute;right:0;top:-33px;cursor:pointer;}
/*hmTitle*/
.hmTitle {font-weight:normal;font-size:28px;line-height:1.713em;color:#898989;letter-spacing:2px;overflow:hidden;margin-bottom:5.1%;}
.hmTitle:after {background-color:#898989;width:2.463%;height:2px;display:inline-block;content:'';margin-left:8px;}
/*hmIntro*/
.hmIntro {letter-spacing:2px;font-size:28px;line-height:1.715em;position:relative;padding-left:73px;margin-bottom:8.275%;}
.hmIntro p {padding-left:55px;position:relative;}
.hmIntro p:first-child:before, .hmIntro p:last-child:after {color:#898989;opacity:.3;height:0;font-size:2.42em;width:0;}
.hmIntro p:first-child:before {content:'“';display:block;position:absolute;left:-0.01em;top:0.15em;z-index:-1;}
.hmIntro p:last-child:after {content:'”';display:inline-block;vertical-align:middle;margin:0 0 -0.35em -0.45em;}
.hmIntro em {font-style:normal; z-index: 1; position:relative;}
/*hmIns*/
.hmIns {margin-bottom:8.386%;overflow:hidden;}
.hmIns .list {width:105.106%;}
.hmIns .list:after {clear:both;content:'';display:block;height:0;line-height:normal;font-size:0;}
.hmIns .item {width:28.574%;float:left;padding-right:4.67%;}
.hmIns .pic {margin-bottom:9.412%;overflow:hidden;}
.hmIns .pic i {display:block;padding-bottom:100%;background:no-repeat center center;background-size:cover;transition:all .3s;}
.hmIns .tag {font-size:18px;line-height:1.777em;color:#898989;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:1px;margin-bottom:2.353%;}
.hmIns h3 {font-size:24px;letter-spacing:2px;line-height:1.667em;max-height:3.334em;overflow:hidden;margin-bottom:5.883%;color:#ddd;font-weight:normal;}
.hmIns .arrow:after {display:block;}
.hmIns a {display:block;position:relative;margin-bottom:18.824%;}
.hmIns a:before {width:0;height:100%;background-color:#101010;content:'';display:block;position:absolute;left:-5.88%;top:0;margin-top:18.824%;z-index:-1;transition:width .3s;}
.hmIns a:hover:before {width:111.76%;}
.hmIns a:hover .arrow:after {width:50px;}
.hmIns a:hover i {transform:scale(1.2);}
.hmIns .item:nth-child(2) a {margin-top:47.059%;}
.hmIns .item:nth-child(3) a {margin-top:17.647%;}
.hmIns .load {display:block;clear:both;}
/*hmThi*/
.hmThi {padding:15.33% 0 14.166%;margin-bottom:11.181%; position:relative; overflow: hidden;}
.hmThi .bg {position: absolute; left:0; top:0; width:100%; height: 100%; transition:transform 2s linear;}
.hmThi .bg i {display: block; background:no-repeat center center;background-size:cover; position: absolute; left:0; top:0; width:100%; height: 100%;}
.hmThi:hover .bg {transform:scale(1.2);}
.hmThi video {display: block; position:absolute; left:0; top:0; width:100%; height: 100%; object-fit:cover;}
.hmThi .intro {font-size:48px;line-height:1.5em;margin-bottom:5.98%;letter-spacing:4px;padding:0;}
.hmThi .intro p {position:relative;}
.hmThi .intro p:first-child:before, .hmThi .intro p:last-child:after {font-size:1.667em;color:#808080;width:0;height:0;opacity:.3;}
.hmThi .intro p:first-child:before {content:'“';display:block;position:absolute;left:-0.7em;top:0.01em;z-index:0;}
.hmThi .intro p:last-child:after {content:'”';display:inline-block;vertical-align:middle;margin:0 0 -0.2em -0.2em;}
.hmThi .intro em {font-style:normal; z-index: 1; position:relative;}
.hmThi .more {overflow:hidden;}
.hmThi .more a {float:left;font-size:24px;line-height:1.5em;color:#ddd;}
.hmThi .more a:after {margin-left:10px;}
.hmThi .more a:hover:after {width:62px;}
/*hmNews*/
.hmNews {margin-bottom:9.027%;overflow:hidden;}
.hmNews .inner { padding-right:0;position:relative;}
.hmNews .inner{ line-height: 36px;}
.hmNews .inner .item{line-height:36px; height:36px;}
.hmNews .inner .item > *{display: inline-block;}
.hmNews .inner .item i{display: inline-block;content: '';width: 17px;height: 14px;background: url(../images/lb.png) no-repeat center;margin-right: 6px;}
.hmNews .inner .item h3{ color: #959595; font-size: 16px;font-weight: normal;}
.hmNews .Marquee{ background:#2c2c2c; width:100%; position: relative; padding-left:45px; overflow:hidden;}
.hmNews .Marquee .tu_icon{display: inline-block;content: '';width: 17px;height: 14px;background: url(../images/lb.png) no-repeat center;position: absolute; left:20px; top:50%;transform: translateY(-50%);}
.hmNews .Marquee .bd .tempWrap{ width:100%!important; }
.hmNews .Marquee .bd ul{ overflow:hidden; zoom:1; }
.hmNews .Marquee .bd ul li{line-height:36px; height:36px; float:left; text-align:left; _display:inline;}
.hmNews .Marquee li .item:after{display: inline-block;content: '';width: 1px;height:16px;background: #B2B2B2;position: absolute;right:0;top:50%;transform: translateY(-50%);}
.hmNews .Marquee li .item{ padding:0 25px;}
.hmNews .Marquee li a h3{ color: #959595;}
.hmNews .Marquee li a:hover h3{ color: #fff;}
.hmNews .Marquee li .item .arrow{ right:25px;}

/*hmCase*/
.hmCase {margin-bottom:9.027%;overflow:hidden;}
.hmCase .list {width:107.828%;}
.hmCase .list:after {clear:both;content:'';display:block;height:0;line-height:normal;font-size:0;}
.hmCase .item {width:42.741%;float:left;padding-right:7.259%;padding-bottom:2.529%;}
.hmCase .top {background-color:transparent;margin-bottom:20px;transition:all 1s;}
.hmCase .pic {transition:all .3s;overflow:hidden;position:relative;top:0;right:0;}
.hmCase .pic i {display:block;padding-bottom:68.703%;background:no-repeat center center;background-size:cover;transition:all .3s;}
.hmCase .btm {height:181px;overflow:hidden;}
.hmCase .tag {font-size:18px;line-height:1.777em;color:#898989;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:1px;margin-bottom:8px;}
.hmCase h3 {font-size:32px;letter-spacing:2px;line-height:1.5em;max-height:3.334em;overflow:hidden;margin-bottom:31px;color:#ddd;font-weight:normal;}
.hmCase .arrow:after {display:block;width:23px;height:14px;}
.hmCase a {display:block;position:relative;}
.hmCase a:hover .top {background-color:#101010;}
.hmCase a:hover .pic {transform:translate3d(5.344%,-7.778%,0);}
.hmCase a:hover .arrow:after {width:62px;}
.hmCase a:hover i {transform:scale(1.2);}
.hmCase .item:nth-child(2n) {padding-top:7.504%;}
.hmCase .load {display:block;clear:both;}
/*hmSec*/
.hmSec {margin-bottom:4.16%;}
.hmSec .text {margin-left:10.5%;background:no-repeat center center;background-size:cover;}
.hmSec ul {overflow:hidden;padding:3.494% 3.882% 3.494% 128px;}
.hmSec li {float:left;width:25%;font-size:28px;line-height:1.714em;padding:4.054% 0;}
.hmSec li i {display:block;position:absolute;left:-100%;bottom:5px;width:100%;height:2px;background-color:#F6574B;transition:left .3s;}
.hmSec li i:before,.hmSec li i:after {width:7px;height:2px;background-color:#F6574B;content:'';display:block;position:absolute;right:0;opacity:0;transform:rotate(0deg);transition:all .2s;}
.hmSec li i:before {bottom:auto;}
.hmSec li i:after {top:auto;}
.hmSec li i.open:before {transform:rotate(45deg);bottom:100%;opacity:1;}
.hmSec li i.open:after {transform:rotate(-45deg);top:100%;opacity:1;}
.hmSec li a {display:block;float:left;color:#ddd;position:relative;letter-spacing:2px;transition:all .5s;padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hmSec li a:before {width:100%;height:2px;background-color:#E2E2E2;content:'';display:block;position:absolute;left:0;bottom:5px;}
.hmSec li a:hover {color:#F6574B;padding-right:24px;}
.hmSec li a:hover i {left:0;}



/*mouse*/
@keyframes mouse {0% {top:0;opacity:1;}
100% {top:100%;opacity:0;}
}
.mouse {position:fixed; width:24px;height:40px;border-radius:14px;border:2px solid #E2E2E2;z-index:1;}
.mouse i {width:3px;height:20px;position:absolute;left:50%;top:10px;transform:translateX(-50%);overflow:hidden;}
.mouse i:after {width:3px;height:5px;background-color:#E2E2E2;content:'';display:block;position:absolute;left:0;top:0;animation:mouse 1.5s linear infinite;}

/*hmSol*/
.hmSol {margin-bottom:11.111%;}
.hmSol .inner {padding-right:0;position:relative;}
/*solTab*/
@keyframes scan {0% {background-size:0 100%;}
100% {background-size:100% 100%;}
}
.solTab {overflow:hidden; margin-bottom:24px; position:relative;height:28px;}
.solTab .load {padding-bottom:28px;}
.solTab .item a {display:block;font-size:16px;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7e7e7e;letter-spacing:1px;}
.solTab .item i {font-size:14px;font-style:normal;font-family:'NexaLight';letter-spacing:2px;margin-right:9px;}
.solTab .item span {background:#7e7e7e -webkit-linear-gradient(left,#fff,#fff) no-repeat 0 0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-size:0 100%;}
.solTab .cur a {color:#fff;}
.solTab .cur span {background-size:100% 100%;animation:scan 10s linear;}
.solTab .owl-carousel {width:68.247%;padding-right:3.104%;overflow:hidden;}
.solTab .owl-carousel .owl-stage-outer {overflow:visible;}
.solTab .owl-btn {position:absolute;right:4.577%;padding:5px 0;font-size:0;line-height:normal;}
.solTab .owl-btn span {display:inline-block;width:18px;height:18px;background:no-repeat center center;background-size:contain;vertical-align:middle;cursor:pointer;}
.solTab .owl-btn .prev {background-image:url(../images/icon_prev.png);}
.solTab .owl-btn .next {margin-left:67px;background-image:url(../images/icon_next.png);}
/*solInfo*/
.solInfo {overflow:hidden;}
.solInfo .load {padding-bottom:32.589%;}
.solInfo .item {opacity:.1;transition:opacity .3s;}
.solInfo .item a {display:block;overflow:hidden;padding-bottom:45.653%;background:no-repeat center center;background-size:cover;}
.solInfo .active .item {opacity:1;}
.solInfo .owl-carousel {width:71.384%;}
.solInfo .owl-carousel .owl-stage-outer {overflow:visible;}
/*solText*/
.solText {background-color:#1A1A1A;width:360px;position:absolute;right:20.406%;top:50%;transform:translateY(-50%);margin-top:26px;z-index:1;}
.solText .cat {font-size:18px;line-height:32px;letter-spacing:1px;color:#898989;margin-bottom:8px;}
.solText h2 {font-size:28px;line-height:48px;letter-spacing:2px;color:#ddd;font-weight:normal;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.solText h2 i {font-style:normal;font-size:32px;font-family:'NexaBold';margin-right:4px;}
.solText .intro {font-size:18px;line-height:1.778em;height:8.89em;overflow:hidden;color:#E2E2E2;margin-bottom:19px;}
.solText .arrow:after {width:23px;height:14px;}
.solText a {display:block;overflow:hidden;padding:30px 43px 41px;}
.solText a:hover .arrow:after {width:52px;}



/*guideVideo*/
@keyframes scal {
	0% {
		transform:scale(1);
	}
	50% {
		transform:scale(1.5);
	}
	100% {
		transform:scale(1);
	}
}
.guideVideo {position:absolute; left:0; top:0; width:100%; height: 100%; overflow:hidden;}
.guideVideo video {display: block; position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover; z-index: 0;}
.guideVideo .tang {display: block; position:absolute; left:0; top:0; width:100%; height: 100%; z-index: 2;}
.guideVideo .bg {position:absolute; left:0; top:0; width:100%; height: 100%; background:no-repeat no-repeat center center; background-size:cover; z-index: 0; animation: scal 50s linear infinite; transform:scale(1);}
/*guideText*/
.guideText {position:absolute; left:0; top: 50%; transform:translateY(-50%); text-align: center; width:100%; opacity: 0; transition:opacity 2s;}
.guideText.show {opacity: 1;}
.guideText .icon {width:140px; margin:0 auto 44px;}
.guideText .icon i {padding-bottom:28.572%; display: block; background: no-repeat center center; background-size:contain;}
.guideText h1 {font-size: 56px; color:#E2E2E2; line-height: 1.5em; letter-spacing: 6px; margin-bottom: 15.834%; font-weight: normal; font-family: 'NotoSansSCMedium';}
.guideText .arrow {font-size: 24px; color:#ddd; line-height: 1.5em; margin-right:-21px;}
.guideText .arrow:after {margin-left:12px;}
.guideText .arrow i{background-position:center center;height:25px;width:95px;background-repeat:no-repeat;display:inline-block; vertical-align:text-bottom;}
.guideText .title {font-size: 68px; line-height: 1.5em; font-family: 'NotoSansSCMedium'; margin-bottom: 13.403%; overflow: hidden; color:#fff;}

.guideText .title a {color:#fff; display: inline-block; position:relative;}
.guideText .title a:after {display: block; position:absolute; left:0; bottom:2px; content:''; clear:both; height:6px; background-color: #fff; width:100%;}
.guideText .title i {font-style: normal; font-family: 'NexaBold'; line-height: 50px;}
/*guideText*/
.search {padding:12% 0 12.708%;}
.search h2 {font-size:56px; line-height: 1.5em; font-weight: normal; margin-bottom: 24px;}
.searchForm {position:relative; padding:9px 62px 9px 0; border-bottom:2px solid #fff;}
.searchForm .submit {display: block; width:62px; height: 34px; position:absolute; right:0; top:50%; transform:translateY(-50%); line-height: 34px;}
.searchForm .submit:hover .arrow:after {width:100%;}
.searchForm .text {display: block; width:100%; font-size:22px; line-height: 1.5em; color:#898989;}
.searchTags {overflow: hidden; margin-top: 3%; width:80%;}
.searchTags a {width:16%; padding-right:3.33%; float:left; font-size:18px; line-height: 2.11em; color:#B2B2B2; margin-top:2.195%; text-decoration:underline;}
/*searchResult*/
.searchResult {overflow:hidden; margin-top:3%;}
.searchResult h3 {font-size:28px; line-height: 1.75em; color:#fff; margin-bottom:2%;}
.searchResult .warning {font-size:20px; line-height: 2em; color:#b2b2b2;}
.searchResult .list {width:102%; overflow:hidden;}
.searchResult .item {float:left; width:23%; padding-right:2%; padding-top: 3%;}
.searchResult .item a {display: block; overflow:hidden;}
.searchResult .pic {overflow:hidden; margin-bottom: 8%;}
.searchResult .pic i {display: block; overflow:hidden; padding-bottom: 100%; background:no-repeat center center; background-size:cover;}
.searchResult .tag {font-size:18px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 1.5em; margin-bottom: 5%;}
.searchResult h4 {font-size:22px; font-weight: normal; line-height: 1.75em; height:3.5em; overflow:hidden;}
/*post*/
.post {width:58.334%;margin:0 auto 10.139%;position:relative;}
.post .top {border-bottom:1px solid #ccc;padding:4.881% 0;position:absolute;left:0;top:0;width:100%;}
.post .fixed {position:fixed;top:72px;background-color:#E2E2E2;box-shadow:0px 1px 3px #ccc;padding:20px 0;z-index:1;}
.post .fixed .box {width:58.334%;margin:0 auto;}
.post .entry {margin-top:6.548%;}
.post .place {height:51px;padding:4.881% 0;}
/*author*/
.author {margin-right:256px;overflow:hidden;}
.author .avatar {float:left;width:50px;}
.author .avatar i {display:block;overflow:hidden;padding-bottom:100%;border-radius:50%;background:no-repeat center center;background-size:cover;}
.author .info {margin-left:65px;overflow:hidden;}
.author h2 {font-size:20px;line-height:26px;color:#1A1A1A;font-weight:normal;font-family:'NotoSansSCMedium';margin-bottom:8px;}
.author p {color:#898989;font:14px/16px 'Helvetica';}
/*share*/
.share {float:right;padding:9px 0;}
.share span {float:left;display:block;font-size:18px;line-height:32px;color:#898989;}
.share ul {font-size:0;line-height:normal;margin-left:56px;}
.share li {display:inline-block;margin-left:18px;}
.share a {display:block;width:32px;height:32px;text-indent:-99999em;background:no-repeat center center;background-size:contain;}
.share .wx a {background-image:url(../images/share_wx.png);}
.share .fr a {background-image:url(../images/share_fr.png);}
.share .wb a {background-image:url(../images/share_wb.png);}
.share .lk a {background-image:url(../images/share_link.png);}
#qrcode {display:none;}
/*entry*/
.entry {font-size:18px;line-height:1.778em;color:#1A1A1A;word-wrap:break-word;word-break:break-all;text-align:justify;}
.entry p {margin-bottom:4.762%; position:relative;}
.entry img {max-width:100%;height:auto!important;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {position:relative;}
.entry h2 {margin-bottom:6.191%;font:500 32px/1.5em 'NotoSansSCMedium';letter-spacing:2px;position:relative;margin-left:13px;}
.entry h2:before,.entry h2:after {font-size:2.03125em;color:#F2F2F2;font-family:'NotoSansSC';height:0;z-index:-1;}
.entry h2:before {content:'“';display:block;position:absolute;left:-0.8em;top:0.08em;}
.entry h2:after {content:'”';display:inline-block;vertical-align:middle;position:relative;width:0;margin:0 0 -0.3em -0.6em;}
.entry h3 {font:500 32px/1.5em 'NotoSansSCMedium';letter-spacing:2px;margin-bottom:14px;}
.entry h4 {font:500 22px/2.182em 'NotoSansSCMedium';margin-bottom:14px;}
.entry blockquote {background-color:#fff;letter-spacing:1px;padding:7.143% 10.357% 1.667% 5.715%;margin-bottom:4.762%; position: relative;}
.entry blockquote p {margin-bottom:20px;font-size:18px;line-height:32px;}
.entry blockquote p:first-child {position:relative;}
.entry blockquote p:first-child:before,.entry blockquote p:first-child:after {font-size:32px;color:#898989;font-family:'NotoSansSC';height:0;z-index:0;opacity:.3;}
.entry blockquote p:first-child:before {content:'“';display:block;position:absolute;left:-0.8em;top:0.08em;}
.entry blockquote p:first-child:after {content:'”';display:inline-block;vertical-align:middle;position:relative;width:0;margin:0 0 -0.2em -0.57em;}
/*posttag*/
.posttag {border-top:1px solid #ccc;font-size:18px;color:#898989;line-height:2em;overflow:hidden;padding:2.619% 0;}
.posttag span {float:left;display:block;padding-right:4.405%;}
.posttag a {color:#898989;display:block;}
/*aboutBox*/
.aboutBox {border-bottom:1px solid rgba(255,255,255,0.1);padding:7.012% 0;}
.aboutBox.nb {border-bottom:none;}
.aboutBox .left {float:left; animation-duration: 1.5s;}
.aboutBox .year {font-size:180px;line-height:1.2em;font-family:'NexaBold';letter-spacing:12px;margin-bottom:5px;}
.aboutBox .year i {font-size:60px;font-style:normal;line-height:1em;font-weight:bold;letter-spacing:0px;}
.aboutBox .year .i {font-size:100px;font-family:'NotoSansSC';}
.aboutBox .ml {transform:translateX(-13%);font-size:170px;line-height:1.206em;}
.aboutBox .intro {font-size:30px;line-height:1.06em;color:#fff;}
.aboutBox .right {margin-left:482px;overflow:hidden;}
.aboutBox .text {font-size:25px;line-height:2em;color:#ccc;letter-spacing:1px;padding:25px 0;}
.aboutBox img {display:block;width:100%;height:auto;}
.aboutBox.nb .left { animation-duration: 2s;}
.aboutBox.nb .right { animation-duration: 2s;}
/*team*/
.team {padding:6.945% 0 0.695%;}
.team .inner {overflow:hidden;}
.team ul {overflow:hidden;width:102.2%;margin-bottom:4.903%;}
.team li {float:left;width:22.8%;padding:0 2.2% 3.268% 0;}
.team .photo {overflow:hidden;}
.team .photo i {padding-bottom:119.392%;display:block;overflow:hidden;background:no-repeat center center;background-size:contain;}
.team .info {position:absolute;left:0;top:100%;width:100%;background-color:rgba(37,37,37,0.8);height:100%; transition:all 0.3s; margin-top: -113px;}
.team .box {position:absolute; left:6%; bottom:auto; width:88%; overflow:hidden;}
.team h3 {margin-top:11px; font-size:28px;line-height:1.607em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;}
.team .profile {font-size:17px;line-height:1.65em;height:3.3em;overflow:hidden;color:#999;}
.team .intro {font-size:17px;color:#ccc;line-height:1.88em;height:5.64em;margin-top:7.29%; overflow:hidden;}
.team .tag {font-size:17px;line-height:1.88em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ccc;margin:13.305% 0 4.15%;}
.team .hide {display:none;}
.team li a {display:block;overflow:hidden;position:relative;color:#fff;}
.team li a:hover .info {top:0; margin-top:0;}
.team li a:hover .box {bottom:0;}
/*person*/
.person {background-color:#242424;width:1042px;position:fixed;top:-100%;left:50%;margin-left:-521px;height:80%; opacity: 0; transition:all .3s;}
.person.show {top:10%; opacity: 1;}
.person .close {right:18px;top:18px;}
.person .wrap {margin:6.526% 0 5.662%; overflow:hidden;}
.person .cont {height:0; padding:0 5.85%; overflow:hidden; -webkit-overflow-scrolling:touch;}
.person .photo {float:right;width:39.67%;}
.person .photo img {display:block;width:100%;height:auto;}
.person .info,.person .text,.person .intro {float:left;width:51.8%;padding-left:15px;}
.person h2 {font-size:50px;letter-spacing:1px;color:#fff;line-height:1.125em;font-weight:normal;}
.person .job {font-size:17px;line-height:2.2em;color:#B2B2B2;margin-bottom:20px;}
.person .intro {font-size:24px;line-height:1.75em;color:#ccc;position:relative;}
.person .intro:before, .person .intro:after {font-size:2.5em; color:#898989; font-family:'NotoSansSC'; opacity:.3; height:0; width:0;}
.person .intro:before {content:'“';display:block;position:absolute;left:-0.55em;top:0.15em;z-index:-1;}
.person .intro:after {content:'”';display:inline-block;vertical-align:middle;margin:0 0 -0.25em -0.4em;}
.person .text {font-size:14px;line-height:2.285em;color:#ccc;padding-top:19px;}
/*grayBg*/
.grayBg {background-color:#E2E2E2;}

/*insightTop*/
.insightTop {overflow:hidden;padding:5.725% 0 4.028%;}
.insightTop .load {display:none;}
.insightTop #insightTop {width:105%;overflow:hidden;}
.insightTop .item {float:left;width:29%;padding-right:4%;padding-bottom:2%;overflow:hidden;}
.insightTop .tag {font-size:14px;color:#898989;letter-spacing:1px;line-height:28px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.insightTop h2 {font-size:28px;color:#1A1A1A;line-height:1.428em;font-weight:normal;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.insightTop .intro {font-size:16px;color:#898989;line-height:1.75em;margin-bottom:11.191%;height:3.5em;overflow:hidden;}
.insightTop .pic {overflow:hidden;width:116.968%;}
.insightTop .pic i {display:block;overflow:hidden;padding-bottom:68.519%;background:no-repeat center center;background-size:cover;}
.insightTop a {display:block;margin-right:21px;background-color:#fff;padding:8% 7.385% 6.462% 7.385%;}
/*separator*/
.separator {height:1px;background-color:rgba(0,0,0,0.1);margin-bottom:3.772%;}
/*catTab*/
.catTab {overflow:hidden;margin-bottom:4.035%;}
.catTab span {display:block;float:left;font-size:20px;line-height:64px;padding-right:6.842%;}
.catTab a {display:block;color:#2B2B2B;}
.catTab .cur a {position:relative;}
.catTab .cur a:after {width:100%;height:3px;background-color:#1A1A1A;content:'';display:block;position:absolute;left:0;bottom:9px;}
/*insightItem*/
.insightItem {margin-bottom:6.141%;padding-bottom:6.141%;border-bottom:1px solid rgba(0,0,0,0.1);}
.insightItem .pic {float:left;width:270px; background-color: transparent; transition:background 1s;}
.insightItem .pic i {display:block;overflow:hidden;padding-bottom:124.445%;background:no-repeat center center;background-size:cover; transition:transform .3s;}
.insightItem .i {overflow: hidden; transition:transform .3s;}
.insightItem .info {margin-left:270px;overflow:hidden;padding-left:4.386%;padding-top:20px;}
.news .insightItem .info{padding-top: 30px;}
.insightItem .tag {font-size:22px;line-height:1.636em;color:#898989;letter-spacing:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:14px;}
.insightItem h2 {font-size:36px;line-height:1.778em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1A1A1A;letter-spacing:2px;margin-bottom:10px;font-weight:normal;font-family:'NotoSansSCMedium';}
.insightItem .intro {letter-spacing:1px;font-size:18px;line-height:1.778em;height:7.112em;overflow:hidden;color:#1A1A1A;margin-bottom:25px;}
.insightItem .arrow {float:left;padding:9px 0;}
.insightItem .arrow:after {width:32px;height:18px;}
.insightItem .date {margin-left:64px;overflow:hidden;text-align:right;font-size:18px;line-height:36px;color:#898989;}
.insightItem a {display:block;}
.insightItem a:hover .arrow:after {width:64px;}
.insightItem a:hover .pic {background-color: #fff;}
.insightItem a:hover .pic i {transform:scale(1.2);}
.insightItem a:hover .i {transform:translate3d(20px,-20px,0);}
/*loadMore*/
.loadMore {margin-bottom:9.912%;}
/*readMore*/
.readMore {text-align:center;}
.readMore a {display:inline-block;font-size:28px;line-height:1.714em;color:#1A1A1A;}
.readMore a:after {width:32px;height:18px;margin-left:18px;}
.readMore a:hover:after {width:62px;}
/*loadEnd*/
.loadEnd {text-align:center;font-size:19px;color:#373737;line-height:1.474em;margin-top:2.193%;margin-bottom:-4.649%;}
/*backtop*/
.backtop {width:56px;height:56px;background:url(../images/icon_04.jpg) no-repeat center 0;background-size:100% auto;position:fixed;right:4.236%;bottom:18%;z-index:5;cursor:pointer; display: none;}
.backtop.color {background-position: center 0;}
/*contactInfo*/
.contactInfo {overflow:hidden;padding:4.237% 0 5.278%;}
.contactInfo .box {overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom: 1.76%;}
.contactInfo .item {float:left;width:49%;padding-bottom:5%;}
.contactInfo .right {float:right;}
.contactInfo h2 {font:normal 26px/1.615em 'Helvetica';margin-bottom:4px;}
.contactInfo .info {font:23px/1.478em 'Gotham-Book','Gotham';color:#ccc;}
.contactInfo .views {font-size:18px;line-height:1.889em;margin-top:3.588%;color:#898989;}
.contactInfo .views a {color:#898989;}
/*message*/
.message {overflow:hidden;padding:4.237% 0;}
.message .box {padding-right:15.7%;}
.message h2 {font-size:34px;font-weight:normal;line-height:1.618em;text-decoration:underline;margin-bottom:4.123%;}
.message .item {padding-bottom:43px;}
.message label {font-size:21px;line-height:1.5238em;display:block;margin-bottom:22px;}
.message .input {border:1px solid #252525;overflow:hidden;}
.message .error .input {border-color:#DE4959;}
.message .error label {color:#DE4959;}
.message .text {background-color:#252525;box-shadow:none;display:block;width:100%;height:36px;line-height:36px;padding:17px 0;font-size:19px;color:#fff;font-family:'Helvetica';text-indent:20px;}
.message textarea.text {height:206px;}
.message .two {width:107.6%;overflow:hidden;}
.message .two .item {width:42.9%;padding-right:7.1%;float:left;}
.message .arrow {font-size:0;line-height:normal;}
.message .arrow:after {margin-left:12px;}
.message .submit {font-size:24px;color:#ddd;line-height:1.125em;cursor:pointer;display:inline-block;vertical-align:middle;}
.message .tips {font-size:19px;line-height:1.737em;color:#DE4959;margin-top:-26px;margin-bottom:43px;}
.message .success {display: block; opacity: 0; transition:opacity .7s;}
.message .success.show {opacity: 1;}
/*cityTab*/
.cityTab {overflow:hidden;margin-bottom:2.018%;}
.cityTab span {display:block;float:left;font-size:20px;line-height:1.1em;padding-right:6.491%;padding-bottom:2.018%;font-family:'NotoSansSCMedium';}
.cityTab a {display:block;position:relative;padding-bottom:14px;color:#fff;}
.cityTab .cur a:after {width:100%;height:4px;background-color:#fff;content:'';display:block;position:absolute;left:0;bottom:0;}
/*cityBox*/
.cityBox {margin-bottom:7.983%;overflow:hidden;}
/*cityInfo*/
.cityInfo {overflow:hidden;display:none;}
.cityInfo .pic {background:no-repeat center center;background-size:cover;padding-bottom:53.825%;margin-bottom:20px;}
.cityInfo .addr {float:left;width:61.93%;}
.cityInfo .tel {width:36.229%;float:right;}
.cityInfo .tel .pic {padding-bottom:92.01%;}
.cityInfo .tel .info {padding-left:12px;}
.cityInfo h3 {font-size:21px;line-height:1.619em;font-weight:normal;margin-bottom:3px;}
.cityInfo p {font-size:18px;line-height:1.889em;}
/*thanks*/
.thanks {background-color:#242424;margin-bottom:8.056%;padding:10.972% 0;}
/*return*/
.return {padding:10.865% 6.539%;}
.return h3 {font-size:46px;line-height:1.478em;color:#fff;margin-bottom:12px;font-family:'NotoSansSCMedium';font-weight:normal;}
.return p {font-size:26px;color:#898989;line-height:1.731em;}
.return.center {text-align:center;}
.return.center p {color:#fff;}
.return a {display: inline-block; color:#fff; font-size:26px; line-height: 1.731em; text-decoration:underline;}
.return .icon {width:58px; margin:0 auto 21px;}
.return .icon i {display: block; padding-bottom: 100%; background:url(../images/icon_down.png) no-repeat center center; background-size:contain;}
/*warning*/
.warning .text {background-color:#242424;color:#fff;position:fixed;left:50%;top:50%;transform:translateY(-50%);width:994px;margin-left:-497px;}
.warning .close {top:29px;right:29px;}
/*getIntro*/
.getIntro {border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:14.298%;}
.getIntro h4 {font-size:34px;font-weight:normal;line-height:1.618em;font-family:'NotoSansSCMedium';margin-bottom:1.755%;color:#fff;}
.getIntro .arrow {font-size:24px;line-height:1.5em;letter-spacing:1px;}
.getIntro .arrow a {color:#676767;}

/*different*/
.different {margin-bottom:4.167%;}
/*diffTop*/
.diffTop {color:#303133;margin-bottom:7.807%;}
.diffTop h2 {margin-bottom:1.492%;font-weight:normal;font:normal 40px/1.475em 'NotoSansSCMedium';}
.diffTop sup {font-size:25px;}
.diffTop .intro {color:#1A1A1A;font-size:18px;line-height:1.778em;}
.diffBtm .item {padding:6.667% 0;display:table;table-layout:fixed;width:100%;}
.diffBtm .pic {display:table-cell;vertical-align:middle;width:38.684%; overflow:hidden; position:relative;}
.diffBtm .pic img {display:block;width:100%;height:auto;}
.diffBtm .text {display:table-cell;vertical-align:middle;color:#1A1A1A;padding-left:4.298%;font-size:18px;line-height:1.778em;}
.diffBtm h3 {font-size:32px;line-height:1.40625em;font-weight:normal;margin-bottom:14px;font-family:'NotoSansSCMedium';color:#303133;}
.diffBtm p {letter-spacing:1px;}
.diffBtm .item:nth-child(2n) .text {padding-left:0;padding-right:4.298%;}
/*quote*/
.quote {position:relative;letter-spacing:2px;font-weight:normal;font-family:'NotoSansSCMedium';}
.quote:before,.quote:after {font-size:2.5em;font-family:'NotoSansSC';height:0;color:#F2F2F2;z-index:-1;}
.quote:before {content:'“';display:block;position:absolute;left:-0.8em;top:0.08em;}
.quote:after {content:'”';display:inline-block;vertical-align:middle;position:relative;width:0;margin:0 0 -0.3em -0.17em;}
/*expIntro*/
.expIntro {color:#1A1A1A;padding:11.945% 10.7% 0;margin-bottom:5.263%;}
.expIntro h2 {font-size:32px;line-height:1.75em;margin-bottom:9.06%; opacity: 0;}
.expIntro h2 i {margin-left:-0.55em;}
.expIntro .text {font-size:22px;line-height:1.818em;letter-spacing:2px;overflow:hidden;}
.expIntro .text p {margin-bottom:6.3%; opacity: 0;}
.expIntro .small {font-size:18px;}
/*expQuote*/
.expQuote {margin-left:10.5%;margin-bottom:8.334%;background-color:#fff;overflow:hidden;}
.expQuote.pl {padding-right:10.5%;}
.expQuote.pl .text {width:auto;}
.expQuote .text {width:820px;margin:8.929% 0 7.065% 11.724%;}
.expQuote .quote {color:#1A1A1A;font:28px/1.714em 'NotoSansSCMedium';margin-bottom:20px;}
.expQuote .quote:before,.expQuote .quote:after {color:#898989;z-index:0;opacity:.3;}
.expQuote .quote:before {top:0.15em;left:-0.85em;}
.expQuote .quote:after {margin:0 0 -0.40em -0.55em;}
.expQuote .name {text-align:right;letter-spacing:1px;font-size:18px;line-height:2.667em;color:#1A1A1A;opacity:.5;}
/*expValue*/
.expValue {margin-bottom:8.264%;}
.expValue .inner {padding-right:0;}
.expValue .intro {padding:0 10.7%;color:#1A1A1A;font-size:18px;line-height:1.778em;text-align:justify;}
.expValue h2 {font:normal 32px/1.40625em 'NotoSansSCMedium';margin-bottom:14px;color:#303133;}
.expValue sup {font-size:12px; display: inline-block; vertical-align: top; margin-top:-0.7em;}
/*expList*/
.expList {background-color:#fff;padding:14.028% 0 12.5%;margin-bottom:8.264%;}
.expList .expwrap {margin-right:230px;margin-left:10.7%;overflow:hidden;}
.expList .expScroll {transition:transform .5s;transform:translateY(0);}
.expList .inner {padding-right:0;position:relative;}
.expList .item {overflow:hidden;}
.expList .pic {float:right;width:52.123%;border:1px dashed #6F6F6F;margin:5px 0;}
.expList .pic i {display:block;overflow:hidden;padding-bottom:62.917%;background:no-repeat center center;background-size:contain;}
.expList .text {float:left;width:39.961%;padding:8px 0;}
.expList h2 {font:normal 25px/1.8em 'NotoSansSCMedium';color:#1A1A1A;margin-bottom:20.75px;}
.expList .intro {font-size:17px;line-height:36px;color:#1A1A1A;text-align:justify;}
/*expdot*/
.expdot {padding:0 70px 0 50px;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.expdot li {margin-bottom:38px;position:relative;}
.expdot li:before {width:0;height:52px;border-left:2px dashed #AFAFAF;content:'';display:block;position:absolute;left:6.5px;top:24px;}
.expdot li:last-child {margin-bottom:0;}
.expdot li:last-child:before {display:none;}
.expdot a {color:#AFAFAF;display:block;padding-left:22px;position:relative;transition:all .3s;font-size:17px;line-height:32px;width:4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.expdot a:before {width:15px;height:15px;background:rgba(153,153,153,0.19) url(../images/icon_05.png) center center;background-size:contain;border-radius:50%;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);transition:all .5s;}
.expdot .cur a {color:#1A1A1A;text-decoration:underline;}
.expdot .cur a:before {background-color:rgba(153,153,153,0.5);}
/*wrapper*/
.wrapper {background-color:#E2E2E2; overflow:hidden; position:relative; z-index: 3; opacity: 0; margin-top:0; transition:all 1s;}
.wrapper.black {background-color: #1A1A1A;}
.wrapper.up {opacity: 1; margin-top:-5.73%; }
.wrapper.mt {opacity: 1; margin-top: 72px;}
/*page*/

.page:after {background-color:#353535;left:0;top:0;width:100%;height:100%;content:'';display:block;position:fixed; z-index:5; transition:left 1s linear;}
.page.load:after {left:100%;}
/*slogan*/
.slogan {background:no-repeat center bottom; background-attachment:fixed; background-size:cover; position:relative;}
.slogan .mouse { left:50%; bottom:0; margin-bottom:8.4%; display:block;margin-left:-14px; cursor: default;}
.slogan .left {margin-bottom:12%; left:4.445%; margin-left:0;}

.sloganText {position:fixed; left:0; top:0; height:100%; width:100%;  font-size:56px; line-height:1.5em;letter-spacing:2px;color:#E2E2E2;font-family:'NotoSansSCMedium';overflow:hidden;z-index:1;}
.sloganText:before, .sloganText:after {top:0;width:100%;height:100%;content:'';display:block;position:fixed; z-index:0; transition:left 1s linear;}
.sloganText:before {background-color:#000;left:-100%;}
.sloganText:after {background-color:#353535;left:0;}
.sloganText.first:before {left:0; transition:opacity 1s linear;}
.sloganText.first:after {left:100%;}
.sloganText.complete:before {opacity:0;}
.sloganText .inner {position:relative; z-index: 1; margin-top:22.986%;}
.sloganText h2 {font:500 32px/1.5em 'NotoSansSCMedium';margin-bottom:2.281%;letter-spacing:2px;}
.sloganText p {position:relative;}
.sloganText p:first-child:before, .sloganText p:last-child:after {font-size:1.715em;color:#898989;opacity:.3;font-family:'NotoSansSC';height:0;} 
.sloganText p:first-child:before {content:'“';display:block;position:absolute;left:-0.8em;top:0.08em;z-index:-1;}
.sloganText p:last-child:after {content:'”';display:inline-block;vertical-align:middle;width:0;margin:0 0 -0.3em -0.17em;}
.sloganText .b:last-child:after {margin-left:-0.75em;}
.sloganText em {font-style:normal; position:relative;z-index: 1;}
/*innerBan*/
.innerBan .inner {margin-top:12.014%;}
/*apply*/
.apply .close {right:18px;top:18px;}
.apply .wrap {width:79%;position:fixed;top:5%;left:10.5%;background-color:#242424;overflow:hidden;height:90%;}
.apply .form {margin:4.044% 0;padding:0 6.417%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.apply .top {margin-bottom:3%;overflow:hidden;}
.apply .top h2 {font:500 34px/1.5em 'NotoSansSCMedium';}
.apply .top p {font-size:18px;line-height:1.889em;color:#898989;}
.apply .item {padding-bottom:26px;}
.apply label {font-size:21px;line-height:1.5em;display:block;margin-bottom:15px;}
.apply .input {border:1px solid #2C2D2D;overflow:hidden;background-color:#2C2D2D;}
.apply .error .input, .apply .error .select {border-color:#DE4959;}
.apply .error label {color:#DE4959;}
.apply .text {box-shadow:none;display:block;width:100%;height:36px;line-height:36px;padding:11px 0;font-size:19px;color:#fff;font-family:'Helvetica';text-indent:20px;}
.apply textarea.text {height:178px;}
.apply .two {width:107.6%;}
.apply .two .item {width:42.9%;padding-right:7.1%;float:left;}
.apply .arrow:after {margin-left:12px;}
.apply .error .arrow {color:#DE4959;}
.apply .button {float:right;} 
.apply .submit {font-size:24px;color:#ddd;opacity:.59;line-height:1.125em;cursor:pointer;}

.apply .fix {font-size:19px;line-height:1.737em;color:#DE4959;margin-top:-26px;margin-bottom:22px; text-align:left;}
.apply .resume {float:left;}
.apply .resume .arrow {float:left;display:block;font:500 24px/1.5em 'NotoSansSCMedium';}
.apply .select {background-color:#2C2D2D; border:1px solid #2C2D2D; height:30px;line-height:30px;padding:13px 19px;font-size:19px;color:#fff;font-family:'Helvetica';position:relative;}
.apply .select span {display:block;color:rgba(255,255,255,0.3);background:url(../images/icon_07.png) no-repeat right center;background-size:23px auto;padding-right:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.apply .select ul {position:absolute;left:0;top:100%;width:100%;background-color:#363636;color:#999;font-size:19px;line-height:2.895em;max-height:11.58em;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;}
.apply .select li {padding:0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.apply .select li:hover {background-color:#303030;color:#fff;}
.apply .select select {display:none;}
.apply .select input {display: none;}
.apply .size {font-size:18px;line-height:1.834em; text-align:left; color:#898989; margin-top:8px;}
.apply .placeholder, .apply .webuploader-container, .apply .statusBar .info, .apply .imgWrap, .apply .file-panel, .apply .filelist li .success, .apply .filelist li p.progress, .apply .statusBar .btns .uploadBtn.state-pedding, .apply .statusBar .btns .uploadBtn.state-finish  {display: none;}
.apply .queueList {border:none; margin:0;}
.apply .queueList.filled {padding:0; margin:0 0 0 165px; border:none;}
.apply .filelist li {float:none; display: block; width:auto; height:auto; background:none; margin: 0; position: static;}
.apply .filelist li p.title {position:static;background:url(../images/icon_06.png) no-repeat left center;background-size:auto 22px;padding-left:25px;color:#fff;opacity:.39;font-size:18px;line-height:2em; width:auto;}
.apply .filelist li p.progress {position:static; width:auto; height:auto;}
.apply .wu-example {position:relative;}
.apply .statusBar {border-top:none; height:auto; padding:0; line-height: normal; margin-top:8px; position:static;}
.apply .statusBar .progress {display: block!important; border:none; width: auto; background:none; height:auto; line-height: normal; color:#fff; margin:0;font-size:18px;line-height:1.834em; text-align:left;}
.apply .statusBar .text {display: inline; padding:0; line-height: normal;}
.apply .statusBar .progress span.percentage {position:static; background:none;}
.apply .statusBar .btns {position:absolute; right:auto; top:1.5px; left:110%; white-space: nowrap;  line-height: normal;}
.apply .statusBar .btns .uploadBtn {background:none; padding:0; margin:0; display: block; border-radius: 0; border:none; color:#898989;font-size:18px;line-height:1.834em; float:none;}
.apply .statusBar .btns .uploadBtn:hover, .apply .statusBar .btns .uploadBtn.state-paused:hover {background:none;}
.apply .statusBar .btns .uploadBtn.state-paused, .apply .statusBar .btns .uploadBtn.state-uploading, .apply .statusBar .btns .webuploader-pick {background:none; border:none; color:#898989; float:none; font-size:18px;line-height:1.834em; text-align:left; display: block; margin-left:0; }
.apply .state-ready {display: block;}
/*jobList*/
.jobList {color:#1A1A1A;margin-bottom:8.334%;overflow:hidden;}
.jobList .title {margin-bottom:7.544%;overflow:hidden;}
.jobList .title h2 {font:500 40px/1.475em 'NotoSansSCMedium';margin-bottom:1.492%;color:#303133;}
.jobList .title h2 i {font-style:normal;border-bottom:1px solid #303133;}
.jobList .title p {font-size:18px;line-height:1.778em;letter-spacing:1px;color:#898989;margin-bottom:0;}
.jobList .item {border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:2.632%;margin-bottom:3.158%;}
.jobList .top {cursor:pointer;position:relative;padding-bottom:3px;border-bottom:1px solid transparent;transition:all .3s;}
.jobList .top:after {width:18px;height:10px;background:url(../images/icon_08.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:12px;top:50%;margin-top:-5px;}
.jobList .top h3 {color:#898989;font:500 22px/1.455em 'NotoSansSCMedium';margin-right:35px;transition:all .3s;}
.jobList .btm {padding:3.86% 21.053% 2.018% 0;display:none;}
.jobList .box {margin-bottom:3.685%;overflow:hidden;letter-spacing:1px;}
.jobList h4 {font:500 18px/1.778em 'NotoSansSCMedium';margin-bottom:10px;}
.jobList .area {font-size:24px;line-height:1.5em;letter-spacing:1px;color:#333;margin-bottom:3.071%;}
.jobList .text {font-size:18px;line-height:1.778em;text-align:justify;}
.jobList p {margin-bottom:3.071%;}
.jobList li {margin-bottom:3.071%;}
.jobList li p {margin-bottom:0;}
.jobList ol {margin-left:1em;}
.jobList ol li {list-style:outside decimal none;}
.jobList .show .top {border-color:rgba(0,0,0,0.1);}
.jobList .show .top:after {transform:rotate(180deg);}
.jobList .show .top h3 {font-size:28px;line-height:1.715em;color:#1A1A1A;}
.applyBtn a {font-size:24px;line-height:1.5em;color:#303133;letter-spacing:1px;display:inline-block;vertical-align:middle;}
.popupBtn {margin-top:2.983%;}
/*service*/
.service {margin-bottom: 7.708%;}
.service .inner {overflow: hidden;}
.service ul {overflow: hidden; width:102%; display: table; table-layout: fixed;}
.service li {display: table-cell; color:#fff; padding-right:2%; position:relative; text-align:center;}
.service li .box {position:relative;}
.service li .pic {padding-bottom: 166.667%; background:no-repeat center center; background-size:cover;}
.service li .info {position:absolute; top:50%; transform:translateY(-50%); left:5%; width:90%;}
.service li .icon {width:30.722%; margin:0 auto 7.681%;}
.service li i {padding-bottom: 75%; background:no-repeat center center; background-size:contain; display: block;}
.service li h3 {font:500 26px/1.846em 'NotoSansSCMedium';}

/*opinion*/
.opinion {margin-bottom: 9.375%;}
.opinion .inner {overflow: hidden;}
.opinion ul {overflow: hidden; width:103.605%;}
.opinion li {float:left; width:46.52%; padding-right:3.48%; }
.opinion .quote:before, .opinion .quote:after {color:#898989; z-index: 0; opacity: .3;}
.opinion .quote:before {top:0.2em; left:-0.3em;}
.opinion .quote:after {margin-left:-0.55em;}
.opinion .box {background-color: #fff; padding:9.306% 5.84% 18px;}
.opinion .text {font:20px/2em 'NotoSansSCMedium'; color:#1A1A1A; padding:0 24px; margin-bottom: 5%; height: 6em; overflow:hidden; letter-spacing: 0;}
.opinion .text em {font-style:normal; z-index: 1; position:relative; max-height:6em; overflow:hidden;}
.opinion .views {margin-bottom: 5%; height:22px; line-height:22px; padding:0 24px;}
.opinion .views a {font-size:14px; color:#333; display: inline-block; padding-right:5px; overflow:hidden; line-height: 22px;}
.opinion .views a:before {content:''; display: block; background-color: #F2F2F2; position:absolute; left:1em; top:0; height: 100%; width:100%;}
.opinion .views a:after {margin-left:10px; position: relative;}
.opinion .views i {display: inline-block; font-style: normal; position: relative; z-index: 1;}
.opinion .by { border-top:1px solid rgba(0,0,0,.03); padding-top: 23px;display: table; width:100%; table-layout: fixed;}
.opinion .avatar {display: table-cell; vertical-align: top; padding:0 13px; width:47px;}
.opinion .avatar i {display: block; padding-bottom: 100%; border-radius:50%; background:no-repeat center center; background-size:cover;}
.opinion .info {display: table-cell; vertical-align: middle;}
.opinion .info p {font:14px/1.75em 'Helvetica'; color:#898989;}
.opinion h3 {font:18px/1.125em 'NotoSansSCMedium'; color:#1A1A1A;}

.opinion .boxInfo {background-color: #fff;  padding:9.321% 6.446% 6.098% 3.92%;}
.opinion .boxInfo .quote {margin-bottom: 2.648%; text-align:justify; font:24px/1.667em 'NotoSansSCMedium'; color:#1A1A1A;}
.opinion .boxInfo .quote:before {left:-0.8em;}
.opinion .boxInfo .name {color:#898989; font:16px/2.9375em 'NotoSansSCMedium'; text-align:right; padding-right:3px;}
.opinion .boxInfo .by {display: none;}
/*fieldCase*/
.fieldCase {margin-bottom: 4.514%;}
.fieldCase .wrap {width:107.828%;}
.fieldCase .wrap:after {clear:both;content:'';display:block;height:0;line-height:normal;font-size:0;}
.fieldCase .item {width:42.741%;float:left;padding-right:7.259%; padding-bottom:3.5%;}
.fieldCase .top {background-color:transparent;margin-bottom:20px;transition:all 1s;}
.fieldCase .pic {transition:all .3s;overflow:hidden;position:relative;top:0;right:0;}
.fieldCase .pic i {display:block;padding-bottom:68.703%;background:no-repeat center center;background-size:cover;transition:all .3s;}
.fieldCase .btm {height:181px;overflow:hidden;}
.fieldCase .tag {font-size:18px;line-height:1.777em;color:#898989;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:1px;margin-bottom:8px;}
.fieldCase h3 {font-size:32px;letter-spacing:2px;line-height:1.5em;max-height:3em;overflow:hidden;margin-bottom:31px;color:#1A1A1A;font-weight:normal;}
.fieldCase .arrow:after {display:block;width:23px;height:14px;}
.fieldCase a {display:block;position:relative;}
.fieldCase a:hover .top {background-color:#fff;}
.fieldCase a:hover .pic {transform:translate3d(5.344%,-7.778%,0);}
.fieldCase a:hover .arrow:after {width:62px;}
.fieldCase a:hover i {transform:scale(1.2);}
/*ourService*/
.ourService{ position: relative; padding:100px 0 80px; padding-left:10.5%; z-index:1; margin-bottom: 11.181%; overflow:hidden;}
.ourService .hmTitle {margin-bottom: 0; font-size:32px;}
.ourService .back-f{ position:absolute; top:0; left:0; width:81%; height:100%; z-index:-1; }

.serviceList { position: relative; z-index:2; padding-left:6%; overflow: hidden;}
.serviceList .slide .table{ font-size:0; }
.serviceList .text-box,
.serviceList .pic-box{ display:inline-block; vertical-align:middle; }
.serviceList .text-box{ position: relative; width:59%; padding-right:17.5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  -o-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box; }

.serviceList .pic-box{ width:41%; }
.serviceList .slide .web-pic{ display:none; }
.serviceList .slide{ float:left; width: 100%; }
.serviceList .slide img{ max-width:100%; vertical-align: middle;}
.serviceList .slide .imageMask{ background-color:#fff; z-index:2;}
.serviceList .slick-dots{ position: absolute; left:0; bottom:-29.5%; height:100%; }
.serviceList .slick-dots:after{ content:''; display:block; width:1px; height:100%; position:absolute; top:0; left:50%; background-color:rgba(26, 26, 26, 0.2); z-index:1;}
.serviceList .slick-dots li{ height:33%; position: relative; z-index:2; }
.serviceList .slick-dots button{ cursor: pointer; background-color:#fff; border:none; font-size:16px; color:rgba(26, 26, 26, 0.2); line-height:28px; letter-spacing:2px; }
.serviceList .slick-dots li.slick-active button{ color: #1A1A1A; }

.serviceList .case {margin-top:13.575%;}
.serviceList .case h4 {font-size:22px; line-height: 1.637em; color:#898989; margin-bottom: 2px; font-weight: normal;}
.serviceList .case ul {overflow: hidden;}
.serviceList .case li {margin-top:5.732%; padding-left:12px;}
.serviceList .case a {background-color:#F2F2F2; color: #1A1A1A; display:inline-block; line-height:40px;text-indent:-12px; padding-right:12px; font-size:22px;}
.serviceList .case .cursor {cursor: default;}
.serviceList .case .arrow:after {margin-left:12px;}

.serviceList .info h3 {font:500 56px/1.5em 'NotoSansSCMedium'; color:#1A1A1A; margin-bottom: 9.049%; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:4px;}
.serviceList .intro { font-size:22px; line-height:1.818em; letter-spacing:2px; color: #1A1A1A; max-height:12.726em; overflow:hidden;}
/*character*/
.character{ position: relative; margin-bottom: 9.167%;}
.character .padd{ padding:6.25% 10.5%; }
.character .back-f{ position:absolute; top:0; right:0; width:79%; height:100%; z-index:1; }
.character .table{width:100%; display:table; table-layout:fixed; position: relative; z-index:1; }
.character .pic{display: table-cell; position:relative; width:40.721%;}
.character .pic img {display: block; width:100%; height: auto;}
.character .pic .mask {background-color:#fff;}

.character .info{ display:table-cell; vertical-align: middle; padding-left:8.531%; padding-right:5.277%; color:#1A1A1A;}
.character .profile {margin-bottom: 7.398%; overflow: hidden;}
.character .profile h2 {font:500 56px/1.5em 'NotoSansSCMedium'; letter-spacing:4px; margin-bottom: 3.061%;}
.character .profile p {font-size:22px; letter-spacing:2px; line-height: 1.818em;}
.character .quote {font:32px/1.75em 'NotoSansSCMedium'; margin-bottom: 6.633%;}
.character .quote:after {margin-left:-0.55em;}
.character .intro {letter-spacing:2px; font-size:22px; line-height:1.818em; }
.character .photo{ display:none; }

/*imageLink*/
.imageLink {margin-bottom: 8.125%; margin-left:10.5%; margin:3.681% 0 8.125% 10.5%;}
.imageLink.nml {margin-left:0;}
.imageLink.nmb {margin-bottom: 0;}
.imageLink a {display: block; padding-bottom: 32.609%; background:no-repeat center center; background-size:cover;}
.imageLink.btm a {padding-bottom: 29.167%;}
/*logoWall*/
.logoWall {margin-bottom: 6.667%;}
.logoWall a {display: block; padding-bottom: 29.024%; background:no-repeat center center; background-size:cover;}
.logoWall .disable {cursor:default;}
/*contactbox*/
.contactbox {position:fixed; width:68px; right:32px; bottom:34px; z-index: 3;}
.contactbox .circle {padding-bottom:100%; position:relative; background-color: #3E3E3E; border-radius:50%; overflow:hidden; cursor: pointer;}
.contactbox .circle i {position:absolute; left:0; top:0; width:100%; height:100%; display: block; background: no-repeat 0 0; background-size:contain;}
.contactbox .circle .c {background-image: url(../images/icon_fixed_01.png); opacity: 0; transform:scale(0;);}
.contactbox .circle .cs {opacity: 1; transform:scale(1); transition:all .5s; z-index: 2;}
.contactbox .circle .a {background-image: url(../images/icon_fixed_02.png); opacity: 0; transform: rotate(-45deg);}
.contactbox .circle .as {opacity: 1; transform:rotate(0deg); transition:all .5s;z-index: 2;}
.contactbox .box {position:absolute; right:0; bottom:100%; margin-bottom: 0; border-radius:8px; width:329px; box-shadow:0px 0px 11px 0px rgba(39,55,66,0.66); overflow:hidden; opacity: 0; height:0; transition:all .5s;}
.contactbox .box.show { opacity: 1; margin-bottom: 23px; height:auto;}
.contactbox .follow {font-size: 15px; text-align:center; color:#fff; line-height: 22px; background-color: #101010; padding:45px 10px 32px; position:relative; margin-bottom: -10px;}
.contactbox .follow:after {content:''; display: block; position:absolute; top:100%; left:50%; border-top:10px solid #101010; border-left:15px solid transparent; border-right:15px solid transparent; margin-left:-15px;}
.contactbox .follow img {display: block; width:124px; height: 124px; margin:0 auto;}
.contactbox .follow p {padding:8px;}
.contactbox .qr {opacity: 0; transform:translateY(15px); transition:all 1s;}
.contactbox .qr.show {opacity: 1; transform:translateY(0px);}
.contactbox .btm {background-color:#EEF0F1; padding-top: 20px;}
.contactbox .info {position: relative; padding:15px 5px 20px;}
.contactbox .info ul {display: inline-block; position: relative; left:50%; transform:translateX(-50%);}
.contactbox .info .ul { opacity: 0; transform: translateY(15px); transition:all 1s;}
.contactbox .info .ul.show {opacity: 1; transform: translateY(0);}
.contactbox .info li {font-size:16px; line-height: 20px; padding:8px 0;}
.contactbox .info a {color:#2B2B2B; padding-left:38px; background:no-repeat left 1px; background-size:auto 18px; display: block;}
.contactbox .info .tel {background-image: url(../images/icon_09.png);}
.contactbox .info .mail {background-image: url(../images/icon_10.png);}
.contactbox .btn {margin:0 39px; border-top:2px solid #D6D6D6; text-align:center; letter-spacing:1px; font-size:18px; line-height: 20px; padding:33px 0 40px;}
.contactbox .btn a {color:#5A5A5A;}
.contactbox .btn a:after {margin-left:7px;}
.contactbox .cu {opacity: 0; transform: translateY(15px); transition:all 1s;}
.contactbox .cu.show {opacity: 1; transform: translateY(0);}
@media only screen and (max-height:600px){
	.popup .box {padding:50px 0;}
}
@media screen and (max-width:1440px) {
	/*1440px guideText*/  
	.guideText .title {font-size: 56px;}
	.guideText .title a:after {height: 4px;}
	/*1440px aboutBox*/  
  	.post,.post .fixed .box {width:840px;}
  	/*1440px ourService*/  
  	.ourService .hmTitle {font-size:28px;}
  	.serviceList .text-box{ padding-right:13%; }
  	.serviceList .info h3 {font-size:48px; line-height: 1.5em; margin-bottom: 6.873%;}
  	.serviceList .intro {font-size:18px; line-height: 32px; max-height:192px;}
  	.serviceList .case h4 {font-size:18px; line-height: 1.778em; margin-bottom: 0;}
  	.serviceList .case li {margin-top:5.036%;}
  	.serviceList .case a {font-size:18px; line-height: 1.778em;}
  	/*1440px character*/  
  	.character .info {padding-right:0; padding-left:8%;}
  	.character .profile h2 {font-size:48px; margin-bottom: 8px;}
  	.character .profile p {font-size:18px;}
  	.character .quote {font-size:28px; line-height: 1.714em;}
  	.character .intro {font-size:18px; line-height: 1.778em;}
}
@media only screen and (max-width:1280px){
	/*1280 nav*/
	.nav li ul {padding:34px 0;}
	.navbg.open {padding:106px 0 34px;}
	/*1280 footer*/
	.footer h2 {font-size:42px;}
	/*1280 btmInfo*/
	.btmInfo h3 {font-size:20px;}
	.btmInfo h3 a:after {margin-left: 7px;}
	.btmInfo h4 {font-size: 16px;}
	.btmInfo .left p {font-size:24px;}
	/*1280 copyright*/
	.copyright {font-size:14px;}
	/*1280 hmTitle*/
	.hmTitle {font-size:24px;}
	/*1280 hmIntro*/
	.hmIntro {padding-left:65px; font-size:24px;}
	.hmIntro p:first-child:before {left:0.07em;}
	/*1280 hmIns*/
	.hmIns .tag {font-size:16px;}
	.hmIns h3 {font-size:22px;}
	/*1280 hmThi*/
	.hmThi .intro {font-size:40px;}
	.hmThi .more a {font-size:20px;}
	/*1280 hmCase*/
	.hmCase .btm {height: 169px;}
	.hmCase h3 {font-size:28px;}
	/*1280 hmSec*/
	.hmSec li {font-size:24px;}
	/*1280 sloganText*/
	.sloganText h2 {font-size:26px;}
	.sloganText {font-size:48px;}	
	/*1280 solTab*/
	.solTab .owl-btn .next {margin-left:40px;}
	.solTab .owl-carousel {width:75%; padding-right:4%;}
	/*1280 solInfo*/
	.solInfo .owl-carousel {width:79%;}
	/*1280 solText*/
	.solText {right:12%;}
	.solText .cat {font-size:16px; margin-bottom: 0;}
	.solText h2 {font-size:24px; margin-bottom: 0;}
	.solText h2 i {font-size: 26px;}
	.solText .intro {line-height: 1.75em; font-size: 16px; height: 8.75em; margin-bottom: 15px;}
	/*1280 guideText*/
	.guideText h1, .guideText .title {font-size:48px;}
	.guideText .arrow {font-size:20px;}
	.guideText .title {font-size: 58px;}
	/*1280 search*/
	.search h2 {font-size:48px;}
	.searchForm .text {font-size:18px;}
	/*1280 searchTags*/
	.searchTags a {font-size: 16px;}
	/*1280px aboutBox*/  
  	.aboutBox .year {font-size:160px;}
  	.aboutBox .year i {font-size:50px;}
  	.aboutBox .year .i {font-size:80px;}
  	.aboutBox .ml {font-size:150px;}
  	.aboutBox .intro {font-size:26px;}
  	.aboutBox .right {margin-left:420px;}
  	.aboutBox .text {font-size:22px;}
  	/*1280px team*/  
  	.team h3 {font-size:22px;}
  	.team .profile {font-size:16px;}
  	.team .intro {font-size:16px;line-height:1.65em; height:4.95em; margin-top:5%;}
  	.team .tag {font-size:16px;line-height:1.65em;margin:7% 0 3%;}
  	/*1280px person*/  
  	.person {width:94%;left:3%;margin-left:0;}
  	.person h2 {font-size:42px;}
  	.person .text {line-height:1.875em;}
 	 /*1280px insightTop*/  
  	.insightTop #insightTop {width:104%;}
  	.insightTop .item {width:30%;padding-right:3%;}
  	.insightTop h2 {font-size:24px;}
  	.insightTop .intro {font-size:14px;}
  	/*1280px catTab*/  
  	.catTab span {font-size:18px;}
  	/*1280px insightItem*/  
  	.insightItem .pic {width:245px;}
  	.insightItem .info {margin-left:245px;}
  	.insightItem .tag {font-size:18px;}
  	.insightItem h2 {font-size:32px;}
  	.insightItem .intro,.insightItem .date {font-size:16px;}
  	/*1280px readMore*/  
  	.readMore a {font-size:22px;}
  	/*1280px loadEnd*/  
  	.loadEnd {font-size:16px;}
  	/*1280px contactInfo*/  
  	.contactInfo h2 {font-size:22px;}
  	.contactInfo .info {font-size:20px;}
  	.contactInfo .views {font-size:16px;}
  	/*1280px message*/  
  	.message h2 {font-size:30px;}
  	.message label,.message .tips {font-size:18px;}
  	.message .text {font-size:18px;padding:15px 0;height:32px;line-height:32px;}
  	.message .submit {font-size:22px;}
  	/*1280px cityTab*/  
  	.cityTab span {font-size:18px;padding-right:5%;}
  	.cityTab .cur a:after {height:3px;}
  	/*1280px cityInfo*/  
  	.cityInfo h3 {font-size:20px;}
  	.cityInfo p {font-size:16px;}
  	/*1280px return*/  
  	.return h3 {font-size:40px;}
  	.return p {font-size:18px;}
  	.return .icon {width:45px; margin-bottom:18px;}
  	/*1280px getIntro*/  
  	.getIntro h4 {font-size:30px;}
  	.getIntro .arrow {font-size:20px;}
  	/*1280px diffTop*/  
  	.diffTop h2 {font-size:32px;}
  	.diffTop .intro {font-size:16px;}
  	.diffTop sup {font-size:20px;}
  	/*1280px diffBtm*/  
  	.diffBtm h3 {font-size:28px;}
  	.diffBtm .text {font-size:16px;}
  	/*1280px expIntro*/  
  	.expIntro h2 {font-size:28px;}
  	.expIntro .text {font-size:20px;}
  	.expIntro .small {font-size:16px;}
  	/*1280px expQuote*/  
  	.expQuote .text {width:720px;}
  	.expQuote .quote {font-size:24px;}
  	.expQuote .name {font-size:16px;}
  	/*1280px expValue*/  
  	.expValue .intro {font-size:16px;}
  	.expValue h2 {font-size:28px;}
 	/*1280px expList*/  
  	.expList .expwrap {margin-left:0;margin-right:160px;}
  	.expList .pic {width:45%;}
  	.expList .text {width:50%;}
  	.expList h2 {font-size:22px;margin-bottom:15px;}
  	.expList .intro {font-size:16px;line-height:1.875em;}
  	/*1280px expdot*/  
  	.expdot {padding:0 30px 0 20px;}
  	/*1280px entry*/  
  	.entry {font-size:16px;}
  	.entry h2,.entry h3 {font-size:28px;}
  	.entry h4 {font-size:20px;}
  	/*1280px posttag*/  
  	.posttag {font-size:16px;}
  	/*1280px share*/  
  	.share {padding:11px 0;}
  	.share span {font-size:16px;line-height:28px;}
  	.share ul {margin-left:50px;}
  	.share li {margin-left:15px;}
  	.share a {width:28px;height:28px;}
  	/*1280px author*/  
  	.author {margin-right:222px;}  	
  	/*1280px apply*/  
  	.apply .top h2 {font-size:30px;}
  	.apply .top p {font-size:16px;}
  	.apply label,.apply .fix {font-size:18px;}
  	.apply .text {font-size:18px;height:32px;line-height:32px;}
  	.apply .select {font-size:18px; padding:12px 19px;}
 	.apply .select span {background-size:20px auto;padding-right:25px;}
  	.apply .select ul {font-size:18px;}
  	.apply .submit {font-size:22px;}
  	.apply .statusBar .progress, .apply .size {font-size:16px;}
  	.apply .resume .arrow {font-size:22px;}
  	/*1280px jobList*/  
  	.jobList .title h2 {font-size:36px;}
  	.jobList .title p {font-size:16px;}
  	.jobList .top h3 {font-size:20px;}
  	.jobList .area {font-size:22px;}
  	.jobList .text {font-size:16px;}
  	.jobList .show .top h3 {font-size:24px;}
  	/*1280px applyBtn*/  
  	.applyBtn a {font-size:22px;}
  	/*1280px service*/
  	.service li h3 {font-size:24px;}
  	/*1280 fieldCase*/
	.fieldCase .btm {height: 169px;}
	.fieldCase h3 {font-size:28px;}
	/*1280 ourService*/  
  	.ourService .hmTitle {font-size:24px;}

  	.serviceList .text-box{ width:50%; padding-right:5%; }
	.serviceList .slick-dots{ top:0; }
	.serviceList .slick-dots li{ width:30px; text-align:center; }
	.serviceList .slick-dots button{ cursor: pointer; position:absolute; top:50%; left:0; width:30px; }

	.serviceList .info h3 {font-size:40px;}
	.serviceList .case h4 {font-size:16px;}
	.serviceList .case a {font-size:16px;}
	/*1280 character*/  
	.character .back-f{ width:73%; }	
  	.character .profile h2 {font-size:40px;}
  	.character .profile p {font-size:16px;}
  	.character .quote {font-size:24px;}
  	.character .intro {font-size:16px;}
  	/*1280 opinion*/ 
  	.opinion .boxInfo .quote {font-size: 22px;}
  	.opinion .boxInfo .name {font-size:14px;}
  	/*1280 contactbox*/ 
  	.contactbox {width:60px;}
  	.contactbox .box {width:260px;}
  	.contactbox .follow {padding:25px 10px; font-size:14px; margin-bottom: -8px;}
  	.contactbox .follow::after {border-top-width: 8px; border-left-width:10px; border-right-width: 10px; margin-left:-10px;}
  	.contactbox .follow p {padding:5px;}
  	.contactbox .follow img {width:110px; height: 110px;}
  	.contactbox .btm {padding-top:16px;}
  	.contactbox .btn {margin:0 20px; border-top-width: 1px; padding:20px 0 25px; font-size: 16px; line-height: 18px;}
  	.contactbox .info {padding:15px 0;}
  	.contactbox .info li {padding:5px 0;}
}

@media (min-width: 1025px) {
	.page .onload {background-color:#1A1A1A; position:fixed; left:0; top:0; width:100%; height:100%; z-index:99;}
}

@media only screen and (max-width:1024px){
	/*1024px nav*/
	.nav li {padding-left:28px; padding-right: 28px;}
	.nav li ul {padding:24px 0;}
	.navbg.open {padding:96px 0 24px;}
	/*1024px footer*/
	.footer h2 {font-size:36px;}
	/*1024px btmInfo*/
	.btmInfo h3 {font-size:18px;}
	.btmInfo h4 {font-size: 14px;}
	.btmInfo .left p {font-size:20px;}
	/*1024px popup*/
	.popup .box {padding:70px 0;}
	.popup .tips {font-size:16px;}
	/*1024px hmTitle*/
	.hmTitle {font-size:20px;}
	/*1024px hmIntro*/
	.hmIntro {padding-left:50px; font-size:20px;}
	.hmIntro p:first-child:before {left:0.3em; }
	/*1024px hmIns*/
	.hmIns .tag {font-size:14px;}
	.hmIns h3 {font-size:18px;}
	/*1024px hmThi*/
	.hmThi .intro {font-size:30px;}
	.hmThi .more a {font-size:16px;}
	/*1024px hmCase*/
	.hmCase .btm {height: 137px;}
	.hmCase .tag {font-size:16px;}
	.hmCase h3 {font-size:22px; margin-bottom: 20px;}
	/*1024px hmSec*/
	.hmSec li {font-size:20px;}
	/*1024px sloganText*/
	.sloganText {font-size:36px;}
	.sloganText h2 {font-size:20px;}
	/*1024px slogan*/
	.slogan .mouse {display:none;}	
	/*1024px solTab*/
	.solTab .owl-btn .next {margin-left:20px;}
	.solTab .owl-carousel {width:80%;}
	/*1024px solInfo*/
	.solInfo .owl-carousel {width:84%;}
	/*1024px solText*/
	.solText {width:300px; right:5%;}
	.solText .cat {font-size:14px;}
	.solText h2 {font-size: 20px;}
	.solText h2 i {font-size:22px;}
	.solText .intro {font-size:14px;}
	.solText a {padding:25px;}
	/*1024px guideText*/
	.guideText h1, .guideText .title {font-size:38px;}
	.guideText .arrow {font-size:16px;}
	.guideText .title a:after {height: 2px;}
	/*1024px search*/
	.search h2 {font-size:38px;}
	.searchForm .text {font-size:16px;}
	/*1024px searchTags*/
	.searchTags {width: auto;}
	/*1024px searchResult*/
	.searchResult h3 {font-size:24px;}
	.searchResult .warning {font-size:18px;}
	.searchResult .tag {font-size:16px;}
	.searchResult .item {width:48%;}
	.searchResult h4 {font-size:20px;}
	/*1024px aboutBox*/  
	.aboutBox .year {font-size:140px;}
	.aboutBox .year i {font-size:40px;}
	.aboutBox .year .i {font-size:60px;}
	.aboutBox .ml {font-size:130px;}
	.aboutBox .intro {font-size:24px;}
	.aboutBox .right {margin-left:360px;}
	.aboutBox .text {font-size:18px;}
	/*1024px team*/  
	.team .info {margin-top:-58px;}
	.team h3 {font-size:18px; margin-top:6px;}
	.team .profile {font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:auto;}
	.team .intro {font-size:14px;line-height:1.5em; height:4.5em; margin-top:3%;}
	.team .tag {font-size:14px;line-height:1.5em;margin:3% 0;}
	/*1024px person*/  
	.person h2 {font-size:34px;}
	.person .job {line-height:1.75em;}
	.person .intro {font-size:20px;}
	/*1024px catTab*/  
	.catTab span {font-size:16px;}
	/*1024px insightItem*/  
	.insightItem .pic {width:220px;}
	.insightItem .info {margin-left:220px;padding-top:10px;}
	.insightItem .tag {font-size:16px;}
	.insightItem h2 {font-size:28px;}
	.insightItem .intro,.insightItem .date {font-size:14px;}
	.insightItem a:hover .i {transform:translate3d(10px,-10px,0);}
	/*1024px readMore*/  
	.readMore a {font-size:18px;}
	/*1024px loadEnd*/  
	.loadEnd {font-size:14px;}
	/*1024px contactInfo*/  
	.contactInfo h2 {font-size:18px;}
	.contactInfo .info {font-size:16px;}
	.contactInfo .views {font-size:14px;}
	/*1024px message*/  
	.message h2 {font-size:26px;}
	.message label {font-size:16px;margin-bottom:15px;}
	.message .text {font-size:16px;height:24px;line-height:24px;}
	.message .submit {font-size:20px;}
	.message .tips {font-size:16px;}
	/*1024px cityTab*/  
	.cityTab span {font-size:16px;}
	.cityTab .cur a:after {height:2px;}
	/*1024px cityInfo*/  
	.cityInfo h3 {font-size:18px;}
	/*1024px return*/  
	.return h3 {font-size:30px;}
	.return p {font-size:22px;}
	.return .icon {width:35px; margin-bottom:15px;}
	/*1024px getIntro*/  
	.getIntro h4 {font-size:26px;}
	.getIntro .arrow {font-size:16px;}
	/*1024px warning*/  
	.warning .close {right:15px;top:15px;}
	.warning .text {width:89.34%;left:5.33%;margin-left:0;}
	/*1024px diffTop*/  
	.diffTop h2 {font-size:24px;}
	.diffTop .intro {font-size:14px;}
	.diffTop sup {font-size:16px;}
	/*1024px diffBtm*/  
	.diffBtm h3 {font-size:24px;}
	.diffBtm .pic {width:45%;}
	/*1024px expIntro*/  
	.expIntro h2 {font-size:24px;}
	.expIntro .text {font-size:16px;}
	/*1024px expQuote*/  
	.expQuote .text {width:540px;}
	.expQuote .quote {font-size:18px;}
	.expQuote .name {font-size:14px;}
	/*1024px expValue*/  
	.expValue h2 {font-size:22px;}
	/*1024px expList*/  
	.expList h2 {font-size:20px;}
	.expList .intro {font-size:14px;}
	/*1024px entry*/  
	.entry {font-size:14px;}
	.entry h2,.entry h3 {font-size:24px;}
	.entry h4 {font-size:18px;}
	.entry blockquote {padding-right:5.715%;}
	/*1024px aboutBox*/  
	.post {width:auto;padding:0 3.385%;}
	.post .top {left:3.385%;width:93.23%;padding:25px 0;}
	.post .fixed {left:0;width:100%;padding:15px 0;}
	.post .fixed .box {width:auto;margin:0 3.385%;}
	.post .place {padding:25px 0;height:47px;}
	/*1024px posttag*/  
	.posttag {font-size:14px;}
	/*1024px share*/  
	.share span {font-size:14px;line-height:24px;}
	.share ul {margin-left:44px;}
	.share li {margin-left:10px;}
	.share a {width:24px;height:24px;}
	/*1024px author*/  
	.author {margin-right:180px;}
	.author .avatar {width:46px;}
	.author .info {margin-left:55px;}
	.author h2 {font-size:18px;line-height:22px;}	
	/*1024px apply*/  
	.apply .top h2 {font-size:26px;}
	.apply label {font-size:16px;}
	.apply .text {font-size:16px;height:24px;line-height:24px;}
	.apply .select {font-size:16px; line-height: 22px; height: 22px;}
	.apply .select ul {font-size:16px;}
	.apply .submit {font-size:20px;}
	.apply .fix {font-size:16px;}
	.apply .resume .arrow {font-size:20px;}
	/*1024px jobList*/  
	.jobList .title h2 {font-size:28px;}
	.jobList .top h3 {font-size:18px;}
	.jobList .btm {padding-right:0;}
	.jobList .area {font-size:20px;}
	.jobList .show .top h3 {font-size:20px;}
	/*1024px applyBtn*/  
	.applyBtn a {font-size:20px;}
	/*1024px service*/
  	.service li h3 {font-size:20px;}
  	/*1024px fieldCase*/
	.fieldCase .btm {height: 137px;}
	.fieldCase .tag {font-size:16px;}
	.fieldCase h3 {font-size:22px; margin-bottom: 20px;}
	/*1024px ourService*/  
  	.ourService .hmTitle {font-size:20px;}
  	.serviceList .info h3 {font-size:32px;}
  	.serviceList .case a {font-size:14px;}
  	/*1024px character*/  
  	.character .profile h2 {font-size:32px;}
  	.character .profile p {font-size:14px;}
  	.character .quote {font-size:22px;}
  	.character .intro {font-size:14px;}
  	/*1024px opinion*/ 
  	.opinion .boxInfo .quote {font-size: 20px;}
}
@media only screen and (max-width:960px){
	/*960px other*/
	.other span, .language {padding-left:20px;}
	/*960px nav*/
	.nav li {padding-left:16px; padding-right: 16px;}
	/*960px hmIntro*/
	.hmIntro {padding-left:45px; font-size:16px;}
	.hmIntro p:first-child:before {left:0.55em;}
}

@media only screen and (max-width:768px){
	body {background-color: #1f1f1f;}
	.home:after {z-index: 2;}

	.inner {padding:0 5.33%;}
	/*768px mouse*/
	.mouse {display: none;}
	/*768px header*/
	.header {transform: all .5s;}
	.header.fixed {background-color: #1f1f1f;}
	.header:before {content:''; display:block; width:0; height:100%;background-color: #101010; position:absolute; left:0; top:0;transition: all .3s;}
	.header.open:before {width:100%;}
	.header .inner {padding:0 5.33%; position:static;}
	
	
	/*768px logo*/	
	.logo {padding:17.5px 0; position:relative; z-index: 8;}
	.logo a {width:62px; height:20px;}
	/*768px other*/
	.other {position:relative; z-index: 8; padding:21px 0;}
	.other a {width:13px; height:13px;}
	/*768px logo*/
	
	/*768px language*/
	.language {float:none; overflow: hidden; padding:0; margin-bottom: 140px;}
	.language:before {display: none;}
	.language a {float:left; height:auto; width:auto; line-height: 32px; opacity: .5;}
	.language .en {font-family: 'NexaLight';}
	.language .cn {display: block; position:relative; padding-right:25px;}
	.language .cur {opacity: 1;}
	.language .cn:after {width:1px; height: 20px; background-color: #E2E2E2; content:''; display: block; position:absolute; right:12px; top:50%; margin-top:-10px; opacity: .5;}
	/*768px nav*/
	.navBtn {display: block;}
	.navBox {float:none; position:fixed; left:-100%; top:0; padding:0 12.8%; width:74.4%; height: 100%; margin:0; background-color: #101010; z-index: 7; overflow-y: auto; -webkit-overflow-scrolling:touch; margin-top:55px; transition:left .3s;}
	.navBox.open {left:0;}
	.nav {float:none; padding:64px 0; margin-bottom: 80px;}
	.nav ul {float:none; }
	.nav li {float:none; padding:16px 0; font-size:18px; line-height: 32px; overflow:hidden;}
	.nav > ul > li > a {transform:translateY(50px);}
	.nav > ul > li > a.up {transform:translateY(0); transition:transform 0.8s linear 0s;}
	.nav li em {height:32px; top:16px; display: block;}
	.nav li i {margin-left:5px;}
	.nav li.on > a {opacity: .3;}
	.nav li.on a:after {display: none;}
	.nav li ul {display: none; width:auto; position:static; left:auto; padding:16px 0 0;}
	.nav li .two, .nav li .three, .nav li .four {width:auto; transform: none;}
	.nav li li {font-size:14px; margin-left:32px; padding:8px 0;}
	.nav li .four li, .nav li .three li, .nav li .four li { width:auto;}
	.nav li li a {float:none; display: block; margin-right:0;}
	.nav li li a:after {display: none;}
	.navbg {display: none;}
	/*768px footer*/
	.footer {padding:56px 5.33% 40px;}
	.footer h2 {font-size:24px; line-height:40px; margin-bottom: 48px;}
	/*768px arrow*/
	.arrow:after {width:17px; height: 12px;}
	.arrow:hover:after {width:17px; height: 12px;}
	/*768px btmInfo*/
	.btmInfo, .btmInfo .left, .btmInfo .right {display: block; width:auto; max-width: 100%;}
	.btmInfo h3 {font-size:14px; line-height: 24px; color:#E2E2E2; margin-bottom: 24px;}
	.btmInfo h3 a:hover:after {width:17px;}
	.btmInfo h3.file {margin-bottom: 20px;}
	.btmInfo h4 {font-size: 12px; line-height: 18px; margin-bottom: 4px;}
	.btmInfo .right {text-align: left; margin-top:28px;}
	.btmInfo .left li {margin-bottom: 20px;}
	.btmInfo .left p {font-size:14px; line-height: 24px;}
	/*768px social*/
	.social {margin-bottom: 16px;}
	.social li {margin:0 16px 0 0;}
	.social a {width:23px; height: 23px;}
	/*768px copyright*/
	.copyright {font-size:12px; line-height: 18px; margin-bottom: 0;}

	/*768px popup*/
	.popup .tips {font-size:14px; line-height: 24px;}
	.popup .close {width:14px; height: 14px;}
	/*768px hmTitle*/
	.hmTitle {font-size:14px; margin-bottom: 37px;}
	.hmTitle:after {content:'_'; background-color: transparent; height:auto; width:auto; margin-left:0;}
	/*768px hmIntro*/
	.hmIntro {padding:0 22px; font-size:14px; line-height: 24px;letter-spacing:normal; margin-bottom: 54px;}
	.hmIntro p {padding-left:0;}
	.hmIntro p:first-child:before {left:-0.85em;}

	/*768px owlwap*/
	.owlwap.owl-carousel .owl-stage-outer {overflow:visible;}
	/*768px hmIns*/
	.hmIns {margin-bottom: 80px;}
	.hmIns .inner {overflow:hidden; padding: 0; margin-left:5.33%;}
	.hmIns .list {width:76.62%; display: none;}
	.hmIns .item {float:none; width:auto;  padding-right:0; overflow:hidden;}
	.hmIns .pic {margin-bottom: 16px;}
	.hmIns .btm {height: 128px;}
	.hmIns .tag {line-height: 24px; margin-bottom: 8px;}
	.hmIns h3 {line-height: 32px; max-height: 64px; margin-bottom: 20px; letter-spacing:1px;}
	.hmIns .load {padding-bottom: 96.424%;}
	.hmIns .item:nth-child(2) a, .hmIns .item:nth-child(3) a {margin-top:0;}
	.hmIns a {padding:0 16px; margin-bottom: 32px;}
	.hmIns a:before {width:100%; left:0; margin-top:32px;}
	.hmIns a:hover i {transform: none;}
	.hmIns a:hover:before {width:100%;}
	.hmIns a:hover .arrow:after {width:17px;}
	/*768px hmCase*/
	.hmCase {margin-bottom: 80px;}
	.hmCase .inner {overflow:hidden; padding: 0; margin-left:5.33%;}
	.hmCase .list {width:76.62%; display: none;}
	.hmCase .item {float:none; width:auto; padding:0; overflow:hidden;}
	.hmCase .item:nth-child(2n){padding-top: 0;}
	.hmCase .top {margin-bottom: 16px;}
	.hmCase .btm {height: 126px;}
	.hmCase .tag {font-size:14px; line-height: 24px;}
	.hmCase h3 {font-size:18px; line-height: 32px; max-height:64px; letter-spacing:1px; margin-bottom: 20px;}	
	.hmCase .arrow:after, .hmCase a:hover .arrow:after {width:17px; height: 10px;}
	.hmCase a {padding:0 16px; margin-bottom: 32px;}
	.hmCase a:before {width:100%; left:0; margin-top:32px;width:100%;height: 100%;	background-color:#101010;position:absolute;	left:0;	top:0;z-index: -1; content:''; display: block;}
	.hmCase a:hover .top {background-color: transparent;}
	.hmCase a:hover .pic {transform: none;}
	.hmCase a:hover i {transform: none;}
	.hmCase .load {padding-bottom: 96.424%;}
	/*768px hmThi*/
	.hmThi {padding:200px 0 190px; margin-bottom: 80px;}
	.hmThi .intro {font-size:24px; letter-spacing:2px; margin-bottom: 46px;}
	.hmThi .more a {font-size:14px; color:#E2E2E2;}
	.hmThi .more a:after {margin-left:7px;}
	.hmThi .more a:hover:after {width:17px;}
	/*768px hmSec*/
	.hmSec {margin-bottom: 80px;}
	.hmSec .text {margin-left:5.33%;}
	.hmSec ul {padding:7.345% 0 7.345% 9.04%;}
	.hmSec li {font-size:14px; line-height: 24px; padding:6.211% 14% 6.211% 0; width:auto;}
	.hmSec li i {display: none;}
	.hmSec li a {color:#E2E2E2; padding:0;}
	.hmSec li a:before {height: 1px; bottom:0;}
	.hmSec li a:hover {padding-right:0; color:#E2E2E2;}
	/*768px sloganText*/
	.sloganText {font-size:26px; line-height: 44px; letter-spacing:0;}
	.sloganText .inner { margin-top:51%;}
	.sloganText h2 {font-size:14px;margin-bottom:10px;line-height:24px;}
	.sloganText p:first-child:before {left:-0.65em;}
	.sloganText p:last-child:after {margin-bottom:-0.2em;}
	/*768px innerBan*/
	.innerBan .inner {margin-top: 26.4%;}
	/*768px hmSol*/
	.hmSol {margin-bottom: 80px;}
	.hmSol .inner {padding-left:0;}
	/*768px solTab*/
	.solTab {padding:0 5px; height: 18px;}
	.solTab .laod {padding-bottom: 18px;}
	.solTab .owl-btn {display: none;}
	.solTab .owl-carousel {width:95%; padding-right:5%;}
	.solTab .item a {font-size: 12px; line-height: 18px; margin-right:10px;}
	.solTab .item i {margin-right:2px;}
	/*768px solInfo*/
	.solInfo .owl-carousel {width:100%;}
	.solInfo .item a {padding-bottom: 112.267%;}
	.solInfo .owl-dots {position:absolute; left:50%; transform:translateX(-50%); bottom:0; margin-bottom: 39.467%;}
	.solInfo .owl-dot {display: inline-block; font-size:0; line-height: normal;}
	.solInfo .owl-dot span {display: block; margin:0 4px; width:3px; height: 3px; background-color: #e2e2e2; opacity: .5;}
	.solInfo .active span {opacity:1; width:60px; transition:all 10s;}
	/*768px solText*/
	.solText {position:relative; right:auto; margin-left:5.33%; width:auto; transform: none; margin-top:-26.6%; overflow:hidden;}
	.solText .cat {line-height: 24px; margin-bottom: 8px;}
	.solText h2 {font-size: 18px; line-height: 32px; letter-spacing: 2px; margin-bottom: 8px;}
	.solText h2 i {font-size:20px; margin-right: 8px;}
	.solText .intro {line-height: 24px; letter-spacing: 1px; height:72px; margin-bottom: 24px;}
	.solText .arrow:after, .solText a:hover .arrow:after {width:18px; height: 10px;}
	.solText a {padding:24px 30px;}
	.solText .text {display: block;}
	/*768px solText*/
	.guideText h1, .guideText .title {font-size:28px; line-height: 42px; letter-spacing:2px; margin-bottom: 80%;}
	.guideText .icon {width:64px; margin-bottom: 6.4%;}
	.guideText .arrow {font-size:14px; line-height: 24px; letter-spacing:1px;}
	.guideText .title {margin-bottom: 68.5%;}
	/*768px search*/
	.search {margin-top:55px; padding:39px 0;}
	.search h2 {font-size:28px; line-height: 44px; margin-bottom: 10px;}
	.searchForm {border-width: 1px; padding-right:20px;}
	.searchForm .text {font-size:12px; line-height: 18px;}
	.searchForm .submit {height: 18px; line-height: 18px; width:17px;}
	.searchForm .submit:hover .arrow:after {width:17px;}
	/*768px searchTags*/
	.searchTags {margin-top: 15px;}
	.searchTags a {font-size: 13px; line-height: 1.845em; margin-top:26px; width:auto;}
	/*768px searchResult*/
	.searchResult {margin-top:8%;}
	.searchResult h3 {font-size:20px;}
	.searchResult .warning {font-size:16px;}
	.searchResult .tag {font-size:14px;}
	.searchResult .item {padding-top:8%;}
	.searchResult h4 {font-size:18px;}
	/*768px aboutBox*/  
	.aboutBox {padding-bottom:67px;padding-left:12px;padding-right:12px;}
	.aboutBox.nb {padding:30px 12px 79px;}
	.aboutBox .left {float:none;text-align:center;margin-bottom:12px;}
	.aboutBox .year {font-size:100px;line-height:157px;margin-bottom:0;letter-spacing:8px;}
	.aboutBox .year i {font-size:30px;}
	.aboutBox .ml {transform:none;line-height:144px;}
	.aboutBox .intro {font-size:22px;line-height:32px;}
	.aboutBox .left, .aboutBox.nb .left { animation-duration: 1s;}
	.aboutBox .right {margin-left:0; animation-duration: 1s;}
	.aboutBox.nb .right {animation-duration: 1s;}
	.aboutBox .text {font-size:14px;line-height:24px;padding:0;}
	.aboutBox .text p {margin-top:24px;}
	.aboutBox .brand {margin-top:61px;}
	/*768px team*/  
	.team {background-color:#1A1A1A;padding:39px 0 10px;}
	.team .hmTitle {margin-bottom:29px;}
	.team ul {width:102%;margin-bottom:40px;}
	.team ul:last-child {margin-bottom:0;}
	.team li {width:48%;padding-right:2%;padding-bottom:20px;}
	.team li a:hover .info {height:auto; top:auto;}
	.team li a:hover .intro, .team li a:hover .tag {display:none;}
	.team .info {margin-top:0; top:auto; bottom:0; height:auto;}
	.team .box {position:static; margin:0 auto;}
	.team .intro, .team .tag {display: none;}
	.team .profile {font-size:12px;line-height:24px;height:48px;white-space:normal;}
	/*768px person*/  
	.person .wrap {margin:50px auto;}
	.person .cont {padding-right:20px;padding-left:15px;}
	.person .photo {width:57.143%;}
	.person .info {padding-left:5px;width:38.095%;padding-top:10%;}
	.person h2 {font-size:28px;line-height:45px;margin-bottom:1px;}
	.person .job {font-size:15px;line-height:26px;margin-bottom:0;}
	.person .intro {font-size:20px;line-height:30px;width:auto;clear:both;padding-left:5px;padding-top:20px;float:none;}
	.person .text {float:none;width:auto;padding-left:5px;clear:both;line-height:24px;padding-top:25px;}
	.person .close {right:10px;top:10px;}
	/*768px insightTop*/  
	.insightTop {padding:60px 0 51px;}
	.insightTop .load {display:block;padding-bottom:100%;}
	.insightTop .inner {padding:0;margin-left:5.33%;overflow:hidden;}
	.insightTop #insightTop {width:81.69%;overflow:visible;}
	.insightTop #insightTop .owl-stage-outer {overflow:visible;}
	.insightTop .item {width:auto;float:none;padding-right:0;padding-bottom:0;display:none;}
	.insightTop .tag {line-height:25px;margin-bottom:2px;}
	.insightTop h2 {font-size:24px;line-height:40px;margin-bottom:6px;}
	.insightTop .intro {line-height:25px;margin-bottom:10px;}
	.insightTop .a {padding:17px;}
	/*768px separator*/  
	.separator {margin-bottom:12px;}
	/*768px catTab*/  
	.catTab {margin-bottom:22px;}
	.catTab span {padding-right:9.014%;}
	.catTab .cur a:after {bottom:14px;}
	/*768px insightItem*/  
	.insightItem {margin-bottom:33px;padding-bottom:23px;}
	.insightItem .pic {float:none;width:auto;margin-bottom:16px;}
	.insightItem .pic i {padding-bottom:56.418%;}
	.insightItem .info {margin-left:0;padding-left:0;padding-top:0;}
	.insightItem .tag {font-size:14px;line-height:25px;margin-bottom:5px;color:#101010;letter-spacing:0;opacity:.5;}
	.insightItem h2 {font-size:24px;line-height:40px;white-space:normal;margin-bottom:8px;max-height:80px;letter-spacing:0;}
	.insightItem .intro {line-height:25px;color:#101010;letter-spacing:0;height:75px;margin-bottom:9px;opacity:.5;}
	.insightItem .arrow {padding:11.5px 0;}
	.insightItem .arrow:after {width:22px;height:13px;}
	.insightItem .date {margin-left:22px;opacity:.5;}
	.insightItem a:hover .arrow:after {width:22px;}
	.insightItem a:hover .pic i {transform:none;}
	.insightItem a:hover .i {transform:none;}
	/*768px loadMore*/  
	.loadMore {margin-bottom:70px;}
	/*768px readMore*/  
	.readMore a {font-size:14px;line-height:24px;}
	.readMore a:after {width:17px;height:10px;margin-left:8px;}
	.readMore a:hover:after {width:17px;}
	/*768px loadEnd*/  
	.loadEnd {font-size:12px;line-height:18px;margin-bottom:-34px;margin-top:16px;}
	/*768px backtop*/  
	.backtop {width:28px;height:28px;right:4.8%;}
	/*768px contactInfo*/  
	.contactInfo {padding:21px 0 33px;}
	.contactInfo .box {padding-bottom: 14px;}
	.contactInfo .item {width:auto;float:none;padding-bottom:36px;}
	.contactInfo h2 {font-size:16px;margin-bottom:11px;line-height:18px;}
	.contactInfo .info {font-size:14px;line-height:18px;}
	.contactInfo .views {display:none;}
	/*768px message*/  
	.message {padding:17px 0;}
	.message .box {padding-right:0;}
	.message h2 {font-size:22px;line-height:40px;margin-bottom:34px;}
	.message h2 span {display:block;}
	.message .item {padding-bottom:32px;}
	.message .two {width:auto;}
	.message .two .item {float:none;width:auto;padding-right:0;}
	.message label {line-height:18px;margin-bottom:11px;}
	.message .text {padding:12px 0;text-indent:10px;}
	.message textarea.text {height:126px;}
	.message .submit {font-size:18px;}
	.message .arrow:after {margin-left:10px;width:18px;height:10px;}
	.message .tips {font-size:14px;line-height:22px;margin-bottom:1px;margin-top:-22px;}
	/*768px cityTab*/  
	.cityTab {margin-bottom:8px;}
	.cityTab span {line-height:22px;padding-bottom:23px;padding-right:8.45%;}
	.cityTab a {padding-bottom:6px;}
	/*768px cityBox*/  
	.cityBox {margin-bottom:62px;}
	/*768px cityInfo*/  
	.cityInfo h3 {font-size:16px;line-height:18px;margin-bottom:6px;}
	.cityInfo p {font-size:14px;line-height:28px;}
	.cityInfo .addr {width:auto;float:none;margin-bottom:20px;}
	.cityInfo .pic {margin-bottom:21px;}
	.cityInfo .tel {float:none;width:auto;}
	.cityInfo .tel .pic {display:none;}
	.cityInfo .tel .info {padding-left:0;}
	/*768px thanks*/  
	.thanks {padding:132px 0;margin-bottom:80px;}
	/*768px return*/
	.return {padding:41px 24px;}  
	.return h3 {font-size:22px;line-height:33px;margin-bottom:4px;}
	.return p {font-size:14px;line-height:25px;}
	.return .icon {width:42px; margin-bottom:10px;}
	/*768px getIntro*/  
	.getIntro {padding-bottom:97px;}
	.getIntro h4 {font-size:22px;letter-spacing:1px;line-height:40px;margin-bottom:2px;}
	.getIntro h4 span {display:block;}
	.getIntro .arrow {font-size:14px;line-height:36px;}
	.getIntro .arrow a {color:#898989;}
	/*768px different*/  
	.different {margin-bottom:30px;}
	/*768px diffTop*/  
	.diffTop {padding:0 7.606%;margin-bottom:30px;}
	.diffTop h2 {font-size:18px;margin-bottom:18px;line-height:32px;}
	.diffTop .intro {line-height:24px;letter-spacing:1px;}
	.diffTop sup {font-size:12px;}
	/*768px diffBtm*/  
	.diffBtm .item {display:block;width:auto;padding:20px 0;}
	.diffBtm .pic {display:block;width:auto;margin-bottom:21px;}
	.diffBtm .text {display:block;width:auto;padding-left:0;font-size:14px;line-height:32px;}
	.diffBtm .item:nth-child(2n) .text {padding-right:0;}
	.diffBtm h3 {font-size:20px;line-height:24px;margin-bottom:11px;}
	.diffBtm p {letter-spacing:0;}
	/*768px quote*/  
	.quote {letter-spacing:1px;}
	.quote:before,.quote:after {color:#808080;opacity:.3;}
	/*768px expIntro*/  
	.expIntro {padding:75px 25px 0;margin-bottom:35px; transform:translateY(100%); opacity: 0; transition:all 1s;}
	.expIntro.up {transform: translateY(0); opacity: 1;}
	.expIntro h2 {font-size:18px;margin-bottom:33px;line-height:32px; opacity: 1;}

	.expIntro .text {font-size:14px;line-height:24px;letter-spacing:1px;}
	.expIntro .text p {margin-bottom:21px; opacity: 1;}
	/*768px expQuote*/  
	.expQuote {margin-bottom:54px;margin-left:5.33%;}
	.expQuote .text {margin:32px 27px;width:auto;}
	.expQuote .text span {display:block;}
	.expQuote .quote {font-size:14px;line-height:26px;margin-bottom:14px;}
	.expQuote .name {font-size:12px;line-height:24px;}
	/*768px expValue*/  
	.expValue {margin-bottom:56px;}
	.expValue .intro {padding:0 7.606%;font-size:14px;line-height:24px;letter-spacing:1px;}
	.expValue h2 {font-size:18px;line-height:32px;margin-bottom:18px;}
	.expValue sup {font-size:10px; vertical-align: super; margin-top:0; display: inline;}
	/*768px expList*/  
	.expList {padding:41px 0;}
	.expList .expwrap {margin:0;}
	.expList .inner {padding-right:5.33%;}
	.expList .pic {float:none;width:auto;margin:0 1px 54px;}
	.expList .pic i {padding-bottom:58.084%;}
	.expList .text {float:none;width:auto;padding:0 7.324%;}
	.expList h2 {font-size:18px;margin-bottom:18px;letter-spacing:1px;line-height:32px;}
	.expList .intro {line-height:24px;letter-spacing:1px;color:#1A1A1A;}
	.expList .owl-dots {font-size:0;line-height:normal;text-align:center;margin-top:58px;}
	.expList .owl-dot {display:inline-block;margin:0 5px;}
	.expList .owl-dot span {width:6px;height:6px;background-color:#eee;display:block;}
	.expList .active span {background-color:#979797;}
	/*768px expdot*/  
	.expdot {display:none;}
	/*768px post*/  
	.post {padding:0 5.33%;}
	.post .top {left:5.33%;width:89.34%;padding:21px 0;}
	.post .fixed {position:fixed;padding:12px 0;top:55px;width:100%;left:0;}
	.post .fixed .box {margin:0 5.33%;position:relative;}
	.post .fixed .share {top:2px;}
	.post .entry {margin-top:38px;}
	.post .place {height:45px;padding:21px 0;}
	/*768px entry*/  
	.entry {line-height:24px;letter-spacing:1px;}
	.entry h2 {font-size:22px;letter-spacing:0;margin-left:0;margin-bottom:30px;}
	.entry h2:before,.entry h2:after {color:#808080;opacity:.3;}
	.entry h3 {font-size:22px;line-height:48px;letter-spacing:1px;margin-bottom:10px;}
	.entry h4 {line-height:22px;letter-spacing:1px;margin-bottom:20px;}
	.entry blockquote {padding:28px 29px 19px;}
	.entry blockquote p:last-child {margin-bottom:0;}
	.entry p {margin-bottom:24px;}
	/*768px posttag*/  
	.posttag {padding:9px 0;line-height:36px;}
	.posttag span {padding-right:32px;}
	/*768px share*/  
	.share {position:absolute;right:0;top:14px;padding:0;}
	.share span {display:none;}
	.share ul {margin-left:0;}
	.share a {width:19px;height:19px;}
	/*768px author*/  
	.author {margin-right:0;}
	.author .avatar {width:41px;}
	.author .info {margin-left:52px;}
	.author h2 {font-size:16px;line-height:23px;margin-bottom:0;margin-right:116px;}
	.author p {font:12px/20px 'NotoSansSC';}
	/*768px wrapper*/  
	.wrapper.black {background-color: #1f1f1f;}
	.wrapper.up {margin-top:-70%;}	
	.wrapper.mt {margin-top:55px;}
	/*768px apply*/ 
	.apply .top {margin-bottom: 29px;} 
	.apply .top h2 {font-size:22px;line-height:40px;letter-spacing:1px;margin-bottom:0;}
	.apply .top p {font-size:14px;line-height:34px;}
	.apply .wrap {width:89.34%;left:5.33%;}
	.apply .form {margin:7.463% 0;padding:0 22px;}
	.apply .item {padding-bottom:31px;}
	.apply .two {width:auto;}
	.apply .two .item {float:none;width:auto;padding-right:0;}
	.apply label {line-height:18px;margin-bottom:11px;}
	.apply .text {padding:3px 0;text-indent:10px;color:#fff;}
	.apply .select {padding:3px 9px;}
	.apply .select span {background-size:15px auto;padding-right:20px;color:#fff;}s
	.apply .select ul {font-size:14px;line-height:30px;max-height:150px;}
	.apply .select li {padding:0 10px;}
	.apply textarea.text {height:195px;}
	.apply .button {float:none;}
	.apply .submit {font-size:18px;line-height:2em;}
	.apply .arrow:after {margin-left:10px;width:18px;height:10px;}
	.apply .fix {font-size:14px;line-height:22px;margin-bottom:5px;margin-top:-22px;}
	.apply .statusBar, .apply .size {margin-top:0;}
	.apply .statusBar .progress, .apply .size {font-size:14px;line-height:34px;}
	.apply .resume {float:none;margin-bottom:33px;}
	.apply .resume .arrow {font-size:18px;line-height:2em;}
	.apply .queueList.filled {margin-left:115px;}
	.apply .filelist li p.title {white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:34px;background-size:auto 18px;}
	/*768px jobList*/  
	.jobList {margin-bottom:50px;}
	.jobList .title {margin-bottom:35px;}
	.jobList .title h2 {font-size:22px;line-height:33px;margin-bottom:6px;}
	.jobList .title p {font-size:14px;line-height:32px;}
	.jobList .item {padding-bottom:6px;margin-bottom:17px;}
	.jobList .top {padding-bottom:12px;}
	.jobList .top:after {width:15px;height:8px;right:0;}
	.jobList .top h3 {font-size:16px;line-height:32px;margin-right:20px;}
	.jobList .btm {padding:30px 0 13px;}
	.jobList .box {margin-bottom:10px;}
	.jobList h4 {font-size:17px;line-height:32px;margin-bottom:4px;}
	.jobList .area {font-size:18px;line-height:36px;margin-bottom:20px;}
	.jobList .text {font-size:14px;line-height:25px;color:#333;letter-spacing:0px;}
	.jobList p,.jobList li {margin-bottom:20px;}
	.jobList li p {margin-bottom:0;}
	.jobList .show .top h3 {font-size:16px;}
	/*768px applyBtn*/  
	.applyBtn a {font-size:18px;line-height:36px;}
	/*768px popupBtn*/  
	.popupBtn {margin-top:13px;}
	/*768px service*/
	.service {margin-bottom: 64px;}
	.service .inner {padding-right:0;}
	.service .list {overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.service .list::-webkit-scrollbar {width: 0 !important; display: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
	.service ul {display: inline-flex; width:auto;}
  	.service li h3 {font-size:18px; line-height: 1.75em;}
  	.service li {width:158px; padding-right:10px; display: block;}
  	.service li:last-child {padding-right:0;}
  	/*768px opinion*/
  	.opinion {margin-bottom: 49px;}
  	.opinion .quote:before {top:0.12em; left:-0.6em;}
  	.opinion .box {padding:46px 26px 30px;}
  	.opinion .text {font-size:18px; line-height: 32px; height:auto; letter-spacing:1px; padding:0 4px; margin-bottom: 20px;}
  	.opinion .views {padding:0 4px; margin-bottom: 20px;}
  	.opinion .by {padding-top:28px;}
  	.opinion .avatar {width:38px; padding:0 10px 0 0;}
  	.opinion h3 {font-size:15px; line-height: 1.35em;}
  	.opinion .info p {font-size:12px; line-height: 1.35em;}

  	.opinion .boxInfo {padding:46px 29px 34px;}
  	.opinion .boxInfo .quote {font-size: 18px; line-height: 32px; letter-spacing:1px; padding-bottom: 41px;}
  	.opinion .boxInfo .name {display: none;}
  	.opinion .boxInfo .by {display: block; padding-top: 27px; border-top:1px solid rgba(0,0,0,.05);}
  	/*768px opinion*/
  	.expQuote.pl {padding-right:0;}
  	.expQuote.pl .text {margin-left:22px; margin-right:22px;}
  	/*768px fieldCase*/
	.fieldCase {margin-bottom: 69px;}
	.fieldCase .item {padding-bottom: 0;}
	.fieldCase .top {margin-bottom: 16px;}
	.fieldCase .btm {height: 126px;}
	.fieldCase .tag {font-size:14px; line-height: 24px;}
	.fieldCase h3 {font-size:18px; line-height: 32px; height:64px; max-height:none;letter-spacing:1px; margin-bottom: 20px;}
	.fieldCase .arrow:after, .hmCase a:hover .arrow:after {width:17px; height: 10px;}
	.fieldCase a {padding:0 16px; margin-bottom: 32px;}
	.fieldCase a:before {width:100%; left:0; margin-top:32px;width:100%;height: 100%;	background-color:#fff;position:absolute;	left:0;	top:0;z-index: -1; content:''; display: block;}
	.fieldCase a:hover .top {background-color: transparent;}
	.fieldCase a:hover .pic {transform: none;}
	.fieldCase a:hover i {transform: none;}
	/*768px ourService*/  
	.ourService{margin-bottom: 80px; padding:0 5.33% 76px;}
  	.ourService .hmTitle {font-size:14px; margin-bottom: 40px; }
	.ourService .back-f{ width:100%; top:104px;}

	.serviceList{ padding-left:0; overflow:visible;}
	.serviceList .pic-box{display:none; width:100%; }
	.serviceList .slide .web-pic{ display:block; margin-bottom: 24px;}
	.serviceList .text-box{ width:100%; padding-right:0; }
	.serviceList .slick-dots:after{ display:none; }
	.serviceList .slick-dots{ text-align:center; bottom:-40px; width:100%; top:auto; height:auto; }
	.serviceList .slick-dots li{ margin:0 3px; transition:all .5s; border-radius:50%; height:3px; width:3px; background:rgba(26, 26, 26, 0.2); display:inline-block; }
	.serviceList .slick-dots button{ display:none; font-size:0; position:initial; text-align:center;}
	.serviceList .slick-dots li.slick-active{ width:40px; border-radius:3px; }

	.serviceList .info h3 {font-size:24px; line-height: 40px; margin-bottom: 16px; letter-spacing:1px;}
	.serviceList .intro {font-size:14px; line-height: 24px; letter-spacing:1px; max-height:120px;}

	.serviceList .case {margin-top:28px;}
	.serviceList .case h4 {font-size:14px; line-height: 24px; margin-bottom: 0;}
	.serviceList .case li {margin-top: 16px;}
	.serviceList .case a {line-height: 24px; font-size:12px; letter-spacing:1px;}
	/*768px character*/
	.character{margin-bottom: 0;}
	.character .back-f{width:100%;}
	.character .padd{ padding:0 5.33% 45px;}
	.character .table {display: block; width:auto; transform:translateY(-32px);}
	.character .pic{display:none;}
	.character .info {display: block;padding:0;}
	.character .profile {margin-bottom: 38px;}
  	.character .profile h2 {font-size:24px; letter-spacing:1px; line-height: 40px; margin-bottom: 16px;}
  	.character .profile p {letter-spacing:1px; line-height: 24px;}
  	.character .quote {font-size:18px; letter-spacing:1px; line-height: 32px; margin-bottom: 42px;}
  	.character .intro {line-height: 24px; letter-spacing:1px;}

  	.character .photo{display:block; position:relative; width:156px; overflow:hidden; float:left;}
  	.character .photo i {padding-bottom: 125%; background:no-repeat center center; background-size:contain; display: block;}
	.character .name {padding-top:72px; margin-left:184px; overflow:hidden;}
	/*768px imageLink*/
	.imageLink {margin-left: 5.33%;}
	/*768px logoWall*/
	.logoWall {margin-bottom: 120px;}
	/*768px contactbox*/ 
	.contactbox {width:35px;}
  	.contactbox .box {width:240px;}
  	.contactbox .follow {padding:20px 5px 15px; font-size:14px; margin-bottom: -5px;}
  	.contactbox .follow::after {border-top-width: 5px; border-left-width:8px; border-right-width: 8px; margin-left:-8px;}
  	.contactbox .follow p {padding:3px;}
  	.contactbox .follow img {width:100px; height: 100px;}
  	.contactbox .btm {padding-top:10px;}
  	.contactbox .btn {margin:0 15px; border-top-width: 1px; padding:15px 0 20px; font-size: 14px; line-height: 16px;}
  	.contactbox .info li {padding:5px 0; font-size:14px;}
  	.contactbox .info a {padding-left:25px; background-size:auto 14px; background-position: left 3px;}
}
@media only screen and (max-width:540px){
	/*540px opinion*/
	.opinion .inner, 
	.fieldCase .inner {padding-right:0;}
	.opinion .list,
	.fieldCase .list {overflow-x: auto; -webkit-overflow-scrolling:touch;}
	.opinion .list::-webkit-scrollbar, .fieldCase .list::-webkit-scrollbar {width: 0 !important; display: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
  	.opinion ul,
  	.fieldCase .wrap {width:auto; display: inline-flex;}
  	.opinion li,
  	.fieldCase .item {width:272px; padding-right:20px;}
  	.opinion li:last-child,
  	.fieldCase .item:last-child {padding-right:0;}

  	.opinion .pr {padding-right:5.33%;}
  	/*540px fieldCase*/
}
@media only screen and (max-width:414px){
	.language {margin-bottom: 33.7%;}
	/*414px nav*/
	.nav { padding:15.4% 0; margin-bottom: 14.5%;}
	.nav li {padding:5.19% 0;}
	.nav li em {top:0; margin-top:5.19%;}
	.nav li ul {padding-top:5.19%;}
	/*414px popup*/
	.popup .box {padding:32% 0; width:89%; left:5.5%; margin-left:0;}
	/*414px hmIns*/
	.hmIns .load {padding-bottom: 113.555%;}
	/*414px hmCase*/
	.hmCase .load {padding-bottom: 91.561%;}
}

/*此处上面为首页*/

/*单行文本省略号*/
.dot {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dot2,.dot3,.dot4,.dot5 {display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;}
.dot2 {-webkit-line-clamp:2;}
/*多行文本省略号*/
.dot3 {-webkit-line-clamp:3;}
.dot4 {-webkit-line-clamp:4;}
.dot5 {-webkit-line-clamp:5;}



/*加入我们*/
.joinus{padding:0 10.417%;}
.joinus .imageMask{ background-color:#e2e2e2; }

.Geoup {margin-bottom: 20%;}
.Geoup-list{ padding:120px 0 0; overflow: hidden;}
.Geoup-list .pic{ width:24.9%; display:inline-block; float:right; }
.Geoup-list .pic img{ max-width:100%; vertical-align: middle; }
.Geoup-list .text{ float:left;}
.Geoup-list:nth-child(2n) .pic{ float:left; margin-left:0; }
.Geoup-list:nth-child(2n) .text{ float: right; }
.Geoup-list .text{ width:70%; }
.Geoup-list .title{ margin-bottom:14px; color:#303133; line-height:45px; font-size:32px; }
.Geoup-list .wenb{ color:#1A1A1A; letter-spacing:1px; font-size:18px; line-height:32px; }




/*解决方案*/
.padd{padding:0 6.385%;}
/*领域*/
.back-f{ background-color:#fff; }
@media only screen and (max-width:1366px) {
	.Geoup-list .text{ width:60%; }
	.Geoup-list .pic{ width:35%; }
}
@media only screen and (max-width:1200px) {
	.Geoup-list .text{ width:60%; }
	.Geoup-list .pic{ width:38%; }
}


@media only screen and (max-width:768px) {
	.padd{ padding:0 5.33%; }	
	.joinus { padding:0 5.33%; }
	.Geoup {margin-bottom: 38px; padding-bottom: 37px; border-bottom:1px solid rgba(0,0,0,.1);}
	.Geoup-list{ padding:40px 0 0; }
	.Geoup-list:nth-child(2n) .pic,
	.Geoup-list .pic{ width:auto; max-width:100%; display:block; float:left; margin:0; }
	.Geoup-list .text{ overflow: hidden; width:100%; }
	.Geoup-list .title{ font-size:20px; line-height:24px; padding:10px 0; margin-bottom:0; }
	.Geoup-list .wenb{ color:#898989; line-height:30px; font-size:14px; }

}

.enTips .sloganText {color:#fff; font-size:40px; line-height:48px; letter-spacing:2px; }
.enTips .sloganText p:before, .enTips .sloganText p:after {display:none;}
.enTips .sloganText .small {font-size:19px; line-height:23px; font-family:'NexaLight'; letter-spacing:1px; margin-top:8%;}
.enTips .sloganText .inner {margin-top:0; top:50%; transform:translateY(-50%);}
.enTips .sloganText a {text-decoration:underline;}
@media only screen and (max-width:1280px) {
	.enTips .sloganText {font-size:34px;}
	.enTips .sloganText .small {font-size:18px;}
}
@media only screen and (max-width:1024px) {
	.enTips .sloganText {font-size:28px;}
	.enTips .sloganText .small {font-size:16px;}
}
@media only screen and (max-width:768px) {
	.enTips .sloganText {font-size:22px;}	
	.enTips .sloganText .small {font-size:14px; margin-top:15%;}
}

.view-fullVideo{position:fixed;left:50%;transform:translateX(-50%);bottom:6.778%;z-index:20;font-size:13px; letter-spacing:0.81px;text-decoration:underline; opacity:0;transition:opacity 2s;}
.view-fullVideo.show{opacity:1;}

.aboutVideo{ padding-top:7.012%;}
.aboutVideo .files{padding-bottom:56.256%;position:relative;}
.aboutVideo video{position:absolute;left:0;top:0;width:100%;height:100%;}