*{outline:none!important;}
.g_bg {background-position: center;background-size: cover;background-repeat: no-repeat  }


.pcNav{position: fixed;left: 0;top: 0; width: 100%;background: none;z-index: 999;box-shadow: 0 0 4px #dfdfdf;transition: .4s all ease}
.pcNav.active{ top: -30px;background: rgba(255,255,255,.85)}
.pcNav_w{max-width: 1800px; margin: 0 auto}
.n-pcNav{background: #fff;}
.n-pro .pcNav{background:rgba(0,0,0,.5)}
.pcNav-top{background: #2d343d;padding: 6px 0}
.pcNav-top .g_w{display: flex;justify-content: flex-end}
.pcNav-top span a{color: #fff;transition: .4s all ease}
.pcNav-top span:hover a{color: #35b7eb;transition: .4s all ease}
.pcNav-top span:hover i{color: #35b7eb;transition: .4s all ease}
.pcNav-top span:hover {opacity: 1;transition: .4s all ease}

.pcNav-top span i{color: #fff;font-size: 20px;margin-right: 10px;transition: .4s all ease}
.pcNav-top span {opacity: .53;margin-left:40px; display: flex;align-items: center;transition: .4s all ease }
.pcNav-b{background: #fff}
.pcNav-b .g_w{display: flex;justify-content: space-between;align-items: center; }
.pcNav-l{}
.pcNav-l img{  transition: .4s all ease}


.pcNav-r{ margin-left:40px; position: relative;display: flex;align-items: center}
.pcNav-r-search{height: 88px;line-height: 88px;}
.pcNav-r i{width: 40px; height: 40px; display: inline-block; line-height: 40px;  text-align: center; font-size: 18px; color: #fff; border-radius: 50%; background: #35b7eb; transition: .4s all ease}
.pcNav-r.active i{color: #525252; }

.pcNav-r input{ height: 36px; line-height: 36px; font-size: 14px; color: #333; border: 0; border-bottom: 1px solid #fff;box-shadow: 0 0 4px #dfdfdf;
 position: absolute;right: 0;top: 100%;white-space: nowrap;width: 0;opacity: 0;padding: 0;transition: .4s all ease;overflow: hidden}
.pcNav-r .pcNav-r-search:hover input{width: 180px;opacity: 1; padding: 0 20px; transition: .4s all ease}
/*.pcNav.active .pcNav-r i{color: #003b95}*/
/*.pcNav.active .pcNav-r a{color: #003b95;border-bottom: 1px solid #003b95;}*/

.pcNav-c{display: flex;justify-content: space-between;align-items: center;margin-left:60px;}
.pcNav .g_w{position: relative}
.h-nav1{display: flex;position: relative}
.h-nav1 > li {margin-left: 44px; min-width: 80px; display: flex;align-items: center;position: relative}
.h-nav1 > li:nth-child(1){margin-left: 0}
.h-nav1 > li > a{ width: 100%; height: 88px; line-height: 88px;display: block; text-align: center; color: #0b0b0b;font-size: 14px;text-transform: uppercase; position: relative;transition: .4s all ease}
.h-nav1 > li > a:after{content: '';position: absolute;left: 50%;bottom: 0; transform: translateX(-50%); opacity: 0;
 background: #35b7eb; background-position: center; width: 53px; height: 5px; }
.pcNav_dow .h-nav1 > li > a{height: 80px;line-height: 80px;}
.pcNav_dow .pcNav-l img{width: 360px;transition: .4s all ease}
.pcNav.active .h-nav1 > li > a{ color: #525252}
.pcNav.active .h-nav1 > li > a:after{background: #35b7eb}
.h-nav1 > li.active > a{color: #35b7eb}
.h-nav1 > li.active > a:after{width: 100%}
.h-nav1 > li:hover > a{color: #35b7eb;transition: .4s all ease}
.h-nav1 > li:hover > a:after{bottom: 16px; opacity: 1; transition: .4s all ease}
.pcNav.active .h-nav1 > li.active > a{color: #35b7eb}
.pcNav.active .h-nav1 > li.active > a:after{width: 100%}
.pcNav.active .h-nav1 > li:hover > a{color: #35b7eb;transition: .4s all ease}
.pcNav.active .h-nav1 > li:hover > a:after{bottom: 16px; opacity: 1;transition: .4s all ease}
.h-nav1 > li:hover  .h-nav2{display: block}
.pcNav_u1_2{display: none; position: absolute;left:50%;top: 100%;  opacity: 0; z-index: 9;overflow: hidden;
 animation: navU .5s ease forwards;
 -webkit-animation: navU .5s ease forwards;
}
.pcNav_u1_2 li { font-size: 0;margin-top: 2px;background: #35b7eb;}
.pcNav_u1_2 li>a{ display: block; width: 320px; height: 36px;transition: .4s all ease;line-height: 36px; font-size: 14px; color: #fff;text-align: center;font-weight: bold; text-transform: capitalize }
.pcNav_u1_2L{display: inline-block; vertical-align: text-top;}
.pcNav_u1_2R{display:inline-block ;width: 400px; margin-left: 20px; vertical-align: text-top;}
.pcNav_u1_2 li:hover>a{background: #fff;color: #35b7eb; border: 1px solid #35b7eb;transition: .4s all ease}
.h-nav1 > li:hover .pcNav_u1_2{display: block}
.h-right ul li:hover .h-right-hover{display: block}
@keyframes navU
{
 0% {
  opacity: 0;
  transform: translate(-50%, -20px);
 }
 100% {
  opacity: 1;
  transform: translate(-50%, 0);
 }
}
@-webkit-keyframes navU {
 0% {
  opacity: 0;
  transform: translate(-50%, -20px);
 }
 100% {
  opacity: 1;
  transform: translate(-50%, 0);
 }
}
.i-banner-swiper{overflow: hidden}
.i-banner {background-size: cover;background-position: center;  padding-top: 35.3%;}
.i-banner-swiper .swiper-pagination{left: 10%;width: auto!important;}
.i-banner-swiper .swiper-pagination-bullet {width: 6px;height: 15px;margin: 0 10px!important;
 transition: .3s all ease;background: #ffffff; border-radius: 30px; opacity: 1  }
.i-banner-swiper .swiper-pagination-bullet-active {width: 6px;height: 23px;background: #35b7eb;  }
/*.i-banner-swiper .swiper-pagination-bullet:hover {width: 6px!important;height: 15px!important;background: #35b7eb!important;  }*/


.i-title {position: relative;font-family: IMPACT;font-size: 48px;}
.i-title span i{color: #35b7eb;font-style: normal}
.i-title span{text-transform: capitalize;}

.readMore{ display: block; width: 114px; height: 30px; line-height: 30px;font-size: 0;color: #fff;font-family: IMPACT;position: relative;background: #1c2931;overflow: hidden}
.readMore span{display: inline-block;width: 92px;font-size: 12px; text-align: center; text-transform: uppercase; position: relative;z-index: 9}
.readMore i{display: inline-block;width: 22px; text-align: center; font-weight: 600; font-style: normal;font-family:SimSun;position: relative;z-index: 9;font-size: 16px;}
.readMore:after{ content: ''; position: absolute;top: 0;left: 86px;width: 100%;height: 100%;transform: skewX(-20deg);background: #1e39b4;transition: .4s all ease}
.readMore:hover:after{left: 0;transform: skewX(0);transition: .4s all ease}

.i-about{padding: 100px 0 110px 0}
.i-about .g_w{display: flex;align-items: center}
.i-about .g_w .con-l{width: 50%;padding-right: 50px;}
.i-about-tab{margin-top: 30px;}
.i-about-tabNab{display: flex;}
.i-about-tabNab a{display: block;padding-bottom: 12px;position: relative;font-size: 18px;color: #0f2747; margin-right: 40px; transition: .4s all ease}
.i-about-tabNab a:after{content: '';position: absolute;left: 0;bottom: 0;width:0; height: 1px ;background: #35b7eb;opacity: 0;transition: .4s all ease}
.i-about-tabNab a.active{color: #35b7eb}
.i-about-tabNab a.active:after{width: 52px; opacity: 1}
.i-about-tabCon{}
.i-about-tabCon .text{display: none;min-height: 188px; }
.i-about-tabCon .text.active{display: block;}
.i-about-tabCon .text p{color: #0b0b0b;font-size: 16px;line-height: 1.5em;margin-top: 24px; }
.i-about .g_w .con-r{width: 50%}
.i-about .readMore{margin-top:40px; }


.i-pro{}
.i-pro .i-title {margin-top: 104px; font-size: 58px;color: #fff;font-style: italic }
.i-pro .i-title span{font-size: 58px; }
.i-pro .i-title b{font-size: 86px; display: block;line-height: 1 }
.i-pro-tab{position: relative;height:634px; }
.i-pro-tabImg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1}
.i-pro-tabImg .g_bg{width: 100%;height: 100%;display: none;}
.i-pro-tabImg .g_bg.active{display: block;}
.i-pro-tab .g_w{position: relative;z-index: 9;height: 100%;overflow: hidden}
.i-pro-tabNav{position: absolute;left: 0;bottom: 0;display: flex;width: 100%}
.i-pro-tabNav .item{ flex-grow:1; flex-shrink:0;}
.i-pro-tabNav .item a{height: 150px; display: flex; justify-content: center;align-items: center; text-align: center;
 background: rgba(30,57,180,.7);color: #fff;border-right: 1px solid rgba(255,255,255,.43);cursor: pointer;position: relative;transition: .4s all ease}
.i-pro-tabNav .item:nth-child(9){border: 0}
.i-pro-tabNav .item a>span{ display: block; font-size: 20px;font-family: IMPACT;padding: 0 20px;width: 100%;}
.i-pro-tabNav .item .text{position: absolute;left: 0;bottom: 0; transform: translateY(50%); opacity: 0;  text-align: left;
 width:100%; padding: 45px  26px;background: #35b7eb;}
.i-pro-tabNav .item .text span{font-family: IMPACT;font-size: 30px;}
.i-pro-tabNav .item .text p{line-height: 1.5em; font-size: 14px;margin-top: 26px;min-height: 84px;}
.i-pro-tabNav .item.active a>span{width: 356px;opacity: 0  }
.i-pro-tabNav .item.active .text{opacity: 1;transform: translateY(0); transition: .4s all ease}


.i-con{margin-top: 80px}
.i-con .g_w{display: flex;justify-content: space-between}
.i-news{width: 64%;}
.i-news .i-title{padding-bottom: 16px;border-bottom: 1px solid #bfbfbf;position: relative;text-transform: uppercase}
.i-news .i-title span{text-transform: uppercase}
.i-news .i-title:after{content: '';position: absolute;left: 0;bottom: 0;transform: translateY(50%);width: 82px; height: 3px; background: #35b7eb}
.i-news-con{padding-top: 48px;display: flex;justify-content: space-between}
.i-news-conL{width: 48%}
.i-news-conL .item{}
.i-news-conL .item .img{overflow: hidden}
.i-news-conL .item .img .g_bg{padding-top: 56%;;transition: .4s all ease}
.i-news-conL .item .text{}
.i-news-conL .item .text h4{padding:  26px 0; font-size: 16px; border-bottom: 1px solid #bfbfbf;color: #000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;;transition: .8s all ease}
.i-news-conL .item .text p{margin-top: 20px; line-height: 2em; color: #606060;overflow: hidden; height: 84px; ;transition: .8s all ease }
.i-news-conL .item:hover h4{color: #35b7eb;border-color: #35b7eb;transition: .8s all ease}
.i-news-conL .item:hover .g_bg{transform: scale(1.08);transition: .8s all ease}
.i-news-conL .readMore{margin-top: 50px;}
.i-news-conR{width: 48%}
.i-news-conR .item{padding-bottom: 24px;margin-bottom:22px;  border-bottom:1px solid #bfbfbf}
.i-news-conR .item h4{font-size: 14px; color: #000;font-weight: bold;transition: .4s all ease}
.i-news-conR .item span{font-size: 14px; color: #000;display: block;margin-top: 10px;transition: .4s all ease}
.i-news-conR .item p{font-size: 12px;color: #606060;margin-top: 17px;line-height: 2em;height: 48px;overflow: hidden;transition: .4s all ease}
.i-news-conR .item:nth-last-child(1){padding-bottom: 0;border-bottom: 0}
.i-news-conR .item:hover h4{color: #35b7eb;transition: .4s all ease}
.i-news-conR .item:hover span{color: #35b7eb;transition: .4s all ease}

.i-technology{width: 32%}
.i-technology .i-title{padding-bottom: 16px;border-bottom: 1px solid #bfbfbf;position: relative;}
.i-technology .i-title span{text-transform: uppercase}
.i-technology .i-title:after{content: '';position: absolute;left: 0;bottom: 0;transform: translateY(50%);width: 82px; height: 3px; background: #35b7eb}
.i-technology .item{margin-top: 24px;position: relative}
.i-technology .item .img{overflow: hidden}
.i-technology .item .g_bg{padding-top: 58.8%;transition: .8s all ease}
.i-technology .item  a > span{position: absolute;left: 0;bottom: 0;width: 100%; font-family: IMPACT; text-transform: capitalize;
 text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 24px; color: #fff;;padding: 20px;background: rgba(0,0,0,.5)}
.i-technology .item:hover .g_bg{transform: scale(1.08);transition: .8s all ease}
.i-technology .item:hover a > span{color: #35b7eb;transition: .4s all ease}

.i-num{margin-top: 78px;padding:40px 0;background: #f6f8fa }
.i-num .g_w{display: flex}
.i-num .item{width: 25%; height: 134px; padding: 0 34px; display: flex;align-items: center; border-right: 1px solid #b5b5b5}
.i-num .item:nth-last-child(1){padding-right: 0;border-right: 0}
.i-num .item:nth-child(1){padding-left: 0}
.i-num .item i{font-size:56px;color: #7b7c7d }
.i-num .item > div{padding-left: 18px;}
.i-num .item span{font-size: 36px; font-weight: bold;display: inline-block;vertical-align: bottom;line-height: 28px}
.i-num .item small{font-size: 12px; text-transform: uppercase;display: inline-block;vertical-align: bottom;line-height: 14px}
.i-num .item b{font-size: 36px;margin-left: 10px; text-transform: uppercase;display: inline-block;vertical-align: middle;line-height: 26px}
.i-num .item p{color: #212121;opacity: .6;line-height: 18px;margin-top: 16px;}
.i-num .item:hover i{color: #35b7eb;transition: .4s all ease}
.i-num .item:hover span{color: #35b7eb;transition: .4s all ease}
.i-num .item:hover small{color: #35b7eb;transition: .4s all ease}
.i-num .item:hover b{color: #35b7eb;transition: .4s all ease}
.i-num .item:hover p{color: #35b7eb;transition: .4s all ease}

footer{background: #606060;padding: 42px 0 60px 0}
footer .f-top{display: flex;justify-content: space-between}
footer .f-top-l{width:246px; }
footer .f-top-l .text{font-size: 12px;color: #b7b6b6;line-height: 18px;margin-top: 16px;}
footer .f-top-l .text a{color: #b7b6b6;}
footer .f-top-l .text a:hover{color: #35b7eb;}
footer .f-top-c{width: 556px}
footer .f-top-c ul  {display: flex;justify-content: space-between}
footer .f-top-c ul li {}
footer .f-top-c ul li>a{font-size: 14px;text-transform: uppercase}
footer .f-top-c ul li a{display: block;color: #fff;transition: .4s all ease}
footer .f-top-c ul li >div{margin-top: 30px;}
footer .f-top-c ul li >div a{opacity:.5;margin-top: 6px;text-transform: capitalize;font-size: 12px; }
footer .f-top-c ul li a:hover{opacity: 1;transform: translate(3px,-3px);transition: .4s all ease}
footer .f-top-r{width:338px;color: #fff; }
footer .f-top-r>b{display: block;font-size: 30px;line-height: 1;}
footer .f-top-r .text{margin-top: 14px;font-size: 12px; line-height: 18px;}
footer .f-top-r .f-app{margin-top: 30px; }
footer .f-top-r .f-app a{margin-right: 4px;display: inline-block ;transition: .4s all ease}
footer .f-top-r .f-app a:hover{transform: translateY(-4px);transition: .4s all ease}

.n-banner{padding-top: 13.3%;min-height: 160px;background-position: 80% 50%  ;background-size: cover}
.n-top{background: #eeedec}
.n-top .g_w{display: flex;justify-content: space-between;align-items: center}
.n-top .n-nav{display: flex;}
.n-top .n-nav a{height: 76px; line-height: 76px;margin-right: 60px;color: #000000;text-transform: uppercase;transition: .4s all ease}
.n-top .n-nav a:hover{color: #35b7eb;transition: .4s all ease}
.n-top .n-nav a.active{color: #35b7eb}

.n-breadcrumb{display: flex;align-items: center;color: #8a8a8a}
.n-breadcrumb i{font-size: 18px;margin-right: 10px;}
.n-breadcrumb a{color: #8a8a8a;text-transform: uppercase;margin: 0 4px;}
.n-breadcrumb a:hover{color: #35b7eb}

.n-title{position: relative;padding-bottom:10px; text-align: center}
.n-title span{font-size: 48px;font-family: IMPACT;text-transform: capitalize;color: #101010}
.n-title span i{color: #35b7eb;font-style: normal}
.n-title:after{ content:'' ; position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 52px; height: 1px; background: #35b7eb}

.n-about3{}
.n-about3 .con1{margin-top: 96px;}
.n-about3 .con1 .g_w > p{text-transform: uppercase;font-size: 48px;font-weight: bold;text-align: center;margin-top: 50px;}
.n-about3 .con1 .list{margin-top: 32px;display: flex;justify-content: space-between;align-items: stretch}
.n-about3 .con1 .list .item{width: 32%;min-height: 546px;padding: 90px 56px 0 56px;background: #c8c8c8;transition: .4s all ease}
.n-about3 .con1 .list .item .title{font-size: 30px; text-transform: uppercase;font-weight: bold;display: block}
.n-about3 .con1 .list .item .text{margin-top: 80px;font-size: 18px;line-height: 2em;}
.n-about3 .con1 .list .item .text p{padding-left:32px;position: relative }
.n-about3 .con1 .list .item .text p:before{content: '';position: absolute;left: 10px;top: 12px; width: 10px; height: 10px; border-radius: 50%;background: #000000 }
.n-about3 .con1 .list .item:nth-child(1) .text p{padding: 0}
.n-about3 .con1 .list .item:nth-child(1) .text p:before{display: none}
.n-about3 .con1 .list .item:hover{background: #35b7eb;transition: .4s all ease}

.n-about3 .con2{margin-top: 100px;}
.n-about3 .con2 .g_w > p{font-size: 30px; text-align: center; text-transform: uppercase}
.n-about3 .con2 .map{margin-top: 40px;text-align: center}
.n-about3 .con2 .map .con{display: inline-block;position: relative}
.n-about3 .con2 .map .con .item{position: absolute;transform-origin: 0 0}
.n-about3 .con2 .map .con .item span{display: block;width: 29px; height: 33px; background: url("../images/add.png") no-repeat;z-index: 10}
.n-about3 .con2 .map .con .item .map-logo{position: absolute; right: 100%; top: 0; transform: translateY(-20px); width: 288px; height:158px; overflow: hidden;background: #fff;
 display: none;align-items: center;justify-content: center; border-radius: 20px; border:3px solid #eeeeee;z-index: 999; }
.n-about3 .con2 .map .con .item .map-logo img{max-height: 100%}
/*
.n-about3 .con2 .map .con .item:nth-child(2){left:9.17%;top:31.46%;}
.n-about3 .con2 .map .con .item:nth-child(3){left:7.31%;top:36.53%;}
.n-about3 .con2 .map .con .item:nth-child(4){left:17.21%;top:47.02%;}
.n-about3 .con2 .map .con .item:nth-child(5){left:34.42%;top:38.87%;}
.n-about3 .con2 .map .con .item:nth-child(6){left:34.71%;top:44.30%;}
.n-about3 .con2 .map .con .item:nth-child(7){left:31.01%;top:63.29%;}
.n-about3 .con2 .map .con .item:nth-child(8){left:72.24%;top:35.44%;}
.n-about3 .con2 .map .con .item:nth-child(9){left:82.49%;top:57.87%;}
.n-about3 .con2 .map .con .item:nth-child(10){left:9.5%;top:80%;}
.n-about3 .con2 .map .con .item:nth-child(11){left:24%;top:51%;}
.n-about3 .con2 .map .con .item:nth-child(12){left:39%;top:75%;}
.n-about3 .con2 .map .con .item:nth-child(13){left:70%;top:21%;}
*/

.n-about3 .con2 .map .con .item:nth-child(2) .map-logo{right: auto;left: 100%}
.n-about3 .con2 .map .con .item:nth-child(3) .map-logo{right: auto;left: 100%}
.n-about3 .con2 .map .con .item:nth-child(4) .map-logo{right: auto;left: 100%}
.n-about3 .con2 .map .con .item:nth-child(10) .map-logo{right: auto;left: 100%}

.n-about3 .con2 .map .con .item:nth-child(odd) span{animation: starsMove 2.6s ease infinite;}
.n-about3 .con2 .map .con .item:nth-child(even) span{animation: starsMove 2.6s ease infinite 1.4s;}

.n-about3 .con2 .map .con .item:hover{z-index: 99}
.n-about3 .con2 .map .con .item:hover .map-logo{display: flex}
.n-about3 .con2 .map .con .item:hover span{background: url("../images/add.png") no-repeat;opacity: 1!important;}

@keyframes starsMove
{
 0% {
  transform: scale(1); opacity: .6;
 }
 50% {
  transform: scale(1.1);opacity: 1;
 }
 100% {
  transform: scale(1);opacity: .6;
 }
}
@-webkit-keyframes starsMove {
 0% {
  transform: scale(1); opacity: .6;
 }
 50% {
  transform: scale(1.1);opacity: 1;
 }
 100% {
  transform: scale(1);opacity: .6;
 }
}

.n-about3 .con3{margin:100px 0 200px 0}
.n-about3 .con3 .list{display: flex;flex-wrap: wrap;justify-content: space-between}
.n-about3 .con3 .item{width: 19%;border: 3px solid #dcdcdc;margin-top: 1%;}
.n-about3 .con3 .item .img{padding-top: 55.5%;position: relative}
.n-about3 .con3 .item img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-height: 100%;max-width: 100%;}
.n-about3 .con3 .item:hover{border-color: #35b7eb;transition: .4s all ease}


.n-about2{}
.n-about2 .con1{margin-top: 100px;}
.n-about2 .con1 .n-title{text-align: left;}
.n-about2 .con1 .n-title:after{left: 0;transform: translate(0)}
.n-about2 .con1 .list{display: flex;align-items: stretch;flex-wrap: wrap}
.n-about2 .con1 .item{width: 19%;margin-right: 1.25%;margin-top: 100px;transition: .4s all ease}
.n-about2 .con1 .item:nth-child(5n){margin-right: 0;}
.n-about2 .con1 .item .img{padding-top: 141%;position: relative;overflow: hidden;transition: .4s all ease}
.n-about2 .con1 .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-height: 100%;max-width: 100%}
.n-about2 .con1 .item span{display: block; font-size: 24px;margin-top: 30px;color: #000;transition: .4s all ease}
.n-about2 .con1 .item:hover { transform: translateY(-8px); transition: .4s all ease}
.n-about2 .con1 .item:hover .img{box-shadow: 0 0 6px #35b7eb;transition: .4s all ease}
.n-about2 .con1 .item:hover span{color: #35b7eb; transition: .4s all ease}

.n-about1{}
.n-about1 .n-title{text-align: left}
.n-about1 .n-title:after{left: 0;transform: translate(0)}
.n-about1 .con1{margin-top: 100px;}
.n-about1 .con1 .text{margin-top: 60px;overflow: hidden}
.n-about1 .con1 .text p{margin-top: 28px;color: #606060;font-size: 18px;line-height: 1.4em;}
.n-about1 .con2{margin-top: 82px;}
.n-about1 .con2 .list{margin-top: 100px;margin-bottom: 180px;}
.n-about1 .con2 .list .item{display: flex;align-items: stretch}
.n-about1 .con2 .list .item:nth-child(2n){  flex-direction:row-reverse}
.n-about1 .con2 .list .item .img{width: 50%;overflow: hidden; }
.n-about1 .con2 .list .item .img .g_bg{ min-height: 270px;height: 100%;transition: .4s all ease}
.n-about1 .con2 .list .item .text{width: 50%;padding: 30px;font-size: 24px;display: flex;align-items: center;transition: .4s all ease}
.n-about1 .con2 .list .item .text div{width: 100%;}
.n-about1 .con2 .list .item .text p{margin-top: 24px;}
.n-about1 .con2 .list .item:hover .g_bg{transform: scale(1.08);transition: .8s all ease}
.n-about1 .con2 .list .item:hover .text{background: #35b7eb; color: #fff; transition: .4s all ease}

.n-contact{}
.n-contact .n-title{text-align: left}
.n-contact .n-title:after{left: 0;transform: translate(0)}
.n-contact .con1{margin-top: 120px;}
.n-contact .con1 .top{margin-top: 30px; font-size: 30px;font-family: IMPACT}
.n-contact .con1 .top b{font-size: 18px;display: block;text-transform: capitalize }
.n-contact .con1 .text{ margin-top: 24px; display: flex;justify-content: space-between;font-size: 18px;line-height: 2em;color: #101010}
.n-contact .con1 .text p{width: 30%;}
/*.n-contact .con1 .text p:nth-last-child(1){text-align: right}*/
.n-contact .con2{margin-top: 54px;}
.n-content-map{text-align: center}
.n-content-map .img{display: inline-block;position: relative}
.n-content-map .qingdao{position: absolute;font-size: 30px;right: 18%; top: 36%;transform-origin:  100% 0 }
.n-content-map .qingdao b{margin-right: 6px;}
.n-content-map .qingdao span{display: inline-block;width: 28px; height: 26px; background: url("../images/stars.png") no-repeat;
 animation: starsMove2 2s ease infinite;}
@keyframes starsMove2
{
 0% {
  background: url("../images/stars.png") no-repeat; opacity: .6;
 }
 50% {
  background: url("../images/stars2.png") no-repeat;opacity: 1;
 }
 100% {
  background: url("../images/stars.png") no-repeat; opacity: .6;
 }
}
@-webkit-keyframes starsMove2 {
 0% {
  background: url("../images/stars.png") no-repeat; opacity: .6;
 }
 50% {
  background: url("../images/stars2.png") no-repeat;opacity: 1;
 }
 100% {
  background: url("../images/stars.png") no-repeat; opacity: .6;
 }
}

.n-contact .con3{margin-bottom: 100px;}
.n-contact .con3 .g_w{display: flex;align-items: center}
.n-contact .con3 .con-l{width: 50%;padding: 72px 46px;position: relative}
.n-contact .con3 .con-r{width: 50%}
.n-contact .con3 .con-l:before{ content: ''; width:calc(100% + 180px) ;height: 100%;position: absolute; left: 0;top: 0; z-index: 6;background: rgba(247,247,247,.88)}
.n-contact .con3 .con-l .n-title{position: relative;z-index: 9}
.n-contact .con3 .con-l .form{position: relative;z-index: 9}
.n-contact .con3 .con-l .form > input{display: block;padding: 0 20px; margin-top: 26px;  width:398px; max-width: 100%; height: 44px; line-height: 44px; border: 1px solid #e5e5e5;background: #fff;}
.n-contact .con3 .con-l .form > textarea{display: block;padding: 20px; margin-top: 26px;  width:100%; height: 210px; border: 1px solid #e5e5e5;background: #fff;}
.n-contact .con3 .con-l .form-btn{margin-top: 22px;}
.n-contact .con3 .con-l .form-btn input{ margin: 0 4px; display: inline-block;width: 194px; height: 44px; background: #dcdcdc; border: 1px solid #e5e5e5;
 text-align: center;line-height: 44px; text-transform: uppercase; color: #111111;transition: .4s all ease}
.n-contact .con3 .con-l .form-btn input:hover{background: #35b7eb;color: #fff;transition: .4s all ease}
.n-contact .con3 .con-l .form > input:hover{box-shadow: 0 0 4px #35b7eb; border-color: #35b7eb; transition: .4s all ease}
.n-contact .con3 .con-l .form > textarea:hover{box-shadow: 0 0 4px #35b7eb; border-color: #35b7eb; transition: .4s all ease}

.n-news{}
.n-news .top{margin-top: 60px;}
.n-news .top a{display: flex;align-items: stretch;color: #fff;}
.n-news .top .img{width: 50%;overflow: hidden}
.n-news .top .img .g_bg{padding-top:66.4%;height: 100%;transition: .8s all ease}
.n-news .top .con-r{width: 50%;padding: 30px;background: #51628d;display: flex;align-items: center}
.n-news .top .text{width: 100%}
.n-news .top .text h4{font-weight: bold}
.n-news .top .text span{display: block;margin-top: 10px;}
.n-news .top .text p{display: block;margin-top: 30px;line-height: 1.7em;}
.n-news .top .text i{display: block;margin-top: 30px;width: 120px; height: 40px; line-height: 40px; font-style: normal;
 text-transform: capitalize; text-align: center;border-radius: 30px;background: #7787af;transition: .4s all ease}
.n-news .top:hover .g_bg{transform: scale(1.08);transition: .8s all ease}
.n-news .top .text i:hover{transform: translateX(8px);transition: .4s all ease}
.n-news .list{}
.n-news .list .item{margin-top: 28px;}
.n-news .list .item .n_item_h1{padding: 24px;background: #f1f1f1;border: 0}
.n-news .n_item_h1Info h4{font-size: 18px;color: #0b318f}
.n-news .n_item_h1 a{align-items: flex-end}
.n-news .n_item_h1Info>span{margin-top: 40px; width: 114px; height: 40px; text-align: center; line-height: 40px;text-transform: capitalize;color: #fff; border-radius: 30px;
 background:#aaacb2;}
.n-news .n_item_h1Bg{padding-top: 62%}
.n-news .n_item_h1Img{width: 440px;}
.n-news .n_item_h1Info{width:calc(100% - 440px) ;}
.n-news .n_item_h1Info>span:hover{background: #35b7eb;color: #fff}


.n-down{}
.n-down .con1{}
.n-down-nav{display: flex;justify-content: space-between;margin-top: 50px;}
.n-down-nav a{display: block; width: 33%; height: 77px;line-height: 77px; text-align: center;color: #fff;font-size: 30px; text-transform: capitalize;background: #1d39b4}
.n-down-nav a:hover{background: #35b7eb;color: #111216;transition: .4s all ease}
.n-down-nav a:hover{background: #35b7eb;color: #111216;transition: .4s all ease}
.n-down-nav a.active{background: #35b7eb;color: #111216}

.n-down .list{display: flex;flex-wrap: wrap}
.n-down .list .item{width: 31%;margin-right: 3.5%;margin-top: 66px;}
.n-down .list .item:nth-child(3n){margin-right: 0;}
.n-down .list .item .img{overflow: hidden;transition: .4s all ease}
.n-down .list .item .g_bg{padding-top: 66.7%;transition: .8s all ease}
.n-down .list .item.downItem .g_bg{padding-top:130%;transition: .8s all ease}

.n-down .list .item .text h4{ margin-top:40px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap}
.n-down .list .item .text span{ margin-top:12px;display: block}
.n-down .list .item .text p{ margin-top:10px;display: block;color: #777777;line-height: 1.7em; height: 44px; overflow: hidden}
.n-down .list .item .text .a{margin-top: 34px;display: flex}
.n-down .list .item .text .a a{display: block; margin-right: 10px; width: 108px; height: 40px; text-align: center; line-height: 40px;text-transform: capitalize;color: #fff; border-radius: 30px;
 background:#aaacb2;transition: .4s all ease}
.n-down .list .item .text .a a:hover{background: #35b7eb;color: #fff;transition: .4s all ease}
.n-down .list .item:hover .g_bg{transform: scale(1.08);transition: .8s all ease}
.n-down .list .item:hover .img{box-shadow: 0 0 6px #000 ;transition: .4s all ease}
.n-down .list .item:hover h4{color: #35b7eb;transition: .4s all ease}

.n-pro{}
.n-pro .n-title{text-align: left; }
.n-pro .n-title span{text-transform: uppercase}
.n-pro .n-title:after{left: 0;transform: translate(0)}
.n-pro .con1{margin-top: 64px;margin-bottom: 160px;}
.n-pro .con1 .g_w{ display: flex;justify-content: space-between}
.n-pro .con1 .con-l{width: 262px;}
.n-pro .con1 .con-r{width:calc(100% - 262px);padding-left: 68px;}
.n-pro-nav{margin-top: 38px;}
.n-pro-nav b{display: block; margin-bottom: 14px; height: 112px; line-height: 112px;font-size: 32px; color: #101010;
 padding-left: 10px; font-family: IMPACT;text-transform: uppercase;background: #35b7eb}
.n-pro-nav a{display: block; margin-top: 5px; height: 60px; transition: .4s all ease;
 line-height: 60px;font-size: 15px;padding-left: 10px; 
 /*font-family: IMPACT;*/
 background: #e8e8e8;color: #101010}
.n-pro-nav a:hover{background: #ffa936;color: #fff;transition: .4s all ease}
.n-pro-nav a.active{background: #ffa936;color: #fff;transition: .4s all ease}
.n-pro-more{margin-top: 44px;}
.n-pro-search{display: flex;border-top: 10px solid #35b7eb}
.n-pro-search input{width: calc(100% - 138px); height: 46px; line-height: 46px; border: 1px solid #dcdcdc;padding: 0 40px;}
.n-pro-search i{width: 138px; text-align: center;height: 46px; line-height: 46px; font-size: 30px; color: #000;background: #35b7eb}
.n-pro .item{margin-top: 54px;}
.n-pro .item .title1{font-family: IMPACT;font-size: 30px;padding-bottom: 16px; border-bottom: 1px solid #35b7eb; position: relative;color: #101010}
.n-pro .item .title1:after{position: absolute;left: 0;bottom: 0;width: 194px; height: 10px; background: #35b7eb;content: '' }
.n-pro .item .n-pro-item{padding: 9px; display: flex;align-items: center; background: #aeb0b5;transition: .4s all ease }
.n-pro .item .n-pro-item .item-img{width: 52%;position: relative}
.n-pro .item .n-pro-item .g_bg{padding-top:69.7%; }
.n-pro .item .n-pro-item .text{width: 48%;padding: 0 24px}
.n-pro .item .n-pro-item .title{display: flex;align-items: flex-end}
.n-pro .item .n-pro-item .title b{font-size: 60px;font-family: IMPACT;color: #fff;font-weight: 400;line-height: 1}
.n-pro .item .n-pro-item .title img{margin: 0 10px;}
.n-pro .item .n-pro-item .title span{font-size: 24px;font-family: IMPACT;color: #fff;line-height: 1}
.n-pro .item .n-pro-item .icon {display: flex; margin-top: 24px; text-align: center;justify-content: space-between}
.n-pro .item .n-pro-item .icon img{height: 40px;}
.n-pro .item .n-pro-item .icon em{display: block;font-size: 13px;color: #fff;font-style: normal;margin-top: 14px;text-transform: uppercase}
.n-pro .item .n-pro-item .text > span{display: block; margin-top: 36px; width: 86px; height: 28px; line-height: 28px;text-align: center; text-transform: capitalize;
 color: #aeb0b5;background: #fff;border-radius: 30px;transition: .4s all ease}
.n-pro .item:hover .n-pro-item{background: #08348b;transition: .4s all ease}
.n-pro .item:hover .n-pro-item .text > span{ transform: translateX(8px); background: #35b7eb; color: #fff; transition: .4s all ease}


.n-pro-d{}
.n-pro-d .con1{}
.n-pro-d .item .n-pro-item{ background: none;align-items: flex-start}
.n-pro-d .item .n-pro-item .title b{color: #090909}
.n-pro-d .item .n-pro-item .title span{color: #090909}
.n-pro-d .item .n-pro-item .icon em{color: #0f457d;}
.n-pro-d .item .item-features{font-size: 18px;color: #080808;text-transform: capitalize;margin-top: 44px;}
.n-pro-d .item .n-pro-item .text{margin-top: 50px;}
.n-pro-d .item:hover .n-pro-item{background: none;}
.n-pro-d .swiper-slide{padding: 1px;}
.n-pro-d .gallery-thumbs{margin-top: 34px;}
.n-pro-d .gallery-thumbs .swiper-slide .img{border: 1px solid #dcdcdc;}
.n-pro-d .gallery-thumbs .swiper-slide-thumb-active .img{border-color: #000}

.n-pro-tab{margin-top: 30px;}
.n-pro-tabNav{display: flex;justify-content: space-between}
.n-pro-tabNav a{width: 50%;height: 66px;  font-size: 24px; color: #fff;  text-align: center; text-transform: capitalize;line-height: 66px; border: 1px solid #fff; border-bottom: 0; background: #1e39b4;transition: .4s all ease}
.n-pro-tabNav a:hover{background: #35b7eb;color: #090909;transition: .4s all ease}
.n-pro-tabNav a.active{background: #35b7eb;color: #090909;transition: .4s all ease}
.n-pro-tabCon{display: none}
.n-pro-tabCon th{font-size: 16px; color: #fff;background: #7a818c;font-weight: 400;text-align: center; width: 20%; }
.n-pro-tabCon td{font-size: 16px; color: #000000;background: #eaeff7;text-align: center;width: auto!important; min-height: 44px; padding: 8px; border: 1px solid #ddd!important;}
.n-pro-tabCon tbody tr:nth-child(1) td{font-size: 16px; color: #fff;background: #7a818c;font-weight: 400;text-align: center;border: 0;width: 20%;border-color: #fff!important;}
.n-pro-tabCon table{width: auto!important;min-width: 100%;}
.n-pro-tabCon.active{display: block}
.n-pro-tabCon .text{padding: 20px ;border: 1px solid #dfdfdf;font-size: 16px; line-height: 1.6em;}

.n-technology2{}
.n-technology2 .n-title {text-align: left}
.n-technology2 .n-title:after{left: 0;transform: translate(0)}
.n-technology2 .con1{margin: 100px 0 80px 0}
.n-technology2 .con1 .text{margin-top: 30px;overflow: hidden}
.n-technology2 .con1 .text p{margin-top: 30px; font-size: 30px;}
.n-technology2 .con2 .text p{margin-top: 30px; font-size: 30px;}
.n-technology2 .con2{padding-bottom: 360px;}
.n-technology2 .con2 .list{margin-top: 70px; display: flex;justify-content: space-between}
.n-technology2 .con2 .item{width: 24%;position: relative}
.n-technology2 .con2 .item .name{display: block;width: 100%;height: 66px; line-height: 66px; text-align: center;color: #fff;font-size: 30px;
 border-top-right-radius: 16px;border-top-left-radius: 16px;background: #1d39b6}
.n-technology2 .con2 .item:nth-child(2n) .name{background: #ffa936}
.n-technology2 .con2 .item .after{position: absolute;left: 50%;top: 100%;transform: translateX(-50%);width: auto}
.n-technology2 .con2 .item .after:before{width: 2px; height: 80px; margin: 10px auto;display: block;content: ' ';background: #000;transform: translateY(-10px); opacity: 0; transition: .4s all ease}
.n-technology2 .con2 .item .after img{width: auto;max-width: 50vw;transform: translateY(-10px); opacity: 0; transition: .4s all ease}
.n-technology2 .con2 .item:hover .after:before{transform: translateY(0); opacity:1; transition: .4s all ease}
.n-technology2 .con2 .item:hover .after img{transform: translateY(0); opacity:1; transition: .4s all ease}

.n-technology-plant{ margin-bottom: 76px; padding: 50px 0 70px 0;background: #3f1bc5}
.n-technology-plant span{color: #fff}
.n-technology-swiper{margin:56px 0 0 0 }
.n-technology-swiper .swiper-slide {width: 427px; }
.n-technology-swiper .swiper-slide .g_bg{padding-top: 74.4%; }

.n-technology1{}
.n-technology1 .n-title {text-align: left}
.n-technology1 .n-title:after{left: 0;transform: translate(0)}
.n-technology1 .con1{margin: 100px 0 150px 0;}
.n-technology1 .con1 .img-list{ margin-top: 36px; display: flex;justify-content: space-between}
.n-technology1 .con1 .img-list .img{width: 30%;transition: .4s all ease}
.n-technology1 .con1 .img-list .g_bg{padding-top: 75.4%;}
.n-technology1 .con1 .img2{margin-top: 50px;}
.n-technology1 .con1 .img-list .img:hover{box-shadow:  0 0 16px #35b7eb; transform: translateY(-10px);}
.n-technology1 .con1 .list-row{display: flex; justify-content: space-between; padding-bottom: 60px; border-bottom: 1px solid #bfbfbf;}
.n-technology1 .con1 .list-row:nth-last-child(1){border: 0}
.n-technology1 .con1 .list-row .item{width: 48%;margin-top: 60px;}
.n-technology1 .con1 .list-row .item .img{overflow: hidden;max-width: 428px;}
.n-technology1 .con1 .list-row .item .g_bg{padding-top: 62.5%;transition: .8s all ease}
.n-technology1 .con1 .list-row .item .text > span{display: block;font-size: 30px; color: #0a0a0a;margin-top: 56px; text-transform: capitalize; transition: .4s all ease}
.n-technology1 .con1 .list-row .item .text > p{display: block;font-size: 18px; line-height: 30px; color: #0a0a0a;margin-top: 20px;transition: .4s all ease}
.n-technology1 .con1 .list-row .item:hover .text > span{color: #35b7eb;transition: .4s all ease}
.n-technology1 .con1 .list-row .item:hover .text > p{color: #35b7eb;transition: .4s all ease}
.n-technology1 .con1 .list-row .item:hover .g_bg{transform: scale(1.08);transition: .8s all ease}

.news-d-content{margin-top: 80px;margin-bottom: 40px;}
.news-d-title h3{font-size: 26px;font-weight: 500;margin-bottom: 10px;}
.news-d-contentText{margin-top: 20px; padding-bottom: 20px;}
.news-d-contentText p{line-height: 1.8em;margin-top: 10px;}

.new-btn{position: relative;margin-top: 50px;}
.new-btn-l{padding-right: 80px;width: 100%}
.new-btn-l-next{border-bottom: 1px solid #dadada}
.new-btn-l-next:nth-child(2){border: 0}
.new-btn-l > div{padding: 12px 0;}
.new-btn-r{position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.new-btn-r a{  display: block; width: 74px;height: 74px;  padding: 16px 0; text-align: center; border-radius: 50%;color: #fff;background: #1a3182;transition: .4s all linear}
.new-btn-r span{display: block}
.new-btn-r span:nth-child(3){font-size: 10px;}
.new-btn-r i{display: block}
.new-btn-r a:hover{background: #1a3182;transition: .4s all linear}
.new-btn-l a{ display: flex;justify-content: space-between}
.new-btn-l a span{font-size: 18px;color: #333}
.new-btn-l a span b{ font-weight: 100; color: #666;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.new-btn-l a span:nth-child(1){display: block;width: calc(100% - 80px);padding-right: 110px;position: relative;
 overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new-btn-l a span:nth-child(2){font-size: 14px;display: block;width: 64px;}

.new-btn-l a:hover span{color: #35b7eb}
.new-btn-l a:hover span b{color: #35b7eb}
.new-btn-l a:hover span i{color: #35b7eb}


.n-technology2-img {display: flex;margin-top: 42px;}
.n-technology2-img .con-l{width:194px;}
.n-technology2-img .con-r{width: calc(100% - 194px);padding-left: 80px;}
.n-technology2-img .con-r .img2{margin-top: 100px;}
.n-technology2-img .con-r .img3{margin-top: 140px;}
.n-technology2-img .con-r .img4{margin-top: 130px;}

@media (max-width: 1680px) {
}

@media (max-width:1440px) {
 .i-title{font-size: 40px;}
 .n-about3 .con2 .map .con .item{transform: scale( calc(1440 / 1920) );z-index: 10}
 .n-about2 .con1 .item{margin-top: 70px;}
 .n-about2 .con1 {margin-top: 70px;}
 .n-about1 .con1{margin-top: 70px;}
 .n-about1 .con2{margin-top: 70px;margin-bottom: 100px;}
 .n-about1 .con2 .list{margin-top: 70px;}
 .n-about1 .con2 .list .item .text {font-size: 20px;}

 .n-contact .con1{margin-top: 80px;}
 .n-contact .con1 .text{font-size: 16px;}

 .n-pro .item .n-pro-item .title b{font-size: 48px;}
 .n-pro .item .n-pro-item .title span{font-size: 20px;}
 .n-pro .con1{margin-bottom: 100px;}

 .n-pro-tabNav a{font-size: 20px;}
 .n-pro-tabCon th{font-size: 16px;}
 .n-pro-tabCon td{font-size: 14px;}

 .n-technology2 .con1 .text{margin-top: 0}
 .n-technology2 .con1 .text p{font-size: 24px;}
 .n-technology2 .con2 .text p{font-size: 24px;}
 .n-technology2 .con1 .text img{width: 80%}
 .n-technology-swiper .swiper-slide{width: 340px;}

 .n-technology1 .con1{margin: 80px 0;}

 .n-technology1 .con1 .list-row{padding-bottom: 40px}
 .n-technology1 .con1 .list-row .item .text > span{margin-top: 30px;font-size: 24px;}
 .n-technology1 .con1 .list-row .item .text > p{margin-top: 10px;font-size: 16px;line-height: 26px;}
}


@media (max-width:1300px) {
 .g_w{padding: 0 5%;}
 .h-nav1 > li{margin-left: 26px;}
 .i-num .item{padding: 0 20px}
 footer .f-top-c{width: 460px;}
 .n-pro .item .n-pro-item .icon em{font-size: 12px;}

}
@media (max-width:1280px) {

}

@media (max-width:1220px) {
 .g_body{padding-top: 60px;}
 .n-body{padding-top: 60px;}
 .pcNav{display: none;}
 .webNav{display: block;}
 footer .f-top-c{display: none}
 .i-title{font-size: 34px;}

 .i-about{padding: 80px  0}
 .i-about-tabNab a{font-size: 16px;margin-right: 20px}
 .i-about-tabCon .text p{font-size: 14px;}
 .i-about .readMore{margin-top: 20px;}

 .i-pro .i-title span{font-size: 44px;}
 .i-pro .i-title b{font-size: 68px;}
 .i-pro-tabNav .item .text span{font-size: 20px;}
 .i-pro-tabNav .item a>span{font-size: 16px;padding: 0 10px;}
 .i-pro-tabNav .item a{height: 100px;}

 .i-num .item i{font-size: 50px;}
 .i-num .item span{font-size: 30px;}
 .i-num .item b{font-size: 30px;}
 .i-num .item{padding: 0 10px}

 .n-top .n-nav a{margin-right: 40px;}
 .n-breadcrumb a{font-size: 12px;}

 .n-title span{font-size: 38px;}
 .n-about3 .con1 .g_w > p{font-size: 32px;}
 .n-about3 .con1 .list .item{padding: 60px 36px 30px 36px; min-height: 440px;}
 .n-about3 .con1 .list .item .text{margin-top: 50px;}
 .n-about3 .con2 .g_w > p{font-size: 24px}
 .n-about3 .con1 .list .item .title{font-size: 24px;}
 .n-about3 .con1 .list .item .text{font-size: 16px;}
 .n-about3 .con2 .map .con .item{transform: scale( calc(1220 / 1920) );z-index: 10}
 .n-about3 .con3{margin: 100px 0}

 .n-about2 .con1 {margin-top: 50px;}
 .n-about2 .con1 .item{margin-top: 50px;width: 24%;margin-right: 1.33%;}
 .n-about2 .con1 .item:nth-child(5n){margin-right: 1.33%;}
 .n-about2 .con1 .item:nth-child(4n){margin-right: 0;}
 .n-about2 .con1 .item span{font-size: 18px;margin-top: 10px;}

 .n-about1 .con1{margin-top: 50px;}
 .n-about1 .con2{margin-top: 50px;margin-bottom: 50px;}
 .n-about1 .con2 .list{margin-top: 50px;}
 .n-about1 .con2 .list .item .text {font-size: 18px;padding: 20px;}

 .n-contact .con1{margin-top: 50px;}
 .n-contact .con1 .text{display: block;}
 .n-contact .con1 .text p{display: block;width: 100%}
 .n-content-map .qingdao{transform: scale( calc(1220 / 1920) );}

 .n-contact .con3 {display: block;margin-top: 20px;}
 .n-contact .con3 .g_w{display: block}
 .n-contact .con3 .con-l{width: 100%;padding: 40px 20px;}
 .n-contact .con3 .con-l:before{width: 100%;}
 .n-contact .con3 .con-r{display: none}

 .n-down-nav a{height: 60px; line-height: 60px;font-size: 20px;}

 .n-pro-nav b{font-size: 38px;}
 .n-pro .item .title1{font-size: 24px;}
 .n-pro .item .n-pro-item{display: block;}
 .n-pro .item .n-pro-item .item-img{width: 100%}
 .n-pro .item .n-pro-item .text{width: 100%;padding: 20px }
 .n-pro-search i{width: 80px;}
 .n-pro-search input{width: calc(100% - 80px)}
 .n-pro .con1{margin-bottom: 70px;}

 .n-technology2 .con1{margin: 60px 0; }
 .n-technology2 .con1 .text p{font-size: 20px;margin-top: 20px;}
 .n-technology2 .con2 .text p{font-size: 20px;margin-top: 20px;}

 .n-technology1 .con1{margin: 60px 0;}


 .n-technology1 .con1 .list-row{padding-bottom: 20px;}
 .n-technology1 .con1 .list-row .item{margin-top: 20px;}
 .n-technology1 .con1 .list-row .item .text > span{font-size: 20px;margin-top: 10px}
 .n-technology1 .con1 .list-row .item .text > p{font-size: 14px;line-height: 24px;}

 .n-technology2 .con2 .item .name{font-size: 20px;height: 60px; line-height: 60px; }

}

@media (max-width:1024px) {
 .i-num .g_w{flex-wrap: wrap}
 .i-num .item{padding: 0 20px!important;width: 50%}
 .i-num .item:nth-child(2){border: 0}
}

@media (max-width:998px){
 .i-about .g_w{display: block}
 .i-about .g_w .con-l{width: 100%;padding-right: 0}
 .i-about .g_w .con-r{width: 100%;padding-right: 0;margin-top: 20px;}
 .i-about-tabCon .text{min-height: 0}

 .i-pro .i-title span{font-size: 34px;}
 .i-pro .i-title b{font-size: 48px;}
 .i-pro .i-title{margin-top: 40px;}
 .i-pro-tab{height: 400px;}
 .i-pro-tabNav{flex-wrap: wrap}
 .i-pro-tabNav .item{width: 20%;}
 .i-pro-tabNav .item a{height: 50px;border-bottom: 1px solid rgba(255,255,255,.43)}
 .i-pro-tabNav .item .text{display: none}
 .i-pro-tabNav .item a>span{opacity: 1!important;}

 .i-con{margin-top: 60px;}
 .i-con .g_w{display: block}
 .i-news{width: 100%}
 .i-technology{width: 50%;margin: 30px auto 0 auto}

 .n-top{padding: 10px 0}
 .n-top .g_w{display: block}
 .n-top .n-nav{ border-bottom: 1px solid #dfdfdf}
 .n-top .n-nav a{height: 46px;line-height: 46px;}
 .n-breadcrumb{margin-top: 10px;}
 .n-breadcrumb i{font-size: 14px;margin-right: 4px}

 .n-title span{font-size: 30px;}
 .n-about3 .con1 .g_w > p{font-size: 20px;margin-top: 20px;}
 .n-about3 .con1 .list{display: block}
 .n-about3 .con1 .list .item{width: 100%;padding: 20px;min-height: 200px;margin-top: 10px;}
 .n-about3 .con1 .list .item .text{margin-top: 20px;font-size: 14px;}

 .n-about2 .con1 {margin-top: 40px;}
 .n-about2 .con1 .item{margin-top: 40px;width: 32%;margin-right: 2%;}
 .n-about2 .con1 .item:nth-child(5n){margin-right: 2%;}
 .n-about2 .con1 .item:nth-child(4n){margin-right: 2%;}
 .n-about2 .con1 .item:nth-child(3n){margin-right: 0;}
 .n-about2 .con1 .item span{font-size: 14px;}

 .n-news .top a{display: block}
 .n-news .top .img{width: 100%}
 .n-news .top .con-r{width: 100%;padding: 16px;}
 .n-news .top .text p{margin-top: 10px;}
 .n-news .list .item .n_item_h1{padding: 16px}
 .n-news .n_item_h1 a{display: block}
 .n-news .n_item_h1Info{width: 100%;padding: 0;margin-top: 20px;}
 .n-news .n_item_h1Img{margin: 0 auto; max-width: 100%}
 .n-news .n_item_h1Info>span{margin-top: 20px;height: 36px;line-height: 36px;}
 .n-news .n_item_h1Info h4{font-size: 16px;}
 .n_item_h1Info p{margin-top: 10px;}

 .n-down .list{justify-content: space-between}
 .n-down .list .item{width: 49%;margin-right: 0!important;}
 .n-pro .con1 .con-r{padding-left: 30px;}
 .n-pro-nav b{font-size: 30px;}

 .n-technology2-img{display: block}
 .n-technology2-img .con-l{width: 100%}
 .n-technology2-img .con-r{width: 100%;margin-top: 20px;padding: 0}
 .n-technology2-img .img1{display: none}
 .n-technology2-img .imgWeb{display: block}
 .n-technology2-img .con-r .img{margin-top: 20px!important; }

 .n-technology2 .con2 .list{margin-top: 40px;}
 .n-technology2 .con2 .item .after{display: none}
 .n-technology2 .con2{padding-bottom: 40px;}
 .n-technology2 .con2 .list{flex-wrap: wrap}
 .n-technology2 .con2 .item{width: 49%;margin-top: 2%;}
 .n-technology2 .con2 .item img{width: 100%;}
}
@media (max-width:768px) {
 .i-title{font-size: 24px;}
 .i-pro-tab{height: 340px}
 .i-pro .i-title span{font-size: 24px;}
 .i-pro .i-title b{font-size: 38px;}
 .i-pro-tabNav .item a>span{font-size: 14px;white-space: nowrap;padding: 0}

 .i-about{padding: 40px  0}
 .i-about-tab{margin-top: 20px;}
 .i-about-tabNab{justify-content: space-between}
 .i-about-tabNab a{padding-bottom: 6px;font-size: 14px;}
 .i-about .readMore{margin-top: 20px;}

 .i-news-con{display: block}
 .i-news-conL{width: 100%}
 .i-news-conL .readMore{display: none}
 .i-news-conR{width: 100%;margin-top: 20px;}
 .i-technology{width: 100%;margin: 30px auto 0 auto}

 .i-num{margin-top: 40px;padding-top: 20px;}
 .i-num .item{padding: 0 20px!important;width: 100%;border: 0;height: auto;margin-top: 20px;}

 footer{padding: 20px 0}
 footer .f-top{display: block}
 footer .f-top-l{width: 100%; }
 footer .f-top-l img{width: 160px; }

 footer .f-top-r{width: 100%;margin-top: 20px;}
 footer .f-top-r>b{font-size: 24px}

 .n-title span {font-size: 24px;}
 .n-top .n-nav{display:block }
 .n-top .n-nav a{width: 100%;display: block;margin: 0;height: 46px;line-height: 46px;text-align: center;border-bottom: 1px solid #dfdfdf}

 .n-about3 .con1{margin-top: 40px;}
 .n-about3 .con1 .list .item .title{font-size: 20px;}
 .n-about3 .con2{margin-top: 40px;}
 .n-about3 .con2 .g_w > p{font-size: 20px;}
 .n-about3 .con2 .map .con .item{transform: scale( calc(768 / 1920) );z-index: 10}
 .n-about3 .con3{margin: 40px 0}
 .n-about3 .con3 .item{width: 32%}

 .n-about2 .con1 {margin-top: 40px;}
 .n-about2 .con1 .item{margin-top: 20px;width: 49%;margin-right: 2%;}
 .n-about2 .con1 .item:nth-child(5n){margin-right: 2%;}
 .n-about2 .con1 .item:nth-child(4n){margin-right: 2%;}
 .n-about2 .con1 .item:nth-child(3n){margin-right: 2%;}
 .n-about2 .con1 .item:nth-child(2n){margin-right: 0;}

 .fenye{margin: 30px 0}
 .n-about1 .con1 .text{margin-top: 0}
 .n-about1 .con1 .text p{font-size: 14px;margin-top: 16px;}
 .n-about1 .con2 .list .item{display: block;margin-top: 16px;}
 .n-about1 .con2 .list .item .text {font-size: 14px;width: 100%;border: 1px solid #35b7eb;padding: 14px; }
 .n-about1 .con2 .list .item .img {width: 100% }
 .n-about1 .con2 .list .item .text p{margin-top: 10px;}
 .n-about1 .con2 .list{margin-top: 20px;margin-bottom: 40px;}

 .n-contact .con1{margin-top: 30px;}
 .n-contact .con1 .top{font-size: 20px;}
 .n-contact .con1 .top b{font-size: 14px;}
 .n-contact .con1 .text p{font-size: 14px;}
 .n-contact .con3{margin-bottom: 40px;}
 .n-contact .con3 .con-l{padding: 20px 12px;}
 .n-contact .con3 .con-l .form > input{margin-top: 8px;}
 .n-contact .con3 .con-l .form > textarea{margin-top: 8px;height: 140px;}
 .n-contact .con3 .con-l .form-btn input{width: 120px;}

 .n-down-nav {display: block;margin-top: 30px}
 .n-down-nav a{height: 36px; line-height: 36px;font-size: 18px;width: 100%;margin-top: 6px;}
 .n-down .list{display: block}
 .n-down .list .item{width: 100%;margin-top: 30px;}
 .n-down .list .item .text h4{margin-top: 10px;}
 .n-down .list .item .text .a {margin-top: 16px;}
 .n-down .list .item .text .a a{height: 36px; line-height: 36px; }

 .n-pro .con1{margin-top: 40px;}
 .n-pro .con1 .g_w{display: block;}
 .n-pro .con1 .con-l{width: 100%;}
 .n-pro .con1 .con-r{width: 100%;padding-left: 0}
 .n-pro-nav b{display: none}
 .n-pro-more{display: none}
 .n-pro-nav{ margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap}
 .n-pro-nav a{width: 49%;height: 32px; font-size: 14px; text-align: center;line-height: 32px; border: 1px solid #35b7eb;padding: 0 }
 .n-pro-search{margin-top: 40px;}
 .n-pro-search input{height: 36px; line-height: 36px;}
 .n-pro-search i{height: 36px; line-height: 36px;}
 .n-pro .item{margin-top: 20px;}
 .n-pro .item .n-pro-item .text{padding:20px 0;}
 .n-pro .item .n-pro-item .icon {}
 .n-pro .item .n-pro-item .icon img{height: 30px;}
 .n-pro .item .n-pro-item .title b{font-size: 30px;}
 .n-pro .item .n-pro-item .title span{font-size: 16px;}
 .n-pro .item .n-pro-item{padding: 12px;}
 .n-pro .con1{margin-bottom: 40px;}
 .n-pro .item .n-pro-item .text{margin-top: 20px}
 .n-pro-d .item .item-features{margin-top: 20px;}
 .n-pro .item .n-pro-item .icon{margin-top: 20px;}
 .n-pro-d .gallery-thumbs{margin-top: 10px;}
 .n-pro-tabCon th {font-size: 14px;}
 .n-pro-tabCon td {font-size: 12px;}
 .n-pro-tabNav a{height: 36px;line-height: 36px;font-size: 14px;}
 .n-pro-tab{margin-top: 0;}
 .n-technology2 .con1{margin: 40px 0}
 .n-technology2 .con1 .text p{font-size: 16px;}
 .n-technology2 .con2 .text p{font-size: 16px;}
 .n-technology2 .con1 .text img{width: 100%}
 .n-technology-plant{padding: 30px 0;margin-bottom: 40px;}
 .n-technology-swiper{margin-top: 30px;}
 .n-technology-swiper .swiper-slide{width: 200px;}

 .n-technology1 .con1{margin: 30px 0}
 .n-technology1 .con1 .img2{margin-top: 30px;}
 .n-technology1 .con1 .img-list{margin-top: 30px;}
 .n-technology1 .con1 .list-row{display: block;padding: 0;border: 0}
 .n-technology1 .con1 .list-row .item{width: 100%;padding-bottom: 20px;border-bottom: 1px solid #bfbfbf}

 .new-btn{margin-top: 10px;}
 .new-btn-l a span b{display: none}
 .new-btn-l a span:nth-child(1){padding-right: 0}
 .news-d-title h3{font-size: 20px;}
 .news-d-content{margin-top: 40px;}

 /*.n-technology2 .con2 .item{width: 100%;margin-top: 2%;}*/
 .n-technology2 .con2 .list{margin-top: 20px;}
 .n-technology2 .con2 .item .name{font-size: 18px;height: 40px;line-height: 40px;}
}
@media (max-width:600px){
}

@media (max-width:500px){

}