.home_column i,
.home_column span.cn:after,
.home_news ul li a:hover .txt,
.home_news .hot ul li .time{
background-image: linear-gradient(270deg, #e60012 0%, #ff4835 100%), linear-gradient(#fbfbfb, #fbfbfb);background-blend-mode: normal, normal;
}



/*Banner002826 */
.Banner002826{position: relative; }

/*方法4*/
/*.Banner002826 li.slick-slide{position: relative;}
.Banner002826 li.slick-slide img{display: block;width: 100%;}
.Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: -100%; top: -100%; min-height: 100%; min-width: 100%; opacity: 0; transition: 0.3s;}
.Banner002826  li.video-show video{left: 50%;opacity: 1;top: 50%; transform: translate(-50%,-50%);}
.Banner002826  li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;transition: 0.3s;}
.Banner002826  li.video-show .open-video{opacity: 1;}
@media(min-width:1025px){
.Banner002826  li.slick-slide img.wap{display: none;}
}
@media(max-width:1024px){
.Banner002826  li.slick-slide img.pc{display: none;}
}*/

/*方法1，2，3*/
.Banner002826 .slider li.slick-slide{position: relative;}
.Banner002826 .slider li.slick-slide img{display: block;width: 100%;}
.Banner002826 .slider li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;}
@media(min-width:1025px){
.Banner002826 .slider li.slick-slide img.wap{display: none;}
}
@media(max-width:1024px){
.Banner002826 .slider li.slick-slide img.pc{display: none;}
.Banner002826 .slider li.slick-slide video{left: -100%;top: 100%; opacity: 0;}
.Banner002826 .slider li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;}
.Banner002826 .slider li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);}
.Banner002826 .slider li.video-show video{left: 50%; top: 50%; opacity: 1;}
}

/*方法5  添加播放按钮+弹窗*/
/*.Banner002826 .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20; cursor: pointer;}

.video-openbox{position:fixed;left:0;height:100%;width:100%; z-index:500;background:rgba(0,0,0,0.5); top:0;}
.video-openbox .ytable{height: 100%;}
.video-openbox .close{position: absolute;right: 20px;top: 20px; width: 30px; height: 30px; cursor: pointer; z-index: 10; cursor: pointer;}
.video-openbox .close:before,
.video-openbox .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.video-openbox .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.video-openbox video{max-width: 1200px; margin: 0 auto;display: block;}*/

