@charset "utf-8";

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

/*头部*/
.top { width:100%; margin:0 auto;padding:0;position:relative;z-index:13;}
.top-bar{width:100%;height:32px;background:#222;position:relative;z-index: 9;}
.top-bar .top-language{float:right;width:60px;height:32px;}
.top-bar .top-language dt{width:100%;position:relative;cursor:pointer;}
.top-bar .top-language dt span{display:block;text-align:center;color:#FA6E36;line-height:32px;font-size:14px;}
.top-bar .top-language dt i{position:absolute;top:0;right:0;font-size:14px;color:#999;line-height:32px;}
.top-bar .top-language dd{width:100%;background:#222;border-bottom:#4e4e4e solid 1px;display:none;}
.top-bar .top-language dd:last-child{border-bottom:none;}
.top-bar .top-language dd a{display:block;width:100%;font-size:14px;color:#999;line-height:32px;text-align:center;}
.top-bar .top-language dd a:hover{color:#fff;}

.top-bar .top-contact{float:right;position:relative;padding-right:20px;margin-left:20px;font-size:12px;color:#999;line-height:32px;}
.top-bar .top-contact:after{content:"";width:1px;height:16px;background:#4e4e4e;position: absolute;right:0;top:8px;}
.top-bar .top-contact i{font-size:16px;color:#fff;margin-right:4px;line-height:32px;display:inline-block;vertical-align:top;}
.top-bar .top-contact span{line-height:32px;display:inline-block;vertical-align:top;}
.top-bar .top-contact span a{color: #999;}
.top-bar .top-contact span a:hover{color: #FA6E36;}

.header{width:100%;height:96px;padding-top:26px;background:#fff;position:relative;z-index:3;}
.header .top-fixed{width:100%;background:#fff;z-index:1003;position:relative;}
.header .top-fixed .main{display:flex;flex-direction: row;justify-content: space-between;align-items: center;}
.header .top-logo{}
.header .top-logo a{display:block;}
.header .top-logo a img{width:76px;display:block;}

.top-icon{float:right;font-size:28px;color:#333;line-height:42px;}
.top-icon .icon{float:left;margin-left:28px;}
.top-icon .icon a{float:left;transition: all 0.2s; -webkit-transition: all 0.2s;}
.top-icon .icon:hover a{color:#c13f0b;}
.nav-top-icon{display:none;}

.nav-icon{display:none;width:36px;height:36px;background:#f5f5f5;border-radius:50%;position:relative;cursor:pointer;}
.nav-icon span{position:absolute;top:10px;left:6px;width:24px;height:2px;background:#333;border-radius:2px;transition: all 0.3s; -webkit-transition: all 0.3s;transform: scale(0.8);}
.nav-icon span.line02{top:17px;opacity:1;}
.nav-icon span.line03{top:24px;}

.nav-icon.open span.line01{transform:rotate(45deg) scale(0.8);top:17px;}
.nav-icon.open span.line02{opacity: 0;}
.nav-icon.open span.line03{transform:rotate(-45deg) scale(0.8);top:17px;}

.top-search-icon{width:36px;height:36px;border-radius:20px;font-size:20px;text-align:center;line-height:36px;cursor:pointer;background:#f5f5f5;position:relative;z-index:3;cursor:pointer;transition: all 0.3s; -webkit-transition: all 0.3s;}
.top-search-icon:hover{box-shadow: 0 2px 4px rgba(0,0,0,0.1);background:#FFF2EB;}
.top-search-box.open .top-search-icon{display:none;}

.top-search-box{width:36px;height:36px;position:relative;transition: all 0.3s; -webkit-transition: all 0.3s;}
.top-search{width:0;height:36px;border-radius:20px;position:relative;z-index:1;overflow:hidden;background:#f5f5f5;transition: all 0.3s; -webkit-transition: all 0.3s;cursor:pointer;}
.top-search .inp_srh {float:left;outline:medium none;width:0;height:36px;padding:8px 0;font-size:14px;line-height:20px; color:#333;background:none;transition: all 0.3s; -webkit-transition: all 0.3s;}
.top-search .btn_srh {float:right;width:36px;height:36px;border:none;background:none;outline:none;font-size:20px;color:#999;transition: all 0.3s; -webkit-transition: all 0.3s;}
.top-search-box.open{width:216px;}
.top-search-box.open .top-search{width:216px;}
.top-search-box.open .top-search .inp_srh{width:180px;padding:8px 16px;}
.top-search:hover{background:#FFF2EB;}

.top-search .search-history{position:absolute;left:79px;top:39px;width:259px;background:#f9f9f9;border:#e0e0e0 solid 1px;display:none;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);z-index:3;}
.top-search .search-history a{float:left;width:100%;font-size:12px;color:#666;line-height:32px;padding:0 20px;}
.top-search .search-history a:hover{background:#fae7e8;}

.top-fixed.scroll{height:60px;padding:8px 0;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.top-fixed.scroll .top-logo{}
.top-fixed.scroll .top-logo a img{width:72px;height:auto;transition: all 0.6s; -webkit-transition: all 0.6s;}
.top-fixed.scroll .nav-list li .first-nav a span{line-height:44px;}
.top-fixed.scroll .nav-list li .first-nav a i{line-height:44px;}

.nav-list{width:74%;}
.nav-list ul{display:flex;flex-direction: row;justify-content: space-around;align-items: center;}
.nav-list li .first-nav{width:100%;}
.nav-list li .first-nav a{display:block;width:100%;text-align:center;transition: all 0.3s; -webkit-transition: all 0.3s;}
.nav-list li .first-nav a span{font-size:18px;color:#333;line-height:52px;font-family:"MontL";}
.nav-list li .first-nav i{display:none;font-size:16px;color:#333;line-height:52px;margin-left:8px;}
.nav-list li:hover .first-nav a span{color:#FA6E36;}
.nav-list li.cur .first-nav a span{color:#FA6E36;}

.wap-nav-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:8;background:#000;opacity: 0.7;z-index:12;display:none;}
#in4,#in5,#in6,#in7{position:relative;}
@media(max-width: 1280px){
    .nav-list{width:68%;}
    .nav-list li .first-nav a span{font-size:14px;}
}

@media(max-width: 1080px){
    .top-bar{display:flex;text-align:center;justify-content: center;}
    .top-bar .main{width:auto;padding:0;}
    .top-bar .top-language{width:48px;}
    .top-bar .top-language dt span{font-size:12px;}
    .top-bar .top-language dt i{font-size:12px;}
    .top-bar .top-language dd a{font-size:12px;}

    .top-bar .top-contact{padding-right:12px;margin-left:12px;}
    .top-bar .top-contact:after{height:12px;top:10px;}
    .top-bar .top-contact i{font-size:12px;}
    .top-bar .top-contact:last-child{margin-left:0;}

    .header{height:56px;padding-top:10px;}
    .header .top-fixed .main{display:block;float:left;}
    .header .top-fixed{float:left;}
    .header .top-logo{float:left;}
    .header .top-logo a img{width:60px;}

    .top-icon{display:none;padding:20px 0;}
    .top-icon .icon{width:40px;height:40px;border-radius:50%;color:#fff;background-color:#98a39e;font-size:20px;margin-left:0;margin-right:20px;}
    .top-icon .icon a{color:#fff;width:100%;text-align:center;}
    .top-icon .icon:hover a{color:#fff;}

    .nav-top-icon{display:block;}


    .nav-icon{display:block;float:right;}
    


    .top-search-box{float:right;margin-right:15px;}

    .nav-list{width:100%;position:fixed;z-index: 9;background:#fff;top:-100%;left:0;border-top:#e0e0e0 solid 1px;height:calc(100vh - 88px);padding:10px 4%;transition: all 0.3s; -webkit-transition: all 0.3s;}
    .nav-list.open{top:88px;}
    .nav-list ul{display:block;}
    .nav-list li .first-nav{width:100%;position:relative;}
    .nav-list li .first-nav a{display:block;width:100%;text-align:left;transition: all 0.3s; -webkit-transition: all 0.3s;}
    .nav-list li .first-nav a span{font-size:16px;color:#333;line-height:44px;}
    .nav-list li .first-nav i{display:block;font-size:16px;color:#333;line-height:44px;margin-left:8px;position:absolute;right:0;top:0;width:50%;text-align:right}


    .top-fixed.scroll{height:56px;padding:10px 0;}
    .top-fixed.scroll .top-logo a img{width:60px;}
    .top-fixed.scroll .nav-list{height:calc(100vh - 56px);}
    .top-fixed.scroll .nav-list.open{top:56px;}
    .top-fixed.scroll .nav-list li .first-nav a span{line-height:44px;}
    .top-fixed.scroll .nav-list li .first-nav a i{line-height:44px;}
}

/*二级下拉*/
.second-nav-box{width:100%;position:absolute;top:52px;padding-top:26px;left:50%;transform:translateX(-50%);display:none;}
.second-nav{background:#fff;width:100%;height:520px;box-shadow:0 2px 15px rgba(0,0,0,0.1);}
.second-left{float:left;width:20%;height:100%;border-right:#e0e0e0 solid 1px;padding-top:20px;}
.second-left dl{width:100%;padding-left:10px;height:calc(100% - 60px);overflow-y: auto;}
.second-left dl dd a{padding:15px 20px;position:relative;display:block;width:100%;padding-right:48px;transition: all 0.3s; -webkit-transition: all 0.3s;}
.second-left dl dd a span{font-size:18px;color:#333;line-height:24px;font-family:"MontL";transition: all 0.3s; -webkit-transition: all 0.3s;}
.second-left dl dd a i{position:absolute;right:0;top:50%;width:48px;height:48px;margin-top:-24px;font-size:16px;color:#FA6E36;line-height:48px;text-align:center;opacity:0;transition: all 0.3s; -webkit-transition: all 0.3s;}
.second-left dl dd.active a{background:#FFF2EB;}
.second-left dl dd.active a span{color:#FA6E36;}
.second-left dl dd.active a i{opacity:1;}

.second-left .nav-more{width:100%;border-top:#e0e0e0 solid 1px;}
.second-left .nav-more a{display:block;font-size:18px;color:#FA6E36;line-height:58px;text-align:center;font-family:"MontL";}
.second-left .nav-more a i{font-size:16px;margin-left:8px;}

.second-right{float:right;width:80%;padding:40px 5%;height:95%;overflow-y:auto;}
.second-warp{display:none;}
.second-right .nav-title{width:100%;border-bottom:#e0e0e0 solid 1px;padding-bottom:30px;}
.second-right .nav-title h5{font-size:24px;color:#333;line-height:32px;font-family:"MontL";font-weight:bold;}
.second-right .nav-title p{height:24px;margin-top:4px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.second-right p{width:100%;font-size:16px;color:#888;line-height:24px;font-family:"MontL";}
.second-right dl{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;margin-top:30px;}
.second-right dd{margin-bottom:30px;width:32%;margin-left:2%;}
.second-right dd:nth-child(3n+1){margin-left:0;}
.second-right dd a h6{width:100%;font-size:18px;line-height:24px;color:#333;max-height:48px;font-family:"MontL";font-weight:bold;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;transition: all 0.3s; -webkit-transition: all 0.3s;}
.second-right dd a p{height:48px;margin-top:6px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.second-right dd a:hover h6{color:#FA6E36;}
.top-fixed.scroll .second-nav-box{top:44px;}

@media(max-width: 1280px){
    .second-nav{height:480px;}
    .second-left dl{height:calc(100% - 60px);}
    .second-left dl dd a{padding:10px 20px;padding-right:48px;}
    .second-left dl dd a span{font-size:16px;}
    .second-left dl dd a i{width:48px;height:40px;margin-top:-20px;font-size:16px;line-height:48px;}

    .second-left .nav-more a{font-size:16px;line-height:58px;}
    .second-left .nav-more a i{font-size:16px;margin-left:8px;}

    .second-right{padding:30px 5%;}
    .second-right .nav-title{padding-bottom:20px;}
    .second-right .nav-title h5{font-size:18px;line-height:24px;}
    .second-right p{font-size:14px;line-height:20px;}
    .second-right dl{margin-top:20px;}
    .second-right dd{margin-bottom:20px;}
    .second-right dd a h6{font-size:16px;line-height:24px;max-height:48px;}
    .second-right dd a p{height:48px;margin-top:10px;}
}
@media(max-width: 1080px){
    .second-nav-box{width:100%;position:relative;top:0;padding-top:0;left:0;transform:translateX(0);}
    .header .top-fixed .second-nav-box .main{float:none;}
    .second-nav{width:100%;height:auto;box-shadow:none;}
    .second-left{float:none;width:100%;height:auto;border-right:none;padding-top:0;}
    .second-left dl{padding-left:0;height:auto;overflow-y: visible;}
    .second-left dl dd a{padding:8px 0;padding-right:48px;}
    .second-left dl dd a span{font-size:14px;line-height:20px;}
    .second-left dl dd a i{width:40px;color:#888;font-size:14px;line-height:40px;text-align:right;display:none;}
    .second-left dl dd.active a{background:none;}
    .second-left .nav-more{display:none;}

    .second-right{display:none;}
    .top-fixed.scroll .second-nav-box{top:0;}

}

.common-nav-box{width:240px;position:absolute;top:52px;padding-top:26px;left:50%;transform:translateX(-50%);display:none;}
.common-nav{width:100%;background:#fff;padding:10px 0;}
.common-nav dd a{display:block;padding:10px 20px;font-size:18px;color:#333;line-height:24px;text-align:left;font-family:"MontL";transition: all 0.3s; -webkit-transition: all 0.3s;}
.common-nav dd a:hover{color:#FA6E36;}

.top-fixed.scroll .common-nav-box{top:44px;}

@media(max-width: 1280px){
    .common-nav-box{width:200px;}
    .common-nav dd a{padding:10px 16px;font-size:16px;}
}

@media(max-width: 1080px){
    .common-nav-box{width:100%;top:0;padding-top:0;left:0;transform:translateX(0);position:relative;}
    .common-nav{padding:0;}
    .common-nav dd a{padding:8px 4%;font-size:14px;line-height:20px;}
    .top-fixed.scroll .common-nav-box{top:0;}

}

/*footer*/
.footer{width:100%;padding-top:80px;background:#111;overflow:hidden;}
.footer-left{float:left;width:61.25%;}
.footer-right{float:right;width:32.5%;}
.footer-bottom{margin:70px auto;}

.footer-nav dl{float:left;width:22%;}
.footer-nav dl:nth-child(4){width:16%}
.footer-nav dl:nth-child(5){width:18%}
.footer-nav dl dt{float:left;width:100%;margin-bottom:30px;}
.footer-nav dl dt a{float:left;width:100%;font-size:18px;color:#fff;line-height:20px;font-family:'MontL';}
.footer-nav dl dd{float:left;width:100%;margin-bottom:12px;padding-right:24%;}
.footer-nav dl dd a{float:left;width:100%;font-size:16px;color:#888;line-height:24px;transition: all 0.3s; -webkit-transition: all 0.3s;font-family:'MontL';}
.footer-nav dl dd a:hover{color:#FA6E36;}

.footer-txt{width:100%;}
.footer-txt h5{font-size:18px;color:#fff;line-height:20px;margin-bottom:30px;font-family:'MontL';}
.footer-txt p{font-size:16px;color:#888;line-height:24px;font-family:'MontL';}

.footer-input{width:100%;margin-top:24px;margin-bottom:16px;}
.footer-input .input{float:left;width:calc(100% - 88px);border:#888 solid 1px;border-bottom-left-radius:30px;border-top-left-radius:30px;border-right:none;padding:0 30px;font-size:16px;color:#fff;line-height:50px;background:none;outline:none;transition: all 0.3s; -webkit-transition: all 0.3s;}
.footer-input .btn{float:right;width:88px;border:none;background:#FA6E36;font-size:18px;color:#fff;border-bottom-right-radius: 30px;border-top-right-radius: 30px;height:52px;}
.footer-input .input:hover{border:#FA6E36 solid 1px;border-right:none;}
.footer-input .input:focus{border:#FA6E36 solid 1px;border-right:none;}

.footer-deal{width:100%;cursor:pointer;}
.footer-deal .checkbox{float:left;width:16px;height:16px;border:#888 solid 1px;border-radius:4px;margin-right:12px;font-size:16px;color:#FA6E36;line-height:14px;text-align:center;}
.footer-deal .checkbox i{display:none;}
.footer-deal p{float:left;font-size:16px;color:#888;line-height:16px;}
.footer-deal a{font-size:16px;color:#888;line-height:16px;text-decoration:underline;}
.footer-deal .checkbox.checked{border:#FA6E36 solid 1px;}
.footer-deal .checkbox.checked i{display:block;}

.footer-contact .cont-txt{width:100%;margin-top:30px;}
.footer-contact .cont-txt h6{padding-left:32px;background-position: left top;background-repeat:no-repeat;background-size:20px;font-size:16px;color:#888;line-height:24px;margin-top:16px;}

.footer-link h5{float:left;width:100px;font-size:16px;color:#888;line-height:24px;font-family:'MontL';}
.footer-link dl{float:right;width:calc(100% - 100px);}
.footer-link dl dd{float:left;padding:0 30px;margin-bottom:8px;position:relative;}
.footer-link dl dd:before{content:"";position:absolute;left:0;top:6px;width:1px;height:16px;background:#333;}
.footer-link dl dd a{font-size:16px;color:#888;line-height:24px;transition: all 0.2s; -webkit-transition: all 0.2s;font-family:'MontL';}
.footer-link dl dd:first-child{padding-left:0;}
.footer-link dl dd:first-child:before{display:none;}
.footer-link dl dd a:hover{color:#fff;}

.footer-share h5{float:left;width:100%;font-size:18px;color:#fff;line-height:20px;font-family:'MontL';}
.footer-share dl{float:left;width:100%;margin-top:24px;}
.footer-share dd{float:left;margin-right:20px;}
.footer-share dd a{float:left;width:32px;transition: all 0.2s; -webkit-transition: all 0.2s;}
.footer-share dd a img{display:block;width:100%;}
.footer-share dd a:hover{color:#FA6E36;}


.copyright{width:100%;font-size:16px;color:#888;line-height:50px;padding:20px 0;background:#111;border-top:#414141 solid 1px;font-family:'MontL';}
.copyright p{line-height: inherit;}
.copyright a{font-size:16px;color:#888;line-height:50px;float:left;margin-left:30px;padding-left:30px;position:relative;font-family:'MontL';}
.copyright a:before{content:"";position:absolute;left:0;top:17px;width:1px;height:16px;background:#333;}
.copyright a:first-child:before{display:none;}
.copyright a:hover{color:#fff;}
.copyright .cp-left{float:left;}
.copyright .cp-right{float:right;}

@media(max-width:1200px){
    
}

@media(max-width:1080px){
    
    .footer {padding:30px 0 0px;}
    .footer-nav{display:none;}
    .footer-link{display:none;}
    .footer-share{display:none;}
    .footer-right{width:100%;margin-bottom:20px;}
    .footer-bottom{margin:0;}

    .footer-txt h5{font-size:16px;margin-bottom:20px;}
    .footer-txt p{font-size:12px;line-height:20px;}

    .footer-input{margin-top:16px;margin-bottom:8px;}
    .footer-input .input{width:calc(100% - 68px);padding:0 20px;font-size:14px;line-height:38px;height:40px;}
    .footer-input .btn{width:68px;font-size:16px;height:40px;}

    .footer-deal .checkbox{width:12px;height:12px;margin-right:8px;}
    .footer-deal p{font-size:12px;line-height:12px;}
    .footer-deal a{font-size:12px;line-height:12px;}

    .footer-contact .cont-txt{margin-top:20px;}
    .footer-contact .cont-txt h6{padding-left:20px;background-size:16px;font-size:12px;line-height:20px;margin-top:8px;}


    .copyright{font-size:12px;line-height:20px;padding:12px 0;}

    .copyright a{font-size:12px;line-height:20px;margin-left:16px;padding-left:16px;display:inline-block;float:none;}
    .copyright a:before{top:4px;height:12px;}
    .copyright a:first-child{margin-left:0;padding-left:0;}
    .copyright .cp-left{width:100%;text-align:center;}
    .copyright .cp-right{width:100%;text-align:center;}
}

/*内页导航*/
.inside-nav-box{width:100%;background:#f5f5f5;position:relative;}
.inside-nav-height{width:100%;background:#f5f5f5;position:relative;}
.inside-nav{float:right;max-width:67.5%;position:relative;}
.inside-nav li{width:auto;position:relative;margin-left:80px;}
.inside-nav li:first-child{margin-left:0;}
.inside-nav a{display:block;}
.inside-nav a h6{font-size:18px;color:#333;line-height:88px;font-family:'MontL';transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;}
.inside-nav li.active a h6{color:#FA6E36;}
.inside-nav li.active a h6:after{content:"";position: absolute;bottom:0;left:0;width:100%;height:2px;background:#FA6E36;}
.inside-nav li:hover a h6{color:#FA6E36;}
.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(245,245,245), rgba(245,245,245,.5));justify-content:flex-start;}
.inside-nav .swiper-button-next {left:auto;right:0;background: linear-gradient(to left, rgb(245,245,245), rgba(245,245,245,5));justify-content:flex-end;}
.inside-nav .swiper-button-next:hover,.inside-nav .swiper-button-prev:hover{color:#FA6E36;}
.inside-nav .swiper-button-prev.swiper-button-disabled {opacity:0;}
.inside-nav .swiper-button-next.swiper-button-disabled {opacity:0;}

.inside-nav-height.scroll{position:fixed;top:0px;z-index:20;box-shadow:0 2px 12px rgba(0,0,0,0.1);}
.inside-nav-height.scroll .location{display:none;}

@media(max-width:1440px){
    .inside-nav li{margin-left:60px;}
    .inside-nav a h6{font-size:16px;}
}

@media(max-width:1080px){
    .inside-nav{max-width:100%;}
    .inside-nav li{margin-left:40px;}
    .inside-nav a h6{font-size:14px;line-height:60px;}
}
@media(max-width:768px){
    .inside-nav li{margin-left:20px;}
    .inside-nav a h6{font-size:14px;line-height:48px;}
    .inside-nav li.active a h6:after{height:1px;}
}

/*面包屑导航*/
.location{float:left;}
.location .home{float:left;line-height:88px;font-size:16px; color:#666;}
.location .home span{float:left;font-size:16px;color:#ccc;margin-left:4px;margin-right:4px;font-family:'MontL';}
.location .home a{float:left;line-height:88px;font-size:16px; color:#888;font-family:'MontL';}
.location .home a:hover{color:#FA6E36}
.location .home strong{float:left;line-height:88px;font-size:16px; color:#888;font-family:'MontL';}

@media (max-width:1080px){
    .location{display:none;}
}
.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:#FA6E36;}

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

.side-bar li.mes-btn .icon.active{width:220px;background:#FA6E36;}
.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:#FA6E36;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:#FA6E36;}
    .side-bar li.mes-btn .icon:hover span{right:15px;}

    .side-bar li.mes-btn .icon.active{width:172px;background:#FA6E36;}
    .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;}
}

.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;}

/*视频弹框*/
.video-bg{position:fixed;z-index:1000;top:0;left:0;background:#000;opacity:0.8;width:100%;height:100%;display:none;}
.home-videobox{position:fixed;z-index:1001;width:60%;top:14%;left:20%;display:none;}
.home-videobox .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){
    .home-videobox{width:80%;left:10%;}
}
 
@media(max-width:769px){
    .home-videobox{width:95%;left:2.5%;top:30%;}
    .home-videobox .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;}
}