@charset "utf-8";



/*

全局css变量定义

--mainColor    // 主色调

--textColor    // 文字深色调

--textColor1   // 文字浅色调

--bgColor      // 辅助背景色

*/

:root{

    --mainColor:#da251c;

    --textColor:#333;

    --textColor1:#999;

    --textColor2:#fff;

    --bgColor:#fff;

    --bgColor1:#f5f5f5;

    --lineColor:#e0e0e0;

}



.main{width:100%;max-width:1600px;padding:0 20px;margin:0 auto;}

@media(max-width: 1080px){

    .main{padding:0 4%;}

}



.section{padding-top:80px;padding-bottom:80px;}

.section-bottom{padding-bottom:120px;}

.section-bottom1{padding-bottom:80px;}



@media(max-width: 1440px){

    .section{padding-top:68px;padding-bottom:68px;}

    .section-bottom{padding-bottom:100px;}

    .section-bottom1{padding-bottom:68px;}

}



@media(max-width: 1080px){

    .section{padding-top:56px;padding-bottom:56px;}

    .section-bottom{padding-bottom:60px;}

    .section-bottom1{padding-bottom:56px;}

}



@media(max-width: 769px){

    .section{padding-top:40px;padding-bottom:40px;}

    .section-bottom{padding-bottom:40px;}

    .section-bottom1{padding-bottom:40px;}

}



/*头部*/

.top { width:100%; margin:0 auto;padding:0;position:fixed;z-index:99;}



.header{width:100%;padding-top:40px;position:fixed;top:0;left:0;right:0;z-index:99;transition: all 0.3s; -webkit-transition: all 0.3s;}

.header .top-fixed{width:100%;height:100%;}

.header .top-logo{width:12%;max-width:160px;margin-bottom:10px;}

.header .top-logo a{display:block;}

.header .top-logo a img{width:100%;display:block;}



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



.nav-icon{display:none;width:36px;height:36px;position:relative;cursor:pointer;}

.nav-icon span{position:absolute;top:10px;left:6px;width:24px;height:2px;background:var(--textColor2);border-radius:2px;transition: all 0.3s; -webkit-transition: all 0.3s;}

.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-right{display: flex;align-items: center;}

