/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:16px;font-family:'Microsoft YaHei'; color:#030303;}
a{color:#666;}

p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{width: 88%;max-width: 1360px;margin:0 auto;}

.sp_header{
    height:50px;
    overflow:hidden;
    background: #000;
    position:fixed;
    z-index:10;
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
.sp_logo{padding: 0;float:left;height:50px;display: flex;align-items: center;}
.sp_logo img{margin:auto;max-height:24px;height: 100%;object-fit: contain;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top: 5px;}
.sp_nav span{display:block;background: #fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index: 9999;background: #fff;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;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left: 0;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height: 50px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.nv{ height: 50px;}
.con1{ width: 100%; padding: 30px 0;}
.bt{text-align: center;width: 100%;position: relative;margin-bottom: 10px;padding: 10px 0;}
.bt h1{font-size: 20px;margin-bottom: 0;margin-top: 0;}
.bt p{font-size: 12px;line-height: 30px;display: flex;align-items: center;justify-content: center;}
.bt p span{ margin: 0 5px; display: inline-block;}
.line{ width: 50px; height: 1px; background-color: #666; display: inline-block;}
.bt a{font-size: 12px;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}

.banner img{ width: 100%;}
.con1{width: 100%;padding: 10px 0;position: relative;}
.mySwiper1 .swiper-slide{ border: 1px solid #ddd;}
.mySwiper1 .swiper-slide img{ width: 100%;}
.mySwiper1 .swiper-slide a{overflow: hidden;}
.mySwiper1 .swiper-slide:hover img{ transform: scale(1.05); transition: all 0.5s;}
.mySwiper1 .swiper-slide h1{ font-size: 16px; margin-top: 13px; text-align: center; font-size: 16px;}
.pd15{ padding: 15px 5px;}
.con1list{ padding: 0 60px;}

.con2{padding: 10px 0;width: 100%;background-color: #F1F5F8;}
.slideTxtBox{ width: 100%;}
.slideTxtBox .hd{margin-bottom: 10px;width: 100%;overflow-x: auto;}
.slideTxtBox .hd ul{display: flex;/* width: 1200px; */min-width: 400px;padding: 15px 0;}
.slideTxtBox .hd ul li{width: auto;border: 1px solid #ddd;line-height: normal;text-align: center;background-color: #fff;font-size: 14px;display: inline-block;position: relative;padding: 1px 12px;border-radius: 10px;margin: 0 10px;white-space: nowrap;}
.slideTxtBox .hd ul li.on{ background-color: #BE0101; border-color: #BE0101; color: #fff;}
.slideTxtBox .hd ul li.on a{ color: #fff;}
.slideTxtBox .hd ul li.on::after{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #BE0101 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: none;
  }
  
  .c2nr{ width: 100%; display: flex; align-content: center; justify-content: space-between;}
  .c2lf{ width: 54.5%;}
  .c2lf img{ width: 100%;}
  .c2rt{width: 43%;display: flex;align-content: space-between;flex-wrap: wrap;}
  .pd20{ padding: 20px;}
  .c2item{ background-color: #fff;}
  .c2item h1{ font-size: 24px; margin-bottom: 20px; }
  .c2item img{ width: 100%;}
  
  .con3{ width: 100%; background-color: #000000; padding: 30px 0;}
  .bt1{text-align: center;width: 100%;position: relative;margin-bottom: 10px;padding: 10px 0;}
  .bt1 h1{font-size: 16px;margin-bottom: 0;color: #fff;}
  .bt1 p{font-size: 12px;line-height: 30px;display: flex;align-items: center;justify-content: center;}
  .bt1 p span{ margin: 0 5px; display: inline-block; color: #Fff;}
  .line1{ width: 50px; height: 1px; background-color: #fff; display: inline-block;}
  .bt1 a{ font-size: 14px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #fff;}
  .c3item{ display: flex; margin-bottom: 60px; justify-content: space-between; flex-wrap: wrap;}
  .c3wz{width: 100%;}
  .c3wz h2{font-size: 14px;color: #fff;text-align: center; font-weight:normal;}
  .c3wz h1{font-size: 16px;color: #Fff;margin-bottom: 10px;text-align: center;}
  .c3wz p{font-size: 14px;color: #Fff; text-align: justify;}
  .c3pic{width: 100%;}
  .c3pic img{ width: 100%;}
  
  .con4{padding: 10px 0;width: 100%;background-image: none;background-position: bottom;background-repeat: no-repeat;}
  .c4nr{width: 100%;border-radius: 0;overflow: hidden;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;background-color: #Fff;border: 0;}
  .c4lf{width: 100%;}
  .c4lf img{ width: 100%; display: block;}
  .c4rt{width: 100%;margin-right: 2%;}
  .c4rt h1{font-size: 20px;color: #ff0000;margin-bottom: 20px;display: none;}
  .c4rt p{ font-size: 14px;}
  .more{width: 160px;height: 45px;border-radius: 20px;background-color: #C40000;text-align: center;line-height: 45px;color: #fff;font-size: 14px;margin-top: 10px;display: none;}
  .con14bg{width: 100%;height: auto;background: transparent;color: #fff;padding: 20px 0;background-image: url(../images/bg.jpg);background-size: cover;}
  .con14{height: auto;}
  .mumping_mun li{width: 50%;float:left;margin: 10px auto;text-align: center;border-right: 0;} 
   .mumping_mun li:nth-child(4n){ border-right: 0;}
  .mumping_mun p{font-size: 12px;width: 100%;display: block;clear: both;}
  .mumping_mun h2{font-size: 24px;font-weight: normal;float: none;margin-right: 10px;}
  .mun_top span{ margin-left: 60px;}
  
  .news{ padding: 30px 0; width: 100%;}
  .slideTxtBox1{ width: 100%;}
  .slideTxtBox1 .hd{ margin-bottom: 30px;}
  .slideTxtBox1 .hd ul{ text-align: center;}
  .slideTxtBox1 .hd ul li{ font-size: 16px; display: inline-block; line-height: 35px; padding: 0 24px; border-radius: 20px; background-color: #fff; margin: 0 10px;}
  .slideTxtBox1 .hd ul li.on{ background-color: #BE0101; color: #fff;}
  .slideTxtBox1 .hd ul li.on a{ color: #fff;}
  .slideTxtBox1 .bd ul li{width: 100%;margin: 5px 0;float: left;}
  .c5_date{ float:left;height: 90px;text-align: center;margin-right: 4%;width: 16%;background: #f8f8f8;}
  .c5_date strong{ display:block; font-size: 36px;letter-spacing: 1px;color: #888888; padding-top:8px; padding-bottom:4px;}
  .c5_date span{color: #888888; display: block;}
  .c5_desc{float: right;width: 100%;}
  .c5_desc a{ display:block;font-size: 16px;padding-bottom: 6px; line-height:22px; position:relative;}
  .c5_desc a:after {background-color: #aaaaaa;content: "";height: 1px;width: 18px;left: 0;bottom: 0;position: absolute;display: none;}
  .c5_desc span{ display:block;margin-top: 6px;color: #aaaaaa; font-size: 13px;line-height: 22px;overflow: hidden;}
  
  .foot{padding: 30px 0;width: 100%;background-color: #F5F5F5;}
  .footlf{ width: 49%; float: left;}
  .footlf ul li{ padding: 0 20px; text-align: center; display: inline-block; float: left;}
  .footlf ul li h1{ font-size: 16px; color: #666; line-height: 50px;}
  .footlf ul li dl dd{ line-height: 14px; color: #fff; line-height: 30px; text-align: center;}
  .footlf ul li dl dd a{color: #fff;}
  .footrt{ width: 49%; float: right;}
  .footlogo{ width: 170px; margin-bottom: 30px;}
  .footlogo img{ width: 100%;}
  .address{ margin-bottom: 20px; color: #fff; font-size: 16px;}
  .erm ul li{ width: 130px; margin-right: 10px; color: #fff; display: inline-block; text-align: center;}
  .erm ul li img{ width: 100%;}
  .footbotm{ border-top: 1px solid #ddd; padding-top: 30px; margin-top: 30px;}
  .linkbt h1{ font-size: 20px; color: #fff;}
  .linkbt{ margin-bottom: 15px;}
  .linkbt span{ font-size: 14px; color: #A9A9A9; margin-left: 10px;}
  .linklist a{ font-size: 14px; color: #fff; margin-right: 10px;}
  .footb{padding-top: 0;text-align: center;font-size: 14px;}
  
  .nybanner{ width: 100%; position: relative;}
  .nybanner img{ width: 100%;}
  .nynr{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
  .nynr h1{ font-size: 48px; color: #000; margin-bottom: 15px;}
  .nynr p{ font-size: 16px; width: 50%;}
   .btn{ width: 120px; height: 40px; background-color: #BE0101; border-radius: 5px; text-align: center; line-height: 40px; color: #fff; border: 0; margin-top: 20px; font-size: 18px; cursor: pointer;}
   
   .tshow{ position:fixed; top: 0; height: 100vh; left: 0; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 99999; display: none;}
   .mess{ width: 95%; max-width: 900px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff;}
   .pd50{ padding: 50px;}
   .mess h2{ font-size: 20px; margin-bottom: 15px; text-align: center;}
   .ipt{ width: 100%; margin: 15px 0;}
   .ipt label{ font-size: 14px; margin-bottom: 10px; display: block;}
   .ipttem{ display: flex; align-items: center; flex-wrap: wrap;}
   .ipttem input{ line-height: 35px; border: 1px solid #ddd; text-indent: 0.3rem; width: 89%;}
   .ipttem span{ font-size: 12px; color: #ff0000; width: 10%; text-indent: 1rem;}
   .ipttem textarea{ height: 70px; border: 1px solid #ddd; text-indent: 0.3rem; width: 89%;}
   .ipt button{ width: 230px; height: 44px; background-color: #BE0101; line-height: 44px; text-align: center; border-radius: 30px; border: 0;  color: #fff; font-size: 16px;}
   .tclose{ width: 33px; height: 33px; text-align: center; line-height: 33px; font-size: 16px; top: 10px; right: 10px; position: absolute; cursor: pointer;}
   
   .slideTxtBox2{ width: 100%;}
   .slideTxtBox2 .hd{ width: 20%; float: left;}
   .slideTxtBox2 .hd ul li{ width: 100%; line-height: 50px; text-align: center;}
   .slideTxtBox2 .hd ul li a{ font-size: 16px;}
   .slideTxtBox2 .hd ul li.on{ line-height: 90px; transition: all 0.5s; background-color: #BE0101;}
   .slideTxtBox2 .hd ul li.on a{ color: #fff;}
   .con{width: 100%;padding: 10px 0;}
   .nav{ margin-bottom: 15px;}
   .slideTxtBox2 .bd{width: 100%;float: right;}
   .slideTxtBox2 .bd ul li{width: calc((100% - 44px)/2);margin: 10px;float: left;}
   .img{border: 1px solid #ddd; overflow: hidden;}
   .hhhh td img{ display: none !important;}
   .hhhh td p{ line-height: normal !important;}
   .slideTxtBox2 .bd ul li img{    width: 100%;
    height: 130px;
    object-fit: contain;}
   .slideTxtBox2 .bd ul li h1{ font-size: 14px; text-align: center; line-height: 30px;}
   .slideTxtBox2 .bd ul li:hover img{ transform: scale(1.05); transition: all 0.5s;}
   .btn1{ width: 80px; height: 30px; background-color: #BE0101; border-radius: 5px; text-align: center; line-height: 30px; color: #fff; border: 0; margin: 0 auto; margin-top: 10px; font-size: 12px; cursor: pointer;}
   .tshow1{ position:fixed; top: 0; height: 100vh; left: 0; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 99999; display: none;}
   .tclose1{ width: 33px; height: 33px; text-align: center; line-height: 33px; font-size: 16px; top: 10px; right: 10px; position: absolute; cursor: pointer;}
   .prodetilrt{width: 100%;float: right;}
   .prodetilrt h1{font-size: 16px;margin-bottom: 0; color:#000;}
   .prodetilnr{padding: 10px 0;border-bottom: 1px solid #ddd; font-size: 13px; line-height: 24px;}
   .prodetilnr p{ line-height: normal;}
   .prodetilcsh{ padding: 15px 0;}
   .prodetilcsh p{ line-height: normal; font-size: 16px;}
   
   .tel{width: 140px; height: 40px; border: 1px solid #BE0101; line-height: 40px; text-align: center; color: #BE0101; padding: 0px 15px; font-size: 14px; display: flex; align-items: center; justify-content: center;}
   .tel img{ margin-right: 10px;}
   
   .fex{ display: flex; justify-content: left;}
   .btn2{width: 170px;height: 40px;background-color: #BE0101;display: inline-block;border-radius: 0;text-align: center;line-height: 40px;color: #fff;border: 0;margin: 0;margin-top: 0;font-size: 12px;cursor: pointer;margin-left: 20px;border: 1px solid #be0101;}
   .tshow2{ position:fixed; top: 0; height: 100vh; left: 0; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 99999; display: none;}
   .tclose2{ width: 33px; height: 33px; text-align: center; line-height: 33px; font-size: 16px; top: 10px; right: 10px; position: absolute; cursor: pointer;}
   .update_slideTxtBox_02 .hd{ height:44px; line-height:44px; border-bottom:1px solid #f0f2f5; }
   .update_slideTxtBox_02 .hd ul li{ float:left; width:98px; text-align:center; cursor:pointer; font-size:14px;}
   .update_slideTxtBox_02 .hd ul li.on{ border-bottom:1px solid #BE0101; color:#BE0101;}
   .update_slideTxtBox_02 .bd{ padding:20px 0px;}
   
   .case{ padding: 30px 0;}
   .casebt{ border-left: 3px solid #BE0101; padding-left: 15px; margin-bottom: 20px;}
   .casebt h1{ font-size: 24px; color: #BE0101;}
   .casebt p{ font-size: 14px; padding: 0;}
   .casenr{ width: 100%;}
   .casenr img{ width: 100%; display: block;}
   .casenr ul li{ width: calc((100% - 40px)/2); margin:20px 10px; float: left; text-align: center;}
   .casenr ul li p{ font-size: 14px; line-height: 30px;}
   
   .casenr1 ul li{ width: calc((100% - 100px)/5); margin: 10px; float: left; text-align: center;}
   .casenr1 ul li img{ width: 100%;}
   .casenr1 ul li p{ font-size: 14px; line-height: 35px;}
   
   .case1{width: 100%;padding: 0;}
   .case1 ul li{width: 100%;margin: 10px 0;float: left;border: 1px solid #ddd;} 
   .case1 ul li a{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
   .case1 ul li img{width: 100%;border-radius: 0;margin-right: 0;margin-bottom: 0;}
   .casetxt{width: 100%;padding: 10px 0;}
   .casetxt h1{font-size: 16px;margin-bottom: 0;text-align: center;}
   .casetxt p{ font-size: 14px; margin-bottom: 15px;}
   .casetxt span{ font-size: 14px; color:#a9a9a9;}
   
   .news{width: 100%;padding: 10px 0;}
   .news ul li{ width: 100%; margin:0px 0; margin-bottom: 40px;  float: none;} 
   .news ul li a{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
   .news ul li img{ width: 30%; border-radius: 5px; margin-right: 0;     height: 58px; object-fit: cover;} 
   .bq{ background-color: #F0F0F0; padding:3px 5px; margin-left: 10px; border-radius: 10px; }
   
   .about{ width: 100%; padding: 30px 0;}
   .abtlf{ width: 40%; float: left;}
   .abtrt{ width: 56%; float: right;}
   .abtlf h1{ font-size: 24px; margin-bottom: 25px;}
   .abtlf p{ font-size: 14px; margin-bottom: 25px;}
   .abtlf ul li{ display: flex; align-items: center; line-height: 50px; font-size: 14px;}
   .abtlf ul li img{ width: 22px; margin-right: 15px;}
   
   .honorlist1 ul li{ width: calc((100% - 80px)/4); text-align: center; margin: 10px; float: left;}
   .honorlist1 ul li img{ width: 100%;}
   
   .honorlist2 ul li{ width: calc((100% - 100px)/5); text-align: center; margin: 10px; float: left;}
   .honorlist2 ul li img{ width: 100%;}
   
   .honorlist3 ul li{ width: calc((100% - 100px)/5); text-align: center; margin: 10px; float: left;}
   .honorlist3 ul li img{ width: 100%;}
   
   .honorlist4 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
   .honorlist4 ul li{width: 100%;text-align: center;margin: 0;float: none;text-align: left;}
   .honorlist4 ul li dl dd{ line-height: 30px; text-align: left;}
   .honorlist4 ul li dl dd span{font-size: 12px;}
   .red{ color: #ff0000;}
   
   .honor1{ width: 100%; padding: 30px 0;}
   .honor1 h1{ font-size: 20px; margin-bottom: 20px;}
   .honor1 img{ width: 100%; display: block;}
   
   .map{ width: 100%; padding: 30px 0;}
   .contact{ width: 100%; padding: 30px 0;}
   .contact ul li{display: flex;align-items: start;justify-content: center;flex-wrap: wrap;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 0;width: 100%;}
   .contlf{ width: 45%;}
   .contlf h1{ font-size: 20px;}
   .contrt{width: 100%;}
   .contrt h1{font-size: 16px;margin-bottom: 15px;}
   .storypic{ width: 100%; margin-top: 20px;}
   .storypic img{ width: 100%; display: block;}
   .bannerbt{ position: relative;}
   .bannerbt h1{ position: absolute; text-indent: 1rem; bottom: 0; left: 0; width: 100%; line-height: 35px; color: #fff; background-color: #000; font-size: 12px;} 
   .banner .swiper-pagination{
	       left: auto !important;
	       right: 0;
	       width: 20% !important;
   }
   .banner .swiper-pagination-bullet {
		opacity: 1 !important;
       background:#888 !important;
     
   }
   .banner .swiper-pagination-bullet-active {
       opacity: var(--swiper-pagination-bullet-opacity, 1);
       background: #fff !important;
   }
	.con1 ul li{ width: calc((100% - 4px)/2); border: 1px solid #ddd; float: left;}
	.con1 ul li img{ width: 100%;    height: 170px;}
	.con1 ul li h1{ font-size: 14px; text-align: center; font-weight:normal;}
	.nav{ color: #888;}
    .nav a{ color: #888;}
	.job2{
    width: 95%;
    margin: 0 auto;
}
	.job2.active{}
	.job2 ul li{border: 1px solid #e5e5e5;background-color: #F8F8F8; margin: 10px 0;}
	.job2 ul li:nth-child(1){/* border-top:1px solid #e8e8e8; *//* border-bottom: 0.5px solid #e5e5e5; */}
	.job2 ul li .txt1{ position:relative; cursor:pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
	.job2 ul li .txt1 .h2{ width:20%; font-size:14px; line-height:1.5em; height:50px; text-align:left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
	.job2 ul li .txt1 .h2 span{ display:block; width:calc(100% - 4.16vw); padding:0 2.08vw;}
	.job2 ul li .txt1 .h3{ width:72%; font-size:14px; line-height:2.5em; padding-right:60px;}
	.job2 ul li .txt1 .h3 span{ display:inline-block; width:24%;}
	.job2 ul li .txt1 i{ width:20px; height:20px; background:url(../images/down0.png) center no-repeat; position:absolute; top:50%; right:20px; transform:translateY(-50%);}
	.job2 ul li .txt2{ border-top:1px dashed #D3D3D3; background:rgba(0, 76, 158, 0.05); padding:2.08vw; display:none;}
	.job2 ul li .txt2 .h4{ font-size:.78vw; line-height:2em;}
	.job2 ul li.active{ box-shadow:0 0 10px rgba(0,0,0,.1);}
	.job2 ul li.active .txt1{ background:var(--primary-color); color:#fff;}
	.job2 ul li.active .txt1 i{background-image:url(../images/up01.png);}
	@media(max-width:999px){
	.job2 ul li .txt1{ display:block;}
	.job2 ul li .txt1 .h2{ width:100%; font-size:16px; line-height:1.6em; height:50px; border-right:none; border-bottom:1px dashed #DDDDDD; }
	.job2 ul li .txt1 .h2 span{ width:calc(100% - 40px); padding:0 20px;}
	.job2 ul li .txt1 .h3{ width:calc(100% - 40px); font-size:14px; line-height:1.6em; padding:10px 20px;}
	.job2 ul li .txt1 .h3 span{ display:inline-block; width:49%; margin:5px 0;}
	.job2 ul li .txt1 i{ width:40px; height:50px; top:0; right:10px; transform:translateY(0);}
	.job2 ul li .txt2{ padding:10px 20px; }
	.job2 ul li .txt2 .h4{ font-size:14px; line-height:2em;}
	.job2 ul li.active .txt1{ background:rgba(0, 76, 158, 0.05); color:#666;}
	.job2 ul li.active .txt1 .h2{ background:var(--primary-color); color:#000;}
	}

.prodetillf{ width: 100%;}
.news ul li .casetxt{ width: 65%;}
.news ul li  .casetxt h1{font-size: 16px;
    margin-bottom: 8px;
    text-align: left; font-weight:normal;}
	.news ul li {
	    width: 100%;
	    margin: 0px 0;
	    margin-bottom: 0;
	    float: none;
	    padding: 5px 0;
	    border-bottom: 1px solid #ddd;
	}
	
	.caseitem{ width: 100%; border-radius: 10px;    box-shadow: 0 0.025rem 0.3rem 0 rgba(0,0,0,.1); background-color: #fff; margin: 25px 0;}
	.caseitem h1{ font-size: 16px; padding: 10px 0; text-indent: 1rem;}
	.caseitem img{ width: 100%;}
	
	.yuef h2{ font-size: 17px; color: #E90101;}
	.yuef { padding: 10px 0;}