/* --case-details-- */
 .cx-case-detail01{padding:30px 0;overflow:hidden;background: #fff;}
 .cx-case-detail01 .case-hd {overflow:hidden;margin: 30px -20px 0;}
 .cx-case-detail01 .case-hd ul { display:flex;} 
 .cx-case-detail01 .case-hd ul li {padding: 0 20px;border-right:2px solid #dadada;color: #333;line-height: 1;}
 .cx-case-detail01 .case-hd ul li:last-child {border-right:none;}
 .cx-case-detail01 .case-hd ul li span {font-size:20px;font-weight: bold;margin-right: 10px;}
 .cx-case-detail01 .case-hd ul li em { font-size:18px; color:#666;}
 .cx-case-detail01 .article{overflow:hidden;background:#fff;}
 .cx-case-detail01 .article h1{min-height:45px;line-height:45px;font-size:34px;font-weight:normal;color:#333;text-align: center;}
 .cx-case-detail01 .article h1 span{display:inline-block;margin:0 4px;}
 .cx-case-detail01 .article .meta{height:27px;line-height:27px;font-size:14px;color:#999;overflow:hidden;}
 .cx-case-detail01 .article .meta span{display:inline-block;margin-right:8px;}
 .cx-case-detail01 .article .attr{margin-top:30px;overflow:hidden;}
 .cx-case-detail01 .article .attr ul { display: block; border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; overflow: hidden;}
 .cx-case-detail01 .article .attr li {float: left;width:calc(100%/3);border-right: #f1f1f1 solid 1px;border-bottom: #f1f1f1 solid 1px;color: #999;font-size: 16px;padding: 20px 25px;box-sizing: border-box;}
 .cx-case-detail01 .article .attr li span { margin-left: 4px; color: #333;}
 .cx-case-detail01 .article .state{padding-top:36px;overflow:hidden;}
 .cx-case-detail01 .article .state li{position:relative;float:left;padding-top:65px;width:20%;line-height:32px;text-align:center;font-size:14px;color:#999;overflow:hidden;background:url(../images/Inpage/state.png) no-repeat center 0;}
 .cx-case-detail01 .article .state li:before,.case-details .article .state li:after{display:block;position:absolute;top:7px;width:44.5%;height:4px;content:"";background:#e5e5e5;}
 .cx-case-detail01 .article .state li:before{left:0;}
 .cx-case-detail01 .article .state li:after{right:0;}
 .cx-case-detail01 .article .state li.ing,.case-details .article .state li.ed{color:#001e61;background-image:url(../images/Inpage/state_cur.png);}
 .cx-case-detail01 .article .state li.ing:before{background:#001e61;}
 .cx-case-detail01 .article .state li.ed:before,.case-details .article .state li.ed:after{background:#001e61;}
 .cx-case-detail01 .article .state li:last-child.ing:after{background:#001e61;}
 .cx-case-detail01 .article .idea{margin-top:45px;overflow:hidden;}
 .cx-case-detail01 .article .idea .tit{padding-bottom:25px;border-bottom:#f1f1f1 solid 1px;}
 .cx-case-detail01 .article .idea .tit span{display:block;padding-left:12px;font-size:20px;color:#333;border-left: #da251d solid 2px;}
 .cx-case-detail01 .article .idea .con{padding-top:20px;overflow:hidden;}
 .cx-case-detail01 .article .idea .summary{line-height:30px;font-size:16px;color:#666;overflow:hidden;}
 .cx-case-detail01 .article .idea .imgBox{overflow:hidden;}
 .cx-case-detail01 .article .idea .imgBox li{position:relative;margin-top: 30px;overflow:hidden;}
 .cx-case-detail01 .article .idea .imgBox li img{display:block;width:100%;}
 .cx-case-detail01 .article .idea .imgBox li .text {padding:0 3%;width:100%;height:40px;line-height:40px;font-size:16px;color:#fff;background: #3c3c3c;}
 .cx-case-detail01 .article .idea .imgBox li .summary{margin-bottom: 20px;}
 .cx-case-detail01 .subCase { display: block; overflow: hidden;}
 .cx-case-detail01 .subCase h3 { font-size: 26px; margin-bottom: 20px; padding-bottom:20px; border-bottom: 1px solid #d0d0d0;}
 .cx-case-detail01 .subCase li { position: relative; display: block; margin-bottom: 20px; width: 100%;}
 .cx-case-detail01 .subCase li .pic { display: block; width: 100%; overflow: hidden;}
 .cx-case-detail01 .subCase li .pic img { display: block; width: 100%; transition: all 1s;}
 .cx-case-detail01 .subCase li p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;position: absolute;left: 0;bottom: 0;width: 100%;height: 40px;line-height: 40px;text-align: center;background: #3c3c3c;color: #fff;font-size: 16px;}
 .cx-case-detail01 .subCase li:hover .pic img { transform: scale(1.1);}
 .cx-case-detail01 .subForm{z-index:333;margin-bottom: 20px;top:0;padding:0 5px 5px;overflow:hidden;background: #3c3c3c;}
 .cx-case-detail01 .subForm h3{height:70px;line-height:70px;font-size:22px;font-weight:normal;color:#fff;text-align:center;}
 .cx-case-detail01 .subForm .con{padding:20px 15px;overflow:hidden;background:#fff;}
 .cx-case-detail01 .subForm li{margin-bottom:10px;overflow:hidden;}
 .cx-case-detail01 .subForm li input{display:block;padding:15px 20px;width: 100%;height: 55px;line-height: 55px;font-size:16px;border:#e0e0e0 solid 1px;background:#fff;box-sizing: border-box;}
 .cx-case-detail01 .subForm li a{display:block;height:55px;line-height:55px;font-size:16px;color:#fff;text-align:center;background: #3c3c3c;}
 .cx-case-detail01 .subForm li a:hover{background:#da251d;}
 .cx-case-detail01 .subForm p{padding-top:10px;text-align:center;font-size:15px;color:#666;}
 .cx-case-detail01 .subForm p em{font-size:16px;color:#333;font-family:"DIN Medium";}
 @media (max-width:1200px) {
    .cx-case-detail01 { padding: 10px 10px;}
     .cx-case-detail01 .article .idea .con{padding:0;}
    .cx-case-detail01 .article h1 {min-height: auto;height:30px;line-height: 30px;margin-bottom: 25px;font-size: 20px;}
    .cx-case-detail01 .article .attr { margin-top: 20px;}
    .cx-case-detail01 .left-wrap  { float: none; width: 100%;}
    .cx-case-detail01 .right-wrap { padding: 0 10px; float: none; width: 100%;}
    .cx-case-detail01 .subCase { margin-bottom: 20px;}
    .cx-case-detail01 .subCase li { float: left; margin:1%; width: 48%;}
    .cx-case-detail01 .subCase li p { height: 30px; line-height: 30px; font-size: 14px;}
    .cx-case-detail01 .article .attr ul { border: none;}
    .cx-case-detail01 .article .attr li { border: 1px solid #f1f1f1; margin-bottom: 10px; width: 100%; padding: 15px;}
    .cx-case-detail01 .article .idea { margin-top: 20px;}
    .cx-case-detail01 .article .idea .imgBox li .summary { font-size: 14px;}
  .cx-case-detail01 .article .idea .tit{padding-bottom: 10px;}
  .cx-case-detail01 .case-hd ul li span { font-size: 14px;}
   .cx-case-detail01 .case-hd ul li em { font-size: 14px;}
  .cx-case-detail01 .case-hd ul li span{margin-right: 2px;}
.cx-case-detail01 .case-hd ul li{padding: 0 16px;}
.cx-case-detail01 .case-hd{margin: 20px -16px 0;}

  .cx-case-detail01 .article .idea .tit span {font-size: 18px;}
 }
 /* --case-details end -- */

/*--solution-intro--*/
.solution-intro{padding:10px 0;overflow:hidden;}
.solution-intro .text{margin:0 auto;max-width:1040px;text-align:center;overflow:hidden;}
.solution-intro .text h2{font-size: 36px;font-weight:600;line-height:1.75;color:#333;}
.solution-intro .text p{margin-top:10px;font-weight: 300;font-size:18px;line-height:1.75;color:#666;}
.solution-intro .list{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:center;}
.solution-intro .list .item{width:250px;text-align:center;transition:all .5s;}
.solution-intro .list .item em{display:block;margin:0 auto;padding: 30px;width:120px;height:120px;border:#c9161e solid 1px;border-radius:50%;background: #fff;}
.solution-intro .list .item h3{margin-top:10px;font-size:18px;font-weight:bold;color:#c9161e;}
.solution-intro .list .item:hover{transform:translateY(-20px);}
.solution-intro .list .item:nth-child(1){animation:fadeinB 1s;}
.solution-intro .list .item:nth-child(2){animation:fadeinB 2s;}
.solution-intro .list .item:nth-child(3){animation:fadeinB 3s;}
.solution-intro .list .item:nth-child(4){animation:fadeinB 4s;}
@media(max-width:1200px){
 .solution-intro .list {margin-top: 20px;}
.solution-intro .text h2{font-size:20px;}
.solution-intro .text p{margin-top:5px;font-size: 14px;}
.solution-intro{padding: 20px 10px;}
.solution-intro .list .item{margin: 10px 0;width: 33.333%;transform: translateY(0);}
.solution-intro .list .item em{padding:20px;width: 60px;height: 60px;}
.solution-intro .list .item h3{font-size:14px;padding: 0 10px;font-weight:normal;}
}
/*--end solution-intro--*/

/*--cx-product-wrap--*/
.cx-product-wrap{padding:80px 0;overflow:hidden;}
.cx-product-list{/* overflow:hidden; */}
.cx-product-list .item{position:relative;width: 100%;display: inline-block;margin-bottom:50px;/* overflow: hidden; */}
.cx-product-list .pic{float:left;width: 60%;overflow:hidden;}
.cx-product-list .pic img{display:block;width:100%;}
.cx-product-list .text{position:absolute;right: 0;top: 35px;bottom: 35px;padding: 40px;width: 56%;overflow:hidden;background:#fff;box-shadow: 0 2px 44px 0px rgb(0 0 0 / 8%);}
.cx-product-list .text h3{font-weight:bold;font-size:24px;color: #da251d;}
.cx-product-list .text p{margin-top:20px;font-size:16px;line-height:1.75;}
.cx-product-list .text a{display:block;position:absolute;left:40px;bottom:40px;width:150px;line-height:50px;font-size:16px;text-align:center;color:#b27032;border:#b27032 solid 1px;}
.cx-product-list .item:nth-child(even) .pic { float:right;}
.cx-product-list .item:nth-child(even) .text {left: 0;box-shadow: 0px 2px 56px 0px rgb(0 0 0 / 8%);}
.cx-product-list .text a:hover{color:#fff;background:#b27032;}

@media(max-width:1440px){
.cx-product-list .text{top:30px;bottom:30px;padding:30px;}
.cx-product-list .text p{margin-top:15px;}
.cx-product-list .text a{left:30px;bottom:30px;}
}
@media(max-width:1200px){
.cx-product-wrap{padding:40px 10px;overflow:hidden;}
.cx-product-list .item{margin-bottom:25px;}
.cx-product-list .pic{width:100%;}
.cx-product-list .text{position:static;padding:20px;width:100%;}
.cx-product-list .text h3{font-size:18px;}
.cx-product-list .text p{margin-top:15px;font-size:14px;}
.cx-product-list .text a{position:static;margin-top:20px;width:120px;line-height:40px;font-size:14px;}
}
/*--end cx-product-wrap--*/

.cx-editor-wrap.color { background:#f4f4f4;}
.cx-editor-wrap.color2 { background:#fff;}

/* photos */
.photos{padding-top: 60px;overflow: hidden;width: 100%;}
.photos .photos-menu {overflow: hidden;}
.photos .photos-menu .text { float: left;}
.photos .photos-menu .text h2 {  font-size: 36px; color: #333;}
.photos .photos-menu .text h2 a {  color: #333; }
.photos .photos-menu .text p { font-size: 24px; color: #666;}
.photos .photos-menu ul { float: right;}
.photos .photos-menu li { float: left; margin-left: 40px; text-align: center;}
.photos .photos-menu li i { display: block; margin: 0 auto; width: 40px; height: 40px; overflow: hidden;}
.photos .photos-menu li p { margin-top: 10px; font-size: 18px; color: #666;}
.photos .photos-menu li i { display: block; margin: 0 auto; width: 40px; height: 40px; overflow: hidden;filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1);}
.photos .photos-menu li.cur i  {filter:none;}
.photos .photos-menu li.cur p { color: #da251d;}
@media (max-width:1200px) {
    .photos { background: #fff; padding:40px 15px 0;}
    .photos .photos-menu .text { float: none; width: 100%; text-align: center;}
    .photos .photos-menu .text h2 { font-size: 24px;}
    .photos .photos-menu .text p { font-size: 16px;}
    .photos .photos-menu { margin-bottom: 10px;}
    .photos .photos-menu ul { float: none; margin-top: 20px; overflow: hidden;}
    .photos .photos-menu li { margin:10px 0; width: calc(100%/3);}
    .photos .photos-menu li i { width: 30px; height: 30px;}
    .photos-menu li.cur i.icon { left: -30px; -webkit-filter: drop-shadow(30px 0 0 #da251d);filter: drop-shadow(30px 0 0 #da251d);}
    .photos .photos-menu li p { font-size: 16px;}
    .photos .photos-slide {margin: 10px -7px 0;}
    .photos .photos-slide .item .text { padding: 10px; height: auto;}
    .photos .photos-slide .item .text p {display: none;}
    .photos .photos-slide .item .text h3 { font-size: 14px;}
}
/* photos end */


/* server */
.server {display: block;background: url(../images/Index/server-bg.jpg) no-repeat center;width: 100%;height: 773px;background-size: cover;}
.server .container { position:relative;}
.server .wrap-title { margin-top: 85px;}
.server .wrap-title h2 {  color: #fff;}
.server .wrap-title p {color: rgba(255,255,255,.7);}
.server .server-slide {margin: 60px 0  0;padding-bottom: 35px;overflow: hidden;}
.server .server-slide .swiper-slide {position: relative;padding: 0 0 85px 0;}
.server .server-slide .swiper-slide::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width:calc(100%/2 - 20px); height:1px; background: rgba(255,255,255,.1);}
.server .server-slide .swiper-slide::before {content: '';display: block;position: absolute;right: -30px;bottom: 0;width: calc(100%/2 + 9px);height:1px;background: rgba(255,255,255,.1);}
.server .server-slide .swiper-slide em  { animation:fadeinB 1.5s;display: block;position: absolute;margin-left: -20px;left:50%;bottom: -21px;background: url(../images/Index/server-icon01.png) no-repeat center;width: 41px;height: 106px;background-size: 100%;}
.server .server-slide .swiper-slide .inner {padding-top: 50px;border: 1px solid rgba(255,255,255,.1);overflow: hidden;}
.server .server-slide .swiper-slide:hover em {background: url(../images/Index/server-icon02.png) no-repeat center;}
.server .server-slide .swiper-slide .inner > i {float: left;width: 110px;}
.server .server-slide .text {float: right;width: calc(100% - 130px);}
.server .server-slide .text h3 {margin-top: 15px;font-size: 20px;color: #fff;}
.server .server-slide .text ul {margin-top: 15px;}
.server .server-slide .text li {font-size: 14px;line-height: 1.75;color: rgba(255,255,255,.7);}
.server .prev,.server .next{position:absolute;z-index:9;top: 62%;width: 50px;height: 50px;line-height: 50px;color:#fff;text-align:center;cursor:pointer;outline:none;border: 1px solid rgba(255,255,255,.1);transform:translateY(-50%);border-radius: 50%;}
.server .prev{left: -100px;}
.server .next{right: -100px;}
.server .prev:hover,.server .next:hover{color:#fff;background:#da251d;border-color:#da251d;opacity:1;}
@media (max-width:1440px) {
    .server .prev{left: -50px;}
    .server .next{right: -50px;}
}
@media (max-width:1200px) {
    .server {height: 545px;padding: 0 15px;overflow: hidden;}
    .server .wrap-title { margin-top: 40px;}
    .server .server-slide {margin: 30px 95px 0 0;overflow: visible;}
    .server .prev, .server .next { top: 84%;}
    .server .prev{left: 0;}
    .server .next{right: 0;}
    .server .server-slide .swiper-slide .inner > i {width: 100px;margin-top: 30px;}
    .server .server-slide .swiper-slide .inner {padding-top: 20px;}
    .server .server-slide .text {width: calc(100% - 120px);}
    .server .server-slide .text h3 { margin-top: 20px; font-size: 18px;}
    .server .server-slide .text ul { margin-top: 15px;}
    .server .server-slide .swiper-slide::before {right:-15px; width: calc(100%/2 - 6px);}
}
/* server end */


/* indexHonor */
.indexHonor {position: relative;display: block;background: url(../images/Index/honor-bg.jpg) no-repeat center;width: 100%;height: 638px;background-size:cover;}
.indexHonor .container { position:relative;}
.indexHonor .wrap-title {padding-top: 90px;}
.indexHonor .wrap-title p i { display:inline-block; margin:0 5px; vertical-align:middle;}
.indexHonor .honor-slide { margin-top: 60px; overflow: hidden;}
.indexHonor .honor-slide .pic { overflow: hidden;}
.indexHonor .honor-slide .pic img { transition: all 1s;}
.indexHonor .honor-slide p { padding:0  10px 15px;white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; text-align: center; background: #fff; color: #666; font-size: 14px;}
.indexHonor .prev,.indexHonor .next{position:absolute;z-index:9;top: 73%;width: 50px;height: 50px;line-height: 50px;color:#666;text-align:center;cursor:pointer;outline:none;background: #e4e4e4;transform:translateY(-50%);border-radius: 50%;}
.indexHonor .prev{left: -100px;}
.indexHonor .next{right: -100px;}
.indexHonor .prev:hover,.indexHonor .next:hover{color:#fff;background:#da251d;border-color:#da251d;opacity:1;}
@media (max-width:1440px) {
    .indexHonor .prev{left: -50px;}
    .indexHonor .next{right: -50px;}
}
@media (max-width:1200px) {
    .indexHonor {padding: 0 15px;height: 430px;}
    .indexHonor .honor-slide { margin-top: 30px;}
    .indexHonor .wrap-title { padding-top: 40px;}
    .indexHonor .prev, .indexHonor .next { top: 68%;}
    .indexHonor .prev{left: 0;}
    .indexHonor .next{right: 0;}
}
/* indexHonor end */

/* indexPartner */
.indexPartner {padding: 85px 0 100px; overflow: hidden; background:#ededed;}
.indexPartner .partner-con { margin-top: 50px; overflow: hidden;}
.indexPartner .partner-con ul { display: flex; flex-wrap: wrap;}
.indexPartner .partner-con li {margin: 2px;width: calc(100%/8 - 4px);}
@media (max-width:1200px) {
   .indexPartner {padding: 40px 15px;}
   .indexPartner .partner-con { margin-top: 20px;}
   .indexPartner .partner-con li {width: calc(100%/4 - 4px);}
}
/* indexPartner end */

/* indexData */
.indexData { padding: 85px 0 0; overflow: hidden; background: url(../images/Index/data-bg.jpg) no-repeat center; width: 100%; height: 630px; background-size: cover;}
.indexData .data-list { margin-top: 95px; overflow: hidden;}
.indexData .data-list .item { float: left; width: 33.333%; text-align: center;}
.indexData .data-list .item  .cir { animation:fadeinT 1s; display:inline-block;vertical-align: middle;background: url(../images/Index/cir.png) no-repeat center; width: 116px; height: 133px; background-size: 100%;}
.indexData .data-list .item  .number { animation:fadeinT 1s; margin-left: -50px;display: inline-block;vertical-align: middle;}
.indexData .data-list .item  .number em {font-size: 42px;color: #e6000d;line-height: 1;}
.indexData .data-list .item  .number p { font-size: 16px; color: #666;}
.indexData .data-list .item .tit { animation:fadeinB 1s; margin-top: 25px; font-size: 16px; color: #666;}
@media (max-width:1200px) {
    .indexData {padding: 40px 0;height: auto;}
    .indexData .wrap-title { padding: 0 15px;}
    .indexData .data-list { margin-top: 35px;}
    .indexData .data-list .item .cir { width: 68px; height: 80px;}
    .indexData .data-list .item .number { margin-left: -24px;}
    .indexData .data-list .item .number em { font-size: 24px;}
    .indexData .data-list .item .number p { font-size: 14px;}
    .indexData .data-list .item .tit {font-size: 14px;padding: 0 5px;}
}
/* indexData end */


/*--adv--*/
.adv{padding-top:5rem;overflow:hidden;background:#fff;}
.adv-list{margin-top: 35px;overflow:hidden;background-size:cover;}
.adv-list .item{float:left;padding:0 3rem;width: calc(100%/5);height: 630px;text-align:center;color:#fff;background:rgba(0,0,0,0.5);border-right:rgba(255,255,255,0.1) solid 1px;}
.adv-list .con{position:relative;top:50%;height:200px;transform:translateY(-50%);}
.adv-list .hd{position:relative;margin:0 auto;padding: 10px;width: 150px;height: 150px;border:#fff solid 3px;transition:all 0.5s;}
.adv-list .hd h3{position:relative;left: 50%;top: 50%;padding: 5px;font-weight:normal;font-size: 26px;border:transparent solid 1px;transform: translate(-50%,-50%);}
.adv-list .hd h3:before{display:block;position:absolute;top:0;left:50%;width:5px;height:5px;content:"";background:#c7000b;opacity:0;}
.adv-list .bd small{display:block;margin-top: 40px;font-size: 12px;line-height: 1.75;font-family:"DIN Medium";text-transform:uppercase;}
.adv-list .bd p{display:none;margin-top:2.5rem;line-height: 1.75;font-size:0.875rem;}
.adv-list .bd i{display:none;margin:1.875rem auto 0;width:1.25rem;height:0.1875rem;background:#fff;}
.adv-list .item:hover .hd{color:#333;background:#fff;}
.adv-list .item:hover .hd h3{border-color:#eaeaea;}
.adv-list .item:hover .hd h3:before{opacity:1;}
.adv-list .item:hover small{display:none;}
.adv-list .item:hover p,.adv-list .item:hover i{display:block;}
.adv-list .item:nth-child(1){ animation:fadeinR 1s; 1s;}
.adv-list .item:nth-child(2){animation:fadeinR 1.5s;}
.adv-list .item:nth-child(3){animation:fadeinR 2s;}
.adv-list .item:nth-child(4){animation:fadeinR 2.5s;}
.adv-list .item:nth-child(5){animation:fadeinR 3s;}
.adv-list .item:nth-child(6){animation:fadeinR 3.5s; display: none;}
@media(max-width:1440px) {
    .adv-list .item { padding:0 10px;}

}
@media (max-width:1200px){
.adv{padding-top: 40px;}
.adv-list .item:nth-child(6) { display: block;}
.adv .wrap-title { padding: 0 15px;}
.adv-list{position:relative;display: flex; flex-wrap: wrap;}
.adv-list:before,.adv-list:after{display:none;}
.adv-list:before{left:0;top:50%;width:100%;height:1px;}
.adv-list:after{left:50%;top:0;width:1px;height:100%;}
.adv-list .item {flex:auto;padding: 0;width: calc(100%/2);height: 200px;border-bottom: rgba(255,255,255,0.1) solid 1px;}
.adv-list .hd {width: 100px;height: 100px;padding: 0 5px;}
.adv-list .hd h3 {  font-size: 16px;}
.adv-list .hd h3  a { color: #fff;}
.adv-list .item:hover p,.adv-list .item:hover i{display:none;}
.adv-list .bd small { margin-top: 20px;}
.adv-list .con { height: auto;}
.adv-list:after { display: none;}
.adv-list .item:hover small{display:block;}
.adv-list .item:hover p,.adv-list .item:hover i { display: none;}
.adv-list .item:hover .hd a { color: #333;}
}
/*--end adv--*/

#s1,#s2,#s3,#s4,#s5 { position:absolute; top:0;}


/*--step--*/
.step{padding:80px 0 110px;overflow:hidden;}
.step .inner{overflow:hidden;}
.step-list{margin-top: 40px;position:relative;height: 485px;}
.step-list:before{display:block;position:absolute;left:0;top:50%;width:100%;height:1px;content:"";background:#e1e1e1;}
.step-list .item{position:absolute;width: 300px;height: 260px;text-align:center;}
.step-list .item:after{display:block;position:absolute;left:50%;width:1px;height:32px;content:"";background: #000;}
.step-list .num{position:absolute;left:50%;width:35px;height:35px;font:bold 14px / 35px "FuturaBT Medium";color:#fff;background: #7a7a7a;border-radius:50%;transform:translateX(-50%);}
.step-list .text{height: 193px;background:#fff;overflow:hidden;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.step-list .text h3{background: #cecece;height:50px;line-height:50px;font-size:22px;color: #333;}
.step-list .text p{padding:20px 15px;font-size:16px;color:#666;overflow:hidden;}
.step-list .item:nth-child(odd){top:0;padding-bottom: 67px;}
.step-list .item:nth-child(odd):after{bottom:35px;}
.step-list .item:nth-child(odd) .num{bottom:0;}
.step-list .item:nth-child(even){bottom:0;padding-top: 67px;}
.step-list .item:nth-child(even):after{top:35px;}
.step-list .item:nth-child(even) .num{top:0;}
.step-list .item-1{left:0;}
.step-list .item-2{left: 280px;}
.step-list .item-3{left: 560px;}
.step-list .item-4{left: 840px;}
.step-list .item-5{left: 1100px;}
.step-list .item-6{left:950px;}
.step-list .item-7{left:1140px;}
.step-list .item:afterr{background:#000;}
.step-list .item{}
.step-list-m{display:none;position:relative;}
.step-list-m:before{display:block;position:absolute;left:0;top:18px;width:100%;height:1px;content:"";background:#e1e1e1;}
.step-list-m .item{position:relative;padding-top:66px;text-align:center;overflow:hidden;}
.step-list-m .item:after{display:block;position:absolute;left:50%;top:35px;width:1px;height:32px;content:"";background:#000;}
.step-list-m .num{position:absolute;top:0;left:50%;width:35px;height:35px;font:bold 14px / 35px "FuturaBT Medium";color:#fff;background: #7a7a7a;border-radius:50%;transform:translateX(-50%);}
.step-list-m .text{background:#fff;overflow:hidden;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.step-list-m .text h3{height:50px;line-height:50px;font-size:16px;color: #333;background: #cecece;}
.step-list-m .text p{padding:20px 15px;font-size:14px;color:#666;overflow:hidden;}
@media(max-width:1440px){
.step-list .item-1{left:0;}
.step-list .item-2{left: 230px;}
.step-list .item-3{left: 460px;}
.step-list .item-4{left: 690px;}
.step-list .item-5{left: 950px;}
.step-list .item-6{left:780px;}
.step-list .item-7{left:940px;}
.step-list .item {width: 250px;}
}
@media(max-width:1200px){
.step{padding:40px 10px;}
.step-list{display:none;}
.step-list-m{margin-top: 30px;display:block;}
.step-list-m .text p { height:115px;}
}
/*--end step--*/

/* --  video-pop -- */
.video-pop{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:#0009;background:rgba(0,0,0,0.8);}
.video-inner{position:fixed;top:50%;left:50%;margin-top: -400px;margin-left: -700px;width: 1400px;height: 800px;background:#000;}
.video-inner iframe{display:block;width: 1400px;height: 800px;}
.video-close{position:absolute;left:100%;top:0;width: 32px;height:32px;text-align: center;line-height: 32px;cursor:pointer;background:#fff ;}
.video-close i {font-size: 24px;color: #000;font-weight: bold;}
.video-close:hover{background-color:#c7000b; }
.video-close:hover i { color: #fff;}
@keyframes shaow{
    0%{box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.2);}
    100%{box-shadow: 0px 7px 40px 0 rgba(0, 0, 0, 0.2);}
}
@media(max-width:1440px) {
    .video-inner { margin-left:-600px; margin-top:-325px; width:1200px; height:650px;}
    .video-inner iframe { width:1200px; height:650px;}
}
@media (max-width:992px) {
    .video-inner { width: 100%; height: 350px; left: 0; top: 25%; margin: 0;}
    .video-close { left: auto; right: 0; top: -32px;}
    .video-inner iframe { display: block; width: 100%; height: 350px;}
}
/* --end video-pop -- */

.partner-more { margin: 20px auto 0; display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #666;}
.partner-more a { color: #333;}
.partner-more a i { margin-left:10px;}
.partner-more a:hover { color:#e6000d;}


.t-picture-list05 {
    overflow: hidden;
}

.t-picture-list05 .item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0;
    box-sizing: border-box;
}


.t-picture-list05 .pic {
    float: left;
    width: 50%;
    overflow: hidden;
}

.t-picture-list05 .pic img {
    display: block;
    width: 100%;
}

.t-picture-list05 .text {
    position: relative;
    padding: 0 30px;
    width: 50%;
    overflow: hidden;
}

.t-picture-list05 .hd {
    position: relative;
    padding-bottom: 20px;
    overflow: hidden;
}

.t-picture-list05 .hd:before, .t-picture-list05 .hd:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
}

.t-picture-list05 .hd:before {
    z-index: 1;
    width: 100%;
    height: 1px;
    background: #f0f0f0;
}

.t-picture-list05 .hd:after {
    z-index: 2;
    width: 30px;
    height: 3px;
    background: #3f59c5;
}

.t-picture-list05 .hd h3 {
    font-weight: normal;
    font-size: 42px;
    line-height: 1.25;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.t-picture-list05 .hd em {
    font-style: normal;
    color: #999;
}

.t-picture-list05 .summary {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.75;
    color: #333;
    overflow: hidden;
}

@media screen and (max-width:992px) {
    .t-picture-list05 .item {
        margin: 10px 0;
    }
    .t-picture-list05 .pic, .t-picture-list05 .text {
        float: none !important;
        width: 100%;
    }
    .t-picture-list05 .text {
        padding: 20px 0;
    }
    .t-picture-list05 .text:after {
        left: 16px;
        bottom: 16px;
    }
    .t-picture-list05 .hd h3 {
        font-size: 20px;
    }
    .t-picture-list05 .summary {
        margin-top: 10px;
        font-size: 16px;
    }
}

/* cx-map */
.cx-map { padding: 60px 0; display: block; overflow: hidden; background: #fff;}
.cx-map .map-hd { float: left; width: 30%;animation:fadeinL 1s;}
.cx-map .map-hd .hd-left {position: relative;padding-left: 20px;}
.cx-map .map-hd .hd-left::after {content: '';display: block;position:absolute;left: 0;top: 14px;width: 4px;height: 66px;background: #ccc;}
.cx-map .map-hd h2 { font-size:42px; color: #e6000d; font-weight: bold;}
.cx-map .map-hd em { font-size: 18px; font-family: "DIN Medium"; color: #666;}
.cx-map .map-hd p { margin: 30px 0; font-size: 16px; line-height: 1.75; color: #333;}
.cx-map .map-hd span { display: block; font-size: 16px; color: #666; line-height: 1.75; letter-spacing: 1px;}
.cx-map .map-img { float: right;  width: 67%;animation:fadeinR 1s;}
@media (max-width:1200px) {
    .cx-map  { padding: 40px 15px;}
    .cx-map .map-hd { float: none; width: 100%;}
    .cx-map .map-hd h2 { font-size: 24px;}
    .cx-map .map-hd em { font-size: 16px;}
    .cx-map .map-hd .hd-left::after { top: 7px; width: 3px; height: 45px;}
    .cx-map .map-hd p { margin: 20px 0; font-size: 14px;}
    .cx-map .map-hd span { font-size: 14px;}
    .cx-map .map-img { float: none; width: 100%;}
}
/* cx-map end */

/* cx-honor */
.cx-honor { padding: 60px 0; display: block; overflow: hidden; background: #fff;}
.cx-honor .honor-hd { float: left; width: 30%;animation:fadeinL 1s;}
.cx-honor .honor-hd .hd-tit {position: relative;padding-left: 20px;}
.cx-honor .honor-hd .hd-tit::after {content: '';display: block;position:absolute;left: 0;top: 14px;width: 4px;height: 90px;background: #ccc;}
.cx-honor .honor-hd h2 { font-size:42px; color: #e6000d; font-weight: bold;}
.cx-honor .honor-hd em { display: block; font-size: 18px; font-family: "DIN Medium"; color: #666;}
.cx-honor .honor-hd .hd-list { margin-top: 30px; font-size: 16px;}
.cx-honor .honor-hd .hd-list p { margin-bottom: 20px; color: #e6000d;  font-weight: bold; line-height: 1.75; }
.cx-honor .honor-hd .hd-list span { color: #666;display: block; font-size: 14px; line-height: 1.75;}
.cx-honor .honor-img { float: right;  width: 67%;animation:fadeinR 1s;}
@media (max-width:1440px) {
    .cx-honor .honor-hd .hd-list { margin-top: 20px;}
    .cx-honor .honor-hd .hd-list p { margin-bottom: 15px;}
}
@media (max-width:1200px) {
    .cx-honor  { padding: 40px 15px;}
    .cx-honor .honor-hd { float: none; width: 100%;}
    .cx-honor .honor-hd h2 { font-size: 24px;}
    .cx-honor .honor-hd em { font-size: 16px;}
    .cx-honor .honor-hd .hd-tit::after { top: 7px; width: 3px; height: 60px;}
    .cx-honor .honor-hd .hd-list  { left: 14px;}
    .cx-honor .honor-img { margin-top: 20px; float: none; width: 100%;}
}
/* cx-honor end */