a:hover{text-decoration: none;}

/* banner */
.banner{width: 100%;overflow: hidden;position: relative;margin-top: 80px;}
.banner-cont{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;top:0}
.bannerMain{text-align: center;}
.banner-cont h3{font-size: 25px;color: #fff;font-weight: bold}
.banner-cont .line{width: 70px;height: 5px;background-color: #ed9210;margin:0 auto}
.banner-cont p{font-size: 18px;color: #fff;font-weight: 400;margin-top: 20px;}


.content-about{background-color: #fff;padding-bottom: 4%;}
.aboutContent{width: 90%;margin:0 auto;}

.about{background-color: #f6f6f6;}
/* 导航条 */
.second-nav{width: 100%;overflow: hidden;background-color: #fff;border-bottom: 1px solid #eee;margin-bottom: 20px;}
.nac-main{width: 90%;margin:10px auto;display: flex;justify-content: space-between;align-items: center;}
.main-table h3{font-size: 23px;color: #282828;font-weight: bold;line-height: 25px;margin:0;}
.main-table p{font-size: 16px;color: #a4a4a4;text-transform: uppercase;margin: 0;}

.main-table ul{line-height:48px;margin-left:20px;}
.main-table ul li{float:left;font-size:12px;color:#666666;list-style: none;margin-right: 5px;font-weight:400;}
.main-table ul li a.breadcrumb-home{background:url(../images/index/icon-home.png) no-repeat left;padding-left:25px;}
.main-table ul li a:hover{text-decoration:none}
.main-table ul li a{color:#666666;padding-right:2px;}
.main-table ul li span{padding:0 2px;}

.about-nav li{list-style: none;float: left;margin-right: 10px !important;}
.about-nav li a{display: block;padding:10px 0;padding-left: 40px;font-size: 16px;color: #666666;}

.about-nav li:nth-child(1) a{background: url(../images/index/an1.png) no-repeat left;}
.about-nav li:nth-child(2) a{background: url(../images/index/an2.png) no-repeat left;}
.about-nav li:nth-child(3) a{background: url(../images/index/an3.png) no-repeat left;}
.about-nav li:nth-child(4) a{background: url(../images/index/an4.png) no-repeat left;}
.about-nav li:nth-child(5) a{background: url(../images/index/an5.png) no-repeat left;}
.about-nav li:nth-child(6) a{background: url(../images/index/an6.png) no-repeat left;}
.about-nav li:nth-child(7) a{background: url(../images/index/an7.png) no-repeat left;}
.about-nav li:nth-child(8) a{background: url(../images/index/an8.png) no-repeat left;}

.about-nav li:hover a{color: #0198d7;}
.about-nav li a:hover{text-decoration: none;}
.about-nav li:hover:nth-child(1) a{background: url(../images/index/an11.png) no-repeat left;}
.about-nav li:hover:nth-child(2) a{background: url(../images/index/an21.png) no-repeat left;}
.about-nav li:hover:nth-child(3) a{background: url(../images/index/an31.png) no-repeat left;}
.about-nav li:hover:nth-child(4) a{background: url(../images/index/an41.png) no-repeat left;}
.about-nav li:hover:nth-child(5) a{background: url(../images/index/an51.png) no-repeat left;}
.about-nav li:hover:nth-child(6) a{background: url(../images/index/an61.png) no-repeat left;}
.about-nav li:hover:nth-child(7) a{background: url(../images/index/an71.png) no-repeat left;}
.about-nav li:hover:nth-child(8) a{background: url(../images/index/an81.png) no-repeat left;}



/* 公司简介 */
.about-title.scroll-on2 {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
.about-title {padding-top: 47px;text-align: center;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);opacity: 0;-webkit-transition: all 1.2s ease;-moz-transition: all 1.2s ease;transition: all 1.2s ease}
.about-title p{font-size: 40px;color:#282828;background-image: url(../images/index/about-title.png);background-repeat: no-repeat;background-position: center}
.about-text1 {width: 100%;margin-top: 35px;padding-left: 35px;padding-right: 50px;-moz-box-sizing: border-box;box-sizing: border-box;color: #666;font-size: 14px;line-height: 35px;height: 230px;overflow: hidden}
.about-text1 {color: #666;font-size: 14px;text-indent: 25px;}
.text1-more {width: 100%;margin-top: 50px;text-align: center}
.text1-more .more-btn {cursor: pointer;color: #CCC;font-size: 14px;padding-bottom: 17px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;background: url(../images/index/icon-12.png) no-repeat center bottom;}
.text1-more .more-btn:hover {padding-bottom: 25px}
/* 文化 */
.about-culture {width: 100%;background: #fbfbfb;padding-top: 40px;padding-bottom: 60px;-moz-box-sizing: border-box;box-sizing: border-box}
.about-culture .title {opacity: 0;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;transition-duration: 1s;-webkit-transform: translate(0, 50%);-moz-transform: translate(0, 50%);-ms-transform: translate(0, 50%);transform: translate(0, 50%);font-size: 35px;color: #333;text-align: center}
.about-culture .title h3{font-size: 32px;color: #282828;margin:0;font-weight: bold;}
.about-culture .title p{font-size: 16px;color: #a4a4a4;text-transform: uppercase;}
.about-culture .title .titleMain {padding-bottom: 12px;background: url(../images/index/icon-14.png) no-repeat center bottom}
.about-culture .scroll-on {opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}

.about-culture .culture {text-align: center;width: 90%;margin:0 auto;overflow: hidden;border: 1px solid #e5e5e5;margin-top: 40px;padding:30px 0}
.about-culture .culture .cultureList{width: 20%;float: left;text-align: center;}
.cultureList .culture-img{min-height: 83px;display: flex;justify-content: center;align-items: center;}
.cultureList h3{font-size: 20px;color: #ed9210;font-weight: 400;}
 
.cultureList p{font-size: 16px;color: #a4a4a4;    width: 200px;
    color: #a4a4a4;
    line-height: 25px;
    margin: 0 auto;}
.about-culture .culture {opacity: 0;-webkit-transition-duration: 1.5s;-moz-transition-duration: 1.5s;transition-duration: 1.5s;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;transition-delay: .5s;-webkit-transform: translate(50%, 0);-moz-transform: translate(50%, 0);-ms-transform: translate(50%, 0);transform: translate(50%, 0);margin-left: 50px;display: inline-block;vertical-align: middle}
.about-culture .culture.scroll-on {opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}

.about-culture .about-title2{text-align: center;padding-top: 0;}
.about-culture .about-title2 p{padding-bottom: 12px;background: url(../images/index/icon-14.png) no-repeat center bottom;text-transform: uppercase;}

/* 荣誉资质 */
.about-honor {width: 100%;background: #fff;padding-top: 40px;padding-bottom: 20px;-moz-box-sizing: border-box;box-sizing: border-box}
.about-honor .title {opacity: 0;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;transition-duration: 1s;-webkit-transform: translate(0, 50%);-moz-transform: translate(0, 50%);-ms-transform: translate(0, 50%);transform: translate(0, 50%);font-size: 35px;color: #333;text-align: center}
.about-honor .title h3{font-size: 32px;color: #282828;margin:0;font-weight: bold;}
.about-honor .title p{font-size: 14px;color: #a4a4a4;text-transform: uppercase;margin-top: 5px;}
.about-honor .scroll-on,
.certificate .swiper-certificate.scroll-on {opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}

.honor{width: 1200px;margin:0 auto;overflow:hidden;position: relative;margin-top: 40px;padding:30px 0}
.honor ul {position: relative;left: 0;top: 0;}
.honor ul li {width: 1200px;list-style: none;float: left;}
.about-honor .honor .honorList{width: 14%;float: left;text-align: center;padding:30px;border: 1px solid #e5e5e5;margin-right: 10px;}
.honor ol{position:absolute;width:100%;bottom:0;left:45%;text-align: center;font-size: 0px;}
.honor ol li{width: 10px;height: 10px;border-radius: 50%;float: left;margin:0 3px;cursor: pointer;background-color: #dcdcdc;color: transparent;}
.honor ol li.on{background-color: #f8c301;}

.certificate .swiper-certificate {-webkit-transition-duration: 1.5s;-moz-transition-duration: 1.5s;transition-duration: 1.5s;-webkit-transition-delay: .3s;-moz-transition-delay: .3s;transition-delay: .3s;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);opacity: 1;margin-bottom: 40px}


/* 工厂 */
.factoryContent{padding-bottom: 30px;}
.factory .gc{background-color: #fff;}
.factoryContent .factoryCont{margin-top: 30px;margin-bottom: 0;}
.factoryContent .text1-more{margin-top: 20px;}
.factoryContent .text1-more .more-btn{color: #009be3;background: url(../images/index/icon-13.png) no-repeat center bottom;}
.partnerCont{margin-bottom: 0;}
.text-more{height: 70px;background-color: #f8f8f8;}
.text-more .text1-more{margin-top: 20px;padding-top:15px;}
.content-product{padding-bottom: 35px;}

/* 营销网络 */
.about-map{background-color:#09161c;}
.map{width: 90%;margin:0 auto;position: relative;}
.about-title2{-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);opacity: 0;-webkit-transition: all 1.2s ease;-moz-transition: all 1.2s ease;transition: all 1.2s ease;padding-top: 38px}
.about-title2 h1 {font-size: 32px;color: #333;font-weight: bold;}
.about-title2 p {margin-top: 5px;color: #999;font-size: 14px}
.about-map .about-title2 h1,.about-map .about-title2 p {color: #FFF;}
.about-map .about-title2 p{padding-bottom: 12px;background: url(../images/index/icon-14.png) no-repeat left bottom;}
.map-box {position: relative;max-width: 900px;margin: 0 auto;padding-top: 40px;padding-bottom: 60px;-moz-box-sizing: border-box;box-sizing: border-box}
.map-box .map {-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);opacity: 0;-webkit-transition-duration: 1.5s;-moz-transition-duration: 1.5s;transition-duration: 1.5s;-webkit-transition-delay: .3s;-moz-transition-delay: .3s;transition-delay: .3s;height: auto;max-width: 531px;display: inline-block;vertical-align: middle}
.map-box .map img {max-width: 100%}
.map-box .map-text {-webkit-transform: translate(50%, 0);-moz-transform: translate(50%, 0);-ms-transform: translate(50%, 0);transform: translate(50%, 0);opacity: 0;-webkit-transition-duration: 1.5s;-moz-transition-duration: 1.5s;transition-duration: 1.5s;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;transition-delay: .5s;width: 230px;margin-left: 80px;display: inline-block;vertical-align: middle;border-left: 1px solid rgba(175, 173, 173, 0.38);}
.map-box .map-text h1 {float: left;position: relative;font-size: 16px;color: #0a9bf4;padding-left:15px;}
.map-box .map-text h1:first-child{border-bottom: 1px solid rgba(175, 173, 173, 0.38);}
.map-box .map-text p {float: left;font-size: 14px;color: #fff;padding-left:15px;}
.map-box .map-text p span {margin-right: 4px}
.map-box .scroll-on {opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}
.scroll-on {opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}




/* 发展历程 */
.history {overflow: hidden;width: 100%;background: #FFF;padding-bottom:50px;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;transition: all .6s ease}
.history-on {background: #f6f6f6}
.hiifram{width: 90%;margin:0 auto;}
.hiifram .about-title2 {text-align: center;}
.hiifram .about-title2 h1{font-size: 32px;}
.hiifram .about-title2 p{padding-bottom: 12px;background: url(../images/index/icon-14.png) no-repeat center bottom;text-transform: uppercase;}
.swiper-history.scroll-on{opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);margin-top:30px;}
.swiper-history {margin-top:-100px;position: relative;width: 100%;color: #666;line-height: 24px;font-size: 15px;opacity: 0;-webkit-transform: translate(0, 50%);-moz-transform: translate(0, 50%);-ms-transform: translate(0, 50%);transform: translate(0, 50%);-webkit-transition-duration: 1.5s;-moz-transition-duration: 1.5s;transition-duration: 1.5s;-webkit-transition-delay: .3s;-moz-transition-delay: .3s;transition-delay: .3s}
.swiper-history .swiper-history-iframe {width: 100%;height: 100%;overflow: hidden}
.swiper-history .swiper-history-prev {z-index: 100;cursor: pointer;position: absolute;left: -54px;top: 50%;-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);width: 35px;height: 65px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;background: url(../images/index/history-left.png);background-size: 100%}
.swiper-history .swiper-history-prev:hover {background-image: url(../images/index/history-left-on.png)}
.swiper-history .swiper-button-disabled {opacity: .5}
.swiper-history .swiper-history-next {z-index: 100;cursor: pointer;position: absolute;right: -54px;top: 50%;-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);width: 35px;height: 65px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;background: url(../images/index/history-right.png);background-size: 100%}
.swiper-history .swiper-history-next:hover {background-image: url(../images/index/history-right-on.png)}
.swiper-history .swiper-slide {position: relative;height: 250px;background-color: #f6f6f6;overflow: hidden}
.swiper-history .swiper-slide .year {margin-top: 231px;position: relative;text-align: center;font-family: 'Arial';font-weight: bold;font-size: 30px}
.swiper-history .swiper-slide .year:after {position: absolute;left: 50%;-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);content: "";width: 20px;height: 20px;border-radius: 100%;background: #000}
.swiper-history .swiper-slide .p {height: 96px;overflow: hidden;width: 100%;padding-left: 5px;padding-right: 5px;-moz-box-sizing: border-box;box-sizing: border-box;position: relative}
.swiper-history .swiper-slide .line {width: 100%;border-bottom: 1px dashed #CCC}
.swiper-history .swiper-slide:nth-child(2n) .year {padding-top: 40px;margin-top: 120px;border-top: 1px dashed #CCC}
.swiper-history .swiper-slide:nth-child(2n) .year:after {top: -10px}
.swiper-history .swiper-slide:nth-child(2n) .p {position: absolute;top: 0}
.swiper-history .swiper-slide:nth-child(2n) .p p {position: absolute;bottom: 0}
.swiper-history .swiper-slide:nth-child(2n+1) .year {padding-bottom: 40px;border-bottom: 1px dashed #CCC;margin-top: 56px}
.swiper-history .swiper-slide:nth-child(2n+1) .year:after {top: 55px}
.swiper-history .swiper-slide:nth-child(2n+1) .p {padding-top: 35px;height: 131px}
.swiper-history .swiper-slide .year {color: #5991d1}
.swiper-history .swiper-slide .year:after {background: #CCC}





/* 画册 */
.albumContent{width: 100%;overflow: hidden;}
.albumCont{width: 100%;overflow: hidden;}
.albumList{width: 33.33%;float: left;position: relative;}
.albumList img{width:100%;} 
.albumContent .text-more{width: 90%;margin:0 auto;}
.albumContent .text-more .text1-more{margin-top: 35px;}

.pTop-title h3{font-size: 32px;padding-top: 38px;}
.pTop-title .title{margin-top: 5px;margin-bottom: 10px;text-transform: uppercase;}
/* 合作伙伴 */
.about-friend .friendly_link {opacity: 0;position: relative;-webkit-transform: translate(0, -10%);-moz-transform: translate(0, -10%);-ms-transform: translate(0, -10%);transform: translate(0, -10%);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease}
.about-friend .scroll-on {opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}

.partnerList{width: 22.7%;}
.partnerList img{width: 100%;}

/* 切换更多 */
.about-text1-on{height: auto;}

.factoryList{max-height: 1282px;overflow: hidden;}
.factoryList.about-text1-on{max-height: unset;}

.partnerCont{max-height: 440px;overflow: hidden;}
.partnerCont.about-text1-on{max-height: unset;}


.albumCont{max-height: 920px;overflow: hidden;}
.albumCont.about-text1-on{max-height: unset;}



@media screen and (max-width: 1366px){

    .factoryList{max-height: 921px;overflow: hidden;}
    
    .partnerCont{max-height: 440px;overflow: hidden;}

    .albumCont{max-height: 659px;overflow: hidden;}

}


/*手机*/
@media screen and (max-width: 767px){
    .banner{margin-top: 45px;}
    .aboutContent{width: 98%;}
    .about-title{margin-top: 20px;}
    .about-title p{font-size: 18px;}
    .about-text1{margin-top: 20px;padding:0 20px;line-height: 27px;}
    .text1-more{margin-top: 30px}
    
    .about-culture{padding-top: 10px;padding-bottom: 20px;}
    .about-title2 h1{font-size: 18px;line-height: 25px;}
    .about-title2 p{font-size: 12px;}
    .about-culture .culture{margin: 0 auto;display: block;padding:20px 0;}
    .about-culture .culture .cultureList{width: 50%;}
    .cultureList .culture-img img{width: 37%;}
    .cultureList h3{font-size: 16px;line-height: 27px;margin-top:0}
    .cultureList p{font-size: 12px;}

    .about-honor{padding-top: 20px;display: none;}
    .about-honor .title h3{font-size: 18px;line-height: 25px;}
    .about-honor .title p{font-size: 12px;}
    .text-more{height: 60px;}
    .honor{width: 100%;}
    .hiifram .about-title2 h1{font-size: 18px;}
    .about-title2{padding-top: 20px;}
    .hiifram{width: auto;max-width: 1200px;}
    .swiper-history {margin-top: 0px;padding: 20px;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 12px;}
    .swiper-history {max-width: 860px;margin: 0 auto;margin-top: 0;}
    .swiper-history.scroll-on{margin-top: 0;}
    .swiper-history .swiper-history-prev, .swiper-history .swiper-history-next {width: 25px;height: 45px;margin-top: 5px;top:46%;}
    .history{padding-bottom: 0;}
    .swiper-history .swiper-history-prev {left: 5px;}
    .swiper-history .swiper-history-next {right: 5px;}
    .about-nav{display: none;}

    /* 切换更多 */
    .factoryList{max-height: 279px;overflow: hidden;}
    .partnerCont{max-height: 224px;overflow: hidden;}
    .albumCont{max-height: 299px;overflow: hidden;}

}
@media screen and (max-width: 375px){
    .factoryList{max-height: 253px;overflow: hidden;}
    .partnerCont{max-height: 283px;overflow: hidden;}
    .albumCont{max-height: 271px;overflow: hidden;}

}