/* Banner Slider */
.single_slide_slider{margin-top:0;}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{--swiper-navigation-color: #d6d6d6;}
.swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover{--swiper-navigation-color: #0facf3;}
.swiper-container-initialized .swiper-button-next, .swiper-container-initialized .swiper-container-rtl, .swiper-container-initialized .swiper-button-prev{padding: 10px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #d6d6d6;}
.swiper-container-initialized .swiper-button-next:hover, .swiper-container-initialized .swiper-container-rtl:hover, .swiper-container-initialized .swiper-button-prev:hover{padding: 10px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #0facf3;}
.ban_title{ width:100%; text-align:left; color:#fff; font-size:45px; padding-top:15%; font-weight:bold}
.ban_title2{ width:600px; text-align:left; color:#fff; font-size:25px; line-height:50px; margin-top:10px;}
.banner-pages .swiper-pagination-bullet {width:50px;height:4px;display:inline-block;background-color:#ffffff;opacity:.5;border-radius:0;}
.banner-pages .swiper-pagination-white .swiper-pagination-bullet {background:#fff}
.banner-pages .swiper-pagination-bullet-active {opacity:1;background:#ffffff}
@media (min-width:1000px) /*pc端*/
{
.same-padding{padding-top:50px;}
.contactgray-bg{margin:50px 0 -70px;padding:60px 0 20px;}
.contactgray-bg img{margin-bottom:30px;}
.breadcrumb-box{background-color: rgb(250, 250, 250);margin-bottom:40px;}
.breadcrumb{padding: 15px;}
.contactgray-bg p.imgbox{margin-top: -20px;}
}

@media (max-width:1000px) /*手机端*/
{
.same-padding{padding-top:30px;}
.contactgray-bg{margin: 30px 0 -50px;padding: 30px 0;}
.breadcrumb{padding:0;margin-top: 4px;}
}
/*内容页公共用*/
.breadcrumb > li + li::before {content: "⊙";padding: 0 5px;color: #999;}
.breadcrumb li:first-child a span:hover,.breadcrumb li:last-child a:hover{text-decoration:underline;}
.breadcrumb li .fa{font-weight:bold;padding-right:6px;}
.breadcrumb li{font-weight:bold;}
.breadcrumb li a{font-weight:normal;}

.page ul li .fa{padding-right: 10px;}
.page ul li:hover a,.page ul li:hover{color: #0488CD;}

.pagination > li > a, .pagination > li > span{padding: 4px 10px;}

/*分页-联系我们*/
.contactgray-bg{background-color:#f4f4f4;}
.contactgray-bg img{max-height:57px;}
.contactgray-bg p img{max-height: 90px;}

/*分页-新闻中心*/
.pa_textlist_8 .item{padding:10px 0 20px;border-bottom:1px solid #ddd;}
.pa_textlist_8 .title{display:block;font-size:16px;line-height:2;}
.pa_textlist_8 .title:hover{color: #3370ff;}
.pa_textlist_8 .date{line-height:2;}
.pa_textlist_8 .intro{line-height:2;}
.card1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.card2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 52px;}
@media(max-width:768px){
.pa_textlist_8 .intro { text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;   line-height: 26px;  height: 52px;  }
}

 /*内页-产品中心*/
@media (min-width:1000px){
.div-img .mask .boxs{margin: 0 10%;position: absolute;top: 16%;}
.div-img .mask .title{color:#fff;font-size:20px;}
.div-img .mask .account{line-height:2;margin-top:20px;color:#fff;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 52px;}
.product-box li .pho-account{display:none;}
}
@media (max-width:1000px){
.div-img .mask,.div-img .mask .title,.div-img .mask .account{display:none;}
.product-box li .pho-account{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 46px;}
}
.div-img{ position:relative;}
.div-img img{display:block;width:100%;}
.div-img .mask{width:100%;height:100%;background:rgba(9, 68, 246, 0.64);position:absolute;top:0;
    left:0;transition:0.3s linear;opacity:0;}
.div-img:hover .mask{opacity:1;}


/*内页-集团概况*/
@media (min-width:1000px){
.company{margin: 80px 0 40px;}
.company .title{font-size: 32px;}
.company p{font-size: 16px;padding-top: 10px;}

}
@media (max-width:1000px){
.company{margin: 30px 0;}
.company .title{font-size: 18px;}
.company p{font-size: 13px;}


}
.company{text-align:center;}
.company .title{font-weight:bold;}

.addbreadcrumb .breadcrumb > li + li::before{content: ">";color: #fff;}

.years-box li{text-align:center;}
.years-box li .title{font-weight:bold;position: relative;display: inline-block;}
.years-box li .title::after{display:inline-block;}
.years-box li:first-child .title::after{content:"+";}
.years-box li:nth-child(2) .title::after{content:"+​";}
.years-box li:nth-child(3) .title::after{content:"+";}
@media (min-width:1000px){
.years-box{padding:20px 150px 40px;}
.years-box li .title{font-size: 46px;}
.years-box li .title::after{position:absolute;right: -20px;top: 10px;font-size:14px;}
.years-box li p{font-size: 18px;}
}
@media (max-width:999px) and (min-width:415px){ 
.years-box{padding:60px 0;}
.years-box li .title{font-size: 40px;}
.years-box li .title::after{position:absolute;right: -20px;bottom: 10px;font-size:14px;}
.years-box li p{font-size: 16px;}
}
@media (max-width:414px){   
.years-box{padding:30px 0;}
.years-box li{padding-left: 0;padding-right: 0;}
.years-box li .title{font-size: 20px;}
.years-box li .title::after{position:absolute;right: -14px;bottom: 6px;font-size:10px;font-weight:normal;}
.years-box li p{font-size: 10px;}
}

.marqueelefts {height: auto;max-width: 1200px;overflow: hidden;margin: 0px auto;}
.marqueelefts ul{float:left;}
.marqueelefts li{float:left;margin:0 5px;display:inline;width:200px;height:auto;overflow:hidden;text-align:center;}
.marqueelefts li .pic{display:block;width:200px;height:auto;padding:10px;overflow:hidden;}
.marqueelefts li .pic img{height:100%;width:100%;}
.marqueelefts li .txt{text-align:center;height:auto;line-height:260px;}
.marqueelefts .marquee1_1>li>p{text-align:center;margin: 0 auto;display:inline-block;}

/*分页-旗下产业*/
.pa_textlist_1 .item{border-bottom:1px solid #eee;padding:40px 0;}
.pa_textlist_1 .item .picbox{display:block;overflow:hidden;}
.pa_textlist_1 .item .picbox img{transition:all 0.3s ease-in-out;}
.pa_textlist_1 .item .picbox:hover img{transform:scale(1.08,1.08);}
.pa_textlist_1 .item .title{line-height:1.4;text-align:left;}
.pa_textlist_1 .item .intro{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height:46px;}
.pa_textlist_1 .item .boxs{margin:20px 0 20px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pa_textlist_1 .contentbox{padding-right: 0;}
.cymao{ width:100%; float:left;overflow:hidden}
.cymao .more{display:block;width:155px;line-height:45px;height:45px;background-color: rgba(51,112,255,1);border-radius:4px;color:#fff;margin-top:30px; text-align:center}
.cymao .more:hover{background-color: rgba(78,131,253,1);}
.cymao .more:hover{background-color: rgba(78,131,253,1);}



@media(min-width:1000px){
.pa_textlist_1 .item .boxs{margin-top: 15px;}
.pa_textlist_1 .item .title{font-size:18px;}

}
@media(max-width:1000px){
.pa_textlist_1 .item{padding:12px 0;margin: 0 15px}
.pa_textlist_1 .item .title{font-size:14px;font-weight:bold;}
.pa_textlist_1 .contentbox{padding-left:8px;}
.pa_textlist_1 .item .boxs{margin:0;}
}

/*子栏目样式*/
.sub-nav-box .sub-nav>ul>li{text-align:center;line-height:70px;display: inline-block;}
.sub-nav-box .sub-nav>ul>li>ul{position:absolute;}
.sub-nav-box .sub-nav>ul>li>a{background-color: transparent;}
.sub-nav-box .sub-nav >ul>li.active >a{background-color: #3370ff;color: #fff;}
.sub-nav-box .sub-nav li:hover> ul{display:block;}
.sub-nav-box .sub-nav> ul > li > ul::before {display:block;margin:0px auto;text-align: center;position:absolute;top:-8px;left: 45%;content: "";width: 0;height: 0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom: 8px solid #ed8e82;}
.sub-nav-box .sub-nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}
.sub-nav-box .sub-nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;line-height:50px} 
.sub-nav-box .sub-nav ul li ul li a:hover{text-decoration:none;color:#fff;background:rgba(0, 0, 0, 0.1);}

.sub-nav-box .sub-nav ul li{position:relative;}
.sub-nav-box .sub-nav ul li .arrow{display:none}
.sub-nav-box .sub-nav ul li ul{background-color:#ed8e82;display:none;position:absolute;left:0;z-index:2;width:100%;} /*二级ul样式*/
.sub-nav-box .sub-nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/

@media screen and (min-width:1000px){
.sub-nav-box{margin:-70px auto 40px;text-align: center;}
.sub-nav-box .sub-nav>ul>li>a{padding:10px 40px;font-size:14px;color: #fff;}
}
@media screen and (max-width:1000px){
.sub-nav-box .sub-nav{padding-top:20px}
.sub-nav-box{padding-left:10px;padding-right:10px;}
.sub-nav-box .sub-nav>ul>li{margin-right: 10px;}
.sub-nav-box .sub-nav>ul>li>a{width: 100%;height: 34px;display: inline-block;font-size: 13px;overflow: hidden;border:1px solid #ccc;}
.sub-nav-box .sub-nav ul li{width:46%;line-height: 34px;}
.sub-nav-box .sub-nav ul li ul li,.sub-nav-box .sub-nav ul li ul::before{display:none;}
}

/*在线客服*/
.zaixian{position:fixed;bottom:440px;right:0px;z-index:9;}
.zaixian .zaixian_com{position:relative;width:50px;height:80px;}
.zaixian_com .zxzx_pic1{position:absolute;right:0px;top:0px;}
.zaixian_com .zxzx_pic2{position:absolute;right:-190px;top:-70px;z-index:10;width:170px;height:300px;}
.zaixian_com .zxzx_pic1 p{position: absolute;top: 50px;left: 18px;font-size: 13px;color: #fff;}
.zaixian_com .zxzx_pic2 p{position: absolute;top: 118px;left: 24px;font-size: 13px;color: #fff;}
.kf-lf-lj{position:absolute;width:100px;right:10px;top:70px;}
.kf-lf-lj a{display:block;line-height:30px;padding-left:10px;margin:5px 0;color:#848484;font-size:13px;}
.kf-lf-lj a .fa{padding-right:4px;}
.kf-lf-lj a:hover{background:#1298fa url(../images/box-kefu2.png) no-repeat 5px center;color:#FFF;border-radius:4px;}
/*bannar*/
.banners{display: flex;justify-content: center;align-items: center;}
.pics_wrap .font-box .container{height:100%;display:flex;justify-content:center;align-items:center;color:#fff;}
@media(min-width:992px){
.pics_wrap .font-box .font1{font-size: 32px;padding: 12px 0}
.xbanner li img{height:450px;width: 100%;}
.pics_wrap .font-box{width:calc(100% - 140px);height:calc(100% - 100px);position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);}

}
@media(max-width:992px){
.pics_wrap .font-box .font1{font-size:26px;}
.pics_wrap .font-box .container{justify-content:center;}
.xbanner li img{height:auto;width: 100%;}
.pics_wrap .font-box{width:calc(100% - 140px);height:calc(100% - 100px);position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);}

}
@media(max-width:468px){
.pics_wrap .font-box{position:absolute;top:50%;left:50%;}
.pics_wrap .font-box .imgbox img{display:none;}
.pics_wrap .font-box{width:100%;}    
.pics_wrap .font-box .font1{font-size:14px;font-weight:bold;}
.pics_wrap .font-box .font2{font-size:13px;}
.pics_wrap .html5zoo-nav-0{display:none!important;}
.pics_wrap .font-box .container{justify-content:center;}
.xbanner li img{min-height:120px;width: 100%;}
.xbanner .pics_wrap img{min-height: 80px;}
.pics_wrap .font-box{width:calc(100% - 140px);height:calc(100% - 100px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

}


@media(max-width:1000px){.zaixian{display:none;}}

@media (min-width:1200px) {
.juzhong {display:-webkit-flex;display:flex;-webkit-justify-content:center;}
}
.marg50{margin-top:30px!important;}
/*index product*/
.nyprobox{ width:100%; overflow:hidden; padding-top:10px;}
.nyprobox ul{ margin-left:1%; width:100%;}
.nyprobox li{width:23.8%; float: left; margin-right:1%; background: #fff; margin-bottom: 30px;}
.nyprobox li p{ width:100%; float:left; line-height:35px; text-align:center; font-size:14px;}
.nyprobox li img{ height:210px; border:1px solid #efefef; width:300px;}
.nyprobox li:nth-child(4n){ margin-right:0px;}
.fangdapic{ overflow:hidden; position:relative;}
.fangdapic>img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%;}
a:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}

/*企业文化*/
.section-title { text-align: center; font-size: 28px; margin-top:40px; }
.section-title h2 { margin-top: 0; margin-bottom: 0px; text-align: center; font-size: 30px; letter-spacing: 2px; color:#373737;}
.section-title p { color: #5c5c5c; font-size: 13px; /*font-family:Arial;*/ margin: 5px 0 0 0; text-align: center; }
.section-title:after { display: block; content: ''; width:60px; height: 2px; margin: 10px auto 0; background-color: #b40001; }
.yuanjing{ width:100%; background:#eff1f5; overflow:hidden; padding:20px 0 60px 0; margin-top:20px;}
.jjfa{margin:50px auto auto; width:1220px; overflow:hidden;}
.jjfa > li{width: 25%; float: left; display: inline-block; padding: 0 10px; box-sizing: border-box; animation: fadeInRight 1s both;}
.jjfa > li:nth-child(2){animation-delay: .5s;}
.jjfa > li:nth-child(3){animation-delay: 1s;}
.jjfa > li:nth-child(4){animation-delay: 1.5s;}
.jjfa_item{text-align: center; padding:20px; height:350px; border-radius: 2px; box-sizing: border-box; color: #9e9e9e; position: relative; border: #fff 1px solid; background:#fff;}
.jjfa_item img{ width:100%}
.jjfa_item h3{font-size: 25px; font-weight: normal; color: #202123; line-height: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.jjfa_text{text-align: center; font-size: 14px; line-height: 28px; height: 90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: normal !important;}
/*品质保证*/
.hexin{ width:100%; margin:auto; overflow:hidden; margin-bottom:80px; margin-top:30px;}
.hexin .hexinL{ float:left; width:560px; height:405px; position:relative; background:url(../images/js1.jpg) no-repeat center}
.hexin .hexinL .test{ width:560px; bottom:0px; height:88px; background:url(../images/js_t.png); position:absolute;}
.hexin .hexinL .test p{ float:left; width:520px; padding-left:20px; line-height:45px; font-size:19px; color:#fff;}
.hexin .hexinL .test span{ float: left; width:520px; line-height:25px; font-size:17px; color:#fff; padding-left:20px;}
.hexin .hexinC{float:left; width:330px; overflow:hidden; background:#f4f4f4; height:405px; }
.hexin .hexinC p{ width:330px; padding-left:40px; padding-top:50px; line-height:40px; font-size:19px;}
.hexin .hexinC span{ float:left; margin:auto; width:260px; margin-left:40px; line-height:30px; font-size:17px;}
.hexin .hexinR{float:left; width:330px; overflow:hidden; background:#f4f4f4; height:405px; }
.hexin .hexinR p{ width:330px; padding-left:40px; padding-top:50px; line-height:40px; font-size:19px;}
.hexin .hexinR span{ float:left; margin:auto; width:260px; margin-left:40px; line-height:30px; font-size:17px; padding-bottom:83px;}
/*联系我们*/
.ny_wrapper{background: #f5f5f5; overflow:hidden; width:100%; padding-bottom:50px;}
.single_wrapper {margin-top: 60px;min-height: 520px; background: #fff;border-radius: 3px;box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); padding:2%;box-sizing: border-box; overflow:hidden; line-height:30px;}
.contact{background: #fff; overflow:hidden;}
.conL{ float:left;width:40%;float: left;background: #fff;padding: 4px 0px 50px 0px;}
.conL h3{font-size: 30px;color: #f86e40; text-align:center; padding-top:40px;}
.conL p{ float:left; width:100%; line-height:40px; font-size:15px; text-align:center; padding-top:20px;}
.conL span{ float:left; width:100%; line-height:40px; font-size:30px; text-align:center}
.conR{ float:right; width:49%; border-left:1px solid #cccccc; overflow:hidden;background: #fff; padding:20px; margin:20px 0px;}
.conR p{ float:left; width:100%; line-height:30px; font-size:15px; padding-left:40px;}
/*二级菜单*/
.nynav{ width:100%; background:#f7f7f7; overflow:hidden}
.nynav li{line-height: 58px; font-size: 16px; margin: 0px 20px}
.nynav li a{color: #585858; display: block; padding: 0px 24px;}
.nynav li a:hover{color: #fff; background: #3370ff;}
.nynav li.cur a{color: #fff; background: #3370ff;}
/*product list*/
.cplist { width:100%;display: flex;flex-wrap: wrap; margin-top:3%;overflow:hidden;}
.cplist li {width:23%; margin-right:2%; padding:5px;cursor: pointer; margin-bottom:15px; border:1px solid #f4f4f4;}
.cplist li:nth-child(4n) {margin-right:0px;}
.cplist li span{ float:left; width:100%; line-height:20px; padding:5px 0; text-align:center; font-size:15px;}
.cplist li .img{ overflow:hidden; width:100%; height:220px;}
.cplist li .img img {max-width: 100%;width: 100%;height:100%;object-fit: cover;transition: transform 0.5s;}
.cplist li .img img:hover{ transform: scale(1.1);-webkit-transform:scale(1.1)}
/*honor list*/
.honorlist { width:100%;display: flex;flex-wrap: wrap; margin-top:3%;overflow:hidden;}
.honorlist li {width:23%; margin-right:2%; padding:5px;cursor: pointer; margin-bottom:15px; border:1px solid #f4f4f4;}
.honorlist li:nth-child(4n) {margin-right:0px;}
.honorlist li span{ float:left; width:100%; line-height:20px; padding:5px 0; text-align:center; font-size:15px;}
.honorlist li .img{ overflow:hidden; width:100%;}
.honorlist li .img img {max-width: 100%;width: 100%;height:100%;object-fit: cover;transition: transform 0.5s;}
.honorlist li .img img:hover{ transform: scale(1.1);-webkit-transform:scale(1.1)}
/*news list*/
.newslist{overflow:hidden}
.newslist li{padding:1%;border-bottom: 1px solid #eee; background:#fff; margin-bottom:2%; overflow:hidden}
.newslist li a{display: block;width: 100%;}
.newslist li a .i{width: 22%;float: left;margin-right:2%;max-height: 170px; overflow:hidden}
.newslist li a .t{width: 75%;float: left;}
.newslist li a .t .p1{color: #333;margin-top: 2.5%;font-size: 20px;}
.newslist li a .t .p2{line-height: 1.6;color: #999;margin-top: 2%;font-size: 14px;font-weight: lighter;}
.newslist li a .p3{margin-top: 0.5%;display: inline-block;color: #aaa;font-size:18px;}
.newslist li a:hover .t .p1{color:#992423;}
/*合作伙伴*/
.huoban { width:100%;display: flex;flex-wrap: wrap;overflow:hidden; margin-top:3%}
.huoban li {width:18%; margin-right:2%;cursor: pointer;border-bottom:0; margin-bottom:35px;}
.huoban li:nth-child(5n) {margin-right:0px;}
.huoban li span{ float:left; width:100%; line-height:22px; padding:5px 0; text-align:center; font-size:15px;}
.huoban li .img{ overflow:hidden; border:1px solid #eeeeee}
.huoban li .img img {max-width: 100%;width: 100%; height:80px;object-fit: cover;transition: transform 0.5s;}
.huoban li .img img:hover{ transform: scale(1.1);-webkit-transform:scale(1.1)}
/*产品中心*/
/*product*/
.mainleft{ float:left; width:274px; overflow:hidden; margin-top:3%}
.mainright{ float:right; width:940px; overflow:hidden; margin-top:3%; border:1px solid #ececec;}
.content{ width:100%; overflow:hidden; padding-top:30px; line-height:40px;}
/*product class*/
.none { display:none}
.operate{ width:100%; border:1px solid #ececec;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.operate ul li { display:inline; }
.operate ul li a { background:url(../images/bg1.png) no-repeat 230px 18px; padding-left:10px; text-decoration:none; font-size:14px; color:#555; display:block;  height:43px;  line-height:43px; border-bottom:1px dotted #d2d2d2; }
.operate ul li a.noline { border-bottom:none; }
.operate ul li a:hover{ color:#c20025; }
.operate ul li a.selected:hover { color:#fff; }
.operate ul li .selected { background-color:#c20025;  background-position:200px -9px; color:#fff; }
.operate ul li { border-bottom:1px solid #fff; display:inline-block; width:100%; position: relative; min-height:43px; _height:43px; z-index: 10; zoom:1 }
.operate ul li h4 { cursor:pointer; background:url(../images/bg3.png) no-repeat 230px 18px; padding-left:10px; text-decoration:none; font-size:14px; color:#555; display:block;  line-height:43px; font-weight:normal; background-color:#f9f9f9}
.operate ul li.noline { border-bottom:none; }
.operate ul li h4:hover { color:#c20025; text-decoration:underline; }
.operate ul li.selected h4 { background-position:230px -37px;}
.operate ul li a { }
.operate ul li .on a { color:#c20025; font-weight:bold; }
.operate ul li a:hover { color:#c20025; text-decoration:underline; }
.bg-color { background-color:#8caf00; }
.operate li .list-item { padding:5px 0; position:relative; zoom:1 }
.operate li .list-item p {background:url(../images/jt.png) no-repeat 20px 50%;  border-bottom:1px dotted #d2d2d2;}
.operate li .list-item a { background:none;  border:none; color: #333333; display:block; height:42px; line-height: 42px; margin: 0 -1px 0 1px; padding-left: 35px;  position: relative; text-decoration: none;}
.prclass{ width:100%; text-align:center; font-size:18px; background:#3370ff; line-height:62px; color:#fff; text-transform:uppercase}
.classname{ width:100%; background:#efefef; padding-left:15px; line-height:47px; color:#5d5d5d;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ font-size:18px; text-transform:uppercase}
/*product list*/
.productlist { width:100%;display: flex;flex-wrap: wrap; margin-top:2%;overflow:hidden;}
.productlist li {width:31.3%; margin-left:1.5%; padding:5px;cursor: pointer; margin-bottom:15px; border:1px solid #f4f4f4;}
.productlist li img{ }
.productlist li span{ float:left; width:100%; line-height:20px; padding:5px 0; text-align:center; font-size:15px;}
.productlist li .img{ overflow:hidden;height:210px;}
.productlist li .img img {max-width: 100%;width: 100%;height:100%;object-fit: cover;transition: transform 0.5s;}
.productlist li .img img:hover{ transform: scale(1.1);-webkit-transform:scale(1.1)}
/*product info*/
.proconte{ width:98%; margin:auto; padding:1%; overflow:hidden;}
.name-tit{ width:100%; line-height:80px; font-size:25px; text-align:center;border-bottom:1px dashed #BFC3C4; }
.name-pic{ width:100%;text-align:center; margin:20px 0}
.name-times{ width:100%; line-height:30px; background:#f7f7f7; text-align:center;}
.setiao{ width:100%; line-height:45px; background:#efefef; font-size:18px; padding-left:1%; margin:20px 0;box-sizing: border-box; text-transform:uppercase}
.miaoshu{ width:100%; margin:auto; overflow:hidden;  margin:20px 0; line-height:30px; font-size:15px;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.updowm{padding-top: 30px; border-top: 1px solid #f0f0f0}
.updowm li{width: 44%}
.updowm li:nth-child(1){ float:left;}
.updowm li:nth-child(2){ float:right; text-align:right}
/*xiangqing*/
.slideTxtBox{ width:100%; text-align:left;}
.slideTxtBox .hd{ height:50px; line-height:50px;background:#ededed;position:relative; border-bottom:1px solid #3370ff;}
.slideTxtBox .hd ul{ float:left;   height:50px;}
.slideTxtBox .hd ul li{ float:left; padding:0 25px; cursor:pointer;text-align:center; font-size:18px;}
.slideTxtBox .hd ul li:last-child{ border-right:0;}
.slideTxtBox .hd ul li.on{ height:50px;  background:#3370ff;color:#fff }
.slideTxtBox .bd ul{width:100%; padding-top:15px;zoom:1; margin:auto; font-size:14px; color:#5d5d5d;}
.slideTxtBox .bd ul img{max-width:100%;}
.slideTxtBox .bd ul p{ font-size:16px; line-height:2}
/*video*/

@media (max-width:768px) {
 /*index product*/
 .ban_title{ width:98%; text-align:left; color:#fff; font-size:20px; padding-top:10%; font-weight:bold}
.ban_title2{ width:98%; text-align:left; color:#fff; font-size:13px; line-height:20px; margin-top:10px;}
 .nyprobox li{width:49%; float: left; margin-right:2%; background: #fff; margin-bottom:20px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
 .nyprobox li p{ width:100%; float:left; line-height:22px; text-align:center; font-size:13px; height:44px;}
 .nyprobox li:nth-child(2n){ margin-right:0px}
/*二级菜单*/
.nynav li{ float:left; width:48%;line-height:35px; font-size:14px; margin: 0px 0px}
.nynav li:nth-child(2n) {float:right; }
.nynav li a:hover{color: #ff0000; background: #f7f7f7;}
.nynav li.cur a{color: #ff0000; background: #f7f7f7;}
.cplist { width:100%;display: flex;flex-wrap: wrap; margin-top:3%;overflow:hidden;}
.cplist li {width:100%; margin-right:2%; text-align:center}
.cplist li:nth-child(2n) {margin-right:0px;}
.cplist li span{font-size:13px;}

/*honor list*/
.honorlist li {width:48%; margin-right:2%; cursor: pointer; margin-bottom:15px; border:1px solid #f4f4f4;}
.honorlist li:nth-child(2n) {margin-right:0px;}
.honorlist li span{ float:left; width:100%; line-height:20px; padding:5px 0; text-align:center; font-size:13px;}
/*新闻中心*/
.newslist li{padding:2%;}
.newslist li a .i{width: 100%;margin-right:0;}
.newslist li a .t{width: 100%;padding-right:0;}
.newslist li a .t .p1{margin-top:2%;font-size:16px; font-weight:normal}
.newslist li a .t .p2{font-size: 14px;}
.newslist li a .p3{font-size:14px;}
/*合作伙伴*/
.huoban li {width:48%; margin-right:1%;cursor: pointer;border-bottom:0; margin-bottom:15px;}
.huoban li:nth-child(2n) {margin-right:0px;}
/*产品中心*/
/*product*/
.mainleft{ float:left; width:100%; overflow:hidden; margin-top:0;}
.mainright{ float:right; width:100%; overflow:hidden; margin-top:3%; border:none;}
.classname{ display:none}
/*wap产品菜单*/
.prclass{ width:100%; text-align:left; padding-left:10px; font-size:18px; background:#efefef; line-height:50px; color:#000; text-transform:uppercase}
.operate{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

/*product info*/
.proconte{ width:100%;padding:0;}
.name-tit{line-height:30px; font-size:20px; }
.updowm li{width: 100%}
.updowm li:nth-child(1){ float:left;}
.updowm li:nth-child(2){ float:left; text-align:left}

.name-times{ display:none;}
.miaoshu{ width:100%; margin:auto; overflow:hidden;  margin:10px 0; line-height:30px; font-size:14px;}
.cymao{ display:none}
/*企业文化*/
.yuanjing{ padding:10px 0 10px 0; margin-top:1px;}
.jjfa{margin:20px auto auto; width:100%; overflow:hidden;}
.jjfa > li{width: 100%; float: left; display: inline-block; padding: 0 10px; box-sizing: border-box; animation: fadeInRight 1s both;}
.jjfa_item img{ width:100%}
.jjfa_item h3{font-size: 22px;}
.jjfa_text{text-align: center; font-size: 14px; line-height:28px; height:auto;}
/*品质保证*/
.hexin{ margin-bottom:20px; margin-top:10px;}
.hexin .hexinL{ float:left; width:100%; height:200px; position:relative; background:url(../images/js1.jpg) no-repeat center; margin-bottom:30px;}
.hexin .hexinL .test{ width:100%; bottom:0px; height:40px; background:url(../images/js_t.png); position:absolute;}
.hexin .hexinL .test p{ float:left; width:100%; padding-left:20px; line-height:45px; font-size:19px; color:#fff;}
.hexin .hexinL .test span{ float: left; width:100%; line-height:25px; font-size:17px; color:#fff; padding-left:20px;}
.hexin .hexinC{float:left; width:100%; overflow:hidden; background:#f4f4f4; height:auto; }
.hexin .hexinC p{ width:100%; padding-left:20px; padding-top:20px; line-height:30px; font-size:19px;}
.hexin .hexinC span{ float:left; margin:auto; width:100%; margin-left:40px; line-height:30px; font-size:17px;}
.hexin .hexinR{float:left; width:100%; overflow:hidden; background:#f4f4f4; height:auto; }
.hexin .hexinR p{ width:100%; padding-left:20px; padding-top:10px; line-height:30px; font-size:19px;}
.hexin .hexinR span{ float:left; margin:auto; width:100%; margin-left:40px; line-height:30px; font-size:17px; padding-bottom:23px;}
/*联系我们*/
.conL{ float:left;width:100%;float: left;background: #fff;padding: 14px 0px 0 0px;}
.conL p{ float:left; width:100%; line-height:40px; font-size:20px; text-align:center; padding-top:2%;}
.conL span{ float:left; width:100%; line-height:30px; font-size:25px; text-align:center; color:#f4001b; padding:0.3rem 0;}
.conR{float:left; width:100%; border-left:none; overflow:hidden;background: #fff; padding:0px; margin:10px 0px;}
.conR p{ float:left; width:100%; line-height:30px; font-size:14px; padding-left:2%;}
/*product list*/
.productlist { width:100%;display: flex;flex-wrap: wrap; margin-top:2%;overflow:hidden;}
.productlist li {width:48%; margin-left:2%; padding:5px;cursor: pointer; margin-bottom:15px; border:1px solid #f4f4f4;}
.productlist li span{ float:left; width:100%; line-height:20px; padding:5px 0; text-align:center; font-size:14px;}
.productlist li .img{ overflow:hidden;height:180px;}

}
video {
    width: 100%;
    height: auto;
}