/* CSS Document */
*{margin:0;padding:0;outline:none;-webkit-text-size-adjust:none;font-family:"Microsoft YaHei","Arial","宋体","黑体","SimHei"," Verdana",;_font-family:Arial !important;}
body{color:#1E1E1B;line-height:180%; }
h1, h2, h3, h4, h5, h6, h7, h8, h9{font-size:100%; font-family:"Helvetica Neue","Helvetica,Arial","PingFang SC","Heiti SC","Microsoft Yahei",sans-serif; font-weight:normal;}
address, cite, dfn, em, var{font-style:normal;}
ul,li, ol{list-style:none;}
html{ overflow-x:hidden; }
a{ text-decoration:none; color:#333;}

/*head*/

.mom{width:100%; height:99px; margin:0 auto; position:relative; background:#FFF;  z-index:9999;}
.mom .db{ width:90%; height:auto; margin:0 auto;}
.mom .db .logo{ min-width:130px; height:90px; float:left; margin-top:0px;}
.mom .db .logos{ width:20%; height:auto; float:left; position:relative;margin-top:10px;}
.mom .db .logos img{ width:100%; height:auto;}
@media screen and (min-width:1200px){
	
.mom .db .logos{ width:20%; height:auto; float:left; position:relative;margin-top:20px;}
.mom .db .logos img{ width:100%; height:auto;}
	}

.mov{width:50%; height:99px; margin:0 auto; position:relative; background:#FFF; float:right; z-index:9999;}
.mov ul{zoom:1; height:99px; margin:0px;}
.mov ul li{float:left; height:80px; line-height:80px; position:relative; min-width:60px; width:10%;margin:0 1% 0 1%; font-size:1cqw; text-align: center;}
.mov ul li:hover:before{left:0;opacity:1;width:100%; overflow:hidden;}
.mov ul li:before{
    content: "";
    width: 0;
    height:2px;
    border-bottom:3px solid #e6121d;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all .4s ease;bottom:0px; overflow:hidden;z-index:9999;
    opacity: 0;}  


.mov ul li.first{background:none}
.mov ul li a{line-height:99px;  font-size:18px; color:#333; text-decoration:none; }
.mov ul li a:hover, .mov ul li .a{color:#333 !important;  display:block;}
.mov ul li .this{color:#333;  background:url(../img/Bg.png) center 0px; display:block;}
.mov ul li dl{min-width:160px; display:none; position:absolute; left:-45px; top:90px; z-index:9999;background:url(/web/img/Bg.png); padding-top:10px;}
.mov ul li dt{min-height:50px !important;border-bottom:1px solid #dddddd;}
.mov ul li dt a{font-size:16px !important; line-height:48px !important; text-align:center !important; color:#333 !important; overflow:hidden; height:48px; display:block;}
.mov ul li dt a:hover{ background:none !important;line-height:50px; display:block; color:#0066cc !important;}
.mov ul li.item{float:right}
.mov ul li.item a:hover{background:none !important;}
	
@media screen and (max-width:1200px) {
.mom .db{ width:90%; height:auto; margin:0 auto;}
.mov{width:50%; height:99px; margin:0 auto; position:relative; background:#FFF; float:left; z-index:9999;}
.mov ul{zoom:1; height:99px; margin:0px;}
.mov ul li{float:left; height:80px; line-height:80px; position:relative; min-width:60px; width:6%; font-size:1cqw; text-align: center; }
.mov ul li a{float:left; width:6%; font-size:1cqw;}
.mom .db .logos{ width:15%; height:auto; float:left; position:relative;top:20px;}

}
.index_uk{ width:auto; min-height:900px;background:#f5f5f5; margin:0 auto; overflow:hidden;}
.index_c{ width:90%; min-height:600px; margin:0 auto; padding-top:30px;}
.index_c ul{ width:100%; min-height:900px; margin:0 auto;}
.index_c ul li{width:30%;*width:29.95%!important;  float:left;overflow:hidden;
  
    margin-left:1.66%;
    position: relative;
    background: #fff;
    webkit-transition: all .2s linear;
    transition: all .2s linear;
    padding:1%;
    margin-bottom:1.66%;}  
.index_c ul li img{width:100%;}

.index_c ul li:nth-child(3n+1){margin-left:0px;}
.index_c ul li:hover{ box-shadow:0 10px 50px rgba(51, 51, 51, .25);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);transition: all 0.36s ease;}
.index_c ul li:hover img{width:100%;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}

.index_c ul li .pic{width:100%; height:auto; margin-bottom:1%;  transition: 0.6s; overflow:hidden;}
.index_c ul li .pic img{width: 100%;height: 100%; 

 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
	 
        transition: all .5s;}
.index_c ul li .pic:hover img{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
.index_c ul li .txt{ width:100%; height:auto; }
.index_c ul li .txt h1{ width:auto; line-height:50px; font-size:26px; font-weight:bold;}
.index_c ul li .txt i{ width:auto; line-height:25px; font-size:14px; font-style: normal; display:block;}

.index_lk{ width:90%; height:100px; margin:0 auto; clear:both; margin-bottom:20px; margin-top:60px;}
.index_lk h1{ width:100%; line-height:60px; font-size:36px; font-weight:bold; text-align:center;}
.index_lk p{ width:100%; min-height:30px; line-height:30px; font-size:30px;text-align:center;}

.index_a{ width:90%; min-height:600px; margin:0 auto;  overflow:hidden; padding-top:30px;}
.index_a ul{ width:100%; margin:0 auto;}
.index_a ul li{ width:31%;*width:29.95%!important; float:left;  position:relative; margin-left:3.5%; margin-bottom:35px;overflow:hidden;}
.index_a ul li:nth-child(3n+1){margin-left:0px;}
.index_a ul li .pic{ width:100%;height:100%; position: relative; z-index:-200;}
.index_a ul li .pic img {width: 100%;height: auto;transition: transform 0.3s ease;}

.box{ transition: 0.6s;
  position: relative;77
  width: 100%;
  height: 100%;
background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)); 
  }
.box h2{ width:100%; height:100%; font-size:20px; position:absolute; color:#FFF; text-align:center; transition: transform 0.3s ease; 
  top:0;
  left: 0;
 z-index:60; padding-top:200px; font-weight:bold;} 
.box:hover h2{ opacity: 0; transition: opacity 0.3s ease;}
.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* 半透明黑色遮罩 */
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer; overflow:hidden;
}

	
/* 鼠标悬停时显示遮罩 */
.index_a ul li:hover .mask {opacity: 1;}

/* 可选：悬停时图片放大效果 */
.index_a ul li:hover .pic img {transform: scale(1.1);}
.mask-text {text-align: center;padding: 20px;font-size: 1.2em; position:relative; top:30px;transition: transform 0.3s ease;}
.mask-text a{ color:#FFFFFF;}
.mask-text p{ font-size:16px;}
.prod{ width:100%; min-height:1000px; overflow:hidden; margin:0 auto; background:#f2f6fb;padding-top:60px; }

.About{
    background: url(img/img.jpg) no-repeat 50% 50% / cover;
    background-attachment: fixed;
    background-size: 100% 100%;
    position: relative; height:600px;
}
.About h2{  font-family: 'MB';
  font-size: var(--f52);
  line-height: 1.1;} 
  
  
.new_n{ width:90%; min-height:700px; margin:0 auto;}
.new_n .new_n1{ width:45%; min-height:400px; float:left; overflow:hidden; border-bottom:1px #eee solid; content: "";transition: all 0.36s ease; position:relative; }
.new_n .new_n1 span{ width:100%; height:auto;}
.new_n .new_n1 span img{ width:100%;}
.new_n .new_n1 h3{ width:auto; line-height:60px; font-size:18px; padding-top:18px;}

.new_n .new_n1:hover:before{left:0;opacity:1;width:100%; overflow:hidden;}
.new_n .new_n1:before{
    content: "";
    width: 0;
    height:2px;
    border-bottom:2px solid #e6121d;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all .4s ease;bottom:31px; overflow:hidden; bottom:0px;overflow:hidden;
    opacity: 0;}  


.new_n .new_t{ width:52%; min-height:400px; float:right;}
.new_n .new_t dl{ width:100%; min-height:120px; margin:0 auto; border-bottom:1px #eee solid; padding-bottom:2%; padding-top:2%;}
.new_n .new_t dl dd{ width:12%; height:auto; float:left;}
.new_n .new_t dl dt{ width:84%; height:auto; float:right;}
.new_n .new_t dl dt h4{ width:auto; line-height:35px; font-size:18px;}
.new_n .new_t dl dt p{ width:auto; line-height:30px; font-size:14px; color:#666666;}
.new_n .new_t dl dt em{ width:auto; font-size:14px; display:block;}

@media (min-width:1000px) {

.new_n .new_t{ width:52%; min-height:400px; float:right;}
.new_n .new_t dl{ width:100%; min-height:110px; margin:0 auto; border-bottom:1px #eee solid; padding-bottom:2%; padding-top:2%;}
.new_n .new_t dl dd{ width:18%; height:auto; float:left;}
.new_n .new_t dl dt{ width:80%; height:auto; float:right;}
.new_n .new_t dl dt h4{ width:auto; line-height:30px; font-size:18px;}
.new_n .new_t dl dt p{ width:auto; line-height:30px; font-size:14px; color:#666666;}
.new_n .new_t dl dt em{ width:auto; font-size:14px; display:block;}
}

.about{ width:auto; min-height:600px; margin:0 auto; background:url(img/row_bg.png) center no-repeat;}	
.abu{ width:90%; height:auto; margin:0 auto;}
.abou{ width:46%; min-height:475px; float:left; background:url(/web/img/about.jpg); position:relative; top:50px; border-top-right-radius:40px;}
.abou img{ width:100%; height:100%;}
.tmab{ width:46%; height: auto; float:right;  position:relative; top:60px; min-width:500px;}
.tmab h1{ width:auto; line-height:60px; font-size:32px; font-weight:bold;}
.tmab .taum{ width:auto; line-height:35px; font-size:16px; padding-top:30px; word-wrap: break-word;white-space: normal;}
.tomu{ width:auto; height:auto; margin:0 auto; padding-top:30px;}
.tomu ul{ width:auto; margin:0px;}
.tomu ul li{ width:auto; line-height:40px; font-size:14px; font-weight: bold; text-indent:50px; background:url(../img/io.jpg) no-repeat left;}

.toem{ width:auto; height:auto; padding-top:30px;}
.toem dl{ width:45%; margin:0px; float:left;}
.toem dl dd{ min-width:46px; height:46px; float:left; position:relative;}

.toem dl dt{ width:80%; height:auto; float:left; padding-top:5px;}
.toem dl dt em{ width:auto; line-height:20px; font-size:16px; font-weight:600px; display:block;}
.toem dl dt i{width:auto; line-height:20px; font-size:24px; font-weight: bold; color:#1a478e; font-style:normal; font-family:"century gothic";}

.times{ width:auto; line-height:30px; font-size:30px; font-weight:bold; font-style:normal;}

.times .time {
    position: relative;
    top: 0;
    bottom: 0;
    height: max-content;
    margin: auto;
    line-height: 1;
    color: #003281;
    font-size: 56px;
    text-align: center; font-family:"Arial, Helvetica, sans-serif";font-weight:normal;}

.times .fonts {
    font-size: 18px;
    display: block;
    border-top: 1px #eee solid;
    margin-top: 10px;
    padding-top:5px; font-weight:normal;color: #003281; text-align:center;
}
.index_in{ width:auto; min-height:600px; margin:0 auto; background:url(/web/img/bg1.jpg); padding-top:60px;}
.index_in h3{width:auto; margin:0 auto; line-height:50px; font-size:36px; text-align:center; font-weight:bold; color:#FFF;}
.index_in P{width:auto; margin:0 auto; line-height:50px; font-size:36px; text-align:center; font-weight:bold; color:#FFF;}
.index_in dd{width:85%; margin:0 auto; line-height:26px; font-size:16px; text-align:center; color:#FFF; font-style:normal; padding:20px;}
.index_cn{ width:90%; min-height:560px; margin:0 auto; margin-bottom:0px; position:relative; display:block; margin-top:20px; overflow:hidden;}
.swiper-container{ width:auto;min-height:500px; margin:0 auto;}
.swiper-container .swiper-pagination-bullet-active{ background:#e6121d !important; }
.swiper-container .swiper-slide{display:inline-block; width:100%; height:auto; position:relative; z-index:9; text-align:center; margin-bottom:20%; margin:0 auto;}
.swiper-container .swiper-slide span{ width:auto; height:auto; position:relative; z-index:9; border-top:10px solid #2e439c;}
.swiper-container .swiper-slide span img{display:block; width:100%; height:auto;}
.swiper-container .swiper-slide p{display:inline-block; text-align:center;width:100%; height:80px; line-height:80px;font-size:16px; background:#e6121d; float:left;color:#FFF;}
.swiper-container .swiper-slide a:hover p{color:#FFF;}
.swiper-container .swiper-slide p a{color:#FFF;}
.swiper-pagination{text-align:center;width:100%; position:relative; top:95%;color:#FFF }

.index_ac{ width:90%; height:200px; margin:0 auto; background:url(/web/img/about-bg.jpg) center no-repeat;padding-top:30px; box-shadow:0px 1px 15px 0px rgb(0 0 0 / 10%);}
.smos{ width:90%; height:300px; margin:0 auto; padding-top:20px; text-align:center;}
.smos ul{ width:100%; margin:0 auto;}
.smos ul li{ width:16%; height:auto; float:left; position:relative; margin-left:12%; text-align:center;display:inline-table;}
.smos ul li:nth-child(4n+1){margin-left:0px;}
.smos ul li dd{ min-width:60px; line-height:80px; font-size:46px; text-align:center; color:#2e439c;display:inline-table; font-family:Impact, Times, serif; margin:0 auto;}
.smos ul li i{width:30px; line-height:60px; font-size:30px;font-weight:bold;color:#2e439c; display:inline-table; text-align:center; position:relative; top:0px;font-style:normal;}
.smos ul li dt{width:30px; line-height:80px; font-size:46px; font-weight:bold;color:#2e439c; font-style:normal;text-align:center;display:inline-table;}
.smos ul li p{ width:auto; line-height:30px; font-size:20px; text-align:center;color:#2e439c; font-weight:bold; display:block; clear:both;}

.tran {width:auto; height:600px; background-color:rgba(0,0,0,0.6);}

.index_d{ width:auto; height:200px; margin:0 auto; background:url(/web/img/coin.jpg) no-repeat top; margin-bottom:5px;}
.index_d dl{ width:90%; height:auto; margin:0 auto;}
.index_d dl dd{ width:60%; line-height:200px; float:left; font-size:36px; font-weight:bold; color:#FFF;}
.index_d dl dt{ width:16%; height:66px; line-height:30px; float:right; border-radius:100px; background:#e6131e; color:#FFF; position:relative; top:60px; text-align:center; line-height:66px; font-size:28px; font-weight:bold;}
.index_d dl dt a{ color:#FFF;}
.foot{ width:auto; height:450px; margin:0 auto; background:#202020; padding-top:60px;}
.foot .foots{ width:90%; height:300px; margin:0 auto;}
.foot .foots dl{ width:9%;line-height:60px; float:left;margin-left:9.2%; position:relative; text-align:center;}
.foot .foots dl:nth-child(6n+1){margin-left:0px;}
.foot .foots dl dd{ width:100%; line-height:60px; font-size:18px; font-weight:bold; color:#FFF;}
.foot .foots dl dt{ width:100%; line-height:30px; font-size:16px; color:#808080;}
.foot .foots dl dt a{color:#FFF;}
.copy{ width:100%; height:80px; margin:0 auto; border-top:1px solid #313131; background:#e6121d;}
.copy dl{ width:90%; height:auto; margin:0 auto;}
.copy dd{ width:600px; line-height:80px; font-size:16px; float:left;color:#FFF;}
.copy dt{ min-width:100px; line-height:80px; float:right;color:#FFF;}
.copy dl dt a{color:#FFF;}
.foote{ width:90%; height:120px; margin:0 auto;}
.foote dl{width:30%; height:70px; float:left; position:relative; margin-left:5%;}
.foote dl:nth-child(3n+1){margin-left:0px;}
.foote dl dd{ min-width:120px; height:40px; line-height:40px; float:left; color:#949494; font-size:16px; text-indent:30px;}
.foote dl dd img{ width:40%; height:auto;}
.foote dl dt{ width:100%; line-height:30px; font-size:18px; float:right;color:#FFF;text-indent:30px;}
.icon{ width:20px; height:auto;background:url(/web/img/icon.png) left no-repeat;background-size:15%;}
.icon1{ width:20px; height:auto;background:url(/web/img/icon1.png) left no-repeat;background-size:15%;}
.icon2{ width:20px; height:auto;background:url(/web/img/icon2.png) left no-repeat;background-size:15%;}