.mySwiper{
    position: relative;
    overflow:hidden;
    width:100%;
    height: auto;
    margin-bottom: 60px;
}
.swiper-button-next,
.swiper-button-prev {
	display: none;
	color: #ffffff;
}
.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev {
	display: block;
	color: #ffffff;
}
.swiper-button-prev {
	left: 50px
}
.swiper-button-next {
	right: 50px
}
.swiper-img{
    width:100%
}
.mySwiper .swiper-pagination-bullet{
    background: #ffffff;
    width: 12px;
    height: 12px;
    margin: 0 8px !important;
	opacity: 1;
}
.mySwiper .swiper-pagination-bullet-active {
    background: #FF7C8A;
}

.swiper-pagination {
    bottom: 30px !important;
}
.mySwiper .title{
    font-size: 48px;
    font-weight: bold;
    background-image:-webkit-linear-gradient(left,#46F3FC,#9EF0F9,#FDECF0); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.mySwiper .content{
    font-size: 21px;
    line-height: 32px;
}
.mySwiper .button{
    border: 1px solid #E5E5E5;
    color: #fff;
    font-size: 16px;
    width: 108px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    margin-top: 50px;
    cursor: pointer;
    display: block;
}
.slide1{
    position: absolute;
    left: 50%;
    top: 4%;
    margin: 0 auto;
    color: #fff;
    transform: translate(-50%, 10px);
	max-width: 700px;
}
.slide2{
    position: absolute;
    left: 12.5%;
    top: 25%; 
    width: 600px;
    color: #fff;
}
.slide3{
    position: absolute;
    right: 12.5%;
    top: 25%; 
    width: 600px;
    color: #fff;
}
@media screen and (max-width: 1600px) {
    .slide2,.slide3{
        width: 500px;
    }
    .mySwiper .title{
        font-size: 38px;
    }
    .mySwiper .content{
        font-size: 18px;
    }
    .mySwiper .button{
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .slide2{
        width: 400px;
        left: 10.5%;
    }
    .slide3{
        width: 400px;
        right: 10.5%;
    }
    .mySwiper .title{
        font-size: 30px;
    }
    .mySwiper .content{
        font-size: 16px;
        line-height: 24px;
    }
    .mySwiper .button{
        font-size: 14px;
        width: 98px;
        height: 34px;
        line-height: 34px;
        margin-top: 35px;
    }
}
@media screen and (max-width: 991px) {
    .slide2,.slide3{
        width: 300px;
    }
    .mySwiper .title{
        font-size: 24px;
    }
    .mySwiper .content{
        font-size: 14px;
        line-height: 20px;
    }
    .mySwiper .button{
        font-size: 14px;
        width: 98px;
        height: 34px;
        line-height: 34px;
        margin-top: 30px;
    }
}
@media screen and (max-width: 768px) {
    .swiper-pagination{
        bottom: 8px !important;
    }
    .mySwiper .swiper-pagination-bullet{
        width: 6px;
        height: 6px;
    }
    .mySwiper{
        margin-bottom: 30px;
    }
    .slide2,.slide3{
        width: 80%;
        top: 8%;
        margin: 0 auto;
    }
    .mySwiper .title{
        font-size: 12px;
        text-align: center;
        background-image:-webkit-linear-gradient(left,#fff,#fff,#fff); 
    }
    .mySwiper .content{
        margin-top: 0 !important;
        font-size: 12px;
        line-height: 18px;
    }
    .mySwiper .button{
        font-size: 14px;
        width: 98px;
        height: 34px;
        line-height: 34px;
        margin-top: 30px;
    }
}

/* 模块标题 */
.module_title{position: relative;text-align: center;margin-bottom: 20px;}
.module_title h4{font-size: 29px;font-weight: 400;color: #4C4C4C;font-family: Microsoft YaHei;margin-bottom: 5px;}
.module_title .line{background: #3D87C8;width: 40px;height: 3px;margin: 0 auto 5px;}
.module_title h6{color: #9B9B9B;font-size: 12px;font-weight: 400;font-family: Microsoft YaHei;margin-bottom: 0;}


/* 产品展示 */
.xk_product .xk_product_tabs_container{width: 96%;margin: 0 auto;}
.xk_product .xk_product_tabs{position: relative;text-align: center;max-width: 1200px;margin: 0 auto 25px;}
.xk_product .xk_product_tabs ul{position: relative;display: flex;justify-content: center;}
.xk_product .xk_product_tabs ul li{margin: 0 10px;padding: 4px 8px;font-size: 16px;cursor: pointer;}
.xk_product .xk_product_tabs ul li a{color: rgba(0,0,0,.65)}
.xk_product .xk_product_tabs ul li.active,
.xk_product .xk_product_tabs ul li:hover{background: #1D64B4;color: #fff;border-radius: 2px;}
.xk_product .xk_product_tabs ul li:hover a{color:#fff;}
.xk_product_carousel .xk_slide_content{display:block;-webkit-tap-highlight-color:transparent;background:#E6EDF6;cursor: pointer;overflow:hidden;position:relative;}
.xk_product_carousel .xk_slide_content .img{overflow:hidden;background: #e6edf6;max-height: 329px;height:329px;display: flex;justify-content: center;align-items: center;}
.xk_product_carousel .xk_slide_content img{width: 100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.xk_product_carousel .xk_slide_content .xk_slide_name{font-size:16px;background:#F1F1F1;padding:15px 0;min-height: 116px;}
.xk_product_carousel .xk_slide_content .xk_slide_name p{font-size:12px;color:#696969;text-align:left;padding: 0 20px;line-height: 20px;overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.xk_product_carousel .xk_slide_content .xk_slide_name h3{color:#14212D;font-size: 18px;padding: 10px 0 3px;text-align:center;}
.xk_product_carousel .xk_slide_content .xk_slide_name::before,
.xk_product_carousel .xk_slide_content .xk_slide_name::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.xk_product_carousel .xk_slide_content .xk_slide_name::before{top:0;right:0;bottom:0;left:0;border-top:2px solid #1D64B4;transform:scale(0,1);transform-origin:0 0}
.xk_product_carousel .xk_slide_content .xk_slide_name::after{top:0;right:0;bottom:0;left:0;border-right:2px solid #1D64B4;border-left:2px solid #1D64B4;transform:scale(1,0);transform-origin:100% 0;}
.xk_product_carousel .swiper-pagination-bullets{text-align: center;margin-top: 15px;}
.xk_product_carousel .swiper-pagination-bullets .swiper-pagination-bullet{border-radius: 0;margin: 0 5px;width: 32px;height: 4px;}
.xk_product_carousel .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #3D87C8}
.swiper-mobile-pagination{text-align: center;}

/* vxlink介绍 */
.xk_vxlink{position: relative;width: 100%;height: 550px;background-position: center center;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;z-index: 1;color: #fff;}
.xk_vxlink .xk_vxlink_container{position: relative;display: flex;align-items: center;}
.xk_vxlink .xk_vxlink_wrapper{width:50%;}
.xk_vxlink .xk_vxlink_wrapper img{width: 66%;margin-top:65px;float: right;margin-right: 30px;}
.xk_vxlink .xk_vxlink_content{width:50%;margin-top:85px;padding-left:25px;}
.xk_vxlink .xk_vxlink_logo{position:relative;width: 95%;margin-bottom: 50px;}
/* .xk_vxlink .xk_vxlink_logo a{position: absolute;top: 0; left: 275px;} */
.xk_vxlink .xk_vxlink_type{position: relative;width: 70%;display: flex;flex-flow: row wrap;}
.xk_vxlink .xk_vxlink_item{display: flex;width: 50%;color: #696969;margin-bottom:20px;}
.xk_vxlink .xk_vxlink_item_logo{width: 25%;}
.xk_vxlink h3{font-size: 28px;color: #616161;margin-bottom: 0;}


/* 解决方案 */
.xk_solution_content{position: relative;display: flex;flex-flow: row wrap;justify-content: space-between;width: 96%;margin: 0 auto;}
.xk_solution_content .xk_solution_item{position:relative;width: 32.5%;height:auto;margin: 16px 1px;cursor: pointer;overflow: hidden;}
.xk_solution_content .xk_solution_item:last-child{margin-bottom: 0;}
.xk_solution_content .xk_solution_wrapper{overflow:hidden;position:relative;}
.xk_solution_content .xk_solution_img{width: 100%;overflow: hidden;background: #E6EDF6;}
.xk_solution_content .xk_solution_img img{width: 100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.xk_solution_content .xk_solution_model{position: absolute;bottom: 0;left: 0;width: 100%;height: 60px;background: #fff;opacity: 0.8;}
.xk_solution_content .xk_solution_name{font-weight: bold;font-size: 14px;width: 100%;height: 60px;line-height: 60px;text-align: center;color: #4C4C4C;}
.xk_solution_content .xk_solution_info_model{position: absolute;width: 100%;height: 24%;left: 0;bottom: 0;background: #1D64B4;opacity: 0.5;transition: all ease-out .3s;}
.xk_solution_content .xk_solution_info{position: absolute;text-align: left;bottom: 14px;padding: 0 40px;width: 100%;}
.xk_solution_content .xk_solution_info h3{font-size: 18px;font-weight: bold;color: #fff;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.xk_solution_content .xk_solution_info p{font-size:14px;color:#fff;line-height: 24px;text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}


/* 云顶集团3118 */
.xk_about_us{position: relative;width: 100%;height: 553px;background-position: center center;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;z-index: 1;}
.xk_about_us_wrapper{position: absolute;top: 0;right: 0;opacity: 0.8;width: 50%;height: 100%;background: #1D64B4;}
.xk_about_us_content{position: absolute;top: 0;right: 0;width: 50%;height: 100%;color: #fff;padding: 100px 55px;}
.xk_about_us_content h4{font-size: 29px;color: #fff;font-family:Microsoft YaHei;margin-bottom: 0;}
.xk_about_us_content h6{font-size: 16px;color: #fff;font-family:Microsoft YaHei;margin-bottom: 35px;}
.xk_about_us_content .text{width: 70%;text-align: left;text-indent: 2em;margin-bottom: 15px;}
.xk_about_us_content .about_btn{border: 1px solid #FFE5E5E5;width: 108px;height: 35px;line-height: 33px;text-align: center;cursor: pointer;margin-top: 20px;}
.xk_about_us_content .about_btn a{color: #fff;}


/* 新闻及动态 */
.xk_news_box{margin:0 auto;max-width:1200px;}
.xk_news{position: relative;padding-bottom: 60px;}
.xk_news ul{display: flex;flex-wrap: wrap;}
.xk_news .xk_news_item {width: 50%;margin-bottom: 40px;}
.xk_news .xk_news_item a{display: flex;}
.xk_news .xk_news_img{width: 40%;height: auto;overflow: hidden;animation-delay: 0.1s;}
.xk_news img{width: 100%;height:auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.xk_news .xk_news_container{margin: 0 20px;width:60%;}
.xk_news .xk_news_time{color: #999;margin: 0;display: flex;justify-content: space-between;margin-top: 15px;}
.xk_news .xk_news_time .time{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.xk_news .xk_news_title{position: relative;font-size:16px;margin: 6px 0 20px;color: #434343;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.xk_news .xk_news_title::before{content: '';display: block;width: 10%;height: 2px;background: #1D64B4;position: absolute;left: 0;top: 28px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.xk_news .xk_news_content{font-size: 14px;line-height:22px;margin: 0;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient:vertical;white-space: normal;color:#8A8A8A;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.xk-more-btn{width: 100%;display: flex;justify-content: center;}
.xk-more-btn .more-btn{border: 1px solid #9B9B9B;color: #9B9B9B;font-size: 14px;background: #fff;border-radius: 2px;padding: 6px 53px;cursor: pointer;}
.xk-more-btn .more-btn a{color: #9B9B9B;}
/* hover样式不在手机端起效果 */
@media screen and (min-width: 768px){
    .xk_product_carousel .xk_slide_content:hover .xk_slide_name::before,
    .xk_product_carousel .xk_slide_content:hover .xk_slide_name::after{opacity:1;transform:scale(1);transition: all 0.5s;}
    .xk_product_carousel .xk_slide_content:hover .xk_slide_name{background: #1D64B4;color: #fff;transition: all 0.5s;}
    .xk_product_carousel .xk_slide_content:hover .xk_slide_name h3{color: #fff;transition: all 0.5s;}
    .xk_product_carousel .xk_slide_content:hover .xk_slide_name p{color: #fff;transition: all 0.5s;}
    .xk_product_carousel .xk_slide_content:hover img{transform: scale(1.2, 1.2);}

    .xk_solution_content .xk_solution_wrapper:hover .xk_solution_model{height: 0;}
    .xk_solution_content .xk_solution_wrapper:hover .xk_solution_name{color: rgba(0,0,0,0)}

    .xk_news .xk_news_item:hover .xk_news_title{color:#1D64B4;}
    .xk_news .xk_news_item:hover .xk_news_content{}
    .xk_news .xk_news_item:hover .xk_news_title::before{width: 100%;}
    .xk_news .xk_news_item:hover img{transform: scale(1.2, 1.2);}
    .xk_news .xk_news_item:hover .xk_news_time .time{color: #454545;}
}

@media screen and (max-width: 1600px) {
    .xk_product_carousel .xk_slide_content .img{
        height: 268px;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 1200px){
    .xk_product_carousel .xk_slide_content .img{
        height: 241px;
    }
    .xk_news_box{
        padding: 0 12.5%;
    }
    .xk_news .xk_news_title{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 5px;
    }
    .xk_news .xk_news_content{
        -webkit-line-clamp: 2;
    }
    .xk_vxlink .xk_vxlink_wrapper img{
        margin-top: 100px !important;
    }
    .xk_vxlink .xk_vxlink_content{
        margin-top: 135px !important;
    }
}

@media screen and (max-width: 1300px) {
    .xk_product_carousel .xk_slide_content .img{
        height: 203px;
    }
}

@media screen and (max-width: 1200px) {
    .xk_product_carousel .xk_slide_content .img{
        height: 329px;
    }
    .xk_news .xk_news_item {
        width: 92%;
        margin: 0 auto 15px;
    }
    .xk_news .xk_news_item .xk_news_img{
        width: 30%;
    }
    .xk_news .xk_news_item .xk_news_container{
        width: 70%;
    }
    .xk_vxlink,.xk_about_us{
        height: 420px;
    }
    .xk_vxlink .xk_vxlink_wrapper img{
        margin-top: 35px;
    }
    .xk_vxlink .xk_vxlink_content{
        margin-top: 65px;
    }
    .xk_vxlink .xk_vxlink_container .xk_vxlink_content .xk_vxlink_type{
        width: 100%;
    }
    .xk_vxlink .xk_vxlink_container .xk_vxlink_content .xk_vxlink_type .xk_vxlink_item .xk_vxlink_item_logo{
        width: 38%;
    }
    .xk_vxlink .xk_vxlink_container .xk_vxlink_content .xk_vxlink_type .xk_vxlink_item .xk_vxlink_item_name h3{
        font-size: 20px;
    }
    .xk_about_us .xk_about_us_content{
        padding: 50px 35px;
    }
    .xk_about_us .xk_about_us_content h6{
        margin-bottom: 20px;
    }
    .xk_about_us .xk_about_us_content .text{
        width: 100%;
    }
}

@media screen and (max-width: 768px){
    .xk_product_carousel .xk_slide_content .img{
        height: 199px;
    }
    .module_title{
        margin-bottom: 25px !important;
    }
    .xk_product_tabs_container{
        width: 92% !important;
        margin-bottom: 25px !important;
    }
    .module_title h4{
        font-size: 20px;
        margin-bottom: 0;
    }
    .xk_solution_content{
        width: 90%;
        margin: 0 auto 30px !important;
    }
    .xk_solution_content .xk_solution_item{
        width: 100%;
        margin: auto auto 10px;
    }
    .xk_solution_content .xk_solution_item .xk_solution_wrapper .xk_solution_model{
        height: 40px;
    }
    .xk_solution_content .xk_solution_item .xk_solution_name{
        height: 40px !important;
        line-height: 40px !important;
    }
    .xk_product .xk_product_tabs ul li{
        font-size: 12px;
        margin: 0;
    }
    .xk_about_us,.xk_vxlink{
        height: 200px;
    }
    .xk_vxlink .xk_vxlink_container{
        overflow: hidden;
        height: 200px;
    }
    .xk_vxlink .xk_vxlink_container .xk_vxlink_wrapper img{
        margin-top: 0px;
        width: 80%;
        margin-right: 10px;
    }
    .xk_vxlink .xk_vxlink_container .xk_vxlink_content{
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 0;
    }
    .xk_vxlink .xk_vxlink_container .xk_vxlink_content h2{
        margin-bottom: 10px;
        font-size: 16px;
    }
    .xk_vxlink .xk_vxlink_container .xk_vxlink_content div{
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
    .xk_vxlink .xk_vxlink_container .xk_vxlink_content .xk_vxlink_type .xk_vxlink_item .xk_vxlink_item_logo{
        width: 28px;
        margin-right: 10px;
    }
    .xk_vxlink .xk_vxlink_container .xk_vxlink_content .xk_vxlink_logo{
        width: 100%;
        margin-bottom: 10px;
    }
    .xk_vxlink .xk_vxlink_logo>img{
        width:100%;
    }
    .xk_vxlink .xk_vxlink_logo a img{
        right: 0 !important;
        left: auto;
    }
    .xk_vxlink .xk_vxlink_container .xk_vxlink_content .xk_vxlink_type .xk_vxlink_item{
        width: 50%;
        margin-bottom: 5px;
    }
    .xk_vxlink .xk_vxlink_container .xk_vxlink_content .xk_vxlink_type .xk_vxlink_item .xk_vxlink_item_name h3{
        font-size: 12px;
        color: #999;
    }
    .xk_vxlink .xk_vxlink_container .xk_vxlink_content .xk_vxlink_type .xk_vxlink_item .xk_vxlink_item_name p{
        margin-bottom: 0;
    }
    .xk_about_us .xk_about_us_content{
        padding: 10px;
        overflow: hidden;
    }
    .xk_about_us .xk_about_us_content .text{
        width: 100%;
        margin-bottom: 10px;
        font-size: 12px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
    .xk_about_us .xk_about_us_content h4{
        font-size: 20px;
    }
    .xk_about_us .xk_about_us_content h6{
        font-size: 12px;
        margin-bottom: 15px;
    }
    .xk_news{
        padding-bottom: 30px;
    }
    .xk_news_box .module_title{
        margin-bottom: 19px;
    }
    .xk_news .xk_news_item .xk_news_container{
        margin-right: 0;
        width: 60% !important;
    }   
    .xk_news .xk_news_item .xk_news_container .xk_news_title{
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        font-size: 14px;
        margin: 0 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .xk_news .xk_news_item .xk_news_time{
        font-size: 12px;
        margin-top: 5px;
    }
    .xk_news .xk_news_item .xk_news_img{
        margin-top: 5px;
        width: 40% !important;
    }
    .xk_news .xk_news_content{
        font-size: 12px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
    .xk_product_carousel .xk_slide_container .xk_slide_content .xk_slide_name{
        padding: 5px 0;
    }
    .xk_product_carousel .xk_slide_container .xk_slide_content .xk_slide_name h3{
        font-size: 14px;
	white-space: nowrap;
    }
    .xk_product_carousel .xk_slide_container .xk_slide_content img{
        width: 100%;
    }
}
@media screen and (max-width: 415px){
    .slide1 .title, .slide2 .title{
        margin-top: 28vh;
    }
    .xk_product_carousel .xk_slide_content .img{
        height: 169px;
    }
}

@media screen and (max-width: 376px){
    .slide1 .title, .slide2 .title{
        margin-top: 28vh;
    }
    .xk_product_carousel .xk_slide_content .img{
        height: 151px;
    }
}


@media screen and (max-width: 361px){
    .slide1 .title, .slide2 .title{
        margin-top: 24vh;
    }
}