@charset "utf-8";
/*移动端头部*/
.sp_header{height:1rem;overflow:hidden;background:#fff;position:fixed;z-index:999;width:100%;}
.sp_header>a{height:1rem;display:flex;align-items:center;padding:0 .15rem;}
.mlogo{width:33%;}
.mlogo img{max-width:95%;max-height:85%;display:flex;align-items: center;justify-content:center;}

.topteldv{width:52%;height:100%;position: relative;}
.topteldv .toptel{display:block;width:100%;height:100%;display:flex;align-items: center;padding:0 0 0 3%;}
.topteldv .toptel span{display:inline-block;font-size:.26rem;font-weight:bold;color:#333;background: url(../images/telicon.png) no-repeat left center / .38rem .39rem;padding:0 0 0 .52rem;height:.45rem;line-height:.45rem;}

.topssdv{position:absolute;background:#fff;top:0;left:85%;height:1rem;display:flex;align-items:center;width:.6rem;transition:all .3s ease-in-out;overflow: hidden;}
.topssdv.on{width:100%;transition:all .3s ease-in-out;left:0;}
.searchdv{display:flex;align-items: center;width:100%;}
.searchdv a{padding:0 .15rem;}
.searchbtn{display:inline-block;float:left;}
.colsedbtn{display:inline-block;background:#fff;float:left;}
.searchbtn img,.colsedbtn img{width:.38rem;height:.38rem;border:1px solid #6D3E81;border-radius:.03rem;padding:.04rem;}
.topform{display:inline-block;float:left;width:100%;transition:all .8s ease-in-out;overflow: hidden;border-bottom:1px solid #a9afab;}
.topform label{display: inline-block;height:.32rem;line-height:.32rem;float:left;}
.topform label input[type="text"]{border:0;float:left;width:100%;height:.32rem;line-height:.32rem;}

.navbtn{width:15%;height:1rem;display:flex;align-items:center;justify-content:center;position:relative;}
.navbtn img{width:0.46rem;display:flex;align-items: center;justify-content:center;}
.sp_nav{width:0.4rem;height:0.5rem !important;position:absolute;left:50%;top:50%;margin:-0.3rem 0 0 -0.1rem;display: block !important;}
.sp_nav span{display:block;background:#6D3E81;width:0.4rem;height:2px;position:absolute;left:0;transition: all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:0.1rem;}
.sp_nav span:nth-of-type(2){top:0.25rem;}
.sp_nav span:nth-of-type(3){top:0.4rem;}
.sp_nav_se span:nth-of-type(1){top:0.25rem;transform:rotate(45deg);}
.sp_nav_se span:nth-of-type(2){width:0;}
.sp_nav_se span:nth-of-type(3){top:0.25rem;transform:rotate(-45deg);}
.sjj_nav{position:fixed;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:calc(100% - 0.6rempx);line-height:0.4rem;top:-200%;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:1rem;}
.mnavul{}
.mnavul>li:first-child{overflow:hidden;border-top:1px solid #ccc;}
.mnavul li i{position:absolute;top:0.08rem;right: 0px;height:0.5rem;padding:0px 0.07rem 0 0.07rem;}
.mnavul li i svg{transform: rotate(-90deg);transition:all ease 0.35s;}
.mnavul li .sjj_nav_i_se svg{transform:rotate(0deg);}
.mnavul li{border-top:1px #4C4C4C dashed;position: relative;line-height:0.8rem;font-size:0.2rem;}
.mnavul>li:last-child{border-bottom: 1px #4C4C4C solid;}
.mnavul li ul{display: none;}
.mnavul li a{color:#fff;width:100%;font-size:0.2rem;display: inline-block;text-indent:3.5em;}
.mnavul li ul li{text-align: center;background:0;}
.mnavul li ul li a{color:#fff;display:inline-block;text-align:left;text-indent:5em;}
.mnavul li i svg{width:20px;height:20px;fill:#fff;}
.mnavul li .sjj_nav_i_se svg{fill:#fff;}
.mnavul li ul li>ul{margin-left:10px;}
.topewm{padding:.25rem 0 .2rem 0;text-indent:0.7rem;}
.topewm img{width:1.22rem;height:1.22rem;}

/*banner*/
.banner{width:100%;overflow:hidden;margin:1rem 0 0 0;position: relative;}
.banner img{width:100%;}
.bannerbg{background:url(../images/bannerbg.png) no-repeat bottom left / 100% 1.22rem;width:100%;height:1.22rem;position: absolute;bottom:0;left:0;z-index:5;}
.bannericon{bottom:.2rem !important;}
.bannericon span{background:#cacaca;width:.15rem;height:.15rem;opacity:1;margin:0 .1rem !important;}
.bannericon .swiper-pagination-bullet-active{background:#6D3E81;}
.bannerltbtn{background:url(../images/indexdv1ltbtn.png) center center no-repeat;background-size:.15rem .28rem;left:0;}
.bannerrtbtn{background:url(../images/indexdv1rtbtn.png) center center no-repeat;background-size:.15rem .28rem;right:0;left:auto;}
.bannerltbtn:hover{background:url(../images/indexdv1ltbtn.png) center center no-repeat;background-size:.15rem .28rem;left:0;}
.bannerrtbtn:hover{background:url(../images/indexdv1rtbtn.png) center center no-repeat;background-size:.15rem .28rem;right:0;left:auto;}


/*indexdv1*/
.indexdv1{padding:0 .15rem;}
.idv1tit{text-align: center;margin:.3rem 0;}
.idv1tit h1{font-size:.32rem;font-weight:bold;}
.idv1tit h3{font-size:.26rem;color:#cbc9c9;text-transform:uppercase;font-style: italic;}

.idv1uldv{text-align: center;}
.idv1ulbox{border-radius:.15rem;overflow:hidden;}
.idv1ul{width:100%;}
.idv1ul li{width:100%;min-height:3.16rem;}
.idv1ul li>a{display: block;position:relative;font-size:0;width:100%;height:100%;overflow: hidden;}
.idv1ul li>a img{width:100%;transition: all .3s ease-in-out;}
.idv1ul li>a:hover img{transform: scale(1.1);transition: all .3s ease-in-out;}
.idv1ul li>a .idv1ulzz{position: absolute;bottom:0;left:0;width:100%;height:.75rem;line-height:.75rem;}
.idv1ul li>a .idv1ulzz h4{font-size:.24rem;padding:0 0 0 .35rem;color:#fff;background:rgba(0,0,0,0.5);}
.idv1ul li>a .idv1ulzz h4 span{font-size:.24rem;display: inline-block;float:right;width:40%;background:#6D3E81;color:#fff;text-align: center;}

.idv1ulltbtn{background:url(../images/idv1ullt.png) center center no-repeat;background-size:.3rem .52rem;left:.1rem;}
.idv1ulrtbtn{background:url(../images/idv1ulrt.png) center center no-repeat;background-size:.3rem .52rem;right:.1rem;left:auto;}
.idv1ulltbtn:hover{background:url(../images/idv1ullt_1.png) center center no-repeat;background-size:.3rem .52rem;left:.1rem;}
.idv1ulrtbtn:hover{background:url(../images/idv1ulrt_1.png) center center no-repeat;background-size:.3rem .52rem;right:.1rem;left:auto;}

.idv1ulbtn{text-align: center;display: inline-block;margin:.5rem 0;}
.idv1ulbtn a{display:inline-block;padding:.06rem;border:2px dashed #f7cd23;border-radius:.5rem;}
.idv1ulbtn i{display:inline-block;padding:0 .5rem;height:.5rem;line-height:.5rem;background:#F7CD23;border-radius:.5rem;}
.idv1ulbtn i span{display: inline-block;background:#f7cd23 url(../images/zixunbtnicon.png) no-repeat right center / .31rem .29rem;padding:0 .4rem 0 0;font-size:.22rem;color:#fff;font-weight:bold;}
.idv1ulbtn i:hover{background:#fddd5b;}
.idv1ulbtn i:hover span{background:#fddd5b url(../images/zixunbtnicon.png) no-repeat right center / .31rem .29rem;}

/*indexdv2*/
.indexdv2{background:url(../images/indexdv2bg.png) no-repeat left top / 100% 100%;padding:0 0 1.4rem 0;}
.idv2tit{text-align: center;padding:.5rem 0;}
.idv2tit h1{font-size:.32rem;font-weight:bold;color:#fff;}
.idv2tit h3{font-size:.26rem;text-transform:uppercase;font-style: italic;color:#fff;}

.idv2box{text-align: center;}
.idv2ctdv img{max-width:80%;}


/*indexdv3*/
.indexdv3{position:relative;padding:0 .15rem .35rem .15rem;}
.idv3main h3{font-size:.18rem;line-height:.36rem;}
.idv3sp{border-radius:.3rem; overflow:hidden;position:relative;font-size:0;margin:0 0 .3rem 0;}
.idv3sp a{display: block;}
.idv3sp a>img{width:100%;}
.idv3sp a .idv4ulzz{display:flex;align-items: center;/*垂直*/justify-content:center;/*水平*/position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.5);}
.idv3sp a .idv4ulzz img{width:.57rem;}
/*indexdv4*/
.indexdv4{background:url(../images/indexdv4bg.png) no-repeat left top / 100% 100%;padding:.8rem 0;}
.idv4main{padding:0 .15rem;}
.idv4tit{text-align:center;padding:.35rem 0;}
.idv4tit h1{font-size:.32rem;font-weight:bold;color:#6d3e81;}
.idv4tit h3{font-size:.26rem;text-transform:uppercase;font-style: italic;color:#6d3e81;}

.idv4lunbodv{position: relative;}
.idv4lunbonav{text-align: center;margin:0 0 .25rem 0;}
.idv4nav{display:inline-block;}
.idv4nav li{float:left;}
.idv4nav li>a{display:inline-block;font-size:.24rem;font-weight:bold;color:#fff;padding:0 0 0 .1rem;}
.idv4nav li>a:hover{color:#6D3E81;}
.idv4navact a{color:#6D3E81 !important;}

.idv4lunbo{border-radius:.3rem; overflow: hidden;}
.idv4lunbo .swiper-slide{position: relative;font-size:0;}
.idv4lunbo .swiper-slide a{display: block;}
.idv4lunbo .swiper-slide a>img{width:100%;}
.idv4lunbo .swiper-slide a .idv4ulzz{display:flex;align-items: center;/*垂直*/justify-content:center;/*水平*/position: absolute;left:0;top:0;width:100%;height:100%;}
.idv4lunbo .swiper-slide a .idv4ulzz img{width:.57rem;}
.idv4lunbo .swiper-slide p{background:rgba(0,0,0,0.6);color:#fff;line-height:.52rem;width:100%;position: absolute;right:0;bottom:0;font-size:.24rem;text-align:center;height:.65rem;line-height:.65rem;padding:0 .5rem;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;/**对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
   	-webkit-line-clamp:1;/** 显示的行数 **/
  	overflow: hidden;}
.idv4lunbo .idv4lunboltbtn,.idv4lunbo .idv4lunbo2ltbtn{background:url(../images/idv4rtbtn.png) no-repeat left top / .3rem .58rem;width:.3rem;height:.58rem;right:.2rem;}
.idv4lunbo .idv4lunbortbtn,.idv4lunbo .idv4lunbo2rtbtn{background:url(../images/idv4ltbtn.png) no-repeat left top / .3rem .58rem;width:.3rem;height:.58rem;left:.2rem;}

/*indexdv5*/
.indexdv5{padding:.3rem 0 .6rem 0;}
.idv5main{padding:0 .15rem;}
.idv5ul{width:100%;margin:0 0 .6rem 0;}
.idv5ul li{float:left;width:100%;height:5.4rem;position:relative;padding:1.2rem 0 0 0;cursor: pointer;position:relative;}
.idv5ultxtdv{border:5px solid #6D3E81;height:4.2rem;position:relative;border-radius:.3rem;}
.idv5ultxtdv>a{display: block;position:absolute;width:2.4rem;height:2.4rem;top:-1.2rem;left:50%;margin:0 0 0 -1.2rem;border-radius:50%;overflow:hidden;}
.idv5ultxtdv>a img{width:100%;height:100%;}

.idv5ultxt{text-align:center;position: absolute;bottom:1rem;width:100%;}
.idv5ultxt h3{font-size:.3rem;font-weight: bold;margin:0 0 .2rem 0;}
.idv5ultxt h3 small{display: block;font-size:.16rem;margin:0 0 0 .1rem;}
.idv5ultxt p{font-size:.16rem;text-align:left;padding:0 .3rem;opacity:1;height:.82rem;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;/**对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
   	-webkit-line-clamp:3;/** 显示的行数 **/
  	overflow: hidden;}

.idv5ulltbtn{background:url(../images/idv5ullt.png) center center no-repeat;background-size:.38rem .38rem;left:40%;width:.4rem;height:.4rem;top:77%;margin:0;}
.idv5ulrtbtn{background:url(../images/idv5ulrt.png) center center no-repeat;background-size:.38rem .38rem;right:40%;left:auto;width:.4rem;height:.4rem;top:77%;margin:0;}
.idv5ulltbtn:hover{background:url(../images/idv5ullt_1.png) center center no-repeat;background-size:.38rem .38rem;left:40%;}
.idv5ulrtbtn:hover{background:url(../images/idv5ulrt_1.png) center center no-repeat;background-size:.38rem .38rem;right:40%;left:auto;}

/*indexdv6*/
.indexdv6{background:url(../images/indexdv6bg.png) no-repeat left top / 100% 100%;padding:.6rem 0;}
.idv6tit{text-align:center;padding:.5rem 0;}
.idv6tit h1{font-size:.32rem;font-weight:bold;color:#fff;}
.idv6tit h3{font-size:.26rem;text-transform:uppercase;font-style: italic;color:#fff;}
.idv6box{padding:0 .15rem;}
.indexdv6lt{width:100%;font-size:0;border-radius:.3rem;overflow:hidden;}
.indexdv6lt>a{display:block;position: relative;width:100%;height:100%;overflow: hidden;}
.indexdv6lt>a img{width:100%;height:100%;transition: all .3s ease-in-out;}
.indexdv6lt>a:hover img{transform: scale(1.1);transition: all .3s ease-in-out;}
.idv6lttxt{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.8);height:.66rem;line-height:.66rem;padding:0 .2rem;}
.idv6lttxt p{float:left;font-size:.18rem;color:#fff;font-weight: bold;line-height:.66rem;width:100%;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;/**对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
   	-webkit-line-clamp:1;/** 显示的行数 **/
  	overflow: hidden;}
.idv6lttxt span{float:right;display: inline-block;font-size:.18rem;color:#f7ce26;}

.indexdv6rt{width:100%;}
.idv6rtul{margin:0 0 .6rem 0;}
.idv6rtul li{width:100%;float:left;margin:.5rem 0 0 0;border-bottom:1px dashed #fff;padding:0 0 .15rem 0;}
.idv6rtul li>a{display: inline-block;text-align: center;padding:.1rem .1rem;color:#fff;width:1rem;}
.idv6rtul li>a p{font-size:.42rem;font-weight: bold;}
.idv6rtul li>a p span{font-size:.16rem;font-weight: normal;}
.idv6rtul li>a i{display: inline-block;width:.3rem;height:1px;line-height:.1rem;border-bottom:2px solid #f7ce26;}
.idv6rtultxt{float:right;width:80%;color:#fff;}
.idv6rtultxt h3{margin:0 0 .1rem 0;}
.idv6rtultxt h3 a{display: inline-block;font-size:.18rem;font-weight: bold;color:#fff;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;/**对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
   	-webkit-line-clamp:1;/** 显示的行数 **/
  	overflow: hidden;}
.idv6rtultxt p{font-size:.18rem;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;/**对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
   	-webkit-line-clamp:2;/** 显示的行数 **/
  	overflow: hidden;}
.idv6rtultxt h3 a:hover{color:#f7ce26;}
.idv6btn{text-align: right;}
.idv6btn>a{display: inline-block;font-size:.18rem;font-weight: bold;color:#f7ce26;}

/*indexdv7*/
.indexdv7{padding:.1rem 0 .6rem 0;}
.about-three{width:100%;position:relative;z-index:5;}
.about-three-list{width: 100%;overflow: hidden;position: relative; z-index:2;}
.about-three-list li{width: 25%; float: left;}
.about-three-list li img{width: 100%; display:block;}
.about-three-bigbg{width:100%;height:100%;overflow:hidden; position:absolute;top:0; left: 0px;z-index:4;}
.about-three-bigbg img{width: 100%; display:block; position:absolute; left:0;top:0; opacity:0;}
.about-three-bigbg .bgon{z-index:5;}
.about-three-fixed{width:100%;height:100%; overflow:hidden; position:absolute;top:0;left:0;z-index:5;background:rgba(0,0,0,0.8);}
.about-three-fixed-text{width:100%;overflow:hidden;height:100%; cursor:default;}
.about-three-fixed-text li{width:25%;float: left;color: #ffff;float: left;height:100%;box-sizing:border-box;border-right:1px solid #777777;}
.about-three-fixed-text-n{color:#fff;margin-top:.5rem; margin-left:.5rem;}
.about-three-fixed-text-n span{font-size:.18rem;display: block;line-height:.3rem;letter-spacing:.05rem; }
.about-three-fixed-text-n p{font-size:.24rem;line-height:.6rem;}
.about-three-fixed-text li:hover span{ color:#6d3e81;}
.about-three-fixed-text li:hover p{ color:#6d3e81;}

/*indexdv8*/
.indexdv8{background: url(../images/indexdv8bg.png) no-repeat left top / 100% 100%;padding:0 .15rem .3rem .15rem;}
.idv8tit{text-align:left;padding:.5rem 0;}
.idv8tit h1{font-size:.32rem;font-weight:bold;color:#fff;}
.idv8tit h3{font-size:.26rem;text-transform:uppercase;font-style: italic;color:#fff;}

.idv8form{}
.idv8form label{display:inline-block;width:100%;background:#fff;margin:0 0 .2rem 0;border-radius:.3rem;overflow: hidden;}
.idv8form label input[type="text"]{width:100%;padding:.2rem 0;background:#fff;border:0;text-indent:.2rem;font-size:.18rem;}
.idv8form label input[type="text"]::-webkit-input-placeholder{color:#757575;font-size:.18rem;font-weight: bold;}
.idv8form label select{border:0;padding:.2rem .2rem;color:#757575;font-size:.18rem;font-weight: bold;}
.idv8form label select option{border:0;padding:.2rem .2rem;color:#757575;font-size:.18rem;font-weight: bold;}
.idv8form label input[type="text"]:focus::-webkit-input-placeholder,.idv8form textarea:focus::-webkit-input-placeholder{color:#ccc;}
.idv8form input[type="submit"]{width:100%;margin:0 0 .2rem 0;font-size:.26rem;font-weight: bold;color:#6D3E81;background:#fff;border:0;height:.7rem;line-height:.7rem;border-radius:.3rem;}


/*留言*/
.liuyandv{background: url(../images/indexdv8bg.png) no-repeat left top / 100% 100%;padding:0 .15rem .8rem .15rem;}

.zixunbtn2{text-align:left;}
.zixunbtn2 p{display:inline-block;padding:.06rem;border:2px dashed #6d3e81;border-radius:.5rem;}
.zixunbtn2 a{display:inline-block;padding:0 .5rem;line-height:.5rem;background:#6d3e81;border-radius:.5rem;}
.zixunbtn2 a span{display: inline-block;background:#6d3e81 url(../images/zixunbtnicon.png) no-repeat right center / .31rem .29rem;padding:0 .4rem 0 0;font-size:.22rem;color:#fff;font-weight:bold;}
.zixunbtn2 a:hover{background:#824d99;}
.zixunbtn2 a:hover span{background:#824d99 url(../images/zixunbtnicon.png) no-repeat right center / .31rem .29rem;}

.liuyanrt{width:7.3rem;margin:3rem 0 0 0;}
.liuyanform{}
.liuyanform label{display: inline-block;width:100%;}
.liuyanform label input[type="text"]{float:left;width:46%;margin:0 2%;color:#757575;font-size:.18rem;padding:.2rem 0;text-indent:.2rem;border:0;border-radius:.3rem;font-weight: bold;}
.liuyanform label input[type="text"]::-webkit-input-placeholder{color:#757575;font-size:.18rem;font-weight: bold;}
.liuyanform textarea{color:#6D3E81;width:96%;height:1.3rem;color:#757575;margin:.2rem 2%;padding:.15rem 0 0 .2rem;color:#565656;font-size:.18rem;font-weight: bold;border:0;border-radius:.3rem;}
.liuyanform textarea::-webkit-input-placeholder{color:#757575;font-size:.18rem;font-weight: bold;}
.liuyanform input[type="submit"]{width:96%;margin:0 2%;font-size:.26rem;font-weight: bold;color:#6D3E81;background:#fff;border:0;height:.7rem;line-height:.7rem;border-radius:.3rem;}
.liuyanform label input[type="text"]:focus::-webkit-input-placeholder,.liuyanform textarea:focus::-webkit-input-placeholder{color:#ccc;}


footer{margin:.3rem 0 1rem 0;}
.footer{text-align: center;}
.copydv{text-align:center;padding:.1rem 0;}
.copydv p{line-height:.32rem;color:#979796;}
.copydv p a{display: inline-block;color:#979796;}

.wzbottom{position: fixed;bottom: 0;width:100%;z-index:99;}
.wzbtul{}
.wzbtul li{float: left;width:33.3%;background:#6D3E81 url(../images/indexbtbg.png) repeat-y right top / .03rem .03rem;height:.75rem;line-height:.75rem;}
.wzbtul li:nth-child(3){background:#6D3E81;}
.wzbtul li a{display: inline-block;text-align: center;width:100%;}
.wzbtul li a span{display: inline-block;font-size:.22rem;color:#fff;padding:0 0 0 .45rem;}
.wzbtul li:nth-child(1) a span{background: url(../images/indexbticon1.png) no-repeat left center / .33rem .3rem;}
.wzbtul li:nth-child(2) a span{background: url(../images/indexbticon2.png) no-repeat left center / .31rem .31rem;}
.wzbtul li:nth-child(3) a span{background: url(../images/indexbticon3.png) no-repeat left center / .32rem .3rem;}