*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none;  
     font-family: 'Noto Sans SC';  font-weight: normal;}
html{ background-color:#fff; }
h3,h4,h5,h6,p{ display: block;}
img { display: block;}
li {list-style: none;}
a {text-decoration: none;  }
body,html {height: 100%;width: 100%;font-size: 10px;}
 

input{ -webkit-appearance:none; } 

  
 
 
/* 字体 */
@font-face {
    font-family: "Num";
    src: url("../font/Num.eot") format("eot"),
         url("../font/Num.woff") format("woff"),
         url("../font/Num.ttf") format("truetype");
}



 
.icenter { width:1260px; margin:0 auto; }

 
.more{  width: 140px; background: #fff; border-radius: 3em; height: 40px; display: flex ; align-items: center; justify-content: center;position: relative; left:0; transition: all .6s;}
.more:hover{background: #c21924;  }
.more .m1,.more .m2{ color:#c21924; font-weight: bold; font-size: 16px;  transition: all .3s;   margin: 0 10px 0 0;}
.more .m2{ margin:0; font-size: 20px;}
.more:hover .m1,.more:hover .m2{font-style: normal; -webkit-text-fill-color: initial; background: navajowhite; background-image: initial; background-clip: text; color: #fff;margin: 0 10px; }
 

.totop{  position: fixed; z-index: 99; right: 30px; bottom: 130px; cursor: pointer; -webkit-box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.12); box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.12); background: #fff; width: 46px; height: 46px; display: none; overflow: hidden; border-radius: 50%; }
.totop img{ display: block; width: 24px; margin:12px;}


.webtt{display: flex ; align-items: center; justify-content: space-between;}
.webtt .wt1{ display: block; color: #c21924; font-size:36px; font-weight: bold;}
.webtt .wt2{ color: #999; font-size: 20px; margin: 20px 0;}
.webtt .wt3{ display: block; color: #666; font-size: 30px; font-weight: 300; line-height: 38px; }



 
.pchearch{position: fixed; top: 0; left: 0; width: 100%; height: 80px;  background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1);  z-index: 99999;  }
.pchearch .icenter{display: flex; justify-content: space-between; align-items: center;   margin: 0 auto; }
.pchearch .logo{display: block; overflow: hidden;}
.pchearch .logo img{ display: block; width: auto; height: 46px;}
.pchearch .pcnav{display: flex;  position: relative;}
.pchearch .pcnav .act{display: flex; align-items: center;}
.pchearch .pcnav .act span{position: relative; height: 80px; display: flex; align-items: center; margin: 0 16px;}
.pchearch .pcnav .act span a{display: block; color: #333; font-size: 18px; font-weight: bold; position: relative; height: 80px; display: flex; align-items: center;}
.pchearch .pcnav .act span:hover a{color: #c21924;}
.pchearch .pcnav .act span:after{  content: ""; position: absolute; width: 0; height: 2px;background:#c21924;bottom: 0; left: 0; transition: all .3s; } 
.pchearch .pcnav .act:hover span:after{width: 100%; }
 
 
.pchearch .rh{display: flex; align-items: center;}
.pchearch .rh .global{cursor:pointer;position: relative; }
.pchearch .rh .global span{display: flex; align-items: center; justify-content: center; font-size: 16px; color: #333;     height: 70px;}
.pchearch .rh .global span img{  display: block; width: auto; height: 20px; margin: 0 5px 0 0;}
.pchearch .rh .global span i{display: block; font-size: 18px; margin: 0 0 0 5px;}
.pchearch .rh .global:hover span,.pchearch .rh .global:hover i{color: #c21924 !important;}
.pchearch .rh .global p{display:block; position:absolute; top:70px; background:#fff; width:180px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);  text-align:center; opacity:0; visibility:hidden; transition: all .1s; overflow: hidden; right:0; padding:10px 0; }
.pchearch .rh .global:hover p{opacity: 1;visibility: visible;}
.pchearch .rh .global p a{display: block; color: #333; font-size: 14px; line-height: 20px; padding: 10px 0; position: relative;}
.pchearch .rh .global p a:after{ content: ""; position: absolute; width: 2px; height: 100%; top: 0; right: 0; background: #000; opacity: 0; }
.pchearch .rh .global p a:hover{color: #c21924; background: #f2f2f2;}
.pchearch .rh .global p a:hover:after{opacity: 1;}



.nav_search .taa{cursor:pointer;  position: relative; z-index: 99; margin-right:40px;}
.nav_search .taa img{ display: block; width: auto; height:20px;}
.nav_search .searchtag{ position: fixed; width: 100%; top: 0; left: 0;height: auto;z-index: 9; padding:70px 0 50px;  display: none; }
.nav_search .searchtag:after{ content: ""; position: absolute; width: 100%; height: 100%; background: #000; top: 0; left: 0; opacity: 0.9; }
.nav_search .searchtag form{display: block; position: relative; z-index: 3; height: auto; margin: 30px auto; width: 60%;}
.nav_search .searchtag form h4{display: block; text-align: center; color: #fff; font-size: 30px; margin: 0 0 20px 0;     font-weight: 200;}
.nav_search .searchtag form input{display: block; width: 100%; height: 60px; border-radius: 2em; border: 0; text-indent: 20px; font-size: 16px; color: #ee7800;}
.nav_search .searchtag form button{position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; background: none; border: 0; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.nav_search .searchtag form button img{ display: block; width: 30px; }
.nav_search .taa .pic2{ display: none; filter: none; height: 24px;}
.nav_search .on .pic1{display: none;}
.nav_search .on .pic2{display: block;}
  
 


  














 
.banner{display: block; overflow: hidden; width: 100%; height: 100%;}
.banner:after{ content:"";  position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.3;}
.banner video{ display: block; width: 100%; }

.banner{position: relative; width: 100%; display: block; height: 100%;   overflow: hidden; }
.banner .sc { z-index: 2; cursor: pointer; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 100px; opacity: 0.5; z-index:9; }
.banner .sc img{     position: relative; animation: down 2s linear infinite;  display: block; text-align: center; width: auto; height: 50px; }
@keyframes down { 0% { top: 10%; } 25% { top: 0%; } 50% { top: -10%; } 75% { top: 0%; } 100% { top: 10%; } }
.banner .sc:hover{ opacity: 0.9;}
.banner .text{transform: translate(-50%, -50%); position: absolute;  left: 50%; top: 50%; z-index: 6;}
.banner .text h3{display: block; color: #fff; font-weight: bold; font-size: 62px; text-align: center; text-transform: uppercase;}
 
 

 

.innews{ display: block; overflow: hidden; padding: 100px 0; background: #eff0f2; }
.innews_ato{ display: flex; flex-direction: column; overflow: hidden;  }
.innews_ato i{display: block; overflow: hidden;   height: 240px; position: relative; }
.innews_ato i img{ display: block; width: 100%;  height: 100%; object-fit: cover; transition: all .6s;}
.innews_ato:hover i img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
.innews_ato p{ display: block; background: #fff; padding: 40px 30px; }
.innews_ato p strong{display: block; color: #343434; font-size: 20px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.innews_ato p font{ border-radius:2em; background: #f5f5f5; color: #333; display:flex ; justify-content:center; align-items:center; width:80px; height:24px; font-size: 12px; margin: 20px 0; }
.innews_ato p span{ color: #444; font-size: 14px; }
.innews_ato:hover p strong{  color: #c21924;}

.swipercontainerhomxw{overflow: hidden; margin: 50px auto 0;}
.innews .swipercontainerhomxw .swipercontainerhomxw_pagi{ display: flex ; align-items: center; justify-content: center; margin: 30px 0 0;}
.innews .swipercontainerhomxw .swipercontainerhomxw_pagi span{ width: 10px; height: 10px; opacity: 1; background: #ccc;}
.innews .swipercontainerhomxw .swipercontainerhomxw_pagi .swiper-pagination-bullet-active,.swipercontainerhomxw .swipercontainerhomxw_pagi span:hover{ background:#c21924;}

 

 
 

.footer{ background: url(../img/footerbg.jpg); background-size: cover; display: block; overflow: hidden; padding:80px 0; }
    
.footer .ftbot{display: flex ; align-items: center; justify-content: space-between;  }
.footer .ftbot span{ display: block; color: #999; font-size: 14px;}
.footer .ftbot a{ display: block; color: #999; font-size: 14px; margin:0 0 0 20px; }
.footer .ftbot a:hover{ color:#fff; }

.footer .fttop{ display: flex ; justify-content: space-between; align-items: flex-start; }
.footer .fttop .lf{ }
.footer .fttop .lf .lflogo{display: block; margin-bottom: 30px;}
.footer .fttop .lf .lflogo img{ display: block; width: auto; height: 46px;}
.footer .fttop .lf .fcont{}
.footer .fttop .lf .fcont a{display: flex; margin-bottom: 12px; }
.footer .fttop .lf .fcont a i{ width: 36px; height: 36px; border: 1px solid #666; border-radius: 50%; display: flex ; align-items: center; justify-content: center; margin: 0 8px 0 0; }
.footer .fttop .lf .fcont a i img{  display: block; width: auto; height: 16px; filter: brightness(0) invert(1); opacity: 0.4; }
.footer .fttop .lf .fcont a span{  color: #fff; font-size: 14px; max-width: 420px; display: block; margin: 8px 0 0 0; }

.footer .fttop .ftlist{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px; }
.footer .fttop .ftlist li{display: block; margin: 0 0 50px 0;}
.footer .fttop .ftlist li span{display: block; margin: 0 0 10px 0;}
.footer .fttop .ftlist li span a{ font-size: 22px; color: #fff; font-weight: bold;}
.footer .fttop .ftlist li dd{ display: flex ; flex-direction: column; }
.footer .fttop .ftlist li dd a{ display: block; color: #999; font-size: 16px; margin: 6px 0; max-width: 180px; line-height: 20px;}
.footer .fttop .ftlist li dd a:hover{ color:#fff; }
  

.footer .ftbot .fclink{ display: flex ; }
.footer .ftbot .fclink a{ width: 42px; height: 42px; display: flex ; justify-content: center; align-items: center; background: #333; border-radius: 50%; overflow: hidden; }
.footer .ftbot .fclink a img{ display: block; width: auto; height: 24px; }
.footer .ftbot .fclink a:hover{ background: #555; }
 
 
 




.webbanner{width: 100%; overflow: hidden; position: relative; margin: 80px 0 0 0; }
.webbanner img{display: block; width: 100%;     animation: mysacle 4s ease both; }
.webbanner .it{position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%);}
.webbanner .it strong{display: block; font-size: 56px; color: #fff; text-transform: uppercase; }
.webbanner:after{ content: ""; position: absolute; width: 100%; height: 100%; background: #000; top: 0; left: 0; opacity: 0.25; }


@keyframes mysacle {0% {transform: scale(1.15);}}




.mbx{display: block; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #eee; margin-bottom: 30px;}
.mbx .icenter{ display: flex ; align-items: center; }
.mbx .icenter a,.mbx .icenter i{display: block; color: #666; font-size: 14px;}
.mbx .icenter i{ color:#999; margin: 0 10px;  }
.mbx .icenter a:hover{ color:#c21924; }
 

*:focus{ outline:none; }    

.pageweb_tt{ border-bottom: 1px solid #eee; display: block; overflow: hidden; padding: 20px 0 40px; }
.pageweb_tt .icenter{display: flex ; justify-content: center; flex-wrap: wrap;}
.pageweb_tt .icenter a{display: block; border: 2px solid #ddd; color: #333; font-size: 16px; line-height: 24px; border-radius: 3em; padding: 8px 26px; margin: 0 10px 20px; font-weight: bold;}
.pageweb_tt .icenter a:hover,.pageweb_tt .icenter .active{background: #c21924; border: 2px solid #c21924; color: #fff;}

.webcontact{ display: flex ; justify-content: space-between; align-items: flex-start; margin: 100px auto;}
.webcontact .lf{background: url(/style/img/webcontact_lfbg.jpg); background-size: cover; display: block; overflow: hidden; padding: 50px; border-radius: 12px; width: 35%;}
.webcontact .lf h3{display: block; color: #fff; font-weight: bold; font-size: 36px; margin-bottom: 50px;   line-height: 38px;}
.webcontact .lf dl{}
.webcontact .lf dl a{display: flex ; margin-bottom: 30px;}
.webcontact .lf dl a img{filter: brightness(0) invert(1); display: block; width: auto; height: 24px;margin-right: 5px; }
.webcontact .lf dl a p{display: block; color: #fff; font-size: 16px; line-height: 24px; font-weight: bold;}

.webcontact .rh{display: block; width: 60%;}
.webcontact .rh h3{ display: block; color: #333; font-weight: bold; font-size: 36px; margin-bottom: 50px;   line-height: 38px;}

.screen-reader-response{ display: none;  }

.wpcf7 .input_two{display: flex ; justify-content: space-between;}
.wpcf7 .input_two dd{ display: block;width: 49%; margin-bottom:20px; }
.wpcf7 .input_one{ display: block;}
.wpcf7 .input_one dd{ display: block;width: 100%; }
.wpcf7 dd span{position: relative;}
.wpcf7 dd span span{color: #c21924; position: absolute; top: 0; right: 20px; line-height: 42px; font-size: 14px; font-weight: 300;}
.wpcf7 dd input,.wpcf7 dd textarea{ display: block; width: 100%; border: 1px solid #ddd; height: 42px; color: #333; font-size: 14px; padding: 16px;}
.wpcf7 dd textarea{ height: 160px;}
.wpcf7 dd font{text-transform: uppercase; color: #333; font-weight: bold; font-size: 14px; margin-bottom: 4px; display: block;}
.wpcf7 dd font i{color: #c21924; font-style: inherit;}
.wpcf7 .wpcf7-submit{ display: block; width: 240px; border-radius: 3em; height: 48px; line-height: 44px; padding: 0; font-size: 18px; font-weight: bold; background: #fff; color: #c21924; margin: 30px auto; cursor: pointer; border: 2px solid #c21924; transition: all .6s; }
.wpcf7 .wpcf7-submit:hover{ background: #c21924; color: #fff; }


.wpcf7-response-output,.wpcf7-validation-errors{text-align: center; color: #c21924; font-size: 24px; font-weight: 300;}

 
.yzm2025{display: flex; justify-content: flex-start; align-items: center; margin-top: 30px; }
.yzm2025 .t1{ display: block; color: #333; font-size: 16px; margin-right: 10px; }
.yzm2025 p{ display: flex; align-items: center; justify-content: flex-start; }
.yzm2025 p img{}
.yzm2025 p span{ display: flex; align-items: center; }
.yzm2025 p span input{ display: block; background: #fff; border: 1px solid #ddd; height: 40px; width: 200px; color: #333; font-size: 14px; padding-left: 10px; }
.yzm2025 p span span{display: block; text-align: center; color: #c21924; font-size: 14px; font-weight: 300; margin: 0 0 0 10px;}


 

.webcontactteam{display: block; overflow: hidden; padding: 100px 0; background: #f5f5f5;}
.webcontactteam h3{display: block; color: #333; font-weight: bold; font-size: 36px; margin-bottom: 50px;  line-height: 38px;}
.webcontactteam ul{display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px;}
.webcontactteam ul li{background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 30px; margin: 0 0 40px 0;}
.webcontactteam ul li strong{color: #c21924; font-size:36px; font-weight: 300;}
.webcontactteam ul li strong:after{  content: ""; display: block; background: #c21924; width: 50px; height: 1px; margin: 30px 0; }
.webcontactteam ul li p{}
.webcontactteam ul li p a{display: flex ; align-items: center; margin: 0 0 18px 0;}
.webcontactteam ul li p a i{display: flex ; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #eee; margin: 0 10px 0 0;}
.webcontactteam ul li p a i img{display: block; width: auto; height: 18px;}
.webcontactteam ul li p a span{color: #333; font-size: 16px;}



.shipping1{ display: flex ; justify-content: space-between; margin: 100px auto; overflow: hidden; }
.shipping1 .lf{display: block; width: 48%; overflow: hidden;}
.shipping1 .lf h3{ display: block; font-size: 36px; font-weight: bold; color: #333; margin: 0 0 30px 0; }
.shipping1 .lf h4{ display: block; font-weight: bold; font-size: 20px; margin: 0 0 20px 0; }
.shipping1 .lf p{display: block; color: #333; font-size: 16px;}
.shipping1 .rh{display: block; width: 48%; overflow: hidden; border-radius: 12px; }
.shipping1 .rh img{display: block; width: 100%;}

 

.shipping2{ display: block; overflow: hidden; background: #eee; padding: 100px 0;}
.shipping2 h3{display: block; font-size: 36px; font-weight: bold; color: #333; margin: 0 auto 30px;}
.shipping2 dl{ display: grid ; grid-template-columns: repeat(5, 1fr); grid-gap: 0 20px; width: 98%; margin: 0 auto;}
.shipping2 dl dd{ display: block; background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); border-radius: 8px; }
.shipping2 dl dd i{ overflow: hidden; width: 80px; height: 80px; border-radius:50%; margin:30px auto 0; border:1px solid #c21924; display: flex ; align-items: center; justify-content: center; }
.shipping2 dl dd i img{  display: block; width: auto; height: 40px; }
.shipping2 dl dd p{display: block; overflow: hidden; padding: 26px;}
.shipping2 dl dd p strong{display: block; font-size:20px; margin: 0 0 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; text-align: center;}
.shipping2 dl dd p span{ display: block; color: #333; font-size: 16px; text-align: center; }
 

.shipping3{  display: block;   padding: 100px 0;}
.shipping3 h3{ display: block; font-size: 36px; font-weight: bold; color: #333; margin: 0 auto 30px; }
.shipping3 ul{ display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 0 20px; }
.shipping3 ul li{ background: #fff; box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, .1); padding: 20px; margin: 0 0 20px; display: flex ; align-items: center; border-radius: 8px; }
.shipping3 ul li i{ display: block; margin: 0 20px 0 0; }
.shipping3 ul li i img{ display: block; width: auto; height: 50px; }
.shipping3 ul li p{ display: block; color: #333; font-size: 16px; font-weight: bold; }

 

.shipping4{display: block; padding: 100px 0; background: #f7f7f7; }
.shipping4 .icenter{ display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 0 20px;}
.shipping4 .th3{ background: linear-gradient(140deg, #e60012 0%, #a31722 100%);  overflow: hidden; padding: 40px;display: flex ; align-items: center; }
.shipping4 dl strong{ display: block; color: #fff; font-size:24px;}
.shipping4 dl{ background: #fff; box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, .1); border-radius: 8px;  }
.shipping4 dl img{display: block; width: 100%;}
.shipping4 dl p{ display: block; color: #333; padding: 30px; font-size: 16px; font-weight: bold; text-align: center;}
 

.QAQC_web2{ background: #f5f5f5; }
.QAQC_web2 h4{display: block; color: #333; font-size: 16px; margin: 0 0 30px 0;}
 

.QAQC_web5{display: block;}
.QAQC_web5 h3{ display: block; font-size: 36px; font-weight: bold; color: #333; margin: 0 0 30px 0; }
.QAQC_web5 ul{ display: grid ; grid-template-columns: repeat(5, 1fr); grid-gap: 0 20px; }
.QAQC_web5 ul li{ display: block; overflow: hidden; background: #f6f6f6; border-radius: 12px; padding: 30px;  }
.QAQC_web5 ul li i{background: #fff; width: 90px; height: 90px; margin: 20px auto; border-radius: 50%; display: flex ; align-items: center; justify-content: center;}
.QAQC_web5 ul li i img{display: block; width: auto; height: 40px;}
.QAQC_web5 ul li p{ display: block; color: #333; text-align: center; font-size: 16px; font-weight: bold; }

.QAQC_web4 h4{display: block; color: #333; font-size: 16px; margin: 20px 0;}
.QAQC_web4 ul{  display: grid ; grid-template-columns: repeat(6, 1fr); grid-gap: 0 10px;}
.QAQC_web4 ul li{ background: #fff; border: 1px solid #eee;}
.QAQC_web4 ul li i{ background: #f6f6f6;  }
 
.QAQC_web3{ display: block; overflow: hidden; padding: 100px 0; border-bottom: 1px solid #ddd; }
.QAQC_web3 h3{ display: block; font-size: 36px; font-weight: bold; color: #333; margin: 0 0 30px 0; }
.QAQC_web3 .list{}
.QAQC_web3 .list .code_tab{border-bottom: 1px solid #eee; margin: 0 0 16px;}
.QAQC_web3 .list .code_tab .ta{ cursor:pointer;  padding: 10px; display: flex ; align-items: center; justify-content: space-between;}
.QAQC_web3 .list .code_tab .ta span{ display: block; color: #333; font-size: 20px;     font-weight: bold; }
.QAQC_web3 .list .code_tab .ta .fa{  transition: all .6s; width: 40px; height: 40px; display: flex ; border: 1px solid #ddd; align-items: center; justify-content: center; border-radius: 50%; color: #999; font-weight: 300; }
.QAQC_web3 .list .code_tab .tb{ display: none;  padding: 20px; color: #666; font-size: 16px; margin-bottom: 30px; }

.QAQC_web3 .list .code_tab .ta.on span,.QAQC_web3 .list .code_tab .ta.on .fa,.QAQC_web3 .list .code_tab .ta:hover span{ color: #e60012; }
.QAQC_web3 .list .code_tab .ta.on .fa{transform: rotate(90deg); border: 1px solid #e60012; }
 

.webnewslist{ margin: 100px auto; display: block;  }
.ic_ls{display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px;}
.ic_ls .innews_ato{margin-bottom: 40px; background: #fff; box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, .1);}

.pchearch .pcnav .act{ position: relative;}
.pchearch .pcnav .act dd{ display: block; position: absolute; top: 80px; left: 0; background: #fff; width:280px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15); text-align: center; opacity: 0; visibility: hidden; transition: all .1s; overflow: hidden; right: 0; padding: 10px 0;}
.pchearch .pcnav .act:hover dd{    opacity: 1;visibility: visible;}
.pchearch .pcnav .act dd a{ display: block; color: #333; text-align: left; padding: 12px 16px; font-size: 14px;  font-weight:bold; border-bottom: 1px solid #eee;}
.pchearch .pcnav .act dd a:hover{  background: #eee; color:#e60012; }
 

.webcontact_all{ display: flex; overflow: hidden;  }
.webcontact_all .lf{ width: 50%; overflow: hidden; position: relative; }
.webcontact_all .lf img{position: relative; width: 100%; height: 100%; object-fit: cover;}
.webcontact_all .lf dd{ position: absolute; right: 0; top: 50%; transform: translate(0%, -50%); z-index: 5; padding: 60px;width: 40%; }
.webcontact_all .lf dd:after{  content: ""; background: #c21924; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0.9; }
.webcontact_all .lf dd strong{display: block; color: #fff; font-size: 36px; position: relative; z-index: 3; text-align: center; }
.webcontact_all .rh{display: block; width: 50%; padding: 30px 80px; overflow: hidden; position: relative;}
.webcontact_all .rh h3{display: block; color: #333; font-weight: bold; font-size: 36px; margin-bottom: 50px; line-height: 38px;}

.homecase{display: block; overflow: hidden; padding: 100px 30px;}

.homecase .more{background: #f5f5f5;}
.homecase .more:hover{ background: #c21924; }

.swipercontainer_homecase{ margin-top: 30px; overflow: hidden; }
.swipercontainer_homecase .swiper-slide{display: flex ; justify-content: space-between; background: #f8f8f8; border: 1px solid #eee; }
.swipercontainer_homecase .swiper-slide .pic{display: block; overflow: hidden; width: 50%;}
.swipercontainer_homecase .swiper-slide .pic img{ display: block; width: 100%; position: relative; height: 100%; object-fit: cover;  transition: all .6s; }
.swipercontainer_homecase .swiper-slide .txt{ display: block; overflow: hidden; width: 50%; padding: 30px; }
.swipercontainer_homecase .swiper-slide .txt a{}
.swipercontainer_homecase .swiper-slide .txt a strong{display: block; color: #333; font-size: 18px; line-height:24px;  }
.swipercontainer_homecase .swiper-slide .txt a p{display: block; color: #666; font-size: 14px; margin: 20px 0;}

.Chat_Now{ background: #fff; box-shadow:8px 4px 18px 4px rgba(0, 0, 0, .1); padding:10px; display:flex ; align-items: center; justify-content: space-around; border-radius: 3em; width: 120px;}
.Chat_Now font,.Chat_Now .fa{color: #c21924; font-size: 14px; font-weight: bold;  }
.Chat_Now .fa{}

.swipercontainer_homecase .swiper-slide:hover .pic img{   -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
.swipercontainer_homecase .swiper-slide:hover .txt a strong{ color: #c21924; }
.Chat_Now:hover{ background: #c21924; }
.Chat_Now:hover font,.Chat_Now:hover .fa{ color:#fff; }

.swiper_pagi{ display: flex ; align-items: center; justify-content: center; overflow: hidden; margin: 30px 0 0; }
.swiper_pagi span{ width: 10px; height: 10px; opacity: 1; background: #ccc; }
.swiper_pagi .swiper-pagination-bullet-active,.swiper_pagi span:hover{     background: #c21924; }



 
  
.inwebnum{padding: 0;}
.inwebnum dl{display: flex ; justify-content: space-between; align-items: flex-start; overflow: hidden;}
.inwebnum dl dd{  text-align: center; display: flex ; flex-direction: column; align-items: center; }
.inwebnum dl p{display: flex ; align-items: center;}
.inwebnum dl p span,.inwebnum dl p font{ font-family: 'Num'; font-size: 70px;  color:#c21924;   line-height: 70px;}
.inwebnum dl p font{ display: block; font-size: 36px; font-family: auto; line-height: 36px; margin: 0 0 0 6px; font-weight: 100; }
.inwebnum dl i{ background:#c21924; display: block; width: 50px; height: 4px; margin: 10px auto 20px;}
.inwebnum dl strong{  font-size: 14px; line-height: 16px; font-weight: bold; color: #333; max-width: 200px; display: block;  }


.homeabout{ display: block; overflow: hidden; padding: 50px 0; background: #f5f5f5;}
.homeabout .icenter{}
.homeabout .icenter .h_a_1{ display: flex ; justify-content: space-between; align-items: center;}
.homeabout .icenter .h_a_1 .lf{ display: block; width: 40%; overflow: hidden; }
.homeabout .icenter .h_a_1 .lf h3{ display: block; color: #c21924; font-size: 42px; font-weight: bold; }
.homeabout .icenter .h_a_1 .lf h4{ display: block; color: #333; font-size: 16px; margin: 30px 0;}
.homeabout .icenter .h_a_1 .rh{ display: block; width: 60%; overflow: hidden; }
.homeabout .swiper_container_homeabout{ padding:100px 0; }
.homeabout .swiper_container_homeabout .swiper-slide{transition: 500ms;  height: auto;  border-radius: 12px; overflow: hidden;   transform: scale(0.7); }
.homeabout .swiper_container_homeabout .swiper-slide img{ display: block; width:100%; }
.homeabout .swiper_container_homeabout .swiper-slide-active{transform: scale(1.4);  z-index:3; }
.homeabout .swiper_container_homeabout .swiper-slide-prev:after{  content: ""; background: linear-gradient(90deg, #f5f5f5 60%, rgba(245, 245, 245, .58)) 100%; position: absolute; width: 100%; height: 100%; top: 0; right: 0;  }
.homeabout .swiper_container_homeabout .swiper-slide-next:after{ content: ""; background: linear-gradient(270deg, #f5f5f5 60%, rgba(245, 245, 245, .58)) 100%; position: absolute; width: 100%; height: 100%; top: 0; right: 0;  } 
.homeabout .swiper_container_homeabout .swiper_pagi{ bottom: -30px; left: auto;  width: 100%; position: relative;}




.inprolist{  display: block; overflow: hidden; padding: 100px 0; }

.inprolist .webtt .more{ background:#f5f5f5; }
.inprolist .webtt .more:hover{  background:#c21924; }

.inprolist .tablr{ display: flex ; justify-content: space-between;  margin-top: 30px; }
.inprolist .tablr .lf{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); display: block; overflow: hidden; padding:20px; width:18%; }
.inprolist .tablr .lf a{  border-bottom: 1px solid #eee; padding: 20px 0; display: flex ; align-items: center; justify-content: space-between; }
.inprolist .tablr .lf a span{ display: block; font-size: 18px; line-height: 20px; color: #333; font-weight: bold; padding: 0 10px 0 0; }
.inprolist .tablr .lf a .fa{ display: block; font-size: 18px; color: #999; font-weight: bold;}
.inprolist .tablr .lf .active{}
.inprolist .tablr .lf .active span,.inprolist .tablr .lf .active .fa,.inprolist .tablr .lf a:hover span,.inprolist .tablr .lf a:hover .fa{ color:#c21924; }


.inprolist .tablr .rh{display: block; width: 80%;}
.inprolist .tablr .rh dl{ display: none; }
.inprolist .tablr .rh dl:nth-child(1){ display: block; }
.inprolist .tablr .rh dl .piclist{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 0 10px; }
.inprolist .tablr .rh dl .piclist .dot_bar,.proweblist .dot_bar{ display: block; overflow: hidden; border: 1px solid #ddd; margin: 0 0 10px 0; }
.inprolist .tablr .rh dl .piclist .dot_bar .pic,.proweblist .dot_bar .pic{display: block; overflow: hidden;}
.inprolist .tablr .rh dl .piclist .dot_bar .pic img,.proweblist .dot_bar .pic img{ display: block; width: 100%; transition: all .6s; }
.inprolist .tablr .rh dl .piclist .dot_bar:hover .pic img,.proweblist .dot_bar:hover .pic img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
.inprolist .tablr .rh dl .piclist .dot_bar .txt,.proweblist .dot_bar .txt{ padding: 20px; display: flex ; flex-direction: column; align-items: center; }
.inprolist .tablr .rh dl .piclist .dot_bar .txt a,.proweblist .dot_bar .txt a{}
.inprolist .tablr .rh dl .piclist .dot_bar .txt a strong,.proweblist .dot_bar .txt a strong{ display: block; color: #666; font-size: 16px; line-height: 18px; margin: 0 0 30px 0; text-align: center }
.inprolist .tablr .rh dl .piclist .dot_bar:hover .txt a strong,.proweblist .dot_bar:hover .txt a strong{  color: #c21924;  }

.more_h_p{width:280px; background: #f5f5f5; margin: 20px auto; height: 50px;}

 

.proweblist{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 0 20px; margin: 60px auto 60px; overflow: hidden; }
.proweblist .dot_bar{ margin-bottom: 30px; }
.proweblist .dot_bar .txt a p{text-align: center; font-size: 14px; color: #666; margin: 20px 0;}

.screen-reader-text{ display: none; }
.nav-links{ display: flex ; align-items: center; justify-content: center; padding: 50px 0 100px; }
.nav-links span,.nav-links a{ width: 40px; height: 40px; display: flex ; align-items: center; justify-content: center; color: #c21924; font-size: 16px; border: 1px solid #c21924; border-radius: 50%; margin: 0 6px;}
.nav-links .current,.nav-links a:hover,.nav-links .active{background: #c21924; color: #fff;}

.web_vr_all{ position: fixed; top: 60%; left: 10px; z-index: 999; width:70px; height:70px; overflow: hidden; border: 2px solid #ddd; border-radius:50%; box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, .1); background: url(/style/img/QAQC6_a.jpg); background-size:cover;    animation: bgScroll 100s linear infinite; opacity: 0.8; }
.web_vr_all:after{  content: ""; background:#000; opacity: 0.5; position: absolute; width: 100%; height: 100%;  opacity: 0.8; top: 0; left: 0;   }
.web_vr_all .bg{ display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.web_vr_all .vricon{ position: absolute; top: 50%; left: 50%; z-index: 9; filter: brightness(0) invert(1); height:32px; margin:-16px;}
.web_vr_all:hover:after{ background: #c21924;  opacity: 0.9;   }
.web_vr_all:hover{ opacity:1; }
@keyframes bgScroll {from {background-position: 0 0;}to {background-position: -1000px 0; }}
  
.web_company{}
.web_company dl{ display: flex ; align-items: center; justify-content: space-between; overflow: hidden; padding: 100px 0 50px; }
.web_company dl dd{ display: block; width: 50%;}
.web_company dl dd h3{ color: #c21924; font-weight: bold; font-size: 36px;}
.web_company dl dd p{ display: block; color: #333; font-size: 16px; margin: 30px 0 0 0;}
.web_company dl dt{display: block; width: 46%; border-radius: 6px; overflow: hidden;}
.web_company dl dt img{display: block; width: 100%; overflow: hidden; }

.company_b_1{ display: block; margin: 0 0 100px 0; }

 

.web_company_2{ display: block; background: #f8f8f8; padding: 100px 0; overflow: hidden; }
.web_company_2 .icenter{}
.web_company_2 .icenter .lf{ color: #c21924; font-weight: bold; font-size: 36px; margin: 0 0 30px 0;}
.web_company_2 .icenter .rh{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 0 20px; }
.web_company_2 .icenter .rh p{ background:#fff; padding:10px; border-radius:4px; margin:0 0 20px; position:relative; display:flex ; align-items:center; justify-content:space-between; transition: all .3s; }
.web_company_2 .icenter .rh p img{ display: block; width:auto;}
.web_company_2 .icenter .rh p strong{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 16px; color: #333; width:70%; }
.web_company_2 .icenter .rh p:hover{ background: #c21924;    -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);  }
.web_company_2 .icenter .rh p:hover img{filter: brightness(0) invert(1);}
.web_company_2 .icenter .rh p:hover strong{ color:#fff;  }

.web_company_3{ margin: 100px auto; display: block; overflow: hidden;}
.web_company_3 h3{ color: #c21924; font-weight: bold; font-size: 36px; margin: 0 0 30px 0;}
.web_company_3 h4{ color: #333;  font-size: 16px;  }




 

.mbx2{margin-top: 80px;}
 

.news_show_icenter{}
.news_show_icenter .nst{ border-bottom: 1px solid #eee; margin-bottom: 60px; padding-bottom: 20px; }
.news_show_icenter .nst h3{ display: block; color: #333; font-weight: bold; font-size: 22px; }
.news_show_icenter .nst dd{display: flex ; margin: 20px 0;}
.news_show_icenter .nst dd span{display: flex ; color: #666; font-size: 16px; font-weight: bold; margin: 0 20px 0 0;}
.news_show_icenter .nst_show{ display: block; overflow: hidden; font-size: 16px; color: #333; line-height: 28px; min-height: 400px; margin-bottom: 60px; }
.nst_show h1{font-size: 42px;margin-bottom: 10px;}
.nst_show h2{font-size: 31px;margin-bottom: 10px;}
.nst_show h3{font-size: 26px;margin-bottom: 10px;}
.nst_show h4{font-size: 22px;margin-bottom: 10px;} 
.nst_show h5{font-size: 18px;margin-bottom: 10px;}
.nst_show h6{font-size: 16px;margin-bottom: 10px;}
.nst_show img{width: auto; border-radius: 10px; max-width: 100%; display: block; height: auto; margin: 0 auto;     border: 1px solid #eee; }
.nst_show .aligncenter{    margin: 0 auto;}
.nst_show p{ margin:0; padding:0; }
.nst_show a{ color: #a5020e; }
 
.newsshow_bottom{ display: block; overflow: hidden; padding: 0; background: #f5f5f5; }
.newsshow_bottom .webnewslist h3{ display: block; color: #c21924; font-weight: bold; font-size: 28px; margin: 0 0 30px 0;}
 
.news_post_navigation{display: flex ; align-items: flex-start; justify-content: space-between; border-top: 1px solid #eee; padding: 50px 0;}
.news_post_navigation .navfy{ display: block; width: 28%;}
.news_post_navigation .navfy a{display: block; font-size: 14px; color: #666;}
.news_post_navigation .navfy a .fa{}
.news_post_navigation .navfy a span{display: block; color: #333; font-weight: bold; font-size: 14px;     margin-top: 5px;}

.news_post_navigation .ict{display: flex ; align-items: center;}
.news_post_navigation .ict .fa,.news_post_navigation .ict span{display: block; color: #333; font-size: 16px;}
.news_post_navigation .ict span{ margin: 0 0 0 10px; }

.news_post_navigation .navfy a:hover,.news_post_navigation .navfy:hover,.news_post_navigation .navfy a:hover .fa,.news_post_navigation .navfy a:hover span,.news_post_navigation .ict:hover .fa,.news_post_navigation .ict:hover span{ color: #c21924; }

 
.fcont_mindchina{ margin-top: 100px; }
.fcont_mindchina img{}






 
@media screen and (max-width:1600px) {   
  



}