@import url("../../css/basic2.css");

body{background: #578dd9;}
body {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
.content{max-width: 1300px; margin: 0 auto; background: #f2f8ff;}
.container{margin: 0 auto;}
@media screen and (min-width: 768px){
	.container {width: 750px;}
}
@media screen and (min-width: 992px){
	.container {width: 970px;}
}
@media screen and (min-width: 1200px){
	.container{width: 1170px;}
}
@media screen and (min-width: 1220px){
	.container{width: 1200px;}
}
@media (min-width: 1200px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm{display: none!important;}
}
@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}

.owl-dots{text-align: center; margin-top: 20px;}
.owl-dots .owl-dot{display: inline-block; zoom:1; text-align: center; outline: none;}
.owl-dots .owl-dot span{
	width: 80px; height: 8px; margin:0 7px; display: block; background: #d9ddff; border-radius: 30px;
    -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
.owl-dots .owl-dot.active span{background: #7744dd;}

.citation{border:1px solid #f1ecfc; padding: 30px 50px; margin-top: -50px; background: #fff; position: relative;}
.citation p{line-height: 32px; color: #666;}
.title-top{margin-bottom: 16px; overflow: hidden;}
.title-top .title-name{color: #0066cc; line-height: 1; font-size: 32px; display: block; float: left;}
.title-top span.topic{display: block; float: left; width: 50px; height: 24px; color: #fff; text-align: center; line-height: 24px; font-size: 16px; border-radius: 10px;
background:#dd0000;  margin: 6px 0 0 10px;}
.topic-share{margin-top: 20px; }
.clear{width: 100%; clear: both;height: 0;}
/*.topic-share,.shares{overflow: hidden;}*/
.share-position,.shares{float: left;}
.share-position{margin-right: 5px; color: #0066cc; line-height: 36px;}
.shares > div{margin: 0 10px; background-position: center 0; background-repeat: no-repeat; width: 36px; height: 36px; float: left;}
.share-qrcode{ background-image: url(https://www.c114.com.cn/topic/images/5973/36weixin-gray.png);}
.share-qzone{ background-image: url(https://www.c114.com.cn/topic/images/5973/36qq-gray.png);}
.share-sina{ background-image: url(../5973/36weibo-gray.png);}
.share-qrcode:hover{background-image: url(https://www.c114.com.cn/topic/images/5973/36weixin-green.png);}
.share-qzone:hover{background-image: url(https://www.c114.com.cn/topic/images/5973/36qq-green.png);}
.share-sina:hover{background-image: url(https://www.c114.com.cn/topic/images/5973/36weibo-green.png);}


.social-share .social-share-icon{width: 36px; height: 36px;}
.social-share .social-share-icon{border:0;}

.social-share .icon-wechat:before{
	content: '';
	background-image:url(https://www.c114.com.cn/topic/images/5973/36weixin-gray.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	height: 36px;
}
.social-share .icon-wechat:hover{
	background: transparent;
}
.social-share .icon-wechat.icon-wechathover:before{
	background-image:url(https://www.c114.com.cn/topic/images/5973/36weixin-green.png);
}


.social-share .icon-weibo:hover{
	background: transparent;
}
.social-share .icon-weibo:before{
	content: '';
	background-image:url(https://www.c114.com.cn/topic/images/5973/36weibo-gray.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	height: 36px;
}
.social-share .icon-weibo.icon-weibohover:before{
	background-image:url(https://www.c114.com.cn/topic/images/5973/36weibo-green.png);
}

.social-share .icon-qzone:hover{
	background: transparent;
}
.social-share .icon-qzone:before{
	content: '';
	background-image:url(https://www.c114.com.cn/topic/images/5973/36qq-gray.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	height: 36px;
}
.social-share .icon-qzone.icon-qzonehover:before{
	background-image:url(https://www.c114.com.cn/topic/images/5973/36qq-green.png);
}
.social-share a{margin:0 6px!important;}


.block{margin-top: 70px;}
.block-title,.block-stitle{text-align: center;}
.block-title{font-size: 36px; line-height: 1;}
.block-stitle{color:#0066cc; margin: 10px 0 25px;}
.industry-top{background: #fff; display: flex;}
.industry-top img{width: 53%;}
.industry-text{padding: 30px 40px 0;}
.industry-title{font-size: 24px; color: #06c; margin-bottom: 20px;}
.industry-text p{color: #666; font-size: 16px; line-height: 24px; margin-bottom: 90px;}
.industry-text a{display: inline-block; width: 120px; height: 32px; color: #fff; background: #0066cc; border-radius: 25px; text-align: center; line-height: 32px; font-size: 16px;}
.industry-list,.txrjy-list{display: flex; flex-wrap:wrap; justify-content: space-between;}
.industry-list .industry-item{width: 32%; margin-top: 30px;}
.industry-item-text{background: #fff; height: 100px; padding: 20px 30px 0; color: #06c; font-size: 16px; line-height: 24px; box-sizing: border-box;}
.tips{display: flex; justify-content: center; font-size: 16px; color: #666; margin-top: 20px; line-height: 24px;}

.txrjy-item{width: 49%;margin-bottom: 30px;}
.txrjy-item-top{display: flex; align-items: center; height: 60px; background: linear-gradient(to right, #0066cc, #559bf2);}
.txrjy-item-top .txrjy-num{width: 50px; display: block; margin-right: 10px; margin-left: 5px;}
.txrjy-item-top span{color: #fff; font-size: 20px; line-height: 60px;}
.txrjy-box{height: 140px; background-color: #fff; padding: 20px; box-sizing: border-box;}
.txrjy-box p{color: #666666; font-size: 16px; line-height: 24px;}
.txrjy-more{display: flex; justify-content: center;}
.txrjy-more a{ display: inline-block; width: 120px; height: 36px; background: #0066cc; color: #fff; text-align: center; line-height: 36px; border-radius: 25px; font-size: 16px; margin-top: 10px;}


.relateds{float: left; width: 23.5%; margin-bottom: 30px; margin-right: 2%;}
.relateds_even:nth-child(4n+4){margin-right: 0;}
.relateds img{display: block; width: 100%; }
.relateds_text{ border-top: 0; color: #0066cc; font-size: 16px; line-height: 24px; background: #fff;
min-height: 100px; padding: 10px 15px 0;}
.relateds_half{width: 49%!important;}
.relateds_half:nth-child(even){margin-right: 0;}
.relateds_half .relateds_text{min-height: 60px;}
.video .relateds_mr0{margin-right: 0!important;}
.relateds_half .relateds_text{min-height: 60px;}
.video .related-list .relateds:nth-child(1),.video .related-list .relateds:nth-child(2){
width: 49%!important;
}
.video .related-list .relateds:nth-child(1) .relateds_text,.video .related-list .relateds:nth-child(2) .relateds_text{
 min-height: 60px; font-size: 20px; line-height: 30px;
}
.video .related-list .relateds:nth-child(2){margin-right: 0;}
.video .related-list .relateds{margin-right: 2%;}
.video .related-list .relateds:nth-child(6),.video .related-list .relateds:nth-child(10),.video .related-list .relateds:nth-child(14),
.video .related-list .relateds:nth-child(18){margin-right: 0;}
.video .related-list .relateds:nth-child(n+7){display: none;}
.live-button{text-align: center; margin-top: 30px; }
.live-button a{display: inline-block; margin: 0 10px; border-radius: 20px; width: 180px; height: 40px; background: #fff; color: #030047; line-height: 40px; text-align: center;}
.live-button a.chinese{background: #E6007E; color: #fff;}
/*foot*/
.foot{background: #0066cc; min-height:140px;  margin-top: 70px; text-align: center;}
.foot p{font-size:16px; color:#fff; line-height:28px; padding-top: 55px;}

@media screen and (max-width: 1199px){
	.keyword_name a{font-size: 24px;}
	.owl-carousel-hot .items{min-height: 330px;}

	.industry-text{padding: 20px 20px 0;}
	.industry-title{margin-bottom: 15px;}
	.industry-text p{margin-bottom: 30px;}

	.relateds{width: 32%; margin-bottom: 20px; margin-left: 0; margin-right: 0}
	.relateds_even:nth-child(3n+2),.relateds_mr:nth-child(3n+1){margin-right: 2%; margin-left: 2%;}
	.relateds_half{margin-right: 2%;}

	.video .related-list .relateds:nth-child(2){margin-left: 2%;}
	.video .related-list .relateds{margin-left: 0; margin-right: 0;}
	.video .related-list .relateds:nth-child(4),.video .related-list .relateds:nth-child(7),.video .related-list .relateds:nth-child(10),
	.video .related-list .relateds:nth-child(13),.video .related-list .relateds:nth-child(16){margin-right: 2%; margin-left: 2%;}
}
@media screen and (max-width: 991px){
	.citation{padding: 20px 30px; }
	.citation p,.block_two .pes{font-size: 16px; line-height: 24px;}
	.title-top .title-name{font-size: 24px; }
	.title-top span.topic{width: 40px; height: 20px; line-height: 20px; margin: 2px 0 0 10px; font-size: 14px; }

	.block{margin-top: 40px;}
	.block-title{font-size: 24px;}
	.block-stitle{font-size: 16px; line-height: 24px; margin-bottom: 15px;}
	.industry-top{flex-wrap: wrap;}
	.industry-top img{width: 100%;}
	.industry-text{padding: 20px 15px;}
	.industry-list .industry-item{width: 49%; margin-top: 20px;}
	.industry-title{font-size: 20px;}
	.txrjy-item-top .txrjy-num{width: 40px;}
	.txrjy-item-top span{font-size: 16px; line-height: 24px; padding-right: 15px;}
}
@media screen and (max-width: 768px){
	.container{margin: 0 15px;}
	.owl-dots .owl-dot span{width: 10px; height: 10px; margin:0 5px;}
	.owl-dots{margin-top: 10px;}

	.foot{margin-top: 40px;}
	.foot{min-height: 110px;}
	.foot p{font-size: 14px; line-height: 20px; padding: 30px 20px 0;}

	.citation{padding: 20px 20px 30px; margin-top: -50px;}
	.title-top{margin-bottom: 10px; position: relative;}
	.title-top .title-name{font-size: 24px; display: inline; float: none;}
	.title-top span.topic{display: inline-block; float: none; margin: 0 0 0 7px;}
	.topic-share{margin-top: 10px;}

	.industry-item-text{padding: 10px 10px 0;}
	.txrjy-item{width: 100%; margin-bottom: 20px;}

	.relateds_text{padding: 10px 10px 0; font-size: 14px; line-height: 20px;  min-height: 90px;}
	.relateds{width: 49%; margin-bottom: 20px; margin-left: 0; margin-right: 0}
	.relateds_even:nth-child(3n+2),.relateds_mr:nth-child(3n+1){margin-right: 0; margin-left: 0;}
	.relateds_half{margin-right: 0;}
	.relateds_half{width: 100%!important;}
	.relateds_even:nth-child(even){margin-left: 2%;}
	.relateds_mr:nth-child(even){margin-left: 2%;}

	.video .related-list .relateds:nth-child(1),.video .related-list .relateds:nth-child(2){margin-left: 0; width: 100%!important;}
	.video .related-list .relateds:nth-child(n+3){margin-left: 0; margin-right: 0;}
	.video .related-list .relateds:nth-child(4),.video .related-list .relateds:nth-child(6),.video .related-list .relateds:nth-child(8),
	.video .related-list .relateds:nth-child(10),.video .related-list .relateds:nth-child(12),.video .related-list .relateds:nth-child(14),
	.video .related-list .relateds:nth-child(16),.video .related-list .relateds:nth-child(18),.video .related-list .relateds:nth-child(20),
	.video .related-list .relateds:nth-child(22),.video .related-list .relateds:nth-child(24){margin-left: 2%;}
	.video .related-list .relateds:nth-child(1) .relateds_text, .video .related-list .relateds:nth-child(2) .relateds_text{
		font-size: 14px; line-height: 20px; min-height: 40px;
	}

}