@charset "utf-8";
/*common*/
.index-main{width: 100%;position:relative;}

.index-title{width: 100%;position:relative; overflow:hidden; text-align:center;display: flex;flex-direction: column;}
.index-title p{ display:block; width:100%;z-index:10;}
.index-title .cn{ font-size:30px;line-height:40px; color:#000;}
.index-title .en{ font-size:14px; line-height:20px;text-transform: uppercase; color:#666;}
.index-title:before,
.index-title:after{ content:''; width:50%;height:1px; background:#999; position:absolute; top:50%; }
.index-title:before{left:-15%;}
.index-title:after{right:-15%;}

.index-more{width: 150px; display:block; margin:0 auto;position:relative;border:1px solid #b5b5b5;border-radius: 2px;color: #666;}
.index-more a{ display:block;font-size: 18px;height: 40px;text-align: center;line-height: 40px;}
.index-more:hover{color:#fff;background: #5098f1;border-color:#5098f1;}
/*----------------------------------------------------------------------------------------*/
/*slide*/
.index-slide{width: 100%;overflow:hidden;position:relative;}
.index-slide img{display:block;width:100%;}
.index-slide .tips{position:absolute;bottom:0;z-index:10;left:0;width:100%;display:flex;align-items:center;justify-content:center;}
.index-slide .tips .swiper-pagination-bullet{width: 10px;height: 10px;background: #999;margin: 10px 3px;border-radius: 50%;opacity: 1;}
.index-slide .tips .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#4591f0;}
/*----------------------------------------------------------------------------------------*/
/*box6*/
.index-box6{width: 100%;overflow:hidden;position:relative;padding:100px 0;background:#fff;}
.index-box6 ul{font-size:0;width:100%;position:relative;overflow:hidden;}
.index-box6 .eachbox{display: flex;justify-content: space-between;}
.index-box6 .eachbox li{display:block;width:157px;overflow:hidden;cursor: pointer;}
.index-box6 .eachbox i{display:block;width:157px;height:174px;background-position:center;background-repeat:no-repeat;background-size: contain;}
.index-box6 .eachbox h1{display:block;width:100%;font-size: 20px;line-height:1em;font-weight:normal;text-align: center;margin: 30px 0 10px;}
.index-box6 .eachbox p{display:block;width:100%;text-align: center;font-size:12px;line-height:20px;}

.index-box6 .eachbox .li1 i{background-image:url(../images/box6/1.png);}
.index-box6 .eachbox .li2 i{background-image:url(../images/box6/2.png);}
.index-box6 .eachbox .li3 i{background-image:url(../images/box6/3.png);}
.index-box6 .eachbox .li4 i{background-image:url(../images/box6/4.png);}
.index-box6 .eachbox .li5 i{background-image:url(../images/box6/5.png);}
.index-box6 .eachbox .li6 i{background-image:url(../images/box6/6.png);}

.index-box6 .eachbox .li1:hover i,
.index-box6 .eachbox .li1.on i{background-image:url(../images/box6/1-1.png);}
.index-box6 .eachbox .li2:hover i,
.index-box6 .eachbox .li2.on i{background-image:url(../images/box6/2-1.png);}
.index-box6 .eachbox .li3:hover i,
.index-box6 .eachbox .li3.on i{background-image:url(../images/box6/3-1.png);}
.index-box6 .eachbox .li4:hover i,
.index-box6 .eachbox .li4.on i{background-image:url(../images/box6/4-1.png);}
.index-box6 .eachbox .li5:hover i,
.index-box6 .eachbox .li5.on i{background-image:url(../images/box6/5-1.png);}
.index-box6 .eachbox .li6:hover i,
.index-box6 .eachbox .li6.on i{background-image:url(../images/box6/6-1.png);}

.index-box6 .index-main{background:#fafafa;border:1px solid #e6e6e6;margin-top:70px;padding:30px;}
.index-box6 .eachinfo{width:100%;position:relative;display:none;}
.index-box6 .eachinfo.open{display:block;}
.index-box6 .eachinfo .img{width:34%;max-width:380px;}
.index-box6 .eachinfo .txt{width:66%;height:100%;position:absolute;top:0;right:0;padding-left:20px;display: flex;flex-direction: column;justify-content: center;}
.index-box6 .eachinfo .txt h1{font-size: 24px;line-height: 34px;}
.index-box6 .eachinfo .txt p{font-size: 16px;line-height: 2em;margin: 40px 0;}
.index-box6 .eachinfo .txt ul li{display:inline-block;border: #5098f1 2px solid;text-align: center;padding:10px 15px;font-size: 18px;color: #333;margin-left:10px;}
.index-box6 .eachinfo .txt ul li:first-child{margin-left:0;}
/*----------------------------------------------------------------------------------------*/
/*album*/
.index-album{width: 100%;background:url(../images/album/bg.jpg) no-repeat center/cover; position:relative; overflow:hidden; padding:100px 0 50px;}
.index-album:before{ content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.8);}
.index-album .index-title .cn{ color:#fff;}
.index-album .index-title .en{ color:#ccc;}
.index-album .index-title:before,
.index-album .index-title:after{ background:#fff;}
.index-album .index-main{ margin-top:30px; font-size:0;overflow:hidden;}
.index-album .index-main .item{ display:block;width:100%;cursor: pointer;}
.index-album .index-main .item img{display:block;width:100%;}
.index-album .index-main .item p{ font-size:14px; line-height:2em; text-align:center; margin-top:5px; color:#fff;}
.index-album .tips{position: relative;bottom: unset;display: block;text-align: center;font-size: 0; margin-top:20px;}
.index-album .tips .swiper-pagination-bullet{background: #999;opacity: 1;}
.index-album .tips .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}
/*----------------------------------------------------------------------------------------*/
/*adv*/
.index-adv{width: 100%;background:#fff; position:relative; overflow:hidden; padding:100px 0;}
.index-adv .index-main{ font-size:0; margin-top:50px;}

.index-adv .left{ max-width:661px; width:56%; display:inline-block; vertical-align:top;position:relative;padding-top: 30px;}
.index-adv .left img{ display:block; width:100%;}

.index-adv .right{ width:44%;display:inline-block; vertical-align:top; position:relative;}
.index-adv .right dl{ width:100%;display:block; margin-top:35px;}
.index-adv .right dl:nth-child(1){margin-top:20px;}
.index-adv .right dl:nth-child(2),
.index-adv .right dl:nth-child(3){transform: translateX(20px);width:calc(100% - 20px);}
.index-adv .right dl:nth-child(1),
.index-adv .right dl:nth-child(4){transform: translateX(-20px); width:calc(100% + 20px);}
.index-adv .right dd{font-size: 18px; line-height:1em; color:#333;}
.index-adv .right dt{ margin-top:10px;}
.index-adv .right dt p{font-size: 14px; color:#666; line-height:24px;}
/*----------------------------------------------------------------------------------------*/
/*about*/
.index-about{width: 100%;position:relative; overflow:hidden;background:#f5f5f5;padding:100px 0;}
.index-about .index-main{ margin-top:50px; background:#fff;}

.index-about .eachinfo{ display:none; width:100%; position:relative;}
.index-about .each{ display: block;width:100%;position:relative;}
.index-about .eachinfo.open{ display:block;}

.index-about .left{width:80%;display:block;}
.index-about .left dd{display:block;width:57%;max-width:539px;}
.index-about .left dd img{display:block;width:100%;}

.index-about .left dt{ width:43%; height:100%; position:absolute; top:0; right:0;padding:0 20px 20px;overflow:hidden;}
.index-about .left dt a{display: block;width: 100%;font-size:20px;line-height:70px;margin-bottom:20px;color: #333;position: relative;transition: all .5s ease;}
.index-about .left dt a:hover{ color:#5098f1;}
.index-about .left dt a:before,
.index-about .left dt a:after{content:''; position:absolute; top:50%; left:85px;background: #5098f1; width:14px; height:2px; margin-top:-1px;opacity: 0;transition: all .5s ease;}
.index-about .left dt a:after{transform: rotate(90deg);}
.index-about .left dt a:hover:before,
.index-about .left dt a:hover:after{opacity: 1;}
.index-about .left dt p{font-size: 14px;line-height: 2em; height:calc(100% - 90px); overflow:hidden;color: #666;width: 100%;}

.index-about .right{ width:20%; height:100%; position:absolute; top:0; right:0;}
.index-about .right li{height: 70px; line-height:70px;text-align: center;font-size: 18px; margin-bottom:1px;cursor: pointer;}
.index-about .right li:hover,
.index-about .right li.on{background: #5098f1;color: #FFF;}
/*----------------------------------------------------------------------------------------*/
/*news*/
.index-news{width: 100%;position:relative; overflow:hidden;background:#fff;padding:100px 0 50px;}
.index-news .index-main{margin-top:50px; font-size:0;}
.index-news .item{ width:49%; margin-right:2%; display:inline-block; vertical-align:top; margin-bottom:2%;}
.index-news .item:nth-child(2n){ margin-right:0;}

.index-news .item .date{width: 80px; display:inline-block; vertical-align:top;}
.index-news .item .date p{width:100%;height:40px; display:flex;align-items: center;justify-content: center;font-size: 18px;text-align: center;border:1px solid #5098f1;}
.index-news .item .date .p1{color:#fff;background: #5098f1;}
.index-news .item .date .p2{color: #5098f1;background:#f5f5f5;}

.index-news .item a{ width:calc(100% - 80px);display:inline-block; vertical-align:top;padding-left: 30px;}
.index-news .item a h1{font-size: 18px; line-height:1em; height:1em; overflow:hidden; font-weight:normal;color:#333; }
.index-news .item:hover a h1{color:#5098f1;}
.index-news .item a h2{color: #999;font-size:14px; line-height:2em;margin:10px 0;}
.index-news .item a p{font-size:14px;color:#666; line-height:2em;}

.index-news .index-more{margin-bottom: 65px;margin-top: 40px;}
/*----------------------------------------------------------------------------------------*/
.copybox{ padding:20px 0 0;}
.ggf{background: #353a3f;width: 100%;color: #999;padding-bottom: 20px;}
/*----------------------------------------------------------------------------------------*/