@charset "UTF-8";
@import url('/Common/css/whir_reset.css');
.view.editor p{margin:0.16rem 0}
.view.editor .list-paddingleft-2{padding-left:0}
.view.editor ol,.view.editor ul{width:auto}
.view.editor li{clear:inherit}

.top-main{position: relative;z-index: 100; background-color: #fff; transition: all 0.5s;padding:0;}
.top-main-Style{ position: fixed; width: 100%; left: 0; top: 0; z-index: 105;}
.top-main .logo{display: table; height: 0.7rem;}
.top-main .logo a{display: table-cell; vertical-align: middle;}
.top-main .logo img{height: 0.4rem;}

.top-menu li{font-weight: 100;}
.top-menu li aside{font-size: calc(18 / 16 * 1em); position: relative}
.top-menu li aside a{display: block;position: relative;z-index: 1;}
.top-menu li aside a:hover,
.top-menu li.aon aside a{color: #008cd6;}
.top-menu li .sub{display: none;}
.top-menu li .sub .dl{ position: relative;display: inline-block}
.top-menu li .sub dd{line-height: 60px;}
.top-menu li .sub dd a{display: block;}
.top-menu li .sub dt{font-weight: bold; padding:10px 0; margin-bottom: 10px; border-bottom: solid 1px #ddd}
.top-menu li .sub .sub_category{ max-width: 1400px; margin: auto}
.top-menu li .sub .item dd{line-height: 40px;}
.top-menu li#m80 aside:before,
.top-menu li#m8 aside:before,
.top-menu li#m17 aside:before{content: '';position: absolute; width: 100%; height: 100%; z-index: 10}
@media (min-width:1025px) {
.top-menu li{float: left;}
.top-menu li:not(:last-child){margin-right: calc(75 / 1920 * 100vw);}
.top-menu li aside a{line-height: 0.7rem;}
.top-menu li aside a:after{position: absolute;content: ''; width: 0; height: 3px; left: 50%; bottom: 0; background-color: #008cd6; transition: 0.3s; transform: translateX(-50%);}
.top-menu li aside a:hover:after,
.top-menu li.aon aside a:after{width: 100%;}
.top-menu li .sub dd{ display: inline-block; padding: 0px 20px}
.top-menu li .sub dd a{transition: 0.3s;padding: 0px 10px;}
.top-menu li .sub dd a:hover{background-color: #008cd6;color: #fff;}
.top-menu li .sub{position: absolute; top: 100%;left: 0; width: 100%; background-color:#f5f6f7; box-shadow: 0 0.05rem 0.05rem rgba(0,0,0,0.1); }
.top-menu{float: right;}
/*.top-menu li .sub dl{max-width:1400px; margin: auto;text-align: center;}*/
.top-menu li .sub .item{float: left; width:25%; padding: 1% 2% 1% 1%;text-align: left;}
.top-menu li .sub .item dd{ display: block; padding: 0px}
.top-menu li .sub .item.info{ width: 28%}
.top-menu li .sub .item.info img{width: 100%;}
.top-menu li .sub .item.info .txt{padding-top: 20px;}
.top-menu li .sub .sub_category{right: -50px; position: relative}
}
@media (max-width:1024px) {
.top-menu{position: fixed; left: 0;top: 0.7rem; bottom: 0; background-color: #fff; box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1); width: 3rem; left: -100%; opacity: 0;transition: 0.5s;}
.menu-show{overflow: hidden;}
.menu-show .top-menu{left: unset;opacity: 1;right: 0;max-height: 400px;}
.top-menu ul{max-height: 400px; overflow: auto; padding: 0.2rem;background-color: #fff;}
.top-menu li{border-bottom: 1px solid #eee;}
.top-menu li aside{position: relative; padding-right: 0.6rem; overflow: hidden;}
.top-menu li aside a{line-height: 3;}
.top-menu li .sub{background-color: rgba(0,0,0,0.05); padding: 0 0.1rem;}
.top-menu li .sub .dl{display: block}
.top-menu li .sub dl.dl{left: auto!important}
.top-menu li .sub dd{line-height: 40px}
.op{position: absolute; width: 100%; height: 100%;z-index: 20; top: 0; }
.op em{position: absolute!important;right: 0!important; display: block!important; top: 0;width: 0.4rem; height: 100%;right: 0; transition: 0.3s;}
.op.click em{transform: rotate(45deg);}
.op em::before,
.op em::after{position: absolute;background-color: #008cd6;content: ''; width: 14px; height: 14px; top: 50%;left: 50%; margin: -7px 0 0 -7px;}
.op em::before{width: 2px; margin-left: -1px;}
.op em::after{height: 2px;margin-top:  -1px;}
.open-menu{position: absolute; top: 50%; height: 0.3rem; width: 0.4rem;display: flex;justify-content: space-between; flex-direction: column;flex-wrap: wrap; right:3%; margin-top: -0.15rem;}
.open-menu i{display: block; background-color: #008cd6; height: 3px;width: 100%; transition: 0.3s;}
.menu-show .open-menu i:nth-child(2){width: 80%;}
.menu-show .open-menu i:nth-child(3){width: 50%;}
.top-menu li .sub .item.info{display: none}
}

.top-search{overflow: hidden; position: relative;border: solid 1px #e3e3e3; background-color: #fff;}
.top-search .text{display: block;width: 100%; height: 0.36rem; line-height: 0.36rem;padding: 0 0.58rem 0 0.2rem; background:transparent; border: 0; font-weight: 100;color: #999999;}
.top-search .text.focus{color: #333;font-weight: normal;}
.top-search .btn{position: absolute;right: 0;top: 0;width: 0.58rem; height: 100%; background: url(/Common/images/search.svg) no-repeat center center; background-size: auto 50%; z-index: 10;cursor: pointer;}
@media (min-width:1025px) {
    .top-search{width: 2.5rem; border-radius: 0.18rem; margin-top: 0.17rem; margin-left: calc(103 / 1920 * 100vw);}
}
@media (max-width:1024px) {
    .top-search{position: absolute;width: 94%; left: 3%; border-radius: 0 0 0.1rem 0.1rem; padding-top: 0.1rem; padding-bottom: 0.1rem; display: none;}
    .open-search{position: absolute; width: 0.3rem; height: 0.3rem; top: 50%;margin-top: -0.15rem; right: calc(3% + 0.8rem);background: url(/Common/images/search.svg) no-repeat center center; background-size: contain; }
    .open-search.on{background: none;}
    .open-search.on:after,
    .open-search.on:before{position: absolute;content: '';background-color: #333;width: 100%; height: 3px; top: 50%;margin-top: -1.5px; left: 0;transform: rotate(45deg);}
    .open-search.on:before{transform: rotate(-45deg);}
}

.bottom-main{background-color:#f5f6f7;}
.bottom-main .auto-inner{ padding: 0.7rem 0 0.3rem 0; font-weight: 100; border-top: solid 1px #ddd}
.bottom-main .logo{ margin-bottom: 0.7rem;}
.bottom-main .logo img{width: 1.52rem;}
.bottom-main .contact dt{font-size: calc(14 / 16 * 1em);}
.bottom-main .contact dt:not(:last-child){margin-bottom: 0.4rem;}

.bottom-main .contact dt:nth-child(2) div{font-size: calc(20 / 14 * 1em);}
.bottom-main .contact dt aside{margin-bottom: 1em;}

.bottom-main .contact .tel{font-size: calc(36 / 14 * 1em);line-height: calc(24 / 36 * 1em);}

.bottom-main .right nav{width: calc(650 / 990 * 100%); overflow: hidden;}
/* .bottom-main .right nav dl{float: left; max-width: 1.3rem;} */
.bottom-main .right nav dt{margin-bottom: 0.65rem;}
.bottom-main .right dt aside{margin-bottom: 1em;font-size: calc(14 / 16 * 1em);}

.bottom-main .right nav dd{padding: 0.1rem 0;}
.bottom-main .code{width: 2.3rem;}
.bottom-main .code li{float: left; width: calc(100 / 230 * 100%); text-align: center;}
.bottom-main .code li:nth-child(2){float: right;}
.bottom-main .code li aside{margin-top: 1em;font-size: calc(14 / 16 * 1em);font-weight: normal;}

.bottom-main .copyright{clear: both; text-align: center;font-size: calc(14 / 16 * 1em);}
.bottom-main .copyright nav{margin-bottom: 1em;}
.bottom-main .copyright nav a{display: inline-block;}
.bottom-main .copyright nav a:not(:last-child):after{display: inline-block;content: '·'; margin: 0 0.1rem;color: rgba(255,255,255,0.4);}
@media (min-width:1025px) {
.bottom-main .left{width: calc(338 / 1440 * 100%);}
.bottom-main .right{width: calc(990 / 1440 * 100%);}
}
@media (max-width:1024px) {
    .bottom-main .logo{ margin-bottom: 0.4rem;}
    .bottom-main .left{text-align: center;}
    .bottom-main .right nav{text-align: center; width: 100%; margin-top: 0.4rem;}
    .bottom-main .contact dt:not(:last-child){margin-bottom: 0.2rem;}
    .bottom-main .code{display: table; margin: 0.3rem  auto;}
    .bottom-main .copyright{text-align: center;}
    .bottom-main .copyright .wfr{margin: 0!important;}
    .bottom-main .code{width: 2.5rem;}
}

.job-search{position: relative;width: 100%;background-color: #ffffff;border-radius: 0.25rem;border: solid 1px #018dd8; overflow: hidden;padding: 0 0.84rem 0 0.3rem;}
.job-search .text{color: #b3b3b3; height: 0.5rem; line-height: 0.5rem; display: block; border: 0; background: none;font-weight: 100; font-size: calc(18 / 16 * 1em);}
.job-search .btn{position: absolute; right: 0; height: 100%;width: 0.84rem; cursor: pointer; background: url(/Common/images/search2.svg) no-repeat center center; background-size: 0.24rem auto; top: 0;}
@media (min-width:1025px) {
    .job-search{width: 4rem;}
}

.page-banner{position: relative;z-index: 1;}
.page-banner .Ispic{ height: calc(600 / 1920 * 100vw);}
.SmartBan{background: #0f1129;}
.SmartBan .Ispic{height:calc(100vh - 70px);}
.page-banner .txt{position: absolute;color: #fff;left: 0;top: 0;width: 100%;height: 100%;z-index: 8;}
.page-banner .sub-tit{font-weight: 100; font-size: calc(30 / 16 * 1em);}
.page-banner .tit{    font-size: calc(58 / 16 * 1em);margin-bottom: 0.25rem; font-weight:bold}
.page-banner .tit-2{font-size: calc(58 / 16 * 1em); font-weight: bold; margin-bottom: 0.25rem;}
.page-banner .sub-tit-2{ font-size: calc(30 / 16 * 1em);}
.page-banner .sub-tit-job{ font-size: calc(40 / 16 * 1em); margin-bottom: 1em; text-align: center; font-weight: 700;}
.page-banner .job-search{margin: 0 auto;}
.page-banner .Banvid{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,.5);z-index: 5;object-fit: cover;}
.page-banner video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: #000; object-fit: cover;}
.page-banner .play{ background: url(/Common/images/play2.svg) no-repeat; width: 60px; height: 60px;  cursor: pointer;}
.page-banner .cell-mid .play{ display: block; margin: 0 auto 3.125vw;}
.page-banner .play_2{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10;}
@media (max-width:1024px) {
    .page-banner .Ispic{ height: 3rem;}
    .page-banner .tit-2{font-size: calc(44 / 16 * 1em);}
    .page-banner .sub-tit-2{ font-size: calc(26 / 16 * 1em);}
    .page-banner .tit{font-size: calc(44 / 16 * 1em);}
    .page-banner .sub-tit{font-size: calc(26 / 16 * 1em);}
}


.page-search{position: relative;z-index: 1;border: solid 1px #018dd8;border-radius:0.25rem; overflow: hidden; padding-left: 0.3rem; padding-right: 0.84rem; }
.page-search .text{width: 100%;display: block;border: 0; height: 0.42rem; line-height: 0.42rem;color: #b3b3b3; font-size: calc(18 / 16  * 1em); background: transparent;font-weight: 100;}
.page-search .text.focus{color: #333;}
.page-search .btn{position: absolute;right: 0;height: 100%; line-height: 0.7rem; color: #fff;  top: 0;width:0.84rem;font-size: calc(20 / 16 * 1em); font-weight: 100;background: url(/Common/images/search2.svg) no-repeat right 0.26rem center;background-size: auto 0.24rem;}

.contact-main{ padding: 1.15rem 0 1rem 0;}
.column-name{margin-bottom: 0.49rem; overflow: hidden;line-height: 0.42rem;}
.column-name h3{margin: 0; font-size: calc(40 / 16 * 1em); line-height: 0.52rem;font-weight: normal;}
.column-name nav a{font-size: calc(18 / 16 * 1em); display: inline-block;vertical-align: baseline;}
.column-name nav a:not(:hover){color: #696969; }
.column-name nav a.aon{font-size: calc(30 / 16 * 1em); font-weight: 500;color: #333333;}
.column-name nav a:not(:last-child):after{font-size: 0.18rem; content: '/';color: #3e3e3e; margin: 0 0 0 0.05rem; font-weight: 100;}
.contact-main .slick-prev{left: 1%}
.contact-main .slick-next{right: 1%}
@media (min-width:1025px) {
    .column-name .wfr{width: calc(400 / 1440 * 100%);}
}
@media (max-width:1024px) {
    .contact-main{ padding: 0.5rem 0;}
    .column-name h3{ padding-bottom: 3%}
}

.contact-main .slider-for{margin-bottom: 0.21rem;}
.contact-main .slider-for .item{position: relative;}
 .contact-main .slider-for .txt{position: absolute; left: 0;top: 0;padding-left: calc(100 / 1920 * 100vw); padding-top: calc(115 / 1920 * 100vw);color: #fff;}
.contact-main .slider-for .name{margin-bottom: 0.38rem;}
.contact-main .slider-for .name .cn{font-size: calc(40 / 16 * 1em);}
.contact-main .slider-for .name .en{opacity: 0.5;font-size: calc(18 / 16 * 1em); padding: 0.22rem 0 0.3rem 0;}
.contact-main .slider-for .name:after{display: block;content: '';background-color: #ffffff;height: 2px;width: 0.3rem;;}
.contact-main .slider-for .txt dl{margin-bottom: 0.5rem;}
.contact-main .slider-for .txt dd{font-size: calc(18 / 16 * 1em); line-height: 2;}
.contact-main .slider-for .btn{display: inline-block; line-height: 0.5rem; padding-left: 0.63rem; padding-right: 0.34rem; background: url(/Common/images/address.svg) no-repeat left 0.34rem center #008cd6; background-size: 0.2rem auto;color: #fff;transition: 0.3s;}
.contact-main .slider-for .btn:hover{background-color: #333;}
@media (min-width:1025px) {
    .contact-main .slider-for .txt{max-width: 50%; }
}
@media (max-width:1024px) {
    .contact-main .slider-for .txt{padding: 0.4rem;}
    .contact-main .slider-for img{max-width: none;width: 150%;margin-left: -25%;}
    .contact-main .slider-for .name .en{padding: 0.1rem 0;}
}

.contact-main .slider-nav{overflow: hidden;}
.contact-main .slider-nav .slider{margin: 0 -0.11rem;}
.contact-main .slider-nav .item{padding-top: 0.13rem;}
.contact-main .slider-nav .ytable{height: 1.24rem;background-color: #f5f6f7; width: calc(100% - 0.22rem);margin: 0 0.11rem; cursor: pointer;}
.contact-main .slider-nav .ytable .cell-bottom{position: relative;padding: 0 0.14rem 0.19rem;}
.contact-main .slider-nav .slick-current .ytable{background-color: #008cd6;color: #fff; }
.contact-main .slider-nav .slick-current .ytable .cell-bottom:after{position: absolute;content: '';border: 0.06rem solid transparent; border-bottom-color: #008cd6; bottom: 100%; left: 50%;margin-left: -0.06rem;}
.contact-main .slider-nav .cn{font-size: calc(24 / 16  * 1em);font-weight: 500;}
.contact-main .slider-nav .en{font-size: calc(14 / 16  * 1em); font-weight: 100;}
.contact-main .slider-nav .slick-current .cn{color: #fff;}
.contact-main .slider-nav .slick-current .en{color: #fefefe; opacity: 0.5;}
.contact-main .controls{margin-top: 0.8rem;}

.controls{position: relative;z-index: 1; }
.controls:before{position: absolute;content: '';left: 0;height: 1px;top: 50%;width: 100%;background-color: #eeeeee;}
.controls .slick-dots{ background-color: #fff;display: table;margin: 0 auto; position: relative;z-index: 4; padding: 0 0.2rem;}
.controls .slick-dots li,
.controls .slick-dots li button{border-radius: 0;}
.controls .slick-dots li button{background: #cccccc;}
.controls .slick-dots li.slick-active{border-color: #008cd6;}
.controls .slick-dots li.slick-active button{background: #008cd6;}

.pt-100{padding-top: 1rem;}
.pb-100{padding-bottom: 1rem;}
.ptb-100{padding: 1rem 0;}
.singlePage{font-size: calc(16 / 16 * 1em); line-height: calc(32 / 18 * 1em);}

.edit-css-22{text-align: center; margin-bottom: 1rem;}
.edit-css-22 .title{font-size: calc(40 / 16 * 1em); margin-bottom: 0.2rem;}
.edit-css-22-list li{float: left;width: calc((100% - 0.4rem) / 2); margin-bottom: 0.8rem;}
.edit-css-22-list li:not(:nth-child(2n)){margin-right: 0.4rem;}
.edit-css-22-list li h3{ margin: 0.5rem 0 0.2rem 0; font-weight: normal;}
.edit-css-22-list li h3 span{display: inline-block; font-size: calc(40 / 18 * 1em); border-bottom: 0.06rem solid #018dd8; line-height: 0.7em;}
.edit-css-22-list li p{color: #666;margin: 0;}
.edit-css-22-list li:nth-last-child(3) ~ li{margin-bottom: 0;}
.edit-css-22-list li:nth-child(2n+1){clear: left;}

.download-main .list-slider{text-align: center;}
.download-main .list-slider .slider{margin: 0 -0.2rem;}
.download-main .list-slider a{display: block; margin: 0 0.2rem;}
.download-main .list-slider .Ispic{ padding-bottom: calc(440 / 330 * 100%); background-size: contain; background-color: #f5f6f7;}
.download-main .list-slider .tit{text-align: center; font-size: calc(18 / 16 * 1em);line-height:0.3rem;margin-top:0.2rem;-webkit-line-clamp: 2;}
.download-main .list-slider .controls{margin-top: 0.56rem;}
.download-main .list-slider .slick-arrow{  margin-top: -0.62rem;}

.download-main .Pages{padding-top: 3%}
@media (min-width:1024px) {
.download-main .list-slider .slick-prev{left: -40px}
.download-main .list-slider .slick-next{right: -40px}
}

.list-download .column-name{margin-top: 0.7rem; margin-bottom: 0.29rem;}
.list-download ul{display: table; width: 100%; height: 0.7rem; font-size: calc(18 / 16 * 1em);}
.list-download ul li{display: table-cell; vertical-align: middle;}
.list-download ul li:not(:first-child){text-align: center;}
.list-download a:not(:hover) .list li:not(:first-child){color: #666;}
.list-download ul li:nth-child(2){width: calc(290 / 1440 * 100%);}
.list-download ul li:nth-child(3){width: calc(318 / 1440 * 100%);}
.list-download ul li:nth-child(4){width: calc(216 / 1440 * 100%);}
.list-download ul li:nth-child(1){ padding: 0 0.4rem;}
.list-download ul.type{background-color: #f5f6f7; }
.list-download .list a{display: block;background-color: #f5f6f7; transition: 0.3s;margin-top: 0.2rem;}
.list-download .list a:hover{background-color: #018dd8;color: #fff;}
.list-download .list li:not(:first-child){font-weight: 100;}
.list-download .list li span{display: inline-block; padding-right: 0.32rem; height: 100%; background: url(/Common/images/r-download.svg) no-repeat center center; background-size: 0.15rem auto;}
.list-download .list a:hover li span{background-image: url(/Common/images/download-on.svg);}
@media (max-width:1024px) {
    .list-download .list li span{font-size: 0;padding: 0; width: 0.2rem; height: 0.2rem;display: block; margin:  0 auto; background-size: contain;}
    .list-download ul li:nth-child(1){ padding: 0.1rem 0.2rem;}
}

.news-main{padding: 0.7rem 0;}
.list-news li{float: left; }
.list-news li *{transition: 0.5s}
.list-news li a{display: block;	background-color: #f5f6f8;}
.list-news li .pic{overflow: hidden;}
.list-news li .pic .Ispic{ transition: 0.3s; padding-bottom: calc(255 / 453 * 100%);}
.list-news li a:hover .pic .Ispic{transform: scale(1.1);}
.list-news li time{display: block; font-size: calc(36 / 16 * 1em);font-family: 'Rajdhani';font-weight: 500;color: #018dd8; line-height: 0.8em; margin-bottom: 0.4rem;position: relative;}
.list-news li time span{position:absolute; right:0; bottom: 0; font-size: calc(18 / 36 * 1em);line-height: 1;}
.list-news li .tit{font-size: calc(20 / 16 * 1em); line-height: calc(32 / 20 * 1em); min-height: calc((32 / 20 * 1em) * 2);}

.list-news li:hover .txt{background: #018dd8}
.list-news li:hover time,
.list-news li:hover .tit{color: #fff}
@media (min-width:1025px) {
.list-news li{width: calc((100% - 0.4rem * 2) / 3);margin-bottom: 0.6rem; }
.list-news li:not(:nth-child(3n)){margin-right: 0.4rem;}
.list-news li .txt{padding: 0.5rem 0.4rem;}
}
@media (max-width:1024px) {
.list-news li{width: calc((100% - 0.2rem) / 2); margin-bottom: 0.2rem;}
.list-news li:not(:nth-child(2n)){margin-right: 0.2rem;}
.list-news li .txt{padding: 0.25rem 0.2rem;}
}

.Pages{text-align: center; line-height: 0.52rem;}
.Pages .a_first,
.Pages .a_end,
.Pages > span:not(.p_page){display: none;}
.Pages .p_page{overflow: hidden; display: table;margin: 0 auto;}
.Pages .p_page em a,
.Pages .p_page > *{float: left;}
.Pages .p_page em{font-style: normal;}
.Pages .p_page > a{margin: 0 0.37rem;background-repeat: no-repeat; background-size: auto 0.15rem;}
.Pages .p_page > a:not(:hover){color: #999999; }
.Pages .p_page .a_prev{background-image: url(/Common/images/page/a_prev.png); background-position: left center; padding-left: 0.24rem;}
.Pages .p_page .a_next{background-image: url(/Common/images/page/a_next.png); background-position: right center; padding-right: 0.24rem;}
.Pages .p_page .a_prev:hover{background-image: url(/Common/images/page/a_prev-on.png);}
.Pages .p_page .a_next:hover{background-image: url(/Common/images/page/a_next-on.png);}
.Pages .p_page em a{width: 0.46rem;text-align: center; margin: 0 0.07rem;}
.Pages .p_page em a.a_cur{color: #fff; background: url(/Common/images/page/cur.svg) no-repeat center center; background-size: contain;}
@media (max-width:1024px) {
    .Pages .p_page em{display: none;}
}

.news-info{padding: 0.7rem 0;}
.news-info .title{ text-align:center; border-bottom:1px solid #ccc; padding-bottom:0.2rem; margin-bottom:0.2rem;}
.news-info .title h1{ font-size:calc(24 / 16 * 1em);font-weight: 500; color:#000;}
.news-info .title p{ margin-bottom:0; color:#999;}
.news-info .singlePage{padding:0.2rem;}
.news-info .info-back{ text-align:center; padding-bottom:0.3rem;}
.news-info .info-back a{ color:#008cd6;}
.news-info .info-pn{ overflow:hidden;}
.news-info .info-pn span a:not(:hover){ color:#999;}
@media (min-width:1025px) {
.news-info .info-pn span{ float:left; overflow:hidden; width:50%; padding-right:5%; min-height:20px;}
.news-info .info-pn span:last-child{ text-align:right; padding-left:5%; padding-right:0;}
}
@media (max-width:1024px) {
    .news-info .info-pn span + span{margin-top: 0.2rem;}
}

.bg-f5f6f7,
.bg-f5f6f7 .youshi{background-color: #fff;}
.youshi{background-color: #f5f6f7;}
.youshi .cell-mid{padding: 0.62rem 0 0.59rem 0; width: calc(100% / 3);}
.youshi .cell-mid + .cell-mid dl{transition-delay: 0.2s;}
.youshi .cell-mid + .cell-mid + .cell-mid dl{transition-delay: 0.4s;}
.youshi dl dt{width: 0.81rem;}
.youshi dl dd{color: #696969; font-size: calc(18 / 16 * 1em); font-weight: 100;}
.youshi dl dd aside{font-weight: 500; font-size:calc(20 / 18 * 1em);color: #3e3e3e; margin-bottom: 0.5em;}
@media (min-width:1025px) {
.youshi dl{display: table; margin: 0 auto;}
.youshi dl > *{display: table-cell; vertical-align: middle;}
.youshi dl dd{padding-left: 0.24rem;}
}
@media (max-width:1024px) {
.youshi .cell-mid{vertical-align: top;}
.youshi dl{text-align: center; padding: 0 0.1rem;}
.youshi dt{display: table; margin: 0 auto 0.2rem;}
}

.job-name{text-align: center; padding: 1rem 0 0.46rem 0;font-size: calc(40 / 16 * 1em);	color: #3e3e3e;font-weight: 500;}
.job-name aside{font-size: calc(18 / 40 * 1em);color: #696969; margin-top: 0.1rem;font-weight: 100;}

.edit-css-57 li{position: relative; overflow: hidden;}
.edit-css-57 li .txt{z-index: 10;color: #fff;}
.edit-css-57 li .tit{font-size: calc(24 / 16 * 1em); margin-bottom: 1em;}
.edit-css-57 li p{ letter-spacing: 1px; line-height: calc(30 / 16 * 1em);  font-weight: 100; margin: 0; }
@media (min-width:1441px) {
.edit-css-57 li:nth-child(3) p{/*max-width: 5.1rem;*/}
}
@media (min-width:1025px) {
.edit-css-57 li{float: right; width: calc(950 / 1440 * 100%); }
.edit-css-57 li:nth-child(1){float: left; width: calc(480 / 1440 * 100%);}
.edit-css-57 li:nth-child(2){margin-bottom: calc(10 / 1440 * 100%);}
.edit-css-57 li .txt{position: absolute; left: 0;width: 100%;bottom: -90px; padding: 0.4rem 0.4rem 0.3rem;transition: all 0.3s;}
.edit-css-57 li .txt img{max-width: 1rem;}
.edit-css-57 li p{overflow: hidden; transition: all 0.3s;height: calc((30 / 16 * 1em) * 3);opacity: 0;}
.edit-css-57 li:hover p{height: calc((30 / 16 * 1em) * 3);opacity: 1;}
.edit-css-57 li:hover .txt{bottom:0;}
}
@media (max-width:1024px) {
    .edit-css-57 li + li{margin-top: 0.2rem;}
    .edit-css-57 li .bg{position: absolute;z-index: 1;left: 50%;top: 50%;min-width: 100%; min-height: 100%; transform: translate(-50%,-50%); max-width: none; width: auto;}
    .edit-css-57 li .txt{position: relative; text-align: center; padding: 0.4rem;}
    .job-name{padding: 0.46rem 0 0.46rem 0;font-size: calc(30 / 16 * 1em);}
    
}


.feature li{ position: relative; overflow: hidden }
.feature li .txt{position: absolute; z-index: 10; left: 0;top: 0; right: 0; width: 100%;height: 100%; color: #fff; padding: 0.5rem 0.4rem 0 0.4rem;transition: 0.3s;overflow: hidden;opacity: 0;}
.feature li h4{margin: 0; font-weight: 500; font-size: calc(24 / 16 * 1em); margin-bottom: 1em;}
.feature li pre{ font-size: calc(18 / 16 * 1em); font-weight: 100;letter-spacing: 0.9px; opacity: 0; transition: 0.3s;    transform: translate(0, 80px);    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);}
.feature li figure{ position: relative}
.feature li figure:before{ content: ''; position: absolute; width: 100%; height: 110%; background: rgba(1,141,216,0.3);transition: 0.5s;}
.feature li::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: translate(0, 100%);
    transform-origin: bottom;
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    background: #008cd6
}
.feature li:hover::after{ transform: translate(0, 0);}
.feature li:hover pre{opacity:1;transform: translate(0, 0);}
.feature li:hover .txt{opacity: 1;}
@media (min-width:1025px) {
.feature ul{ background: #008cd6;}
.feature li{float: left; width: 33.33%;}
.feature li.full{width: 66.66%;}
.feature li .Ispic{ padding-bottom: calc(300 / 640 * 100%);}
.feature li.full .Ispic{ padding-bottom: calc(300 / 1280 * 100%);}
}
@media (max-width:1024px) {
    .feature li .Ispic{height: 2rem;}
}


.job-menu{ margin-bottom: 0.5rem;}
.job-menu nav a{font-size: calc(18 / 16 * 1em); display: inline-block;vertical-align: baseline;}
.job-menu nav a:not(:hover){color: #696969; }
.job-menu nav a.aon{font-size: calc(30 / 16 * 1em); font-weight: 500;color: #333333;}
.job-menu nav a:not(:last-child):after{font-size: 0.18rem; content: '/';color: #3e3e3e; margin: 0 0 0 0.05rem; font-weight: 100;}
@media (max-width:1024px) {
    .job-menu nav { margin-bottom: 0.2rem;}
}

.job-list .type{display: table; width: 100%; height: 0.7rem;background-color: #f5f6f7; }
.job-list .type li{display: table-cell; vertical-align: middle;width: calc(230 / 1440 * 100%);}
.job-list .type li:not(:nth-child(1)){text-align: center;}
.job-list .type li:nth-child(1){ padding-left: 0.48rem;width: auto; }
.job-list .type li:last-child{width: calc(130 / 1440 * 100%);}
.job-list ol.type{margin-bottom: 0.2rem;color: #696969; font-size: calc(18 / 16 * 1em);}
.job-list .type.show{color: #fff; background-color: #008cd6;}
.job-list .type .icon{width: 0.1rem; height: 0.1rem; border-left: 2px solid #999;border-top: 2px solid #999; transform: rotate(135deg);display: inline-block; transition: 0.3s; cursor: pointer;}
.job-list .type.show .icon{border-color: #fff; transform: rotate(225deg);}
.job-list .details{background-color: #f5f6f7; padding: 0.48rem;display: none;}
.job-list  .list-boxs{margin-bottom: 0.79rem;}
.job-list  .list-boxs .boxs:not(:last-child){margin-bottom: 0.2rem;}
.job-list  .list-boxs .singlePage{font-size: 1em; line-height: calc(40 / 16 * 1em); font-weight: 100;color: #696969; margin-bottom: 0.4rem;}
.job-list  a.apply{display: table; line-height: 0.5rem; padding: 0 0.71rem 0 0.26rem;color: #fff; border-radius: 0.5rem;background: url(/Common/images/more.png) no-repeat right 0.27rem center #008cd6; background-size: 0.24rem auto; transition: 0.3s;}
.job-list  a.apply:hover{padding-right: 1rem;}
@media (max-width:1024px) {
    .job-list .type li:nth-child(2){display: none;}
    .job-list .type li:nth-child(1){ padding-left: 0.3rem; padding-top: 0.1rem; padding-bottom: 0.1rem;}
    .job-list .details{padding: 0.3rem;}
    .job-list .type li{width: 18%;}
}

.popUp-apply{position: fixed; left: -100%;visibility: hidden;opacity: 0;top: 0;z-index: 200; width: 100%;height: 100%; background-color: rgba(0,0,0,0.5); transition: opacity 0.3s;}
.popUp-apply.show{opacity: 1; visibility: visible; left: 0;}
.popUp-apply .main{position: relative;display: table; width: 90%; max-width: 7rem; border-radius: 0.1rem; background-color: #fff; margin: 0 auto; padding: 0.3rem;}
.popUp-apply .close{position: absolute;right: 0.2rem; top: 0.2rem; width: 0.3rem; height: 0.3rem;}
.popUp-apply .close:before,
.popUp-apply .close:after{position: absolute; content: ''; background-color: #666; height: 3px;top: 50%;margin-bottom: -1.5px; width: 60%; left: 20%;transform: rotate(45deg);}
.popUp-apply .close:after{transform: rotate(-45deg);}
.popUp-apply h4{text-align: center; margin: 0 0 1em 0; font-size: calc(24 / 16 * 1em); font-weight: 500;}
.popUp-apply table{width: 100%;}
.popUp-apply table td{vertical-align: top; line-height: 2; padding: 0.1rem 0;}
.popUp-apply table td.f-name{width: 0.9rem;}
.popUp-apply  .btn_submit{display: block; width: 1.4rem; height: 0.5rem; cursor: pointer; background: #008cd6;color: #fff; border-radius: 0.05rem; border: 0; margin: 0 auto;}

.popUp-apply  .queueList{margin: 0;}
.popUp-apply  .placeholder{ font-size: 1em; line-height: 1; padding-top: 0.5rem; min-height: 1.9rem;}
.popUp-apply  .statusBar .webuploader-pick{display: none!important;}
@media (max-width:1024px) {
    .popUp-apply  .placeholder{min-height: 2.5rem;}
    .popUp-apply .statusBar{height: auto; line-height: 2;}
    .popUp-apply .statusBar .btns{position: relative;right: auto; top:  auto; line-height: 2;}
    .popUp-apply .statusBar .btns .uploadBtn{margin: 0;}
}

.ad-ban{position: relative;z-index: 1;}
.ad-ban .auto-inner{height: 100%}
.ad-ban .ytable-100{width: auto}
.ad-ban .tit{font-size: calc(28 / 16 * 1em); margin-bottom: 0.2rem; font-weight: 500;}
.ad-ban .about .tit{margin-bottom: 0.14rem;}
.ad-ban .txt{color: #fff;}
.ad-ban a{font-weight: 100; transition: 0.3s;}
.ad-ban a:not(:hover){color: #fff;}
.ad-ban a.border{border: solid 1px #f7f7f7;color: #ffff; display: inline-block; line-height: 0.4rem; padding: 0 0.29rem;}
.ad-ban a.border:hover{color: #fff; background-color: #008cd6; border-color: #008cd6;}
.ad-ban .ewm{width: 220px;}
.ad-ban .edit-css-36{padding-left: 20px;}
.ad-ban .edit-css-36 dl{overflow: hidden;}
.ad-ban .edit-css-36 dd{float: left;width: calc(86 / 212 * 100%);text-align: center;}
.ad-ban .edit-css-36 dd img{display: block;width: 100%;}
.ad-ban .edit-css-36 dd aside{font-size: calc(14 / 16 * 1em); margin-top: 0.1rem;}
.ad-ban .edit-css-36 dd:nth-child(2){float: right;}
@media (min-width:1025px) {
.ad-ban .Ispic{height:3.26rem; background-position: center bottom; background-size: auto 100%;}
.ad-ban .txt{position: absolute; left: 0;bottom: 0;width: 100%; height: calc(200 / 326 * 100%);}
.ad-ban .about{width: 2rem;}
}
@media (max-width:1024px) {
    
.ad-ban{background-color: #060126;display: none;}
.ad-ban .Ispic{padding-bottom: calc(507 / 1920 * 100%); background-position:  right bottom;}
.ad-ban .txt{padding-top: 0.3rem;}
.ad-ban .about{width: 50%;}
}
@media (max-width:768px) {
.ad-ban .cell-mid{display: block}
.ad-ban .ewm{margin: auto; padding-top: 3%}
}


.nav-menu.nav-menu-fixed{position:fixed; width: 100%; top: 0.7rem; z-index: 100; background: #fff; transition: 0.3s}
.nav-menu ul{font-size: calc(22 / 16 * 1em);}
.nav-menu li{ font-weight: 500; position: relative;z-index: 5; }
.nav-menu li a{display: block; padding: 0 0.66rem; position: relative;z-index: 2;}
.nav-menu li:hover a,
.nav-menu li.aon a{color: #fff; }
@media (min-width:1025px) {
.nav-menu li{float: left; height: 0.7rem;}
.nav-menu li a{ line-height: 0.7rem;}
.nav-menu li:hover a,
.nav-menu li.aon a{line-height: 0.5rem;}
.nav-menu li::before{position: absolute; left: 0;width: 100%; height: 0; bottom: 0;background-color: #018dd8; transition: 0.3s; content: '';}
.nav-menu li:hover:before,
.nav-menu li.aon:before{ height: calc(100% + 0.2rem);}
}
@media (max-width:1024px) {
    .nav-menu ul{overflow-x: auto;overflow-y: hidden; white-space: nowrap; line-height: 3; height: 3em;}
    .nav-menu li{display: inline-block;}
    .nav-menu li a{padding: 0 1em;}
    .nav-menu li.aon a{background-color: #008cd6;}
}

.edit-css-10{color: #fff;}
.edit-css-10 .Ispic{ min-height: 4.79rem; padding-top: 1.2rem;}
.edit-css-10 h4{ font-size: calc(40 / 16 * 1em); margin: 0 0 1em 0;}
.edit-css-10 .info{font-size: calc(22 / 16 * 1em); line-height: cacl(33 / 22 * 1em);letter-spacing: 1px; margin: 0; max-width:8.4rem; font-weight: 100; text-align: justify;}
@media (max-width:1024px) {
    .edit-css-10 .Ispic{padding: 0.4rem 0; min-height: auto;}
}

.edit-css-64 li{float: left;}
.edit-css-64 li p{margin: 0; color: #696969; }
.edit-css-64 li .counter{color: #008cd6;}
.edit-css-64 li .counter b{font-size: calc(80 / 18 * 1em); line-height: calc(58 / 80 * 1em);font-family: 'Roboto'; display: inline-block;}
.edit-css-64 li .counter sup{display: inline-block; vertical-align: top; font-weight: 700; font-size: calc(30 / 18 * 1em); line-height: 0.5;}
.edit-css-64 li .counter sup.t{font-size: 1em;line-height: 1;}
@media (min-width:1025px) {
.edit-css-64{margin-top: 0.32rem;}
.edit-css-64 ul{display: table; margin: 0 auto;}
.edit-css-64 li:not(:last-child){margin-right: calc(184 / 1920 * 100vw);}
}
@media (max-width:1024px) {
    .edit-css-64 li{width: 50%;text-align: center; margin-top: 0.32rem;}
}

.honor-list{margin-top: 0.92rem; }
.honor-list .slider{padding: 0 0.85rem; margin: 0 -0.85rem;}
.honor-list .slick-slide  > div{float: left;background: url(/Common/images/ying.png) no-repeat center top 2.25rem; background-size: auto 0.83rem; height: 3.3rem;}
.honor-list .slick-slide{position: relative;}
.honor-list .slick-slide:before,
.honor-list .slick-slide:after{position: absolute; content: ''; width: 0.5rem; height: 0.9rem; top: 2.25rem;  background-repeat: no-repeat; background-image: url(/Common/images/ying.png); background-size: auto 0.83rem;}
.honor-list .slick-slide:before{left:0; background-position: left top;}
.honor-list .slick-slide:after{right:0; background-position: right top;}
.honor-list .slick-slide{ overflow: hidden; padding: 0 0.5rem;}
.honor-list .item .ytable{ height: 2.25rem; text-align: center;}
.honor-list .item figure{position: relative;display: inline-block; max-width: 80%;}
.honor-list .item figure::after{position: absolute; left: calc(100% - 1px); bottom: 0; width: 0.24rem; height: 100%; background: url(/Common/images/img_ying.png) no-repeat left bottom; background-size: contain; content: '';}
.honor-list .item figure img{max-height: 2.25rem;padding: 0.13rem;background: url(/Common/images/kuang.png) no-repeat;background-size: 100% 100%;}
.honor-list .item aside{height: 0.9rem; padding-top: 0.35rem; font-size: 500;color: #3e3e3e;  padding: 0.35rem 0.2rem 0;}
.honor-list .item p{text-align: center; font-size: calc(18 / 16 * 1em);}
@media (min-width:1025px) {
    .honor-list .slick-slide  > div{width: 25%;}
}
@media (max-width:1024px) {
    .honor-list {overflow: hidden;}
    .honor-list .slick-prev{left: 0.85rem;}
    .honor-list .slick-next{right: 0.85rem;}
}
@media (min-width:641px) and (max-width:1024px){
    .honor-list .slick-slide  > div{width:calc(100% / 3)}
}
@media (max-width:640px) {
    .honor-list .slick-slide  > div{width:calc(100% / 2)}
}

.edit-css-13 li{position: relative; }
.edit-css-13 li .txt{position: absolute; width: 100%;top: 0;left: 0;color: #fff;}
.edit-css-13 li h5{margin: 0 0 1em 0; font-weight: 500; font-size: calc(30 / 16 * 1em);}
.edit-css-13 li p{ font-size: calc(18 / 16 * 1em); font-weight: 100; margin: 0; line-height: calc(30 / 18 * 1em);}
@media (min-width:1025px) {
.edit-css-13 li{width: 50%;}
.edit-css-13 li.wfr .txt{ padding: 1rem 0.5rem 0 1rem;}
.edit-css-13 li.wfl .txt{ padding: 0.9rem 0.5rem 0 calc(242 / 1920 * 100vw);}
}
@media (max-width:1024px) {
    .edit-css-13 li .txt{padding: 0.4rem;}
    .edit-css-13 li.wfr .txt{padding-top: 1rem;}
}

.friend-links{background-color: #f5f6f7; overflow: hidden;}
.friend-links .slider{padding-bottom:0.43rem;}
.friend-links .slick-slide  > div{float: left; }
.friend-links .slick-slide .item{display: block!important;}
.friend-links .slider .ytable{height: 1.18rem; overflow: hidden; text-align: center; padding: 0.1rem;transition: 0.5s}
.friend-links .slider .ytable img{max-height: 1.18rem; transition: 0.3s;}
.friend-links .slider .ytable .cell-mid{ background: #fff;transition: 0.3s;}
.friend-links .slider a:hover img{transform: scale(1.1);}
.friend-links .slider .item:hover .ytable .cell-mid{box-shadow: 0 0 5px #ddd; }
.friend-links .slick-dots{text-align: center; margin-top: 0.3rem;}
.friend-links .slick-dots li.slick-active{border-color: #008cd6;}
.friend-links .slick-dots li button{background: #008cd6;}
@media (min-width:1025px) {
    .friend-links .slick-slide  > div{width: calc(100% / 6);}
}
@media (max-width:1024px) {
    .friend-links .slick-slide  > div{width: calc(100% / 3);}
}

.project-desc{background-color: #f7f7f7; padding: 1rem 0;}

.edit-css-4{text-align: center;}
.edit-css-4 .title{font-weight: 500; font-size: calc(40 / 18 * 1em); line-height: calc(60 / 40 * 1em);}
.edit-css-4 .desc{color: #696969; font-weight: 100; margin-bottom: 0.58rem; margin-top: 0.1rem;}
.edit-css-4 dd .icon img{height: 0.83rem;}
.edit-css-4 dd aside{ line-height: calc(27 / 18 * 1em); font-weight: 500; margin-top: 0.2rem;}
@media (min-width:1025px) {
.edit-css-4 dl{overflow: hidden;}
.edit-css-4 dd{float: left;width: calc(100% / 7);}
}
@media (max-width:1024px) {
    .edit-css-4 .title{ font-size: 1.5em; }
    .edit-css-4 dl{display: flex;justify-content: center; flex-wrap: wrap; flex-direction: row;}

    .edit-css-4 dd{width: 25%; margin-bottom: 0.3rem;}
}

.project-items .items{padding: 1rem 0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
.project-items .item:not(:last-child){margin-bottom: 1rem;}
.project-items .item .img{position: relative; overflow: hidden;}
.project-items .item .img img{transition: 0.3s;}
.project-items .item .open-video{position:absolute; left: 0;top: 0;width: 100%; height: 100%; background: rgba(0,0,0,0.1) url(../images/play.svg) no-repeat center center; background-size: auto calc(70 / 405 * 100%);cursor: pointer;z-index: 10;}
.project-items .item .open-video:hover + img{transform: scale(1.1);}
.project-items .txt .tit{margin: 0 0 0.5em 0;color: #3e3e3e; font-weight: 500;line-height: calc(60 / 40 * 1em);font-size: 1.5em;}
.project-items .txt .singlePage{    text-align: justify;font-size: calc(18 / 16 * 1em);font-weight: 100; line-height: calc(40 / 22 * 1em);}
@media (min-width:1025px) {
    .project-items .item .pic{width: 50%;}
    .project-items .item:nth-child(2n-1) .txt{padding-left: 0.99rem;}
    .project-items .item:nth-child(2n) .txt{padding-right: 0.99rem;}
}
@media (max-width:1024px) {
    .project-items .item .txt{margin-bottom: 0.5rem;}
}

.project-list .box{position: relative;z-index: 1;}
.project-list .txt{position: absolute; left: 0;top: 0;width: 100%;height: 100%; color: #fff;}
.project-list .box .Ispic{ height: 7.2rem;}
.project-list .txt h5{font-weight: 500; margin: 0; font-size: calc(30 / 16 * 1em); margin-bottom: 0.4rem;}
.project-list .txt pre{font-size: calc(18 / 16 * 1em);line-height: calc(30 / 18 * 1em); font-weight: 100;}
.project-list .slick-arrow:not(:hover) {background-color: rgb(204 214 221 / 40%);
}
.project-list .slick-prev{left: calc(114 / 1920 * 100vw);}
.project-list .slick-next{margin-right: calc(114 / 1920 * 100vw);}
.project-list .slick-prev:not(:hover){ background-image: url(/Common/images/prev2.svg);}
.project-list .slick-next:not(:hover){ background-image: url(/Common/images/next2.svg);}
@media (min-width:1025px) {
.project-list .txt .cell-mid{padding-right: 50%;}
}
@media (max-width:1024px) {
    .project-list .txt .auto-inner{padding: 0 calc((114 / 1920 * 100vw) + 0.5rem);}
}

.recom-download{margin-bottom: 0.5rem;}
.recom-download .list{width: 100%;}
.recom-download tr td{font-weight: 100; font-size: calc(18 / 16 * 1em); border-bottom: 1px solid #f7f7f7;}
.recom-download .tr-tit td{background-color: #f7f7f7; padding: 0; height: 0.7rem;}
.recom-download tr td:not(:first-child){text-align: center; width: calc(200 / 1440 * 100%);}
.recom-download tr td:nth-child(1){padding: 0.2rem 0.4rem;}
.recom-download tr td:nth-child(2){text-transform: uppercase;}
.recom-download tr td:nth-child(5) a{display: inline-block; font-size: 0; width: 0.16rem; height: 0.16rem; background: url(/Common/images/r-download.svg) no-repeat center center; background-size: contain;}
@media (max-width:1024px) {
    .recom-download tr td:nth-child(1){padding: 0.2rem}
    .recom-download tr td:nth-child(4){display: none;}
}

.minH{ min-height: 50vh;}
.home-ban{background-color: #000;}
.home-ban video{position: absolute; top: 0; width: 100%; height: 100%;}
.home-ban .play{ background: url(/Common/images/play2.svg) no-repeat;  width: 60px;  height: 60px; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);z-index: 2;}
.home-ban .pc{background: no-repeat center center; background-size: cover; height:calc(100vh - 70px)}
.home-ban .slick-dots{position: absolute; left: 0; width: 100%; bottom: calc(60 / 960 * 100%); text-align: center;z-index: 10;}
.home-ban .slick-dots li{border: none; width: 20px; height: 20px;}
.home-ban .slick-dots button{display: none}
.home-ban .slick-dots span { position:absolute; display:block; width:30px; height:30px; /*box-shadow:inset 0 0 0 2px #fff; */border-radius: 100px;}
.home-ban .slick-dots span:before{content: ''; position: absolute; width: 30%; height: 30%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #fff; border-radius: 100px;}
.home-ban .slick-dots i{ display:block; position: absolute; top: 0; z-index: 5;  width:15px; height:30px; margin: 0; padding: 0; overflow: hidden; font-style:normal;}
.home-ban .slick-dots i:nth-child(1) {left: 0;}
.home-ban .slick-dots i:nth-child(2) {right: 0;}
.home-ban .slick-dots i:before {position: absolute;content:''; margin: 0;  width:30px; height: 30px; border-radius: 50%; border:2px solid transparent;
 transform: rotate(135deg);}
.home-ban .slick-dots .slick-active i:nth-child(1):before { left: 0; border-top-color: #31c9b6; border-left-color:#31c9b6; animation: yl 4s linear ;animation-fill-mode:forwards}
.home-ban .slick-dots .slick-active i:nth-child(2):before { right: 0; border-bottom-color:#31c9b6; border-right-color:#31c9b6; animation: yr 4s linear ;animation-fill-mode:forwards;}
.home-ban .slick-dots .slick-active span:before{background:#31c9b6 }
.banvideo-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);}
.banvideo-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;}
.banvideo-box .close::before,
.banvideo-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.banvideo-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.banvideo-box .ytable{height: 100%;}
.banvideo-box .ytable-cell{ text-align:center;}
.banvideo-box video{ width:100%; height: 100vh; }
@keyframes yr {
0% {transform: rotate(135deg);}
50%,
100% {transform: rotate(315deg);}
}

@keyframes yl {
0%,
50% {transform: rotate(135deg);}
100% {transform: rotate(315deg);}
}
@media (min-width:1025px) {
.home-ban .wap{display: none;}
}
@media (max-width:1024px) {
.home-ban .pc{display: none;}
}

.index-smartGIS{padding: 0 0 1rem 0;
background: #ffffff !important; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 21%, #f7f7f7 100%) !important;
background: -webkit-linear-gradient(top,  #ffffff 21%,#f7f7f7 100%) !important;
background: linear-gradient(to bottom,  #ffffff 21%,#f7f7f7 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ) !important; 
}
.index-smartGIS .info-box{min-height: 6.79rem; padding-bottom: 0.3rem;}
.index-smartGIS .info-box .singlePage{display: none;}
.index-smartGIS .info-list{background-color: #fcfcfc; box-shadow: 0 0.12rem 1rem rgba(0, 0, 0, 0.1);}
.index-smartGIS .info-list li{text-align: center; padding: 0.2rem; cursor: pointer;}
.index-smartGIS li .tit{font-size: calc(18 / 16 * 1em);}
.index-smartGIS li .tit-en{font-size: calc(12 / 16 * 1em);color: #696969; margin-top: 0.1rem;}
.index-smartGIS.Smart-page.slide-slickjs .title-item .item:not(:last-child) .line{animation-duration: 5.1s;}
@media (max-width:1024px) {
    .index-smartGIS{padding: 0 0 0.5rem 0;}
    .index-smartGIS .slick-prev{left: -2%;}
    .index-smartGIS .slick-next{right: -2%;}
}

.index-smartGIS .Smart-list .item .txt .more a{border: solid 1px #f7f7f7;color: #ffff;display: inline-block;line-height: 0.4rem;padding: 0 0.29rem;margin-top:0.3rem;}
.index-smartGIS .Smart-list .item .pic .Ispic{padding-bottom:38%;}
.Smart-page.slide-slickjs .title-item .item span{min-height:0.6rem;}
.index-smartGIS .Smart-list .item .txt .more a:hover{background: #008cd6;border:1px solid #008cd6;color:#fff;}
.index-smartGIS .job-name{font-size: calc(45 / 16 * 1em);}
@media (max-width:1024px) {
    .index-smartGIS .job-name{font-size: calc(30 / 16 * 1em);}
    
}

.edit-css-31{text-align: center;}
.edit-css-31 .title{ margin-bottom: 0.58rem;font-weight: 500; font-size: calc(40 / 18 * 1em); line-height: 1.2;}
.edit-css-31 .title .en{ font-family: 'Rajdhani';  font-size: calc(72 / 40 * 1em); line-height: 1;}
.edit-css-31 .title .desc{color: #696969; font-weight: 100; font-size: calc(18 / 40 * 1em); margin: 0.3rem 0 0 0;}

.index-project{overflow: hidden;}
.index-project .boxs{overflow: hidden;}
.index-project .item{overflow: hidden;position: relative;z-index: 1;}

.index-project .item .Ispic{ height: 4rem; transition: 0.5s}
.index-project .txt{right: 0;  background-color: #f7f7f7; background-repeat: no-repeat; background-position: right bottom; background-size: auto calc(195 / 400 * 100%);width: calc(390 / 960 * 100%);  transform: translateX(100%); opacity: 0; transition: 0.3s;}
.index-project .txt:before{position: absolute;content: ''; border: 0.16rem solid transparent; border-right-color: #f7f7f7; right: 100%; top: 50%; margin-top: -0.16rem;}
.index-project .txt pre{color: #696969; line-height: 1.8;font-size: calc(18 / 16 * 1em); }
.index-project .txt .more{display: inline-block;padding-right: 0.2rem; background: url(/Common/images/next.svg) no-repeat right center;background-size: 0.1rem auto; margin-top: 0.1rem;font-size: calc(18 / 16 * 1em); color: #666;}
.index-project .txt ul{padding: 0 3%;}
.index-project .txt li{padding: 5px 3%; line-height: 40px;}
.index-project .txt li a{display: block;padding: 0 10px; border-radius: 6px; background: #eee}
.index-project .txt li a:hover{color: #fff; background: #008cd6}
.index-project .text{position: absolute; width: 100%;height: 100%; text-align: center;left: 0; transition: 0.3s;}
.index-project .text .title{ line-height: 0.4rem; font-size: 0.4rem; font-weight: 500;color: #fff; display: inline-block; text-align: left}
.index-project .text .title img{height: 0.4rem; margin-right: 0.2rem;}
.index-project .text .title span{display: inline-block;vertical-align: middle; transition: 0.3s;}
.index-project .text .title em{font-size: 0.2rem;  font-style: normal; opacity: 0;color: #fff; font-weight: 100;display: block}
@media (min-width:1025px) {
.index-project .item .text,
.index-project .item .txt{position: absolute;top: 0;height: 100%; z-index: 10;}
.index-project .item{ float: left;width: 50%;}
.index-project .item:hover .text .title img{display: none;}
.index-project .item:hover .txt{transform: translateX(0); opacity: 1;}
.index-project .item:hover .text em{opacity: 1;}
.index-project .item:hover .text .title span{border-bottom: 3px solid #008cd6; padding-bottom: 0.1rem;}
.index-project .item:hover .text{padding-right: calc(400 / 960 * 100%);}
.index-project .item:hover .Ispic{transform: scale(1.1);}

.index-project .txt ul{ max-height: 300px; overflow-y: auto}
.index-project .txt ul::-webkit-scrollbar{ background-color:#F00; width:6px;}    /*滚动条整体部分*/
.index-project .txt ul::-webkit-scrollbar-button{ background-color:#f7f7f7}    /*滚动条两端的按钮*/
.index-project .txt ul::-webkit-scrollbar-track{ background-color:#36C}    /*外层轨道*/
.index-project .txt ul::-webkit-scrollbar-track-piece{ background-color:#eeeeee}    /*内层轨道，滚动条中间部分（除去）*/
.index-project .txt ul::-webkit-scrollbar-thumb{ background-color:#008cd6; border-radius:100px;}    /*滚动条里面可以拖动的那个*/
.index-project .txt ul::-webkit-scrollbar-corner{ background-color:#C9C}    /*边角*/
.index-project .txt ul::-webkit-resizer{ background-color:#9C9}    /*定义右下角拖动块的样式*/
}
@media (max-width:1025px) {
.index-project .item{margin-bottom: 5%; box-shadow: 0 10px 10px #d1d1d1; border-radius: 0 0 10px 10px; overflow: hidden}
.index-project .item .box{position: relative}
.index-project .text .en-tit{opacity: 1}
.index-project .txt{opacity: 1; width: 100%;transform:none}
.index-project .txt ul{padding: 3% 0}
.index-project .txt li{padding: 1%}

}
.index-news{padding-bottom: 1rem;}
.index-news .more{text-align: right; margin-top: 0.3rem;}
.index-news .more a{color: #696969;display: inline-block; padding-right: 0.15rem; background: url(/Common/images/more.svg) no-repeat right center; background-size: auto 0.11rem;}
.index-news .more a:hover{color: #008cd6; background-image: url(/Common/images/more-on.svg);}


.index-news .txt{border-bottom: 1px solid #e6e6e6; font-size: calc(18 / 16 * 1em);  position: relative;}
.index-news .txt .cell-mid:before{position: absolute; left: 0;bottom: -1px;height: 2px; background-color: #008cd6; width: 0; content: ''; transition: 0.3s;}
.index-news a:hover .txt .cell-mid:before{width: 100%;}
.index-news .txt time{color: #008cd6;}
.index-news .txt .tit{font-size: calc(22 / 18 * 1em); margin: 0.1rem 0;}
.index-news .txt p{margin: 0;	color: #696969; font-weight: 100;}
@media (min-width:1025px) {
.index-news ol,
.index-news li{float: left;width: calc(700 / 1440 * 100%); }
.index-news li{float: right;}
.index-news ol{min-height: calc(1.5rem * 3 + 1.21rem);}
.index-news .txt{height: 1.5rem;}
.index-news ol .txt{padding: 0 0.3rem;}
.index-news ol .Ispic{height: calc(1.5rem * 2 + 1.21rem);}
.index-news li:nth-of-type(1) .txt{ height: 1.21rem;}
.index-news li:nth-of-type(1) .txt .cell-mid{vertical-align: top;}
}
@media (max-width:1024px) {
.index-news .txt{padding: 0.3rem;}
.index-news ol .Ispic{padding-bottom: calc(407 / 700 * 100%);}
}

.index-3D .list{position: relative;z-index: 1; overflow: hidden}
.index-3D .list .img{height: 7rem;}
.index-3D .list ul{position: absolute; left: 0;bottom: 0; border-top: 1px solid rgba(255,255,255,0.2); width: 100%;}
.index-3D .list li{width: 25%; text-align: center; float: left; height: 1rem;color: #fff; font-size: calc(18 / 16 * 1em); font-weight: 500; cursor: pointer; transition: 0.5s}
.index-3D .list li:not(:last-child){border-right: 1px solid rgba(255,255,255,0.2);}
.index-3D .list li .ytable-100{width: auto;max-width: 100%;margin: 0 auto;}
.index-3D .list li .icon{width: 0.83rem;}
.index-3D .list li .icon img{height: 0.5rem;}
/* .index-3D .list li:not(.more){cursor: pointer;} */
.index-3D .list li.more a{color: #fff; padding-right: 0.43rem; background: url(/Common/images/more.png) no-repeat right center; background-size: 0.24rem auto; display: inline-block; transition: 0.3s;}
.index-3D .list li.more a:hover{padding-right: 0.6rem;}
.index-3D .list li.show{ background:#008cd6}
.index-3D .list .img{animation:img-scale 24s infinite;}
@-webkit-keyframes img-scale{
0%{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);}
to{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
}
@keyframes img-scale{
0%{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);}
to{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
}

@media (max-width:1024px) {
    .index-3D .list li{width: 50%;border-bottom: 1px solid rgba(255,255,255,0.2);}
}

.list-links li{float: left; margin-bottom: 0.2rem; }
.list-links li a{box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); height: 1.2rem;  text-align: center;}
.list-links li img{max-width: 80%; max-height: 80%;}
@media (min-width:1025px) {
.list-links li{width: calc((100% - 0.2rem * 5) / 6); }
.list-links li:not(:nth-child(6n)){margin-right: 0.2rem;}
}
@media (max-width:1024px) {
    .list-links li{width: calc((100% - 0.2rem *3) / 4); }
    .list-links li:not(:nth-child(4n)){margin-right: 0.2rem;}
    .list-links li a{ height: 0.9rem;}
}

.search-result{border-top: 1px solid #eee;}
.search-result .word{font-size: calc(20 / 16 * 1em); margin-bottom: 0.3rem;}
.search-result .word span{color: #008cd6; font-size: calc(24 / 20 * 1em);}
.search-result .list-search{margin-bottom: 0.5rem;}
.search-result .list-search li{background-color: #f5f6f7; padding: 0.2rem; margin-bottom: 0.1rem;}
.search-result .list-search li time{float: right;color: #999; font-weight: 100;}
.search-result .list-search li a{font-weight: 500;}
.search-result .list-search li a:before{display: inline-block; content: ''; width: 4px; height: 4px; background-color: #008cd6; margin-right: 0.1rem; vertical-align: middle;}



/*  */
.Smart-list{position: relative}
.Smart-list .item{ position: relative}
.Smart-list .item .info{position: absolute; width: 100%; height: 100%; left: 0; top: 0; color:#fff;}
.Smart-list .item .pic img{width: 100%}
.Smart-list .item .txt{text-align: left;line-height:1.8;max-width: 740px; margin: 0}
.Smart-list .item .txt .tit{ font-size:.40rem; }
.Smart-list .item .txt .tit-sub{font-size:.20rem;}
.Smart-list .item .txt .con{ font-size:.16rem; padding-top:3%;font-weight: 100;}

.Smart-page.slide-slickjs{background: #0f1129}
.Smart-page.slide-slickjs .title-item{color: #fff; text-align: center; padding-top: 30px;}
.Smart-page.slide-slickjs .title-item:before{content: ''; left: 50%; transform: translateX(-50%); position: absolute; top:40px; width: calc(100% - (100% / 5)); height: 2px;background:#7e7e7e}
.Smart-page.slide-slickjs .title-item .item{padding-top: 30px; color: #7e7e7e;line-height: 1.2;}
.Smart-page.slide-slickjs .title-item .item span{cursor: pointer; display: inline-block}
.Smart-page.slide-slickjs .title-item .item span b{font-weight: normal;display: block;}
.Smart-page.slide-slickjs .title-item .item span:before{ content: ''; width:12px; height:12px; position: absolute; left: 0; right: 0; top:5px; border-radius: 100px; margin: auto;background:#7e7e7e}
.Smart-page.slide-slickjs .title-item .item:before{ content: ''; position: absolute; left: 0; top:0; width:0; height: 3.4px; background: #008cd6; transition: 0.5s}
.Smart-page.slide-slickjs .title-item .item.slick-current{color: #008cd6}
.Smart-page.slide-slickjs .title-item .item.slick-current span{font-size: calc(19 / 16 * 1em);transition: all .3s;}
.Smart-page.slide-slickjs .title-item .item.slick-current span:before{background:#008cd6;transform: scale(1.2);-webkit-transform: scale(1.2);}
/* .Smart-page.slide-slickjs .title-item .item:first-child:before{width: 50%;} */
.Smart-page.slide-slickjs .title-item .item.prevAll span:before{background: #008cd6;}
/* .Smart-page.slide-slickjs .title-item .item.prevAll:before{width: 150%;} */
/* .Smart-page.slide-slickjs .title-item .item.prevAll{color: #008cd6} */
.Smart-page.slide-slickjs .info-item .item .aos-animate{
-webkit-transform: translate(0,100px);
-ms-transform: translate(0,100px);
transform: translate(0,100px);
opacity: 0;
-webkit-transition-property: all;
transition-property: all;
}

.Smart-page.slide-slickjs .info-item .item.slick-current .aos-animate {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
.Smart-page.slide-slickjs .title-item .item:not(:last-child) .line{ position: absolute; left: 50%; top:9.7px; width: 0; height: 3.4px;background: #008cd6;animation-duration: 15.1s; }
.Smart-page.slide-slickjs .title-item .item.slick-current:not(.no) .line{ -webkit-animation-name: loader; animation-name: loader; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.Smart-page.slide-slickjs .title-item .item.prevAll .line{ width: 100%;}



@-webkit-keyframes loader {
    0% {
      width: 0;
    }
    50% {
      width: 50%;
    }
    100% {
      width: 100%;
    }
  }
  @keyframes loader {
    0% {
      width: 0;
    }
    50% {
      width: 50%;
    }
    100% {
      width: 100%;
    }
  }
 .Smart-list .item .txt .gs_reveal{ opacity: 0; transform: translateY(100px); transition-duration: 1s; -webkit-transition-property: all; transition-property: all}
 .Smart-list .item .txt .gs_reveal:nth-child(2){ transition-delay: .4s;}
 .Smart-list .item .txt .gs_reveal:nth-child(3){ transition-delay: .8s;}
 .Smart-list .item.active .txt .gs_reveal{ opacity: 1; transform: translateY(0);}


@media(max-width:1024px){
    .Smart-page.slide-slickjs .title-item .item.slick-current span{font-size: calc(18 / 16 * 1em);}
}



<!--0.00025105476379395-->