@charset "UTF-8";
@keyframes trans0 { 100% { transform: translate(0, 0); opacity: 1; } }
.trans0 { animation: trans0 2s forwards; }

.trans01{ animation: trans0 .4s forwards; }

.phone-h3 { margin-top: 30px; text-align: center; font-size: 20px; font-weight: bold; letter-spacing: 1px; display: none; }

#fullpage .section { overflow: hidden; }

.head-top { height: 48px; background: #da7c14; }
.head-top .wide { height: 100%; display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; align-items: center; -webkit-align-items: center; font-size: 14px; color: #fff; }
.head-top .bdshare-button-style0-16 a { margin-right: 15px; padding-top: 18px; width: 23px; }
.head-top .bdshare-button-style0-16 a:last-child { margin-right: 0; }
.head-top .bdshare-button-style0-16 .bds_weixin { background: url(../images/icon/weixin.png) no-repeat center; }
.head-top .bdshare-button-style0-16 .bds_tsina { background: url(../images/icon/weibo.png) no-repeat center; }
.head-top .bdshare-button-style0-16 .bds_sqq { background: url(../images/icon/qq.png) no-repeat left center; }
.head-top .line { margin: 0 24px 0 20px; width: 2px; height: 100%; background: #f79e3b; border-left: 1px solid #ad5d05; }
.head-top .tel { padding-left: 22px; background: url(../images/icon/h_tel.png) no-repeat left center; color: #fff; }
.head-top .email { padding-left: 28px; background: url(../images/icon/h_email.png) no-repeat left center; color: #fff; }

#fp-nav ul li { margin: 20px; }

#fp-nav ul li a span { width: 9px; height: 9px; background: #da7c14; border: none; }

#fp-nav ul li a.active span { background: #da7c14; }
#fp-nav ul li a.active span::after { content: ""; display: block; box-sizing: border-box; position: absolute; top: -3px; left: -3px; width: 15px; height: 15px; border: 1px solid #da7c14; border-radius: 50%; }


.logo-nav { position: fixed; top: 48px; left: 0; width: 100%; height: 80px; background: rgba(255, 255, 255, 0.8); box-shadow: 0 0 10px #ccc; transition: all .5s; z-index: 99; }
.logo-nav .logo { margin-top: 17px; transition: all .5s; }
.logo-nav .logo a { height: 52px; transition: all .5s; }
.logo-nav nav { margin-top: 31px; }
.logo-nav nav ul.nav-ul { display: flex; display: -webkit-flex; }
.logo-nav nav ul.nav-ul > li { position: relative; margin-left: 50px; padding-bottom: 14px; cursor: pointer; }
.logo-nav nav ul.nav-ul > li:hover::after, .logo-nav nav ul.nav-ul > li.on::after { transform: scaleX(1); }
.logo-nav nav ul.nav-ul > li::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #da7c14; transition: all .4s; transform: scaleX(0); }
.logo-nav nav ul.nav-ul a { font-size: 15px; color: #272727; }
.logo-nav nav .icon-arr { position: relative; width: 30px; display: none; cursor: pointer; }
.logo-nav nav .icon-arr::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -4px; width: 8px; height: 8px; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(-45deg); transition: all .5s; }
.logo-nav nav ul.sub-ul { position: absolute; top: 32px; padding-top: 17px; width: 150px; visibility: hidden; transition: all .5s; transform: translate(0, 30px); opacity: 0; z-index: 6; }
.logo-nav nav ul.sub-ul li { line-height: 36px; background: rgba(245, 245, 245, 0.8); }
.logo-nav nav ul.sub-ul li:first-child { padding-top: 12px; }
.logo-nav nav ul.sub-ul li:last-child { padding-bottom: 12px; }
.logo-nav nav ul.sub-ul a { padding-left: 15px; font-size: 14px; color: #808080; transition: all .5s; }
.logo-nav nav ul.sub-ul a:hover { color: #272727; transform: translate(5px, 0); }
.logo-nav .search-language { margin-top: 27px; }
.logo-nav .search-language form { position: relative; width: 26px; height: 30px; }
.logo-nav .search-language form ::-webkit-input-placeholder { color: #8e8e8e; }
.logo-nav .search-language form input[type="text"] { position: absolute; right: 0; top: 0; padding: 0 30px 0 12px; height: 100%; width: 180px; border: 1px solid #dcdcdc; border-radius: 30px; background: #fff; transition: all .5s; transform: scaleX(0); transform-origin: right center; }
.logo-nav .search-language form .search-btn { position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: url(../images/icon/h_search.png) no-repeat right 8px center; }
.logo-nav .search-language .language { line-height: 30px; }

.scroll-nav{
    height: 80px;
}
.scroll-nav .logo{
    margin-top: 8px;
}
.scroll-nav .logo a{
    height: 60px;
}
.scroll-nav nav{
    margin-top: 31px;
}
.scroll-nav .search-language{
    margin-top: 27px;
}


/* 移动端按钮 */
.menu-btn { position: relative; margin: auto 0; width: 30px; height: 30px; display: none; cursor: pointer; }

.menu-btn span { position: absolute; top: 14px; left: 0; right: 0; display: block; margin: 0 auto; margin-bottom: 6px; width: 24px; height: 2px; background: #666; transition: all .5s; }

.menu-btn span:first-child { top: 6px; }

.menu-btn span:last-child { top: 22px; }

.close-btn span { opacity: 0; }

.close-btn span:first-child { top: 14px; transform: rotate(45deg); opacity: 1; }

.close-btn span:last-child { top: 14px; transform: rotate(-45deg); opacity: 1; }

.public-footer { height: 56px; background: #fff; border-top: 1px solid #e6e6e6; }
.public-footer .wide { height: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }
.public-footer .wide .footer-img { max-height: 100%; }
.public-footer .wide .footer-img img { vertical-align: middle; }

.change-menu { height: 100%; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; cursor: pointer; display: none; }

.sub-menu-btn { position: relative; width: 35px; height: 24px; }
.sub-menu-btn span { position: absolute; left: 0; width: 100%; height: 4px; background-color: #da7c14; border-radius: 4px; opacity: .8; transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4); }
.sub-menu-btn span:first-child { transform: rotate(45deg) scaleX(0.7); top: 10px; left: -8px; }
.sub-menu-btn span:nth-child(2) { transform: scale(0); }
.sub-menu-btn span:last-child { transform: rotate(-45deg) scaleX(0.7); top: 10px; left: 7px; }
.sub-menu-btn.open span:nth-child(2) { top: 10px; transform: scale(1); }
.sub-menu-btn.open span:first-child { transform: rotate(0) scaleX(1); top: 0; left: 0; }
.sub-menu-btn.open span:last-child { transform: rotate(0) scaleX(1); left: 0; top: 20px; }

/* ******************************************************* */

@keyframes scrollTip{
    0% {
        transform: scale(1, 0);
        transform-origin: top;
    }
    
    49% {
        transform: scale(1, 1);
        transform-origin: top;
    }
    51% {
        transform: scale(1, 1);
        transform-origin: bottom;
    }
    100% {
        transform: scale(1, 0);
        transform-origin: bottom;
    }
}

.index-banner { position: relative; flex: 1; -webkit-flex: 1; }
.index-banner .swiper-container { width: 100%; height: 100%; }
.index-banner .swiper-slide a { width: 100%; height: 100%; overflow: hidden; }
.index-banner .swiper-slide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; max-width: none; max-height: none; }
.index-banner .scroll-text { position: absolute; bottom: 15px; left: 50%; transform: translate(-50%, 0); z-index: 4; }
.index-banner .scroll-text p { font-family: Arial; color: #fff;  }
.index-banner .scroll-text .line { margin: 0 auto; margin-top: 12px; height: 27px; width: 1px; background: #fff; 
    animation-name: scrollTip;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.82, 0.24, 0.25, 1); }
.index-banner .swiper-pagination { width: 46px; bottom: 0; top: 0; right: 80px; left: auto; margin: auto 0; display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-content: center; -webkit-align-content: center; }
.index-banner .swiper-pagination-bullet { width: 35px; height: 8px; border-radius: 4px; opacity: .6; background: #fff; transition: all .4s; }
.index-banner .swiper-pagination-bullet-active { width: 46px; opacity: 1; transition: all .4s; }
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; }

.sec1 .fp-tableCell { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; }

.sec2 { position: relative; }

.go-sec1 { position: fixed; bottom: 25%; right: 30px; opacity: 0; transform: translate(0, 60px); transition: all 1s; z-index: 10; }
.go-sec1 a { width: 47px; height: 47px; }

.index-title { text-align: center;  }
.index-title h2 { font-size: 36px; font-weight: bold; color: #3a3a3a;transform: translate(0, -50px); opacity: 0; transition: all 1.5s; }
.index-title h2::after { content: ""; display: block; margin: 12px auto; width: 44px; height: 3px; background-color: #da7c14; }
.index-title p { font-size: 16px; color: #919191;transform: translate(0, 80px); opacity: 0; transition: all 1.5s; }

.active .index-title h2,.active .index-title p{
    transform: translate(0, 0); opacity: 1; transition-delay: .6s;
}

.index-sec2{
    margin-top: 40px;
}

.index-sec2 .index-sec2-tab { margin-top: 3%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; transform: translate(100%, 0); opacity: 0; transition: all 1.5s; transition-delay: .6s; }
.active .index-sec2 .index-sec2-tab{
    transform: translate(0, 0);
    opacity: 1;
}

.index-sec2 .index-sec2-tab .index-sec2-li { position: relative; margin-left: 70px; font-size: 15px; color: #3a3a3a; cursor: pointer; }
.index-sec2 .index-sec2-tab .index-sec2-li:first-child { margin-left: 0; }
.index-sec2 .index-sec2-tab .index-sec2-li:first-child::before { display: none; }
.index-sec2 .index-sec2-tab .index-sec2-li::before { content: ""; display: block; position: absolute; top: 2px; left: -34px; width: 2px; height: 16px; background: #818181; }
.index-sec2 .index-sec2-tab .index-sec2-li::after { content: ""; display: block; margin-top: 6px; height: 2px; background: #da7c14; transition: all .5s; transform: scaleX(0); transform-origin: left center; }
.index-sec2 .index-sec2-tab .index-sec2-li:hover, .index-sec2 .index-sec2-tab .index-sec2-li.on { color: #da7c14; }
.index-sec2 .index-sec2-tab .index-sec2-li:hover::after, .index-sec2 .index-sec2-tab .index-sec2-li.on::after { transform: scaleX(1); }

.index2-con { margin-top: 4%; }
.index2-con .swiper-wrapper { font-size: 0; }
.index2-con .swiper-slide { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.index2-con .swiper-slide .index2-text { flex: 1; margin-right: 30px; transform: translate(0, 100%); opacity: 0; transition: all 1.5s; transition-delay: .6s; }
.active .index2-con .swiper-slide .index2-text{
    transform: translate(0, 0);
    opacity: 1;
}
.active .index2-con .swiper-slide .index2-img{
    transform: translate(0, 0);
    opacity: 1;
}

.index2-con .swiper-slide .index2-text h3 { margin-bottom: 8px; font-size: 26px; color: #da7c14; }
.index2-con .swiper-slide .index2-text a { margin-top: 30px; width: 136px; height: 38px; line-height: 38px; background-color: #ffffff; border-radius: 38px; border: solid 1px #da7c14; text-align: center; font-size: 14px; color: #da7c14; }
.index2-con .swiper-slide .index2-text a:hover { background: #da7c14; color: #fff; }
.index2-con .swiper-slide .index2-text a:hover .icon-arr { background-position: -6px; }
.index2-con .swiper-slide .index2-text .icon-arr { margin-left: 5px; width: 6px; height: 10px; background: url(../images/icon/arr03.png) no-repeat; transition: all .5s; }
.index2-con .swiper-slide .index2-text p.ellipselist { max-height: 210px; line-height: 30px; color: #3a3a3a; font-size: 14px; -webkit-line-clamp: 7; overflow: hidden; }
.index2-con .swiper-slide .index2-img { position: relative; width: 585px; height: 354px;
    transform: translate(0, -100%); opacity: 0; transition: all 1.5s; transition-delay: .6s;
 }

.scroll-num { margin-top: 5%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; }
.scroll-num .scroll-num-li { position: relative; text-align: center; margin-right: 135px; }
.scroll-num .scroll-num-li:last-child { margin-right: 0; }
.scroll-num .scroll-num-li:last-child::after { display: none; }
.scroll-num .scroll-num-li::after { content: ""; display: block; position: absolute; bottom: 0; right: -67px; width: 1px; height: 90px; background-color: #e2e2e2; }
.scroll-num .scroll-num-li span { font-size: 18px; letter-spacing: 1px; color: #191919; }
.scroll-num .scroll-num-li .num { font-family: Swis721 BlkCn BT; font-size: 72px; letter-spacing: 2px; color: #da7c14; }
.scroll-num .scroll-num-li p { font-size: 16px; color: #191919; }

.sec3 { background: url(../images/index/bg02.jpg) no-repeat center; background-size: cover; }

.index-sec3{ margin-top: 40px; }
.index3-ul { margin-top: 30px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; transform: translate(0, 60px); opacity: 0; transition: all 1s; transition-delay: .6s; }
.active .index3-ul{
    transform: translate(0, 0);
    opacity: 1;
}
.index3-ul .index3-li { margin-right: 12px; width: 118px; height: 35px; line-height: 35px; font-size: 15px; color: #3a3a3a; text-align: center; cursor: pointer; background: #fff; }
.index3-ul .index3-li:last-child { margin-right: 0; }
.index3-ul .index3-li:hover, .index3-ul .index3-li.on { color: #fff; background: #da7c14; }

.sec3-box { margin-top: 30px; }
.sec3-box .index3-hide .index3-ul2 { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.sec3-box .index3-hide .index3-li2 { margin-right: 2.1%; margin-bottom: 2%; width: 31.9%; opacity: 0; transition: all 1.5s; transition-delay: .6s; }
.sec3-box .index3-hide .index3-li2:nth-child(1),.sec3-box .index3-hide .index3-li2:nth-child(2),.sec3-box .index3-hide .index3-li2:nth-child(3){
    transform: translate(0, 100%);
}
.sec3-box .index3-hide .index3-li2:nth-child(4),.sec3-box .index3-hide .index3-li2:nth-child(5),.sec3-box .index3-hide .index3-li2:nth-child(6){
    transform: translate(0, -100%);
}
.active .sec3-box .index3-hide .index3-li2{
    transform: translate(0, 0);
    opacity: 1;
}

.sec3-box .index3-hide .index3-li2:nth-child(3n) { margin-right: 0; }
.sec3-box .index3-hide .index3-li2 a { display: block; }
.sec3-box .index3-hide .index3-li2:hover .text { transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }
.sec3-box .index3-hide .index3-li2:hover .text .line::before, .sec3-box .index3-hide .index3-li2:hover .text .line::after { opacity: 1; transform: translate(0, 0); }
.sec3-box .index3-hide .index3-li2:hover .img-wrapper::before{
    width: 100%;
}
.sec3-box .index3-hide .index3-li2:hover .img-wrapper::after{
    height: 100%;
}
.sec3-box .index3-hide .img-wrapper { padding-top: 78.8%; background: #fff; }
/*.sec3-box .index3-hide .text { position: absolute; top: 0; left: 0; padding: 0 70px; width: 100%; height: 100%; background: rgba(218, 124, 20, 0.3); color: #fff; text-align: center; transform: skewX(45deg); opacity: 0; visibility: hidden; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; overflow: hidden; transition: all .5s; }*/
.sec3-box .index3-hide .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    transition: all .5s;
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}


/*.sec3-box .index3-hide .img-wrapper::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-top: 2px solid #da7c14;
    border-bottom: 2px solid #da7c14;
    transition: all .5s;
    box-sizing: border-box;
    z-index: 1;
}
.sec3-box .index3-hide .img-wrapper::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-left: 2px solid #da7c14;
    border-right: 2px solid #da7c14;
    transition: all .5s;
    box-sizing: border-box;
    z-index: 1;
}*/

.sec3-box .index3-hide .text h4 { margin-bottom: 10px; font-size: 20px; font-weight: bold; }
.sec3-box .index3-hide .text p { line-height: 24px; color: #fefefe; -webkit-line-clamp: 2; }
.sec3-box .index3-hide .text .line { position: relative; margin: 0 auto; margin-top: 24px; width: 32px; height: 32px; }
.sec3-box .index3-hide .text .line::before, .sec3-box .index3-hide .text .line::after { content: ""; display: block; position: absolute; background: #fff; transition: all .5s; opacity: 0; transition-delay: .4s; }
.sec3-box .index3-hide .text .line::before { width: 100%; height: 1px; top: 50%; transform: translate(-60px, 0); }
.sec3-box .index3-hide .text .line::after { width: 1px; height: 100%; left: 50%; transform: translate(0, 60px); }

#fp-nav ul li:hover .fp-tooltip { width: 80px !important; transform: translate(0, 0); }
#fp-nav ul li .active ~ .fp-tooltip { width: 80px !important; opacity: 1; transform: translate(0, 0); }
#fp-nav ul li .fp-tooltip { top: -8px; text-align: center; border-radius: 30px; line-height: 30px; background: #da7c14; width: 80px !important; transition: all .5s !important; transform: translate(-10px, 0); }

.index-sec4{ margin-top: 40px; }
.index4-content { margin-top: 30px; padding: 0 70px; height: 150px; border: dashed 1px #bfbfbf; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-content: center; -webkit-align-content: center; overflow: hidden; transform: scaleX(0); transition: all 1.5s; }
.active .index4-content{
    transform: scaleX(1);
}

.index4-content p { width: 100%; line-height: 24px; color: #3a3a3a; text-indent: 2em; text-align: justify; }

.index4-ul1 { margin-top: 30px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.index4-ul1 .index4-li1 { width: 32%; transition: all 1s;opacity: 0; transition-delay: .6s; }
.index4-ul1 .index4-li1:first-child{
    transform: translate(-100%, 0);
}
.index4-ul1 .index4-li1:nth-child(2){
    transform: scale(0);
}
.index4-ul1 .index4-li1:last-child{
    transform: translate(100%, 0);
}

.active .index4-ul1 .index4-li1{
    transform: translate(0, 0);
    opacity: 1;
}
.active .index4-ul1 .index4-li1{
    transform: scale(1);
}


.index4-ul1 .index4-li1 a { display: block; }
.index4-ul1 .index4-li1:hover .img-wrapper { box-shadow: 0 0 18px rgba(29, 43, 62, 0.6) inset; }
.index4-ul1 .index4-li1:hover .img-wrapper .text { transform: translate(0, 100%); }
.index4-ul1 .index4-li1:hover .img-wrapper img { transform: scale(0.95); }
.index4-ul1 .index4-li1 .img-wrapper { padding-top: 79.4%; transition: all .5s; }
.index4-ul1 .index4-li1 .img-wrapper .text { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(29, 43, 62, 0.5); text-align: center; font-size: 16px; line-height: 46px; color: #ffffff; transition: all .5s; }

.index4-swiper { margin-top: 30px; position: relative; padding: 0 40px; transform: translate(0, 60px);opacity: 0; transition: all 1.5s; transition-delay: .6s; }
.active .index4-swiper{
    transform: translate(0, 0);
    opacity: 1;
}

.index4-swiper .swiper-slide a { display: block; }
.index4-swiper .swiper-slide a:hover .img-wrapper img { transform: scale(1.2); }
.index4-swiper .swiper-slide .img-wrapper { padding-top: 79.5%; }
.index4-swiper .swiper-slide .img-wrapper img { transition: all 3s; }
.index4-swiper .swiper-slide p { margin-top: 8px; text-align: center; color: #2e2e2e; }
.index4-swiper .swiper-button-prev, .index4-swiper .swiper-button-next { width: 30px; height: 48px; }
.index4-swiper .swiper-button-prev { left: 0; background: #da7c14 url(../images/icon/arr01.png) no-repeat center; }
.index4-swiper .swiper-button-next { right: 0; background: #da7c14 url(../images/icon/arr02.png) no-repeat center; }

.sec5 { background: #eff6fc url(../images/index/bg01.png) no-repeat bottom center; position: relative;background-size: 102.1% 81.8%; transition: all 5s;}

.sec5.active{
    background-size: 92.1% 71.8%;
}

#footer-text { height: 56px !important;}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { width: 9px; height: 9px; margin: 0; }

#fp-nav ul li a span, .fp-slidesNav ul li a span { margin: 0; }

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { margin: 0; width: 9px; height: 9px; }

#fp-nav ul li, .fp-slidesNav ul li { width: 15px; height: 15px; }

#fp-nav ul li a span, .fp-slidesNav ul li a span { transform: translate(-50%, -50%); }

.sec5 .fp-tableCell { vertical-align: baseline; }

.index5-con { margin-top: 70px; }


.index5-swiper { margin-top: 40px; transform: translate(0, 100px); opacity: 0; transition: all 1.5s; }
.index5-swiper .hide-ul, .index5-swiper .show-ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.index5-swiper .hide-ul .img-wrapper, .index5-swiper .show-ul .img-wrapper { margin-right: 1%; margin-bottom: 2%; padding-top: 5.8%; width: 11.6%;  }
.index5-swiper .hide-ul .img-wrapper:nth-child(8n), .index5-swiper .show-ul .img-wrapper:nth-child(8n) { margin-right: 0; }
.active .index5-swiper { transform: translate(0, 0); opacity: 1; transition-delay: .7s; }

.load-more { margin-top: 20px; line-height: 30px; text-align: center; cursor: pointer; display: none; }
.load-more a { display: block; background: #da7c14; border-radius: 30px; color: #fff; }
.load-more a:hover { background: #fff; color: #da7c14; border: 1px solid #da7c14; }

.bread-nav { height: 50px; border-bottom: 1px solid #e6e6e6; }
.bread-nav .wide { height: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }
.bread-nav .wide .title { font-size: 16px; color: #da7c14; }
.bread-nav .wide dl { height: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.bread-nav .wide dl .icon-local { margin-right: 5px; width: 12px; height: 15px; background: url(../images/icon/local.png) no-repeat center; }
.bread-nav .wide dl a { color: #383838; }

.service-main { margin-top: 34px; margin-bottom: 90px; }
.service-main .service-li .service-line { background: #ab5c05; }
.service-main .service-li:nth-child(2) .service-line { background: #ba6404; }
.service-main .service-li:nth-child(3) .service-line { background: #c46d0c; }
.service-main .service-li:nth-child(4) .service-line { background: #ce7512; }
.service-main .service-li:nth-child(5) .service-line { background: #da7c14; }
.service-main .service-li:nth-child(6) .service-line { background: #e3851d; }
.service-main .service-li:nth-child(7) .service-line { background: #ed8f27; }
.service-main .service-li:nth-child(8) .service-line { background: #f79b35; }
.service-main .service-li:nth-child(9) .service-line { background: #ffa949; }

.service-line { position: relative; padding: 0 50px 0 30px; height: 52px; line-height: 52px; cursor: pointer; }
.service-line p.ellipse { font-size: 18px; color: #fff; }
.service-li.on .service-line .line span:first-child { transform: rotate(0); }
.service-li.on .service-line .line span:last-child { transform: translate(100%, 0); opacity: 0; }
.service-line .line { position: absolute; top: 0; right: 30px; height: 100%; width: 17px; }
.service-line .line span { position: absolute; top: 0; bottom: 0; margin: auto 0; display: block; width: 17px; height: 2px; background-color: #fff; transition: 0.5s cubic-bezier(0.8, 0.5, 0.2, 1.4); }
.service-line .line span:first-child { transform: rotate(90deg); }

.hide-con { padding-top: 20px; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.hide-con .left { width: 220px; }
.hide-con .left .num { float: left; padding-right: 7px; border-right: 1px solid #544c48; font-size: 60px; font-family: Arial, Helvetica, sans-serif; line-height: 48px; color: #3d3d3d; }
.hide-con .left .hide-title { margin-left: 90px; height: 60px; font-size: 24px; line-height: 26px; color: #3d3d3d; }
.hide-con .left p { margin-top: 20px; line-height: 26px; color: #3d3d3d; }
.hide-con .right { margin-left: 90px; flex: 1; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; }
.hide-con .right .hide-right-li { margin-bottom: 50px; width: 31%; border-top: 5px solid #da7c14; }
.hide-con .right .hide-right-li .img-wrapper { padding-top: 63.1%; }
.hide-con .right .hide-right-li .text { margin-top: 12px; line-height: 26px; color: #3d3d3d; }

/* 关于超卓 */
.second-nav { position: relative; height: 80px; background: #f7f7f7; line-height: 80px; border-bottom: 1px solid #e6e6e6; }
.second-nav .wide { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; }
.second-nav .wide li:hover, .second-nav .wide li.on { background: #da7c14; }
.second-nav .wide li:hover a, .second-nav .wide li.on a { color: #fff; }
.second-nav a { padding: 0 20px; color: #343434; }

.anchor-nav { 
    position:fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .9);
    width:100%;
    z-index: 8;
    padding-top: 25px; 
    padding-bottom: 25px;
    transform: translate(0, -100%); 
    transition: all .5s; 
}
.anchor-nav .wide { display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; }
.anchor-nav .wide .anchor-btn { position: relative; cursor: pointer; }
.anchor-nav .wide .anchor-btn:hover, .anchor-nav .wide .anchor-btn.on { color: #da7c14; }
.anchor-nav .wide .anchor-btn:hover::after, .anchor-nav .wide .anchor-btn.on::after { transform: translate(0, 0); opacity: 1; }
.anchor-nav .wide .anchor-btn::after { content: ""; display: block; position: absolute; left: 50%; bottom: -15px; margin-left: -4px; width: 8px; height: 9px; background: url(../images/icon/arr_btm01.png); transition: all .5s; transform: translate(0, -5px); opacity: 0; }

.pull-btn { position: absolute; top: 50%; left: -30px; margin-top: -15px; width: 30px; height: 30px; background: #fff; box-shadow: 0 0 10px #aaa; border-radius: 30px 0 0 30px; overflow: hidden; display: none; }
.pull-btn .icon-arr { width: 100%; height: 100%; background: url(../images/icon/arr_btm01.png) no-repeat center; transition: all .5s; transform: rotate(90deg); }

.about-title { text-align: center; }
.about-title h3 { font-size: 24px; color: #373737; }
.about-title p { position: relative; margin-top: 4px; font-family: Arial, Helvetica, sans-serif; color: #737373; }
.about-title p::after { content: ""; display: block; position: absolute; left: 0; right: 0; margin: 0 auto; margin-top: 6px; width: 13px; height: 7px; background: url(../images/icon/arr_btm02.png); }

.factory-con { margin-top: 40px; margin-bottom: 70px; text-align: center; }

.factory-ul li .img-wrapper { padding-top: 70%; }
.factory-ul li p { margin-top: 14px; color: #2c2c2c; }

.about-service-con { padding: 80px 0 100px; }
.about-service-con .about-service-ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; overflow: hidden; }
.about-service-con .about-service-ul li { margin-right: 0.2%; width: 16.5%; background: #222; }
.about-service-con .about-service-ul li:last-child { margin-right: 0; }
.about-service-con .about-service-ul li .img-wrapper { padding-top: 131.4%; }
.about-service-con .about-service-ul li:hover { background: #da7c14; }
.about-service-con .about-service-ul li:hover .text .text-p { transform: translate(0, 0); opacity: 1; }
.about-service-con .about-service-ul li:hover .text .icon { transform: translate(0, 100%); opacity: 0; }
.about-service-con .about-service-ul .text { position: relative; padding: 20px 15px; min-height: 167px; color: #fff; transition: all .5s; }
.about-service-con .about-service-ul .text h4 { font-size: 22px; font-weight: bold; line-height: 30px; text-align: center; letter-spacing: 2px; }
.about-service-con .about-service-ul .text .text-p { margin-top: 20px; font-size: 16px; line-height: 30px; text-align: justify; transition: all .5s; transform: translate(0, 100%); opacity: 0; }
.about-service-con .about-service-ul .text .icon { position: absolute; top: 50px; left: 0; width: 100%; text-align: center; height: 110px; transition: all .3s; }

/* 发展历程 */
@keyframes bounceIn{
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes bounceIn-reverse{
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceScale{
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, 0) scale(0);
        -moz-transform: translate(-50%, 0) scale(0);
        -ms-transform: translate(-50%, 0) scale(0);
        -o-transform: translate(-50%, 0) scale(0);
        transform: translate(-50%, 0) scale(0);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translate(-50%, 0) scale(1.1);
        -moz-transform: translate(-50%, 0) scale(1.1);
        -ms-transform: translate(-50%, 0) scale(1.1);
        -o-transform: translate(-50%, 0) scale(1.1);
        transform: translate(-50%, 0) scale(1.1);
    }
    100% {
        -webkit-transform: translate(-50%, 0) scale(1);
        -moz-transform: translate(-50%, 0) scale(1);
        -ms-transform: translate(-50%, 0) scale(1);
        -o-transform: translate(-50%, 0) scale(1);
        transform: translate(-50%, 0) scale(1);
    }
}
.bounceScale{
    visibility: visible;
    -webkit-animation: bounceScale .6s ;
    -moz-animation: bounceScale .6s ;
    animation: bounceScale .6s ;
}

.history-main { padding-top: 60px; padding-bottom: 100px; overflow: hidden; }
.history-main .history-text { font-size: 16px; line-height: 30px; color: #444444; }
.history-main .history-text p { text-indent: 2em; }

.history-intro { position: relative; padding-top: 50px; padding-bottom: 80px; }
.history-intro .line { position: absolute; top: 50px; left: 50%; margin-left: -1px; width: 2px; height: 100%; background: linear-gradient(top, #d7d7d7 82%, rgba(215, 215, 215, 0) 100%); background: -o-linear-gradient(top, #d7d7d7 82%, rgba(215, 215, 215, 0) 100%); background: -ms-linear-gradient(top, #d7d7d7 82%, rgba(215, 215, 215, 0) 100%); background: -moz-linear-gradient(top, #d7d7d7 82%, rgba(215, 215, 215, 0) 100%); background: -webkit-linear-gradient(top, #d7d7d7 82%, rgba(215, 215, 215, 0) 100%); }

.history-ul .history-li .bounceIn{
    visibility: visible;
    -webkit-animation: bounceIn .6s;
    -moz-animation: bounceIn .6s;
    animation: bounceIn .6s;
}
.history-ul .history-li:nth-child(2n) .bounceIn{
    visibility: visible;
    -webkit-animation: bounceIn-reverse .6s;
    -moz-animation: bounceIn-reverse .6s;
    animation: bounceIn-reverse .6s;
}
.history-ul .history-li { position: relative; margin-top: 40px; display: flex; display: -webkit-flex; }
.history-ul .history-li:nth-child(2n) { justify-content: flex-end; }
.history-ul .history-li:nth-child(2n) .history-box { margin-right: 50px; }
.history-ul .history-li:nth-child(2n) .arr { right: auto; left: -28px; transform: rotate(180deg); }
.history-ul .history-li .history-box { position: relative; margin-left: 50px; padding: 22px 40px; width: 470px; border: solid 1px #da7c14; border-radius: 8px; box-shadow: 0 8px 8px #ccc; }
.history-ul .history-li .history-box p { text-align: center; font-size: 16px; line-height: 30px; }
.history-ul .history-li .history-box .img { margin-top: 18px; max-height: 196px; text-align: center; }
.history-ul .history-li .arr { position: absolute; top: 30px; right: -28px; height: 0; border: 14px solid #da7c14; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 14px solid transparent; }
.history-ul .history-li .arr::after { content: ""; display: block; position: absolute; top: -10px; right: -12px; height: 0; border: 14px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 14px solid transparent; }
.history-ul .history-li .year { position: absolute; left: 50%; top: 4px; width: 72px; height: 72px; line-height: 64px; text-align: center; border-radius: 50%; background: #da7c14; border: 4px solid #facfa0; font-size: 16px; color: #fff; transform: translate(-50%, 0); }

/* 公司文化 */
.culture { padding: 90px 0 80px; }
.culture .culture-text p { line-height: 30px; text-indent: 2em; color: #383838; }

.culture-sec2 { padding: 80px 0 64px; height: 528px; background: url(../images/about/bg01.jpg) no-repeat center; }
.culture-sec2 .about-title h3, .culture-sec2 .about-title p { color: #fff; }

.about-title.fons32 h3 { font-size: 32px; }
.about-title.fons32 p { margin-top: 6px; font-size: 16px; }
.about-title.fons32 p::after { margin-top: 12px; }

.culture-icons { margin-top: 90px; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.culture-icons li { padding: 0 10px; width: 20%; text-align: center; }
.culture-icons li .img { position: relative; height: 96px; text-align: center; }
.culture-icons li .text { margin-top: 14px; }
.culture-icons li .text h4 { margin-bottom: 12px; font-size: 18px; font-weight: bold; line-height: 30px; letter-spacing: 1px; color: #ffffff; }
.culture-icons li .text p { line-height: 24px; color: #ffffff; }

.culture-sec3 { padding: 90px 0; }

.culture-imgs { margin-top: 56px; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.culture-imgs .img-wrapper { padding-top: 16.25%; width: 25%; overflow: visible; }
.culture-imgs .img-wrapper img { padding: 1px; }
.culture-imgs .img-wrapper:nth-child(1) img,.culture-imgs .img-wrapper:nth-child(2) img{
    transform-origin: left top;
}
.culture-imgs .img-wrapper:nth-child(3) img,.culture-imgs .img-wrapper:nth-child(4) img{
    transform-origin: right top;
}
.culture-imgs .img-wrapper:nth-child(5) img,.culture-imgs .img-wrapper:nth-child(6) img{
    transform-origin: left bottom;
}
.culture-imgs .img-wrapper:nth-child(7) img,.culture-imgs .img-wrapper:nth-child(8) img{
    transform-origin: right bottom;
}

.culture-imgs .img-wrapper:hover img{ transform: scale(2); z-index: 1; }


.clients-nav .wide { justify-content: center; -webkit-justify-content: center; }
.clients-nav .wide .anchor-btn { margin-right: 65px; }
.clients-nav .wide .anchor-btn:last-child { margin-right: 0; }

.clients-box:last-child .clients-con .clients-ul { border-bottom: none; }

.clients-con { margin-bottom: 46px; }
.clients-con .clients-ul { padding-bottom: 34px; border-bottom: 1px dashed #a4a4a4; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; }
.clients-con .clients-ul .img-wrapper { margin-bottom: 1.7%; margin-right: 1.7%; padding-top: 7.5%; width: 15.1%; border: solid 1px #e4e4e4; }
.clients-con .clients-ul .img-wrapper:nth-child(6n) { margin-right: 0; }
.clients-con .clients-ul .img-wrapper:last-child { margin-right: 0; }

.honor { padding: 70px 0 50px; }

.honor-hide-ul, .honor-ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.honor-hide-ul .honor-li, .honor-ul .honor-li { margin-bottom: 60px; margin-right: 2%; padding: 12px; width: 23.5%; background: #ececec; cursor: pointer; }
.honor-hide-ul .honor-li:nth-child(4n), .honor-ul .honor-li:nth-child(4n) { margin-right: 0; }
.honor-hide-ul .honor-li:hover .filter-box, .honor-ul .honor-li:hover .filter-box { transform: scale(1); }
/*.honor-hide-ul .honor-li:hover .filter-box span, .honor-ul .honor-li:hover .filter-box span { left: 50%; opacity: 1; }
.honor-hide-ul .honor-li:hover .filter-box span:last-child, .honor-ul .honor-li:hover .filter-box span:last-child { top: 50%; }*/
/*.honor-hide-ul .honor-li .img-wrapper img, .honor-ul .honor-li .img-wrapper img{ transition: all .5s; }
.honor-hide-ul .honor-li:hover .img-wrapper img, .honor-ul .honor-li:hover .img-wrapper img { transform: scale(1.1); }*/
.honor-hide-ul .honor-li .img-wrapper, .honor-ul .honor-li .img-wrapper { padding-top: 69.2%; background: #fff; }
.honor-hide-ul .honor-li .filter-box, .honor-ul .honor-li .filter-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); transition: all .5s; transform: scale(0); }
.honor-hide-ul .honor-li .img-wrapper .img-flex{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
/*.honor-hide-ul .honor-li .filter-box span, .honor-ul .honor-li .filter-box span { position: absolute; top: 50%; left: 0; background: #fff; transition: 0.5s cubic-bezier(0.8, 0.5, 0.2, 1.4); width: 30px; height: 1px; transform: translate(-50%, -50%); transition-delay: .4s; opacity: 0; }
.honor-hide-ul .honor-li .filter-box span:last-child, .honor-ul .honor-li .filter-box span:last-child { left: 50%; top: 0; width: 1px; height: 30px; transform: translate(-50%, -50%); }*/
.honor-hide-ul .honor-li p, .honor-ul .honor-li p { margin-top: 12px; text-align: center; color: #343434; }

.pop-con { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 8; display: none; }
.pop-con .pop-img { position: absolute; top: 200px; left: 50%; transform: translate(-50%, 0); padding: 25px; width: 690px; background: #ececec; }
.pop-con .pop-img .img-wrapper { padding-top: 69%; }
.pop-con .pop-img .text { margin-top: 16px; text-align: center; font-size: 18px; color: #343434; }
.pop-con .pop-img .btn-close { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; border-radius: 50%; background: #fff url(../images/icon/close.png) no-repeat center; cursor: pointer; }

.job-sec1 { padding: 50px 0 60px; }
.job-sec1 .wide { display: flex; display: -webkit-flex; }
.job-sec1 .wide .img { width: 525px; height: 280px; }

.job1-con { margin-left: 10px; flex: 1; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.job1-con .job1-left { width: 40.6%; }
.job1-con .job1-left a { display: flex; display: -webkit-flex; align-content: center; -webkit-align-content: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; height: 135px; text-align: center; font-size: 16px; color: #fff; }
.job1-con .job1-left a p { margin-top: 10px; width: 100%; }
.job1-con .job1-left .job1-left-top { margin-bottom: 10px; background: #da7c14; }
.job1-con .job1-left .job1-left-btm { background: #696971; }
.job1-con .job1-right { padding: 0 6px; width: 57.9%; background: #fb8a1d; }
.job1-con .job1-right h4 { margin: 26px 0 22px; font-size: 20px; text-align: center; color: #ffffff; }
.job1-con .job1-right .line { height: 2px; background: #ea7300; border-bottom: 1px solid #fba756; }
.job1-con .job1-right .address-intro { margin-top: 20px; }
.job1-con .job1-right .address-intro p { margin-bottom: 10px; padding-left: 40px; line-height: 24px; color: #ffffff; }
.job1-con .job1-right .address-intro p:first-child { line-height: 40px; font-size: 18px; background: url(../images/contact/i1.png) no-repeat left center; }
.job1-con .job1-right .address-intro p:nth-child(2) { background: url(../images/contact/i2.png) no-repeat left 10px top 2px; }
.job1-con .job1-right .address-intro p:last-child { margin-bottom: 0; background: url(../images/contact/i3.png) no-repeat left 13px top 2px; }

.job-sec2 { padding-bottom: 95px; }

.job2-ul .table-head { height: 60px; background: #da7c14; color: #fff; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.job2-ul .table-head span { padding: 0 6px; flex: 1; text-align: center; }
.job2-ul .job2-li { color: #363636; }
.job2-ul .job2-li:nth-of-type(2n+1) { background: #f3f3f3; }
.job2-ul .job2-first { position: relative; height: 60px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; cursor: pointer; }
.job2-ul .job2-first .icon-arr { position: absolute; right: 12px; top: 0; bottom: 0; margin: auto 0; width: 21px; height: 21px; background: url(../images/contact/i4.png) no-repeat center; }
.job2-ul .job2-first span { flex: 1; text-align: center; }
.job2-ul .job2-first.on { background: #d2d2d2; }
.job2-ul .job2-first.on .icon-arr { background: url(../images/contact/i5.png) no-repeat center; }
.job2-ul .job2-hide { padding: 32px 36px; background: #f9f9f9; font-size: 14px; line-height: 30px; color: #363636; display: none; }

/* 分页 */
.page { height: 32px; line-height: 30px; }
.page ul { text-align: center; }
.page li { display: inline-block; margin: 0 5px; }
.page a { padding: 0 12px; color: #969696; }
.page .num a { border: 1px solid #969696; }
.page .num:hover a, .page .num.on a { color: #fff; background: #969696; }

/* 新闻 */
.news-con { padding: 80px 0; }
.news-con .page { margin-top: 20px; }

.news-list .news-li { margin-bottom: 56px; }
.news-list .news-li:hover .text h3, .news-list .news-li:hover .text .time, .news-list .news-li:hover .text .more { color: #da7c14; }
.news-list .news-li:hover .text .line { background: #da7c14; }
.news-list .news-li a { display: flex; display: -webkit-flex; background: #f7f7f7; }
.news-list .news-li .img-wrapper { padding-top: 20%; width: 30%; }
.news-list .news-li .text { margin-left: 2.5%; flex: 1; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.news-list .news-li .text .flex-text { margin-right: 70px; }
.news-list .news-li .text h3 { font-size: 22px; color: #353535; }
.news-list .news-li .text p { margin-top: 12px; max-height: 48px; line-height: 24px; color: #969696; -webkit-line-clamp: 2; overflow: hidden; }
.news-list .news-li .text .more { display: inline-block; margin-top: 22px; color: #353535; }
.news-list .news-li .text .time { margin-right: 20px; color: #969696; }
.news-list .news-li .text .day { font-size: 48px; line-height: 42px; }
.news-list .news-li .text .line { margin: 10px 0; height: 1px; background-color: #969696; }

/* 设计-交付 （产品） */
.product { margin: 45px auto 65px; display: flex; display: -webkit-flex; }

.product-left { width: 216px; }

.product-h3 { padding-left: 26px; background: #da7c14; height: 60px; line-height: 60px; }
.product-h3 h3 { font-size: 18px; color: #fff; }

.product-left-ul { border: 1px solid #e6e6e6; }
.product-left-ul .product-left-li { border-bottom: 1px solid #e6e6e6; }
.product-left-ul .product-left-li a { color: #363636; }
.product-left-ul .product-left-li a:hover { color: #da7c14; }
.product-left-ul .product-left-li .left-first { padding-left: 26px; height: 48px; line-height: 48px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; background: linear-gradient(#fff, #e6e6e6); background: -o-linear-gradient(#fff, #e6e6e6); background: -ms-linear-gradient(#fff, #e6e6e6); background: -moz-linear-gradient(#fff, #e6e6e6); background: -webkit-linear-gradient(#fff, #e6e6e6); }
.product-left-ul .product-left-li .left-first a { font-size: 16px; }
.product-left-ul .product-left-li .icon-more { position: relative; margin: auto 0; margin-right: 10px; width: 13px; height: 13px; border: 1px solid #c3c3c3; cursor: pointer; overflow: hidden; }
.product-left-ul .product-left-li .icon-more.on span { transform: translate(100%, 0); opacity: 0; }
.product-left-ul .product-left-li .icon-more.on span:last-child { transform: rotate(-90deg); opacity: 1; }
.product-left-ul .product-left-li .icon-more span { position: absolute; top: 5px; left: 1px; width: 9px; height: 1px; background: #c3c3c3; transition: 0.5s cubic-bezier(0.8, 0.5, 0.2, 1.4); }
.product-left-ul .product-left-li .icon-more span:last-child { top: 1px; left: 5px; height: 9px; width: 1px; background: #c3c3c3; }

.product-sub-ul { padding: 0 8px; background: #fff; }
.product-sub-ul li { font-size: 14px; border-bottom: 1px solid #e6e6e6; line-height: 48px; }
.product-sub-ul li:last-child { border-bottom: none; }
.product-sub-ul li a { padding-left: 54px; }

.left-btm { margin-top: 20px; }
.left-btm .left-btm-h3 { height: 60px; line-height: 60px; background: #da7c14; }
.left-btm .left-btm-h3 h3 { padding-left: 10px; font-size: 18px; color: #fff; }
.left-btm .left-btm-ul { padding-bottom: 10px; border: 1px solid #e6e6e6; border-top: none; }
.left-btm .left-btm-ul li { padding: 10px; border-bottom: 1px dashed #e6e6e6; line-height: 24px; }
.left-btm .left-btm-ul li:last-child { border-bottom: none; }

.product-right { margin-left: 5.5%; flex: 1; }

.product-ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; }
.product-ul .product-li { margin-bottom: 45px; width: 31.4%; }
.product-ul .product-li:hover .filter { transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }
/*.product-ul .product-li:hover .line::before, .product-ul .product-li:hover .line::after { opacity: 1; transform: translate(0, 0); }*/
.product-ul .product-li:hover p { color: #da7c14; }
/*.product-ul .product-li:hover .img-wrapper{
    border-color: #fff;
}
.product-ul .product-li:hover .img-wrapper::before{
    width: 100%;
}
.product-ul .product-li:hover .img-wrapper::after{
    height: 100%;
}*/
.product-ul .product-li a { display: block; }
.product-ul .product-li .img-wrapper { padding-top: 100%; border: solid 1px #dcdcdc; }

/*.product-ul .product-li .img-wrapper::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-top: 2px solid #da7c14;
    border-bottom: 2px solid #da7c14;
    transition: all .5s;
    box-sizing: border-box;
    z-index: 1;
}
.product-ul .product-li .img-wrapper::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-left: 2px solid #da7c14;
    border-right: 2px solid #da7c14;
    transition: all .5s;
    box-sizing: border-box;
    z-index: 1;
}*/

.product-ul .product-li .filter { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4); transition: all .5s; transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
/*.product-ul .product-li .line { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 32px; height: 32px; }
.product-ul .product-li .line::before, .product-ul .product-li .line::after { content: ""; display: block; position: absolute; background: #fff; transition: all .5s; opacity: 0; transition-delay: .4s; }
.product-ul .product-li .line::before { width: 100%; height: 1px; top: 50%; transform: translate(-60px, 0); }
.product-ul .product-li .line::after { width: 1px; height: 100%; left: 50%; transform: translate(0, 60px); }*/
.product-ul .product-li p { margin-top: 12px; text-align: center; font-size: 16px; color: #363636; }

.product-details { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }

.product-details-left { width: 49%; }

.product-details-right { margin-left: 6%; padding-top: 6px; flex: 1; }
.product-details-right .details-right-top { padding-bottom: 80px; border-bottom: 1px dashed #c4c4c4; color: #363636; }
.product-details-right .details-right-top h1 { margin-bottom: 18px; font-size: 30px; }
.product-details-right .details-right-top p { font-size: 16px; line-height: 30px; color: #383838; }
.product-details-right .details-right-top .ask-link { margin-top: 24px; width: 90px; height: 30px; line-height: 30px; background-color: #da7c14; border-radius: 3px; text-align: center; color: #fff; }
.product-details-right .bdsharebuttonbox { margin-top: 26px; line-height: 18px; }
.product-details-right .bdsharebuttonbox span { color: #383838; }
.product-details-right .bdshare-button-style0-16 a { margin: 0 9px; padding-left: 0; height: 18px; }
.product-details-right .bdshare-button-style0-16 .bds_weixin { width: 23px; background: url(../images/product/i_weixin.png); }
.product-details-right .bdshare-button-style0-16 .bds_tsina { width: 23px; background: url(../images/product/i_weibo.png); }
.product-details-right .bdshare-button-style0-16 .bds_sqq { width: 17px; background: url(../images/product/i_qq.png); }

.product-img-container { position: relative; padding-top: 100%; border: 1px solid #e9e9e9; }

#small-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#big-box { display: none; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; overflow: hidden; border: 1px solid #ccc; z-index: 2; background: #fff; }
#big-box img { position: absolute; max-width: none; max-height: none; }

#float-box { display: none; width: 160px; height: 120px; position: absolute; background: #ffffcc; border: 1px solid #ccc; filter: alpha(opacity=50); opacity: 0.5; }

.product-img-list { position: relative; margin-top: 16px; padding: 0 32px; }
.product-img-list .swiper-slide { border: 1px solid #e9e9e9; cursor: pointer; }
.product-img-list .active { border: 1px solid #da7c14; }
.product-img-list .swiper-button-prev { left: 0; background: url(../images/product/arr01.png) no-repeat center; }
.product-img-list .swiper-button-next { right: 0; background: url(../images/product/arr02.png) no-repeat center; }
.product-left-ul .product-left-li a.on{color: #da7c14;}


.product-details-msg { margin-top: 45px; border: 1px solid #dcdcdc; border-top: none; }

.details-head { height: 42px; line-height: 42px; background-color: #efefef; }
.details-head li { display: inline-block; padding: 0 42px; font-size: 16px; color: #363636; }
.details-head li.on { background: #fff; border-top: 2px solid #da7c14; color: #da7c14; }

.details-content { padding: 40px; line-height: 30px; color: #3d3d3d; }

.product-prev-next { margin-top: 32px; }
.product-prev-next ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; font-weight: bold; color: #3d3d3d; }
.product-prev-next ul li { max-width: 50%; display: flex; word-break: keep-all; }
.product-prev-next ul a { display: block; font-weight: normal; color: #3d3d3d; }
.product-prev-next ul a:hover { color: #da7c14; }

.about-product { margin-top: 45px; }
.about-product h3 { font-size: 18px; font-weight: bold; }
.about-product .product-ul { margin-top: 15px; }

/* 合并文件样式 */
.contact-map { overflow: hidden; padding-bottom: 60px; }

.contact-map h1 { font-size: 24px; margin-top: 55px; margin-bottom: 40px; }

.contact-map-left { width: 28%; display: inline-block; }

.contact-map-left p { height: 62px; /* line-height: 60px; */ width: 100%; padding-top: 20px; border-bottom: 1px solid #e8e8e8; font-size: 14px; }

.contact-map-left img { margin-right: 10px; }

.contact-map-img { text-align: center; border: 0; margin-top: 20px; }

.contact-map-img a { width: 40%; }

.contact-map-img img { margin-bottom: 20px; }

.map { width: 65.5%; height: 538px; float: right; }

#map img { max-width: none; max-height: none; }

.ask h1 { color: #da7c14; font-size: 33px; margin-bottom: 60px; }

.ask-input { width: 100%; height: 50px; background-color: #ebebeb; margin-bottom: 25px; color: #9d9d9d; font-size: 14px; padding-left: 20px; }
.ask-input1{width: 80%;}
.codeimg{width: 20%;float: right;height:50px;line-height: 50px;}
.ask textarea { width: 100%; background-color: #ebebeb; margin-bottom: 25px; color: #9d9d9d; font-size: 14px; padding-left: 20px; padding-top: 20px; height: 235px; }

.contact-submit { width: 90px; color: white; background-color: #da7c14; font-size: 14px; height: 50px; cursor: pointer; }

.ask-contact { width: 50%; display: inline-block; }

.about { padding-bottom: 80px; }

.about-one { background: url(../images/about/01.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding-top: 8%; padding-bottom: 6%; width: 100%; text-align: center; }

.about-two { background: url(../images/about/02.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding-top: 7%; padding-bottom: 7%; }
.about-two .about-title h3 { color: #fff; }

.about-text p { margin-bottom: 20px; line-height: 30px; text-indent: 2em; font-size: 16px; }

.about-two p { color: #e3e7e9; margin: 0 auto; margin-bottom: 25px; font-size: 16px; }

.about-two-text { margin-top: 40px; padding-left: 220px; }
.about-two-text p { padding-left: 18px; background: url(../images/about/ok.png) no-repeat left top 5px; transform: translate(-30px, 0); opacity: 0; }
.about-two-text p:nth-child(2) {
    animation-delay: .2s;
}
.about-two-text p:nth-child(3) {
    animation-delay: .4s;
}
.about-two-text p:nth-child(4) {
    animation-delay: .6s;
}
.about-two-text p:nth-child(5) {
    animation-delay: .8s;
}

.about-two-title { background-image: url(../images/about/03.png); background-repeat: no-repeat; background-position: 50% 30px; margin: 0; padding-bottom: 25px; }

.about-text { margin: 70px auto; }

.about-one .padding20{ opacity: 0; }
.padding20 { padding: 20px; }

.about-one p:nth-of-type(1) { font-size: 22px; color: white; font-weight: 600; opacity: 0; }

.about-one p:nth-of-type(2) { font-size: 16px; color: white; opacity: 0; }

.ask { padding: 100px 0; }

.news-details h1 { font-size: 24px; font-weight: 500; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px dashed #b3b3b3; }

.news-content-top { width: 100%; margin-bottom: 60px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }

.news-content-top span { margin-right: 40px; color: #838383; font-size: 14px; }

.news-content { border-bottom: 1px solid #d1d1d1; padding-bottom: 160px; margin-bottom: 50px; }

.news-content-img { width: 100%; text-align: center; max-width: 100%; }

.news-content p { font-size: 14px; line-height: 25px; margin-bottom: 20px; text-indent: 2em; }

.news-back { color: #838383; font-size: 14px; border: 1px solid #d4d4d4; height: 25px; width: 88px; cursor: pointer; }

.newx-detail-page { padding-bottom: 130px; }

.newx-detail-page p { display: flex; word-break: keep-all; }

.newx-detail-page p a { display: block; }

.newx-detail-page p a:hover { color: #da7c14; }

.news-detail-last { width: 100%; margin-bottom: 12px; font-weight: 600; }

.news-detail-last a { font-weight: normal; }

.news-detail-next { width: 100%; font-weight: 600; }

.news-detail-next a { font-weight: normal; }

.news-content-top .bdsharebuttonbox { margin-right: 50px; }
.news-content-top .bdshare-button-style0-16 a { padding: 0; margin: 0 3px; line-height: normal; height: 18px; }
.news-content-top .bdshare-button-style0-16 .bds_weixin { width: 22px; background: url(../images/news/weixin-icon.png); }
.news-content-top .bdshare-button-style0-16 .bds_tsina { width: 22px; background: url(../images/news/weibo-icon.png); }
.news-content-top .bdshare-button-style0-16 .bds_sqq { width: 17px; background: url(../images/news/qq-icon.png); }

.news-details { padding-top: 60px; }

.bd_weixin_popup .bd_weixin_popup_foot { line-height: 16px !important; }

.bd_weixin_popup { width: 240px !important; height: 300px !important; }


.index-footer{
    position: absolute;bottom: 0;left: 0; width: 100%;
}

.culture-hide-swiper{
    position: relative;
    margin-top: 42px;
    padding-bottom: 20px;
    display: none;
}

.culture-hide-swiper .swiper-pagination{ width: 100%; bottom: -10px; }
.culture-hide-swiper .swiper-pagination-bullet{
    margin: 0 3px;
}
.culture-hide-swiper .swiper-pagination-bullet-active{
    background: #da7c14;    
}

.factory-box-con{
    margin-top: 40px;
}

.factory-con .swiper-button-prev{
    left: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(218, 124, 20, .9) url(../images/icon/arr01.png) no-repeat center;
}
.factory-con .swiper-button-next{
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(218, 124, 20, .9) url(../images/icon/arr02.png) no-repeat center;
}