@charset "utf-8";
.khjz{padding:50px 0px 0px;}
.khjzli{width:294px;height:221px; display:block;position:relative; overflow:hidden;float:left;margin-left:39px;}
.khjzli1{margin-left:0px;}
.row6rpic{position:absolute;width:294px;height:221px;left:0px;top:0px;}
.row6rpic img{width:294px;height:221px;transition: all 0.5s;}
.khjzli:hover img{transform: scale(1.1);}
.row6rtxt{width:100%;height:90px; position:absolute; left:0px;bottom:0px; background:rgba(59, 161, 40, 0.7);}
.row6rtxt .title{font-size:16px;line-height:40px;padding:0px 15px;color:#fff;}
.row6rtxt .des{font-size:12px;line-height:18px;padding:0px 15px;color:#fff;}


.row1{padding:45px 0px 70px;}
.row1w{width:1300px;margin:0 auto;}
.row1 .tit1{font-size:36px;color:#333333;line-height:44px; text-align:center;}
.row1 .tit2{font-size:16px;color:#999;line-height:24px;padding:0px 0px 55px;text-align:center;}
.row1l{float:left;width:655px;}
.row1r{float:right;width:577px;}
.row1p{font-size:14px;color:#666;line-height:30px;/*white-space:nowrap;*/}
.row1zz{padding:30px 0px 40px;}
.row1zzl{float:left;width:148px;margin:0px 35px;}
.row1zzc{float:left;width:148px;margin:0px 35px;}
.row1zzr{float:left;width:148px;margin:0px 35px;}
.row1more{float:right;}
.row1more a{transition: all .4s ease;display:block;width:150px;height:40px;text-align:center;line-height:40px;background:#41a42f;font-size:15px;color:#fff;}

.row1k{width:145px;height:85px;border:1px solid #ccc;border-radius:8px; text-align:center;font-size:14px;color:#999;line-height:24px;}
.row1wz1{line-height:30px;padding:14px 0px 0px;font-size:px;color:#666;}
.row1wz1 strong{font-size:28px;color:#41a42f;padding-right:5px;}

.row1more a:hover{background:linear-gradient(to right,#3ca526,#52c039);}


.hzlcindex .hzlcpic{padding:40px 0px 0px; text-align:center;}
.hzlcindex .hzlcpic img{ width: 100%; }

.ind-zx {
  width: 100%;
  padding: 90px 0 80px;
  background: #f2f2f2;
}

.zx-page {
  width: 100%;
  padding: 32px 0;
  text-align: center;
}
.put-btn a {
 width:210px;
 background:linear-gradient(to right,#52c039,#3ca526);
 margin:0 auto;
 text-align:center;
 border-radius:30px;
 font-size:16px;
 color:#fff;
 display:block
}
.put-btn a:hover{background:linear-gradient(to right,#3ca526,#52c039);}
.put-btn a span {
 background:url(../images/ind-anl-8.png) no-repeat center right 0;
 line-height:54px;
 display:inline-block;
 padding-right:24px
}
.zx-news {
 width:100%;
 padding-bottom:40px
}
.zx-newsbox {
 display:none
}
.zx-newsbox.ontrue {
 display:block
}
.zx-news-wdimg,
.zx-news-list {
 width:49%
}
.zx-news-wdimg {
 float:left;
 background:#fff;
 padding:26px
}
.zx-news-wdimg img {
 width:100%;
 object-fit:cover;
 height:352px
}
.zx-news-wdimg a {
 width:100%;
 display:block
}
.zx-news-wdimg a:hover>img:after {
 background:rgba(23,156,224,.84)
}
.zx-news-img {
 width:100%;
 position:relative
}
.zx-news-img:after {
 position:absolute;
 content:"";
 width:100%;
 height:100%;
 left:0;
 top:0
}
.zx-news-wd {
 margin-top:32px
}
.zx-news-wdimg:hover .zx-news-img:after {
 background:rgba(65,164,47,.84)
}
.zx-news-wdimg:hover .zx-news-wd h5 {
 color:#41a42f;
 font-weight:bold
}
.zx-news-wd h5 {
 font-size:20px;
 line-height:26px;
 color:#555;
 position:relative;
 padding-right:80px;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
.zx-news-wd h5 span {
 font-size:14px;
 color:#999;
 position:absolute;
 right:0;
 bottom:0;
 font-weight:normal
}
.zx-news-wd p {
 font-size:14px;
 line-height:22px;
 color:#999;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 margin-top:10px
}
.zx-news-list {
 float:right
}
.zx-news-list a {
 width:100%;
 display:block;
 padding:28px;
 background:#fff;
 margin-top:22px
}
.zx-news-list a:first-child {
 margin-top:0
}
.zx-news-listimg,
.zx-news-listwd {
 float:left
}
.zx-news-listimg {
 width:26%;
 position:relative
}
.zx-news-listimg:after {
 position:absolute;
 content:"";
 width:100%;
 height:100%;
 left:0;
 top:0
}
.zx-news-listimg img {
 width:100%;
 object-fit:cover;
 height:94px
}
.zx-news-listwd {
 width:74%;
 padding:0 20px
}
.zx-news-listwd h5 {
 font-size:17px;
 line-height:30px;
 color:#666;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
.zx-news-listwd p {
 font-size:14px;
 line-height:22px;
 color:#999;
 margin-top:14px;
 height:44px;
 overflow:hidden;
 display:-webkit-box;
 text-overflow:ellipsis;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2
}
.zx-news-list a:hover .zx-news-listwd h5 {
 color:#41a42f;
 font-weight:bold
}
.zx-news-list a:hover .zx-news-listimg:after {
 background:rgba(65,164,47,.84)
}


.contain {
  width: 1300px;
  margin: 0 auto;
}
.pub-tit {
  width: 100%;
  text-align: center;
}
.pub-tit h2 {
  font-size: 42px;
  line-height: 43px;
  color: #333;
  font-weight: bold;
}
.pub-tit p {
  font-size: 16px;
  line-height: 28px;
  color: #777;
  padding-top: 10px;
}

.greencolor .pub-tit h2 {
  color: #fff;
}
.greencolor .pub-tit p {
  color: #fff;
}
.greencolor .liy-listbox h5{color:#fff;}
.greencolor .liy-listbox p{color:#fff;}



.ind-liy {
 width:100%;
 padding:100px 0;
}
.greencolor{background:#349722;padding:60px 0px 40px;}

.liy-list {
 width:100%;
 padding-top:46px;
 font-size:0
}
.liy-listbox {
 display:block;
 float:left;
 padding:36px;
 color:#fff;
 width:20%;
 border-radius:6px;
 transition:all .4s ease
}



.liy-listimg {
 padding:10px 0;
 margin:18px 0;
 text-align:center;
 background:url(../images/indexbg.jpg) no-repeat center center;
 border-radius:7px;
 height:60px
}
.liy-listimg img{transition: all 0.5s ease;}
.liy-listbox:hover{background-color:#fff;}
.liy-listbox:hover h5{ color:#349722;}
.liy-listbox:hover P{ color:#666;}
.liy-listbox:hover .liy-listimg img{transform: rotateY(360deg);}

.liy-listbox:hover .liy-listimg {background:url(../images/indexbg1.jpg) no-repeat center center;}


.liy-listbox h5 {
 font-size:22px;
 line-height:28px;
 font-weight:bold;
 height:56px;
 overflow:hidden;
 display:-webkit-box;
 text-overflow:ellipsis;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;color:#333;
}
.liy-listbox p {
 font-size:15px;
 line-height:26px;
 height:132px;
 overflow:hidden;
 display:-webkit-box;
 text-overflow:ellipsis;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:7;
 color:#777;
}
body.winter .liy-listbox:hover {
 background:#fff;
 transform:translateY(-10px)
}
body.winter .liy-listbox:hover .liy-listimg {
 background:linear-gradient(to right,#04a3ef,#00cfd3)
}
body.winter .liy-listbox:hover h5 {
 color:#1271ae
}
body.winter .liy-listbox:hover p {
 color:#777
}





.ipart02{background:url(../images/ipart02_1.jpg) no-repeat  center top; padding:70px 0 100px;}
.ipart02 .infor{text-align:center; padding:0 18%; color:#fff;}
.ipart02 .infor .tit{font-size:36px; line-height:45px; font-weight:bold; margin-bottom:5px; color:#ffff00;}
.ipart02 .infor .con{font-size:16px; line-height:30px;}
.ipart02 .lb { width:1200px; margin:0px auto;  color:#fff; padding:50px 0px; border-bottom:1px solid rgba(255,255,255,.2); height:220px;}
.ipart02 .lb h4 { width:20%; float:left; height:100%; font-weight:700; font-size:32px; border-right:1px solid rgba(255,255,255,.2);}
.ipart02 .lb h4 span { font-size:22px; font-weight:400; text-transform:uppercase;}
.ipart02 .lb ul { width:79.9%; float:left;}
.ipart02 .lb ul li {  width:28.333333%; padding-left:5%; float:left; line-height:35px; font-size:16px;}
.ipart02 .lb ul a:hover li { color:#ffff00;}
.ipart02 .content{margin-top:40px; height:380px;}
.ipart02 .content li{width:23%; margin:0 1%; float:left;position:relative;  border-radius:20px 0px; overflow:hidden;box-shadow:0px 8px 8px 8px rgba(0,0,0,.1);transition: all .4s ease;}

.ipart02 .content li .li_box{display:block;}
.ipart02 .content li .rect-1265 img{width:100%;}
.ipart02 .content li .cover{position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../images/ipart02_3.png) bottom; z-index:2;transition:all 0.5s ease;}
.ipart02 .content li .cover .intro{position:absolute; left:0; width:100%; bottom:0;}
.ipart02 .content li .cover .intro .box{padding:35px; font-size:18px; color:#fff;}
.ipart02 .content li .add{position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../images/blue_80.png) center; z-index:2; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.ipart02 .content li .add .box{padding:150px 35px;  text-align:center;}
.ipart02 .content li .add .box .tit{font-size:25px; line-height:30px; color:#fff; margin-bottom:15px; font-weight:700;}
.ipart02 .content li .add .box .con{font-size:14px; line-height:24px; color:#fff; height:72px; overflow:hidden;}
.ipart02 .content li:hover {box-shadow:0px 10px 10px 10px rgba(0,0,0,.1); transform: translateY(-10px);}
.ipart02 .content li:hover .add{opacity:1; visibility:visible; }
.ipart02 .content li:hover .cover{opacity:0; visibility:hidden;}

.wrap {
  width: 1300px;
  margin-right: auto;
  margin-left: auto;
}













.banner-container{width: 100%;position: relative}
.banner{width: 100%;}
.banner-picwords{width: 100%;}
.banner-pic{width: 100%;height: 100%;overflow: hidden;}
.banner-pic img{width: 100%;height: 100%;object-fit: cover;}
.banner-pic img{width: 100%;height: 100%;object-fit: cover;-webkit-transition: all 0.4s ease 1.2s;-moz-transition: all 0.4s ease 1.2s;-ms-transition: all 0.4s ease 1.2s;-o-transition: all 0.4s ease 1.2s;transition: all 0.4s ease 1.2s;}

.banner-pic .banner-pc{display: block;min-height: 520px;}
.banner-pic .banner-mb{display: none;}
.banner-words{position: absolute;width: 100%;left: 0;top: 45%;transform: translate(0,-50%);z-index: 2;text-align: center;}
.banner-words h4{font-size: 44px;color: #fff;font-family: 'Microsoft YaHei';font-weight: bold;}
.banner-words h5{font-size: 18px;color: #fff;font-family: 'Microsoft YaHei';margin-top: 20px;}
.banner-words h5 span{border: 1px solid #fff; padding: 6px 35px;border-radius: 30px;margin: 0 10px;display: inline-block;}
.swiper-slide-active .banner-words h4{animation: bannerWordsdown 1.2s ease both 600ms;}
.swiper-slide-active .banner-words h5{animation: bannerWordsup 1.2s ease both 900ms;}

.banner-prev,.banner-next{position: absolute;z-index: 4;top: 50%;width: 40px;height: 60px;margin-top: -30px;cursor: pointer;user-select: none;transition: all .3s ease-in-out;}
.banner-prev{left: 15px;background: rgba(255, 255, 255, .05) url('../images/index/banL.png') no-repeat center center;}
.banner-next{right: 15px;background: rgba(255, 255, 255, .05) url('../images/index/banR.png') no-repeat center center;}
.banner-prev:hover,.banner-next:hover{background-color: rgba(0, 129, 204, 1);}
.banner .swiper-pagination{bottom: 20px;}
.banner .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #fff;opacity: 0.8;vertical-align: middle;position: relative;}
.banner .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #fff;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;}
.banner .swiper-pagination-bullet-active {width: 6px;height: 6px;opacity: 1;position: relative;}
.banner .swiper-pagination-bullet-active:after {opacity: 0.6;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}

/* 产品 */
.products-container{width: 100%;padding: 100px 0 80px 0;}
.products{width: 1600px;margin: 0 auto;}
.pro_pic{width: 100%;margin-top: 40px;}
.pro_list{width: 100%;height: auto;overflow: hidden;}
.pro_list .img{width: 100%;height: 265px;overflow: hidden;}
.pro_list .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;}
.pro_list .text{width: 100%;padding: 20px 10px;overflow: hidden;}
.pro_list .text h5{height: 30px;line-height: 30px;color: #444;font-size: 16px;font-weight: bold;padding-right: 15px;background: url("../images/index/pro_jian.png") right no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_list .text h6{height: 30px;line-height: 30px;color: #999;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_list:hover .img img{transform: scale(1.1);}
.pro_list:hover .text h5{color: #5abbda;background: url("../images/index/pro_jian2.png") right no-repeat;}
.pro_pic .swiper-container{padding-bottom: 50px!important;}
.pro_pic .swiper-pagination{bottom: 10px;}
.pro_pic .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #bbb;opacity: 0.8;vertical-align: middle;position: relative;}
.pro_pic .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #5abbda;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;}
.pro_pic .swiper-pagination-bullet-active {width: 6px;height: 6px;opacity: 1;position: relative;background: #5abbda;}
.pro_pic .swiper-pagination-bullet-active:after {opacity: 1;}
.pro_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}

/* 品牌实力 */
.pinpai-container{width: 100%;padding: 100px 0 80px 0;background-size: cover;height: 847px;background-position: center!important;}
.pinpai{width: 1600px;margin: 0 auto;}
.pinpai_center{width: 100%;margin-top: 80px;}
.pinpai_center ul{width: 100%;height: auto;overflow: hidden;}
.pinpai_center ul li{width: 33%;float: left;border-right: 1px dashed #b4d6f6;text-align: center;}
.pinpai_center ul li h5{font-size: 30px;color: #fff;font-family: 'impact';}
.pinpai_center ul li h5 span{font-size: 100px;color: #fff;font-family: 'impact';}
.pinpai_center ul li h6{font-size: 18px;color: #fff;}
.pinpai_center ul li:last-child{border-right: 0px;}
.video_click{width: 100%;height: auto;overflow: hidden;margin: 50px 0;cursor: pointer;}
.video_click h5{width: 82px;height: 82px;overflow: hidden;margin: 0 auto;}
.video_click h6{font-size: 16px;color: #fff;text-align: center;padding-top: 10px;}
.video_click h6 span{border-bottom: 1px solid #fff;display: inline-block;}
.video_click:hover h6 span{color: #0081cc;border-bottom: 1px solid #0081cc;}

/*视频插件--视频窗口*/
.media-modal{width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0px;left:0px;z-index:9999;display:none;opacity:0;}
.media-modal .mediaModal-contain{width:720px;height:480px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-240px 0 0 -360px;display:none;}
.mediaModal-contain .mediaModal-box,
.mediaModal-contain video,
.mediaModal-contain .mejs-container,
.mediaModal-contain .mejs-overlay-play,
.mediaModal-contain .mejs-poster,
.mediaModal-contain .mejs-layers,
.mediaModal-contain .mejs-overlay{width:100% !important;height:100% !important;}
.mediaModal-contain .close{display:block;width:32px;height:32px;background:url(../js/media/icon-close.png) no-repeat center center / cover;position:absolute;right:5px;top:5px;z-index:2;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.mediaModal-contain:hover .close{opacity:1;}
@media all and (max-width:1000px){.mediaModal-contain .close{opacity:1;}.media-modal .mediaModal-contain{width:94%;left:3%;margin-left:0;}}

/* 核心优势 */
.core_container{width: 100%;padding: 100px 0 80px 0;}
.core{width: 100%;height: auto;padding: 30px 0;overflow: hidden;}
.core_list{width: 100%;height: auto;}
.core_list .img{width: 100%;height: 356px;overflow: hidden;}
.core_list .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;}
.core_list:hover .img img{transform: scale(1.1);}
.core_list .text{width: 100%;height: 120px;background-color: #f5f5f5;padding: 30px;position: relative;}
.core_list .text h5{font-size: 18px;color: #444;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.core_list .text h6{font-size: 16px;color: #888;font-weight: normal;padding-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.core_list .text i{position: absolute;right: 20px;bottom: 40px;width: 19px;height:8px;background: url("../images/index/pro_jian4.png") no-repeat center center;}
.core_list:hover .text i{background: url("../images/index/pro_jian3.png") no-repeat center center;} 
.core_list:hover .text{background-color: #0081cc;}
.core_list:hover .text h5{color: #fff;}
.core_list:hover .text h6{color: #fff;}
.core .swiper-container{padding-bottom: 50px!important;}
.core .swiper-pagination{bottom: 10px;}
.core .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #bbb;opacity: 0.8;vertical-align: middle;position: relative;}
.core .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #5abbda;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;}
.core .swiper-pagination-bullet-active {width: 6px;height: 6px;opacity: 1;position: relative;background: #5abbda;}
.core .swiper-pagination-bullet-active:after {opacity: 1;}
.core .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}

/* 经典案例 */
.case-container{width: 100%;background-size: cover!important;height: 100%;background-position: center!important;padding: 50px 0;}
.case{width: 1600px;margin: 0 auto;padding:  50px 0;}
.case-center{width: 100%;height: auto;margin-top: 50px;}
.case-center .swiper-container{padding-bottom: 50px!important;}
.case-center .swiper-pagination{bottom: 10px;}
.case-center .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #fff;opacity: 0.8;vertical-align: middle;position: relative;}
.case-center .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #5abbda;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;}
.case-center .swiper-pagination-bullet-active {width: 6px;height: 6px;opacity: 1;position: relative;background: #5abbda;}
.case-center .swiper-pagination-bullet-active:after {opacity: 1;}
.case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}
.case_list{width: 100%;height: auto;overflow: hidden;}
.case_list ul{margin-left: -2%;}
.case_list ul li{width: 23%;margin-left: 2%;background-color: #fff;border-radius: 3px;margin-bottom: 30px;overflow: hidden;padding: 15px;float: left;}
.case_list ul li .img{width: 100%;height: 200px;overflow: hidden;}
.case_list ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;}
.case_list ul li:hover .img img{transform: scale(1.1);}
.case_list ul li .text{width: 100%;height: auto;padding: 15px 0 5px 0;overflow: hidden;}
.case_list ul li .text h5{height: 30px;line-height: 30px;font-size: 16px;color: #444;padding-right: 19px;background: url("../images/index/pro_jian4.png") right no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_list ul li .text h6{line-height: 30px;font-size: 14px;color: #999;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding-top: 5px;}
.case_list ul li:hover .text h5{color: #5abbda;background: url("../images/index/pro_jian5.png") right no-repeat;} 
.case_list ul li:first-child{width: 48%;}
.case_list ul li:first-child .img{width: 100%;height: 445px;overflow: hidden;}

/* 新闻中心 */
.news-container{width: 100%;margin:100px 0px 0px;padding:10px 0 45px;background:#f2f2f2;}
.news{width: 1400px;margin: 0 auto;}

.news-title{width: 100%;height: auto;overflow: hidden;text-align: center;margin-top: 20px;}
.news-title ul li{display: inline-block;font-size: 16px;color: #888;font-weight: normal;padding: 0 20px;cursor: pointer;}
.news-title ul li:hover{color: #0081cc;}
.news-title ul li.cur{color: #0081cc;}
.news-title ul a{text-align: center;padding: 0 20px;font-size: 16px;color: #888;font-weight: normal;}
.news-title ul a:hover{color: #0081cc;}
.news-list{display: none;}
.news-center{width: 100%;margin-top: 50px;overflow: hidden;}
.news-left{width: 50%;float: left;height: auto;overflow: hidden;padding-right: 10px;}
.news-left .img{width: 100%;height: 456px;overflow: hidden;}
.news-left .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;}
.news-left:hover .img img{transform: scale(1.1);}
.news-left .text{width: 100%;background-color: #f5f5f5;padding: 30px;position: relative;}
.news-left .text h5{font-size: 18px;color: #444;padding-right: 100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height: 30px;line-height: 30px;}
.news-left .text h6{font-size: 14px;color: #999;line-height: 30px;height: 90px;padding-right: 100px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news-left:hover .text h5{color: #5abbda;}
.news-time{width: 90px;height: 90px;background-color: #0081cc;padding: 8px;font-size: 38px;color: #fff;text-align: center;position: absolute;right: 30px;
top: 30px;}
.news-time span{display: block;font-size: 12px;color: #fff;text-align: center;}
.news-right{width: 50%;float: left;padding-left: 10px;overflow: hidden;}
.news-right ul li{width: 100%;height: auto;margin-bottom: 3px;background-color: #f5f5f5;padding: 32px;overflow: hidden;}
.news-right ul li .text{width: 66%;float: left;padding-right: 30px;overflow: hidden;}
.news-right ul li .text h4{font-size: 18px;color: #444;height: 30px;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-right ul li .text h5{font-size: 14px;color: #888;line-height: 30px;height: 60px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 15px 0;}
.news-right ul li .text h6{font-size: 14px;color: #555;font-family: 'Arial';}
.news-right ul li:hover .text h4{color: #5abbda;}
.news-right ul li .img{width: 34%;float: left;height: 146px;overflow: hidden;}
.news-right ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;}
.news-right ul li:hover .img img{transform: scale(1.1);}
.news-video{width: 100%;margin-top: 50px;overflow: hidden;}
.news-video ul{margin-left: -2%;} 
.news-video ul li{margin-left: 2%;float: left;margin-bottom: 2%;position: relative;height: 319px;width: 31.333%;overflow: hidden;}
.news-video ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;}
.news-video ul li:hover img{transform: scale(1.1);}
.news-video ul li i{position: absolute;width: 42px;height: 42px;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;
    background: url("../images/index/video2.png") no-repeat center center;}
.news-video ul li p{position: absolute;width: 100%;font-size: 20px;color: #fff;bottom: 1px;text-align: center;}


.news-more{width: 140px;background-color: #0081cc;border-radius: 30px;height: 44px;line-height: 44px;color: #fff;font-size: 14px;
margin: 0 auto;margin-top: 30px;transition: all .4s ease-out;}
.news-more:hover{background-color: #5abbda;}
.news-more a{display: block;text-align: center;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .products{width: 92%;}
    .pinpai{width: 92%;}
    .case{width: 92%;}
    .news{width: 92%;}
    .products-container,.core_container,.news-container{padding: 80px 0 60px 0;}
    .pro_list .img{height: 240px;}
    .core_list .img{height: 300px;}
    .pinpai-container{height: 800px;}
    .news-video ul li{height: 290px;}
   
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .pro_list .img{height: 216px;}
    .pinpai_center ul li h5 span{font-size: 80px;}
    .core_list .img{height: 265px;}
    .pinpai-container{height: 750px;}
    .news-left .img{height: 380px;}
    .news-right ul li{padding: 22px;}
    .news-right ul li .img{height: 120px;}
    .news-video ul li{height: 260px;}

    
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .pro_list .img{height: 205px;}
    .products-container{padding: 80px 0 50px 0;}
    .pinpai_center ul li h5 span{font-size: 60px;}
    .pinpai_center ul li h6 {font-size: 16px;}
    .pinpai-container{height: 720px;}
    .products-container,.core_container,.news-container{padding: 50px 0;}
    .core_list .img{height: 250px;}
    .core_list .text h6{font-size: 14px;font-weight: normal;}
    .news-title ul li{padding: 0 15px;}
    .news-title ul a{padding: 0 15px;}
    .news-video ul li{height: 246px;}

    
    
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    
    .pinpai_center ul li h5 span{font-size: 50px;}
    .pinpai_center ul li h6 {font-size: 14px;}
    .pinpai-container{height: 700px;}
    .pro_list .img{height: 192px;}
    .core_list .img{height: 234px;}
    .news-title ul li{font-size: 14px;}
    .news-title ul a{font-size: 14px;}

    .news-left .img{height: 335px;}
    .news-right ul li{padding: 20px;}
    .news-right ul li .img{height: 106px;}
    .news-right ul li .text h5{line-height: 24px;height: 49px;}
    .news-video ul li{height: 232px;}
    

}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .banner-words h4{font-size: 36px;}
    .banner-words h5{font-size: 14px;margin-top: 15px;}
    .banner-words h5 span{ padding: 6px 30px;border-radius: 30px;}

    .pro_list .img{height: 180px;}
    .products-container{padding: 60px 0 30px 0;}
    .core_list .img{height: 210px;}
    .pinpai-container{height: 670px;}

    .news-title ul li {padding: 0 10px;}
    .news-title ul a {padding: 0 10px;}
    .news-video ul li{height: 208px;}
    
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .news-title ul li{text-align: center;padding: 0 5px;font-size: 12px;}
    .news-title ul a{font-size: 12px;padding: 0 5px;}

}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 360移动终端以上 */
    .banner-pic .banner-pc{display: none;}
    .banner-pic .banner-mb{display: block;}
    .banner-prev, .banner-next{display: none;}
    .banner-words h4{font-size: 18px;}
    .banner-words h5{font-size: 12px;margin-top: 10px;}
    .banner-words h5 span{ padding: 6px 10px;border-radius: 30px;margin: 5px 5px;}

    .banner .swiper-pagination{bottom: 24px;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}

    .products-container,.core_container{padding: 30px 0;}
    .pro_pic{margin-top: 20px;}
    .pro_list .img{height: 120px;}
    .pro_list .text{width: 100%;padding: 10px 6px;overflow: hidden;}
    .pro_list .text h5{height: 26px;line-height: 26px;color: #444;font-size: 14px;}
    .pro_list .text h6{height: 22px;line-height: 22px;color: #999;font-size: 12px;}

    .pinpai-container{height: auto;padding: 50px 0;}
    .pinpai_center{margin-top: 30px;}
    .pinpai_center ul li{width: 50%;float: left;border-right: 1px dashed #b4d6f6;text-align: center;margin-bottom: 20px;}
    .pinpai_center ul li h5{font-size: 20px;color: #fff;font-family: 'impact';}
    .pinpai_center ul li h5 span{font-size: 40px;color: #fff;font-family: 'impact';}
    .pinpai_center ul li h6{font-size: 14px;color: #fff;}
    .pinpai_center ul li:nth-child(2n){border-right: 0px;}
    .pinpai_center ul li:last-child{border-right: 1px dashed #b4d6f6;}

    .core_container{width: 92%;margin: 0 auto;}
    .core_list .img{height: auto;}
    .core_list .img img{height: auto;}
    .core_list .text{padding: 10px;height: 100px;}
    .core_list .text h5{font-size: 16px;font-weight: normal;}
    .core_list .text i{bottom: 10px;}

    .case-container{padding: 0;}
    .case-center{margin-top: 30px;}
    .case_list ul li{width: 48%;margin-bottom: 10px;overflow: hidden;padding: 10px;}
    .case_list ul li .img{height: 100px;}
    .case_list ul li .text{padding: 10px 0 0px 0;overflow: hidden;}
    .case_list ul li .text h5{font-size: 14px;color: #444;padding-right: 15px;}
    .case_list ul li .text h6{line-height: 30px;font-size: 12px;padding-top: 5px;}
    .case_list ul li:first-child{width: 98%;}
    .case_list ul li:first-child .img{width: 100%;height: auto;overflow: hidden;}

    .news-container{padding: 30px 0;}
    .news-title{margin-top: 10px;}
    .news-center{margin-top: 30px;}
    .news-left{width: 100%;padding-right: 0px;margin-bottom: 10px;}
    .news-left .img{height: auto;}
    .news-left .text{padding: 10px;}
    .news-time{width: 60px;height: 60px;right: 10px;font-size: 20px;padding: 5px;}
    .news-left .text h5{font-size: 16px;padding-right: 70px;height: 24px;line-height: 24px;}
    .news-left .text h6{font-size: 12px;color: #999;line-height: 22px;height:76px;padding-right: 70px;padding-top: 10px;}

    .news-right{width: 100%;padding-left: 0px;}
    .news-right ul li{margin-bottom: 3px;padding: 10px;}
    .news-right ul li .text{width: 66%;float: left;padding-right: 10px;overflow: hidden;}
    .news-right ul li .text h4{font-size: 16px;color: #444;height: 30px;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .news-right ul li .text h5{font-size: 12px;color: #888;line-height: 22px;height: 44px;margin: 4px 0;}
    .news-right ul li .text h6{font-size: 14px;color: #555;font-family: 'Arial';}
    .news-right ul li:hover .text h4{color: #5abbda;}
    .news-right ul li .img{width: 32%;float: left;height: 100px;overflow: hidden;}
  

    .news-video{margin-top: 30px;}
    .news-video ul{margin-left: 0%;} 
    .news-video ul li{margin-left: 0;margin-bottom: 2%;height: auto;width: 100%;}
    .news-video ul li p{font-size: 14px;bottom:10px}

    .pro_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}
    .core .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}
    .case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}


}
.news-video >ul>li>a>p
{
	background:black;opacity: 0.8;
}






@media all and (max-width:1000px) {
    /* 360移动终端以上 */
.row1 {
  padding: 25px 0px 40px;
}
.row1w {width: 92%;margin: 0 auto;}
.row1 .tit2 {padding:0px 0px 25px;}
.row1l {float: none;width: 100%;}
.row1p {
  font-size: 14px;
  color: #666;
  line-height: 30px;
  white-space:normal;
}
.row1zz img{width:100%;}
.row1zzl {
  float: left;
  width: 29%;
  margin: 0px 2%;
}
.row1zzc {
  float: left;
  width: 29%;
  margin: 0px 2%;
}
.row1zzr {
  float: left;
  width: 29%;
  margin: 0px 2%;
}
.row1r {
  float: none;
  width: 100%;
}
.row1r img{width:100%;padding:0px 0px 15px;}

.row1wz1 strong {
  font-size: 24px;
  color: #41a42f;
  padding-right: 5px;
}






















}





