@charset "UTF-8";

/* 新闻列表 */
.news-box{width:100%;padding:80px 0 120px;}
.news-left{float:left;width:66.66%;}
.news-right{float:right;width:26.6%;}
.news-right-bg{width:100%;background:#eee;border-radius:4px;margin-top:30px;overflow:hidden;}
.news-right-bg2{width:100%;background:#e72420;border-radius:4px;overflow:hidden;}

.news-recom{width:100%;}
.news-recom li{width:100%;border:#eee solid 2px;border-radius:4px;padding:13px;margin-bottom:40px;}
.news-recom li:hover{border:#e72420 solid 2px;}
.news-recom li .news-img{width:100%;overflow:hidden;}
.news-recom li .news-img a img{display:block;width:100%;transition: all .6s;-webkit-transition: all .6s;}
.news-recom li .news-img:hover a img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}
.news-recom li .news-txt{width:100%;margin-top:10px;}
.news-recom li .news-txt h3{width:100%;font-size:18px;color:#666;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;display: block; white-space: nowrap;}
.news-recom li .news-txt h3:hover{color:#e72420;}
.news-recom li .news-tags{width:100%;margin-top:10px;}
.news-recom li .news-tags h6{float:left;margin-right:10px;margin-bottom:5px;background:#5c5c5c;border-radius:4px;overflow:hidden;}
.news-recom li .news-tags h6 a{padding:0 10px;font-size:12px;color:#fff;opacity:0.7;line-height:26px;}
.news-recom li .news-tags h6.tag{background:#e72420;}

.news-list{width:100%;margin-top:20px;}
.news-list-title{width:100%;margin-bottom:16px;background-size:40px;background-position:left center;background-repeat:no-repeat;padding-left:60px;}
.news-list-title h2{font-size:16px;color:#333;line-height:40px;font-weight:bold;}
.news-list-title2{margin-bottom:0;}
.news-list li{float:left;width:48.75%;margin-left:2.5%;margin-bottom:2.5%;border:#eee solid 2px;border-radius:4px;padding:13px;}
.news-list li:nth-child(odd){margin-left:0;}
.news-list li:hover{border:#e72420 solid 2px;}
.news-list li .news-img{width:100%;overflow:hidden;height:0;padding-bottom:57%;}
.news-list li .news-img a img{display:block;width:100%;transition: all .6s;-webkit-transition: all .6s;}
.news-list li:hover .news-img a img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}
.news-list li .news-txt{width:100%;margin-top:10px;}
.news-list li .news-txt h3{width:100%;font-size:16px;color:#666;line-height:28px;height:28px;overflow:hidden;text-overflow:ellipsis;display: block; white-space: nowrap;}
.news-list li:hover .news-txt h3{color:#e72420;}
.news-list li .news-tags{width:100%;margin-top:10px;}
.news-list li .news-tags h6{float:left;margin-right:10px;margin-bottom:5px;background:#5c5c5c;border-radius:4px;overflow:hidden;}
.news-list li .news-tags h6 a{padding:0 10px;font-size:12px;color:#fff;opacity:0.7;line-height:26px;}
.news-list li .news-tags h6.tag{background:#e72420;}
.news-list .news-list-more{width:100%;margin-bottom:16px;text-align:center;}
.news-list .news-list-more a{display:inline-block; zoom:1;*display:inline;padding-right:32px;background:url(../images/career/icon-down.png) no-repeat right center;font-size:16px;color:#e72420;line-height:24px;}

.news-list li .news-logo{width:100%;overflow:hidden;position:relative;}
.news-list li .news-logo img{display:block;width:100%;background:#f7f8fc;}
.news-list li .news-logo .video-btn{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/career/icon-play02.png) no-repeat center;cursor: pointer;}
.news-list li .news-logo-txt{width:100%;margin-top:8px;}
.news-list li .news-logo-txt h3{float:left;width:80%;margin-top:2px;font-size:16px;color:#666;line-height:28px;height:28px;overflow:hidden;text-overflow:ellipsis;display: block; white-space: nowrap;}
.news-list li:hover .news-logo-txt h3{color:#e72420;}
.news-list li .news-logo-txt .download-icon{float:right;width:32px;height:32px;background:url(../images/career/icon-download.png) no-repeat center;}

@media screen and (max-width: 992px) {
	.news-box{padding:60px 0 80px;}
	.news-left{width:100%;}
	.news-right{width:100%;margin-top:40px;}
}

@media screen and (max-width: 480px) {
	.news-box{padding:40px 0 60px;}
	.news-right{margin-top:30px;}

	.news-recom li{border:#eee solid 1px;padding:8px;margin-bottom:20px;}
	.news-recom li:hover{border:#e72420 solid 1px;}
	.news-recom li .news-txt h3{font-size:16px;line-height:24px;height:24px;}
	.news-recom li .news-tags{margin-top:8px;}
	.news-recom li .news-tags h6{margin-right:8px;margin-bottom:4px;}
	.news-recom li .news-tags h6 a{font-size:10px;}

	.news-list{margin-top:12px;}
	.news-list-title{margin-bottom:10px;background-size:28px;padding-left:40px;}
	.news-list-title h2{font-size:18px;}
	.news-list li{width:100%;margin-left:0;margin-bottom:3%;border:#eee solid 1px;padding:8px;}
	.news-list li:hover{border:#e72420 solid 1px;}
	.news-list li .news-txt h3{font-size:14px;line-height:24px;height:24px;}
	.news-list li .news-tags{margin-top:8px;}
	.news-list li .news-tags h6{margin-right:8px;margin-bottom:4px;}
	.news-list li .news-tags h6 a{font-size:10px;}
	.news-list .news-list-more{margin-bottom:10px;}

	.news-list-title.news-list-title2{margin-bottom:0;}
}

.news-social{width:100%;padding:24px 12.5%;}
.news-social ul{margin-top:40px;}
.news-social li{float:left;width:100%;margin-bottom:24px;}
.news-social li a{float:left;width:100%;}
.news-social li a .icon{float:left;width:40px;height:40px;background:#737373;border-radius:10px;overflow:hidden;}
.news-social li a .icon img{display:block;width:100%;}
.news-social li a h6{float:left;margin-left:20px;width:calc(100% - 60px);font-size:18px;color:#006bff;line-height:40px;}

.news-wechat{width:100%;padding:0 12.5% 40px;}
.news-wx-code{width:100px;border-radius:4px;overflow:hidden;}
.news-wx-code img{display:block;width:100px;}

.news-contact{width:100%;padding:24px 12.5%;}
.news-contact-cont{width:100%;}
.news-contact-cont h6{width:100%;font-size:18px;color:#666;line-height:32px;}
.news-contact-cont h4{width:100%;font-size:18px;color:#666;line-height:32px;background-position:left center;background-size:32px;background-repeat:no-repeat;padding-left:40px;}

@media screen and (max-width: 1200px) {
	.news-contact-cont h4{font-size:16px;}
}


.news-issue-form{width:100%;padding:14px 12.5%;cursor:pointer;}
.news-form{width:100%;}
.news-form .news-issue-input{display:block;width:100%;background:#fff;height:40px;border-radius:4px;border:none;margin-bottom:10px;padding:10px 20px;font-size:14px;color:#333;line-height:20px;}
.news-form .news-issue-btn{display:block;width:120px;height:42px;margin:30px auto 0;background:#ccc;border-radius:8px;font-size:18px;color:#fff;}


@media screen and (max-width: 480px) {
	.news-social{width:100%;padding:16px 5%;}
	.news-social ul{margin-top:20px;}
	.news-social li{margin-bottom:16px;}
	.news-social li a .icon{width:32px;height:32px;border-radius:8px;}
	.news-social li a h6{margin-left:16px;width:calc(100% - 48px);font-size:16px;line-height:32px;}

	.news-wechat{padding:0 5% 24px;}

	.news-contact{padding:16px 5%;}
	.news-contact-cont h6{font-size:16px;}
	.news-contact-cont h4{font-size:16px;background-size:28px;padding-left:36px;}

	/*.news-issue-form{padding:24px 5%;}
	.news-form{margin-top:20px;}*/
}


/* 新闻 */
.news-det{width:100%;}
.news-det-img{width:100%;border-radius:4px;overflow:hidden;}
.news-det-img img{display:block;width:100%;}

.news-det-title{width:100%;margin-top:10px;padding-bottom:20px;border-bottom:#e5e5e5 solid 1px;margin-bottom:20px;}
.news-det-title h1{font-size:24px;color:#333;line-height:48px;font-weight:bold;}
.news-det-title .news-tags{width:100%;}
.news-det-title .news-tags h6{float:left;margin-right:10px;margin-bottom:5px;background:#5c5c5c;border-radius:4px;overflow:hidden;}
.news-det-title .news-tags h6 a{padding:0 10px;font-size:12px;color:#fff;opacity:0.7;line-height:26px;}
.news-det-title .news-tags h6.tag{background:#e72420;}

.news-sec-title{width:100%;position:relative;font-size:20px;font-weight:600;color:#333;line-height:28px;padding-bottom:20px;}
.news-sec-title:after{content:"";display:block;width:120px;height:4px;background:#e60012;position:absolute;left:0;bottom:0;}

.news-editing span.tag{padding:0 10px;font-size:18px;color:#fff;line-height:40px;background:#e72420;margin-bottom:10px;border-radius:4px;}

@media screen and (max-width:991px) {
	.news-det-title{padding-bottom:12px;margin-bottom:20px;}
	.news-det-title h1{font-size:18px;line-height:36px;}

	.news-sec-title{font-size:16px;line-height:24px;padding-bottom:16px;}
	.news-sec-title:after{width:80px;height:2px;}

	.news-editing span.tag{font-size:14px;line-height:32px;margin-bottom:8px;}

	.news-det-title .news-tags h6 a{font-size:10px;}
}



/*技术博客*/
.tech-list{width:100%;margin:60px auto 180px 0;}
.tech-list li{float:left;width:100%;padding:30px 0;border-bottom:#e0e0e0 solid 1px;}
.tech-list li .txt{float:left;width:calc(100% - 400px);}
.tech-list li .txt h5{width:100%;font-size:28px;color:#333;line-height:40px;max-height:80px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.tech-list li .txt h5 a{color:#333;}
.tech-list li .txt h5:hover a{color:#e72420;}
.tech-list li .txt p{width:100%;margin-top:10px;font-size:18px;color:#666;line-height:30px;height:60px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.tech-list li .tech-tags{width:100%;margin-top:10px;}
.tech-list li .tech-tags h6{float:left;margin-right:10px;margin-bottom:5px;background:#5c5c5c;border-radius:4px;overflow:hidden;}
.tech-list li .tech-tags h6 a{padding:0 10px;font-size:12px;color:#fff;opacity:0.7;line-height:26px;}
.tech-list li .tech-tags h6.tag{background:#e72420;}

.tech-list li .img{float:right;width:320px;overflow:hidden;}
.tech-list li .img img{display:block;width:100%;transition: all .6s;-webkit-transition: all .6s;}
.tech-list li .img:hover a img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}


@media screen and (max-width: 1200px) {
	.tech-list li .txt{width:calc(100% - 360px);}
	.tech-list li .img{width:280px;}
}


@media screen and (max-width: 992px) {
	.tech-list li .txt{width:calc(100% - 240px);}

	.tech-list li .txt h5{font-size:20px;line-height:32px;max-height:32px;display: block; white-space: nowrap;}
	.tech-list li .txt h5 a{width:100%;max-height:32px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
	.tech-list li .txt p{font-size:16px;line-height:28px;height:56px;}

	.tech-list li .img{width:220px;}
}

@media screen and (max-width: 640px) {
	.tech-list li .txt{width:62%;}
	.tech-list li .img{width:36%;}
}

@media screen and (max-width:480px) {
	.tech-list{margin:20px auto 60px auto;}
	.tech-list li{padding:16px 0;}
	.tech-list li .txt h5{font-size:16px;line-height:24px;max-height:24px;}
	.tech-list li .txt h5 a{max-height:24px;}
	.tech-list li .txt p{font-size:14px;line-height:20px;height:40px;}

	.tech-list li .tech-tags{margin-top:8px;}
	.tech-list li .tech-tags h6{margin-right:8px;margin-bottom:4px;}
	.tech-list li .tech-tags h6 a{font-size:10px;}
}