/* CSS Reset */
html{-webkit-text-size-adjust:none;font-size: 62.5%;} 
body{color: #72706e;overflow-x:hidden;margin:0; padding:0;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #72706e;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.send-mark {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;background: rgba(255,255,255,0.5);}
.send-mark.cur {display: none;}
.send-mark i {display: block;width: 4.8rem;height: 4.8rem;background:url('../images/loading.gif') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50,-50%);}
::-webkit-scrollbar{height:4px; width:3px;background: #ccc;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ccc;}
::-webkit-scrollbar-thumb{background-color:#000;box-shadow:inset 1px 1px 0 #000,inset 0 -1px 0 #000;}




/* header */
.header {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease;}
.header * {transition:all .4s ease;}
.header-content {width:100%;height: 5rem;margin: auto;position: relative;z-index: 8;text-align: center;font-size: 0;}
.header-left {position: absolute;left: 1%;top: 0%;width: 10%;height: 100%;z-index: 2;}
.header-center {position: absolute;left: 50%;top: 0;width: 60%;height: 100%;transform: translateX(-50%);z-index: 3;}
.header-center .header-nav {text-align: center;}
.header-right {position: absolute;right: 1%;top: 0%;width: 30%;height: 100%;text-align: right;z-index: 4;}
.header-logo {position: absolute;left: 0;width: 100%;top: 50%;transform: translateY(-40%);z-index: 11;}
.header-logo a {display: block;position: relative;}
.header-logo img{display: block;max-width: 5rem;}
.header-nav {position: absolute;top: 50%;transform: translateY(-50%);z-index: 11;width: 100%;text-align: right;left: 0;}
.header-nav,.header-nav li,.header-link,.header-link .link-1,.link-1 i,.link-1 span {display: inline-block;vertical-align: middle;}
.header-nav ul ,.header-nav li {list-style: none;margin: 0;padding: 0;}
.header-nav li {position: relative;}
.header-right .header-nav li {margin-left: 10%;}
.header-nav a.nav {display: block;color: #fff;position: relative;line-height: 3rem;}
.header-nav a.nav::before{content: '';width: 0;height: 1px;position: absolute;left: 0;bottom: 0;transition:all .4s ease;background: #6eedd7;}
.header-nav li.cur a.nav::before {width: 100%;}
.header-nav li.cur a.nav {font-weight: bold;color: #fff}
.header-nav li a.nav:hover::before,.header-nav:hover li a.nav:hover::before {width: 100%;}
.header-nav:hover li a.nav::before {width: 0;}
.header-nav a.nav span:last-child {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;opacity: 0;}
.header-nav a.nav:hover span:last-child {opacity: 1;}
.header-nav a.nav:hover span:first-child {opacity: 0;}


.header.hover,
.header.scroll-down,
.header.scroll-top,
.header.cur {background:#fff;}

.header.hover .header-logo img,
.header.scroll-down .header-logo img,
.header.scroll-top .header-logo img,
.header.cur .header-logo img,
.detail .header .header-logo img{filter: invert(1);}

.header.hover .header-nav a.nav,
.header.scroll-down .header-nav a.nav,
.header.scroll-top .header-nav a.nav,
.header.cur .header-nav a.nav,
.detail .header .header-nav a.nav{color: #000;}






/* menu */
.menu-toggle {display: none;margin: 0 2rem;}
.menu-toggle a {display: inline-block;vertical-align: middle;box-sizing: border-box;}
.cd-nav-trigger {display: inline-block;position: relative;}
.menu-toggle i:before {display: inline-block;vertical-align: middle;color: #fff;font-size: 1.6rem;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;top:50%;margin-top:-2px;left:50%;margin-left:-50%;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-6px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:6px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross {display: inline-block;vertical-align: middle;position: relative;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;top:50%;margin-top:0;left:50%;margin-left:-50%;-webkit-transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(7rem) translateX(-7rem) rotate(-45deg);transform:translateY(7rem) translateX(-7rem) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-7rem) translateX(7rem) rotate(-45deg);transform:translateY(-7rem) translateX(7rem) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(7rem);transform:translateX(7rem);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
.menu-toggle span.hamburger {display: inline-block;vertical-align: middle;position: relative;left: auto;margin: 0;top: auto;} 
.menu-toggle .menu-text {display: inline-block;vertical-align: middle;margin-left: .4rem;position: relative;overflow: hidden;z-index: 11;}
.menu-toggle em {font-style: normal;color: #fff;display: block;}
.menu-toggle em:last-child {position: absolute;left: 0;top:0;opacity: 0;transform: translateY(100%);}
.no-touch .menu-toggle em:first-child {transform: translateY(-100%);}
.no-touch .menu-toggle em:last-child {transform: translateY(0);opacity: 1;} 




/* footer */
.footer {position: relative;clear: both; overflow: hidden;background: #000;}
.footer p {margin: 0;padding: 0;}
.footer a {color: #fff;position: relative;}
.footer a::before{content: '';width: 0;height: 1px;position: absolute;left: 0;bottom: 0;transition:all .4s ease;background: #6eedd7;}
.footer a:hover {color: #fff;}
.footer a:hover::before {width: 100%;}
.footer ul,.footer li {list-style: none;margin: 0;padding: 0;}
.footer-content {width: 99%;margin: auto;}
.footer-content-top {overflow: hidden;position: relative;padding: 2rem 0;}
.footer-nav {float: left;width: 27%;display: flex;justify-content: space-between;}
.footer-nav a {color: #fff;}
.footer-prevnext {float: right;width: 10%;text-align: right;display: flex;justify-content: space-between}
.footer-content-center {overflow: hidden;display: flex;width: 40%;color: #fff;padding: 8% 0 4% 0;}
.footer-content-center .footer-about {width: 40%;}
.footer-content-center .footer-contact {overflow: hidden;}
.footer-content-bottom {width: 40%;padding-bottom: 2%;}
.footer-content-bottom .footer-copy{width: 40%;display: inline-block;vertical-align: bottom;}
.footer-content-bottom .footer-copy a {color: #72706e;}
.footer-content-bottom .footer-copy a:hover {color: #fff;}
.footer-content-bottom .footer-link{display: inline-block;vertical-align: bottom;}
.footer-content-bottom .footer-link a {position: relative;}
.footer-ewmshow {position: absolute;width: 10rem;height: 10rem;background: #fff;padding: 5px;left: 0;bottom: 0;z-index: 11;display: none;}
.footer-ewmshow img {display: block;width: 100%;height: auto;}
.footer-content-bottom .footer-link a:hover .footer-ewmshow {display: block;}





/* index */  
 
.index-banner-swiper .img {background-color: #000;}
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}

.index-banner-item {position: relative;transform: translateY(0);transition:all .4s ease-in;transition-delay: .1s;z-index: 1;background: #000;}
.index-banner-text {position: absolute;left: 3%;z-index: 100;width: auto;color: #fff;bottom: 9%;} 
.index-banner-text a {color: #fff;}
.index-banner-text .text-1 {font-weight: 300;}
.index-banner-text .title-1 {font-weight: normal;}
.index-banner-swiper .swiper-slide {z-index: 1;}
.index-banner-swiper .swiper-slide-active {z-index: 11;}
.index-banner-swiper .swiper-slide-active .tanimation{opacity: 1;}
.index-banner-swiper .swiper-slide-active .tformY {transform: translateY(0px);}
.index-banner-swiper .swiper-slide-active .tformX {transform: translateY(0px);}
.index-banner-swiper .swiper-pagination {width: auto;left: 3%;top: auto;bottom: 6%;transform: none;margin: auto;}
.index-banner-swiper .swiper-pagination span {border-radius: 0;background: #fff;width: 3rem;height: 2px;}
.index-banner-swiper .swiper-pagination span.swiper-pagination-bullet-active {background: #6eedd7;}

.xydesign-index-work {width: 100%;overflow: hidden;position: relative;padding-bottom: .5%;}
.xydesign-index-work-item {width: 32.666666%;margin: .5% 0 0 .5%;overflow: hidden;float: left;text-align: left;}
.xydesign-index-work-item.iwi1,.xydesign-index-work-item.iwi2,.xydesign-index-work-item.iwi3,.xydesign-index-work-item.iwi4 {width: 49.25%;}
.xydesign-index-work-item.iwi2,.xydesign-index-work-item.iwi4 {margin-right: 0;margin: .5% 0 0 .5%;}
.xydesign-index-work-item.iwi7,.xydesign-index-work-item.iwi10 {margin-right: 0;margin: .5% 0 0 .5%;}
.xydesign-index-work-item a {display: block;background: #000;position: relative;}
.xydesign-index-work-item .xydesign-text {position: absolute;left: 2.5rem;top: 1.5rem;width: 90%;z-index: 111;color: #fff;}
.xydesign-index-work-item .xydesign-text .title-1{font-weight: 300;}
.xydesign-index-work-item .xydesign-text .text-1{font-weight: 300;opacity: 0;}
.xydesign-img {background-position: center ;background-repeat: no-repeat;background-size: cover;}
.xydesign-index-work-item a:hover .xydesign-text .text-1 {opacity: 1;}
.xydesign-index-work-item a:hover .xydesign-img  {opacity: .5;}

.xydesign-work-more,.load-more__btn {clear: both;padding: 4% 0;text-align: center;overflow: hidden;}
.xydesign-work-more a,.load-more__btn {display: inline-block;position: relative;margin: auto;}
.xydesign-work-more a i,.load-more__btn i {width: 6rem;height: 6rem;margin: auto;position: relative;display: inline-block;}
.xydesign-work-more a i::before ,.load-more__btn i::before{content: '';width: 1px;height: 100%;position: absolute;left: 50%;top: 0;z-index: 1;background: #000;}
.xydesign-work-more a i::after ,.load-more__btn i::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 50%;z-index: 1;background: #999;}
.xydesign-work-more a:hover i::before,.load-more__btn:hover i::before{height: 60%;top: 20%;}
.xydesign-work-more a:hover i::after ,.load-more__btn:hover i::after{width: 60%;left: 20%;}


.xydesign-index-news {background: #f9f9f9;overflow: hidden;padding: 1% .5% 2% .5%;}
.xydesign-index-news .title-1.font22 {color: #000;font-weight: 300;}
.xydesign-index-news-list {margin-top: 1rem;}
.xydesign-index-news-item {float: left;width: 50%;overflow: hidden;position: relative;}
.xydesign-index-news-left {float: left;width: 50%;}
.xydesign-index-news-left a {display: block;background: #000;}
.xydesign-index-news-left a:hover .xydesign-img {opacity: .5;}
.xydesign-index-news-left .xydesign-img {overflow: hidden;}
.xydesign-index-news-right {float: left;width: 40%;margin: 0 2.5%;}
.xydesign-index-news-right .xydesign-text {color: #595757;}
.xydesign-index-news-right .title-1 {color: #000;}
.xydesign-index-news-right .date-1 {margin-top: 1px;}
.xydesign-index-news-right .text-1 {margin-top: 1.5rem;}
.xydesign-index-news-other {margin-top: 4rem;display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 1rem;}
.xydesign-index-news-other li {list-style: none;margin: 0;padding: 0;width: 45%;}
.xydesign-index-news-other li a {display: block;padding: .4rem 0;}
.xydesign-index-news-other li a:hover {color: #000;}



/* about */
.xydesign-about {overflow: hidden;}
.xydesign-about-top {overflow: hidden;position: relative;}
.xydesign-about-center {overflow: hidden;}
.xydesign-about-item {overflow: hidden;padding: 3% 0;border-bottom: 1px solid #a3a4a4;color: #000;clear: both;margin: auto;width: 94%;}
.xydesign-about-item .xydesign-about-left{float: left;width: 30%;}
.xydesign-about-item .xydesign-about-left .english-1{color: #000;}
.xydesign-about-item .xydesign-about-left .title-1{font-weight: 300;}
.xydesign-about-item .xydesign-about-right {float: right;width: 51.8%;font-weight: 300;}
.xydesign-about-item .xydesign-about-right .text-1{width: 100%;text-align: justify;font-weight: 300;padding-bottom: 4%;}
.xydesign-about-item .xydesign-about-right p {margin: 0;padding: 0;}
.xydesign-about-item .xydesign-about-right .type-2 {display: flex;flex-wrap: wrap;}
.xydesign-about-item .xydesign-about-right ul {list-style: none;margin: 0;padding: 0;width: 33.333%;margin-bottom: 8%;}
.xydesign-about-item .xydesign-about-right ul li {list-style: none;margin: 0;padding: 0;font-weight: 300;padding: .5rem 0;}
.xydesign-about-item .xydesign-about-right ul strong {display: block;position: relative;}
.xydesign-about-item .xydesign-about-right ul strong::after {content: '';display: block;width: 1rem;height: 1px;background: #000;margin: 5% 0;}
.xydesign-about-item .xydesign-about-right .item-1 {float: left;width: 33%;font-weight: 300;margin-bottom: 4%;}

.xydesign-news-type {margin: auto;padding: 3%;overflow: hidden;display: flex;justify-content: space-between;}
.xydesign-news-item {overflow: hidden;width: 27%;}
.xydesign-news-item-top {overflow: hidden;}
.xydesign-news-item-top .entitle-1 {color: #000;}
.xydesign-news-item-top .title-1 {color: #000;position: relative;}
.xydesign-news-item-top .title-1::after {content: '';display: block;width: 1rem;height: 1px;background: #000;margin: 2rem 0;}
.xydesign-news-item-bottom {overflow: hidden;color: #000;}
.xydesign-news-item-bottom li {list-style: none;margin: 0;padding: 0;padding: .5rem 0;}
.xydesign-news-item-bottom li a {display: block;position: relative;font-weight: 300;}
.xydesign-news-item-bottom li span {display: block;width: 70%;overflow: hidden;color: #000;}
.xydesign-news-item-bottom li i {position: absolute;right: 0;top: 0;font-style: normal;color: #000;}
.xydesign-news-item-bottom li a:hover {color: #000;text-decoration: underline;}

.xydesign-about .xydesign-work-more {padding: 1% 0 ;}
.xydesign-news-detial {overflow: hidden;}
.xydesign-news-detial-top {background: #000;}
.xydesign-news-detial-text {overflow: hidden;background: #fff;padding: 3%;color: #000;}
.xydesign-news-detial-left {float: left;width: 30%;} 
.xydesign-news-detial-right {float: right;width: 51.8%;overflow: hidden;}
.xydesign-news-detial-right .text-1 {text-align: justify;font-weight: 300;}
.xydesign-news-detial-right img {max-width: 100%;height: auto;}
.xydesign-news-detial-bottom {overflow: hidden;margin-top: 5%;}
.xydesign-news-detial-bottom .xydesign-news-page {border-top: 1px solid #000;border-bottom: 1px solid #000;padding: 1% 0;overflow: hidden;}
.xydesign-news-detial-bottom .xydesign-news-page a {display: block;width: 45%;float: right;overflow: hidden;color: #000;text-align: right;padding: .5rem 0;}
.xydesign-news-detial-bottom .xydesign-news-page a:first-child {float: left;text-align: left;}
.xydesign-news-detial-bottom .xydesign-news-page a:hover {text-decoration: underline;}
.xydesign-related-news {padding: 6% 0 4% 0;overflow: hidden;color: #000;} 
.xydesign-related-news-list {overflow: hidden;display: flex;flex-wrap: wrap;padding: 2% 0;}
.xydesign-related-news-list li {list-style: none;margin: 0;padding: 0;width: 45%;}
.xydesign-related-news-list li a {display: block;color: #000;padding:.4rem 0;}
.xydesign-related-news-list li a:hover span{text-decoration: underline;}
.xydesign-related-news-list li span{width: 60%;display: inline-block;vertical-align: middle;overflow: hidden;}
.xydesign-related-news-list li i{display: inline-block;vertical-align: middle;font-style: normal;}

.xydesign-contact-bottom {overflow: hidden;padding: 3%;}
.xydesign-contact-left {float: left;width: 30%;}
.xydesign-contact-left .entitle-1 {color: #000;}
.xydesign-contact-right {float: right;width: 51.5%;}
.xydesign-contact-text {color: #000;overflow: hidden;}
.xydesign-contact-text .text-1{margin-bottom: 5%;}
.xydesign-contact-ewm {margin-top: 5%;display: flex;padding-bottom: 4%;}   
.xydesign-contact-ewm .item-1 {list-style: none;margin: 0;padding: 0;width: 14%;margin-right: 3%;text-align: center;}   
.xydesign-contact-ewm .item-1 img {background: #fff;border: 1px solid #ccc;border-radius: .4rem;padding: .5rem;margin-bottom: 1rem;}






/* works */
.xydesign-works {overflow: hidden;position: relative;padding-bottom: 5%;}
.xydesign-works-nav {padding: 3% 0 5% 0;background: #fff;text-align: center;overflow: hidden;}
.xydesign-works-nav-content {display: inline-block;text-align: left;text-align: left;transform: translateX(20%);}
.xydesign-works-nav-content a {display: block;color: #727171;padding: .5rem 2rem;position: relative;}
.xydesign-works-nav-content a::before {content: '';width: 1rem;height: 1px;position: absolute;left: 13%;top: 50%;background: #000;opacity: 0;}
.xydesign-works-nav-content a:hover,.xydesign-works-nav-content a.cur {color: #000;padding: .5rem 0 .5rem 4rem;}
.xydesign-works-nav-content a:hover::before,.xydesign-works-nav-content a.cur::before {opacity: 1;}


.xydesign-works-list {text-align: center;}
.xydesign-works .load-more__btn {padding: 0;padding-top: 4%;}

.xydesign-works-detial {overflow: hidden;}
.xydesign-works-detial-top {overflow: hidden;position: relative;background: #000;}
.xydesign-works-detial-top .xydesign-works-text {position: absolute;left: 3%;z-index: 100;width: auto;color: #fff;bottom: 9%;}
.xydesign-works-detial-top .xydesign-works-text .text-1 {font-weight: 300;}
.xydesign-works-detial-top .xydesign-works-text .title-1 {font-weight: normal;}
.xydesign-works-detial-text {background: #fff;overflow: hidden;color: #000;}
.xydesign-works-detial-content {padding: 2%;overflow: hidden;padding-bottom: 5%;}
.xydesign-works-detial-left {float: left;width: 30%;}
.xydesign-works-detial-left .xydesign-item {margin-bottom: 3%;}
.xydesign-works-detial-left .xydesign-item:last-child{margin-bottom: 0;}
.xydesign-works-detial-left .xydesign-item .english-1{overflow: hidden;}
.xydesign-works-detial-left .xydesign-item .title-1{margin-top: 0;font-weight: 300;}
.xydesign-works-detial-right {float: right;width: 51.8%;}
.xydesign-works-detial-right .text-2{overflow: hidden;text-align: justify;font-weight: 300;}
.xydesign-works-detial-list {overflow: hidden;width: 99%;position: relative;text-align: center;font-size: 0;margin: auto;}
.xydesign-works-detial-list img {display: inline-block;max-width: 100%;margin-bottom: .5%;height: auto!important;}
.xydesign-works-detial-related-work {overflow: hidden;margin: auto;padding-bottom: .5%;padding-top: 3%;}
.xydesign-related-work-top .title-1.font22{color: #000;font-weight: 300;}
.xydesign-related-work-top {position: relative;overflow: hidden;padding: .5% 0;width: 99%;margin: auto;}
.xydesign-related-work-top .viewall-1 {position: absolute;right: 0;top: 50%;font-weight: 300;transform: translateY(-50%);}
.xydesign-related-work-top .viewall-1 a:hover {opacity: .5;}
.xydesign-related-work-list {overflow: hidden;}






 
/* other */
 

.tanimation {opacity: 0;transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.tformY {transform:translateY(60px);}
.tformX {transform:translateX(-100%);}
.tdelay1 {transition-delay: .1s;}
.tdelay2 {transition-delay: .2s;}
.tdelay3 {transition-delay: .3s;}


.social-share{font-size:16px;font-style:normal;display: inline-block;vertical-align: middle;}
.social-share a{position:relative;text-decoration:none;margin-right:10px;display:inline-block;outline:none;}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #ccc;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f1f1f1;margin:0;padding:0;}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.social-share-icon {display: block;width: 6rem;height: 6rem;position: relative;box-sizing: border-box;}
.social-share-icon:hover {opacity: 1;}  
.social-share-icon:hover::after {background: #389b62;}
.social-share-icon::before {opacity: 1;content: '';width: 4rem;height:4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}  
.social-share-icon::after {z-index: 1;content: '';width: 6rem;height:6rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) ;background: #b8bbbd;border-radius: 100%;}
.icon-share::before{background: url('../images/f3.png') center no-repeat;background-size: 50%;}
.icon-linkedin::before{background: url('../images/f3.png') center no-repeat;background-size: 40%;}
.icon-wechat::before  {background: url('../images/f4.png') center no-repeat;background-size: 50%;} 
.icon-twitter::before {background: url('../images/f2.png') center no-repeat;background-size: 50%;}   
.icon-weibo::before {background: url('../images/f11.png') center no-repeat;background-size: 50%;}   
.icon-facebook::before {background: url('../images/f1.png') center no-repeat;background-size: 30%;}   



.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover {opacity: 0.5;}
.closed::after {width: 26px;height: 2px;}
.closed::before {width: 2px;height: 26px;}
  


.aside-top {position: fixed; width: 5rem;bottom:10%;right:1%; z-index:199;display: block;}
.aside-top a {width: 5rem;height: 5rem;display: block;overflow: hidden; background: #5ff6dc;border-radius: .5rem;background-size: 30%;position: relative;margin-top: 5px;}
.aside-top a.ng-aside-top:before {content:'';left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-90deg);position: absolute;background: url('../images/r1.png') center no-repeat;background-size: 20%;width: 100%;height: 100%;filter: invert(1);}
.aside-ewm:hover .aside-ewm-show  {display: block;}
.aside-ewm .ewm-1{text-align: center;line-height: 5rem;color: #000;}
.aside-ewm-show {display: none;width: 14rem;padding:1rem;overflow: hidden;position: absolute;right: 130%;bottom: 0;text-align: center;color: #000;background: #fff;border-radius: .5rem;box-sizing: border-box;}








@media screen and (max-width: 5120px) { 

}
@media screen and (max-width: 3840px) { 
 
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
  
}
@media screen and (max-width: 1680px) {
	 
}
@media screen and (max-width: 1440px) {
 }
@media screen and (max-width: 1366px) { 
}
@media screen and (max-width: 1280px) {  
	.airkey-index-company-profile .airkey-index-content {width: 76%;margin: auto;padding: 5% 0 0 0;}
}
@media screen and (max-width: 1152px) { 
	 
}
@media screen and (max-width: 1024px) { 
}
@media screen and (max-width: 980px) {  
}
@media screen and (max-width: 860px) { 
	.pcshow,.header-center{display: none!important;}
	.mbshow,.menu-toggle{display: block!important;}  
	.menu-toggle {position: absolute;right: 0;top: 54%;transform: translateY(-50%);margin: 0;z-index: 99;}
	.header-center,.header-nav {display: none;}
	.menu-toggle a {width: 4rem;line-height: 4rem;}
	.header.scroll-down .menu-toggle span.hamburger,.header.scroll-top .menu-toggle span.hamburger,
	.header.scroll-down .menu-toggle span.hamburger:after,.header.scroll-top .menu-toggle span.hamburger:after,
	.header.scroll-down .menu-toggle span.hamburger:before,.header.scroll-top .menu-toggle span.hamburger:before,
	.header.scroll-down .menu-toggle span.cross:after,.header.scroll-down .menu-toggle span.cross::before ,
	.detail .menu-toggle span.hamburger,.detail .menu-toggle span.hamburger:after, .detail .menu-toggle span.hamburger:before ,
	.detail .menu-toggle span.cross:before, .detail .menu-toggle span.cross:after{background: #000;}
	.xydesign-index-work-item.iwi1, .xydesign-index-work-item.iwi2, .xydesign-index-work-item.iwi3, .xydesign-index-work-item.iwi4 {width: 100%;margin: 0;}
	.xydesign-index-work-item {width: 100%;margin: 0;float: none;}
	.xydesign-index-work-item.iwi7, .xydesign-index-work-item.iwi10 {margin: 0;}
	.xydesign-index-news-left ,.xydesign-index-news-right ,.xydesign-index-news-item{width: 100%;margin: 0;float: none;}
	.xydesign-index-news {padding: 5%;}.xydesign-index-news-right {margin-top: 5%;}
	.footer-nav {width: 55%;}.footer-content-center,.footer-content-bottom {width: 100%;}.footer-prevnext {width: 25%;}
	.footer-content {width: 90%;} .xydesign-contact-ewm .item-1 {width: 25%;}
	.header-right .header-nav {display: block;width: 100%;left: 0;position: absolute;top: 0;transform: none;transform: translateX(140%);}
	.header-right .header-nav ul {margin-top: 6rem;text-align: right;}
	.header-nav a.nav {padding-right: 0;padding-left: 1rem;}
	.no-touch .header-right .header-nav {transform: translateX(0);}
	.header-nav li a.nav {padding: 1rem 0;display: block;}
	.header-right .header-nav li {margin: 0;display: block;}
	.xydesign-about-item .xydesign-about-left,.xydesign-about-item .xydesign-about-right,.xydesign-news-item ,.xydesign-works-detial-left,.xydesign-works-detial-right,
	.xydesign-news-detial-left,.xydesign-news-detial-right,.xydesign-contact-left,.xydesign-contact-right{float: none;width: 100%;}
	.xydesign-about-item .xydesign-about-right,.xydesign-news-item,.xydesign-news-detial-right,.xydesign-contact-right,.xydesign-works-detial-right {margin-top: 5%;}
	.xydesign-about-item .xydesign-about-right ul {width: 49%;}
	.xydesign-news-type {display: block;padding: 5%;}
	.no-touch .header-right .header-nav{position: fixed;background: #fff;}
	.header-right .header-nav ul {width: 90%;margin: auto;margin-top: 6rem;padding-bottom: 5%;}
	.header-nav li a.nav {font-size: 2rem;}
	.no-touch .header-logo img {filter: invert(1);}
	.no-touch .header-nav li a.nav {color: #000;}
	.no-touch .menu-toggle span.cross:before,.no-touch .menu-toggle span.cross:after {background: #000;}
}

 

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) { 
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
 
}