.top-right .icon-line{width:1px;height:20px;background-color:#fff;margin-left:20px;margin-right:20px;opacity:0.8;}

.top-link a{font-size:16px;color:var(--textColor2);line-height:40px;display: flex;align-items: center;}

.top-link a .iconfont{font-size:24px;margin-right:8px;}

.top-link a .iconfont.club{color:#ffc600;}

.top-link a .iconfont.issue{color:var(--mainColor);}

.top-link a:hover{color:var(--mainColor);}



.nav-list{width:34%;}

.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:16px;color:var(--textColor2);line-height:80px;font-family:"MontL";}

.nav-list li .first-nav .nav-arrow{position:absolute;right:0;top:0;width:50%;text-align:right;display:flex;align-items: center;justify-content:flex-end;display:none;}

.nav-list li .first-nav .nav-arrow i{font-size:16px;color:#333;line-height:44px;transition: all 0.3s; -webkit-transition: all 0.3s;}

.nav-list li:hover .first-nav a span{color:var(--mainColor);}

.nav-list li.cur .first-nav a span{color:var(--mainColor);}

.wap-top-link{display:none;}



.top-icon-line{width:1px;height:20px;background-color:#888;margin-right:16px;}

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

.position{position:relative;}



.header.scroll{padding-top:0;background:rgba(255,255,255,0.9);-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.05);box-shadow: 0 4px 12px rgba(0,0,0,0.05);}

.header.scroll .top-right .icon-line{background-color:#000;}

.header.scroll .top-link a{color:var(--textColor);}

.header.scroll .top-link a:hover{color:var(--mainColor);}

.header.scroll .nav-list li a span{color:var(--textColor);}

.header.scroll .nav-list li:hover .first-nav a span{color:var(--mainColor);}

.header.scroll .nav-list li.cur .first-nav a span{color:var(--mainColor);}



.header.scroll .nav-icon span{background-color:var(--textColor);}



.header.open{padding-top:0;background:rgba(255,255,255,0.9);-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.05);box-shadow: 0 4px 12px rgba(0,0,0,0.05);}

.header.open .nav-icon span{background-color:var(--textColor);}



.header.inside-header{padding-top:0;background:rgba(255,255,255,0.9);-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.05);box-shadow: 0 4px 12px rgba(0,0,0,0.05);}

.header.inside-header .top-right .icon-line{background-color:#000;}

.header.inside-header .top-link a{color:var(--textColor);}

.header.inside-header .top-link a:hover{color:var(--mainColor);}

.header.inside-header .nav-list li a span{color:var(--textColor);}

.header.inside-header .nav-list li:hover .first-nav a span{color:var(--mainColor);}

.header.inside-header .nav-list li.cur .first-nav a span{color:var(--mainColor);}

.header.inside-header .nav-icon span{background-color:var(--textColor);}



@media(max-width: 1440px){

    .header{padding-top:20px;}

    .top-right .icon-line{height:16px;margin-left:16px;margin-right:16px;}

    .top-link a{font-size:14px;}

    .top-link a .iconfont{font-size:16px;}



    .nav-list{width:44%;}

    .nav-list li .first-nav a span{font-size:14px;line-height:72px;}

}



@media(max-width: 1080px){

    .header{height:48px;padding-top:12px;}

    .header .top-logo{min-width:112px;margin-bottom:0;}

    .header .main{height:100%;}



    .nav-icon{display:block;}



    .nav-list{width:100%;position:fixed;z-index: 9;border-top:#eee solid 1px;background:#fff;top:-100%;left:0;height:calc(100vh - 48px);padding:10px 4%;transition: all 0.3s; -webkit-transition: all 0.3s;}

    .nav-list.open{top:48px;}

    .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 .nav-arrow{display:flex;}

    .nav-list li.open .first-nav i{transform:rotate(-180deg);}



    .top-right{display:none;}

    .wap-top-link{display:flex;width:100%;justify-content:center;position:absolute;bottom:20px;left:0;z-index:2;}



    .wap-top-link .icon-line{background-color:#000;}

    .wap-top-link a{color:var(--textColor);}

    .wap-top-link a:hover{color:var(--mainColor);}

}



@media(max-width: 360px){

    .wap-top-link .icon-line{height:12px;margin-left:10px;margin-right:10px;}

}



/*二级下拉*/

.second-nav-box{width:100%;position:absolute;top:102px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.9);border-top:#e0e0e0 solid 1px;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.05);box-shadow: 0 4px 12px rgba(0,0,0,0.05);display:none;}



.second-nav{width:100%;padding:20px 0 16px;}

.second-nav ul{width:100%;display:flex;flex-wrap:wrap;justify-content:center;}

.second-nav li{width:12%;margin-left:1%;margin-right:1%;}

.second-nav li a{display:block;width:100%;}

.second-nav li a .img{width:72%;margin:0 auto;position:relative;overflow:hidden;border-radius:4px;border:#e0e0e0 solid 1px;}

.second-nav li a .img-cont{width:100%;height:0;padding-bottom:100%;overflow:hidden;position:relative;}

.second-nav li a .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}

.second-nav li a .img img{display:block;width:100%;height:100%;object-fit:cover;transition:all 1s;-webkit-transition:all 1s;}

.second-nav li a:hover .img 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);}

.second-nav li a p{font-size:14px;color:#333;line-height:20px;text-align:center;margin-top:8px;width:100%;height:20px;transition:all 0.2s; -webkit-transition:all 0.2s;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}

.second-nav li a:hover p{color:var(--mainColor);}



.header.scroll .second-nav-box{top:80px;}
.header.inside-header .second-nav-box{top:80px;}



@media(max-width: 1440px){

    .second-nav li a p{font-size:14px;}



    .header.scroll .second-nav-box{top:72px;}
    .header.inside-header .second-nav-box{top:72px;}

}





@media(max-width: 1080px){

    .second-nav-box{width:100%;position:relative;top:0;padding-top:0;left:0;transform:translateX(0);background:none;border:none;box-shadow:none;background-color:#f5f5f5;border-radius:4px;}

    .second-nav{padding:8px 0;}

    .second-nav ul{display:block;}

    .second-nav li{width:100%;margin-left:0;margin-right:0;}

    .second-nav li a .img{display:none;}

    .second-nav li a p{line-height:36px;text-align:left;margin-top:0;height:36px;}

    .header.scroll .second-nav-box{top:0;}
    .header.inside-header .second-nav-box{top:0;}

}



/*.common-nav-box{width:160px;position:absolute;top:72px;padding-top:26px;left:50%;transform:translateX(-50%);display:none;}

.common-nav{width:100%;background:#fff;padding:10px 0;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);position:relative;}

.common-nav .arrow{position:absolute;left:50%;margin-left:-8px;top:-8px;width:16px;height:16px;background-color:#fff;transform:rotate(45deg);}

.common-nav dd a{display:block;padding:10px;font-size:15px;color:#333;line-height:20px;text-align:center;transition: all 0.3s; -webkit-transition: all 0.3s;}

.common-nav dd a:hover{color:var(--mainColor);}



#in3 .common-nav-box,#in4 .common-nav-box{width:200px;}



@media(max-width: 1440px){

    .common-nav-box{width:140px;top:62px;}

    .common-nav dd a{font-size:13px;}

    #in3 .common-nav-box,#in4 .common-nav-box{width:180px;}

}



@media(max-width: 1080px){

    .common-nav-box{width:100%;top:0;padding-top:0;left:0;transform:translateX(0);position:relative;}

    .common-nav{padding:8px 0;background-color:#f5f5f5;box-shadow:none;}

    .common-nav .arrow{background-color:#f5f5f5;margin-left:0;left:20px;}

    .common-nav dd a{padding:10px 5%;font-size:14px;text-align:left;}



    #in3 .common-nav-box,#in4 .common-nav-box{width:100%;}

}*/





/*footer*/

.footer{width:100%;padding:60px 0 80px;background:#626262;overflow:hidden;}

.footer-between{display: flex;justify-content:space-between;}

.footer-nav{width:64%;display:flex;align-items:flex-start;justify-content:space-between;}

.footer-nav dl dt{margin-bottom:24px;}

.footer-nav dl dt a{display:block;width:100%;font-size:18px;color:#fff;line-height:20px;font-family:'MontL';font-weight:bold;}

.footer-nav dl dt a p{line-height:inherit;}

.footer-nav dl dt .iconfont{display:none;font-size:14px;color:#fff;line-height:24px;transition: all 0.2s;-webkit-transition: all 0.2s;}

.footer-nav dl dd{margin-bottom:10px;}

.footer-nav dl dd a{display:block;width:100%;font-size:16px;color:#ccc;line-height:24px;transition: all 0.2s; -webkit-transition: all 0.2s;font-family:'MontL';}

.footer-nav dl dd a:hover{color:var(--mainColor);}



.footer-left{width:32%;}

.footer-logo{width:68%;max-width:307px;}

.footer-logo a{display: block;width:100%;}

.footer-logo a img{display: block;width:100%;}

.footer-share{width:100%;margin-top:30px;}

.footer-share .icon{float:left;width:40px;height:40px;padding:7px;border-radius:50%;margin-right:10px;border:#bfbfbf solid 1px;display:flex;align-items: center;justify-content:space-between;transition: all 0.3s; -webkit-transition: all 0.3s;position: relative;}

.footer-share .icon img{width:100%;}

.footer-share .icon img.img01{display:block;}

.footer-share .icon img.img02{display:none;}

.footer-share .icon:hover{border:var(--mainColor) solid 1px;background-color:var(--mainColor);}

.footer-share .icon:hover img.img01{display:none;}

.footer-share .icon:hover img.img02{display:block;}



.tooltip{position: absolute;top:-40px;left:0;z-index:5;background-color: #333;padding:0 12px;font-size:12px;color:#fff;line-height:32px;border-radius:8px;display:none;transition:all 0.3s;-webkit-transition:all 0.3s;}

.tooltip .arrow{position: absolute;bottom:-4px;left:15px;width:8px;height:8px;transform: rotate(45deg);background-color: #333;}

.footer-share .icon:hover .tooltip{display: block;}



.copyright{width:100%;font-size:16px;color:var(--textColor2);line-height:28px;padding:20px 0;text-align:center;background:var(--mainColor);font-family:'MontL';}

.copyright p{line-height: inherit;}





@media(max-width:1200px){

    .footer {padding:32px 0 40px;}

    .footer-nav{width:56%;}



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

}



@media(max-width:1080px){

    .footer {padding:32px 0 20px;}

    .footer-between{display:block;}

    .footer-nav{width:100%;display:block;}

    .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 .iconfont{display:block;}

    .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-left{width:100%;}

    .footer-logo{width:40%;margin:0 auto;}

    .footer-share{width:100%;margin-top:20px;margin-bottom:20px;text-align:center;}

    .footer-share .icon{float:none;display:inline-block;width:32px;height:32px;padding:6px;margin-right:6px;margin-left:6px;}



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

}



/* 内页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;}



.no-banner{width:100%;height:80px;}

@media(max-width:1440px){

    .no-banner{height:72px;}

}

@media(max-width:1080px){

    .no-banner{height:48px;}

}



/*面包屑导航*/

.location{width:100%;border-bottom:#e0e0e0 solid 1px;padding:16px 0;}

.crumbs-nav{display:flex;align-items: center;color:#333;}

.crumbs-nav i{font-size:16px;margin-left:12px;margin-right:12px;color:#ccc;}

.crumbs-nav a{line-height:40px;font-size:16px;color:#333;}

.crumbs-nav a:hover{color:var(--mainColor);}

.crumbs-nav strong{line-height:40px;font-size:16px;color:var(--mainColor);}



@media (max-width:1440px){

    .location{padding:12px 0;}

    .crumbs-nav i{font-size:14px;margin-left:8px;margin-right:8px;}

    .crumbs-nav a{line-height:36px;font-size:14px;}

    .crumbs-nav strong{line-height:36px;font-size:14px;}

}



@media (max-width:1080px){

    .crumbs-nav{display:none;}

    .wap-location{display:none;}

}



/*内页导航*/

.inside-nav-box{width:100%;background:var(--bgColor1);position:relative;}

.inside-nav-height{width:100%;background:var(--bgColor1);position:relative;}

.inside-nav{width:100%;position:relative;}

.inside-nav ul{justify-content:center;}

.inside-nav li{width:auto;position:relative;padding:0 60px;}

.inside-nav a{display:block;font-size:18px;color:#333;line-height:88px;font-weight:bold;transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;}

.inside-nav li a:after{content:"";position: absolute;top:50%;margin-top:-20px;left:-60px;width:2px;height:40px;background:#e0e0e0;transition:all 0.3s;-webkit-transition:all 0.3s;}

.inside-nav li.active a{color:var(--mainColor);}

.inside-nav li:hover a{color:var(--mainColor);}

.inside-nav li:first-child a:after{display:none;}



.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:var(--mainColor);}

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





@media(max-width:1440px){

    .inside-nav li{padding:0 40px;}

    .inside-nav a{font-size:16px;line-height:68px;}

    .inside-nav li a:after{margin-top:-16px;left:-40px;width:1px;height:32px;}

}



@media(max-width:1080px){

    .inside-nav{max-width:100%;}

    .inside-nav li{padding:0 32px;}

    .inside-nav a{font-size:14px;line-height:60px;}

    .inside-nav li a:after{margin-top:-12px;left:-32px;height:24px;}

}

@media(max-width:768px){

    .inside-nav li{padding:0 16px;}

    .inside-nav a{line-height:48px;}

    .inside-nav li a:after{margin-top:-10px;left:-16px;height:20px;}

}



.page-title{margin-top:80px;margin-bottom:56px;width:100%;text-align:center;position:relative;}

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

.page-title p{font-size:18px;color:#333;line-height:28px;margin-top:16px;}



@media (max-width:1440px){

    .page-title{margin-top:60px;margin-bottom:40px;}

    .page-title h1{font-size:32px;line-height:36px;}

    .page-title h2{font-size:32px;line-height:36px;}

    .page-title p{font-size:16px;margin-top:12px;}

}

@media (max-width:1080px){

    .page-title{margin-top:40px;margin-bottom:20px;}

    .page-title h1{font-size:24px;line-height:28px;}

    .page-title h2{font-size:24px;line-height:28px;}

    .page-title p{font-size:14px;margin-top:8px;}

}





/*编辑器*/

.editor{font-size:16px;color:#666;line-height:32px;font-family:'微软雅黑';}

.editor a{font-size:16px;color:#666;line-height:32px;font-family:'微软雅黑';}

.editor h6{margin-bottom:20px;font-size:22px;color:var(--mainColor);line-height:32px;font-family:'微软雅黑';}

.editor p{line-height:inherit;margin-bottom:10px;}

.editor img{max-width:100%;}

.editor strong{font-weight:bold;}

.editor em{font-style:italic;}

.editor ul,.editor li{list-style:unset;font-size:16px;color:#666;line-height:32px;font-family:'微软雅黑';}

.editor ul{padding-left:32px;}

.editor li::marker{text-indent:32px!important;}



@media(max-width:1440px){

    .editor{font-size:14px;line-height:28px;}

    .editor a{font-size:14px;line-height:28px;}

    .editor h6{margin-bottom:16px;font-size:20px;line-height:28px;}

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

}



@media(max-width:1080px){

    .editor p{margin-bottom:4px;}

    .editor h6{margin-bottom:12px;font-size:18px;}

}



.form-box{width:100%;background-color:#f5f5f5;padding-top:1px;}

.form-list{width:100%;max-width:500px;margin:0 auto;}

.form-list li{width:100%;margin-bottom:24px;position:relative;}

.form-list li h6{font-size:16px;color:#999;line-height:32px;transition:all 0.3s;-webkit-transition:all 0.3s;position:absolute;left:20px;top:50%;transform:translateY(-50%);z-index:3;}

.form-list li h6 em{color:var(--mainColor);}

.form-list li .form-input{width:100%;height:56px;background:none;background-color:#fff;padding:18px 20px 18px 48px;text-align:right;font-size:16px;line-height:20px;color:#333;outline:none;border:#e0e0e0 solid 1px;position:relative; transition:all 0.3s;-webkit-transition:all 0.3s;border-radius:8px;}

.form-list li .select{width:100%;height:56px;background:none;background-color:#fff;padding:18px 20px 18px 48px;text-align:right;font-size:16px;line-height:20px;color:#333;outline:none;border:#e0e0e0 solid 1px;position:relative; transition:all 0.3s;-webkit-transition:all 0.3s;border-radius:8px;}



.form-list li .layui-form-select .layui-input{width:100%;height:56px;background-color:#fff;padding:18px 40px;text-align:right;font-size:16px;line-height:20px;color:#333;outline:none;border:#e0e0e0 solid 1px;position:relative; transition:all 0.3s;-webkit-transition:all 0.3s;border-radius:8px;}

.form-list li .layui-form-select .layui-edge{background-image:url(../images/icon-down.png);background-position:92% center;background-repeat:no-repeat;background-size:16px;border:none;width:16px;height:16px;margin-top:-7px;right:16px;}

.form-list li  .layui-form-select dl{text-align:right;}

.form-list li  .date-input{position:absolute;width:50%;height:100%;right:0;top:0;background-image:url(../images/icon-down.png);background-position:92% center;background-repeat:no-repeat;background-size:16px;border:none;outline: none;border-radius:8px;text-align:right;padding-right:40px;}



.form-list li.form-textarea{width:100%;}

.form-list li textarea{width:100%;height:160px;padding:16px 20px 16px 48px;font-size:16px;color:#333;line-height:28px;transition:all 0.3s;-webkit-transition:all 0.3s;background-color:var(--bgColor1);outline:none;border:none;position:relative; font-family:"微软雅黑";}

.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 .form-input{width:calc(100% - 160px);border-top-right-radius: 0;border-bottom-right-radius: 0;border-right:none;}

.form-list li .yzm-img{width:160px;position:absolute;right:0;bottom:0;height:56px;overflow:hidden;background-color:#fff;padding:9px 20px;border-radius:8px;border:#e0e0e0 solid 1px;border-left:none;border-top-left-radius: 0;border-bottom-left-radius: 0;}

.form-list li .yzm-img img{display:block;width:100%;height:100%;}



.form-list li.form-btn{margin-top:40px;}

.form-list li .submit-btn{width:230px;height:56px;background:var(--mainColor);border:none;border-radius:8px;font-size:16px;color:#fff;transition:all 0.3s;-webkit-transition:all 0.3s;cursor:pointer;margin:0 auto;display:block;}

.form-list li .submit-btn:hover{box-shadow:0 2px 12px rgba(234,89,14,0.6);}



.form-tel{width:100%;max-width:500px;margin:30px auto 0;display:flex;align-items:center;justify-content:space-between;font-size:16px;color:#999;line-height:24px;}

.form-tel a{text-decoration:underline;color:var(--mainColor);}



@media(max-width:769px){

    .form-list li{margin-bottom:16px;}

    .form-list li h6{font-size:14px;line-height:24px;left:12px;}

    .form-list li .form-input{height:40px;padding:10px 32px;font-size:14px;}

    .form-list li .select{height:40px;padding:10px 32px;font-size:14px;}

    .form-list li .layui-form-select .layui-input{height:40px;padding:10px 32px;font-size:14px;}

    .form-list li  .date-input{padding-right:32px;}



    .form-list li.form-code .form-input{width:calc(100% - 100px);}

    .form-list li .yzm-img{width:100px;height:40px;padding:4px 8px;}



    .form-list li.form-btn{margin-top:32px;}

    .form-list li .submit-btn{width:160px;height:44px;font-size:14px;}



    .form-tel{margin:30px auto 0;display:block;font-size:14px;line-height:32px;text-align:center;}

}













.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;margin:0 auto;background:#fff;border:#e0e0e0 solid 1px;border-radius:40px;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;}

}



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

}









.popup-bg{width:100%;position:fixed;z-index:100000;height:100%;left:0;top:0;background-color: #000;opacity:0.4;display:none;}

.popup-box{width:680px;position:fixed;z-index:100001;left:50%;top:50%;background-color: #fff;border-radius:16px;padding:80px;transform:translate(-50%,-50%);display:none;}

.popup-close{width:36px;height:36px;border-radius:50%;position:absolute;right:10px;top:10px;background-color:#f0f0f0;font-size:16px;color:#888;text-align:center;line-height:36px;cursor: pointer;transition:all 0.2s;-webkit-transition:all 0.2s;}

.popup-close:hover{background-color:var(--mainColor);color:#fff;}

.popup-content{width:100%;text-align:center;}

.popup-content .icon{width:80px;margin:0 auto;}

.popup-content .icon img{display:block;width:100%;}

.popup-content .title{font-size:24px;color:#333;line-height:32px;margin-top:24px;}

.popup-content .txt{max-width:426px;margin:0 auto;margin-top:16px;font-size:16px;color:#888;line-height:32px;}

.popup-content .btn{width:100%;margin-top:40px;display: flex;align-items:center;justify-content:space-between;}

.popup-content .btn .btn-item{width:47%;background-color:var(--mainColor);color:#fff;font-size:16px;line-height:24px;padding:10px;border-radius:8px;}



@media(max-width:769px){

    .popup-box{width:90%;border-radius:8px;padding:40px 20px;}

    .popup-close{width:36px;height:36px;}

    .popup-content .icon{width:60px;}

    .popup-content .title{font-size:18px;line-height:28px;margin-top:16px;}

    .popup-content .txt{margin-top:12px;font-size:14px;line-height:28px;}

    .popup-content .btn{margin-top:24px;}

    .popup-content .btn .btn-item{font-size:14px;line-height:24px;padding:8px;}

}





.anchor{position:relative;top:-80px;}

@media(max-width:769px){

    .anchor{top:-48px;}

}







.cookie-popup{position:fixed;bottom:0;left:0;width:100%;z-index:99;background-color:rgba(0,0,0,0.7);}

.cookie-main{width:100%;max-width:840px;padding:40px 20px;margin:0 auto;}

.cookie-text{font-size:16px;color:#fff;line-height:28px;width:calc(100% - 200px);}

.cookie-btn .btn{display:block;width:120px;border:#fff solid 1px;background: none;font-size:14px;color:#fff;text-align:center;line-height:36px;border-radius:4px;margin-bottom:8px;cursor: pointer;}

.cookie-btn .btn.agree{background-color:#fff;color:#333;}



@media(max-width:769px){

    .cookie-main{padding:24px 16px;display:block;}

    .cookie-text{width:100%;font-size:14px;line-height:24px;}

    .cookie-btn{width:100%;margin-top:20px;display:flex;align-items:center;justify-content:center;}

    .cookie-btn .btn{margin-bottom:0;margin-left:8px;margin-right:8px;width:100px;font-size:12px;line-height:32px;}

}

