@charset "utf-8";
@font-face {
    font-family: 'Alibaba_PuHuiTi_Light';
    src: url('../fonts/Alibaba_PuHuiTi_Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Alibaba_PuHuiTi_Regular';
    src: url('../fonts/Alibaba_PuHuiTi_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: 'Alibaba_PuHuiTi_Regular', Arial, Helvetica, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 'Alibaba_PuHuiTi_Regular', Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{display: block; max-width:1200px; width:90%; margin: 0 auto; }
.container2{display: block; max-width:1400px; width:98%; margin: 0 auto; }
.container3{display: block; max-width:1400px; width:100%; margin: 0 auto; }

.hidden{ overflow:hidden;}
.hide{ display:none;}

.flex{ display: flex; align-items: center;}
.flex>div{ width:100%; }

.mt0{ margin-top:0 !important; }

/*header*/
.header{ display: flex; justify-content:space-around; align-items: center; border-bottom:1px solid #dcdcdc; }

.nav{ display: flex; font-size:18px; color:#000000; }
.nav .item{ position: relative; }
.nav .item>a{ display: block; padding:0 18px; line-height:90px; }
.nav .item:hover>a,.nav .item.on>a{ color:#e00082; }
.nav .item span{ font-size:18px; margin-left:6px; }

.nav .item .sub{ display:none; position: absolute; text-align:center; left:0; top:90px; width:100%; border-top:2px solid #e00082; background:#ffffff; }
.nav .item .sub a{ display: block; font-size:16px; padding:12px 0; line-height:1.2; }
.nav .item .sub a:hover{ color:#ffffff; background:#e00082; }

.searchBtn{ cursor: pointer; }
.searchBtn span{ font-size:28px; color:#272536; }
.searchBtn:hover span{ color:#e00082; }

.lang{ font-size:18px; color:#000000; font-weight:bold; }
.lang span{ margin:0 9px; }
.lang a:hover{ color:#e00082; }

.nav-toggle{ display:none; }
/*header*/


/*banner*/
.banner{}
.banner img{ display: block; width:100%; }
/*banner*/

.mtb5{ margin-top:5%; margin-bottom:5%; }
.ptb5{ padding-top:5%; padding-bottom:5%; }

.hbj{ background:#f9fafb;}

.htit{ color:#570561; line-height:1; }
.htit .cntit{ font-size:28px; font-weight:bold; }
.htit .entit{ font-size:18px; margin-top:9px; }
.htit .info{ font-size:16px; margin-top:9px; }

.htit2{ text-align:center; }
.htit3{ color:#ffffff; display:flex; align-items: flex-end; }
.htit3 .entit{ margin-top:0; margin-left:9px; }

.htit4{}
.htit4 .cntit{ color:#000000; }
.htit4 .entit{ color:#727886; }
.htit4 .info{ color:#727886; }


.hinfo{ font-size:16px; color:#000000; }
.colorful{ font-weight:bold; background: linear-gradient(to right, #28e4f0, #ea4fe0); -webkit-background-clip: text; color: transparent; }

.more-btn{ height:50px; line-height:50px; width:150px; border-radius:10px; display: block; font-weight:bold; background:#dff1f5; color:#000000; font-size:16px; text-align:center; }
.more-btn span{ margin-left:8px; }
.more-btn:hover{ background:#e00082; color:#ffffff; border-radius:10px 0 10px 0; }

/*home-about*/
.home-about{ text-align:center; }
.home-about .hinfo{ margin:2.5% 0;}
.home-about .more{ display:flex; justify-content: center; }
.home-about .more .more-btn{ margin:0 30px;}
/*home-about*/

/*home-block*/
.home-block{ display:flex; justify-content:space-between; align-items: center; }
.home-block .txt{ width:43%; }
.home-block .txt .hinfo{ margin:4% 0 5% 0; text-align:justify; }
.home-block .img{ width:52%; }
.home-block .img img{ display: block; width:100%; aspect-ratio: 60/43; object-fit: cover; object-position: center; }
.home-block .img2{ border-radius:20px; overflow: hidden; }

.home-block2 .txt{ text-align:right;}
.home-block2 .more-btn{ float:right; }
/*home-block*/

/*新闻动态/五大赛道*/
.home-composite{ display:flex; justify-content:space-between; }
.home-composite .htit{ margin-bottom:36px; }

.home-news{ width:51%; }
.home-news .htit{ position: relative; }
.home-news .htit .more-btn{ position: absolute; top:50%; right:0; margin-top:-25px; }

.news-ban{ overflow: hidden; position: relative; }
.news-ban .img{ overflow: hidden; }
.news-ban img{ width:100%; height:378px; display: block; object-fit: cover; object-position: center; }
.news-ban .txt{ position: absolute; left:0; width:100%; bottom:0; font-size:18px; padding:9px 18px; color:#ffffff; display:flex; background:rgba(0, 0, 0, 0.7); justify-content: space-between;  }
.news-ban .txt .time{ white-space: nowrap; }
.news-ban .swiper-slide:hover .txt{ background:#570561; color:#ffffff; }
.ban-prev,.ban-next{ cursor: pointer; z-index:100; text-align:center; line-height:36px; background:#343433; color:#ffffff; position: absolute; width:36px; height:36px; top:50%; margin-top:-18px; }
.ban-prev:hover,.ban-next:hover{ background:#570561; }
.ban-prev{ left:0; }
.ban-next{ right:0; }

.home-composite .xian{ background:#570561; width:2px; }

.home-track{ width:40%; }
.track-list{ border-top:2px solid #570561; }
.track-list .item{ line-height:1; border-bottom:2px solid #570561; color:#000000; padding:15px 0; }
.track-list .item .cntit{ font-size:20px; }
.track-list .item .entit{ font-size:16px; margin-top:8px; }
.track-list .item:hover{ background:#570561; color:#ffffff; padding:15px; }
/*新闻动态/五大赛道*/


/*赛事过程*/
.process img{ width:100%; display: block; }

.process-list{ display:flex; justify-content:space-around; padding:0 3%; margin-top:2%; }
.process-list .item{ position: relative;  }
.process-list .item .tit{ position: relative; color:#030303; font-size:18px; font-weight:bold; width:150px; height:60px; line-height:60px; text-align:center; border:1px solid #2da3be; border-radius:10px;
background: linear-gradient(90deg, #f4ffff 0%, #ffffff 50%, #fefcfe 100%); z-index:10; cursor: pointer; }
.process-list .item:hover .tit{background: linear-gradient(90deg, #2ad3ea , #eb86ef); color:#ffffff; }

.process-list .item .ico{ content:""; width:23px; height:23px; border-radius:50%; position: absolute; left:50%; margin-left:-11px;
background: linear-gradient(90deg, #2ad3ea , #eb86ef); box-shadow:0 0 10px #cccccc; z-index:10;}
.process-list .item::after{ content:""; width:1px; height:100px; background:#2da3be; position: absolute; left:50%; }

.process-list .item:nth-child(1) .ico{ top:-90px; }
.process-list .item:nth-child(1)::after{ top:-90px;}

.process-list .item:nth-child(2) .ico{ top:-60px; }
.process-list .item:nth-child(2)::after{ top:-60px;}

.process-list .item:nth-child(3) .ico{ top:-90px; }
.process-list .item:nth-child(3)::after{ top:-90px;}

.process-list .item:nth-child(4) .ico{ top:-90px; }
.process-list .item:nth-child(4)::after{ top:-90px;}

.process-list .item:nth-child(5) .ico{ top:-70px; }
.process-list .item:nth-child(5)::after{ top:-70px;}

.process-list .item:nth-child(6) .ico{ top:-78px; }
.process-list .item:nth-child(6)::after{ top:-78px;}

.process-list .item:hover .ico::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: linear-gradient(90deg, #2ad3ea , #eb86ef);
        animation: pulse 1s ease-out infinite;
}
@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.8); opacity: 0; }
}
/*赛事过程*/


/*成果展示*/
.home-case{}
.case-list{ margin-top:3%; display:flex; flex-wrap: wrap; justify-content: space-between; }
.case-list .item{ width:23.5%; margin-bottom:3%; }
.case-list .item .img{ border:1px solid #dcdcdc; overflow: hidden; }
.case-list .item img{ display: block; width:100%; aspect-ratio: 270/200; object-fit: cover; object-position: center; }
.case-list .item .txt{ color:#000000; font-size:16px; padding:16px; }
.case-list .item .txt .cntit{ font-weight:bold; }
.home-case .more-btn{ margin:0 auto; }
.case-list .item:hover{ box-shadow:0 0 10px #cccccc;}
.case-list .item:hover .txt{ color:#e00082; background:#ffffff; }
/*成果展示*/


/*footer*/
.footer{ background:#222325; }
.db-main{ display:flex; justify-content:space-between; padding:30px 0; }
.db-main .htit{ margin-bottom:20px; }

.cooperation{ flex:1; }
.cooperation-list{ display:flex; justify-content:space-between; }
.cooperation-list img{ display: block; }
.cooperation-list a{ }
.cooperation-list span{ border-left:1px dashed #ffffff; width:1px; }

.db-main .xian{ width:1px; border-left:1px solid #ffffff; margin:0 3%; }

.db-contact{ display:flex; align-items: center; flex:0 0 400px; }
.db-contact .info{ color:#ffffff; font-size:16px; line-height:1.8; }
.db-contact .wechat{ width:160px; }
.db-contact .wechat img{ width:120px; display: block; margin:0 auto; }
.db-contact .wechat .tit{ color:#ffffff; text-align:center; font-size:16px; line-height:1; margin-top:16px; }

.copy{ text-align:center; color:#ffffff; font-size:16px; padding:1.5% 0; border-top:1px solid #ffffff; }
.copy a{ margin-left:16px; }
.copy a:hover{ text-decoration:underline; }
/*footer*/


/*通用*/
.page-ban{ max-width:1920px; margin:0 auto; overflow: hidden; }
.page-ban img{ display: block; width:100%; }

.location{ font-size:18px; margin:2.5% 0; }
.location .iconfont{ font-size:18px; margin-left:0; }
.location span{ margin:0 9px; }
.location a:hover{ color:#e00082; }
/*通用*/


/*华夏杯*/
.track-configuration .htit{ text-align:center; }
.track-configuration-list{ display: flex; justify-content: space-between; margin:2.5% 0; }
.track-configuration-list .item{ background:#ffffff; width:19%; border:2px solid #53f8ef; padding:15px; border-radius:20px; }
.track-configuration-list .item .tit{ color:#202735; font-size:20px; text-align:center; font-weight:bold; }
.track-configuration-list .item .info{ color:#5f6061; line-height:1.6; margin:7px 0; font-size:14px; }
.track-configuration-list .item .label{ display:flex; justify-content:space-between; flex-wrap: wrap; }
.track-configuration-list .item .label span{ width:48%; margin-top:4%; text-align:center; font-size:14px; height:26px; line-height:26px; border-radius:13px; background:#edeeee; }

.submit-btn{ display:block; margin:0 auto; width:210px; height:60px; line-height:60px; text-align:center; border-radius:30px; color:#ffffff; font-weight:bold; font-size:18px;
background: linear-gradient(to right, #12e5ff, #d005f9);
}
.submit-btn span{ font-size:18px; }
.submit-btn:hover{ border-radius:30px 0 30px 0;}

.hxb-case-list{ display: flex; flex-wrap: wrap; justify-content:space-between; margin-top:3%; }
.hxb-case-list .item{ width:32.6%; margin-top:1.2%; position:relative; }
.hxb-case-list .item .img{ overflow: hidden; }
.hxb-case-list .item img{ width:100%; aspect-ratio: 6/4; object-fit: cover; object-position: center; }
.hxb-case-list .txt{ width:70%; position: absolute; left:3%; top:5%; }
.hxb-case-list .txt .info{ clip-path: polygon(0 0, 100% 0, 100% 70%, 90% 100%, 0 100%); padding:16px 24px; line-height:1; font-size:16px; color:#000000; background:rgba(255, 255, 255, 0.85); }
.hxb-case-list .txt .cntit{ font-weight:bold; }
.hxb-case-list .txt .entit{ margin:8px 0 16px 0;}

.hxb-case-list .txt .more{ position: absolute; left:24px; bottom:-18px; background:#bc090c; color:#ffffff; height:36px; width:36px; text-align:center; line-height:36px; }
.hxb-case-list .txt .more span{ font-size:24px; }


.hxb-case-list .item:nth-child(1),.hxb-case-list .item:nth-child(2){ width:49.4%; margin-top:0; }
.hxb-case-list .item:nth-child(1) .txt,.hxb-case-list .item:nth-child(2) .txt{ width:45%; }

.hxb-case-list .item:hover .txt .more{ background:#e00082; }
/*华夏杯*/

/*图片+视频列表*/
.list-img{ display: flex; justify-content:space-between; flex-wrap: wrap; align-items: center; }
.list-img li{ width:31.8%; margin-top:2.3%; }
.list-img li a{ padding:20px; border-radius:10px; border:1px solid #d8d8d8; display:block; }
.list-img li .img{ overflow: hidden; border-radius:10px; position: relative; aspect-ratio: 34/20; object-fit: cover; object-position: center;}
.list-img li .img .btn{ position: absolute; line-height:28px; left:7%; bottom:10%; text-align:center; color:#ffffff; background:rgba(108,108,108, 0.85); width:60px; height:30px; border:1px solid #ffffff; border-radius:5px; z-index:10; }
.list-img li .img .btn span{ font-size:16px; }
.list-img li img{ width:100%; }
.list-img li .txt{ font-size:16px; }
.list-img li .txt .tit{ color:#000000; font-weight:bold; margin:16px 0 8px 0; position: relative; }
.list-img li .txt .info{ color:#535355; }
.list-img li:nth-child(-n + 3) { margin-top:0; }

.list-img li:hover a{ background:#e00082; border-color:#e00082; }
.list-img li:hover .txt .tit{ color:#ffffff; }
.list-img li:hover .txt .info{ color:#ffffff; }

.list-img li:hover .img .btn{ background:#e00082; color:#ffffff; }

.list-img li.livideo .txt .tit{ padding-left:36px; }
.list-img li.livideo .txt .tit span{ font-weight:normal; font-size:24px; position: absolute; left:0; top:0; line-height:2; margin-top:-12px; }

.pagination{ text-align:center; margin:6% 0; font-size:16px; color:#333333; }
.pagination a,.pagination span{ margin:0 4px; padding:5px 12px; border-radius:5px; border:1px solid #dbdbdb; }
.pagination span,.pagination a:hover{ background:#e00082; color:#ffffff; border-color:#e00082; }
/*图片+视频列表*/


/*新闻列表*/
.list-news{ }
.list-news li{ margin-top:2.5%; }
.list-news li a{ border-radius:10px; border:1px solid #d8d8d8; display:flex; padding:20px; justify-content: space-between; }
.list-news li .img{ overflow: hidden; border-radius:10px; width:30%; }
.list-news li .img img{ display: block; width:100%; }
.list-news li .txt{ width:67%; display:flex; align-items: center; font-size:16px; }
.list-news li .txt>div{ width:100%; }
.list-news li .txt .tit{ color:#000000; font-weight:bold; width:100%; }
.list-news li .txt .info{ color:#535355; width:100%; margin:16px 0; }
.list-news li .txt .more{ color:#535355; }
.list-news li:first-child{ margin-top:0; }

.list-news li:hover a{ box-shadow:0 0 10px #cccccc;}
.list-news li:hover .txt .tit{ color:#e00082; }
.list-news li:hover .txt .more{ color:#e00082; }
/*新闻列表*/

/*详情页面*/
.show-main{ display:flex; justify-content: space-between; }
.show-left{ flex:1; padding-right:3%; min-width: 0; }
.show-top{ text-align:center; }
.show-top .tit{ font-size:24px; color:#000000; line-height:1.4; }
.parameters{ padding:8px 0 16px 0; display:flex; font-size:16px; color:#666666; justify-content:center; border-bottom:1px solid #dcdcdc; }
.parameters .parameter{ margin:0 8px; }
.parameters .parameter span{ color:#000000; }

.show-txt{ margin:20px 0; font-size:16px; color:#000000; line-height:2; }
.show-txt img{ max-width:100%; height:auto !important; }
.show-txt a{ color:#e00082; }
.show-txt a:hover{ text-decoration:underline; }

.show-video{ background:#000000; margin-bottom:20px; }
.show-video video{ display: block; width:100%; height:450px; }


.pc-slide { margin-bottom:20px; overflow: hidden; }
.view .swiper-container{width: 100%; position: relative; }
.view .swiper-container img{ display: block; width:100%; }
.view .arrow-left,.view .arrow-right{ cursor: pointer; background:rgba(255,255,255, 0.76); border-radius:50%; width:50px; text-align:center; line-height:50px; height:50px; position: absolute; margin-top:-25px; z-index:10; }
.view .arrow-left span,.view .arrow-right span{font-size:40px; }
.view .arrow-left { left:25px; top:50%; }
.view .arrow-right { right:25px; top:50%; }


.view .arrow-left:hover,.view .arrow-right:hover{ background:#e00082; }
.view .arrow-left:hover span,.view .arrow-right:hover span{ color:#ffffff; }

.preview { width: 100%; margin-top: 10px; position: relative; }
.preview .swiper-container { width: 100%; }
.preview .swiper-slide { width:12.5%; padding:2px; background:#ffffff; cursor: pointer; }
.preview img { display: block; width:100%; opacity:0.5; }
.preview .active-nav img { opacity:1; }

.show-right{ width:250px; }

.right-block{ border:1px solid #626262; border-radius:5px; overflow: hidden; margin-bottom:20px;  }
.right-block .right-block-tit{ position: relative; height:40px; line-height:40px; background: linear-gradient(to right, #32dcef, #dc5ae1);}
.right-block .right-block-tit .tit{ color:#2f0033; font-size:18px; font-weight:bold; padding-left:20px; }
.right-block .right-block-tit .more{ position: absolute; top:50%; right:20px; margin-top:-2px; width:4px; height:4px; background:#ffffff; border-radius:50%; }
.right-block .right-block-tit .more::before{ content:""; width:4px; height:4px; background:#ffffff; border-radius:50%; position: absolute; top:-8px; left:0; }
.right-block .right-block-tit .more::after{ content:""; width:4px; height:4px; background:#ffffff; border-radius:50%; position: absolute; bottom:-8px; left:0; }

.right-block .right-block-info{ display: flex; justify-content: center; margin:10px 0; }
.right-block .right-block-info .img{ width:70px; }
.right-block .right-block-info .img img{ width:100%; }
.right-block .right-block-info .txt{ margin-left:20px; margin-top:5px; color:#000000; font-size:16px; line-height:20px; font-weight:bold; }

.right-block .right-block-more{ color:#000000; font-size:16px; font-weight:bold; height:40px; border-radius:5px; margin:0 auto 20px auto; text-align:center; display: block; width:80%; line-height:40px; border:1px solid #dc5be1; background:#e5e1e1; }
.right-block .right-block-more:hover{ background: linear-gradient(to right, #32dcef, #dc5ae1); color:#ffffff; }

.right-block2{ border:none; }
.right-block2 .right-block-tit{ border-radius:5px; }

.right-block-book{}
.right-block-book li{ margin-top:10px; }
.right-block-book li a{ display:flex; justify-content: space-between; }
.right-block-book li .img{ flex:0 0 100px; border-radius:5px; overflow: hidden; }
.right-block-book li .img img{ display: block; width:100%; height:65px; object-fit: cover; }
.right-block-book li .txt{ flex:1; align-items: center; display:flex; flex-wrap: wrap; padding-left:15px; font-size:14px; line-height:1.4; align-items: center; }
.right-block-book li .txt .tit{ color:#000000; font-weight:bold; flex:0 0 100%; }
.right-block-book li .txt .author{ color:#464545; margin-top:7px; flex:0 0 100%; }
.right-block-book li:hover .txt .tit{ color:#e00082; }


.right-block-news{ background:#f8f8f8; }
.right-block-news li{ font-size:14px; border-bottom:1px solid #dcdcdc; }
.right-block-news li:last-child{ border-bottom:none; }
.right-block-news li a{ display: block; padding:10px; }
.right-block-news li .time{ color:#999999; }
.right-block-news li .tit{ color:#000000; line-height:1.4; margin-top:7px; }
.right-block-news li:hover{ background:#ffffff; }
.right-block-news li:hover .tit{ color:#e00082; }
.right-block-news li:hover .time{ color:#e00082; }


.page-nav{ overflow: hidden; }
.page-nav li{ text-align:center; color:#333333; border-bottom:1px solid #626262;  }
.page-nav li:last-child{ border-bottom:none; }
.page-nav li a{ display: block; height:40px; font-size:16px; line-height:40px; }
.page-nav li.on,.page-nav li:hover{ background:#e00082; color:#ffffff; }
/*详情页面*/

/*联系我们*/
.contact-block{ justify-content: space-between; border-radius:10px; box-shadow:0 0 10px #e6e6e6; padding:35px; display:flex; justify-content: space-between; }
.contact-block2{ display: block; }
.contact-block2 .more-btn{ margin:35px auto 0 auto; }

.contact-list{ flex:0 0 600px;}
.contact-list li{ display:flex; margin-top:20px; }
.contact-list li:first-child{ margin-top:0;}
.contact-list li .ico{ color:#9ca3af; }
.contact-list li .ico span{ font-size:20px; }
.contact-list li .txt{ margin-left:20px; flex:1; }
.contact-list li:nth-child(1) .txt{ display:flex; }

.contact-list li .txt .tit{ font-size:14px; color:#9ca3af; line-height:1; margin-bottom:14px;  }
.contact-list li .txt .info{ font-size:18px; color:#374151; line-height:1;  }
/* .contact-list li .txt .info:hover{ color:#00e5ff; } */

.contact-list li .txt .text{ background:#f9fafb; padding:0 15px; border-radius:10px; }
.contact-list li .txt .text .p{ line-height:50px; display:flex; color:#374151; font-size:16px; border-bottom:1px solid #dcdcdc; }
.contact-list li .txt .text .p:last-child{ border-bottom:0; }
.contact-list li .txt .text .p span{ width:85px; }
.contact-list li .txt .text .p a{ margin-left:10%; font-size:18px; }

.contact-list li .txt .text .p:nth-child(1) a{ color:#00e5ff; }
.contact-list li .txt .text .p:nth-child(2) a{ color:#e00082; }

.contact-list li .info2{ color:#374151; font-size:16px; display:flex; line-height:1; padding:4px 0; }
.contact-list li .info2 a{ margin-left:16px;}
.contact-list li .info2:nth-child(2) a{ color:#00e5ff; }
.contact-list li .info2:nth-child(3) a{ color:#e00082; }

.hover-line{ position: relative;}
.hover-line .xian{ left:0; bottom:-4px;
  position: absolute;
  width: 100%;
  height: 1px;
  background: transparent;
}
.hover-line .xian::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background: #00e5ff;
  /* 变换原点：右侧中间 */
  transform-origin: right center;
  /* 默认缩放 1（完整显示） */
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.hover-line .xian2::after{ background:#e00082; }
/* 鼠标经过：从左往右展开 */
.hover-line:hover .xian::after {
  /* 原点在右，scaleX(0) 就会向右侧收缩消失 */
  transform-origin: left center;
  transform: scaleX(1);
}
/* 鼠标离开：固定原点在右，向右边收窄 */
.hover-line .xian::after {
  transform-origin: right center;
  transform: scaleX(0);
}
.hover-line:hover .xian::after {
  transform-origin: left center;
  transform: scaleX(1);
}


.contact-wechat{ background:#f9fafb; flex:1; margin-left:5%; border-radius:10px; display:flex; align-items: center; justify-content: center; }
.contact-wechat .img{ width:200px; border-radius:10px; overflow: hidden; background:#ffffff; border:2px solid #00e5ff; }
.contact-wechat .img img{ width:100%; display: block;}
.contact-wechat .tit{ color:#374151; font-size:16px; line-height:1; text-align:center; margin-top:16px; }


.appointment{ font-size:16px; color:#e00082; margin-bottom:35px; }
.contact-map{ height:450px; background:#dcdcdc; flex:1; border-radius:10px; }
.contact-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
.contact-map .icon-cir { height: 31px; width: 28px; }
.contact-map .icon-cir-red { background-position: -11px -5px; }

.amap-container{ height:100%; }
.myinfowindow{ width:270px; }
.myinfowindow div{ min-height: 20px; font-size: 14px; color: #333333; }
/*联系我们*/

/*搜索*/
.h60{ height:60px; display:none;}
.searchbj{ background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; width:100%; height:100%; z-index:900; display:none;}
.searchMain{ border-radius:10px; padding:40px; width:420px; height:120px; background:#ffffff; position: fixed; left:50%; top:50%; z-index:1000; margin:-60px 0 0 -210px; box-shadow: 0 0 20px #999999; display:none;}
.searchMain form{ display:flex;}
.searchMain .input{ flex:1; height:40px; border:1px solid #e00082; padding:0 15px; float:left; font-size:16px;}
.searchMain .submit{ flex:0 0 40px; height:40px; text-align:center; line-height:40px; color:#ffffff; background:#e00082; background-size:cover; float:left; cursor:pointer;}
.searchMain .submit span{ font-size:20px; }

.search-tips{ color:#333333; margin:3% auto; border:1px solid #d8d8d8; box-shadow:0 0 10px #cccccc; border-radius:10px; padding:20px; line-height:1.5; font-size:16px; text-align:center; }
.search-tips span{ color:#e00082; }
.search-tips2{ margin:150px auto;}
/*搜索*/


/*合作专区*/
.hico{ width:60px; height:60px; margin:0 auto 30px auto; border-radius:50%; line-height:60px; text-align:center; background:#f3e8ff; }
.hico span{ font-size:24px; color:#9333ea; }

.page-top{ background-image:linear-gradient( to right,#570561,#2f4fab,#1e3a8a); text-align:center; line-height:1; }
.page-top .txt{ padding:6% 0; }
.page-top h1{ color:#ffffff; font-size:34px; }
.page-top p{ color:#ffffff; text-transform: uppercase; font-size:18px; margin:18px 0; }
.page-top .rounded{ width:100px; height:4px; margin:0 auto; background:#28e4f0; }

.img-list{ display:flex; justify-content: space-between; flex-wrap: wrap; }
.img-list li{ overflow: hidden; margin-top:3%; border-radius:10px; flex:0 0 30%; background:#570561; height:140px; display: flex; justify-content: center; align-items: center; 
position: relative; top:0; }
.img-list li img{ max-width:90%; height:85%; }
.img-list li:hover{ box-shadow:0 5px 10px #999999; position: relative; top:-5px; }

.img-list2{ justify-content:center; margin-top:1%; }
.img-list2 li{ border-radius:5px; flex:0 0 23%; margin:2% 1% 0 1%; background:#ffffff; border:1px solid #dcdcdc; height:100px; }
.img-list2 li:hover{ box-shadow:0 5px 10px #cccccc; }

.join .cntit{ color:#000000; }
.join .hinfo{ margin:3% 0; text-align:center; padding:0 10%; }

.submit-main{ position: relative; top:0; width:45%; padding:3% 0; margin:0 auto; background:#f9fafb; border:1px solid #dcdcdc; border-radius:20px; text-align:center; }
.submit-main .tit{ line-height:1; font-size:16px; font-weight:bold; color:#333333; }
.submit-main .info{ line-height:1; margin:4% 0; font-size:34px; font-weight:bold; color:#e00082; }
.submit-main .btn{ display: block; margin:0 auto; padding:0 25px; width: fit-content; font-size:16px; height:50px; line-height:50px; border-radius:30px; background:#e00082; color:#ffffff; }
.submit-main .btn span{ font-size:16px; margin-right:8px; }
.submit-main .btn:hover{ background:#570561; }
.submit-main:hover{ box-shadow:0 5px 10px #cccccc; position: relative; top:-5px; }
/*合作专区*/




.animated{opacity: 0;}

.nav .item>a,
.searchBtn span,
.lang a,
.more-btn,
.news-ban .swiper-slide .txt,
.ban-prev,.ban-next,
.track-list .item,
.process-list .item .tit,
.case-list .item,
.case-list .item .txt,
.submit-btn,
.hxb-case-list .item .txt .more,
.list-img li a,
.list-img li .txt .tit,
.list-img li .txt .info,
.list-img li .img .btn,
.pagination a,
.list-news li a,
.list-news li .txt .tit,
.list-news li .txt .more,
.view .arrow-left,.view .arrow-right,
.view .arrow-left span,.view .arrow-right span,
.preview img,
.right-block .right-block-more,
.right-block-book li .txt .tit,
.right-block-news li,
.right-block-news li .tit,
.right-block-news li .time,
.location a,
.page-nav li,
.img-list li,
.submit-main,
.submit-main .btn
{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.news-ban .img img,
.case-list .item .img img,
.hxb-case-list .item img,
.list-img li .img img,
.right-block-book li .img img,
.list-news li .img img
{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.news-ban .img:hover img,
.case-list .item:hover .img img,
.hxb-case-list .item:hover img,
.list-img li:hover .img img,
.right-block-book li:hover .img img,
.list-news li:hover .img img
{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}


.clippingOne{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.clippingTwo{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; }
.clippingThree{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;  }