.panel *{border: none}
.panel-title > a{display: block;border: 0}

.i-banner-bg{width: 100%; min-height: 160px; padding-top: 33.8%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.i-banner .swiper-pagination-bullet{width: 20px;height: 20px;margin: 0 .6%!important; border-radius: 50%;background:none;opacity: 1;border: 2px solid #fff;}
.i-banner .swiper-pagination-bullet-active{background: #36d0f6;border-color: #36d0f6;  }
.i-banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 15%;}

.i-title h2{font-size: 28px;color: #000;line-height: 1;margin-top:10px; }
.i-more{display: block;width: 120px; height: 36px;   text-align:center; line-height: 36px; border: 1px solid #000;color: #333;transition: .4s all ease}
.i-more:hover{ transform: translate(-2px,-2px); box-shadow: 2px 2px 4px #999; transition: .4s all ease}

.i-about{position: relative;overflow: hidden}
.i-about:before{content: '';position: absolute;left: 0;top: 0;width: 50%;height: 100%;z-index: 1;
    background: url("../images/i-about1.jpg") no-repeat;background-size: cover;background-position: center}
.i-about .g_w{display: flex;position: relative;z-index: 2}
.i-about-l {width: 50%; display: flex; align-items: center;padding:20px  20px 20px 0;text-align: justify }
.i-about-l-con{width: 616px; max-width: 100%;}
.i-about-r-time-conTab{display: none}
.i-about-r-time-conTab.active{display: block}
.i-about-l-text{margin-top: 48px;}
.i-about-l-text p{ line-height: 1.6em;font-size: 16px; max-height: 350px;overflow-y: auto;padding-right: 10px;}
.i-about-l-text p::-webkit-scrollbar { width: 7px;}
.i-about-l-text p::-webkit-scrollbar-thumb { height:54px;  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #9aebfc;}
.i-about-l-text p::-webkit-scrollbar-track-piece{width: 1px;background: url("../images/scrollbar-track.png") no-repeat;background-size: 100% 100%}

.i-about-l .i-more{margin-top: 30px;}
.i-about-r{display: flex;width: 50%}
.i-about-r-list{width: 354px;}
.i-about-r-item{ cursor: pointer; padding-top: 61.5%;position: relative;text-shadow: 0 0 4px #333}
.i-about-r-itemText{position: absolute;left: 0;top: 0; background: rgba(0,0,0,.5);transition: .6s all ease;
    width: 100%;height: 100%; padding: 40px 30px 10px 40px; color: #fff;display: flex;align-items: center;}
.i-about-r-itemText p{ display: none; max-height: 40px; overflow: hidden; margin-top: 30px;opacity: 0;transform: translateY(20px);transition: .6s all ease}
.i-about-r-itemTitle h4{line-height: 1;width: 100%}
.i-about-r-itemTitle span{ display: block;margin-top: 8px; font-size: 15px; text-transform: capitalize}
.i-about-r-item:hover .i-about-r-itemText p{opacity: 1;transform: translateY(0);transition: .6s all ease}
.i-about-r-item:hover .i-about-r-itemText {background: rgba(0,0,0,.2);transition: .6s all ease}
.i-about-r-item .i-about-r-itemTitle{transition: .6s all ease}
.i-about-r-item:hover .i-about-r-itemTitle{transform: translateY(-16px);transition: .6s all ease}
.i-about-r-item.active .i-about-r-itemTitle{transform: translateY(-16px);transition: .6s all ease}
.i-about-r-time{width: calc(100% - 354px);color: #fff;position: relative;
    display: flex;align-items: center;justify-content: center}
.i-about-r-time:before{content: '';position: absolute;left: 0;top: 0; width: 616px; height: 100%;z-index: 1;background: url("../images/i-about5.jpg")}
.i-about-r-time-con{position: relative;z-index: 2; max-height: 484px;width: 100%;overflow-y: auto;}

.i-about-r-time-con::-webkit-scrollbar { width: 7px;}
.i-about-r-time-con::-webkit-scrollbar-thumb { height:54px;  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #9aebfc;}
.i-about-r-time-con::-webkit-scrollbar-track-piece{width: 1px;background: url("../images/scrollbar-track.png") no-repeat;background-size: 100% 100%}

.i-about-r-timeList,.i-about-r-time-wh{  width: 100%; max-width: 260px;margin: 0 auto;}
.i-about-r-time-wh{font-size: 16px;line-height: 1.8em}
.i-about-r-time-wh a{display: block;color: #fff;margin-top: 20px; text-align: center;  transition: .6s all ease;
    font-size: 14px;width: 130px; height: 36px;line-height: 36px; border: 1px solid #fff}
.i-about-r-time-wh a:hover{ transform: translate(-2px,-2px); box-shadow: 2px 2px 4px #999;transition: .6s all ease}
.i-about-r-timeItem{ margin-top: 30px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.25)}
.i-about-r-timeItem b{font-size: 50px; line-height: 1}
.i-about-r-timeItem span{display: block;margin-top: 10px;}

.i-pro{ padding: 73px 0 36px 0;  background-repeat: no-repeat; background-size: cover;background-position: center}
.i-pro .g_w{display: flex;}
.i-pro-swiper{width: 66.5%;}
.i-pro-swiper .swiper-slide{ }
.i-pro-swiper .swiper-slide:before{content: '';position: absolute;left: 0;top: 0;background: rgba(0,0,0,.3);width: 100%;height: 100%;transition: .4s all ease}
.i-pro-swiper .swiper-slide a{display: block;width: 100%;padding-top:158%;position: relative;z-index: 2}
.i-pro-swiper .swiper-slide .i-pro-swiper-text{transition: .4s all ease;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
    width: 100%; color: #fff;font-size: 26px; text-shadow: 0 0 4px #666;text-align: center}
.i-pro-swiper .i-pro-swiper-p{font-size: 16px; line-height: 1.8em;color: #fff;margin: 20px auto 0 auto;width: 90%;text-align: center}
.i-pro-swiper .swiper-slide a:hover .i-pro-swiper-text{ top: 46%;transition: .4s all ease}
.i-pro-swiper .swiper-slide:hover:before{opacity: 0;transition: .4s all ease}
.i-pro-swiper .swiper-slide a.active .i-pro-swiper-text{ top: 46%;transition: .4s all ease}
.i-pro-tBody {display: none}
.i-pro-tBody.active {display: block}


.i-pro-r{width: calc(100% - 66.5%);padding-left: 63px; display: flex;align-items: center}
.i-pro-r-con{width: 100%}
.i-pro-r-p{overflow-y: auto; max-height: 280px; padding-right: 20px; margin-top: 30px;line-height: 1.6em;color: #666666;font-size: 16px;}
.i-pro-r-p::-webkit-scrollbar { width: 7px;}
.i-pro-r-p::-webkit-scrollbar-thumb { height:54px;  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #9aebfc;}
.i-pro-r-p::-webkit-scrollbar-track-piece{width: 1px;background: url("../images/scrollbar-track.png") no-repeat;background-size: 100% 100%}

.i-pro-r .i-more{margin-top: 20px;}

.i-pro-swiper .swiper-pagination-bullet{width: 18px;height: 18px;margin: 0 .6%!important; border-radius: 50%;background:none;opacity: 1;border: 2px solid #474747;}
.i-pro-swiper .swiper-pagination-bullet-active{background: #256ad6;border-color: #256ad6;  }
.i-pro-swiper .swiper-pagination{position: relative;width: 100%;margin-top: 16px;}
.i-pro-swiper .swiper-button-prev{width: 24px; height: 40px; margin: 0 ;top: 50%;transform: translateY(-50%);
    background: url("../images/i-prev.png") no-repeat;background-size: 100% 100%; opacity: 1;z-index: 99;pointer-events:auto}
.i-pro-swiper .swiper-button-next{width: 24px; height: 40px; margin: 0 ;top: 50%;transform: translateY(-50%);
    background: url("../images/i-next.png") no-repeat;background-size: 100% 100%; opacity: 1;z-index: 99;pointer-events:auto}


.i-news{padding: 48px 0 38px 0;  background-repeat:no-repeat;background-size: cover;background-position: center}
.i-news-top{display: flex;justify-content: space-between;align-items: flex-end}
.i-news-more{font-size: 0}
.i-news-more a{display: inline-block;width: 180px; height: 36px; margin-left: 20px; font-size: 16px; line-height: 36px;text-align: center;border: 1px solid #333333;color: #333;transition: .4s all ease}
.i-news-more a:hover{background: #192a8c;color: #fff;border-color: #192a8c;transition: .4s all ease}
.i-news-more a.active{background: #192a8c;color: #fff;border-color: #192a8c;transition: .4s all ease}
.i-news-body{margin-top: 42px;display: flex;justify-content: space-between}
.i-news-item{width: 32%;}

.i-news-item .n_item_v2{padding: 0;background: none}
.i-news-item .n_item_v2Bg{height: 235px;padding: 0}
.i-news-item .n_item_v2Text{margin-top: 0; padding: 28px 18px 46px 18px; height: auto; position: relative; background: #f1f1f1;color: #333;}
.i-news-item .n_item_v2Text h5{font-size: 16px; font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.i-news-item .n_item_v2Text p{margin-top: 15px;height: 44px; overflow: hidden;line-height: 1.6em;}
.i-news-item:hover .n_item_v2Text h5{color: #192a8c}
.i-news-item .n_item_v2More{width:36px; height: 26px; margin: 0; line-height: 26px; text-align: center;color: #fff;font-size: 26px;
    background-color: #888888; background-image: url("../images/more.png");background-repeat: no-repeat;
    background-size: 16px;background-position: center;
    position: absolute;right: 0;bottom: 0; }

.i-news-item .n_item_h2{margin-top: 22px;}
.i-news-item .n_item_h2:nth-child(1){margin-top: 0}

footer{padding: 48px 0 40px 0;background-repeat:no-repeat;background-size: cover;background-position: center;}
.f-top-span{color: #fff;text-align: center;padding-bottom: 10px}
.f-top-span span{padding: 0 10px }
.f_nav{font-size: 0;text-align: center}
.f_nav a{position: relative; margin-top: 6px; display: inline-block;padding: 0 20px;position: relative;font-size: 16px;color: #fff}
.f_nav a:after{content: '';position: absolute;right: 0;top: 6px; width: 2px; height:14px;background: #c6cfe4;opacity: .23;transition: .4s all ease }
.f_nav a:nth-last-child(1):after{display: none}
.f_nav a .f_code{position: absolute; width: 120px;left: 50%;bottom: 100%;transform: translateX(-50%);padding-bottom: 10px;display: none;}
.f_code img{box-shadow: 0 0 4px #dfdfdf}
.f_nav a:hover .f_code{display: block;}
.f_bottom{text-align: center;color: #fff;margin-top: 24px;}
.f_bottom a{color: #fff;margin-left: 8px;display: inline-block}
/*.f_code{text-align: center;margin-top: 54px;}*/
.f_nav a:hover{transform: translateY(-4px);transition: .4s all ease}

.n-banner{padding-top: 26%;min-height: 120px;}
.n-top{background: #fff;box-shadow: 0 0 6px #dfdfdf}
.n-top .g_w{overflow: hidden}
.n-nav{float: left;font-size: 0;}
.n-nav a{display: inline-block;font-size: 15px;padding: 24px 0;position: relative;color: #000;margin-right: 52px;transition: .4s all ease}
.n-nav a.active{color: #1c2c8e;font-weight: bold;  }
.n-nav a:after{content: ''; position: absolute;left:50%; bottom: 0; transform: translateX(-50%); opacity: 0;
    width: 38px;height: 12px;background: url(../images/nav-icon.png) no-repeat;}
.n-nav a:hover{color: #1c2c8e;font-weight: bold; transition: .4s all ease }
.n-nav a.active:after{  opacity: 1; }
.n-nav a:hover:after{ opacity: 1; transition: .4s all ease}
.n-breadcrumb{float: right;padding-top: 24px;color: #666666}
.n-breadcrumb a{color: #666666}
.n-breadcrumb a:hover{color: #1c2c8e}

.n-title{text-align: center;}
.n-title-h{font-size: 0;margin-top: 14px;}
.n-title-h span{display: inline-block;vertical-align: middle; margin: 0 20px;font-weight: bold; font-size: 32px;color: #00117f}
.n-title-h:before{ content: ''; display: inline-block;vertical-align: middle;width: 28px; height: 1px;background: #00117f; }
.n-title-h:after{ content: ''; display: inline-block;vertical-align: middle;width: 28px; height: 1px;background: #00117f; }
.n-title b{color: #333; font-size: 22px; margin-top: 24px;display: block}
.n-title p{font-size: 18px;margin-top: 10px; line-height: 1.6em;}

.n-about1-con1{margin-top: 62px;}
.n-about1-con1-list{overflow: hidden;margin-top: 56px;}
.n-about1-con1-item{ float: left; width: 24%;margin-right: 1.33%;position: relative;text-align: center}
.n-about1-con1-item:nth-last-child(1){margin-right: 0}
.n-about1-con1-itemBg{padding-top: 58%;transition: .4s all ease}
.n-about1-con1-itemText{position: absolute; left: 0;top: 50%;transform: translateY(-50%); width: 100%;padding: 0 10px;color: #fff;z-index: 2;transition: .4s all ease}
.n-about1-con1-itemNum span{font-size: 50px; font-weight: 400;display: inline-block;vertical-align: text-top;line-height: 1;}
.n-about1-con1-itemNum i{ margin-left: 12px; font-size: 16px; font-style: normal; font-weight: 400;display: inline-block;vertical-align: text-top}
.n-about1-con1-itemText p{margin-top: 16px;}

.n-about1-con1-item:hover .n-about1-con1-itemText{top: 45%;transition: .4s all ease}
.n-about1-con1-item:hover .n-about1-con1-itemBg{ transform: scale(1.02) ;transition: .4s all ease}


.n-about1-con2{ height: 494px; padding-top: 128px; margin-top: 16px; position: relative; color: #fff;
    background-repeat: no-repeat;background-size: cover;background-position: center; }
.n-about1-con2 .g_w{ }
.n-about1-con2-text{ }
.n-about1-con2-text h2{font-size: 30px; font-weight: bold}
.n-about1-con2-text b{font-size: 22px; font-weight: bold;display: block;margin-top:14px; }
.n-about1-con2-text p{font-size: 16px; line-height: 1.6em; margin-top:14px; }

.n-about1-con3{padding-top: 56px;padding-bottom: 70px; color: #333;
    background-repeat: no-repeat;background-size: cover;background-position: center;}
.n-about1-con3-text h2{font-size: 32px; color: #1f2b87; font-weight: bold}
.n-about1-con3-text b{font-size: 22px; font-weight: bold;color: #333 }
.n-about1-con3-text p{font-size: 16px; line-height: 1.6em; margin-top:14px; }

.n-about5-body{ padding-bottom: 126px; overflow: hidden; background-repeat:  no-repeat;background-size: 100% 100% }
.n-about5-con1{margin-top: 60px;}
.n-about5-con1 .n-title-h span{color: #000}
.n-about5-con1 .n-title-h:before,.n-about5-con1 .n-title-h:after{background: #000;}
.n-about5-con1 .n-title p{font-size: 14px;margin-top: 50px;}

.n-about5-con1-text{ margin-top:44px;  padding: 34px 70px;color: #fff;background-repeat: no-repeat; background-size: cover;background-position: center}
.n-about5-con1-textB{ display: none; height: 316px;overflow-y: auto;padding-top: 50px;padding-right: 52px;}
.n-about5-con1-textB.active{display: block}
.n-about5-con1-textB p{margin-top: 22px;line-height: 1.6em;}
.n-about5-con1-textB::-webkit-scrollbar { width: 8px;}
.n-about5-con1-textB::-webkit-scrollbar-thumb { height:62px;background: url("../images/scrollbar-thumb.jpg") no-repeat;background-size: 100% 100%}
.n-about5-con1-textB::-webkit-scrollbar-track-piece{width: 1px;background: url("../images/scrollbar-track2.png") no-repeat;background-size: 100% 100%}

.n-about5-con2-item{ cursor: pointer; float: left; width: 19%;margin-right: 1.25%; margin-top:30px; overflow: hidden}
.n-about5-con2-item:nth-child(5n){margin-right: 0}
.n-about5-con2-item>div{padding-top: 55%;position: relative;background: #fff;}
.n-about5-con2-itemLogo{position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);max-width:100%;max-height: 100%;}
.n-about5-con2-itemName{position: absolute;left: 0;top: 0; transform: translateY(-100%); transition: .4s all ease;
    width: 100%;height: 100%; padding: 30px 30px 0 30px; text-align: center;color: #333333;font-size: 20px;opacity: 0;
    background: url("../images/n-about5-1.jpg") no-repeat;background-position: center;background-size: cover}
.n-about5-con2-itemName:after{content: '';width: 20px;height: 20px; background: url("../images/dow.png") no-repeat;display: block;margin:16px auto 0 auto; }
/*.n-about5-con2-item:hover .n-about5-con2-itemName{transform: translateY(0); opacity: 1; transition: .4s all ease;}*/

.n-about3-body{background-repeat: no-repeat}
.n-about3-con1{padding-bottom: 80px;padding-top: 58px;}
.n-about3-con1 .n-title-h span{color: #fff}
.n-about3-con1 .n-title-h:before,.n-about3-con1 .n-title-h:after{background: #fff;}
.n-about3-con1-tab{margin-top: 84px;}
.n-about3-con1-body{overflow: hidden;height: 440px;background: #fff;display: none}
.n-about3-con1-body.active{display: block;}
.n-about3-con1-bodyImg{float: left;width: 45%;height: 100%;position: relative;}
.n-about3-con1-bodyImg:after{content: '';position: absolute; right: 0;top: 0;width:40%;  height: 100%;
    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));}
.n-about3-con1-bodyBg{width: 100%;height: 100%;}
.n-about3-con1-bodyText{float: left;width: 55%;padding: 46px 26px;height: 100%}
.n-about3-con1-box{padding-right: 80px; height: 100%; overflow-y: auto}
.n-about3-con1-bodyTitle{font-size: 26px; color: #333333;padding-bottom: 18px;line-height: 1;position: relative}
.n-about3-con1-bodyTitle:after{content: '';position: absolute;left: 0;bottom: 0;width: 44px; height: 3px;background: #41a7f2}
.n-about3-con1-box::-webkit-scrollbar { width: 8px;}
.n-about3-con1-box::-webkit-scrollbar-thumb { height:62px;background: url("../images/scrollbar-thumb.jpg") no-repeat;background-size: 100% 100%}
.n-about3-con1-box::-webkit-scrollbar-track-piece{width: 1px;background: url("../images/scrollbar-track.png") no-repeat;background-size: 100% 100%}
.n-about3-con1-bodyP{color: #333;font-size: 12px;padding-top: 10px; line-height: 1.6em;text-align: justify}

.n-about3-con1-tabNav{cursor: pointer}
.n-about3-con1-tabNav .swiper-container{padding-top: 20px}
.n-about3-con1-tabParent{margin-top: 34px;}

.n-about3-con1-tabNav-top{font-size: 0}
.n-about3-con1-tabNav-top span{display: inline-block;vertical-align: middle; margin: 0 7px; width: 22px; height: 22px;position: relative;
    border: 1px solid #fff;border-radius: 50%;transition: .4s ease all}
.n-about3-con1-tabNav-top span:after{ content: ''; position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);
    width:12px; height: 12px; border-radius: 50%; background: #fff;transition: .4s ease all}
.n-about3-con1-tabNav-top:before{ content: ''; width: calc(50% - 18px); height: 1px; background: #fff;opacity: .55; display: inline-block;vertical-align: middle;}
.n-about3-con1-tabNav-top:after{ content: '';width: calc(50% - 18px); height: 1px; background: #fff;opacity: .55; display: inline-block;vertical-align: middle;}
.n-about3-con1-tabNav-name{margin-top: 20px;font-size: 18px; color: #fff;text-align: center; }
.n-about3-con1-tabA.active .n-about3-con1-tabNav-top span{border-color: #5bb7fa;transition: .4s ease all }
.n-about3-con1-tabA.active .n-about3-con1-tabNav-top span:after{background: #5bb7fa;transition: .4s ease all }
.n-about3-con1-tabA.active .n-about3-con1-tabNav-name{color: #5bb7fa;font-weight: bold;}
.n-about3-con1-tabNav .swiper-button-prev{width: 14px;height: 31px;top: 14px; left: 0; margin: 0;
    background: url("../images/prev3.png") no-repeat;background-size: 100% 100%}
.n-about3-con1-tabNav .swiper-button-next{width: 14px;height: 31px;top: 14px; right: 0;  margin: 0;
    background: url("../images/next3.png") no-repeat;background-size: 100% 100%}

.n-about6-video{position: relative;font-size: 0}
.n-about6-video video{width: 100%}
.n-about6-videoAfter{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center}
.n-about6-videoAfter > div{position: relative;width: 100%;height: 100%;}
.n-about6-videoAfter > div > div{position: absolute; left: 0;top: 45%;transform: translateY(-50%); width: 100%;text-align: center;}
.n-about6-videoAfter > div > div span{display: block;width: 5%; padding-top: 5%; margin: 2.5% auto 0 auto; cursor: pointer;background: url("../images/play.png") no-repeat;background-size: 100% 100%}
.n-about6-videoAfter > div > div img{width: 46%;}

.n-about2-con1{ padding: 60px 0; background-repeat: no-repeat; background-size: cover;background-position: center; position: relative}
.n-about2-con1 .n-title-h span{color: #fff}
.n-about2-con1 .n-title-h:before{background: #fff}
.n-about2-con1 .n-title-h:after{background: #fff}
.n-about2-con1-after{position: relative;z-index: 2}
.n-about2-con1-img{text-align: center;margin-top: 100px;}

.n-pt-con1{padding: 64px 0 54px 0;background-repeat:  no-repeat;background-size: cover;background-position: center}
.n-pt-con1 .n-title-h span{color: #fff}
.n-pt-con1 .n-title-h:before{background: #fff}
.n-pt-con1 .n-title-h:after{background: #fff}

.n-pt-list{font-size: 0;margin-top: 40px;}
.n-pt-item{font-size: 14px;display: inline-block; vertical-align: bottom; width: 22%;transition: .4s all ease}
.n-pt-item.active{width: 56%;}
.n-pt-itemTop{height: 124px; }
.n-pt-itemTitle{ width: 100%;height: 100%;text-align: center; line-height: 124px; background: rgba(0,0,0,.43); color: #fff;transition: .4s all ease}
.n-pt-itemTitle h4{display: inline-block;line-height: 1.4em;vertical-align: middle;font-weight: bold;padding:8px; transition: .4s all ease}
.n-pt-itemBody{ position: relative; background: #fff;padding: 40px 30px 120px 30px; height: 524px;text-align: justify;transition: .4s all ease}
.n-pt-itemText1{color: #333;padding-top: 23px; height: 100%;overflow-y: auto;opacity: 0;
    animation: show1 .5s ease .1s forwards;
    -webkit-animation: show1 .5s ease .1s forwards;}
.n-pt-itemText1 p{margin-top: 16px;font-size: 16px;line-height: 1.6em;}
.n-pt-itemText1 h5{font-size: 16px;}
.n-pt-itemText1::-webkit-scrollbar { width: 8px;}
.n-pt-itemText1::-webkit-scrollbar-thumb { height:62px;background: url("../images/scrollbar-thumb.jpg") no-repeat;background-size: 100% 100%}
.n-pt-itemText1::-webkit-scrollbar-track-piece{width: 1px;background: url("../images/scrollbar-track2.png") no-repeat;background-size: 100% 100%}


.n-pt-item:nth-child(3) .n-pt-itemA{display: none}
.n-pt-itemA{position: absolute;left: 50%;bottom: 44px;transform: translateX(-50%); }
.n-pt-itemA img{display: block;margin: 0 auto;}
.n-pt-itemA span{display: block;margin: 10px auto 0 auto;}

.active .n-pt-itemText1{display: none; opacity: 0;}
.active .n-pt-itemBody{padding: 40px 20px 140px 60px;box-shadow: 0 0 4px #dfdfdf;z-index: 9;position: relative;}
.active .n-pt-itemText2{display: block;padding-right: 30px;}
.active .n-pt-itemTop {height: 166px;}
.active .n-pt-itemTitle {line-height: 166px;background: rgba(0,0,0,0); }
.active .n-pt-itemTitle h4 {font-size: 30px;background: rgba(70,70,70,.2)}
.active .n-pt-itemTitle h4 br{display: none;}
.n-pt-itemText2 {height: 100%;overflow-y: auto;display: none; opacity: 0;
    animation: show1 .5s ease .1s forwards;
    -webkit-animation: show1 .5s ease .1s forwards;}
.n-pt-itemText2 p{font-size: 14px; color: #333;margin-bottom: 16px; line-height: 1.6em;}
.n-pt-itemText2::-webkit-scrollbar { width: 8px;}
.n-pt-itemText2::-webkit-scrollbar-thumb { height:62px;background: url("../images/scrollbar-thumb.jpg") no-repeat;background-size: 100% 100%}
.n-pt-itemText2::-webkit-scrollbar-track-piece{width: 1px;background: url("../images/scrollbar-track.png") no-repeat;background-size: 100% 100%}

.n-jr-con1{ padding-top: 72px; padding-bottom: 70px; background: url("../images/n-jr-4.jpg") no-repeat; }
.n-jr-con1 .n-title-h span{color: #fff}
.n-jr-con1 .n-title p{color: #fff;margin-top: 30px;line-height: 1.8em;}
.n-jr-con1 .n-title-h:before{background: #fff}
.n-jr-con1 .n-title-h:after{background: #fff}
.n-jr-con1-body{font-size: 0;margin-top: 60px;}
.n-jr-con1-l{display: inline-block; vertical-align: text-top; font-size: 14px; width: 50%;color: #fff;}
.n-jr-con1-r{display: inline-block; vertical-align: text-top; font-size: 14px; width: 50%}
.n-jr-con1-l-bottom{font-size: 0;width: 100%}
.n-jr-con1-l .n-jr-con1-item{display: inline-block;vertical-align: text-top;width: 50%}
.n-jr-con1-item{position: relative;overflow: hidden}
.n-jr-con1-itemImg{width: 100%;}
.n-jr-con1-itemBg  {padding-top: 123%;}
.n-jr-con1-itemTitle{position: absolute;left: 0;bottom: 0; width: 100%; padding: 28px 10px;text-align: center;font-size: 24px;color: #fff;
    background-image:url("../images/n-jr-bg.png"); text-shadow: 1px 1px #666;
    background-repeat: no-repeat;background-size: 100% 100%;transition: .4s all ease;}
.n-jr-con1-itemInfo{  opacity: 0; position: absolute;left: 0;top: 0; transform: translateY(100%); width: 100%;height: 100%;background: rgba(0,0,0,.5);transition: .4s all ease;}
.n-jr-con1-itemInfo>div{position: relative;width: 100%;height: 100%;}
.n-jr-con1-itemInfo>div>div{ position: absolute; left: 0;top: 50%;transform: translateY(-50%);transition: .4s all ease;
    width: 98%; max-height: 80%;overflow-y: auto; padding: 0 50px;text-align: center;color: #fff;}
.n-jr-con1-itemInfo>div>div::-webkit-scrollbar { width: 8px;}
.n-jr-con1-itemInfo>div>div::-webkit-scrollbar-thumb { height:62px;background: url("../images/scrollbar-thumb.jpg") no-repeat;background-size: 100% 100%}
.n-jr-con1-itemInfo>div>div::-webkit-scrollbar-track-piece{width: 1px;background: url("../images/scrollbar-track.png") no-repeat;background-size: 100% 100%}
.n-jr-con1-itemInfo>div>div b{font-size: 24px;}
.n-jr-con1-itemInfo>div>div p{font-size: 14px;line-height: 1.8em;margin-top: 10px;text-align: justify}
.n-jr-con1-l-top p{margin-top: 10px;line-height: 1.8em;font-size: 15px;text-align: justify}
.n-jr-con1-l-bottom{margin-top: 10px;}
.n-jr-con1-r-bottom {padding:0 22px; margin-top: 10px;overflow: hidden}
.n-jr-con1-r-bottom p{margin-top: 16px;line-height: 1.6em;font-size: 15px;color: #333;text-align: justify}
.n-jr-con1-item:hover .n-jr-con1-itemInfo{transform: translateY(0); opacity: 1; transition: .4s all ease;}
.n-jr-con1-item:hover .n-jr-con1-itemTitle{transform: translateY(100%); opacity: 0; transition: .4s all ease;}

.n-contact-con1{font-size: 0;padding-top: 40px;}
.n-contact-con1-l{width: 55%; padding-right: 20px; display: inline-block;vertical-align: top}
.n-contact-con1-r{width: 45%;display: inline-block;vertical-align: top}
.n-contact-title b{font-size: 30px;display: block;padding-bottom: 34px;}
.n-contact-title p{ width: 94%; height: 152px;font-size: 16px; color: #333;line-height: 1.8em;overflow: hidden;}
.n-contact-list{font-size: 0}
.n-contact-item{width: 50%;padding: 30px 10px 30px 10px;display: inline-block}
.n-contact-item>span{display: inline-block; vertical-align: middle; width: 79px; height: 79px; background-size: 100% 100%;}
.n-contact-item>div{display: inline-block; vertical-align: middle; margin-left: 14px;}
.n-contact-item>div p{font-size: 20px;}
.n-contact-item>div p:nth-child(2){font-size: 18px;margin-top: 8px}

.n-contact-form input{width: 100%;height: 46px; line-height: 46px; padding: 0 20px;border: 1px solid #dfdfdf;color: #333;font-size: 18px;margin-bottom:14px; background: none}
.n-contact-form textarea{width: 100%;height: 176px;   padding:20px;border: 1px solid #dfdfdf;color: #333;margin-bottom:14px;font-size: 18px; }
.n-contact-form .submit{width: 162px; height: 50px; margin-top: 20px; line-height: 50px; text-align: center;color: #fff;background: #094da8}
.n-map{margin-top: 40px;}

.n-news{background: #f1f4f6;padding-bottom: 80px;}
.n-news .n-banner{padding-top: 26%;}
.n-news-body{margin-top:-8.3%;}
.n-news-body .n-top{padding: 0 40px;z-index: 9;position: relative}
.n-news-con1{overflow: hidden;background: #fff;}
.n-news-l{float: left;width: calc(100% - 345px);padding-right: 50px;}
.n-news-r{float: right;  width:345px;padding-right: 47px;}
.n-news-item{background: #fff;padding:  36px 10px 36px 46px;box-shadow: 0 4px 8px rgba(0,0,0,0.08);margin-top: 10px; }
.n-news-item .n_item_h1{margin-top: 0}
.n-news-search{margin-top: 64px; padding: 20px 24px; background: #f1f4f6}
.n-news-search-form-row{font-size: 0}
.n-news-search-form-row select{font-size: 15px; display: inline-block;width: 100%;height: 40px; line-height: 40px;border: 0;padding-left: 18px;color: #666;margin-top: 14px;
    /*去掉默认的下拉三角*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*添加下拉三角图标*/
    background: url("../images/n-news-4.jpg") no-repeat right center transparent;background-color: #dedede }
.n-news-search-form-row input{font-size: 15px;display: inline-block;width: 100%;height: 40px; line-height: 40px;border: 1px solid #d2d2d2;padding-left: 18px;background: none;margin-top: 14px;}
.n-news-search-form-row input::-webkit-input-placeholder { color:#999; }
.n-news-search-form-row .submit{padding-left: 0; background: url("../images/n-news-7.jpg")no-repeat;background-size: 100% 100%;color: #fff;text-align: center;margin-top: 14px;}
.n-news-search-form-row:nth-child(2) select{width: 49%}
.n-news-search-form-row:nth-child(2) select:nth-child(1){ margin-right: 2%}

.n-news-d-con1{overflow: hidden;padding: 50px;background: #fff;}
.n-news-d-l{float: left;width: calc(100% - 374px);padding-right: 42px;}
.n-news-d-r{float: right;width: 374px;}

.n-news-d-title{font-size: 15px; color: #333;}
.n-news-d-title h2{font-size: 30px;font-weight: 600;}
.n-news-d-title-info{margin-top: 18px;}
.n-news-d-title span{display: inline-block;margin-right: 20px;}
.n-news-d-text{ margin-top: 20px; color: #666666;line-height: 1.8em;}
.n-news-d-item{background: #f1f4f6;padding: 24px 30px; }
.n-news-d-item .n_item_h1Info{padding: 0;margin: 0;width: 100%}
.n-news-d-item .n_item_h1Info p{height: 40px;}
.n-news-d-item .n_item_h1Info h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.n-news-d-list{height: 540px; }
.n-news-d-swiper{padding: 20px 0;position: relative;height: 100%}
.n-news-d-swiper .swiper-container{ height: 100%}
.n-news-d-swiper .swiper-button-prev{width: 31px; height: 14px;background: url("../images/prev.png") no-repeat;background-size: 100% 100%;
    margin: 0; top: 0; bottom: auto;left: 50%; right: auto; transform: translateX(-50%);opacity: 1}
.n-news-d-swiper .swiper-button-next{width: 31px; height: 14px;background: url("../images/next.png") no-repeat;background-size: 100% 100%;
    margin: 0; top: auto; bottom: 0;left: 50%; right: auto; transform: translateX(-50%);opacity: 1}
.n-news-d-back{margin: 30px auto 0 auto; display: block; width: 314px; height: 40px; line-height: 40px; text-align: center;color: #fff;font-size: 20px;
    background: url(../images/n-news-7.jpg)no-repeat; background-size: 100% 100%;}

.n-dj{background: #f0f7f9}
.n-dj-nav{font-size: 0;margin-top: 32px;}
.n-dj-nav a{display: inline-block;width: 121px;padding: 6px; margin-right: 14px; height: 51px; text-align: center; font-size: 15px;background: url("../images/n-dj-btn1.png") no-repeat;background-size: 100% 100%}
.n-dj-nav a span{display: inline-block;width: 100%;height: 36px; line-height: 36px; margin-top: 6px;  color: #bc212f;border-radius: 30px;ransition: .4s all ease}
.n-dj-nav a.active span{background: #bc212f;color: #fff}
.n-dj-nav a:nth-child(4){width: 202px;background: url("../images/n-dj-btn2.png") no-repeat;background-size: 100% 100%}
.n-dj-nav a:hover span{background: #bc212f;color: #fff;transition: .4s all ease}

.n-dj-swiper{margin-top: 44px;}
.n-dj-swiperItem a{font-size: 0;display: block;}
.n-dj-swiperInfo{display: inline-block; vertical-align: top; width: calc(100% - 638px); height: 316px;padding: 40px 48px;color: #fff;background: #bc212f}
.n-dj-swiperTitle{font-size: 30px;font-weight: 600;}
.n-dj-swiperInfo p{margin-top:20px; line-height: 1.8em; font-size: 16px;height: 82px; overflow: hidden}
.n-dj-swiperInfo span{display: block;  font-size: 16px; margin-top: 28px; width: 120px; height: 35px; text-align: center;line-height: 35px; background: url("../images/n-dj-btn3.png") no-repeat;background-size: 100% 100%}
.n-dj-swiperImg{display: inline-block;width: 638px;}
.n-dj-swiperBg{padding-top: 49.5%;}
.n-dj-swiper .swiper-pagination{text-align: right;padding: 0 10px;}
.n-dj-swiper .swiper-pagination-bullet{width: 16px;height: 16px;background: #fff;opacity: 1;margin: 0 6px!important;}
.n-dj-swiper .swiper-pagination-bullet-active{background: #bc212f}

.n-dj-con1{overflow: hidden}
.n-dj-l{float: left;width: calc(100% - 345px);padding-right: 50px;}
.n-dj-r{float: right;  width:345px; }
.n-dj-l .n-news-item{margin-top: 28px;}
.n-dj-r .n-news-search{background: #fff;margin-top: 28px;}
.n-dj-r .n-news-search-form-row select{background: url(../images/n-dj4.jpg) no-repeat right center transparent;
    background-color: #f0f7f9;}
.n-dj-r .n-news-search-form-row .submit{background: #bc212f;}
.n-dj-l .n_item_h1:hover .n_item_h1Info h4{color: #bc212f}

.n-dj .fenye a.active {background: #bc212f; }
.n-dj .fenye a:hover {background: #bc212f; }

.n-dj-d .n-news-d-swiper .swiper-button-prev{ background: url("../images/prev2.png") no-repeat;background-size: 100% 100%; }
.n-dj-d .n-news-d-swiper .swiper-button-next{ background: url("../images/next2.png") no-repeat;background-size: 100% 100%; }
.n-dj-d .n-news-d-back{background-color: #bc212f}
.n-dj-r-list{margin-top: 40px;}
.n-dj-r-itemImg{overflow: hidden;width: 100%;height: 100%}
.n-dj-r-item{margin-top: 20px;}
.n-dj-r-item:hover .n-dj-r-itemBg{transform: scale(1.1);transition: .4s all ease}
.n-dj-r-itemBg{ padding-top: 49.5%; transition: .4s all ease}

.n-news-search-form .layui-form-label{width: 100%;text-align: left;padding: 0;margin: 0;font-size: 16px; color: #333;margin-top: 20px;}
.n-news-search-form .layui-form-item .layui-inline{margin: 0}
.n-news-search-form .layui-form-item{ margin: 0}
.n-news-search-form .layui-input { font-size: 15px;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d2d2d2;
    padding-left: 18px;
    background: none;
    margin-top: 14px;}
.n-news-search-form  .layui-form-item .layui-input-inline{width: 100%}
.ui-time-box{box-sizing: content-box}
.ui-time-box .layui-form-label{width: 70px; text-align: left;padding: 0; font-size: 16px; color: #333;margin-top: 10px;}
.ui-time-box .layui-input{width: 100%}
.ui-time-box .layui-input-block{margin-left: 80px;}

.n-nav span{ display: none; font-size: 14px;margin-right: 20px;}
.n-search-nav.n-nav a{padding: 16px 0;margin-right: 20px}
.n-search-item{padding: 30px 0 10px 0;border-bottom: 1px solid #ccc;}
.n-search-item h4{font-size: 18px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.n-search-item p{margin-top: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #898989;font-size: 14px;}
.n-search-item:hover h4{color: #12298c}
.n-search-input{margin-top: 20px; font-size: 0;width: 600px;max-width: 100%}
.n-search-input input{display: inline-block; vertical-align: middle; width: calc(100% - 50px); height: 40px; line-height: 40px; border: 1px solid #dfdfdf;background: none;color: #333;}
.n-search-input button{display: inline-block;vertical-align: middle; width: 50px; line-height: 40px; height: 40px;text-align: center;color: #fff;
    background: url( ../images/fyBg.jpg) no-repeat;
    background-size: 100% 100%;border: 0}



@keyframes show1
{
    0%   { opacity: 0;  }
    100% { opacity: 1;  }
}
@-webkit-keyframes show1 {
    0%   { opacity: 0;  }
    100% { opacity: 1;  }
}



.n-jr-swiper{max-width:1654px;width: 100%; padding: 0 92px;position: relative;margin: 50px auto 0 auto}
.n-jr-swiper .swiper-button-prev{top: 40%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ccb4b0'%2F%3E%3C%2Fsvg%3E")  }
.n-jr-swiper .swiper-button-next{top: 40%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ccb4b0'%2F%3E%3C%2Fsvg%3E")}
.n-jr-swiper .swiper-pagination-bullet{width: 18px; height: 18px; margin: 0 10px; background: #797979;opacity: 1}
.n-jr-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{  background: #23b2f4}
.n-jr-swiper .swiper-pagination{margin-top: 48px; position: relative;text-align: center}

.n-jj-con1{  background-repeat: no-repeat; }
.n-jl-con1{ margin-top: 20px; background-repeat:  no-repeat;}

.n-about4-body{margin-top: 54px; padding: 92px 0 40px 0; background: url("../images/n-about4-1.jpg") no-repeat;background-size: cover;background-position: center}
.n-about4-text{ height: 600px;   padding-right: 90px; overflow-y: auto;color: #fff;line-height: 1.6em;}
.n-about4-text::-webkit-scrollbar { width: 8px;}
.n-about4-text::-webkit-scrollbar-thumb { height:62px;background: url("../images/scrollbar-thumb.jpg") no-repeat;background-size: 100% 100%}
.n-about4-text::-webkit-scrollbar-track-piece{width: 1px;background: url("../images/scrollbar-track.png") no-repeat;background-size: 100% 100%}
.n-about1-con1 .n-title p{margin-top: 20px;}


.mapsite-con1{padding-bottom: 30px;}
.mapsite-list ul li{margin-top: 20px;}
.mapsite-list ul li h4{display: inline-block;vertical-align: middle;margin-right: 20px; width: 170px; height: 44px; text-align: center; line-height: 44px;background: #00117f;color: #fff;}
.mapsite-list ul li h4 a{display: inline-block;width: 100%;height: 100%;color: #fff}
.mapsite-list ul li>a{display: inline-block;vertical-align: middle; padding: 10px; margin:0 20px;color: #00117f;font-size: 16px}

.n-about5-con2-itemImg{padding-top: 40%;position: relative;background: #fff;}
.n-yp-con2-itemLogo{position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);max-width: 90%;max-height: 90%;transition: .4s all ease}
.n-yp-con2-itemName{margin-top: 10px; text-align: center;color: #666;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .4s all ease}
.n-about5-con2-item a:hover .n-yp-con2-itemName{color: #00117f;transition: .4s all ease}
.n-about5-con2-item a:hover .n-yp-con2-itemLogo{transform: scale(1.02)  translate(-50% ,-50%);transition: .4s all ease}

.n-about7-con1  { padding: 80px 0}
.n-about7-con1 .g_w{font-size: 0; }
.n-about7-l{  width:308px;display: inline-block; vertical-align: top; font-size: 14px;}
.n-about7-r{  width:calc(100% - 308px);display: inline-block; vertical-align: top; font-size: 14px;}

.n-about7-l-swiper .swiper-container{height: 380px;}
.n-about7-l-swiper .swiper-button-prev{position: relative; margin: 10px 0;margin-left: 150px;
    top: auto; left: auto;  width:28px;height: 28px; background: url("../images/prev4.jpg") no-repeat;background-size: 100% 100% }
.n-about7-l-swiper .swiper-button-next{position: relative; margin: 10px 0;margin-left: 150px;
    top: auto; right: auto;  width:28px;height: 28px; background: url("../images/next4.jpg") no-repeat;background-size: 100% 100% }

.n-about7-l-swiper .swiper-slide{width: 170px;position: relative;
    background: url("../images/n-about7-1.jpg") no-repeat;background-size: auto;background-position: right}
.n-about7-l-swiper .swiper-slide a{ line-height: 1; font-size: 18px; color: #666;position: absolute;right: 24px;top: 50%;transform: translateY(-50%);transition: .4s all ease}
.n-about7-l-swiper .swiper-slide a.active{font-size: 58px; font-weight: bold;color: #00117f}
.n-about7-l-swiper .swiper-slide a.active:after{content: '';position: absolute; right: -24px;top: 50%;transform: translate(50%,-50%);
    width: 13px; height: 13px; border: 4px solid #00117f; border-radius: 50%;background: #fff}


.n-about7-tabB{display: none}
.n-about7-tabB.active{display: block}
.n-about7-tabList{margin-top: 18px;max-height: 700px;overflow-y: auto;padding-right: 20px; }
.n-about7-tabList::-webkit-scrollbar { width: 8px;}
.n-about7-tabList::-webkit-scrollbar-thumb { height:62px;background: url("../images/scrollbar-thumb.jpg") no-repeat;background-size: 100% 100%}
.n-about7-tabList::-webkit-scrollbar-track-piece{width: 1px;background: url("../images/scrollbar-track.png") no-repeat;background-size: 100% 100%}
.n-about7-tabItem{padding: 28px 0 36px 0;border-bottom: 1px solid #d2d2d2}
.n-about7-tabList .n-about7-tabItem:nth-child(1){padding-top: 0}
.n-about7-tabTitle{color: #00117f;font-size: 58px;line-height: 1;font-weight: bold}
.n-about7-tabTitle i{font-style: normal;font-size:42px; line-height: 1  }
/*.n-about7-tabItem ul li {margin-top: 26px;position: relative;padding-left: 22px;color: #666;line-height: 1.8em;}*/
/*.n-about7-tabItem ul li:after{ content: ''; position: absolute;left: 0;top: 10px; width: 8px; height: 8px; background: #00117f;border-radius: 50%}*/
/*.n-about7-tabItem ul li b{font-size: 16px;}*/
.n-about7-tabItem .n-about7-tabItem-p p {margin-top: 26px;position: relative;padding-left: 22px;color: #666;line-height: 1.8em;}
.n-about7-tabItem .n-about7-tabItem-p p:after{ content: ''; position: absolute;left: 0;top: 10px; width: 8px; height: 8px; background: #00117f;border-radius: 50%}
.n-about7-tabItem .n-about7-tabItem-p p b{font-size: 16px;}

.n-about8-con1{padding-top: 80px;}
.n-about8-list{font-size: 0}
.n-about8-item{ font-size: 14px; display: inline-block;width: 23%;margin: 1% 1% 0 1%;text-align: center}
.n-about8-itemImg{padding-top: 71%;position: relative}
.n-about8-itemImg img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%}
.n-about8-itemText{color: #333;margin-top: 20px;height: 46px; font-size: 16px; overflow: hidden}

.n-zp-top{position: relative}
.n-zp-banner{padding-top:32.4%; }
.n-zp-topB{position: absolute; left: 0;bottom: 0;width: 100% }
.n-zp-topTitle .n-title-h span{ color: #000 ;margin: 0}
.n-zp-topTitle .n-title-h:after{display: none}
.n-zp-topTitle .n-title-h:before{display: none}
.n-zp-topTitle p{line-height: 1.8em;font-size: 20px; color: #000;margin-top: 16px;}
.n-zp-topNav{display: flex;margin-top: 34px;}
.n-zp-topNav a {display: flex; justify-content: center;align-items: center; width: 326px; height: 240px; text-align: center;
    background-size: cover;background-position: center;background-repeat: no-repeat}
.n-zp-topNav a span{display: block;font-size: 24px;color: #fff;margin-top: 18px;}
.n-zp-topNav a:nth-child(1){background-image: url("../images/n-zp2-1.jpg");}
.n-zp-topNav a:nth-child(2){background-image: url("../images/n-zp2-2.jpg");}

.n-zp2-body{background: #f0f4f5;padding: 36px 0 64px 0; }
.n-zp2-body-con{background: #fff;padding: 34px 72px;}
.n-zp2-con1 p{margin-top: 14px;font-size: 16px;color: #333;line-height: 1.8em;}
.n-zp2-con2{padding-top: 20px;}
.n-zp2-fromRow{display: flex;justify-content: space-between}
.n-zp2-fromItem{margin-top: 20px;width: 49%;position: relative}
.n-zp2-fromItem:after{content: '*';position: absolute;right: 14px; top: 50%;transform: translolute;right: 14px; top: 50%;transform: translateY(-50%);color: red}
.n-zp2-fromItem input{ display: block;width: 100%; height: 48px; line-height: 48px; background: #f7f7f7;color: #666;padding:0 20px;border: 0 }
.n-zp2-fromItem input::-webkit-input-placeholder{  color:#666; }
.n-zp2-fromItem input:-moz-placeholder{color:#666; }
/*.n-zp2-fromItem input::moz-placeholder{color:#666;}*/
.n-zp2-fromItem input:-ms-input-placeholder{  color:#666; }

.n-zp2-fromCode{display: flex;justify-content: center; align-items: center; margin-top: 48px;}
.n-zp2-fromCode-l{display: flex;align-items: center; padding: 6px 20px;background: #f7f7f7;color: #666}
.n-zp2-fromCode-l canvas{margin:  0 10px;}
.n-zp2-fromCode-l input{border: 1px solid #dfdfdf;text-align: center;padding: 0 10px;width: 120px; height: 36px; line-height: 36px; }
.n-zp2-fromCode-r b{ cursor: pointer; margin-left: 20px; display: block;width: 114px; height: 36px; line-height: 36px;background: #848484;color: #fff; text-align: center; font-size: 16px;font-weight: 400}

.n-zp2-fromBtn{font-size: 0;margin-top: 26px;text-align: center}
.n-zp2-fromBtn input{background: #6ab9ee; display: inline-block;vertical-align: middle;margin: 0 8px; font-size: 16px;
    width: 116px; height: 36px; line-height: 36px; text-align: center;color: #fff;border: 0}
.n-zp2-fromBtn input.reset{background: #848484;}

.n-zp1-body{padding: 50px 0}
.n-zp1-body .g_w{font-size: 0}
.n-zp1-body-l{ display: inline-block;vertical-align: top;width: 368px; font-size: 14px}
.n-zp1-body-l .n-zp1-body-l-title{ display: block; text-align: center; font-size: 24px; color: #fff;background: #3347bb;height: 64px; line-height: 64px}
.n-zp1-body-l ul li{margin-bottom: 1px; }
.n-zp1-body-l ul li a{display: block;height: 64px; line-height: 64px;text-align: center; color: #000; font-size: 18px;background: #f1f0f0;transition: .4s all ease}
.n-zp1-body-l ul li:hover a{background: #68b6ee;color: #fff;transition: .4s all ease}
.n-zp1-body-l ul li.active a{background: #68b6ee;color: #fff;transition: .4s all ease}

.n-zp1-body-r{ display: inline-block;vertical-align: top;width:calc(100% - 368px); padding-left: 50px; font-size: 14px}
.n-zp1-search input{}
.n-zp1-search{  font-size: 0;width: 600px;max-width: 100%;float: right}
.clearfix:after{ content:''; display:table; clear:both; height:0; visibility:hidden;}
.n-zp1-search input{display: inline-block; vertical-align: middle; font-size: 14px;padding: 0 20px;
    width: calc(100% - 180px); height: 40px; line-height: 40px; border: 1px solid #dfdfdf;background: none;color: #333;}
.n-zp1-search button{display: inline-block;vertical-align: middle; margin-left: 20px; width: 160px; line-height: 40px; height: 40px;text-align: center;color: #fff;
    background: #18298c;border: 0;font-size: 14px;}
.n-zp1-list{margin-top: 38px;}
.n-zp1-body-r  .panel-default{border-bottom: 1px solid #dfdfdf}
.n-zp1-body-r .n-panel .panel-title > a h5{padding-right: 30px}
.n-zp1-body-r .n-panel .panel-title > a >div{width: 30px;}
.n-zp1-body-r .n-panel .panel-title > a h5>span{width: 20%;text-align: center}
.n-zp1-body-r .n-panel  .panel-body .panel-body-title{margin-top: 20px;}
.n-zp1-body-r .n-panel  .panel-body .panel-body-title h5{color: #000;font-size: 16px}
.n-zp1-body-r .n-panel  .panel-body p{line-height: 1.8em;}
.panel-dow{margin-top: 40px;}
.panel-dow a{display: inline-block;  margin-right: 10px; width: 120px; height: 34px; line-height: 34px;text-align: center;font-weight: bold;color: #fff;background: #68b6ee}
.panel-dow a span{width: 100%;height: 100%;}


.layui-btn{background:#fff!important;color: #555!important;border: 1px solid #C9C9C9!important;}
.layui-btn-primary:hover{border: 1px solid #C9C9C9!important;}
.ui-time-box .layui-form-item:nth-child(3){display: none}
.ui-time-box{ width: 280px!important; height: auto!important;padding: 20px!important;border-radius: 0!important;box-sizing: border-box!important;}
.ui-time-box .layui-form-item .layui-input-block{display: block;margin-left: 0}
.ui-time-box .layui-form-item .layui-input-block input{ border:  1px solid #d2d2d2}
.ui-time-box .layui-form-item .layui-form-label{float: none;font-size: 14px;}
.ui-time-box .ui-time-btn{padding: 0;border: 0}

.n-a{ display: block;margin: 10px auto; border: 1px solid #fff;text-align: center;height: 36px; line-height: 36px; width: 130px;color: #fff;font-size: 16px; transition: .4s all ease}
.n-a:hover{ transform: translate(-2px,-2px); box-shadow: 2px 2px 4px #999; transition: .4s all ease}







@media  (max-width: 1480px){
    .g_w{padding-left: 5%;padding-right: 5%;}

}
@media (max-width: 1660px){
    .pcNav_u1 > li{margin-right: 36px;}
    .n-about3-con1-tabNav-name{font-size: 16px;}
}
@media (max-width:1440px){
    .pcNav_u1 > li{margin-right: 26px;}
    .i-title{transform: scale(.8);left: 0;transform-origin: 0 0 0 }
    .i-about-l-text{margin-top: 30px;}
    .i-about-l .i-more{margin-top: 20px;}
    .i-about-r-timeItem b{font-size: 40px;}
    .i-pro-r-p{margin-top: 20px;}
    .i-pro-r .i-more{margin-top: 20px;}

    .n-title img{transform: scale(.8); }
    .n-title-h span{font-size: 26px;}
    .n-title b{font-size: 20px;}
    .n-title p{font-size: 16px;}
    .n-about1-con1-itemNum span{font-size: 40px;}
    .n-about1-con2-text h2{font-size: 26px;}
    .n-about1-con2-text b{font-size: 18px;}
    .n-about1-con3-text h2{font-size: 26px;}
    .n-about1-con3-text b{font-size: 18px;}
    .n-about3-con1-tabNav-name{font-size:14px;}
    .active .n-pt-itemTitle h4{font-size: 24px;}
    .n-pt-itemTitle h4{font-size: 16px;}
    .n-jr-con1-l-top h3{font-size: 20px;}
    .n-jr-con1-itemInfo>div>div b{font-size: 20px;}
    .n-jr-con1-itemTitle{font-size: 20px;}
    .n-jr-con1-itemInfo>div>div p{font-size: 16px}
    .n-jr-con1-l-top p{font-size: 14px;}
    .n-jr-con1-r-bottom p{font-size: 14px;}
    .n-contact-title b{font-size: 24px;}
    .n-contact-title p{font-size: 14px;}
    .n-contact-item>div p{font-size: 18px;}
    .n-contact-item>div p:nth-child(2){font-size: 16px;}
    .n-contact-form textarea{font-size: 16px}
    .n-contact-form input{font-size: 16px}
    .n-contact-item>span{width: 66px; height: 66px;}

    .n-zp-topTitle p{font-size: 16px;}
    .n-zp-topNav a{width: 244px;height: 180px;}
    .n-zp-topNav img{width:58px; }
    .n-zp-topNav a:nth-child(2) img{width:50px; }
    .n-zp-topNav span{font-size: 18px; }

    .n-zp1-body-l ul li a{font-size: 16px;}
}
@media (max-width:1350px){
    .pcNav_u1 > li{margin-right: 20px;}
    .pcNav_u1 > li>a h4{font-size: 14px;}
    .i-about-l{width: 40%}
    .i-about-r{width: 60%;}
    .i-about-r-time{padding-left: 20px;}
    .i-about-r-timeItem b{font-size: 34px;}
    .n-contact-title b{font-size: 20px;}

    .n-contact-item>div p{font-size: 16px;}
    .n-contact-item>div p:nth-child(2){font-size: 14px;}
    .n-contact-form textarea{font-size: 14px}
    .n-contact-form input{font-size: 14px}
    .n-contact-item>span{width: 50px; height: 50px;}
}
@media (max-width:1200px){
    .i-about-r-list{width: 300px;}
    .i-about-r-time{width: calc(100% - 300px)}
    .i-about-l-text{margin-top: 0;}
    .i-about-l .i-more{margin-top: 30px;}
    .i-about-r-list{width: 50%}
    .i-about-r-time{width: 50%;padding-right: 20px;}
    .i-about-r-timeItem b{font-size: 28px;}
    .i-about-r-timeItem span{font-size: 12px;}
    .i-pro-r{padding-left: 30px;}
    .i-pro-swiper .swiper-slide span{font-size: 20px;}
    .i-news-more a{width: 120px;font-size: 14px;height: 30px;line-height: 30px;}
    .i-news-item:nth-child(3){display: none;width: 49%}
    .i-news-item{width: 49%}
    .i-banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 10px;}
    .n-about1-con1-itemNum span{font-size: 30px;}
    .n-about1-con2{padding: 40px 0;height: auto}
    .n-about1-con2-text h2{font-size: 20px}
    .n-about1-con2-text b{font-size: 16px;}
    .n-about1-con2-text p{font-size: 12px;}
    .n-about1-con3{padding-top: 40px  }
    .n-about1-con3-text h2{font-size: 20px}
    .n-about1-con3-text b{font-size: 16px;}
    .n-about1-con3-text p{font-size: 12px;}
    .n-about5-con1{margin-top: 30px;}
    .n-about5-con1 .n-title p{margin-top: 30px;}
    .n-about5-con1-text{margin-top: 30px;padding: 30px;}
    .n-about5-con1-textB{padding: 20px 20px 0 0}
    .n-about5-con1-textB h3{font-size: 20px}
    .n-about5-con2-item{width: 24%;margin-right: 1.33%}
    .n-about5-con2-item:nth-child(5n){margin-right: 1.33%}
    .n-about5-con2-item:nth-child(4n){margin-right: 0}
    .n-about5-con2-itemName{font-size: 16px;}
    .n-about5-con2-itemName:after{margin-top: 10px;}
    .n-about5-body{padding-bottom: 80px}
    .n-about3-con1{margin-top: 10px;padding: 40px 0}
    .n-about3-con1-tab{margin-top: 40px;}
    .n-about3-con1-bodyTitle{font-size: 20px;}
    .n-about3-con1-bodyText{padding: 20px;background-color: rgba(255,255,255,.3)}
    .n-about3-con1-bodyText *{background: none!important;}
    .n-about3-con1-body{height: 300px;}
    .n-about3-con1-tabNav{margin-top: 20px;}
    .n-about3-con1-tabNav-top span{width: 16px;height: 16px;}
    .n-about3-con1-tabNav-top span:after{width: 10px;height: 10px;}
    .n-about3-con1-tabNav-top:before{width: calc(50% - 15px);}
    .n-about3-con1-tabNav-top:after{width: calc(50% - 15px);}
    .n-about3-con1-box{padding-right: 40px;}
    .n-about2-con1{margin-top: 10px}
    .n-about2-con1-img{margin-top: 40px;}
    .n-about2-con1{padding: 40px 0}
    .n-pt-itemText1 p{font-size: 14px;}
    .n-pt-itemText2 p{font-size: 12px;}
    .active .n-pt-itemBody{padding: 30px 10px 140px 30px; }
    .n-pt-itemBody{padding: 40px 20px 120px 20px}
    .n-jr-con1-itemTitle{font-size: 16px;}
    .n-jr-con1-r-bottom p{margin-top: 10px; line-height: 1.6em;}
    .n-jr-con1-itemInfo>div>div b{font-size: 16px;}
    .n-jr-con1-itemInfo>div>div p{font-size: 14px;}

    .n-contact-title b{padding-bottom: 10px;}
    .n-contact-con1-l{width: 100%}
    .n-contact-title p{height: auto; }
    .n-contact-con1-r{width: 100%;margin-top: 30px}

    .n-news-r{width: 100%;padding-right: 0}
    .n-news-search{width: 100%;margin-top: 0;}
    .n-news-search-form-row{display: inline-block;width: 20%;vertical-align: middle}
    .n-news-search-form-row:nth-child(2){width: 30%}
    .n-news-search h3{font-size: 20px;}
    .n_item_h1Info h4{font-size: 16px;}
    .n-news-l{width: 100%;padding-right: 0;margin-top: 30px}
    .n-news-body{margin-top: 0;}
    .n-news-con1{background: #f1f4f6;}
    .n-news-d-r{display: none;}
    .n-news-d-l{ ;padding-right: 0;width: 100%}
    .n-news-d-title h2{font-size: 24px;}
    .n-news-d-con1{background: #f1f4f6;margin-top: 30px;}

    .n-dj-l{width: 100%;padding-right: 0}
    .n-dj-r{width: 100%}
    .n-dj-r .n-news-search{background: #f0f7f9}
    .n-dj-r .n-news-search-form-row select{background-color: #fff;}


    .n-jr-con1-itemInfo>div>div{padding: 0 20px;font-size: 12px;}

    .n-about7-l{width: 100%}
    .n-about7-r{width: 100%}
    .n-about7-l-swiper{position: relative;padding: 0 30px}
    .n-about7-l-swiper .swiper-container{height: auto;padding-bottom: 10px;}
    .n-about7-l-swiper .swiper-wrapper{align-items: flex-end}
    .n-about7-l-swiper .swiper-slide  { display: flex;align-items: center; justify-content: center; height: 82px;   text-align: center; background-image: url("../images/n-about7-12.jpg");background-repeat: repeat-x;background-position: bottom}
    .n-about7-l-swiper .swiper-slide a{position: relative;right: auto;top: auto;transform: translate(0)}
    .n-about7-l-swiper .swiper-slide a.active:after{right: 50%; top:calc(100% + 16px) ;}
    .n-about7-l-swiper .swiper-button-prev{position: absolute;left: 0;top: 50%;margin: 0}
    .n-about7-l-swiper .swiper-button-next{position: absolute;right: 0;top: 50%;margin: 0}
    .n-about7-l-swiper .swiper-slide a.active{font-size: 38px;}

    .n-about7-tabTitle{font-size: 38px;}
    .n-about7-tabTitle i{font-size: 22px;}

    .n-about8-item{width: 31%}
    .n-about8-itemText{font-size: 14px;height: 40px;}
    .n-about8-con1{padding-top: 50px;}

    .n-zp-top{position: relative;}
    .n-zp-banner{position: absolute;left: 0;top: 0;width: 100%;height: 100%; padding: 0; z-index: 1}
    .n-zp-topB{position: relative;z-index: 2;padding-top: 30px;}
    .n-zp-topNav img{width:58px; display: none}
    .n-zp-topNav a{height: 100px;}
    .n-zp-topNav a span{margin: 0;font-size: 20px;}
    .n-dj-swiperTitle{font-size: 24px;}

}

@media (max-width:992px){
    .i-about:before{width: 100%}
    .i-about .g_w{display: block}
    .i-about-l{width: 100%;padding: 20px 0}
    .i-about-r{width: 100%;}
    .i-title {transform: scale(1)}
    .i-title img{transform: scale(.5);transform-origin: 0 0 0 }
    .i-title h2{font-size: 20px;transform: translateY(-16px);margin-top: 0}
    .i-about-l .i-more{margin-top: 20px;}
    .i-about-l-con{width: 100%}
    .i-about-r-time:before{width: 100%}
    .i-about-r-timeItem b{font-size: 20px}
    .i-about-r-time-con{height: 86%;}
    .i-about-r-itemTitle h4{font-size: 16px;}
    .i-about-r-itemTitle span{font-size: 12px;}
    .i-about-r-itemText{padding: 20px 10px 10px 20px;}
    .i-about-r-itemText p{margin-top: 10px;}
    .i-pro-r-p{margin-top: 0}
    .i-pro-r .i-more{margin-top: 20px;}
    .i-pro-swiper{width: 50%}
    .i-pro-r{width: 50%}
    .i-pro-swiper .swiper-slide span{font-size: 18px;}

    .n-top{box-shadow: none;}
    .n-nav{width: 100%;float: none}
    .n-breadcrumb{width: 100%;float: none;padding-top: 10px;}

    .n-about1-con1-item{width: 49%;margin-right: 1%;margin-top: 1%;}
    .n-about1-con1-item:nth-child(2n){margin-right: 0; }

    .n-about5-con2-item{width: 32%;margin-right: 1.5%}
    .n-about5-con2-item:nth-child(5n){margin-right: 1.5%}
    .n-about5-con2-item:nth-child(4n){margin-right: 1.5%}
    .n-about5-con2-item:nth-child(3n){margin-right: 0}
    .n-about5-con2-itemName{font-size: 16px;}
    .n-about5-body{padding-bottom: 60px}

    .n-pt-item{width: 100%;margin-top: 10px;}
    .n-pt-item.active{width: 100%}
    .n-pt-itemText1{display: block!important;padding-top: 0}
    .n-pt-itemText2{display: none!important;}
    .n-pt-itemBody{height: auto}
    .n-pt-itemA{bottom: 20px;}
    .n-jr-con1-l{width: 100%}
    .n-jr-con1-r{width: 100%}
    .n-jr-con1-l .n-jr-con1-item{display: block; width: 100%; max-width: 400px; margin: 10px auto}
    /*.n-jr-con1-item{display: block;max-width: 300px; margin: 0 auto}*/
    .n-jr-con1-itemTitle{padding: 10px}
    .n-about8-item{width: 48%}
    .n-zp1-body-l{width: 100%}
    .n-zp1-body-r{width: 100%;padding-left: 0;margin-top: 20px;}
    .n-zp1-body-l .n-zp1-body-l-title{height: auto;padding: 6px;line-height: initial }
    .n-zp1-body-l ul{font-size: 0}
    .n-zp1-body-l ul li{display: inline-block;vertical-align: middle;width: 50%}
    .n-zp1-body-l ul li a{height: auto;padding: 6px;line-height: initial;font-size: 14px;}

    .n-dj-swiperInfo{width: 100%; }
    .n-dj-swiperImg{ }
}
@media (max-width:767px){
    .i-pro .g_w{display: block}
    .i-pro-swiper{width: 100%}
    .i-pro-r{width: 100%;margin-top: 20px;padding-left: 0}
    .i-pro-swiper .swiper-pagination-bullet{width: 10px; height: 10px;}
    .i-pro-swiper .swiper-pagination{margin-top: 0px;}
    .i-news-top{display: block;}
    .i-news-more{margin-top: 30px;}
    .i-news-more a{margin-right: 20px;margin-left: 0}
    .i-news-body{margin-top: 20px;}
    .f_nav a{font-size: 14px;}
    .f_nav a:after{top:3px;}
    .f_code{margin-top: 20px;}
    .f_bottom{margin-top: 20px;}
    footer{padding: 30px 0}
    .i-banner .swiper-pagination-bullet{width: 10px; height: 10px;}

    .n-nav  {box-shadow: 0 1px 0 #dfdfdf}
    .n-nav a{width: 33.3%;margin: 0;padding: 10px 0;text-align: center;}
    .n-breadcrumb a{font-size: 12px;}

    .n-title img {transform: scale(.5);}
    .n-title-h{margin-top: 0}
    .n-title-h span{font-size: 20px;margin: 0 10px;}
    .n-title-h:before,.n-title-h:after{width: 20px;}
    .n-title b{font-size: 14px;margin-top: 10px;}
    .n-title p{font-size: 12px;}

    .n-about1-con1{margin-top: 20px;}
    .n-about1-con1-itemNum span{font-size: 26px;}
    .n-about1-con1-itemText p{font-size: 12px;margin-top: 10px;}
    .n-about1-con1-itemNum i{font-size: 12px;margin-left: 4px;}
    .n-about1-con1-list{margin-top: 30px}
    .n-about1-con3-text b{display: block;margin-top: 10px;line-height: 1.4em;}

    .n-about5-con1 .n-title p{font-size: 12px;margin-top: 10px}
    .n-about5-con1{margin-top: 20px;}
    .n-about5-con1-text{margin-top: 30px;padding: 30px 10px;}
    .n-about5-con1-textB{padding: 20px 10px 0 0;text-align: justify}
    .n-about5-con1-textB h3{font-size: 18px;}

    .n-about5-con2-item{width: 49%;margin-right: 2%}
    .n-about5-con2-item:nth-child(5n){margin-right: 2%}
    .n-about5-con2-item:nth-child(4n){margin-right: 2%}
    .n-about5-con2-item:nth-child(3n){margin-right: 2%}
    .n-about5-con2-item:nth-child(2n){margin-right: 0}
    .n-about5-con2-itemName{font-size: 14px;padding: 20px 20px 0 20px}
    .n-about5-con2-itemName:after{display: none}
    .n-about5-body{padding-bottom: 40px;}
    .n-about3-con1-body{position: relative}
    .n-about3-con1-bodyImg{float: none;position: absolute;z-index: 1; left: 0;top: 0;width: 100%;height: 100%;}
    .n-about3-con1-bodyImg:after{width: 100%;z-index: 2;background: #fff;opacity: .6}
    .n-about3-con1-bodyText{float: none;position: relative;z-index: 3;width: 100%}

    .n-about2-con1-img{margin-top: 20px;}
    .n-jr-con1-r-bottom{padding: 0}
    .n-jr-con1{ padding-top: 40px; padding-bottom: 40px;}
    .n-jr-con1-body{margin-top: 30px;}
    .n-jr-con1-l-top h3{font-size: 18px;}

    .n-contact-item>div{margin-left: 8px;}
    .n-contact-item>span{width: 40px; height: 40px;}
    .n-contact-item{padding: 16px 10px; }
    .n-contact-form .submit{height: 36px; line-height: 36px;}

    .n_item_h1Info h4{font-size: 14px;}
    .n_item_h1Info p{font-size: 12px;}
    .n_item_h1Img{display: block;max-width: 100%;margin: 0 auto}
    .n_item_h1Info{width: 100%;display: block; padding:20px ; }
    .n-news-item{padding: 0;}
    .n-news-search-form-row{display: block;width: 100%; }
    .n-news-search-form-row:nth-child(2){display: block;width: 100%; }
    .n-news-search h3{font-size: 16px;}
    .fenye a{font-size: 12px; width: auto;height: auto; line-height: 1; padding: 6px;margin-top: 6px}
    .fenye .fy-a{width: auto;}
    .fenye span{font-size: 12px; width: auto;height: auto; line-height: 1; padding: 8px;}
    .fenye{margin: 30px auto;}

    .n-news{padding-bottom: 40px;}
    .n-news-body .n-top {padding: 0;background: #f1f4f6}
    .n-news-body .n-top .g_w{padding: 0!important;}
    .n-news-r{background: #f1f4f6}
    .n-news-search{padding: 0;margin-top: 30px}
    .n-news-search-form-row select{height: 30px; line-height: 30px;font-size: 12px;}
    .n-news-search-form-row input  {height: 30px; line-height: 30px;font-size: 12px;border-radius: 0}
    .n-news-d-con1{padding: 0;}
    .n-news-d-title h2{font-size: 20px}

    .n-jr-swiper{padding: 0 40px;margin-top: 30px;}
    .n-jr-con1-itemInfo>div>div{padding: 0 10px}
    .n-jr-con1-itemInfo>div>div p{font-size: 12px!important;}
    .n-jr-con1-itemInfo>div>div p *{font-size: 12px!important;}
    .n-jr-swiper .swiper-pagination{margin-top: 10px;}
    .n-jr-swiper .swiper-pagination-bullet{width: 10px; height: 10px;margin: 0 6px;}
    .n-jr-con1 .n-title p{margin-top: 10px;}

    .n-about4-body{padding: 40px 0;margin-top: 30px;}
    .n-about4-text{padding-right: 20px;}
    .mapsite-list ul li h4{width: 100%;height: 36px; line-height: 36px;}
    .n-yp-con2-itemName{font-size: 12px;}

    .n-about7-l-swiper .swiper-slide a.active{font-size: 24px;}
    .n-about7-l-swiper .swiper-slide a{font-size: 16px;}
    .n-about7-tabTitle{font-size: 24px;}
    .n-about7-tabTitle i{font-size: 18px;}
    .n-about7-tabItem ul li{margin-top: 10px;font-size: 12px;}
    .n-about7-tabItem ul li b{font-size: 14px;}
    .n-about7-con1{padding: 40px 0}
    .n-about8-con1{padding-top:  0 ;}
    .n-zp-topNav a{height: auto;width: 50%;padding: 6px 0}
    .n-zp-topNav a span{margin: 0;font-size: 16px;}
    .n-zp-topTitle p{font-size: 14px;}
    .n-zp-topTitle img{transform: scale(.7);transform-origin: 0 0 0  }
    .n-zp2-body-con{padding: 20px;}
    .n-zp2-con1 h3{font-size: 20px;}
    .n-zp2-con1 p{font-size: 14px;}
    .n-zp2-fromRow{display: block}
    .n-zp2-fromItem{width: 100%}
    .n-zp2-fromCode{display: block;margin-top: 20px;}
    .n-zp2-fromCode-r b{width: 100%;margin: 10px auto 0 auto}
    .n-zp2-fromCode-l span{display: none}

    .n-zp1-body-l ul li{display: inline-block;vertical-align: middle;width: 100%;margin-bottom: 2px;}
    .n-zp1-body-r .n-panel .panel-title > a h5{padding-right: 0}
    .n-zp1-body-r .n-panel .panel-title > a h5>span{width: 24%;font-size: 14px;}
    .n-zp1-body-r .n-panel .panel-title > a h5>span:nth-child(5){width: 5%}


    .n-jr-con1-item .n-jr-con1-itemInfo{transform: translateY(0); opacity: 1;}
    .n-jr-con1-item:hover .n-jr-con1-itemTitle{transform: translateY(0); opacity: 1;z-index: 99!important; }
    .n-jr-con1-item .n-jr-con1-itemTitle{transform: translateY(0); opacity: 1;z-index: 99!important; padding: 4px 10px;font-size: 14px;}
    .n-a{font-size: 14px; height: 30px; line-height: 30px;width: 100px;}
    .f-top-span span{font-size: 12px;}

    .i-about-r-list{font-size: 0}
    .i-about-r-item{padding: 0;display: inline-block;width: 33.3%;font-size: 14px;}
    .i-about-r-itemText{padding:   14px 6px;position: relative;transform: translate(0)!important;text-align: center;justify-content: center}
    .i-about-r-itemTitle span{display: none}
    .i-about-r-item:hover .i-about-r-itemText p{opacity: 1; ;transition: .6s all ease}
    .i-about-r-item:hover .i-about-r-itemText {background: rgba(0,0,0,.2);transition: .6s all ease}
    .i-about-r-item .i-about-r-itemTitle{transition: .6s all ease}
    .i-about-r-item:hover .i-about-r-itemTitle{transform: translateY(0);transition: .6s all ease}
    .i-about-r-item.active .i-about-r-itemTitle{transform: translateY(0);transition: .6s all ease}
    .i-pro-swiper .swiper-slide a{padding-top: 110%}

    .layui-form-item .layui-input-inline{margin: 10px 0 0 0!important;left: 0!important;border-radius:0!important;}
    .n-news-search-form .layui-input{height: 30px;line-height: 30px;border-radius:0!important; }
    .n-news-search-form .layui-form-label{margin-top: 10px;}
    .n-dj-swiperTitle{font-size: 16px}
    .n-dj-swiperInfo{height: auto;padding: 20px;}
    .n-dj-swiperInfo p{display: none}
    .n-dj-swiperInfo span{display: none}
    .n-dj-nav a{width: 48%;height: 40px; margin: 1%;background: url(../images/n-dj-btn2.png) no-repeat; background-size: 100% 100% }
    .n-dj-nav a span{height:24px;line-height: 24px; }
    .n-dj-nav a:nth-child(4){width: 48%;}
    .n-dj-nav{margin-top: 20px;}
    .n-dj-swiper{margin-top: 30px;}
}

@media (max-width:640px){
    .i-news-body{display: block;}
    .i-news-item{width: 100%;margin-bottom: 20px;}
    .i-about-r{display: block;}
    .i-about-r-list{width: 100%}
    .i-about-r-time{width: 100%;padding: 20px}
    .i-about-r-timeList,.i-about-r-time-wh{max-width: 100%}
    .i-about-r-time-con{max-height: 360px;}

    .i-about-r-itemText p{margin-top: 20px;opacity: 1;transform: translateY(0);}
    .i-pro{padding: 40px 0;}
    .i-pro-swiper .swiper-slide span{font-size: 16px;}
    .n-contact-item{padding: 16px 10px;width: 100%}
    .n-news-d-title h2{font-size: 18px;}
    .n_item_h1Img{width: 100%}
    .n-about8-item{width: 100%;margin: 20px 0 0 0 }
    .n-about8-itemText{font-size: 12px;height: 34px;}
}