@charset "utf-8";

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

/*头部*/

/*导航按钮*/
.icon-nav-btn{width:68px;height:68px;border-radius:8px;cursor:pointer;background-color: rgba(0,0,0,0.5);position: fixed;z-index: 99;top:2%;right:2%;}
.icon-nav-btn span{position:absolute;top:22px;left:20px;width:28px;height:4px;background:#fff;border-radius:4px;display:block;transition: all 0.6s;-webkit-transition: all 0.6s;}
.icon-nav-btn span.line02{top:32px;}
.icon-nav-btn span.line03{top:42px;}
.icon-nav-btn.open span.line02{opacity:0;}
.icon-nav-btn.open span.line01{top:32px;transform:rotate(-45deg);}
.icon-nav-btn.open span.line03{top:32px;transform:rotate(45deg);}

/* 主导航 */
.header-nav{transition: all 0.6s;-webkit-transition: all 0.6s;position: fixed;z-index: 98;top:0;right:-100%;height:100%;width:72%;max-width: 280px;background:#000;padding-top:6%;}
.header-nav ul{width:100%;margin:0 auto;}
.header-nav li{float:left;width:100%;padding:20px 40px;transition:all 0.2s;-webkit-transition:all 0.2s;position:relative;}
.header-nav li h3{float:left;width:100%;position:relative;}
.header-nav li h3 a{float:left;width:100%;font-size:18px;color:#fff;line-height:48px;font-family:"微软雅黑";transition:all 0.2s;-webkit-transition:all 0.2s;font-weight:normal;position: relative;z-index: 2;}
.header-nav li.cur h3 a{color:#0067b2;}
.header-nav li h3 a:hover{color:#0067b2;}

.header-nav li h3 .icon-more{position:absolute;right:0;top:0;width:48px;height:48px;z-index: 3;cursor: pointer;transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-nav li h3 .icon-more i{float:right;width:48px;height:48px;font-size:16px;color:#fff;line-height:48px;text-align:center;transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-nav li h3 .icon-more:hover i{color:#0067b2;}

.header-nav li h3 .icon-more.open{transform:rotate(-180deg);}

.sec-nav{width:100%;display:none;}
.sec-nav dl{width:100%;}
.sec-nav dl dd{width:100%;padding-left:32px;}
.sec-nav dl dd a{display:block;width:100%;}
.sec-nav dl dd a h5{width:100%;font-size:14px;color:#aaa;font-family:"微软雅黑";text-transform:uppercase; line-height:40px;height:40px;overflow:hidden; text-overflow:ellipsis; display:block; white-space:nowrap;transition: all 0.2s;-webkit-transition: all 0.2s;}
.sec-nav dl dd:hover a h5{color:#0067b2;}

@media (max-width:1280px) {
    .icon-nav-btn{width:48px;height:48px;}
    .icon-nav-btn span{top:13px;left:12px;width:24px;height:3px;}
    .icon-nav-btn span.line02{top:23px;}
    .icon-nav-btn span.line03{top:33px;}
    .icon-nav-btn.open span.line01{top:23px;}
    .icon-nav-btn.open span.line03{top:23px;}

    .header-nav li{padding:12px 32px;}
}

@media (max-width:768px) {
    .icon-nav-btn{width:36px;height:36px;}
    .icon-nav-btn span{top:9px;left:8px;width:20px;height:2px;}
    .icon-nav-btn span.line02{top:17px;}
    .icon-nav-btn span.line03{top:25px;}
    .icon-nav-btn.open span.line01{top:17px;}
    .icon-nav-btn.open span.line03{top:17px;}

    .header-nav li{padding:4px 16px 4px 20px;}
    .header-nav li h3 a{font-size:16px;line-height:40px;}
    .header-nav li h3 .icon-more{width:40px;height:40px;}
    .header-nav li h3 .icon-more i{width:40px;height:40px;line-height:40px;font-size:14px;}
}


/*footer*/
.footer{width:100%;padding:8% 0;background:#0067b2;overflow:hidden;}
.footer-top{width:100%;}
.footer-left{float:left;width:250px;}
.footer-logo{float:left;width:46.4%;max-width:116px;}
.footer-logo a{display: block;width:100%;}
.footer-logo a img{display: block;width:100%;}
.footer-tel{float:left;width:100%;margin-top:40px;}
.footer-tel h5{font-size:16px;color:#fff;line-height:20px;}
.footer-tel a.tel{display:block;margin-top:10px;font-size:24px;color:#fff;font-family: "Arial";font-weight:bold;line-height:24px;}

.footer-right{float:right;width:250px;}
.footer-code{float:right;width:128px;}
.footer-code .code-img{width:128px;height:128px;border:#eee solid 1px;background:#fff;}
.footer-code .code-img img{display:block;width:100%;}
.footer-code h6{font-size:16px;color:#fff;line-height:20px;margin-top:16px;text-align:center;opacity:0.5;}

.footer-nav{width:calc(100% - 500px);float:left;display: flex;flex-direction: row;justify-content: space-around;align-items: flex-start;}
.footer-nav dl{width:auto;}
.footer-nav dl dt{width:100%;margin-bottom:36px;display:flex;flex-direction: row;justify-content: space-between;align-items: center;}
.footer-nav dl dt p{font-size:18px;color:#fff;line-height:20px;font-weight: bold;}
.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{width:100%;margin-bottom:12px;}
.footer-nav dl dd a{display:block;width:100%;font-size:16px;color:#fff;line-height:24px;opacity:0.5;transition: all 0.3s; -webkit-transition: all 0.3s;}
.footer-nav dl dd a:hover{opacity:1;}

.copyright{width:100%;padding:24px 0;background:#0067b2;border-top:#0b74c1 solid 1px;}
.copyright .cp-left{float:left;width:70%;max-width:500px;}
.copyright .cp-left p{font-size:16px;color:#fff;line-height:36px;float:left;width:100%;}
.copyright .cp-left span{opacity:0.5;}
.copyright .cp-left a{font-size:16px;color:#fff;line-height:36px;float:left;margin-right:20px;opacity:0.5;}
.copyright .cp-left a:hover{opacity:1;}

.copyright .cp-right{float:right;margin:10px 0;position:relative;}
.link-btn{float:right;width:166px;height:52px;border:#0b74c1 solid 1px;display: flex;flex-direction: row;align-items: center;justify-content: space-around;font-size:16px;color:#fff;line-height:24px;cursor:pointer;transition: all 0.3s; -webkit-transition: all 0.3s;}
.copyright .cp-right:hover .link-btn{background:#fff;color:#0067b2;}
.link-list{position: absolute;bottom:50px;right:0;z-index:2;width:166px;background:#fff;border:#0b74c1 solid 1px;box-shadow: 0 2px 12px rgba(0,0,0,0.1);display:none;}
.link-list li{width:100%;}
.link-list li a{display:block;width:100%;padding:0 12px;font-size:14px;font-size:333;line-height:36px;text-align:center;border-bottom:#e0e0e0 solid 1px;transition: all 0.3s; -webkit-transition: all 0.3s;}
.copyright .cp-right:hover .link-list{display:block;}
.link-list li a:hover{background:#0b74c1;color:#fff;}

@media(max-width:1280px){
    .copyright .cp-left p{font-size:14px;line-height:24px;}
    .copyright .cp-left a{font-size:14px;line-height:24px;margin-right:10px;}

    .copyright .cp-right{float:right;margin:4px 0;position:relative;}
    .link-btn{float:right;width:120px;height:40px;font-size:14px;}
    .link-list{bottom:38px;width:120px;}
}

@media(max-width:1080px){
    .footer {padding:30px 0 20px;}

    .footer-left{display:none;}

    .footer-right{width:100%;margin-top:20px;}
    .footer-code{float:none;width:100px;margin:0 auto;}
    .footer-code .code-img{width:100px;height:100px;}
    .footer-code h6{font-size:12px;margin-top:8px;}

    .footer-nav{width:100%;float:none;display:block;}
    .footer-nav dl{width:100%;}
    .footer-nav dl dt{margin-bottom:0;border-bottom:#0b74c1 solid 1px;}
    .footer-nav dl dt p{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-top:8px;}

    .copyright{padding:12px 0;}
    .copyright .cp-left{width:100%;text-align:center;float:none;max-width:100%;}
    .copyright .cp-left p{font-size:12px;line-height:20px;float:none;}
    .copyright .cp-left a{float:none;display:inline-block;font-size:12px;line-height:20px;margin-right:8px;}

    .copyright .cp-right{float:none;width:120px;margin:0 auto;margin-top:20px;}
    .link-list{bottom:0;}
}

/*内页导航*/
.inside-nav-box{width:100%;padding-left:calc(50% - 700px);position:relative;margin-top:-88px;z-index:3;}
.inside-nav{width:100%;background:rgba(255,255,255,0.9);height:88px;}
.inside-nav .swiper-container{padding:0 80px;}
.inside-nav li{width:auto;position:relative;}
.inside-nav li:first-child{margin-left:0;}
.inside-nav a{display:block;}
.inside-nav a h5{font-size:18px;color:#333;line-height:88px;transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;}
.inside-nav li.active a h5{color:#0067b2;}
.inside-nav li.active a h5:after{content:"";position: absolute;bottom:0;left:0;width:100%;height:2px;background:#0067b2;}
.inside-nav li:hover a h5{color:#0067b2;}
.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:#006cee;}
.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-box{padding-left:20px;margin-top:-72px;}
    .inside-nav{height:72px;}
    .inside-nav .swiper-container{padding:0 60px;}
    .inside-nav a h5{font-size:16px;line-height:72px;}
}

@media(max-width:1080px){
    .inside-nav{max-width:100%;height:60px;background:#f5f5f5;}
    .inside-nav-box{margin-top:0;padding-left:0;}
    .inside-nav .swiper-container{padding:0 20px;}
    .inside-nav a h5{font-size:14px;line-height:60px;}
}
@media(max-width:768px){
    .inside-nav{height:48px;border-bottom:#e0e0e0 solid 1px;}
    .inside-nav li{margin-left:20px;}
    .inside-nav a h5{font-size:14px;line-height:48px;}
    .inside-nav li.active a h5: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:20px;margin-right:20px;font-family:'MontL';}
.location .home a{float:left;line-height:88px;font-size:16px; color:#888;font-family:'MontL';}
.location .home a:hover{color:#006cee}
.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:#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;}

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

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

/*编辑器*/
.editor{font-size:16px;color:#333;line-height:36px;font-family:'微软雅黑';}
.editor a{font-size:16px;color:#333;line-height:36px;font-family:'微软雅黑';}
.editor h6{margin-top:20px;margin-bottom:20px;font-size:24px;color:#333;line-height:36px;font-family:'微软雅黑';}
.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:16px;color:#333;line-height:36px;font-family:'微软雅黑';}
.editor ul{padding-left:36px;}
.editor li::marker{text-indent:36px!important;}

@media(max-width:1440px){
    .editor{font-size:16px;line-height:32px;}
    .editor a{font-size:16px;line-height:32px;}
    .editor h6{font-size:20px;line-height:32px;}
    .editor ul,.editor li{font-size:16px;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:24px;}
    .editor a{font-size:14px;line-height:24px;}
    .editor h6{margin-top:12px;margin-bottom:12px;font-size:18px;line-height:24px;}
    .editor ul,.editor li{font-size:14px;line-height:24px;}
    .editor ul{padding-left:28px;}
    .editor li::marker{text-indent:28px!important;}
    .editor p{margin-bottom:12px;}
}

/*分页*/
.list-more{width:100%;margin-top: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:#0067b2;color:#fff;transition: all 0.6s;-webkit-transition: all 0.6s;}

.page01 { text-align:center; width:100%;margin-top:30px;}
.page01 a{display:inline-block;zoom:1;*display:inline;padding:0 16px;height:40px;line-height:40px;margin-left:4px; margin-right:4px;color:#999;font-size: 12px;cursor: pointer; text-align:center;}
.page01 .current{ color:#fff;background:#0067b2; }
.page01 a:hover{color:#fff;background: #0067b2; }
.page01 input{display:inline-block;zoom:1;*display:inline;width:60px;padding:0 8px;height:40px;border:none;background:#fff;}
.page01 input.go{border:#0067b2 solid 2px;color:#0067b2;}
.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;}

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