@charset "UTF-8";
/*index*/
/*幻灯片*/
.index-slide{overflow:hidden;position:relative;width:100%;}
.index-slide .img{display:block;background-position:center;background-repeat:no-repeat;background-size:cover;height:calc(100vh - 220px);position:relative;overflow:hidden;min-height:400px;max-height:800px;}

.index-slide .tips{position:absolute;left:0;z-index:5;display:flex;justify-content:center;}
.index-slide .tips .swiper-pagination-bullet{width:40px;height:4px;margin:10px;cursor:pointer;background:#fff;border-radius:0;opacity:.6;}
.index-slide .tips .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:#762069;}

.index-slide .but{width:60px;height:180px;position:absolute;z-index:10;top:50%;cursor:pointer;opacity:0;background-position:center;background-repeat:no-repeat;transform:translateY(-50%) scale(.5);transition:.5s ease;}
.index-slide .prev{left:100px;background-image:url(../images/index/slide-prev.png);}
.index-slide .next{right:100px;background-image:url(../images/index/slide-next.png);}
.index-slide:hover .but{opacity:.5;transform:translateY(-50%) scale(1);}
.index-slide:hover .but.swiper-button-disabled{opacity:0;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*首页标题*/
.index-title{width:100%;position:relative;padding:30px 0;}
.index-title:before,
.index-title:after{content:'';width:60px;height:30px;display:block;border-color:#000;border-style:solid;box-sizing:border-box;position:absolute; left:50%;transform:translateX(-50%);opacity:.3;}
.index-title:before{top:0;border-width:1px 1px 0;}
.index-title:after{bottom:0;border-width:0 1px 1px;}
.index-title .tit{display: block;width: 100%;text-align: center;padding: 20px 0;}
.index-title .tit h3{font-size: 40px;font-weight: bold;color: #762069;line-height: 1em;}
.index-title .tit p{font-size: 16px;color: #666;line-height: 1em;margin-top: 15px;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*首页2级栏目*/
.index-meau{ width:100%; position:relative;padding:15px 0;}
.index-meau ul{overflow:hidden; font-size:0;position:relative; text-align:center;}
.index-meau ul li{line-height:34px;margin:5px 10px;display:inline-block; padding:0 25px;font-size: 14px;border:1px solid #c2c2c2;color:#666;border-radius:15px;}
.index-meau ul li:hover{border:1px solid #762069;color:#fff;background:#762069;}

.eachbox .each.on{border-color:#762069;color:#fff;background:#762069;}
.eachinfo{ display:none;}
.eachinfo.open{ display:block;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*首页更多*/
.index-more{display:block; width:100%; position:relative; overflow:hidden;}
.index-more a{width:150px;height:40px; display:block;margin:0 auto;text-align:center;border:1px solid #ccc;color:#666;line-height:40px;}
.index-more a:hover{border:1px solid #762069;background:#762069;color:#fff;text-indent:10px;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*banner*/
.index-banner{width:100%;color:#fff;background:url(../images/index/banner.jpg) no-repeat center/cover;padding: 40px 85px;}
.index-banner .fl{position: absolute;height: 100%;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;}
.index-banner .fl h3{font-size:40px;line-height:1em;padding-bottom:20px;}
.index-banner .fl p{font-size:20px;font-size: 20px;line-height: 2em;}
.index-banner .fl p em{color:#762069;filter: brightness(1.5);}

.index-banner .fr{display: flex;align-items: center;}
.index-banner .fr .img{margin-left:20px;height:130px;}
.index-banner .fr .img img{ display:block; width: auto; height:100px; margin:0 auto;}
.index-banner .fr .img p{ line-height:20px; height:20px; overflow:hidden; text-align:center; margin-top:10px;}
.index-banner .fr .txt{display: flex;flex-direction: column;justify-content: space-between;height: 130px;}
.index-banner .fr .txt p{width: 300px;height: 54px;color: #fff;border-radius: 30px;display: flex;align-items: center;justify-content: center;}
.index-banner .fr .tel{border:1px solid #7a7c82;font-family:arial;font-size:26px;}
.index-banner .fr .tel i{position:relative;width:25px;height:25px;background:url(../images/index/banner-tel.png) no-repeat center/100%;margin-right:10px;filter: brightness(2);}
.index-banner .fr .but{font-size:20px;background:#762069;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*首页通用小零件*/
.index-h3{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;padding:5px;background: rgba(0,0,0,.5);z-index: 2;overflow: hidden;}
.index-h3 p{line-height: 20px;height: 40px;font-size: 15px;overflow: hidden;display: flex;width: 100%;align-items: center;word-break: break-all;}

.ico-jia{ position:relative;}
.ico-jia:before, .ico-jia:after{ content:'';display:block;position:absolute;top:50%; left:50%;transform: translate(-50%, -50%); background:#000;}
.ico-jia:before{width:2px; height:14px;}
.ico-jia:after{width:14px; height:2px;}

.index-box{width:100%; position:relative;padding:20px 85px; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#fff;}
.index-box .main{width:100%;position:relative; margin-bottom:20px;}
.index-box ul{position:relative;}
.index-box .img{display:block;width:100%;overflow:hidden;}
.index-box .img img{width:100%; display:block;}

.tran-scale{ overflow:hidden;}
.tran-scale img{transition:transform .5s ease;}
.tran-scale:hover img{transform:scale(1.1);}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*pro*/
.index-pro{ background-image:url(../images/index/probg.jpg);}
.index-pro .main ul li{position:relative;width:calc(calc(100% - 60px) / 4);margin-right:20px;margin-bottom:20px;transition:all .5s; float:left;}
.index-pro .main ul li:nth-child(4n){margin-right:0;}
.index-pro .main ul li:hover{box-shadow:0 0 10px rgba(0, 0, 0, .2);}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*album*/
.index-album .main .box{width:50%;}
.index-album .main .box img{display:block;width:100%;height:auto; margin:0 auto;}
.index-album .main .item .index-h3{opacity:1;transition:all .5s;}
.index-album .main .item:hover .index-h3{opacity:0;}

.index-album .main .item .txt{position:absolute;left:0;top:0;width:100%;height:100%; z-index:5;transition:all .3s;opacity:0;}
.index-album .main .item:hover .txt{opacity:1;}
.index-album .main .item .txt p,
.index-album .main .item .txt i{opacity:0;position:absolute;transition:all .8s ease;left:50%;display:block;}
.index-album .main .item .txt p{bottom:0;transform: translate(-50%, 120%);}
.index-album .main .item .txt i{top:0;transform: translate(-50%, -120%);}
.index-album .main .item:hover .txt p{opacity:1;bottom: 50%;}
.index-album .main .item:hover .txt i{opacity:1;top: 50%;}

.index-album .left{height:100%;position: absolute; top:0; left:0;}
.index-album .left .txt{background:rgba(0,0,0,.5);}
.index-album .left .txt p{color:#fff;font-size:18px;line-height:20px; width:100%; height:20px; overflow: hidden;text-align: center;}
.index-album .left .txt i{width: 40px;height: 40px;background: #fff;border-radius: 50%;}
.index-album .left .txt i:before,
.index-album .left .txt i:after{ background:#762069;}
.index-album .tips{height: 60px;position: absolute;right: 0;bottom: 0;z-index: 10;padding: 20px;display: flex;align-items: center;}
.index-album .tips .swiper-pagination-bullet{margin-left: 6px;width: 14px;height: 14px;background: #fff;transition: all .5s;opacity: 1;border:2px #fff solid;}
.index-album .tips .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#762069;}

.index-album .fr{position:relative;}
.index-album .fr .item{float:left;width:50%;overflow:hidden;position:relative;}
.index-album .fr .txt{background:rgba(118,32,105,.8);}
.index-album .fr .txt i{font-weight:bold;font-size:20px;color:#fff;line-height:20px; width:100%; height:20px; overflow: hidden;text-align: center;}
.index-album .fr .txt p{display:block;width:98px;height:34px;font-size:16px;line-height:34px;text-align:center;color:#fff;border:1px solid #fff;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*adv*/
.index-adv{ background-image:url(../images/index/advbg.jpg);}
.index-adv .index-title h3,
.index-adv .index-title p{ color:#fff;}
.index-adv .index-title:before,
.index-adv .index-title:after{border-color:#fff;opacity:.8;}

.index-adv .main{width:100%;position:relative;position:relative;}
.index-adv .main li{position:relative;width:calc(calc(100% - 60px) / 4);margin-right:20px;margin-top:20px;transition:all .5s; float:left;cursor: pointer;}
.index-adv .main li:nth-child(4n){margin-right:0;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*about*/
.index-about{overflow:hidden; background-image:url(../images/index/aboutbg.jpg); background-position:top center; background-size:auto 714px;box-shadow: 0 0 10px rgba(0,0,0,.04);}
.index-about .index-title:before,
.index-about .index-title:after{left:10px;transform:translateX(0);}
.index-about .index-title .tit{text-align:left;}

.index-about .fl{width:50%;display:block; padding-right:60px;}
.index-about .main{width: 100%;margin-top: 40px;position: relative;margin-bottom:0px;}
.index-about .main h1{font-size: 24px;font-weight: bold;color: #333;line-height: 26px;}
.index-about .main p{padding-top:40px;color:#666;line-height:30px;margin-bottom:46px;}
.index-about .main a{width:150px;height:40px; display:block;text-align:center;border:1px solid #ccc;color:#666;line-height:40px;transition:text-indent .5s ease;}
.index-about .main a:hover{border:1px solid #762069;background:#762069;color:#fff;text-indent:10px;}

.index-about .fr{width:50%;display:block;background:#fff;box-shadow:0 2px 20px rgba(0, 0, 0, 0.1);padding:10px;}
.index-about .fr .video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.5);transform: scale(0);transition: transform .5s ease;}
.index-about .fr .video a{width: 100px;height: 100px;display: block;background: url(../images/index/play.png) no-repeat center/100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);filter: brightness(9);}
.index-about .fr:hover .video{ transform: scale(1);}
.index-about .fr .video a:hover{filter: brightness(4)}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*news*/
.index-news .main .item{width:100%;position: relative;border-bottom: 1px dashed #d7d7d7;transition: all .5s;padding: 20px 0;display: block;}
.index-news .main .item .date{display: block;width:100px;border-right: 1px solid #ddd;margin-right: 30px;padding-right: 20px;text-align: center;color: #666;float: left;color: #666;}
.index-news .main .item .date em{display: block;font-size: 48px;line-height: 1em;opacity: .8;}
.index-news .main .item .date span{line-height: 25px;opacity: .5;}
.index-news .main .item .txt{ width:calc(100% - 130px);float: left;}
.index-news .main .item .txt h3{color:#333;font-size:18px;transition:all .5s;}
.index-news .main .item .txt p{color:#666;font-size:14px;line-height:24px;margin-top:6px;}
.index-news .main .item:hover .date,
.index-news .main .item:hover h3{ color:#762069;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*链接*/
.index-foot .copyright{padding:15px 85px 0;}

.index-youqin{background:rgba(0,0,0,.95);color:#ccc; padding:0 85px 15px;}
.index-youqin p{font-size:14px; line-height:24px;}
.index-youqin p a{color:#ccc;margin:0 5px;}
.index-youqin p a:hover{color:#fff;}


.bdss{font-size:14px; line-height:24px;}
.bdss a{margin:0 5px;}
.bdss a:hover{color:#762069;}
/*------------------------------------------------------------------------------------------------------------------------------------*/