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


.pcNav{position: fixed;left: 0;top: 0; width: 100%; z-index: 999; transition: .4s all ease}
.pcNav.active{border-color:#eaeaea;background: rgba(255,255,255,.85)}
.pcNav_w{max-width: 1450px; margin: 0 auto}
.n-pcNav{background: #fff;}
.n-pro .pcNav{background:rgba(0,0,0,.5)}
.pcNav-b{display: flex;justify-content: space-between;align-items: center;}
.pcNav-l{}
.pcNav-l img{   transition: .4s all ease}
.pcNav-l a:nth-child(2){display: none}
.pcNav.active .pcNav-l a:nth-child(1){display: none}
.pcNav.active .pcNav-l a:nth-child(2){display: block}

.pcNav-r{  margin-left: 40px; position: relative;display: flex;align-items: center;z-index: 9}
.pcNav-r .pcNav-r-search{position: relative;padding-left: 10px;margin-left: 40px;}
.pcNav-r i{color: #004098; font-size: 20px; transition: .4s all ease}
.pcNav-r.active i{color: #525252; }
.pcNav-r i:hover{color: #004098;transition: .4s all ease }
.pcNav-r input{ height: 30px; line-height: 30px; font-size: 14px; color: #333; border: 0; border-bottom: 1px solid #fff;box-shadow:  0 0 2px #dfdfdf;
 position: absolute;right: 0;top: 50%; transform: translateY(-50%); white-space: nowrap;width: 0; opacity: 0;padding: 0;transition: .4s all ease;overflow: hidden}
.pcNav-r a{font-size: 18px; color: #fff;font-family: SONGJIAN;font-weight: 600}
.pcNav-r .pcNav-r-search:hover input{width: 180px;opacity: 1; right: 100%; padding: 0 20px; transition: .4s all ease}
.pcNav-r .pcNav-r-search:hover a{width: 140px;opacity: 1; right: 100%; padding: 0 10px; 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{ width: calc(100% - 160px);   display: flex;justify-content: flex-end;align-items: center;position: relative}
.pcNav .g_w{position: relative}
.h-nav1{display: flex;position: relative;z-index: 9}
.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: 100px; line-height: 100px;display: block; text-align: center; color: #000;font-size: 18px;text-transform: uppercase; position: relative;transition: .4s all ease}
.h-nav1 > li > a:after{content: '';position: absolute;left: 50%;bottom: 0; transform: translateX(-50%); background: #0599d9;width: 0;height: 9px;transition: .4s all ease}
.pcNav_dow .h-nav1 > li > a{height: 80px;line-height: 80px;}
.pcNav_dow .pcNav-l img{ transition: .4s all ease}
.pcNav.active .h-nav1 > li > a{ color: #525252}
.pcNav.active .h-nav1 > li > a:after{background: #0599d9}
.h-nav1 > li.active > a{color: #0599d9}
.h-nav1 > li.active > a:after{width: 62px}
.h-nav1 > li:hover > a{color: #0599d9;transition: .4s all ease}
.h-nav1 > li:hover > a:after{width: 62px;transition: .4s all ease}
.pcNav.active .h-nav1 > li.active > a{color: #0599d9}
.pcNav.active .h-nav1 > li.active > a:after{width: 100%}
.pcNav.active .h-nav1 > li:hover > a{color: #0599d9;transition: .4s all ease}
.pcNav.active .h-nav1 > li:hover > a:after{width: 100%;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: rgba(5,153,217,.8);}
.pcNav_u1_2 li>a{ display: block; width: 246px; height: 36px;transition: .4s all ease;line-height: 36px; font-size: 15px; color: #fff;text-align: center;font-weight: bold; }
.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: #0599d9; border: 1px solid #0599d9;transition: .4s all ease}
.h-nav1 > li:hover .pcNav_u1_2{display: block}
.h-right ul li:hover .h-right-hover{display: block}

.i-pcNav .pcNav-c:after{width: 100vw;height: 149px;position: absolute;left: 0;top: 0;content: ''; z-index: 2;
 background: url("../images/navBg.png")no-repeat; background-size: 1600px 100%}

.i-pcNav .h-nav1 > li > a{color: #fff;font-family: SONGJIAN}
.i-pcNav .h-nav1 > li > a i{color: #e8311f;font-style: normal}
.i-pcNav .pcNav-c{padding-top: 48px;}
.i-pcNav .h-nav1 > li > a:after{display: none}



@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);
 }
}



.f-b{background: #f3f3f3;}
.n-f .f-b{background: #f75d5d}
.f-b-top{ padding-top: 66px; padding-bottom: 14px; display: flex;justify-content: space-between;border-bottom: 1px solid #959595;}
.f-b-top-l{width: 480px;min-width: 480px ; max-width: 100%; background: url("../images/f-bg.png")no-repeat;background-size:100% auto;background-position: center;}
.f-b .f-b-top-l{ background: url("../images/f-bg2.png")no-repeat;background-size:100% auto;background-position: center;}
.f-b-top-lBox > div{margin-top: 34px;display: flex;justify-content: space-between;align-items: flex-end}
.f-b-top-l .text{width: 380px;}
.f-b-top-l .code{width: 98px;}
.f-b-top-lBox h4{font-size: 18px;color: #141414}
.f-b-top-l-item{ margin-top: 12px; display: flex; align-items: self-start; font-size: 14px;}
.f-b-top-l-item img,.f-b-top-l-item span ,.f-b-top-l-item a{display: block;color: #141414}
.f-b-top-l-item img{margin-right: 20px;width: 18px;margin-top: 3px;}
.f-b-top-l-item span{min-width: 42px;text-align: left}
.f-b-top-r{width: 644px;}
.f-b-top-r ul {display: flex;justify-content: space-between;}
.f-b-top-r ul li a{ margin-top: 14px; display: block;color: #212121;transform: translate3D(0,0,0);transition: .3s all linear;}
.f-b-top-r ul li a:hover{color: #de163a;transform: translate3D(4px,-4px,0);transition: .3s all linear;}
.f-b-top-r ul li a:nth-child(1){margin-top: 0;margin-bottom: 26px;font-size: 18px; color: #181818}
.f-b-top-r ul li a:nth-child(1) i{color: #c41b23;font-style: normal}
.n-f .f-b-top-r ul li a:nth-child(1) i{color: #fff}
.f-b-b{ padding:30px 0; display: flex;justify-content:space-between;align-items: center;}
.f-b-b-l{ display: flex;white-space: nowrap;color: #414141}
.f-b-b-l a{ color: #414141;margin-right: 20px;}
.f-b-b-l a:hover{ color: #de163a}
.f-b-b-r {  display: flex;justify-content: flex-end;}
.f-b-b-r i{font-size: 24px;color: #848484}
.f-b-b-r a{margin-left: 38px;}
.f-bottom{height: 120px;background: #161616;}
.n-f .f-bottom{background: #0574a2}
.f-bottom .g_w{ height: 100%; display: flex;justify-content: space-between;align-items: center;}
.f-bottom .g_w span{color: #fff}
.f-bottom .g_w a{color: #fff}
.toTop{cursor: pointer;width: 54px; height: 54px; line-height: 54px; text-align: center;background: #0599d9;border-radius: 50%}
.toTop i{color: #fff;font-size: 16px;}

/*padding-top: 45.8%;*/
.i-banner{height: 100vh; background-size: cover;background-position: center}
.i-banner-img{position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}


.i-about{display: flex}
.i-about .con-l{width: 50%}
.i-about .con-l .g_bg{height: 100%;padding-top: 47.3%}
.i-about .con-r{width: 50%; padding: 82px 0 40px 72px; background: #0599d9;color: #fff}
.i-about .con-r .con{width: 530px; max-width: 100%;display: flex}

.i-about .con-r .title .img{width: 38px;}
.i-about .con-r .left {padding-left: 36px;width: calc(100% - 38px)}
.i-about .con-r .tab-nav {display: flex;margin-top: 20px;}
.i-about .con-r .tab-nav a{ margin-right: 16px; display: inline-block;width: 114px;height: 44px;border: 1px solid #fff; border-radius: 30px; line-height: 42px;
 text-align: center;color: #fff;font-size: 18px;transition: .4s all ease}
.i-about .con-r .tab-nav a.active{background: #fff;color: #373737;}
.i-about .con-r .tab-nav a:hover{background: #fff;color: #373737;transition: .4s all ease}
.i-about .con-r .tab-con{display: none}
.i-about .con-r .tab-con.active{display: block}
.i-about .con-r .tab-con .text{margin-top: 20px; line-height: 28px;min-height: 140px;text-align: justify}
.i-about .con-r .tab-con .more{display: block; margin-top: 24px; width: 120px; height: 38px; color: #fff; line-height: 36px; text-align: center; border: 1px solid #fff;border-radius: 30px;font-size: 12px;}
.i-about .con-r .tab-con .more i{font-size: 18px;margin-left: 6px;display: inline-block;vertical-align: middle}

.i-title{}
.font_sj{font-family: SONGJIAN;color: #fff;font-size: 30px;font-weight: 600}
.i-title i{font-style: normal; color: #000000;font-size: 18px; text-transform: uppercase;display: block;font-family: Arial}

.i-pro{padding-bottom: 100px;}
.i-pro .i-pro-title{display: none}
.i-pro .top{display: flex}
.i-pro .top .title{position: relative;width: 160px;padding-left:40px;padding-top:70px;display: flex}
.i-pro .top .title:after{position: absolute;left: 0;top: 0;background: #008a30;width: 325px;height: 450px; content: ''}
.i-pro .top .title .img{position: relative;z-index: 9;width: 36px;}
.i-pro .top .title .i-title{position: relative;z-index: 9;margin-left: 24px;width: 30px;line-height: 1.2}
.i-pro .top .tab-body{position: relative;z-index: 9;margin-top: 218px; width: calc(100% - 160px); }
.i-pro .top .tab-con{display: flex;align-items: self-start}
.i-pro .top .swiper-con{width:276px;display: none }
.i-pro .top .swiper-con.active{display: block}
.i-pro .top .tab-con .info{width:calc(100% - 276px); padding-left: 94px;}
.i-pro .top .info-top{display: flex;justify-content: space-between}
.i-pro .top .info-top span{font-family: SONGJIAN;font-size: 36px;color: #008a30;font-weight: 600}
.more2{position: relative;display: block;width: 34px; height: 34px;}
.more2 i{position: absolute;width: 14px;height: 14px; }
.more2 i:nth-child(1){background: #e8311f;left: 0;top: 0;animation: more2_Bg1 5s ease infinite;-webkit-animation: more2_Bg1 5s ease infinite;}
.more2 i:nth-child(2){background: #0599d9;left: 20px;top: 0;animation: more2_Bg4 5s ease infinite;-webkit-animation: more2_Bg4 5s ease infinite;;transition:.4s all ease}
.more2 i:nth-child(3){background: #64aadd;left: 0;top: 20px;animation: more2_Bg2 5s ease infinite;-webkit-animation: more2_Bg2 5s ease infinite;}
.more2 i:nth-child(4){background: #008a30;left: 20px;top: 20px;animation: more2_Bg3 5s ease infinite;-webkit-animation: more2_Bg3 5s ease infinite;}
.more2:hover i:nth-child(2){transform: rotate(45deg);transition:.4s all ease}

@keyframes more2_Bg1 { 0% {background: #e8311f;} 25% {background: #0599d9;} 50% {background: #64aadd;} 75% {background: #008a30;} 100% {background: #e8311f;} }
@-webkit-keyframes more2_Bg1 { 0% {background: #e8311f;} 25% {background: #0599d9;} 50% {background: #64aadd;} 75% {background: #008a30;}100% {background: #e8311f;} }

@keyframes more2_Bg2 { 0% {background: #0599d9;} 25% {background: #64aadd;} 50% {background: #008a30;} 75% {background: #e8311f;} 100% {background: #0599d9;} }
@-webkit-keyframes more2_Bg1 { 0% {background: #0599d9;} 25% {background: #64aadd;} 50% {background: #008a30;} 75% {background: #e8311f;} 100% {background: #0599d9;} }

@keyframes more2_Bg3 { 0% {background: #64aadd;} 25% {background: #008a30;} 50% {background: #e8311f;} 75% {background: #0599d9;} 100% {background: #64aadd;} }
@-webkit-keyframes more2_Bg1 {0% {background: #64aadd;} 25% {background: #008a30;} 50% {background: #e8311f;} 75% {background: #0599d9;} 100% {background: #64aadd;}  }

@keyframes more2_Bg4 { 0% {background: #008a30;} 25% {background: #e8311f;} 50% {background: #0599d9;} 75% {background: #64aadd;} 100% {background: #008a30;} }
@-webkit-keyframes more2_Bg1 {0% {background: #008a30;} 25% {background: #e8311f;} 50% {background: #0599d9;} 75% {background: #64aadd;} 100% {background: #008a30;} }

.i-pro .top .info-a{margin-top: 20px;}
.i-pro .top .info-a a{ display: inline-block;vertical-align: middle; margin-top: 20px; margin-right: 26px; min-width: 138px; height: 42px;padding: 0 10px;
 line-height: 40px; text-align: center;border: 1px solid #c2c2c2; border-radius: 16px; color: #1e1e1e;font-size: 16px;transition: .4s all ease}
.i-pro .top .info-a a:hover{color: #fff;background: #008a30;border-color: #008a30;transition: .4s all ease}
.i-pro .top .info-a a.active{color: #fff;background: #008a30;border-color: #008a30;transition: .4s all ease}
.i-pro .top .info-img{margin-top: 40px;}
.i-pro .top .text{margin-top: 30px;font-size: 18px; color: #141414;line-height:36px; padding-right: 80px;}
.i-pro .top .info-con > a{font-size: 18px; color: #141414;margin-top: 20px;display: inline-block;transition: .4s all ease}
.i-pro .top .info-con > a i{display: inline-block;transition: .4s all ease}
.i-pro .top .info-con > a:hover{color: #008a30;transition: .4s all ease}
.i-pro .top .info-con > a:hover i{transform: translateX(6px); color: #008a30; transition: .4s all ease}
.i-pro .bottom{margin-top: 74px;}
.i-pro .bottom .tab-nav{display: flex;justify-content: space-between}
.i-pro .bottom .tab-nav a{position: relative;display: block;width: 19.6%;}
.i-pro .bottom .tab-nav .g_bg{padding-top: 58.7%;}
.i-pro .bottom .tab-nav span{white-space: nowrap; font-family: SONGJIAN;color: #fff;font-size: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 9}
.i-pro .bottom .tab-nav a:before{ content: ''; position: absolute;left: 0;top: 0;background: rgba(0,0,0,.4);width: 100%;height: 100%;z-index: 2;transition: .4s all ease}
.i-pro .bottom .tab-nav a:hover:before{background: rgba(0,138,48,.55);transition: .4s all ease}
.i-pro .bottom .tab-nav a.active:before{background: rgba(0,138,48,.55);transition: .4s all ease}
.i-pro .swiper-con{position: relative;padding-bottom: 20px;}
.i-pro .swiper-con .swiper-pagination{bottom: 0;text-align: center;width: 100%}
.i-pro .tab-view{display: none}
.i-pro .tab-view:nth-child(1){display: block}
.i-pro .top .info-con{display: none}
.i-pro .top .info-con:nth-child(1){display: block}

.i-examples{background: #dcddde;padding: 116px 0 146px 0;}
.i-examples .top{display: flex;align-items: center;justify-content: space-between}
.i-examples .font_sj{color: #000000;display: block}
.i-examples .list{margin-top: 40px;display: flex;flex-wrap: wrap}
.i-examples .list .item{width: 50%;}
.i-examples .list .item a{display: flex}
.i-examples .list .item .text{width: 50%;display: flex;align-items: center;padding: 30px 34px 30px 44px; color: #121212; background: #fff;transition: .4s all ease}
.i-examples .list .item .text span{display: block;font-size: 24px;}
.i-examples .list .item .text p{display: block;font-size: 14px;margin-top: 4px;}
.i-examples .list .item .img{ width: 50%; overflow: hidden}
.i-examples .list .item .g_bg{padding-top: 80%;transition: .4s all ease}
.i-examples .list .item:nth-child(3) a{ flex-direction:row-reverse}
.i-examples .list .item:nth-child(4) a{ flex-direction:row-reverse}
.i-examples .list .item:hover .g_bg{transform: scale(1.1);transition: .6s all ease}
.i-examples .list .item:hover .text{background: #008a30; color: #fff; transition: .4s all ease}

.i-history{padding: 80px 0}
.i-history .font_sj{color: #0d0d0d}
.i-history .i-title i{color: #0d0d0d}
.i-history .con {margin-top: 20px;}
.i-history .swiper-wrapper{ width: auto;background: url("../images/i-historyLine.png") repeat-x 0% 42%;}

.i-history .swiper-slide:nth-child(2n) .item{display: flex; flex-direction: column-reverse; padding-top: 0;padding-bottom: 90px;}
.i-history .item {margin: 20px 40px;padding-top: 90px;}
.i-history .item .img{ margin: 24px 0; width: 194px; max-width: 100%; border: 9px solid #e7ecee;background-color: #fff;overflow: hidden;border-radius: 50%;}
.i-history .item .g_bg{padding-top: 100%;border-radius: 50%;}
.i-history .item .top b{font-family: SONGJIAN;font-size: 30px; line-height: 30px;display: block;color: #121212}
.i-history .item .top span{font-size: 18px;display: block;color: #121212;margin-top: 6px;}
.i-history .item p{margin-top:16px; position: relative;padding-left: 14px; }
.i-history .item p:before{width: 7px; height: 7px; border-radius: 50%;background: #e8311f;position: absolute;left: 0;top: 6px;content: ''}
.i-history .swiper-scrollbar{width:254px;height: 14px;background: #d9e2e6; left: 50%;transform: translateX(-50%)}
.i-history .swiper-scrollbar-drag{background: #0599d9}

.i-box{padding: 70px 0;background: #c41b23}
.i-box .g_w{display: flex}
.i-news{width: 71%;padding-right: 50px;}
.i-news .top{display: flex;justify-content: space-between;align-items: center}
.i-news .more2 i{background: #fff!important;animation: none!important;}
.i-news .i-title{}
.i-news .i-title i{color: #fff}
.i-news .con{display: flex;margin-top: 34px;}
.i-news .con-l{width: 40%}
.i-news .con-l .item{}
.i-news .con-l .item a{}
.i-news .con-l .item .img{overflow: hidden}
.i-news .con-l .item .g_bg{padding-top: 71.7%;transition: .8s all ease}
.i-news .con-l .item .text{color: #fff;padding-top: 24px;}
.i-news .con-l .item .text h4{line-height: 30px;}
.i-news .con-l .item .text span{display: block;font-size: 14px;}
.i-news .con-l .item .text p{line-height: 24px; margin-top: 30px;opacity: .66;height: 48px; overflow: hidden}
.i-news .con-l .item:hover .g_bg{transform: scale(1.1);transition: .8s all ease}
.i-news .con-r{width: 60%;padding-left: 28px;}
.i-news .con-r .item{ margin-top: 40px; }
.i-news .con-r .item a{display: flex;color: #fff }
.i-news .con-r .item .time{width: 68px; height: 94px;padding-top: 27px; text-align: center; font-family: Arial;background: rgba(255,255,255,.23);transition: .4s all ease}
.i-news .con-r .item .time b{font-size: 32px;line-height: 32px;}
.i-news .con-r .item .text{width: calc(100% - 68px);padding-top: 34px; padding-left: 20px;border-top: 1px solid rgba(255,255,255,.23);transition: .4s all ease}
.i-news .con-r .item .text h4{ width: 100%;display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.i-news .con-r .item .text p{line-height: 24px;margin-top: 10px;height: 48px; overflow: hidden}
.i-news .con-r .item:nth-child(1){margin-top: 0}
.i-news .con-r .item:hover .text{border-color: #fff;transition: .4s all ease}
.i-news .con-r .item:hover .time{background: #fff;color: #c41b23;transition: .4s all ease}

.i-msg{width: 29%}
.i-msg .i-title i{color: #fff}
.i-msg .form{}
.i-msg .form > input{margin-top: 24px; width: 100%;height: 48px; line-height: 48px; border: 0;padding: 0 20px; border-radius: 30px; background: rgba(255,255,255,.23);color: #fff;font-size: 18px;}
.i-msg .form > textarea{margin-top: 24px; width: 100%;height: 160px; border: 0;padding: 12px 20px; border-radius: 30px; background: rgba(255,255,255,.23);color: #fff;font-size: 18px;}
.i-msg .form .btnView{display: flex;justify-content: space-between;}
.i-msg .form .btnView input{width: 48%;height: 48px; margin-top: 24px; font-size: 18px; line-height: 46px;text-align: center;border: 1px solid #fff;color: #fff;border-radius: 30px;background: none;transition: .4s all ease}
.i-msg .form .btnView input:hover{background: #fff;color: #222323;}
.i-msg .form > input::-webkit-input-placeholder {  color: #fff;}
.i-msg .form > textarea::-webkit-input-placeholder {  color: #fff;}


.n-pcNav{background: #fff;box-shadow: 0 0 2px #dfdfdf}
.n-pcNav .h-nav1 > li > a{ height: 120px; line-height: 120px; color: #141414;font-family: SONGJIAN}
.n-pcNav .h-nav1 > li > a i{color: #e8311f;font-style: normal}
.n-pcNav .pcNav-r a{color: #141414}

.n_body{padding-top: 120px}
.n-banner{position: relative}
.n-banner .g_bg{padding-top: 15.6%;min-height: 200px;}
.n-banner .img{position: absolute;left: 0;top:0;width: 100%;height:100%;}
.n-banner .img .g_w{height: 100%;text-align: right}
.n-banner .img .g_w img{height: 100%;}

.n-top{ background: #eef1f2;}
.n-top .g_w{height: 80px;display: flex;justify-content: space-between;align-items: center}
.n-nav{}
.n-nav a{font-size: 16px; color: #414141;margin-right: 84px;transition: .4s all ease}
.n-nav a:hover{color: #0599d9;transition: .4s all ease}
.n-nav a.active{color: #0599d9}
.n-breadcrumb{color: #87898a}
.n-breadcrumb a{color: #87898a}
.n-breadcrumb span{color: #87898a}
.n-breadcrumb i{color: #87898a}

.n-about1{}
.n-about1 .con1{padding: 102px 0 76px 0;overflow: hidden}
.n-about1 .con1 .g_w{display: flex}
.n-about1 .con1 .con-l{width: 39.5%;}
.n-about1 .con1 .con-l .img1{position: relative;}
.n-about1 .con1 .con-l .img1 img{position: relative;z-index: 9}
.n-about1 .con1 .con-l .img1:after{width: 50vw;height: 124px; background: #0599d9;position: absolute;right: 0;bottom:-20px;content: '';z-index: 2}
.n-about1 .con1 .con-l .img2{ margin-top: 140px; padding-right: 40px; text-align: right}
.n-about1 .con1 .con-r{width: 61.5%;padding-left: 40px;}
.n-about1 .con1 .con-r .img{text-align: right}
.n-about1 .con1 .con-r .text{}
.n-about1 .con1 .con-r .text h2{font-family: SONGJIAN;font-size: 30px;margin-top: 40px;color: #141414}
.n-about1 .con1 .con-r .text p{font-size: 18px;margin-top: 34px;color: #141414;line-height: 36px;text-align: justify}

.n-about2{}
.n-about2 .list{display: flex;flex-wrap: wrap}
.n-about2 .list .item{width: 32%;margin-top: 80px;margin-right: 2%}
.n-about2 .list .item:nth-child(3n){margin-right: 0}
.n-about2 .list .item .img{overflow: hidden}
.n-about2 .list .item .g_bg{padding-top: 64.1%;transition: .4s all ease}
.n-about2 .list .item .text{margin-top: 20px;}
.n-about2 .list .item .text h4{color: #101010;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .4s all ease}
.n-about2 .list .item .text span{color: #0f0f0f;display: block;margin-top: 8px;}
.n-about2 .list .item .text b{margin-top: 20px; display: block;width: 104px; height: 38px; font-weight: 400; line-height: 38px; text-align: center;background: #bbbcbc;color: #fff;transition: .4s all ease}
.n-about2 .list .item:hover .g_bg{transform: scale(1.1);transition: .8s all ease}
.n-about2 .list .item:hover .text h4{color: #0599d9;transition: .4s all ease}
.n-about2 .list .item:hover .text b{background: #0599d9; transition: .4s all ease}

.n-about3{}
.n-about3 .con1{padding: 100px 0}
.n-about3 .con1 .item{width: 950px; max-width: 100%;margin: 0 auto}
.n-about3 .con1 .item video{width: 100%}
.n-about3 .con1 .item .text{margin-top: 32px;color: #101010;}
.n-about3 .con1 .item .text > span{margin-top: 8px; display: block;width: 108px;line-height: 38px; height: 38px; text-align: center; color: #fff;background: #0599d9}
.n-about3 .con1 .item .text p{font-size: 18px;line-height:30px; margin-top: 20px;}


.n-about5{}
.n-about5 .con1{}
.n-about5 .list1{display: flex; }
.n-about5 .list1 .item{width: 32%;margin-right: 2%;margin-top: 80px;}
.n-about5 .list1 .item:nth-child(3n){margin-right: 0;}
.n-about5 .list1 .item a{}
.n-about5 .list1 .item .img{overflow: hidden}
.n-about5 .list1 .item .g_bg{padding-top: 67.9%;transition: .8s all ease}
.n-about5 .list1 .item .text{color: #060606;padding-top: 24px;}
.n-about5 .list1 .item .text h4{line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.n-about5 .list1 .item .text span{display: block;font-size: 12px;color: #0098d9;font-weight: 600}
.n-about5 .list1 .item .text p{line-height: 24px; margin-top: 12px;opacity: .66;height: 48px; overflow: hidden}
.n-about5 .list1 .item .text .toMore{ margin-top: 30px; width: 130px; height: 40px; line-height: 38px; border: 1px solid #484848 ; color: #484848;text-align: center}
.n-about5 .list1 .item .text .toMore i{font-size: 24px;display: inline-block;vertical-align: middle;margin-left: 10px;}
.n-about5 .list1 .item:hover .g_bg{transform: scale(1.1);transition: .8s all ease}
.n-about5 .list1 .item:hover .text h4{color: #0098d9;transition: .4s all ease}
.n-about5 .list1 .item:hover .text .toMore{ background: #0098d9;border-color: #0098d9; color: #fff;transition: .4s all ease}
/**/

.n-about5 .list2{}
.n-about5 .list2 .item{ margin-top: 46px; padding-top: 40px; border-top: 1px solid #d2d2d2}
.n-about5 .list2 .item a{display: flex}
.n-about5 .list2 .item .img{width:264px;overflow: hidden}
.n-about5 .list2 .item .g_bg{padding-top: 67.9%;transition: .8s all ease}
.n-about5 .list2 .item .text{width: calc(100% - 264px);padding-right: 50px;color: #060606;}
.n-about5 .list2 .item .text h4{line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.n-about5 .list2 .item .text span{display: block;font-size: 12px;color: #0098d9;font-weight: 600}
.n-about5 .list2 .item .text p{line-height: 24px; margin-top: 12px;opacity: .66;height: 48px; overflow: hidden}
.n-about5 .list2 .item .text .toMore{ margin-top: 30px; width: 130px; height: 40px; line-height: 38px; border: 1px solid #484848 ; color: #484848;text-align: center}
.n-about5 .list2 .item .text .toMore i{font-size: 24px;display: inline-block;vertical-align: middle;margin-left: 10px;}
.n-about5 .list2 .item:hover .g_bg{transform: scale(1.1);transition: .8s all ease}
.n-about5 .list2 .item:hover .text h4{color: #0098d9;transition: .4s all ease}
.n-about5 .list2 .item:hover .text .toMore{ background: #0098d9;border-color: #0098d9; color: #fff;transition: .4s all ease}

.n-pro{}
.n-pro .con1 .g_w{display: flex}
.n-pro .con1 .con-l{width: 265px;}
.n-pro .con1 .con-l .title{ height: 174px; display: flex;align-items: center;justify-content: center;font-size: 30px; font-family: SONGJIAN;background: #d5d6d6;color: #303132;font-weight: 600}
.pro-nav ul{}
.pro-nav ul li{margin-top: 2px;}
.pro-nav ul li span{cursor: pointer; width: 100%; height: 100px; padding: 0 44px 0 60px; position: relative; display: flex; align-items: center; color: #fff;font-size: 26px;font-family: SONGJIAN}
.pro-nav ul li span:after{ content: '>'; position: absolute;right: 44px; top: 50%;transform: translate(100%,-50%);transition: .4s all ease}
.pro-nav ul li.active span:after{transform: translate(100%,-50%) rotate(90deg);transition: .4s all ease}
.pro-nav ul li div{display: none }
.pro-nav ul li.active div{display: block}
.pro-nav ul li div a{display: block;width: 100%;padding: 10px 20px 10px 60px;font-size: 18px;color: #454646;border-bottom: 1px solid #dcdcdc;transition: .4s all ease}
.pro-nav ul li div a:nth-last-child(1){border: 0}
.pro-nav ul li div a.active{color: #c41b23}
.pro-nav ul li div a:hover{color: #c41b23}
.pro-nav ul li:nth-child(1) span{background: #c41b22}
.pro-nav ul li:nth-child(2) span{background: #394b98}
.pro-nav ul li:nth-child(3) span{background: #ea7e35}
.pro-nav ul li:nth-child(4) span{background: #067139}
.pro-nav ul li:nth-child(5) span{background: #35adb8}
.pro-nav ul li:nth-child(6) span{background: #0599d9}

.n-pro .con1 .con-r{padding-left: 28px;width: calc(100% - 265px)}
.n-pro .con1 .con-r .top img{width: 100%}
.n-pro .con1 .con-r .list{display: flex; flex-wrap: wrap }
.n-pro .con1 .con-r .item{width: 32%;margin-right: 2%;margin-top: 40px;}
.n-pro .con1 .con-r .item:nth-child(3n){margin-right: 0}
.n-pro .con1 .con-r .item .img{padding-top: 112%;position: relative;background: #dcdcdc}
.n-pro .con1 .con-r .item img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%;max-height: 90%;transition: .8s all ease}
.n-pro .con1 .con-r .item .text{display: flex; align-items: flex-end; margin-top: 24px;}
.n-pro .con1 .con-r .item .text div{width: calc(100% - 102px);padding-right: 10px;}
.n-pro .con1 .con-r .item .text div span{display: block;color: #464646;font-size: 16px;line-height: 30px;}
.n-pro .con1 .con-r .item .text b {width: 102px; height: 36px; line-height: 36px;text-align: center;background: #c41b22;color: #fff}
.n-pro .con1 .con-r .item:hover img{transform: scale(1.05) translate(-50%,-50%);transition: .8s all ease}
.n-pro .con1 .con-r .item:hover .text div span{color: #c41b22;transition: .8s all ease}

.proCon{padding-bottom: 70px;}
.proConTitle{padding: 20px 42px;font-size: 18px;color: #111111;font-weight: 600;background: #e7ebeb}
.proConItem1{padding:40px 0 40px 80px;}
.proConItem2 .text{padding: 40px;font-size: 18px;line-height: 30px;}
.proConItem3 .table{padding: 40px;overflow: auto;font-size: 18px;}
.proConItem3 .table ul{min-width: 600px;}
.proConItem3 .table ul li {display: flex;margin-top: 16px; }
.proConItem3 .table ul li:nth-child(1) span{color: #fff;background: #3c7145;box-shadow: -5px -5px #668b68}
.proConItem3 .table ul li span{height: 40px; line-height: 40px; color: #000; text-align: center;font-size: 18px;border-radius: 30px;padding: 0 20px;background: #dfe0e2;box-shadow: -5px -5px #a4a5a9}
.proConItem3 .table ul li span:nth-child(1){width: 180px;margin-right: 24px;}
.proConItem3 .table ul li span:nth-child(2){width: 330px;}
.proConItem3 .table table{min-width: 500px;}
.proConItem4 .text{padding: 40px;font-size: 18px;line-height: 30px;}
.proConItem5 .text{padding: 40px;font-size: 18px;line-height: 30px;}
.proConItem6 .proLogo{padding: 40px;font-size: 18px;line-height: 30px;}
.proSwiper{padding: 0 44px;position: relative}
.proSwiperItem{position: relative}
.proSwiperItem .img{position: relative;border: 1px solid #aaaaaa;padding-top: 100%;}
.proSwiperItem .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%;max-height: 90%;}
.proSwiperItem .text{font-size: 14px;color: #111111;margin-top: 10px;}
.proSwiper .swiper-button-prev{width: 34px; height: 34px; background: url("../images/n-pro-d6.png");left: 0;}
.proSwiper .swiper-button-next{width: 34px; height: 34px; background: url("../images/n-pro-d7.png");right: 0;}
.proConItem7 .toTop{margin-top: 100px; width: 100%; line-height: 1; font-size: 18px;font-weight: 600;text-align: center;padding: 20px; background: #e7ebeb;border-radius: 0}

/*.modal{display: flex;align-items: center;justify-content: center}*/
.modal-open .modal{overflow: hidden}
.modal.in .modal-dialog{margin: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.modal-dialog{width: 744px;max-width: 100%;max-height: 100%;overflow-y: auto}
.modal-body{padding: 0}
.modal-header{border: 0}
.proSwiperItemInfo{padding: 0 50px 50px 50px;}
.proSwiperItemInfo .title{font-family: SONGJIAN;font-size: 24px;font-weight: 600}
.proSwiperItemInfo .box{margin-top: 40px; display: flex;justify-content: space-between}
.proSwiperItemInfo .box > div{max-width: 46%}
.proSwiperItemInfo .box span{display: block;margin-top: 10px;text-align: center;font-size: 18px;}
.proSwiperItemInfo .text{margin-top: 50px;color: #141414;font-size: 18px; line-height: 30px;text-align: justify}

.n-contact2{}
.n-contact2 .search{padding: 90px 0 46px 0;border-bottom: 1px solid #0098d8}
.n-contact2 .search span{font-size: 26px;color: #333333;display: block}
.n-contact2 .search-row{margin-top: 28px;display: flex;justify-content: space-between}
.n-contact2 .search-row input{width: calc(100% - 120px);  height:52px; line-height: 52px; padding: 0 20px;background: none;border: 1px solid #e5e5e5}
.n-contact2 .search-row button{width: 107px;height: 52px; line-height: 52px; display: block;background: #0098d8;  color: #fff;border: 0}
.n-contact2 .search-select  {margin-top: 28px;display: flex;justify-content: space-between}
.n-contact2 .search-select select{width: 48%;height:52px; line-height: 52px; padding: 0 20px;background: url("../images/n-select.png") no-repeat 96% 50%;border: 1px solid #e5e5e5;
 -webkit-appearance:none;  -moz-appearance:none;  appearance:none; /*去掉下拉箭头*/}
.n-contact2 .table{padding-bottom: 100px;}
.n-contact2 .table .tr{cursor: pointer; display: flex; align-items: center; height: 56px;transition: .4s all ease}
.n-contact2 .table ul li:nth-child(1) .tr span{font-size: 16px; font-weight: 600}
.n-contact2 .table ul li:nth-child(1) .tr span:nth-child(5):after{display: none}
.n-contact2 .table ul li:nth-child(1) .tr span:nth-child(5):after{display: none}
.n-contact2 .table ul li:nth-child(2n) .tr{background: #f2f2f2}
.n-contact2 .table .tr span{width: 20%;text-align: center ;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 6px;}
.n-contact2 .table .tr span:nth-child(5) i{display: inline-block;vertical-align: middle;font-size: 12px; font-style: normal; color: #fff;padding: 5px 10px;background: #0098d8;border-radius: 30px}
.n-contact2 .table .tr span:nth-child(5):after{content: '-'; margin-left: 8px; width: 22px; height: 22px; line-height: 20px; text-align: center; opacity: 0;transition: .4s all ease;
 border-radius: 50%; font-weight: 600; font-size: 20px; color: #a0a0a0;background: #fff;display: inline-block;vertical-align: middle}
.n-contact2 .table .table-con {padding: 30px 80px;background: #f2f2f2;display: none}
.n-contact2 .table .table-top p{display: flex}
.n-contact2 .table .table-top span{display: inline-block;width: 25%;text-align: center; line-height: 24px;margin-top: 8px;}
.n-contact2 .table .table-text {margin-top: 40px;}
.n-contact2 .table ul li.active .tr{background:#0098d8!important; color: #fff}
.n-contact2 .table ul li.active .tr span:nth-child(5):after{opacity: 1;}
.n-contact2 .table ul li.active .table-con{display: block;}
.n-contact2 .goto{display: block; margin-top: 40px; font-size: 14px; text-align: center; width: 107px;height: 52px; line-height: 52px; background: #0098d8;  color: #fff;border: 0}

.n-contact1{}
.n-contact1 .con1{padding-top: 80px;}
.n-contact1 .con1 .top{display: flex;align-items: center;justify-content: space-between}
.n-contact1 .con1 .list{margin-top: 14px;display: flex;justify-content: space-between}
.n-contact1 .con1 .list .item{width: 24%;position: relative;padding-top: 40px;}
.n-contact1 .con1 .list .item .icon{position: absolute; left: 24px; top: 0; width: 63px; height: 63px; border-radius: 50%;overflow: hidden}
.n-contact1 .con1 .list .item .text{height: 130px; display: flex;align-items: center; justify-content: center; padding: 20px;background: #0098d8;color: #fff;font-size: 16px;}
.n-contact1 .con1 .list .item .text p{max-width: 100%}
.n-contact1 .con2{padding-top: 100px;}
.my-map { margin: 30px auto 0 auto; width: 100%; height: 410px; }
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }
.n-contact1 .title{font-family: SONGJIAN;font-size: 30px;display: block}
.n-contact1 .con3{padding: 120px 0}
.n-contact1 .con3 .g_w{display: flex}
.n-contact1 .con3 .con-r{width: 42%; }
.n-contact1 .con3 .con-l{width: 58%;padding-right: 68px;}
.n-contact1 .con3 .con-l .form{padding-top: 40px;}
.n-contact1 .con3 .con-l .form > input{ margin-top: 22px; display: block;width: 100%; height:44px; line-height: 44px; color: #f5f5f5;padding: 0 20px;background: #f4f4f4;border: 0;}
.n-contact1 .con3 .con-l .form > textarea{margin-top: 22px;display: block;width: 100%; height:178px; color: #f5f5f5;padding:20px;background: #f4f4f4;border: 0;}
.n-contact1 .con3 .con-l .form .btn-view input{ margin-top: 24px; margin-right: 10px; width: 169px; height: 46px; line-height: 46px;text-align: center;border: 0;background: #f8f8f8;}
.n-contact1 .con3 .con-l .form .btn-view input.submit{background: #0098d8; color: #fff}



.n-news .con1{margin-top: 70px;padding-bottom: 40px;}
.n-news .con1 .g_w{display: flex}
.n-news .con1 .con-l{width: 100%; }
.new-item{ margin-top: 36px; min-height: 230px; position: relative; transition: .5s all ease;}
.new-list>.new-item:nth-child(1){margin-top: 0}
.new-itemImg{position: absolute;width: 328px;left: 0;top: 20px;overflow: hidden;transition: .5s all ease;}
.new-itemBg{padding-top: 63.4%;background-size: cover;background-position: center;background-repeat: no-repeat;transition: .5s all linear;}
.new-itemInfo{padding-left: 360px;padding-top: 36px;}
.new-itemInfo h4{font-size: 16px; font-weight: 600;overflow: hidden;color: #272728;transition: .5s all ease;}
.new-iBox{margin-top:8px;color: #9b9b99}
.new-iBox i{margin-right: 6px;}
.new-iBox span{margin-right: 12px;}
.new-itemInfo p{margin-top: 20px;height: 40px;overflow: hidden;color: #0098d8}
.new-itemInfo>span{display: block;color: #0098d8;font-size: 14px;margin-top: 18px;transition: .5s all ease;}
.new-item:hover{ }
.new-item:hover .new-itemImg{ overflow: hidden;transition: .5s all ease;}
.new-item:hover .new-itemBg{  overflow: hidden; transform: scale(1.1);transition: .5s all linear;}
.new-item:hover .new-itemInfo h4{color: #0098d8;transition: .5s all ease;}
.new-item:hover .new-itemInfo>span{transform: translateX(6px); transition: .5s all ease;}

.search{padding: 8px; }
.searchBox{ padding: 30px 20px; background: #fff;}
.searchBox >div{margin-top: 10px}
.year ,.month,.searchText{width: 100%;height: 44px;border: 1px solid #ccc}
.searchBox >div >select,.searchText input{width: 100%;height: 100%; padding-left: 20px; border: 0}
.searchBtn{ width: 100%; height: 44px;}
.searchBtn input{width: 100%;height: 100%; border: 0; font-size: 18px;letter-spacing:10px;text-align: center; color:#fff; background: #0098d8}
.searchBtn input:hover{ color:#0098d8; border:1px solid #0098d8;background: rgba(0,0,0,0)}
.news-d-l-btn a{display: inline-block;padding: 12px 10px;color: #fff;background: #0098d8;margin-right: 20px;}
.news-d-l-btn .toTop{background: #f4ce3d}
.news-d-l-btn a:nth-child(2) i{transform: rotateZ(90deg);display: inline-block}
.news-d-l-btn{margin-top: 60px;}

.news-Bg{background: url("../images/news-Bg.jpg") no-repeat;background-size: cover;background-position: bottom}
.n-news .con-r .new-item{min-height: 100px;margin-top: 4px; border: 0; border-bottom: 1px solid #dfdfdf}
.n-news .con-r .new-itemInfo{padding-left: 106px; padding-top: 20px; left: 0px;top: 0px;}
.n-news .con-r .new-itemImg{width: 80px;left: 0}
.n-news .con-r .new-itemInfo h4{font-size: 14px;max-height: 45px;overflow: hidden}
.new-r-con2{margin-top: 30px;}
.new-r-con2>h4{padding-bottom: 16px;position: relative;color: #1d1d1d}
.new-r-con2>h4:after{content: '';position: absolute;left: 0;bottom: 0;width:50px; height: 3px;background: #909192 }
.content-text .title h3{line-height: 1.4em; }
.content-text .title .icon{margin-top:20px; text-align: center;color: #666 }
.content-text .text{margin-top: 40px;}


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

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

@media (max-width:1440px) {
 .pcNav_w{padding: 0 5%;}

 .i-about .con-r .tab-nav a{font-size: 16px;}
 .i-pro .top .info-a a{font-size: 14px;margin-right: 20px; }
 .i-pro .top .text{font-size: 16px;}
 .i-pro .top .info-con > a{font-size: 16px;}
 .i-pro .bottom .tab-nav span{font-size: 24px;}

}

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

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

@media (max-width:1220px) {
 .n_body{padding-top: 78px;}
 .g_body{padding-top: 78px;}
 .pcNav{display: none;}
 .webNav{display: block;}
 .f-b-top{display: block;padding-top: 30px;}
 .f-b-top-lBox > div{margin-top: 20px;}
 .f-b-top-r{display: none}
 .f-b-top-l{min-width: 0}
 .f-b-b{display: block;padding: 20px 0;}
 .f-b-b-l{display: block}
 .f-b-b-l a{display: block}
 .f-b-b-r{margin-top: 20px;}

 .toTop{width: 40px; line-height: 40px; height: 40px;}
 /*.f-bottom .g_w span{width: calc(100% - 50px)}*/
 .g_w{padding: 0 5%}
 .n-nav a{margin-right: 34px;}
 .n-about1 .con1{padding:80px 0;}
 .n-about1 .con1 .con-r .text h2{font-size: 24px;}
 .n-about1 .con1 .con-r .text p{font-size: 16px;line-height: 30px;margin-top: 20px;}

 .n-about2 .list .item{margin-top: 40px;}
 .n-about2 .list .item .text h4{font-size: 16px;}
 .n-about2 .list .item .text b{height: 30px; line-height: 30px;}

 .n-about3 .con1{padding: 70px 0}
 .n-about3 .con1 .item .text span{font-size: 12px;height: 24px;line-height: 24px;}
 .n-about3 .con1 .item .text p{font-size: 16px;line-height:30px;}

 .n-about5 .list1 .item h4{font-size: 16px;}

 .n-pro .con1{display: block}
 .n-pro .con1 .con-l{display: none}
 .n-pro .con1 .con-r{width: 100%;padding-left: 0}

 .proConTitle{padding: 14px 20px;}
 .proConItem2 .text{font-size: 16px;padding: 20px;line-height: 24px;}
 .proConItem3 .table{padding: 20px;font-size: 16px!important;}
 .proConItem3 .table ul li span{font-size: 16px;}
 .proConItem4 .text{font-size: 16px; line-height: 24px;padding: 20px;}
 .proConItem5 .text{font-size: 16px; line-height: 24px;padding: 20px;}
 .proConItem6 .proLogo{padding: 20px;}
 .proConItem7 .toTop{padding: 10px;height: auto;margin-top: 40px;}
 .proSwiperItem .text{font-size: 14px;}

 .proSwiperItemInfo{padding: 0 20px 20px 20px;}
 .proSwiperItemInfo .title{font-size: 20px;}
 .proSwiperItemInfo .box span{font-size: 16px;}
 .proSwiperItemInfo .text{font-size: 16px; line-height: 24px;}


 .n-contact2 .search{padding:40px 0 }
 .n-contact2 .table{padding-bottom: 40px;}
 .n-contact2 .table .table-con{padding: 30px;}

 .n-contact1 .con1{padding-top: 40px;}
 .n-contact1 .con1 .list .item .text{font-size: 14px;}
 .n-contact1 .con2{padding-top: 40px;}
 .n-contact1 .con3{padding: 40px 0;}
 .n-contact1 .title{font-size: 24px;}
 .n-contact1 .con1 .top img{max-width: 33%}

 .n-contact1 .con1 .list{flex-wrap: wrap}
 .n-contact1 .con1 .list .item{width: 48%;margin-top: 20px;}

 .i-about .con-r{padding: 30px;}
 .font_sj{font-size: 24px;}
 .i-about .con-r .tab-nav a{font-size: 14px; height: 40px; line-height: 40px; }
 .i-about .con-r .title .img{width: 30px;}
 .i-about .con-r .left{width: calc(100% - 30px);}
 .i-pro .top .tab-con .info{padding-left: 40px;}
 .i-pro .top .info-a a{font-size: 14px;height: 40px;line-height: 40px; margin-right: 16px;}
 .i-pro .top .info-top span{font-size: 30px;}
 .i-pro .top .text{font-size: 14px;}
 .i-pro .top .info-con > a{font-size: 14px;}
 .i-pro .top .title .img{width: 30px;}
 .i-pro .top .tab-body{margin-top: 140px;}
 .i-pro .top .text{padding-right: 0}
 .i-examples .list .item .text span{font-size: 20px;}
 .i-examples .list .item .text{padding: 20px;}
 .i-examples{padding: 80px 0}

 .i-box .g_w{display: block}
 .i-news{width: 100%;padding: 0}
 .i-msg{width: 100%;margin-top: 60px;}
 .i-msg .form > input{font-size: 16px;}
}

@media (max-width:1024px) {
 .i-about{display: block;margin-top: 30px;}
 .i-about .con-l{width: 100%}
 .i-about .con-r{width: 100%}
 .i-about .con-r .con{width: 100%}
 .i-pro .top .tab-con{display: block}
 .i-pro .top .swiper-con{width: 200px;}
 .i-pro .top .tab-con .info{width: 100%;margin-top: 20px;padding: 0}
 .i-pro .top .title:after{height: 360px;}
 .i-pro .top .tab-body{margin-top: 40px;}
 .i-pro .top .info-a{margin-top: 0}
 .i-pro .top .info-a a{margin-top: 10px; margin-right: 10px;}
 .i-pro .top .info-img{margin-top: 20px;}
 .i-pro .top .text{margin-top: 20px;line-height: 24px;}
 .i-pro .bottom{margin-top: 40px;  }
 .i-pro .bottom .tab-nav span{font-size: 20px;}

 .i-examples .list .item .text span{font-size: 18px;}
 .i-examples .list .item{width: 100%}
 .i-examples .list .item a {flex-direction: row-reverse;  }
 .f-bottom{padding: 8px 0}
 .f-bottom .g_w{display: block;text-align: center}
 .f-bottom .g_w span{display: block}
 .f-bottom .g_w a{display: block}
 .f-bottom{position: relative}
 .f-bottom .toTop{position: absolute;right: 4px; bottom: 4px;}
}

@media (max-width:998px){

}
@media (max-width:768px) {
 .n-top .g_w{display: block;height: auto}
 .n-nav{display: none}
 .n-nav a{display: block;width: 100%;height: 36px; line-height: 36px; text-align: center;border-bottom: 1px solid #fff}
 .n-breadcrumb{padding: 8px 0}
 .n-about1 .con1{padding: 40px 0}
 .n-about1 .con1 .g_w{display: block}
 .n-about1 .con1 .con-l{width: 340px;margin: 0 auto;}
 .n-about1 .con1 .con-r{width: 100%;padding: 0;margin-top: 50px;}
 .n-about1 .con1 .con-l .img2{display: none}
 .n-about1 .con1 .con-r .text h2{font-size: 20px;}
 .n-about1 .con1 .con-r .text p{font-size: 14px;margin-top: 10px; line-height: 24px;}

 .n-about2 .list .item{width: 49%;margin-top: 20px; }
 .n-about2 .list .item:nth-child(3n){margin-right: 2%}
 .n-about2 .list .item:nth-child(2n){margin-right: 0}
 .n-about2 .list .item .text b{margin-top: 10px;}
 .n-about2 .list .item .text span{font-size: 12px;}

 .n-about3 .con1{padding: 40px 0}
 .n-about3 .con1 .item .text p{font-size: 14px;line-height:24px;}
 .n-about3 .con1 .item .text h4{font-size: 16px;line-height:24px;}

 .n-about5 .list1{display: block}
 .n-about5 .list1 .item{width: 100%;margin-top: 20px;}
 .n-about5 .list1 .item .text .toMore{height: 30px; line-height: 30px;font-size: 12px;margin-top: 10px;}
 .n-about5 .list1 .item .text .toMore i{line-height: 24px;transform: translateY(-2px)}

 .n-about5 .list2 .item{margin-top: 20px;}
 .n-about5 .list2 .item a{flex-direction: column-reverse; }
 .n-about5 .list2 .item .text{width: 100%;padding-right: 0}
 .n-about5 .list2 .item .img{width: 100%;}
 .n-about5 .list2 .item .text .toMore{height: 30px; line-height: 30px;font-size: 12px;margin-top: 10px;}
 .n-about5 .list2 .item .text .toMore i{line-height: 24px;transform: translateY(-2px)}

 .n-pro .con1 .con-r .item{width: 49%;}
 .n-pro .con1 .con-r .item:nth-child(3n){margin-right: 2%}
 .n-pro .con1 .con-r .item:nth-child(2n){margin-right: 0}

 .proConTitle{font-size: 16px;padding: 10px 14px;}
 .proSwiperItem .text{font-size: 14px;}
 .proConItem2 .text{font-size: 14px;padding: 20px;line-height: 24px;}
 .proConItem3 .table{padding: 20px;font-size: 14px!important;}
 .proConItem3 .table ul li span{font-size: 14px;}
 .proConItem4 .text{font-size: 14px; line-height: 24px;padding: 20px;}
 .proConItem5 .text{font-size: 14px; line-height: 24px;padding: 20px;}
 .proConItem6 .proLogo{padding: 20px;}
 .proConItem7 .toTop{padding: 10px;height: auto;margin-top: 40px;}
 .proSwiperItemInfo .box{margin-top: 20px;}
 .proSwiperItem .text{font-size: 14px;}
 .proSwiperItemInfo .title{font-size: 18px;}
 .proSwiperItemInfo .box span{font-size: 14px;}
 .proSwiperItemInfo .text{font-size: 14px; line-height: 24px;margin-top: 20px;}

 .n-contact2 .table ul li:nth-child(1) .tr span{font-size: 12px}
 .n-contact2 .table .tr span{font-size: 12px;}
 .n-contact2 .table .tr span:nth-child(5) i{display: none}
 .n-contact2 .table .tr span:nth-child(5):after{content: '+';opacity: 1;margin: 0}
 .n-contact2 .table ul li.active .tr span:nth-child(5):after{content: '-';opacity: 1}
 .n-contact2 .table .table-con{padding: 20px;}
 .n-contact2 .table .table-top p{flex-wrap: wrap}
 .n-contact2 .table .table-top p span{display: block;width: 50%}

 .n-contact2 .search span{font-size: 20px;}
 .n-contact2 .search-row{margin-top: 18px;}
 .n-contact2 .search-select{margin-top: 18px;}
 .n-contact2 .search-row input{height: 40px; line-height: 40px;}
 .n-contact2 .search-row button{height: 40px; line-height: 40px;}
 .n-contact2 .search-select select{height: 40px; line-height: 40px;}

 .n-contact1 .con1 .list .item{width: 100%;margin-top: 20px;padding-top: 20px;}
 .n-contact1 .con1 .list .item .icon{width: 40px; height: 40px;}
 .my-map {  height: 260px; }
 .n-contact1 .con3 .g_w{display: block}
 .n-contact1 .con3 .con-l{width: 100%;padding: 0}
 .n-contact1 .con3 .con-l .form{padding-top: 0}
 .n-contact1 .con3 .con-l .form > input{height: 40px; line-height: 40px;}
 .n-contact1 .con3 .con-r{display: none}
 .n-contact1 .title{font-size: 20px;}

 .i-about .con-r .title .img{width: 26px;}
 .i-about .con-r{padding: 20px;}
 .i-about .con-r .left{padding-left: 20px;}
 .i-about .con-r .tab-nav a{margin-right: 6px;height: 36px; line-height: 36px;}
 .i-about .con-r .left{    width: calc(100% - 26px);}


 .i-pro .top{display: block;}
 .i-pro-view{display: flex;flex-direction: column-reverse;}
 .i-pro .top .title{width: 100%;display: none}
 .i-pro .top .title:after{display: none}
 .i-pro .top .tab-body{width: 100%}
 .i-pro .top .swiper-con{width: 120px;margin: 0 auto}
 .i-pro .top .swiper-con .swiper-slide{text-align: center}
 .i-pro .top .info-top span{font-size: 20px;}
 .i-pro .top .info-a a{height: 36px; line-height: 36px;}
 .i-pro .bottom .tab-nav{flex-wrap: wrap;justify-content: center}
 .i-pro .bottom .tab-nav a{width: 31.33%;margin: 1%}
 .i-pro .bottom .tab-nav span{font-size: 14px;}
 .i-pro .top .title .img{display: none}
 .i-pro .top .title .i-title{margin: 0;width: 100%;}
 .i-pro .i-pro-title{display: block;text-align: center;margin-top: 40px}
 .i-pro .i-pro-title .font_sj{color: #008a30;}
 .i-pro .top .title{padding: 20px 0;text-align: center}
 .i-pro .top .title:after{height: 60px;}
 .i-pro .top .tab-body{margin-top: 20px;}
 .i-pro{padding-bottom: 40px;}

 .i-history{padding: 40px 0}

 .i-examples .list .item {width: 100%}
 .i-examples .list .item a {display: block;}
 .i-examples .list .item .text{width: 100%;}
 .i-examples .list .item .img{width: 100%;}
 .i-examples{padding: 40px 0}
 .i-examples .list .item .text span{font-size: 16px;}

 .i-news .con{display: block}
 .i-news .con-l{width: 100%}
 .i-news .con-r{width: 100%;margin-top: 20px;padding: 0}
 .i-news .con-l .item .text h4{font-size: 16px;}
 .i-news .con-l .item .text p{margin-top: 10px;}
 .i-news .con-r .item .text{padding-top: 10px;}
 .i-news .con-r .item .text h4{font-size: 16px;}


 .i-msg .form > input{font-size: 14px;height: 40px;line-height: 40px;}
 .i-msg .form > textarea{font-size: 14px;}
 .i-msg .form .btnView input{font-size: 16px;height: 40px;line-height: 3px;}

 .i-box{padding: 40px 0}
 .n-news .con1{margin-top: 40px;}
 .content-text .title h3{font-size: 20px;}
}
@media (max-width:600px){

}

@media (max-width:500px){
 .n-banner .g_bg{min-height: 160px;}
 .n-about2 .list .item{width: 100%; }
 .n-about2 .list .item:nth-child(3n){margin-right: 0}

 .n-pro .con1 .con-r .item{width: 100%;}
 .n-pro .con1 .con-r .item:nth-child(3n){margin-right: 0}
 .n-pro .con1 .con-r .item:nth-child(2n){margin-right: 0}
}