.row{margin:0;}
/* about */
img{max-width:100%;}
.scrolled{background:rgba(255,255,255,0.5);}
.container {
    margin:0 auto;height:auto !important;
}

/*  */
.patop5{margin-top:50px;}
.padd10{padding:10px 0;}
.padd50{padding:50px 0;}
.padd100{padding:100px 0;}
.homeBox{padding-top: 20px;padding-bottom: 20px;}
.homeAbout{box-shadow: 5px 8px 8px rgba(0,0,0,0.2);border-radius: 10px;border: 1px solid #ddd;padding-top:20px;padding-bottom:20px;color:#888;line-height:170%;padding-left:10px;padding-right:10px;}
.homeabouttitle{font-weight: normal;font-size:20px;margin-bottom:15px;color:#333;padding-left: 15px;}
.homeabouttitle b{display: block;font-weight: normal;text-transform:uppercase;position: relative;line-height:120%;margin-bottom: 5px;}
.homeabouttitle b:before{border-left:2px solid #fbc30a;position: absolute;content:'';left:-15px;height:15px;top:4px}
.homeabouttitle a{float: right;color: #666;border: 1px solid #ddd;border-radius: 50px;font-size: 14px;padding: 5px 15px;margin-top: -10px;}
.homeabouttitle a:hover{background-color: #fbc30a;border-color: #fbc30a;color: #fff;text-decoration: none;}
.homeSub a{display: inline-block;padding:5px 25px;border:1px solid #ddd;border-radius:30px;}
.homeSub {margin-bottom:20px;}

.homeAboutpic{padding-bottom:20px}
.homeAboutpic img{width:100%;}
.homeIco{padding-top:10px;padding-bottom:10px;}
.homeIco b img{width:35px;vertical-align: middle;display: inline-block;margin-top:-5px;margin-right:10px;}
.homeIco b{font-size:30px;font-weight: normal;display: block;padding:5px 0;color:#333}
.homeIco p{margin:0;padding-left:45px;line-height:150%;padding: 20px 0;}
.homeIco b span{
    font-size: 40px;
}
	.homeBox{padding-top:50px;padding-bottom:50px;}
	.breadcrumb{margin-bottom: 30px}
	.homeAbout{padding:55px 55px 35px;}
	.mediaBox{padding-top:20px;padding-bottom:10px}
	.pplogo{padding-top: 7%;}

	.homeabouttitle{font-size:30px;margin-bottom: 40px}
	.homeabouttitle b{font-size:35px;}
	.joinIco b img{width: auto;}

	.cuspic{padding: 80px 25px}
	.cusform{padding:92px 65px;}
	#l-map{height: 400px}
	#prod-slider .owl-controls .owl-buttons div{height: 100px;line-height: 100px;}

	.homeabouttitle b:before{top: 12px}
	.homeAboutInfo{font-size: 16px;}
  .homeAboutInfo p{margin:10px 0;}
	.homeSub{padding-top: 20px;}
	.homeNews{margin-bottom: 45px;}
	.pjcatebox{margin-left: 0;margin-right: 0;margin-bottom: 30px;padding: 10px;padding-bottom: 5px;}
	.pjico_list{margin-left: 0;margin-right: 0;}
	.videof iframe{height: 660px}
	.prod-title{font-size: 28px;}
	.prodinfo h3, .prodtitile{font-size: 20px;}
  .about_con{width:100%;}
  .about_con .fixpic{width:50%;float:right;margin-left:5%;}

  .tel_top{color:#999;font-size:16px;}
  .tel_top span{font-size:20px;color:#e21212;}

  #bloc header .pc-nav .mid .items>li>a:hover,#bloc header .pc-nav .mid .items>li.on>a{color:#e21212;}

  #bloc header .pc-nav .left>a img{height:60px;}

@media (min-width: 1400px) {
	.container,.container-fluid{width: 1400px}
	.foot{padding-top: 50px;padding-bottom: 50px;}

	.homeabouttitle{margin-bottom:40px}
	.homeIco b img{width:auto;}
	.homeIco b{font-size:50px}
	.homeIco p{padding-left:90px;}
	.index_main .section1 .index_banner .item{height:70vh;}

	.homeBox{padding-top:50px;padding-bottom:35px;}
	.mediaBox{padding-top:21px;padding-bottom:10px}

	.cuspic p{font-size: 22px;}
	.cusform{padding: 112px 70px;}
	.cusform li{margin-bottom: 15px;}
	#prod-slider .owl-controls .owl-buttons div{height: 110px;line-height: 110px;}
	.qylist p{padding: 0 20%}

}

@media (min-width: 1500px) {
	.navbar .container-fluid{width: 1500px}

}

@media (min-width: 1600px) {
	.navbar .container-fluid{width: 1600px}
}

.about_video{/* box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.2);border-radius: 10px;border: 1px solid #ddd; */position: relative;padding-bottom:50px;}
.about_video video{display:none;width:100%;height:auto;}
.video_btn img{}
.video_btn .v_tb{position: absolute;top: calc(50% - 60px);left: calc(50% - 60px);width: 120px !important;cursor: pointer;}

.video_btn> a::after{
  content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("../images/video.png") no-repeat center;display:block;
}

/*footer*/
.footer{background: #f7f8f8; min-height: 200px; padding:75px 0px 40px 0px; border-top: 1px solid #f1f1f1;}
.footer_center{ margin:0px auto;display: flex;align-items : flex-end;}    
.footer_left{width:40%; font-size: 14px; color: #3e3a39; line-height:1.8em;}
.footer_left_logo{margin-bottom: 10px;}
.footer_left_contact{margin-bottom: 25px; line-height: 1.7em;}
.footer_contactpage{display: flex; margin-bottom: 30px;}
.footer_left_erweima{margin-right:36px; }
.footer_right{width:60%; font-size: 18px; color: #3e3a39; line-height:1.8em;}
.footer_right_contact{margin-bottom:45px; display: flex;justify-content : flex-end;}
.footer_right_contact img{ width:150px;}
.footer_right_erweima{line-height: 0px; margin-left:50px;}
.footer_right_erweima p{color:#666;text-align:center;margin-top:5px;}
.footer_right_tel{display: flex;align-items : flex-end;flex-wrap:wrap;}
.footer_right_tel_box{padding-bottom:5px;}
.footer_right_tel_title{margin-bottom: 12px; width: 100%;}
.footer_right_tel_num{font-size:34px; width: 100%;}
.footer_nav{ float: right;}
.footer_nav ul li{float: left; margin-left: 40px;}
.footer_nav ul li a{ color: #3e3a39;font-size:16px;}
.footer_nav ul li a:hover{ color: #e21212;}
.footer_left_logo{width:200px;}
/*copyright*/
.copyright{ background:#fff; padding: 15px 0px;text-align: center; color:#424242; font-size: 14px; }
.copyright a{color:#424242; }
.copyright a:hover{text-decoration: underline;}
.copyright_center{width:85%; margin:0px auto;}
.copyright_left{float: left;}
.copyright_right{float: right;}


/* case */
.nav{height:72px;background: #FFFFFF;box-shadow: 0px 1px 0px 1px #E8E8E8;}
.nav li{float:left;margin-right:50px;position:relative;}
.nav li>a{line-height:70px;border-bottom: 2px solid #FFFFFF;font-size:18px;display:block;}
.nav li.on>a,.nav li>a:hover{border-bottom: 2px solid #e21212;color:#e21212;}
.nav_son{
  display: none;
  position:absolute;top:60px;left:calc(50% - 75px);
  width:150px;
  border-radius: .2rem;
  background-color: rgba(255, 255, 255, .9);
  transform: translateY(10px);
  backdrop-filter: blur(5px);
  box-shadow: 0 5px 0.2rem -3px rgba(0, 0, 0, .06);
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  z-index: 999;
  padding: 10px 0;
}
.nav_son a{display:block;height:40px;line-height:40px;text-align:center;}

.clear{clear:both;}
.case{}
.case li.li .case_left{float:right;}
.case li.li .case_right{float:left;padding:0px 60px 0 0px;}
.case_left{width:50%;float:left;}
.case li a{display:flex;}
.case li.li a{flex-direction: row-reverse}
.litpic{position:relative;width:100%;height:0;padding-bottom:75%;overflow:hidden;}
.litpic img{position: absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;}
.case_right{width:50%;float:right;padding:0px 0 0 60px;display: flex;    align-items: center;    flex-wrap: wrap;align-content: center}
.case_right h2{font-size:18px;height:30px;line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;}
.case_right p{font-size:16px;line-height:25px;margin-top:10px;height:75px;overflow: hidden;}
.case_right span{display:inline-block;padding:0 30px;height:40px;line-height:40px;background:#df131a;color:#fff;margin-top:20px;}
.case li a:hover h2{color:#e21212;}
.case li a:hover img{transition: all 2s;transform: scale(1.1);}
.case li a:hover span{background:#e21212;}
.case li .litpic{padding-bottom:50%;}

.pages{padding-bottom:50px;text-align:center;}
.pages li{display:inline-block;}
.pages li a{display:inline-block;padding:0 15px;height:40px;line-height:40px;font-size:14px;color:#262626;border:1px solid #eee;margin-right:5px;}
.pages li.active a,.pages li a:hover{border-color:#e21212;background:#e21212;color:#fff;}

/* show */
.news_show{}
.show_tit{border-bottom:1px solid #E8E8E8;padding-bottom:30px;}
.show_tit h2{font-size:24px;font-weight:normal;line-height:36px;text-align:center;}
.show_tit p{margin-top:24px;text-align:center;}
.show_tit p span{display:inline-block;font-size:14px;color:#999;margin-right:15px;}
.show_tit p span:last-of-type{margin-right:0;}
.show_content{margin-top:48px;font-size:14px;line-height:30px;color:#666;}
.show_content p,.show_content div{margin:5px 0;font-size:16px;line-height:30px;color:#666;}
.show_content img{max-width:600px;height:auto;}
.prevnext{margin-top:48px;}
.prevnext a{
    display:block;font-size:14px;color:#262626;height:40px;line-height:40px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    width: 50%;float: left;color: #666;
}
.prevnext a:last-of-type{text-align:right;}
.prevnext a:hover{color:#14408A;}

.page_content p{margin:0;}
.page_content img{max-width:100%;height:auto;}

/* product */
.product{}
.product li{width:23.5%;margin-right:2%;margin-bottom:2%;float:left;/* box-shadow: 5px 8px 8px rgba(0,0,0,0.2); *//* border: 1px solid #ddd; */}
.product li:nth-of-type(4n){margin-right:0;}
.product li a{display:block;}
.product li .litpic{padding-bottom:100%;}
.product li p{text-align:center;padding:10px 10px 10px;line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product li a:hover img{transition: all 2s;transform: scale(1.1);}
.product li a:hover p{color:#e21212;}

/* news */
.news li{width:32%;margin-right:2%;margin-bottom:2%;float:left;box-shadow: 5px 8px 8px rgba(0,0,0,0.2); }
.news li:nth-of-type(3n){margin-right:0;}
.news li a{display:block;}
.product li .litpic{padding-bottom:130%;}
.news li .info{padding:20px;}
.news li .info h2{font-size:16px;height:30px;line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333;}
.news li .info p{font-size:14px;color:#666;line-height:25px;margin-top:5px;}
.news li .info span{font-size:14px;color:#999;margin-top:5px;}
.news li a:hover img{transition: all 2s;transform: scale(1.1);}
.news li a:hover h2{color:#e21212;}


/* 加盟 */
.type-name2 span{
  display: block;
  text-align: center;
  font-size: 30px;
  color: #424242;
  font-weight: bold;
  line-height: 1.4;
  font-family: '黑体';
}
.type-name2 font{
  display: block;
  text-align: center;
  font-size: 18px;
  color: #c4c4c4;
  text-transform: uppercase;
  font-family: 'baskerville_old_faceregular';
  line-height: 1.4;
}

.advantageBox{
  padding: 3%;
}
.advantageBox .arrow{
  text-align: center;
  font-size: 0;
  letter-spacing: -1px;
  display: flex;
  justify-content: space-around;
}
.advantageBox .arrow div{
  width: auto;
  height: auto;
  border-radius: 0;
  vertical-align: top;
  background: none;
  letter-spacing: 0;
  margin: 5%;
      display: inline-block;
    cursor: pointer;
}
.advantageBox .arrow div img{
  height: 70px;
  transition: all .5s;
}
.advantageBox .arrow div:hover img{
  transform:rotateY(360deg);
}
.advantageBox .arrow div span{
  display: block;
  text-align: center;
}
.advantageBox .arrow div span font{
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  color: #777;
  line-height: 3;
  border-bottom: 5px solid #f0f0f0;
}
.advantageBox .arrow div:hover span font{
  border-bottom-color: #0a864a;
  color: #0a864a;
}
.advantageBox .swiper-slide img{
  width: 100%;
}
.conditionBox{
  background: #f5f5f5;
  padding: 3% 3% 5%;
}
.conditionBox .list{
  font-size: 0;
  letter-spacing: -1px;
  padding-top: 2%;
}
.conditionBox .list a{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 23.5%;
  background: #FFF;
  margin: 2% 0 0 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.2% 3% 1.2%;
}
.conditionBox .list a:nth-child(1){
  margin-left: 0;
}
.conditionBox .list a img{
  height: 60px;
  transition: all .5s;
}
.conditionBox .list a:hover img{
  transform: rotateY(180deg);
}
.conditionBox .list a span{
  display: block;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  min-height: 72px;
  max-width: 200px;
  margin: 6% auto 0;
}

/* 风采 */
.historyBox{
  padding: 100px 0 0; 
  /* background: url(../images/bg2.jpg) center no-repeat; */
  -webkit-background-size: cover;
  background-size: cover;
}
.historyBox .type-name1 span{
  color: #333;
}
.historyBox .type-name1 font{
  color: #535252;
}
.historyBox .box{
  position: relative;
  padding: 0 44px;
  margin: 10% 0 0;
}
.historyBox .box .swiper-container:after{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 54px;
  height: 1px;
  background: #747474;
}
.historyBox .box .swiper-slide > *{
  /* padding-left: 30px; */
}
.historyBox .box .swiper-slide span{
  display: block;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  color: #333;
  text-align: center;
}
.historyBox .box .swiper-slide font{
  display: block;
  font-size: 30px;
  color: #333;
  margin: 12% 0 5%;
}
.historyBox .box .swiper-slide > i{
  display: block;
  width: 7px;
  height: 7px;
  overflow: hidden;
  border: 2px solid #747474;
  border-radius: 10px;
  margin: 19px auto;
  background: #000;

}
.historyBox .box .swiper-slide > ul{
  min-height: 72px;text-align: center;
}
.historyBox .box .swiper-slide > ul,
.historyBox .box .swiper-slide > ul *{
  line-height: 24px;
  color: #666;
}
.historyBox .box .prev,
.historyBox .box .next{
  position: absolute;
  cursor: pointer;
  width: 44px;
  height: 44px;
  background: #3aa13d;
  border-radius: 100%;
  top: 31px;
  text-align: center;
}
.historyBox .box .prev{
  left: 0;
}
.historyBox .box .next{
  right: 0;
}
.historyBox .box .prev:after,
.historyBox .box .next:after{
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 17px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #FFF;
  border-left: 2px solid #FFF;
  transform: rotate(-45deg);
}
.historyBox .box .next:after{
  transform: rotate(-225deg);
  left: 13px;
}

.type-name1 span{
  display: block;
  font-size: 30px;
  color: #191919;
  line-height: 1.4;
  font-family: '黑体';
  font-weight: bold;
}
.type-name1 font{
  display: block;
  font-size: 18px;
  color: #c4c4c4;
  line-height: 1.4;
  text-transform: uppercase;
  font-family: 'baskerville_old_faceregular';
}

.rongyu{}

.honorScrollWrap{width: 100%;padding: 0px 57px;position: relative;position: relative;margin-top:50px;}
.honorScrollWrap .swiper-button-next,
.honorScrollWrap .swiper-button-prev{width: 27px;height: 54px;position: absolute;top:50%;margin-top: -27px;/* background: url(../images/arrow5.png) no-repeat left top; */}
.honorScrollWrap .swiper-button-next{right: 0;background-position: right top;}
.honorScrollWrap .swiper-button-left{left: 0;}
.honorScrollWrap .swiper-button-next:hover,
.honorScrollWrap .swiper-button-prev:hover{background-position-y:bottom;}
.honorScrollWrap .honorScroll{width: 100%;overflow: hidden;}
.honorScrollWrap .honorScroll .swiper-slide a{display: block;height: 0;padding-bottom: 120%;position: relative;overflow: hidden;}
.honorScrollWrap .honorScroll .swiper-slide a img,
.honorScrollWrap .honorScroll .swiper-slide a b{position: absolute;left: 0;top:0;width: 100%;height: 100%; object-fit: contain;}
.honorScrollWrap .honorScroll .swiper-slide a b{z-index: 2;background: rgba(0,0,0,0.3);opacity: 0;}
.honorScrollWrap .honorScroll .swiper-slide a:hover b{opacity: 1;}


.huanjing .honorScrollWrap .honorScroll .swiper-slide a{padding-bottom:75%;}
.huanjing .honorScrollWrap .honorScroll .swiper-slide a img{object-fit: cover;}


/* contact */
.shangwu{margin-top:50px;}
.shangwu ul{display:flex;flex-wrap: wrap;}
.shangwu li{padding:48px 60px;background:#f8f8f8;float:left;width:49%;margin-right:2%;margin-bottom:2%;border-radius: 5px;cursor:pointer;}
.shangwu li:nth-of-type(2n){margin-right:0;}
.shangwu li i{width:80px;height:80px;display:block;float:left;}
.shangwu li>div{float:left;margin-left:48px;width:calc(100% - 128px);}
.shangwu li>div span{font-size:20px;color:#333;text-align:left;display:block;font-weight:bold;margin-top:5px;}
.shangwu li>div p{font-size:16px;color:#999;margin-top:24px;}
.shangwu li:nth-of-type(1) i{background:url(../images/sw1.png)no-repeat;background-size:100% 100%;}
.shangwu li:nth-of-type(2) i{background:url(../images/sw2.png)no-repeat;background-size:100% 100%;}
.shangwu li:nth-of-type(3) i{background:url(../images/sw3.png)no-repeat;background-size:100% 100%;}
.shangwu li:nth-of-type(4) i{background:url(../images/sw4.png)no-repeat;background-size:100% 100%;}
.shangwu li.on:nth-of-type(1) i,.shangwu li:hover:nth-of-type(1) i{background:url(../images/sw1_on.png)no-repeat;background-size:100% 100%;}
.shangwu li.on:nth-of-type(2) i,.shangwu li:hover:nth-of-type(2) i{background:url(../images/sw2_on.png)no-repeat;background-size:100% 100%;}
.shangwu li.on:nth-of-type(3) i,.shangwu li:hover:nth-of-type(3) i{background:url(../images/sw3_on.png)no-repeat;background-size:100% 100%;}
.shangwu li.on:nth-of-type(4) i,.shangwu li:hover:nth-of-type(4) i{background:url(../images/sw4_on.png)no-repeat;background-size:100% 100%;}
.shangwu li:nth-of-type(2) i{background:url(../images/sw2.png)no-repeat;background-size:100% 100%;}
.shangwu li:nth-of-type(3) i{background:url(../images/sw3.png)no-repeat;background-size:100% 100%;}
.shangwu li:nth-of-type(4) i{background:url(../images/sw4.png)no-repeat;background-size:100% 100%;}
.shangwu li.on,.shangwu li:hover{background:#14408A;}
.shangwu li.on>div span,.shangwu li:hover>div span{color:#fff;}
.shangwu li.on>div p,.shangwu li:hover>div p{color:#fff;}
.map{margin-top:50px;}
.map img{width:100%;height:auto;}



/*  */
.index_pro{width:100%;padding: 0 8%;}
.index_pro li{width:18.4%;float:left;margin-right:2%;margin-bottom:2%;}
.index_pro li:nth-of-type(5n){margin-right:0;}
.index_pro li .litpic{padding-bottom:130%;}
.index_pro li a p{text-align:center;height:30px;line-height:30px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.index_pro li a:hover img{transition: all 2s;transform: scale(1.1);}
.index_pro li a:hover p{color:#e21212;}

.list_pro{padding:50px 0;}

#home #main .r3{display: flex;    align-items: center;justify-content: center;    flex-wrap: wrap;}
#home #main .r3 .mid{position:unset;height:unset;}
#home #main .r3 .mid .topic .msgList h2{text-align:center;color:#333;font-size:30px;}
#home #main .r3 .mid .topic .msgList p{text-align:center;color:#666;}
#home #main .r3 .mid .topic .msgList p.app {
    margin-top: 20px;
    line-height: 1.6;display: block !important;
}


#home #main #r1 .c1 .group{width:100%;max-width:unset;}
#home #main #r1 .c1 {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
    padding:0 8.2%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    align-content: space-around;
}

/* shipin */
#home #main #r1 .about{width: 40%;position: relative;float:right;margin-left:10%;}

#home #main #r1 .about .v {width:100%;position:relative;display:block;overflow:hidden;float:right;margin-top:0 !important;}
#home #main #r1 .about .v img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
#home #main #r1 .about .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("../images/v1.png") no-repeat center;display:block;}
#home #main #r1 .about .v:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}

/* banner */
/* #home #main #banner canvas{position:unset;} */
.banner {height:100vh;}
.banner .swiper{height:100%;}
.banner .swiper-slide{
  background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.banner .swiper-slide i{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.5);z-index: 3;}
.banner .swiper-slide p{color:#fff;font-size:50px;font-weight:700;line-height:35px;position:absolute; z-index:9;}

.banner .swiper-pagination-bullet{background:#fff;opacity: .8;margin:0 20px;width:20px;height:4px;border-radius: 8px;}
.banner .swiper-pagination-bullet-active{background:#007aff;width:40px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5%;}

.case_tit{padding:100px 0;}
.case_tit h2{font-size:0.76rem;text-align:center;color:#333;}
.case_tit p{text-align: center;color: #666;font-size:24px;}

.job li{
  background-color: #f9f9f9;
  
}
.job li .p_item_all{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  min-height: 60px;
  height: auto;
  border-bottom: 1px dashed #ddd;
}
.job li .p_item{flex:1;}
.job li .p_item p{
  font-size: 16px;
    color: #333;
    font-weight: normal;
    text-align: center;
    line-height: 30px;
    padding: 15px 5px;
}
.job li:first-of-type{background-color: #e21212;}
.job li:first-of-type .p_item_all{ border:0;}
.job li:first-of-type .p_item p{color: #fff;}
.job li .p_item p.e_text:after {
    content: "+";
    display: inline-block;
    vertical-align: -1px;
    color: #aaa;
    font-weight: bold;
    margin-left: 5px;
    font-size: 30px;
}
.job li.on p.e_text:after {
    content: "-";
}
.job li .job_content{padding:30px;background:#eee;display:none;}
.job li .job_content h2{font-size:18px;font-weight:bold;margin-bottom:10px;font-weight:bold;}
.job li .job_content p{font-size:16px;line-height:2;}



#banner video{width:100%;}
#bloc header{background: rgba(255,255,255,1);}
.honor{margin-top:50px;}
.honor .swiper-slide{width:23.5%;margin-right:2%;margin-bottom:2%;float:left;}
.honor .swiper-slide:nth-of-type(4n){margin-right:0;}
.honor .swiper-slide .litpic{padding-bottom:120%;}
.honor .swiper-slide .litpic img{object-fit:contain;}


#bloc header .pc-nav .mid .items>li>ol>li{position:relative;}
#bloc header .pc-nav .mid .items>li>ol>li>.items_three{position:absolute;top:10px;left:100%;background:#fff;padding:10px;width:100px;border-radius: 10px;display:none;}
#bloc header .pc-nav .mid .items>li>ol>li>.items_three a{display:block;line-height:30px;text-align:center;}
#bloc header .pc-nav .mid .items>li>ol>li>.items_three a:hover{color:#e21212;}



/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 14px;font-size:20px;color:#f08326;font-weight:bold;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}


.images{overflow: hidden;position: relative;}
.images .swiper-wrapper{align-items: center;}
.images .swiper-slide{display:flex;justify-content: center;align-items: center;}
.images .swiper-slide img{max-height:calc(100vh - 160px);}



.close_btn{display:flex;justify-content: center; align-items: center;margin-bottom:12px;cursor: pointer;}
.close_btn img{width:30px;}
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;}
.side ul{border:1px solid #e0e0e0;border-bottom:0;background:#fff;}
.side ul li{width:78px;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;
  line-height:38px;text-align:center;transition:all .3s;cursor:pointer;padding-top:14px;}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;position:absolute;left:-240px;top:0;}
.side ul li.sideetel .telBox.son{width:240px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}


.kehu{margin-top:50px;}
.kehu li{width:23.5%;float:left;margin-right:2%;margin-bottom:2%;}
.kehu li:nth-of-type(4n){margin-right:0;}
.kehu li .litpic{padding-bottom:50%;    border: 1px solid #eee;}


















@media screen and (max-width: 1200px) {
  #home #main #r1 .c1{flex-wrap: nowrap}
  #home #main #r1 .c1 .group{width:100%;max-width:unset;}
  #home #main #r1 .about{width:55%;margin-top:10px;}
  #home #main #r1 .c1 .group a{margin-top:0;}
  #bloc header .pc-nav .right{display:none;}

  /* .index_pro li{width:49%;}
  .index_pro li:nth-of-type(2n){margin-right:0;} */
}

@media screen and (max-width: 1390px) {
	.container, .container-fluid{width:90%;}

	.case_right p{font-size:14px;line-height:25px;height:50px;}
  #bloc header .pc-nav .right .shop{margin-right:10px;}
}







/* mobile */

@media screen and (max-width: 750px) {
	.container{width:100%;margin:0 auto;padding:0 10px;height:auto !important;}
	#home #main .row{width:100%;margin:0 auto;}
	.footer{padding:50px 0 20px;}
	.footer_left{width:100%;}
	.footer_center{display:block;}
	.footer_nav{display:none;}
	.footer_right{width:100%;}
	.footer_right_contact{margin-bottom:0;}
	.footer_right_erweima{margin-left:20px;}
	.footer_right_erweima:first-of-type{margin-left:0;}

	.homeAbout{padding:30px 0;box-shadow:unset;border:0;}
	.homeabouttitle{font-size:20px;margin-bottom:20px;}
	.homeabouttitle b{font-size:24px;}
	.homeIco b span{font-size:24px;}
	.homeIco b img{width:25px;}
	.patop5{margin-top:25px;}

	.historyBox{padding:40px 0 0;}
	.type-name1 span{font-size:24px;font-weight:normal;}
	.historyBox .box .swiper-slide span{font-size:16px;}
	.historyBox .box .swiper-slide font{font-size:20px;}
	.padd100{padding:40px 0;}
	.honorScrollWrap{padding:0px 43px 0;margin-top:30px;}
	.row{margin:0 auto;}


	.case li a{display:block;}
	.case_left{width:100%;float:unset;}
	.case_right{width:100%;float:unset;padding:20px 0;}
	.case_right h2{font-size:16px;}
	.case_right p{font-size:14px;height:auto;}
  .case li.li .case_right{padding:20px 0;}

	.show_content{margin-top:24px;}
	.show_content img{max-width:100%;}
	.show_content p, .show_content div{font-size:14px;}
	.prevnext{margin-top:24px;}
	.prevnext a{width:100%;float:unset;}
	.prevnext a:last-of-type{text-align:left;}
	.product li{width:100%;}
	.news li{width:100%;box-shadow:unset;}
	.news li .info{padding:20px 0;}
	.news li .info h2{font-size:16px;}
	.news li .info p{font-size:14px;}
	.news li .info span{font-size:13px;}

	.type-name2 span{font-size:24px;}
	#investment #main .r3 .inner .col:nth-of-type(1) h3{color:#424242;}
	.advantageBox .arrow{flex-wrap:wrap;}
	.advantageBox .arrow div{margin:30px 0;width:50%;}
	.advantageBox .arrow div span font{font-size:16px;}
	.advantageBox .arrow div img{height:50px;}
	.advantageBox .arrow div span font{border-bottom: 2px solid #f0f0f0;}

	.shangwu li{width:100%;padding:20px 20px;}
	.shangwu li i{width:60px;height:60px;}
	.shangwu li>div{margin-left:20px;width: calc(100% - 80px);}
	.shangwu li>div span{font-size:16px;}
	.shangwu li>div p{font-size:14px;margin-top:10px;}
	.map{margin-top:20px;}

	.pages li a{padding:0 12px;height:35px;line-height:35px;margin-right:2px;}

	#home #main #r1 .c2{display:none;}
	#home #main #r1 .c1 .group{align-items: flex-start;}
	#home #main #r1 .c1 .group p{text-align:left;}

	.index_pro li{width:49%;}
	.index_pro li:nth-of-type(2n){margin-right:0;}

  .historyBox .box li.swiper-container{text-align:center;}
  .historyBox .box .swiper-slide > *{padding-left:0;}
  .historyBox .box .swiper-slide > i{margin:19px auto;}

  #bloc header nav.app-nav .inner_mid{overflow-y: auto;}
  .nav{overflow:hidden;overflow-x:auto;}
  .nav::-webkit-scrollbar {
        display: none;
    }  
  .nav{
    -ms-overflow-style: none;  /* IE 和 Edge */
    scrollbar-width: none;  /* Firefox */
  }
   .nav ul.w6{width:600px;}
  .nav ul{display: flex;justify-content: space-between;padding-right:10px;}
  .nav ul li{margin-right:0;float:unset;}


  #home #main .r5 .inner .mid{margin-bottom:0;}
  #home #main .r5 .inner .mid .box:nth-of-type(1){width:100%;left:0;}
  #home #main .r5 .inner .mid .box:nth-of-type(2){display:none;}
  #home #main .r5 .inner .mid .box:nth-of-type(3){display:none;}



  .banner .swiper-slide p{font-size:20px;}

  .footer_right_contact{justify-content: space-between;}

  .about_con .fixpic{width:100%;}
  
  .case_tit{padding:50px 0;}
  .case_tit h2{font-size:30px;font-weight:600;}
  .case_tit p{font-size:20px;}


  .banner{height:300px;}
  .row{height:unset !important;min-height:auto !important;}
  #home #main #r1 .about{width:100%;margin-bottom: 30px;}
  #home #main .r2{height:200px !important;margin-top:50px;}
  #home #main .r2 .bg .btm{bottom:0;}
  #home #main #r1 .c1{margin-top:50px;}
  #home #main .r4{height:300px !important;}
  #home #main .r3 .mid{padding-top:0;}
  .index_pro{margin-top:50px;}
  #home #main .r2 .bg .btm{justify-content: center;align-items:unset;flex-direction:unset;}
  /* #about #main #banner,.afterInner #main #banner{height:300px !important;} */
  #bloc header nav.app-nav .inner_top .topic .app-logo>a{height:36px;}

  #home #main .r5 .inner .btm .col.left > span{font-size:0.5rem;}
  #home #main .r5 .inner .btm{margin-top:0;}

  .job li .p_item:nth-of-type(3){display:none;}
  .job li .p_item:nth-of-type(4){display:none;}
  .job li .p_item:nth-of-type(5){display:none;}
  
  .honor{margin-top:20px;}
  .honor .swiper-slide{width:100%;}
  .honor .swiper-slide .litpic{position:unset;padding-bottom:unset;height:auto;}
  .honor .swiper-slide .litpic img{position:unset;}

  .list_pro{margin:0;}


  #rightArrow, #floatDivBoxs{display:none;}
 /*  .images .swiper-slide img{max-height:calc(100vh - 200px);} */


 .kehu li{width:49%;}
  .kehu li:nth-of-type(2n){margin-right:0;}

  .job li .p_item p{font-size:14px;}

}