*{outline: none;}

#bsBox{box-sizing: content-box;max-width: 90% !important;margin-left: 0!important;margin-top: 0!important;transform: translate(-50%,-50%)!important;}
#bsBox *{box-sizing: content-box;max-width: 100% !important;}
#bsWXBox{box-sizing: content-box}
#bsWXBox *{box-sizing: content-box}
.bshare-custom{box-sizing: content-box;display: inline-block}
.bshare-custom a{padding-left: 28px!important; height: 28px!important;}
.bshare-custom .bshare-sinaminiblog {background: url('https://www.imbell-fitness.com/uploads/images/share.png') no-repeat !important;background-size: auto!important;background-position:  -34px 0!important;}
.bshare-custom .bshare-qqim {background: url('https://www.imbell-fitness.com/uploads/images/share.png') no-repeat !important;background-size: auto!important;background-position:  -68px 0!important;}
.bshare-custom .bshare-qzone {background: url('https://www.imbell-fitness.com/uploads/images/share.png') no-repeat !important;background-size: auto!important;background-position:  -102px 0!important;}
.bshare-custom .bshare-weixin {background: url('https://www.imbell-fitness.com/uploads/images/share.png') no-repeat !important;background-size: auto!important;}
.n-jr-d-top-itemC .bshare-custi-pro-navom #bshare-more-icon,
.n-jr-d-top-itemC .bshare-custom .bshare-more-icon{padding-left: 0!important;background: none!important;height: auto!important;}
.n-jr-d-top-itemC .bshare-custom .bshare-more{color: #898989!important;}
.g_bg {background-position: center;background-size: cover;background-repeat: no-repeat  }


header{position: relative}
.pcNav{position: fixed;left: 0;top: 0; width: 100%;background: none;z-index: 999;border-bottom: 1px solid rgba(191,191,191,.3)}
.pcNav.active{background:rgba(0,0,0,.5)}
.n-pro .pcNav{background:rgba(0,0,0,.5)}
.n-pro2 .pcNav{background:rgba(0,0,0,.5)}
.pcNav-b{display: flex;justify-content: space-between;align-items: center;}
.pcNav-l{}
.pcNav-r{ margin-left:46px; }
.pcNav-r a{color: #fff}
.pcNav-r img{margin-right: 6px;}
.pcNav-c{display: flex;justify-content: space-between;align-items: center}
.pcNav .g_w{position: relative}
.pcNav-b-a{position: absolute;top: 100%;right: 0;text-transform: uppercase;transform-origin:0 0;transition: .4s all ease}
/*.pcNav.active .pcNav-b-a{transform: rotateX(-90deg);transition: .4s all ease}*/
.pcNav.active:hover .pcNav-b-a{transform: rotateX(0)}
.pcNav-b-a >div{padding:16px; position: relative;width: 100%;white-space: nowrap}
.pcNav-b-a >div:after{position: absolute; left: 0;top: 0; z-index: 9;background: #b2a07a;width: 100%;height: 100%;transform: skewX(-15deg);content: ''}
.pcNav-b-a >div a{ position: relative;z-index: 10; display: inline-block;color: #fff;font-size: 16px;padding: 0 12px;transition: .4s all ease }
.pcNav-b-a >div a:after{ position: absolute;left: 100%;top: 50%;transform: translateY(-50%);background: #fff;width: 2px; height: 13px;content: '';}
.pcNav-b-a >div a:nth-last-child(1):after{display: none}
.pcNav-b-a >div a:hover{transform: translateY(-4px);transition: .4s all ease}
.h-nav1{display: flex;}
.h-nav1 > li {margin-left: 46px;height: 60px; display: flex;align-items: center}
.h-nav1 > li:nth-child(1){margin-left: 0}
.h-nav1 > li > a{color: #fff;font-size: 16px;text-align: center; text-transform: uppercase; position: relative;transition: .4s all ease}
.h-nav1 > li > a:after{content: '';position: absolute;left: 50%;bottom: -18px; transform: translateX(-50%); background: #b2a07a;width: 0;height: 2px;transition: .4s all ease}
.h-nav1 > li.active > a{color: #b2a07a}
.h-nav1 > li.active > a:after{width: 100%}
.h-nav1 > li:hover > a{color: #b2a07a;transition: .4s all ease}
.h-nav1 > li:hover > a:after{width: 100%;transition: .4s all ease}
.h-nav1 > li:hover  .h-nav2{opacity: 1; visibility:visible ;transform: translateY( 0);transition: .6s ease; pointer-events: auto;}


.h-nav2{ position: fixed;left: 0;top: 60px; padding-top: 40px; visibility:hidden;   transform: translateY(-30px); transition: .6s ease;pointer-events: none;
    width: 100vw; box-shadow: 0 0 6px #dfdfdf; opacity: 0;  z-index:100;  background-color: rgba(255,255,255,.9);
    /*background-image: url("../image/n-proBg.png");*/
    /*animation: headerShow .8s ease forwards;*/
}
.h-nav2-hot{padding: 18px 30px;background: #000}
.h-nav2-hot span{color: #f9bd1e}
.h-nav2-hot a{position: relative;padding: 0 24px; color: #fff;}
.h-nav2-hot a:after{content:'';position: absolute;left: 100%;top: 50%; transform: translateY(-50%); width: 2px; height: 16px;background: #fff;}
.h-nav2-hot a:nth-last-child(1):after{display: none}
.h-nav2-b{display: flex;padding: 40px 30px;background: rgba(0,0,0,.75)}
.h-nav2-bL{width: 454px;font-size: 0}
.h-nav2-bL a{display: inline-block; margin: 9px 0; margin-right: 28px; padding: 8px 4px; width: 130px; border: 1px solid #fff; font-size: 14px; color: #fff;text-align: center; }
.h-nav2-bL a:nth-child(3n){margin-right: 0}
.h-nav2-bL a:hover{color: #f9bd1e;border-color: #f9bd1e}
.h-nav2-bR{width: calc(100% - 454px);display: flex;align-items: center;justify-content: center;color: #fff}
.h-nav2-bR>div{display: flex;align-items: center;justify-content: center}
.h-nav2-bR>div img{margin-right: 20px;}
.h-nav2-bR span{display: block;font-size: 24px;}
.h-nav2-bR b{display: block;font-size: 30px;margin-top: 10px;font-style: normal;font-weight: 400}
.h-right{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 10000000}
.h-right ul li {width: 58px;height: 58px; margin-top: 3px; cursor: pointer;
    position: relative; background: #f9bd1e;display: flex;align-items: center;justify-content: center;}
.h-right ul li i{font-size: 30px;}
.h-right-hover{position: absolute;right: 100%;width: 160px;padding-right: 10px;display: none;}
.h-right-hover > div{padding: 10px;background: rgba(0,0,0,.5);box-shadow: 2px 2px 2px rgba(0,0,0,.5)}
.h-right-hover a  {display: block; font-size: 12px; color: #fff;padding-bottom: 6px;border-bottom: 1px solid #ccc}
.h-right-hover a:hover{color: #f9bd1e}
.h-right-hover a img{width: 32px;margin-right: 10px; }
.h-right ul li:hover .h-right-hover{display: block}

.h-nav2 .list{display: flex;flex-wrap: wrap;}
.h-nav2 .item{width:14.28%; height: 318px;   padding: 20px;border-bottom: 1px solid #b2a07a; border-right: 1px solid #b2a07a; transition: .4s all ease }
/*.h-nav2 .item:nth-last-child(1){display: none}*/
.h-nav2 .item .img{width: 182px; height: 190px; max-width: 100%; margin: 0 auto;position: relative}
.h-nav2 .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.h-nav2 .item i{ text-align: center; margin-top: 24px;display: block;font-size: 16px;font-weight: bold;text-transform: uppercase;
    color: #525252;font-family: Arial;transition: .4s all ease}
.h-nav2 .item:nth-child(7n){border-right: 0}
.h-nav2 .item:hover {background: url("../image/n-proBg.png")no-repeat;background-size: 100% 100%;transition: .4s all ease}
.h-nav2 .item:hover i{color: #b2a07a;transition: .4s all ease}

@keyframes headerShow {
    0% {
        transform: translateY(-30px);
        opacity: 0;
    }
    100% {
        transform: translateY( 0);
        opacity: 1;
    }
}

#fp-nav.fp-right{right: 20px;left: auto;}

#fp-nav ul li{margin: 14px 7px;}
#fp-nav ul li a{ color: #fff }
#fp-nav ul li a span{background: #c1c1c1;margin: 0;transform: translate(-50%,-50%);width: 5px;height: 5px;}
#fp-nav ul li a.active span{background: #fff;width: 5px;height: 5px;}
#fp-nav ul li a.active span:after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 19px; height: 19px; border: 1px solid #fff;border-radius: 50%; }
#fp-nav ul li a:after{position: absolute;left:calc(100% + 10px);top: 50%;transform: translateY(-50%);width: 100px;}
#fp-nav.fp-right.next ul li a{color: #525252}
#fp-nav.fp-right.next ul li a span{background: #525252}
#fp-nav.fp-right.next ul li a.active span:after{border-color: #525252;}

.i-nav-left{position: fixed;left: 16px;z-index: 999;top: 50%;transform: translateY(-50%);}
.i-nav-left ul li {width: 42px;text-align: right; line-height: 2px; margin-bottom: 32px;transition: .4s all ease}
.i-nav-left a{width: 23px;height: 1px; background: #fff;opacity: 1;display: inline-block;transition: .4s all ease;position: relative}
.i-nav-left a span{ color: #fff; display: none; padding-left: 10px; white-space: nowrap; position: absolute;left: 100%;top: 50%;transform: translate(20px,-50%) ;
    text-transform: uppercase;   animation: headerShow2 .4s linear forwards;}
.i-nav-left.active a{background: #525252; }
.i-nav-left.active a span{color: #525252; }
.i-nav-left ul li.active a span{ display: block}
.i-nav-left ul li.active a{width: 100%}

@keyframes headerShow2 {
    0% {
        transform: translate(20px,-50%) ;
        opacity: 0;
    }
    100% {
        transform: translate(0,-50%) ;
        opacity: 1;
    }
}
.dow{ display: block; position: fixed;left: 50%;top: 90%;transform: translateX(-50%);z-index: 999;

}
.dow:before{content:'' ; display: block; width: 1px;height: 6px;background: #fff;margin: 0 auto;
    animation:i-move 2s linear infinite;
    /*Safari 和 Chrome:*/
    -webkit-animation:i-move 2s linear infinite;}
.dow:after{content:'' ; display: block; width: 26px;height: 38px;background: url("../image/dow.png") no-repeat; background-size: 100% 100%; margin: 0 auto}
.dow.active:after{content:'' ; display: block; width: 26px;height: 38px;background: url("../image/dow2.png") no-repeat; background-size: 100% 100%; margin: 0 auto}
.dow.active:before{background: #525252}


.i-banner {background-size: cover;background-position: center;height: 100%;width: 100%;transform: scale(1.1);transition: 2s all linear 1s}
.i-banner-swiper .swiper-slide-active .i-banner{transform: scale(1);transition: 5s all linear}
.i-banner-swiper {height: 100%;overflow: hidden}
.i-banner-swiper .swiper-container {height: 100%;}
.i-banner-swiper video{width: auto;height: 100%;object-fit:fill;}
.i-banner-swiper .swiper-pagination{left: 10%;width: auto!important;}
.i-banner-swiper .swiper-pagination-bullet {width: 6px;height: 15px;margin: 0 10px!important;
    transition: .3s all ease;background: #ffffff; border-radius: 30px; opacity: 1  }
.i-banner-swiper .swiper-pagination-bullet-active {width: 6px;height: 23px;background: #b2a07a;  }
.i-banner-swiper .swiper-pagination-bullet:hover {width: 6px!important;height: 15px!important;background: #b2a07a!important;  }
.i-banner-img { width: 33%; position: absolute; left: 10%; top: 27.2%;  transform: translateY(-50%); text-align: center; z-index: 1001  }
/*.i-banner-img img{max-width: 80%}*/
.i-banner-swiper .swiper-pagination-bullet:hover {width: 10px;height: 10px;transition: .3s all ease;  }
.i-banner-img a{display: flex; justify-content: center;   margin-top: 12.3%; width: 150px; height: 40px; line-height: 40px;text-align: center; font-size: 18px;
    border-radius: 30px; border: 1px solid rgba(255,255,255,.5);color: #fff;text-transform: uppercase;transition: .4s all ease }
.i-banner-img a i{margin-left: 12px;transition: .4s all ease}
.i-banner-img a:hover{width: 180px; color: #b2a07a; border-color: #b2a07a; transition: .4s all ease}
.i-banner-img a:hover i{ margin-left: 60px;color: #b2a07a;transition: .4s all ease}

.i-title {padding-bottom: 40px;text-align: center;position: relative}
.i-title b{line-height: 1;text-transform: uppercase}
.i-title:after{ display: block; width: 50px; height: 2px;background: #787878;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;content: '';}

.i-nav{margin-top: 30px;font-size: 0;border-bottom: 1px solid #cccccc;text-align: center;}
.i-nav a{position: relative;display: inline-block;padding: 10px;color: #000;margin: 0 10px;text-transform: uppercase;transition: .4s all ease}
.i-nav a span{position: relative;z-index: 9}
.i-nav a:after{ content: ''; position: absolute; left: 0;bottom: 0; z-index: 1;width: 100%;height: 0;background: #b2a07a;transform: skewX(-15deg);transition: .4s all ease}
/*.i-nav a.active:after{height: 100%;transition: .4s all ease}*/
.i-nav a.active{color: #fff;transition: .4s all ease}
.i-nav a:hover:after{height: 100%;transition: .4s all ease}
.i-nav a:hover{color: #fff;transition: .4s all ease}

.section{display: flex;align-items: center}
.section>div{width: 100%}
.section>footer{width: 100%}


@keyframes bgMove {
    0% {

        background-position:left center ;
    }
    50%{

        background-position: right center  ;
    }
    100% {

        background-position:left center ;
    }
}

@keyframes bgMove2 {
    0% {

        background-position:top center ;
    }
    50%{

        background-position: bottom center  ;
    }
    100% {

        background-position:top center ;
    }
}

@keyframes bgMove3 {
    0% {

        background-position:right center ;
    }
    50%{

        background-position: left center  ;
    }
    100% {

        background-position:right center ;
    }
}


.section.about{background:url("../image/aboutBg.jpg") no-repeat; background-size: 120% auto; background-position:left center ;background-attachment: fixed; }
.section.about.active{ animation: bgMove 60s linear infinite;}
.n-about2-num{display:flex;justify-content:space-between;margin-top:70px;color:#777777;transition: .4s all ease}
.n-about2-numItem{  border-right: 1px solid #cccccc;padding-left: 33px;padding-right: 20px;}
.n-about2-numItem:nth-child(1){padding-left: 0}
.n-about2-numItem:nth-child(4){border-right: 0}
/*.n-about2-numItem:after{content: '';position: absolute;left: 100%;top:4px; }*/
.n-about2-numItem b{margin-right:10px;  font-size:36px;line-height:1;display:inline-block;vertical-align:top}
.n-about2-numItem p{margin-top:2px;}
.n-about2-numItem:hover{color: #b2a07a;transition: .4s all ease}
.i-moreTo a{display:inline-block;font-size:16px;line-height:1.8em;margin-top:30px;color:#42a7b5;transition:.4s all ease}
.i-moreTo a i{font-size:24px;display:inline-block;vertical-align:middle}
.i-moreTo a:hover{transform:translateX(6px);transition:.4s all ease}

.i-about .g_flex{}
.i-about-b{margin-top: 90px;}
.i-about-l{position: relative}
.i-about-l .g_bg{position: relative;z-index: 1;width: 100%;height: 100%;opacity: 0}
.i-about-l video{position: absolute;left: 50%;top: 50%; max-width: 100%;max-height: 100%;z-index: 9;
    transform: translate(-50%,-50%);background: url("../image/play.png");background-size: 100% 100%;}
.i-about-r{background: #fff;padding: 110px 46px 100px 78px; position: relative}
.i-about-r:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height:6px; background: #b2a07a;display: block; }
.i-about-r .text{line-height: 1.5em;color: #525252}
.i-moreTo{ display: inline-block; margin-top: 60px; font-size: 16px;color: #b2a07a;text-transform: uppercase;transition: .4s all ease}
.i-moreTo i{ font-size: 20px; margin-left: 10px;transition: .4s all ease;display: inline-block}
.i-moreTo:hover{transform: translate(6px , 0);transition: .4s all ease}
/*.i-moreTo:hover i{transform: translate(4px , 0);transition: .4s all ease}*/
.i-about .i-title{transform: translateY(-30px);opacity: 0;transition: .8s all ease 1s}
.i-about .i-nav{transform: translateY(30px);opacity: 0;transition: .8s all ease 1s}
.i-about .i-about-b{transform: translateY(30px);opacity: 0;transition: .8s all ease 1s}
.i-about.active .i-title{transform: translateY(0);opacity: 1}
.i-about.active .i-nav{transform: translateY(0);opacity: 1}
.i-about.active .i-about-b{transform: translateY(0);opacity: 1}



.section.pro{background:url("../image/proBg.jpg") no-repeat;background-size: 120% auto; background-position:left center ;background-attachment: fixed;}
.section.pro.active{ animation: bgMove2 60s linear infinite;}
.i-pro-list{display: flex;margin-top: 46px;	perspective:500px;}
.i-pro-item{width: 20%; height: 530px; position: relative;overflow: hidden;transition: .8s all ease; transform-style:preserve-3d;}
.i-pro-item.active{width: 40%;}
.i-pro-img{width: 100%;height: 100%}
.i-pro-text{position: absolute;left: 0;top: 0;padding: 106px 40px 0 40px;color: #fff; opacity: 0; transition: .8s all ease;
    width: 100%;height: 100%;background: rgba(178,160,122,.9);transform: rotateX(90deg) translateX(-100%); transform-origin:left bottom;overflow: hidden;}
.i-pro-text b{text-transform: uppercase;display: block}
.i-pro-text p{margin-top: 30px;height: 132px; overflow: hidden}
.i-pro-item .i-moreTo{color: #fff}
.i-pro-item .i-pro-title{position: absolute;left: 0;top: 90%;  color: #fff;font-weight: 600;transition: .4s all ease;
    border-left:6px solid #fff;padding-left: 10px; line-height: 1;margin-left: 10px; text-transform: uppercase}
.i-pro-item.active .i-pro-title{top: 100%;opacity: 0;}
.i-pro-item.active .i-pro-text{ width: 50%; transform:  rotateX(0deg) translateX(0);opacity: 1;}

.pro .i-title{transform: translateY(-30px);opacity: 0;transition: .8s all ease 1s}
.pro .i-pro-list{transform: translateY(30px);opacity: 0;transition: .8s all ease 1s}
.pro.active .i-title{transform: translateY(0);opacity: 1}
.pro.active .i-pro-list{transform: translateY(0);opacity: 1}

.i-row{display: flex;flex-wrap: wrap}
.section.strength{background:url("../image/strengthBg.jpg") no-repeat;background-size: 120% auto; background-position:left center ;background-attachment: fixed;}
.section.strength.active{ animation: bgMove3 60s linear infinite;}
.i-strength .list{margin-top: 46px;}
.i-strength .list .item{position: relative;overflow: hidden;}
.i-strength .list .item a{border: 1px solid #fff;display: block;overflow: hidden;}
.i-strength .g_bg{padding-top:70%; transition: .8s all ease; }
.i-strength .list .item:after{ content: ''; position: absolute;left: 0;bottom: 0;width: 0;height: 4px;
    background: #b2a07a;transition: .8s all ease;z-index: 11;display: block}
.i-strength .list .item:hover:after{width: 100%;transition: .8s all ease;}
.i-strength .list .item:hover .g_bg{transform: scale(1.1);transition: .8s all ease;}
.i-strength .i-title{transform: translateY(-30px);opacity: 0;transition: .8s all ease 1s}
.i-strength .i-nav{transform: translateY(30px);opacity: 0;transition: .8s all ease 1s}
.i-strength .list{transform: translateY(30px);opacity: 0;transition: .8s all ease 1s}
.i-strength.active .i-title{transform: translateY(0);opacity: 1}
.i-strength.active .i-nav{transform: translateY(0);opacity: 1}
.i-strength.active .list{transform: translateY(0);opacity: 1}

.section.news{background:url("../image/newsBg.jpg") no-repeat;background-size: 120% 120%; background-position: center;background-attachment: fixed;transition: 20s all linear}
.section.news.active{ background-size: 100% 100%;}
.news .list{margin-top: 46px;}
.news .list .item{position: relative;overflow: hidden;}
.news .list .i-row {justify-content: space-between}
.news .list .item a{}
.news .g_bg{ height: 420px; padding-top:53.8%;transition: .8s all ease; }
.news .list .item:after{ content: ''; position: absolute;left: 0;bottom: 0;width: 0;height: 4px;
    background: #b2a07a;transition: .8s all ease;z-index: 11;display: block}
.news .list .item .text{padding-bottom: 40px;position: relative }
.news .list .item .text:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 6px;background: #bcc0c2;z-index: 8}
.news .list .item .text:after{content: '';position: absolute;left: 0;bottom: 0;width: 70px;height: 6px;background: #b2a07a;z-index: 9;transition: .8s all ease;}
.news .list .item b{color: #333;text-transform: uppercase;
    display: block;width: 100%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.news .list .item p{color: #525252;line-height: 1.5em;margin-top: 24px;height: 42px; overflow: hidden}
.i-news-l .item .text{margin-top: 36px;}
.i-news-r .item{margin-top: 80px;}
.i-news-r .item:nth-child(1){margin-top: 0;}
.news .list .item:hover .text:after{width: 140px;transition: .8s all ease;}
.news .list .item:hover .text b{color: #b2a07a;transition: .8s all ease;}

.news .i-title{transform: translateY(-30px);opacity: 0;transition: .8s all ease 1s}
.news .list{transform: translateY(30px);opacity: 0;transition: .8s all ease 1s}
.news.active .i-title{transform: translateY(0);opacity: 1}
.news.active .list{transform: translateY(0);opacity: 1}



footer{   background:#eee;}
.f-top{padding: 40px 0}
.f-top .g_w{display: flex;}
.f-top-l{width: 60%}
.f-top-r{width: 40%;text-align: left;}
.f-top-l ul li{display: inline-block;margin-right: 42px;}
.f-top-l ul li > a{font-size: 18px;color: #333;opacity: .8;text-transform: uppercase;transition: .4s all ease}
.f-top-l ul li >div {  margin-top: 34px;}
.f-top-l ul li >div >a{ display: block; font-size: 16px;color: #333;opacity: .8;margin-top: 10px;transition: .4s all ease}
.f-top-l ul li a:hover{ opacity: 1; transform: translate(4px ,-4px); transition: .4s all ease}
.f-top-l .code{margin-top: 134px;}
/*.f-top-l .code img{margin-right:30px; }*/

.f-top-r form  { color: #fff}
.f-top-r form b{font-size: 36px;text-transform: uppercase;line-height: 1 }
.f-top-r form input{ margin-top: 36px; display: block;width: 100%;height:44px;line-height: 44px;text-align: right;
    border: 0;background: none; border-bottom: 2px solid #9f9f9f;font-size: 16px; }
.f-top-r form .submit{display: inline-block;font-size: 16px;color: #fff;margin-top: 24px;border: 0;width: auto;text-transform: uppercase;font-family: Arial}

.f-top-r .code img{margin-right: 10px;}
.f-top-r .icon{margin-top: 20px;}
.f-top-r .icon a{ position: relative; margin-right: 18px;  color: #333;opacity: .8;transition: .4s all ease}
.f-top-r .icon a i{font-size: 22px;}
.f-top-r .icon a img{ display: none;width: 120px;max-width: 120px; position: absolute;left: 50%;top: 0;transform: translate(-50%,-100%)}
.f-top-r .icon a:hover{opacity: 1;transition: .4s all ease}
.f-top-r .icon a:hover img{display: block}
.f-top-r .info{margin-top: 20px;color: #333 }
.f-top-r .info span{font-size: 16px;opacity: .5;display: block;text-transform: uppercase}
.f-top-r .info i{font-size: 30px;display: block;line-height: 1;margin-top: 10px;font-style: normal}
.f-top-r .info p{ opacity: .8;line-height: 2em;font-size: 16px; }
.f-top-r .info p a{color: #333}

footer  .bottom{ background: #333;padding: 10px 0}
footer  .bottom a{color: #ffffff;opacity: .6;margin-right: 10px;}
footer  .bottom a:hover{opacity: 1}

.n-banner{padding-top: 36.4%;background-size: cover;background-position: center}
.n-top{margin-top: -130px;}
.n-top .g_w > div{display: flex;  flex-direction: row-reverse; justify-content: space-between;font-family: Arial;font-size: 16px;padding: 50px 36px;background: rgba(255,255,255,.85)}
.n-top .g_w > div a{color: #000;font-weight: 500;display: inline-block;margin: 4px;}
.n-nav span{margin: 0 30px;color: #9f9f9f}
.n-nav a{text-transform: uppercase;transition: .4s all ease}
.n-nav a:hover{color: #c0aa7c!important;font-weight: 600!important;transition: .4s all ease}
.n-nav a.active{color: #c0aa7c!important;font-weight: 600!important;transition: .4s all ease}
.n-breadcrumb{font-family: SimSun}
.n-breadcrumb a{margin: 0 4px;color: #000;font-family: Arial}
.n-breadcrumb a:hover{color: #c0aa7c!important; transition: .4s all ease}
.n-breadcrumb a.active{color: #c0aa7c!important; transition: .4s all ease}

.n-con{padding-top: 70px;padding-bottom: 110px;}
.n-about1 .con1{}
.n-about1 .con1 .g_flex{margin-top: 42px;}
.n-about1 .con1 .con-l{position: relative}
.n-about1 .con1 .con-r{background: #f4f4f4;padding:92px 10px 92px 92px }
.n-about1 .con1 .con-r .text{width: 710px; max-width: 100%}
.n-about1 .con1 .con-r .item{margin-top: 56px;}
.n-about1 .con1 .con-r .item:nth-child(1){margin-top: 0;}
.n-about1 .con1 .con-r .item i{color: #b2a07a;font-size: 30px;font-weight: bold}
.n-about1 .con1 .con-r .item p{color: #000;font-size: 18px;line-height: 2em;transition: .4s all ease}
.n-about1 .con1 .con-r .text p:hover{color: #b2a07a;transition: .4s all ease}
.n-about1 .con1 .con-l video{width: 100%;height: auto}
.videoImg{position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.n-about1 .con1 .con-l .play{position: absolute;left: 50%;top: 50%;width: 100px;height: 100px;
    transform: translate(-50%,-50%);background: url("../image/play.png");background-size: 100% 100%;}
.n-about1 .con1 .con-l video{position: absolute;left: 50%;top: 50%; max-width: 100%;max-height: 100%;
    transform: translate(-50%,-50%);background: url("../image/play.png");background-size: 100% 100%;}
.n-about1 .con2{margin-top: 50px;text-align: center}

.n-about2 .n-con {padding-top: 0;padding-bottom: 0}
.n-about2 .con1{padding: 60px 0;background: #c0aa7c;color: #fff}
.n-about2 .con1 .i-title:after{background: #fff}
.n-about2 .con1 .text{text-align: center;margin-top: 30px;line-height: 2em;font-size: 16px;}
.n-about2 .list{width: 1000px;max-width: 100%;margin:  0 auto;overflow: hidden}
.n-about2 .item{display: flex;align-items: self-start}
.n-about2 .item b{display: block; line-height: 1; width: 132px;position: relative;color: #c0aa7c;font-size: 30px;}
.n-about2 .item b:after{width: 13px; height: 13px; background: #c0aa7c;border-radius: 50%;opacity:.56;content: '';
    position:absolute;left: 100%;top: 50%;transform: translateY(-50%); }
.n-about2 .item b:before{width: 7px; height: 7px; background: #c0aa7c;border-radius: 50%;content: '';
    position:absolute;left: 100%;top: 50%;transform: translate(3px, -50%); }
.n-about2 .item  .item-p{width: calc(100% - 132px);padding-left: 60px;font-size: 18px;}

.n-about2 .con2{padding: 132px 0; background: url("../image/n-about2-1.jpg") no-repeat; background-attachment: fixed;background-size: cover;background-position: center}
.n-about2 .con2 .list{ overflow: inherit; position: relative;padding: 96px 0;}
.n-about2 .con2 .list .line{width: 1px;height: 100%;position: absolute;top: 0;left: 138px;background: #c0aa7c}
.n-about2 .con2 .list:before{display: block; content: '';position: absolute;top: 0;left: 132px; transform: translateY(-100%);
    width: 13px; height: 12px;background: url("../image/n-about2-2.png")}
.n-about2 .con2 .list:after{content: '';position: absolute;top: 100%;left: 132px;transform: translateX(-4px);
    width: 20px; height: 20px;background: url("../image/n-about2-3.png")}
.n-about2 .con2 .list .item{margin-top: 90px;}
.n-about2 .con2 .list .item:nth-child(2){margin-top: 0}
.n-about2 .con2 .list .item:hover p{color: #c0aa7c;transition: .4s all ease}

.n-about3 .n-con{padding: 0;}
.n-about3 .con1{padding-top: 70px; overflow: hidden;background: url("../image/n-about3-5.jpg") no-repeat; background-attachment: fixed;background-size: cover;background-position: center}
.n-about3 .con1 .list{display: flex;flex-wrap: wrap}
.n-about3 .con1 .list .item{ margin-top: 40px; padding:22px;background: #fff;width: 23%;margin-right:2.66%; position: relative;overflow: hidden; }
.n-about3 .con1 .list .item:nth-child(4n){margin-right: 0;}
.n-about3 .con1 .list .item a{display: block;width: 100%;}
.n-about3 .con1 .list .item .img{padding-top: 119%;position: relative}
.n-about3 .con1 .list .item .img img{position: absolute;left: 50%;top: 50%;max-width: 100%;max-height: 90%;transform: translate(-50%,-50%)}
.n-about3 .con1 .list .item .text{padding-top: 24px; border-top: 1px solid #dddddd;color: #000;font-size: 16px;text-align: center ;text-transform: uppercase}
.n-about3 .con1 .list .item .before{text-align: center; font-size: 16px;color: #fff;display: flex;align-items: center; transition: .8s all ease;
    width: 100%;height: 100%;position: absolute;left: 0;top: 0; transform: translateY(-50%); opacity: 0; background: rgba(178,160,122,.85); }
.n-about3 .con1 .list .item .before > div{width: 100%}
.n-about3 .con1 .list .item .before p{line-height: 2em;margin-top: 16px;text-transform: uppercase}
.n-about3 .con1 .list .item:hover .before{transform: translateY(0%); opacity: 1; transition: .8s all ease;}

.n-about4 .swiper-con{margin-top:34px; }
.n-about4 .swiper-con .g_bg{padding-top:62.5%; transition: .4s all ease}
.n-about4 .swiper-con .swiper-slide a span{display: block;text-align: center;font-size:18px; color: #000;margin-top: 20px;
    transition: .4s all ease }

.n-about4 .swiper-con .swiper-slide{width: 50%}
.n-about4 .swiper-con .swiper-button-prev{ left: 21.6%; margin: 0;transform: translate(-50%,-50%);
    background: none;font-size: 30px;width: 70px; height: 70px; opacity: 1;transition: .4s all ease;
    border-radius: 50%;border: 1px solid #d5d5d5;text-align: center;line-height: 64px; color: #7c7c7c}
.n-about4 .swiper-con .swiper-button-next{ right: 21.6%;margin: 0;transform:  translate(50%,-50%);
    background: none;font-size: 30px;width: 70px; height: 70px; opacity: 1;transition: .4s all ease;
    border-radius: 50%;border: 1px solid #d5d5d5;text-align: center;line-height: 64px; color: #c0aa7c;}
.n-about4 .swiper-con .swiper-button-prev i{font-size: 24px;}
.n-about4 .swiper-con .swiper-button-next i{font-size: 24px;}
.n-about4 .swiper-con .swiper-slide:hover span{color: #c0aa7c;transition: .4s all ease}
.n-about4 .swiper-con .swiper-slide:hover .g_bg{transform: scale(1.02) ;transition: .4s all ease}

.n-about4 .swiper-con .swiper-button-prev:hover{background: #c0aa7c;color: #fff;transition: .4s all ease}
.n-about4 .swiper-con .swiper-button-next:hover{background: #c0aa7c;color: #fff;transition: .4s all ease}

.n-pro1 .list{display: flex;flex-wrap: wrap;}
.n-pro1 .item{width:20%; height: 318px; padding: 20px; border-right: 1px solid #eeeeee;border-bottom: 1px solid #eee;transition: .4s all ease }
.n-pro1 .item .img{width: 182px; height: 190px; max-width: 100%; margin: 0 auto;position: relative}
.n-pro1 .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.n-pro1 .item i{ text-align: center; margin-top: 24px;display: block;font-size: 20px;font-weight: bold;text-transform: uppercase;
    color: #525252;font-family: Arial;transition: .4s all ease}
.n-pro1 .item:nth-child(5n){border-right: 0}
.n-pro1 .item:hover {background: url("../image/n-proBg.png")no-repeat;background-size: 100% 100%;transition: .4s all ease}
.n-pro1 .item:hover i{color: #b2a07a;transition: .4s all ease}

.n-pro2 .n-con{margin-top: 150px;font-family: Arial}
.n-pro2 .con1 .g_w{display: flex;}
.n-pro2 .con1 .g_w > .con-l{width: 300px; transition: .4s all ease}
.n-pro2 .con1 .g_w > .con-r{width: calc(100% - 300px);padding-left: 10%;}
.n-pro2 .con1 .g_w > .con-l > div{position: relative}
.n-pro2 .n-btn{ display: none;position: absolute; top: 0; right: 100%;transform: translate(100%, -100%);
    width: 100px; height: 40px;line-height: 40px;text-align: center; color: #fff;background: #c0aa7c;}
.n-pro2 .pro-select{}
.n-pro2 .pro-select b{color: #c0aa7c;font-size: 20px;text-transform: uppercase;}
.n-pro2 .pro-select a{display: block;margin-top: 26px;}
.n-pro2 .pro-select2{margin-top: 44px;}
.n-pro2 .pro-select2 > i{ display: block;text-transform: uppercase; line-height: 1; font-size: 18px;color: #000;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #dddddd}
.n-pro2 .pro-select2 a{ display: block; padding-left: 20px; margin-top: 24px; position: relative;font-size: 16px;color: #525252;transition: .4s all ease}
.n-pro2 .pro-select2 a:before{content: '';position: absolute;left: 0;top: 4px;width:12px; height: 12px;
    background: url("../image/n-pro2-4.png");background-size: 100% 100%; }
.n-pro2 .pro-select2 a:hover{color: #c0aa7c;transition: .4s all ease}
.n-pro2 .pro-select2 a.active{color: #c0aa7c;transition: .4s all ease}
.n-pro2 .pro-select2 a.active:before{background: url("../image/n-pro2-5.png");background-size: 100% 100%;transition: .4s all ease}

.n-pro2 .con1 .g_w .con-r .top{display: flex; align-items: center; justify-content: space-between;padding-bottom: 12px; border-bottom: 1px solid #cccccc }
.n-pro2 .con1 .g_w .con-r .top i{color: #000;font-size: 20px;font-weight: bold;font-family: Arial;display:inline-block;vertical-align: middle;text-transform: uppercase}
.n-pro2 .con1 .g_w .con-r .top img{margin: 0 10px;}
.n-pro2 .con1 .g_w .con-r .top form{width: 300px;height: 40px; line-height: 40px;padding: 0 20px;background: #eeeeee;border-radius: 30px;}
.n-pro2 .con1 .g_w .con-r .top form input{width: calc(100% - 26px); height: 40px;line-height: 40px; border: 0;background: none}

.n-pro2 .con1 .g_w .con-r .list{display: flex;flex-wrap: wrap}
.n-pro2 .con1 .g_w .con-r .list .item{width: 33.3%;padding: 10px;margin-top: 40px;transition: .4s all ease}
.n-pro2 .con1 .g_w .con-r .list .item .img{position: relative;  width: 230px; height: 228px; margin: 0 auto;overflow: hidden}
.n-pro2 .con1 .g_w .con-r .list .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;transition: .4s all ease}
.n-pro2 .con1 .g_w .con-r .list .item b{display: block;text-align: center;font-size: 16px;color: #333333;margin-top: 16px;text-transform: uppercase;transition: .4s all ease}
.n-pro2 .con1 .g_w .con-r .list .item span{display: block;text-align: center;font-size: 16px;color: #333333;margin-top: 16px;text-transform: uppercase;transition: .4s all ease}
.n-pro2 .con1 .g_w .con-r .list .item:hover img{transform: translate(-50%,-50%) scale(1.1); transition: .4s all ease}
.n-pro2 .con1 .g_w .con-r .list .item:hover span{color: #c0aa7c; transition: .4s all ease}
.n-pro2 .con1 .g_w .con-r .list .item:hover b{color: #c0aa7c;transition: .4s all ease }
.n-pro2 .con1 .g_w .con-r .list .item:hover  {box-shadow:  0 0 4px #999;transition: .4s all ease}

.n-pro-d{padding-top: 66px;}
.n-pro-d .con1{margin-top: 60px;}
.n-pro-d .con1 .g_w{display: flex}
.n-pro-d .con1 .con-l{width: 42%;}
.n-pro-d .con1 .con-r{width:58%;padding-left:10% ;padding-bottom: 40px;position: relative}
.n-pro-d .gallery-thumbs{margin-top: 40px;}
.n-pro-d .gallery-thumbs .swiper-slide {}
.n-pro-d .gallery-thumbs .swiper-slide-thumb-active{border: 1px solid #000;}
.n-pro-d .swiper-con .swiper-slide .con{width: 517px;max-width: 100%;margin: 0 auto;}
.n-pro-d .swiper-con .swiper-slide .con .video{position: relative}
.n-pro-d .swiper-con .swiper-slide .con .video a:after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); display: block;
    width: 64px; height: 64px;background: url("../image/play.png") no-repeat;background-size: 100% 100%}
/*.n-pro-d .swiper-con .swiper-slide .con .img{padding-top: 95.5%;position: relative}*/
/*.n-pro-d .swiper-con .swiper-slide .con .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;transition: .4s all ease }*/
.n-pro-d .swiper-con .gallery-thumbs  .swiper-slide .con .video:after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); display: block;
    width: 40px; height: 40px;background: url("../image/play.png") no-repeat;background-size: 100% 100%}
.thumbs-box .swiper-button-prev{margin: 0;top: 50%;left: 0; transform: translateY(-50%); width: 20px; height: 50%;
    display: flex;align-items: center;justify-content: center; background: none;background-color: rgba(0,0,0,.8);color: #fff; font-family: SimSun , 宋体;font-size: 20px;font-weight: bold}

.thumbs-box .swiper-button-next-thumbs{margin: 0;top: 50%;right: 0; transform: translateY(-50%); width: 20px; height: 50%;
    display: flex;align-items: center;justify-content: center; background: none;background-color: rgba(0,0,0,.8);color: #fff; font-family: SimSun , 宋体;font-size: 20px;font-weight: bold}



.fancybox-button--video{width: auto!important;}
.fancybox-button--img{width: auto!important;}

.n-pro-info{}
.n-pro-info b{display: block; margin-top: 30px; font-size:30px;line-height: 1 ;padding-bottom: 30px; border-bottom: 1px solid #ccc;text-transform: uppercase;}
.n-pro-info p{font-size: 18px;margin-top: 30px;line-height: 1.8em;}
.n-pro-info a{ margin-top: 30px; display: block;width: 200px;height: 60px;border-radius: 4px;text-transform: uppercase;
    line-height: 60px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;background: #b2a07a}

/*.n-pro-d .icon{position: absolute;left: 10%;bottom: 0; }*/
.n-pro-d .icon{margin-top: 40px; }
.n-pro-d .icon a{ position: relative; display: inline-block; margin-right: 28px;  color: #cccccc; transition: .4s all ease}
.n-pro-d .icon a i{font-size: 26px; transition: .4s all ease;display: inline-block;}
.n-pro-d .icon a img{ display: none;width: 120px;max-width: 120px; position: absolute;left: 50%;top: 0;transform: translate(-50%,-100%)}
/*.n-pro-d .icon a:hover{opacity: 1; color: #c0aa7c; transform: scale(1.1) ; transition: .4s all ease}*/
.n-pro-d .icon a:hover i{opacity: 1; color: #c0aa7c; transform: scale(1.2) ; transition: .4s all ease}
.n-pro-d .icon a:hover img{display: block}

.n-pro-d .con2{margin-top: 60px;}
.con-tab{border: 1px solid #dddddd}
.con-tab-nav{background: #f5f5f5;border-bottom: 1px solid #dddddd}
.con-tab-nav a{ position: relative; display: inline-block;height: 50px;line-height: 50px;padding: 0 20px;font-size: 18px;text-transform: uppercase;color: #000}
.con-tab-nav a:before{opacity: 0; content: '';position: absolute; top: 0;left: 0; width: 100%;height: 2px;background: #c0aa7c;transform: translateY(-1px)}
.con-tab-nav a.active{background: #fff;color: #c0aa7c;transform: translateY(1px); }
.con-tab-nav a.active:before{opacity: 1 }
.con-tab-text{padding: 20px;display: none;overflow: hidden}
.con-tab-text.active{ display: block}
.con-tab-text p{margin-top: 20px;font-size: 16px; position: relative;line-height: 1.8em;}
.con-tab-text p:before{   }

.n-pro-d .con3{margin-top: 60px;}
.n-pro-d .list .top{display: flex; align-items: center; justify-content: space-between;padding-bottom: 16px;text-transform: uppercase; border-bottom: 1px solid #cccccc}
.n-pro-d .list .top i{font-size: 20px; font-weight: bold;}
.n-pro-d .list .top .swiper-button-prev{ width: auto;height: auto; background: none;font-size: 24px;color: #000;position: relative;display: inline-block;vertical-align: middle;margin: 0 10px;}
.n-pro-d .list .top .swiper-button-next{ width: auto;height: auto; background: none;font-size: 24px;color: #000;position: relative;display: inline-block;vertical-align: middle;margin: 0 10px;}
.n-pro-d .list .top .swiper-button-prev:hover{color: #c0aa7c;transition: .4s all ease}
.n-pro-d .list .top .swiper-button-next:hover{color: #c0aa7c;transition: .4s all ease}
.n-pro-d .list .swiper-container{margin-top: 40px;}
.n-pro-d .list .item .img{position: relative;  width: 180px; height: 210px; margin: 0 auto;overflow: hidden}
.n-pro-d .list .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;transition: .4s all ease}
.n-pro-d .list .item b{display: block;text-align: center;font-size: 16px;color: #333333;margin-top: 16px;text-transform: uppercase;transition: .4s all ease}
.n-pro-d .list .item span{display: block;text-align: center;font-size: 16px;color: #333333;margin-top: 16px;text-transform: uppercase;transition: .4s all ease}
.n-pro-d .list .item:hover img{transform: translate(-50%,-50%) scale(1.1); transition: .4s all ease}
.n-pro-d .list .item:hover span{color: #c0aa7c; transition: .4s all ease}
.n-pro-d .list .item:hover b{color: #c0aa7c;transition: .4s all ease }


.n-sl1 .con1 .i-title{margin-bottom: 30px;}
.n-sl1 .con1 p{font-size: 18px;line-height:2em; margin-top: 10px;}
.n-sl1 .con1 p span{display: inline-block;}
.n-sl1 .con1 p span:before{content: '●';margin-right: 10px;color: #c0aa7c}
.n-sl1 .con2 .item{display: flex;margin-top: 70px;}
.n-sl1 .con2 .item:nth-child(2n){  flex-direction:row-reverse}
.n-sl1 .con2 .item:nth-child(2n) .item-r:after{  left: auto;right: 0}
.n-sl1 .con2 .item-l{width: 30%;}
.n-sl1 .con2 .item-r{width: 70%;position: relative;overflow: hidden}
.n-sl1 .con2 .item-l .text{ padding : 145px 44px 20px 54px; text-transform: uppercase; font-weight: bold; font-size: 32px;color: #fff;height: 100%;
    background: url("../image/n-sl1-6.jpg");background-position: center;background-size: cover}
.n-sl1 .con2 .item-l .text p:after{ content: '';display: block;margin-top: 74px; width:40px;height: 3px;background: #fff; }
.n-sl1 .con2 .item-r .g_bg{padding-top: 51.2%;height: 100%;transition: .8s all ease}
.n-sl1 .con2 .item-r:after{ content: ''; position: absolute;left: 0;bottom: 0;width: 20%;height:4px;background: #b2a07a; opacity: 0; transition: .4s all ease }
.n-sl1 .con2 .item:hover .g_bg {transform: scale(1.06);transition: .8s all ease}
.n-sl1 .con2 .item:hover .item-r:after {width: 100%; opacity: 1; transition: .6s all ease}


.n-sl2 .con2{ margin-top:34px; padding-top: 146px; background: url("../image/n-sl2-1.jpg") no-repeat;background-size: auto;background-position:top center }
.n-sl2 .con2 .g_w > b{display: block;text-align: center;color: #fff;font-size: 30px;font-weight: 400; }
.n-sl2 .con2 .list{display: flex;justify-content: space-between;margin-top: 96px;}
.n-sl2 .con2 .list .item{width: 24%; height: 528px; position: relative;overflow: hidden;}
.n-sl2 .con2 .list .item .before{position: absolute;left: 0%;top: 0%;transform-origin: 50% 50%;
    padding-top: 120px; width: 100%;height: 100%;text-align: center;transition: .6s all ease}
.n-sl2 .con2 .list .item .before b{ display: block; font-size: 26px;color: #fff;margin-top: 32px;text-transform: uppercase}
.n-sl2 .con2 .list .item .after{ opacity: 0; position: absolute;left: 0%;top: 0%; transform: scale(0);
    padding: 120px 30px 0 30px; width: 100%;height: 100%;text-align: center;transition: .6s all ease}
.n-sl2 .con2 .list .item .after b{ display: block; font-size: 26px;color: #fff;text-transform: uppercase }
.n-sl2 .con2 .list .item .after p{font-size: 16px;color: #fff;margin-top: 32px;text-align: left}
.n-sl2 .con2 .list .item:hover .before{transform: scale(2);opacity: 0;transition: .6s all ease}
.n-sl2 .con2 .list .item:hover .after{transform: scale(1)  ;transform-origin: 50% 50%; opacity: 1;transition: .6s all ease}

.n-sl2 .con3{margin-top: 60px;}
.n-sl2 .con3 .item a{display: flex; }
.n-sl2 .con3 .item:nth-child(2n) a{  flex-direction:row-reverse}
.n-sl2 .con3 .item-l{width: 50%; height: 430px;}
.n-sl2 .con3 .item-r{width: 50%;position: relative;overflow: hidden}
.n-sl2 .con3 .item-l .text{padding: 88px 78px 20px 78px;height: 100%; background: #f4f4f4;transition: .4s all ease}
.n-sl2 .con3 .item-l .text b{font-size: 30px;color: #262221;text-transform: uppercase; transition: .4s all ease  }
.n-sl2 .con3 .item-l .text>div{margin-top: 54px;}
.n-sl2 .con3 .item-l .text p{font-size: 18px;color: #525252;margin-top: 16px;transition: .4s all ease}
.n-sl2 .con3 .item-r .g_bg{padding-top: 53.75%;height: 100%;transition: .6s all ease}
.n-sl2 .con3 .item:hover .item-l .text{ background: url("../image/n-sl2-13.jpg");background-size: 100% 100%;transition: .4s all ease}
.n-sl2 .con3 .item:hover .item-l .text p{  color: #fff;transition: .4s all ease}
.n-sl2 .con3 .item:hover .item-l .text b{ color: #fff;transition: .4s all ease}
.n-sl2 .con3 .item:hover .g_bg{ transform: scale(1.06); transition: .8s all ease}


.n-sl2.n-sl3 .con3 .item-l .text b{display: flex;justify-content: space-between;align-items: center}
.n-sl2.n-sl3 .con3 .item-l .text b .iconfont{font-size: 40px;font-weight: 400}
.n-sl2.n-sl3 .con3 .item-l{height: auto;}
.n-sl2.n-sl3 .con3 .item-l .text{min-height: 100%}
.n-sl2.n-sl3 .con3 .item-l .text p{position:relative;padding-left: 18px;}
.n-sl2.n-sl3 .con3 .item-l .text p:before{content: '';display: block; position:absolute;left: 0px; top: 10px; transform: rotate(45deg);
    width: 7px; height: 7px;background: #b2a07a;transition: .4s all ease}
.n-sl2.n-sl3 .con3 .item:hover .item-l .text p:before{background: #fff;transition: .4s all ease}
.n-sl2.n-sl3 .con4  { margin-top: 60px; text-align: center;padding: 110px 0 124px 0;background: url("../image/n-sl3-5.jpg") ;background-size: cover;background-position: center;}
.n-sl2.n-sl3 .con4 img{margin-top:100px; min-width: 600px; }
.n-sl2.n-sl3 .con4 .img{overflow: auto;width: 100%}

.n-sl2.n-sl3  .n-con{padding-bottom:30px; }


.n-sl4 .con2{margin-top:46px; text-align: center}
/*.n-sl4 .con2 img{ display: block; margin:20px auto 0 auto; }*/
.n-sl4 .con3{margin-top:136px; text-align: center}
.n-sl4 .con4{margin-top:130px; text-align: center}
.n-sl4 .con4 img{width: 1000px;}
/*.n-sl4 .con3 img{ display: block; margin:20px auto 0 auto; }*/


.n-news1 .con1 .list .item  { margin-top: 40px;transition: .4s all ease}
.n-news1 .con1 .list .item a{display: flex}
.n-news1 .con1 .list .item .img{width: 348px;}
.n-news1 .con1 .list .item .g_bg{padding-top: 68.4%;}
.n-news1 .con1 .list .item .text{width: calc(100% - 348px);padding:10px 56px;display: flex;align-items: center;background: #f7f7f7; }
.n-news1 .con1 .list .item .text .info{width: calc(100% - 104px);padding-right: 64px;}
.n-news1 .con1 .list .item .text .info h4{color: #000; width: 100%; text-overflow: ellipsis;overflow: hidden ;white-space: nowrap}
.n-news1 .con1 .list .item .text .info p{ margin-top: 30px; height: 46px;overflow: hidden; color: #666;line-height: 1.7em;}
.n-news1 .con1 .list .item .text .info span{color: #525252; display: block;width: auto; margin-top: 34px;font-size: 16px;text-transform: uppercase}
.n-news1 .con1 .list .item .text .info span i{margin-left: 2px;}
.n-news1 .con1 .list .item .text .time{width: 104px;text-align: right;color: #525252;   }
.n-news1 .con1 .list .item .text .time b{font-size: 32px;display: block;color: #333}
.n-news1 .con1 .list .item .text .time span{font-size: 16px;display: block;color: #888;margin-top: 10px;}

.n-news1 .con1 .list .item:hover{transform: translate(4px ,-4px); box-shadow: 2px 2px 6px #dfdfdf; transition: .4s all ease}
.n-news1 .con1 .list .item:hover .text .info h4{color: #b2a07a;transition: .4s all ease}
.n-news1 .con1 .list .item:hover .text .info span{color: #b2a07a;transition: .4s all ease}
.n-news1 .con1 .list .item:hover .text .time b{color: #b2a07a;transition: .4s all ease}


.n-news-d{background: #f4f4f4}
.n-news-d .con1{background: #fff;padding: 86px 140px;}
.n-news-d .title b{font-size: 30px;text-align: center;display: block}
.n-news-d .title span{ color: #777777; margin-top: 30px; text-align: center;display: block}
.n-news-d .title span i{margin-right: 10px;}
.n-news-d .text{ margin-top: 42px; padding-bottom: 40px; border-bottom: 1px dashed  #333; line-height: 1.8em;font-size: 16px;color: #333}
.n-news-d .back{ margin: 0 auto; margin-top: 46px; display: block; transition: .4s all ease;
    width: 140px;  height: 50px; font-size: 16px;text-align: center;line-height: 50px;color: #b2a07a;border: 1px solid #b2a07a;border-radius: 30px}
.n-news-d .back:hover{background: #b2a07a;color: #fff;transition: .4s all ease}

.n-news2{background: #f4f4f4}
.n-news2 .n-con{padding-bottom: 0;overflow: hidden}
.n-news2 .list .item  {;transition: .4s all ease;}
.n-news2 .list .item a{display: flex;}
.n-news2 .list .item:nth-child(2n) a{flex-direction:row-reverse}
.n-news2 .list .item .img{width: 50%;overflow: hidden}
.n-news2 .list .item .g_bg{ height: 100%; padding-top: 52%;;transition: .4s all ease;}
.n-news2 .list .item .text{width: 50%;padding: 20px;display: flex;justify-content: center;align-items: center;background: #fff;;transition: .4s all ease;}
.n-news2 .list .item .text > div{max-width: 640px;width: 100%}
.n-news2 .list .item .text .time{  text-align: center}
.n-news2 .list .item .text .time b{ line-height: 1; font-size: 40px;display: block;color: #b2a07a}
.n-news2 .list .item .text .time span{font-size: 14px;display: block;color: #b2a07a; }
.n-news2 .list .item .text .info{margin-top: 50px; }
.n-news2 .list .item .text .info h4{text-align: center; font-size: 20px; font-weight: bold; color: #000;width: 100%;
    text-overflow: ellipsis;overflow: hidden ;white-space: nowrap;transition: .4s all ease;}
.n-news2 .list .item .text .info p{ margin-top: 40px; height: 50px;overflow: hidden; color: #666;line-height: 1.7em; font-size: 16px;}
.n-news2 .list .item .text .info span{color: #b2a07a; border: 1px solid #b2a07a;border-radius: 2px; display: block;width: 160px; height: 40px; line-height: 40px;text-align: center;
    margin: 0 auto; margin-top: 40px;font-size: 14px;text-transform: uppercase;transition: .4s all ease;}
.n-news2 .list .item .text .info span i{margin-left: 2px;}

.n-news2 .list .item:hover .g_bg{transform: scale(1.1);transition: .4s all ease;}
/*.n-news2 .list .item:hover .text{transform: translate(-30px,30px);box-shadow: 0 0 6px #dfdfdf;transition: .4s all ease;z-index: 99}*/
/*.n-news2 .list .item:nth-child(2n):hover .text{transform: translate(30px,30px);box-shadow: 0 0 6px #dfdfdf;transition: .4s all ease;z-index: 99}*/
.n-news2 .list .item:hover .info h4{color: #b2a07a;transition: .4s all ease;}
.n-news2 .list .item:hover .info span{width: 180px; background: #b2a07a;color: #fff; transition: .4s all ease;}

.n-contact1{}
.n-contact1 .con1 .n-row .item{font-size: 18px;}
.n-contact1 .con1 .n-row .item b{display: block;padding-bottom: 16px; border-bottom: 1px  solid #dddddd;text-transform: uppercase}
.n-contact1 .con1 .n-row .item > div{margin-top: 14px;}
.n-contact1 .con1 .n-row .item .g_flex{justify-content: space-between}
.n-contact1 .con1 .n-row .item .g_flex span{width: 30%;max-width: 400px;color: #333;padding-right: 10px;}
.n-contact1 .con1 .n-row .item .g_flex span:nth-child(3){width: 40%;max-width: 620px}
.n-contact1 .con1 .n-row .item .g_flex span a{color: #333}
.n-contact1 .con1 .n-row .item .g_flex span i{font-style: normal;display: block}
.n-contact1 .con1 .n-row.g_flex{justify-content: space-between}
.n-contact1 .con1 .n-row.g_flex .item{width: 30%;max-width: 400px}
.n-contact1 .con1 .n-row.g_flex .item:nth-child(3){width: 40%;max-width: 620px}
.n-contact1 .con1 .n-row:nth-child(2){margin-top: 70px;}

.n-contact1 .con2{margin-top: 60px;}
.my-map { margin: 0 auto; width: 100%; height: 680px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

.n-contact2 .con1 form{height: 820px; padding: 6.25%; background: url("../image/n-contact2-1.jpg") no-repeat;background-position: center;background-size: cover}
.n-contact2 .con1 form > b{display: block;text-transform: uppercase;text-align: center;color: #fff;font-size: 30px;padding-bottom: 50px;}
.n-contact2 .con1 form  .n-row{display: flex;justify-content: space-between}
.n-contact2 .con1 form  .n-row input{margin-top: 30px; width: 48%;height: 70px; border: 0;
    line-height: 70px; background: rgba(255,255,255,.85);font-size: 16px;color: #525252;padding: 0 30px;}
.n-contact2 .con1 form  .n-row textarea{ margin-top: 30px; width: 100%;height: 200px;border: 0;
    background: rgba(255,255,255,.85);font-size: 16px;color: #525252;padding: 30px;}
.form-btn{margin-top: 50px;}
.form-btn input{width: 150px; height: 50px; line-height: 50px; text-align: center;color: #fff;text-transform: uppercase;border-radius: 2px; border: 0;}
.form-btn input.submit{background: #b2a07a;margin-right: 36px}
.form-btn input.reset{background: #9f9f9f}





.n-map1,.n-map2 {
    text-align: center
}

.n-map1-box,.n-map2-box {
    display: inline-block;
    position: relative
}

.n-map1-box span, .n-map2-box span {
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 1.25%;
    border-radius: 50%;
    z-index: 99;
    /*border: 4px solid #b2a07a*/
}

.n-map1-box span.active,.n-map2-box span.active {
    width: 3.125%;
    border: 0;
    background: url("../image/n-sl4-5.png");
    background-size: 100% 100%;
}

.n-map1-box span:before , .n-map2-box span:before {
    content: '';
    padding-top: 100%;
    width: 100%;
    display: block;
    background: #b2a07a;
    opacity: .7;
    border-radius: 50%;
    /*border: 4px solid #b2a07a*/
}

.n-map1-box span.active:before,.n-map2-box span.active:before {
    animation:mymove2 3s infinite!important; ;
    -webkit-animation:mymove2 3s infinite !important;
}

.n-map1-box span:nth-child(1):before,
.n-map2-box span:nth-child(1):before{
    animation:mymove 3s infinite 5s;
    -webkit-animation:mymove 3s infinite 5s;
}
.n-map1-box span:nth-child(2):before,
.n-map2-box span:nth-child(2):before{
    animation:mymove 2s infinite 9s;
    -webkit-animation:mymove 2s infinite 9s;
}
.n-map1-box span:nth-child(3):before,
.n-map2-box span:nth-child(3):before{
    animation:mymove 5s infinite 13s;
    -webkit-animation:mymove 5s infinite 13s;
}
.n-map1-box span:nth-child(4):before,
.n-map2-box span:nth-child(4):before{
    animation:mymove 2s infinite 17s;
    -webkit-animation:mymove 2s infinite 17s;
}
.n-map1-box span:nth-child(5):before,
.n-map2-box span:nth-child(5):before{
    animation:mymove 2s infinite .5s;
    -webkit-animation:mymove 2s infinite .5s;
}

.n-map1-box span:nth-child(6):before,
.n-map2-box span:nth-child(6):before{
    animation:mymove 2s infinite 1.5s;
    -webkit-animation:mymove 2s infinite 1.5s;
}


.n-map1-box span:nth-child(1n + 7):before,
.n-map2-box span:nth-child(1n + 7):before{
    animation:mymove 3s infinite 5s;
    -webkit-animation:mymove 3s infinite 5s;
}
.n-map1-box span:nth-child(2n + 7):before,
.n-map2-box span:nth-child(2n + 7):before{
    animation:mymove 2s infinite 9s;
    -webkit-animation:mymove 2s infinite 9s;
}
.n-map1-box span:nth-child(3n + 7):before,
.n-map2-box span:nth-child(3n + 7):before{
    animation:mymove 5s infinite 13s;
    -webkit-animation:mymove 5s infinite 13s;
}
.n-map1-box span:nth-child(4n + 7):before,
.n-map2-box span:nth-child(4n + 7):before{
    animation:mymove 2s infinite 17s;
    -webkit-animation:mymove 2s infinite 17s;
}
.n-map1-box span:nth-child(5n + 7):before,
.n-map2-box span:nth-child(5n + 7):before{
    animation:mymove 2s infinite .5s;
    -webkit-animation:mymove 2s infinite .5s;
}

/*.n-map1-box span:nth-child(2n + 2 ):before{*/
/*animation:mymove 3s infinite 5s;*/
/*-webkit-animation:mymove 3s infinite 5s;*/
/*}*/
/*.n-map1-box span:nth-child(3n + 1 ):before{*/
/*animation:mymove 2s infinite 9s;*/
/*-webkit-animation:mymove 2s infinite 9s;*/
/*}*/
/*.n-map1-box span:nth-child(4n  - 3):before{*/
/*animation:mymove 5s infinite 13s;*/
/*-webkit-animation:mymove 5s infinite 13s;*/
/*}*/
/*.n-map1-box span:nth-child(5n  - 1  ):before{*/
/*animation:mymove 2s infinite 17s;*/
/*-webkit-animation:mymove 2s infinite 17s;*/
/*}*/
.n-map1-box span:nth-child(1) {
}

.n-map1-box span:nth-child(2) {
    left: 8.3%;
    top: 26.2%;
}

.n-map1-box span:nth-child(3) {
    left: 11.25%;
    top: 21.6%;
}

.n-map1-box span:nth-child(4) {
    left: 12.5%;
    top: 17%;
}

.n-map1-box span:nth-child(5) {
    left: 14.8%;
    top: 18.8%;
}

.n-map1-box span:nth-child(6) {
    left: 14.63%;
    top: 21.86%;
}

.n-map1-box span:nth-child(7) {
    left: 14.38%;
    top: 29.73%;
}

.n-map1-box span:nth-child(8) {
    left: 18.38%;
    top: 11.58%;
}

.n-map1-box span:nth-child(9) {
    left: 17.13%;
    top: 29.73%;
}

.n-map1-box span:nth-child(10) {
    left: 16.63%;
    top: 34.97%;
}

.n-map1-box span:nth-child(11) {
    left: 20.00%;
    top: 10.05%;
}

.n-map1-box span:nth-child(12) {
    left: 22.38%;
    top: 17.49%;
}

.n-map1-box span:nth-child(13) {
    left: 23.25%;
    top: 24.26%;
}

.n-map1-box span:nth-child(14) {
    left: 37.88%;
    top: 16.39%;
}

.n-map1-box span:nth-child(15) {
    left: 42.13%;
    top: 35.41%;
}

.n-map1-box span:nth-child(16) {
    left: 45.00%;
    top: 35.85%;
}

.n-map1-box span:nth-child(17) {
    left: 20.75%;
    top: 41.31%;
}

.n-map1-box span:nth-child(18) {
    left: 30.63%;
    top: 43.72%;
}

.n-map1-box span:nth-child(19) {
    left: 33.75%;
    top: 49.18%;
}

.n-map1-box span:nth-child(20) {
    left: 35.63%;
    top: 50.49%;
}

.n-map1-box span:nth-child(21) {
    left: 33.25%;
    top: 54.64%;
}

.n-map1-box span:nth-child(22) {
    left: 34.00%;
    top: 57.70%;
}

.n-map1-box span:nth-child(23) {
    left: 14.38%;
    top: 61.42%;
}

.n-map1-box span:nth-child(24) {
    left: 14.38%;
    top: 81.64%;
}

.n-map1-box span:nth-child(25) {
    left: 43.50%;
    top: 73.66%;
}

.n-map1-box span:nth-child(26) {
    left: 54.63%;
    top: 84.81%;
}

.n-map1-box span:nth-child(27) {
    left: 75.00%;
    top: 19.67%;
}

.n-map1-box span:nth-child(28) {
    left: 78.88%;
    top: 30.60%;
}

.n-map1-box span:nth-child(29) {
    left: 79.75%;
    top: 41.31%;
}

.n-map1-box span:nth-child(30) {
    left: 84.38%;
    top: 45.46%;
}

.n-map1-box span:nth-child(31) {
    left: 86%;
    top: 50%;
}

.n-map1-box span:nth-child(32) {
    left: 89.63%;
    top: 53.77%;
}

.n-map1-box span:nth-child(33) {
    left: 88.38%;
    top: 57.49%;
}

.n-map1-box span:nth-child(34) {
    left: 98.13%;
    top: 66.67%;
}

.n-map1-box span:nth-child(35) {
    left: 88.00%;
    top: 80.87%;
}
.n-map1-box span:nth-child(36) {
    left: 40%;
    top: 32.78%;
}


.n-map2-box span:nth-child(2) {  left: 23.75%;  top: 23.80%;  }
.n-map2-box span:nth-child(3) {  left: 84.63%;  top: 17.19%;  }
.n-map2-box span:nth-child(4) {  left: 82.00%;  top: 25.45%;  }
.n-map2-box span:nth-child(5) {  left: 79.50%;  top: 32.56%;  }
.n-map2-box span:nth-child(6) {  left: 77.50%;  top: 38.84%;  display: none}
.n-map2-box span:nth-child(7) {  left: 65.5%;  top: 43.36%;  }
.n-map2-box span:nth-child(8) {  left: 57.13%;  top: 38.84%;  }
.n-map2-box span:nth-child(9) {  left: 62.50%;  top: 44.79%;  }
.n-map2-box span:nth-child(10) {  left: 47.81%;  top: 50.08%;  }
.n-map2-box span:nth-child(11) {  left: 63.88%;  top: 55.70%;  }
.n-map2-box span:nth-child(12) {  left: 70%;  top: 61.16%;  }
.n-map2-box span:nth-child(13) {  left: 73.8%;;  top: 60.33%;  }
.n-map2-box span:nth-child(14) {  left: 72.6%;  top: 63.64%; display: none }
.n-map2-box span:nth-child(15) {  left: 63%;  top: 64.46%;  }
.n-map2-box span:nth-child(16) {  left: 46%;  top: 63.5%;  }
.n-map2-box span:nth-child(17) {  left: 75.5%; top: 65.5%; }
.n-map2-box span:nth-child(18) {  left: 74.7%;  top: 76.86%;  }
.n-map2-box span:nth-child(19) {  left: 79.50%;  top: 81.32%;  }
.n-map2-box span:nth-child(20) {  left: 63.75%;  top: 84.79%;  }
.n-map2-box span:nth-child(21) {  left: 55.13%;  top: 85.12%;  }
.n-map2-box span:nth-child(22) {  left: 59.06%;  top: 95.87%;  }
.n-map2-box span:nth-child(23) {  left: 74.50%;  top: 47.10%;  }

.n-map2-box span:nth-child(24) {  left: 23.64%;  top:62.29%;  }
.n-map2-box span:nth-child(25) {  left: 41.36%;  top:47.85%;  }
.n-map2-box span:nth-child(26) {  left: 56.14%;  top:55.28%;  }
.n-map2-box span:nth-child(27) {  left: 68.00%;  top:38.45%;  }
.n-map2-box span:nth-child(28) {  left: 69.87%;  top:41.25%;  }
.n-map2-box span:nth-child(29) {  left: 70.49%;  top:47.85%;  }
.n-map2-box span:nth-child(30) {  left: 44.35%;  top:81.19%;  }
.n-map2-box span:nth-child(31) {  left: 52.53%;  top:75.25%;  }
.n-map2-box span:nth-child(32) {  left: 52.40%;  top:68.48%;  }
.n-map2-box span:nth-child(33) {  left: 62.76%;  top:72.61%;  }
.n-map2-box span:nth-child(34) {  left: 69.31%;  top:70.79%;  }
.n-map2-box span:nth-child(35) {  left: 66.38%;  top:88.45%;  }
.n-map2-box span:nth-child(36) {  left: 64.13%;  top:89.36%;  }
.n-map2-box span:nth-child(37) {  left: 51.97%;  top:44.55%;  }




@keyframes mymove {
    0% {
        transform: scale(.6);
        opacity: .2;
    }
    50% {
        opacity: .7;
    }
    100% {
        transform: scale(1.2);
        opacity: .2;
    }
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
    0% {
        transform: scale(.6);
        opacity: .2;
    }
    50% {
        opacity: .7;
    }
    100% {
        transform: scale(1.2);
        opacity: .2;
    }
}

@keyframes mymove2 {
    0% {
        transform: scale(.6)  translateY(10%);
        opacity: 0;
    }
    50% {
        opacity: .7;
    }
    100% {
        transform: scale(1.2)  translateY(10%);
        opacity: 0;
    }
}

@-webkit-keyframes mymove2 /*Safari and Chrome*/
{
    0% {
        transform: scale(.6) translateY(10%);
        opacity: 0;
    }
    50% {
        opacity: .7;
    }
    100% {
        transform: scale(1.2)  translateY(10%);
        opacity: 0;
    }
}


.fancybox-button{white-space: nowrap}



@media (max-height: 740px) {

}
@media (max-width: 1680px) {
    .g_w{padding: 0 5%}
    .pcNav-b-a{right: 5%}
    .i-title{padding-bottom: 30px;}
    .i-nav{margin-top: 20px;}
    .i-about-b{margin-top: 60px;}
    .i-strength .list{margin-top: 30px;}

    /*.i-nav-left{left: 0}*/
    .i-nav-left a span{display: none!important;}
}
@media (max-width:1440px) {

    /*.f16{font-size: 14px;}*/
    .f18{font-size: 16px;}
    .f20{font-size: 18px;}
    .f24{font-size: 20px;}
    .f30{font-size: 24px;}
    .f40{font-size: 32px;}

    .pcNav.active .pcNav-b-a{transform: rotateX(-90deg);transition: .4s all ease}

    .i-title{padding-bottom: 20px;}
    .i-about-r{padding: 80px 40px;}
    .n-about2-numItem b{font-size: 28px;}
    .n-about2-numItem{padding-right: 10px;}
    .n-about2-num{margin-top: 50px;}
    .i-moreTo{margin-top: 48px;}
    .i-news-r .item{margin-top: 50px;}
    .news .list .item p{margin-top: 16px;}
    .news .list .item .text{padding-bottom: 30px;}
    .news .g_bg{height: 310px;padding: 0}
    .news .list{margin-top: 40px;}
    .f-top-r form b{font-size: 30px;}
    .f-top-l .code{margin-top: 80px;}
    .f-top-r .info{margin-top: 40px;}
    .f-top-r .info i{font-size: 24px;}
    /*.f-top-r .info p{margin-top: 20px;}*/
    .f-top-r .icon{margin-top: 20px;}
    .f-top-r form input{margin-top: 20px;}


    .n-top{margin-top: -70px;}
    .n-top .g_w > div{padding: 20px;}
    .n-about1 .con1 .con-r .item{margin-top: 30px;}
    .n-about1 .con1 .con-r{    padding: 70px 10px 70px 70px}

    .n-about4 .swiper-con .swiper-button-prev{left: 20%;width: 60px;height: 60px; line-height: 50px;}
    .n-about4 .swiper-con .swiper-button-prev i{ font-size: 20px}
    .n-about4 .swiper-con .swiper-button-next{right: 20%;width: 60px;height: 60px; line-height: 50px;}
    .n-about4 .swiper-con .swiper-button-next i{font-size: 20px}

    .n-pro2 .con1 .g_w > .con-r{width: calc(100% - 300px);padding-left: 5%;}
    .n-pro-info a{width: 160px;height: 48px;line-height: 48px;font-size: 16px;}
    .n-pro-info p{font-size: 16px;}
    .n-pro-info b{font-size: 24px;}
    .con-tab-nav a{font-size: 16px;}

    .n-sl2 .con2{padding-top: 100px}
    .n-sl1 .con2 .item-l .text{font-size: 24px;padding: 100px 30px 20px 40px; }
    .n-sl1 .con2 .item-l .text p:after{margin-top: 50px;}
    .n-sl2 .con3 .item-l .text p{margin-top: 10px;}
    .n-sl2 .con3 .item-l .text{padding: 50px 40px 20px 40px; }
    .n-sl2 .con3 .item-l .text>div{margin-top: 30px;}
    .n-sl2 .con3 .item-l{height: 380px;}
    .n-sl4-title{width: 320px;margin-bottom: 30px;}


    .n-news-d .con1{padding: 60px 100px;}
    .n-news-d .title b{font-size: 24px;}
    .n-contact2 .con1 form{height: 660px;}

    .i-nav-left a span{display: none!important;}
    .fenye a{padding: 10px 16px;}


}
@media (max-width:1350px) {
    .n-pro1 .item{width: 25%}
    .n-pro1 .item:nth-child(5n){border-bottom: 1px solid #eee;border-right: 1px solid #eee}
    .n-pro1 .item:nth-child(4n){border-right: 0}
}
@media (max-width:1300px) {
    .n-top .g_w > div{font-size: 14px;}
    .n-nav span{margin: 0 20px;}
}
@media (max-width:1280px) {
    .f16{font-size: 14px;}
    .f18{font-size: 14px;}
    .f20{font-size: 16px;}
    .f24{font-size: 18px;}
    .f30{font-size: 20px;}
    .f40{font-size: 26px;}
    .i-about-r{padding:40px 20px}
    .n-about2-numItem b{font-size: 20px;}
    .i-about-b{margin-top: 30px;}
    .i-nav a{padding: 6px 10px;}
    .i-moreTo{margin-top: 24px;font-size: 14px;}
    .n-about2-num{margin-top: 24px;}
    .i-nav-left a span{display: none!important;}
    .i-nav-left ul li{margin-bottom: 10px;width: 20px;}
    .i-nav-left a{width: 12px;}
    .i-strength .list{max-width: 900px;margin: 20px auto 0 auto}
    .dow:after{width: 13px;height: 19px;}
    .dow.active:after{width: 13px;height: 19px;}
    .news .list .item p{margin-top: 10px;}
    .news .list .item .text{padding-bottom: 16px;}
    .news .list .item{margin-top: 20px;}
    .i-news-l .item .text{margin-top: 20px;}
    .news .g_bg{height: 210px;}
    .news .list{margin-top: 20px;}
    .i-pro-text{padding: 40px 20px 0 20px;}
    .i-pro-item{height: 320px;}
    .i-pro-text p{height: 136px;}
    .f-top-l ul li > a{font-size: 16px;}
    .f-top-l ul li >div >a{font-size: 14px;}
    .f-top-l .code{margin-top: 40px;}
    .f-top-l .bottom{margin-top: 16px;}
    .f-top-r form b{font-size: 24px;}
    .f-top-r .info i{font-size: 20px;}
    .f-top-r .info{margin-top: 20px;}
    .f-top-l ul li >div{margin-top: 16px;}
    .f-top-r form input{margin-top: 0}
    .i-banner-img a{font-size: 16px;height: 30px; line-height: 30px;}

    .h-nav1 > li > a{font-size: 14px;}
    .pcNav-b-a >div a{font-size: 14px}

    .n-about4 .swiper-con .swiper-button-prev{left: 19%;width: 60px;height: 60px; line-height: 40px;}
    .n-about4 .swiper-con .swiper-button-prev i{font-size: 14px;}
    .n-about4 .swiper-con .swiper-button-next{right: 19%;width: 60px;height: 60px; line-height: 40px;}
    .n-about4 .swiper-con .swiper-button-next i{font-size: 14px;}
    .n-pro1 .item i{font-size: 18px;}
    .n-pro2 .n-btn{display: block;right: 0;transform: translate(100%,-100%);cursor: pointer;transition: .4s all ease}
    .n-pro2 .n-con{margin-top: 100px}
    .n-pro2 .con1 .g_w > .con-r{width: 100%;padding-left: 0;}
    .n-pro2 .con1 .g_w > .con-l{position: fixed;left: -300px;top: 100px;
        height: calc(100vh - 120px);box-shadow: 0 0 4px #999;background: #fff;z-index: 9999 }
    .n-pro2 .con1 .g_w > .con-l > div{padding: 10px;height: 100%;}
    .n-pro2 .con1 .g_w > .con-l.active{left: 0}
    .n-pro2 .con1 .g_w > .con-l.active .n-btn{ right: 100%; transform: translate(100%,-100%);}
    /*.n-pro2 .con1 .g_w > .con-l{}*/

    .n-pro2 .pro-select b{font-size: 16px;}
    .n-pro2 .pro-select a{margin-top: 10px;}
    .n-pro2 .pro-select a img{height: 26px; }
    .n-pro2 .pro-select2{margin-top: 20px;}
    .n-pro2 .pro-select2 > i{font-size: 16px;}
    .n-pro2 .pro-select2 a{margin-top: 6px;font-size: 14px;}
    .n-pro2 .scroll-con{height: 100%; padding-right: 20px; overflow-y: scroll}

    .n-sl2 .con2 .list .item{height: 400px;}
    .n-sl2 .con2 .list .item .before{padding-top:80px; }
    .n-sl2 .con2 .list .item .after{padding: 80px 16px 0 16px}
    .n-sl2 .con2 .list .item .before img{width: 80px}
    .n-sl2 .con2 .list .item .before b{font-size: 20px}
    .n-sl2 .con2 .list .item .after b{font-size: 20px}
    .n-sl2 .con2 .list .item .after p{font-size: 14px;}
    .n-sl2 .con2 .list{margin-top: 60px;}
    .n-sl2 .con2{padding-top: 60px;}
    .n-sl2 .con2 .g_w > b{font-size: 24px}
    .n-sl2 .con3 .item .item-l .text p{font-size: 16px}
    .n-sl2 .con3 .item-l .text b{font-size: 24px;}
    .n-sl2.n-sl3 .con3 .item-l .text b .iconfont{font-size: 30px;}
    .n-sl4-title{width: 260px}
    .n-sl4-title{width: 260px}
    .n-sl2.n-sl3 .con4 img{margin-top: 60px}
    .n-sl2.n-sl3 .con4{padding: 80px}

    /*.n-contact2 .con1 form{height: 460px;}*/

    .n-map1-box span, .n-map2-box span{border: 1px solid #b2a07a ;}
    @keyframes mymove {
        0% {
            transform: scale(.6);
            opacity: .7;
        }
        50% {
            opacity: .7;
        }
        100% {
            transform: scale(2)!important;
            opacity: 0;
        }
    }

    @-webkit-keyframes mymove /*Safari and Chrome*/
    {
        0% {
            transform: scale(.6);
            opacity: .7;
        }
        50% {
            opacity: .7;
        }
        100% {
            transform: scale(2) !important;
            opacity: 0;
        }

    }
}

@media (max-width:1220px) {
    .i-about .g_flex{display: block}
    .i-about-l{display: none}
    .i-about-r{width: 100%}
    .i-pro-list{display: block}
    .i-pro-item{width: 100%!important;height: 160px!important;}
    .i-pro-text{padding: 20px;}
    .i-pro-text p{margin-top: 10px; height: 60px;}
    .i-pro-item .i-moreTo{margin-top: 6px;}
    .i-pro-item .i-pro-title{top: 80px;}
    .i-pro-text{width: 80%}
    .f-top-l ul{display: none;}
    .f-top-l{display: none}
    .f-top-r{width: 100%}
    footer .bottom a{display: block;text-align: center}

    .n-body{padding-top: 60px;}
    .n-top{margin-top: 0}
    .n-top .g_w > div{padding: 20px 0;display: block}
    .n-breadcrumb{text-align: right;}
    .n-breadcrumb a{font-size: 12px!important;}
    .n-nav{margin-top: 20px;}
    .n-nav a{display: block!important; padding: 4px 0;border-bottom: 1px solid #000; text-align: center}
    .n-nav span{display: none}
    .n-con{padding-top: 40px;padding-bottom: 40px;}
    .n-about1 .con1 .g_flex{display: block;}
    .n-about1 .con1 .con-l{width: 100%;height: 300px;padding: 0 5%;}
    .n-about1 .con1 .con-r{width: 100%;padding: 20px;}
    .n-about1 .con1 .con-l .play{width: 40px; height: 40px;}
    .n-about2 .item .item-p{font-size: 16px;}
    .n-about2 .item b{font-size: 24px;}
    .n-about3 .con1 .list .item{width: 32%;margin-right: 1.5%;}
    .n-about3 .con1 .list .item:nth-child(4n){margin-right: 1.5%}
    .n-about3 .con1 .list .item:nth-child(3n){margin-right: 0%}
    .n-about3 .con1 .list .item .text{font-size: 14px;}
    .n-about3 .con1 .list .item .before{font-size: 14px;padding: 10px;}
    .n-about4 .swiper-con .swiper-button-prev{left: 18%;width: 50px;height: 50px; line-height: 46px;font-size: 20px;}
    .n-about4 .swiper-con .swiper-button-next{right: 18%;width: 50px;height: 50px; line-height: 46px;font-size: 20px;}
    .n-about4 .swiper-con .swiper-slide a span{font-size: 16px}
    .n-pro1 .item{width: 33.3%}
    .n-pro1 .item:nth-child(4n){border-bottom: 1px solid #eee;border-right: 1px solid #eee}
    .n-pro1 .item:nth-child(3n){border-right: 0}
    .n-pro1 .item i{font-size: 16px;}
    .n-pro2 .n-con{margin-top: 0}

    .n-pro2 .con1 .g_w .con-r .top{display: block;margin-top: 20px;}
    .n-pro2 .con1 .g_w .con-r .top form{margin-top: 20px;width: 400px;max-width: 100%}
    .n-pro2 .con1 .g_w .con-r .top i{font-size: 16px}

    .n-pro-info a{width: 120px;height: 30px;line-height: 30px;}
    .n-pro-d .icon a i{font-size: 24px;}

    .n-sl1 .con2 .item-l .text{font-size: 20px;padding: 60px 20px 20px 30px; }
    .n-sl1 .con2 .item-l .text p:after{margin-top: 30px;}
    .n-news1 .con1 .list .item .text{padding: 10px 20px}
    .n-news1 .con1 .list .item .text .info{ width: calc(100% - 80px); padding-right: 30px;}
    .n-news1 .con1 .list .item .text .time b{font-size: 24px;}
    .n-news1 .con1 .list .item .text .time{width: 80px;}

    .n-news-d .title b{font-size: 24px;}
    .n-news-d .title span{margin-top: 20px;}

    .n-news-d .con1{padding: 40px 60px;}
    .n-news-d .title b{font-size: 24px;}

    .n-news2 .list .item .text .info{margin-top: 30px;}
    .n-news2 .list .item .text .info p{margin-top: 20px;}
    .n-contact1 .con1 .n-row .item{font-size: 16px;}
    .my-map{height: 400px;}

    .n-contact2 .con1 form{height: auto; }
    .n-contact2 .con1 form > b{padding-bottom: 20px;font-size: 24px;}
    .n-contact2 .con1 form .n-row input{height: 46px;line-height: 46px;}
}
@media (max-width:998px){
    .n-pro2 .con1 .g_w .con-r .list .item{width: 50%}

    .n-sl1 .con2 .item{display: block;margin-top: 20px;}
    .n-sl1 .con2 .item-l .text{font-size: 18px;padding: 20px   }
    .n-sl1 .con2 .item-l .text p:after{margin-top: 20px;}
    .n-sl1 .con2 .item-l{width: 100%}
    .n-sl1 .con2 .item-r{width: 100%}
    .n-sl2 .con2 .list{flex-wrap: wrap}
    .n-sl2 .con2 .list .item{width: 49%;margin-top: 2%}
    .n-sl2 .con2 .list{margin-top: 40px;}
    .n-sl2 .con3 .item a{display: block;margin-top: 20px;}
    .n-sl2 .con3 .item-l{height: auto;width: 100%}
    .n-sl2 .con3 .item-l .text{padding: 20px;}
    .n-sl2 .con3 .item-l .text>div{margin-top: 10px;}
    .n-sl2 .con3 .item-r{width: 100%}

    .n-news1 .con1 .list .item a{display: block}
    .n-news1 .con1 .list .item .img{max-width: 100%;margin: 0 auto}
    .n-news1 .con1 .list .item .text {width: 100% ;padding: 20px;}

    .n-news2 .list .item{margin-top: 20px;}
    .n-news2 .list .item a{display: block}
    .n-news2 .list .item .img{width: 100%;max-width: 600px;margin:  0 auto}
    .n-news2 .list .item .text{width: 100%; }
    .n-news2 .list .item .text .time b{font-size: 30px;}
    .n-news2 .list .item .text .info{ margin-top: 20px;}
    .n-news2 .list .item .text .info h4{font-size: 16px;}
    .n-news2 .list .item .text .info p{font-size: 14px;margin-top: 10px;}
    .n-news2 .list .item .text .info span{width: 100px; height: 36px; line-height: 36px;}
    .n-news2 .list .item:hover .text{transform: translate(0,0);  box-shadow: 0 0 6px #dfdfdf;  transition: .4s all ease;  z-index: 99;}
    .n-news2 .list .item:nth-child(2):hover .text{transform: translate(0,0);  box-shadow: 0 0 6px #dfdfdf;  transition: .4s all ease;  z-index: 99;}

    .fenye a{padding: 7px 9px;}
}
@media (max-width:767px) {
    .f30{font-size: 18px;}
    .f40{font-size: 22px;}
    .i-nav{display: none}
    .n-about2-num{display: flex;flex-wrap: wrap;}
    .n-about2-numItem{width: 50%;border: 0;padding: 0 10px!important;text-align: center;margin-top: 20px;}
    .n-about2-numItem p{font-size: 12px;}
    .i-pro-item{width: 100%!important;height: 100px!important;}
    .i-pro-text p{display: none}
    .i-strength .list>.i-row{flex-wrap: wrap}
    .i-strength .list>.i-row>.w50{width: 100%}
    .i-news-r{display: none}
    .i-news-l{width: 100%}

    .i-nav-left{display: none;}
    .i-banner-img{width: 80%}
    .f-top-r .info p{font-size: 14px;}
    #fp-nav.fp-right{right: 10px}
    .n-about1 .con1 .con-r .item p{font-size: 16px;}
    .n-about1 .con1 .con-r .item i{font-size: 24px;}
    .n-about1 .con1 .con-r .item{margin-top: 20px;}

    .n-about2 .item .item-p{font-size: 14px;}
    .n-about2 .item b{font-size: 20px;width:70px; }
    .n-about2 .con2 .list:before{left: 70px;}
    .n-about2 .con2 .list:after{left: 70px;}
    .n-about2 .con2 .list .line{left: 76px;}
    .n-about2 .item .item-p{padding-left: 20px;width: calc(100% - 70px);}
    .n-about2 .con2 .list .item{margin-top: 40px;}
    .n-about2 .con2 .list{padding: 40px 0}
    .n-about2 .con2{padding: 80px 0}
    .n-about2 .con1{padding: 5%}

    .n-about3 .con1 .list .item{width: 49%;margin-right: 2%;padding:0 6px 10px 6px;margin-top: 20px;}
    .n-about3 .con1 .list .item:nth-child(4n){margin-right: 2%}
    .n-about3 .con1 .list .item:nth-child(3n){margin-right: 2%}
    .n-about3 .con1 .list .item:nth-child(2n){margin-right: 0}
    .n-about3 .con1 .list .item .text{padding-top: 10px;}

    .n-about4 .swiper-con .swiper-button-prev{left: 19%;width: 30px;height: 30px; line-height: 26px;font-size: 16px;}
    .n-about4 .swiper-con .swiper-button-next{right: 19%;width: 30px;height: 30px; line-height: 26px;font-size: 16px;}
    .n-about4 .swiper-con .swiper-slide a span{font-size: 14px;}

    .n-pro1 .item{width: 50%}
    .n-pro1 .item:nth-child(4n){border-bottom: 1px solid #eee;border-right: 1px solid #eee}
    .n-pro1 .item:nth-child(3n){border-right: 1px solid #eee}
    .n-pro1 .item:nth-child(2n){border-right: 0}
    .n-pro2 .con1 .g_w .con-r .top i{font-size: 14px;}

    .n-pro-d .list .top{padding-bottom: 10px;}
    .n-pro-d .list .top i{font-size: 16px;}
    .n-pro-d .icon a i{font-size: 20px;}
    .n-pro-d .con1 .g_w{display: block}
    .n-pro-d .swiper-con .swiper-slide .con{width: 300px;}
    .n-pro-d .con1 .con-r{width: 100%;padding: 0}
    .n-pro-d .con1 .con-l{width: 100%;padding: 0}
    .n-pro-info b{font-size: 20px;padding-bottom: 10px;}
    .n-pro-d .con2{margin-top: 30px;}
    .con-tab-nav a{width: 100%}
    .con-tab-text p{font-size: 14px;padding-left: 20px;}
    .con-tab-text{padding: 10px;}
    .n-pro-d .list .swiper-container{margin-top: 20px;}
    .n-pro-d .con3{margin-top: 40px;}
    .n-pro-d .con1{margin-top: 40px;}
    .n-sl1 .con1 p{font-size: 16px;margin-top: 10px;}
    .n-sl2 .con3 .item-l .text b{font-size: 18px;}
    .n-sl2.n-sl3 .con3 .item-l .text b .iconfont{font-size: 24px;}
    .n-sl2 .con3 .item .item-l .text p{font-size: 14px;}
    .n-sl2 .con2 .g_w > b{font-size: 18px;}

    .n-sl4-title{width: 200px}
    .n-sl4-title{width: 200px}
    .n-sl4 .con3{margin-top: 40px;}
    .n-sl4 .con4{margin-top: 40px;}

    .n-sl2.n-sl3 .con4 img{margin-top: 40px;}
    .n-sl2.n-sl3 .con4{padding: 40px;}

    .n-news1 .con1 .list .item{margin-top: 20px;}
    .n-news1 .con1 .list .item .text{display: block;}
    .n-news1 .con1 .list .item .text .info{width: 100%;padding: 0;margin: 0}
    .n-news1 .con1 .list .item .text .info h4{font-size: 16px;}
    .n-news1 .con1 .list .item .text .time{text-align: left;margin-top: 14px;}
    .n-news1 .con1 .list .item .text .time b{display: inline;font-size: 12px;color: #888}
    .n-news1 .con1 .list .item .text .time span{display: inline;font-size: 12px;}
    .n-news1 .con1 .list .item .text .info p{margin-top: 10px;}
    .n-news1 .con1 .list .item .text .info span{margin-top: 10px;font-size: 14px;}

    .fenye{margin: 20px 0}

    .n-news-d .title b{font-size: 20px;}
    .n-news-d .title span{margin-top: 10px;}
    .n-news-d .text{font-size: 14px;line-height: 1.6em;}

    .n-news-d .con1{padding: 20px 10px;}
    .n-news-d .title b{font-size: 20px;}
    .n-news-d .text{margin-top: 20px;}
    .n-news-d .back{width: 120px; height: 30px; line-height: 30px; margin-top: 20px;}
    .n-contact1 .con1 .n-row .item{font-size: 14px;}

    .n-contact1 .con1 .n-row .item .g_flex{display: block}
    .n-contact1 .con1 .n-row .item .g_flex span{display: block;margin-top: 8px;width: 100% !important}
    .n-contact1 .con1 .n-row .item > div{margin-top: 0}

    .n-contact1 .con1 .n-row.g_flex{display: block;}
    .n-contact1 .con1 .n-row.g_flex .item{width: 100%!important;margin-top: 10px}
    .n-contact1 .con1 .n-row:nth-child(2){margin-top: 10px;}
    .n-contact1 .con2{margin-top: 30px;}
    .my-map{height: 300px;}

    .n-contact2 .con1 form .n-row{display: block;}
    .n-contact2 .con1 form .n-row input{width: 100%;margin-top: 10px; height: 36px; line-height: 36px; padding:0 20px;font-size: 14px;}
    .n-contact2 .con1 form .n-row textarea{width: 100%;margin-top: 10px;padding: 20px;font-size: 14px;height: 140px;}
    .form-btn{margin-top: 20px;font-size: 0}
    .form-btn input{line-height: 40px; height: 40px;max-width: 48%;font-size: 14px;}
    .form-btn input.submit{margin-right: 3%;}
    .n-contact2 .con1 form > b{font-size: 20px;}

    .fenye a{padding: 4px 8px}
    .i-strength .list{width: 80%;margin: 20px auto 0 auto}
}
@media (max-width:600px){
    .n-about3 .con1 .list .item{width: 100%;  margin-right: 0%;padding:0 6px 10px 6px}
    .n-about3 .con1 .list .item:nth-child(4n){margin-right: 0%}
    .n-about3 .con1 .list .item:nth-child(3n){margin-right: 0%}
    .n-about3 .con1 .list .item:nth-child(2n){margin-right: 0}
    .n-pro2 .con1 .g_w .con-r .list .item{width: 100%}
    .n-sl2 .con2 .list .item{width: 100%;height: 300px;}
    .n-sl2 .con2 .list .item .after p{margin-top: 20px;}

}

@media (max-width:500px){
    .n-pro1 .item{width: 100%;border-bottom: 1px solid #eee !important;border-right:0!important;}
}