html{-webkit-text-size-adjust:none;font-size: 62.5%; font-family: arial;} 
body{color: #1a1a1a;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: #1a1a1a;} 
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;}
.wow {opacity: 0;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#f1f1f1;}
.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%;}
.img-alt {opacity: 0;}
.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;}
.text-center {text-align: center;}
.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('../image/loading.gif') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50,-50%);}
.div-container {position: relative;width: 74%;margin: auto;}
::-webkit-scrollbar{height:4px; width:3px;background: #ededed;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ededed;}
::-webkit-scrollbar-thumb{background-color:#3793db;box-shadow:inset 1px 1px 0 #3793db,inset 0 -1px 0 #3793db;}
 

        /* 导航栏样式 - 类名以daohang开头 */
        .daohang {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            padding: 0 20px;
            background-color: transparent;
            z-index: 100;
        }
        
        .daohang-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .daohang-list {
            display: flex;
            list-style: none;
        }
        
        .daohang-item {
            position: relative;
        }
        
        .daohang-link {
            display: block;
            padding: 20px 15px;
            color: #333;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
        }
        .daohang-link.active::after {
    content: '';
    position: absolute;
    left: 15px;
    bottom: 0;
    width: calc(100% - 30px);
    height: 3px;
    background-color: #2c6ecb;
    border-radius: 2px;
}
     

        
        .daohang-link.active::after {
            content: '';
            position: absolute;
            left: 15px;
            bottom: 0;
            width: calc(100% - 30px);
            height: 3px;
            background-color: #2c6ecb;
            border-radius: 2px;
        }
        
        /* 二级菜单样式 */
        .daohang-submenu {
            position: absolute;
            top: 100%;
            left: 0;

            background-color: rgba(255, 255, 255, 0.95);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            list-style: none;
            display: none;
        }
        
        .daohang-subitem .daohang-link {
     padding: 5px 5px;
            color: #666;
            position: relative;
        }
        
        .daohang-subitem .daohang-link:hover {

            color: #2c6ecb;
        }
        
        .daohang-subitem .daohang-link.active::after {
            width: calc(100% - 30px);
        }
        
        /* 显示二级菜单 */
        .daohang-item:hover .daohang-submenu {
            display: block;
		
        }
        
        /* 移动端适配 */
        @media (max-width: 768px) {
            .daohang-list {
                flex-wrap: wrap;
            }
            
            .daohang-submenu {
                position: static;
                width: 100%;
                box-shadow: none;
                background-color: rgba(255, 255, 255, 0.8);
            }
            
            .daohang-link.active::after {
                width: 30px;
            }
        }


/* header */
.header {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease;}
.header::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;opacity: .1;}
.header * {transition:all .4s ease;}
.header-content {width:100%;height: 10rem;margin: auto;position: relative;z-index: 500;}
.header-nav,.header-nav ul li,.header-nav ul li::after,.header-nav ul a.nav,.header-icon ,.header-icon li {display: inline-block;vertical-align: middle;}
.header-logo {position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 10;width: 18%;}
.header-logo a {display: block;background-position: left center;background-repeat: no-repeat;background-size: 100%;}
.header-logo img{display: block;max-width: 100%;}
.header-center {    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    text-align: center;
    font-size: 0;}
.header-nav {text-align: center;}
.header-nav ul{list-style: none;margin: 0;padding: 0;font-size: 0;}
.header-nav ul li{list-style: none;margin: 0;position: relative;font-size: 0;z-index: 50;padding: 0;}
.header-nav ul a {color: #fff;}
.header-nav ul a.nav{position: relative; padding: 0 2.5rem;line-height: 10rem;}
.header-nav ul a.nav span {position: relative;}
.header-nav ul a.nav span::after {content: '';width: 100%;height: 5px;position: absolute;left: 0;bottom: 0;background: #3793db; opacity: 0;}
.header-nav ul li.cur a.nav,.header-nav ul li.on a.nav {opacity: 1;}
.header-nav ul li.cur a.nav span::after,.header-nav ul li.on a.nav span::after  {opacity: 1;}
.header-nav ul li a {display: block; padding-left: 20px; padding-right: 20px;   }
.header-nav ul li i {width: 2.2rem;height: 2.2rem;position: relative;display: inline-block;vertical-align: middle;margin-right: .5rem;}
.header-nav ul li span {display: inline-block;vertical-align: middle;text-transform:capitalize;}
.header-nav ul li em {display: inline-block;vertical-align: middle;width: .9rem;height: .6rem;background: url('../image/d.png') center no-repeat;background-size: 100%;opacity: .5;margin-left: .5rem;}

.header-nav ul li.language:hover .header-nav-show-nav{display: block;}
.header-nav-show-nav {position: absolute;width: 20rem;left: 5%;z-index: 911;display: none;padding-top: 0px;top: 80%; }
.header-nav-show-nav ul {padding: 10% 0 10% 10%;overflow: hidden;text-align: left;}
.header-nav-show-nav ul li {display: block;}
.header-nav-show-nav ul a {display: block;text-align: left;padding: 5px 0;position: relative;opacity: 1;}
.header-nav-show-nav ul a:hover {opacity: .5;}


.header.scroll-down,.header.scroll-top,.header.black {border-bottom: 1px solid rgba(0,0,0,.1);}
.header.black {}
.header.black .header-logo a img,.header.scroll-down .header-logo a img,.header.scroll-top .header-logo a img{opacity: 0;}
.header.black .header-logo a,.header.scroll-down .header-logo a,.header.scroll-top .header-logo a {background: url('../image/webflogo.png') center no-repeat;background-size: 100%;}
.header.black .header-nav ul li a,.header.scroll-down .header-nav ul li a,.header.scroll-top .header-nav ul li a {color: #fff;}
.header.black .header-nav ul a span,.header.scroll-down .header-nav ul a span,.header.scroll-top .header-nav ul a span  {color: #fff;}
.header.black .header-nav ul li em,.header.black .header-nav ul li i,
.header.scroll-down .header-nav ul li em,.header.scroll-down .header-nav ul li i,
.header.scroll-top .header-nav ul li em,.header.scroll-top .header-nav ul li i {}



.detail .header {background: #fff;border-bottom: 1px solid rgba(0,0,0,.1);}
.detail .header .header-logo a img,.detail .header.scroll-down .header-logo a img,.detail .header.scroll-top .header-logo a img{opacity: 0;}
.detail .header .header-logo a,.detail .header .header-logo a {background: url('../image/webflogo.png') center no-repeat;background-size: 100%;}
.detail .header .header-nav ul li a,.detail .header .header-nav ul li a {color: #666;}
.detail .header .header-nav ul a span,.detail .header .header-nav ul a span {color: #666;}
.detail .header .header-nav ul li em,.detail .header .header-nav ul li i {filter: invert(1);}



.header-show-mark.cur  {display: block;opacity: 1;z-index: 100;}
.header-nav-show {position: fixed;left: 0;top: 0;width: 100%;z-index:111;overflow: hidden;transition:all .4s ease;}
.header-nav-show.Hide {opacity:0;height: 0;z-index:111;}
.header-nav-show-content {width:100%;position: relative;overflow: hidden;transition:all .4s ease;background: #f5f5f5;overflow: hidden;margin-top:10rem;}
.header-nav-content {overflow: hidden;margin: auto;text-align: center;}
.header-nav-center {flex-direction: row;flex-wrap: wrap;}
.header-nav-item {display: inline-block;vertical-align: top;padding: 2% 0;position: relative;}
.header-nav-item.on a{color: #fff;}
.header-nav-item:last-child {padding-left: 8%;}
.header-nav-item a {display: block;color: #fff;padding: 5% 4rem; text-transform: capitalize;}
.header-nav-item a:hover {color: #fff;}

.header-nav-show-content-about {width:100%;position: relative;overflow: hidden;transition:all .4s ease;overflow: hidden;margin-top:10rem;}
.header-nav-show-content-solution {width:115%;position: relative;overflow: hidden;transition:all .4s ease;overflow: hidden;margin-top:10rem;}
.header-nav-show-content-joinin {width:129%;position: relative;overflow: hidden;transition:all .4s ease;overflow: hidden;margin-top:10rem;}


/* menu */
.menu-toggle {display: none;width: 7rem;height: 7rem;position: absolute;overflow: hidden;right: 0;top: 0px;z-index: 900;}
.cd-nav-trigger {display: block;width: 7rem;height: 7rem;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-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:-5px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:5px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) 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(70px);transform:translateX(70px);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);background: #000;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #000;}
 



/* index */ 
.index-swiper {width: 100%;height: 100%;}
.index-swiper-wrapper {display: block;}
.index-banner-swiper {width: 100%;height: 100%;position: relative;background: #000;overflow: hidden;} 
.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;}
.index-banner-text {position: absolute;left: 8%;top: 50%;transform: translateY(-60%);z-index: 100;color: #fff;width: 50%;}
.index-banner-text strong,.index-banner-text h2{font-weight: 900;margin: 0;padding: 0;} 
.index-banner-swiper .text-1,
.index-banner-swiper .title-1 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-swiper .text-1 {transition-delay: .2s;color: #fff;}
.index-banner-swiper .title-1 {transition-delay: .4s;margin-top: 3rem;} 
.index-banner-swiper .swiper-slide-active .text-1,
.index-banner-swiper .swiper-slide-active .title-1  {transform: translateY(0px);opacity: 1;}

.scrolldown {position: absolute;bottom:5%;z-index: 11;right: 5%;}
.swiperctrl {position: absolute;left: 5%;bottom: 5%;width: 30%;z-index: 11;}
.swiper-button-prev,.swiper-button-next,.banner-pagination {display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;top: auto;bottom: auto;margin: 0;margin-right: 1rem;}
.swiper-button-prev,.swiper-button-next {border: 2px solid #fff;border-radius: 100%;width: 6rem;height: 6rem;box-sizing: border-box;outline: none;}
.swiper-button-prev::after,.swiper-button-next::after {color: #fff;font-size: 1.4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-weight: 900;}
.index-banner-swiper .banner-pagination {color: #fff;margin: 0 2rem;width: auto;}
.index-banner-swiper .banner-pagination span,.index-banner-swiper .banner-pagination i {display: inline-block;vertical-align: middle;font-weight: normal;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current {color: #fff;}
.index-banner-swiper .banner-pagination span.swiper-pagination-total {opacity: .5;}
.index-banner-swiper .banner-pagination i {opacity: .5;margin: 0 .3rem;}
.index-banner-swiper .banner-pagination span::before {content: '0';color: #fff;font-size: 1.8rem;}
 
.index-product {width: 100%;height: 100%;overflow: hidden;}
.index-product .img {background-color: #000;}
.index-product-content {width: 100%;height: 100%;position: relative;}
.index-product-content .img-mark {opacity: .6;position: absolute;width: auto;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;max-width: none;}
.index-product-center {z-index: 21;}
.index-product-center img {opacity: 0;}
.index-product-item {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 21;color: #fff;}
.index-product-item .img-block {opacity: 0;}
.index-product-item .text {position: absolute;text-align: center;width: 100%;top: 50%;transform: translateY(-50%);z-index: 11;}
.index-product-item .title-1 {font-weight: 900;color: #fff;} 
.index-product-item .icon-1 {position: relative;width: 10rem;height: 10rem;margin: auto;}
.index-product-item .text-1 {font-weight: 900;margin-top: 1rem;color: #fff;}
.index-product-item .text-2 {font-weight: 900;margin-top: 2rem;}
.index-product-item .line-1 {position: absolute;width: 100%;height: 1px;left: 0;top: 50.3%;transform: translateY(-50%);z-index: 1;}
.index-product-item .line-1::after {content: '';position: absolute;width: 100%;height: 1px;left: 0;top: 50%;transform: translateY(-50%);background: #fff;opacity: .2;}
.index-product-item .line-1 i {width: 1rem;height: 1rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #fff;border-radius: 100%;}
.index-product-left {width: 38%;left: 0;}
.index-product-right {width: 38%;left: auto;right: 0;}
.index-product-right .text-1 {color: #fff;}
.index-product-right .line-1 i {left: 0;right: auto;}


.index-swiper .swiper-slide .index-product .img-mark {display: block;}
.index-swiper .swiper-slide .index-product .img::before {content: '';width: 0%;height: 100%;position: absolute;left: 50%;top: 0;z-index: 11;background: #0d1623;opacity: .8;transform: translateX(-50%);transition:all 1s ease;transition-delay: .3s;}
.index-swiper .swiper-slide-active .index-product .img::before {width: 100%;z-index: 1;}
.index-swiper .swiper-slide .index-product-item,.index-swiper .swiper-slide .index-product .pic {opacity: 0;transition:all 1s ease;}
.index-swiper .swiper-slide .index-product .pic {transition-delay: 1s;z-index: 1;}
.index-swiper .swiper-slide .index-product-center{transition-delay: 1.0s;}
.index-swiper .swiper-slide .index-product-left{transition-delay: 1.5s;}
.index-swiper .swiper-slide .index-product-right{transition-delay: 1.5s;}
.index-swiper .swiper-slide-active .index-product-item {opacity: 1;z-index: 50;} 
.index-swiper .swiper-slide-active .index-product .pic {opacity: 1;} 



.more-1 {margin-top: 2%;}
.more-1 a,.more-1 strong {display: inline-block;width: 14rem;border-radius: 5rem;background: #3793db;border: 2px solid #3793db;font-size: 0;padding: 1rem 0;text-align: center;font-weight: normal;}
.more-1 i,.more-1 span {display: inline-block;vertical-align: middle;}
.more-1 i {width: 1.1rem;height: 1.1rem;background: url('../image/rd.svg') center no-repeat;background-size: 100%;margin-right: 1rem;filter: grayscale(1) brightness(4);}
.more-1 span  {color: #fff;}
.more-1 a:hover {background: none;border: 2px solid #0570b4;}
.more-1 a:hover span  {color: #0570b4;}
.more-1 a:hover i {filter:none;}


.index-about {position: relative;}
.index-about-content {color: #fff;}

@media  (max-width: 1399px) {
.index-about-top {position: absolute;left: 15%;top: 25%;z-index: 11;width: 34%;}
}
@media (min-width: 1400px) and (max-width: 1439px) {
.index-about-top {position: absolute;left: 15%;top: 40%;z-index: 11;width: 34%;}
}
@media (min-width: 1440px) and (max-width: 1919px)  {
.index-about-top {position: absolute;left: 15%;top: 40%;z-index: 11;width: 34%;}
}

@media (min-width: 1920px) {
.index-about-top {position: absolute;left: 15%;top: 25%;z-index: 11;width: 34%;}
}

.xworld-title {overflow: hidden;}
.xworld-title .text-1{color: #fff;opacity: 1;font-weight: bold;}
.xworld-title .title-1{color: #fff;font-weight: 900;margin-top: 2rem;}
.index-about-left {position: absolute;left: 15%;bottom:15%;z-index: 11;width: 40%;}
.index-about-item {float: left;width: 30%;}
.index-about-item .text-1{color: #cccfd3;font-weight: bold;}
.index-about-item .data-1 {margin-top: 0;}
.index-about-item .data-1 strong,.index-about-item .data-1 sub {font-weight: normal;}
.index-about-item .data-1 strong{color: #3793db; font-family: impact;}
.index-about-item .data-1 sub{color: #3793db;margin-left: 1rem;}

@media  (max-width: 1399px) {
.index-about-right {position: absolute;bottom:0%;z-index: 11;width: 80%; margin: 0 auto;    margin-left: 10%!important;}
}
@media (min-width: 1400px) and (max-width: 1439px) {
.index-about-right {position: absolute;bottom:10%;z-index: 11;width: 80%; margin: 0 auto;    margin-left: 10%!important;}
}
@media (min-width: 1440px) and (max-width: 1919px)  {
.index-about-right {position: absolute;bottom:10%;z-index: 11;width: 80%; margin: 0 auto;    margin-left: 10%!important;}
}

@media (min-width: 1920px) {
.index-about-right {position: absolute;bottom:10%;z-index: 11;width: 80%; margin: 0 auto;    margin-left: 10%!important;}
}

@media  (max-width: 1399px) {
.index-about-right .text-1 {text-align: justify;    line-height: 25px;}
}
@media (min-width: 1400px) and (max-width: 1439px) {
.index-about-right .text-1 {text-align: justify;    line-height: 32px;}
}
@media (min-width: 1440px) and (max-width: 1919px)  {
.index-about-right .text-1 {text-align: justify;    line-height: 32px;}
}

@media (min-width: 1920px) {
.index-about-right .text-1 {text-align: justify;    line-height: 40px;}
}

.index-about-right .more-1 {margin-top: 4rem;}
.about-mark {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;}
.about-mark i {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;display: block;}
.about-mark i,.index-about-content .pic {background-size: 100%;background-position: center bottom ;background-repeat: no-repeat;}
.index-about-content .img{background-image:url('../image/bg1.jpg');}
.about-mark i{background-color: #60676f;}
.index-swiper .swiper-slide .index-about-top,.index-swiper .swiper-slide .index-about-left,.index-swiper .swiper-slide .index-about-right {opacity: 0;transition:all 1s ease;transition-delay: .8s;}
.index-swiper .swiper-slide-active .index-about-top,.index-swiper .swiper-slide-active .index-about-left,.index-swiper .swiper-slide-active .index-about-right {opacity: 1;}
.index-swiper .swiper-slide .about-mark i{height: 0%;transition:all 1s ease;transition-delay: .3s;}
.index-swiper .swiper-slide-active .about-mark i{height: 100%;}


.index-solution {position: relative;}
.ndex-solution-content {width: 100%;height: 100%;position: relative;}
.index-solution-top {position: absolute;left: 5%;top: 15%;z-index: 11;width: 34%;}
.index-solution-top .xworld-title .text-1{color: #b3d7f1;opacity: 1;}
.index-solution-swiper {width: 100%;height: 100%;}
.index-solution-pic {width: 100%;height: 100%;}
.index-solution-bottom {font-size: 0;position: absolute;left: 0;bottom: 0;z-index: 11;width: 100%;}
.index-solution-bottom::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #fff;opacity: .1;}
.index-solution-list {width: 90%;margin: auto;position: relative;}
.index-solution-list::before {content: '';width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #fff;opacity: .1;}
.index-solution-item {position: relative;width: 25%;display: inline-block;vertical-align: top;}
.index-solution-item::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #fff;opacity: .1;}
.index-solution-item .text{position: absolute;left: 10%;width: 80%;top: 20%;z-index: 20;color: #fff;opacity: .65;}
.index-solution-item .text-1 {margin-top: 1rem;}
.index-solution-item img{opacity: 0;}
.index-solution-item.cur img,.index-solution-item.cur .text{opacity: 1;}
.index-solution-item.cur .title-1 {font-weight: 900;}

.index-news {position: relative;width: 100%;height: 100%;background: #0570b4;}
.index-news-content {width: 90%;margin: auto;position: absolute;left: 5%;top: 55%;transform: translateY(-50%);z-index: 1;}
.index-news-top {margin-top: 0;position: relative;overflow: hidden;}
.index-news-top .xworld-title {color: #000;}
.index-news-top .xworld-title .text-1{color: #fff;opacity: 1;}
.index-news-top .xworld-title .title-1{color: #fff;}
.newsctrl {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.newsctrl .news-prev,.newsctrl .news-next {border: 2px solid #ccc;}
.newsctrl .news-prev::after,.newsctrl .news-next::after {color: #ccc;}
.index-news-bottom {overflow: hidden;}
.index-news-swiper {padding: 3% 0;overflow: hidden;}
.index-news-item {position: relative;}
.index-news-item a {display: block;position: relative;background: #fff;padding: 8%;overflow: hidden;}
.index-news-item .text {overflow: hidden;}
.index-news-item .text-1 {color: #999999;}
.index-news-item .title-1 {margin-top: 1rem;height: 50px;}
.index-news-item .more-1 {margin: 4rem 0;}
.index-news-item a:hover .more-1 strong{background: #fff;border: 2px solid #0570b4;}
.index-news-item a:hover .more-1 span {color: #0570b4;}
.index-news-item a:hover .more-1 i {filter: none;}
.index-news-item a:hover .text-1 {color: #0570b4;}
.index-news-item a:hover {box-shadow: 0px 0px 67px 0px rgba(153, 153, 153, 0.4);}
.index-news-item:hover,.index-news-swiper .swiper-slide:hover,.index-news-item a:hover {z-index: 11;}
 
  

/* about */
.xworld-banner {position: relative;overflow: hidden;}
.xworld-banner-content {width: 100%;height: 100%;position: relative;}
.xworld-banner .img{background-color: #292e34;}
.xworld-banner .pic {background-attachment: fixed;}
.xworld-banner .text {position: absolute;left: 5%;top: 20%;width: 40%;z-index: 11;} 
.xworld-banner .text.ycenter {top: 45%;transform: translateY(-50%);}
.about-right-text {position: absolute;right: 5%;top: 25%;width: 34%;z-index: 12;}
.about-right-text .text-1 {color: #cbcbcb;text-align: justify;}
 
.xworld-about {background: #f5f5f5;}
.xworld-about-content {background: #f5f5f5;padding-bottom: 5%;border-bottom: 1px solid #e6e6e6;}
.xworld-about-culture {position: relative;width: 90%;margin: auto;margin-top: -10%;}
.xworld-about-culture-left {float: left;width: 50%;}
.xworld-about-culture-item {position: relative;background: #fff;float: left;width: 48%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.xworld-about-culture-item:nth-child(2) {margin-top: 15rem;}
.xworld-about-culture-item:nth-child(3) {margin-top: -15rem;}
.xworld-about-culture-item .text-1{position: absolute;left: 10%;top: 10%;width: 80%;z-index: 2;font-weight: bold;}
.xworld-about-culture-item .title-1{position: absolute;left: 10%;bottom: 10%;width: 80%;z-index: 3;opacity: .5;}
.xworld-about-culture-item .icon-1{position: absolute;width: 30%;right: 10%;bottom: -10%;z-index: 1;}
.xworld-about-culture-item a {display: block;}
.xworld-about-culture-item a:hover {background: #3793db;}
.xworld-about-culture-item a:hover .text-1 {color: #fff;}
.xworld-about-culture-item a:hover .title-1 {color: #fff;opacity: .5;} 
.xworld-about-culture-right {float: right;width: 40%;margin-top: 18%;overflow: hidden;}
.xworld-about-culture-right .text-1 {color: #666666;}
.xworld-about-culture-right .text-1 p{margin: 0;padding: 0;}
.xworld-about-culture-right .text-1 strong {color: #000;}
.xworld-about-culture-list {overflow: hidden;margin-top: 10%;}
.xworld-about-culture-list .index-about-item {position: relative;}
.xworld-about-culture-list .index-about-item .text-1 {color: #000;}
.xworld-about-culture-list .index-about-item:first-child::after {content: '';width: 1px;height: 90%;position: absolute;right: 24%;top: 5%;background: #ccc;opacity: .5;}

.xworld-about-rdteam {overflow: hidden;padding: 1% 0 5% 0;background: #f5f5f5;}
.xworld-rdteam-content {position: relative;width: 90%;margin: auto;overflow: hidden;}
.xworld-rdteam-item {position: relative;}
.xworld-rdteam-item .img-team {position: absolute;left: 0;right: 0;top: auto;bottom: 7%;margin: auto;max-width: 90%;max-height: 90%;width: 80%;z-index: 11;}
.xworld-rdteam-item .top-1 {position: relative;overflow: hidden;}
.xworld-rdteam-item .img {background: none;}
.xworld-rdteam-item .pic {padding: 10% 5%;}
.xworld-rdteam-item .pic .img-block {opacity: 1;}
.xworld-rdteam-item .top-1 .text {position: absolute;right: 5%;top: 50%;transform: translateY(-50%);width: 35%;z-index: 11;opacity: 0;}
.xworld-rdteam-item .text-1 {color: #999;text-transform: uppercase;}
.xworld-rdteam-item .title-1 {color: #000;font-weight: 900;}
.xworld-rdteam-item .text-2 {color: #666;margin-top: 3rem;}
.xworld-rdteam-item .bottom-1 {text-align: center;position: relative;z-index: 30;}
.xworld-rdteam-item .bottom-1 .text {width: 100%;}
.xworld-rdteam-item .bottom-1::before {content: '';width: 100%;height: 4px;background: #e5e5e5;position: absolute;left: 0;top: 0;z-index: 1;}
.xworld-rdteam-item .point-1 {width: 4rem;height: 4rem;margin: auto;position: relative;z-index: 20;}
.xworld-rdteam-item .point-1::after {content: '';width: 100%;height: 100%;border-radius: 100%;position: absolute;left: 0;top: -1.8rem;background: #3793db;opacity:0;z-index: 1;}
.xworld-rdteam-item .point-1 i::before,.xworld-rdteam-item .point-1 i::after {display: block;border-radius: 100%;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.xworld-rdteam-item .point-1 i {width: 4rem;height: 4rem;position: absolute;left: 50%;top: -.2rem;transform: translateX(-50%);z-index: 20;}
.xworld-rdteam-item .point-1 i::after {content: '';width: 1.4rem;height: 1.4rem;background: #f5f5f5;}
.xworld-rdteam-item .point-1 i::before {content: '';width: .8rem;height: .8rem;background: #999999;z-index: 11;}
.xworld-rdteam-swiper {overflow: hidden;}
.xworld-rdteam-swiper .swiper-wrapper{align-items: flex-end;}
.xworld-rdteam-swiper .swiper-slide {width: 20%;}
.xworld-rdteam-swiper .swiper-slide.cur {width: 40%;}
.xworld-rdteam-swiper .swiper-slide.cur .top-1 .img{width: 60%;}
.xworld-rdteam-swiper .swiper-slide.cur .img-team {bottom: 0;}
.xworld-rdteam-swiper .swiper-slide.cur .top-1 .text {opacity: 1;}
.xworld-rdteam-swiper .swiper-slide.cur .img-block  {opacity: 0;}
.xworld-rdteam-swiper .swiper-slide.cur .point-1 i::after {opacity: 0;}
.xworld-rdteam-swiper .swiper-slide.cur .point-1 i::before {background: #3793db;}
.xworld-rdteam-swiper .swiper-slide.cur .point-1::after {opacity: .2;}
.xworld-rdteam-swiper .swiper-slide.cur .bottom-1 .text {width: 60%;}



.xworld-about-history {overflow: hidden;position: relative;}
.xworld-development-history {overflow: hidden;position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 1;height: 90%;}
.xworld-history-content {width: 90%;height: 100%;margin: auto;position: relative;}
.xworld-history-swiper {overflow: hidden;width: 100%;height: 100%;}
.xworld-history-item {overflow: hidden;}
.xworld-history-item a{display: block;position: relative;}
.xworld-history-item .title-1,.xworld-history-item .text-1 {position: absolute;top: 50%;transform: translateY(-50%);z-index: 11;font-weight: 900;}
.xworld-history-item .title-1 {width: 40%;left: 5%;color: #dddddd;}
.xworld-history-item .text-1  {width: 40%;right: 5%;color: #cecece;}
.xworld-history-swiper .swiper-slide-active .title-1 {color: #3793db;}
.xworld-history-swiper .swiper-slide-active .text-1 {color: #000;}
.swiper-button-top,.swiper-button-bottom {position: absolute;left: 0;width: 100%;height: 33.33%;z-index: 50;}
.swiper-button-top {top: 0;}
.swiper-button-bottom {bottom:0;}
.swiper-button-top::before{bottom: 0;}
.swiper-button-bottom::before{top: 0;}
.swiper-button-top::before,.swiper-button-bottom::before {content: '';width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;}
.history-next,.history-prev {position: absolute;left: 50%;background: #e5e5e5;transition:all .4s ease;}
.history-next:hover,.history-prev:hover {background: #3793db;}
.history-prev::after {transform: translate(-50%,-50%) rotate(90deg);}
.history-next::after {transform:translate(-50%,-50%) rotate(90deg);}
.history-next {top: auto;top:-3rem;}
.history-prev {bottom: -3rem;}





/* solution */
.xworld-solution {padding: 5% 0;overflow: hidden;background: #f5f5f5;}
.xworld-solution-content {width: 90%;margin: auto;}
.xworld-solution-item {float: left;width: 49.5%;margin-bottom: .5%;margin-right: .5%;}
.xworld-solution-item a {display: block;}
.xworld-solution-item .text {padding: 3% 0;overflow: hidden;}
.xworld-solution-item .title-1 {font-weight: 900;color: #333333;}
.xworld-solution-item .text-1 {color: #666666;}
.xworld-solution-item a:hover .pic {transform: scale(1.05);}

.xworld-solution-detail {overflow: hidden;}
.xworld-solution-main {width: 90%;margin: auto;overflow: hidden;padding: 5% 0;}
.xworld-solution-left {float: left;width: 40%;margin-left: 5%;}
.xworld-solution-right {float: left;width: 40%;margin-left: 10%;}
.xworld-solution-right .solution-text{margin-top: 5%;}
.xworld-solution-right .solution-text .title-1{font-weight: 900;}
.xworld-solution-right .solution-text .title-1 strong{margin: 0;padding: 0;position: relative;color: #3793db;}
.xworld-solution-right .solution-text .title-1 strong::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 10%;background: #3793db;}
.xworld-solution-right .solution-jindu {margin: 12% 0 0 0;}
.xworld-solution-right .jindu-1 {margin: 4% 0;width: 60%;}
.xworld-solution-right .jindutiao {overflow: hidden;}
.xworld-solution-right .jindutiao i{width: 100%;height: 8px;border-radius: 2rem;position: relative;background: #e9e9e9;display: block;overflow: hidden;}
.xworld-solution-right .jindutiao i::before {content: '';width: 100%;background: #999;height: 100%;position: absolute;border-radius: 2rem;left: 0;top: 0;z-index: 1;transition:all .4s ease;}
.xworld-solution-right .jindutiao.jd100 i::before{width: 100%;}
.xworld-solution-right .jindutiao.jd50 i::before {width: 50%;}
.xworld-solution-right .text-1  {color: #999999;margin-top: 1rem;}
.xworld-solution-right .jindu-1.cur i::before{background: #3793db;}
.xworld-solution-right .jindu-1.cur .text-1  {color: #3793db;}

.xworld-solution-pic {width: 90%;margin: auto;overflow: hidden;position: relative;}
.xworld-solution-pic .img {background: #000;}
.xworld-solution-txt-list {position: absolute;left: 6%;top: 50%;height: 50%;z-index: 11;width: 40%;transform: translateY(-50%);overflow: hidden;}
.xworld-solution-txt-swiper {overflow: hidden;width: 100%;height: 100%;}
.xworld-solution-txt-swiper .swiper-slide .text-1{color: #fff;padding: 0 5%;position: relative;opacity: .5;}
.xworld-solution-txt-swiper .swiper-slide .text-1::before {content: '';width: .3rem;height: 100%;position: absolute;left: 0;top: 0;background: #fff;z-index: 1;opacity: 0;}
.xworld-solution-txt-swiper .swiper-slide-active .text-1 {font-weight: 900;opacity: 1;font-size: 3.6rem;}
.xworld-solution-txt-swiper .swiper-slide-active .text-1::before {opacity: 1;}
.xworld-solution-pic-swiper {overflow: hidden;}
.xworld-solution-pic-swiper .swiper-slide .pic {opacity: 0;transition:all .4s ease;}
.xworld-solution-pic-swiper .swiper-slide .text-1 {color: #fff;position: absolute;right: 5%;bottom: 13%;width:20%;z-index: 11;}
.xworld-solution-pic-swiper .swiper-slide-active .pic {opacity: 1;}

.xworld-solution-brand {overflow: hidden;position: relative;padding: 6% 0 0 0;}
.xworld-solution-brand-top {overflow: hidden;width: 90%;margin: auto;}
.xworld-solution-brand-top .title-1{color: #222222;font-weight: 900;}
.xworld-solution-brand-top .title-1 strong{margin: 0;padding: 0;position: relative;color: #3793db;}
.xworld-solution-brand-top .title-1 strong::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 10%;background: #3793db;}
.xworld-solution-brand-bottom {overflow: hidden;}
.xworld-solution-brand-list {overflow: hidden;width: 60%;float: left;margin-top: 3%;margin-left: 1%;}
.xworld-solution-brand-list .item-1{position: relative;float: left;width: 20%;mix-blend-mode: darken;opacity: .5;transition:all .4s ease;}
.xworld-solution-brand-list .item-1:hover {opacity: 1;}
.xworld-solution-brand-right {float: right;width: 30%;}
 



/* join */
.xworld-join-us {padding: 5% 0;overflow: hidden;background: #f4f5f8;}
.xworld-join-us-content {width: 90%;margin: auto;}
.xworld-join-us-item {float: left;width: 33%;margin-bottom: .3%;margin-right: .3%;overflow: hidden;}
.xworld-join-us-item a{display: block;position: relative;}
.xworld-join-us-item .img{overflow: hidden;}
.xworld-join-us-item .title-1{position: absolute;bottom: 6%;left: 8%;width: 80%;z-index: 1;color: #fff;font-weight: 900;}

.xworld-joinus-top {text-align: center;padding-bottom: 3%;}
.xworld-joinus-top .xworld-title {overflow: visible;}
.xworld-joinus-top .xworld-title .title-1 {color: #222222;}
.xworld-joinus-top .xworld-title .title-1 strong{margin: 0;padding: 0;position: relative;color: #3793db;} 
.xworld-joinus-top .xworld-title .title-1 strong::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 10%;background: #3793db;}

.xworld-recruitment-positions {background: #fff;padding: 4% 0;overflow: hidden;}
.xworld-recruitment-content {overflow: hidden;}
.xworld-recruitment-positions-content {overflow: hidden;}
.joinus-recruit-top {background: #fff;padding: 3% 5%;overflow: hidden;border-bottom: 1px solid #f4f5f8;}
.joinus-recruit-top .title-1 {overflow: hidden;font-weight: bold;}
.joinus-recruit-top .title-1 strong {color: #3793db;margin-left: 2%;}
.joinus-recruit-type {margin-top: 3%;overflow: hidden;}
.joinus-recruit-item {overflow: hidden;margin-bottom: 1%;}
.joinus-recruit-item .type-1 {overflow: hidden;display: inline-block;vertical-align: middle;font-weight: bold;width: 8%;}
.joinus-recruit-item .item-1 {overflow: hidden;display: inline-block;vertical-align: middle;}
.joinus-recruit-item .item-1 li {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-right: 3rem;} 
.joinus-recruit-item .item-1 li a{display: block;color: #666;} 
.joinus-recruit-item .item-1 li.cur a {color: #3793db;}
.joinus-recruit-bottom {overflow: hidden;position: relative;width: 90%;margin: auto;}
.join-us-item {background: #fff;overflow: hidden;}
.join-us-item .title{position: relative;color: #666666;border-bottom: 1px solid #f7f7f7;overflow: hidden;padding: 2% 5%;cursor: pointer;}
.join-us-item .title.cur {background: #f4f5f8;}
.join-us-item .title.cur .number-1 {color: #3793db;font-size: 2.4rem;}
.join-us-item .title div {width: 20%;display: inline-block;vertical-align: middle;}
.join-us-item .title div:nth-child(2) {width: 40%;}
.join-us-item .title-1{font-weight: bold;color: #000;width: 40%;}
.join-us-item div.jia-1{position: absolute;right: 5%;top: 50%;transform: translateY(-50%);width: 3.5rem;height: 3.5rem;}
.join-us-item div.jia-1::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url('../image/add.png') center no-repeat;z-index: 11;}
.join-us-text {padding: 1% 5% 5% 5%;overflow: hidden;clear: both;width: 90%;position: relative;display: none;background: #f4f5f8;}
.join-us-text .text-3{overflow: hidden;position: relative;margin-left: 20%;}
.join-us-text .more-2{position: relative;right: auto;bottom: auto;margin: 2% 0 0 0;}
.join-us-text .more-2 a{display: inline-block}
.join-us-text .more-2 span {position: relative;display: inline-block;vertical-align: middle;margin-right: 1rem;color: #3793db;}
.join-us-text .more-2 i {display: inline-block;vertical-align: middle;background: url('../image/r1.svg') center no-repeat;background-size: 100%;width: .5rem;height: .8rem;}
.join-us-text .more-2 span::after {content: '';width: 100%;height: 2px;background: #3793db;position: absolute;left: 0;bottom:0;}


.div-recruitment-windows {width: 31%;position: fixed;left: 50%;top: 50%;z-index: 1111;transform: translate(-50%,-250%);background: #fff;box-sizing: border-box;padding: 3% 3%;text-align: center;transition:all .4s ease;}
.div-recruitment-windows.cur {transform: translate(-50%,-50%);}
.div-recruitment-windows-mark {position: fixed;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);opacity: 0;transition:all .4s ease;}
.div-recruitment-windows-mark.cur {opacity: 1;z-index: 1110;}
.div-recruitment-windows .close-2{position: absolute;right: 2%;top: 2%;z-index: 2;}
.div-recruitment-windows .close-2 i {display: block;width: 50px;height: 50px;position: relative;cursor: pointer;transform: rotate(45deg);transition:all .4s ease;}
.div-recruitment-windows .close-2 i::after {content: '';width: 24px;height: 2px;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.div-recruitment-windows .close-2 i::before {content: '';width: 2px;height: 24px;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.div-recruitment-windows .close-2:hover i{transform: rotate(135deg);}
.div-recruitment-windows .title-1{overflow: hidden;font-family: 'Work-Sans-Bold';}
.div-recruitment-from {text-align: left;margin-top:7%;}
.div-recruitment-from li{list-style: none;margin: 0;padding: 0;padding: 1% 0;position: relative;}
.div-recruitment-from li span {display: block;margin-bottom: 5px;}
.div-recruitment-from .input-2{width: 100%;display: block;border: none;background: #fff;box-sizing: border-box;padding: 3% 6%;overflow: hidden;border: 1px solid #dddddd;}
.div-recruitment-from .text-2 {overflow: hidden;}
.div-recruitment-from .text-2 span {color: #999999;}
.div-recruitment-from .input-3 {width: 100%;display: block;border: none;background:none;box-sizing: border-box;padding: 2% 6%;overflow: hidden;}
.div-recruitment-from .upload-2{position: relative;padding: 1% 0;border: 1px solid #e6e6e6;overflow: hidden;}
.div-recruitment-from .button-2{position: absolute;width:20%;display: block;border: none;background: #000;box-sizing: border-box;padding: 2% 3%;overflow: hidden;text-align: center;color: #fff;right: 8px;top: 50%;cursor: pointer;font-size: 12px;transform: translateY(-50%);}
.div-recruitment-from .button-2:hover {background: #000;}
.div-recruitment-from .submit-2 {width: 100%;display: block;border: none;background: #3793db;box-sizing: border-box;padding: 4% 0;overflow: hidden;text-align: center;color: #fff;cursor: pointer;margin-top: 5%;}
.div-recruitment-from .submit-2:hover {background: #000;color: #fff;}



/* contact */
.xworld-contact-us {padding: 5% 0;overflow: hidden;}
.xworld-contact-content {width: 90%;margin: auto;}
.xworld-contact-top .title-1 {overflow: hidden;color: #333333;font-weight: 900;}
.xworld-contact-top .title-1 strong{margin: 0;padding: 0;position: relative;color: #3793db;}
.xworld-contact-top .title-1 strong::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 10%;background: #3793db;}
.xworld-contact-center {overflow: hidden;padding: 4% 0;}
.xworld-contact-list {overflow: hidden;}
.xworld-contact-item {float: left;width: 33.33%;overflow: hidden;position: relative;transition:all .4s ease;}
.xworld-contact-item .icon-1 {width: 10rem;height: 10rem;position: relative;background: #333333;border-radius: 100%;overflow: hidden;}
.xworld-contact-item .text{width: 50%;position: absolute;left: 12rem;top: 50%;transform: translateY(-50%);}
.xworld-contact-item .text-1{color: #999999;}
.xworld-contact-item .title-1 {color: #000;}
.xworld-contact-item:hover .icon-1 {background: #3793db;}
.xworld-contact-bottom {position: relative;overflow: hidden;}
.xworld-contact-map {position: relative;}
.xworld-map {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;}
.BMap_Marker.BMap_noprint::before {content: '';width: 74px;height: 74px;z-index: 11;position: absolute;left: 50%;top: 50%;background: #3793db;border-radius: 100%;transform: translate(-50%,-50%) scale(0);}
.BMap_Marker.BMap_noprint::after {content: '';width: 50px;height: 50px;border-radius: 100%;transform: translate(-50%,-50%);background: #3793db url('../image/xworld.png') center no-repeat;position: absolute;left: 50%;top: 50%;z-index: 21;text-align: center;color: #fff;font-size: 16px;line-height: 50px;background-size: 80%;}
.BMap_Marker.BMap_noprint::before {animation: fangdadh1 3000ms infinite ease;}
.BMap_pop,.BMap_shadow {display: none;}
@keyframes fangdadh1{0%{transform: translate(-50%,-50%) scale(0);opacity:1;} 100%{transform: translate(-50%,-50%) scale(1.2);opacity: 0;}}





/* news */
.xworld-banner-nav {position: absolute;left: 5%;bottom: 6%;width: 90%;z-index: 11;}
.xworld-banner-nav a{display: inline-block;vertical-align: middle;color: #fff;opacity: .5;}
.xworld-banner-nav span{display: inline-block;vertical-align: middle;color: #fff;opacity: .5;margin: 0 5rem;}
.xworld-banner-nav a.cur,.xworld-banner-nav a:hover {opacity: 1;}
.xworld-news {padding: 5% 0;overflow: hidden;background: #f4f5f8;}
.xworld-news-content {width: 90%;margin: auto;}
.xworld-news-top {overflow: hidden;position: relative;padding-bottom: 3%;border-bottom: 1px solid #e2e2e2;}
.xworld-news-top-left {float: left;width: 50%;}
.xworld-news-top-left .xworld-news-top-item {overflow: hidden;opacity: 0;} 
.xworld-news-top-swiper .swiper-slide {overflow: hidden;}
.xworld-news-top-swiper .swiper-slide-active .xworld-news-top-item {opacity: 1;}
.xworld-news-top-right {width: 50%;height: 100%;position: absolute;overflow: hidden;right: 0;top: 0;}
.xworld-news-top-right::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 50%;background: #e2e2e2;}
.xworld-news-top-right .xworld-news-top-item {position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;z-index: 11;}
.xworld-news-top-right .xworld-news-top-item:first-child {top: 0;}
.xworld-news-top-item a {display: block;position: relative;width: 100%;height: 100%;}
.xworld-news-top-item .text{position: absolute;left: 13%;top: 50%;width: 60%;transform: translateY(-50%);z-index: 11;}
.xworld-news-top-item .date-1{color: #0570b4;}
.xworld-news-top-item .title-1 {color: #000;margin-top: 3%;}
.xworld-news-top-item .more-1{margin-top: 8%;}
.xworld-news-top-item .more-1 strong{background: none;border: 2px solid #0570b4;}
.xworld-news-top-item .more-1 span {color: #0570b4;}
.xworld-news-top-item .more-1 i {filter: none;}
.xworld-news-top-item.cur .date-1 {color: #3793db;}
.xworld-news-top-item.cur .more-1 strong{background: #3793db;border: 2px solid #3793db;}
.xworld-news-top-item.cur .more-1 span {color: #fff;}
.xworld-news-top-item.cur .more-1 i {filter:grayscale(1) brightness(4);}

.xworld-news-center {overflow: hidden;}
.xworld-news-item {float: left;width: 24%;padding-top: 3%;overflow: hidden;padding-right: 1.3%;position: relative;}
.xworld-news-item::after {content: '';width: 1px;height: 100%;right: 2.5%;top: 0;background: #e2e2e2;position: absolute;}
.xworld-news-item.mr0 {padding-right: 0;}
.xworld-news-item.mr0::after {display: none;}
.xworld-news-item a {display: block;}
.xworld-news-item .text {padding: 5% 0;overflow: hidden;}
.xworld-news-item .date-1 {color: #3793db;font-weight: 500;}
.xworld-news-item .title-1 {margin-top: 1rem;width: 80%;font-weight: 600;}
.xworld-news-item a:hover .pic{transform: scale(1.05);}

.xworld-pageturn {text-align: center;margin: 3% auto;overflow: hidden;font-size: 0;}
.xworld-pageturn a {display: inline-block;vertical-align: middle;line-height: 5rem;text-align: center;position: relative;width: 5rem;height: 5rem;border-radius: 100%;overflow: hidden;box-sizing: border-box;background: #e8e8eb;margin: 0 .4%;}
.xworld-pageturn span {color: #666;}
.xworld-pageturn i {width: .6rem;height: 1rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.xworld-pageturn a.prev i {background: url('../image/l3.png') center no-repeat;background-size: 80%;}
.xworld-pageturn a.next i {background: url('../image/r3.png') center no-repeat;background-size: 80%;}
.xworld-pageturn a.prev:hover i,.xworld-pageturn a.next:hover i {filter: invert(1) brightness(5);} 
.xworld-pageturn a.prev:hover ,.xworld-pageturn a.next:hover {background: #3793db;}
.xworld-pageturn a.cur,.xworld-pageturn a:hover {background: #3793db;}
.xworld-pageturn a.cur span,.xworld-pageturn a:hover span{color: #fff;}

.jcd-news-detail {padding: 7% 0 0 0;overflow: hidden;}
.div-news-detail-content {width: 90%;margin: auto;}
.jcd-detail-path {overflow: hidden;position: relative;background: #f5f5f5;padding: 1% 2%;}
.jcd-detail-path a{color: #666;}
.jcd-detail-path a:hover {color: #3793db;}
.jcd-detail-path-left {float: left;width: 50%;}
.jcd-detail-path-left a {font-weight: 900;}
.jcd-news-detail-bottom {position: relative;padding-bottom: 5%;overflow: hidden;}
.jcd-news-detail-bottom::after {content: '';width: 1px;height: 100%;position: absolute;right: 33%;top: 0;z-index: 1;background: #e2e2e2;}
.jcd-news-detail-left {float: left;width: 65%;padding-right: 5%;}
.jcd-news-detail-left .news-title {padding: 4% 0;position: relative;}
.jcd-news-detail-left .news-title::before {content: '';width: 100%;height: 180%;position: absolute;left: -15%;bottom: 0;z-index: 1;background: url('https://www.inxtech.com.cn/static/images/wl.png') left bottom no-repeat;mix-blend-mode: multiply;}
.jcd-news-detail-left .news-title::after {content: '';width: 150%;height: 1px;background: #e2e2e2;position: absolute;right: 0;bottom: 0;z-index: 1;}
.jcd-news-detail-left .title-1 {width: 60%;position: relative;z-index: 11;}
.jcd-news-detail-left .title-1 h1{font-weight: 900;}
.jcd-news-detail-left .date-1 {color: #3793db;margin-top: 3%;}
.jcd-news-detail-left .social-1 {position: absolute;right: 0;top: 30%;z-index: 51;}
.jcd-news-detail-left .social-1 .social-share .social-share-icon {width: 5rem;height: 5rem;}
.jcd-news-detail-main {color: #333333;padding: 3% 0;overflow: hidden;border-bottom: 1px solid #ccc;}
.jcd-news-detail-main img {max-width: 100%;height: auto!important;}
.jcd-news-detail-left .pageturn-1 {margin-top: 4%;}
.jcd-news-detail-left .pageturn-1 a {display: block;position: relative;float: left;width: 45%;}
.jcd-news-detail-left .pageturn-1 a.next-1 {float: left;margin-left: 15%;width: 40%;}
.jcd-news-detail-left .pageturn-1 .text-1 {color: #666666;text-align: left;}
.jcd-news-detail-left .pageturn-1 .title-1 {color: #333333;width: 100%;} 
.jcd-news-detail-left .pageturn-1 a:hover .title-1{color: #3793db;}
.jcd-news-detail-right {float: left;width: 30%;position: relative;padding-top: 4%;}
.jcd-news-detail-item {margin-bottom: 10%;position: relative;}
.jcd-news-detail-item a {display: block;overflow: hidden;}
.jcd-news-detail-item .title-1 {width: 100%;font-weight: 500;margin-top: 2%;}
.jcd-news-detail-item .date-1 {color: #3793db;margin-top: 5%;}
.jcd-news-detail-item a:hover .pic{transform: scale(1.05);}


.xworld-search {padding: 2% 0;overflow: hidden;}
.xworld-search-top {background: #f5f5f5;width: 86%;margin: auto;margin-top: 5%;padding: 1% 2%;overflow: hidden;}
.xworld-search-top .text-1{display: inline-block;vertical-align: middle;margin-right: 3%;}
.xworld-search-top .text-2{display: inline-block;vertical-align: middle;}
.xworld-search-center {overflow: hidden;width: 86%;margin: 0 auto;border-bottom: 1px solid #f5f5f5;padding: 0 2%;}
.xworld-search-center li{display: inline-block;vertical-align: middle;list-style: none;margin: 0;padding: 0;margin-right: 2%;}
.xworld-search-center li a{display: inline-block;position: relative;padding: 2rem 0;}
.xworld-search-center li a::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #3793db;display: none;}
.xworld-search-center li.cur a {color: #3793db;}
.xworld-search-center li.cur a::after {display: block;}
.xworld-search-bottom {padding:0;overflow: hidden;width: 90%;margin: 0 auto;}
.xworld-search-solution {overflow: hidden;padding: 2% 0;}
.xworld-search-solution .xworld-solution-item{width: 30%;}
.xworld-search-solution .xworld-solution-item .text-2 {color: #3793db;margin-top: 2rem;}
.xworld-search-news .xworld-news-item {width: 100%;margin: 0;padding: 0;padding: 2% 0;overflow: hidden;border-bottom: 1px solid #f5f5f5;}
.xworld-search-news .xworld-news-item::after {display: none;}
.xworld-search-news .xworld-news-item .img {float: left;width: 20%;}
.xworld-search-news .xworld-news-item .text {float: left;margin-left: 5%;width: 70%;padding: 0;margin-top: 3%;}
.xworld-search-news .xworld-news-item .date-1 {color: #ccc;}
.xworld-search-news .xworld-news-item .text-2{color: #3793db;margin-top: 3%;}
.xworld-search-news .xworld-news-item .jiantou-1 {width: 4rem;height: 4rem;border-radius: 100%;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);background: #3793db ;}
.xworld-search-news .xworld-news-item .jiantou-1::after {content: '';width: 1rem;height: 1rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url('../image/rd.svg') center no-repeat;background-size: 100%;filter: grayscale(1) brightness(5);}
 

.xworld-sitemap-top {overflow: hidden;padding: 3% 0;border-bottom: 1px solid #e2e2e2;}
.xworld-sitemap-top .text-1{color: #000;font-weight: 900;}
.xworld-sitemap-top .text-1 strong {color: #3793db;}
.xworld-sitemap-bottom {overflow: hidden;padding: 3% 0;}
.xworld-sitemap-bottom ul{list-style: none;margin: 0;padding: 0;float: left;width: 22%;padding-bottom: 8rem;overflow: hidden;}
.xworld-sitemap-bottom ul:nth-child(5) {clear: left;}
.xworld-sitemap-bottom .nav-1{display: block;}
.xworld-sitemap-bottom li{list-style: none;margin: 0;padding: 0;margin-top: 3rem;}
.xworld-sitemap-bottom li a{display: block;color: #666666;padding: 1% 0;}
.xworld-privacy-policy {overflow: hidden;color: #666666;}
.xworld-privacy-policy strong {color: #000;}
.xworld-privacy-policy h4 {margin: 0;padding: 0;color: #000;}


.search-content-show {position: absolute;left: 50%;top: 0;width: 40%;transform: translate(-50%,-100px);z-index:602;background: #fff;transition:all .4s ease;}
.header.search .search-content-show {transform: translate(-50%,-50%);top: 50%;}
.header.search .header-center {opacity:0;}
.search-content-show-content {position: relative;z-index: 20;}
.search-content-show-top {position: relative;overflow: hidden;}
.search-submit{position: absolute;left: 2%;top: 50%;width: 50px;height: 50px;background: url('../image/s.png') left center no-repeat;margin-top: -25px;border: none;z-index: 11;cursor: pointer;filter: invert(1);}
.search-submit:hover {opacity: .5;}
.search-input{padding: 0 5%;width: 100%;box-sizing: border-box;background: none;border: none;border: 1px solid #ededed;height: 60px;display: block;}
.close-1 {position: absolute;width: 50px;height: 50px;background: url('../image/add.png') center no-repeat;right: 0;top: 50%;margin-top: -25px;z-index: 11;cursor: pointer;transition:all .4s ease;transform: rotate(45deg);}
.close-1:hover {transform: rotate(180deg);}




/* other */

.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("../image/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;}

.news-detail-share,.news-detail-bottom-right,.news-detail-bottom {overflow:visible;}
.social-share{font-size:16px;font-style:normal;display: inline-block;vertical-align: middle;}
.social-share *{font-family:"socialshare" !important}
.social-share a{position:relative;text-decoration:none;margin-left:10px;display:inline-block;outline:none;border-radius: 100%;}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;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:#f3f3f3;margin:0;padding:0;color:#777}
.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;background: #f5f5f5;box-sizing: border-box;}
.social-share-icon:hover {opacity: 1;} 
.social-share-icon::before {opacity: 1;content: '';width: 4rem;height:4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}  
.icon-share::before{background: url('../image/s1.png') center no-repeat;background-size: 50%;}
.icon-linkedin::before{background: url('../image/s2.png') center no-repeat;background-size: 50%;}
.icon-wechat::before  {background: url('../image/s3.png') center no-repeat;background-size: 50%;} 
.icon-twitter::before {background: url('../image/s4.png') center no-repeat;background-size: 50%;}   





@keyframes fadeInBigs{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(1.0);opacity: 0;}100%{transform:scale(1.1);opacity: 1;}}
.fadeInBigs{-webkit-animation-name:fadeInBigs;animation-name:fadeInBigs;-webkit-animation-duration:.9s;animation-duration:.9s}


@keyframes turnrotate{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}}


@media  (max-width: 1399px) {

	.flh120{ font-size: 50px!important;}
}
@media (min-width: 1400px) and (max-width: 1439px) {


	.flh120{ font-size: 60px!important;}
}
@media (min-width: 1440px) and (max-width: 1919px)  {


.navcontact	{width: 34.4%!important;}

	.flh120{ font-size: 60px!important;}
}

@media (min-width: 1920px) {


	.flh120{ font-size: 80px!important;}
}

@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%;} 
	.header-nav-content {width: 50%;}
}
@media screen and (max-width: 860px) { 
	.pcshow{display: none!important;}
	.mbshow,.menu-toggle{display: block!important;} 
	.header {background: #fff;}
	.header-content {height: 7rem;}
	.header-logo {width: 20%;left: 2%;}
	.header-center {position: fixed;right: 0;top: 0;transform: none;width: 100%;height: 100%;background: #fff;transform: translateX(100%);}
	.no-touch .header-center {transform: translateX(0);}
	.header-nav,.header-nav ul {display: block;width: 100%;height: 100%;}
	.header-nav ul {margin-top: 7rem;}
	.header-nav ul li {display: block;border-top: 1px solid #ccc;}
	.header-nav ul li:nth-child(5){border-bottom: 1px solid #ccc;}
	.header-nav ul li.language,.header-nav ul li.search {display: inline-block;border: none;margin-top: 5%;}
	.header-nav ul li.language,.header-nav ul li.search {margin:5rem;}
	.header-nav ul a.nav {display: block;}
	.header-nav ul a.nav span {font-size: 2rem;}
	.header-nav ul a.nav span ,.header-nav ul li span,.header-nav ul li a{color: #000;}
	.header-nav ul li i {filter: invert(1);}
	.header-nav-show-nav {left: 0;}
	.header-nav-show-nav ul {margin: 0;}
	.index-banner-text,.swiperctrl {width: 90%;}
	.index-banner-text h2 {font-size: 6rem;line-height: 7rem;}
	.index-product-left {width: 45%;height: auto;top: auto;bottom: 10%;left: 0;}
	.index-product-right {width: 45%;height: auto;left: auto;top: auto;bottom: 10%;right: 0;}
	.index-product-item .text-2 {font-size: 2.6rem;line-height: 3.6rem;}
	.index-product-item .line-1 {top: 55%;}
	.index-about-top,.index-about-left,.index-about-right,.index-solution-top {width: 90%;}
	.index-solution-list {width: 100%;}
	.index-solution-item {width: 50%;}
	.xworld-title .title-1 {font-size: 3rem;line-height:4rem;margin-top: 1rem;}
	.index-about-left {bottom: 50%;}
	.index-about-item {width: 45%;}
	.index-solution-list::before {width: 100%;height: 1px;left: 0;top: 50%;}
	.index-solution-item .text {left: 5%;width: 90%;top: 50%;transform: translateY(-50%);}

	.xworld-banner .text {left: 5%;top: 20%;width: 90%;}
	.about-right-text {right: 5%;top: 40%;width: 90%;} 
	.xworld-about-culture-item:nth-child(2) {margin-top: 10rem;}
	.xworld-about-culture-item:nth-child(3) {margin-top: -10rem;}
	.xworld-about-culture-item .text-1 {font-size: 2rem;line-height: 2.6rem;}
	.xworld-about-culture-right .text-1 {margin-top: 5%;}
	.xworld-rdteam-item .pic .img-block{opacity: 0;}
	.xworld-rdteam-item .img-team {bottom: 0;}
	.xworld-rdteam-swiper .swiper-slide .top-1 .img {width: 60%;}
	.xworld-rdteam-item .top-1 .text{opacity: 1;}
	.xworld-development-history {position: relative;width: 100%;top: auto;transform: none;height: auto;padding: 15% 0;overflow: hidden;}
	.xworld-history-swiper {height: auto;width: 70%;margin: auto;}
	.xworld-history-item .title-1, .xworld-history-item .text-1 {position: relative;top: auto;transform: none;}
	.xworld-history-item .title-1 {width: 100%;left: auto;}
	.xworld-history-item .text-1 {width: 100%;right: auto;}
	.xworld-history-content,.xworld-solution-right .jindu-1,.joinus-recruit-item .type-1,.div-recruitment-windows,.xworld-news-top-left,.jcd-news-detail-left .title-1 {width: 100%;}
	.xworld-history-item .title-1 {font-size: 5rem;}
	.swiper-button-top, .swiper-button-bottom {width: 30%;height: 100%;}
	.history-next, .history-prev {left: auto;right: auto;top: 50%;}
	.history-next,.swiper-button-bottom  {left: auto;right: 0;}
	.history-prev,.swiper-button-top {left: 0;right: auto;}
	.history-prev::after,.history-next::after {transform: translate(-50%,-50%) rotate(0);}
	.xworld-solution-item,.xworld-join-us-item {float: none;width: 100%;margin-bottom: 5%;margin-right: auto;}
	.xworld-solution-left,.xworld-solution-right {float: none;width: 100%;margin-left: auto;}
	.xworld-solution-txt-list {left: 5%;top: 5%;height: 40%;width: 90%;transform: none;}
	.xworld-solution-pic-swiper .swiper-slide .text-1 {width: 90%;}
	.xworld-solution-brand,.xworld-contact-us {padding: 15% 0;}
	.xworld-solution-brand-list {width: 90%;float: none;margin-top: 5%;margin-left: 0;margin: 5% auto;}
	.xworld-solution-brand-list .item-1 {width: 33%;}
	.xworld-solution-brand-right {float: right;width: 80%;margin-top: 5%;}
	.join-us-text .text-3 {margin: auto;}
	.joinus-recruit-bottom,.join-us-text .more-2 {padding: 5% 0;}
	.xworld-contact-item {float: none;width: 100%;margin: 5% 0;}
	.xworld-contact-map .img-map {height: 50rem;}
	.xworld-banner-nav span {margin: 0 1rem;}
	.xworld-news-top-right {width: 100%;height: auto;position: relative;right: auto;top: auto;}
	.xworld-news-top-right .xworld-news-top-item {position: relative;left: auto;bottom: auto;width: 100%;height: auto;}
	.xworld-news-top-item .text {position: relative;left:auto;top: auto;width: 90%;transform:none;padding: 5%;}
	.xworld-news-item {float: none;width: 100%;padding-top: 0;padding-right: 0;margin-top: 5%;}
	.jcd-news-detail-left {float: none;width: 100%;padding-right: 0;}
	.jcd-news-detail-left .social-1 {position: relative;right: auto;top:auto;margin-top: 5%;}
	.social-share a {margin-left: 0px;margin-right: 10px;}
	.jcd-news-detail-bottom::after,.xworld-search-news .xworld-news-item .jiantou-1 {display: none;}
	.jcd-news-detail-left {overflow: hidden;}
	.jcd-news-detail-right {float: none;width: 100%;}
	.xworld-sitemap-bottom ul {float: none;width: 100%;padding: 3rem 0;border-bottom: 1px solid #f1f1f1;}
	.xworld-sitemap-bottom li a {display: inline-block;vertical-align: middle;}
	.xworld-search-top {margin-top: 10rem;}
	.xworld-search-top {padding: 5%;}
	.xworld-search-solution .xworld-solution-item  {float: none;width: 100%;}
	.xworld-search-news .xworld-news-item .img {width: 100%;float: none;}
	.xworld-search-news .xworld-news-item .text {float: none;margin-left: 0;width: 100%;}
	.search-content-show {width: 100%;z-index: 999;}
	.search-input {padding: 0 10%;height: 7rem;}
}
 

/* 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 : 1024px) and (orientation : landscape) {

}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.header-logo {width: 13%;}
}





.footer{ width:100%; height:auto; padding:20px 0px 0px 0px; background: #0a67a2 url(../images/ft1.png) left center repeat; background-size:cover;}
.foot{ max-width:82%; height:auto; margin:0 auto; color:#fff; position:relative;}
.foot li{ float:left; min-height:130px;}


@media  (max-width: 1399px) {
.foot li a{  color:#fffefe; display:block; font-size: 14px; line-height: 30px;}
	.foot li h2{ font-size:18px; padding-bottom:10px;}
}
@media (min-width: 1400px) and (max-width: 1439px) {
.foot li a{  color:#fffefe; display:block; font-size: 14px; line-height: 30px;}
	.foot li h2{ font-size:18px; padding-bottom:10px;}
}
@media (min-width: 1440px) and (max-width: 1919px)  {
.foot li a{  color:#fffefe; display:block; font-size: 14px; line-height: 30px;}
	.foot li h2{ font-size:18px; padding-bottom:10px;}
}

@media (min-width: 1920px) {
.foot li a{  color:#fffefe; display:block; font-size: 16px; line-height: 30px;}
	.foot li h2{ font-size:22px; padding-bottom:10px;}
}


.foot li a:hover{ color:#fff;}
.foot .ft1{ width:15%; box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;border-right: 1px solid rgba(255, 255, 255, 0.3);}


@media  (max-width: 1399px) {
.foot .ft1 a{ width:100%; height:30px; line-height:30px; float:left; color:#fff;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  padding-right:10px;box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 14px;}
	.foot .ft2 a{ width:100%; height:30px; line-height:30px; float:left; color:#fff;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 14px;}
}
@media (min-width: 1400px) and (max-width: 1439px) {
.foot .ft1 a{ width:100%; height:30px; line-height:30px; float:left; color:#fff;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  padding-right:10px;box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 14px;}
	.foot .ft2 a{ width:100%; height:30px; line-height:30px; float:left; color:#fff;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 14px;}
}
@media (min-width: 1440px) and (max-width: 1919px)  {
.foot .ft1 a{ width:100%; height:30px; line-height:30px; float:left; color:#fff;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  padding-right:10px;box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 14px;}
	.foot .ft2 a{ width:100%; height:30px; line-height:30px; float:left; color:#fff;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 14px;}
}

@media (min-width: 1920px) {
.foot .ft1 a{ width:100%; height:30px; line-height:30px; float:left; color:#fff;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  padding-right:10px;box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 16px;}
	.foot .ft2 a{ width:100%; height:30px; line-height:30px; float:left; color:#fff;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 16px;}
}

.foot .ft2{ width:17%;  text-align:center; font-size: 15px;border-right: 1px solid rgba(255, 255, 255, 0.3);height: 346px;}


@media  (max-width: 1399px) {
.foot .ft3{ width:34%;padding-left:30px; padding-right:30px;}
}
@media (min-width: 1400px) and (max-width: 1439px) {
.foot .ft3{ width:34%;padding-left:30px; padding-right:30px;}
}
@media (min-width: 1440px) and (max-width: 1919px)  {
.foot .ft3{ width:34%;padding-left:30px; padding-right:30px;}
}

@media (min-width: 1920px) {
.foot .ft3{ width:34%;padding-left:70px; padding-right:70px;}
}

.foot .ft3 img{ width:100%}
.foot .ft4{ border:0px;  width:200px;}
.fdb{ width:96%;  line-height:25px; text-align: left; margin: 0 auto}
.fot{ display:none;}
ul, li {
    list-style: none;
   
}
.foot .ft4{ width:13%;  text-align:center; font-size: 15px;}
.contz{ max-width:1440px; height:auto; margin:40px auto;}
.cntzl{ width:245px;min-height:325px; background:#f4f4f4;margin-right:-275px; float: left;}
.ctzlt{ width:100%; height:75px; background:#102d87; font-size:22px; color:#fff; text-align:center; line-height:75px; margin-bottom:15px;}
.ctzlt span{ font-size:14px;}
.ctzld{ width:100%; height:auto;   margin-bottom:25px;}
.ctzld li{ width:100%; height:50px; overflow: hidden; border-bottom:1px solid #dbdbdb;}
.ctzld li a{ width:100%; height:50px; display:block; line-height:50px; text-indent:40px;}
.ctzld li a:hover{ background:#b9d8f4;}
.cntzr{ width:100%; height: auto;}
.cntzr_cont{ margin-left:275px; height: auto; }
.ctrt{ width:100%; height:48px; padding-right:10px;line-height:48px; background:#f4f4f4; border:1px solid #e0e0e0; box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;color:#696969; font-size:16px; text-indent:20px;}
.ctrt span{ font-size:12px; color:#b3b3b3;}
.ctrd{ width:100%; height:auto; padding-top:20px;}