@charset "utf-8";

/*
全局css变量定义
--mainColor    // 主色调
--textColor    // 文字深色调
--textColor1   // 文字浅色调
--bgColor      // 辅助背景色
*/
:root{
    --mainColor:#b39c85;
    --textColor:#333;
    --textColor1:#999;
    --textColor2:#fff;
    --bgColor:#fff;
    --bgColor1:#f5f5f5;
    --lineColor:#e0e0e0;
}

.main { width:100%;max-width:1400px;padding:0 20px;margin:0 auto;}
.max-main{width:100%;max-width:1800px;padding:0 20px;margin:0 auto;}
@media(max-width: 1080px){
    .main{padding:0 3%;}
    .max-main{padding:0 3%;}
}

.section{padding-top:72px;padding-bottom:72px;}
.section2{padding-top:180px;padding-bottom:180px;}
.section3{padding-top:72px;padding-bottom:120px;}
.section4{padding-top:80px;padding-bottom:160px;}
.section-top{padding-top:100px;}
.section-bottom{padding-bottom:100px;}

@media(max-width: 1440px){
    .section{padding-top:64px;padding-bottom:64px;}
    .section2{padding-top:160px;padding-bottom:160px;}
    .section3{padding-top:64px;padding-bottom:100px;}
    .section4{padding-top:72px;padding-bottom:120px;}
    .section-top{padding-top:88px;}
    .section-bottom{padding-bottom:88px;}
}

@media(max-width: 1280px){
    .section{padding-top:56px;padding-bottom:56px;}
    .section2{padding-top:120px;padding-bottom:120px;}
    .section3{padding-top:56px;padding-bottom:80px;}
    .section4{padding-top:64px;padding-bottom:100px;}
    .section-top{padding-top:72px;}
    .section-bottom{padding-bottom:72px;}
}

@media(max-width: 1080px){
    .section{padding-top:48px;padding-bottom:48px;}
    .section2{padding-top:96px;padding-bottom:96px;}
    .section3{padding-top:48px;padding-bottom:64px;}
    .section4{padding-top:56px;padding-bottom:80px;}
    .section-top{padding-top:64px;}
    .section-bottom{padding-bottom:64px;}
}

@media(max-width: 769px){
    .section{padding-top:40px;padding-bottom:40px;}
    .section2{padding-top:72px;padding-bottom:72px;}
    .section3{padding-top:40px;padding-bottom:60px;}
    .section4{padding-top:48px;padding-bottom:64px;}
    .section-top{padding-top:48px;}
    .section-bottom{padding-bottom:48px;}
}

/*头部*/
.header-container{width:100%;margin:0 auto;padding:0 20px;max-width:1820px;display:flex;justify-content:space-between;transition: all 1s; -webkit-transition: all 1s;}

 @media (max-width:1080px){
    .header-container{padding:0 3%;}
 }

/*top*/
.header100{width:100%;height:48px;margin:0 auto;display:none;}
.headerMenu-bg{position: fixed;top: 0;left: 0;right: 0;width:100%;height:100px;z-index:98;display:none;}
.headerMenu{position: fixed;top:40px;left: 0;right: 0;width:100%;z-index:99;transition:all 0.2s;-webkit-transition:all 0.2s;}
.header_logo{float:left;width:auto;height:56px;transition: all 1s;-webkit-transition: all 1s;}
.header_logo a{float:left;height:100%;}
.header_logo a img{float:left;max-height:100%;transition:all 1s;-webkit-transition:all 1s;}

