@charset "UTF-8";@font-face { font-family:'AkzidenzGrotesk-BoldCondAlt'; src:url('../fonts/akzidenzgrotesk-boldcondalt.woff') format('woff'); font-weight: normal; font-style: normal;}@font-face { font-family:'Gotham-Bold';src:url('../fonts/gotham-bold.woff') format('woff');font-weight: normal; font-style: normal;}@font-face { font-family:'Gotham-Book'; src:url('../fonts/gotham-book.woff') format('woff');font-weight: normal; font-style: normal;}@font-face { font-family:'gotham-medium'; src:url('../fonts/gotham-medium.woff') format('woff');font-weight: normal; font-style: normal;}html,body,figure,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input,textarea,a,span,em {margin:0;padding:0;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color: transparent;}body {
font-family:'Microsoft Yahei';
font-size:12px;
overflow-x: hidden;
overflow-y: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;}input,textarea,button{padding: 0;font-family: Verdana, Arial;}h1,h2,h3,h4,h5,h6{font-weight: normal;}img {border:0;}input[type=submit],input[type=text],button {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
border-radius:0;
cursor:pointer;}input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;}input,select,textarea {
vertical-align:middle;
outline:none;
-webkit-tap-highlight-color: transparent;}a {
color:#333;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;}a:link{text-decoration:none;}a:visited{text-decoration:none;}a:hover{text-decoration:none;cursor:pointer;}a:active{text-decoration:none;}.hidden{display:none;visibility:hidden;}.wrap{border: 0;padding:0;margin:0 auto;*zoom:1;}.wrap:after{clear: both;content:"";display: table;}.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}.clearfix:before, .clearfix:after {
content:"";
display:table;}.clearfix:after {
clear:both;}.clearfix {
zoom:1;}.wrap {
padding:0 100px;
margin:0 auto;
position:relative;}@media (max-width:991px){
.wrap {padding:0 4.5%;}
.mc-hidden {display:none}}@media (min-width:990px){
.lg-hidden1 {display:none}}@media (max-width:767px){
.sm-hidden {display:none;}}@media (min-width:768px){
.lg-hidden {display:none;}}.wrap:after,.wrap:before,.container:after,.container:before{
content:"";
display:table;}.wrap:after,.container:after {clear:both;}.container {width:80%;margin:0 auto;}@media (min-width:1200px){
.container {width:1200px;}}@media (min-width:1450px){
.container {width:1330px;}}@media (min-width:1530px){
.container {width:1530px;}}@media (min-width:1450px) {
.ourwork-page .container {width:88%;}}@media (max-width:991px){
.container {width:91%;}}.clear {clear:both;}.fl{float: left;}.fr{float: right;}.absolute { position: absolute;}.pors{position: relative;}.tl{text-align: left;}.tc{text-align: center;}.tr{text-align: right;}.hide {opacity:0;}.en {font-family:'gotham-medium';}nav li,.index-banner li,.item-list li,.inner-tab li {list-style-type:none;}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #6f6f6f; }input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #6f6f6f;}/*header*/header {
z-index:99;
position:absolute;
top:0;
left:0;
width:100%;
transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
-webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
-moz-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;}header.active {
transform: translateY(-130%);
-webkit-transform: translateY(-130%);
-moz-transform: translateY(-130%);}@media (max-width:991px){
header {display:none;}}.header-inner {
padding:0 4.5%;}header .logo {
float:left;
padding-top:40px;}header .right-side {
float:right;}header nav,.header-phone-number {float:left;}header nav li {
position:relative;
float:left;
margin-left:60px;}header nav li a {
font-size:15px;
color:#fff;
line-height:128px;}header nav li a:after {
content:'';
bottom:40px;
position:absolute;
display:block;
width:0;
height:1px;
background:#fff;
transition:all .4s;}header nav li.on a:after,header nav li a:hover:after {width:100%;}.header-phone-number {
margin-left:65px;
font:normal 14px/128px 'gotham-medium';
color:#fff;}@media (max-width:1175px) {
.header-phone-number {display:none;}}/*total-nav*/.navBar{
z-index: 999;
position: fixed;
left: 0;
top: 50%;
width: 95px;
height: 200px;
margin-top: -100px;
background-color: #222;
cursor: pointer;
overflow: hidden;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;}.navBar.visble {
transform: translateX(-95px);
-webkit-transform: translateX(-95px);
-moz-transform: translateX(-95px);}.navBar.show { background-color: #339ec1;  }.navBar.show.black {    transform: translateX(-95px);
-webkit-transform: translateX(-95px);
-moz-transform: translateX(-95px);}.navBar.Bom{ top: 70%; background-color: #fff;}.navBar .bar-logo{ position: absolute; right:25px; top: 28px; width: 44px;height:44px}.navBar .bar-logo img:last-child {display:none}.navBar .bar-menu{
position: absolute;
bottom:0;
right:0;
width:95px;
height:95px;
cursor:pointer;}.navBar .bar-menu i,.fixed-menu .close-bar i{
position: absolute;
left: 37px;
display: block;
width: 22px;
height: 2px;
overflow:hidden;}.fixed-menu .close-bar i {width:35px;}.navBar .bar-menu i.bar-left,.navBar .bar-menu i.bar-right {background:transparent;}.navBar .bar-menu i.bar-top{ bottom:56px;}.navBar .bar-menu i.bar-cen{ bottom:49px;}.navBar .bar-menu i.bar-bom{ bottom:42px;width:12px;}.navBar .bar-menu i.bar-left,.fixed-menu .close-bar i.bar-left{
bottom:49px;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);}.navBar .bar-menu i.bar-right,.fixed-menu .close-bar i.bar-right{
bottom:49px;
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);}.navBar .bar-menu i span,.fixed-menu .close-bar i span{
display: block;
width: 100%;
height: 100%;
background: #FFF;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
transform-origin: center right;
transform:scaleX(0);}.navBar .bar-menu i.bar-left span,.navBar .bar-menu i.bar-right span,.fixed-menu.active .close-bar span{
transform:scaleX(1);}.navBar.show .bar-menu i.bar-top span,.navBar.show .bar-menu i.bar-cen span,.navBar.show .bar-menu i.bar-bom span{
transform:scaleX(1);}.navBar.show .bar-menu i.bar-left span,.navBar.show .bar-menu i.bar-right span{
transform:scaleX(0);}.body-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -2; visibility: hidden; opacity: 0;
background-color: rgba(0,0,0,0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;
-webkit-transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;
-moz-transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;}.body-bg.active{ visibility: visible; opacity: 1; z-index: 997;}.fixed-menu{ position: fixed; left: 0; top: 0; height:100%; z-index: 998;
transform: translateX(-560px);
-webkit-transform: translateX(-560px);
-moz-transform: translateX(-560px);
transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
-webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
-moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;}.fixed-menu.active{
transform:matrix(1,0,0,1,0,0);
transform: translateX(0px);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
-webkit-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
-moz-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;}.fixed-menu.on {
transform: translateX(-550px);
-webkit-transform: translateX(-550px);
-moz-transform: translateX(-550px);}.fixed-menu .close-bar {display:none;}.fixed-menu .sub-menu-phone{ position: absolute; left: 0; top: 0; width: 560px; height: 100%; background-color: #222; padding:120px 30px 0 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;
-webkit-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;
-moz-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;}.fixed-menu .sub-menu-phone ul{ position:absolute;top:50%;width:100%;transform:translateY(-50%);}.fixed-menu .sub-menu-phone ul li{ display: table; width: 100%; position: relative;}.fixed-menu .sub-menu-phone ul li a{
float:right;overflow:hidden;display:block;width:330px;height:56px;line-height:55px;position:relative;
opacity: 0;
transform: translateY(50px);
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
transition: all 0s ease-in-out 0.3s;
-webkit-transition: all 0s ease-in-out 0.3s;
-moz-transition: all 0s ease-in-out 0.3s}.fixed-menu .sub-menu-phone ul li:nth-of-type(1) a{
transition: all 0.3s ease-in-out 0.8s;
-webkit-transition: all 0.3s ease-in-out 0.8s;
-moz-transition: all 0.3s ease-in-out 0.8s;}.fixed-menu .sub-menu-phone ul li:nth-of-type(2) a{
transition: all 0.3s ease-in-out 0.9s;
-webkit-transition: all 0.3s ease-in-out 0.9s;
-moz-transition: all 0.3s ease-in-out 0.9s;}.fixed-menu .sub-menu-phone ul li:nth-of-type(3) a{
transition: all 0.3s ease-in-out 1s;
-webkit-transition: all 0.3s ease-in-out 1s;
-moz-transition: all 0.3s ease-in-out 1s;}.fixed-menu .sub-menu-phone ul li:nth-of-type(4) a{
transition: all 0.3s ease-in-out 1.1s;
-webkit-transition: all 0.3s ease-in-out 1.1s;
-moz-transition: all 0.3s ease-in-out 1.1s;}.fixed-menu .sub-menu-phone ul li:nth-of-type(5) a{
transition: all 0.3s ease-in-out 1.2s;
-webkit-transition: all 0.3s ease-in-out 1.2s;
-moz-transition: all 0.3s ease-in-out 1.2s;}.fixed-menu .sub-menu-phone ul li:nth-of-type(6) a{
transition: all 0.3s ease-in-out 1.3s;
-webkit-transition: all 0.3s ease-in-out 1.3s;
-moz-transition: all 0.3s ease-in-out 1.3s;}.fixed-menu .sub-menu-phone ul li:nth-of-type(7) a{
transition: all 0.3s ease-in-out 1.4s;
-webkit-transition: all 0.3s ease-in-out 1.4s;
-moz-transition: all 0.3s ease-in-out 1.4s;}.fixed-menu .sub-menu-phone.active ul li a{
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
opacity: 1;}.fixed-menu .sub-menu-phone ul li a:after{display:none;width:0px;height:1px;background-color:#575857;position:absolute;content:'';left:0px;top:28px;}.fixed-menu .sub-menu-phone ul li a font{display:block;font-size:28px;color:#fff;position:absolute;left:0;overflow:hidden;text-transform:capitalize;line-height:58px;}.fixed-menu .sub-menu-phone ul li a small{font-family:'gotham-medium';font-size:32px;color:#999;text-transform:capitalize;position:absolute;left:0;line-height:64px;}.fixed-menu .sub-menu-phone ul li a:after,.fixed-menu .sub-menu-phone ul li a font,.fixed-menu .sub-menu-phone ul li a small{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;}.fixed-menu .sub-menu-phone .phone-wrap {position:absolute;left:200px;bottom:60px;padding-left:30px;}.fixed-menu .sub-menu-phone .phone-wrap .label {
display:block;
font-size:14px;
color:#fff;
text-transform:uppercase;
opacity:.5;}.fixed-menu .sub-menu-phone .phone-wrap .phone a{
font-size:18px;
font:18px/1.5 'Gotham-Book';
color:#fff;}.js-container {
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
-webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
-moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;}.js-container.active {
transform:translateX(560px);
-webkit-transform: translateX(560px);
-moz-transform: translateX(560px);
transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
-webkit-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
-moz-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;}/*.js-container.on {*/
/*transform: translateX(10px);*/
/*-webkit-transform: translateX(10px);*/
/*-moz-transform: translateX(10px);*//*}*/@media (max-width:1400px){
.navBar {width:60px;height:170px;}
.navBar .bar-logo {right:14px;width:35px;height:35px;}
.navBar .bar-logo img:first-child {max-width:100%;}
.navBar .bar-menu {width:60px;height:70px;}
.navBar .bar-menu i {left:18px;}
.navBar .bar-menu i.bar-top{ bottom:44px;}
.navBar .bar-menu i.bar-cen{ bottom:37px;}
.navBar .bar-menu i.bar-bom{ bottom:30px;}
.navBar .bar-menu i.bar-left,
.fixed-menu .close-bar i.bar-left,
.navBar .bar-menu i.bar-right,
.fixed-menu .close-bar i.bar-right{  bottom:37px;  }
.fixed-menu .sub-menu-phone {padding:0 30px;}
.fixed-menu .sub-menu-phone ul li a font {font-size:26px;}
.fixed-menu .sub-menu-phone ul li a small {font-size:28px;}}@media (max-width:991px){
.navBar {transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    top: 0;
    margin-top: auto;
    width: 100%;
    height: 60px;
    background-color: #fff;}
.navBar.show {background:#fff;}
.navBar.visble {transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);}
.serviceNavBarWrap .navBar.show,.serviceNavBarWrap .navBar {background:#0e0e0e;}
.serviceNavBarWrap .navBar .bar-menu i span {background: #fff;}}@media (max-width:991px){
.navBar .bar-logo {top:13px;left:4.5%; width:auto;height:34px;}
.navBar .bar-logo img:first-child {display:none}
.navBar .bar-logo img:last-child {display:block;width:auto;height:100%;}
.navBar .bar-menu {z-index:1001;position:fixed;right:4.5%;width:60px;height:60px;}
.navBar .bar-menu i span {background:#333;}
.navBar .bar-menu.active i span {background:#fff;}
.navBar .bar-menu i.bar-top {bottom:35px;}
.navBar .bar-menu i.bar-cen,
.navBar .bar-menu i.bar-left,
.navBar .bar-menu i.bar-right{  bottom: 30px;  }
.navBar .bar-menu i.bar-bom {  bottom: 25px;  width: 22px;  }
.fixed-menu {z-index:999;left:auto;right:0;width:80%;transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);}
.fixed-menu .close-bar {    z-index: 1001;  position: fixed;top:10px;  right: 10px; display:block; width: 60px;  height: 60px;cursor:pointer;}
.fixed-menu .close-bar i.bar-right,
.fixed-menu .close-bar i.bar-left {left:15px;bottom:30px;}
.fixed-menu .sub-menu-phone {left:auto;right:0;width:100%;}
.fixed-menu .sub-menu-phone ul {top:45%;width:100%;padding:0 30px;}
.fixed-menu .sub-menu-phone .phone-wrap {left:auto;}
.fixed-menu .sub-menu-phone .phone-wrap .phone a{font-size:18px;}
.js-container.active {transform: translateX(-80%);
    -webkit-transform: translateX(-80%);
    -moz-transform: translateX(-80%);}}/*footer*/footer {
position:relative;
background:#111;
overflow:hidden;}footer .wrap {width:1345px;padding:0;}.top-footer {
padding:60px 0 160px;}.top-footer .logo {
float:left;
/*width:25%;*/}.top-footer .bottom-item-wrap {
float:left;
/*width:75%;*/}.top-footer .each-item {
float:left;
/*width:33.33%;*/}@media(min-width:1366px){
.top-footer .logo {width:315px;}
.top-footer .bottom-item-wrap {width:100%;}
.top-footer .each-item {width:350px}
.top-footer .each-item.code-item {width:250px;}}.top-footer .each-item dl {
width:250px;}.top-footer .each-item dt {
padding-bottom:25px;
margin-bottom:15px;
font:normal 14px/1 '微软雅黑';
color:#fff;
border-bottom:1px solid #282828;}.top-footer .each-item .word {
font-size:14px;
color:rgba(255,255,255,.5);
transition:all .5s ease-in-out;}.top-footer .each-item .word  a{
font-size:14px;
color:rgba(255,255,255,.5);}.top-footer .each-item a.word:hover {color:rgba(255,255,255,.7);}.top-footer .contact-item .word {
display:block;
padding:5px 0;}.top-footer .address-item dd {
margin:0 0 20px 10px;
padding-left:40px;}.top-footer .address-item .address {
line-height:20px;
background:url(../images/footer-icon1-1.png) no-repeat left center;}.top-footer .address-item .phone-number {
line-height:24px;
background:url(../images/footer-icon1-2.png) no-repeat left center;}.top-footer .code-wrap {
padding:5px 0;}footer .copyright {
padding:35px 0;
font-size:12px;
color:rgba(255,255,255,.2);
text-align:center;}footer .friend-links {}footer .friend-links .item-list {
padding:35px 0;
border-top:1px solid rgba(255,255,255,.1);}footer .friend-link-button-wrap strong {
display:inline-block;
width:88px;
height:24px;
margin-bottom:15px;
font-weight:normal;
color: rgba(255,255,255,.2);
line-height:24px;
text-align:center;
border:1px solid rgba(255,255,255,.2);
border-radius:2px;}footer .friend-links.active {transform:translateY(0);}footer .friend-links li {
display:inline-block;
margin:0 25px 10px 0;}footer .friend-links li a {
font-size:12px;
color:rgba(255,255,255,.2);
transition:all .5s ease-in-out;}footer .friend-links li a:hover {color:rgba(255,255,255,.5);}@media(max-width:1400px){
footer .wrap {width:91%;}
.top-footer {padding:60px 0;}
.top-footer .logo {width:23%;}
.top-footer .bottom-item-wrap {width:100%;}
.top-footer .each-item {width:25%}
.top-footer .each-item.code-item {width:25%;}
footer .copyright {padding:0 0 30px;}}.fixed-contact-wrap {
z-index:999;
position:fixed;
right:30px;
top:75%;
width:60px;
margin-top:-90px;
overflow:hidden;
border-radius:30px;
opacity:0;
transition:all .4s;
transform: translateX(95px);
-webkit-transform: translateX(95px);
-moz-transform: translateX(95px);}.fixed-contact-wrap.show{  transform:none; opacity:1; }.fixed-contact-wrap.active {width:215px;}.fixed-contact-wrap li {
position:relative;
height:60px;
background:#222;
overflow:hidden;}.fixed-contact-wrap.active li {overflow:inherit;}.fixed-contact-wrap li a {position:relative;z-index:1000;display:block;}.fixed-contact-wrap li i {
z-index:1000;
position:absolute;
right:0;
display:block;
width:60px;
height:60px;
transition:all .4s;}.fixed-contact-wrap.active li:after {
z-index:1001;
content:'';
position:absolute;
bottom:0;
left:50%;
display:block;
width:80%;
height:1px;
margin-left:-40%;
background:rgba(255,255,255,.1);}.fixed-contact-wrap.active li:last-child:after {display:none;}.fixed-contact-wrap li:hover i,.fixed-contact-wrap li:hover strong{opacity:.5;}.fixed-contact-wrap .phone i {
background:#222 url(../images/fix-icon1.png) no-repeat center center;
border-top-left-radius:30px;
-moz-border-top-left-radius:30px;
-webkit-border-top-left-radius:30px;
border-top-right-radius:30px;
-moz-border-top-right-radius:30px;
-webkit-border-top-right-radius:30px;}.fixed-contact-wrap .qq i {background:#222 url(../images/fix-icon2.png) no-repeat center center;}.fixed-contact-wrap .back-top i {  background:#222 url(../images/fix-icon3.png) no-repeat center center;  }.fixed-contact-wrap.active .back-top i {
border-bottom-left-radius:0;
-moz-border-bottom-left-radius:0;
-webkit-border-bottom-left-radius:0;}.fixed-contact-wrap li strong {
position:absolute;
top:0;
right:-135px;
display:block;
width:115px;
padding:0 15px 0 30px;
font:normal 16px/60px 'gotham-medium';
color:#fff;
background:#222;
white-space:nowrap;
transition:all .4s;}.fixed-contact-wrap.active li strong {
right:60px;}.fixed-contact-wrap.black li {background:#111;}.fixed-contact-wrap.black li strong {background:#111;}.fixed-contact-wrap.black .phone i {background:#111 url(../images/fix-icon1.png) no-repeat center center;}.fixed-contact-wrap.black .qq i {background:#111 url(../images/fix-icon2.png) no-repeat center center;}.fixed-contact-wrap.black .back-top i {  background:#111 url(../images/fix-icon3.png) no-repeat center center;  }@media(max-width:1400px){
.fixed-contact-wrap {right:15px;width:50px;border-radius:25px;}
.fixed-contact-wrap.active {width:200px;}
.fixed-contact-wrap li {height:50px;}
.fixed-contact-wrap li i {width:50px;height:50px;}
.fixed-contact-wrap li strong {right:-120px;width:100px;padding:0 15px 0 20px;font:normal 14px/50px 'gotham-medium';}
.fixed-contact-wrap.active li strong {right:50px;}}@media(max-width:1200px){
.top-footer .logo {width:15%;}
.top-footer .logo img {width:80px;}
.top-footer .bottom-item-wrap {width:100%;}
.top-footer .each-item dl {width:95%;padding-right:5%;}}.mb15 {margin-bottom:1%;}.normal-more-wrap2 {
position:relative;
display:inline-block;
width:50px;
height:50px;
overflow:hidden;
border-radius:100%;}.normal-more-wrap2:before {
z-index:1;
content:'';
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;
border:2px solid #333;
background:url(../images/more-icon1.png) no-repeat center center;
border-radius:100%;
box-sizing:border-box;}.normal-more-wrap2:hover:before {background:url(../images/more-icon2.png) no-repeat center center;}.normal-more-wrap2:after {
z-index:0;
content:'';
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;
background:#333;
transition:all .4s;
border-radius:100%;
transform-origin:center center;
transform:scale(0);}.normal-more-wrap2:hover:after {
transform:scale(1);}.normal-more-wrap3 {
position:relative;
display:block;
width:150px;
height:50px;
font-size:14px;
text-align:center;
overflow:hidden;
border-radius:50px;
border:2px solid #fff;
transition:all .4s ease-in-out;}.normal-more-wrap3:hover {
background:#fff;}.normal-more-wrap3 .more {
display:block;
z-index:1;
position:relative;
color:#fff;
line-height:50px;}.normal-more-wrap3:hover .more {color:#333;}.page-wrap .page {
float:left;
padding:15px 30px;
background:#fff;
border-radius:30px;}.page-wrap .page a {
display:inline-block;
width:30px;
height:30px;
margin:0 5px;
font:14px/30px 'Gotham-Book';
color:#666;
text-align:center;
border-radius:15px;
transition:all .4s ease-in-out;}.page-wrap .page a.on,.page-wrap .page a:hover {color:#fff;background:#339ec1;}.page-wrap .prev-next {float:right;}.page-wrap .prev-next a {
position:relative;
display:inline-block;
width:50px;
height:50px;
margin-left:20px;
background:#fff;
border-radius:25px;}.page-wrap .prev-next a:before,.page-wrap .prev-next a:after,.ourwork-prev-next-inner a i:before,.ourwork-prev-next-inner a i:after{
content:'';
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;
border-radius:100%;
transition:all .4s ease-in-out;}.page-wrap .prev-next a:before,.ourwork-prev-next-inner a i:before{z-index:1;}.page-wrap .prev-next a.prev:before {background:#fff url(../images/more-icon3a.png) no-repeat center center;}.page-wrap .prev-next a.next:before {background:#fff url(../images/more-icon.png) no-repeat center center;}.page-wrap .prev-next a.prev:hover:before {background:transparent url(../images/more-icon3.png) no-repeat center center;}.page-wrap .prev-next a.next:hover:before {background:transparent url(../images/more-icon1.png) no-repeat center center;}.ourwork-prev-next-inner a i:after,.page-wrap .prev-next a:after {transform:scale(0);}.page-wrap .prev-next a:after {  background:#333;  }.page-wrap .prev-next a:hover:after,.ourwork-prev-next-inner a i:hover:after{
transform:scale(1);}.dialog {
z-index:1000;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;}.dialog-bg {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.6);}.dialog-content {
z-index:1111;
position:absolute;
top:50%;
left:50%;
margin-left:-292.5px;
margin-top:-230px;}.dialog-content .close {
position:absolute;
right:35px;
top:25px;
display:block;
width:18px;
height:18px;
background:url(../images/close.png) no-repeat center center;
cursor:pointer;}.price-page-wrap {
width:585px;
background:rgba(34,34,34,.95);}.price-page-inner {
padding:65px 70px 50px;}.price-page-inner .title {
margin-bottom:40px;
font-size:24px;
color:#fff;
text-align:center;}.price-page-inner .each-input {
height:50px;
margin-bottom:10px;
border-bottom:1px solid #333;}.price-page-inner .label-wrap {
float:left;
width:50px;
font-size:14px;
color:#666;
line-height:50px;}.price-page-inner .input-wrap {
margin-left:50px;}.price-page-inner .input-wrap .input-text {
width:100%;
height:50px;
font-size:14px;
line-height:50px;
color:#666;
background:transparent;}.price-page-inner .submit-wrap {
margin-top:50px;
text-align:center;}.price-page-inner .input-submit {
width:160px;
height:58px;
font-size:16px;
color:#fff;
text-align:center;
line-height:54px;
background:transparent;
border:2px solid #fff;
border-radius:58px;
transition:all .4s ease-in-out;}.price-page-inner .input-submit:hover {
color:rgba(34,34,34,.95);
background:#fff;}footer .wrap .gotop {
    display:none;
}@media (max-width:991px){
.top-footer {padding:3rem 0;}
.top-footer .bottom-item-wrap {float:none;width:100%;}
.top-footer .logo {float:none;width:auto;}
.top-footer .each-item {float:none;width:100%;margin-top:3rem;padding-bottom:1rem;}
.top-footer .each-item dl {width:100%;}
.top-footer .address-item dd {padding-left:25px;margin:0 0 20px 0;}
.top-footer .each-item.code-item {display:none;}
footer .friend-link-button-wrap {display:none;}
footer .wrap {
    position:relative;
}
footer .copyright {
    text-align:left;
}
footer .wrap .gotop {
    position:absolute;
    width:35px;
    height:35px;
    right:6%;
    top:-8px;
    display:block;
}
    footer .wrap .gotop img {
        width:100%;
    }
.fixed-contact-wrap li.qq,.fixed-contact-wrap li.phone {display:none;}
.fixed-contact-wrap li:hover {overflow:hidden;}
.fixed-contact-wrap li:last-child {position:fixed;bottom:4.5%;right:4.5%;border-radius:100%;}
.fixed-contact-wrap li i {width:35px;height:35px;}
.fixed-contact-wrap .back-top i {background-size:12px 12px;}}@media (max-width:768px){
.fixed-menu .sub-menu-phone ul li a font,
.fixed-menu .sub-menu-phone ul li a small {font-size:24px;}
.normal-more-wrap2 {width:35px;height:35px;border:1px solid #fff;}
.normal-more-wrap2:before,.normal-more-wrap2:after {width:33px;height:33px;}
.normal-more-wrap3 {width:100px;height:35px;font-size:12px;line-height:35px;}
.normal-more-wrap3:before {border:1px solid #fff;}
.normal-more-wrap3 .more {line-height:38px;}
.dialog-content {width:100%;margin-left:-45.5%;}
.price-page-wrap {width:91%;}
.price-page-inner {width:100%;padding:7% 5%;}
.price-page-inner .title {font-size:18px;margin-bottom:10px;}
.price-page-inner .input-submit {width:130px;height:40px;font-size:14px;line-height:40px;border:1px solid #fff;}}.index-banner {
position:static;
width:100%;
height:100vh;
overflow:hidden;}.index-banner .en {
font-family:'gotham-medium';}.index-banner .swiper-container {
position: relative;
width: 100%;
height: 100%;}.index-banner .carousel-inner{
position: absolute;
top: -60px;
right: 0;
bottom: 0;
left: 0;
padding-top: 60px;
overflow: hidden;
/*cursor: -webkit-grab!important;*/
/*cursor: grab!important;*/}.page-header-fullscreen-trame {
position:absolute;
left:-10%;
top:-10%;
width:120%;
height:120%;}@media (min-width: 768px) {
.index-banner .carousel-inner{
    position: absolute;
    top: 0;
    padding-top: 0;}}.index-banner .carousel-item {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow: hidden;
z-index: 10;
opacity:0;
transition: .6s opacity cubic-bezier(.19,1,.22,1);
cursor: move;
touch-action: pan-y;
user-select: none;}.index-banner .carousel-item .video-inner {
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 50%;
z-index: 8;
width: 2560px;
margin-left: -1280px;
background-color: #fff;
text-align: center;}.index-banner .carousel-item .video video {
position:relative;
display: inline-block;
vertical-align: baseline;}.index-banner .carousel-item.carousel-item-prev {
transform-origin:center right;
transform: translateX(-100%);}.index-banner .carousel-item.carousel-item-next {
transform-origin:center right;
transform: translateX(100%);}.index-banner .carousel-item:active {
cursor: -webkit-grab!important;
cursor: grab!important;}.index-banner .carousel-item.active {
z-index: 15;
opacity:1;
transform-origin:center right;}.static .carousel-item {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
cursor: default !important}.static.is-mobile .carousel-item {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 0}.index-banner .carousel-item-inner {
position: absolute;
width: 100%;
height: 100%;}.carousel-item-image-wrapper {
position:relative;
width: 100%;
height: 100%;
overflow: hidden}.carousel-item-image-wrapper:before {
z-index: 20}.carousel-item-image-wrapper:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .2;
background-color: #000;
z-index: 8}@media (min-width: 768px) {
.carousel-item-image-wrapper:after {
    content: none
}}.carousel-item-image {
position: relative;
height: 100%;
width: 100%;
overflow: hidden}.carousel-item-image:before {
opacity: .2;
z-index: 20}.banner-background {
position:absolute;
left:0;
top:0;
width:100%;}.carousel-item-image img {
position:relative;
width: 100%;
height:100%;
max-width: none;
z-index: 10}.index-banner .swiper-inner-text-wrap {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-align:center;}.carousel-item1 .page-header-fullscreen-text {
background:rgba(0,0,0,.1);}.carousel-item .page-header-fullscreen-text{
background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6))));
background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
background: linear-gradient(to right, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)',GradientType=1 );}.index-banner .swiper-inner-text {
position:absolute;
top:50%;
left:12%;
right:12%;
width:auto;
color:#fff;
line-height:1.3;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);}.index-banner .carousel-item2 .swiper-inner-text {   text-align:left;}.index-banner .carousel-item2 .cansual-title {
font-size:48px;
color:#fff;}.index-banner .cansual-line {
width:0;
height:3px;
margin:25px 0 20px;
background:#fff;}.index-banner .cansual-des {
font-size:18px;
color:#fff;
line-height:1.8;}.index-banner .carousel-item3 .cansual-des {width:50%;margin-bottom:25px;}.index-banner .carousel-item2 .cansual-des {
text-align:left;
font-size:38px;}.index-banner .carousel-item .cansual-title {
margin-bottom:10px;
font-size:48px;
color:#fff;
text-align:left;}.index-banner .carousel-item3 .cansual-item-title .en-word {
display:block;
padding-bottom:15px;
font-family:'AkzidenzGrotesk-BoldCondAlt';
font-size:84px;
color:#fff;
line-height:.9;}.index-banner .carousel-item4 .swiper-inner-text {
padding-left:50%;
text-align:left;}.index-banner .carousel-item4 .cansual-item-title {
font-size:48px;
color:#fff;}.index-banner .carousel-item3 .cansual-des {
margin-bottom:35px;}.index-banner .cansual-item-title {
position:relative;
margin-bottom:15px;}.index-banner .cansual-item-title .small-title {
display:block;
margin-bottom:-10px;
font-size:20px;}.index-banner .cansual-item-title .number {
font:normal 180px/1 'AkzidenzGrotesk-BoldCondAlt';
color:#fff;}.index-banner .carousel-item3 .cansual-item-title .number {
padding-bottom:15px;
font:normal 84px/1 'AkzidenzGrotesk-BoldCondAlt';}.index-banner .cansual-item-title .number .add-icon {
font-size:60px;
line-height:180px;
vertical-align:40px;}.carousel-item-subtitle-line {
position: absolute;
bottom: 0;
left: 50%;
width: 32px;
height: 1px;
margin-left: -16px;
background-color: rgba(255, 255, 255, .55);
content: ''}.index-banner .cansual-item-title .small-title,.index-banner .cansual-item-title .number,.index-banner .cansual-sub-title,.index-banner .carousel-item .cansual-des,.index-banner .carousel-item .cansual-line,.index-banner .carousel-item3 .cansual-title,.index-banner .carousel-item3 .radiu-button {
display:block;
opacity: 0;
transform: translate3d(0, 150%, 0);
transition:all 1s;
transition-delay:.2s;
overflow:hidden;}.index-banner .carousel-item2 .cansual-des {
transform: translate3d(150%, 0, 0);}.index-banner .carousel-item3 .cansual-des,.index-banner .carousel-item3 .cansual-line,.index-banner .carousel-item3 .cansual-title,.index-banner .carousel-item3 .radiu-button {
text-align:left;
transform: translate3d(0, -150%, 0);}.index-banner .carousel-item .cansual-line {transition-delay:.2s;}.index-banner .carousel-item3 .cansual-des {transition-delay:.4s;}.index-banner .active .cansual-item-title .small-title,.index-banner .active .cansual-item-title .number,.index-banner .active .cansual-sub-title,.index-banner .carousel-item.active .cansual-des,.index-banner .carousel-item3.active .cansual-title,.index-banner .carousel-item.active .cansual-line,.index-banner .carousel-item3.active .radiu-button{
opacity: 1;
transform: none;}.index-banner .carousel-item2 .cansual-title{
opacity:0;
transform: matrix(1, 0, 0, 1, 0, -80);
-webkit-transform: matrix(1, 0, 0, 1, 0, -80);
-moz-transform: matrix(1, 0, 0, 1, 0, -80);
transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;}.index-banner .carousel-item2.active .cansual-title {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
-moz-transform: matrix(1, 0, 0, 1, 0, 0);}.index-banner .carousel-item .cansual-line {   width:45px;}.index-banner .carousel-item3 .radiu-button {color:#fff;text-align:center;border:1px solid #fff;background:transparent;}.index-banner .carousel-item3 .radiu-button:hover {color:#333;background:#fff;}@media (min-width: 768px) {
.carousel-item-subtitle-line {
    width: 599px;
    margin-left: -300px
}}@media (min-width: 1200px) {
.carousel-item-subtitle-line {
    width: 799px;
    margin-left: -400px
}}.carousel-item-subtitle-line-timer {
position: absolute;
top: 0;
left: 0;
background-color: #fff;
display: block;
height: 100%;
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;}.active .carousel-item-subtitle-line-timer {
animation:linewidth 19s;
-moz-animation:linewidth 19s;
-webkit-animation:linewidth 19s;
-o-animation:linewidth 19s;
animation-delay:1s;
-webkit-animation-delay:1s;}@keyframes linewidth{
from {width:0;}
to {width:100%;}}@-moz-keyframes linewidth{
from {width:0;}
to {width:100%;}}@-webkit-keyframes linewidth{
from {width:0;}
to {width:100%;}}@-o-keyframes linewidth{
from {width:0;}
to {width:100%;}}.page-header-fullscreen-text{
position: absolute;
top: 50%;
right: 0;
left: 0;
text-align: center;
z-index: 25}.collapsing .page-header-fullscreen-text {
transition: .8s -webkit-transform cubic-bezier(.19, 1, .22, 1);
transition: .8s transform cubic-bezier(.19, 1, .22, 1)}@media (min-width: 768px) {
.page-header-fullscreen-text {
    padding-top: 100px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.page-header-fullscreen-text:before {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    background-color: transparent;
    border-radius: 100px;
    box-shadow: 0 0 157px 142px rgba(0, 0, 0, .17);
    left: 50%;
    top: 50%
}}@media (min-width: 768px) and (max-height: 750px) {
/*.page-header-fullscreen-text {*/
/*bottom: 150px*/
/*}*/}@media (min-width: 768px) and (min-height: 900px) {
/*.page-header-fullscreen-text {*/
/*bottom: 250px*/
/*}*/}.index-banner .cansual-sub-title span {
display:block;
font-size:20px;
line-height:32px;}.page-header-bar {
position: absolute;
right: 0;
left:0;
bottom: 0;
height: 80px;
line-height: 80px;
z-index: 55;
transform-origin: bottom;
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
transform: rotateX(0deg) translate3d(0,0,0);
-webkit-transform: rotateX(0deg) translate3d(0,0,0);
-moz-transform: rotateX(0deg) translate3d(0,0,0);
transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
-webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
-moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;}.page-header-bar.active {
transform: rotateX(90deg) translate3d(0,0,0);
-webkit-transform: rotateX(90deg) translate3d(0,0,0);
-moz-transform: rotateX(90deg) translate3d(0,0,0);}@media (min-width: 768px) {
.page-header-collapsed .page-header-bar {
    visibility: hidden;
    transition: none
}
.page-header-bar:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -70px;
    height: 70px;
    width: 100%;
    background-color: #fff
}
.page-header-bar-hidden .page-header-bar:after, .static.home .page-header-bar:after {
    transition: visibility .4s steps(1, end);
    visibility: hidden
}
.no-transition .page-header-bar:after {
    transition: none
}
.page-header-collapsed .page-header-bar:after {
    visibility: hidden;
    transition: none
}}@media (min-width: 1200px) {
.page-header-bar {
    height: 80px;
    line-height: 100px;
    margin-top: -80px;
}}.page-header-bar-inner {
transition: -webkit-transform .4s;
transition: transform .4s;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom}.page-header-bar-hidden .page-header-bar-inner, .static.home .page-header-bar-inner {
transition: visibility .4s steps(1, end), -webkit-transform .4s;
transition: visibility .4s steps(1, end), transform .4s;
visibility: hidden;
-webkit-transform: rotateX(94deg) rotateZ(0);
transform: rotateX(94deg) rotateZ(0)}.no-transition .page-header-bar-inner {
transition: none}.page-header-collapsed .page-header-bar-inner {
visibility: hidden;
transition: none}@media (min-width: 768px) {
.page-header-bar-inner {
    position: absolute;
    width: auto;
    height: 100%;
    right:4.5%;
    left:4.5%;
}}.carousel-bar-inner {
width: 100%;
height: 100%}@media (min-width: 768px) {
.carousel-bar-inner {
    width: auto
}}.carousel-bar-title-word {
padding-left:75px;
font-size:12px;
color:#666;}@media (max-width:991px) {
.carousel-bar-title {position:relative;height:100%;}
.carousel-bar-title-word{position:absolute;top:50%; width:40%; padding-left:4.5%;line-height:1.5;transform:translateY(-50%);}}.carousel-scroll-btn {
z-index:56;
position:absolute;
left:50%;
width:44px;
height:44px;
margin-left:-22px;
border:1px solid #fff;
border-radius:100%;
overflow:hidden;
cursor:pointer;}.carousel-scroll-btn .carousel-scroll-btn-icon {
position:absolute;
display:block;
width:44px;
height:44px;
margin:0 auto;
background:url(../images/down-icon2.png) no-repeat center center;
cursor:pointer;
animation: downico 1.5s ease-out infinite;}@keyframes downico {
0% {
    top: 0;
    opacity: 1;
}
35% {
    top: 50%;
    opacity: 0;
}
65% {
    top: -50%;
    opacity: 0;
}
100% {
    top: 0;
    opacity: 1;
}}.carousel-controls {
position:absolute;
right:0;
top:0;
width:330px;
height:80px;
background:#fff;}.carousel-controls .count {
position:absolute;
left:0;
width:135px;
padding-left:35px;
font:bold 16px/80px 'Gotham-Book';
color:#999;}.carousel-controls .count span {
display:inline-block;
padding:0 3px;}.carousel-controls .count .current {color:#333;}.carousel-controls .controls {
position:absolute;right:0;}.carousel-controls .carousel-line {
z-index:1;
position:absolute;
left:50%;
top:20px;
display:block;
width:1px;
height:30px;
background:#e5e5e5;}.carousel-controls .carousel-control {
float:left;
width:60px;
height:60px;
cursor:pointer;}@media (min-width:1200px){
.carousel-controls .carousel-line {height:40px;}
/*.carousel-item2 .carousel-scroll-btn {left:0;margin-left:0;}*/
.carousel-scroll-btn {bottom:36px;}
.carousel-controls .carousel-control {width:80px;  height:80px;}}.carousel-controls .swiper-button-next,.carousel-controls .swiper-button-prev {
position:relative;
width:100%;
height:100%;
overflow:hidden;}.carousel-controls .swiper-button-line {
z-index:1;
position:absolute;
top:31px;
left:35px;
display:block;
width:10px;
height:18px;
transition: all .45s ease-out 0s;
-webkit-transition: all .45s ease-out 0s;
-moz-transition: all .45s ease-out 0s;}.carousel-controls .swiper-button-prev .swiper-button-line {background:url(../images/left-icon3.png) no-repeat center center;}.carousel-controls .swiper-button-next .swiper-button-line {margin-left:1px;background:url(../images/right-icon3.png) no-repeat center center;}.carousel-controls .swiper-button-prev:hover .swiper-button-line{ left: 25px;}.carousel-controls .swiper-button-next:hover .swiper-button-line{ left: 44px;}.carousel-controls .swiper-button:after{
content:'';
position:absolute;
top:39px;
display:block;
width: 14px;
height: 2px;
background-color: #333;
-webkit-transition: -webkit-transform .45s cubic-bezier(.25,.46,.45,.94) 0s;
transition: transform .45s cubic-bezier(.25,.46,.45,.94) 0s;
-webkit-transform: scale(0,1);
transform: scale(0,1);}.carousel-controls .swiper-button-prev:after {left:28px;}.carousel-controls .swiper-button-next:after {right:28px;}@media(min-width:1200px){
.carousel-controls .swiper-button:hover:after{
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
}}.index-page-block {
/*z-index:99;*/
/*position:relative;*/
background:#fff;}.index-service {
position:relative;
padding:90px 0 100px;
overflow:hidden;}@media (max-width:1449px){
.index-service .container {width:91%;}}.index-title {
z-index:2;
position:relative;
padding-bottom:40px;
text-align:center;}.index-title .big-title {
position:relative;
height:40px;
line-height:40px;}.index-title .big-title .big {
z-index:1;
position:relative;
display:inline-block;
padding:0 18px;
font-size:28px;
color:#333;}.index-customer .index-title .big-title .big {background:#fff;}.index-title .big-title .line {
position:absolute;
top:22px;
left:50%;
display:block;
width:65px;
height:1px;
background-color:#c1c1c1;}.index-title .big-title .l-line {margin-left:-147.5px;}.index-title .big-title .r-line {margin-left:80.5px;}.index-title .small {
display:block;
font:normal 16px/1.5 'gotham-medium';
color:#999;}.swiper-slide-text-scroll {position:relative;}.index-service-scroll-wrap .swiper-container {
position:static;}.index-service-scroll-wrap {
position:relative;
padding:10% 7.5%;}@media (min-width:1200px){
.index-service-scroll-wrap { height:575px;}}@media (min-width:1400px){
.index-service-scroll-wrap { height:638px;}}@media (min-width:1530px){
.index-service-scroll-wrap { height:750px;}}.index-service-scroll-wrap .swiper-slide-text-wrap {
float:left;
width:350px;}.index-service .swiper-slide-text-each {top:15px;}.index-service .swiper-slide-text-each,.index-service .swiper-slide-image {
position:absolute;
opacity: 0;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;}.index-service .swiper-slide-image {
width:100%;
height:100%;}.index-service .swiper-slide-text-each.active,.index-service .swiper-slide-image.active {position:relative;z-index:2;opacity:1;}.index-service-scroll-wrap .swiper-slide-text-wrap .slide-title {
margin-bottom:20px;
font-weight:bold;
font-size:36px;
color:#333;}.index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition {margin-bottom:40px;}.index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition span {
display:block;
padding:8px 0;
font-size:16px;
color:#333;}.index-service-scroll-wrap .swiper-slide-text-each:last-child .swiper-slide-text-wrap .slide-title,.index-service-scroll-wrap .swiper-slide-text-each:last-child .swiper-slide-text-wrap .slide-descrition span {color:#333;}.radiu-button {
z-index:2;
position:relative;
display:block;
width:215px;
height:60px;
font:normal 16px/60px 'gotham-medium';
text-align:center;
background:#fff;
border:1px solid #fff;
border-radius:30px;
transition: all .4s ease-in-out;
overflow:hidden;}.radiu-button:hover {
color: #fff;
background:#000;
border-color:#000;}.radiu-button:hover:after {
transform-origin: center bottom;
transform: scaleY(1)}.index-service-scroll-wrap .swiper-slide-image-wrap {
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;}.index-service-scroll-wrap .swiper-slide-image-wrap img {
max-width:100%;}.index-service .work-buttons {
z-index:3;
position:absolute;
right:40px;
bottom:45px;}.index-service .work-buttons .count-tab {
margin-right:25px;
margin-bottom:50px;
border-right:1px solid rgba(186,186,186,.3);}.index-service .work-buttons .count-tab .tab {
position:relative;
width:110px;
margin-right:-10px;
line-height:40px;
cursor:pointer;}.index-service .work-buttons .count-tab .tab-key {
font-weight:normal;
font-size:12px;
color:#666;}.index-service .work-buttons .count-tab .each-tab.active .tab-key {color:#666;font-weight:bold;}.index-service .work-buttons .count-tab .dot {
position:absolute;
right:3px;
top:15px;
display:block;
width:13px;
height:13px;}.index-service .work-buttons .count-tab .dot:before {
content:'';
position:absolute;
top:50%;
left:50%;
display:block;
width:5px;
height:5px;
margin:-2.5px 0 0 -2.5px;
background:#bababa;
border-radius:100%;
transition:all .5s ease-in-out;}.index-service .work-buttons .count-tab .each-tab.active .dot:before {background:#666;}.index-service .work-buttons .count-tab .dot:after {
content:'';
position:absolute;
display:block;
width:9px;
height:9px;
border:2px solid #666;
border-radius:100%;
transform:scale(0);
transition:all .5s ease-in-out;}.index-service .work-buttons .count-tab .each-tab.active .dot:after {transform:scale(1);}.index-service .work-buttons .count-tab .each-tab.active .tab-key {font-weight:bold;}.index-service .work-buttons .prograss-bar {float:right;}.index-service .work-buttons .iconfont,.ourwork-mobile-images-scroll .work-buttons .iconfont {
position:relative;
display:block;
width:50px;
height:50px;
margin-top:15px;
background:#fff;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
transition:all .5s ease-in-out;}.ourwork-mobile-images-scroll .work-buttons .iconfont {background:transparent;}.index-service .work-buttons .iconfont:before,.ourwork-mobile-images-scroll .work-buttons .iconfont:before,.index-service .work-buttons .iconfont:after,.ourwork-mobile-images-scroll .work-buttons .iconfont:after{
position:absolute;
left:0;
top:0;
content:'';
display:block;
width:100%;
height:100%;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
transition:all .5s ease-in-out;
box-sizing:border-box;}.index-service .work-buttons .iconfont:before,.ourwork-mobile-images-scroll .work-buttons .iconfont:before { z-index:1;}.index-service .work-buttons .prev:before {background:url(../images/left-icon5.png) no-repeat center center;}.index-service .work-buttons .next:before {background:url(../images/right-icon5.png) no-repeat center center;}.index-service .work-buttons .iconfont:after,.ourwork-mobile-images-scroll .work-buttons .iconfont:after {
transform:scale(0);}.index-service .work-buttons .iconfont:after {background:#339ec1;}.ourwork-mobile-images-scroll .work-buttons .iconfont:after {background:#fff;}@media(max-width:1200px){
.index-title {padding-bottom:25px;}
.index-service {padding:70px 0 80px;}
.index-service-scroll-wrap {min-height:25rem;padding:5% 7.5%;}
.index-service-scroll-wrap .swiper-slide-text-wrap .slide-title {margin-bottom:10px;font-size:30px;}
.index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition span {padding:3px 0;font-size:14px;}
.index-service .work-buttons {bottom:15px;}
.index-service .work-buttons .count-tab .tab {line-height:30px;}
.index-service .work-buttons .count-tab .dot {top:8px;}
.radiu-button {width:180px;height:50px;    font: normal 14px/50px 'gotham-medium';line-height:50px;}
.index-service .work-buttons .iconfont, .ourwork-mobile-images-scroll .work-buttons .iconfont {width:45px;height:45px;  }}@media (max-width:1330px){
.index-service-scroll-wrap {padding:5% 7.5%;}
.index-service .work-buttons {top:45px;bottom:auto;}
.index-service .work-buttons .count-tab {margin-bottom:50px;}}@media (min-width:1530px){
.index-service .work-buttons .count-tab { margin-bottom:110px;}}@media (max-width:991px){
.index-service {padding:50px 0;}
.index-service-scroll-wrap {min-height:20rem;padding:0;}
.index-service-scroll-wrap .swiper-slide-image-wrap { position:relative;height:20rem; margin-left: 0;  }
.index-service-scroll-wrap .swiper-slide-image-wrap img {width:100%;}
.index-service .swiper-slide-image {right:0;width:100%;height:100%;}
.swiper-slide-text-scroll {position:static;}
.index-service .swiper-slide-text-each.active {position:absolute;}
.index-service .swiper-slide-text-each {top:25px;left:25px;}
.index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition {margin-bottom:2rem;}
.index-service-scroll-wrap .swiper-slide-text-wrap .slide-title {font-size:28px;margin-bottom:10px;}
.index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition span {padding:5px 0;font-size:14px;}
.index-service-scroll-wrap .swiper-slide-text-wrap .radiu-button {display:none;}
.index-service .work-buttons {  top: 25px;right:25px;  bottom: auto;  }
.index-service .work-buttons .count-tab {margin-bottom:25px;}}@media (max-width:900px){
.index-service-scroll-wrap {min-height:18rem;}
.index-service-scroll-wrap .swiper-slide-image-wrap {height:18rem;}
.index-service .work-buttons {  top:auto;right:25px;  bottom:45px;  }
.index-service .work-buttons .count-tab {display:none;}}.index-work {
position:relative;
padding:85px 0 130px;
background:#f0eeef;}.index-work .swiper-slide-text-wrap {
float:right;
width:395px;
background:#fff;
overflow:hidden;}.index-work .swiper-slide-text {
position:relative;
min-height:595px;}.index-work .swiper-slide-text-scroll {
width:100%;
height:100%;}.index-work .swiper-slide-text .swiper-slide-text-each{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 595px;
padding:70px 60px 50px;
z-index: 0;
background:#fff;
opacity:0;
transition: all 0.85s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
-webkit-transition: all 0.85s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
-moz-transition: all 0.85s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;}.index-work .swiper-slide-text .swiper-slide-text-each.active {
opacity: 1;
z-index: 1;}.index-work .slide-title {
font-size:24px;
color:#333;
line-height:1.5;
text-align:center;}.index-work .slide-title .small {
display:block;
font-size:12px;
color:#666;}.index-work .swiper-slide-text .line {
display:block;
width:24px;
height:2px;
margin:15px auto;
background-color:#999;}.index-work .slide-descrition {
font-size:14px;
color:#333;
line-height:2;}.index-work .swiper-slide-image-wrap {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;}.index-work .swiper-slide-image{
z-index:0;
position:absolute;
height:100%;
width:100%;
opacity: 0;
/*visibility: hidden;*/
transition: all .85s ease-in-out 0s;
-moz-transition: all .85s ease-in-out 0s;
/*transform:translateX(15%);*/}.index-work .swiper-slide-image.active {
width: 100%;
/*visibility: visible;*/
opacity: 1;
z-index: 1;
/*transform:none;*/}.index-work .swiper-slide-image-wrap img {
position:absolute;
left:50%;
width:1920px;
height:992px;
margin-left:-960px;}.index-work .work-buttons {
z-index:2;
position: absolute;
left: 0;
bottom: 50px;
width: 100%;
/*height: 50%;*/
display: table;}.index-work .work-buttons  .work-button .count{ text-align: center; margin-bottom: 5px;}.index-work .work-buttons  .work-button .count span,.index-work .work-buttons  .work-button .count i{
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #999;
letter-spacing: 1px;}.index-work .work-buttons  .work-button .count span {
font-family:'gotham-medium';}.index-work .work-buttons  .work-button .count span.current {color:#333;}.index-work .work-buttons  .work-button .count i{ margin: 0 5px;}.index-work .work-buttons  .work-button{ display: table-cell; vertical-align: middle;}.index-work .work-buttons  .work-button .prograss-bar{ text-align: center;}.index-work .work-buttons  .work-button .prograss-bar a{
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
margin:0 10px;
text-align: center;
line-height: 30px;
color: #fff;
font-size: 17px;
font-weight: bold;}.index-work .work-buttons  .work-button .prograss-bar a.prev {background:url(../images/left-icon1.png) no-repeat center center;}.index-work .work-buttons  .work-button .prograss-bar a.next {background:url(../images/right-icon1.png) no-repeat center center;}.index-work .work-buttons  .work-button .prograss-bar .lines{
display: inline-block;
vertical-align: middle;
width: 108px;
height: 1px;
background-color: #d9d9d9;
position: relative;}.index-work .work-buttons  .work-button .prograss-bar .lines .nline{
width: 25%;
height: 5px;
background-color: #339ec1;
position: absolute;
left: 0;
top: -2px;
transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;}.index-work .work-buttons  .work-button .sum a:hover{color: #C80000;}.index-data {position:relative;overflow:hidden;}.index-data .wrap {
z-index:1;
position:relative;
padding:0 100px;
background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6))));
background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
background: linear-gradient(to right, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)',GradientType=1 );}.index-data .index-data-list {
width:1140px;
margin:0 auto;
padding:180px 0;}.data-background {
position:absolute;
top:0;
left:0;
display:block;
width:100%;}.index-data .item {
float:left;
width:33.33%;
height:240px;}.index-data .item-inner {
position:relative;
height:240px;
text-align:center;
border-right:1px solid rgba(255,255,255,.2);}.index-data .item:nth-child(3n) .item-inner {
border-right:0;}.index-data .item:first-child .item-inner,.index-data .item:nth-child(2) .item-inner,.index-data .item:nth-child(3) .item-inner {
border-bottom:1px solid rgba(255,255,255,.2);}.index-data .text-wrap {
position:absolute;
top:50%;
width:100%;
font-size:16px;
color:#fff;
transform:translateY(-50%);}.index-data .text-wrap .number-wrap {
display:block;
font:normal 108px/1 'AkzidenzGrotesk-BoldCondAlt';
color:#fff;}.index-data .text-wrap .number-wrap .icon {
display:inline-block;
font-size:72px;
vertical-align:13px;}@media (max-width:1340px){
.index-data .wrap {width:100%;padding:0;}
.index-data .index-data-list {
    width:91%;
    padding:80px 0;
}
.index-data .item,
.index-data .item-inner {height:150px;}
.index-data .text-wrap .number-wrap {font: normal 78px/1 'AkzidenzGrotesk-BoldCondAlt';}
.index-data .text-wrap .number-wrap .icon {margin-left:-15px;font-size:48px;}}.index-tips {
width:770px;
margin:0 auto 60px;
font-size:14px;
color:#666;
line-height:1.8;
text-align:center;}.index-customer .wrap {
padding:90px 10%;}.index-customer-list {
transform:translateY(50px);
-webkit-transition: all .8s ease-in-out 0s;
-moz-transition: all .8s ease-in-out 0s;
-ms-transition: all .8s ease-in-out 0s;
-o-transition: all .8s ease-in-out 0s;
transition: all .8s ease-in-out 0s;overflow:hidden;}.index-customer.active .index-customer-list {
transform:none;}.index-customer-list li {
position:relative;
float:left;
width:20%;
height:200px;
padding:27px 0;
text-align:center;
-webkit-transition: all .8s ease-in-out 0s;
-moz-transition: all .8s ease-in-out 0s;
-ms-transition: all .8s ease-in-out 0s;
-o-transition: all .8s ease-in-out 0s;
transition: all .8s ease-in-out 0s;
transition-delay:.5s;}/*.index-customer-list .item600 {top:600px;}*//*.index-customer-list .item450 {top:450px;}*//*.index-customer-list .item550 {top:550px;}*//*.index-customer-list .item400 {top:400px;}*//*.index-customer-list .item300 {top:300px;}*//*.index-customer-list .item700 {top:700px;}*/.index-customer.active .index-customer-list li.item {top:0;}.index-customer-list .item-inner {
display:block;
width:100%;
height:145px;
border-left:1px solid #e6e6e6;}.index-customer-list li:nth-child(5n +1) .item-inner {border-left:0;}.index-customer-list li:nth-child(5n +1) .lt-dot,.index-customer-list li:nth-child(5n +1) .lb-dot,.index-customer-list li:nth-child(5n) .rt-dot,.index-customer-list li:nth-child(5n) .rb-dot{display:none;}.index-customer-list li:nth-child(5n) .item-inner {}.index-customer-list li a {
position:absolute;
top:0;
left:50%;
display:block;
width:80%;
height:200px;
margin-left:-40%;}.index-customer-list li.double-item a {
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;}.index-customer-list li img {
position:absolute;
top:50%;
left:50%;
display:block;
margin-left:-75px;
transition: all .5s linear 10ms;}.index-customer-list li img:first-child {}.index-customer-list li img:last-child {opacity:.6;}.index-customer-list li:hover img:last-child,.index-customer-list li img:first-child {
opacity:0;
transform:translateY(-50%) rotateY(180deg);}.index-customer-list li img,.index-customer-list li:hover img:first-child {opacity:1;transform:translateY(-50%) rotateY(0deg);}.index-customer-list .dot {
position:absolute;
display:block;
width:2px;
height:2px;
background:#e6e6e6;}.index-customer-list .lt-dot {
left:0;
top:0;}.index-customer-list .lb-dot {
left:0;
bottom:0;}.index-customer-list .rt-dot {
right:0;
top:0;}.index-customer-list .rb-dot {
right:0;
bottom:0;}.index-news {
padding:100px 0 70px;
background:#f6f6f6;}.index-news .wrap {
width:1345px;
padding:0;}.index-news .each-item{
float:left;}.index-news .each-item .item-inner {
position:relative;
display:block;}.index-news .each-item img {max-width:100%;}.index-news .each-item .item1 .text-wrap {
position:absolute;
bottom:0;
width:100%;
background:rgba(0,0,0,.35);}.index-news .each-item .item1 img {display:block;}.index-news .each-item .item1 .text-inner {}.index-news .each-item .item1 .title {
height:52px;
padding-right:30%;
font-size:18px;
color:#fff;
line-height:26px;
overflow:hidden;}.index-news .each-item .item .icon {
position:absolute;
right:25px;
top:40px;
display:block;
width:22px;
height:10px;
transition:all .4s ease-in-out;}.index-news .each-item .item:hover .icon {
right:15px;}.index-news .each-item .item1 .icon {
background:url(../images/more-icon1.png) no-repeat center center;}.index-news .each-item .item2 .icon,.index-news .each-item .item3 .icon{
top:30px;
background:url(../images/more-icon2.png) no-repeat center center;}.index-news .each-item .item3 .icon {right:auto;left:30px;top:85px}.index-news .each-item .item3:hover .icon {left:40px;}.index-news .each-item .item2,.index-news .each-item .item3 {
position:relative;
background:#fff;}.index-news .each-item .item2 .text-wrap {
padding-bottom:19px;
border-bottom:1px solid #f3f3f3;}.index-news .each-item .item2 .title,.index-news .each-item .item3 .title{
font-size:18px;
overflow:hidden;}.index-news .each-item .item2 .title {
margin-bottom:15px;
white-space:nowrap;
text-overflow:ellipsis;}.index-news .each-item .item2 .des {
height:48px;
font-size:14px;
color:#666;
line-height:24px;
overflow:hidden;}.index-news .each-item .date-wrap {position:relative;  }.index-news .each-item .date {
font:12px/1 'Gotham-Book';
color:#666;}.index-news .each-item .big-date {
display:block;
font:36px/1 'Gotham-Bold';
color:#999}.index-news .each-item .item2 .big-date {margin:20px 0 10px;}.index-news .each-item .item3 .date-wrap {
float:left;
width:100px;
height:90px;
border-right:1px solid #e7e7e7;}.index-news .each-item .item3 .text-wrap {
position:relative;
height:97px;
margin-left:100px;
padding-left:30px;}.index-news .each-item .item3 .date-wrap .line {
display:block;
width:20px;
height:2px;
margin:15px 0;
background-color:#e7e7e7;}.index-news .each-item .item3 .title {margin-top:-7px;height:64px;line-height:32px;}.index-news .each-item:first-child {margin-left:0;}@media (min-width:1400px){
.index-news .wrap {width:1345px;}
.index-news .each-item {width:440px;margin-left:10px;}
.index-news .each-item .item2,
.index-news .each-item .item3 {margin-bottom:10px;}
.index-news .each-item .item1 .text-inner {  padding:20px 25px 20px 30px;  }
.index-news .each-item .item2 .item-inner {padding:45px 45px 30px;}
.index-news .each-item .item3 .item-inner {padding:40px 45px;}}@media (max-width:1450px){
.index-work {padding:45px 0 80px;}
.index-work .container {width:91%;}
.index-work .swiper-slide-text-wrap {padding-top:25px;width:300px}
.index-work .swiper-slide-text {min-height:450px;}
.index-work .swiper-slide-text .swiper-slide-text-each {height:450px;padding: 50px 0 30px;}
.index-work .slide-descrition {max-height:168px;padding:0 40px;overflow:hidden;}
.index-customer .wrap {padding:90px 4.5%;}
.index-news {padding:80px 0 50px;}}@media (max-width:1399px){
.index-news .wrap {width:91%;}
.index-news .each-item {width:32%;margin-left:1.33%;}
.index-news .each-item .item2 {margin-bottom:1.75%;}
.index-news .each-item .item3 {margin-bottom:2.75%;}
.index-news .each-item .item1 .text-inner {  padding:15px 20px 15px 25px;  }
.index-news .each-item .item2 .item-inner {padding:29px 30px 24px;}
.index-news .each-item .item3 .item-inner {padding:30.5px 30px;}
.index-news .each-item .item2 .big-date {margin:16px 0 10px;}}@media (max-width:1365px){
.index-news .each-item img {height:474px;}}@media (max-width:991px){
.index-work .swiper-slide-image-wrap {height:20rem;margin-right:0;text-align:center;}
.index-work .swiper-slide-image-wrap img {max-height:20rem;width:auto;}
.index-work .swiper-slide-text-wrap,
.index-work .swiper-slide-text .swiper-slide-text-each{width:100%;background:transparent;}
.index-work .swiper-slide-text {min-height:180px;padding:30px 40px; }
.index-work .swiper-slide-text .swiper-slide-text-each {height:200px;padding:0;}
.index-work .slide-descrition,.index-work .swiper-slide-text .line {display:none;}
.index-work .work-buttons {bottom:0;display:block;}
.index-work .work-buttons .work-button {display:block;}}
.index-title,.index-service-scroll-wrap {
    opacity:0;
    margin-top:30px;
    transition:all .5s ease-in-out;
}
.index-work {opacity:0;}
.active .index-title,
.active .index-service-scroll-wrap,
.index-data.active,
.index-work.active{opacity:1;margin-top:0;}.normal-more-wrap1 {
padding-top:50px;
text-align:center;}.normal-more-wrap1 .more {
position:relative;
display:inline-block;
width:60px;
height:60px;
padding-top:23px;
background:#fff;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;}.normal-more-wrap1 .more .icon {
z-index:1;
position:relative;
display:inline-block;
width:22px;
height:10px;
background:url(../images/more-icon.png) no-repeat center center;
transition:all .5s ease-in-out;}.normal-more-wrap1 .more:hover .icon {
background:url(../images/more-icon1.png) no-repeat center center;}.normal-more-wrap1 .more:after {
content:'';
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;
background:#339ec1;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
transform:scale(0);
transition:all .5s ease-in-out;}.normal-more-wrap1 .more:hover:after {transform:scale(1)}.swiper-container {position:relative;width:100%;height:100%;}@media (max-width:991px){
.index-title .big-title {height:30px;line-height:30px;}
.index-title .big-title .big {font-size:22px;}
.index-title .big-title .line {top:15px;}
.index-title .small {font-size:14px;}
.index-work {padding:45px 0;}
.index-tips {width:100%;margin:0 auto 35px;}
.index-customer-list li {width:50%;}
.index-customer-list li:last-child {display:none;}
.index-customer-list li a {border-top:1px solid #e6e6e6;}
.index-customer-list li:first-child a,.index-customer-list li:nth-child(2) a{border-top:0;}
.index-customer-list li.double-item a {   border-bottom:0;  }
.index-customer-list li:nth-child(5n) .item-inner {border-right:0;}
.index-customer-list li:nth-child(2n+1) .item-inner {border-left:0;}
.index-customer-list li:first-child .dot.rt-dot,
.index-customer-list li:nth-child(2) .dot.lt-dot,
.index-customer-list li:nth-child(2n+1) .dot.lt-dot,
.index-customer-list li:nth-child(2n+1) .dot.lb-dot,
.index-customer-list li:nth-child(2n) .dot.rt-dot,
.index-customer-list li:nth-child(2n) .dot.rb-dot,
.index-customer-list li:nth-child(13) .dot.rb-dot,
.index-customer-list li:nth-child(14) .dot.lb-dot{display:none;}
.index-customer-list li:nth-child(5) .item-inner{border-right:1px solid #e6e6e6;}
.index-news-list dt .images-wrap img {width:100%;}
.index-news-list dt,.index-news-list dd {width:100%;margin:0 0 1.5% 0;}}@media (max-width:768px){
.index-service {padding:35px 0;}
.index-banner .cansual-item-title .small-title,
.index-banner .cansual-sub-title span{font-size:14px;}
.index-banner .cansual-item-title .number {font-size:100px;line-height:1;}
.index-title {padding-bottom:25px;}
.index-title .big-title .big {font-size:18px;}
.index-banner .cansual-item-title .number .add-icon {vertical-align:15px; }
.index-banner .carousel-item3 .cansual-des {width:auto;}
.index-banner .cansual-des {font-size:1.1rem;}
.index-banner .cansual-line {height:1px;margin:1rem 0 1.25rem;}
.index-banner .carousel-item2 .cansual-des {font-size:1.45rem;}
.index-banner .carousel-item .cansual-title {font-size:2rem;}
.index-banner .carousel-item-image .lg-hidden {width:100%;height:100%;}
.page-header-bar {height:60px;line-height:60px;}
.carousel-controls {width:250px;height:60px;}
.carousel-controls .count {    font: bold 14px/60px 'Gotham-Book';}
.carousel-controls .swiper-button-line {top:20px;left:25px;}
.carousel-controls .swiper-button-next:hover .swiper-button-line {left:25px;}
.carousel-controls .swiper-button:after {display:none;}
.carousel-controls .carousel-control {width:59px;height:59px;}
.carousel-controls .carousel-line {top:17.5px;height:25px;}
.carousel-scroll-btn,.carousel-scroll-btn .carousel-scroll-btn-icon {top:12.5px;width:35px;height:35px;}
.index-customer .wrap {padding:50px 4.5%;}
.index-service-scroll-wrap .swiper-slide-text-wrap {float:none;width:70%;}
.index-service .work-buttons {right:1.5rem;bottom:2rem;}
.index-service .work-buttons .count {margin-bottom:45px;}
.index-service .work-buttons .count i {height:90px;}
.index-service .work-buttons .prev:before {  background: url(../images/left-icon6.png) no-repeat center center;  background-size:10px 20px;  }
.index-service .work-buttons .next:before {  background: url(../images/right-icon6.png) no-repeat center center;  background-size:10px 20px;  }
.index-service-scroll-wrap .swiper-slide-text-wrap .slide-title {font-size:20px;}
.index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition span {padding:3px 0;}
.index-data .text-wrap .number-wrap {  font-size: 54px;  }
.index-news {padding:50px 0;}
.index-news .each-item .item2 .item-inner {padding:25px 25px 20px;}
.index-news .each-item .item2 .title, .index-news .each-item .item3 .title {margin-bottom:10px;font-size:16px;}
.normal-more-wrap1 {padding-top:30px;}}.inner-main-container {background:#f2f2f2;}.inner-main-container img {
max-width:100%;
vertical-align:middle;}
.inner-main-container.contact-us {
    background:#f6f6f6;
}.ourwork-mobile-article .code-wrap img {max-width:120px;}.inner-main-container .each-item .image-wrap img {
display:block;
width:100%;
height:100%;
max-width:none;
transition:all .4s;}.ourwork-list .each-item .image-wrap,.solution-list .each-item .image-wrap {
position:relative;
overflow:hidden;}.ourwork-list .each-item:hover .image-wrap img,.solution-list .each-item:hover .image-wrap img {
transform:scale(1.025);}.inner-main-container .fullwindow-banner .each-item img  {height:70px;}.normal-inner-banner,.fullwindow-banner {
position:relative;
width:100%;
height:100%;}.fullwindow-banner {height:100vh;}.fullwindow-banner img {width:100%;height:100%;}.normal-inner-banner .normal-banner-inner-wrap {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-align:center;
background: -moz-linear-gradient(left, rgba(30,95,116,.7) 0%, rgba(23,9,49,.7) 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(30,95,116,.7)), to(rgba(23,9,49,.7))));
background: -webkit-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
background: -o-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
background: -ms-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
background: linear-gradient(to right, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.7)', endColorstr='rgba(23,9,49,.7)',GradientType=1 );}.normal-inner-banner.left-text-banner .normal-banner-inner {
padding-top:90px;
color:#fff;
text-align:left;}.news-page .normal-inner-banner .container {max-width:1350px;}.normal-inner-banner .normal-banner-inner {
position:absolute;
top:50%;
width:100%;
transform:translateY(-70%);}.normal-inner-banner img {display:block;height:100%;min-height:450px;}.solution-info-banner.normal-inner-banner img {
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px);}.left-text-banner .inner-banner-title1 {
font:42px/3 'Gotham-Bold';
text-transform:uppercase;
}.left-text-banner .inner-banner-title2 {
font-size:28px;
    line-height: 180%;
    font-weight:bold;
color:#fff;}.left-text-banner .inner-line {margin:25px 0 20px;background:#fff;}.inner-banner-title {
padding-top:40px;
font-weight:bold;
font-size:32px;
color:#fff;
text-align:center;}@media (max-width:1400px){
.normal-inner-banner img {min-height:415px;height:auto;  }
.inner-banner-title {padding-top:20px;}
.index-data .index-data-list {padding:100px 0;}}.inner-banner-title .mark img {display:inline-block;max-width:100%;height:26px;min-height:26px;}.normal-inner-banner .descrition {
margin-top:16px;
font-size:16px;
color:#fff;
line-height:28px;}.fullwindow-banner-inner-wrap {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(30,95,116,.6)), to(rgba(23,9,49,.6)));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,95,116,.6)), to(rgba(23,9,49,.6)));
background: -webkit-linear-gradient(left,rgba(30,95,116,.6),rgba(23,9,49,.6));
background: -moz-linear-gradient(left, rgba(30,95,116,.6) 0%, rgba(23,9,49,.6) 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(30,95,116,.6)), to(rgba(23,9,49,.6))));
background: -webkit-linear-gradient(left, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);
background: -o-linear-gradient(left, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);
background: -ms-linear-gradient(left, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);
background: linear-gradient(to right, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.6)', endColorstr='rgba(23,9,49,.6)',GradientType=1 );}.fullwindow-banner-inner {
position:absolute;
top:50%;
left:50%;
width:60.5%;
margin-left:-30%;
transform:translateY(-50%);}.fullwindow-banner-inner li {
position:relative;
float:left;
width:34.33%;
height:25vh;
text-align:center;
border-top:1px solid rgba(255,255,255,.15);
border-left:1px solid rgba(255,255,255,.15);}.fullwindow-banner-inner li:nth-child(2),.fullwindow-banner-inner li:nth-child(5) {width:31.33%;}.fullwindow-banner-inner li:first-child,.fullwindow-banner-inner li:nth-child(2),.fullwindow-banner-inner li:nth-child(3) {border-top:0;}.fullwindow-banner-inner li:first-child,.fullwindow-banner-inner li:nth-child(3n+1) {border-left:0;}.fullwindow-banner-inner .each-item img {width:auto;max-width:100%;margin:0 auto;}.fullwindow-banner-inner .item-inner {
position:absolute;
top:50%;
width:100%;
transform:translateY(-50%);}.fullwindow-banner-inner .item-inner .icon-wrap {
display:block;
height:70px;}.fullwindow-banner-inner .item-inner .text-inner {
display:block;
padding-top:15px;
font-weight:normal;
font-size:16px;
color:#fff;}.inner-title {
font-weight:bold;
font-size:42px;
color:#333;}.inner-line {
display:inline-block;
width:55px;
height:4px;
margin:15px 0 30px;
background:#333;}.inner-descrition {
font-size:16px;
color:#333;
line-height:1.75;}.about-page {padding-bottom:85px;}.about-page .each-item .image-wrap img {width:100%;}.about-wrap-first {
z-index:1;
position:relative;
height:43vh;
text-align:center;
background:#fff;}.about-wrap-first .inner-descrition {
width:720px;
margin:0 auto;}.about-wrap-first .inner-text-wrap {
position:absolute;
top:50%;
left:50%;
width:60%;
margin-left:-30%;
transform:translateY(-50%);}.about-wrap-second .item-list {
margin-left:-1%;}.about-wrap-second .each-item {
float:left;
width:49%;
margin:0 0 1% 1%;}.about-page .image-wrap {position:relative;overflow:hidden;}.about-page .image-wrap:after,.join-list .each-item .image-wrap:after,.ourwork-list .each-item .image-wrap:after,.solution-list .each-item .image-wrap:after{
content:'';
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;
background:rgba(0,0,0,.4);
opacity:0;
transition:all .6s ease-in-out;}.ourwork-list .each-item .image-wrap:after,.solution-list .each-item .image-wrap:after {background:rgba(0,0,0,0);}.about-wrap-second .each-item:hover .image-wrap:after ,.about-wrap-four .each-item:hover .image-wrap:after ,.about-page .each-item .image-wrap:hover:after,.join-list .each-item:hover .image-wrap:after,.ourwork-list .each-item:hover .image-wrap:after,.solution-list .each-item:hover .image-wrap:after{opacity:1;}.about-page .each-item img,.join-list .each-item .image-wrap img{transition:all .4s ease-in-out;}.about-wrap-second .each-item:hover .image-wrap img,.about-page .each-item .image-wrap:hover img,.join-list .each-item:hover .image-wrap img{
transform:scale(1.05);}.about-wrap-second .item-inner {
position:relative;}.about-wrap-second .item-inner .text-wrap {
position:absolute;
bottom:0;
left:0;
width:100%;
background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));
background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));
background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));
background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));}.about-wrap-second .item-inner .text-inner {
padding:5%;
color:#fff;}.about-wrap-second .item-inner .title {
font-weight:bold;
font-size:20px;
color:#fff;}.about-wrap-second .item-inner .line {
display:inline-block;
width:55px;
height:2px;
margin:10px 0 5px;
background:#fff;}.about-wrap-second .item-inner .descrition {
width:66%;
font-size:12px;
color:#fff;
line-height:2;}.about-wrap-three .each-item,.about-wrap-five .each-item {
margin-bottom:1%;
overflow:hidden;}.about-wrap-three .each-item .item-inner > div,.about-wrap-five .each-item .item-inner a > div{  float:left;  }.about-wrap-three .each-item .item-inner > div.image-wrap, .about-wrap-five .each-item .item-inner a > div.image-wrap {float:right;}.about-wrap-three .each-item .item-inner > div {width:50%;}.about-wrap-three .each-item,.about-wrap-five .each-item{  position:relative;background:#fff;  }.about-wrap-three .each-item .text-inner {  padding:9.25%;  }.about-wrap-three .each-item .inner-title {  font-size:36px;  }.about-wrap-three .each-item .inner-line {width:40px;margin:20px 0;}.about-wrap-three .each-item .inner-descrition {  width:80%;  }.about-wrap-four .each-item { position:relative;  }.about-wrap-four .each-item .text-wrap {
position:absolute;
top:0;
width:100%;
height:100%;
text-align:center;}.about-wrap-four .each-item .text-inner {
position:absolute;
top:50%;
width:100%;
transform:translateY(-50%);}.about-wrap-four .each-item .text-inner .title {
margin-bottom:50px;
font-size:36px;
font-weight:bold;
color:#fff;
transform:translateY(20px);
opacity:0;
transition:all .6s ease-in-out;}.about-wrap-four .each-item .normal-more-wrap2 {
transform:translateY(-20px);
opacity:0;
transition:all .6s ease-in-out;}.about-wrap-four .each-item .normal-more-wrap2:before {border-color:#fff;}.about-wrap-four .each-item .normal-more-wrap2:after {background:#fff;}.about-wrap-four .each-item:hover .text-inner .title,.about-wrap-four .each-item:hover .normal-more-wrap2{
opacity:1;
transform:none;}.about-wrap-five .each-item .text-wrap {width:42.5%;}.about-wrap-five .each-item .text-inner {padding:11.5%;}.about-wrap-five .each-item .inner-title {margin-bottom:23px;font-size:36px;text-transform: uppercase;}.about-wrap-five .each-item .image-wrap {width:57.5%;}.about-wrap-five .each-item .inner-descrition {width:77.5%;font-size:18px;}.about-wrap-five .normal-more-wrap2 {position:absolute;bottom:10%;border-color:#333;transition:all .4s;}.about-wrap-five .normal-more-wrap2:hover {border-color:#fff;}.about-wrap-five .normal-more-wrap2:before {background:url(../images/more-icon.png) no-repeat center center;}.about-wrap-five .normal-more-wrap2:hover:before {background:url(../images/more-icon1.png) no-repeat center center;}/*about*/.fullwindow-banner-inner li .icon-wrap,.fullwindow-banner-inner li .text,.about-wrap-second .item-inner .title,.about-wrap-second .item-inner .line,.about-wrap-second .item-inner .descrition {
opacity: 0;
transform: translateY(50px);
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);}.fullwindow-banner-inner.active li .icon-wrap,.fullwindow-banner-inner.active li .text,.about-wrap-second .each-item:hover .item-inner .title,.about-wrap-second .each-item:hover .item-inner .line,.about-wrap-second .each-item:hover .item-inner .descrition {
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);}.fullwindow-banner-inner li:nth-of-type(1) .icon-wrap,.about-wrap-second .item-inner .title,.about-wrap-second .item-inner .line,.about-wrap-second .item-inner .descrition{
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;}.fullwindow-banner-inner li:nth-of-type(1) .text{
transition: all 0.5s ease-out .1s;
-webkit-transition: all 0.5s ease-out .1s;
-moz-transition: all 0.5s ease-out .1s;}.fullwindow-banner-inner li:nth-of-type(2) .icon-wrap{
transition: all 0.5s ease-out .2s;
-webkit-transition: all 0.5s ease-out .2s;
-moz-transition: all 0.5s ease-out .2s;}.fullwindow-banner-inner li:nth-of-type(2) .text{
transition: all 0.5s ease-out .3s;
-webkit-transition: all 0.5s ease-out .3s;
-moz-transition: all 0.5s ease-out .3s;}.fullwindow-banner-inner li:nth-of-type(3) .icon-wrap{
transition: all 0.5s ease-out .4s;
-webkit-transition: all 0.5s ease-out .4s;
-moz-transition: all 0.5s ease-out .4s;}.fullwindow-banner-inner li:nth-of-type(3) .text{
transition: all 0.5s ease-out .5s;
-webkit-transition: all 0.5s ease-out .5s;
-moz-transition: all 0.5s ease-out .5s;}.fullwindow-banner-inner li:nth-of-type(4) .icon-wrap{
transition: all 0.5s ease-out .6s;
-webkit-transition: all 0.5s ease-out .6s;
-moz-transition: all 0.5s ease-out .6s;}.fullwindow-banner-inner li:nth-of-type(4) .text{
transition: all 0.5s ease-out .7s;
-webkit-transition: all 0.5s ease-out .7s;
-moz-transition: all 0.5s ease-out .7s;}.fullwindow-banner-inner li:nth-of-type(5) .icon-wrap{
transition: all 0.5s ease-out .8s;
-webkit-transition: all 0.5s ease-out .8s;
-moz-transition: all 0.5s ease-out .8s;}.fullwindow-banner-inner li:nth-of-type(5) .text{
transition: all 0.5s ease-out .9s;
-webkit-transition: all 0.5s ease-out .9s;
-moz-transition: all 0.5s ease-out .9s;}.fullwindow-banner-inner li:nth-of-type(6) .icon-wrap{
transition: all 0.5s ease-out 1s;
-webkit-transition: all 0.5s ease-out 1s;
-moz-transition: all 0.5s ease-out 1s;}.fullwindow-banner-inner li:nth-of-type(6) .text{
transition: all 0.5s ease-out 1.1s;
-webkit-transition: all 0.5s ease-out 1.1s;
-moz-transition: all 0.5s ease-out 1.1s;}.about-wrap-first {
transition:all .6s ease-in-out;}.about-wrap-second .each-item,.about-wrap-three,.about-wrap-four,.about-wrap-five .each-item{
margin-top: 30px;
opacity: 0;
filter: alpha(opacity=0);
transition:all .6s ease-in-out;}.about-wrap-first.active {  margin-top:-95px;}.about-wrap-second.active .each-item,.about-wrap-three.active,.about-wrap-four.active,.about-wrap-five .each-item.active{
margin-top: 0;
opacity: 1;
filter: alpha(opacity=100);}.service-wrap {
position:relative;
width:100%;
height:100vh;
overflow:hidden;}.service-wrap-inner {width:100%;height:100%;}.service-wrap1 .image-wrap img,.service-wrap2 .image-wrap img,.service-wrap3 .image-wrap img{
position:absolute;
left:0;
height:100%;
width:100%;
max-width:none;}.service-wrap .text-wrap {
z-index:1;
position:absolute;
width:100%;
height:100%;}.service-wrap .container {
position:absolute;
top:50%;
left:50%;
width:73%;
margin-left:-36.5%;
transform:translateY(-50%);}.service-wrap .text-wrap .text-inner {
width:33%;}.service-wrap1 .text-wrap .text-inner {padding-top:70px;}.service-wrap:nth-child(2n) .text-wrap .text-inner {
float:right;}.service-wrap4 .image-wrap {float:left;}.service-wrap4 .image-wrap img {
width:50%;}.service-wrap .text-wrap .title {
font-size:42px;
font-weight:bold;
color:#fff;
white-space:nowrap;}.service-wrap:nth-child(2n) .text-wrap .title {color:#333;}.service-wrap .text-wrap .line {
display:block;
width:45px;
height:4px;
margin:28px 0 23px;
background:#fff;}.service-wrap:nth-child(2n) .text-wrap .line {background:#333;}.service-wrap .text-wrap .descrition {
margin-bottom:75px;
font-size:16px;
color:#fff;
line-height:30px;}.service-wrap .text-wrap .more-wrap {height:60px;}.service-wrap .normal-more-wrap3 {
width:215px;
height:58px;
line-height:58px;}.normal-more-wrap3 .more {line-height:54px;}.service-wrap:nth-child(2n) .text-wrap .descrition {color:#333;}.service-wrap:nth-child(2n) .normal-more-wrap3 {border-color:#333; }.service-wrap:nth-child(2n) .normal-more-wrap3:hover {background:#333;}.service-wrap:nth-child(2n) .normal-more-wrap3 .more {color:#333;}.service-wrap:nth-child(2n) .normal-more-wrap3:hover .more {color:#fff;}/*service effect*/.service-wrap .title,.service-wrap .line,.service-wrap .descrition,.service-wrap .more-wrap,.inner-banner-title,.normal-inner-banner .descrition,.left-text-banner .inner-banner-title1,.left-text-banner .inner-line,.left-text-banner .inner-banner-title2,.ourwork-pc-title .title,.ourwork-pc-title .line{
opacity:0;
filter: alpha(opacity=0);
transition:transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) 0s;}.service-wrap1 .title,.service-wrap1 .line,.service-wrap1 .descrition,.service-wrap1 .more-wrap,.service-wrap3 .title,.service-wrap3 .line,.service-wrap3 .descrition,.service-wrap3 .more-wrap,.inner-banner-title,.normal-inner-banner .descrition,.left-text-banner .inner-banner-title1,.left-text-banner .inner-line,.left-text-banner .inner-banner-title2,.ourwork-pc-title .title,.ourwork-pc-title .line{
-webkit-transform: translateY(60px);
-ms-transform: translateY(60px);
transform: translateY(60px);}.service-wrap2 .title,.service-wrap2 .line,.service-wrap2 .descrition,.service-wrap2 .more-wrap,.service-wrap4 .title,.service-wrap4 .line,.service-wrap4 .descrition,.service-wrap4 .more-wrap {
-webkit-transform: translateY(60px);
-ms-transform: translateY(60px);
transform: translateY(60px);}.service-wrap .title,.inner-banner-title,.left-text-banner .inner-banner-title1{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) 0s;
-webkit-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) 0s;
-moz-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) 0s;}.ourwork-pc-title .line,.service-wrap .line{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .3s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .3s;
-webkit-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .3s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .3s;
-moz-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .3s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .3s;}.service-wrap .descrition,.normal-inner-banner .descrition,.left-text-banner .inner-line{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .5s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .5s;
-webkit-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .5s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .5s;
-moz-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .5s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .5s;}.service-wrap .more-wrap,.left-text-banner .inner-banner-title2{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .7s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .7s;
-webkit-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .7s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .7s;
-moz-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .7s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .7s;}.active .ourwork-pc-title .line,.active .ourwork-pc-title .title,.service-wrap.active .title,.service-wrap.active .line,.service-wrap.active .descrition,.service-wrap.active .more-wrap,.active .inner-banner-title,.normal-inner-banner.active .descrition,.left-text-banner.active  .inner-banner-title1,.left-text-banner.active .inner-line,.left-text-banner.active .inner-banner-title2{
opacity:1;
filter: alpha(opacity=100);
transform:none;}/*.ourwork-page .container {width:87%;}*/.ourwork-list ul {margin-left:-1.25%;}.ourwork-list .each-item {
position:relative;
float:left;
width:23.75%;
margin:0 0 1.25% 1.25%;}@media (max-width:1450px){
.ourwork-list .each-item {width:32.08%;}}.ourwork-list .item-inner {
z-index:1;
position: relative;}.ourwork-list-wrap {padding-bottom:70px;}.ourwork-tab-wrap { padding:60px 0 50px;font-size:14px;color:#666;  }.ourwork-tab-wrap .item-list {position:relative;}.ourwork-tab-wrap .item-list li {
display:inline-block;
margin-right:65px;}.ourwork-tab-wrap .item-list li a {
position:relative;
display:block;
color:#666;
transition:all .4s ease-in-out;}.ourwork-tab-wrap .item-list li.on a,.ourwork-tab-wrap .item-list li:hover a{color:#000;}.ourwork-tab-wrap .item-list li a:after {
content:'';
position:absolute;
left:0;
bottom:-10px;
display:block;
width:0;
height:2px;
background:#444;
opacity:0;
transition:all .4s ease-in-out;}.ourwork-tab-wrap .item-list li.on a:after,.ourwork-tab-wrap .item-list li:hover a:after {
width:100%;
opacity:1;}.ourwork-tab-wrap .item-list .nav-icon {
position: relative;
display:inline-block;
top: -6px;
height: 2px;
line-height: 1px;
background: #444;}.ourwork-list .each-item a{
display:block;
line-height:1;
color:#fff;}.ourwork-list .each-item .text-inner { position:relative;padding:7% 15% 7% 8.5%; }.ourwork-list .each-item .title {
width:85%;
margin-bottom:10px;
font-size:16px;
font-weight:bold;
color:#333;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}.ourwork-list .each-item .small {
font-size:12px;
color:#666;}.ourwork-list .each-item .icon {
position:absolute;
right:5%;
display:block;}.ourwork-list .each-item .icon img {
display:inline-block;
margin-left:10px;}.ourwork-list .each-item .icon img:first-child {margin-left:0;}.ourwork-list .scale-box {
z-index:2;
position:absolute;
left:50%;
top:50%;
width:111%;
height:120%;
margin:-53% 0 0 -55.5%;
background:#fff;
overflow:hidden;
opacity:0;
transform:scale(0);
transition:all .5s ease-in-out;
box-shadow:0 0 25px rgba(0,0,0,.15);}@media (max-width:1400px){
.ourwork-list .scale-box {margin:-53% 0 0 -55.5%;}}.ourwork-list .each-item:hover .scale-box {opacity:1;transform:scale(1);}.ourwork-list .scale-box .image {
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);}.ourwork-list .scale-box .text {
z-index:3;
position:absolute;
width:100%;
height:100%;
background: -moz-linear-gradient(left, rgba(30,95,116,.7) 0%, rgba(23,9,49,.7) 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(30,95,116,.7)), to(rgba(23,9,49,.7))));
background: -webkit-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
background: -o-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
background: -ms-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
background: linear-gradient(to right, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.7)', endColorstr='rgba(23,9,49,.7)',GradientType=1 );}.ourwork-list .scale-box .inner {
padding:12.5% 10%;
font-size:14px;
color:#fff;}@media (max-width:769px){.ourwork-list .scale-box{
display:none;}}.ourwork-list .scale-box .s-title {margin-bottom:8px;font-size:24px;}.ourwork-list .scale-box .s-small {font-size:12px;}.ourwork-list .scale-box .line {
display:block;
width:27px;
height:1px;
margin:12px 0;
background:#fff;}.ourwork-list .scale-box .descrition {
height:144px;
line-height:24px;
overflow:hidden;}.ourwork-list .scale-box .bottom-icon {
margin-top:22px;
padding-top:35px;
text-align:center;
border-top:1px solid rgba(255,255,255,.1);}.ourwork-list .scale-box .link {
position:relative;
display:inline-block;
width:50px;
height:50px;
margin:0 15px;
background:transparent;
border-radius:100%;}.ourwork-list .scale-box .link:before,.ourwork-list .scale-box .link:after {
content:'';
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;
border-radius:100%;
box-sizing:border-box;
transition:all .5s ease-in-out;}.ourwork-list .scale-box .link:before {
z-index:1;
border:1px solid #fff;}.ourwork-list .scale-box .link1:before {background:url(../images/ourwork-icon2b.png) no-repeat center center;}.ourwork-list .scale-box .link2:before {background:url(../images/ourwork-icon3b.png) no-repeat center center;}.ourwork-list .scale-box .link1:hover:before {background:url(../images/ourwork-icon2a.png) no-repeat center center;}.ourwork-list .scale-box .link2:hover:before {background:url(../images/ourwork-icon3a.png) no-repeat center center;}.ourwork-list .scale-box .link3:before {background:url(../images/ourwork-icon1b.png) no-repeat center center;}.ourwork-list .scale-box .link4:before {background:url(../images/ourwork-icon4b.png) no-repeat center center;}.ourwork-list .scale-box .link3:hover:before {background:url(../images/ourwork-icon1a.png) no-repeat center center;}.ourwork-list .scale-box .link4:hover:before {background:url(../images/ourwork-icon4a.png) no-repeat center center;}.ourwork-list .scale-box .link:after {
background:#fff;
transform:scale(0);
transform-origin:center center;}.ourwork-list .scale-box .link:hover:after {transform:scale(1);}.ourwork-pc-title {
position:relative;
color:#fff;
text-align:left;}.ourwork-pc-title .title {
padding-right:350px;
font-weight:bold;
font-size:36px;}.ourwork-pc-title .line {
display:block;
width:45px;
height:4px;
margin:20px 0;
background:#fff;}.ourwork-pc-title .descrition {
width:75%;
height:75px;
font-size:14px;
color:#fff;
line-height:1.8;
overflow:hidden;}.ourwork-pc-title .link-wrap {
position:absolute;
right:0;
bottom:0;}.ourwork-pc-title .link-wrap .link {
position:relative;
display:block;
float:left;
width:50px;
height:50px;
margin-left:15px;
border-radius:100%;}.ourwork-pc-title .link-wrap .link:before {z-index:1;}.ourwork-pc-title .link-wrap .link:before,.ourwork-pc-title .link-wrap .link:after {
content:'';
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;
border-radius:100%;
transition:all .5s ease-in-out;}.ourwork-pc-title .link-wrap .link:after {background:#fff;transform:scale(0)}.ourwork-pc-title .link-wrap .link.on:after,.ourwork-pc-title .link-wrap .link:hover:after {transform:scale(1)}.ourwork-pc-title .link-wrap .link1:before {background:rgba(0,0,0,.2) url(../images/ourwork-icon2b.png) no-repeat center center;}.ourwork-pc-title .link-wrap .link2:before {background:rgba(0,0,0,.2) url(../images/ourwork-icon3b.png) no-repeat center center;}.ourwork-pc-title .link-wrap .link3:before {background:rgba(0,0,0,.2) url(../images/link.png) no-repeat center center;}.ourwork-pc-title .link-wrap .link1.on:before,.ourwork-pc-title .link-wrap .link1:hover:before {background:rgba(0,0,0,0) url(../images/ourwork-icon2a.png) no-repeat center center;}.ourwork-pc-title .link-wrap .link2.on:before,.ourwork-pc-title .link-wrap .link2:hover:before {background:rgba(0,0,0,0) url(../images/ourwork-icon3a.png) no-repeat center center;}.ourwork-pc-title .link-wrap .link3.on:before,.ourwork-pc-title .link-wrap .link3:hover:before {background:rgba(0,0,0,0) url(../images/link2.png) no-repeat center center;}.ourwork-pc-detail {
z-index:1;
position:relative;
max-width: 1530px;
margin: -10vh auto 0;
background:#fff;}.ourwork-pc-detail-inner {
width:1200px;
padding:10vh 0;
margin:0 auto;}@media(max-width:1700px){
.ourwork-pc-title.container {width:80%;}
.ourwork-page .container {width:80%;}
.ourwork-pc-detail-inner {width:90%;}}@media(max-width:1600px){
.ourwork-pc-title.container {width:91%;}
.ourwork-page .container {width:91%;}
.ourwork-pc-detail-inner {width:91%;}}.ourwork-pc-image {padding-bottom:25px;}.ourwork-pc-image img {
display:block;
margin:0 auto 65px;
box-shadow:0 0 30px rgba(0,0,0,.25);}.ourwork-prev-next {
position:relative;
height:230px;
background:#222;}.ourwork-prev-next-inner {
position:absolute;
top:50%;
width:100%;
text-align:center;
transform:translateY(-50%);}.ourwork-prev-next-inner a {
display:inline-block;
height:45px;
line-height:45px;}.ourwork-prev-next-inner a strong {
font-size:14px;
font-weight:normal;
color:#666;
transition:all .4s ease-in-out;}.ourwork-prev-next-inner a:hover strong {color:#888;}.ourwork-prev-next-inner a i {
position:relative;
display:inline-block;
width:45px;
height:45px;
margin-left:15px;
border-radius:100%;
vertical-align:-16px;
overflow:hidden;}.ourwork-prev-next-inner a i:after {background:#fff;}.ourwork-prev-next-inner .next i:before {background:#333 url(../images/more-icon1.png) no-repeat center center;}.ourwork-prev-next-inner .prev i:before {background:#333 url(../images/more-icon3.png) no-repeat center center;}.ourwork-prev-next-inner .next i:hover:before {background:transparent url(../images/more-icon.png) no-repeat center center;}.ourwork-prev-next-inner .prev i:hover:before {background:transparent url(../images/more-icon3a.png) no-repeat center center;}.ourwork-link {
z-index:2;
position:fixed;
bottom:36px;
left:50%;
width:50px;
height:50px;}.ourwork-link-inner {
display:block;
width:100%;
height:100%;
background:rgba(0,0,0,.2) url(../images/link.png) no-repeat center center;
border-radius:100%;}.single-full-page {
height:100vh;}.ourwork-mobile-detail-banner.single-full-page {
position:relative;
height:auto;}.single-full-page .single-full-image img {
position:absolute;
display:block;
width:100%;
height:100%;
max-width:none;}.single-full-detail {
z-index:1;
position:absolute;
top:20vh;
left:50%;
width:80%;
height:80vh;
margin-left:-40%;
background:#fff;
overflow:hidden;}.ourwork-mobile-detail-banner .single-full-page-inner {padding-bottom:20vh;}.ourwork-mobile-detail-banner .single-full-detail {position:relative;height:700px;}.ourwork-mobile-detail-inner {padding:5% 6%;}.ourwork-mobile-detail-inner > div {
position:relative;
float:left;
width:50%;}.ourwork-mobile-detail-inner .images-scroll-wrap {
position:relative;
width:70%;
margin:0 15%;
text-align:center;}.ourwork-mobile-detail-inner .swiper-slide-image {
z-index:1;
position:absolute;
top:0;
width:100%;
opacity:0;
transition:opacity .6s ease-in-out;}.ourwork-mobile-detail-inner .swiper-slide-image.active { z-index:2;opacity:1;}.ourwork-mobile-detail-inner .kehu-info-article {width:92%;}.ourwork-mobile-detail-inner .kehu-info-article .kehu-logo {
height:110px;}.ourwork-mobile-detail-inner .kehu-info-article .article-box {padding-bottom:150px;}.ourwork-mobile-detail-inner .kehu-info-article h1 {
margin-bottom:15px;
font-size:24px;
font-weight:bold;}.ourwork-mobile-detail-inner .kehu-info-article .description {
min-height:130px;
font-size:14px;
color:#666;
line-height:1.7;
text-align:justify;}.ourwork-mobile-detail-inner .kehu-info-article .icon-wrap .each {
float:left;
width:25%;}.ourwork-mobile-detail-inner .kehu-info-article .icon-wrap .each-inner {
text-align:center;}.ourwork-mobile-detail-inner .kehu-info-article .icon-wrap .icon {
display:block;}.ourwork-mobile-detail-inner .kehu-info-article .icon-wrap .each strong {
font-weight:normal;
font-size:14px;
color:#666;}.ourwork-mobile-article .kehu-info-article .back-wrap .icon {display:inline-block;}.ourwork-mobile-detail-inner .kehu-info-article .back-wrap strong { display:inline-block;margin-bottom:0; margin-left:10px;  writing-mode:horizontal-tb;vertical-align:20px;}.ourwork-mobile-detail-inner .swiper-slide-image-wrap {
background:url(../images/ourwork-mobile-detail1-1.jpg) no-repeat center center;
background-size:100% auto;}@media (min-width:991px){
.ourwork-mobile-detail-inner .swiper-slide-image-wrap {
    width:280px;
    height:512px;
}
.ourwork-mobile-detail-inner .kehu-images-scroll .swiper-slide-image-wrap {width:370px;height:auto;background:none;}
.ourwork-mobile-detail-inner .swiper-slide-image .image-wrap {
    position:relative;
    width:280px;
    height:512px;
    padding:17% 0 22%;
}
.ourwork-mobile-detail-inner .kehu-images-scroll .swiper-slide-image .image-wrap {
    width:370px;
    height:auto;
    padding:0;
}
.ourwork-mobile-detail-inner .kehu-images-scroll .swiper-slide-image a:after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.2) url(../images/magnifier.png) no-repeat center center;
    opacity:0;
}
.ourwork-mobile-detail-inner .kehu-images-scroll .swiper-slide-image a:hover:after {opacity:1;}
.ourwork-mobile-detail-inner .images-scroll-wrap img {
    width:210px;
    height:372px;
}
.ourwork-mobile-detail-inner .kehu-images-scroll .swiper-slide-image a {position:relative;display:block;}
.ourwork-mobile-detail-inner .kehu-images-scroll .swiper-slide-image-wrap img {width:370px;height:auto;}}@media (min-width:1200px){
.ourwork-mobile-detail-inner .swiper-slide-image-wrap {
    width:350px;
    height:640px;
}
.ourwork-mobile-detail-inner .swiper-slide-image .image-wrap {
    width:350px;
    height:640px;
    padding:15% 0 22%;
}
.ourwork-mobile-detail-inner .images-scroll-wrap img {
    width:263px;
    height:466px;
}}.ourwork-mobile-images-scroll .work-buttons {
z-index:2;
position:absolute;
right:25px;
top:0;}.ourwork-mobile-images-scroll .work-buttons .count {height:60px;margin-bottom:190px;}.ourwork-mobile-images-scroll .work-buttons .count span,.ourwork-mobile-images-scroll .work-buttons .count i{
display:block;
font:14px/50px 'gotham-medium';
writing-mode:tb-rl;
color:#333;}.ourwork-mobile-images-scroll .work-buttons .count i {  margin:6px 0 2px;}.ourwork-mobile-images-scroll .work-buttons .count span.total,.ourwork-mobile-images-scroll .work-buttons .count i {  color:#999;  }.ourwork-mobile-images-scroll .work-buttons .prev,.ourwork-mobile-images-scroll .work-buttons .next {background:#333;}.ourwork-mobile-images-scroll .work-buttons .prev:before {background:url(../images/left-icon5a.png) no-repeat center center;}.ourwork-mobile-images-scroll .work-buttons .next:before {background:url(../images/right-icon5a.png) no-repeat center center;}.ourwork-mobile-images-scroll .work-buttons .prev:hover:before {background:url(../images/left-icon5.png) no-repeat center center;}.ourwork-mobile-images-scroll .work-buttons .next:hover:before {background:url(../images/right-icon5.png) no-repeat center center;}.ourwork-mobile-article-inner .main-article {min-height:410px;}.ourwork-mobile-article .each-item {margin-bottom:50px;}.ourwork-mobile-article .each-item .dt-title {
float:left;
width:35%;
font-weight:bold;
font-size:24px;
color:#333;
line-height:1.6;}.ourwork-mobile-article .each-item .dd-content {
float:left;
width:60%;
font-size:14px;
color:#666;
line-height:1.75;
text-align:justify;
overflow:hidden;}.ourwork-mobile-article .back-wrap {float:left;}.ourwork-mobile-article .back-btn {display:block;}.ourwork-mobile-article .back-wrap strong {
display:block;
margin-bottom:20px;
font-size:14px;
color:#666;
writing-mode: tb-rl;
line-height:50px;}.ourwork-mobile-article .back-wrap .icon {
display:block;
width:50px;
height:50px;
background:#333 url(../images/more-icon3.png) no-repeat center center;
border-radius:100%;}.ourwork-mobile-article .code-wrap {float:right;margin-right:5%;}.ourwork-mobile-article .code-wrap .word {
display:block;
margin-top:15px;
font-size:16px;
color:#333;
text-align:center;}@media (max-width:1400px){
.ourwork-mobile-detail-inner {padding:3% 4%;}
.ourwork-mobile-article-inner .main-article {min-height:280px;}
.ourwork-mobile-article .each-item {margin-bottom:20px;}
.ourwork-mobile-article .back-wrap strong {margin-bottom:10px;}}.activity-page .container {width:1350px;}.activity-tab-wrap {
padding:60px 0;}.activity-tab-wrap li {
display:inline-block;
margin-right:50px;}.activity-tab-wrap li a {
font:30px/1 'gotham-medium','Microsoft Yahei' ;
color:#999;}.activity-tab-wrap li.on a {color:#333;}.activity-list {padding-bottom:85px;}.activity-list .each-item {margin-left:-16px;}.activity-list .item {
float:left;
margin:0 0 16px 16px;}.activity-list .big-item {
position:relative;
width:520px;}.activity-list .small-item {
width:260px;
background:#fff;}.activity-list .small-item .text-wrap {
width:100%;
height:260px;}.activity-list .big-item .text-wrap {
position:absolute;
bottom:0;
width:100%;
background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));
background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));
background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,.8)));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.8)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));
background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));}.activity-list .big-item .text-inner {padding:40px;}.activity-list .small-item .text-inner {
padding:80px 40px;
line-height:1;}.activity-list .item .title {
font-weight:bold;
line-height:1.2;}.activity-list .small-item .title {
font-size:30px;
color:#666;}.activity-list .big-item .title {
font-size:24px;
color:#fff;}.activity-list .item .line {
width:40px;
height:2px;
margin:15px 0;}.activity-list .small-item .line {  background:#c4c4c4;  }.activity-list .big-item .line {  background:#fff;  }.activity-list .item .small {  font:16px/1 'Gotham-Book';  }.activity-list .small-item .small {color:#999;}.activity-list .big-item .small {color:#fff;}.join-list {padding:50px 0 65px;}.join-list .each-item {
position:relative;
margin-bottom:15px;
background:#fff;
transition:all .5s;}.join-list .each-item:hover {box-shadow:0 0 25px rgba(0,0,0,.2);}.join-list .each-item .text-wrap {
float:left;
width:42.5%;}.join-list .each-item .text-inner {
padding:12%;
line-height:1;}.join-list .each-item .text-inner .title {
font:30px/1 'Gotham-Book','Microsoft Yahei';
font-weight:bold;
color:#333;}.join-list .each-item .text-inner .line {
display:block;
width:30px;
height:3px;
margin:25px 0;
background:#d1d1d1;}.join-list .each-item .text-inner .descrition {
font-size:16px;
color:#333;
line-height:30px;}.join-list .each-item .normal-more-wrap2 {
position:absolute;
bottom:12%;}.join-list .each-item .normal-more-wrap2:before {background:url(../images/more-icon.png) no-repeat center center;}.join-list .each-item .normal-more-wrap2:hover:before {background:url(../images/more-icon1.png) no-repeat center center;}.join-list .each-item .image-wrap {
position:relative;
float:left;
width:57.5%;
overflow:hidden;}.join-list .each-item:nth-child(2n+1) .image-wrap {float:right;}.join-us-info-inner {position:relative;width:100%;height:100%;padding:4.75%;}.join-us-info-inner .title-wrap {
float:left;
width:30%;
color:#333;}.join-us-info-inner .title-wrap .title1 {
font:36px/1 'gotham-medium';
text-transform:uppercase;}.join-us-info-inner .title-wrap .line {
display:block;
width:40px;
height:4px;
margin:25px 0;
background:#d1d1d1;}.join-us-info-inner .title-wrap .title2 {
font-size:28px;
font-weight:bold;}.join-us-info-inner .detail-wrap {
margin-left:30%;
width:420px;
color:#333;
line-height:1.8;}.join-us-info-inner .detail-wrap .infomation {
margin-bottom:80px;
font-size:20px;}.join-us-info-inner .detail-wrap .descrition {
font-size:16px;}.join-us-info-inner .detail-wrap .descrition .title {
font-size:20px;
font-weight:bold;}.join-us-info-article-inner .back-wrap {
z-index:2;
position:absolute;
left:4.75%;
bottom:4.75%;}.join-us-info-article-inner .back-btn {display:block;}.join-us-info-article-inner .back-wrap strong {
display:block;
margin-bottom:20px;
font-size:14px;
color:#666;
writing-mode: tb-rl;
line-height:50px;}.join-us-info-article-inner .back-wrap .icon {
display:block;
width:50px;
height:50px;
background:#339ec1 url(../images/more-icon1.png) no-repeat center center;
border-radius:100%;}.join-us-info-article-inner .work-buttons-wrap .count {
z-index:2;
position:absolute;
right:4.75%;
bottom:4.75%;}.join-us-info-article-inner .work-buttons-wrap .count span,.join-us-info-article-inner .work-buttons-wrap .count i{
display:inline-block;
font:24px/50px 'Gotham-Book';
color:#333;}.join-us-info-article-inner .work-buttons-wrap .count span.current { font:36px/50px 'gotham-medium';}.join-us-info-article-inner .work-buttons-wrap .count span.total,.join-us-info-article-inner .work-buttons-wrap .count i {  color:#999;  }.join-us-info-article-inner .work-buttons-wrap .prograss-bar {
z-index:2;
position:absolute;
right:4.75%;
top:4.75%;}.join-us-info-article-inner .work-buttons-wrap .iconfont {
display:inline-block;
width:50px;
height:50px;
margin-left:15px;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;}.join-us-info-article-inner .work-buttons-wrap .prev {background:#333 url(../images/left-icon3a.png) no-repeat center center;}.join-us-info-article-inner .work-buttons-wrap .next {background:#333 url(../images/right-icon3a.png) no-repeat center center;}.solution-list .item-list {padding:35px 0 15px;margin-left:-1.25%;}.solution-list .each-item {
position:relative;
float:left;
width:32.08%;
margin:0 0 1.75% 1.25%;
background:#fff;
/*overflow:hidden;*/
transition: all .6s;}.solution-list .each-item:hover {
/*width:32.43%;*/
/*padding:.35%;*/
/*margin:-.35% -.35% .9% .9%;*/}.solution-list .item-inner {z-index:1;position:relative;display:block;}.solution-list .each-item .text-inner {
padding:5%;}.solution-list .each-item .text-inner .title {
margin-bottom:10px;
font-size:16px;
font-weight:bold;
color: #333;
white-space: nowrap;
text-overflow:ellipsis;
overflow:hidden;}.solution-list .each-item .text-inner .descrition {
height:44px;
font-size:12px;
color:#666;
line-height:22px;
overflow:hidden;}.news-list-page {padding-bottom:70px;}.news-list-page .container {max-width:1350px;}.news-tab-wrap {padding:65px 0 55px;}.news-tab-wrap li {display:inline-block;margin-right:10px;}.news-tab-wrap li a {
display:block;
width:150px;
height:50px;
font-size:14px;
color:#666;
line-height:50px;
text-align:center;
background:#fff;
border-radius:25px;
transition:all .4s ease-in-out;}.news-tab-wrap li.on a,.news-tab-wrap li a:hover {color:#fff;background:#333;}.news-list .item-list {margin-left:-1.5%;}.news-list li {
position:relative;
float:left;
width:48.5%;
margin:0 0 1.5% 1.5%;
background:#fff;}.ourwork-list .each-item:after,.news-list li:after,.index-news-list .item2:after,.index-news-list .item3:after,.solution-list .each-item:after,.pay-list .each-item:after {
position:absolute;
left:0;
top:0;
content:'';
display:block;
width:100%;
height:100%;
background:#fff;
transition:all .6s;}.ourwork-list .each-item:hover:after,.news-list li:hover:after,.index-news-list .item2:hover:after,.index-news-list .item3:hover:after,.solution-list .each-item:hover:after,.pay-list .each-item:hover:after{
box-shadow:0 15px 15px rgba(0,0,0,.1);}.news-list li:hover:after, .index-news-list .item2:hover:after, .index-news-list .item3:hover:after,.pay-list .each-item:hover:after {transform:scale(1.025);}.news-list li a,.index-news-list .item-inner {
z-index:1;
position:relative;
display:block;}.news-list-one li a {  padding:35px 70px;  }.news-list-one .date-wrap {
position:relative;
float:left;
width:115px;
height:155px;
border-right:1px solid #e7e7e7;}.news-list-one .date-inner {
position:absolute;
top:50%;
transform:translateY(-50%);}.news-list-one .date-wrap .day {
font:48px/1 'gotham-medium';}.news-list-one .date-wrap .line {
display:block;
width:25px;
height:3px;
margin:15px 0;
background:#e7e7e7;}.news-list-one .date-wrap .days {
font:14px/1 'Gotham-Book';}.news-list-one .text-wrap {
margin-left:175px;}.news-list-one .text-wrap .title {
font-size:18px;
color:#333;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;}.news-list-one .text-wrap .descrition {
height:48px;
margin:15px 0 40px;
font-size:14px;
color:#666;
line-height:24px;
overflow:hidden;}.news-list .text-wrap .more .icon{
display:inline-block;
width:0;
height:10px;
background:url(../images/more-icon2.png) no-repeat center center;
transition:all .4s;
opacity:0;}.news-list .text-wrap .more strong{
font-size:14px;
font-weight:normal;
color:#666;
transition:all .4s;}@media(min-width:1366px){
.news-list-one li:hover .text-wrap .more .icon {margin-right:10px;}
.news-list-two li:hover .text-wrap .more .icon {margin-left:10px;}
.news-list li:hover .text-wrap .more .icon {width:21px;opacity:1;}}.news-list-two li a {padding:35px 40px;}.news-list-two li .text-wrap {
float:left;
width:35%;}.news-list-two li .date {
font:14px/1 'Gotham-Book';}.news-list-two li .text-wrap .title {
height:60px;
margin:30px 0;
font-size:18px;
color:#333;
line-height:30px;
overflow:hidden;}.news-list-two li .image-wrap {
float:right;
width:35%;
min-width:150px;}.news-list-two li .image-wrap img {max-width:150px;}.contact-us-page {
padding:15px 0 70px;}.contact-us-page .container {}.contact-infomation {
padding:4% 5% 4.5%;
background:#fff;}.contact-infomation .each-item {
float:left;
width:21.5%;
margin-right:3.5%;}.contact-infomation .each-item dt {
padding-bottom:25px;
margin-bottom:15px;
font-size:14px;
font-weight:bold;
color:#333;
border-bottom:1px solid rgba(0,0,0,.15);}.contact-infomation .each-item .word {
font-size:14px;
color:#666;
transition:all .5s ease-in-out;}.contact-infomation .each-item a.word:hover {color:rgba(255,255,255,.7);}.contact-infomation .each-item .contact-item .word {
display:block;
padding:5px 0;}.contact-infomation .each-item .address-item dd {
margin:0 0 20px 0;
padding-left:35px;}.contact-infomation .each-item .address-item .address {
line-height:22px;
background:url(../images/contact-icon3.png) no-repeat left center;}.contact-infomation .each-item .address-item .phone-number {
line-height:24px;
font-size:16px;
background:url(../images/contact-icon4.png) no-repeat left center;}.contact-infomation .each-item.qq-item {
/*width:29%;
margin-left:6.5%;*/
width:25%;
margin-right:0;}.contact-infomation .each-item .dt-title {
padding-bottom:25px;
margin-bottom:15px;
font-size:16px;
font-weight:bold;
color:#333;
border-bottom:1px solid rgba(0,0,0,.15);
text-transform:uppercase;}.contact-infomation .each-item .dt-titles {
padding-bottom:25px;
font-size:16px;
font-weight:bold;
color:#333;
text-transform:uppercase;}.contact-infomation .each-item .dd-content > span {
font:16px/1  'Gotham-Book','Microsoft Yahei';
color:#666;
font-weight:bold;
line-height:22px;
padding-left:35px;
background:url(../images/contact-icon5.png) left center no-repeat;}.contact-infomation .each-item .wechat-content > span {
font:16px/1  'Gotham-Book','Microsoft Yahei';
color:#666;
font-weight:bold;
line-height:22px;
padding-left:35px;
background:url(../images/wechat.png) left center no-repeat;}.contact-infomation .each-item .contact-qq {
display:inline-block;
width:145px;
height:48px;
margin-right:10px;
margin-bottom:10px;
font:14px/1  'gotham-medium';
color:#333;
line-height:48px;
text-align:center;
border:2px solid #333;
border-radius:52px;
-moz-border-radius:52px;
-webkit-border-radius:52px;
transition:all .4s ease-in-out;}.contact-infomation .each-item .contact-qq:hover {color:#fff;background:#333;}.contact-infomation .each-item .contact-qq .icon {
display:inline-block;
width:23px;
height:23px;
margin-right:5px;
vertical-align:-5px;
background:url(../images/contact-icon1-2.png) no-repeat center center;
transition:all .4s ease-in-out;}.contact-infomation .each-item .contact-qq:hover .icon {background:url(../images/fix-icon2.png) no-repeat center center;}@media(max-width:1338px){
.contact-infomation {padding:3% 3% 3.5%;}
/*.contact-infomation .each-item.qq-item {width:35.5%;margin-left:0;}*/
.contact-infomation .each-item .dd-content > span {  font: 14px/1 'Gotham-Book','Microsoft Yahei';  line-height: 24px;  }
.contact-infomation .each-item .contact-qq {width:135px;height:40px;line-height:36px;}}.contact-map {background:#fff;}.contact-traffic {
background:#fff;}.contact-traffic .title {
padding-bottom:4%;
font-size:28px;
font-weight:bold;
color:#333;
text-align:center;
padding-top:5%;}/*.contact-traffic-ways {margin-left:-5%;}*/.contact-traffic .each-item {
float:left;
width:50%;
min-height:500px;
padding:8% 10% 5% 7%;
box-sizing:border-box;}
.contact-traffic .each-item:last-child {
    background:#f1f1f1;
}.contact-traffic .each-item .dt-title {
margin-bottom:20px;
border-bottom:1px solid #e5e5e5;}.contact-traffic .each-item .dt-title .icon {
display:block;
width:48px;
height:45px;}
.contact-traffic .item-bus .dt-title .icon {background:url(/imagescontact-icon2-1.png) no-repeat center center;}
.contact-traffic .item-train .dt-title .icon {background:url(/imagescontact-icon2-2.png) no-repeat center center;}.contact-traffic .item-car .dt-title .icon {background:url(/imagescontact-icon2-3.png) no-repeat center center;}@media(max-width:1365px){
.contact-traffic .each-item .dt-title .icon {width:55px;height:51px;}
.contact-traffic .item-bus .dt-title .icon {background:url(/imagescontact-icon2-1a.png) no-repeat center center;background-size:100% 100%;}
.contact-traffic .item-train .dt-title .icon {background:url(/imagescontact-icon2-2a.png) no-repeat center center;background-size:100% 100%;}
.contact-traffic .item-car .dt-title .icon {background:url(/imagescontact-icon2-3a.png) no-repeat center center;background-size:100% 100%;}}.contact-traffic .each-item .dt-title .text {
display:block;
padding:30px 0;
font-size:20px;
color:#333;
line-height:1;}.contact-traffic .each-item .dd-content {padding-right:60px;}.contact-traffic .each-item .dd-content span {
display:block;
font:14px/1.85 'gotham-medium','Microsoft Yahei';
color:#666;}.pay-page {  padding:60px 0 100px;  }.pay-page-inner .title {
margin-bottom:23px;
font-size:28px;
font-weight:bold;
color:#333;
text-align:center;}.pay-list .each-item {position:relative;float:left;width:25%;background:#fff;}.pay-list .each-item:hover {z-index:1;}.pay-list .each-item:hover:after {box-shadow:0 0 25px rgba(0,0,0,.2);}.pay-list .item-inner {z-index:2;position:relative;}.pay-list .item-inner {padding:13%;}.pay-list .item-inner .image-wrap {margin-bottom:25px;}.pay-list .item-inner .image-wrap img {width:auto;max-width:100%;}.pay-list .item-inner .account span{
display:block;
padding:5px 0;
font-size:14px;
color:#333;}@media (min-width:1400px){
.pay-list .each-item {width:25%;}
.pay-list .each-item:nth-child(2),
.pay-list .each-item:nth-child(4),
.pay-list .each-item:nth-child(5),
.pay-list .each-item:nth-child(7) {background:#fcfcfc;}}@media (max-width:1550px){
.pay-list .each-item {width:33.33%;}
.pay-list .each-item:nth-child(2),
.pay-list .each-item:nth-child(4),
.pay-list .each-item:nth-child(6),
.pay-list .each-item:nth-child(8){background:#fcfcfc;}}@media (min-width:1530px){
.pay-list .item-inner {padding:10%;}}@media (min-width:992px) and (max-width:1299px){
.pay-list .each-item {width:50%;}}.more-relate-list {padding:40px 0;}.more-relate-list .relate-title {
margin-bottom:20px;
font-size:24px;
font-weight:bold;
color:#333;}.normal-info-container {
z-index:1;
position:relative;
margin-top:-10vh;
padding:55px 90px;
background:#fff;}.solution-info .normal-info-container,.news-info .normal-info-container{
margin-top:-15vh;
padding:70px 85px;}.solution-info .solution-list .item-list {
padding:0 0 10px;}.normal-info-container .news-info-title {
padding-bottom:23px;
margin-bottom:20px;
font:14px/1 'Gotham-Book','Microsoft Yahei';
color:#999;
border-bottom: 1px solid #e5e5e5;}.normal-info-container article {
font-size:14px;
color:#555;
line-height:1.85;}.normal-info-container .prev-next-wrap {
padding-top:23px;
font-size:14px;
color:#666;
line-height:1.5;
border-top:1px solid #e5e5e5;}.normal-info-container .prev-next-wrap .prev {margin-bottom:10px;}.normal-info-container .prev-next-wrap a {color:#666;}article .title {
margin-bottom:25px;
font-size:28px;
font-weight:bold;
color:#333;}article .descrition {
font-size:14px;
color:#666;
line-height:1.8;}.load-more {display:none;}@media (max-width:1400px){
.news-page .normal-inner-banner .container,
.news-list-page .container,
.normal-banner-inner .container,
.contact-us-page .container,
.pay-page .container{max-width:none;width:100%;padding:0 4.5%;}}@media (max-width:1400px){
.normal-more-wrap1 {padding-top:30px;}
.ourwork-tab-wrap {padding:40px 0 30px;}
/*.normal-inner-banner .normal-banner-inner {top:55%;}*/
.fullwindow-banner-inner {margin-top:40px;}
.about-wrap-first {height:50vh;}
.about-wrap-first.active {  margin-top:-50px;}
.service-wrap .text-wrap .title,.inner-title {font-size:36px;}
.inner-line,
.service-wrap .text-wrap .line,
.ourwork-pc-title .line{height:3px;}
.about-wrap-three .each-item .inner-title,
.ourwork-pc-title .title{font-size:32px;}
.service-wrap .text-wrap .descrition {font-size:14px;}
article .title {font-size:24px;}
.single-full-detail {width:91%;margin-left: -45.5%;}
.ourwork-mobile-article .each-item .dt-title {font-size:20px;}
.ourwork-mobile-article .each-item .dd-content {font-size:12px;}
.ourwork-mobile-article .each-item .dt-title {width:30%;}
.ourwork-mobile-article .each-item .dd-content {width:70%;max-height:105px;}
.ourwork-mobile-article .code-wrap img {width:90px;}
/*.ourwork-mobile-detail-inner .images-scroll-wrap img {width:65%;}*/
.ourwork-pc-title .link-wrap {right:4.5%;}}@media (min-width:1080px){
.index-service .work-buttons .prev:hover:before {background:url(/imagesleft-icon5a.png) no-repeat center center;}
.index-service .work-buttons .next:hover:before {background:url(/imagesright-icon5a.png) no-repeat center center;}
.index-service .work-buttons .iconfont:hover:after,
.ourwork-mobile-images-scroll .work-buttons .iconfont:hover:after {transform:scale(1);}}@media (max-width:991px){
.index-banner {height:calc(100vh - 60px);margin-top:60px;}
.index-data .wrap {  padding:0 4.5%;  }
.index-data .index-data-list { width:auto; padding:7.5% 0;  }
.index-data .item {width:50%;height:160px;}
.index-data .item-inner {height:160px;}
.index-data .item:nth-child(2n+1) .item-inner {border-right:1px solid #62707c;}
.index-data .item:nth-child(2n) .item-inner {border-right:0;}
.index-data .item:nth-child(4) .item-inner {border-bottom:1px solid #62707c;}
.index-data .text-wrap .number-wrap {font-size:60px;}
.index-data .text-wrap .number-wrap .icon {margin-left:-10px;font-size:50px;vertical-align:5px;}
.index-data .text-wrap {font-size:14px;}
.inner-main-container {padding-top:60px;}
.fullwindow-banner{height:100vh;}
.normal-inner-banner{}
.inner-main-container .fullwindow-banner img {height:100%;}
.normal-inner-banner img {width:auto;max-width:none;min-height:0;margin-left:-50%;}
.fullwindow-banner-inner {width:91%;margin-top:0;margin-left:-45.5%;}
.fullwindow-banner-inner li,
.fullwindow-banner-inner li:nth-child(2), .fullwindow-banner-inner li:nth-child(5){width:50%;}
.fullwindow-banner-inner li:first-child, .fullwindow-banner-inner li:nth-child(2n+1) {border-left:0;}
.fullwindow-banner-inner li:nth-child(3) {border-top:1px solid rgba(255,255,255,.15);}
.fullwindow-banner-inner li:nth-child(4) {border-left:1px solid rgba(255,255,255,.15);}
.inner-main-container .fullwindow-banner .each-item img {width:auto;height:53px;}
.inner-title,.about-wrap-three .each-item .inner-title,.ourwork-pc-title .title{font-size:32px;}
.about-wrap-first .inner-title {width:12rem;margin:0 auto;}
.about-wrap-second .item-list {margin-left:0;}
.about-wrap-second .each-item {width:100%;margin:0 0 1.5% 0;}
.about-wrap-second .item-inner .text-wrap {height:100%;background:rgba(0,0,0,.5)}
.about-wrap-second .item-inner .text-inner {position:absolute;top:50%;text-align:center;transform:translateY(-50%);}
.about-wrap-second .item-inner .line {opacity:0;}
.about-wrap-second .item-inner .descrition {font-size:16px;}
.about-wrap-three .each-item .item-inner > div,
.about-wrap-five .each-item .image-wrap,
.about-wrap-five .each-item .text-wrap{width:100%;}
.about-wrap-five .normal-more-wrap2,
.join-list .each-item .normal-more-wrap2{position:relative;}
.about-wrap-five .each-item .inner-title {font-size:28px;}
.about-wrap-five .each-item .inner-descrition {margin-bottom:35px;font-size:16px;}
.ourwork-list-wrap {padding-bottom:50px;}
.ourwork-tab-wrap {height:74px;padding:20px 0;}
.ourwork-tab-wrap .label {display:none;}
.ourwork-tab-wrap .item-list {margin-left:0;}
.ourwork-tab-wrap .item-list ul {white-space:nowrap;overflow:auto;}
.ourwork-tab-wrap .item-list li {margin-left:0;margin-right:30px;}
.news-tab-wrap {padding:20px 0;overflow:hidden;}
.news-tab-wrap ul {white-space: nowrap;overflow:auto;}
.news-tab-wrap li {display:inline-block;}
.news-tab-wrap li a {width:auto;height:auto;line-height:1.3;background:transparent;border-radius:0;}
.ourwork-tab-wrap .item-list li a,.news-tab-wrap li a {display:block;padding:5px 0;color:#666;border-bottom:3px solid transparent;}
.ourwork-tab-wrap .item-list li.on a,
.news-tab-wrap li.on a {font-weight:bold;color:#444;border-bottom:3px solid #444;}
.news-tab-wrap li.on a {background:transparent;}
.ourwork-list ul {margin-left:0;}
.ourwork-list .each-item {width:100%;margin:0 0 2.5% 0;}
.ourwork-list .each-item .title {font-weight:normal;}
.ourwork-list .each-item .icon {display:none;}
article .title {margin-bottom:15px;font-size:22px;}
.ourwork-pc-image img {margin:0 auto 25px;}
.activity-page .container {width:91%;}
.activity-tab-wrap {padding:30px 0;}
.activity-tab-wrap li {margin-right:25px;}
.activity-tab-wrap li a {font-size:24px;}
.activity-list .each-item {margin-left:0;}
.activity-list .big-item,.activity-list .small-item {width:100%;margin:0 0 2.5% 0;}
.activity-list .small-item .text-wrap,.activity-list .small-item .image-wrap {float:left;width:50%;}
.activity-list .big-item .text-wrap {height:100%;background:rgba(0,0,0,.5);}
.activity-list .big-item .text-inner {position:absolute;top:50%;width:100%;text-align:center;transform:translateY(-50%);}
.activity-list .big-item .line {margin:20px auto;}
.activity-list .small-item .text-wrap {height:auto;}
.activity-list .small-item .text-inner {padding:25px;}
.activity-list .small-item .title {font-size:26px;}
.join-list .each-item .image-wrap,
.join-list .each-item .text-wrap{width:100%;}
.solution-list .each-item {width:48.75%;}
.join-us-info-inner .title-wrap,
.join-us-info-inner .detail-wrap  {width:100%;}
.join-us-info-inner .detail-wrap {margin-left:0;}
.single-full-detail {width:100%;height:100%;left:0;margin-left:0;}
.service-wrap .container {width:80%;    margin-left: -40%;}
.service-wrap1 .image-wrap img, .service-wrap2 .image-wrap img, .service-wrap3 .image-wrap img {left:-50%;width:auto;height:100%;}
.service-wrap .text-wrap .text-inner {width:100%;}
.service-wrap .more-wrap {display:none;}
.service-wrap4 .service-wrap-inner {position:absolute;top:50%;transform:translateY(-50%);}
.service-wrap.service-wrap4 .text-wrap {position:relative;padding:15% 0;height:auto;}
.service-wrap.service-wrap4 .container {position:relative;    top:auto;  left:auto;  width: 80%;  margin:0 auto;  transform: translateY(0);}
.service-wrap4 .image-wrap {float:none;}
.service-wrap4 .image-wrap img {max-width:100%;width:100%;}
.page-wrap {display:none;}
.load-more {display:block;padding-top:30px;}
.load-more .radiu-button {margin:0 auto;}
.news-list .item-list {margin-left:0;}
.news-list li {width:100%;margin:0 0 1.5% 0;}
.inner-main-container.contact-us {background:#f2f2f2;}
.contact-infomation {padding:3% 0 3.5%;margin-top:-12%;position:relative;z-index:3;}
.contact-infomation .each-item {width:100%;padding:5% 3%;border-bottom:10px solid #f2f2f2;}
.contact-infomation .each-item.qq-item {width:100%;border-bottom:0; box-sizing: border-box; padding: 5% 12%;}
.contact-infomation .each-item .contact-qq{width:100%; margin-right:0; height:50px; line-height:50px;}
.contact-traffic .each-item,
.pay-list .each-item{width:100%;}
.contact-traffic .title {padding-top:10%;}
.contact-traffic .each-item {padding:8% 12%;}
.contact-traffic .each-item:last-child{background:none;}
.pay-list .each-item {margin-bottom:5%;}
.pay-list .item-inner {padding:10%;}
.data-background {height:100%;}
.index-news .each-item {width:100%;margin-left:0;}
.index-news .each-item:first-child {display:none;}}@media (max-width:767px){
.index-banner .carousel-item .video video {display:none;}
.index-banner .carousel-item .fullscreen-image {padding-top:60px;}
.index-customer-list li img {max-width:100%;}
/*.index-service .swiper-slide-text-each:nth-child(4),
.index-service .swiper-slide-text-each:nth-child(5){left:0;top:25px;bottom:auto;width:100%;text-align:center;}
.index-service-scroll-wrap .swiper-slide-text-each:nth-child(4) .swiper-slide-text-wrap,
.index-service-scroll-wrap .swiper-slide-text-each:nth-child(5) .swiper-slide-text-wrap {width:100%;}*/
.normal-inner-banner.left-text-banner .normal-banner-inner {padding-top:25px;}}@media (max-width:768px){
.top-footer .address-item .address {background: url(/imagesfooter-icon1-1a.png) no-repeat left center;background-size:1rem 1.6rem;}
.top-footer .address-item .phone-number {background: url(/imagesfooter-icon1-2a.png) no-repeat left center;background-size:1.3rem 1.3rem;}
footer .friend-links {display:none;}
.dialog-content {margin-top:-200px;}
.dialog-content .close {top:-35px;}
.index-work { height:40rem;overflow:hidden; }
.index-work .swiper-slide-image-wrap {height:100%;}
.index-work .swiper-slide-text-wrap {min-height:12rem;padding-top:22rem;}
.index-work .swiper-slide-text .swiper-slide-text-each {height:10rem;}
.index-work .swiper-slide-text {min-height:10rem;}
.index-service-scroll-wrap .swiper-container {position:relative;}
.index-service-scroll-wrap {height:auto;padding:0;}
.index-service-scroll-wrap .swiper-slide-image-wrap {  height:auto;  }
.index-service .swiper-slide-image {padding:0;}
.index-service-scroll-wrap .swiper-slide-image-wrap img {width:100%;}
.index-service .swiper-slide-text-each {width:70%;}
.index-service .swiper-slide-text-each.active {position:absolute;}
.index-service-scroll-wrap .swiper-slide-text-scroll {position:absolute;bottom:0;width:100%;height:100%;}
.index-service .swiper-slide-text-each {top:auto;bottom:10%;left:10%;}
/*.index-service .swiper-slide-text-each:nth-child(6) {top:22%;bottom:auto;}*/
.index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition {margin-bottom:0;}
.index-service .work-buttons .count-tab {display:none;}
.ourwork-mobile-article .back-wrap .icon,
.index-service .work-buttons .iconfont, .ourwork-mobile-images-scroll .work-buttons .iconfont {width:40px;height:40px;}
.data-background {height:100%;}
.index-data video {display:none;}
.index-data .lg-hidden img {width:100%;}
.index-customer-list li {height:120px;padding:10px 0;}
.index-customer-list .item-inner {height:100px;}
.index-customer-list li:nth-child(6) .item-inner {border-left:1px solid #e6e6e6;}
.index-customer-list li a {height:120px;}
.mb15 {margin-bottom:5%;}
.load-more {padding-top:20px;}
.ourwork-list-wrap {padding-bottom:40px;}
.ourwork-pc-detail-wrap .normal-inner-banner {height:20rem;}
.ourwork-mobile-detail-inner > div {position:static;float:none;width:100%;}
.ourwork-mobile-detail-inner > div.ourwork-mobile-images-scroll {position:relative;}
.ourwork-mobile-article .each-item .dt-title,
.ourwork-mobile-article .each-item .dd-content{float:none;width:100%;max-height:none;}
.ourwork-mobile-article .each-item .dt-title {margin-bottom:10px;}
.ourwork-mobile-article .code-wrap {display:none;}
.ourwork-mobile-article .back-wrap {z-index:2;position:absolute;bottom:4rem;}
.ourwork-mobile-article .back-wrap strong {display:none;}
.ourwork-mobile-detail-inner .images-scroll-wrap {width:60%;height:35rem;margin:0 auto;}
.ourwork-mobile-detail-inner .swiper-slide-image-wrap {width:100%;height:100%;}
.ourwork-mobile-detail-inner .images-scroll-wrap .image-wrap {padding-top:2.35rem;}
.ourwork-mobile-detail-inner .images-scroll-wrap img {max-width:80%;}
.ourwork-mobile-images-scroll .work-buttons {top:2rem;right:0;}
.ourwork-mobile-images-scroll .work-buttons .count {margin-bottom:90px;}
.inner-banner-title {width:80%;padding-top:0;margin:0 auto;font-size:22px;}
.inner-title,
.about-wrap-three .each-item .inner-title,
.ourwork-pc-title .title,
.about-wrap-four .each-item .text-inner .title,
.pay-page-inner .title{font-size:20px;}
.inner-line {width:30px;height:2px;margin:15px 0;}
.inner-descrition,
.about-wrap-second .item-inner .descrition{font-size:14px;}
.about-wrap-first .inner-descrition,
.about-wrap-second .item-inner .descrition,
.about-wrap-three .each-item .inner-descrition,
.about-wrap-five .each-item .inner-descrition{width:auto;font-size:14px;}
.inner-main-container .mark img,.mark img {width:20px;height:17.5px;min-height:17.5px;}
.about-wrap-first {height:auto;margin-bottom:5%;}
.about-wrap-first .inner-text-wrap {position:relative;top:0;transform:translateY(0);}
.about-wrap-first .inner-text-wrap {width:80%;margin-left:-40%;padding:35px 0;}
.about-wrap-first .inner-title {width:100%;}
.about-wrap-four .each-item .text-inner .title  {margin-bottom:15px;}
.about-wrap-five .each-item .inner-title {font-size:20px;}
.about-wrap-five .each-item .text-inner {padding:7%;}
.normal-inner-banner img {width:100%;height:100%;margin-left:0;}
.ourwork-list .each-item .text-inner {padding:6% 6% 7%;}
.ourwork-list .each-item .title {font-size:16px;}
.ourwork-pc-title .line {width:25px;height:2px;margin:15px 0 10px;}
.ourwork-pc-title .title {padding-right:0;}
.ourwork-pc-title .descrition {width:100%;margin-bottom:15px;font-size:14px;}
.ourwork-pc-title .link-wrap .link {width:40px;height:40px;}
.ourwork-pc-title .link-wrap .link1:before {background:rgba(0,0,0,.2) url(/imagesourwork-icon2b.png) no-repeat center center;background-size:1.85rem 1.6rem;}
.ourwork-pc-title .link-wrap .link2:before {background:rgba(0,0,0,.2) url(/imagesourwork-icon3b.png) no-repeat center center;background-size:1rem 1.75rem;}
.ourwork-pc-title .link-wrap .link3:before {background:rgba(0,0,0,.2) url(/imagesourwork-icon4b.png) no-repeat center center;background-size:1.6rem 1.6rem;}
.ourwork-pc-title .link-wrap .link1.on:before,
.ourwork-pc-title .link-wrap .link1:hover:before {background:rgba(0,0,0,0) url(/imagesourwork-icon2a.png) no-repeat center center;background-size:1.85rem 1.6rem;}
.ourwork-pc-title .link-wrap .link2.on:before,
.ourwork-pc-title .link-wrap .link2:hover:before {background:rgba(0,0,0,0) url(/imagesourwork-icon3a.png) no-repeat center center;background-size:1rem 1.75rem;}
.ourwork-pc-title .link-wrap .link3.on:before,
.ourwork-pc-title .link-wrap .link3:hover:before {background:rgba(0,0,0,0) url(/imagesourwork-icon4a.png) no-repeat center center;background-size:1.6rem 1.6rem;}
.ourwork-pc-title .link-wrap {position:relative}
.ourwork-pc-detail-wrap .container {width:100%;}
.ourwork-pc-detail {width:100%;margin-top:0;}
.ourwork-pc-detail-inner {width:100%;padding:6% 4.5%;}
.ourwork-prev-next {height:11.5rem;}
.ourwork-mobile-detail-banner .single-full-page-inner {padding-bottom:0;}
.ourwork-mobile-detail-banner .single-full-detail {top:1px;height:auto;}
article .title {margin-bottom:10px;font-size:18px;}
article .descrition {font-size:14px;}
.solution-list .item-list,.news-list .item-list {margin-left:0;}
.solution-list .each-item,.news-list li {width:100%;}
.join-list .each-item .text-inner {padding:9%;}
.activity-list .small-item .title,
.join-list .each-item .text-inner .title{font-size:20px;}
.join-list .each-item .text-inner .line {margin:20px 0 15px;}
.join-list .each-item .text-inner .descrition {margin-bottom:15px;font-size:14px;line-height:1.8;}
.join-us-info-inner .title-wrap .title1 {font-size:24px;}
.join-us-info-inner .title-wrap .line {height:3px;margin:13px 0;}
.join-us-info-inner .title-wrap .title2 {margin-bottom:20px;font-size:22px;}
.join-us-info-inner .detail-wrap .infomation {margin-bottom:20px;font-size:16px;}
.join-us-info-inner .detail-wrap .descrition .title {font-size:16px;}
.join-us-info-inner .detail-wrap .descrition {font-size:14px;}
.join-us-info-article-inner .back-wrap strong {display:none;}
.join-us-info-article-inner .work-buttons-wrap .count span.current {font-size:30px;}
.join-us-info-article-inner .work-buttons-wrap .count span, .join-us-info-article-inner .work-buttons-wrap .count i {font-size:20px;}
.service-wrap1 .image-wrap img, .service-wrap2 .image-wrap img, .service-wrap3 .image-wrap img {left:-130%;}
.service-wrap .text-wrap .title {font-size:22px;}
.service-wrap .text-wrap .line {width:25px;height:2px;margin:20px 0 15px;}
.service-wrap .text-wrap .descrition {margin-bottom:45px;font-size:12px;line-height:1.8;}
.about-wrap-second .each-item,
.about-wrap-three .each-item,
.about-wrap-five .each-item,
.ourwork-list .each-item,
.solution-list .each-item,
.news-list li {margin:0 0 5% 0;}
.news-list-one li a,
.news-list-two li a {padding:15px 20px;}
.news-list-one .date-wrap {width:70px;height:auto;margin-bottom:15px;border-right:0 none;}
.news-list-one .date-inner {position:relative;transform:none;}
.news-list-one .date-wrap .day {margin-bottom:10px;font: 40px/1 'gotham-medium';}
.news-list-one .date-wrap .line {display:none;}
.news-list-one .text-wrap {margin-left:8px;}
.news-list-one .text-wrap .title {margin-bottom:5px;font-size:16px;}
.news-list-one .text-wrap .descrition {margin:5px 0 10px;}
.news-list-one .text-wrap .more {display:block;padding-top:10px;border-top:1px solid #e7e7e7;}
.news-list-two li .text-wrap {width:60%;}
.news-list-two li .text-wrap .title {height:48px;margin:10px 0;font-size:16px;line-height:24px;}
.inner-main-container .news-list-two .each-item .image-wrap img {width:auto;max-width:100%;height:auto;margin:0 auto;}
.normal-info-page .container{width:100%;padding:0px;}
.news-info .normal-info-container {margin-top:0px;padding:35px 10px;}
.normal-info-container {padding:35px 20px;margin-top:0px;}
.pay-page {padding:50px 0;}
.left-text-banner .inner-banner-title1 {font:18px/1 'Gotham-Bold';  }
.left-text-banner .inner-banner-title2 {font-size:18px;}
.left-text-banner .inner-line {height:2px;margin:10px 0 10px;}
.radiu-button {width:125px;height:35px;font: normal 12px/32.5px 'gotham-medium';line-height:32.5px;}
.about-wrap-five .normal-more-wrap2:before {border:0;background:url(/images/more-icona.png) no-repeat center center;background-size:1.75rem .85rem;}
.about-wrap-five .normal-more-wrap2:hover:before {background:url(/images/more-icon1a.png) no-repeat center center;background-size:1.75rem .85rem;}
.ourwork-prev-next-inner .next i:before {background: #333 url(/images/more-icon1.png) no-repeat center center;background-size:1.75rem .85rem;}
.ourwork-prev-next-inner .prev i:before {background:#333 url(/images/more-icon3.png) no-repeat center center;}
.ourwork-prev-next-inner .next i:hover:before {background:transparent url(/images/more-icona.png) no-repeat center center;background-size:1.75rem .85rem;}
.ourwork-prev-next-inner .prev i:hover:before {background:transparent url(/images/more-icon3a.png) no-repeat center center;}
.ourwork-mobile-images-scroll .work-buttons .prev:before {background:url(/imagesleft-icon5a.png) no-repeat center center;background-size:1rem 2rem;}
.ourwork-mobile-images-scroll .work-buttons .next:before {background:url(/imagesright-icon5a.png) no-repeat center center;background-size:1rem 2rem;}
.ourwork-mobile-images-scroll .work-buttons .prev:hover:before {background:url(/imagesleft-icon5.png) no-repeat center center;background-size:1rem 2rem;}
.ourwork-mobile-images-scroll .work-buttons .next:hover:before {background:url(/imagesright-icon5.png) no-repeat center center;background-size:1rem 2rem;}
.ourwork-mobile-article .back-wrap .icon {    background: #333 url(/imagesmore-icon3.png) no-repeat center center;background-size:1.75rem .85rem;}

.cases_info_banner{height:24rem;}
.cases_index_banner{height:150px;}
.news_index_banner{height:150px;}

}

@media (max-width:600px){
.index-work .swiper-slide-text-wrap {padding-top:20rem;}
}

@media (max-width:420px){
.index-work .swiper-slide-text-wrap {padding-top:16.5rem;}

}


@media (max-width:450px){

.news-list-two li .text-wrap .title {height:24px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-info .normal-info-container {padding:25px 20px;}
.more-relate-list {padding:25px 20px;}
.more-relate-list .relate-title {font-size:20px;}

}
@media(min-width:768px) and (max-width:991px){
.index-work .swiper-slide-image-wrap.sm-hidden {display:none;}
.index-work .swiper-slide-image-wrap.lg-hidden {display:block;}
.index-work .swiper-slide-image-wrap {height:100%;}
.index-work .swiper-slide-text-wrap {padding-top:22rem;}
}