@charset "utf-8";

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

/*头部*/
.header{width:100%;height:150px;padding:45px 0;z-index:100;position:fixed;top:0;left:0;}
.header .top-logo{float:left;width:200px;}
.header .top-logo a{display:block;width:100%;}
.header .top-logo a img{width:100%;display:block;}
.header .top-logo a img.logo1{display:block;}
.header .top-logo a img.logo2{display:none;}

.nav-icon{float:right;margin-top:12px;width:36px;height:36px;position:relative;cursor:pointer;z-index:102;overflow:hidden;}
.nav-icon span{position:absolute;top:8px;left:4px;width:28px;height:3px;background:#fff;transition:all 0.3s;-webkit-transition:all 0.3s;}
.nav-icon span.line02{top:16px;opacity:1;}
.nav-icon span.line03{top:24px;left:22px;width:10px;}
.nav-icon:hover span.line03{left:4px;width:28px;}

.nav-icon.open span{background:#fff;}
.nav-icon.open span.line01{transform:rotate(45deg);top:16px;}
.nav-icon.open span.line02{opacity:0;}
.nav-icon.open span.line03{transform:rotate(-45deg);top:16px;left:4px;width:28px;}
.nav-icon.open:hover span.line03{left:4px;width:28px;}

.header-nav-box{float:left;width:calc(100% - 240px);display:flex;justify-content: center;}

.nav-list li{float:left;margin-left:30px;margin-right:30px;}
.nav-list li a{float:left;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;}
.nav-list li a span{font-size:18px;color:#fff;line-height:60px;font-family:"微软雅黑";font-weight:bold;}
.nav-list li:hover a span{opacity:0.5;}
.nav-list li.cur  a span{opacity:0.5;}

.header.scroll{height:90px;padding:15px 0;background:#fff;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.header.scroll .top-logo a img.logo1{display:none;}
.header.scroll .top-logo a img.logo2{display:block;}
.header.scroll .nav-icon span{background:#333;}
.header.scroll .nav-icon.open span{background:#fff;}
.header.scroll .nav-list li a span{color:#333;}

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

/*二级下拉*/
.header-side-nav{position:absolute;z-index:101;width:25%;max-width:480px;right:-100%;top:0;height:100vh;background:#0070c0;padding:160px 20px 60px 60px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.header-side-nav.open{right:0;}
.header-side-nav li{float:left;width:100%;max-width:340px;position:relative;margin-top:20px;}
.header-side-nav li .first-nav{float:left;width:100%;}
.header-side-nav li .first-nav a{float:left;width:100%;font-size:18px;color:#fff;line-height:36px;font-family:"微软雅黑";font-weight:bold;}
.header-side-nav li .first-nav .icon{position:absolute;top:0;right:0;width:50%;height:36px;cursor:pointer;}
.header-side-nav li .first-nav .icon i{position:absolute;top:17px;right:10px;width:16px;height:2px;background:#fff;opacity:1;transition:all 0.3s;-webkit-transition:all 0.3s;}
.header-side-nav li .first-nav .icon i.line02{transform:rotate(90deg);}
.header-side-nav li .first-nav .icon.open i.line01{opacity:0;}
.header-side-nav li .first-nav .icon.open i.line02{transform:rotate(0deg);}
.header-side-nav li.cur .first-nav a{color:#ec6801;}
.header-side-nav li:hover .first-nav a{color:#ec6801;}
.header-side-nav li:hover .first-nav .icon i{background:#ec6801;}

.second-nav{float:left;width:100%;display:none;}
.second-nav dl{float:left;width:100%;}
.second-nav dd{float:left;width:100%;padding:0 20px;}
.second-nav dd a{float:left;width:100%;font-size:16px;color:#fff;line-height:40px;font-family:"微软雅黑";}
.second-nav dd:hover a{color:#ec6801;}


@media(max-width: 1720px){
    .header-side-nav{padding-left:40px;}
}

@media(max-width: 1440px){
    .header{height:120px;padding:30px 0;}
    .header .top-logo{width:160px;margin-top:6px;}
    .header-nav-box{width:calc(100% - 200px);}
    .nav-list li{margin-left:20px;margin-right:20px;}
    .nav-list li a span{font-size:16px;}

    .header-side-nav li .first-nav a{font-size:16px;}
    .second-nav dd a{font-size:14px;line-height:32px;}

}

@media(max-width: 1280px){
    .nav-list li{margin-left:16px;margin-right:16px;}

    .header-side-nav{width:72%;max-width: 360px}
}

@media(max-width: 1080px){
    .header{height:48px;padding:6px 0;}
    .header .top-logo{width:120px;margin-top:0;}
    .header-nav-box{display:none;}
    .nav-icon{margin-top:0;}
    .nav-icon span{top:10px;left:6px;width:24px;height:2px;}
    .nav-icon span.line02{top:18px;opacity:1;}
    .nav-icon span.line03{top:26px;left:20px;width:10px;}
    .nav-icon:hover span.line03{top:26px;left:20px;width:10px;}

    .nav-icon.open span.line03{top:16px;left:6px;width:24px;}
    .nav-icon.open:hover span.line03{left:6px;width:24px;}

    .header.scroll{height:48px;padding:6px 0;}
    .header.scroll .top-logo{width:120px;margin-top:0;}
    .header-side-nav{padding:40px 4%;}
}


/*footer*/
.footer{width:100%;padding:80px 0 110px;background:#000;overflow:hidden;}
.footer-nav{float:left;width:67%;}
.footer-nav dl{float:left;width:16%;}
.footer-nav dl:nth-child(2){width:19%;}
.footer-nav dl:nth-child(5){width:17%;}
.footer-nav dl dt{float:left;width:100%;margin-bottom:20px;}
.footer-nav dl dt a{float:left;font-size:22px;color:#fff;line-height:28px;font-family:'微软雅黑';}
.footer-nav dl dd{float:left;width:100%;margin-bottom:12px;}
.footer-nav dl dd a{float:left;font-size:16px;color:#888;line-height:24px;transition: all 0.3s; -webkit-transition: all 0.3s;font-family:'微软雅黑';}
.footer-nav dl dd a:hover{color:#0070c0;}

.footer-contact{float:right;width:33%;}
.footer-contact h5{float:left;width:100%;font-size:22px;color:#fff;line-height:28px;font-family:'微软雅黑';margin-bottom:20px;}
.footer-cont-txt{float:left;width:75%;}
.footer-cont-txt h6{float:left;width:100%;font-size:16px;color:#888;line-height:24px;transition:all 0.3s;-webkit-transition:all 0.3s;font-family:'微软雅黑';margin-bottom:12px;}
.footer-cont-txt h6 p{line-height:inherit;}
.footer-cont-txt .online{float:left;width:100%;margin-top:20px;}
.footer-cont-txt .online a{float:left;width:188px;height:48px;background:#4787b4;border-radius:4px;font-size:18px;color:#fff;line-height:48px;text-align:center;transition: all 0.2s; -webkit-transition: all 0.2s;}
.footer-cont-txt .online a i{font-size:24px;margin-right:8px;display:inline-block;vertical-align:top;}
.footer-cont-txt .online a span{display:inline-block;vertical-align:top;}
.footer-cont-txt .online a:hover{box-shadow:0 2px 12px rgba(255,255,255,0.3);}

.footer-code{float:right;width:23%;}
.footer-code .code-img{float:left;width:100%;padding:8px;border-radius:4px;background:#fff;}
.footer-code .code-img img{display:block;width:100%;}

.copyright{width:100%;font-size:16px;color:#888;line-height:36px;padding:30px 0;background:#000;border-top:#404040 solid 1px;font-family:'Arial';}
.copyright p{line-height:inherit;}
.copyright a{font-size:16px;color:#888;line-height:36px;margin-left:8px;position:relative;}
.copyright a:hover{color:#fff;}
.copyright .cp-left{float:left;}
.copyright .cp-right{float:right;}

@media(max-width:1440px){
    .footer{padding:60px 0;}
    .footer-nav dl dt{margin-bottom:20px;}
    .footer-nav dl dt a{font-size:20px;}
    .footer-contact h5{font-size:20px;margin-bottom:20px;}
    .copyright{padding:24px 0;}
}

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

    .footer-contact{width:100%;}
    .footer-contact h5{font-size:16px;line-height:24px;margin-bottom:16px;}
    .footer-cont-txt h6{font-size:14px;line-height:24px;margin-bottom:8px;}
    .footer-cont-txt .online{margin-top:20px;}
    .footer-cont-txt .online a{width:140px;height:40px;font-size:14px;line-height:40px;}
    .footer-cont-txt .online a i{font-size:16px;} 

    .footer-code{float:right;width:120px;}
    .footer-code .code-img{max-width:120px;padding:4px;}

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

@media(max-width:769px){
    .footer-contact h5{margin-bottom:8px;}
    .footer-cont-txt h6{margin-bottom:4px;}
    .footer-cont-txt{width:100%;}
    .footer-code{float:left;width:100px;margin-top:40px;}
}

/*面包屑导航*/
.location{width:100%;}
.location .home span{float:left;margin-left:10px;margin-right:10px;line-height:76px;font-size:16px;color:#888;}
.location .home a{float:left;line-height:76px;font-size:16px;color:#888;font-family:'微软雅黑';}
.location .home a:hover{color:#0070c0;}
.location .home strong{float:left;line-height:76px;font-size:16px;color:#888;font-family:'微软雅黑';}

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

.no-banner{width:100%;height:150px;background:#fff;}
.no-banner .header .top-logo a img.logo1{display:none;}
.no-banner .header .top-logo a img.logo2{display:block;}
.no-banner .header .nav-icon span{background:#333;}
.no-banner .header .nav-icon.open span{background:#fff;}
.no-banner .header .nav-list li a span{color:#333;}

@media (max-width:1440px){
    .no-banner{height:120px;}
}
@media (max-width:1080px){
    .no-banner{height:48px;}
}

/*内页banner*/
.inside-banner{width:100%;background-repeat:no-repeat;background-position:center;background-size: cover;position:relative;transition:all 1s;-webkit-transition:all 1s;}
.inside-banner .banner-txt{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;display:flex;align-items: center;}
.inside-banner .banner-txt h1{width:100%;margin-top:60px;font-family:'微软雅黑';font-size:48px;line-height:56px;color:#fff;text-align:left;font-weight:bold;}
.inside-banner .banner-txt h2{width:100%;margin-top:60px;font-family:'微软雅黑';font-size:48px;line-height:56px;color:#fff;text-align:left;font-weight:bold;}
.inside-banner .pc-inside-banner{display:block;width:100%;position:relative;}
.inside-banner .wap-inside-banner{display:none;width:100%;position:relative;}
.inside-banner img{display:block;width:100%;}

@media(max-width:1440px){
    .inside-banner .banner-txt h1{font-size:40px;line-height:48px;}
    .inside-banner .banner-txt h2{font-size:40px;line-height:48px;}
}
@media(max-width:1280px){
    .inside-banner .banner-txt h1{font-size:36px;line-height:44px;}
    .inside-banner .banner-txt h2{font-size:36px;line-height:44px;}
}

@media(max-width:1080px){
    .inside-banner .banner-txt h1{font-size:28px;line-height:32px;}
    .inside-banner .banner-txt h2{font-size:28px;line-height:32px;}
}

@media(max-width:768px){
    .inside-banner .pc-inside-banner{display:none;}
    .inside-banner .wap-inside-banner{display:block;}
    .inside-banner .banner-txt h1{font-size:20px;line-height:28px;margin-top:40px;}
    .inside-banner .banner-txt h2{font-size:20px;line-height:28px;margin-top:40px;}
}


/*内页导航*/
/*.inside-nav-box{width:100%;background:#4787b4;position:relative;}
.inside-nav-height{width:100%;background:#4787b4;position:relative;}
.inside-nav{float:left;width:100%;position:relative;}
.inside-nav li{width:auto;position:relative;margin-left:60px;}
.inside-nav li:first-child{margin-left:0;}
.inside-nav a{display:block;}
.inside-nav a h6{font-size:18px;color:#fff;line-height:68px;font-family:'微软雅黑';font-weight:bold;transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;}
.inside-nav li a h6:after{content:"";position: absolute;bottom:10px;left:50%;width:0;height:4px;background:#fff;transition: all 0.2s;-webkit-transition: all 0.2s;border-radius:4px;}
.inside-nav li:hover a h6:after{width:100%;left:0;}
.inside-nav li.active a h6:after{width:100%;left:0;}*/
.inside-nav-box{width:100%;background:#f8faff;position:relative;}
.inside-nav{width:100%;position:relative;}
.inside-nav ul{text-align:center;}
.inside-nav li{display:inline-block;width:auto;}
.inside-nav a{display:block;width:100%;}
.inside-nav a h6{font-size:18px;color:#333;line-height:76px;text-align:center;font-family:"微软雅黑";font-weight:bold;transition: all 0.2s;-webkit-transition: all 0.2s;padding:0 30px;}
.inside-nav li.active a h6{color:#0070c0;}
.inside-nav li:hover a h6{color:#0070c0;}

.inside-nav .swiper-button-next,.inside-nav .swiper-button-prev{width:20px;height:100%;margin-top:0;z-index:9;transition:all 0.3s;-webkit-transition:all 0.3s;opacity:1;left:-2px;top:0;font-size:16px;color:#fff;display:flex;align-items: center;background-image: linear-gradient(to right, rgb(248,250,255), rgba(248,250,255,.5));justify-content:flex-start;}
.inside-nav .swiper-button-next i,.inside-nav .swiper-button-prev i{position:absolute;top:0;left:0;width:100%;height:100%;background-image: url(../images/icon-right01-1.png);background-repeat:no-repeat;background-size:16px;background-position:right center;}
.inside-nav .swiper-button-prev i{background-image: url(../images/icon-left01-1.png);background-position:left center;}
.inside-nav .swiper-button-next {left:auto;right:-2px;background-image: linear-gradient(to left, rgb(248,250,255), rgba(248,250,255,.5));justify-content:flex-end;}
.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 a h6{line-height:64px;padding:0 24px;}
}

@media(max-width:1080px){
    .inside-nav a h6{font-size:16px;line-height:48px;padding:0 16px;}
    .inside-nav .swiper-button-prev {left:-12px;}
    .inside-nav .swiper-button-next {right:-12px;}
}
@media(max-width:768px){
    .inside-nav a h6{font-size:14px;line-height:48px;padding:0;margin-right:20px;}
    .inside-nav li:last-child a h6{margin-right:0;}
}

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

.inside-sec-nav{width:100%;margin-top:80px;}
.inside-sec-nav ul{width:100%;text-align:center;}
.inside-sec-nav li{display:inline-block;margin-left:10px;margin-right:10px;}
.inside-sec-nav li a{display:block;padding:0 40px;font-size:16px;color:#333;line-height:48px;border-radius:24px;background:#f5f5f5;font-family:'微软雅黑';transition: all 0.3s;-webkit-transition: all 0.3s;}
.inside-sec-nav li a:hover{background:#0070c0;color:#fff;}
.inside-sec-nav li.active a{background:#0070c0;color:#fff;}
@media (max-width:1440px){
    .inside-sec-nav{margin-top:60px;}
}
@media (max-width:1080px){
    .inside-sec-nav{margin-top:40px;}
    .inside-sec-nav li{margin-bottom:16px;}
    .inside-sec-nav li a{padding:0 20px;font-size:14px;line-height:36px;}
}
@media (max-width:769px){
    .inside-sec-nav{margin-top:20px;}
}

/*分页*/
.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:#0070c0;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:#0070c0; }
.page01 a:hover{color:#fff;background: #0070c0; }
.page01 input{display:inline-block;zoom:1;*display:inline;width:60px;padding:0 8px;height:40px;border:none;background:#f3f3f3;}
.page01 input.go{border:#0070c0 solid 2px;color:#0070c0;}
.page02 { float:left;width:100%; height:45px; line-height:45px; text-align:center;color:#333; font-size:16px; background:#f8f8f8; margin-top:20px; display:none;}

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

/*视频弹框*/
.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:#888;line-height:36px;font-family:'微软雅黑';}
.editor a{font-size:16px;color:#888;line-height:36px;font-family:'微软雅黑';}
.editor h6{font-weight:bold;margin-top:20px;margin-bottom:10px;font-size:18px;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:16px;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:6px;font-size:14px;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;}
}

.collect{width:40px;height:40px;border-radius:4px;position:absolute;right:10px;top:10px;z-index:4;background-color:#fff;background-image:url(../images/icon-collect01.png);background-repeat:no-repeat;background-position:center;background-size:20px;cursor:pointer;}
.collect.collected{background-image:url(../images/icon-collect02.png);}