.Banner002826 .a_link{  z-index: 5; position: absolute; width: 100%; height: 100%; display: block;}
.Banner002826 .look_video{ cursor: pointer;z-index: 110; color: #fff; font-size: 18px; position: absolute;left: 40%; bottom: 50%; padding-right: 40px; background: url("../images/video_icon.png") no-repeat right;line-height: 28px;}
.Banner002826 .file_box{ display: none}
.Banner002826 .slick-arrow{ bottom: 0}
.Banner002826 .slick-prev,
.Banner002826 .slick-next{ right: 8.333%}
.Banner002826 .slick-prev{ margin-right:60px;}
.Banner002826 .slick-dots{ padding: 0 10%}
.Banner002826 .slick-dots li{ width: 15%; position: relative; text-align: left}
.Banner002826 .slick-dots li a{ color: #a9a4a5; font-size: 14px; display: block; position: relative}
.Banner002826 .slick-dots li h3{ font-weight: normal; opacity: 0; margin-bottom: 10px;}
.Banner002826 .slick-dots li p{ padding-bottom: 10px; position: absolute; bottom: 0;opacity:0}
.Banner002826 .slick-dots li .s1{ color: #cd0000;font-size: 16px;}
.Banner002826 .slick-dots li video{ width: 100%; opacity: 0; position: relative; z-index: 10}
.Banner002826 .slick-dots li:hover h3,
.Banner002826 .slick-dots li:hover video{ opacity:1}
.Banner002826 .slick-dots li button{ background-color: #fff; position: relative; width: 100%; height: 2px; border-radius: 0; overflow: hidden}
.Banner002826 .slick-dots li button:before{ content: ''; left: -2px; top: 0; background-color: #e50012; position: absolute; width: 0px; height: 100%;}
.Banner002826 .slick-dots li.slick-active p{ opacity: 1}
.Banner002826 .slick-dots li.slick-active button{ background: #fff}
.Banner002826 .slick-dots li.slick-active button:before{left: 0;  width: 100%;
animation:mymove 5s infinite;
-moz-animation:mymove 5s infinite; /* Firefox */
-webkit-animation:mymove 5s infinite; /* Safari and Chrome */
-o-animation:mymove 5s infinite; /* Opera */
animation-iteration-count:1;
-webkit-animation-iteration-count:1;
}
@keyframes mymove{from { width: 0px;}to { width: 100%;}}
@-webkit-keyframes mymove {from { width: 0px;}to { width: 100%;}}

.home_video_box{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 200;background-color: #000;}
.home_video_box video{ width: 100%; height: 100%; position: absolute; object-fit: contain}
.home_video_box iframe{width: 100%!important; height: 100%!important; position: absolute;}
.home_video_box .close{ position: absolute; cursor: pointer;right: 2%; top: 2%; width: 40px; height: 40px; z-index: 100; background: url("../images/close.png") no-repeat center center}
@media(max-width:768px){
.home_banner .look_video{bottom: 20%; left: auto;right: 2%;}
.Banner002826 .slick-dots li video{ display: none;}
}



.bg_xin{ padding-top: 4%; padding-bottom: 4%; position: relative; background-color: #f5f5f5}
.bg_xin .auto{ z-index:5; position:relative}
.bg_xin:before,
.bg_xin:after{ content: ''; width: 50%; height: 50%; position: absolute; opacity: 1; background: no-repeat;animation:myshow 2s infinite;-webkit-animation:myshow 2s infinite;}
.bg_xin:before{ left: 0; top: 0; background-image: url("../images/home_xx_left.png")}
.bg_xin:after{ right: 0; bottom: 0; background-image: url("../images/home_xx_right.png")}
@keyframes myshow{from { opacity: 0.2}to { opacity: 1}}
@-webkit-keyframes myshow {from { opacity: 0.2}to { opacity: 1}}


.home_brand .home_column{ margin-bottom: -4%;}
.home_brand .auto{ position: relative; z-index: 5}
.home_brand .brand_logo{ padding-left: 50.4%; overflow: hidden}
.home_brand .brand_logo .item{ cursor: pointer;float: left; width: 25%; padding-bottom:13.874%; position: relative}
.home_brand .brand_logo .item:before,
.home_brand .brand_logo .item:after{ content: ''; height: 90%; position: absolute; bottom:-2px}
.home_brand .brand_logo .item:before{width: 40%;transform: skewX(-6deg); border-radius: 20px 0 0 0; z-index: 1;
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 90%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 90%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 90%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.home_brand .brand_logo .item:after{ right: 0; width: 80%; border-radius: 0 25px 0 0; z-index: 2;
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 30%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 30%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 30%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.home_brand .brand_logo .item img{ z-index: 5; position: absolute; max-width: 80%; max-height: 50%; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.home_brand .brand_logo .item.show:before,
.home_brand .brand_logo .item.show:after{ background: #fff; height: 100%}
.home_brand .brand_logo .slick-list{ padding-left: 10px;}
.home_brand .brand_info{ background: #fff; border-radius: 30px 0px 30px 30px;box-shadow: 5px 5px 10px rgb(112,112,112,0.1)}
.home_brand .brand_info .item{ display: table; width: 100%;table-layout: fixed;}
.home_brand .brand_info .pic,
.home_brand .brand_info .info{ width: 50%}
.home_brand .brand_info .info{ padding: 2% 4%; vertical-align: top}
.home_brand .brand_info .txt{ padding-bottom: 3%}
.home_brand .brand_info h3{ font-size: 48px;line-height: 150%}
.home_brand .brand_info h4{ font-size: 24px; font-weight: normal;line-height: 150%}
.home_brand .brand_info p{ color: #666666; line-height: 150%}
.home_brand .brand_info .line{ display: block; width: 40%; max-width: 60px; margin: 20px 0; height: 5px; background-color: #e50012}
.home_brand .brand_info .pro .slick-list{ margin-left: -5px; margin-right: -5px;}
.home_brand .brand_info .pro .subitem{ padding: 5px; width: 49%; margin-right: 2%; float: left;}
.home_brand .brand_info .pro .subitem:nth-of-type(2n){margin-right: 0;}
.home_brand .brand_info .pro a{ display: block; padding-bottom: 55%; position: relative}
.home_brand .brand_info .pro img{ position: absolute; max-width: 100%; max-height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 10px;}

.home_brand .brand_info .pic{border-radius: 30px 0px 0px 30px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.home_brand .brand_info .pic img{opacity: 0;}
@media(min-width:768px){
.home_brand .pro{ padding-bottom: 70px;}
.home_brand .home_more{ position: absolute; bottom: 6%; right: 4%; width: 50%}
.home_brand .brand_logo .item a{ position: absolute; width: 100%; height: 100%; display: block; z-index: 15}
}
@media(max-width:1200px){
.home_brand .brand_logo{ padding-left:30%}
.home_brand .brand_info h3{font-size: 30px;}
.home_brand .brand_info h4{font-size: 20px;}
.home_brand .home_column{ margin-bottom: 0;}
}
@media(max-width:768px){
.home_brand .brand_logo{ padding-left:0}
.home_brand .brand_info .pic,
.home_brand .brand_info .info{ display:block; width:100%}
.home_brand .brand_info .pic img{opacity: 1;}
.home_brand .brand_info .pic{border-radius: 0;}
.home_brand .brand_info h3{font-size: 26px;}
.home_brand .brand_info h4{font-size: 16px;}
.home_brand .brand_info .line{  height: 2px;}
}

.home_sociology { margin:4% 0; position: relative}
.home_sociology .fl_box{ float: left; width: 50%; padding: 0 8.333%; color: #666;line-height: 28px;}
.home_sociology .fr_box{ float: right; width: 50%}
.home_sociology .column { padding-bottom: 5%; padding-top:8%}
.home_sociology .column span{ position: relative; cursor: pointer;padding: 70px 0 20px 0; display: block; width: 48%; text-align: center;background: #f5f5f5 no-repeat center 15px; text-align: center; border-radius: 10px;; transition: 0.5s}
.home_sociology .column span:nth-child(1){ float: left; background-image: url(../images/rural_icon_hh.png)}
.home_sociology .column span:nth-child(2){ float: right;background-image: url(../images/welfare_icon.png)}
.home_sociology .column span.show{ font-weight: bold;color: #e60012; background-color: #fff; box-shadow: 0 0 30px 0 rgb(221,221,221,0.75)}
.home_sociology .column span.show:nth-child(1){background-image: url(../images/rural_icon_hh_on.png)}
.home_sociology .column span.show:nth-child(2){background-image: url(../images/welfare_icon_on.png)}

.home_sociology .info{ padding: 2% 0}
.home_sociology .info h3,
.home_sociology .info h4{  font-size: 24px; color: #333333; font-weight: normal;}
.home_sociology .info h3{width: 82%; padding: 20px 7%; position: relative}
.home_sociology .info h3:before,
.home_sociology .info h3:after{ position: absolute; font-size: 60px; font-weight: bold}
.home_sociology .info h3:before{ content: '“'; left: -5%}
.home_sociology .info h3:after{ content: '”'; right: 0; bottom: -5%}
.home_sociology .info h4{text-align: right;}
.home_sociology .info p{ padding: 20px 0 }
.home_sociology .list ul{ border: solid 1px #e5e5e5; position: relative}
.home_sociology .list ul:before{ content: ''; position: absolute; left: 50%; width: 1px; height: 100%; background: #e5e5e5}
.home_sociology .list ul li{ float: left; width: 50%; padding: 3% 4%}
.home_sociology .list .num{ font-size: 50px; color: #e60011; line-height: 100%;font-weight: bold;font-family: Roboto-Regular;}

@media(min-width:768px){
.home_sociology .column span a{ display: block; position: absolute; width: 100%; height: 100%; top: 0}
.home_sociology .box_info{ padding-bottom: 70px;}
.home_sociology .home_more{ position: absolute; bottom: 0; width: 41.667%; left: 0}
}
@media(max-width:1200px){
.home_sociology .list .num{font-size: 40px; }
.home_sociology .info h3,
.home_sociology .info h4{  font-size: 20px; }
}
@media(max-width:1024px){
.home_sociology .fl_box{ padding:2.5%}
}
@media(max-width:768px){
.home_sociology .fl_box,
.home_sociology .fr_box{ display:block; width:100%}
.home_sociology .list .num{font-size: 30px; }
.home_sociology .info h3,
.home_sociology .info h4{  font-size: 17px; }
.home_sociology .info h3{ width:100%}
.home_sociology .home_more{ padding-bottom:6%}

}

.home_news .home_column{ padding-bottom:4%}
.home_news .home_more{ padding-top:0; position:relative}
.home_news .home_more a{ position:absolute; right:0}
.home_news ul li a{ display: block; position: relative;transition: 0.6s; }
.home_news ul li .pic span{ padding-bottom:380px; background: no-repeat center center; background-size: cover}
.home_news ul li .txt{ transition: 0.6s;background-color:#fff;}
.home_news ul li .txt h4{ font-size: 20px; line-height: 32px;white-space: normal;}
.home_news ul li .txt h5{ font-size: 16px; color: #999999; display:none}
.home_news ul li .txt p{ height: 56px; line-height: 28px; color: #999999}
.home_news ul li .time{ font-size: 14px; text-align: center; padding: 6px 8px; position: absolute; left: 6%; top: 6%; color: #fff}
.home_news ul li .time b{ display: block; font-size: 30px;}
.home_news ul li a:hover .txt h4,
.home_news ul li a:hover .txt h5,
.home_news ul li a:hover .txt p{ color: #fff}
.home_news ul li a:hover .txt p{ opacity: 0.6}
.home_news ul li a:hover .txt{ box-shadow: 0 0 40px 0px rgb(255,52,52,0.40);}
.home_news ul li a:hover .time{ background-color:#fff}

.home_news .list_box{ position: relative;}
.home_news .hot{ position: absolute; height: 100%; width:35.625%;}
.home_news .hot ul li .txt{ padding:46px 6%;}
.home_news .list{padding-left:39.375%;}
.home_news .list ul li:nth-child(2){ padding:10px 0}
.home_news .list ul li .txt{ padding:46px 15% 46px 20% ;}
.home_news .list ul li .txt:after{ content: ''; position:absolute; right:6%; top:50%; margin-top:-7px; width:14px; height:14px; display: block;background:url(../images/jt_gray.png) no-repeat right center}
.home_news .list ul li .txt:before{ content: ''; position:absolute; width:1px; height:30%; right:12%; top:35%; background:#eeeeee; opacity: 0.5}
.home_news .list ul li .time{ background:#ececec; top:50%;-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.home_news .list ul li a:hover .time{ color:#e80010;}
.home_news .list ul li a:hover .txt:after{background-image:url(../images/jt_white.png) }
@media(max-width:960px){
.home_news .hot{ position: relative; width: 100%}
.home_news .list{ padding-left: 0}
.home_news ul li .txt h4{ font-size: 17px;}
.home_news .list .time{padding: 4px; font-size: 12px;}
.home_news .list .time b{ font-size: 18px;}
.home_news .hot{ padding-bottom:10px;}
.home_news ul li .pic span{ padding-bottom:66.668%; }
.home_news .list ul li .time{ left: 2%}
.home_news .hot ul li .txt,
.home_news .list ul li .txt{ padding-top: 3%; padding-bottom: 3%}
}


.home_column{ padding:0; margin: 0; font-weight: normal; position:relative}
.home_column i{ display:block; position:absolute; width:60px; height:70px; top:5%;}
.home_column i:before{content: ''; right:-20px; top:15%; position:absolute; border:solid 10px transparent; border-left-color:#e90916}
.home_column span{ padding-left:70px; position:relative;}
.home_column span.cn{ font-size: 50px; display: inline-block;line-height: 1.1;}
.home_column span.en{ font-size: 24px; display: block; text-transform: uppercase;font-weight: bold;font-family: Roboto-Regular;}
.home_column span.cn:after{ content: ''; position:absolute; right:-2%; top:70%; width:20px; height:20px;z-index: -1;}
.home_column a{ display: inline-block}
.home_column a:hover{ color: #e50012}
@media(max-width:1200px){
.home_column{ padding-bottom: 5%}
.home_column span.cn{ font-size: 40px;}
.home_column span.en{ font-size: 20px;}
}
@media(max-width:768px){
.home_column span.cn{ font-size: 22px;line-height: 1.5;}
.home_column span.en{ font-size: 14px;}
.home_column i{width:40px; height:50px;}
.home_column span{ padding-left:50px;}
}
.home_more{ text-align: right; padding-top: 6%;}
.home_more a{ position: relative; z-index: 10; color: #666666; text-indent:40px; padding: 14px 0; display: inline-block; max-width: 220px; width: 100%; text-align: left; border: solid 1px #999999;
background:url(../images/jt_gray.png) no-repeat 86% center; transition: 0.5s}
.home_more a:hover{ color: #fff; text-indent: 50px;background-position: 90%; background-color: #e60011; border-color:#e60011; background-image: url(../images/jt_white.png)}
@media(max-width:768px){
.home_more a{ width: 50%}
.home_brand_activities .item_title{ display: none;}
}