@charset "UTF-8";
/*-------------------------------------------------------------------------------------------------------------------------*/
/*top*/
.header{position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);transition: all .5s ease;}
.header .txtbox:before{content:''; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:0;opacity: .1;}
.header .logo img {filter: contrast(0) brightness(2);}
.topnav li a{color:#fff;}
.topnav li .a1 .but:before,
.topnav li .a1 .but:after{background:#fff;}
.topnav li .box .a2{color:#333;}
.header .search .but img{filter: drop-shadow(0 30px 0 #fff);transform: translateY(-30px);}
.header .search:hover .but img{filter: drop-shadow(0 30px 0 #ffae00);transform: translateY(-30px);}

@media screen and (min-width: 769px){.header.on{top:-40px;}}
@media screen and (max-width: 1024px){
	.navbut i{background: #fff;}
	
	.wapnav{background: #222;color: #999;}
	.wapnav ul li{border-bottom: 1px rgba(255,255,255,.1) solid;}
	.wapnav li.on .a1{color:#ffae00;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*foot*/
.yqlj{display:block;width: 100%;background: #222222;position: relative;color: #999;}
.yqlj p{font-size: 14px;line-height: 2em;border-bottom: 1px rgba(255,255,255,.11) solid;padding: 20px 0;}
.yqlj p a{margin-right:6px;}
.yqlj p a:last-child{margin-right:0;}
.yqlj a:hover{color:#ffae00;}

.footer{padding:40px 0; }
.copybox{padding:20px 0 0;}
.ggf{width:100%; position:relative;background: #141414; color:#ccc;}

.bdss{width: 100%;position: relative; display:block;}
.bdss a{margin-right:6px;}
.bdss a:last-child{margin-right:0;}
.bdss a:hover{color:#f69100;}
@media only screen and (max-width:768px){
	.bdss{display:none;}
	.footer{padding:20px 0; }
	.yqlj p {padding: 10px 0;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*common*/
.index-title{width:100%; position:relative;margin-bottom: 50px;padding-bottom:15px;}
.index-title:before,
.index-title:after{content:''; position:absolute;left:0;}
.index-title:before{background:#ffae00; height:3px; width:86px; bottom:-1px; z-index:10;}
.index-title:after{background:#999; height:1px; width:100%; bottom:0; z-index:5;opacity: .2;}
.index-title .left{display: inline-block;font-size: 26px;font-weight: bold;letter-spacing: 2px; }
.index-title .right{display: flex;position: absolute;height: 100%;top: 0;right: 0;padding-bottom:15px;}
.index-title .right a{font-size: 14px;display: flex;align-items: center;position: relative;padding: 0 20px;height: 100%;background: #999;color: #fff;}
.index-title .right a:hover{background:#ffae00;}

.index-title .arrow{width: 35px;height: 100%; margin-left:5px;cursor: pointer;}
.index-title .arrow:before,
.index-title .arrow:after {width:10px; height:2px;}
.index-title .arrl{margin-left:20px;border: 2px solid #ffae00;}
.index-title .arrl:before,
.index-title .arrl:after{background: #ffae00; }
.index-title .arrr{border: 2px solid #ccc;}
.index-title .arrr:before,
.index-title .arrr:after{background: #ccc; }

.index-main{width:100%; position:relative;overflow:hidden;}

@media screen and (max-width: 1200px){
	.index-title{margin-bottom:40px;padding-bottom:10px;}
	.index-title:before{width:66px;}
	.index-title .left{font-size:22px; line-height:30px;}
	.index-title .right{padding-bottom:10px;}
	.index-title .arrow{width:30px;}
}
@media screen and (max-width: 1024px){
	.index-title{margin-bottom:30px;}
	.index-title:before{width:60px;}
	.index-title .arrow{display:none;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*slide*/
.index-slide{width:100%; position:relative;overflow:hidden;}
.index-slide .slide-img{width:100%;position:relative;overflow:hidden;z-index:2;}
.index-slide .slide-img img{ display:block; width:100%;}
.index-slide .slide-word{width:100%; height:100%;position: absolute; top:0; left:0;z-index:50;background:rgba(0,0,0,.5);}
.index-slide .slide-word .w1200{height: auto; padding-top:110px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.index-slide .slide-word .p1{overflow: hidden;font-size: 80px; line-height:90px;color: #fff;height:90px;font-weight: bold; text-align:center;}
.index-slide .slide-word .swiper{height:90px;overflow: hidden;}
.index-slide .slide-word .p2{color: #fff;font-size: 20px;text-align: center;line-height: 30px; margin-top:30px;}
.index-slide .slide-word .more{background:#f69100;display:block; text-align:center; width: 180px; padding:1em 0; line-height:1em;border-radius: 3px;color: #fff;font-size:16px; font-weight:bold; position: relative; margin:50px auto 0 auto;}
@media screen and (max-width: 1200px){
	.index-slide .slide-word .w1200{padding-top:90px;}
	.index-slide .slide-word .p1{font-size:50px; line-height:60px;height:60px;}
	.index-slide .slide-word .swiper{height:60px;}
	.index-slide .slide-word .p2{font-size:18px;line-height:28px;margin-top:10px;}
	.index-slide .slide-word .more{margin:20px auto 0 auto; width:170px;font-size:15px;}
}
@media screen and (max-width: 1024px){
	.index-slide .slide-word .w1200{padding-top:70px;}
	.index-slide .slide-word .p1{font-size:40px; line-height:50px;height:50px;}
	.index-slide .slide-word .swiper{height:50px;}
	.index-slide .slide-word .p2{font-size:16px;line-height:26px;}
}
@media screen and (max-width: 1024px){
	.index-slide .slide-word .w1200{padding-top:50px;}
	.index-slide .slide-word .p1{font-size:30px; line-height:40px;height:40px;}
	.index-slide .slide-word .swiper{height:40px;}
	.index-slide .slide-word .p2{font-size:14px;line-height:24px;}
	.index-slide .slide-word .more{margin:10px auto 0 auto;}
}
@media screen and (max-width: 768px){
	.index-slide{ margin-top:60px;}
	.index-slide .slide-word .w1200{padding-top:0;top:40%;}
	.index-slide .slide-word .p1{font-size:20px; line-height:30px;height:30px;}
	.index-slide .slide-word .swiper{height:30px;}
	.index-slide .slide-word .p2{font-size:12px;line-height:16px;margin-top:0;}
	.index-slide .slide-word .more{width:130px;font-size:12px;margin:5px auto 0 auto;padding:10px 0;}
}
@media screen and (max-width:500px){.index-slide{ margin-top:50px;}}
@media screen and (max-width:450px){
	.index-slide .slide-word .p1{font-size:18px; line-height:28px;height:28px;}
	.index-slide .slide-word .swiper{height:28px;}
}
@media screen and (max-width:400px){.index-slide{ margin-top:40px;}}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*adv*/
.index-adv{width:100%; position:relative;padding:80px 0; overflow:hidden;}
.index-adv .index-title{margin-bottom:0; text-align:center;}
.index-adv .index-title:before{left:50%;transform: translateX(-50%);}
.index-adv ul{font-size:0;}
.index-adv ul li{width:32%; margin-right:2%; display:inline-block; vertical-align:top; margin-top:50px; position:relative;}
.index-adv ul li .left{width:70px; height:70px; position:absolute; top:0; left:0;cursor: pointer;}
.index-adv ul li .left i{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: #ffae00; border:2px #ffae00 solid;padding: 5px;border-radius: 50%;overflow:hidden;}
.index-adv ul li:hover .left i img{display:block; max-height:100%; max-width:100%;}
.index-adv ul li:hover .left i{background:#fff;}
.index-adv ul li:hover .left i img{filter: drop-shadow(0 70px 0 #ffae00);transform: translateY(-70px);}
	
.index-adv ul li .right{display:block;padding:0 0 0 90px; min-height:70px;}
.index-adv ul li .right h1{display: block;font-size: 20px;line-height: 20px;color: #333;margin-bottom: 6px; overflow:hidden;}
.index-adv ul li .right p{font-size: 14px;color: #999;line-height: 22px;}
@media screen and (min-width: 1201px){.index-adv ul li:nth-child(3n){margin-right:0;}}
@media screen and (max-width: 1200px){
	.index-adv{padding:60px 0;}
	.index-adv ul li{width:49%;margin-top:40px;}
	.index-adv ul li:nth-child(2n){margin-right:0;}
}
@media screen and (max-width: 768px){
	.index-adv{padding:50px 0;}
	.index-adv ul li{width:100%;margin-top:30px;margin-right:0;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*pro*/
.index-pro{width:100%; position:relative; background:url(../img/bg/pro.jpg) no-repeat center/cover;padding:80px 0; overflow:hidden;}
.index-pro:before{content:''; width:100%; height:100%; background:#000; position:absolute; top:0; left:0;opacity: .8;}
.index-pro .index-title .left{color:#fff;}

.index-pro .index-main .item{display:block; width:100%;border-radius: 10px; overflow:hidden; position:relative;}
.index-pro .index-main .item .tit{position: absolute;left: 0;bottom: 0;display: block;width: 100%;background: rgba(0,0,0,.8);padding: 20px;border-radius: 10px;}
.index-pro .index-main .item .tit p{font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#fff;}
@media screen and (min-width: 1025px){
	.index-pro .index-main .item .tit{transform: translateY(100%);transition: all .5s ease;}
	.index-pro .index-main .item:hover .tit{transform: translateY(0);}
}
@media screen and (max-width: 1200px){.index-pro{padding:60px 0;}}
@media screen and (max-width: 1024px){
	.index-pro .index-main .item .tit{padding:10px;}
	.index-pro .index-main .item .tit p{font-size:14px; line-height:24px; height:24px;}
}
@media screen and (max-width: 768px){
	.index-pro{padding:50px 0;}
	.index-pro .index-main .item,
	.index-pro .index-main .item .tit{border-radius:0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/*xinwen*/
.index-xinwen{width:50%;position:relative; background:#fff;padding:80px 20px 80px 0; overflow:hidden; float:left;}
.index-xinwen .item{background: #f5f5f5;margin-bottom: 10px;position: relative;}
.index-xinwen .item .tit{font-size: 16px;padding: 15px 50px 15px 60px;}
.index-xinwen .item .tit i{cursor: pointer;display: block;background: #ccc;width: 16px;height: 16px; margin:4px;position: absolute;top: 15px;left:15px;cursor: pointer;}
.index-xinwen .item .tit i:before,
.index-xinwen .item .tit i:after{content: '';background: #fff;z-index: 10;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.index-xinwen .item .tit i:before{width:12px;height:2px;}
.index-xinwen .item .tit i:after{width:2px; height:12px;}
.index-xinwen .item .tit p{color:#333; font-size:15px; line-height:20px; height:20px; overflow:hidden; display:block; position:relative;}
.index-xinwen .item .tit .arrow{position:absolute; top:15px; right:15px; width:30px; height:20px;cursor: pointer;}
.index-xinwen .item .tit .arrow:before,
.index-xinwen .item .tit .arrow:after {background: #666; width:1px; height:8px;}

.index-xinwen .item .desc{display:none;padding: 20px;}
.index-xinwen .item .desc p{font-size: 14px;line-height: 24px;color: #666;}
.index-xinwen .item .desc a{color: #f69100;display: block;font-size: 14px;line-height: 1em;margin-top: 10px;}
.index-xinwen .item .desc a:hover{color:#666;}

.index-xinwen .item.on .tit{background:#f69100;}
.index-xinwen .item.on .tit p{color:#fff;}
.index-xinwen .item.on .tit i{background:#fff;}
.index-xinwen .item.on .tit i:before,
.index-xinwen .item.on .tit i:after{background:#f69100;}
.index-xinwen .item.on .tit i:after{display:none;}
.index-xinwen .item.on .tit .arrow:before,
.index-xinwen .item.on .tit .arrow:after{background:#fff;}
.index-xinwen .item.on .desc{display:block;}
@media screen and (max-width: 1200px){
	.index-xinwen{width:100%;padding:60px 0;float:none;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/*album*/
.index-album{width:50%;position:relative; background:#fff;padding:80px 0 80px 20px; overflow:hidden; float:right;}
.index-album .index-main{overflow:hidden;}
.index-album .index-main img{display:block; width:100%;}
.index-album .smallbox{margin-top:10px;}
.index-album .smallbox .swiper-slide{border:2px #ddd solid;}
.index-album .smallbox .swiper-slide.swiper-slide-thumb-active{border:2px #ffae00 solid;}
@media screen and (max-width: 1200px){
	.index-album{display:none;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*banner*/
.index-banner{width:100%; position:relative; background:url(../img/bg/ban.jpg) no-repeat center/cover;padding:120px 0; overflow:hidden;color: #fff;}
.index-banner:before{content:''; width:100%; height:100%; background:#000; position:absolute; top:0; left:0;opacity: .8;}
.index-banner table{margin: 0 0 0 auto; width:auto;text-align:right;}
.index-banner .p1{font-size: 26px;line-height: 34px;}
.index-banner .p2{font-size: 70px;font-weight: bold; line-height:80px;padding-bottom: 30px;}
.index-banner .index-main{text-align:center;}
.index-banner .num{font-size: 40px;line-height: 50px;color: #ffae00;}
.index-banner .num span{color:#fff;}
.index-banner .txt{font-size: 14px;line-height: 2em;}
@media screen and (max-width: 1200px){
	.index-banner{padding:60px 0;}
	.index-banner .p1{font-size:20px;line-height:30px;}
	.index-banner .p2{font-size:50px;line-height:60px;padding-bottom:20px;}
	.index-banner .num{font-size:30px;line-height:40px;}
}
@media screen and (max-width: 768px){
	.index-banner{padding:40px 0;}
	.index-banner .p1{font-size:18px;line-height:28px;}
	.index-banner .p2{font-size:40px;line-height:50px;padding-bottom:15px;}
	.index-banner .num{font-size:20px;line-height:30px;}
	.index-banner table{ width:100%; text-align:center;}
}
@media screen and (max-width: 500px){
	.index-banner .p1{font-size:16px;line-height:26px;}
	.index-banner .p2{font-size:30px;line-height:40px;}
}
@media screen and (max-width: 400px){
	.index-banner .p2{font-size:25px;line-height:35px;}
}
@media screen and (max-width: 360px){
	.index-banner .txt{font-size: 12px;}
	.index-banner .p2{font-size:20px;line-height:30px;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*dongtai*/
.index-dongtai{width:100%; position:relative; background:#fff;padding:80px 0; overflow:hidden;}
.index-dongtai .index-main{overflow:hidden;}
.index-dongtai .swiper-slide .word{width:100%; position:relative; margin-top:20px;}
.index-dongtai .swiper-slide .word p{display: block;overflow: hidden;}
.index-dongtai .swiper-slide .word .tit{font-size: 18px;line-height: 1em;height: 1em;}
.index-dongtai .swiper-slide .word .time{font-size:12px; color:#999; line-height:2em;}
.index-dongtai .swiper-slide .word .desc{font-size: 14px;line-height: 24px;color: #666; margin:12px 0;}
.index-dongtai .swiper-slide .word .more{display: inline-block;padding: 10px 20px;font-size: 14px;line-height: 1em;border-radius: 3px;background: #f69100;color: #fff;}
.index-dongtai .swiper-slide .word .more:hover{background:#ffae00;}