.large-container{width:1400px;margin:0 auto}
.banner-swiper .my-bullet{width:10px;height:10px;opacity:1;display:inline-block;background-color:#FFF;margin:5px;border-radius:5px}
.banner-swiper .my-bullet-active{background-color:#f07317}

.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform,-o-transform;transition-property:transform,-webkit-transform,-o-transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-o-transition-property:-o-transform;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:height,-o-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform,-o-transform}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;-webkit-border-radius:100%;border-radius:100%;background:#b4b4b4}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#1e3b9e}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0;left:0;width:100%}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next,.swiper-button-prev{width:20px;height:20px;border-right:2px solid #cecece;border-bottom:2px solid #cecece}
.swiper-button-prev{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);left:-30px}
.swiper-button-next{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:-30px}
.swiper-button-next:hover,.swiper-button-prev:hover{border-right:2px solid #1f3ea7;border-bottom:2px solid #1f3ea7}



.banner{position:relative;overflow:hidden;}
.banner header{width:100%;height:100px;position:absolute;top:0;z-index:99999;}
.banner .banner-swiper img{max-width:100%;}
.banner .banner-swiper .swiper-button-prev{width:60px;height:96px;background:url(../images/banner_prev.png) top center no-repeat;left:30px;transform: none;border:none;} 
.banner .banner-swiper .swiper-button-next{width:60px;height:96px;background:url(../images/banner_next.png) top center no-repeat;right:30px;transform: none;border:none;}



section{width:100%;padding:50px 0;overflow:hidden;}
section .title{width:100%;text-align:center;position:relative;}
section .title:after{content:'ONE-STOP SERVICE';;position:absolute;top: -25px;width:100%;display: block;font-size: 48px;font-weight: bolder;color:#888888;z-index: 0;opacity: 0.05;font-family:"Arial";letter-spacing:5px;}
section .title h2{font-size:40px;font-family:"黑体";font-weight:bold;line-height:72px;text-transform: uppercase;letter-spacing:2px;color:#333;}
section .title h3{font-size:20px;font-family:"微软雅黑";font-weight:bold;color:#6e6d6d;padding-top:30px;letter-spacing:2px;}

.section01{background:#FFF;}
.section01 .services{margin:0px auto;overflow:hidden;}
.section01 .services li{float:left;width:23%;height:120px;;background:#FFF;margin:50px 1%;position:relative;}
.section01 .services li .text{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);  text-align: center; padding: 0 10px; width: 100%; font-size:16px;line-height:30px;letter-spacing: 1px;}
.section01 .services li .icon{width:100%;height:60px;background-size:cover;margin:0 auto 30px;}
.section01 .services li .icon01{background:url(../images/icon_1_1.png) top center no-repeat; }
.section01 .services li .icon02{background:url(../images/icon_1_2.png) top center no-repeat; }
.section01 .services li .icon03{background:url(../images/icon_1_3.png) top center no-repeat; }
.section01 .services li .icon04{background:url(../images/icon_1_4.png) top center no-repeat; }
.section01 .services li .icon05{background:url(../images/icon_1_5.png) top center no-repeat; }
.section01 .services li .icon06{background:url(../images/icon_1_6.png) top center no-repeat; }
.section01 .services li .icon07{background:url(../images/icon_1_7.png) top center no-repeat; }
.section01 .services li .icon08{background:url(../images/icon_1_8.png) top center no-repeat; }
.section01 .services li h4{font-size:18px;font-weight:bold;color:#333;line-height:30px;}
.section01 .services li p{color:#999;}

.section02{width:100%;height:912px;background:url(../images/section02_bg.jpg) top center no-repeat;color:#FFF;}
.section02 .title h2{font-size:36px;}
.section02 .title h2,.section02 .title h3{color:#fcfbfb;}
.section02 .box{width:988px;height:550px;padding:50px ;overflow:hidden; background:rgba(0,0,0,0.1);border-radius:50px;margin:100px auto 0;}
.section02 .box .box1{overflow:hidden;}
.section02 .box .box1 ul{}
.section02 .box .box1 ul li{float:left;width:100%;margin:0px auto 50px;}
.section02 .box .box1 ul li .icon{float:left;width:60px;height:60px;background-size:cover;margin-right:25px;}
.section02 .box .box1 ul li .icon01{background:url(../images/icon_2_1.png) top center no-repeat; }
.section02 .box .box1 ul li .icon02{background:url(../images/icon_2_2.png) top center no-repeat; }
.section02 .box .box1 ul li .icon03{background:url(../images/icon_2_3.png) top center no-repeat; }
.section02 .box .box1 ul li p{line-height:60px;font-family:"微软雅黑";font-size:18px;font-weight:bold;}
.section02 .box .box2{overflow:hidden;}
.section02 .box .box2 h4{padding-left:8px;border-left:3px solid #f07317;font-family:"微软雅黑";font-size:18px;font-weight:bold;}
.section02 .box .box2 ul{margin-top:50px;overflow:hidden;}
.section02 .box .box2 ul li{float:left;color:#666;font-family:"微软雅黑";font-size:18px;font-weight:bold;background:#f0f0f0;padding:0 15px;line-height:30px;margin:0 5px;border-radius:15px;}

.section03{}
.section03 .advantage{width:100%;margin-top:50px; overflow:hidden;}
.section03 .advantage ul{overflow:hidden;}
.section03 .advantage ul li{float:left;width: 240px;height:400px;padding:40px 20px;background:#f8f9fa;border-radius:50px;text-align:center;margin-right: 60px;}
.section03 .advantage ul li:last-child{margin-right:0;}
.section03 .advantage ul li h4{font-size:48px;font-family:"微软雅黑";font-weight:bold;color:#f07317;}
.section03 .advantage ul li>span,.section03 .advantage ul li>p{color:#666;font-size:16px;line-height:36px;margin-top:50px;display:inline-block;}
.section03 .advantage ul li:hover{background:#f07317;transform:rotateY(360deg) translateZ(0); }
.section03 .advantage ul li:hover h4,.section03 .advantage ul li:hover>span,.section03 .advantage ul li:hover>p{color:#FFF;}


.section04{width:100%;height:750px;background:url(../images/section04_bg.jpg) top center no-repeat;}
.section04 .container{width:1200px;}
.section04 .title h2{color:#fffdfd;-webkit-text-stroke: 1px #7b7878;}
.section04 .process{margin-top:165px;overflow:hidden;}
.section04 .process ul{overflow:hidden;}
.section04 .process ul li{float:left;width:150px;height:235px;padding:50px 0;text-align:center;background:rgba(255,255,255,0.7);border-radius:50px;margin-right:20px;}
.section04 .process ul li:last-child{margin-right:0;}
.section04 .process ul li span{font-size:50px;line-height:67px;width:67px;height:67px;border:3px solid #fd7d22;border-radius:33.5px;color:#fd7d22;margin: 0 auto;display:block;}
.section04 .process ul li:nth-child(1){margin-top:50px;}
.section04 .process ul li:nth-child(3){margin-top:93px;} 
.section04 .process ul li:nth-child(5){margin-top:100px;} 
.section04 .process ul li:nth-child(7){margin-top:60px;}
.section04 .process ul li h3{font-size:18px;color:#666;font-weight:bold;margin-top:36px;}




.section05 {background:#f8f9fa;}
.section05 .brand-wrapper { margin-top: 35px; position: relative; }
.section05 .brand-wrapper .swiper-button-next, .section05 .brand-wrapper .swiper-button-prev { top: 44%; }
.section05 .brand-wrapper .item {text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 117px; justify-content: center; position:relative; transform-style:preserve-3d; transition:.3s;}
.section05 .brand-wrapper .item:hover {  transform:rotateY(180deg) translateZ(0); }
.section05 .brand-wrapper .item span { display: flex; justify-content: center; align-items: center; position:absolute; left:0; top:0; height: 100%; width: 100%;background:#FFF;}
.section05 .brand-wrapper .item span.name { background-color: #f07317; color: #fff; font-size: 16px; transform:rotateY(180deg) translateZ(0); backface-visibility:hidden; -webkit-backface-visibility: hidden;}
.section05 .brand-wrapper .item img { max-width: 100%; }
.section05 .brand-wrapper .item a { display: block; height: 100%; width: 100%; }
.section05 .brand-wrapper .more { text-align: center; }
.section05 .brand-wrapper .more a { display: inline-block; margin-top: 40px; color: #999;  }

.article-list{
    max-width:1200px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

.article-item{
    background:#fff;
    border-radius:14px;
    padding:22px;
    transition:.3s;
    border:1px solid #eef1f5;
    box-shadow:0 6px 18px rgba(0,0,0,.05);
}

.article-item:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.article-title{
    font-size:20px;
    font-weight:600;
    line-height:1.5;
    margin-bottom:14px;
}

.article-title a{
    color:#222;
    text-decoration:none;
    transition:.25s;
}

.article-title a:hover{
    color:#1677ff;
}

.article-date{
    display:inline-block;
    font-size:14px;
    color:#888;
    background:#f5f8fc;
    padding:6px 12px;
    border-radius:30px;
    margin-bottom:16px;
}

.article-desc{
    font-size:15px;
    color:#666;
    line-height:1.8;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

/* 平板 */
@media (max-width:992px){

.article-list{
    gap:18px;
}

.article-title{
    font-size:18px;
}

}

/* 手机 */
@media (max-width:768px){

body{
    padding:15px;
}

.article-list{
    grid-template-columns:1fr;
    gap:15px;
}

.article-item{
    padding:18px;
    border-radius:12px;
}

.article-title{
    font-size:17px;
}

.article-date{
    font-size:13px;
    padding:5px 10px;
}

.article-desc{
    font-size:14px;
    line-height:1.7;
}

}
.flink a{margin-right: 10px;}


@media (max-width: 768px) {
	.banner header{height:60px;}
	header .logo a img{display:none;}
	header .logo a img:nth-child(2){display:block;height:47px;}
	.swiper-banner-button-prev,.swiper-banner-button-next{display:none;}
	section{padding:20px 0;}
	section .title h2{font-size:24px;font-weight:bold;line-height:40px;}
	section .title h3{font-size:14px;line-height:20px;}
	section .title:after{display:none;}
	.section01 .services li{width:48%;height:100px;}
	.section01 .services li h4{font-size:16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	
	.section02{padding:30px 0;height:auto;}
	.section02 .title h2{font-size:24px;}
	.section02 .box{width:90%;height:auto;margin-top:50px;padding:30px 10px;border-radius:20px;}
	.section02 .box .box1 ul li{margin-bottom:20px;}
	.section02 .box .box1 ul li .icon{margin-right:10px;}
	.section02 .box .box1 ul li p{font-size:16px;line-height:1.5;font-weight:normal;margin:;}
	.section02 .box .box2 ul{margin-top:20px;}
	.section02 .box .box2 ul li{margin-bottom:10px;}
	.section03 .advantage ul{display: flex;flex-wrap: wrap;}
	.section03 .advantage ul li{width:49%;height:auto;padding:20px 5px;margin-right:1%;margin-bottom:20px;padding: 20px 10px;border-radius: 20px;}
	.section03 .advantage ul li:nth-child(2n){margin-left:1%;margin-right:0;}
	.section03 .advantage ul li h4{font-size:30px;}
	.section03 .advantage ul li>span, .section03 .advantage ul li>p{font-size:14px;line-height:25px;margin-top:30px;}
	.section04{background-size:cover;height:auto;}
	.section04 .container{width:100%;}
	.section04 .process{margin:50px 0;}
	.section04 .process ul{display: flex;flex-wrap: wrap; justify-content:center;}
	.section04 .process ul li:nth-child(1),.section04 .process ul li:nth-child(3),.section04 .process ul li:nth-child(5),.section04 .process ul li:nth-child(7){margin-top:2%;}
	.section04 .process ul li{width:46%;margin:2%;}
	
}