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

/* 详情页主要内容 */
.vision_content {
	/* background: url("../imgs/big_bg.jpg"); */
	padding-top:107px; padding-bottom:30px;
	width: 100%;
	/* max-width: 1920px; */
	/* margin: 0 auto; */
}
.vision_content .details{
	/* width:96%; */
	/* width:1280px;
	margin: 0 auto; */
}
/*.vision_content .details .top{
	display: none;
}*/
.vision_content .details .center{
	width: 100%;
	 /* box-sizing:border-box; padding:0 10%; */
}
#picList li .center{background:url(../imgs/center_bg.png) repeat-y;background-size: 100% auto; position: relative; overflow: hidden; width: 100%;}
.vision_content .details .center .banner{
	width: 100%;
	/* margin-bottom: 25px; */
	margin-bottom: 25px;
}
.vision_content .details .center .banner img{border-radius:12px;
	display: block;
	/* width: 100%; */
	width: 80%;
	margin: 0 auto;
	height: auto;
}
.vision_content .details .center h4,.vision_content .details .center h6{
	text-align: center;
	line-height: 2.25;
	font-size: 24px;
	font-weight: bold;
	color: #000;
}
.img_small_al{
	text-align: center;
}
.vision_content .details .center p{
	line-height: 1.5;
	font-size: 17px;
	color: #333;
	padding-bottom: 25px;
	position: relative;
}
/*.vision_content .details .center p span{
	display: block;
}*/
.vision_content .details .center p .mulu{
	line-height: 2;
	font-size: 28px;
	font-weight: bold;
	color: #ea0a1d;
}
.vision_content .details .center p .mulu_bg{
	background: #e7e6e2;
	padding: 53px 0 53px 75px;
}
.vision_content .details .center p a,.vision_content .details .center p .mulu_bg a{
	line-height: 2.25;
	font-size: 16px;
	color: #333;
	text-decoration: underline;
}
.vision_content .details .center h2{
	line-height: 1.7;
	font-size: 28px;
	color: #333;
	padding-left: 20px;
	position: relative;
	margin-bottom: 30px;
}
.vision_content .details .center h2 i{
	display: block;
	width: 4px;
	height: 100%;
	background: #ea0a1d;
	position: absolute;
	left: 0;
	top: 0;
}
.vision_content .details .center p.center_img{
	width: 100%;
	font-size: 12px;
	text-align: center;
}
.vision_content .details .center p.center_img img{
	display: block;
	max-width:100%; margin:0 auto;
	height: auto;
}
/*.vision_content .details .center p .txt_huibg{
	background: #e7e6e2;
	padding: 26px 30px;
}*/
.vision_content .details .center p.mov{
	position: relative;
	z-index: 3;
}
.vision_content .details .center p.mov video{
	display: block;
	width: 100%;
	height: auto;
}
.vision_content .details .center p img.play,.vision_content .details .center p.mov img.play{
	width: 6%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.back{
	display: none;
}


.vision_content{position:relative;}
/* .details .center-inner{width:100%; height:100%; position:absolute; top:70px; left:0; z-index:2; background:url(../imgs/shuiyin.png) 0 0 repeat; opacity:.5;}
 */

.details .center .banner .big_img{width:100%;display:block;}
.details .center .banner .play_btn{
	width: 8%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

.vision_content .details .center p .jump{/*color:rgb(24, 32, 255);*/ color:rgb(0, 0, 255);}
.vision_content .details .center p .jump:hover{color:rgb(235, 10, 44);}
.vision_content .details .center p .jump a:hover{color: rgb(235, 10, 30)  !important;}
.vision_content .details .center p .root{text-decoration:underline; display:inline-block;}
@media screen and (max-width: 1440px) {
	.vision_content .details .center p .jump a{font-size:14px;}
	html body .vision_content .details .center p .jump{font-size:14px;}
}

html body .vision_content .details .center .span_text {
        font-size: 12px;
        text-align: center;
        display: block;
        transform: translateY(-15px);
    }


.device{
	position: relative;
}
.code-btn{
	display: block;
	width: 50px;
	position: absolute;
	top: 18%;
}
.code-btn img{
	display: block;
	width: 100%;
	height: auto;
}
.arrow-left{
	left: 6%;
	opacity: .5;
}
.arrow-right{
	right: 6%;
}
.my_swiper {
	width: 80%;
	margin: 0 auto;
}
.my_swiper .swiper-slide {
	padding: 0 6px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	font-size: 14px;
	color: #000;
}
.my_swiper .swiper-slide p {
	margin-top: 5px;
	text-align: center;
}
.my_swiper .swiper-slide .video_img {
	display: block;
	width: 100%;
	height: auto;
	cursor: pointer;
}
.my_swiper .swiper-slide .play_btn {
	width: 18%; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	display: none;
}
.my_swiper .swiper-slide_active .play_btn {
	display: block;
}
@media screen and (max-width:1440px){
	.code-btn{
		top: 5%;
	}
	.arrow-left{
		left: 5%;
	}
	.arrow-right{
		right: 5%;
	}
}
@media screen and (max-width:1280px){
	.code-btn{
		top: 3%;
	}
}

/*排版代码找回====20211130======*/
/* 详情页 */
/*.details{text-align: center; margin-top: -1.5%;}*/
.details .center .banner{width: 80%; /*margin-left: 10%; margin-top:55px; */ margin-top:5px;}
.details .center .banner img{width: 100%;}
.details .top img,.details .bottom img{width: 100%; display: block;}
.details .center{
	/* background:url(../imgs/center_bg.png) repeat-y;background-size: 100%; position: relative; overflow: hidden; */
}
.details .center.internal {
	background: url(../imgs/shuiyin.png) repeat,url(../imgs/center_bg.png) repeat-y center center / 100% auto ;
	user-select:none;
}
.details .center-inner{
	width: 100%;
	height:100%;
	position:absolute;
	top:70px;
	left:0;
	/* z-index:2; */
	background:url(../imgs/shuiyin.png);
	opacity:.5;
}
.vision_content .center-inner{
	width: 100%;
	/* height:100%; */
	height:calc(100% - 137px);
	position:absolute;
	top:70px;
	left:0;
	z-index:2;
	background:url(../imgs/shuiyin.png);
	opacity:.5;
}
/*.details .center p{line-height: 28px; font-size: 14px;padding: 0 10% 10% 10%; text-align: left; }*/
.details .center p a.center_img{width: 50%;margin-left: 25%; display: block;font-size: 10px;}
.details .center p a.center_img img{width: 100%;}
.details .center h6{font-size: 24px;line-height: 100px;margin:0;margin-bottom:0.6%}
.details .center .back{position: absolute;right:5%;top: 0%;width: 4%; cursor: pointer;}
.details .center .back img{width: 100%;}
.anmao{
    height:0;
    position :relative;
    top :-173px;
}

/*.special_details .center p{padding:1% 10%;padding-bottom: 1%;}
.special_details .center p.center_img{padding-bottom: 0.6%;padding-top: 1%;font-size:12px;}
.special_details .center h2{text-align: left;padding:0 10%;margin-bottom:1%;margin-top:3%;}
.special_details .center h2 i{display:inline-block;width:3px;height:35px;background:#e50021;margin-right:10px;vertical-align:middle;}
.special_details .center p.center_img img,.special_details .center p.center_img a{display: block;width: 100%;color:#999; }
.special_details .center p span a{text-decoration: underline;color:#000;}*/
.details .center p.center_img{position: relative;}
.details .center p.center_img .play{position: absolute; width: 5%; top: 50%;left: 50%;cursor: pointer;transform: translate(-50%,-50%);}
.details .center p .link{ color: #333; display: block;text-decoration: underline;}
.details .center p .link_title{ text-decoration: none;}
.details .txt_center{width:118px;height:16px;margin:0 auto;background:#ffee60;}
.details .sm_center{text-align:center;}
.details .miaodian{display:block; padding-bottom:10%;margin-top:-10%;}
.details .gray{background:#e7e6e2; display:block; padding:25px 30px;}
.details .img_small{text-align:center;}
.details .img_small img{width:40%;}

.details .center p.img_small_al{width:100%; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box;}
.details .center p.img_small_al img{max-width:100%; display:inline;}

.special_details .center a{color:#000;}

.details .center p .sm_span{
	display: block;
	padding-bottom: 1.4%;
}
.details .center p .sm_span img{
	width: 64%;
}

.details .center p.pic{padding-bottom:0.6%; padding-top:1%; font-size:12px; position:relative;}
.details .center p.pic img{display:block; max-width:100%; margin:0 auto;} 
.details .center p.pic a{display:block; max-width:100%; color:#999;}

.details .center p.txt_pic .sm_span img{display:block; max-width:100%; width:inherit; margin:0 auto;} 




.time span{
   background:red -webkit-linear-gradient(left,red,#000,red) no-repeat 0 0;
   background-size:100% 100%; 
   text-align: center;
   font-weight: bold;
   display: inline-block;
   height: 28px;
   width: 153px;
   margin-left: -24px;
   border-radius: 10px;
  }
.time span{-webkit-animation: slideShine 3s linear infinite alternate;animation: slideShine 3s linear infinite alternate;}
@-webkit-keyframes slideShine {
   0% {
        background-position: -76px 0%;
      }
   100% {
        background-position: 76px 100%;
    }
}
@keyframes slideShine {
    0% {background-position: -76px  0%;}
   100% {background-position: 76px 100%; }
}


.head_left .dingyue{display:block; width:24%; position:absolute; top:33%; right:14.5%;}
.head_left .dingyue img{display:block; width:100%;}
.dingyue_wrap{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;background: url(../imgs/subscribe_bg.png);display:none;}
*{font-family: 'Microsoft YaHei', 'SimHei', Arial, 'Source Han Sans';}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after{content:" "; display:table;}




/* 20210625-pc手机统一化 */
.special_details .center p span a {
    text-decoration: underline;
    color: #000;
}
.details .center h4{
    font-size: 24px;
    line-height:1.66666;
    margin: 0;
    margin-bottom: 0.6%; 
	/* margin-top:60px; */
	margin-top:20px;
}
.details .center .mulu {
	color:#eb0a1e;
	font-weight: bold;
	font-size:18px;
}
.details .center .mulu_bg {
	background: #e7e6e2;
	display: block;
	padding: 25px 60px;
}

.details .center .maodian {
	display: block;
	padding-bottom:
	10%;margin-top: -10%;
}
.details .center .txt_huibg {
	background: #e7e6e2;
	display: block;
	padding:25px 30px;
}
.details .center .txt_huibg span{
	/*display: block;*/
    padding-bottom: 1.4%;
}
.special_details .center span.center_img {
	
    padding-bottom: 1.4%;
    padding-top: 1%;
    font-size: 12px;
}
.details .center .txt_huibg span img{
	width:100%;
	display: block;
}
.details .center .text_center{display:block;
	text-align: center;
}
.details .center .text_underline{
	text-decoration: underline;
}
.details .center .bold{
	font-weight: bold;
}
.details .center span a.text_underline{
	text-decoration: underline !important;
}
.details .center .mov{
    margin-bottom: 0%;
}


.details .center .banner .big_img{width:100%;display:block;}
.details .center .banner .play_btn{
	width: 8%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.device{
	position: relative;
}
.code-btn{
	display: block;
	width: 50px;
	position: absolute;
	top: 18%;
}
.code-btn img{
	display: block;
	width: 100%;
	height: auto;
}
.arrow-left{
	left: 6%;
	opacity: .5;
}
.arrow-right{
	right: 6%;
}
.my_swiper {
	width: 80%;
	margin: 0 auto;
}
.my_swiper .swiper-slide {
	padding: 0 6px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	font-size: 14px;
	color: #000;
}
.my_swiper .swiper-slide p {
	margin-top: 5px;
	text-align: center;
}
.my_swiper .swiper-slide .video_img {
	display: block;
	width: 100%;
	height: auto;
	cursor: pointer;
}
.my_swiper .swiper-slide .play_btn {
	width: 18%; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	display: none;
}
.my_swiper .swiper-slide_active .play_btn {
	display: block;
}
@media screen and (max-width:1440px){
	.vision_content .details .center p{font-size:16px;}
	.details_Introduction {
    font-size: 16px;
}
	.code-btn{
		top: 5%;
	}
	.details .center p.pic {
		font-size: 12px;
	}
	.arrow-left{
		left: 5%;
	}
	.arrow-right{
		right: 5%;
	}
	
}
@media screen and (max-width:1280px){
	.code-btn{
		top: 3%;
	}
}


/*代码覆盖补充====20211126======*/
.vision_content .details .center h4{font-size:28px;}
.vision_content .details .center h2{font-size:24px;}


.vision_content .details .center .center_img{width:100%; font-size:12px; text-align:center; padding-bottom:25px;
	position: relative;
	z-index: 1;} 
.vision_content .details .center .center_img .pic{width:100%; margin-bottom:3px;}
.vision_content .details .center .center_img .pic img{display:block; /* max-width:100%; */ max-width:60%; margin:0 auto;}

.details .center .txt_huibg{background:#e7e6e2; display:block; padding:25px 30px 25px;}
.details .center .txt_huibg span{padding-bottom:25px;}
.special_details .center span.center_img{padding-bottom:1.4%; padding-top:1%; font-size:12px;}
.details .center .txt_huibg span img{display:block; width:100%;}
.details .center .txt_huibg span img{display:block; max-width:100%; margin:0 auto;}
.details .center .text_center{text-align:center;}
.details .center .text_underline{text-decoration:underline;}
.details .center .bold{font-weight:bold;}
.details .center span a.text_underline{text-decoration:underline !important;}
.details .center .mov{margin-bottom:0%;}

.details .center span.txt_huibg span{display:block;}
.details .center .gray{display:block; width:100%; box-sizing:border-box; padding:25px 30px 3px; background:#e7e6e2; margin:0 auto 25px;}
/*添加新样式-图文环绕=20240617=*/
.vision_content .details .center .wrapping{width:100%;}
.vision_content .details .center .wrapping:after{display:table; content:''; clear:both;}
.vision_content .details .center .wrapping .wrap_pic{width:30%; float:left; margin-right:25px; margin-bottom:25px; position:relative;}
.vision_content .details .center .wrapping .wrap_pic img{max-width:100%; vertical-align:top;}
.vision_content .details .center .wrapping .wrap_txt{width:100%;}

/*详情页添加订阅跟随*/
/* .follow_subscribe{width:90px; position:fixed; right:calc((100% - 1280px)/2 - 90px); bottom:38%; z-index:100; cursor:pointer;}
.follow_subscribe .pic{width:100%;}
.follow_subscribe .pic img{display:block; width:100%;}
.follow_subscribe .pic2{width: 50%;    margin: 0 auto;}
@media screen and (max-width:1440px){
	.follow_subscribe{width:80px; bottom:28%; right:0;}
} */
.follow_subscribe{width:5%; position:fixed; right:5px; bottom:11%; z-index:100; cursor:pointer;}
.follow_subscribe .pic{width:100%;}
.follow_subscribe .pic2{width: 50%;    margin: 0 auto;}
.follow_subscribe .pic2 img{width: 100%;}
.follow_subscribe .pic img{display:block; width:100%;}
@media screen and (max-width:1440px){
	.follow_subscribe{width:5%; bottom:15%; right:5px;}
}
	

/*代码补充====20230914======*/
/*====注释文字的字号====*/
.vision_content .details .center .small_txt{font-size:12px;}
/*====文字颜色的设置====*/
.vision_content .details .center .blue1{color:#396bff;}
/*====20230922详情页目录列表结构更新为table====*/
.vision_content .details .mulu_list{width:100%; background:#e7e6e2; padding:53px 0 53px 75px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:block;}
.vision_content .details .mulu_list tr td{padding:10px 0;}
.vision_content .details .mulu_list tr td a{line-height:1;}
.vision_content .details .mulu_list tr td:first-child{width:12px;}

/*====<br>标签在PC端不显示设置====*/
.line_break{display:none;}



/*代码补充====20241202==图片放大划过文字颜色变红====*/
.vision_content .details .center .center_img .big_lk{width:100%;}
.vision_content .details .center .center_img .big_lk a{color:#333; font-size:12px;}
.vision_content .details .center .center_img .big_lk a:hover{color:#eb0a2c;}


.pagetop{width:100%; margin-top:20px;}
.pagetop a{display:table; margin:0 auto;}
.pagetop a span{
display:table-cell;
height:40px;
padding-left:20px;
background-image:url(/mobile/common/img/btn_pagetop_blk.png);
background-repeat:no-repeat;
background-position:left;
background-size:14px auto;
font-size:18px;
font-weight:bold;
color:#202020;
vertical-align:middle;
}



.tinfo_date{
	font-size: 16px;
	padding: 10px 0;
	border-bottom: 1px solid #e6e7e9;
	margin: 20px 0;
}

.pailie{
	width: 60%;
	margin: 0 auto;
	padding-bottom: 25px;
}
.pailie-inner{
	width: 100%;
}
.pailie-left{
	float: left;
	width: 48%;
}
.pailie-right{
	float: right;
	width: 48%;
}
.pailie.varyinsize .pailie-inner{
	position: relative;
}
.pailie.varyinsize .pailie-left{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.pailie.varyinsize .no-float{position:relative; top:inherit; transform:none;}
.pailie.varyinsize .yes-float{position:absolute; top:50%; transform:translateY(-50%);}
.pailie.varyinsize .pailie-right.yes-float{right:0;}
.pailie.varyinsize .pailie-left.yes-float{left:0;}
.pailie .txt{font-size:12px; line-height:1.5; text-align:center;}

/*代码补充====20250620====添加相关链接的排版====*/
.related_link{width:100%; margin:24px 0 30px; padding:30px 40px; background:#F3F3F3; box-sizing:border-box; font-size:17px;position: relative;    z-index: 3;}
.related_link .link_tit{width:100%; margin-bottom:20px;}
.related_link .link_box{width:100%;}
.related_link .link_box li{width:100%; margin-bottom:20px; line-height:1.5;}
.related_link .link_box li:last-child{margin-bottom:0px;}
.related_link .link_box li a{text-decoration:underline !important; color:#333;}

/*代码补充====20250813===副标题字号====*/
.vision_content .details .sm_title{font-size:23px;}

/*代码补充====20251013===视频标签间距覆盖====*/
.vision_content .details .center .center_img p.mov{padding-top:0; padding-bottom:0;}

/*代码补充====20251013===文字加粗带下划线===*/
.details .center .text_cu_line{text-decoration:underline;}

@media screen and (max-width: 1600px){
.vision_content {

padding-top: 80px;

}
}