/* ------------------------------
css for www.tidemedia.com
design by zhangliang&mezeroz@gmail.com
date 2014-07-30
last update by zhangliang&mezeroz@gmail.com
---------------------------- */
/* Reset */
body,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,input,select,label,dl,dt,dd{margin:0;padding:0;font-size:12px;color:#FFF;font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial, Verdana,sans-serif,'Hiragino Sans GB','Hiragino Sans GB W3';-webkit-font-smoothing:antialiased}
body{background:#fff;}
html{min-width:1280px;}
input,select,label{vertical-align:middle;font-size:12px;}
ul,ol,li{list-style:none;}
img{border:0;}
a{color:#494949;text-decoration:none;outline:none;}
.clear{clear:both;}
.wrap{width:1200px;margin:0 auto;}
.indexbox .wrap,.header .wrap,.footer .wrap{width:1200px;}
.wrap h2{font-size:46px;text-align:center;color:#FFF;padding:80px 0;font-weight:normal;}
.nav{font-size:14px;color:#000;}
.nav span{margin:0 10px 0 0;}
.w_550{width:550px;}
.m_auto{margin:0 auto;}
.bg_green{background:#91b60a;}
.bg_red{background:#de0245;}
/*header*/
.header{height:86px;background:#fff;width:100%;border-bottom:1px solid #eeeeee;z-index:100;}
/* .logo{float:left;width:228px;height:52px;margin-top:18px;} */
.logo {
    float: left;
    width: 228px;
    height: 62px;
    margin-top: 13px;
}
.logo a{ 
	/* background:url(/img/tidemedia_logo.svg) no-repeat; */
	/* background:url(/img/logo2020.png) no-repeat;
	background-size: 228px 57px;
	width:228px;height:57px; */
	background: url(/images/logo.svg) no-repeat;
     background-size: 228px 62px; 
    width: 228px;
    height: 62px;
	display:block;
	text-indent:-9999px;
}
.menu{float:right;font-size:14px;color:#fff;line-height:86px;}
.menu a{color:#000;font-size:14px;}
.menu li{float:left;margin:0 0 0 35px;height:86px;cursor:pointer;}
/*footer*/
.footer{width:100%;overflow:hidden;padding:47px 0 20px 0;background:#e4e4e4;}
.footer_nav{border-bottom:1px solid #CCC;margin:0 auto; overflow:hidden;padding-bottom:20px;}
.footer .wrap dl{width:197px;float:left;}
.footer .wrap dl dt{height:30px;font-size:14px;font-weight:bold;color:#000;}
.footer .wrap dl dd a{display:block;height:22px;}
.footer .wrap .ewm{width:196px;border-left:1px solid #ccc;border-right:1px solid #ccc;height:132px;text-align:center;margin-right:36px;}
.footer .wrap .ewm dt{height:94px;margin-bottom:5px;}
.footer .wrap .ewm dd{color:#666;}
.copy{width:270px;float:right;line-height:32px;color:#666;}


.children{position:absolute;width:100%;left:0;background:#eeeeee;height:127px;border-bottom:1px solid #dadada;z-index:100;top:80px;display:none;}
.menu li .children li{width:140px;margin:0;}
.menu li .children li a{display:block;padding:25px 0 0;text-align:center;color:#000;line-height:120%;font-size:12px;}
.menu li .children li a img{display:block;width:56px;height:56px;padding:0;margin:0 auto 10px;}
.c_products{height:212px;border-bottom:none;}
.children_products{border-bottom:1px solid #dadada;height:105px;}
.c_p_txt{float:left;width:92px;color:#000;font-size:14px;line-height:105px;}
.c_p_list{width:800px;float:left;}
.c_p_l_main{float:left;width:110px;padding:20px 0 0;margin:0 8px 0 0;}
.c_p_l_main a{display:block;text-align:center;line-height:120%;font-size:10px;}
.c_p_l_main img{display:block;width:46px;height:46px;margin:0 auto 10px;}

.copy2020 {
	width: 380px;
	line-height: 26px;
	padding-top: 10px;
}
.copy2020 p{
	color:#666;
}
.foot {
    padding: 50px 0;
    height: 280px;
    color: #fff;
    background: linear-gradient(126deg, #454545 0%, #32323A 100%);
}

.foot .logos {
    width: 150px;
    height: 47px;
    margin-top: 1px;
    padding-bottom: 15px;
}

.foot .logos a {
    background: url(/images/logowhite.svg) no-repeat;
    background-size: 150px 47px;
    width: 150px;
    height: 47px;
    display: block;
    text-indent: -9999px;
}

.foot-product {
    width: 140px;
}

.foot-nav {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 20px;
}

.foot-mes {
    width: 320px;
    float: left;
    border-right: 1px solid rgba(233,233,233,0.2);
}

.foot-mes .ewm {
    padding: 10px 0;
}

.foot-mes .ewm img {
    width: 120px;
	height: 120px;
	    border-radius: 5px;
}

.foot-mes p {
    display: block;
    line-height: 26px;
    color: rgba(255,255,255,0.8);
    font-size: 14px;
}

.foot .wrap dl {
    width: 160px;
    float: left;
}

.foot .wrap dl dt {
    font-size: 18px;
    padding-bottom: 20px;
}

.foot .wrap dl dd a {
    display: block;
    line-height: 26px;
    color: rgba(255,255,255,0.8);
    font-size: 14px;
}
.foot .wrap dl dd p {
    display: block;
    line-height: 26px;
    color: rgba(255,255,255,0.8);
    font-size: 14px;
}
.foot-item {
    padding-left: 22px;
}

.foot .wrap dl.foot-us {
    width: 130px;
}
.foot .wrap dl.foot-us {
    width: 130px;
}
.foot .wrap dl.foot-us .ewm {
    padding: 10px 0;
}

.foot .wrap dl.foot-us .ewm img {
    width: 120px;
}
.foot .wrap dl.foot-product {
    padding-left: 45px;
}


.foot .record a{
	color: rgba(255,255,255,0.8);
}








/*20210209*/
.foot .wrap {
    width: 1200px;
}
.title{
	width: 100%;
	font-size: 38px;
	font-weight: 400;
	color: #000000;
	line-height: 40px;
	padding:40px 0 20px;
	text-align: center;
}
.summary{
	width: 575px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6);
	line-height: 25px;
	text-align: center;
	margin: 0 auto;
}
.menu li {
    position: relative;
}
.menu-container {
    position: absolute;
    top: 80px;
	left: -86px;
    z-index: 10;
    display: none;
	width: 207px;
	box-shadow: 0px 0px 40px -1px rgba(0, 0, 0, 0.12);
	border-radius: 6px;
}

.menu-container::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-right: 12px solid transparent;
    border-top: 10px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 10px solid transparent;
    border-bottom-color: #fff;
    top: -19px;
    left: 97px;
}

.menu-list {
    /* margin-left: -50%; */
    float: left;
    overflow: hidden;
    white-space: nowrap;
    background: #fff;
    padding: 5px 25px;
	background: #FFFFFF;
	box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(151, 151, 151, 0.06);
	border-radius: 6px;
}

.menu-list .menu-list-item {
	display: block;
	font-size: 15px;
	color: #000000;
	height: 26px;
	line-height: 20px;
	padding: 8px 5px 8px 0;
}
.menu-list .menu-list-item img{
    width:26px;
    height: 26px;
	display: inline-block;
	vertical-align: middle;
}
.menu-list .menu-list-item .txt {
    padding: 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.55);
	margin-left: 8px;
}

.menu .menu-list .menu-list-item:hover .txt {
    color: #000000;
}
.menu .menu-container-txt{
    min-width: 340px;
    z-index: 999;
    left: -160px;
}
.menu .menu-container-txt::before {
    left: 160px;
}
.menu .menu-list-txt{
    min-width: 290px;
    padding: 10px 25px;
}
.menu .menu-list-txt .menu-list-item img {
    width: 36px;
    height: 36px;
}
.menu .menu-list-txt .menu-list-item p{
    display: inline-block;
    vertical-align: middle;
}
.menu .menu-list-txt .menu-list-item .txt {
    display: block;
    margin-left: 8px;
    width: 100%;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
}
.menu .menu-list-txt .menu-list-item .txt-title{
    font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
}
.menu .menu-list-txt  .menu-list-item {
    height: 36px;
    line-height: 20px;
    padding: 10px 5px 10px 0;
}
/*banner*/
.banner {
	position: relative;
	min-height: 531px;
}

.banner_about {
	min-height: 352px;
}

.banner a {
	display: block;
	width: 100%;
	top: 0;
	bottom: 0;
	height: 100%;
	position: absolute;
}

.banner strong {
	width: 100%;
	font-size: 48px;
	display: block;
	padding-top: 80px;
	font-weight: 200;
}

.newmedia {
	width: 540px;
	padding-top: 45px;
	line-height: 24px;
	font-size: 14px;
}


/*challenge*/
.challenge{
	width: 100%;
	background: #F4F4F4;
	padding-bottom: 52px;
}
.challenge .title{
	padding:50px 0;
	line-height: 58px;
}
.challenge .challenge-list{
	margin-left: -60px;
}
.challenge .challenge-item{
	width: 199px;
	height: 318px;
	background: #FFFFFF;
	border-radius: 8px;
	float: left;
	text-align: center;
	margin-left: 60px;
	padding:0 38px;
}
.challenge .challenge-item h4{
	text-align: center;
	height: 28px;
	font-size: 20px;
	font-weight: 500;
	color: #000000;
	line-height: 28px;
	padding-bottom: 28px;
}
.challenge .challenge-item h4:hover{
	color:#CB0A0C;
}
.challenge .challenge-item p{
	width: 199px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6);
	line-height: 25px;
	text-align: left;
}
.challenge .challenge-item img{
	width: 79px;
	padding:41px 0 23px;
}

/* resolvent */
.resolvent{
	width: 100%;
	background: #FFFFFF;
}
.resolvent .resolvent-list{
	margin-left: -35px;
	padding-top: 30px;
}
.resolvent .resolvent-item{
	width: 403px;
	height: 302px;
	background: #FFFFFF;
	border-radius: 8px;
	float: left;
	text-align: center;
	margin-left: 35px;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
	
}
.resolvent .resolvent-item h4{
	text-align: left;
	height: 28px;
	font-size: 20px;
	font-weight: 500;
	color: #000000;
	line-height: 28px;
	padding-bottom: 28px;
	width: 354px;
	padding:22px 24px 10px;
}
.resolvent .resolvent-item h4:hover{
	color:#CB0A0C;
}
.resolvent .resolvent-item p{
	width: 354px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6);
	line-height: 25px;
	text-align: left;
	padding:0 24px 0;

}
.resolvent .resolvent-item img{
	width: 100%;
	height: 129px;
	border-radius: 8px 8px 0 0;
	display: block;
}
.resolvent .more{
	width: 100%;
	height: 35px;
	text-align: center;
	padding:32px 0 38px;
}
.resolvent .more a{
	width: 116px;
	height: 35px;
	line-height: 35px;
	background: #82B711;
	border-radius: 18px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
}
/* composition */
.composition{
	width: 100%;
	height: 568px;
	background: #F4F4F4;
}

.composition .summary{
	text-align: left;
}
.composition .composition-list{
	padding-top: 25px;
}
.composition .composition-item{
	width: 25%;
	border-radius: 8px;
	float: left;
	text-align: center;
	margin-bottom: 30px;
}
.composition .composition-item h4{
	text-align: center;
	padding:15px 0 8px;
	width: 100%;
	height: 29px;
	font-size: 20px;
	font-weight: 500;
	color: #000000;
	line-height: 28px;
}
.composition .composition-item h4:hover{
	color:#CB0A0C;
}
.composition .composition-item p{
	width: 100%;
	text-align: center;
	height: 29px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6);
	line-height: 25px;
}
.composition .composition-item img{
	width: 80px;
}
/* advantages */
.advantages{
	width: 100%;
	padding-bottom: 56px;
	background: #FFFFFF;
}
.advantages-list{
	padding-top: 30px;
}
.advantages .advantages-item{
	width: 25%;
	border-radius: 8px;
	float: left;
	text-align: center;
	margin-bottom: 30px;
	position: relative;
}
.advantages .advantages-item h4{
	text-align: center;
	padding:14px 0 9px;
	width: 100%;
	height: 29px;
	font-size: 20px;
	font-weight: 500;
	color: #000000;
	line-height: 28px;
}
.advantages .advantages-item h4:hover{
	color:#CB0A0C;
}
.advantages .advantages-item .img-box{
	height: 52px;
	display: inline-block;
	vertical-align: middle;
}
.advantages .advantages-item img{
	width: 52px;
}
.advantages .advantages-item span{
	width: 44px;
	height: 5px;
	background: transparent;
	position: absolute;
	left: 43%;
	bottom: 0;
}
.advantages .active span{
	background: #82B711;
}
.advantages-box{
	width: 100%;
}
.advantages-box-item{
	width: 1280px;
	height: 327px;
	background: #FFFFFF;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07);
	border-radius: 2px;
	display: none;
}
.advantages-box-item:nth-child(1){
	display: block;
}
.advantages-box-item .img-box{
	width: 580px;
	height: 327px;
	float: left;
}
.advantages-box-item .img-box img{
	width: 100%;
	height: 100%;
	display: block;
}
.advantages-info{
	width: 580px;
	padding:0 62px 0 58px;
	float: right;
}
.advantages-info .advantages-title{
	height: 40px;
	font-size: 28px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.7);
	line-height: 40px;
	padding:38px 0 8px;
}
.advantages-info p{
	height: 80px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6);
	line-height: 25px;
}
.advantages-info .core-advantages{
	height: 25px;
	font-size: 18px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.7);
	line-height: 25px;
}
.advantages-info .core-advantages-list{
	font-size: 0;
}
.advantages-info .core-advantages-list span{
	background: #E7F3FA;
	border-radius: 6px;
	padding:0 12px;
	height: 22px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.7);
	line-height: 22px;
	display: inline-block;
	margin-right: 12px;
	margin-top:12px;
}
/* application */
.application{
	width: 100%;
	padding-bottom: 20px;
	background: #82B711;
}
.application .title{
	font-weight: 400;
	color: #FFFFFF;
}
.application .summary{
	font-weight: 400;
	color: rgba(255, 255, 255, 0.93);
}
.application-content{
	padding-bottom: 66px;
	width: 1140px;
	height: 342px;
	padding: 0 70px;
	overflow: hidden;
	position: relative;
	    margin-top: 30px;
}
.application-list{
	width: 100%;
	overflow: hidden;
	margin: 0 auto 0;
	
	position: relative;
}
.swiper-slide .application-slide{
	padding:49px 39px 57px 47px;
	width: 1052px;
	background: #FFFFFF;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
	border-radius: 8px;
	height: 196px;
}
.swiper-slide .img-box{
	width: 314px;
	height: 196px;
	float: left;
}
.swiper-slide .img-box img{
	width: 100%;
	height: 100%;
	float: left;
}
.application-info{
	width: 701px;
	float: right;
}
.application-title{
	width: 100%;
	height: 33px;
	font-size: 24px;
	font-weight: 500;
	color: #000000;
	line-height: 33px;
	padding:5px 0 10px 0;
}
.application-info p{
	height: 152px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6);
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}
.application .swiper-pagination-bullets.swiper-pagination-bullets .swiper-pagination-bullet {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	margin-right:9px;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #ffffff;
	opacity: 1;
}

.application .swiper-pagination-bullets.swiper-pagination-bullets .swiper-pagination-bullet-active {
	width: 25px;
}
.swiper-pagination {
	left: 45%;
    bottom: 0px;
}
.application .swiper-button-prev {
    background-image: url("../images/resolvent-left.png");
}

.application .swiper-button-next,
.application .swiper-button-prev {
    -moz-background-size:  20px 35px;
    -webkit-background-size: 20px 35px;
    background-size:  20px 35px;
    background-position: center;
    background-repeat: no-repeat;
	width: 20px;
	height: 35px;
}

.application .swiper-button-next {
    background-image: url("../images/resolvent-right.png");
}
.application .swiper-button-prev {
	right: auto;
	left: 0%;
	top: 42%;
	border: none;
	outline: none;
}

.application .swiper-button-next {
	right: 0%;
	left: auto;
	top: 42%;
	border: none;
	outline: none;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: '' !important;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: '' !important;
}

/* 数字体育 */
.digit-sport .challenge{padding-bottom:118px}
.digit-sport .resolvent .resolvent-item{height:230px;margin-bottom:27px}
.digit-sport .application,
.digit-sport .challenge .challenge-item .dot{background:#9e31b8}
.digit-sport .challenge .challenge-item{width:235px;margin-left:32px;padding:0 34px}
.digit-sport .challenge .challenge-item,
.digit-sport .challenge .challenge-item h4{text-align:left}
.digit-sport .challenge .challenge-item .dot{display:inline-block;width:4px;height:4px;border-radius:50%;vertical-align:middle;position:relative;top:-3px;margin-right:4px}
.digit-sport .challenge .challenge-item p{width:220px}
.digit-sport .core-advantage .left,
.digit-sport .core-advantage .right{float:left}
.digit-sport .core-advantage .left .img-wrapper{width:590px;height:405px;box-shadow:0 0 7px 0 rgb(0 0 0 / 7%);border-radius:8px;overflow:hidden}
.digit-sport .img-wrapper img{width:100%;height:100%}
.digit-sport .core-advantage{margin-top:69px;margin-bottom:100px}
.digit-sport .core-advantage .right{width:690px;padding-left:50px;box-sizing:border-box;padding-top:20px}
.digit-sport .core-advantage .right .item{margin-bottom:50px}
.digit-sport .core-advantage .right .item .img-wrapper,.core-advantage .right .item .text-wrapper{float:left}
.digit-sport .core-advantage .right .item .img-wrapper{width:70px;height:70px;margin-right:40px}
.digit-sport .core-advantage .right .item .text-wrapper{width:500px}
.digit-sport .core-advantage .right .item .text-wrapper .title{font-size:24px;color:#000;line-height:1;text-align:left;padding:0 0 8px 0}
.digit-sport .core-advantage .right .item .text-wrapper .summary{font-size:14px;color:#595959;text-align:left}
/* 数字体育 end*/

/* 产业互联网 */
.industry-web .resolvent .resolvent-list{margin-bottom: 40px;}
.industry-web .resolvent .resolvent-item{height: 230px;margin-bottom:27px;}
.industry-web .application{background:#2F77E5}
/* 产业互联网 end*/


.zhongtai .resolvent .resolvent-list{margin-left:92px}
.zhongtai .challenge .summary{width:756px;height:50px;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#606060;line-height:25px;text-align:left}
.zhongtai .application{background:#a62922}
.zhongtai .reso-item{float:left;width:50%;text-align:left;box-sizing:border-box;padding-left:105px;position:relative;margin-bottom:47px}
.zhongtai .reso-item .text-wrapper .title{font-size:28px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#000;line-height:40px;text-align:left;padding:0;padding-bottom:10px;}
.zhongtai .reso-item .img-wrapper{float:left;width:95px;height:111px;overflow:hidden;position:absolute;top:0;left:0}
.zhongtai .reso-item .img-wrapper img{width:100%;height:100%}
.zhongtai .reso-item .text-wrapper{float:left;padding-left:44px;box-sizing:border-box}
.zhongtai .reso-item .text-wrapper .summary{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:rgba(0,0,0,.6);line-height:25px;text-align:left;width:350px}




#nbWebImLightContainer P,#nbWebImLightContainer h1,#nbWebImLightContainer h2,#nbWebImLightContainer h3,#nbWebImLightContainer h4,#nbWebImLightContainer h5,#nbWebImLightContainer h6,
#nbWebImLightContainer ul,#nbWebImLightContainer li,#nbWebImLightContainer label,#nbWebImLightContainer dl,#nbWebImLightContainer dt,#nbWebImLightContainer dd{color: #000;}
#nbWebImLightContainer .nb-webim-light-message-content p{color: #ffffff;}
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-board-form .nb-nodeboard-input{color:#303133}