@media(min-width:1600px){
article{width:1600px;}
}

.cycle{padding:80px 0 0;}
.cycle-title{text-align:center;}
.cycle-title h2{font-size:30px; margin-bottom:5px;}
.cycle-title p{font-size:16px; color:#787878;}
.cycle-nav{margin-top:30px;}
.cycle-nav>ol{text-align:center; font-size:0;}
.cycle-nav>ol>li{display:inline-block; position:relative; padding:20px; cursor:pointer; margin:0 15px; line-height:28px;}
.cycle-nav>ol>li:before{display:block; position:absolute; content:''; bottom:0; left:50%; right:50%; height:3px; border-radius:3px; transition:.2s; background:#1169d8;}
.cycle-nav>ol>li.on:before{left:0; right:0;}
.cycle-nav>ol>li:after{display:block; content:''; clear:both;}
.cycle-nav>ol>li>i{font-size:24px; float:left; line-height:inherit; color:#1684ed;}
.cycle-nav>ol>li>b{font-size:20px; float:left; font-weight:normal; padding:0 3px 0 5px; display:inline-block;}
.cycle-box{padding:50px 0 80px 0; background-position:top center; background-size:cover;}
.cycle-box>article{width:1560px;}
.cycle-space{display:none; transition:opacity .3s .1s; overflow:hidden; border-radius:3px; box-shadow:0 0 12px #1684ed28;}
.cycle-space.on{display:block;}
.cycle-head{background-position:center; background-size:cover; padding:25px 40px;}
.cycle-head>h3{font-size:22px; margin-bottom:10px;}
.cycle-head>div{color:#787878;}
.cycle-head>a{float:right; padding:4px 34px; font-size:15px;}
.cycle-head>ol{margin-top:15px;}
.cycle-head>ol:after{display:block; content:''; clear:both;}
.cycle-head>ol>li{float:left;}
.cycle-head>ol>li+li{margin-left:25px;}
.cycle-head>ol>li>span{font-size:15px; color:#1169d8;}
.cycle-head>ol>li>span:before{padding-right:3px;}
.cycle-body{background-position:center; background-size:cover; }
.cycle-body>ul{padding:25px 30px;}
.cycle-body>ul:after{display:block; content:''; clear:both;}
.cycle-body>ul>li{float:left; width:33.3333%; padding:10px;}
.cycle-body>ul>li>span{display:block; background:#fff; box-shadow:0 0 12px rgba(0,0,0,.06); border-radius:3px; padding:20px 25px;}
.cycle-body>ul>li>span>h4{line-height:22px; padding-top:3px;}
.cycle-body>ul>li>span>h4:after{display:block; content:''; clear:both;}
.cycle-body>ul>li>span>h4>em{display:none;}
.cycle-body>ul>li>span>h4>i{float:left; font-size:22px; width:28px; color:#1684ed;}
.cycle-body>ul>li>span>h4>b{float:left; font-size:16px;}
.cycle-body>ul>li>span>p{height:50px; overflow:hidden; margin-top:14px; color:#787878;}
.cycle-body>ul>li>span>ol{margin:0 -2px; margin-top:14px; height:24px; overflow:hidden;}
.cycle-body>ul>li>span>ol:after{display:block; content:''; clear:both;}
.cycle-body>ul>li>span>ol>li{float:left; padding:0 2px;}
.cycle-body>ul>li>span>ol>li>em{display:block; font-style:normal; border:1px solid #e8e8e8; line-height:22px; padding:0 5px; font-size:12px; border-radius:2px; color:#a8a8a8;}
.cycle-body>ul>li>span>a{display:inline-block; margin-top:16px; font-size:14px; color:#1684ed;}
.cycle-body>ul>li>span>a:hover{color:#1169d8;}
.cycle-body>ul>li>span>a>b{font-weight:normal;}
@media(max-width:1200px){
.cycle{padding:50px 0 0;}
.cycle-box{padding:30px 0 50px 0;}
.cycle-head{padding:20px;}
.cycle-body>ul{padding:10px;}
.cycle-body>ul>li>span{padding:15px;}
}
@media(max-width:992px){
.cycle-body>ul>li{width:50%;}
}
@media(max-width:767px){
.cycle{padding:20px 0 0;}
.cycle-box{padding:15px 0 20px 0;}
.cycle-title h2{font-size:22px; margin-bottom:0;}
.cycle-title p{font-size:14px;}
.cycle-nav{margin-top:10px;}
.cycle-nav>ol>li{padding:8px; margin:0; line-height:22px;}
.cycle-nav>ol>li>i{font-size:16px;}
.cycle-nav>ol>li>b{font-size:15px; padding:0 2px;}
.cycle-nav>ol>li:before{height:2px;}
.cycle-head{padding:10px;}
.cycle-head>a{display:none;}
.cycle-head>h3{font-size:17px; margin-bottom:5px;}
.cycle-head>ol{display:none;}
.cycle-body>ul{padding:5px;}
.cycle-body>ul>li{width:100%; padding:5px;}
.cycle-body>ul>li>span{padding:10px;}
.cycle-body>ul>li>span>h4{padding-top:0;}
.cycle-body>ul>li>span>h4>em{display:block; float:right; font-size:16px; margin-top:3px; transition:.3s;}
.cycle-body>ul>li>span>h4>i{font-size:19px; line-height:22px; width:24px;}
.cycle-body>ul>li>span>h4>b{font-size:15px;}
.cycle-body>ul>li>span>p{margin-top:10px; display:none;}
.cycle-body>ul>li>span>ol{margin-top:10px; display:none;}
.cycle-body>ul>li>span>a{margin-top:12px; display:none;}
.cycle-body>ul>li.on>span>h4>em{transform:rotate(180deg);}
.cycle-body>ul>li.on>span>p{display:block;}
.cycle-body>ul>li.on>span>ol{display:block;}
.cycle-body>ul>li.on>span>a{display:block;}
}



.plan{padding:80px 0;}
.plan>article{width:1480px;}
.plan-title{text-align:center;}
.plan-title h2{font-size:30px; margin-bottom:5px;}
.plan-title p{font-size:16px; color:#787878;}
.plan-box{margin:0 -25px; padding-top:60px}
.plan-box:after{display:block; content:''; clear:both;}
.plan-box>aside{float:left; width:50%; padding:0 25px;}
.plan-list{background:#fff; box-shadow:0 0 12px rgba(0,0,0,.12);}
.plan-list>dl{background:#f2f5f8 center; background-size:cover; padding:25px 30px;}
.plan-list>dl>dt{font-size:22px;}
.plan-list>dl>dt:after{display:block; width:44px; height:4px; margin-top:8px; border-radius:8px; content:''; background:#1684ed;}
.plan-list>dl>dd{display:block;}
.plan-list>ul{padding:15px 0;}
.plan-list>ul>li{padding:10px 30px;}
.plan-list>ul>li>em{display:none;}
.plan-list>ul>li>i{float:left; font-size:40px; margin-top:10px; color:#1684ed;}
.plan-list>ul>li>h3{margin-left:55px; padding-bottom:3px;}
.plan-list>ul>li>p{margin-left:55px; height:50px; overflow:hidden; color:#787878;}
@media(max-width:1200px){
.plan{padding:50px 0;}
.plan-box{margin:0 -10px; padding-top:50px}
.plan-box>aside{padding:0 10px;}
.plan-list>dl{padding:20px;}
.plan-list>ul>li{padding:10px 20px;}
}
@media(max-width:992px){
.plan-list>ul>li>i{font-size:20px; margin-top:4px;}
.plan-list>ul>li>h3{margin-left:28px;}
.plan-list>ul>li>p{margin-left:0;}
}
@media(max-width:767px){
.plan{padding:20px 0;}
.plan-title h2{font-size:22px; margin-bottom:0;}
.plan-title p{font-size:14px;}
.plan-box{margin:0; padding-top:20px}
.plan-box>aside{float:none; width:100%; padding:0;}
.plan-box>aside+aside{margin-top:10px;}
.plan-list>dl{padding:10px;}
.plan-list>dl>dt{font-size:18px;}
.plan-list>dl>dt:after{width:36px; height:3px; margin-top:5px;}
.plan-list>ul>li{padding:5px 10px;}
.plan-list>ul>li>em{display:block; float:right; font-size:16px; margin-top:4px; transition:.3s;}
.plan-list>ul>li>i{font-size:18px;}
.plan-list>ul>li>h3{font-size:15px; margin-left:24px;}
.plan-list>ul>li>p{height:auto; display:none;}
.plan-list>ul>li.on>p{display:block;}
.plan-list>ul>li.on>em{transform:rotate(180deg);}
}



.solve{padding:80px 0; background-position:center; background-size:cover; color:#fff;}
.solve-title{text-align:center;}
.solve-title h2{font-size:30px; margin-bottom:5px;}
.solve-title p{font-size:16px; color:#d0dbec; }
.solve-nav{display:block; display:table; display:flex; margin-top:50px; width:100%; border-bottom:1px solid rgba(255,255,255,.5);}
.solve-nav>ul{display:block; display:table-row; display:flex; justify-content:space-between; width:100%; margin-bottom:-1px;}
.solve-nav>ul>li{display:table-cell; padding:0 10px 15px 10px; font-size:15px; font-weight:normal; cursor:pointer; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.solve-nav>ul>li.on{color:#1684ed;}
.solve-nav>ul>li:before{display:block; position:absolute; content:''; bottom:0; left:50%; right:50%; height:2px; border-radius:3px; transition:.2s; background:#1684ed;}
.solve-nav>ul>li.on:before{left:0; right:0;}
.solve-box{display:block; margin-top:35px;}
.solve-swiper{display:block; overflow:hidden; margin:0 -25px;}
.solve-wrapper{width:10000%;}
.solve-wrapper:after{display:block; content:''; clear:both;}
.solve-slide{display:block; width:1%; float:left; padding:0 25px;}
.solve-image{float:right; width:45%;}
.solve-image img{display:block; width:100%; border-radius:5px;}
.solve-text{float:left; width:55%; padding-right:50px;}
.solve-text>h2{font-size:24px; margin:15px 0;}
.solve-text>div{font-size:16px; margin-bottom:25px; color:#d0dbec}
.solve-text>div p+p{margin-top:5px;}
.solve-text>a{padding:4px 34px; font-size:15px;}
.solve-pager{display:none;}
@media(max-width:1200px){
.solve{padding:50px 0;}
.solve-text{width:50%; padding-right:20px;}
.solve-text>h2{margin:0 0 15px 0; font-size:22px;}
.solve-text>div{font-size:14px;}
.solve-image{width:50%;}
.solve-swiper{margin:0 -10px;}
.solve-slide{ padding:0 10px;}
}
@media(max-width:992px){
.solve-nav{display:none;}
.solve-image{float:none; width:100%;}
.solve-text{float:none; width:100%; padding-right:0; padding-top:20px;}
.solve-pager{display:block;}
.solve-pager>ul{text-align:center; height:25px;}
.solve-pager>ul>li{font-size:0; display:inline-block; width:8px; height:5px; border-radius:1px; margin:0 3px; background:rgba(255,255,255,.88);}
.solve-pager>ul>li.on{background:#1684ed;}
}
@media(max-width:767px){
.solve{padding:20px 0;}
.solve-box{margin-top:20px;}
.solve-title h2{font-size:22px; margin-bottom:0;}
.solve-title p{font-size:14px;}
.solve-text{padding-top:10px;}
.solve-text>h2{margin:0 0 5px 0; font-size:18px;}
.solve-text>div{margin-bottom:10px;}
.solve-swiper{margin:0 -5px;}
.solve-slide{ padding:0 5px;}
}


.cooperate{padding:80px 0;}
.cooperate-title{text-align:center;}
.cooperate-title h2{font-size:30px; margin-bottom:5px;}
.cooperate-title p{font-size:16px; color:#787878;}
.cooperate-data{background-position:center; background-size:cover; margin-top:50px; border-radius:3px; border:1px solid rgba(255,255,255,.8); box-shadow:0 0 12px rgba(0,0,0,.12);}
.cooperate-data:after{display:block; content:''; clear:both;}
.cooperate-data>dl{float:left; width:25%; text-align:center; line-height:1.2; padding:40px 0;}
.cooperate-data>dl>dt{font-size:46px; font-weight:bold;}
.cooperate-data>dl>dt:after{content:'+'; font-size:28px; line-height:1; display:inline-block; position:relative; top:-10px; padding-left:5px;}
.cooperate-data>dl>dd{font-size:16px; margin-top:15px; color:#787878;}
.cooperate-list{position:relative; overflow:hidden; margin-top:40px;}
.cooperate-list:before{position:absolute; left:0; top:0; bottom:0; width:25%; z-index:8; content:''; background:linear-gradient(to right, #fff 10%, rgba(255,255,255,0));}
.cooperate-list:after{position:absolute; right:0; top:0; bottom:0; width:25%; z-index:8; content:''; background:linear-gradient(to left, #fff 10%, rgba(255,255,255,0));}
.cooperate-list>ul{padding:10px 0; width:200%;}
.cooperate-list>ul:nth-child(2n+1){float:right;
animation:scrollX 50s linear infinite; -webkit-animation:scrollX 50s linear infinite;
-ms-animation:scrollX 50s linear infinite; -o-animation:scrollX 50s linear infinite;}
.cooperate-list>ul:nth-child(2n){float:left;
animation:scrollXs 50s linear infinite; -webkit-animation:scrollXs 50s linear infinite;
-ms-animation:scrollXs 50s linear infinite; -o-animation:scrollXs 50s linear infinite;}
.cooperate-list>ul:after{display:block; content:''; clear:both;}
.cooperate-list>ul>li{float:left; padding:0 10px; width:6.25%;}
.cooperate-list>ul>li>span{display:block; display:flex; height:80px; padding:5px; overflow:hidden; border-radius:2px; border:1px solid #f2f2f2; box-shadow:0 0 8px rgba(0,0,0,.06);}
.cooperate-list>ul>li>span>img{display:block; max-width:100%; max-height:100%; margin:auto;}
@media(max-width:1200px){
.cooperate{padding:50px 0;}
.cooperate-data>dl{padding:30px 0;}
.cooperate-data>dl>dt{font-size:38px;}
.cooperate-data>dl>dd{font-size:15px; margin-top:5px;}
.cooperate-list{margin-top:30px;}
.cooperate-list>ul{padding:5px 0; width:300%;}
.cooperate-list>ul>li{padding:0 5px; width:6.25%;}
.cooperate-list>ul>li>span{height:80px; box-shadow:0 0 7px rgba(0,0,0,.1);}
}
@media(max-width:992px){
.cooperate-list>ul{width:400%;}
}
@media(max-width:767px){
.cooperate{padding:20px 0;}
.cooperate-title h2{font-size:22px; margin-bottom:0;}
.cooperate-title p{font-size:14px;}
.cooperate-data{padding:10px 0; margin-top:20px;}
.cooperate-data>dl{width:50%; padding:4px 0;}
.cooperate-data>dl>dt{font-size:26px;}
.cooperate-data>dl>dt:after{font-size:20px;}
.cooperate-data>dl>dd{font-size:14px; margin-top:2px;}
.cooperate-list{margin-top:20px;}
.cooperate-list>ul{padding:4px 0;}
.cooperate-list>ul>li>span{height:40px;}
}
@keyframes scrollX{ 0% {transform:translateX(0);} 100% {transform:translateX(50%);} }
@-webkit-keyframes scrollX { 0% {-webkit-transform:translateX(0);} 100% {-webkit-transform:translateX(50%);} }
@-ms-keyframes scrollX { 0% {-ms-transform:translateX(0);} 100% {-ms-transform:translateX(50%);} }
@-o-keyframes scrollX { 0% {-o-transform:translateX(0);} 100% {-o-transform:translateX(50%);} }
@keyframes scrollXs{ 0% {transform:translateX(0);} 100% {transform:translateX(-50%);} }
@-webkit-keyframes scrollXs { 0% {-webkit-transform:translateX(0);} 100% {-webkit-transform:translateX(-50%);} }
@-ms-keyframes scrollXs { 0% {-ms-transform:translateX(0);} 100% {-ms-transform:translateX(-50%);} }
@-o-keyframes scrollXs { 0% {-o-transform:translateX(0);} 100% {-o-transform:translateX(-50%);} }


.info{padding:80px 0; background-position:center; background-size:cover ;}
.info>article{width:1480px;}
.info-title{text-align:center;}
.info-title h2{font-size:30px; margin-bottom:5px;}
.info-title p{font-size:16px; color:#787878;}
.info-content{margin:50px -20px 0 -20px;}
.info-content:after{display:block; content:''; clear:both;}
.info-list{float:left; width:33.3333%; padding:0 20px;}
.info-list>span{display:block; line-height:22px; }
.info-list>span:after{display:block; content:''; clear:both;}
.info-list>span>h3{float:left; font-size:22px;}
.info-list>span>a{float:right; font-size:14px; line-height:22px; color:#1684ed;}
.info-list>span>a:hover{color:#1169d8;}
.info-list>span>a>b{float:left; font-weight:normal;}
.info-list>span>a>i{float:left; line-height:inherit; font-size:16px;}
.info-list>ul{padding-top:30px;}
.info-list>ul>div{display:block; padding-bottom:5px;}
.info-list>ul>div>a{position:relative; display:block; overflow:hidden; border-radius:3px;}
.info-list>ul>div>a>img{display:block; width:100%; height:150px; object-fit:cover;}
.info-list>ul>div>a>span{position:absolute; z-index:1; background:rgba(0,0,0,.5); left:0; bottom:0; right:0; padding:5px 10px; color:#fff;}
.info-list>ul>li{padding:15px 0 0; line-height:25px;}
.info-list>ul>li>i{text-align:center; float:left; font-style:normal; line-height:1; margin:10px 15px 0 0; color:#787878;}
.info-list>ul>li>i>strong{display:block; font-size:41px; font-weight:normal;}
.info-list>ul>li>i>span{display:block; font-size:14px;}
.info-list>ul>li>a{display:block;}
.info-list>ul>li>a>b{display:block; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.info-list>ul>li>a>p{display:block; height:50px; margin-top:4px; overflow:hidden; color:#787878;}
.info-list>ol{padding-top:15px;}
.info-list>ol>li{margin-top:15px;}
.info-list>ol>li img{display:block; width:100%; box-shadow:0 0 8px rgba(0,0,0,.12); object-fit:cover; border-radius:2px;}
@media(max-width:1200px){
.info{padding:50px 0;}
.info-content{margin:50px -10px 0 -10px;}
.info-list{padding:0 10px; width:50%;}
.info-list:first-child{width:100%;}
.info-list>ul{padding-top:15px;}
.info-list>ol{margin:0 -10px; padding:10px 0;}
.info-list>ol:after{display:block; content:''; clear:both;}
.info-list>ol>li{float:left ; width:50%; padding:10px; margin:0;}
}
@media(max-width:767px){
.info{padding:20px 0;}
.info-content{margin:20px 0 0;}
.info-title h2{font-size:22px; margin-bottom:0;}
.info-title p{font-size:14px;}
.info-list>ol{padding:10px 0 0;}
.info-list>ol>li{width:100%; padding:0 10px;}
.info-list>ol>li+li{padding-top:10px;}
.info-list{width:100%; padding:0;}
.info-list+.info-list{margin-top:20px;}
.info-list>span>h3{font-size:18px; padding-left:5px;}
.info-list>ul{padding-top:5px;}
.info-list>ul>li{padding:10px 0 0;}
}