@charset "utf-8";
/* CSS Document */

/*-----whole-----*/
/*-----whole-----*/
html{font-size:100px;}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;overflow-x:hidden;}
body.resizing *{transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;}

.contain{width:1200px;margin:0 auto;}
a:hover{color:#30a2dd;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*???????????????*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

input.text,
textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}

/*--- Header ---*/
.Header-wrapper{z-index:99;}
.Header-wrapper .Header-cl{height:70px;position:relative;}

.header-container{width:100%;background:#fff;box-shadow:0px 4px 5px rgba(9,2,4,.17);position:fixed;top:0px;left:0px;z-index:90;}

/*logo*/
.H-logo{height:70px;line-height:70px;font-size:0px;float:left;overflow:hidden;}


/*language*/
.H-lang{position:relative;float:right;}
.H-lang:after{content:"";display:block;width:1px;height:14px;background:#e5e5e5;position:absolute;left:-38px;top:28px;}
.H-lang .Hlang-menu{display:block;padding:0 0 0 24px;height:70px;line-height:70px;font-size:15px;font-weight:600;color:#666666;background:url(img/icon-Hlang.png) no-repeat left center;transition:none !important;-webkit-transition:none !important;}
.Hlang-menu.cur{background-image:url(img/icon-close.png);}
.Hlang-box{width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:60px;right:-76px;display:none;padding:20px 0px;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}
.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}
.Hlang-box a:hover{color:#fff;background:#30a2dd;}
.Hlang-box a.CN{background-image:url(img/icon-CN.png);}
.Hlang-box a.JP{background-image:url(img/icon-jp.png);}
.Hlang-box a.EN{background-image:url(img/icon-EN.png);}
@media all and (max-width:1370px){
	.Hlang-box{right:0px;}
	.Hlang-box:before{left:100%;margin:0 0 0 -16px;}
}

.H-nav{float:right;margin:0 4.91667% 0 0;}
.H-nav>li{position:relative;float:left;}
.H-nav .Hnav-menu{display:block;padding:0 20px;height:70px;line-height:70px;font-size:15px;font-weight:600;color:#666666;position:relative;}
.Hnav-menu i{display:none;width:50px;height:50px;background:url(img/icon-dd1.png) no-repeat center center / 14px auto;position:absolute;right:0px;top:0px;z-index:2;}

/*??????*/
.Hn2nd-box{width: 500px;padding:20px 30px 30px 20px;background:#30a2dd;position:absolute;top:70px;right:-244px;display:none;}
.H-nav>li:last-child .Hn2nd-box{right:0px;}
.Hn2nd-dd{display:block;width:21px;height:11px;background:url(img/icon-Hdd.png) no-repeat center center;position:absolute;bottom:0px;left:50%;margin-left:-10px;display:none;}
.Hn2nd-list{width: 35%;float:left;}
.Hn2nd-list li{width: 100%;padding:0 0 0 20px;float:left;}
.Hn2nd-list li a{display:block;padding:0 0 0 15px;line-height:39px;color:#fff;background:url(img/icon-l1.png) no-repeat left center;border-bottom:1px solid rgba(255,255,255,.2);}
.Hn2nd-img{display:block;width: 55%;height:160px;overflow:hidden;float:right;}

.H-nav>li.cur .Hnav-menu,
.H-nav>li:hover .Hnav-menu{color:#30a2dd;} 

@media all and (min-width:980px){
	.H-lang:hover .Hlang-box,
	.H-nav>li:hover .Hn2nd-dd,
	.H-nav>li:hover .Hn2nd-box{display:block;animation:fadeDown .6s ease-in-out;-webkit-animation:fadeDown .6s ease-in-out;}	
}
@keyframes fadeDown{
	from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes fadeDown{
	from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}

/*--- Footer ---*/
.Footer-wrapper{padding:49px 0 30px;background:#f8f8f8;}

.F-nav{width:13.3333%;float:left;}
.F-nav dt,
.F-ct .type{line-height:36px;font-weight:600;color:#666666;position:relative;}
.F-nav dd{}
.F-nav dd a,
.F-ct .con{display:block;padding:5px 0;line-height:26px;color:#888;}
.F-nav dd a:hover,
.F-link a:hover{color:#30a2dd;}
.F-nav dt i{display:none;width:50px;height:50px;background:url(img/icon-dd1.png) no-repeat center center / 12px auto;position:absolute;right:0px;top:0px;}

.F-ct{width:26.6667%;border-right:1px solid #e5e5e5;float:left;}

.F-code{text-align:center;float:right;margin:0 4.25% 0 0;}
.F-code img{width:110px;height:110px;object-fit:cover;}
.F-code .type{line-height:24px;color:#999999;margin:5px 0 0;}

.F-link{width:100%;padding:15px 0;line-height:24px;color:#999999;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;float:left;margin:56px 0 0;}
.F-link a{display:inline-block;margin:0 1.75% 0 0;}

.F-cr{width:100%;padding:16px 0 0;line-height:26px;text-align:center;color:#888888;margin:16px 0 0;float:left;}


.F-nav dt.cur i,
.Hnav-menu.cur i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}

/*--- Banner ---*/
.bnr-img{display:block;width:100%;height:auto;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;}

#index-bnr .bnr-img{height:650px;}
#index-bnr .swiper-pagination{font-size:0px;bottom:90px;}
#index-bnr .swiper-pagination-bullet{width:9px;height:9px;background:#fff;opacity:.5;margin:0 5px;}
#index-bnr .swiper-pagination-bullet-active{background:#30a2dd;opacity:1;}

.bnr-img.page-bnr{height:500px;}


.iBnr-box{width:100%;text-align:center;color:#fff;position:absolute;left:0px;top:24.11764705882353%;z-index:2;}
.iBnr-box .t2{line-height:38px;font-size:28px;font-weight:lighter;letter-spacing:29px;margin:15px 0 0;}

#index-bnr .bnr-bg{transition:all 6s linear;-webkit-transition:all 6s linear;transform:scale(1.1);-webkit-transform:scale(1.1);}
.iBnr-box .t1,
.iBnr-box .t2{transition:all .6s ease-in-out .2s;-webkit-transition:all .6s ease-in-out .2s;opacity:0;}
.iBnr-box .t1{transform:translateX(-70px);-webkit-transform:translateX(-70px);}
.iBnr-box .t2{transform:translateX(70px);-webkit-transform:translateX(70px);}

#index-bnr .swiper-slide.swiper-slide-active .bnr-bg{transform:scale(1);-webkit-transform:scale(1);}
#index-bnr .swiper-slide.swiper-slide-active .iBnr-box .t1,
#index-bnr .swiper-slide.swiper-slide-active .iBnr-box .t2{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

/*--- Container ---*/

/*-- ?????? --*/
.I-title{text-align:center;}
.I-title .t1{line-height:50px;font-size:36px;font-weight:600;}
.I-title .s{display:block;width:30px;height:3px;background:#30a2dd;margin:15px auto 0;}
.I-title .t2{line-height:36px;font-size:16px;color:#888888;margin:8px 0 0;}
.I-title.It2 .t1,
.I-title.It2 .t2{color:#fff;}
.I-title.It2 .s{background:#fff;}

/*??????*/
.index-com{}
.iCom-wrap{width:50%;height:368px;float:left;position:relative;overflow:hidden;}
.iCom-wrap:after,
.iBiz-box:after{content:"";display:block;background:rgba(0,0,0,.4);opacity:0;}
.iCom-wrap .iCom-bg,
.iBiz-box .iBiz-bg{width:110%;height:110%;position:absolute;left:-5%;top:-5%;}
.iCom-wrap .iCom-box{width:430px;text-align:center;color:#fff;position:absolute;left:50%;top:69px;margin:0 0 0 -215px;z-index:2;}
.iCom-box .c{line-height:28px; margin:16px 0 0;}
.iCom-box .btn{display:block;width:113px;height:40px;line-height:38px;border:1px solid #fff;margin:42px auto 0;}

.iCom-wrap .iCom-bg,
.iCom-box .btn,
.iBiz-box .iBiz-bg,
.iCom-wrap:after,
.iCom-wrap .I-title .t1,
.iBiz-box:after,
.iBiz-block .t,
.iBiz-block .c,
.iNews-box{transition:all 1s cubic-bezier(.19,1,.22,1);-webkit-transition:all 1s cubic-bezier(.19,1,.22,1);}


.iCom-wrap:hover .iCom-bg{top:-10%;}
.iCom-box .btn:hover{color:#30a2dd;background:#fff;}
.iCom-wrap:hover:after,
.iBiz-box:hover:after{opacity:1;}
.iCom-wrap:hover .I-title .t1,
.iBiz-box:hover .iBiz-block .t{transform:translateY(-15px);-webkit-transform:translateY(-15px);}
.iBiz-box:hover .iBiz-block .c{transform:translateY(-10px);-webkit-transform:translateY(-10px);}

/*????????????*/
.index-biz{padding:71px 0 81px;}

.iBiz-list{width:101.6667%;padding:17px 0 0;margin:0 0 0 -1.6667%;}
.iBiz-list li{width:50%;padding:0 0 0 1.639344262295082%;float:left;}
.iBiz-list .iBiz-box{display:block;height:315px;color:#fff;position:relative;overflow:hidden;margin:20px 0 0;}
.iBiz-list li:first-child .iBiz-box{height:650px;}
.iBiz-box .iBiz-block{position:absolute;bottom:23px;left:30px;z-index:2;}
.iBiz-block .t{line-height:33px;font-size:26px;}
.iBiz-block .c{line-height:23px;font-size:16px;}

.iBiz-box:hover .iBiz-bg{left:-10%;}

/*????????????*/
.index-data{padding:65px 0 0;background:url(img/iData-bg.png) repeat;}
.iData-box{text-align:center;margin:16px 0 0;}
.iData-box img{max-width:100%;}

/*????????????*/
.index-news{padding:63px 0 61px;}

.iNews-swiper{margin:33px 0 0;}
.iNews-box{display:block;padding:19px 5.194805194805195% 24px;border:1px solid #e5e5e5;position:relative;overflow:hidden;}
.iNews-box .iNews-img{height:236px;position:relative;overflow:hidden;z-index:2;}
.iNews-box .iNews-type{width:88px;height:27px;line-height:27px;text-align:center;color:#fff;background:#30a2dd;position:absolute;left:0px;top:0px;}
.iNews-box .iNews-name{line-height:30px;font-size:18px;margin:17px 0 0;position:relative;z-index:2;}
.iNews-box .iNews-con{line-height:27px;height:54px;margin:4px 0 0;position:relative;z-index:2;}
.iNews-box .iNews-date{padding:0 0 0 24px;line-height:20px;font-size:13px;color:#888888;background:url(img/icon-date.png) no-repeat left center;margin:15px 0 0;position:relative;z-index:2;}
.iNews-page{position:relative;margin:32px 0 0;}
.iNews-page:after{content:"";display:block;width:100%;height:1px;background:#e5e5e5;position:absolute;left:0px;top:50%;margin:-1px 0 0;}
.iNews-page .action{display:block;width:62px;height:62px;border:1px solid #e5e5e5;background:#fff;border-radius:100%;position:relative;margin:0 auto;z-index:2;}
.iNews-page .action a{display:block;width:50%;height:60px;text-align:center;font:18px/60px '??????';position:relative;float:left;z-index:2;}
.iNews-page .action:after{content:"";display:block;width:1px;height:10px;background:#e5e5e5;position:absolute;left:50%;top:50%;margin:-5px 0 0 -1px;}
.iNews-page .action a:hover{color:#30a2dd;}
.iNews-box:after{content:"";display:block;width:100%;height:100%;background:#30a2dd;position:absolute;left:0px;bottom:0;opacity:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;}
.iNews-box:hover{border-color:#30a2dd;}
.iNews-box:hover:after{opacity:1;animation:iNewsOrn .4s ease-in-out;-webkit-animation:iNewsOrn .4s ease-in-out;}
.iNews-box:hover .iNews-name,
.iNews-box:hover .iNews-con,
.iNews-box:hover .iNews-date{color:#fff;}
.iNews-box:hover .iNews-name{transition-delay:.1s;-webkit-transition-delay:.1s;}
.iNews-box:hover .iNews-con{transition-delay:.1s;-webkit-transition-delay:.1s;}
.iNews-box:hover .iNews-date{background-image:url(img/icon-date2.png);}
@keyframes iNewsOrn{
	0%{bottom:-100%;opacity:0;}
	100%{bottom:0px;opacity:1;}
}

/*????????????*/
.index-flink{padding:54px 0 53px;color:#fff;background:#269dd9 url(img/iFlink-bg.jpg) no-repeat center bottom;}
.iFlink-list{width:101.8333%;margin:0 0 0 -1.8333%;}
.iFlink-list li{width:33.3334%;padding:0 0 0 1.800327332242226%;float:left;}
.iFlink-list dl{padding:9px 0 11px;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);}
.iFlink-list dl dt{padding:0 0 0 3.116883116883117%;line-height:32px;}
.iFlink-list dl dt .type{font-size:16px;}
.iFlink-list dl dt .more{font-size:12px;float:right;}
.iFlink-list dl dt .more span{font-family:'??????';margin:0 0 0 8px;}
.iFlink-list dl dd{padding:0 0 0 3.116883116883117%;margin:5px 0 0;}
.iFlink-list dl dd a{display:block;padding:5px 0;line-height:22px;float:left;margin:0 6.702412868632708% 0 0;}
.iFlink-list dl dd a:hover{color:#fff;}

/*????????????*/
.ctUs-container{padding:87px 0 100px;}
.ctUs-container .I-title{width:460px;margin:0 auto;}
.ctUs-map{border:1px solid #dbdbdb;position:relative;overflow:hidden;margin:41px 0 0;}

.ctUs-list{margin:49px 0 0;}
.ctUs-list li{padding:0 20px 0 173px;width:33.3334%;height:44px;position:relative;float:left;}
.ctUs-list li .type{width:128px;height:44px;line-height:44px;text-align:center;color:#fff;border-radius:44px;background:#30a2dd;position:absolute;left:0px;top:0px;}
.ctUs-list li .type:before{content:"";display:block;width:24px;height:1px;background:#d0d0d0;position:absolute;right:-24px;top:50%;margin:-1px 0 0;}
.ctUs-list li .type:after{content:"";display:block;width:7px;height:7px;background:#30a2dd;border-radius:100%;position:absolute;right:-31px;top:50%;margin:-4px 0 0;}
.ctUs-list li .box{display:table;width:100%;height:44px;}
.ctUs-list li .box .con{display:table-cell;vertical-align:middle;color:#666666;}

/*????????????*/
.dataCen-container{padding:43px 0 0;}

.dataCen-main{min-height:685px;position:relative;}

.dataCen-web{text-align:center;display:none;}

.dataCen-main .DCmap-spot{display:block;position:absolute;}
.DCmap-spot .point{display:block;padding:0 0 0 17px;height:20px;line-height:20px;font-size:12px;color:#666;position:relative;z-index:2;}
.DCmap-spot .point:before{content:"";display:block;width:10px;height:10px;border-radius:100%;background:#ffba00;position:absolute;left:0px;top:5px;}
.DCmap-spot .orn{width:100px;height:100px;position:absolute;top:-40px;left:-45px;}
.DCmap-spot .orn:after{content:"";display:block;border-radius:50%;border:3px solid #ffba00;opacity:0;position:absolute;top:0px;left:0px;bottom:0px;right:0px;}
.DCmap-spot .orn.orn1:after{animation:ripple 4.5s ease-out 0s infinite;-webkit-animation:ripple 4.5s ease-out 0s infinite;}
.DCmap-spot .orn.orn2:after{animation:ripple 4.5s ease-out 0.675s infinite;-webkit-animation:ripple 4.5s ease-out 0.675s infinite}
.DCmap-spot .orn.orn3:after{animation:ripple 4.5s ease-out 1.575s infinite;-webkit-animation:ripple 4.5s ease-out 1.575s infinite;}
@-webkit-keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1)}}
@keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}
.DCmap-spot.DCmap-spot-main .point:before{background:#5cd6e8;}
.DCmap-spot.DCmap-spot-main .orn:after{border-color:#5cd6e8;}


/*????????????*/
.dataCen-world{padding:25px 0 89px;}
.DCworld-wrap{width:1110px;height:571px;background:url(img/dataCen-1.png) no-repeat center center;position:relative;left:50%;margin:0 0 0 -555px;}

/*??????*/
.DCmap-spot.DCmSpot-zhongguo{top:225px;left:395px;}
/*??????*/
.DCmap-spot.DCmSpot-yingguo{top:175px;left:40px;}
/*??????*/
.DCmap-spot.DCmSpot-meiguo{top:226px;left:845px;}
/*??????*/
.DCmap-spot.DCmSpot-ouzhou{top:186px;left:91px;}
/*??????*/
.DCmap-spot.DCmSpot-zhongdong{top:252px;left:173px;}
/*??????*/
.DCmap-spot.DCmSpot-riben{top:239px;left:469px;}
/*????????????*/
.DCmap-spot.DCmSpot-malaixiya{top:340px;left:354px;}
/*?????????*/
.DCmap-spot.DCmSpot-xinjiapo{top:370px;left:369px;}
/*????????????*/
.DCmap-spot.DCmSpot-aodaliya{top:446px;left:458px;}
/*??????*/
.DCmap-spot.DCmSpot-xianggang{top:288px;left:387px;}
/*??????*/
.DCmap-spot.DCmSpot-huabei{top:229px;left:340px;}
/*??????*/
.DCmap-spot.DCmSpot-huadong{top:260px;left:400px;}
/*??????*/
.DCmap-spot.DCmSpot-huanan{top:270px;left:365px;}


/*??????*/
.dataCen-index{}
.dataCen-index .DCworld-wrap{background-image:url(img/dataCen-index.png);}
.dataCen-index .DCmap-spot .point{color:#fff;}


/*?????????+*/
.netPlus-container{padding:116px 0 86px;}
.netPlus-img{width:50%;height:567px;line-height:567px;font-size:0px;text-align:center;float:left;}
.netPlus-img img{max-width:100%;max-height:100%;object-fit:cover;}
.netPlus-box{width:43.25%;float:right;margin:64px 0 0;}
.netPlus-box .I-title{text-align:left;}
.netPlus-box .I-title .s{margin-left:0px;}

.netPlus-list{padding:57px 0 0;}
.netPlus-list li{width:160px;float:right;}
.netPlus-list li:first-child{width:57.80346820809249%;float:left;}
.netPlus-list li .ddCen-btn{width:100%;line-height:73px;font-size:20px;border:1px solid #e5e5e5;margin:11px 0 0;}
.netPlus-list li .ddCen-btn.Android-btn span{padding:0 0 0 54px;background:url(img/ddCen-1.png) no-repeat left center;}
.netPlus-list li .ddCen-btn.IOS-btn span{padding:0 0 0 50px;background:url(img/ddCen-2.png) no-repeat left center;}
.netPlus-list li .ddCen-code{height:160px;line-height:158px;font-size:0px;text-align:center;border:1px solid #e5e5e5;margin:11px 0 0;display:none;}
.netPlus-list li .ddCen-code img{width:130px;height:130px;}
.netPlus-list li .ddCen-code.active{animation:ddCenFadeIn .4s ease-in-out;-webkit-animation:ddCenFadeIn .4s ease-in-out;}
@keyframes ddCenFadeIn{
	0%{transform:translateX(50px);-webkit-transform:translateX(50px);opacity:0;}
	100%{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
}

.netPlus-NE{padding:161px 0 100px;min-height:600px;background:url(img/netPlus-bg.jpg) no-repeat center center / cover fixed;}
.netPlus-NE .I-title{width:88.33333333333333%;margin:0 auto;}

.netPlus-swiper{width:50%;height:567px;font-size:0px;position:relative;overflow:hidden;float:left;}
.netPlus-swiper .NPswiper-orn{width:274px;height:567px;background:url(img/netPlus-bg.png) no-repeat center center / cover;position:absolute;left:50%;top:0px;margin:0 0 0 -138px;z-index:5;}
.netPlus-swiper .swiper-container{width:708px;position:relative;top:60px;left:50%;margin:0 0 0 -354px;}

/*
.netPlus-swiper .swiper-container .swiper-slide.swiper-slide-next{z-index:2;}
.netPlus-swiper .swiper-container .swiper-slide.swiper-slide-next + .swiper-slide{left:-73px;}
.netPlus-swiper .swiper-container .swiper-slide.swiper-slide-active{left:73px;}
*/


/*????????????*/
.video-container{padding:56px 0 100px;}
.video-list{width:101.875%;margin:0 0 0 -1.875%;}
.video-list li{width:33.3334%;padding:15px 0 0 1.840490797546012%;text-align:center;float:left;}
.video-list .vlist-box{display:block;}
.vlist-img{height:240px;position:relative;}
.vlist-img img{width:100%;height:100%;object-fit:cover;}
.vlist-btn{width:56px;height:57px;background:url(img/icon-video.png) no-repeat center center / cover;position:absolute;top:50%;left:50%;margin:-28px 0 0 -28px;}
.vlist-box .name{line-height:30px;font-size:16px;margin:15px 0 0;}

.media-modal{width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0px;left:0px;z-index:9999;display:none;opacity:0;}
.media-modal .mediaModal-contain{width:960px;height:540px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-300px 0 0 -480px;display:none;}
.mediaModal-contain .mediaModal-box,
.mediaModal-contain video,
.mediaModal-contain .mejs-container,
.mediaModal-contain .mejs-overlay-play,
.mediaModal-contain .mejs-poster,
.mediaModal-contain .mejs-layers,
.mediaModal-contain .mejs-overlay{width:100% !important;height:100% !important;}
.mediaModal-contain .close{display:block;width:32px;height:32px;background:url(img/icon-close3.png) no-repeat center center / cover;position:absolute;right:5px;top:5px;z-index:2;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.mediaModal-contain:hover .close{opacity:1;}
@media all and (max-width:980px){.mediaModal-contain .close{opacity:1;}}


.pdtb{padding:70px 0px;}
/*????????????banner*/
.bann img{max-width:100%;height:500px;object-fit:cover;}

/*????????????*/
.pub_menu{height:60px;line-height:60px;border-bottom:1px solid #e6e6e6;}
.pub_menu ul li{float:left;position:relative;margin-right:70px;}
.pub_menu ul li:after{position:absolute;content:"";width:100%;height:2px;background:none;left:0px;bottom:0px;}
.pub_menu ul li:before{position:absolute;content:"";width:1px;height:10px;background:#cacaca;right:-34px;top:25px;}
.pub_menu ul li.active:after,.pub_menu ul li:hover:after{background:#30a2dd;}
.pub_menu ul li:hover a,.pub_menu ul li.active a{color:#30a2dd;}
.pub_menu ul li:last-child:before{display:none;}

/*??????*/
.news ul{margin-bottom:30px;}
.news ul li{padding:2.5%;border:1px solid #fff;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.news ul li .news_pic{width:25%;float:left;}
.news ul li .news_note{width:55.83%;float:left;margin-left:2.5%;}
.news ul li .news_note h4{font-size:20px;color:#333;font-weight:bold;}
.news ul li .news_note p{color:#666;font-size:14px;color:#666;margin:20px auto;line-height:28px;}
.news ul li .news_note span{display: block;width:132px;height:26px;border:1px solid #ededed;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;background:url(img/icon_hits.jpg) no-repeat 20px center;padding-left:40px;line-height:24px;color:#666;}
.news ul li .news_note b{font-weight:normal;border-right:1px solid #ededed;height:100%;display:inline-block;padding-right:10px;margin-right:10px;}
.news ul li .date{width:12%;float:right;text-align:left;}
.news ul li .date span{font-size:70px;font-family:Arial;font-weight:bold;}
.news ul li .date p{font-size:20px;font-family:Arial;color:#3f3f3f;font-weight:bold;}
.news ul li .date a{display: block;margin-top:10px;}
.news ul li:hover{border:1px solid #30a2dd;}
.news ul li .com-img img{ width:100%; height:200px;}

/*???????????????*/
.news_fl{width:70%;float:left;}
.news_fl p.date{border-bottom:1px solid #e5e5e5;padding-bottom:20px;}
.news_fl span.hits{background:url(img/icon_hits.jpg) no-repeat left center;padding-left:20px;}
.news_fl h1{font-size:24px;color:#000;margin-bottom:25px;}
.news_fl p{color:#666;line-height:28px;/*margin-bottom:20px;*/}

.news1_fl{width:100%;}
.news1_fl p.date{border-bottom:1px solid #e5e5e5;padding-bottom:10px;text-align: center;}
.news1_fl span.hits{background:url(img/icon_hits.jpg) no-repeat left center;padding-left:20px;}
.news1_fl h1{font-size:24px;color:#000;margin-bottom:10px;text-align: center;}
.news1_fl p{color:#666;line-height:28px;}

.news_fr{width:26%;float:right;}
.return .rfl{float:left;width:50%;border-left:1px solid #afafaf;padding-left:15px;}
.return .rfr{float:right;width:50%;background:url(img/icon_return.png) no-repeat left center;padding-left:40px;line-height:36px;}

.flippage{border:10px solid #f3f3f3;margin-top:30px;padding:30px 20px;font-weight:bold;font-size:18px;color:#666;}
.flippage .prev{margin-bottom:20px;}
.flippage span.date{display: block;font-size:14px;color:#666;margin:8px 0px;font-weight:normal;}
.flippage h4{font-size:16px;}
.flippage h4:hover{color:#30a2dd;}


/*????????????*/
.about h2{font-size:36px;color:#333;text-align:center;font-weight:600;margin-bottom:40px;padding-bottom:30px;position:relative;}
.about h2:after{position:absolute;content:"";left:50%;bottom:0px;width:30px;height:3px;background:#30a2dd;margin-left:-15px;}
.about p{font-size:16px;color:#777;line-height:30px;text-align:center;}

.xnylist ul{overflow:hidden;margin:70px auto;}
.xnylist ul li:first-child{border-left:0px;}
.xnylist ul li{width:25%;float:left;text-align:center;font-size:18px;color:#444;border-left:1px solid #eee;}
.xnylist ul li h4{font-weight:normal;margin-top:20px;}
.comHist-list li{background:#fff;position:relative;}
.comHist-list li .comHist-img{width:56.25%;height:100%;overflow:hidden;position:absolute;top:0px;}
.comHist-box .split{height:3px;width:30px;display: block;background:#30a2dd;margin-bottom:40px;}
.comHist-list .abbg{background:url(img/abbg.jpg) no-repeat center / cover;}
.comHist-list li .comHist-box{padding:15% 10.625% 0 12.1875%;min-height:540px;}
.comHist-list li h4{font-size:24px;color:#333;font-weight:lighter;margin:45px auto 35px;}
.comHist-box dl{padding:44px 0 0;}
.comHist-box dt{line-height:30px;font-size:36px;color:#333;margin-bottom:20px;}
.comHist-box dd{line-height:35px;color:#666666;font-size:18px;}
.smlist{margin-top:30px;}
.smlist dl{overflow:hidden;}
.smlist dl dd{float:left;margin-right:50px;text-align:center;}
.smlist dl dd p{margin-top:20px;}
.comHist-list li:nth-child(2n-1){padding:0 56.25% 0 0;}
.comHist-list li:nth-child(2n-1) .comHist-img{right:0px;} 
.comHist-list li:nth-child(2n){padding:0 0 0 56.25%;}
.comHist-list li:nth-child(2n) dl{padding-top:0px;}
.comHist-list li:nth-child(2n) .comHist-img{left:0px;}
.smlist dl dd img{transform:scale(1) !important;-webkit-transform:scale(1) !important;}


/*????????????*/
.sell_note{margin-top:70px;}
.sell_note h2{font-size:36px;color:#333;text-align:center;font-weight:normal;margin-bottom:40px;padding-bottom:30px;position:relative;}
.sell_note h2:after{position:absolute;content:"";left:50%;bottom:0px;width:30px;height:3px;background:#30a2dd;margin-left:-15px;}
.sell_note p{line-height:35px;color:#777;text-align:center;font-size:16px;}
.sell_note dl{position:relative;max-width:564px;min-height:436px;margin:55px auto 85px;background:url(img/sell1_bg.png) no-repeat center / contain;}
.sell_note dl dd{position:absolute;width:200px;height:100px;border-radius:10px;text-align:center;color:#fff;font-size:20px;padding-top:20px;}
.sell_note dl dd.sd1{top:-20px;left:50%;margin-left:-100px;background:#4472c4;}
.sell_note dl dd.sd2{right:0px;top:50%;background:#43b0c0;margin-top:-50px;}
.sell_note dl dd.sd3{right:10%;bottom:-20px;background:#43bb8d;}
.sell_note dl dd.sd4{left:0px;top:50%;background:#71ad47;margin-top:-50px;}
.sell_note dl dd.sd5{left:10%;bottom:-20px;background:#45b451;}
.dsj{height:300px;background:url(img/dsj.jpg) no-repeat center / cover;color:#fff;text-align:center;}
.dsj h2{font-size:36px;font-weight:normal;position:relative;top:40%;padding-bottom:15px;}
.dsj h2:after{position:absolute;left:50%;bottom:0px;content:"";width:30px;height:3px;background:#fff;}

.dsjlist{background:#f5f5f5;padding-bottom:100px;}
.dsjlist .box{max-width:1180px;margin:0px auto;}
.dsjlist .box ul{width:986px;border-left:5px solid #30a3dc;padding-top:35px;padding-left:35px;margin-left:198px;}
.dsjlist .box ul li{background:#fff;width:953px;padding:70px 40px;margin-top:30px;position:relative;max-height:900px;}
.dsjlist .box ul li .content{max-height:700px;overflow:hidden;}
.dsjlist .box ul li .time{width:198px;height:106px;background:url(img/date_bg.png) no-repeat center;padding-left:30px;line-height:106px;font-size:24px;color:#fff;font-weight:bold;position:absolute;left:-228px;top:20%;}
.dsjlist .box ul li span.date{color:#333;font-size:18px;font-weight:bold;margin-bottom:15px;display: block;}
.dsjlist .box ul li p{color:#666;line-height:28px;}

/*-- ????????? --*/

/*???????????????*/
.blockChain-app{padding:60px 0 100px;}

.BCapp-wrap{height:460px;overflow:hidden;position:relative;margin:45px 0 0;}
.BCapp-wrap .BCapp-box{display:block;width:11.25%;height:460px;position:relative;overflow:hidden;float:left;cursor:pointer;}
.BCapp-box .BCapp-block{padding:23px 3.522012578616352% 30px;width:100%;color:#fff;background:rgba(0,0,0,.5);position:absolute;bottom:0px;left:0px;z-index:3;}
.BCapp-block .t{line-height:36px;font-size:20px;font-weight:600;}
.BCapp-block .c{line-height:24px;max-height:48px;margin:5px 0 0;}
.BCapp-box:after,
.BCapp-box:before{content:"";display:block;width:100%;height:50%;position:absolute;left:0px;background:rgba(0,0,0,.5);opacity:1;z-index:2;}
.BCapp-box:before{top:0px;}
.BCapp-box:after{bottom:0px;}

.BCapp-box:after,
.BCapp-box:before{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;}
.BCapp-box .BCapp-block{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;transform:translateY(100%);-webkit-transform:translateY(100%);opacity:0;}
.BCapp-box.cur .BCapp-block{transition-delay:.5s;-webkit-transition-delay:.5s;transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.BCapp-box.cur:before{top:-230px;opacity:0;}
.BCapp-box.cur:after{bottom:-230px;opacity:0;}


/*????????????*/
.blockChain-txData{padding:65px 0 78px;background:#f4f4f4;}

.BCtxData-box{text-align:center;margin:38px 0 0;}
.BCtxData-box img{max-width:100%;}

/*????????????*/
.blockChain-case{padding:65px 0 85px;background:#f4f4f4;}
.BCcase-swiper{margin:60px 0 0;}

.BCcaseSwiper-man{width:82.5%;height:565px;border:1px solid #01abfb;position:relative;float:left;}
.BCcaseSwiper-man .BCcSman-box img,
.BCcSmin-box img{width:100%;height:100%;object-fit:cover;}
.BCcaseSwiper-man .swiper-pagination{padding:38px 4px 0 0;width:74px;height:74px;line-height:36px;text-align:right;font-size:13px;color:#ffffff;background:url(img/BCcase-bg.png) no-repeat center center;;left:initial;right:0px;bottom:0px;}
.BCcaseSwiper-man .swiper-pagination .swiper-pagination-current{font-size:16px;}

.BCcaseSwiper-min{width:16.25%;height:565px;position:relative;float:right;}
.BCcaseSwiper-min .swiper-container{height:482px;}
.BCcSmin-box{display:block;height:113px;position:relative;overflow:hidden;}
.BCcSmin-box:after{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.55);position:absolute;top:0px;left:0px;}
.BCcSmin-box.cur{border:1px solid #01abfb;}
.BCcSmin-box.cur:after{display:none;}

.BCcaseSwiper-page{width:100%;text-align:center;font-size:0px;position:absolute;bottom:10px;left:0px;}
.BCcaseSwiper-page:after{content:"";display:block;width:100%;height:1px;background:#e4e4e4;position:absolute;left:0px;top:50%;margin:-1px 0 0;}
.BCcaseSwiper-page a{display:inline-block;width:45px;height:45px;position:relative;margin:0 3px;z-index:2;}
.BCcaseSwiper-page a.prev{background:url(img/swiper2-l.png) no-repeat center center;}
.BCcaseSwiper-page a.next{background:url(img/swiper2-r.png) no-repeat center center;}
.BCcaseSwiper-page a.prev:hover{background-image:url(img/swiper2-l2.png);}
.BCcaseSwiper-page a.next:hover{background-image:url(img/swiper2-r2.png);}


/*????????????*/
.blockChain-rInfo{padding:72px 0 152px;background:url(img/BCrInfo-bg.jpg) no-repeat center center / cover fixed;}
.BCrInfo-list{border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2);margin:66px 0 0;}
.BCrInfo-list li{width:25%;text-align:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);float:left;}
.BCrInfo-list li a{display:block;padding:31px 0 32px;}
.BCrInfo-list li a .name{line-height:30px;font-size:16px;margin:10px 0 0;}
.BCrInfo-list li a:hover img{transform:translate(0,-10px) scale(1.1);-webkit-transform:translate(0,-10px) scale(1.1);}


/*?????????*/
.panda-coin{padding:62px 0 98px;}
.panda-coin .I-title{width:845px;margin:0 auto;}
.PDC-adv{width:75%;text-align:center;font-size:0px;margin:76px auto 0;}
.PDC-adv li{width:33.3334%;border-left:1px solid #ececec;float:left;}
.PDC-adv li:first-child{border:0px;}
.PDC-adv li .type{line-height:31px;font-size:18px;color:#444444;margin:25px 0 0;}

.PDC-dtl{margin:98px 0 0;}
.PDCdtl-wrap{background:#f8f8f8;position:relative;}
.PDCdtl-wrap .PDCdtl-img{width:56.40625%;height:100%;position:absolute;top:0px;}
.PDCdtl-wrap .PDCdtl-box{padding:140px 0 40px;width:405px;min-height:542px;}
.PDCdtl-box .I-title,
.NEtuv-box .I-title{text-align:left;}
.PDCdtl-box .I-title .s,
.NEtuv-box .I-title .s{margin-left:0px;}

.PDCdtl-wrap:nth-child(2n-1){padding:0 56.40625% 0 0;}
.PDCdtl-wrap:nth-child(2n-1) .PDCdtl-img{right:0px;}
.PDCdtl-wrap:nth-child(2n-1) .PDCdtl-box{float:right;margin:0 8.363201911589008% 0 0;}

.PDCdtl-wrap:nth-child(2n){padding:0 0 0 56.40625%;}
.PDCdtl-wrap:nth-child(2n) .PDCdtl-img{left:0px;}
.PDCdtl-wrap:nth-child(2n) .PDCdtl-box{float:left;margin:0 0 0 8.363201911589008%;}

/*-- ????????? --*/

/*??????*/
.NE-biz{padding:62px 0 100px;}
.NE-biz .I-title{width:945px;margin:0 auto;}

/*TUV??????*/
.NE-TUV{padding:0 50% 0 0;background:#f8f8f8;position:relative;}
.NE-TUV .NEtuv-img{width:50%;height:100%;position:absolute;right:0px;top:0px;}
.NE-TUV .NEtuv-box{padding:115px 0 40px;width:480px;min-height:580px;float:right;margin:0 12.5% 0 0;}

/*??????*/
.NE-base{padding:92px 0 100px;}

.picDataItem-swiper{width:1200px;height:643px;position:relative;left:50%;margin:56px 0 0 -600px;}
.picDataItem-swiper .poster-list{width:838px;height:485px;overflow:hidden;position:absolute;top:0px;left:0px;}
.picDataItem-swiper .poster-list li{width:330px;height:485px;text-align:center;opacity:1 !important;position:absolute;top:0px;left:0px;}
.picDataItem-img img{width:100%;height:auto;}
.picDataItem-swiper .poster-btn{display:block;width:50px !important;height:50px !important;font-size:0px;text-align:center;position:absolute;top:50%;margin-top:-25px;z-index:20;}
.picDataItem-swiper .poster-prev-btn{left:0px;background:url(img/swiper1-l.png) no-repeat center center / cover;}
.picDataItem-swiper .poster-next-btn{right:0px;background:url(img/swiper1-r.png) no-repeat center center / cover;}

.picDataItem-swiper .poster-list li a{display:block;position:relative;overflow:hidden;}
.picDataItem-swiper .poster-list li a:after{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0px;left:0px;}
.picDataItem-swiper .poster-list li.cur a:after{display:none;}
.picDataItem-swiper .poster-list li a .name{display:block;width:100%;padding:5px 4%;line-height:26px;text-align:center;font-size:16px;color:#fff;background:rgba(0,0,0,.3);position:absolute;left:0px;bottom:0px;z-index:2;display:none;} 
.picDataItem-swiper .poster-list li.cur .name{display:block;animation:picDataName .4s ease-in-out;-webkit-animation:picDataName .4s ease-in-out;}
@keyframes picDataName{
	0%{transform:translateY(36px);-webkit-transform:translateY(36px);opacity:0;}
	100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}

.picDataItem-web{display:none;margin:1.5rem 0 0;}
.picDataItem-web .swiper-slide img{width:100%;}

.picDataItem-web .swiper-pagination{width:100%;text-align:center;font-size:0px;position:relative;bottom:0px;margin:1rem 0 0;}
.picDataItem-web .swiper-pagination .swiper-pagination-bullet{width:40px;height:5px;border:1px solid #d1d1d1;background:none;border-radius:0px;margin:0 4px;cursor:pointer;opacity:1;}
.picDataItem-web .swiper-pagination .swiper-pagination-bullet-active{border-color:#155e9f;background:#155e9f;}

.NE-container{padding:50px 0 100px;}
.NE-list{}
.NE-list li{position:relative;margin:20px 0 0;}
.NE-list .NElist-img{width:66.6667%;height:400px;position:relative;overflow:hidden;float:left;}
.NE-list .NElist-box{padding:32px 3% 0;width:33.3333%;height:400px;border:1px solid #e5e5e5;}
.NElist-top{padding:12px 0 0 95px;height:80px;position:relative;}
.NElist-icon{width:80px;height:80px;font-size:0px;border-radius:100%;border:1px solid #39a6de;position:relative;overflow:hidden;position:absolute;left:0px;top:0px;}
.NElist-icon img{width:100%;height:100%;}
.NElist-name .num{line-height:27px;font-size:24px;font-weight:600;}
.NElist-name .name{line-height:32px;font-size:20px;font-weight:600;}
.NElist-box .split{height:1px;background:#e5e5e5;margin:26px 0 34px;}
.NElist-con{line-height:24px;height:96px;color:#666666;-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-moz-line-clamp:4;-o-line-clamp:4;-webkit-box-orient:vertical;}
.NElist-more{line-height:20px;color:#888888;margin:34px 0 0;}
.NElist-more span{width:20px;height:20px;font-weight:600;color:#fff;font-family:'??????';border-radius:100%;background:#30a2dd;margin:0 0 0 8px;}

.NE-list li:nth-child(2n-1) .NElist-box{float:right;}

.NE-list li:nth-child(2n) .NElist-box{float:left;}

.NE-list li:hover .NElist-icon{background:#39a6de;}
.NE-list li:hover .NElist-icon img{opacity:0;}
.NE-list li:hover .NElist-icon img.rollover{opacity:1;}

.NE-list li:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1)}