@charset "utf-8";
/* CSS Document */

*{ /*box-sizing:inherit; -webkit-box-sizing:inherit;*/}
html{color:#434343;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{
	font: 12px/1.8 "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
	font-family: "Microsoft YaHei",Arial,sans-serif; /*overflow-y:hidden*/
	/* [disabled]width:100%; */ 
}
img{border:none; vertical-align:middle;}
em,b{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1{font-size:24px; line-height:1;}
h2{font-size:30px; text-align:center; line-height:1; font-weight:bold;}
h3{font-size:14px;}
h4, h5, h6{font-size:100%;}

a{text-decoration:none; color:#434343;}
a:hover,.bs{text-decoration:none;}
a:link,a:visited,a:active{ text-decoration:none;}

q:before,q:after{content:'';}/* 消除q前后的内容 */
button,input,select,textarea{font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */

address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */

input{ outline:none;}
/* 通用样式 */
.clear:after,.clear:before{ content: "";display: table;}
.clear:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}  


/*初始化样式*/
.w1450{ width:1450px; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
.w1150{ width:1150px; margin:0 auto;}
.w1100{ width:1100px; margin:0 auto;}
.w1050{ width:1050px; margin:0 auto;}
.w990{ width:990px; margin:0 auto;}
.w900{ width:900px; margin:0 auto;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}








/*头部*/
.header{ width:100%; height:100px; /*background-color:#003043;*/ 
    position: absolute;
    z-index: 9999;
    width: 100%;
    top: 0px;}
.header.active{   background-color:#003043; filter: Alpha(opacity=50); /* IE */   
-moz-opacity:0.5;    /* FF 主要是为了兼容老版本的FF-Mozilla */
opacity:0.5;    /* FF */   /*position: absolute !important;*/}
	
.header .logo{ margin-top:25px; margin-left:5%;}
.header .fr{ width:1100px; /*margin-right:3%;*/}




/*中英文切换*/
.daohang,.qiehuan{ padding-top:25px; float:left; height:50px; line-height:50px;}
.qiehuan{ margin-left:25px;}
.qiehuan a,.qiehuan span{ display:inline-block; font-size:17px; color:#fff;}
.qiehuan span{ margin:0 10px;}


/*导航*/
.w750{ width:750px;}
.daohang{ float:left;}
.daohang ul li .box{ margin-left:0;}
.daohang ul li{ width:120px; float:left; text-align:center; position:relative;text-transform: capitalize;}
.daohang ul li:hover,.bianse{ /*background-color:#5ec2d0;*/ /*border-radius:10px;*/}
.daohang ul li a{ display:block; width:100%;   font-size:16px; /*font-weight:bold;*/ color:#fff;}
.daohang ul li:hover a,.bianse a{ color:#fff !important; }
.daohang ul li:hover a{ background-color:#003043;color:#fff !important; }
.daohang ul li .box{ width:100%; position:absolute; left:0; top:50px; margin-left:0; background-color:#003043; display:none; z-index:999;    
    width: auto;  }
.daohang ul li .box li{ height:50px; line-height:50px; display:block;  width: auto;min-width:120px; margin:0 auto; float:none; text-align:center;padding:0 10px; }
.daohang ul li .box li a{ color:#fff; font-size:15px; display:block; width:100%;white-space: nowrap; height:100%; background:none !important;}
.daohang ul li .box li:hover{ background-color:#5ec2d0;}
.daohang ul li .box li:hover a{ color:#fff;}

.xiala{   width:100%; z-index:9999;} 
.xiala .hei{ width:100%; height:10px; position:absolute; bottom:-10px; left:0; background-color:#fff;}
.xiala a{ display:block; background-color:#fff; color:#333;}
.xiala a:first-child{ border-top:none; border-bottom:none;}
.xiala a:nth-child(2){ border-top:none;}
.xiala a:hover{ color:#3bb3c2;}





/*banner*/
.device{ }
.device { position: relative;}
.device .arrow-left {
  /*background: url(../images/left.png) no-repeat center;*/
  position: absolute;
  left: 115px;
  top: 50%;
  margin-top: -25px;
  width: 30px;
  height: 50px;
  z-index:9;
}
.device .arrow-right {
  /*background: url(../images/right.png) no-repeat center;*/
  position: absolute;
  right: 115px;
  top: 50%;
  margin-top: -25px;
  width: 30px;
  height: 50px;
  z-index:9;
}
.device,.swiper-container { width:100% !important; height:auto !important;}
.swiper-wrapper,.swiper-slide{ height:auto !important;}
.swiper-slide img{ width:100% !important; height:auto !important;}

.about-8-con-box .swiper-slide img{ max-width: 88% !important;
    /* margin: 0 6%; */
    max-height: 80%; width: auto !important;}

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:120px;
  width: 100%;
  z-index:9;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  margin: 0 10px;
  cursor: pointer;
  background: #828f92;
}
.swiper-active-switch {
	background: #fff;
}

.kuang{ position:absolute; left:0; bottom:0; z-index:9; width:100%;}
.kuang img{ width:100%;}




/*首页-1*/
.bt{ text-align:center; margin:0 auto;}
.bt p{ font-size:36px; line-height:1.2; color:#2aabbd; letter-spacing:3px;font-weight:bold}
.bt small{ font-size:20px; color:rgba(0,0,0,0.51); display:block; margin-top:5px; }

.sy-1{ background-color:#f3f6f9; padding:70px 0;}
.sy-1-n{ margin-top:90px;}
.sy-1-n .fl{ width:635px;}
.sy-1-n .fl p{ font-size:32px; color:#333; /*letter-spacing:3px;*/ line-height:1.2; font-weight:bold;  /*padding-bottom:10px;*/ /*border-bottom:2px solid #5ec2d0;*/}
.sy-1-n .fl span{ display:block; font-size:16px ; line-height:34px; color:#333; margin-top:20px; text-align:justify;}
.sy-1-n .fl a{ margin-top:70px; display:block; width:195px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; background-color:#5ec2d0; border-radius:30px; letter-spacing:3px;}
.sy-1-n .fr{ width:500px;}
.sy-1-n .fr img{ width:100%;/*border-radius: 0.2rem;*/}








/*首页-2*/
.sy-2{ padding:80px 0; background:#f4f7ff; background-size:cover; position:relative; /*url(../images/sy-2-bg.jpg) center no-repeat*/}
.sy-2 ul{ margin-top:65px;}
.sy-2 ul li{ float:left; width:22.6%; margin-right:3.2%; background-color:#fff;/*border-radius: 0.2rem;*/}
.sy-2 ul li:first-child,.sy-2 ul li:nth-child(2),.sy-2 ul li:nth-child(3),.sy-2 ul li:nth-child(4){ margin-bottom:40px;}
.sy-2 ul li:nth-child(4n){ margin-right:0;}
.sy-2 ul li b,.sy-2 ul li span{ display:block; text-align:center;}
.sy-2 ul li p.tu{ width:100%; height:auto; margin:0 auto; overflow:hidden;/*border-top-left-radius: 0.2rem;border-top-right-radius: 0.2rem;*/}
.sy-2 ul li p.tu img{width: 100%; top: 0; position: relative; left: 0; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s;}
.sy-2 ul li:hover p.tu img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.sy-2 ul li p.zi{ /*border:1px solid #e2e2e2;*/ border-top:none; height:80px; line-height:80px;}
.sy-2 ul li p.zi b,.sy-2 ul li p.zi span{ letter-spacing:1px;}
.sy-2 ul li p.zi b{ color:#0f0f0f; font-size:20px; /*font-weight:bold;*/}
.sy-2 ul li p.zi span{ color:#999999; font-size:16px; line-height:1;}
.sy-2 ul li:hover{  box-shadow: 0px 0px 20px #888888;}
.sy-2 ul li:hover p.zi{ background-color:#5ec2d0; border-color:#5ec2d0;}
.sy-2 ul li:hover p.zi b,.sy-2 ul li:hover p.zi span{ color:#fff;}
.sy-2 ul li:hover p.zi b{ font-size:24px;}





/*首页-3*/
.sy-3 .bt small{ line-height:1.5;}
/*.sy-3{ background:url(../images/sy-3-1.jpg) center no-repeat; background-size:cover; padding:60px 0;}*/
.sy-3-n{ margin-top:35px;}
.sy-3-n .fl{ margin-left:0px;}
.sy-3-n .fr p{ width:580px; font-size:22px; line-height:30px; color:#fff; text-align:justify; margin-top:120px;} 
.sy-3-n .fr p span{ color:#fff !important;}

.sy-3 .sy-1-n .fr{ float:left; width:600px;}
.sy-3 .sy-1-n .fr img{ width:100%;}
.sy-3 .sy-1-n .fl{ float:right; width:535px;}
.sy-3 .sy-1-n .fl p{ font-size:28px; color:rgba(46,46,46,0.82); letter-spacing:3px; line-height:1.2; padding-bottom:10px; border-bottom:2px solid #5ec2d0;}
.sy-3 .sy-1-n .fl span{ display:block; font-size:16px ; line-height:34px; color:#838383; margin-top:20px; text-align:justify;}
.sy-3 .sy-1-n .fl a{ margin-top:70px; display:block; width:195px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; background-color:#5ec2d0; border-radius:30px; letter-spacing:3px;}






/*首页-4*/
.sy-4{ padding:60px 0;}
.sy-4 ul li{ width:32%; margin-right:2%;}
.sy-4 ul li:nth-child(4n){ margin-right:2%;}
.sy-4 ul li:nth-child(3n){ margin-right:0;}
.sy-4 ul li:first-child, .sy-4 ul li:nth-child(2), .sy-4 ul li:nth-child(3), .sy-4 ul li:nth-child(4){ margin-bottom:50px;}
.sy-4 ul li p.tu{ position:relative;}
.sy-4 ul li p.tu b{ width:100%; height:100%; background:url(../images/sy-4-bg.png) center no-repeat; position:absolute; left:0; top:0; display:none; background-color:rgba(0,0,0,0.64);}
.sy-4 ul li p.zi{ height:60px; font-size:20px; color:#2e2e2e; line-height:60px; text-align:center; border:none;}
.sy-4 ul li:hover{ box-shadow:none;}
.sy-4 ul li:hover p.zi{ color:#fff; font-size:22px;}
.sy-4 ul li:hover p.tu b{ display:block;}





/*底部*/
/*.footer{ width:100%; height:auto; padding:40px 0 50px; margin-top:50px;}
.footer,.dibu{ background-color:#00344b;}
.footer .fl b,.footer .fl p{ color:#fff; display:block; line-height:1; font-weight:normal;}
.footer .fl b{ font-size:23px; margin-bottom:25px;}
.footer .fl p{ font-size:18px; margin-bottom:15px;}
.footer .fr .ewm{ float:left;}
.footer .fr .ewm:first-child{ margin-right:20px;}
.footer .fr .ewm span{ display:block; font-size:14px; color:#fff; text-align:center;}

.dibu{ width:100%; height:50px; line-height:50px; border-top:2px solid #092431;}
.dibu .fl,.dibu .fr{ text-align:center; font-size:15px; color:#fff;}
.dibu .fl{ margin-left:25%;}
.dibu .fr{ margin-right:25%;}
*/


/*尾部2--2023-4-24*/
.footer a{ color:#cbcbcb ;}
.footer  .fr{text-align:right}

.footer{ background:#2a2a2a;min-height: 85px;color:#cbcbcb !important;}
.footer .dibu{ padding:80px 0; /*width:1200px;*/ margin:0 auto;margin: 0 6%;background:url(../img/f-img.png) top right no-repeat;background-position:800px 0}

.footer .dibu .fl-l{ float:left;}
.footer .dibu .fl-r{ float:right;/* margin-right:25px; */text-align:right; }
.footer .dibu .fl-l dl{ float:left; margin:0 80px 0 0px;}
.footer .dibu .fl-l dl dt{ color:#fff; font-size:16px; margin-bottom:15px;}
.footer .dibu .fl-l dl dd{ margin-bottom:10px;}
.footer .dibu .fl-l dl dd a{ color:#cbcbcb; font-size:14px;}
.footer .dibu .fl-r img{ width:60%; margin-bottom:10px;}
.footer .dibu .fl-r p,.footer .dibu .fl-r p a{ color:#cfcfcf; font-size:16px;line-height:2}
.footer .dibu .fl-r p:nth-child(2){ font-size:16px;}
.footer .dibu .fl-r p a{ font-size:36px;}
.footer .dibu .fl-r p a:hover{ color:#cfcfcf !important;}
.footer .banquan{ border-top:1px solid #555; text-align:center; color:#cbcbcb; font-size:14px; padding:10px 0;}


/*2023-4 jaguar-compressor*/

.container-h {
    margin: 0 5%;
}
.weui-cell{padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;font-weight: bold;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.banner2{overflow: hidden;position: relative;z-index: 0;}
.banner2 > img{width: 100%; height: 579px; object-fit: cover;}
.banner2:after{content:'';height: 2.23rem;position: absolute;top: 0;left: 0;right: 0;background: url(../img/headerbg.png);background-size: cover;}
.banner2 .container-h{position: absolute;top: 1rem;left: 0;right: 0;bottom: 0;}
.banner2 .en{text-transform: uppercase;font-size: .56rem;color:#f1f1f1;text-shadow: 0px .05rem .08rem rgba(0, 0, 0, 0.5);line-height: 1;}
.banner2 .cn{font-size: .46rem;color:#f1f1f1;position: relative;line-height: 1;margin-top: 1.5vw;text-shadow: 0px .05rem .08rem rgba(0, 0, 0, 0.5);}
.banner2 .cn1{font-size: .36rem;color: #fff;line-height: 1;margin-bottom: 1.5vw;}
.banner2 .cn2{font-size: .16rem;color: #fff;line-height: 1.5;max-width: 5.8rem;}


.subnav{position: relative;z-index: 2;padding-bottom: 80px;}
.subnav .container2{display: flex;align-items: center;position: absolute;top: -.28rem;left: 0;right: 0;z-index: 2;justify-content: center;}
.subnav .item{ border:0;display:flex;align-items: center;justify-content: center;height: .68rem;font-size: .16rem;color: #333;transition: all .3s;box-shadow: .18rem .21rem .57rem 0px rgba(214, 214, 214, 0.46);background: #fff;position: relative;z-index: 0;width: 2.5rem;position: relative;cursor: pointer;}
.subnav .hoverbox{position: absolute;top: 100%;left: 0;right: 0;display: none;line-height: .68rem;font-size: .16rem;color: #333;box-shadow: .18rem .21rem .57rem 0px rgba(214, 214, 214, 0.46);background: #fff;text-align: center;}
.subnav .item .iconhover{width: 10px;height: 7px;margin-left: .1rem;}
.subnav .item:not(:last-child){margin-right: 2px;}
.subnav .item:after{content:'';width:100%;height:100%;background: #2aabbd;position: absolute;top: 0;left: 0;transition: all .5s;transform: translateY(5px);z-index: -1;opacity: 0;}
.subnav .item.on:after{opacity: 1;transform: translateY(0);}
.subnav .item:hover:after{opacity: 1;transform: translateY(0);}
.subnav .item.on{color: #fff;}
.subnav .item:hover{color: #fff;}
.subnav .item.on .iconhover img:nth-child(2){opacity: 1;}
.subnav .item.on .iconhover img:nth-child(1){opacity: 0;}
.subnav .hoverbox:hover{color: #2aabbd;}


@media (max-width: 767px){
.subnav .container2 {
    flex-wrap: wrap;margin: 0 5%;
}
.subnav .item{width: 32.33%;margin-bottom: 10px;}
.subnav .item{font-size: 12px;}
.subnav .item{line-height: 22px;}

}


/* 置顶图标 */

.side-go-top{position: fixed; z-index: 30; display: none;bottom: 10vw; cursor: pointer; right: 15px; width: .6rem; height: .6rem;}

.side-go-top img{width: .6rem; height: .6rem;}


.btm_return{width:170px;height:50px;line-height:50px;text-align:center;background: #399;border:0;border-radius: 5px; }
.btm_return a{color:#fff;display:block;}