html{-webkit-text-size-adjust:none;font-size: 62.5%;}  
html{-webkit-text-size-adjust:none;} 
.imp {display: block;width: 100%;}
 


.header_1 {position: fixed;top:0;width: 100%;height:7.4rem;z-index: 999;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;background-color: #fff;}
.header_1 .content {height:100%;position: relative;display: flex;justify-content: space-between;align-items: center;}
.header_1 .content .left {position:relative;float: left;}
.header_1 .content .left .logo{display: block;float: left;width:14rem;}
.header_1 .content .left .logo img{width: 100%;}
.header_1 .content .left span {display: block;float: left;color: #000000;padding-left:3rem;position: relative;}
.header_1 .content .left span::before{content: '';display: block;width:1px; height:100%;background: #000;position: absolute;left:1.4rem;top: 50%;transform: translateY(-50%);}
.header_1 .content .right {text-align: right;font-size: 0;}
.header_1 .content .right .nav {display: inline-block;vertical-align: middle;}
.header_1 .content .right .nav a{color: #6d6d6d;margin-right:4rem;}
.header_1 .content .right .nav a:hover {color: #000;font-weight: bold;}
.header_1 .content .right .nav a.cur{color: #000;font-weight: bold;}
.header_1 .content .right .tel {display: inline-block;vertical-align: middle;}
.header_1 .content .right .tel a {color: #000000;}
.header_1 .content .right .tel a strong{font-family:Arial,Microsoft Yahei,PingFang SC;font-weight: normal;}
.header_1.scroll-down {top: -10rem;} 


.footer_1 {background: #000000;padding-top:7rem;overflow: hidden; color: #fff;clear: both;}
.footer_1 a:hover {color: #fff;font-weight: bold;}
.footer_1 .content .left {width:30%;overflow: hidden;}
.footer_1 .content .left .ewmtel {padding-top: 5rem;margin-top: 5rem; position: relative;}
.footer_1 .content .left .ewmtel::before {content: '';display: block;width: 8.8rem;height: 2px;background: #fff;position: absolute;left: 0;top: 0;opacity: .2;}
.footer_1 .content .left .ewmtel .ewm{float: left;width: 8rem;height: 8rem;overflow: hidden;background: #fff;padding: 4px;}
.footer_1 .content .left .ewmtel .tel{float: left;padding: 1.5rem 0 0 2rem;}
.footer_1 .content .left .ewmtel .tel .title{color: #a8a8a8;}
.footer_1 .content .left .ewmtel .tel .num{margin-top: .5rem;color: #fff;}
.footer_1 .content .right {width:65%;overflow: hidden;position: relative;font-size: 0;}
.footer_1 .content .right .lone{content: '';position: absolute;width: 100%;height: 1px;background-color: #3e3e3e;bottom: 93%;left: 0;}
.footer_1 .content .right .right-nav{display: flex;justify-content: space-between;}
.footer_1 .content .right ul{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: top;margin-right:7%;}
.footer_1 .content .right ul strong{font-weight: normal;font-size: 1.4rem;color: #fff;}
.footer_1 .content .right ul li{list-style: none;margin: 0;padding: 0;padding-top: 2rem;color: #636363;line-height: 2.6rem;}
.footer_1 .content .right ul li a{display: block;color: #ffffff;font-size:1.2rem;font-weight: 300;opacity: .7;}
.footer_1 .content .right ul li a:hover {color: #fff;font-weight: bold;opacity: 1;}
.footer_1 .content .right ul:last-of-type{margin-right: 0;}
.footer_1 .content .bottom {border-bottom: 1px solid #3e3e3e;padding: 1.2rem 0;margin-top: 5rem; overflow: hidden;color: #9f9f9f;font-size:1.2rem;font-weight: 300;}
.footer_1 .copy {padding: 1rem 0;overflow: hidden;color: #fff;font-size:1.2rem;}
.footer_1 .content .right .copy .right-txt {color: #9f9f9f;font-weight: 300;}
.footer_1 .content .address{padding-top: 3%;clear: left;font-size: 1.2rem;font-weight:300;opacity: .7;line-height: 2rem;}
.footer_1 .content .right .copy a{color: #fff;font-weight: 300;opacity: .7;font-size: 1.2rem;}
.footer_1 .content .right .clear a{font-weight: 300;color: #fff; margin-right: .1%;opacity: .7;font-size: 1.2rem;}
.footer_1 .content .right .clear a:hover {font-weight: bold;opacity: 1;color: #fff;}
.footer_1 .content .right .copy a:hover {font-weight: bold;opacity: 1;color: #fff;}

.aside-right1 {position: fixed; top: 75%; margin-top: -7.8rem; right: 0; width: 5rem; z-index: 1001;}
.aside-right1 .aside-wrap {width: 100%;}
.aside-right1 ul {list-style: none;padding: 0;margin: 0;}
.aside-right1 ul li {position: relative; width: 5rem; height: 5rem; margin-bottom: 2px; margin-left: 0; cursor: pointer;list-style: none;padding: 0;}
.aside-right1 ul li a {display: block; width: 100%; height: 100%;}
.aside-right1 ul li.aside-wc a {background-color: #b2b2b2;background-size: 60%;position: relative;}
.aside-right1 ul li a img{position: absolute;width: 3rem;height: 4rem;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 1;}
.aside-right1 ul li.aside-wc .wechat-code {display: none; position: absolute; left: -12rem; top: -3.5rem; z-index: 1000; width: 11rem; height: 11rem;padding: 5px;background: #fff;}
.aside-right1 ul li.aside-wc:hover .wechat-code{display: block;}
.aside-right1 ul li.aside-wc .wechat-code img {display: block; width: 100%; max-width: 100%;}
.aside-right1 ul li.aside-dh a {background-color: #b2b2b2;background-size: 60%}
.aside-right1 ul li.aside-top a {background-color: #b2b2b2;background-size: 60%}
.aside-right1 ul li.aside-wc a:hover {background-color: #ffcc00 ;background-size: 60%}
.aside-right1 ul li.aside-dh a:hover {background-color: #ffcc00;background-size: 60%}
.aside-right1 ul li.aside-top a:hover {background-color: #ffcc00;background-size: 60%}
.aside-right1 ul li.aside-dh .dh-code{display: none;position: absolute;left: -13rem;top: 0;z-index: 1000;width: 9rem;padding: 1.5rem;background: #000;color: #fff;font-size: 1.4rem;}
.aside-right1 ul li.aside-dh:hover .dh-code{display: block;}





.index-banner1 {position: relative;}
.index-banner-swiper1 {position: relative;background: #000;z-index:1;}
.index-banner-swiper1 .swiper-slide .img {background: #000;}
.index-banner-swiper1 .swiper-slide .img img {display: block;width: 100%;height: auto;}
.index-banner-swiper1 .swiper-pagination-bullet-active {background: #fff;}
.index-banner-swiper1 .swiper-pagination {z-index: 20;bottom: 2rem;}
.index-banner-swiper1 .swiper-pagination.pagination-2 {text-align: right;right: 6%;width:50rem;left: auto;}
.index-banner-swiper1 .swiper-pagination.pagination-2 span{border-radius: 0px;height: 2px;width: 5rem;}
.index-banner1 .swiper-wrapper{height: auto;}

.section1{background-color: #ffffff;}
.content1 {width: 88%;margin: auto;overflow: hidden;}
.index-nuogo1 {position: relative;padding:8% 0;overflow: hidden;}
.index-nuogo1 .left {width: 30%;}
.index-nuogo1 .left .title{color: #000000;line-height: 2.9rem;opacity: .7;}
.index-nuogo1 .left .title-en{color: #000000;margin-top:4.5rem;opacity: .7;;line-height: 2.9rem;font-weight: 300;}
.index-nuogo1 .right {width:60%;} 
.index-nuogo1 .right .introduce .title{color: #000000;}
.index-nuogo1 .right .introduce .text{color: #000000;margin-top: 3rem;font-weight: 300;width: 90%;}

.index-case1 {position: relative;padding:2rem 0;overflow: hidden;}
.index-case1 .top{display: flex;justify-content: space-between;align-items: center;margin-left: 40%;}
.index-case1 .top .title{color: #000;}
.index-case1 .top .classification{float: right;}
.index-case1 .top .classification a{color: #000;margin-left: 2rem;position: relative;font-weight: 300;}
.index-case1 .top .classification a::after {content: '';display: block;width: 0px;height: 1px;background: #000;position: absolute;bottom: 0;left: 0;}
.index-case1 .top .classification a:hover {color: #000;font-weight: bold;}
.index-case1 .top .classification a.cur{color: #000;} 
.index-case1 .top .classification a.cur::after {display: block;width: 100%;}
.index-case1 .bottom {padding:3rem 0 0 0;overflow: hidden;clear: both;}
.case-list a .pic {background-position: center;background-repeat: no-repeat;background-size: cover;}
.case-list1 a .pic {background-position: center;background-repeat: no-repeat;background-size: cover;}
.case-list1 {position: relative;overflow: hidden;}
.case-list1 a{display: block;position: relative;overflow: hidden;width: 33.33333%;float: left;}
.case-list1 a .text{position: absolute;width: 100%;height: 100%;text-align: center;z-index: 10;color: #fff;opacity: 0;background: rgba(0,0,0,.8);}
.case-list1 a .text .title{font-size: 2.4rem;padding-bottom: 1rem;display: block;font-weight: normal;}
.case-list1 a .text .keyword{font-size: 1.4rem;color: #ccc;}
.case-list1 a .img{background-color: #000;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.case-list1 a .pic{width: 100%;}
.case-list1 a .pic img.casepic{display: none;opacity: 0;width: 0;height: 0;}
.case-list1 a .pic img{display: block;width: 100%;height: auto;}
.case-list1 a:hover .text{opacity: 1;}
.list-more1 { margin:4rem auto auto ;overflow: hidden;clear: both;}
.list-more1 a{display: block;width:12rem;height:3rem;line-height:3rem;text-align: center;margin: auto;border: 1px solid #ccc;color: #999;}
.list-more1 a:hover {background: #000;color: #fff;}

.section2 .content{width:76%;}
.index-service1 {position: relative;padding:8% 0;overflow: hidden;}
.index-service-list1 {overflow: hidden;display: flex;justify-content: center;}
.index-service-list1 .wrap{display: flex;align-items: center;}
.index-service-list1 .item3 {float: left;width: 23.4461%;background: #cecece;overflow: hidden;padding: 5rem 7rem;}
.index-service-list1 .item3.mr1 {background-color: #f2f3f5;}
.index-service-list1 .item3 .title{color:#000000;display: inline-block;font-weight: 300;}
.index-service-list1 .item3 .title span{font-size: 2.4rem;}
.index-service-list1 .item3 .text{line-height: 2.4rem;color: #000;padding:2rem 0;min-height:7rem;font-weight: 300;text-align: justify;} 
.index-service-list1 .item3 ul{padding:0 1.8rem;overflow: hidden;position: relative;}
.index-service-list1 .item3 ul li{float: left;width: 100%;padding-bottom: 1rem;font-weight: 300;font-size: 1.4rem;}
.index-service1 .title-1 {text-align: center;color: #000;margin-bottom:.5rem;}
.index-service1 .title-2 {text-align: center;margin-bottom: .5%;}
.index-service1 .txt-3{text-align: center;margin-bottom:3%;font-weight: 300;}
.index-service-list1 .icon{display:inline-block; width: 7rem;height: 7rem;background-position: center center;background-repeat: no-repeat;position: relative;margin-right: 3%;}
.index-service-list1 .icon img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.index-service-list1 .inner .txt{font-weight: bold;color: #000;}

.viewpoint{width: 100%;margin-bottom: 3%;}
.viewpoint .text{background-color: #000000;padding: 7.5% 0 14%;}
.viewpoint .text .title{color: #ffffff;text-align: center;font-family: 'Montserrat-Regular',Arial;}
.viewpoint .text .title span{font-size:3.5rem;font-family: 'Montserrat-Regular',Arial;}
.viewpoint .vie-content{position: relative;width: 88%;margin: auto;}
.viewpoint .vie-content .underlay img{max-width: none;}
.viewpoint .vie-content1{width: 88%;margin: auto;}
.viewpoint .item{width: 32.6%;position: absolute;left: 0;top: 50%;margin-top: 5%;}
.viewpoint .itm1{left:33.7%;}
.viewpoint .itm2{right:0;left:auto;}
.viewpoint .item .pic{border:1.8rem solid #ffcc00;background-position: center;background-repeat: no-repeat;background-size: cover;}
.viewpoint .item .pic img{width: 100%;}
.viewpoint .item .list{padding:1.8rem;}
.viewpoint .item .list .title-1{margin-bottom:4%;color: #000000;}
.viewpoint .item .list .subnav a{display: block;color: #000000;}
.viewpoint .item .list .subnav a:hover{font-weight: bold;}

.contact{width: 100%;background-color:#ffd800;position: relative;padding:6.5% 0;z-index:-2;}
.contact .pic-1{position: absolute;left: 50%;top: 20%;transform: translate(-50%);z-index: -1;}
.contact .text-2{text-align: center;z-index: 10;}
.contact .text-2 .title-1{color: #010000;}
.contact .text-2 .title-2{color: #010000;font-weight: bold;margin-bottom: .5%;}
.contact .text-2 .txt-3{color: #000;margin-bottom: 3%;font-weight: 300;}
.contact .text-2 .txt-4{color: #000;margin-bottom:.5%;font-weight: 300;}
.contact .text-2 .txt-5{color: #000;}
.contact .text-2 .txt-5 span{font-weight: 200;}


.font12 {font-size: 1.2rem;}
.font13 {font-size: 1.3rem;}
.font14 {font-size: 1.4rem;}
.font15 {font-size: 1.5rem;}
.font16 {font-size: 1.6rem;}
.font17 {font-size: 1.7rem;}
.font18 {font-size: 1.8rem;}
.font19 {font-size: 1.9rem;}
.font20 {font-size: 2rem;}
.font22 {font-size: 2.2rem;}
.font23 {font-size: 2.3rem;}
.font24 {font-size: 2.4rem;}
.font26 {font-size: 2.6rem;}
.font28 {font-size: 2.8rem;}
.font30 {font-size: 3rem;}
.font32 {font-size: 3.2rem;}
.font34 {font-size: 3.4rem;}
.font36 {font-size: 3.6rem;}
.font38 {font-size: 3.8rem;}
.font40 {font-size: 4rem;}
.font42 {font-size: 4.2rem;}
.font44 {font-size: 4.4rem;}
.font45 {font-size: 4.5rem;}
.font46 {font-size: 4.6rem;}
.font48 {font-size: 4.8rem;}
.font50 {font-size: 5rem;}
.font54 {font-size: 5.4rem;}
.font58 {font-size: 5.8rem;}
.font60 {font-size: 6rem;}
.font64 {font-size: 6.4rem;}
.font66 {font-size: 6.6rem;}
.font68 {font-size: 6.8rem;}
.font70 {font-size: 7rem;}
.font72 {font-size: 7.2rem;}
.font77 {font-size: 7.7rem;}
.font80 {font-size: 8rem;}
.font90 {font-size: 9rem;}
.font100 {font-size: 10rem;}
.font120 {font-size: 12rem;}
.font130 {font-size: 13rem;}
.font140 {font-size: 14rem;}
.font160 {font-size: 16rem;}
.font280 {font-size: 28rem;}
.font300 {font-size: 30rem;}
.font400 {font-size: 40rem;}
.flh14 {line-height: 1.4rem;}
.flh20 {line-height: 2rem;}
.flh22 {line-height: 2.2rem;}
.flh24 {line-height: 2.4rem;}
.flh26 {line-height: 2.6rem;}
.flh28 {line-height: 2.8rem;}
.flh30 {line-height: 3.0rem;}
.flh32 {line-height: 3.2rem;}
.flh34 {line-height: 3.4rem;}
.flh36 {line-height: 3.6rem;}
.flh40 {line-height: 4rem;}
.flh42 {line-height: 4.2rem;}
.flh44 {line-height: 4.4rem;}
.flh48 {line-height: 4.8rem;}
.flh50 {line-height: 5rem;}
.flh52 {line-height: 5.2rem;}
.flh54 {line-height: 5.4rem;}
.flh56 {line-height: 5.6rem;}
.flh58 {line-height: 5.8rem;}
.flh60 {line-height: 6rem;}
.flh64 {line-height: 6.4rem;}
.flh70 {line-height: 7rem;}
.flh72 {line-height: 7.2rem;}
.flh75 {line-height: 7.5rem;}
.flh80 {line-height: 8rem;}
.flh90 {line-height: 9rem;}
.flh140 {line-height: 14rem;} 
.flh160 {line-height: 16rem;} 
.flh400 {line-height: 40rem;} 
 



/* mobile nav */
.mnav{position: relative;z-index: 900; display: none;}
.mnav.scroll-down .mheader{top:-10rem;}
.mnav.scroll-top .mheader,.mnav.scroll-top .mheader{top:0;background: #000;}
.mnav.scroll-top .mheader .mlogo,.mnav.scroll-top .mheader .mlogo{background: url("../pic/ck-logo.svg") left center no-repeat;background-size: 100%;}


.mnav.scroll-down .menu-toggle span.hamburger,
.mnav.scroll-down .menu-toggle span.hamburger:after,
.mnav.scroll-down .menu-toggle span.hamburger:before,
.mnav.scroll-down .menu-toggle span.cross:before,
.mnav.scroll-down .menu-toggle span.cross:after,
.mnav.scroll-top .menu-toggle span.hamburger,
.mnav.scroll-top .menu-toggle span.hamburger:after,
.mnav.scroll-top .menu-toggle span.hamburger:before,
.mnav.scroll-top .menu-toggle span.cross:before,
.mnav.scroll-top .menu-toggle span.cross:after
{background:#fff;}

.nav-container {padding-top: 9rem;}

.mheader {height:5rem;position:fixed;left:0;top: 0;z-index: 93;width: 100%;background: #000;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.mheader ul {height:5rem;position: relative;padding:0 3%;margin: 0;}
.mlogo { left:1rem;top:50%;position: absolute;z-index: 94;display: block;width: 10.4rem;height:4rem;margin-top: -3%; background: url("../pic/ck-logo.svg") left center no-repeat;background-size: 100%;-webkit-transition:none;-moz-transition:none;transition:none;}
.inside-pages .mlogo {background: url("../pic/ck-logo.svg") left center no-repeat;background-size: 100%;}

.mlanguage {padding:10% 0;text-align: center;} 
.mlanguage a{display: inline-block;margin:0 2%;color: #666;font-size: 1.4rem;} 
.mlanguage a:hover {opacity: 1;}

.cd-nav{margin: 0;padding: 0; }
.cd-nav li{width:80%;margin: auto;padding: 0;overflow:hidden;position: relative;}
.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;font-weight: bold;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:1.7rem; color:#fff;padding:5% 0; margin:0 auto;text-transform:uppercase;}
.cd-nav a:hover,.twonav.curr{color:#e60012;}
.cd-nav li a.twonav {background: url('../upload/right3.png') right center no-repeat;background-size: 3%;}
.no-touch .mheader{background-color: #1a1a1a;}
 
.menu-toggle {display: block;width:5rem;height:5rem; position:absolute;right:0;top:0;z-index: 9999;}
.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:2.4rem;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-1.2rem;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-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);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-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,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:2.4rem;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-1.2rem;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-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);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-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:-.7rem;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:.7rem;top:0;transition-delay:0.2s;}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-7rem);-moz-transform:translateX(-7rem);-ms-transform:translateX(-7rem);-o-transform:translateX(-7rem);transform:translateX(-7rem);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(7rem);-moz-transform:translateX(7rem);-ms-transform:translateX(7rem);-o-transform:translateX(7rem);transform:translateX(7rem);}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:2.4rem;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-1.2rem;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-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);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-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);-webkit-transform:translateY(-7rem) translateX(-7rem) rotate(45deg);-moz-transform:translateY(-7rem) translateX(-7rem) rotate(45deg);-ms-transform:translateY(-7rem) translateX(-7rem) rotate(45deg);-o-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(7) translateX(-7rem) rotate(-45deg);-moz-transform:translateY(7rem) translateX(-7rem) rotate(-45deg);-ms-transform:translateY(7rem) translateX(-7rem) rotate(-45deg);-o-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);-moz-transform:translateY(-7rem) translateX(7rem) rotate(-45deg);-ms-transform:translateY(-7rem) translateX(7rem) rotate(-45deg);-o-transform:translateY(-7rem) translateX(7rem) rotate(-45deg);transform:translateY(-7rem) translateX(7rem) rotate(-45deg);}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}

.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0; right:100%; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden;
 -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);
 -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;
 display: none;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}

.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}
 


  
@media screen and (max-width: 5120px) { html{font-size: 82.5%;} }
@media screen and (max-width: 3840px) { html{font-size: 72.5%;} }
@media screen and (max-width: 2560px) {	}
@media screen and (max-width: 2048px) {}
@media screen and (max-width: 1920px) { html{font-size: 62.5%;} }
@media screen and (max-width: 1680px) {html{font-size: 52.5%;} }
@media screen and (max-width: 1440px) {html{font-size: 42.5%;} }
@media screen and (max-width: 1366px) { }
@media screen and (max-width: 1280px) { }
@media screen and (max-width: 1152px) { }
@media screen and (max-width: 1024px) { }
@media screen and (max-width: 980px) { }

@media screen and (max-width: 640px) { 
	.cd-nav a{font-size:4rem;}
	.mnav,.mbshow,.footer_1 .content .right ul:last-child {display: block!important;}
	.index-service-list1 .item3 ul {padding: 2rem 0 2rem 2.5rem;}
	.index-nuogo1 .left .title {font-size: 4rem;line-height: 5rem;text-align: center;margin-top: 15%;}
	.index-case1 .top{margin-left: 0; flex-direction: column;}
	.index-service-list1 {flex-direction: column;align-items: center;padding: 3%;}
	.viewpoint .vie-content{background-color: #ffffff;}
	.viewpoint .vie-content1 .underlay img{display: none;}
	.viewpoint .item{width:100%;position:static;} 
	.index-nuogo1 .left .title-en {font-size: 1.4rem;margin-top: 2rem;margin-bottom: 4rem;}
	.index-nuogo1 .right .item4 li, .nuogo-about .right .item4 li {width: 49%;margin-bottom: 40px;}
	.index-case1 .top .classification a {font-size: 14px;margin-left: 0px;margin-right: 10px;}
	.index-news-list1.mr1,.index-service-list .item3.mr1 {margin-right: 0;margin-bottom: 20px;}
	.index-news-list1 .top .txt {border: none;}
	.index-case1 .top .title,.index-ad .title {font-size: 26px;}
	.index-case1 .top .classification {text-align: left;float: left;overflow: hidden;}
	.index-case1 .top .classification a {display: inline-block;}
	.index-case1,.nuogo-case-detail {padding: 50px 0  100px 0;}
	.content1,.nuogo-case-detail .content1, .nuogo-news .content, .nuogo-contact .content, .nuogo-contact-message .content,.nuogo-about .content, .nuogo-about-team .content, .nuogo-about-customer .content {width: 94%;}
	.index-service-list1 .item3 ul {padding: 20px 0px 20px 20px;}
	.nuogo-banner1.mt0 {margin-top: 0;}
	.mlogo { left:1rem;top:50%;position: absolute;z-index: 94;display: block;width: 10.4rem;height:4rem;margin-top: -3%; background: url("../pic/ck-logo.svg") left center no-repeat;background-size: 100%;-webkit-transition:none;-moz-transition:none;transition:none;}
 	.index-banner1 {margin-top: 5rem;}
	.index-nuogo1 .right .introduce .text {width: 100%;}
	.index-case1 .top .title, .index-ad1 .title {font-size: 2.6rem;}
	.index-case1 .top .classification {margin-top: 3rem;}
	.index-case1 .top .classification a {margin-bottom: 10px;}
	.viewpoint .item .list .title-1 {text-align: left;font-size: 2rem;}
	.viewpoint .item .list .subnav a {font-size: 1.4rem;line-height: 2.8rem;}
	.index-nuogo1 .right .introduce .title {font-size: 4rem;}
	.footer_1 .content .right .right-nav{display: none;}
	.header_1,.pcshow,.index-news-list1 .item8,.footer_1 .content .right ul,.footer_1 .content .right::before,.aside-right1,
	.footer_1 .content .bottom,.index-banner-swiper1 .swiper-pagination.pagination-2,.nuogo-news-other,.nuogo-banner1 .img .txt,.nuogo-news-top,.news-right{display: none!important;}
	.content {width: 94%;}
	.index-nuogo1 .left,.index-nuogo1 .right,.case-list a,.index-news-list1,.index-service-list1 .item3,.footer_1 .content1 .left,
	.footer_1 .content1 .right ul,.case-detail-top .right,.nuogo-about .left,.nuogo-about .right,.news-detail,.contact-us .center .item3 {width: 100%;float: none;}
	.footer_1 .content .right {width: 100%;padding-left:0;margin-top: 40px;padding-bottom: 20px;}
	.footer_1 .content .left .ewmtel {padding-top: 20px;margin-top: 20px;}
	.footer_1 .content .right ul .socialtext .social a .ewmshw {left:0px;} 
	.footer_1 .content .left {width: 100%;}
	.footer_1 .content .right .copy .right-txt {padding-top: 1rem;}
	.index-case .top .classification a::after {bottom: 5px;}
}