
.panel *{border: none}
.panel-title > a{display: block;border: 0}


.nav-tabs{border: 0}
.nav-tabs > li > a{border-radius: 0;margin: 0;padding: 0;border: 0}
.nav-tabs > li{margin: 0}
.nav-tabs > li.active > a {border: 0}

.bdshare-button-style0-16 .bds_tsina ,.bdshare-button-style0-16 .bds_weixin{width: 28px;height: 28px;  background-size: 100% 100%!important; background-position: 0 0!important;}
/*.bdshare-button-style0-16 .bds_tsina {background: url("../images/wb.png") no-repeat;}*/
/*.bdshare-button-style0-16 .bds_weixin{background: url("../images/wx.png") no-repeat;}*/
/*.bdshare-button-style0-16 .bds_weixin.pyq{background: url("../images/py.png") no-repeat;}*/


ul.share-buttons{
    list-style: none;
    padding: 0;
}

ul.share-buttons li{
    display: inline;margin: 0 20px;opacity: .7;
}
ul.share-buttons li:hover{opacity: 1}
ul.share-buttons .sr-only{
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

ul.share-buttons img{

}

.dropdown:hover .dropdown-menu{display: block ;}
.dropdown-menu{margin-top: 0; }

.bshare-custom {text-align: center;}
.bshare-custom .bshare-weixin{background: url("../images/share.png") no-repeat!important;}
.f-share{position: fixed;right: 1px;top: 45%;width: 50px;z-index: 99999; }
.f-share .bshare-top{width: 50px ;
    height: 50px;
    margin: 6px auto;
    text-decoration: none;
    display: block;
    cursor: pointer;
    color: #42caf3;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    box-shadow: 0 0 2px #666;font-family: Arial; background-color: #e0e0e0;}
.f-share .bshare-weixin1{ background-color: #e0e0e0; background-image: url("../images/f-wx.png");
    background-size: 30px 30px;background-position: center;background-repeat: no-repeat;}
.f-share .bshare-weixin1{
    width: 50px ;
    height: 50px;
    margin: 6px auto;
    text-decoration: none;
    display: block;
    /*display: inline-block;*/
    zoom: 1;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    box-shadow: 0 0 2px #666;

}
.bshare-custom .bshare-qqim1{background: url("../images/share.png") no-repeat!important; }

.f-share .bshare-qqim1{background-color: #e0e0e0;background-image: url("../images/f-qq.png")   ;
    background-size: 30px 30px;  background-position: center;background-repeat: no-repeat;}
.f-share .bshare-qqim1{
    width: 50px ;
    height: 50px;
    margin: 6px auto;
    text-decoration: none;
    display: block;
    /*display: inline-block;*/
    zoom: 1;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    box-shadow: 0 0 2px #666;}
.bshare-custom .bshare-sinaminiblog{background: url("../images/share.png") no-repeat!important;background-position: -58px 0!important;}
.bshare-custom .bshare-qqmb{background: url("../images/share.png") no-repeat!important;background-position: -82px 0!important;}
#bsWXBox{box-sizing: content-box!important;}
#bsWXBox *{box-sizing: content-box!important;}



.h-body>.g_w{position: relative;}

.g_left{position: absolute; left: 0; top:0; width: 240px; height: 100vh;padding-top: 186px;}
.g_left>div{}
.g_left_logo{ opacity: 0; position: fixed; top: 0; width: 240px; height: 86px; text-align: center;line-height: 86px; box-shadow: 0 0 4px rgba(0,0,0,.5);transition: .4s all linear;}
.g_left>.g_left_contact {height: 100%; max-height: calc(100% - 86px); position: fixed;width: 240px; transition: .4s all linear;
    background:url("../images/leftBg.jpg") no-repeat;background-size: cover;background-position:top center}
.g_leftB{width: 100%;height: 100%;position: relative; }
.g_leftCon{padding: 0 28px;position: absolute;top: 20%;color: #fff;}
.g_leftInfo{margin-top: 36px;}
.g_leftTitle{text-align: right}
.g_leftRow {text-align: left;overflow: hidden}
.g_leftRow span{display: block;float: left;line-height: 1.4em;}
.g_leftRow span:nth-child(1){width: 60px;margin-top: 4px;}
.g_leftRow span:nth-child(2){width: 100%}
.g_leftText{margin-top: 20px;}
.g_leftTel{ display: none; position: absolute;left: 100%;top: 4px;background: rgba(66,202,243,.85);box-shadow: 2px 2px 4px rgba(0,0,0,.5);
    width: 60px; height: 60px; text-align: center;line-height: 60px;
    animation: imgScale 2s ease infinite;
    -webkit-animation: imgScale 2s ease infinite;}


@keyframes imgScale
{
    0%   { transform: scale(1);}
    50%   { transform: scale(1.1);}
    100% { transform: scale(1);}
}
@-webkit-keyframes imgScale
{
    0%   { transform: scale(1);}
    50%   { transform: scale(1.1);}
    100% { transform: scale(1);}
}


.i-move{width: 190px; height: 50px;margin: 32px auto 0 auto; display: block; position: relative;border-radius: 30px;overflow: hidden;
    line-height: 50px;text-align: center;color:#0b0b0b;border: 2px solid #42caf3;transition: all .5s}

.i-move a{display: block;width: 100%;height: 100%;color: #fff;position: absolute;left: 0;top: 0;z-index: 9}
.i-move a>div:nth-child(1){position: absolute;width: 100%;height: 100%;left: 0; top:0;z-index: 9}
.i-move-h{width: 100%;height: 100%;position: absolute;left: 0;top: 0; border-radius: 30px;transform: scaleX(1);transform-origin: right center;
    background:rgba(66,202,243,.85);  transition: transform 0.5s;}
.i-move:hover{background: rgba(255,255,255,0);transition: all .5s}
.i-move:hover .i-move-h{transform: scaleX(0); transform-origin: left center; }
.i-move:hover a {color: #fff;transition: all .5s}


.i-banner-bg{width: 100%; min-height: 200px; padding-top:  38%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.i-banner .swiper-pagination-bullet{width: 14px;height: 14px;margin: 0 .6%!important; border-radius: 50%;background:none; border: 1px solid #fff; opacity: 1}
.i-banner  .swiper-pagination-bullet-active{background: #fff; }
.i-banner-text{ width: 100%;position: absolute;left:0;top: 50%;transform: translate(0,-50%);color: #fff;}
.i-banner-text .ani{ }
.i-banner-text h1{ font-size: 73px;margin-bottom: 10px; text-align: center; }
.i-banner-text a{ display: block;  font-size: 16px;width: 162px;height: 48px;line-height: 48px;text-align: center;margin: 34px auto 0 auto;background: #fff;border-radius: 30px;color: #1b1b1b}
.i-banner .swiper-slide .i-banner-bg{transform: scale(.6);transition: all 1s linear}
.i-banner .swiper-slide-active .i-banner-bg{transform: scale(1);transition: all 1s linear}



.i-title h2{font-size: 36px; color: #fff; font-weight: 600;line-height: 1.3em;text-transform: uppercase}


.i-about{background: #cfd8dc; }
.i-about > .g_w{display: flex;align-items: center;height: 100%;min-height: 314px;}
.i-about-r .i-move{margin-top: 0}
.i-about-r .i-move:hover a{color: #999}
.i-about-rA{ display: block; width: 190px; height: 50px; line-height: 50px; text-align: center;  color: #fff;background: #42caf3;border-radius: 30px;}
.i-about .i-title{min-width:353px;  color: #42caf3;padding-left:23px; }
.i-about .i-title h2{ color: #42caf3}
.i-aboutB{width: calc(100% - 340px);display: flex;align-items: center}
.i-about-l{width: calc(100% - 190px);padding: 0 54px;}
.i-about-l p{color: #666;line-height: 1.8em;text-indent: 2em}

.i-about2{display: flex;align-items: stretch}
.i-about2-l{width: 50%;background: url("../images/i-about2-1.jpg") no-repeat;background-size: cover;background-position: center}
.i-about2-r{width: 50%}
.i-about2-r-top{  background: url("../images/i-about2-2.jpg") no-repeat;background-size: cover;background-position: center }
.i-about2-r-con{max-width: 702px;width: 100%;padding:20px 0 20px 20px;}
.i-about2-r-top .i-about2-r-con{min-height: 558px; display: flex;align-items: center;justify-content: flex-end}
.i-about2-r-top .i-about2-r-con>div{max-width: 518px;text-align: center;color: #fff}
.i-about2-r-top .i-about2-r-con>div p{line-height: 1.8em;margin-top: 24px;}
/*.i-about2-r-top .i-about2-r-con>div a{ display: block;margin: 40px auto 0 auto;  width: 190px; height: 50px; line-height: 50px; text-align: center;color: #fff;background: #eb6ea6;border-radius: 30px;}*/
.i-about2-r-top .i-about2-r-con>div .i-move{border: 2px solid #eb6ea6;}
.i-about2-r-top .i-about2-r-con>div .i-move-h{background: #eb6ea6;}


.i-about2-r-bottom{background: #9774ce}
.i-about2-r-bottom .i-about2-r-con{min-height: 266px; display: flex;align-items: center;justify-content: flex-end}
.i-about2-r-bottomItem{color: #fff;max-width: 258px;width: 50%;position: relative}
 .i-about2-r-bottomItem:nth-child(1) { }
 .i-about2-r-bottomItem:nth-child(1):after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 86px;background: #fff;z-index: 2}
.i-about2-r-bottomItem span{display: block;text-align: center}
.i-about2-r-bottomItem span:nth-child(1){font-size: 22px;}
.i-about2-r-bottomItem span b{font-size: 52px;}

.i-product{background: #cfd8dc;padding-top: 90px;}
.i-product .i-title{text-align: center; }
.i-product .i-title h2{ color: #3a3a3a}
.i-product-list{display: flex;margin-top: 60px;}
.i-product-item{width: 33.3%;position: relative}
.i-product-itemImg{overflow: hidden}
.i-product-itemBg{padding-top: 110%;transform: scale(1.02);transition:.4s all }
.i-product-itemText{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);color: #fff;font-size: 30px;font-weight: 600;text-shadow: 2px 2px 2px rgba(0,0,0,.5)}
.i-product-item:hover  .i-product-itemBg{   transform: scale(1.1);transition:.4s all }

.i-power{margin-top: 105px;display: flex;align-items: stretch}
.i-power-l{width: 50%; height: 730px; display: flex;align-items: center;justify-content: flex-end;
    background: url("../images/i-power4.jpg") no-repeat;background-size: cover;background-position: center}
.i-power-con{max-width: 408px;width: 100%;padding-right: 60px;}
.i-power-l .i-title{text-align: left}
.i-power-row{margin-top: 56px;display: flex;align-items: center;color: #fff;}
.i-power-img{width: 90px;}
.i-power-text{width: calc(100% - 90px);}
.i-power-row img{margin-right: 16px;}
.i-power-row  h5{font-size: 16px;}
.i-power-row  p{line-height: 1.6em;margin-top: 8px;}
.i-power-r{width: 50%;background: url("../images/i-power5.jpg") no-repeat;background-size: cover;background-position: center}

.i-news{padding-top: 92px;}
.i-news .i-title h2{color: #333;text-align: center}
.i-news-list{padding-top: 20px;}
.i-news-list .n_item_v2{margin-top: 20px;}

.i-service{display: flex;margin-top: 100px;align-items: stretch}
.i-service-l{width: 50%;background: url("../images/i-service1.jpg") no-repeat;background-size: cover;background-position: center}
.i-service-r{width: 50%; height: 656px; display: flex;align-items: center; color: #fff;
    background: url("../images/i-service2.jpg") no-repeat;background-size: cover;background-position: center}
.i-service-con{max-width: 702px; width: 100%; text-align: center;display: flex;justify-content: flex-end;padding: 20px 0 20px 20px}
.i-service-conText{width: 536px}
.i-service-con p{margin-top: 30px;line-height: 1.6em;}
/*.i-service-con a{width: 190px; height: 50px; margin: 32px auto 0 auto; display: block; color: #fff; text-align: center; line-height: 50px; background: #42caf3;border-radius: 30px;}*/
.f-bottom{margin-top: 20px;text-align: center}
.f-bottom a{font-size: 12px; color: #444}
.f-bottom a:hover{color: #42c9f3}

.n_g_w{padding-left: 30px;}

.n-breadcrumb{background: #dce4e7;height: 49px;}
.n-breadcrumb .g_w{height: 100%;}
.n-breadcrumb .g_w .n_g_w{height: 100%;line-height: 49px;}
.n-breadcrumb a{color: #666; }
.n-breadcrumb a.active{color: #56ccf1;}
.n-breadcrumb a:hover{color: #56ccf1;}

.n-bannerImg{padding-top: 24.4%;min-height: 200px;}

.pro-body{background: #dce4e7}
.n-pro-top{margin-top: 72px;color: #666;line-height: 1.6em;}
.n-pro-nav{margin-top: 50px;text-align: center;font-size: 0}
.n-pro-nav a{display: inline-block; min-width: 100px; padding:   10px; font-size: 14px; border-radius: 30px;margin: 0 10px;color: #333;font-weight: bold;transition: .4s all ease}
.n-pro-nav a:hover{color: #fff;background: #42caf3;transition: .4s all ease}
.n-pro-nav a.active{color: #fff;background: #42caf3; }

.n-pro-list .n_item_v1Bg{padding-top: 79%;}
.n-pro-list .n_item_v1Info{background: rgba(151,116,206,.8) }
.n-pro-list .n_item_v1Info span{width: 130px; height: 36px; margin: 24px auto 0 auto; line-height: 36px; text-align: center;color: #fff;background: #42caf3;}
.n-pro-list .n_item_v1Info p{margin-top: 26px;}
.n-pro-list .n_item_v1Info p img{margin-right: 10px}
.n-pro-list .n_item_v1Img{position: relative; }
.n-pro-list .n_item_v1Text{position: absolute;left: 0;bottom: 0;width: 100%;padding-left: 0}
.n-pro-list .n_item_v1Text h4{ line-height: 65px; font-size: 16px; color: #fff;text-align: center;overflow: hidden;background: #9774ce;
    -ms-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap }
.n-pro-list .n_item_v1:hover .n_item_v1Text{transform: translateY(100%);transition: .4s all ease}

.pro-d-nav{background: #dce4e7;font-size: 0}
.pro-d-nav a{display: inline-block;width: 164px;padding: 24px 10px; font-size: 16px; text-align: center; color: #333;transition: .4s all ease}
.pro-d-nav a:hover{background: #42c9f3;color: #fff;transition: .4s all ease}
.pro-d-nav a.active{background: #42c9f3;color: #fff}
.pro-d-title{ margin-top: 48px; padding-bottom: 18px; border-bottom: 1px solid #dcdcdc;color: #42c9f3}
.pro-d-title h4{font-size: 16px;}
.pro-d-text{padding-top: 22px;padding-bottom: 70px;}
.pro-d-text p{color: #666;line-height: 1.8em}


.n-service-nav{ margin-top: 60px; border-bottom: 1px solid #dcdcdc;font-size: 0}
.n-service-nav a{ margin-right: 20px; display: inline-block; font-size: 16px; font-weight: bold;color: #333;padding: 0 10px 24px 10px; border-bottom: 5px solid #fff;transition: .4s all ease}
.n-service-nav a:hover{border-color: #42c9f3;transition: .4s all ease}
.n-service-nav a.active{border-color: #42c9f3}

.n-service-top{font-size: 0;padding-top: 40px;}
.n-service-search{ margin-top: 20px; display: inline-block;vertical-align: middle;position: relative;
    margin-right: 60px; max-width: 100%; width: 356px;padding-left: 56px; border-radius: 30px;border: 1px solid #dcdcdc;overflow: hidden;}
.n-service-search img{  position: absolute; top: 50%; left: 24px; transform: translateY(-50%)}
.n-service-search input{ font-size: 14px; width: calc(100% - 56px);height: 40px; line-height: 40px; padding: 0 20px; border: 0;background: none;}
.n-service-type{ margin-top: 20px; font-size: 14px; display: inline-block;vertical-align: middle}
.n-service-type span{color: #333;display: inline-block;vertical-align: middle}
.n-service-type a{ margin-top: 6px; font-size: 14px; display: inline-block;vertical-align: middle; margin-left: 20px;transition: .4s all ease;
    min-width: 164px; height: 40px; line-height: 40px; text-align: center; color: #666;border: 1px solid #dcdcdc; border-radius: 30px; overflow: hidden;}
.n-service-type a:hover{background: #42c9f3;color: #fff;transition: .4s all ease}
.n-service-type a.active{background: #42c9f3;color: #fff}

.n-service1-con{height: 1272px;background: url("../images/service1.jpg") no-repeat;background-size: cover;background-position: center}
.n-service1-text{padding-top: 90px; text-align: center}
.n-service1-text h2{font-size: 36px;margin-bottom:16px; color: #333}
.n-service1-text p{font-size: 18px; color: #666;line-height: 1.6em}

.n-power1-title{text-align: center;margin-top: 80px;}
.n-power1-title h3{color: #333}
.n-power1-title p{color: #666;margin-top: 40px;}
.n-power1-list{padding-bottom: 100px;}
.n-power1-list .n_item_v1Img{border: 2px solid #dcdcdc}
.n-power1-list .n_item_v1Bg{padding-top: 68%;}

.n-power4-list{display: flex;flex-wrap: wrap;padding-bottom: 100px;}
.n-power4-item{width: 20%;margin-right: 6.6%;margin-top: 40px;}
.n-power4-item:nth-child(4n){margin-right: 0}
.n-power4-itemImg{padding-top: 58.6%;border: 2px  solid #dcdcdc;position: relative}
.n-power4-itemImg img{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);max-width: 100%;max-height: 100%}
.n-power4-text{padding-top: 16px; text-align: center;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.contact-top{ margin-top: 40px; text-align: center;padding-bottom: 30px;border-bottom: 1px dashed  #dadada}
.contact-top h3{color: #595656;margin-top: 70px;}

.contact-b{margin-top: 60px;padding-bottom: 70px}
.contact-lxfs-list  {display: flex;flex-wrap: wrap}
.contact-lxfs-itemView{width: 23%;margin: 0 1%;height: 150px;margin-top: 50px; }
.contact-lxfs-item{  font-size: 12px; position: relative; border: 1px solid #dfdfdf;
    background: none; padding: 40px 10px 20px 10px; cursor: pointer; background: #fff; transition: .4s all ease}
.contact-lxfs-item h4{ font-size: 12px; font-weight: 600;margin-bottom: 10px;}
.contact-lxfs-item p{margin-top: 4px; font-size: 14px;color: #fff;text-align: center;display: flex;}
.contact-lxfs-item p b{width: 80px; font-size: 14px;color: #1d1d1d; font-weight: 400; }
.contact-lxfs-item p span{width: calc(100% - 80px); font-size: 14px;color: #1d1d1d;text-align: left}
.contact-lxfs-itemI{position: absolute; left: 20%;top: 0;transform: translate(-50%,-50%);
    width: 66px;height: 66px; border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.contact-lxfs-item-bottom{display: none;}
.contact-lxfs-item:hover{background: url("../images/contact1-2.jpg") no-repeat;background-size: cover;background-position: center;transition: .4s all ease}
.contact-lxfs-item:hover  p span{color: #fff}
.contact-lxfs-item:hover  p b{color: #fff}
.contact-lxfs-item:hover  .contact-lxfs-item-bottom{display: block;}

.n-contact3-f{  display: flex;justify-content: space-between;align-items: flex-end}
.n-contact3-f>div{}
.n-contact3-f>div:nth-child(1){width: 26%;height: 178px;}
.n-contact3-f>div:nth-child(2){width: 58%;height: 178px;}
.n-contact3-f>div:nth-child(3){width: 13%;}

.n-contact3-f>div input{width: 100%;background: #f8f8f8;border: 0;height: 44px;
    line-height: 44px;padding: 0 20px; color: #000}
.n-contact3-f>div input::-webkit-input-placeholder{color: #999}
.n-contact3-f>div textarea{width: 100%;background: #f8f8f8;border: 0;height: 100%;
    line-height: 44px;padding: 14px 20px;}
.n-contact3-f>div .submits{color: #fff;background: #42caf3;margin-top: 6px;}
.n-contact3-f>div:nth-child(1) input{margin-top: 22px;}
.n-contact3-f>div:nth-child(1) input:nth-child(1){margin-top: 0;}
.n-contact-title{text-align: center;padding: 30px 0 50px 0}

.n-about1-title{padding-top: 60px;padding-bottom: 10px;color: #333333;text-align: center}
.n-about1-text p{color: #666;line-height: 1.8em;}
.n-about1-text  {padding-bottom: 100px;}
.n-about1-img{ margin-top:40px;  display: flex;justify-content: space-between;align-items: self-start}
.n-about1-img img{ width: 31%}
.n-about1{background: url("../images/about1-4.jpg") no-repeat;background-size: cover;background-position: center}

.n-about3-list{margin-top: 50px;display: flex}
.n-about3-item{width: 33.3%;transition: .4s all ease}
.n-about3-itemImg{padding-top: 60%;position: relative;opacity: .8;}
.n-about3-itemText{position: absolute;display: flex;justify-content: center;align-items: center;
    width: 100%;height: 100%;top: 0;left: 0;color: #fff}
.n-about3-itemText h3{line-height: 1.6em;}
.n-about3-item:nth-child(2) .n-about3-itemImg:nth-child(2){transform: translateY(-100%)}
.n-about3-item:nth-child(2) .n-about3-itemImg:nth-child(1){transform: translateY(100%)}
.n-about3-item:hover .n-about3-itemImg{opacity: 1;transition: .4s all ease}
.n-about3-con{padding-bottom: 100px;}

.n-about2-list{display: flex;padding-top: 40px;flex-wrap: wrap}
.n-about2-list .n-about2-item{width: 30%;margin-right: 5%;margin-top: 20px;}
.n-about2-list .n-about2-item:nth-child(3n){margin-right: 0}
.n-about2-list .n_item_v1{margin: 0 auto}
.n-about2-list .n_item_v1Img{position: relative;padding-top: 80%}
.n-about2-list .n_item_v1Img img{position: absolute; left: 50%;top: 50%;max-width: 100%;height: 100%;transform: translate(-50%,-50%);}
.n-about2-list .n_item_v1Text{padding-left: 0; margin-top: 20px;color: #666;height: 44px;}
.n-about2-list .n_item_v1Text h4{font-size: 14px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.n-about2-con{padding-bottom: 100px;}

.n-zp-title{ margin-top: 40px; height: 54px; background: #30ace2; display: flex;justify-content: space-between;align-items: center;}
.n-zp-title span{width: 25%;color: #fff;text-align: center;}
.n-zp-panel .panel-heading{ }
.n-zp-panel .panel-group .panel + .panel{margin-top: 14px;}
.n-zp-panel .panel-title > a.collapsed{color: #333;background: #f5f5f5 }

.n-zp-panel .panel-title > a{ height: 70px;line-height: 70px; position: relative;  color: #fff; font-size: 14px;display: flex;background: #9774ce;
    justify-content: space-between;align-items: center;border-bottom: 1px solid #ecebeb;border-top: 1px solid #ecebeb;}
.n-zp-panel .panel-title > a>span{width: 25%;overflow: hidden;text-align: center;}
.n-zp-panel .panel-title > a >div{width: 25%}
.n-zp-panel .panel-title > a >div > div{width: 14px;height: 14px; margin: 0 auto; position: relative;border: 1px solid #333;border-radius: 50%;}
.n-zp-panel .panel-title > a.collapsed >div > div span{background: #333;}
.n-zp-panel .panel-title > a >div > div span{width: 10px; height: 2px ; display: block; background: #333;position: absolute; left: 50%; top: 50%;margin-top: -1px;margin-left: -5px;}
.n-zp-panel .panel-title > a >div > div span:nth-child(2){transform: rotateZ(0)}
.n-zp-panel .panel-title > a.collapsed >div > div span:nth-child(2){transform: rotateZ(90deg)}
.n-zp-panel .panel-body{padding: 40px 80px ; background: #9774ce;color: #666}
.n-zp-panel .panel-body p{line-height: 2rem;color: #fff;}
.n-zp-panel .panel-group{ }

.n-job-con{padding-bottom: 70px;}
.n-job-top{ text-align: center; padding-bottom: 70px; padding-top: 120px; background: url("../images/job.jpg") no-repeat;background-size: cover;background-position: center}
.n-job-top p{margin-top: 48px;line-height: 1.8em;color: #666}
.n-zp-row{display: flex;justify-content: space-between;}
.n-zp-item {width: 49%; min-height: 132px; margin-top: 30px; padding: 20px; background: #f6f6f6;display: flex;justify-content: center;align-items: center;transition: .4s all ease}
.n-zp-item h4{color: #333;transition: .4s all ease}
.n-zp-item p{color: #666;margin-top: 10px;transition: .4s all ease}
.n-zp-item i{color: #e0e0e0;margin-right: 20px;font-size: 50px;transition: .4s all ease}
.n-zp-item:hover{background: #9774ce;transition: .4s all ease}
.n-zp-item:hover h4{color: #fff;transition: .4s all ease}
.n-zp-item:hover p{color: #fff;transition: .4s all ease}
.n-zp-item:hover i{color: #fff;transition: .4s all ease}

.n-zp-fl{ margin-top: 60px; display: flex; align-items: center; min-height:220px;  padding: 20px;
    background: url("../images/n-zp-fl-img2.jpg") no-repeat;background-size: cover;background-position: center}
.n-zp-fl-img{width:300px;display: flex;align-items: center;justify-content: center;position: relative}
.n-zp-fl-img:after{position: absolute;right: 0;height: 156px;width: 1px;background: #fff;opacity: .6;content: ''}
.n-zp-fl-text{width: calc(100% - 300px); padding-left: 60px; color: #fff}
.n-zp-fl-text h5{font-size: 16px;font-weight: bold;padding-bottom: 14px;}
.n-zp-fl-text p{margin-top: 10px; padding-left: 16px;position: relative;}
.n-zp-fl-text p:after{position: absolute;left: 0;top: 7px;width: 6px; height: 6px; background: #fff;content: '';border-radius: 50%}


.power3-img{ margin-top: 40px;padding-bottom: 100px; position: relative;display: flex;justify-content: center;overflow: hidden}
.power3-img>div{position: relative;}
.power3-i{ display: none; position: absolute;left: 77.9%; top: 38.6%;
    animation: wiscale 2s ease infinite;
    -webkit-animation: wiscale 2s ease infinite;}
.power3-i2{ display: none; position: absolute;left: 81%; top: 38.6%;    }

@-webkit-keyframes wiscale {
    0% {
        transform:scale(1);

    }
    50% {
        transform:scale(1.3);

    }

    100% {
        transform:scale(1);
    }
}

@keyframes wiscale {
    0% {
        transform:scale(1);

    }
    50% {
        transform:scale(1.3);

    }

    100% {
        transform:scale(1);
    }
}

.n-power2-list{padding-bottom: 100px;}

.n-news{background: #d6e4eb;}
.n-news-list{display: flex;padding-top: 40px;flex-wrap: wrap}
.n-news-item{width: 32%;margin-right: 2%;margin-top: 28px;}
.n-news-item:nth-child(3n){margin-right: 0;}
.n-news-item .n_item_v2Text{margin-top: 0; padding: 28px 20px 20px 20px;  background: #fff}
.n-news-item .n_item_v2Text span{font-size: 12px;color: #999}
.n-news-item .n_item_v2Text h5{margin-top: 16px; font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.n-news-item .n_item_v2Text p{margin-top: 16px; font-size: 14px;height: 66px;overflow: hidden;color: #666}
.n-news-item .n_item_v2Text b{display: block; margin-top: 16px; width: 130px; height: 40px; line-height: 40px; text-align: center;color: #fff;background: #42caf3}


.n-news-d{margin-top: 68px;}
.n-news-d-topB{display: flex;justify-content: space-between;align-items: center;padding-bottom: 6px; border-bottom: 1px dashed  #dfdfdf }
.n-news-d-topInfo{margin-top: 24px; display: flex;align-items: center}
.n-news-d-topInfo .bshare-custom{margin-top: 0}
.n-news-d-topInfo .bshare-custom a{background: none!important;}
.bsBox{box-sizing: content-box; }
.bsBox *{box-sizing: content-box}
.n-news-d-topBtn{margin-top: 24px;}
.n-news-d-topBtn a{color:#333; margin: 0 10px;}
.n-news-d-topBtn a:hover{color:#42caf3; }

.n-news-d-text{line-height: 1.8em;padding-top: 18px;padding-bottom: 70px;}
.n-news-d-text p{color: #666}

.n-service2-list{padding-top: 33px;}
.n-service2-item a{display: flex; align-items: stretch; margin-top: 17px;}
.n-service2-itemImg{width: 358px;overflow: hidden}
.n-service2-itemBg {padding-top: 62%;height: 100%}
.n-service2-itemR{width: calc(100% - 358px); padding:20px 30px 20px 48px; display: flex;align-items: center;background: #f1f1f1}
.n-service2-itemR-info{width: calc(100% - 140px);}
.n-service2-itemR-info h5{color: #333}
.n-service2-itemR-info p{margin-top: 10px;line-height: 1.6em;color: #666}
.n-service2-itemR-down{width: 140px;text-align: center}
.n-service2-itemR-down i{font-size: 50px;display: block;color: #666}
.n-service2-itemR-down span{ display: block;font-size: 16px;color: #333 }
.n-service2-itemR-down b{ display: block;color: #666;margin-top: 6px;}

.n-service2-item:hover .n-service2-itemBg{transform: scale(1.1);transition: .4s all linear;}
.n-service2-item:hover .n-service2-itemR{background: #9774ce;transition: .4s all linear;}
.n-service2-item:hover .n-service2-itemR .n-service2-itemR-info h5{color: #fff;transition: .4s all linear;}
.n-service2-item:hover .n-service2-itemR .n-service2-itemR-info p{color: #fff;transition: .4s all linear;}
.n-service2-item:hover .n-service2-itemR .n-service2-itemR-down i{color: #fff;transition: .4s all linear;}
.n-service2-item:hover .n-service2-itemR .n-service2-itemR-down span{color: #fff;transition: .4s all linear;}
.n-service2-item:hover .n-service2-itemR .n-service2-itemR-down  b{color: #fff;transition: .4s all linear;}


.n-contact-topBg{background: #f8f8f8;overflow: hidden;}



.f-share-en{font-size: 0;  margin-top: 20px; text-align: center;padding-bottom: 20px}
.f-share-en a{display: inline-block;width: 20px; height: 20px; margin: 0 4px;}


.bshare-qqim1Box{display: none;position: fixed; z-index: 99;top: 50%;left: calc(50% + 120px);transform: translate(-50% ,-50%);background: #fff;box-shadow: 0 0 4px #999;}
.bshare-qqim1Box>div{position: relative;padding: 30px; }
.bshare-qqim1Box a{color: #000;margin: 0 10px;}
.bshare-qqim1Box a img{width: 32px;height: auto}
.bshare-qqim1C{position: absolute;right: 10px;top: 10px; height: 16px;width: 16px;display: flex;align-items: center;justify-content: center}
.bshare-qqim1C:after{content: ''; display: block; width: 16px;height: 1px;background: #000;transform:translateX(-100%) rotate(45deg)}
.bshare-qqim1C:before{content: ''; display: block; width: 16px;height: 1px;background: #000;transform:translateX(0) rotate(-45deg)}

.bshare-weixin1Box{ display: none; position: fixed; z-index: 99;top: 50%;left: calc(50% + 120px); transform: translate(-50% ,-50%); background: #fff;box-shadow: 0 0 4px #999;}
.bshare-weixin1Box>div{position: relative;padding: 30px; }
.bshare-weixin1C{position: absolute;right: 10px;top: 10px; height: 16px;width: 16px;display: flex;align-items: center;justify-content: center}
.bshare-weixin1C:after{content: ''; display: block; width: 16px;height: 1px;background: #000;transform:translateX(-100%) rotate(45deg)}
.bshare-weixin1C:before{content: ''; display: block; width: 16px;height: 1px;background: #000;transform:translateX(0) rotate(-45deg)}
.bshare-weixin1Box>div>div{text-align: center}
.bshare-weixin1Box>div>div span{display: inline-block;margin: 0 10px;}
.bshare-weixin1Box>div>div span b{display: block}
.bshare-weixin1Box>div>div span img{width: 140px;}

.f-share-en a img{width: 100%;height: 100%}

@media   (max-width: 1660px){

}
@media   (max-width:1466px){

}
@media   (max-width:1440px){
    .i-title h2{font-size: 28px;}
    .i-about2-r-bottomItem span b{font-size: 40px;}
    .i-about .i-title{min-width: 300px;}
    .i-aboutB{width: calc(100% - 300px);}
    .i-move{width: 160px;  height: 40px; line-height: 40px;}
    .i-product-itemText{font-size: 24px;}

    .i-about2-r-top .i-about2-r-con{justify-content: center}
    .i-about2-r-bottom .i-about2-r-con{justify-content: center}
    .i-service-con{justify-content: center}
}
@media   (max-width:1390px){
    .g_w{ max-width: 1200px; padding: 0 20px;}
    .n_g_w{padding-left: 0}
    /*.g_left{display: none}*/
    .g_left>.g_left_contact{left: -240px;}
    .g_left_contact:hover{left: 0;transition: .4s all linear;}
    .g_leftTel{display: block;}
    /*.n-logo{position: fixed!important;left: 0!important;top: -1px!important;z-index: 1!important;}*/

    .p-nav-b{padding-left: 240px;}
    .i-about2-r-top .i-about2-r-con{padding: 20px; justify-content: center}
    .i-power-l{height: auto;padding: 30px 20px;}
    .i-power{margin-top: 70px;}
    .i-news{padding-top: 70px;}
    .i-service{margin-top: 70px;}
    .i-service-r{height: auto;padding: 30px 20px; }
}
@media   (max-width:1350px){
    .i-about2-r-bottomItem span b{font-size: 36px;}
    .contact-lxfs-itemView{width: 31%;margin: 0 1%;margin-top: 50px;}
    .pcNav_u1 > li{margin-right: 20px;}
}
@media   (max-width:1220px){

    .i-title h2{font-size: 20px;}
    .i-about2-r-bottomItem span b{font-size: 30px;}
    .i-about .i-title{min-width: 240px;}
    .i-aboutB{width: calc(100% - 240px);}
    .i-about2-r-top .i-about2-r-con{ min-height: 0; height: auto; }
    .i-about2-r-bottom .i-about2-r-con{min-height: 0; height: auto;justify-content: center }
    .i-product{padding-top: 40px;}
    .i-product-list{margin-top: 30px;}
    .i-product-itemText{font-size: 18px;}
    .i-news{padding-top: 40px;}
    .i-news-list{margin-top: 0}
    .i-service{margin-top: 40px;}
    .i-power{margin-top: 40px;}

    .n-pro-top{margin-top: 40px;}
    .n-pro-nav{margin-top: 30px;}
    .n-pro-nav a{padding: 6px 10px;}
    .n_item_v1{margin-top: 20px;}
    .pro-d-nav a{padding: 10px;font-size: 14px;}
    .n-service1-text h2{font-size: 24px;color: #000}
    .n-service1-text p{font-size: 16px;color: #000}
    .n-service1-text{padding-top: 0;text-shadow: 1px 1px 1px rgba(0,0,0,.4);}
    .n-service1-con{height: auto;padding: 30px 0 500px 0;}

    .n-power1-title{text-align: center;margin-top: 40px;}
    .n-power1-title h3{font-size: 20px;}
    .n-power1-title p{color: #666;margin-top: 10px;}
    .n-power1-list{padding-bottom: 50px;}
    .n-power4-list{padding-bottom: 50px;}
    .n-power4-item{margin-top: 20px;width: 30%;margin-right: 5%}
    .n-power4-item:nth-child(3n){margin-right: 0}
    .n-power4-item:nth-child(4n){margin-right: 5%}

    .contact-lxfs-itemView{width: 48%;margin: 0 1%;margin-top: 50px;}
    .n-about1-title{padding-top: 30px;}
    .n-about3-list{margin-top: 30px;}
    .n-about3-itemText h3{font-size: 20px;}

    .n-about2-list .n-about2-item{width: 49%;margin-right: 2%; }
    .n-about2-list .n-about2-item:nth-child(3n){margin-right: 2%}
    .n-about2-list .n-about2-item:nth-child(2n){margin-right: 0}

    .power3-i2{left: auto;right: 24%  }

    .n-news-item .n_item_v2Text h5{font-size: 18px;}

    .n-service-top{padding-top: 20px;}
    .n-zp-panel .panel-body{padding: 20px;}

    .n-service-nav{margin-top: 30px;}
    .n-service-nav a{padding: 10px 6px;margin-right: 6px;}
}
@media   (max-width:992px){
    .i-about > .g_w{display: block}
    .i-about .i-title{ width: 100%;text-align: center }
    .i-aboutB{width:100%;display: block}
    .i-about-l{margin-top: 20px; margin-bottom: 20px; width: 100%}
    .i-about > .g_w{height: auto;min-height: 0;padding:   30px 0;}
    .i-about2-l{display: none;}
    .i-about2-r{width: 100%}
    .i-about2-r-con{max-width: 100%}
    .i-power-l{width: 100%;justify-content:center}
    .i-power-r{display: none}
    .i-power-con{ }
    .i-service-r{width: 100%}
    .i-service-l{display: none;}
    .i-news-list{padding-top: 10px;}
    .n-news-item{width: 49%;margin-right: 2%;}
    .n-news-item:nth-child(3n){ margin-right: 2%;}
    .n-news-item:nth-child(2n){margin-right: 0;}
    .n-service2-item a{display: block}
    .n-service2-itemR{width: 100%;padding: 20px;}
    .n-service2-itemImg{margin: 0 auto}
    .n-zp-fl{display: block;height: auto;min-height: auto;overflow: hidden}
    .n-zp-fl-img{margin: 0 auto}
    .n-zp-fl-img:after{display: none}
    .n-zp-fl-text{width: 100%;padding-left: 0;margin-top: 30px;}
    .n-zp-row{display: block}
    .n-zp-item{margin-top: 10px;width: 100%}
    .n-job-top{padding: 40px 0}
    .n-job-top p{margin-top: 20px;}

}
@media (max-width:767px){

    .i-title h2{font-size: 18px;}
    .i-about2-r-bottomItem span b{font-size: 24px;}
    .i-about2-r-bottomItem span:nth-child(1){font-size: 16px;}
    .i-product-list{display: block}
    .i-product-item{  width: 50%;  margin: 20px auto 0 auto}
    .i-power-con{padding-right: 0}
    .i-power-row img{width: 40px;}
    .i-power-img{width: 50px;}
    .i-power-text{width: calc(100% - 50px)}
    .i-power-row{margin-top: 20px;}

    .n_item_v2Text{margin-top: 10px;}
    .n_item_v2Text p{margin-top: 10px;height: 44px;}
    .i-service-con{padding: 0}
    .i-service-con p{margin-top: 20px;}
    .i-service-conText p br{display: none}
    footer{padding: 30px 0}

    .n-power4-item{margin-top: 20px;width: 49%;margin-right: 2%}
    .n-power4-item:nth-child(4n){margin-right: 2%}
    .n-power4-item:nth-child(3n){margin-right: 2%}
    .n-power4-item:nth-child(2n){margin-right: 0}

    .contact-lxfs-itemView{width: 100%;  margin-top: 50px;}

    .n-contact3-f{display: block}
    .n-contact3-f>div:nth-child(1){width: 100%;}
    .n-contact3-f>div:nth-child(2){width: 100%;height: 178px;margin-top: 20px}
    .n-contact3-f>div:nth-child(3){width: 100%;margin-top: 20px}

    .n-about1-img{display: block}
    .n-about1-img img{width: 100%}

    .n-about3-itemText h3{font-size: 18px;}
    .n-about3-list{display: block}
    .n-about3-item{width: 100%}
    .n-about3-item:nth-child(1) .n-about3-itemImg:nth-child(2){ display: none}
    .n-about3-item:nth-child(2) .n-about3-itemImg:nth-child(2){transform: translateY(0);display: none}
    .n-about3-item:nth-child(2) .n-about3-itemImg:nth-child(1){transform: translateY(0)}
    .n-about3-item:nth-child(3) .n-about3-itemImg:nth-child(2){ display: none}

    .n-about2-list{padding-top: 0}

    .power3-i{width: 15px;}
    .power3-i2{right: 24%; top:36%;width: 160px;}

    .power3-img{padding-bottom: 70px;}
    .n-power2-list{padding-bottom: 70px;}
    .n-news-d{margin-top: 40px;}
    .n-service-search{margin-right: 0}
    .n-service-type{display: block}
    .n-service-type a{display: block;height:30px; line-height: 30px;margin-left: 0 }

    .n-zp-panel .panel-body{padding: 20px 10px;}
    .n-zp-panel .panel-title > a{height: auto; line-height: initial; padding: 20px 0; }


}
@media (max-width:540px){


    .i-product-item{  width: 100%;  margin: 20px auto 0 auto}
    .n-news-item{width: 100%; }
    .n-news-item:nth-child(3n){ margin-right: 0;}
    .n-news-d-topB{display: block}
    .n-service2-itemImg{width: 100%}
    .n-service2-itemR{padding:20px 10px;display: block}
    .n-service2-itemR-down b{display: none}
    .n-service2-itemR-down{ width: 100%;text-align: left}
    .n-service2-itemR-down span{font-size: 12px;}
    .n-service2-itemR-down i{font-size: 36px;}
    .n-service2-itemR-info{width: 100%;}


}


