/*轮播图*/
.fuSlide{width:100%;height:calc(100vh - 85px);position:relative;z-index:1;min-height:515px}
.fuSlide .imgs{width:100%}
.ck-slide,.ck-slide ul.ck-slide-wrapper li,.ck-slide ul.ck-slide-wrapper li a img{transition:all 1s ease}
.ck-slide{position:relative;overflow:hidden;width:100%}
.ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}
.ck-slide ul.ck-slide-wrapper li{position:absolute;width:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%}
.ck-slide ul.ck-slide-wrapper li:first-child{z-index:1111}
.ck-slide ul.ck-slide-wrapper li.current{z-index:1112}
.ck-slide ul.ck-slide-wrapper li a{display:block}
.ck-slide ul.ck-slide-wrapper li a .img{width:100%;height:auto;opacity:0;filter:alpha(opacity='0')}
.ck-slide ul.ck-slide-wrapper li .leftto{filter:alpha(opacity=0);opacity:0}
/*轮播图选中动画*/
.ck-slide ul.ck-slide-wrapper li.current .leftto{animation:mymove8 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s;}
.ck-slide ul.ck-slide-wrapper li .rightto{filter:alpha(opacity=0);opacity:0}
.ck-slide ul.ck-slide-wrapper li.current .rightto{animation:mymove7 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.5s;}
.ck-slide ul.ck-slide-wrapper li.current .danim-3{animation:mymove10 .8s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-1{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-2{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.6s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-3{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.9s;}
/*轮播图内容区域*/
.banner_con{ top:0; left:0; width:100%; height:100%; position:absolute; }
.banner1_one{ text-align:center; color:#fff;margin-top:6%;font-family:"华文细黑";}
.banner1_one h2{ font-weight:normal; margin-bottom:0.5%;font-family:"华文细黑";}
.banner1_two{ text-align:center; color:#fff; margin-top:3%;opacity:0;filter:Alpha(opacity=0);}
.banner1_two span{ display:inline-block; padding-left:60px; padding-right:60px; height:112px;}
.banner1_two span:first-child{ border-right:1px solid #677794;}
.banner1_two span b{ font-weight:normal; color:#ffc600; display:block;}
.banner_con .f90{ font-size:90px;}
.banner_con .f72{ font-size:72px;}
.banner_con .f48{ font-size:48px;}
.banner_con .f36{ font-size:36px;}
.banner_con .f30{ font-size:30px;}
.banner2_one{ float:right; width:45%; color:#fff;}
.banner2_one h2{ font-weight:normal; margin-bottom:1%;font-family:"华文细黑"; margin-top:35%;opacity:0;filter:Alpha(opacity=0);}
.banner2_one p{ color:#fff;font-family:"华文细黑";opacity:0;filter:Alpha(opacity=0);}
.banner2_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #fff; border-radius:30px; font-size:16px; text-indent:50px; background:url(/template/1/default/image/i_bg9.png)  138px center no-repeat; font-style:normal; margin-top:10%;transition:all 0.3s; cursor:pointer;}
.banner2_one em:hover{ background-position:150px center; margin-left:10px;}
.ck-slide ul.ck-slide-wrapper li.current .banner2_one .leftto{animation-delay:1s;}
.banner4_one{ float:left; width:60%; color:#fff;}
.banner4_one h2{ font-weight:normal; margin-bottom:1%;font-family:"华文细黑"; margin-top:15%;opacity:0;filter:Alpha(opacity=0);}
.banner4_one p{ color:#fff;font-family:"华文细黑";opacity:0;filter:Alpha(opacity=0);}
.banner4_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #000; border-radius:30px; font-size:16px; text-indent:50px; background:url(/uploadfile/article/2110/08/16898/statics/images/i_bg10.png)  138px center no-repeat; font-style:normal; margin-top:6%;transition:all 0.3s; cursor:pointer;}
.banner4_one em:hover{ background-position:150px center; margin-left:10px;}
.ck-slide ul.ck-slide-wrapper li.current .banner4_one .leftto{animation-delay:1s;}
/*轮播图按钮滑轮*/
.index-waper-box{position:absolute;bottom:0;width:100%;height:100px;overflow:hidden;z-index:9;perspective:800px;transform-style:preserve-3d;}
.index-back-box{height:100px;background:0 0;width:1440px;margin:0 auto;overflow:hidden;transform-origin:bottom;transform:rotateX(0) translate3d(0,0,0);transition:all .65s cubic-bezier(.55,.65,.55,1) 0s;}
.index-back-box.active{background:url(/template/1/default/image/i_banner_bg.png) left bottom repeat-x}
/*左右按钮及hover效果*/
.index-back-box .sub-arrows{position:absolute;left:0;top:0;width:auto;height:100%;line-height:100px;padding-left:10px;font-size:0}
.index-back-box .sub-arrows i.icom{display:inline-block;vertical-align:top;width:60px;height:40%;cursor:pointer;position:relative}
.index-back-box .sub-arrows i.next:before,.index-back-box .sub-arrows i.prev:before{content:'';display:inline-block;position:absolute;top:42%;width:13px;height:22px;background-image:url(/template/1/default/images/sub-arrows.png);background-position:0 0;background-repeat:no-repeat}
.index-back-box .sub-arrows i.prev:before{background-position:0 0;left:-7px}
.index-back-box .sub-arrows i.next:before{background-position:-14px 0;left:24px}
.index-back-box .sub-arrows i.icom:after{position:absolute;content:'';left:0;top:28px;width:30px;height:2px;background-color:#fff;transform:scale(0,1);transition:all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom font{color:#000;transition:all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom.prev font{position:absolute;left:9px}
.index-back-box .sub-arrows i.icom.next font{position:absolute;left:6px}
.index-back-box .sub-arrows i:hover:after{transform:scale(1,1);}
.index-back-box .sub-arrows i.icom.prev:hover font{left:-7px}
.index-back-box .sub-arrows i.icom.next:hover font{left:20px}
/*中心鼠标图标*/
.index-back-box .sub-mouse{width:70%;height:43px;position:absolute;top:20px;left:15%;cursor:pointer;z-index:1;zoom:.7;}
.index-back-box .sub-mouse:after{display:none;z-index:-1;position:absolute;content:'';top:-30px;left:50%;height:53px;border-right:1px solid #333;margin-left:-1px}
.index-back-box .sub-mouse span{text-align:center;display:block;position:relative;width:50%;height:100%;animation:ani-svg .85s linear 0s alternate infinite;margin:0 auto}
@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px);
	}

	15% {
		opacity: .65;
		transform: translateY(-15px);
	}

	25% {
		opacity: .8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	65% {
		opacity: .8;
		transform: translateY(5px);
	}

	75% {
		opacity: .65;
		transform: translateY(10px);
	}

	100% {
		opacity: .4;
		transform: translateY(15px);
	}
}
/*优势*/
.i_bg{background-color:#f5f5f5;overflow:hidden}
.i_one{background-color:#fff;overflow:hidden;margin:0 auto;margin-bottom:32px}
.i_service_t{text-align:center;padding-top:15px;color:#666;font-size:18px;line-height:32px;padding-bottom:50px}
.i_service_t h2{height:66px;line-height:66px;font-size:40px;color:#000;font-weight:400;letter-spacing:1px;font-family:"华文细黑"}
.i_service_t p{font-size:18px}
.advantage{text-align:center;overflow:hidden;max-width: 1440px;margin: 0 auto; display: flex; align-items: center;}
.num_box{flex: 1;height:124px;background:url(/template/1/default/images/i_one_bg1.png) right center no-repeat}
.num_box:last-child{background:0 0}
.num_box .num{font-weight:700;color:#3cb371;font-family:"华文细黑";font-weight:400;font-size:60px;width:100%;height:92px;line-height:92px;text-align:center;position:relative;z-index:2;letter-spacing:1px;margin-top:10px}
.num_box h3{font-size:16px;color:#333;font-weight:700;}

/* 移动端媒体盘问样式 */
/* 平板装备 (768px - 1024px) */
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .fuSlide {
        height: 500px;
    }
    
    .banner_con .f90 { font-size: 70px; }
    .banner_con .f72 { font-size: 56px; }
    .banner_con .f48 { font-size: 38px; }
    .banner_con .f36 { font-size: 28px; }
    .banner_con .f30 { font-size: 24px; }
    
    .banner1_one {
        margin-top: 8%;
    }
    
    .banner2_one {
        width: 50%;
        margin-top: 25%;
    }
    
    .banner4_one {
        width: 55%;
        margin-top: 10%;
    }
    
    .banner2_one em,
    .banner4_one em {
        width: 180px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        text-indent: 40px;
        background-position: 120px center;
    }
    
    .index-back-box {
        width: 100%;
        max-width: 768px;
    }
    
    .index-back-box .sub-arrows {
        padding-left: 20px;
    }
    
    .index-back-box .sub-arrows i.icom {
        width: 50px;
    }
    
    .num_box {
        width: 25%;
        height: 100px;
    }
    
    .num_box .num {
        font-size: 48px;
        height: 56px;
        line-height: 56px;
    }
    
    .num_box h3 {
        font-size: 14px;
        line-height: 24px;
    }
    .advantage{
        display: none;
    }
}

/* 手机装备 (480px - 767px) */
@media screen and (max-width: 767px) and (min-width: 480px) {
    .fuSlide {
        height: 400px;
    }
    .advantage{
        display: none;
    }
    .banner_con .f90 { font-size: 48px; }
    .banner_con .f72 { font-size: 40px; }
    .banner_con .f48 { font-size: 32px; }
    .banner_con .f36 { font-size: 24px; }
    .banner_con .f30 { font-size: 20px; }
    
    .banner1_one {
        margin-top: 10%;
    }
    
    .banner1_two span {
        padding-left: 30px;
        padding-right: 30px;
        height: 80px;
    }
    
    .banner2_one,
    .banner4_one {
        float: none;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    
    .banner2_one {
        margin-top: 15%;
    }
    
    .banner4_one {
        margin-top: 10%;
    }
    
    .banner2_one h2,
    .banner4_one h2 {
        margin-top: 0;
        font-size: 24px;
    }
    
    .banner2_one em,
    .banner4_one em {
        width: 160px;
        height: 36px;
        line-height: 36px;
        font-size: 12px;
        text-indent: 30px;
        background-position: 110px center;
        margin: 10% auto 0;
    }
    
    .index-waper-box {
        height: 60px;
    }
    
    .index-back-box {
        width: 100%;
        height: 60px;
    }
    
    .index-back-box .sub-arrows {
        padding-left: 10px;
    }
    
    .index-back-box .sub-arrows i.icom {
        width: 40px;
        height: 30%;
    }
    
    .index-back-box .sub-arrows i.next:before,
    .index-back-box .sub-arrows i.prev:before {
        width: 10px;
        height: 18px;
    }
    
    .index-back-box .sub-arrows i.prev:before {
        left: -5px;
    }
    
    .index-back-box .sub-arrows i.next:before {
        left: 20px;
    }
    
    .index-back-box .sub-mouse {
        width: 60%;
        height: 30px;
        top: 15px;
        left: 20%;
        zoom: 0.5;
    }
    
    .num_box {
        width: 50%;
        height: 80px;
        float: left;
    }
    
    .num_box .num {
        font-size: 36px;
        height: 42px;
        line-height: 42px;
    }
    
    .num_box h3 {
        font-size: 12px;
        line-height: 18px;
    }
    
    .i_one {
        height: auto;
        padding: 20px 0;
    }
    
    .i_service_t h2 {
        height: auto;
        line-height: 1.2;
        font-size: 28px;
        padding: 0 20px;
    }
    
    .i_service_t p {
        font-size: 14px;
        padding: 0 20px;
    }
}

/* 小屏手机装备 (320px - 479px) */
@media screen and (max-width: 479px) {
    .fuSlide {
        height: 300px;
    }
    .advantage{
        display: none;
    }
    .banner_con .f90 { font-size: 36px; }
    .banner_con .f72 { font-size: 32px; }
    .banner_con .f48 { font-size: 24px; }
    .banner_con .f36 { font-size: 20px; }
    .banner_con .f30 { font-size: 16px; }
    
    .banner1_one {
        margin-top: 15%;
    }
    
    .banner1_two {
        margin-top: 5%;
    }
    
    .banner1_two span {
        display: block;
        padding: 10px 20px;
        height: auto;
        border-right: none;
        border-bottom: 1px solid #677794;
    }
    
    .banner1_two span:last-child {
        border-bottom: none;
    }
    
    .banner2_one,
    .banner4_one {
        float: none;
        width: 95%;
        margin: 0 auto;
        text-align: center;
    }
    
    .banner2_one {
        margin-top: 10%;
    }
    
    .banner4_one {
        margin-top: 8%;
    }
    
    .banner2_one h2,
    .banner4_one h2 {
        margin-top: 0;
        font-size: 20px;
        margin-bottom: 5px;
    }
    
    .banner2_one p,
    .banner4_one p {
        font-size: 14px;
        line-height: 1.4;
    }
    
    .banner2_one em,
    .banner4_one em {
        width: 140px;
        height: 32px;
        line-height: 32px;
        font-size: 11px;
        text-indent: 25px;
        background-position: 100px center;
        margin: 8% auto 0;
    }
    
    .index-waper-box {
        height: 50px;
    }
    
    .index-back-box {
        width: 100%;
        height: 50px;
    }
    
    .index-back-box .sub-arrows {
        padding-left: 5px;
    }
    
    .index-back-box .sub-arrows i.icom {
        width: 35px;
        height: 25%;
    }
    
    .index-back-box .sub-arrows i.next:before,
    .index-back-box .sub-arrows i.prev:before {
        width: 8px;
        height: 14px;
    }
    
    .index-back-box .sub-arrows i.prev:before {
        left: -3px;
    }
    
    .index-back-box .sub-arrows i.next:before {
        left: 18px;
    }
    
    .index-back-box .sub-mouse {
        width: 50%;
        height: 25px;
        top: 12px;
        left: 25%;
        zoom: 0.4;
    }
    
    .num_box {
        width: 100%;
        height: 60px;
        float: none;
        margin-bottom: 15px;
    }
    
    .num_box .num {
        font-size: 28px;
        height: 32px;
        line-height: 32px;
        margin-top: 5px;
    }
    
    .num_box h3 {
        font-size: 11px;
        line-height: 16px;
    }
    
    .i_one {
        height: auto;
        padding: 15px 0;
        margin-bottom: 20px;
    }
    
    .i_service_t {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    
    .i_service_t h2 {
        height: auto;
        line-height: 1.2;
        font-size: 24px;
        padding: 0 15px;
    }
    
    .i_service_t p {
        font-size: 12px;
        padding: 0 15px;
        line-height: 1.4;
    }
}

/* 超小屏装备 (小于320px) */
@media screen and (max-width: 319px) {
    .fuSlide {
        height: 250px;
    }
    .advantage{
        display: none;
    }
    .banner_con .f90 { font-size: 28px; }
    .banner_con .f72 { font-size: 24px; }
    .banner_con .f48 { font-size: 20px; }
    .banner_con .f36 { font-size: 16px; }
    .banner_con .f30 { font-size: 14px; }
    
    .banner1_one {
        margin-top: 20%;
    }
    
    .banner2_one,
    .banner4_one {
        width: 98%;
    }
    
    .banner2_one h2,
    .banner4_one h2 {
        font-size: 18px;
    }
    
    .banner2_one p,
    .banner4_one p {
        font-size: 12px;
    }
    
    .banner2_one em,
    .banner4_one em {
        width: 120px;
        height: 28px;
        line-height: 28px;
        font-size: 10px;
        text-indent: 20px;
        background-position: 85px center;
    }
    
    .index-waper-box {
        height: 40px;
    }
    
    .index-back-box {
        height: 40px;
    }
    
    .index-back-box .sub-arrows i.icom {
        width: 30px;
        height: 20%;
    }
    
    .index-back-box .sub-mouse {
        width: 40%;
        height: 20px;
        top: 10px;
        left: 30%;
        zoom: 0.3;
    }
    
    .num_box .num {
        font-size: 24px;
        height: 28px;
        line-height: 28px;
    }
    
    .num_box h3 {
        font-size: 10px;
        line-height: 14px;
    }
    
    .i_service_t h2 {
        font-size: 20px;
    }
    
    .i_service_t p {
        font-size: 11px;
    }
}

/* 横屏模式优化 */
@media screen and (max-height: 500px) and (orientation: landscape) {
    .fuSlide {
        height: 100vh;
    }
    
    .banner1_one {
        margin-top: 5%;
    }
    .advantage{
        display: none;
    }
    .banner2_one,
    .banner4_one {
        margin-top: 5%;
    }
    
    .index-waper-box {
        height: 40px;
    }
    
    .index-back-box {
        height: 40px;
    }
}

/* 触摸装备优化 */
@media (hover: none) and (pointer: coarse) {
    .index-back-box .sub-arrows i.icom {
        min-height: 44px;
        min-width: 44px;
    }
    
    .banner2_one em,
    .banner4_one em {
        min-height: 44px;
        line-height: 44px;
    }
    
    /* 移除hover效果，，，，，改用active状态 */
    .index-back-box .sub-arrows i:hover:after {
        transform: scale(0,1);
    }
    
    .index-back-box .sub-arrows i:active:after {
        transform: scale(1,1);
    }
    
    .banner2_one em:hover,
    .banner4_one em:hover {
        background-position: 138px center;
        margin-left: 0;
    }
    
    .banner2_one em:active,
    .banner4_one em:active {
        background-position: 150px center;
        margin-left: 10px;
    }
}
<!--耗时1775493551.585秒-->