@charset "UTF-8";
img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	border: 0;
	display: inline-block;
}

a {
	color: #252B3A;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

body {
	font-size: 14px;
	background-size: cover;
	-ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
}

@keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-moz-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-webkit-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-o-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

.anli_detail_banner{position: relative;overflow: hidden;}
.anli_detail_banner img{width: 100%;}
 .w1000{width: 1000px;margin: 0 auto;max-width: 94%;}
.anli_detail_banner .text{position: absolute;width: 100%;position: absolute;top:60%;left: 0;transform: translateY(-50%);color: #fff;}
.anli_detail_banner .text .w1440{position: relative;}
.anli_detail_banner .text h2{margin-bottom: 20px;width:90%;line-height: 1.38em;padding:0 25px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.anli_detail_banner .text .banner-text{margin-bottom:44px;line-height:1.7em;padding:0 25px;}
.anli_detail_banner_link a{float: left;margin-right: 10px; width: 126px;height: 38px;  text-align: center; border-radius: 5px;line-height: 38px;border: 1px solid #fff;color: #fff;box-sizing: content-box;}
.anli_detail_banner_link a:nth-child(2) {background-image: linear-gradient(135deg, #0068dd, #00aeee);background-color: #0360c3;border: none;height: 40px;line-height: 40px;}
/*.anli_detail_banner_link a:first-child:hover { background: #fff;color: #0086f1;}*/
/*.anli_detail_banner_link a:nth-child(2){background: #fff;color:#0086f1 ;}*/
.anli_detail_banner_link a:after {transform: translateY(-1px); content: "";  transition:all .4s ease;font-family: "iconfont";display: inline-block;vertical-align: middle; }

.anli_detail_banner_link a:hover:after {content: "\e683"; margin-left: 5px; }












.anli_detail_tag .anli_tag_text{
	padding: 25px;
	background: #fff;
	font-size: 0;
	box-shadow: 1px 1px 20px 5px rgba(0,132,246,0.2);
	transform: translateY(-50%);
}
.anli_detail_tag .anli_tag_text .img{
	border-right: 1px solid #dbdbdb;
	padding-right: 20px;
	display: inline-block;
	vertical-align: middle;
	width: 171px;
	text-align: center;
}
.anli_detail_tag .anli_tag_text .img img{max-width: 90px;}
.anli_detail_tag .anli_tag_text .text{
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 230px);
	margin-left:30px;color: #666666;
}
.anli_detail_tag .anli_tag_text .text a{
	color: #666666;
}
.anli_detail_tag .anli_tag_text .text .subtitle{
	line-height: 1.875em;
}
.anli_detail_tag .anli_tag_text .title span:first-child{font-weight: 600;color: #333333;margin-right: 20px;}
.anli_detail_tag .anli_tag_text .title{margin-bottom: 8px;}








.product_xc_do{margin-bottom: 1%;margin-top: -30px;}
.product_xc_do .img{text-align: center;width: 100%;margin:0 auto ;position: relative;margin-bottom: 16px;}
.product_xc_do .img img{max-width: 100%;}
.product_xc_do .img .video-btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.product_xc_do .img .video-btn img{transition: all 0.4s ease;}
.product_xc_do .img .video-btn:hover img{transform: rotate(120deg);}

@media only screen  and (max-width: 1280px) {
.product_xc_do .img .video-btn img{width: 80px;}	
	
}





.anli_detail_article .title{
	margin-bottom: 1em;
}
.anli_detail_article .subtitle{
	color: #2386ee;margin-bottom: 1em;
}

.anli_detail_article  p{margin-bottom: 1.5em;line-height: 2em;font-size:16px;}
.anli_detail_article  p video{width:100%;height:auto;}
.anli_detail_article img{max-width: 100%;height: auto!important;}
.anli_detail_article .summary img{max-width: 100%;height: auto!important;}


.anli_detail_flag.active{
	    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #fafafa;
}
.anli_detail_flag{
	background: #fff;
	position: static;
	
}
.anli_detail_other .w1000{padding:2.7% 0 ;}
.anli_detail_other .title{margin-bottom: 10px;color: #333333;}
.anli_detail_other .link a{
	color: #2386ee;line-height: 2em;
}




.anli_detail_flag .w1000{padding: 15px 30px;background: #fafafa;font-size: 0;border-top: 4px solid #b6b6b6;}
.anli_detail_flag .img_left{width: 87%;display: inline-block;vertical-align: middle;}
.anli_detail_flag .img_left img{margin-right: 30px;border-radius: 100%;width: 60px;height: 60px;object-fit: cover;object-position: 80%;}
.anli_detail_flag .img_text{
	display: inline-block;
	vertical-align: middle;
}
.anli_detail_flag li:nth-child(3n-1){
	background: #fcede3;
	color: #f98d00;
}
.anli_detail_flag li:nth-child(3n){
	background: #e3f6fc;
	color: #00c5f1;
}

.anli_detail_flag .share .social-share-icon:before{display: none!important;}
.anli_detail_flag .share .social-share-icon {
    width: 24px;
    height: 20px;
    border: 0px!important;
    margin: 0;
    margin-bottom: 5px;
    background: url(../img/anli_detail/weixin.png) no-repeat; transition: all 0.4s;border-radius: 0;
}
.anli_detail_flag .share .social-share-icon:hover{
	 background: url(../img/anli_detail/weixin.png) no-repeat;
opacity: 1;
}
.anli_detail_flag .wechat-qrcode h4{
	display: none;
}
.anli_detail_flag .wechat-qrcode .help{
	display: none;
}
.anli_detail_flag .social-share .social-share{
	opacity: 1!important;
}
.anli_detail_flag .social-share .icon-wechat .wechat-qrcode{
	
	display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -125px;
    left: -44px;
    width: 100px;
    height: 100px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms;
	opacity: 1!important;
}
.anli_detail_flag .social-share .icon-wechat .wechat-qrcode img{width: 80px;margin:10px auto;opacity: 1!important;}
.anli_detail_flag .social-share .icon-wechat .wechat-qrcode .qrcode {width: 98px;}

.anli_detail_flag .share{display: inline-block;vertical-align: middle;text-align: center;color: #888888;border-right:1px solid #e0e0e0 ;padding-right: 30px;}

.anli_detail_flag .totop{display: inline-block;padding-left: 30px;cursor: default;vertical-align: middle;}
.anli_detail_flag .totop:hover img{transform: translateY(-10%);}
.anli_detail_fankui{padding: 2.34% 0 4.1%;}
.anli_detail_fankui .w1000{font-size: 0;}
.anli_detail_fankui .left_form{width: 71%;display: inline-block;vertical-align: bottom;}
.anli_detail_fankui .right_img{width: 26%;display: inline-block;margin-left:3%;background: #fafafa;text-align: center;padding: 25px 0;vertical-align: bottom;}
.anli_detail_fankui .right_img img{margin-bottom:8px;}
.anli_detail_fankui .right_img .fnt_14{line-height: 18px;color: #333333;}
.anli_detail_fankui .title{margin-bottom: 14px;}
.anli_detail_fankui .zan_img {position:relative;margin-right: 15px;display: inline-block;vertical-align: middle;}
.anli_detail_fankui .zan_img span{display: inline-block;vertical-align: middle;}
.anli_detail_fankui .bishi_img {position:relative;display: inline-block;vertical-align: middle;}
.anli_detail_fankui label{padding-left: 18px;}
.anli_detail_fankui input[type=radio]{opacity: 0;}
.anli_detail_fankui label:before{content: "";display: block;width: 18px;height: 18px;border: 2px solid #FFFFFF;display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.anli_detail_fankui .zan_img label:before{background: url(../img/anli_detail/zan1.png) no-repeat center;}
.anli_detail_fankui .bishi_img label:before{background: url(../img/anli_detail/bishi1.png) no-repeat center;}

.anli_detail_fankui .zan_img input[type=radio]:checked + label:before {background: url(../img/anli_detail/zan.png) no-repeat center;background-size:100%;}
.anli_detail_fankui .bishi_img input[type=radio]:checked + label:before {background: url(../img/anli_detail/bishi.png) no-repeat center;background-size:100%;}


.anli_detail_fankui .text_box{border: 1px solid #dbdbdb;border-radius: 5px;overflow: hidden;}
.anli_detail_fankui .text_box.active{border-color:#115baa ;}
.anli_detail_fankui .text_box textarea{width: 100%;height: 140px;padding: 20px;border: none;background: transparent;}
.anli_detail_fankui .text_box .btn{padding: 14px 20px;background: #fafafa;text-align: right;color: #aaaaaa;}
.anli_detail_fankui .text_box .btn button{width: 86px;height: 32px;border: none;background-color:#ccc;border-radius: 4px;margin-left: 20px;cursor: not-allowed;}

.anli_detail_fankui .text_box .btn.active button{width: 86px;height: 32px;border: none;background-image: linear-gradient(135deg, #0068dd, #00aeee);background-color:#0068dd;color: #fff;border-radius: 4px;margin-left: 20px;cursor: default;}



.more_anli{padding:4.5% 0 4.25%;background: #fafafa;}
.more_anli .big_title{text-align: center;font-weight: 600;margin-bottom: 1.66%;}




.more_anli .swiper-container{
	padding-bottom: 30px;
}
.more_anli  .swiper-slide:hover{
	box-shadow: 5px 5px 15px #ccc;
}
.more_anli  .swiper-slide .img_box{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.more_anli  .swiper-slide .img{
	width: 100%;
	height: 0;
	padding-bottom:38.3%;
	transition: all 0.4s;
}
.more_anli  .swiper-slide .img_box:hover .img{
	transform: scale(1.04);
}
.more_anli  .swiper-slide .img_text{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 28px;
	color: #fff;
}
.more_anli  .swiper-slide .text{padding:0 30px;background: #fff;padding-bottom: 32px;}
.more_anli  .swiper-slide .text .des{margin-bottom: 12px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;height: 3em;}
.more_anli  .swiper-slide .text .icon{padding: 20px 0;font-size: 0;}
.more_anli  .swiper-slide .text .icon:hover a{color: #0086f9;}
.more_anli  .swiper-slide .text .icon img{
	width: 70px;
	border-radius: 100%;
	border: 1px solid #eaeaea;
	vertical-align: middle;margin-right: 17px;
	height: 70px;
	object-fit: contain;
}
.more_anli  .swiper-slide .text .icon span{
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
width: calc(100% - 87px);
    display: inline-block;
    vertical-align: middle;
}
.more_anli  .swiper-slide .text .link a{color: #0086f9;}






#videoPopup1 {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
}

#videoPopup1 .video-box {
	width: 60%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

#videoPopup1 .video-box video {
	width: 100%;
}

#videoPopup1 .video-box .close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.1);
	cursor: pointer;
	text-align: center;
}

#videoPopup1 .video-box .close span {
	font-size: 16px;
	line-height: 40px;
	color: #fff;
}

#videoPopup1 .video-box .close:hover {
	background: rgba(0, 0, 0, 0.5);
}
.con04_list{display: none;}
@media only screen and (max-width:1366px) {
	.anli_detail_tag .anli_tag_text{padding: 20px;transform: translateY(-35%);}
}
@media only screen and (max-width: 720px) {
	.anli_detail_banner img{    height: 4.2rem;
    object-fit: cover;}
    .anli_detail_tag .anli_tag_text .text .subtitle{
    	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;line-height: 1.5em;
    }
    .anli_detail_banner .text h2{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;font-size: 0.42rem;
overflow: hidden;    width: 82%;}
.anli_detail_banner .text .banner-text{display: none;}
.w1000{width: 100%;padding-left: 0.3rem;padding-right: 0.3rem;max-width: 100%;}
.anli_detail_tag .anli_tag_text{transform: translateY(-20%);    padding: 0.35rem;}
    .anli_detail_tag .anli_tag_text .img{width: 100%;border: none;}
    /*.anli_detail_tag .anli_tag_text .img img{width: 1.52rem;}*/
    .anli_detail_tag .anli_tag_text .text{width: 100%;margin-left: 0;}
    .product_xc_do .img .video-btn img{width: 1.1rem;}
    
   
    .anli_detail_other .w1000{width: 100%;padding-left: 0.3rem;padding-right: 0.3rem;border: none;}
    .anli_detail_flag{display: none;}
    .anli_detail_fankui{display: none;}
    .anli_detail_other .link a{font-size: 0.24rem;}
    .anli_detail_other .link a span{display: none;}
    .product_xc_do .fnt_16{color: #666666;font-size: 12px;}
    .product_xc_do .img{margin-bottom: 0.1rem;}
    .product_xc_do{margin-bottom: 0.4rem;margin-top: 0;}
    .anli_detail_article .subtitle{font-size: 0.42rem;margin-bottom: 0.5em;}
    .anli_detail_other .title{font-size: 0.42rem;}
    .anli_detail_article .summary p{    color: #666666;margin-bottom: 1em;}
    .more_anli{padding: 0.4rem 0 0.6rem;}
    .more_anli .swiper-container{display: none;}
    .more_anli{background: #f6f9fe;}
    .more_anli .big_title{font-size: 0.4rem;margin-bottom: 0.4rem;}
     .con04_list{display: block;}
     .con04_list li{padding-bottom: 0.6rem;border-bottom: 1px solid #fff;margin-bottom: 0.6rem;}
  .con04_list li:last-child{border:none ;margin-bottom: 0;}
  .con04_list .text_box{margin-bottom: 0.4rem;}
  .con04_list .text_box .img{width: 35.5%;}
  .con04_list .text_box .img .img_box{width: 100%;height: 0;padding-bottom:103%;}
  .con04_list .text_box  .text{width: 57.9%;margin-left:6.6%;}
  .con04_list .text_box  .text .title{font-size: 0.42rem;}
  .con04_list .text_box  .text .subtitle{font-size: 0.32rem;margin-bottom: 0.17rem;}
  .con04_list .text_box  .text .des{font-size: 0.28rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;color: #888888;}
  .con04_list .des_list p{background: #fff;margin-bottom: 0.2rem;padding: 0.3rem 0.4rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  .con04_list .des_list p:last-child{margin-bottom: 0;}
  .con04_list .des_list p:before{content: "";display: inline-block;width: 6px;height: 6px;background: #2184ec;border-radius: 100%;margin-right: 0.2rem;vertical-align: middle;}
  .con04_list .g_more a{display: block;width:1.96rem;height: 0.6rem;line-height: 0.6rem;text-align: center;background: #fff;font-size: 12px;font-weight: normal;border-radius: 5px;margin-bottom: 5px;margin: 0 auto;}
    .con04_list .g_more a:hover{
    background-image: linear-gradient(
135deg
, #0068dd, #00aeee);
    background-color: #0360c3;
    color: #fff;border: none;
}
}