@charset "utf-8";

.index-s1 {
  position: relative;
  margin-top: -91px;
  overflow: hidden;
}
.index-s1 .swiper {
  position: relative;
}
.index-s1 .swiper .pagination {
  position: absolute;
  bottom: 4%;
  left: 0;
  font-size: 0;
  z-index: 2;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: end;
  justify-content: center;
}
.index-s1 .swiper .pagination .box {
  display: inline-block;
  vertical-align: middle;
}
.index-s1 .swiper .pagination span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 10px 0 0;
  width: 10px;
  height: 10px;
  background-color: #000;
  cursor: pointer;
  border-radius: 50%;
}

.index-s1 .swiper .pagination span.active {background: #fff;width: 8px;height: 30px;border-radius: 10px;}
.index-s1 .swiper .pagination a {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/index/icon-1.png");
  margin-left: 20px;
}
.index-s1 .item {
  position: relative;
  overflow: hidden;
}
.index-s1 .item .img-box {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index-s1 .item .img-box img{ width:100%;}
.index-s1 .item .txt-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index-s1 .item .cell {
  padding-bottom: 18vh;
}
.index-s1 .item h3 {
  font-size: 66px;
  color: #fff;
}

@media screen and (max-width: 1024px){
.index-s1 {
  position: relative;
  margin-top: 0px;
  overflow: hidden;
}
}
/*******************/
.index-s2 {position: relative; width:100%;padding:90px 0px;overflow: hidden;}
.cate-item .cate-wapper {  display: block;  width: 100%; background-image: url("../images/cate-bg.jpg");  position: relative;  transition: all 0.8s;}
.cate-item .cate-wapper:hover {  background-image: url("../images/cate-bg-red.jpg");  box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);}
.cate-item .cate-wapper .cate-title {text-align: center;padding: 50px 0;}
.cate-item .cate-wapper .cate-title h3 {  font-size: 32px;  color: #111;  font-weight: bold;}
.cate-item .cate-wapper .cate-title h4 {  font-size: 22px;  text-transform: uppercase;  color: #333;  font-weight: bold;}
.cate-item .cate-wapper:hover .cate-title {}
.cate-item .cate-wapper:hover .cate-title h3 {  color: #fff;}
.cate-item .cate-wapper:hover .cate-title h4 {  color: #fff;}
.cate-item .cate-wapper .cate-title img {margin: 0 auto;}
.cate-item .cate-wapper:hover .cate-title img {  filter: invert(1);}
.cate-item .cate-wapper .cate-pic {  width: 100%;  }
.cate-item .cate-wapper .cate-pic img {  width: 100%;  height: 100%;  object-fit: contain;}
.index-s2 .pagination {position: absolute;bottom: 40px;left: 0;font-size: 0;z-index: 2;width: 100%;text-align: center;display: none;align-items: end;justify-content: center;}
.index-s2 .pagination span {display: inline-block;vertical-align: middle;position: relative;margin: 0 10px 0 0;width: 10px;height: 10px;background-color: #000;cursor: pointer;border-radius: 50%;}
.index-s2 .pagination span.active {  background: #043dbd;  width: 30px;  height: 8px;  border-radius: 10px;}

@media screen and (max-width: 768px){
.index-s2 .pagination {display: flex;}
}

/***************/
.moreAllProduct { width:100%; position:relative; padding: 10px 6% 60px;background-color: #f6f6f6;}

.productCategoryTitle { margin: 60px 0px;}
.productCategoryTitle h3 { font-size: 30px; color: #666; font-weight: bold; line-height: 50px; text-align: center; position: relative; width: 200px; margin: 0 auto;}
.productCategoryTitle h3:before { content: ''; display: block; width: 60px; height: 3px; background-color: #ddd; position: absolute; top: 0; bottom: 0; left: -30px; margin: auto;}
.productCategoryTitle h3:after { content: ''; display: block; width: 60px; height: 3px; background-color: #ddd; position: absolute; top: 0; bottom: 0; right: -30px; margin: auto;}
.productCategoryTitle p { font-size: 16px; color: #777; text-align: center; font-weight: lighter;}


.productSwiper { width: 100%; height: 100%;    position: relative; overflow: hidden;}
.productSwiper .swiper-wrapper {}
.productSwiperBox { width: 100%;  position: relative;}
.productSwiperPic { height: 220px;background: #fff;}
.productSwiperPic img {display: block; width: 100%; height: 100%; object-fit: contain;}
.productSwiperText { height: 40px; line-height: 40px; font-size: 17px; text-align: center; font-weight: lighter; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.productSwiperBox:hover .productSwiperPic { overflow: hidden;}


.productSwiper .pagination-page { position: relative;margin: 60px 0 0 0;}
.productSwiper .swiper-pagination {position: absolute;bottom: 20px;left: 0;font-size: 0;z-index: 2;width: 100%;text-align: center;display: flex;align-items: end;justify-content: center;}
.productSwiper .swiper-pagination-bullet{display: inline-block;vertical-align: middle;position: relative;margin: 0 10px 0 0;width: 60px;height: 12px;background-color: #000;cursor: pointer;border-radius: 5px;}
.productSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {  background: #043dbd;  width: 60px;  height: 12px;  border-radius: 5px;}


/*in_02*/
.in_02{height: auto;overflow: hidden;background: url(../images/in02bg.jpg) top center no-repeat; background-size:cover;}
.in02a span{text-align: center;}
.in02a span strong{font-size: 70px;font-family: fz;font-weight: normal;}
.in02a p{line-height: 25px;color: #777;}

.in02b {overflow: hidden; border-radius: 60px 0 60px 0;background: url(../images/in02b.png)  left bottom no-repeat #fff;box-shadow: rgba(9,9,9,.1) 0 10px 10px;-ms-flex-align: center!important;align-items: center!important;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.in02b .in_company_img{ flex: 0 0 50%;max-width: 50%;}
.in02b .company-video { width: 100%;height: 100%;}
.in02b img{max-width: 100%;}
.in02b .in_company_text{flex: 0 0 50%;max-width: 50%;}


.in02b_a {position: relative;padding:3vw!important;}
.in02b_a b{position:relative;z-index: 1;font-size:120px; line-height:1;font-family: impact;text-transform: uppercase;color: #f6f7f9;top:0;}
.in02b_a b:after{content:""; height:5px; position:absolute; left:0%; top:60%; width:156px; bottom:10px; transition:all 0.5s ease-in-out;   background: url(../images/linea.png) left center no-repeat;}

.in02b_a .in02b_b{line-height: 30px;color: #777;}

.in02b_a a{display: block;width: 140px;line-height: 40px;height: 40px;color: #fff;text-align: center;border-radius: 5px; background: #2d77e5;
background: -webkit-linear-gradient(to right, #1756ae, #246acf, #2d77e5);
background: linear-gradient(to right, #1756ae, #246acf, #2d77e5); margin-top:1.5rem;}
.in02b_a a:hover{background: #d0121b;}

.in02c span{display: block;position: relative;text-align: center;}
.in02c strong{font-size: 23px;font-family: fz;color: #333;position: relative;z-index: 2;
	font-weight: 500;}
.in02c em{position: relative;z-index: 2;}
.in02c p{line-height: initial;color: #777;position: relative;z-index: 2;}


/******************/
.service-box {background-size: cover;background-image: url(../images/service-box.jpg);background-attachment: fixed;height: 830px;margin: 218px 0 0 0;}
.service-item {position: relative;}
.service-item .service-item-list {background-color: #f5f5f5;width: 360px;border-radius: 3px;padding: 30px 0 0 0;z-index: 5;}
.service-item01 {position: absolute;right: 420px;top: -133px;}
.service-item-title {padding: 10px 30px 0 30px;}
.service-item-title h3 {font-size: 26px;font-weight: bold;}
.service-item-title p {font-size: 16px;color: #999;padding: 15px 0;}
.service-item-pic {}
.service-item-pic img {width: 100%;height: 300px;}
.service-item-link {font-size: 50px;padding: 0 30px 0 30px;}
.service-item-link a {}
.service-item-link a:hover {color:#043dbe;}
.service-item02 {position: absolute;right: 30px;top: -260px;}
.service-item03 {position: absolute;right: 30px;top: 282px;}

.public_anchor {
    position: relative;
    top: -100px
}


/********npage**********/
.c-banner {position: relative;margin-top: -91px;}
.c-banner .img-box {overflow: hidden;}
.c-banner img {display: block;width: 100%;height: 42vw;object-fit: cover;}
.c-banner .txt-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.c-banner .txt-box.center {text-align: center;}
.c-banner h4 {font-size: 42px;color: #fff;font-weight:bold;}
.c-banner p {font-size: 20px;color: #fff;line-height: 1.4;}

.location{position: relative;margin-top: -40px;z-index: 3;}
.meun{width:100%;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;background:#fff;box-shadow: rgba(6,6,6,.1) 0 0 5px 5px;}
.meun .meun_nav { width:33.3333%;}
.meun_nav a{display: block;text-align: center; transition:.4s;font-size: 16px;color: #555;line-height: 80px;}
.meun_nav a:hover,.meun_nav.active a{background: #2d77e5;color: #fff;background: -webkit-linear-gradient(to right, #1756ae, #246acf, #2d77e5);background: linear-gradient(to right, #1756ae, #246acf, #2d77e5)}

.meun_nav a.active{background: #2d77e5;color: #fff;background: -webkit-linear-gradient(to right, #1756ae, #246acf, #2d77e5);background: linear-gradient(to right, #1756ae, #246acf, #2d77e5)}


/*company*/
.companya{ position:relative; width:100%; padding:80px 0px;overflow: hidden;background: url(../images/companya.jpg) center top no-repeat; background-size:cover;}
.companya_box{ display:flex;flex-wrap: wrap;align-items: center!important;}
.companya_box .companya_lf{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; padding-right:15px;}
.com_a strong{display: block;color: #f4f4f4;font-size: 90px;height: 80px;line-height: 80px; text-transform: uppercase;font-family: fz;}
.com_a span{display: block;color: #c31f2a;font-size: 24px;line-height: 40px;margin-top: -60px;}
.com_a p{font-size: 36px;line-height: 50px;}
.com_a i{display: block;background: url(../images/com_a.png) left center no-repeat;margin-top: 1rem;height: 5px;}
.com_b{overflow-y: scroll;line-height: 35px;color: #777;height: 280px; margin-top:40px;}

.companya_box .companya_rf{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%; max-width: 41.666667%; }
.companya_box .companya_rf img{ width:100%;}


/************************/
.companyb{width:100%;height:620px;overflow:hidden;position:relative;}

.companyb .happ-bg{width:100%;height:100%;position:relative;overflow:hidden;}
.companyb .happ-bg span{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;opacity:0;}
.companyb .happ-bg span img{width:100%;height:100%;object-fit:cover;animation:suofang 60s linear infinite alternate;}
.companyb .happ-bg span.active{opacity:1;}

.companyb .happ-info{position: absolute;z-index: 3;width: 100%;height: 100%; top:0; left:0;}
.companyb .happ-info .wrapper{ height:100%;}
.companyb .happ-info ul{max-width: 1400px;margin:0 auto; height: 100%;height: 100%;font-size: 0;box-sizing: border-box;-webkit-box-sizing: border-box;border-left: 1px solid rgba(255,255,255,0.3);}
.companyb .happ-info li{float: left;color: #fff; display: inline;height: 100%;width: 25%;border-right: 1px solid rgba(255,255,255,0.3);}
.companyb .happ-info li .comb_a{display: block;height: 100%;position: relative;}
.companyb .happ-info li .comb_b{position: absolute;left: 15px;top:30%;transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: all .4s ease-in;-webkit-transition: all .4s ease-in;}
.companyb .happ-info li .comb_b::before{display: block;content: "";width: 1px;height: 60px;background: #fff;position: absolute;left: -16px;top: 64%;margin-top: -30px;}
.companyb .happ-info li:hover .comb_b{top:45%;}
.companyb .happ-info li .comb_b span{display: block; font-size: 24px;line-height: 24px;color: #fff;position: absolute;left: -60px;top: 62%;height: 20px;margin-top: -10px;}
.companyb .happ-info li .comb_b i{font-size: 44px;}
.companyb .happ-info li .comb_b strong{display: block;font-weight: normal;font-size: 24px;line-height: 40px; margin:10px 0px;}
.companyb .happ-info li .comb_b p{color: #fff;font-size: 16px;line-height: 30px;}



/************************/
.companyc { position:relative; width:100%; padding:60px 0px;overflow: hidden;background: url(../images/companyc.jpg) center top no-repeat; background-size:cover;}
.comtit{text-align: center;}
.comtit span{display: block; font-size: 30px;line-height: 45px;}
.comtit i{display: block;background: url(../images/com_a.png)  center no-repeat;margin: 1rem auto;height: 5px;}

.comc_d{padding: 10% 0 2% 0;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px; margin-left: -15px;align-items: center;}
.comc_lf { -ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
.comc_da img{display: block;max-width: 100%;}

.comc_rf {position: relative-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}
.comc_a .swiper-slide a{display: block;border: 1px solid #eee;}
.comc_a .swiper-slide a img{    display: block;margin: 0 auto; max-width: 100%;height: 100%; transition: 0.3s;}
.com_imga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.com_imgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;}

.comc_b{position: absolute;width: 100%; background: rgba(0,0,0,0);padding:10px;opacity: 0; left:0;bottom: 0; height: 100%;overflow: hidden;transition:.4s;}
.comc_c{border: 1px dashed rgba(255,255,255,.7);height: 100%; padding:10px;}
.comc_c em{display: block;width: 35px;height: 35px;border: 1px solid rgba(255,255,255,.8);text-align: center;line-height: 35px;margin:40% auto 0 auto;transition:.4s;}
.comc_b span{display: block;color: #fff;text-align: center;font-size: 16px;line-height: 30px; margin-top:10px;}
.comc_b i{color: rgba(255,255,255,.8);}
.comc_a .swiper-slide a:hover .comc_b{background: rgba(0,0,0,0.6);opacity: 1;bottom: 0; }
.comc_a .swiper-slide a:hover .comc_c em{margin:15% auto 0 auto;}
.comc_a .swiper-button-next{ right: 0px; top: 46%; outline: none;}
.comc_a .swiper-button-next i{font-size: 40px; color: #175aa8;transition:.4s;}
.comc_a .swiper-button-next i:hover{color: #d0121b;}
.comc_a .swiper-button-prev{ left: 0px; top: 46%; outline: none;}
.comc_a .swiper-button-prev i{font-size: 40px; color: #175aa8;transition:.4s;}
.comc_a .swiper-button-prev i:hover{color: #d0121b;}
.comc_a .swiper-button-prev,.comc_a .swiper-button-next{ background-image:none;width: auto; height: auto;} 


/***************/
.n_honor_bg{ position:relative; width:100%; padding:5vw 0px;}
.honorlist { position:relative; width:100%;overflow: hidden;display: flex; flex-wrap:wrap;}
.honorlist li { padding:0px 10px; margin-bottom:15px; overflow: hidden; width:33.3333%;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li .himgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;}
.honorlist li img{display: block;margin:0 auto; max-width: 100%;height: 100%;transition: 0.3s;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .hfonta{background: rgba(0,33,84,0.9);opacity: 0.8;bottom: 0;}
.hfonta{position: absolute;z-index: 8;bottom: -260px;width: 100%;color: #fff; height: 100%;padding-top: 25%; overflow: hidden;text-align: center; background: rgba(0,33,84,0);transition: .4s;}
.hfonta i{font-size: 50px;}
.himga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;}
.hfonta span {display: block;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 18px;line-height: 30px;
}
/*****case**********/
.n_case_bg{ position:relative; width:100%; padding:5vw 0px;}
.caseslist{height: auto;overflow: hidden;display: flex; flex-wrap:wrap;}
.caseslist li { padding:0px 10px; margin-bottom:15px; overflow: hidden; width:33.3333%;}
.caseslist li a{height: auto;overflow: hidden;display: block;position: relative;}
.caseslist li a .cimga{display: block;width: 100%;height: 320px;position: relative;overflow: hidden;border: 1px solid #e7e7e7;border-bottom:none;}
.caseslist li a .cimga span{display: block;background: rgba(0,0,0,0);color: #fff;opacity: 0; height: 100%;width: 100%;position: absolute;z-index: 2;text-align: center;padding-top: 3rem;transition:.4s;}
.caseslist li a .cimga span i{font-size: 40px;opacity: 0;}
.caseslist li a .cimga span p{font-family: fz;}
.caseslist li img{display: block;width: 100%;height: 100%;object-fit: cover;}

.cfonta{height: auto;overflow: hidden; transition:.4s;border: 1px solid #e7e7e7;position: relative; padding:15px;}
.cfonta strong{position: absolute;z-index: 0;top:0;left:4%;color: rgba(196,0,12,.1);font-size:44px;font-family: impact;text-transform: uppercase;}
.cfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;font-size: 18px;line-height: 30px;}
.cfonta i{display: block;width: 35px;height: 2px;background: #ce000c;margin:1rem 0 .5rem;}
.cfonta p{color: #777;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.caseslist li:hover .cfonta{background: #f7f7f7;}
.caseslist li:hover .cfonta em{height: 42px;margin-top: 1rem;}
.caseslist li:hover .cimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 4.5rem;}
.caseslist li:hover .cimga i{opacity: 1;}

/***********/
.n_pro_bg{ position:relative; width:100%; padding:5vw 0px;}
.n_pro_box{ width:100%; display:flex;flex-wrap:wrap;justify-content: space-between;}
.n_pro_lf{float: left; width: 300px; overflow: hidden;}

.menu-ul{}.menu-ul-one{ border-top: 1px #ddd solid; border-right: 1px #ddd solid; border-left: 1px #ddd solid;}
.menu-ul-one-li{}.menu-ul-one-a{ display: block; font-size: 18px; padding: 3% 3% 3% 10%; position: relative; background: #175aa8; color: #fff;}
.menu-ul-one-a:before{ content: ''; display: block; width: 16px; height: 16px; background-image: url("../images/rj-l.png"); background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 5%; bottom: 0; margin: auto;}
.menu-ul-one-a:hover{ background: #175aa8; color: #fff;}
.menu-ul-two{ border-top: 1px #ddd solid;}
.menu-ul-two-li{}.menu-ul-two-a{ display: block; font-size: 18px; color: #333; padding: 3% 3% 3% 20%; position: relative;}
.menu-ul-two-a:before{ content: ''; display: block; width: 16px; height: 16px; background-image: url("../images/rj-l.png"); background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 15%; bottom: 0; margin: auto;}
.menu-ul-two-a:hover,.active-two-a{ background: #175aa8; color: #fff;}
.menu-ul-two-a:hover:before,.active-two-a:before{ background-image: url("../images/rj-2.png");  }
.menu-ul-three{ border-top: 1px #ddd dashed; border-bottom: 1px #ddd dashed;}
.menu-ul-three-li{}.menu-ul-three-a{ display: block; font-size: 18px; color: #333; padding: 3% 3% 3% 30%; position: relative;}
.menu-ul-three-a:hover{ background: #175aa8; color: #fff;}

.n_pro_rf{float: right; width: calc(100% - 320px); overflow: hidden;}
.n_pro_rf ul li{float: left;width: 33.33%;margin-bottom: 2%;padding:0 1%;}
.n_pro_rf ul li .allpro{border:1px solid #eee;}
.n_pro_rf ul li .allpro .imgbox{width: 100%;height: 285px;background: #fff;position: relative;}
.n_pro_rf ul li .allpro .imgbox .img_jz {position: absolute;max-width: 100%;max-height: 100%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.n_pro_rf ul li .allpro .title{display: block;line-height: 56px;font-size:16px;color:#333;background: #f5f5f5; text-align:center;    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.n_pro_rf ul li .allpro:hover .title{ background: #175aa8; color:#fff;}




/********详情*************/
.goods-top{ width: 100%; display: flex;flex-wrap:wrap;}
.goods-top .goods-top-left{ position:relative; width: 45%;}
.goods-top .goods-top-left .goods-top{ border:1px solid #6d8fb7; border-radius:10px; margin-bottom:30px;}
.goods-top .goods-top-left .swiper-slide img {display: block; width: 100%;height: 100%;object-fit: contain;}


.goods-top .goods-top-left .goods-thumbs .swiper-slide{border:1px solid #6d8fb7;}
.goods-top .goods-top-right{ width: 55%; padding: 30px;}


/*product_info*/
.proa_a span{display: block;font-size: 26px;line-height: 40px; margin:15px 0px;}
.proa_a i{display: block;background: url(../images/linea.png) left center no-repeat;height: 5px;}
.proa_a strong{display: block;font-size: 18px;line-height: 30px;margin:15px 0px;}
.proa_a strong em{color: #d0121b;}
.proa_a p{font-size: 14px;line-height: 30px;color: #777;border-top: 1px solid #e6e8eb;border-bottom: 1px solid #e6e8eb;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin:16px 0px;}

.proa_b{border-bottom: 1px solid #e6e8eb;justify-content: space-between!important;align-items: center;display: flex;}
.proa_ba {width: 60%;}
.proa_ba i{float: left;font-size: 44px;color: #175aa8;margin-right: .5rem;}
.proa_ba span{display: block; color: #777;margin-top: .5rem;}
.proa_ba p{color: #175aa8;font-weight: bold;}
.proa_bb a{display: block;background: #175aa8;line-height: 45px;color: #fff;text-align: center;width: 140px;transition:.4s;}
.proa_bb a:hover{border-radius: 0 0 20px 0;}

.proa_c{text-align: right;color: #555;padding-top: 15px;font-size: 16px;line-height: 30px;}
.proa_c i{color: #ff583a;}

/*********/
.ptit{height: auto;overflow: hidden;background: #f3f6f9; padding:24px 0px;    position:sticky;}
.ptit ul { display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.ptit li{ line-height: 25px;-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
.ptit li:hover a{background: url(../images/in03b_a.png) 25% center no-repeat; line-height: 25px;color: #d0121b}
.ptit li a{display: block;text-align: center;border-right:1px solid #d5d5d5;font-size: 22px;background: url(../images/ptit.png) 0 center no-repeat;transition:.4s; }
.ptit li:last-child a{border-right: none;}
/*********/
.prob{width: 100%; padding:40px 0px;}
.prob strong{display: block;font-size: 18px;color: #175aa8;margin:1.5rem 0 .5rem 0;}
.prob p {line-height: 30px;color: #777; font-size:16px;}
.prob img{max-width: 100%;}
.pro-table  table{width: 100%;border-top:1px solid #ccc;border-right:1px solid #ccc!important; }
.pro-table  table tr td{ background: #fff;border-left:1px solid #ccc!important;border-bottom:1px solid #ccc!important; text-align: center; height:50px; }
.pro-table img{margin: 0 auto;}

/*********/
.proc{ width: 100%;padding:40px 0px;}
.ptita{height: auto;overflow: hidden;border-bottom: 1px solid #e6e8eb;font-size: 22px;line-height: 35px;}
.ptita em{color: #d0121b}
.proc ul{display: flex;flex-wrap: wrap; margin:30px 0px;margin-right: -15px; margin-left: -15px;}
.proc ul li{flex: 0 0 50%; max-width: 50%;padding-right: 15px; padding-left: 15px; margin-bottom:30px;}
.proc_a{position: relative;height: auto;overflow: hidden;}
.proc_a img{max-width: 100%;}
.proc_b{position: absolute;z-index: 3;width: 100%;background: rgba(0,0,0,.4);color: #fff;text-align: center;transition:.4s;}
.proc_b img{display: block;}
.proc_b i{display: block; font-size: 60px;line-height: 70px;height:70px;overflow: hidden; margin-top: 10%;transition:all 0.4s ease 0s;font-family: fz;}
.proc_b strong{display: block;font-size: 30px;line-height: 50px;transition:all 0.6s ease 0s;background: url(../images/proc_a.png)  center no-repeat;}
.proc_b p{text-transform: uppercase;font-size: 16px;line-height: 30px;transition:.4s;}
.proc_c em{display: block;width: 90%;line-height:28px;color: rgba(255,255,255,.8);margin:0 auto;font-style: normal;margin: 40% auto 5% auto;transition:all 0.4s ease 0s;}
.proc_a:hover .proc_b{background: rgba(6,44,89,.6);color: #fff;height: 100%;}
.proc_a:hover .proc_b strong{color: #fff;margin-top: 2%;background: url(../images/proc_b.png)  center no-repeat;}
.proc_a:hover .proc_b p{color: #fff;}
.proc_a:hover .proc_b i{margin-top: -4%;opacity: 0;}
.proc_a:hover .proc_c em{margin: 4% auto 5% auto;}

/*********/
.prod{ width:100%;padding:40px 0px;}
.comc_a{ margin-top:40px;}
/*********/
.proe{ width:100%;background: url(../images/proe.jpg)  center no-repeat; background-size:cover; padding:40px 0px;}
.proe_a{width: 80%;height: auto;overflow: hidden; margin-top:40px;}
.proe_a .forma input{display: block;float: left; width: 49%;margin-right: 2%;background: #fff; line-height: 45px;padding-left:2rem;margin-bottom: 1rem;}
.proe_a  textarea{display: block;width: 100%;padding-top: 1rem;padding-left: 2rem;margin-bottom: 2rem;background: #fff;}
.proe_a .forma input:nth-of-type(2){background:#fff;margin-right: 0px;}
.proe_a .code input{float: left;width: 35%;line-height: 45px;background: #fff;text-align: center;}
.proe_a .code .verify{float: left;width: 30%;margin: 0 3%;}
.proe_a .code .verify img{max-width: 100%;height: 45px;}
.proe_a .code .submit{float: left;width: 28%; display: block;line-height: 45px;color: #fff;text-align: center;background: #d0121b;transition: .4s;}
.proe_a .code .submit:hover{background: #444;border-radius: 0 0 20px  0;}
.mes-form{height: auto;overflow: hidden;}
.proe_a .code{width: 40%;}


/*新闻*/
.n_news_bg{ position:relative; width:100%; padding:5vw 0px;}
.newslist{height: auto;}
.newslist li{ margin-bottom:30px;}
.newslist li a{display: block; padding:14px;box-shadow: rgba(0,0,0,0.1) 0px 0px  7px 4px;transition:.4s;position: relative;}

.n_news_box{ display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;-ms-flex-align: center!important;align-items: center!important; margin:0px -15px;}
.n_news_lf { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;padding:0px 15px;}
.nimga{height: auto;overflow: hidden;}
.nimga img{display: block;max-width: 100%;transition:.4s;}
.n_news_rf { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; padding:0px 15px;}
.newsfonta {position: relative; padding:15px;}
.newsfonta b{position: absolute;z-index: 1;font-family: fz;font-size:80px;color: #eff3ff;top:0;transition:.4s;}
.newsfonta strong{display: block;font-size: 18px;line-height: 30px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;position: relative;z-index: 2; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden; margin-top:50px;}
.newsfonta p{ font-size:15px;line-height: 30px;color: #777;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin:15px 0px;}
.newsfonta .time {display: block;line-height: 30px;color: #999; font-size:14px;}

.newslist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.newslist li:hover span{color: #175aa8;}
.newslist li:hover b{color: #dbe4fd;}

/*新闻详情*/
.newsinfo{height: auto;overflow: hidden;background: #f4f6f8;}
.ninfoa{height: auto;overflow: hidden;text-align: center;}
.ninfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;} 
.meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;}
.newsaa {height: auto;overflow: hidden;}
.newsaa  img{display: block;margin:0 auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.sidetit{line-height: 50px;text-align: center;padding: 1rem 0;text-transform: uppercase;position: relative;background: #0068b7;}
.sidetit strong{display: block;color: #1475be;font-family: fz;display: block;font-size: 30px;line-height: 60px;}
.sidetit span{display: block;margin-top: -40px;color: #fff;}
.sidea{padding: 2% 0;height: auto;overflow: hidden;}
.sidea li{height: auto;overflow: hidden;background: #f5f7fa;transition:.4s;}
.sidea li:hover{background: #175aa8;color: #fff;}
.sidea li:hover span{color: #fff;}
.sidea li:hover p{color: #fff;}
.sidea li img{max-width: 100%;}
.sidea li span{display: block;line-height: 25px;margin:10px 0;color: #666;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.sidea li p{line-height: 25px;color: #666;font-size: 13px;}
.sidea dl{height: auto;overflow: hidden;background: #f5f7fa;border-top: 1px dashed #dae6f9;}
.sidea dl dd{line-height: 35px;margin-bottom: 0px;}
.sidea dl dd a{display: block;position: relative;padding-left: 1rem;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;color: #777;transition:.4s;}
.sidea dl dd a:hover{color: #175aa8;}
.sidea dl dd a:hover::before{background: #175aa8;}
.sidea dl dd a::before{position: absolute;content: "";top:40%;left:0;width: 5px;height: 5px;background: #555;border-radius: 20px;}
.page{border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;height: auto;overflow: hidden;}
#prev_next li{line-height: 35px; color: #777;}
#prev_next li i{float: left;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #175aa8 !important;}
.back a{float: right; display: block;width: 140px;line-height: 45px;color: #fff; border:1px solid #175aa8;border-radius: 5px;text-align: center;;transition:.4s;background: #175aa8}
.back a:hover{border-radius: 0 20px 0 20px}




/***************/
.nTnm{ text-align:center; margin-bottom:5vw;}
.nTnm .en{ font-size:48px; text-transform:uppercase;line-height:1;color:rgba(204, 204, 204 ,0.46); font-family:Impact;}
.nTnm strong{font-size:38px;line-height: 1.5;margin-top: -35px;color: #333333;font-weight:bold;display: block;}
.nTnm p{ font-size:22px;color:#333;}

/***************/
.n_technical_bg{ position:relative; width:100%; padding:5vw 0px;}

.n_technical_box .img_jz{ width:100%;}
.n_technical_box .img_jz img{ width:100%;}
.n_technical_box .box{ text-align:center; padding:10px 0px;}
.n_technical_box .box h4{ font-size:22px; color:#000; font-weight:bold;}
.n_technical_box .box p{ font-size:18px;color:#333333;}
.n_technical_box .swiper-pagination{ display:none;}

.n_down_bg{ position:relative; width:100%; padding:5vw 0px;}
.n_down_box{ width:90vw; padding:20px; margin:40px auto; box-shadow:0px 0px 12px rgba(204, 204, 204 ,0.46);overflow: hidden;}
.n_down_box li{ float:left;width: 49%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:20px; border:1px solid #eeeeee; margin:10px 0px;}
.n_down_box li:nth-of-type(even){ float:right;}
.n_down_box li>a {display: flex;width: 100%; height: 100%; align-items: center;justify-content: space-between;}
.n_down_box li>a .n_down_tit{font-size:22px;color:#333;width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.n_down_box li>a span{ color:#fff; background:#175aa8; display:inline-block; font-size:18px; padding:5px 12px; border-radius:5px;}
@media screen and (max-width: 768px){
.n_down_box li{ float:left;width: 100%;padding: 12px}
.n_down_box li>a .n_down_tit{font-size: 16px;color:#333;}
.n_down_box li>a span{font-size: 14px;min-width: 80px;}
}
/*****************/
.n_contact_bg{position:relative;width:100%;background:url(../images/lxwmban.jpg) top center no-repeat;background-attachment:fixed;background-size:cover;padding:6vw 0px;margin-top: -40px;z-index: 2;}

.contita {text-align: center;}
.contita strong{display: block;color: #fff;font-size: 28px;line-height: 40px;}
.contita span{display: block; text-transform: uppercase;font-size: 14px;color: #777;line-height: 30px;color: #fff; margin-bottom:16px;}
.contita em{display: block;width:45px;height:45px;border-radius: 60px;background: #175aa8;color: #fff;text-align: center;line-height: 45px;margin:0 auto;}

.n_contact_box {width:100%; padding:30px;overflow: hidden;background: rgba(12,58,177,.4); display:flex;flex-wrap:wrap; margin:40px 0px 15px;}
.n_contact_box li {width:33.32%;overflow: hidden; background: #fff;text-align: center; padding:40px 0px; border-right: 1px solid #eee;}
.n_contact_box li b{display: block;font-weight: normal;transition:.8s;width:70px;line-height: 60px;background: #969696;text-align: center;margin:0 auto;border-radius: 10px;margin-bottom: 1rem;}
.n_contact_box li i{font-size: 30px;color: #fff;}
.n_contact_box li span{display: block;line-height: 30px;font-size: 15px;}
.n_contact_box li p{line-height: 30px;transition:.4s;color: #777;}
.n_contact_box li:hover b{background: #175aa8;border-radius: 0 20px 0 20px;}


.lxwmb{height: auto;overflow: hidden;background:#fff; padding:4vw 0px;}
.lxwmtitb{width: 80%;text-align: center;margin:0 auto;}
.lxwmtitb span{display: block;font-weight:600;font-size: 30px;line-height: 45px;}
.lxwmtitb p{font-size: 16px;line-height: 30px;}

.lxwmb_a{padding:2.5vw;}
.lxwmb_a .forma input{display: block;float: left; width: 49%;margin-right: 2%;background: #efefef; line-height: 45px;padding-left:4rem;margin-bottom: 1rem;}
.lxwmb_a  textarea{display: block;width: 100%;padding-top: 1rem;padding-left: 4rem;margin-bottom: 2rem;background:url(../images/cionc.jpg) 15px center no-repeat #efefef;}
.lxwmb_a .forma input:nth-of-type(1){background:url(../images/ciona.jpg) 15px center no-repeat #efefef;}
.lxwmb_a .forma input:nth-of-type(2){background:url(../images/cionb.jpg) 15px center no-repeat #efefef;margin-right: 0px;}
.lxwmb_a .code{width: 36%;margin:0 auto;}
.lxwmb_a .code input{float: left;width: 35%;line-height: 45px;background: #efefef;text-align: center;}
.lxwmb_a .code .verify{float: left;width: 30%;margin: 0 3%;}
.lxwmb_a .code .verify img{max-width: 100%;height: 45px;}
.lxwmb_a .code .submit{float: left;width: 28%; display: block;line-height: 45px;color: #efefef;text-align: center; background: #175aa8;transition: .4s;}
.lxwmb_a .code .submit:hover{background: #444;border-radius: 0  0 20px 0;}

.lxwmc{ margin:4vw 0px;}
.lxwmc iframe{ width:100%; height:28vw; min-height:600px;}
/********page********/
.de-page-mian {
  overflow: hidden;
  text-align: center;padding: 1rem 0;
 
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff !important;
  border-color: #212325;
  background: #212325;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}
@media screen and (max-width: 1024px){
.c-banner {
    position: relative;
    margin-top: 0px;
}
.companyb {
    width: 100%;
    height: 700px;
    overflow: hidden;
    position: relative;
}
.companyb .happ-info li {
    height: 25%;
    width: 100%;
}
.n_pro_lf { display:none;}
.n_pro_rf {width: 100%;}

.n_pro_rf ul li {
    float: left;
    width: 50%;
    margin-bottom: 2%;
    padding: 0 1%;
}
.proc ul li {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.n_contact_bg {margin-top: 0px; }

}
@media screen and (max-width: 769px){
.in02b .in_company_img {
    flex: 0 0 100%;
    max-width: 100%;
}
.in02b .in_company_text {
    flex: 0 0 100%;
    max-width: 100%;
}
.service-box{ height:auto; padding:30px 0px;margin: 30px 0 0 0;}
.service-item .service-item-list { width: 80%; margin: 0 auto 10px auto;}
.service-item-pic img { width: 100%; height: 130px;}
.service-item01 {position:relative;right: 0;top: 0;}
.service-item02 {position: relative;right: 0;top: 0;}
.service-item03 {position: relative;right: 0;top: 0;}
.service-item-link {font-size: 32px;padding: 0 30px 0 30px;}


.c-banner h4 {
    font-size:32px;
    color: #fff;
    font-weight: bold;
}
.location {
    position: relative;
    margin-top: 20px;
    z-index: 3;
}


/*company*/
.companya{ position:relative; width:100%; padding:80px 0px;overflow: hidden;background: url(../images/companya.jpg) center top no-repeat; background-size:cover;}
.companya_box{ display:flex;flex-wrap: wrap;align-items: center!important;}
.companya_box .companya_lf{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right:15px;}
.com_a strong{display: block;color: #f4f4f4;font-size: 55px;height: 80px;line-height: 55px;text-transform: uppercase;font-family: fz;}
.com_a span{display: block;color: #c31f2a;font-size: 24px;line-height: 40px;margin-top: -60px;}
.com_a p{font-size: 25px;line-height: 50px;}
.com_a i{display: block;background: url(../images/com_a.png) left center no-repeat;margin-top: 1rem;height: 5px;}
.com_b{overflow-y: scroll;line-height: 35px;color: #777;height: 280px;margin-top: 16px;margin-bottom: 20px;}

.companya_box .companya_rf{-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%; }
.companya_box .companya_rf img{ width:100%;}

.n_pro_rf ul li {
    float: left;
    width: 100%;
    margin-bottom: 2%;
    padding: 0 1%;
}
.goods-top .goods-top-left{ position:relative; width: 90%; margin:0 auto;}
.goods-top .goods-top-right{ width: 100%; padding: 30px;}
.ptit li a {  font-size: 18px;}
.proe_a {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}
.proe_a .code { width: 100%;}


/***************/
.nTnm{ text-align:center; margin-bottom:5vw;}
.nTnm .en{font-size: 36px;text-transform:uppercase;line-height:1;color:rgba(204, 204, 204 ,0.46);font-family:Impact;}
.nTnm strong{font-size: 28px;line-height: 1.5;margin-top: -26px;color: #333333;font-weight:bold;display: block;}
.nTnm p{font-size: 16px;color:#333;}
.n_contact_box li { width: 100%;border-bottom: 1px solid #eee;}
.contita strong {  font-size: 22px;}
.lxwmtitb span {font-size: 22px;line-height: 1.6;}
.lxwmb_a .code {
    width: 100%; max-width:500px;
    margin: 0 auto;
}

.n_technical_box .swiper-pagination {
    display:block;
}
.n_technical_box{ padding-bottom:40px;}
.caseslist li {width: 100%;}
.n_news_lf { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;padding:0px 15px; margin-bottom:10px;}
.n_news_rf { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding:0px 15px;}

}