/* 字体*/
@font-face {
  font-family: iconfont;
  src: url(../font/iconfont.eot);
  src: url(../font/iconfont.eot#iefix) format("embedded-opentype"), url(../font/iconfont.woff) format("woff"),
    url(../font/iconfont.ttf) format("truetype"), url(../font/iconfont.svg#iconfont) format("svg");
}

.iconfont {
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  font-size: 120%;
}
/* 头部 */
.w1400{width: 1400px;margin: 0 auto;}
.header{background:rgba(0, 0, 0, 0.22);position: fixed;height: 90px;left: 0px;top: 0px;width: 100%;z-index: 999;}
.h-header{height: 90px;}

.h-header .logo a img{display: block;}
.h-header .menu ul li{margin:0px 25px;}
.h-header .menu ul li a{color: #fff;font-size: 16px;display: block;padding: 0px 0px;height: 90px;line-height: 90px;position: relative}
.h-header .menu ul li.on,.h-header .menu ul li:hover {background-image: url(/style/images/under_03.png);background-repeat:no-repeat;background-position:  center calc(50% + 20px);}
.h-header .lang{height: 90px;line-height: 90px;position: relative;}
.h-header .lang .ont{background: url(/style/images/lang_03.png)no-repeat left center;padding:0px 0px 0px 25px;font-size: 16px;color: #fff;}
.h-header .lang .v-lang{display: none;position: absolute;top: 75%;left: 0;z-index: 1;background: #000;width: 100%;color: #fff;}
.h-header .lang .v-lang li{height: 40px;line-height: 40px;display: block;background: none;color: #fff;padding: 0 20px;border-bottom: 1px solid #fff;}
.h-header .lang:hover .v-lang{display: block;}


.h-header .horizo{display:none;}
.h-header .horizo a i{display:block;position:relative;width:30px;height:3px;margin:5px 0;background-color:#ffffff;-webkit-border-radius:10px;border-radius:10px;-webkit-transition:all .4s ease;-o-transition:all ease .4s;transition:all .4s ease}
.h-header .horizo a.curr i:nth-of-type(3){-webkit-transform:translateY(-9px) rotate(45deg);-ms-transform:translateY(-9px) rotate(45deg);transform:translateY(-9px) rotate(45deg);margin-bottom:0}
.h-header .horizo a.curr i:first-of-type{-webkit-transform:translateY(6px) rotate(-45deg);-ms-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg);margin-top:0}
.h-header .horizo a.curr i:nth-of-type(2){opacity:0}
.swiper05 img{width: 100%;}

/*mobile header*/
.on-menu .m-navs{visibility:visible}
.on-menu .m-navs .an-bg,.on-menu .m-navs .an-wik{visibility:visible;opacity:1}
.on-menu .m-navs .an-wik{left:0}
.m-navs{z-index:1000;position:fixed}
.m-navs,.m-navs .an-bg{display:none;width:100%;height:100%;top:0;left:0;visibility:hidden}
.m-navs .an-bg{z-index:2;position:absolute;background-color:rgba(0,0,0,.7);opacity:0;-webkit-transition:all .2s ease .1s;-o-transition:all .2s ease .1s;transition:all .2s ease .1s}
.m-navs .an-wik{width:90%;height:100%;max-width:320px;background-color:#fff;position:relative;z-index:10;left:-100%;border-right:1px solid #9d9d9d;-webkit-box-shadow:hsla(0,0%,100%,.4);box-shadow:hsla(0,0%,100%,.4);visibility:hidden;opacity:0;-webkit-transition:all .2s ease .3s;-o-transition:all .2s ease .3s;transition:all .2s ease .3s}
.m-navs .an-the{height:50px;position:relative;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 3%}
.m-navs .an-the-tit{font-size:17px;color:#000;font-weight:700}
.m-navs .an-the-close{font-size:30px;color:#ff5858}
.m-navs .an-the-close i{position:relative;top:10px}
.m-navs .an-soll{height:-webkit-calc(100vh - 50px);height:calc(100vh - 50px);position:relative;padding:10px 12px;overflow-x:hidden;overflow-y:auto}
.m-navs .an-seek{padding:12px 0 14px}
.m-navs .an-seek .v-shek-sub,.m-navs .an-seek input[type=text].form-control{font-weight:300;height:36px}
.m-navs .an-lang{position:relative}
.m-navs .an-lang .row{margin-left:-7px;margin-right:-7px}
.m-navs .an-lang .row>li{padding-left:7px;padding-right:7px}
.m-navs .an-lang .row>li a{border:1px solid #ccc;position:relative;padding:7px 6px;-webkit-border-radius:2px;border-radius:2px;text-align:center;font-size:13px;color:#333;font-weight:300;display:block;margin:0 0 12px}
.m-navs .an-lang .row>li a.check{background-color:#333;border:1px solid #333;color:#fff}
.m-navs .an-navs{margin:0 0 10px;padding-bottom:20px}
.m-navs .an-navs,.m-navs .an-navs .avs-itme{position:relative}
.m-navs .an-navs .avs-in{position:relative;border-bottom:1px solid #e4e4e4;padding:5px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.m-navs .an-navs .avs-le{padding:0 0 0 24px;position:relative;display:none}
.m-navs .an-navs .avs-le:before{width:1px;top:16px;bottom:12px;left:11px;display:block;background-color:#e4e4e4;position:absolute;content:""}
.m-navs .an-navs .avs-inke{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden;padding:9px 6px;font-size:14px;font-weight:300;text-transform:capitalize}
.m-navs .an-navs .avs-inke.on{color:#f24848}
.m-navs .an-navs .avs-do{width:40px;height:100%;position:relative;right:0;text-align:center}
.m-navs .an-navs .avs-do i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);display:block;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.m-navs .an-navs .avs-do.curr i{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
.m-navs .an-navs .avs-do:before{width:1px;height:24px;content:"";display:block;position:absolute;top:50%;margin-top:-12px;left:0;background-color:#d1d1d1}
.m-navs .an-navs .avs-do.on>span.avs-do-up{opacity:1;visibility:visible;top:0}
.m-navs .an-navs .avs-do.on>span.avs-do-bm{opacity:0;visibility:hidden;top:-70%}

.on-menu .m-navs .an-bg, .on-menu .m-navs .an-wik {
  visibility: visible;
  opacity: 1;
}

/* banner */
.index-banner,.index-banner .mySwiper{width:100%;height:100%;position: relative;}
.index-banner .swiper-slide{padding-top:48%;position: relative;overflow: hidden;}
.index-banner .swiper-slide img{width: 100%;height: 100%;position: absolute;left:0;top:0;object-fit: cover;}

/*index about*/
.index-about-h-gaikuo .fp-tableCell{background-image: url(../images/firstbg_03.jpg);background-repeat: no-repeat;background-size:cover;}
.h-gaikuo {}
.h-gaikuo .gaiyao{padding-top:0}
.h-gaikuo .gaiyao .title{text-align: center;}

.h-gaikuo .gaiyao .title .text{font-size: .18rem;color: #000000;line-height: 1.8;text-align: left;margin-top:.3rem;}
.h-gaikuo .about{margin-top:.3rem;display: grid;
    grid-template-columns: repeat(auto-fill,minmax(calc(33.3333337% - .5rem),1fr));
    grid-gap: .5rem;
    gap: .5rem;
    padding: 0;}
.h-gaikuo .about li{background: #fff;border-radius: 5px;word-wrap: break-word;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);height:2.4rem}

.h-gaikuo .about li a{display: block;text-align: center;position: relative;padding-top:2.4rem;}
.h-gaikuo .about li a img{position: absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);z-index:1;max-width:90%;max-height:90%;}
.h-gaikuo .about li .item{position: absolute;z-index:2;top: 50%;left: 50%;transform:translate(-50%, -50%);z-index:2;width:100%;}

.h-gaikuo .about li .item .itema h1{font-size: 100px;color: #005cab;font-weight: bold;}
.h-gaikuo .about li .item .itema sup{font-size: 36px;color: #005cab;font-weight: bold;}
.h-gaikuo .about li .item .itema sup i{font-size: 36px;display: block;line-height: 48px;height: 48px;margin: 0 auto;}
.h-gaikuo .about li .item .itema{justify-content: center;}
.h-gaikuo .about li .item .title{color: #333333;font-size: 36px;line-height: 36px;height: 36px;}
.h-gaikuo .about li a:hover .item h1,.h-gaikuo .about li a:hover .item sup,.h-gaikuo .about li a:hover .item .title{color: #fff;transition: color 0.3s;}
.h-gaikuo .about li a:hover{background: #005cab;}





/*index product*/
.index-product-box{background-image: url(../images/part3_02.jpg);background-repeat:no-repeat;background-size:cover; background-position:top center;}
.index-product .mainpd{max-width: 1400px;color: #fff;width: 100%;padding:4% 0px;margin: 0 auto;}
.index-product .mainpd .titlea h2{color:#ffffff;}
.index-product .mainpd .titlea h2::after{background: #ffffff;}
.index-product .mainpd .titlea .text{color: #ffffff;}



.index-product .mainpd .titlea p{font-size: 171.4285%;line-height: 36px;height: 36px;font-family: "宋体";font-weight: bold;padding: 25px 0px;}
.index-product .mySwiper{width:100%;height:720px;}
.index-product .mySwiper .swiper-wrapper{}
.index-product .mySwiper ul{display: flex;flex-wrap: wrap;}
.index-product .mySwiper li {width:30.2%;background-image: url(../images/ipbg.png);background-size: 100% 100%;position: relative;height:304px;margin-right:4.7%;margin-bottom:2.35%;margin-top:2.35%;padding:10px;overflow:hidden}
.index-product .mySwiper li:nth-child(3n){margin-right: 0;}
.index-product .mySwiper li a{display: block;width: 100%;height: 100%;}
.index-product .mySwiper li a img{width: 100%;height: 100%;object-fit: cover;}
.index-product .swiper-pagination-vertical.swiper-pagination-bullets{
  left:0;right:inherit;transform: translate(calc(-100% - 20px), 0);
}
.index-pro-box{position: relative;}

/*index worka*/
.index-worka .mySwiper .swiper-slide ul{display: flex;}
.index-worka .mySwiper .swiper-slide ul li{width:24.2%;padding-top:35%;border-radius: 15px;overflow: hidden;position: relative;margin-right:1.06%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.index-worka .mySwiper .swiper-slide ul li a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index-worka .mySwiper .swiper-slide ul li .pic{width: 100%;height: 100%;}
.index-worka .mySwiper .swiper-slide ul li .pic img{min-width: 100%;height: 100%;object-fit:cover;}
.index-worka .mySwiper .swiper-slide ul li a{display: block;width: 100%;overflow: hidden;}
.index-worka .mySwiper .swiper-slide ul li.on{width:48.46%;}
.index-worka .mySwiper .swiper-slide ul li .title{position: absolute;left: 0;bottom:0;font-size:22px;padding:20px;color:#fff;font-weight: bold;}
.index-worka .mySwiper .cc{height:44px;margin-top:2%;display: flex;justify-content: right;position: relative;}
.index-worka .mySwiper .cc:after{content:" ";width: 100%;background: #dddddd;height: 4px;position: absolute;left: 0;top:50%;margin-top:-2px;z-index:0;}
.index-worka .mySwiper .swiper-button-next,.index-worka .mySwiper .swiper-button-prev{
  position: static;
  margin:0;
  width: 92px;
  height: 40px;
  background-color: #005cab;
  border-radius: 5px;
  color:#ffffff;
  font-size:30px;
  margin-left:10px;
}
.index-worka .mySwiper .swiper-button-next:after,.index-worka .mySwiper .swiper-button-prev:after{
  font-size:22px
}
.index-worka .mySwiper .swiper-button-next.swiper-button-disabled,.index-worka .mySwiper  .swiper-button-prev.swiper-button-disabled{
  opacity: 1;
  background: #e4e4e4;
}
.index-worka .mySwiper .swiper-button-next.swiper-button-disabled:after,.index-worka .mySwiper  .swiper-button-prev.swiper-button-disabled:after{
  opacity: 1;
  color: #7e7e7e;
}

/*index case*/

.index-case-box{background-image: url(../images/casebg_02.jpg);background-repeat:no-repeat;background-position: top center;background-size: cover;}

.index-case .gaiyao,.news .gaiyao {color: #fff;}
.index-case .gaiyao .text span{color: #fff;}
.index-case .gaiyao .title i{border-bottom: 5px solid #fff;}
.index-case .carousel-container{padding: 60px 0px;}
.index-case .swiper-container-horizontal>.swiper-pagination-progress{top: unset;bottom: 10%;}
.index-caseigu .nav{position: absolute;bottom: 3px;z-index: 9999;color: #fff;width: 100%;}
.index-case .swiper-pagination-progress{background: #fff;height: 1px;}
.index-case .swiper-pagination-progress .swiper-pagination-progressbar{height: 5px;bottom: 0;top: auto;transform-origin:center;-webkit-transform-origin:center;}
.index-caseigu .nav li a{font-size: 128.5714%;display: block;height: 60px;line-height: 60px;padding: 0px 40px;font-weight: bold;}


.index-case .titlea h2{color:#ffffff;}
.index-case .titlea h2::after{background: #ffffff;}
.index-case .titlea .text{color: #ffffff;}

.index-case{padding:3% 0;}
.index-case .caseigu{width: 1400px;height:768px;position: relative;overflow: hidden;}
.index-case .mySwiper2{width: 100%;}
.index-case .mySwiper2 .swiper-slide{padding-top:56%;position: relative;}
.index-case .mySwiper2 .swiper-slide img{position: absolute;left: 0;top: 0;object-fit: cover;width:100%;height:100%;}
.index-case .mySwiper{height:60px;background: rgba(0, 0, 0, .2);position: absolute;bottom: 0;left: 0;z-index:9999;width:100%;}
.index-case .mySwiper {z-index:998;}
.index-case .mySwiper .swiper-slide a{display: flex;width: 100%;height:100%;flex-wrap: wrap;align-items: center;justify-content: center;font-size:.17rem;font-weight: bold;color:#fff;flex-wrap:wrap;text-align:center;line-height:1.2;padding:0px .15rem;}
.index-case .swiper-button-prev,.index-case .swiper-button-next{
  bottom:0;top:inherit;height:60px;z-index: 999;
}
.index-case .swiper-button-prev{left:0;text-align: center;}
.index-case .swiper-button-next{right:0;text-align: center;}
.index-case .swiper-button-prev::after,.index-case .swiper-button-next::after{
  color:#fff;font-size:20px;width:40px;
}
.index-case .mySwiper2 .swiper-slide .text{position: absolute;left:25px;top:50%;transform:translate(0, -50%);z-index:998;color:#fff;}
.index-case .mySwiper2 .swiper-slide .text .tt{font-size:36px;color:#fff;line-height: 1.5;}
.index-case .mySwiper2 .swiper-slide .text .t1{font-size:.32rem;color:#fff;line-height: 1.5;}
.index-case .mySwiper2 .swiper-slide .text .t2{font-size:.28rem;color:#fff;line-height: 1.5;}
.index-case .mySwiper2 .swiper-slide .text .more {margin-top:15%;}
.index-case .mySwiper2 .swiper-slide .text .more a{display:inline-block;font-size:14px;color:#333333;font-family: Arial, Helvetica, sans-serif;padding:20px 30px;border-radius: 30px;background: #fff;letter-spacing: 3px;}
.index-case .mySwiper .swiper-slide{position: relative;}
.index-case .mySwiper .swiper-slide.swiper-slide-thumb-active::after{
  content:" ";width:50%;height:4px;background:#fff;position: absolute;top:0;left:50%;transform: translate(-50%, 0);
}

/* index news */
.index-news-box{background-image:url(../images/news_02.png);background-repeat:no-repeat;background-size: cover;}
.index-news{padding:0;}
.index-news .titlea h2{color:#ffffff;}
.index-news .titlea h2::after{background: #ffffff;}
.index-news .titlea .text{color: #ffffff;}
.index-news .newscont .newsleft{width: 45.7%;overflow: hidden;}
.index-news .newscont .newsleft .swiper-slide {padding-top:56%;position: relative;overflow: hidden;}
.index-news .newscont .newsleft .swiper-slide img{position: absolute;z-index:2;width:100%;height: 100%;object-fit: cover;left:0;top:0;}
.index-news .newscont .newsleft .swiper-slide .p{position: absolute;z-index:3;width:100%;left:0;bottom:0;display:block;font-size: 214.2857%;padding:0px 15px 10px;color:#fff;}
.index-news .newscont .newsleft .swiper-slide a:hover{color:#005cab;font-weight:bold;}


.index-news .newscont .newsright .title p {font-size: 171.428%;color: #fff;}
.index-news .newsright .title .descft i{border-bottom: 1px solid #fff;padding-top: 0;width: 86%;display: inline-block;}
.index-news .newstext{background: #fff;}
.index-news .newstext .newscenter{padding: 32px 30px;}
.index-news .newstext .newscenter .time{border-bottom: 1px solid #d7d7d7;}
.index-news .newstext .newscenter .time p{background: url(../images/time_03.png)no-repeat left center;height: 17px;color: #999999;font-size: 114.285%;padding-left: 28px;display: flex;align-items: center;margin-bottom: 10px;}
.index-news .newstext .newscenter .desc{color: #666666;font-size: 114.285%;line-height: 30px;height:30px;margin: 30px 0px;}
.case .gaiyao, .index-news .gaiyao .newscont{padding: 40px 0px 70px 0px;}
.index-news .newsright .title .descft{height: 30px;line-height: 30px; position: relative;} 
.index-news .newscont .newsright{width: 49%;color: #fff;}
.index-news .newsright .title .more{display: block;font-size: 14px;color:#005cab;background: #fff;border-radius: 30px;height: 30px;line-height:30px;padding: 0px 20px;    border: 1px solid #005cab;position: absolute;right: 0;}
.index-news .newscont .newsright ul li{border-bottom: 1px solid #fff;padding: 32px 0px;}
.index-news .newscont .newsright ul li:hover{background:##005cab;}
.index-news .newscont .newsright ul li .timea p{font-size: 214.285%;}
.index-news .newscont .newsright ul li .timea a{font-size: 14px;background: #fff;border-radius: 20px;padding: 0px 6px;height: 20px;line-height: 2px;color: #005cab;}
.index-news .newscont .newsright ul .on .timea a{background:#005cab;color: #fff;}
.index-news .newscont .newsright ul li .content p{font-size: 128.571%;line-height: 24px;height: 24px;}
.index-news .newscont .newsright ul li .content p a:hover{color:#005cab;font-weight:bold;}
.index-news .newscont .newsright ul li .content .derit{font-size: 114.285%;line-height: 30px;padding-top: 18px;}
.index-news .newscont .newsright ul li .content{width: 83%;}

/* 底部 */
.footer{background: #f5f5f5;}
.footer .footnav{padding-top: 30px;align-items: flex-start;}
.footer .footnav .logo .seriver{padding-top:30px;}
.footer .footnav .logo .seriver p{background: url(../images/tel_07.jpg)no-repeat;color: #333333;font-weight: bold;font-size: 128.571%;padding-left:33px;}
.footer .footnav .logo .seriver i{font-size: 171.428%;color: #005cab;font-weight: bold;font-style: italic;padding: 17px 0px;}
.footer .footnav .footnavrt {width: 52%;}
.footer .footnav .footnavrt ul li .on{color: #005cab;font-size: 114.285%;line-height: 24px;height: 24px;margin-bottom: 6px;}
.footer .footnav .footnavrt ul li{flex-direction: column;}
.footer .footnav .footnavrt ul li a{font-size: 14px;color: #333333;line-height: 36px;height: 36px;}
.footer .footnav .footcode a img,.footer .footnav .footcode a{display:inline-block;}
.footer .footnav .footcode a p{text-align: center;}
.footer .footnav .footcode a{margin-left: 22px;}
.product2 li{width: 30%;}

/* 产品详情 */
.navny{border-bottom: 1px solid #d0d0d0;height: 60px;}
.navny a{display: inline-block;line-height: 60px;font-size: 16px;color: #000;padding: 0px 20px;}
.navny .on{background: #005cab;color: #fff;}
.icon{background: url(../images/icon5_03.jpg)no-repeat left center;padding-left: 25px;}
.icon a{padding: 0;font-size: 14px;}
.titlebb{color: #333333;font-weight: bold;font-size: 48px;text-align: center;background: url(../images/titlebg_03.png)no-repeat bottom;padding-bottom: 25px;}
.productbg{margin-top: 0px;}
.productbg .descrto{padding: 50px 0px;}
.productbg .descrto .wqeyt h1{color: #005cab;font-size: 30px;line-height: 36px;}
.productbg .descrto .wqeyt .t1{color: #666666;font-size: 16px;line-height: 24px;padding: 25px 0px;border-bottom: 1px solid #cccccc;}
.productbg .descrto .wqeyt{width: 55%;}
.productbg .descrto .wqeyt .tethy{padding: 20px 0px;}
.productbg .descrto .wqeyt .tethy p{color: #666666;font-size: 16px;line-height: 42px;}
.productbg .descrto .wqeyt .zixun{background: #005cab;color: #fff;height: 58px;line-height: 58px;text-align: center;font-size: 18px;border-radius: 10px;width: 280px;}
.productbg .ruwer .navbg{background: #e9ecee;height: 50px;line-height: 50px;width: 100%;}
.productbg .ruwer .navbg .nab{width: 53%;}
.productbg .ruwer .nab li a{font-size: 18px;}
.contah h2{color: #333333;font-size: 22px;font-weight: bold;line-height: 36px;padding: 30px 0px;}
.contah div p{color: #666666;font-size: 16px;line-height: 36px;}
.productbg .nab li{padding: 0 5%;}
.productbg .nab li.curr a,.productbg .nab li:hover a{color: #005cab; border-bottom: 2px solid #005cab;display: block;}
.productui{padding-top:50px;}
.productui .t2,.video .t2{font-size: 22px;font-weight: bold;}
.productui ul{padding-top: 22px;}
.productui ul li p{font-size: 18px;font-weight: bold;color: #333333;line-height: 36px;padding-top: 10px;}
.productui ul li a{color: #666666;height: 35px;line-height: 35px;display: block;border: 1px solid #cccccc;text-align: center;width: 100px;}
.video .video09{padding: 35px 0px;}
.video09 img{width: 100%;display: block;}

/* 产品展示 */
.productbg ul{flex-wrap: wrap;margin-top:30px;}
.productbg ul li{margin-bottom: 48px;}
.productbg ul li img{width: 100%;display: block;}
.productbg ul li p{color: #005cab;font-size: 18px;font-weight: bold;line-height: 36px;padding: 20px 0px;}
.productbg ul li a{color: #666666;border: 1px solid #cccccc;line-height: 35px;height: 35px;padding: 0px 12px;display:inline-block;}

/* 关于我们 */
.issio .tyewi p{color: #666666;font-size: 16px;line-height: 48px;text-indent: 3em;    letter-spacing: 1px;}
.othqd{margin-top: 50px;justify-content: inherit;}
.othqd a{position: relative;display: block;height: 100%;}

.othqd a .cont{position: absolute;top: 50%;left: 10%;    transform: translateY(-50%);    -webkit-transform: translateY(-50%);}
.othqd a .cont h1{font-size: 24px;color: #292929;font-weight: bold;line-height: 36px;    padding: 2.5% 0;}
.othqd a .cont p{color: #666666;font-weight: 400;font-size: 16px;}
.othqd a .cont1 h1,.othqd a .cont1 p{color: #fff;}
.scructule{padding: 60px 0px;position: relative;}
.scructule {background: url(../images/zuzhibg_02.jpg)no-repeat;background-size: cover;}
.scructule .tit{padding-top: 55px;}
.scructule .jigou{justify-content: center;padding: 60px 0px}
.carousel{padding: 55px 0px;}
.carousel ul{flex-wrap: wrap;}
.carousel ul li{padding-bottom: 60px;}
.carousel { overflow: hidden;position: relative;width: 100%;}
.carousel li {width: 28%;}
.carousel img {max-width: 100%; display: block;}
.carousel2{padding: 55px 0px;}
.carousel2 ul{flex-wrap: wrap;}
.carousel2 ul li{padding-bottom: 60px;}
.carousel2 { overflow: hidden;position: relative;width: 100%;}
.carousel2 li {width: 28%;}
.carousel2 img {max-width: 100%; display: block;}
.arrow { cursor: pointer;position: absolute;transform: translateY(-50%);font-size: 24px; padding: 10px;
user-select: none;}
.arrow.left {right: 13%;}
.arrow.right {right: 3%;} 

.othqd a img{display: block;width: 100%;}
.othqd a .cont img{width:auto;}

/* 联系我们 */
.contact{margin-top: 45px;}
.contact ul{justify-content: space-around;padding: 70px 0px;}
.contact ul li{text-align: center;}
.contact ul li h1{color: #666666;font-size: 20px;line-height: 36px;padding-top: 25px;}
.contact ul li p{color: #666666;font-size: 20px;line-height: 36px;}

.message{margin-top: 40px;}
.u-form{color:#afaeb4;padding-top: 70px;}
.u-form input,.u-form textarea{height:72px;border:1px solid #e2e2e2;width:48%;padding:0 1%;background: #f5f5f5;border-radius: 10px;font-size: 16px;}
.u-form li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-bottom:1.5%}
.u-form textarea{width:100%;height:245px}
.u-form button{display:inline-block;-webkit-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative;text-align:center;padding:0;border:none;width:150px;line-height:50px;font-size:128.57143%;font-weight:400;border:1px solid #008fd6;color:#008fd6;display:block;margin:3% auto}
.u-form button span{position:relative;display:block;width:100%;height:100%;background: #005cab;color: #fff;line-height: 65px;height: 65px;text-align: center;font-size: 24px;}
.u-form button:after,.u-form button:before{position:absolute;content:"";right:0;top:0;background:#008fd6;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.u-form button:before{height:0%;width:2px}
.u-form button:after{width:0;height:2px}
.u-form button:hover{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}
.u-form button:hover:before{height:100%}
.u-form button:hover:after{width:100%}
.u-form button span:hover{color:#008fd6}
.u-form button span:after,.u-form button span:before{position:absolute;content:"";left:0;bottom:0;background:#008fd6;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.u-form button span:before{width:2px;height:0%}
.u-form button span:after{width:0;height:2px}
.u-form button span:hover:before{height:100%}
.u-form button span:hover:after{width:100%}

/* 项目案例 */
.project .caserdgb{flex-wrap: wrap;justify-content: flex-start;margin-top: 30px;}
.project .caserdgb li{box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);width: 31.2%;padding-bottom:25px;margin-right:3.2%;margin-bottom:3.2%;}
.project .caserdgb li:nth-child(3n){margin-right:0;}
.project .caserdgb li .pic{position: relative;padding-top:80%;}
.project .caserdgb li img{display: block;width: 100%;height:100%;position: absolute;top:0;left:0;}
.project .caserdgb li .title{font-size: 22px;font-weight: bold;margin-top:20px;line-height: 1.2;text-align: center;}
.project .caserdgb li .desc{font-size: 16px;font-weight: 400;margin-top:15px;line-height: 1.2;text-align: center;color:#666666;}
.project .caserdgb li .more{display: flex;width: 100%;justify-content: center;margin-top:25px;}
.project .caserdgb li .more span {font-size: 16px;color:#666666;border:1px solid #cccccc;border-radius: 5px;padding:10px 20px;}
.project h1{color: #333333;font-size: 30px;line-height: 30px;text-align: center;padding: 30px 0px;}
.project .icote{width: 30%;margin: 0 auto;}
.project .icote li i{background: url(../images/xian_10.jpg)no-repeat right;display: block;width: 8px;height: 9px;   }
.project .icote li{justify-content:space-around;}
.project .icote .on i{background: none;}
.project .icote li p{color: #999999;}
.project .text00{padding: 45px 0px;}
.project .text00 p{color: #999999;font-size: 16px;line-height: 36px;}

/* 新闻资讯 */
.newsbgsh ul li{border-bottom: 1px solid #e0e0e0;padding:30px 0px;align-items: flex-start;}
.newsbgsh ul li .wenben{width: 70%;}
.newsbgsh ul li .wenben p{color: #666666;line-height: 36px;}
.newsbgsh ul li .wenben .more{display: block;color: #666666;border: 1px solid #cccccc;height: 35px;line-height: 35px;text-align: center;width: 100px;margin-top: 15px;}
.newsbgsh ul .on .wenben h2{color: #005cab;}
.newsbgsh ul .on .wenben .more{background: #005cab;color: #fff;border: none;}
.newsbgsh ul li .wenben h2{color: #000;font-size: 24px;font-weight: bold;line-height: 30px;}
.newsbgsh ul li .wenben .time{background: url(../images/time_06.jpg)no-repeat left center;display: block;height: 20px;color: #a9a9a9;font-size: 14px;padding-left: 30px;margin-top: 30px;margin-bottom: 30px;}
.footer-top{border-bottom: 1px solid #cccccc;}
.footer-bottom .footyht{color: #333333;line-height: 36px;text-align: center;padding-top: 10px;}
 @media screen and (max-width: 1440px){
  .w1400{width: 1200px;margin: 0 auto;}
  .index-case .caseigu{width:1200px;}
  .h-gaikuo .about li .item .itema h1{font-size: 80px;}
  .h-gaikuo .about li .item{}
  .h-gaikuo .about li .item .itema sup{font-size: 36px;}
  .productbg .descrto .wqeyt{width: 45%;}
  .othqd,.productbg{padding: 0px 15px;}
  .othqd a{width: 50%;}
  .u-form{padding: 0px 15px;}
  .project .caserdgb{padding: 0px 15px;}
  .newsbgsh{padding: 0px 15px;}
 }

@media only screen and (max-width: 1200px){
  .w1400{width:1024px;}
  .h-gaikuo .about li .item .itema h1 {font-size: 60px;}
  .h-gaikuo .about li .item .itema sup{font-size: 18px;}
  .h-gaikuo .about li .item{}
  .h-gaikuo .gaiyao .title .text{line-height: 35px;}
  .productbg .descrto .wqeyt{width: 35%;}
}
@media only screen and (max-width: 1024px){
  .w1400{width: 100%;}
  .box2{width: 82%;}
  .make .swiper-container{padding-left: 10px;padding-right: 10px;}
  .ftrgde{padding: 0px 10px;}
  .project .text00{padding: 0px 15px;}
}
@media only screen and (max-width: 993px){
  .h-header .menu,.h-header .lang{display: none;}
 
  .headerty {
      flex-direction: column;
      display: flex;
  }
  .footer .footnav{display: none;}
  /*header*/
  .header,.h-header{height:64px;}
  .h-header .logo a img{height:50px;}
  .h-header{padding:0px 20px;}
  .h-header .horizo{display:block}
  .m-navs, .m-navs .an-bg {
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      visibility: hidden;
  }
  .index-news .newscont .newsleft{display: none;}
  .index-news .newscont .newsright{width: 100%;padding: 0px 10px;}
  .productbg .descrto{flex-wrap: wrap;}
  .productbg .descrto img{width: 100%;}
  .productbg .descrto .wqeyt{width: 100%;padding: 0px 20px;}
  .productbg .descrto .wqeyt h1{padding-top: 25px;}
  .productbg .nab li{padding: 0px;}
  .productbg .ruwer .navbg .nab{width: 100%;}
  .productbg .ruwer .navbg{padding: 0px 15px;}
  .contah,.productui,.video{padding: 0px 15px;}
  .productbg ul li{width: 48%;}
  .navny{display: none;}
  .productbg ul{padding: 0px 15px;}
  .project .icote{width: 70%;}
  .project .text00{padding: 45px 15px;}
  .newsbgsh ul li{flex-wrap: wrap;}
  .newsbgsh ul li .wenben{width: 100%;padding-top: 30px;}
  .newsbgsh{padding: 0px 15px;}
  
  .index-case .mySwiper2 .swiper-slide{padding-top:70%;}
  .index-case .mySwiper2 .swiper-slide img{height:100%;}
  
  /*手机版*/
  .index-about-h-gaikuo{margin-top:.5rem;}
  .h-gaikuo .gaiyao,.h-gaikuo .about{padding:0px 10px;}

  .h-gaikuo .gaiyao .title .text{line-height:1.8;}
  .h-gaikuo .about{
      
    grid-template-columns: repeat(auto-fill,minmax(calc(50% - .25rem),1fr));
    padding: 0;
    padding:0 .25rem;
      grid-gap: .25rem;
    gap: .25rem;
    padding-bottom:.25rem;
  }
    
  .h-gaikuo .about li{}
  .h-gaikuo .about li .item .itema h1{font-size:40px;}
  .h-gaikuo .about li .item .itema sup i{height:auto;line-height:inherit;}
  .h-gaikuo .about li .item .itema sup{display: flex;flex-direction: column;align-items: center;line-height:1.2}
  .h-gaikuo .about li .item .title{font-size:28px;}
  .index-title h2{font-size:30px;}
  .index-title .text{padding:20px 0px;}
  .index-product .mySwiper li{width:45.5%;}
  .index-product .mySwiper li:nth-child(3n){margin-right:4.7%;}
  .index-product .mySwiper li:nth-child(2n){margin-right:0;}
  
  .index-worka .mySwiper .swiper-slide ul li.on{width:32%;}
  .index-worka .mySwiper .swiper-slide ul li{width:32%;}
  .index-worka .mySwiper .swiper-slide ul li .title{font-size:14px;padding:8px;}
  
  .index-case .caseigu{margin-top:15px}
}
@media screen and (max-width: 768px){
    .h-gaikuo .about{}
    .index-product .mySwiper{height:auto;}
   
    .headerty li {
        padding: 8px;
        background: none;
    }
    .headerty li.active {
      background: url(images/xiantiao2_03.png) no-repeat bottom;
    }
    .content .product{padding: 0px 10px;}
    .about,.gaiyao .title .text{padding: 0px 10px;}
    .contact ul li p,.contact ul li h1{font-size: 14px;}
    .project .caserdgb li{width: 48%;}
    .titlebb{font-size: 18px;}
    .project h1{font-size: 15px;}
    .project .text00 p{font-size: 14px;}
    
    
}

.h-gaikuo .about li a:hover img{display: none;}