.search-icon{float:right;padding:8px 0;display:none;position:relative;}
.search-icon a{float:left;width:100%;font-size:20px;color:#fff;line-height:24px;transition:all 0.2s;-webkit-transition:all 0.2s;}

.top-search-box{position:absolute;top:0;right:-6px;z-index:9;width:0;overflow:hidden;transition:all 0.2s;-webkit-transition:all 0.2s;opacity:0;}
.top-search-box form{float:left;width:100%;height:42px;background:#695644;border:#b39c85 solid 1px;border-radius:30px;}
.top-search-box .search-input{float:left;width:calc(100% - 62px);border-radius:30px;background:none;outline:none;border:none;padding:8px 20px;height:40px;font-size:14px;color:#fff;line-height:24px;opacity:0;transition:all 0.2s;-webkit-transition:all 0.2s;}
.top-search-box .search-btn{float:left;width:60px;height:40px;border:none;background:none;border-radius:30px;font-size:20px;color:#fff;cursor:pointer;opacity:0;transition:all 0.2s;-webkit-transition:all 0.2s;}
.top-search-box.open{width:1060px;opacity:1;}
.top-search-box.open .search-input{opacity:1;}
.top-search-box.open .search-btn{opacity:1;}
.top-search-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:97;display:none;}

/* 主导航 */
.header-nav{float:right;transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-nav ul{float:left;}
.header-nav li{float:left;margin-left:40px;margin-right:40px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-nav li h3{float:left;position:relative;}
.header-nav li h3 a{float:left;font-size:16px;color:#fff;padding-bottom:4px;line-height:40px;text-transform:uppercase; border-bottom:transparent solid 2px;transition:all 0.2s;-webkit-transition:all 0.2s;font-weight:normal;font-family:'OPPOSansR';}
.header-nav li h3:after{content:"";display:block;width:0;height:2px;position:absolute;bottom:0;left:50%;background:#fff;transition:all 0.2s;-webkit-transition:all 0.2s;}
.header-nav li.cur h3:after{width:100%;left:0;}
.header-nav li:hover h3:after{width:100%;left:0;}

.header-nav li h3 .icon-more{position:absolute;right:0;top:0;height:100%;width:60%;display:none;}
.header-nav li h3 .icon-more i{float:right;width:24px;height:50px;font-size:16px;color:#fff;line-height:50px;text-align:center;transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-nav li h3 .arrow{position:absolute;bottom:-6px;left:50%;margin-left:-9px;display:block;width:0;height:0;border-top:16px solid rgba(255,255,255,0.8);border-left:16px solid transparent;transition: all 0.3s;-webkit-transition: all 0.3s;transform: rotate(-45deg);opacity:0;}
.header-nav li:hover h3 .arrow{opacity:1;}


.language{float:right;margin-left:80px;}
.language a{float:left;font-size:16px;color:#fff;padding-top:2px;line-height:40px;font-family:'OPPOSansR';text-transform:uppercase; border-bottom:transparent solid 2px;transition:all 0.2s;-webkit-transition:all 0.2s;font-weight:normal;position:relative;}
.language a:after{content:"";display:block;width:0;height:2px;position:absolute;bottom:0;left:50%;background:#fff;transition:all 0.2s;-webkit-transition:all 0.2s;}
.language:hover a:after{width:100%;left:0;}
.wap-language{display:none;}

.right-nav{float:right;}
.right-nav .driver{float:right;margin-left:80px;}
.right-nav .driver a{float:left;font-size:16px;color:#fff;padding-bottom:4px;line-height:40px;font-family:'OPPOSansR';text-transform:uppercase; border-bottom:transparent solid 2px;transition:all 0.2s;-webkit-transition:all 0.2s;font-weight:normal;position:relative;}
.right-nav .driver a:after{content:"";display:block;width:0;height:2px;position:absolute;bottom:0;left:50%;background:#fff;transition:all 0.2s;-webkit-transition:all 0.2s;}
.right-nav .driver:hover a:after{width:100%;left:0;}
.right-nav .search-icon{display:block;}


.header-nav .nav-close{width:100%;height:50px;border-bottom:#eee solid 1px;padding:0 4%;}
.header-nav .nav-close h6{float:left;font-size:18px;color:#333;font-family:'OPPOSansR';line-height:48px;font-weight:400;}
.header-nav .nav-close span{float:right;width:32px;height:48px;font-size:20px;color:#333;line-height:48px;text-align:center;}
.header-nav .nav-close{display:none;}

.sec-nav{position:absolute;top:44px;left:0;width:100%;background:rgba(255,255,255,0.9);box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:9;transition: all 0.3s;-webkit-transition: all 0.3s;transform-origin: top;transform: rotateX(90deg);opacity:0;overflow:hidden;}
.sec-nav dl{width:100%;max-width:1170px;margin:0 auto;padding:2% 0;}
.sec-nav dl dd{width:25%;float:left;padding:2% 0;}
.sec-nav dl dd a{display:block;width:100%;}
.sec-nav dl dd a .img{width:68%;margin:0 auto;position:relative;overflow:hidden;}
.sec-nav dl dd a .img .img-cont{width:100%;height:0;padding-bottom:60%;overflow:hidden;}
.sec-nav dl dd a .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.sec-nav dl dd a .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;transition: all 1s;-webkit-transition: all 1s;}
.sec-nav dl dd a .img:hover .img-cont img{-webkit-transform:scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);}

.sec-nav dl dd a h5{width:100%;font-size:18px;color:#333;font-family:'OPPOSansR';text-align:center;text-transform:uppercase; line-height:48px;height:48px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.sec-nav dl dd:hover a h5{color:#000;font-weight:bold;}

.text-nav dl{padding:20px 0;text-align:center;}
.text-nav dl dd{width:18%;float:none;padding:0;display:inline-block;}
.header-nav li:hover .sec-nav{transform: rotateX(0deg);opacity:1;}

/* 首页滚动 */
.headerMenu.scroll{transition: all 1s;-webkit-transition: all 1s;background:var(--mainColor);top:0;}
.headerMenu.scroll .header_logo{height:40px;margin-top:4px;}
.headerMenu.scroll .header-nav li{padding-top:4px;}
.headerMenu.scroll .right-nav{padding-top:4px;}
.headerMenu.scroll .sec-nav{top:48px;}

.headerMenu.fixed{transition: all 1s;-webkit-transition: all 1s;background:var(--mainColor);top:0;}
.headerMenu.fixed .header_logo{height:40px;margin-top:4px;}
.headerMenu.fixed .header-nav li{padding-top:4px;}
.headerMenu.fixed .right-nav{padding-top:4px;}
.headerMenu.fixed .sec-nav{top:48px;}

.headerMenu.isHidden{top:-120px;}

@media (max-width: 1440px){
    .header-nav li{margin-left:30px;}
    .right-nav .language{margin-left:30px;}
    .right-nav .online-shop{margin-left:30px;}
    .right-nav .driver{margin-left:30px;}

    .sec-nav dl{padding:2% 0;}
    .sec-nav dl dd a h5{font-size:16px;line-height:32px;height:32px;}

    .text-nav dl{padding:16px 0;}

    .top-search-box.open{width:860px;}
}

@media (max-width: 1360px){

    .top-search-box.open{width:820px;}
}

@media (max-width: 1280px){
    .header-nav li h3 a{font-size:14px;}
    .right-nav .language a{font-size:14px;}
    .right-nav .online-shop h3 a{font-size:14px;}
    .right-nav .driver a{font-size:14px;}
    .right-nav .search-icon a{font-size:16px;}

    .top-search-box.open{width:750px;}
}

.wap-icon{display: none;}

/*移动端导航*/
.icon-nav-btn{float:right;margin-top:16px;width:24px;height:32px;display:none;cursor:pointer;position:relative;}
.icon-nav-btn span{position:absolute;top:1px;left:0;width:20px;height:2px;background:#fff;border-radius:4px;display:block;transition: all 0.6s;-webkit-transition: all 0.6s;}
.icon-nav-btn span.line02{top:8px;}
.icon-nav-btn span.line03{top:15px;}
.icon-nav-btn.open span.line02{opacity:0;}
.icon-nav-btn.open span.line01{top:8px;transform:rotate(-45deg);}
.icon-nav-btn.open span.line03{top:8px;transform:rotate(45deg);}


/*导航背景*/
.trans-bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);  *zoom:1;z-index:1000;display:none;}
.wap-header-bg{width:100%;position:relative;background:#000;z-index:1003;height:48px;display:none;}

 @media (max-width: 1080px){
    .headerMenu-bg{height:48px;}

    .headerMenu{height:48px;top:0;z-index:1003;}
    .headerMenu.open{background:#b39c85;}

    .headerMenu.scroll .header_logo{height:32px;margin-top:10px;}
    .headerMenu.fixed .header_logo{height:32px;margin-top:10px;}

    .header100{height:48px;}

    .header_logo{height:32px;margin-top:10px;position:relative;z-index:1004;}


    .search-icon{display:block;margin-top:14px;padding:0;margin-right:16px;position:relative;z-index:1004;}
    .search-icon a{font-size:18px;}
    .right-nav .search-icon{display:none;}

    .wap-icon{display:block;}
    .icon-nav-btn{display:block;position:relative;z-index:1004;}
    .header-nav .nav-close{display:block;}

    .header-nav{width:100%;padding:0;height:100%;background:#b39c85;position:fixed;left:0;top:-100%;z-index:1002;margin:0;}
    .header-nav ul{width:100%;padding:10px 4%;margin:0;}
    .header-nav li{width:100%;margin:0;padding:0;}
    .header-nav li h3{position:relative;width:100%;position:relative;}
    .header-nav li h3 a{width:100%;color:#fff;font-size:14px;line-height:48px;text-align:left;border:none;}
    /*.header-nav li.cur{border-bottom:#00a8ec solid 1px;}*/
    .header-nav li.cur h3 a{border:none;}
    .header-nav li h3 .icon-more{display:block;}
    .header-nav li h3 .arrow{display:none;}

    .sec-nav{position:relative;top:0;left:0;width:100%;float:left;background:none;box-shadow:none;display:none;}
    .sec-nav dl{width:100%;}
    .sec-nav dl dd{width:33.33%;padding:2% 0;}
    .sec-nav dl dd a .img{width:68%;margin:0 auto;position:relative;overflow:hidden;}

    .sec-nav dl dd a h5{font-size:12px;color:#fff;line-height:20px;height:20px;}

    .right-nav{width:100%;display:none;}
    .wap-language{display:block;margin-left:0;margin-right:16px;padding:0;margin-top:4px;position:relative;z-index:1004;}
    .wap-language a{font-size:16px;}

    .wap-nav{float:left;width:100%;display:none;}
    .wap-nav dl{width:100%;}
    .wap-nav dl dd{float:left;width:33.33%;padding:2% 0;}
    .wap-nav dl dd a{display:block;width:100%;}
    .wap-nav dl dd a .img{width:68%;margin:0 auto;position:relative;overflow:hidden;}
    .wap-nav dl dd a .img img{display:block;width:100%;}
    .wap-nav dl dd a h5{position:relative; width:100%;background:none;font-size:12px;color:#fff;font-family:'OPPOSansR';text-align:center;text-transform:uppercase; line-height:20px;height:20px;text-align:center;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}

    .text-nav dl{padding:2% 4%;text-align:left;}
    .text-nav dl dd{width:100%;float:none;padding:0;display:block;text-align:left;}
    .text-nav dl dd a h5{font-size:12px;color:#fff;line-height:36px;height:36px;text-align:left;}

    .top-search-box{top:-14px;right:-6px;padding:4px 0;}
    .top-search-box.open{width:calc(100vw - 240px);}
}

@media (max-width:480px){
    .top-search-box{top:-12px;right:-6px;padding:4px 0;}
    .top-search-box form{height:36px;}
    .top-search-box .search-input{width:calc(100% - 50px);padding:5px 12px;height:34px;}
    .top-search-box .search-btn{float:left;width:48px;height:34px;background-size:16px;}
    .top-search-box.open{width:calc(100vw - 180px);}
 }



/*footer*/
.footer{width:100%;padding:60px 0;background:var(--mainColor);overflow:hidden;}
.footer-between{display: flex;align-items:flex-start;justify-content:space-between;}
.footer-logo{width:16%;max-width:180px;}
.footer-logo a{display:block;width:100%;}
.footer-logo a img{display:block;width:100%;}

.footer-nav{width:46%;display:flex;align-items:flex-start;justify-content:space-between;}
.footer-nav dl dt{margin-bottom:32px;}
.footer-nav dl dt a{display:block;width:100%;font-size:24px;color:#fff;line-height:24px;font-family:'OPPOSansR';}
.footer-nav dl dt a p{line-height:inherit;}
.footer-nav dl dt .arrow{position:absolute;right:0;top:0;z-index:2;width:100%;height:40px;display:flex;align-items:center;justify-content:flex-end;display:none;}
.footer-nav dl dt .iconfont{font-size:14px;color:#fff;line-height:24px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.footer-nav dl dd{margin-bottom:12px;}
.footer-nav dl dd a{display:block;width:100%;font-size:16px;color:#fff;line-height:32px;font-family:'OPPOSansL';transition: all 0.2s; -webkit-transition: all 0.2s;}
.footer-nav dl dd a:hover{text-decoration: underline;}

.footer-contact{width:23%;}
.footer-tip{width:100%;text-align:right;font-size:16px;color:#fff;line-height:20px;font-family:'OPPOSansR';}
.footer-contact .issue-form{width:100%;display: flex;align-items: center;justify-content:space-between;margin-top:16px;margin-bottom:24px;padding:2px;background-color:#fff;border-radius:40px;overflow:hidden;font-family:'OPPOSansR';}
.footer-contact .issue-form .issue-input{width:calc(100% - 100px);height:46px;padding:10px 20px;font-size:16px;color:#333;line-height:26px;border:none;outline:none;background: none;font-family:'OPPOSansR';}
.footer-contact .issue-form .issue-btn{width:100px;height:46px;font-size:16px;color:#fff;line-height:46px;padding:0;text-align:center;margin:0;border:none;outline:none;border-radius:40px;background: #867564;cursor: pointer;font-family:'OPPOSansR';}

.footer-share{width:100%;display:flex;justify-content:flex-end;}
.footer-share a{margin-left:20px;width:36px;height:36px;border-radius:50%;border:#fff solid 1px;display: flex;align-items: center;justify-content:center;transition: all 0.3s;-webkit-transition: all 0.3s;}
.footer-share a img{display:block;width:60%;max-width:20px;}
.footer-share a img.icon1{display:block;}
.footer-share a img.icon2{display:none;}
.footer-share a:hover{background-color:#fff;}
.footer-share a:hover img.icon1{display:none;}
.footer-share a:hover img.icon2{display:block;}

.footer-app{margin-top:36px;}
.footer-app .app-code{width:100%;margin-top:12px;}
.footer-app .app-code a{width:100%;display: flex;justify-content:flex-end;}
.footer-app .app-code img{display:block;width:50%;max-width:40px;}

.copyright{width:100%;font-size:16px;color:#fff;line-height:28px;padding:30px 0;background:var(--mainColor);border-top:#c2b09d solid 1px;font-family:'OPPOSansL';}
.copyright p{line-height:inherit;}
.copyright a{color:#fff;}
.copyright a:hover{color:#fff;}
.copyright p.cp-left{display: flex;align-items: center;}
.copyright p.cp-left .line{width:1px;height:14px;background-color:#fff;margin-left:16px;margin-right:16px;}
/*.copyright p.cp-right{opacity:0;}*/

@media(max-width:1440px){
    .footer{padding:48px 0;}

    .footer-nav dl dt{margin-bottom:24px;}
    .footer-nav dl dt a{font-size:20px;line-height:20px;}
    .footer-nav dl dd{margin-bottom:10px;}
    .footer-nav dl dd a{font-size:15px;line-height:30px;}

    .footer-tip{font-size:15px;}
    .footer-contact .issue-form{margin-top:12px;margin-bottom:20px;}
    .footer-contact .issue-form .issue-input{width:calc(100% - 80px);height:40px;padding:8px 12px;font-size:15px;line-height:24px;}
    .footer-contact .issue-form .issue-btn{width:80px;height:40px;font-size:15px;line-height:40px;}

    .footer-share a{margin-left:12px;width:36px;height:36px;}

    .footer-app{margin-top:24px;}
    .footer-app .app-code{margin-top:8px;}

    .copyright{font-size:15px;line-height:28px;padding:24px 0;}
    .copyright p.cp-left .line{height:12px;margin-left:12px;margin-right:12px;}

}


@media(max-width:1280px){
    .footer-nav dl dt{margin-bottom:20px;}
    .footer-nav dl dt a{font-size:18px;}
    .footer-nav dl dd{margin-bottom:8px;}
    .footer-nav dl dd a{font-size:14px;line-height:24px;}

    .footer-tip{font-size:14px;}
    .footer-contact .issue-form{margin-top:8px;margin-bottom:16px;}
    .footer-contact .issue-form .issue-input{width:calc(100% - 72px);height:36px;font-size:14px;line-height:20px;}
    .footer-contact .issue-form .issue-btn{width:72px;height:36px;font-size:14px;line-height:36px;}

    .footer-share a{margin-left:8px;width:32px;height:32px;}

    .footer-app{margin-top:20px;}

    .copyright{font-size:14px;line-height:24px;padding:20px 0;}
    .copyright p.cp-left .line{margin-left:8px;margin-right:8px;}
}

@media(max-width:1080px){
    .footer {padding:32px 0 20px;}
    .footer-between{display:block;}
    .footer-logo{width:24%;}

    .footer-nav{width:100%;display:block;margin-top:40px;}
    .footer-nav dl{width:100%;border-bottom:rgba(255,255,255,0.2) solid 1px;}
    .footer-nav dl:last-child{border-bottom:none;}
    .footer-nav dl dt{margin-bottom:0;}
    .footer-nav dl dt a{display: flex;align-items: center;justify-content:space-between;font-size:16px;line-height:40px;font-weight:normal;}
    .footer-nav dl dt .arrow{display:flex;}
    .footer-nav dl dd{width:100%;display:none;margin:0;}
    .footer-nav dl dd a{font-size:14px;line-height:32px;margin-bottom:8px;padding:0 16px;}

    .footer-contact{width:100%;margin-top:40px;}
    .footer-tip{text-align:center;}
    .footer-contact .issue-form{width:100%;max-width:280px;margin:8px auto 20px;}
    .footer-contact .issue-form .issue-input{height:32px;line-height:16px;}
    .footer-contact .issue-form .issue-btn{height:32px;line-height:32px;}

    .footer-share{justify-content:center;margin-top:20px;}
    .footer-share a{margin-left:8px;margin-right:8px;}


    .footer-app{margin-top:20px;}
    .footer-app .app-code a{justify-content:center;}



    .copyright{font-size:12px;line-height:20px;padding:12px 0;}
    .copyright p.cp-right{display:none;}
}

@media(max-width:769px){
    .footer {padding:24px 0 20px;}
    .footer-nav{margin-top:16px;}
    .footer-contact{margin-top:16px;}
}



/* 内页banner */
.inside-banner{width:100%;position:relative;}
.inside-banner .banner-img{width:100%;min-height:100px;}
.inside-banner .banner-img img{display:block;width:100%;}

.inside-banner-cont{position:absolute;top:0;left:0;width:100%;height:100%;display: flex;align-items: center;}

.inside-banner-txt{width:100%;color:#fff;font-weight:bold;}
.inside-banner-txt .banner-title{font-size:56px;line-height:60px;}
.inside-banner-txt .banner-sub-title{font-size:28px;line-height:32px;margin-top:12px;}

.no-banner{width:100%;height:96px;}
@media(max-width:1440px){
    .inside-banner-txt .banner-title{font-size:48px;line-height:56px;}
    .inside-banner-txt .banner-sub-title{font-size:24px;line-height:28px;}

}
@media(max-width:1280px){
    .no-banner{height:72px;}
}
@media(max-width:1080px){
    .inside-banner-txt .banner-title{font-size:40px;line-height:48px;}
    .inside-banner-txt .banner-sub-title{font-size:18px;line-height:20px;}

    .no-banner{height:56px;}
}
@media(max-width:769px){
    .inside-banner-txt .banner-title{font-size:24px;line-height:32px;}
    .inside-banner-txt .banner-sub-title{font-size:14px;line-height:20px;margin-top:4px;}
}

/*内页导航*/
.inside-nav-box{width:100%;background-color:#f7f5f3;}
.inside-nav-height{width:100%;height:100px;}
.inside-nav-fixed{width:100%;height:100px;background-color:#f7f5f3;}

/*面包屑导航*/
.crumbs-nav{display:flex;align-items: center;color:#333;}
.crumbs-nav i.icon-home{font-size:20px;margin-left:0;margin-right:12px;color:var(--mainColor);line-height:60px;}
.crumbs-nav i{font-size:12px;margin-left:16px;margin-right:16px;}
.crumbs-nav a{line-height:60px;font-size:14px;color:#333;font-family:'OPPOSansR';}
.crumbs-nav a i{font-size:16px;margin:0;}
.crumbs-nav a:hover{color:var(--mainColor);}
.crumbs-nav strong{line-height:60px;font-size:16px;max-width:200px;height:60px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}


@media (max-width:1440px){
    .crumbs-nav i{margin-left:8px;margin-right:8px;}
    .crumbs-nav a{font-size:14px;}
    .crumbs-nav a i{font-size:14px;}
    .crumbs-nav strong{font-size:14px;max-width:120px;}
}

@media (max-width:1080px){
    .location{display:none;}
}


.inside-nav{width:66%;max-width:600px;position:relative;overflow:hidden;}
.inside-nav ul{text-align:right;}
.inside-nav li{display:inline-block;width:auto;padding-right:40px;}
.inside-nav li:last-child{padding-right:0;}
.inside-nav a{display:block;width:100%;font-size:16px;color:#333;line-height:100px;transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;font-family:'OPPOSansR';}
.inside-nav a .line{position:absolute;left:50%;bottom:0px;width:0;height:2px;background-color:var(--mainColor);z-index:2;transition:all 0.3s;-webkit-transition:all 0.3s;}
.inside-nav li.active a{color:var(--mainColor);}
.inside-nav li.active a .line{left:0;width:100%;}
.inside-nav li:hover a{color:var(--mainColor);}
.inside-nav li:hover a .line{left:0;width:100%;}

.inside-nav .swiper-button-next,.inside-nav .swiper-button-prev{width:32px;height:100%;margin-top:0;z-index:9;transition:all 0.3s;-webkit-transition:all 0.3s;opacity:1;left:0;top:0;font-size:16px;color:#000;display:flex;align-items: center;background: linear-gradient(to right, rgb(247,245,243), rgba(247,245,243,.5));justify-content:flex-start;display:none;}
.inside-nav .swiper-button-next {left:auto;right:0;background: linear-gradient(to left, rgb(247,245,243), rgba(247,245,243,.5));justify-content:flex-end;}
.inside-nav .swiper-button-next:hover,.inside-nav .swiper-button-prev:hover{color:var(--mainColor);}
.inside-nav .swiper-button-prev.swiper-button-disabled {opacity:0;}
.inside-nav .swiper-button-next.swiper-button-disabled {opacity:0;}

.inside-nav-fixed.scroll{position:fixed;top:0px;z-index:999;}

@media(max-width:1440px){
    .inside-nav li{padding-right:36px;}
    .inside-nav a{font-size:14px;line-height:72px;}

    .inside-nav-height{height:72px;}
    .inside-nav-fixed{height:72px;}
}
@media(max-width:1280px){
    .inside-nav li{padding-right:32px;}
    .inside-nav a{line-height:64px;}

    .inside-nav-height{height:64px;}
    .inside-nav-fixed{height:64px;}
}
@media(max-width:1080px){
    .inside-nav{width:100%;max-width:100%;}
    .inside-nav li{padding-right:24px;}
    .inside-nav a{font-size:12px;line-height:56px;}

    .inside-nav-height{height:56px;}
    .inside-nav-fixed{height:56px;}
}
@media(max-width:768px){
    .inside-nav li{flex:none;padding-right:20px;}
    .inside-nav li a{width:auto;line-height:44px;}

    .inside-nav-height{height:44px;}
    .inside-nav-fixed{height:44px;}

    .inside-nav.no-slide li{flex:1;}
    .inside-nav.no-slide li a{width:100%;padding:0;}

    .inside-nav .swiper-button-next,.inside-nav .swiper-button-prev{display:flex;}
}

.page-title{margin-top:80px;margin-bottom:56px;width:100%;padding-top:40px;text-align:center;position:relative;}
.page-title .en-title{position:absolute;left:0;top:0;z-index:0;width:100%;height:67px;}
.page-title .en-title img{display:block;width:auto;height:100%;margin:0 auto;}
.page-title h1{font-size:36px;color:var(--textColor);line-height:40px;position:relative;z-index:3;font-weight:bold;}
.page-title h2{font-size:36px;color:var(--textColor);line-height:40px;position:relative;z-index:3;font-weight:bold;}

@media (max-width:1440px){
    .page-title{margin-top:60px;margin-bottom:40px;padding-top:32px;}
    .page-title .en-title{height:60px;}
    .page-title h1{font-size:32px;line-height:36px;}
    .page-title h2{font-size:32px;line-height:36px;}
}
@media (max-width:1080px){
    .page-title{margin-top:40px;margin-bottom:28px;padding-top:24px;}
    .page-title .en-title{height:48px;}
    .page-title h1{font-size:24px;line-height:28px;}
    .page-title h2{font-size:24px;line-height:28px;}
}

@media (max-width:480px){
    .page-title{padding-top:20px;}
    .page-title .en-title{height:36px;}
}


/*编辑器*/
.editor{font-size:18px;color:#333;line-height:40px;font-family:'OPPOSansR';}
.editor a{font-size:18px;color:#333;line-height:40px;font-family:'OPPOSansR';}
.editor h6{font-size:24px;color:#333;font-weight:bold;line-height:48px;}
.editor p{line-height:inherit;margin-bottom:20px;}
.editor img{max-width:100%;}
.editor strong{font-weight:bold;}
.editor em{font-style:italic;}
.editor ul,.editor li{list-style:unset;font-size:18px;color:#333;line-height:40px;font-family:'OPPOSansR';}
.editor ul{padding-left:40px;}
.editor li::marker{text-indent:40px!important;}

@media(max-width:1440px){
    .editor{font-size:16px;line-height:36px;}
    .editor a{font-size:16px;line-height:36px;}
    .editor h6{font-size:20px;line-height:40px;}
    .editor p{margin-bottom:16px;}

    .editor ul,.editor li{font-size:16px;line-height:36px;}
    .editor ul{padding-left:36px;}
    .editor li::marker{text-indent:36px!important;}
}

@media(max-width:1280px){
    .editor{line-height:32px;}
    .editor a{line-height:32px;}
    .editor h6{line-height:36px;}
    .editor p{margin-bottom:12px;}

    .editor ul,.editor li{line-height:32px;}
    .editor ul{padding-left:32px;}
    .editor li::marker{text-indent:32px!important;}
}

@media(max-width:1080px){
    .editor{font-size:14px;line-height:28px;}
    .editor a{font-size:14px;line-height:28px;}
    .editor h6{font-size:18px;line-height:32px;}
    .editor p{margin-bottom:8px;}

    .editor ul,.editor li{font-size:14px;line-height:28px;}
    .editor ul{padding-left:28px;}
    .editor li::marker{text-indent:28px!important;}
}


.detail-return{width:100%;margin-top:72px;padding-top:32px;border-top:#e0e0e0 solid 1px;display:flex;align-items:center;justify-content:space-between;}
.detail-return .return-right{width:120px;}
.detail-return .return-right a{display:block;width:100%;font-size:16px;color:#333;line-height:44px;border:#333 solid 1px;border-radius:40px;text-align:center;transition:all 0.2s;-webkit-transition:all 0.2s;}
.detail-return .return-right a:hover{background-color:var(--mainColor);border:var(--mainColor) solid 1px;color:#fff;}
.detail-return .return-left{width:calc(100% - 160px);}
.detail-return .return-left a{display: block;width:80%;font-size:18px;color:#333;line-height:28px;margin-bottom:12px;height:28px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition:all 0.2s;-webkit-transition:all 0.2s;}
.detail-return .return-left a:hover{color:var(--mainColor);}

@media(max-width:1440px){
    .detail-return{margin-top:60px;padding-top:28px;}
    .detail-return .return-right{width:100px;}
    .detail-return .return-right a{font-size:16px;line-height:44px;}
    .detail-return .return-left{width:calc(100% - 120px);}
    .detail-return .return-left a{font-size:18px;line-height:28px;margin-bottom:12px;height:28px;}
}
@media(max-width:1280px){
    .detail-return{margin-top:48px;padding-top:20px;}
    .detail-return .return-right{width:100px;}
    .detail-return .return-right a{font-size:14px;line-height:40px;}
    .detail-return .return-left{width:calc(100% - 120px);}
    .detail-return .return-left a{font-size:16px;margin-bottom:8px;}
}

@media(max-width:1080px){
    .detail-return{margin-top:32px;padding-top:16px;}
    .detail-return .return-right{width:88px;}
    .detail-return .return-right a{font-size:12px;line-height:30px;}
    .detail-return .return-left{width:calc(100% - 100px);}
    .detail-return .return-left a{font-size:14px;margin-bottom:8px;}
}
@media(max-width:769px){
    .detail-return{margin-top:24px;display:block;}
    .detail-return .return-right{width:88px;margin-bottom:12px;}
}

.form-list{width:100%;}
.form-list li{float:left;width:47.7%;margin-bottom:40px;position:relative;}
.form-list li.short-input{margin-left:4.6%;}
.form-list li.short-input:nth-child(odd){margin-left:0;}
.form-list li.long-input{width:100%;}
.form-list li.form-btn{margin-bottom:0;margin-left:4.6%;}
.form-list li h6{width:100%;font-size:16px;color:#666;line-height:32px;margin-bottom:8px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.form-list li h6 em{color:var(--mainColor);}
.form-list li input.form-input{width:100%;height:56px;background:none;border:#e0e0e0 solid 1px;padding:18px 20px;font-size:16px;line-height:20px;color:#333;outline:none;position:relative; transition:all 0.3s;-webkit-transition:all 0.3s;border-radius:12px;}
.form-list li.form-textarea{width:100%;}
.form-list li textarea{width:100%;height:160px;padding:16px 20px;font-size:16px;color:#333;line-height:28px;transition:all 0.3s;-webkit-transition:all 0.3s;border:#e0e0e0 solid 1px;outline:none;background:none;position:relative; font-family:"微软雅黑";border-radius:12px;}
.form-list li .icon{width:48px;height:56px;display:flex;align-items: center;justify-content:center;font-size:20px;color:#999;position:absolute;left:0;bottom:0;z-index:5;}
.form-list li.form-textarea .icon{bottom:auto;top:40px;}

.form-list li.form-code{width:36%;}
.form-list li.form-code input.form-input{width:calc(100% - 160px);border-bottom-right-radius: 0;border-top-right-radius: 0;}
.form-list li .yzm-img{width:160px;position:absolute;right:0;bottom:0;height:56px;overflow:hidden;background-color:var(--bgColor1);padding:9px 20px;border-bottom-right-radius:12px;border-top-right-radius:12px;}
.form-list li .yzm-img img{display:block;width:100%;height:100%;}

.form-list li .submit-btn{width:220px;height:56px;background:var(--mainColor);border:none;font-size:16px;color:#fff;transition:all 0.3s;-webkit-transition:all 0.3s;cursor:pointer;border-radius:30px;}
.form-list li .submit-btn:hover{box-shadow:0 2px 12px rgba(0,68,255,0.6);}


.form-list li:hover input.form-input{background-color:rgba(0,68,255,0.1);}
.form-list li:hover textarea{background-color:rgba(0,68,255,0.1);}
.form-list li:hover .select{background-color:rgba(0,68,255,0.1);}
.form-list li:hover  h6{color:var(--mainColor);}
.form-list li:hover  .icon{color:var(--mainColor);}
.form-list li.cur input.form-input{background-color:rgba(0,68,255,0.1);}
.form-list li.cur textarea{background-color:rgba(0,68,255,0.1);}
.form-list li.cur .select{background-color:var(--mainColor);}
.form-list li.cur  h6{color:var(--mainColor);}
.form-list li.cur  .icon{color:var(--mainColor);}

@media(max-width:1440px){
    .form-list li{margin-bottom:24px;}
    .form-list li h6{font-size:14px;line-height:20px;margin-bottom:8px;}
    .form-list li input.form-input{height:48px;padding:14px 20px;font-size:14px;}
    .form-list li textarea{height:120px;padding:14px 20px;font-size:14px;line-height:24px;}
    .form-list li .icon{width:40px;height:48px;font-size:20px;}
    .form-list li.form-textarea .icon{bottom:auto;top:28px;}

    .form-list li.form-code{width:40%;}
    .form-list li.form-code input.form-input{width:calc(100% - 120px);}
    .form-list li .yzm-img{width:120px;height:48px;padding:8px 16px;}

    .form-list li .submit-btn{width:180px;height:48px;font-size:16px;}
}

@media(max-width:769px){
    .form-list{margin-bottom:20px;}
    .form-list li{width:100%;margin-bottom:16px;}
    .form-list li.short-input{margin-left:0;}
    .form-list li.form-btn{margin-top:20px;margin-left:0;}
    .form-list li.form-code{width:100%;}
    .form-list li h6{margin-bottom:4px;}
}






.inside-content{padding:100px 0;}

@media (max-width:1440px){
    .inside-content{padding:80px 0;}
}
@media (max-width:1200px){
    .inside-content{padding:60px 0;}
}
@media (max-width:769px){
    .inside-content{padding:40px 0;}
}

.side-bar{position: fixed;z-index: 12;right:2%;bottom:12%;display:none;}
.side-bar li{margin-bottom:10px;position:relative;width:60px;height:60px;}
.side-bar li .icon{width:60px;height:60px;border-radius:30px;background:#dedede;padding:15px;transition: all 0.3s;-webkit-transition: all 0.3s;cursor:pointer;position:absolute;right:0;top:0;overflow:hidden;}
.side-bar li .icon img{display:block;width:30px;float:left;}
.side-bar li .icon span{float:left;font-size:18px;color:#fff;line-height:30px;height:30px;transition: all 0.3s;-webkit-transition: all 0.3s;position:absolute;right:-400px;top:15px;}
.side-bar li.gotop .icon{background:#006cee;}

.side-bar li.mes-btn .icon:hover{width:220px;background:#006cee;}
.side-bar li.mes-btn .icon:hover span{right:15px;}

.side-bar li.mes-btn .icon.active{width:220px;background:#006cee;}
.side-bar li.mes-btn .icon.active span{right:15px;}

.side-bar-layer{position:absolute;bottom:68px;right:0;width:480px;padding:40px;z-index:15;background:#fff;border-radius:16px;box-shadow: 0 2px 12px rgba(0,0,0,0.2);width:0;height:0;transition: all 0.3s;-webkit-transition: all 0.3s;opacity:1;overflow:hidden;opacity:0;transition: all 0.3s;-webkit-transition: all 0.3s;}
.side-bar-close{width:32px;height:32px;border-radius:50%;background:#f5f5f5;font-size:16px;color:#888;line-height:32px;text-align:center;position:absolute;top:10px;right:10px;cursor:pointer;transition: all 0.3s;-webkit-transition: all 0.3s;}
.side-bar-close:hover{background:#006cee;color:#fff;}
.side-bar-layer .form-list{margin-top:20px;}
.side-bar-layer .form-list li{height:auto;width:100%;}
.side-bar-layer .form-list li textarea{height:120px;}
.side-bar-txt{font-size:16px;color:#888;line-height:28px;font-family:'MontL';}

.side-bar-layer.open{width:480px;height:auto;bottom:68px;opacity:1;}

@media (max-width:769px){
    .side-bar{right:4%;bottom:8%;}
    .side-bar li{width:40px;height:40px;}
    .side-bar li .icon{width:40px;height:40px;padding:10px;}
    .side-bar li .icon img{width:20px;}
    .side-bar li .icon span{font-size:14px;line-height:20px;height:20px;right:-400px;top:10px;}

    .side-bar li.mes-btn .icon:hover{width:172px;background:#006cee;}
    .side-bar li.mes-btn .icon:hover span{right:15px;}

    .side-bar li.mes-btn .icon.active{width:172px;background:#006cee;}
    .side-bar li.mes-btn .icon.active span{right:15px;}
}

@media (max-width:560px){
    .side-bar-layer{bottom:48px;width:320px;padding:20px;}
    .side-bar-layer .form-list li textarea{height:100px;}
    .side-bar-txt{font-size:14px;line-height:20px;}


    .side-bar-layer.open{width:320px;height:auto;bottom:48px;}
}

@media (max-width:340px){
    .side-bar-layer{bottom:48px;width:294px;padding:20px;}

    .side-bar-layer.open{width:294px;height:auto;bottom:48px;}
}

/*分页*/
/*.list-more{width:100%;margin-top:20px;margin-bottom:20px;display:none;}
.list-more a{display:block;width:120px;height:36px;margin:0 auto;background:#f2f2f2;border-radius:8px;font-size:12px;color:#888;text-align:center;line-height:36px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.list-more a:hover{background:var(--mainColor);color:#fff;transition: all 0.6s;-webkit-transition: all 0.6s;}

.page01 { text-align:center; width:100%;margin-top:20px;margin-bottom:40px;}
.page01 a{display:inline-block;zoom:1;*display:inline;padding:0 16px;height:46px;line-height:46px;color:#999;font-size: 18px;cursor: pointer; text-align:center;font-family:"Arial";}
.page01 .current{ color:var(--mainColor);}
.page01 a:hover{color:var(--mainColor);}
.page01 input{display:inline-block;zoom:1;*display:inline;width:60px;padding:0 8px;height:40px;border:none;background:#fff;}
.page01 input.go{border:var(--mainColor) solid 2px;color:var(--mainColor);}
.page02 { float:left;width:100%; height:45px; line-height:45px; text-align:center;color:#333; font-size:16px; background:#fff; margin-top:20px; display:none;}
.page01 button.btn{width:46px;height:46px;border:none;background-color:var(--mainColor);border-radius:50%;outline:none;font-size:20px;color:#fff;cursor:pointer;}
.page01 button.btn.disabled{background-color:#ccc;}

@media (max-width:991px){
    .list-more{display:block;}
    .page01{display:none;}
}*/

.list-more{width:100%;margin-top:20px;margin-bottom:20px;display:none;}
.list-more a{display:block;width:120px;height:36px;margin:0 auto;background:#f2f2f2;border-radius:8px;font-size:12px;color:#888;text-align:center;line-height:36px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.list-more a:hover{background:var(--mainColor);color:#fff;transition: all 0.6s;-webkit-transition: all 0.6s;}

.page01 { text-align:center; width:100%;margin-top:20px;margin-bottom:40px;display:flex;align-items: center;justify-content: center;}
.page01 a{display:inline-block;zoom:1;*display:inline;padding:0 16px;height:46px;line-height:46px;color:#999;font-size: 18px;cursor: pointer; text-align:center;font-family:"Arial";}
.page01 .current{ color:var(--mainColor);}
.page01 a:hover{color:var(--mainColor);}
.page01 input{display:inline-block;zoom:1;*display:inline;width:60px;padding:0 8px;height:40px;border:none;background:#fff;}
.page01 input.go{border:var(--mainColor) solid 2px;color:var(--mainColor);}
.page02 { float:left;width:100%; height:45px; line-height:45px; text-align:center;color:#333; font-size:16px; background:#fff; margin-top:20px; display:none;}
.page01 button.btn{width:46px;height:46px;border:none;background-color:var(--mainColor);border-radius:50%;outline:none;font-size:20px;color:#fff;cursor:pointer;}
.page01 button.btn.disabled{background-color:#ccc;}

.page01 ul{display:flex;align-items: center;justify-content: center;margin:0!important;border:none!important;}
.page01 ul li{border:none!important;}
.page01 ul .liActive, .page01 ul .liActive a{ color:var(--mainColor);}

@media (max-width:991px){
    .list-more{display:block;}
    .page01{display:none;}
}

.empty{width:100%;padding:80px 0;display:none;}
.empty img{display:block;max-width: 100%;margin:0 auto;}
.empty p{font-size:12px;color:#999;line-height:40px;text-align:center;}

.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all 0.3s;-webkit-transition: all 0.3s;opacity:0.8;}
.gray:hover{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:none;opacity:1;}

/*视频弹框*/
.popup-video-bg{position:fixed;z-index:1000;top:0;left:0;background:#000;opacity:0.8;width:100%;height:100%;display:none;}
.videobox-popup{position:fixed;z-index:1001;width:60%;top:14%;left:20%;display:none;}
.videobox-popup .popup-video-close{position:absolute;right:-24px;top:-24px;width:48px;height:48px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:28px;border:#fff solid 2px;border-radius:50%;cursor:pointer;opacity:0.8;}

@media(max-width:1280px){
    .videobox-popup{width:80%;left:10%;}
}

@media(max-width:769px){
    .videobox-popup{width:95%;left:2.5%;top:30%;}
    .videobox-popup .popup-video-close{right:auto;top:auto;bottom:-48px;left:50%;margin-left:-14px;width:28px;height:28px;border:#fff solid 1px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:16px;}
}


.pc-cont{display:block!important;}
.wap-cont{display:none!important;}

@media(max-width:769px){
    .pc-cont{display:none!important;}
    .wap-cont{display:block!important;}
}