.index-banner-box{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.index-banner-box .swiper-slide{
	height: 100%;
	position: relative;
	overflow: hidden;
}
.index-banner-box .swiper-slide .bg-img{
	width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%) scale(1.08);
	-moz-transform: translate(-50%,-50%) scale(1.08);
	transform: translate(-50%,-50%) scale(1.08);
	transition: 5s;
	
}
.index-banner-box .swiper-slide .moble-img{
	display: none;
}
.index-banner-box .swiper-slide-active .bg-img{
	
	-webkit-transform: translate(-50%,-50%) scale(1);
	-moz-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1);
}

.index-banner-box .swiper-slide .con{
	width: 1480px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	top: 42%;
}
.index-banner-box .swiper-slide .con .text-box{}
.index-banner-box .swiper-slide .con .text-box .text-1{
    font-size: 14px;
    color: #fff;
	overflow: hidden;
}
.index-banner-box .swiper-slide .con .text-box .text-1 p{
	position: relative;
	top: 15px;
	opacity: 0;
	transition: 1s;
}
.index-banner-box .swiper-slide-active .con .text-box .text-1 p{
	top: 0;
	opacity: 1;
}

.index-banner-box .swiper-slide .con .text-box .text-1 span{
    display: inline-block;
    padding: 0 10px;
    opacity: 1;
}
.index-banner-box .swiper-slide .con .text-box .text-2{
	margin: 20px 0 24px;
	overflow: hidden;
}
.index-banner-box .swiper-slide .con .text-box .text-2 p{
    font-size: 56px;
    color: #fff;
    font-weight: 100;
    position: relative;
    top: 60px;
	opacity: 0;
	transition: 1s;
}
.index-banner-box .swiper-slide-active .con .text-box .text-2 p{
	top: 0px;
	opacity: 1;
}

.index-banner-box .swiper-slide .con .text-box .btn-img{
	overflow: hidden;
}
.index-banner-box .swiper-slide .con .text-box .btn-img img{
    position: relative;
    top: 56px;
	opacity: 0;
	transition: 1s .2s;
}
.index-banner-box .swiper-slide-active .con .text-box .btn-img img{
	top: 0px;
	opacity: 1;
}
.index-banner-box .swiper-slide .con .text-box .btn-img a{
	display: block;
    width: 192px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #7c1c72;
    border-radius: 50px;
    text-align: center;
    letter-spacing: 4px;
	position: relative;
    top: 56px;
	opacity: 0;
	transition: 1s .2s;
}
.index-banner-box .swiper-slide-active .con .text-box .btn-img a{
	top: 0px;
	opacity: 1
}
.index-banner-box .swiper-slide .con .text-box .btn-img a i{
	display: inline-block;
    padding-left: 30px;
}


.index-banner-box .swiper-btn{
    position: absolute;
    bottom: 54px;
    left: 50%;
    margin-left: -740px;
    width: 1480px;
    height: 30px;
    overflow: hidden;
    z-index: 2;
}

.index-banner-box .swiper-btn ul{
    font-size: 0;
    height: 20px;
    line-height: 20px;
    float: left;
    position: relative;
    top: 30px;
    transition: 1s;
}
.index-banner-box .swiper-btn.active ul{
	top: 0;
}
.index-banner-box .swiper-btn ul li{
    font-size: 14px;
    font-family: Arial;
    color: #fff;
    float: left;
    cursor: pointer;
}
.index-banner-box .swiper-btn ul li h4{
	font-weight: 500;
	display: inline-block;
	font-size: 14px;
	opacity: .5;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}
.index-banner-box .swiper-btn ul li.active h4,
.index-banner-box .swiper-btn ul li:hover h4{
	opacity: 1;
}
.index-banner-box .swiper-btn ul li span{
    
}
.index-banner-box .swiper-btn p{
    position: absolute;
    left: 50%;
    top: 30px;
    transition: 1s;
    border: 2px solid #fff;
    width: 22px;
    box-sizing: border-box;
    height: 30px;
    border-radius: 10px;
}
.index-banner-box .swiper-btn.active p{
	top: 0;
}
.index-banner-box .swiper-btn p i{
    display: block;
    width: 2px;
    height: 8px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 5px;
    margin-left: -1px;
	 animation: myfirst1 1.5s infinite;
    -webkit-animation: myfirst1 1.5s infinite; /* Safari 与 Chrome */
}
.index-banner-box .swiper-btn ol{
    float: right;
    height: 20px;
    position: relative;
    top: 30px;
    transition: 1s;
}
.index-banner-box .swiper-btn.active ol{
	top: 0;
}
.index-banner-box .swiper-btn ol li{
    float: left;
	cursor: pointer;
}
.index-banner-box .swiper-btn ol li img{
	opacity: .5;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}
.index-banner-box .swiper-btn ol li:hover img{
	opacity: 1;
}
.index-banner-box .swiper-btn ol em{
	display: block;
    float: left;
    width: 1px;
    height: 14px;
    background: #fff;
    opacity: .3;
    position: relative;
    margin: 0 18px;
    top: 3px;
}

.index-banner-box .swiper-pagination{}
.index-banner-box .swiper-pagination h4{
	background: none;
    width: auto;
	height: auto;
    color: #fff;
    font-weight: normal;
    padding-right: 20px;
	position: relative;
	opacity: 1;
	color: rgba(255,255,255,.5);
	outline: none;
}
.index-banner-box .swiper-pagination h4.swiper-pagination-bullet-active{
	 color: #fff;
}
.index-banner-box .swiper-pagination h4:after{
	content: "";
    display: inline-block;
    width: 5px;
    height: 1px;
    background: #fff;
    opacity: .5;
    position: absolute;
    bottom: 8px;
    right: 8px;
}
.index-banner-box .swiper-pagination h4:last-child:after{
	display: none;
}




/*moble-banner*/
.moble-banner{
	width: 100%;
	height: 100%;
	display: none;
	overflow: hidden;
}
.moble-banner ul{}
.moble-banner ul li{}
.moble-banner ul li a{
	display: block;
}
.moble-banner ul li img{
	display: block;
	width: 100%;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
}
.moble-banner .swiper-pagination{
	bottom: 20px;
}
.moble-banner .swiper-pagination h4{
	background: none;
	margin: 0 10px !important;
	color: #fff;
	opacity: .5;
}
.moble-banner .swiper-pagination .swiper-pagination-bullet-active{
	opacity: 1;
}


.moble-banner .swiper-slide .con{
	width: 88%;
	position: absolute;
	z-index: 1;
	margin: 0 auto;
	bottom: 10%;
	left: 6%;
}
.moble-banner .swiper-slide .con .text-box{}
.moble-banner .swiper-slide .con .text-box .text-1{
    font-size: 14px;
    color: #fff;
	overflow: hidden;
}
.moble-banner .swiper-slide .con .text-box .text-1 p{
	position: relative;
	top: 15px;
	opacity: 0;
	transition: 1s;
}
.moble-banner .swiper-slide-active .con .text-box .text-1 p{
	top: 0;
	opacity: 1;
}

.moble-banner .swiper-slide .con .text-box .text-1 span{
    display: inline-block;
    padding: 0 10px;
    opacity: 1;
}
.moble-banner .swiper-slide .con .text-box .text-2{
	margin: 15px 0 24px;
	overflow: hidden;
}
.moble-banner .swiper-slide .con .text-box .text-2 p{
    font-size: 32px;
    color: #fff;
    font-weight: 100;
    position: relative;
    top: 60px;
    opacity: 0;
    transition: 1s;
}
.moble-banner .swiper-slide-active .con .text-box .text-2 p{
	top: 0px;
	opacity: 1;
}

.moble-banner .swiper-slide .con .text-box .btn-img{
	overflow: hidden;
}
.moble-banner .swiper-slide .con .text-box .btn-img img{
    position: relative;
    top: 56px;
	opacity: 0;
	transition: 1s .2s;
}
.moble-banner .swiper-slide-active .con .text-box .btn-img img{
	top: 0px;
	opacity: 1;
}
.moble-banner .swiper-slide .con .text-box .btn-img a{
	display: block;
    width: 192px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #7c1c72;
    border-radius: 50px;
    text-align: center;
    letter-spacing: 4px;
	position: relative;
    top: 56px;
	opacity: 0;
	transition: 1s .2s;
}
.moble-banner .swiper-slide-active .con .text-box .btn-img a{
	top: 0px;
	opacity: 1
}
.moble-banner .swiper-slide .con .text-box .btn-img a i{
	display: inline-block;
    padding-left: 30px;
}

@keyframes myfirst1

{

	0% {height: 0; top: 5px; }

	33% {height: 8px; top: 5px; }

	66% {height: 8px; top: 13px;}

	100% {height: 0px; top: 21px;}

}

 

@-webkit-keyframes myfirst1 /* Safari 与 Chrome */

{

    0% {height: 0; top: 5px; }

	33% {height: 8px; top: 5px; }

	66% {height: 8px; top: 13px;}

	100% {height: 0px; top: 21px;}

}







.pinpai-box{

	background: #f4f4f4;

	padding: 20px;

	position: relative;

}

.pinpai-box ul{}

.pinpai-box ul li{

	width: calc(100% / 3.09);

	height: 376px;

	float: left;

	background: #fff;

	border-radius: 20px;

	margin-right: 20px;

	position: relative;

	text-align: center;

	overflow: hidden;

}

.pinpai-box ul li:last-child{

	margin-right: 0;

}

.pinpai-box ul li h2{

	font-size: 32px;

    font-weight: normal;

    color: #222;

    position: relative;

    z-index: 1;

    padding-top: 136px;

}

.pinpai-box ul li p{

	    font-size: 14px;

    color: #222;

    position: relative;

    padding: 10px 0 38px;

    z-index: 1;

}

.pinpai-box ul li a{

	font-size: 12px;

	color: #222;

	position: relative;

	z-index: 1;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	text-decoration: underline;

}

.pinpai-box ul li:hover a{

	letter-spacing: 3px;

	

}

.pinpai-box ul li img{

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 0;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	transition: 0.6s;

	

	opacity: 0;

	transform: scale(1.1);

	

	

}



.pinpai-box ul li:hover img{

	opacity: 1;

	transform: scale(1);

}









.about{

	width: 100%;

	height: 560px;

	background: url("../images/bigimg1.jpg") no-repeat center fixed;

	text-align: center;

}

.about h2{

	    font-size: 32px;

    font-weight: inherit;

    color: #fff;

    letter-spacing: 10px;

    padding: 194px 0 16px;

}

.about p{

	    font-size: 14px;

    line-height: 22px;

    color: #fff;

    width: 1280px;

    margin: 0 auto;

    padding-bottom: 46px;

}

.about a{

	font-size: 14px;

	color: #fff;

	letter-spacing: 0px;

	text-decoration: underline;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}





.about a:hover{

	letter-spacing: 6px;

}













.wenhua{

	padding: 110px 0;

}

.wenhua .content{

	width: 1480px;

	margin: 0 auto;

}

.wenhua .left{

	width: 496px;

	float: left;

	padding-top: 40px;

}

.wenhua .top-tab{

	    border-bottom: 1px solid #eee;

}

.wenhua .top-tab p{

	font-size: 24px;

    color: #9f9f9f;

    float: left;

    margin-right: 100px;

	font-size: 32px;

    cursor: pointer;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.wenhua .top-tab p:last-child{

	margin-right: 0;

}

.wenhua .top-tab p:hover{

	color: #7c1c72;

	

}

.wenhua .top-tab p.on{

	color: #7c1c72;

	

}

.wenhua .top-tab p span{

	font-size: 12px;

    color: #9f9f9f;

    display: block;

    padding: 14px 0 20px 2px;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.wenhua .top-tab p:hover span,

.wenhua .top-tab p.on span{

	color: #7c1c72;

}



.text-Swiper{

	

}

.text-Swiper .swiper-wrapper{}

.text-Swiper .swiper-slide{

	padding-top: 140px;

	background: #fff;

}

.text-Swiper .swiper-slide .text-box1{

	overflow: hidden;

}

.text-Swiper .swiper-slide .text-box1 h2{

	font-size: 56px;

    font-weight: 500;

    line-height: 66px;

	position: relative;

    top: 60px;

    opacity: 0;

    transition: 1s;

}

.text-Swiper .swiper-slide-active .text-box1 h2{

	top: 0px;

    opacity: 1;

}

.text-Swiper .swiper-slide i{

	display: block;

    width: 100%;

    height: 1px;

    background: #eee;

    margin-top: 140px;

}

.text-Swiper .swiper-slide .text-box2{

	overflow: hidden;

    margin: 52px 0 13px;

}

.text-Swiper .swiper-slide .text-box2 h4{

	font-size: 24px;

    font-weight: 500;

	position: relative;

    top: 60px;

    opacity: 0;

    transition: 1s .1s;

}

.text-Swiper .swiper-slide-active .text-box2 h4{

	top: 0px;

    opacity: 1;

}

.text-Swiper .swiper-slide .text-box3{

	overflow: hidden;

}

.text-Swiper .swiper-slide .text-box3 p{

	font-size: 16px;

	position: relative;

    top: 60px;

    opacity: 0;

    transition: 1s .2s;

}

.text-Swiper .swiper-slide-active .text-box3 p{

	top: 0px;

    opacity: 1;

}



.wenhuaImgSwiper{

	width: 840px;

	height: 700px;

	float: right;

	position: relative;

	overflow: hidden;

	border-radius: 30px;

}

.wenhuaImgSwiper ul{}

.wenhuaImgSwiper ul li{

	height: 700px;

	position: relative;

	overflow: hidden;

}

.wenhuaImgSwiper ul li img{

	position: absolute;

	width: 100%;

	transform: scale(1.1);

	max-width: 100%;

	transition: 5s;

}

.wenhuaImgSwiper ul li.swiper-slide-active img{

	transform: scale(1);

}











.BigImgSwiper{

	position: relative;

}

.BigImgSwiper .swiper-slide{

	width: 1080px;

	height: 660px;

	position: relative;

	overflow: hidden;

	border-radius: 30px;

	margin: 0 60px;

	opacity: .3;

	transition: 1s;

}

.BigImgSwiper .swiper-slide-active{

	opacity: 1;

}

.BigImgSwiper .swiper-slide img{

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

}



.BigImgSwiper .swiper-slide .text-box{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 56px;

	line-height: 56px;

	padding: 0 30px;

	background: #7c1c72;

	color: #fff;

	font-size: 16px;

	box-sizing: border-box;

}

.BigImgSwiper .swiper-slide-active .text-box{

	

}

.BigImgSwiper .btn{

	width: 60px;

    height: 60px;

    background: #f4f4f4;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    top: 48%;

    transform: translate(-50%,-50%);

    margin-left: -600px;

    z-index: 2;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	cursor: pointer;

}

.BigImgSwiper .btn:hover{

	background: #7c1c72;

}

.BigImgSwiper .btn.next{

	margin-left: 600px;

}

.BigImgSwiper .btn i{

	background: url("../images/btn-bg-01.png");

	display: block;

    width: 100%;

    height: 100%;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	

}

.BigImgSwiper .btn.prev i{

	background-position: 0 -60px;

}

.BigImgSwiper .btn.next i{

	background-position: -0 -00px;

}

.BigImgSwiper .btn.prev:hover i{

	background-position: -60px -60px;

}

.BigImgSwiper .btn.next:hover i{

	background-position: -60px 0px;

}





.BigImgSwiper .zhezhao{

	width: 180px;

    height: 660px;

    position: absolute;

    left: 50%;

    top: 0;

    transform: translate(-50%,0);

    margin-left: -600px;

    z-index: 1;

	background: url("../images/bigswzhezhao.png") no-repeat;

}

.BigImgSwiper .zhezhao2{

    margin-left: 600px;

}



.BigImgSwiper .swiper-pagination{

	position: absolute;

    left: 50%;

    width: auto;

    transform: translateX(-50%);

    margin-left: 480px;

    bottom: 20px;

}

.BigImgSwiper .swiper-pagination-bullet{

	background: #fff;

}







.news-box{

	width: 1480px;

	margin: 0 auto;

	padding: 106px 0 92px;

}

.news-box .tit{

	text-align: center;

	    padding-bottom: 57px;

}

.news-box .tit p{

	    font-size: 32px;

    color: #222;

}

.news-box .tit p span{

	color: #7c1c72;

}

.news-box .tit em{

	    display: block;

    width: 36px;

    height: 2px;

    background: #7c1c72;

    margin: 20px auto 0;

}

.news-box ul{

	border-top: 1px solid #f2f2f2;

}

.news-box ul li{

	height: 88px;

	line-height: 88px;

	border-bottom: 1px solid #f2f2f2;

	position: relative;

}

.news-box ul li a {

	    display: block;

    height: 100%;

}

.news-box ul li span{

	display: block;

    float: left;

    font-size: 12px;

    color: #b5b5b5;

    padding-right: 20px;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.news-box ul li:hover span{

	color: #7c1c72;

}

.news-box ul li p{

	float: left;

    font-size: 16px;

    color: #222;

	font-weight: 700;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.news-box ul li:hover p{

	color: #7c1c72;

	

}

.news-box ul li i{

	float: right;

    display: block;

    width: 20px;

    height: 8px;

    background: url(../images/jiantou1.png) 100%;

    position: relative;

    top: 38px;

    right: 14px;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.news-box ul li:hover i{

	background: url(../images/jiantou2.png) 100%;

}



.news-box ul li .img-box{

	opacity: 0;

	width: 100px;

	height: 60px;

	position: absolute;

	border-radius: 10px;

	overflow: hidden;

	left: 69%;

	top: 50%;

	transform: translate(-50%, -50%);

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	transition: 0.5s;

}

.news-box ul li:hover .img-box{

	opacity: 1;

	width: 320px;

	height: 216px;

}

.news-box ul li .img-box img{

	display: block;

	width: 100%;

	height: 100%;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.news-box a.more{

	display: block;

	text-align: center;

	margin: 38px auto 0;

	font-size: 12px;

    color: #222;

    position: relative;

    z-index: 1;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    transition: 0.3s;

    text-decoration: underline;

}

.news-box a.more:hover{

	letter-spacing: 3px;

}







.inner-Banner{

	width: 100%;

	height: 426px;

	position: relative;

	background: #333;

}

.inner-Banner .bg{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}

.inner-Banner p{

	font-size: 24px;

    font-weight: 100;

    width: 1480px;

    margin: 0 auto;

    position: relative;

    z-index: 1;

    color: #fff;

    padding: 250px 0 10px;

    text-transform: uppercase;

}

.inner-Banner h2{

	font-size: 56px;

	font-weight: 100;

	color: #fff;

	width: 1480px;

	margin: 0 auto;

	position: relative;

	z-index: 1;

}









.inner-Module-Box{

	padding: 60px 0;

}



.picture-switch-module{

    width: 1480px;

    margin: 0 auto;

    padding-bottom: 320px;

}

.picture-switch-module .tab-box{

	position: relative;

}

.picture-switch-module .tab-box .tab-item{

	width: 230px;

	height: 300px;

	background: #eeeeee;

	border-radius: 10px;

	position: absolute;

	text-align: center;

	cursor: pointer;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

.picture-switch-module .tab-box .tab-item p{

    font-size: 18px;

    color: #222;

    padding: 126px 0 12px;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

.picture-switch-module .tab-box .tab-item i{

    font-size: 26px;

    color: #ccc;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}



.picture-switch-module .tab-box .a2{

    top: 320px;

}

.picture-switch-module .tab-box .a3{

    left: inherit;

    right: 0;

}

.picture-switch-module .tab-box .a4{

    left: inherit;

    right: 0;

    top: 320px;

}

.picture-switch-module .tab-box .a5{

    top: 640px;

}

.picture-switch-module .tab-box .a6{

    top: 640px;

    left: 250px;

}

.picture-switch-module .tab-box .a7{

    top: 640px;

    left: 500px;

}

.picture-switch-module .tab-box .a8{

    top: 640px;

    left: 750px;

}

.picture-switch-module .tab-box .a9{

    top: 640px;

    left: 1000px;

}

.picture-switch-module .tab-box .a10{

    top: 640px;

    left: inherit;

    right: 0;

}



.picture-switch-module .tab-box .tab-item:hover{

	background: #d8d8d8;

}

.picture-switch-module .tab-box .tab-item:hover p{

	

}

.picture-switch-module .tab-box .tab-item:hover i{

	

}



.picture-switch-module .tab-box .tab-item.on{

	background: #7c1c72;

}

.picture-switch-module .tab-box .tab-item.on p{

	color: #fff;

}

.picture-switch-module .tab-box .tab-item.on i{

	color: #fff;

}





.picture-switch-module .swiper-box{

	width: 980px;

	height: 620px;

	position: relative;

	overflow: hidden;

	border-radius: 10px;

	margin: 0 auto;

}

.picture-switch-module .swiper-item{

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	overflow: hidden;

	background: #ccc;

	opacity: 0;

}

.picture-switch-module .swiper-item.on{

	opacity: 1;

}

.picture-switch-module .swiper-item img{

	display: block;

	width: 100%;

	-webkit-transition: 5s;

	-moz-transition: 5s;

	transition: 5s;

	

	transform: scale(1.1);

}

.picture-switch-module .swiper-item.on img{

	transform: scale(1);

}

.picture-switch-module .swiper-item .text{

    position: absolute;

    width: 100%;

    min-height: 90px;

    z-index: 1;

    bottom: 0;

    left: 0;

    background: rgba(0,0,0,.4);

    text-align: center;

    padding-top: 20px;

}

.picture-switch-module .swiper-item .text h3{

    font-size: 20px;

    color: #fff;

    font-weight: 500;

	padding-bottom: 6px;

}

.picture-switch-module .swiper-item .text p{

    font-size: 14px;

    color: #fff;

    line-height: 24px;

    padding: 0 100px;

}







.fuwuwangdian-box{

	width: 1480px;

	margin: 0 auto;

	padding: 118px 0 0;

}

.fuwuwangdian-box ul{

	padding-top: 48px;

}

.fuwuwangdian-box ul li{

	width: 326px;

	height: 496px;

	box-sizing: border-box;

	border: 1px solid #f0f0f0;

	border-radius: 30px;

	position: relative;

	overflow: hidden;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

	margin: 0 58px 38px 0;

	float: left;

}

.fuwuwangdian-box ul li:nth-child(4n){

	margin-right: 0;

}

.fuwuwangdian-box ul li:nth-child(4n+1){

	clear: left;

}

.fuwuwangdian-box ul li img{

	display: block;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	opacity: 0;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

.fuwuwangdian-box ul li:hover{

	box-shadow: 0 16px 58px rgba(124,28,114,.5);

	border-color: #7c1c72;

}

.fuwuwangdian-box ul li:hover img{

	opacity: 1;

}

.fuwuwangdian-box ul li .text-box{

	position: relative;

	z-index: 1;

	padding: 34px;

	height: 100%;

	box-sizing: border-box;

}

.fuwuwangdian-box ul li .text-box h4{

	font-size: 16px;

	color: #222;

	font-weight: normal;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

.fuwuwangdian-box ul li .text-box h2{

	font-size: 38px;

	color: #222;

	font-weight: normal;

	border-bottom: 1px solid rgba(100,100,100,.1);

	padding: 89px 0;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

.fuwuwangdian-box ul li:hover .text-box h2{

	color: #fff;

	border-bottom: 1px solid rgba(255,255,255,.1);

}

.fuwuwangdian-box ul li .text-box h2 span{

	font-size: 32px;

	display: block;

	font-family: Arial;

}

.fuwuwangdian-box ul li:hover .text-box h4{

	color: #fff;

}

.fuwuwangdian-box ul li .text-box .text1{

	position: relative;

	margin-top: 32px;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

	opacity: 0;

}

.fuwuwangdian-box ul li .text-box .text2{

	position: relative;

	

	overflow: hidden;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

	opacity: 0;

}

.fuwuwangdian-box ul li:hover .text-box .text1,

.fuwuwangdian-box ul li:hover .text-box .text2{

	opacity: 1;

}

.fuwuwangdian-box ul li .text-box i{

	color: #fff;

	position: absolute;

	top: 4px;

}

.fuwuwangdian-box ul li .text-box p{

	padding-left: 26px;

	color: #fff;

	line-height: 24px;

	padding-bottom: 20px;

}

.fuwuwangdian-box ul li .text-box .hover{

	width: 48px;

	height: 48px;

	text-align: center;

	line-height: 42px;

	background: #f2f2f2;

	border-radius: 50%;

	position: absolute;

	bottom: 72px;

	left: 50%;

	margin-left: -24px;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

.fuwuwangdian-box ul li .text-box .hover i{

	font-size: 18px;

	color: #3e3e3e;

	position: relative;

}

.fuwuwangdian-box ul li:hover .text-box .hover{

	opacity: 0;

}



.fuwu-mode2{

	width: 1480px;

	margin: 0 auto;

	padding: 20px 0 100px;

}

.fuwu-mode2 .in-tit-box{

    padding: 46px 0;

}

.fuwu-mode2 img{

	display: block;

	max-width: 100%;

	margin: 0 auto;

}





.fuwu-mod3{

	padding: 100px 0;

	background: #f2f2f2;

}

.fuwu-mod3 .in-tit-box{}

.fuwu-mod3 ul{

	width: 1480px;

	margin: 0 auto;

	padding-top: 50px;

}

.fuwu-mod3 ul li{

	width: 260px;

	height: 370px;

	border-radius: 30px;

	background: #fff;

	float: left;

	box-sizing: border-box;

	margin-right: 45px;

	text-align: center;

	padding: 0 28px;

	position: relative;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

.fuwu-mod3 ul li:last-child{

	margin-right: 0;

}

.fuwu-mod3 ul li:hover{

	background: #7c1c72;

}

.fuwu-mod3 ul li i{

	display: block;

	width: 46px;

	height: 48px;

	background: url(../images/fuwu-ico.png);

	position: absolute;

	top: 78px;

	left: 50%;

	margin-left: -23px;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

.fuwu-mod3 ul li i.ico1{

	background-position: 0 0;

}

.fuwu-mod3 ul li i.ico2{

	background-position: -46px 0;

}

.fuwu-mod3 ul li i.ico3{

	background-position: -92px 0;

}

.fuwu-mod3 ul li i.ico4{

	background-position:-138px 0;

}

.fuwu-mod3 ul li i.ico5{

	background-position:-184px 0;

}

.fuwu-mod3 ul li:hover i.ico1{

	background-position: 0 -48px;

}

.fuwu-mod3 ul li:hover i.ico2{

	background-position: -46px -48px;

}

.fuwu-mod3 ul li:hover i.ico3{

	background-position: -92px -48px;

}

.fuwu-mod3 ul li:hover i.ico4{

	background-position:-138px -48px;

}

.fuwu-mod3 ul li:hover i.ico5{

	background-position:-184px -48px;

}

.fuwu-mod3 ul li p{

	font-size: 24px;

	color: #222;

	border-top: 1px solid rgba(100,100,100,.1);

	margin-top: 200px;

	padding-top: 48px;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}





.fuwu-mod3 ul li span{

	font-size: 14px;

    line-height: 24px;

    color: #666;

    display: block;

    padding: 6px 0 0;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

.fuwu-mod3 ul li:hover p{

	color: #fff;

	border-top: 1px solid rgba(255,255,255,.1);

}

.fuwu-mod3 ul li:hover span{

	color: #fff;

}





.common-problem-box{

	width: 1480px;

	margin: 0 auto;

	padding: 100px 0;

}

.common-problem-box .in-tit-box{}

.common-problem-box ul{

	margin-top: 60px;

	border-top: 1px solid #ececec;

}

.common-problem-box ul li{

	padding: 30px 0;

	position: relative;

	border-bottom: 1px solid #ececec;

	cursor: pointer;

}

.common-problem-box ul li i{

    position: absolute;

    left: 0;

    top: 25px;

    font-size: 24px;

    transform: rotate(-90deg);

}

.common-problem-box ul li:hover i{

	color: #7c1c72;

}

.common-problem-box ul li h3{

	font-size: 18px;

	color: #222;

	font-weight: normal;

	padding-left: 30px;

}

.common-problem-box ul li:hover h3{

	color: #7c1c72;

}

.common-problem-box ul li p{

	font-size: 14px;

	line-height: 22px;

	color: #666;

	padding-left: 30px;

	width: 66%;

	margin-top: 12px;

	display: none;

}

.common-problem-box ul li em{

	font-style: normal;

    position: absolute;

    right: 10px;

    font-size: 20px;

    top: 50%;

    margin-top: -10px;

    color: #ccc;

}



.common-problem-box a.more{

	height: 56px;

	line-height: 56px;

	width: 200px;

	text-align: center;

	border-radius: 60px;

	border: 1px solid #ececec;

	display: block;

	margin: 40px auto 0;

	font-size: 14px;

	color: #333;

	-webkit-transition: .1s;

	-moz-transition: .1s;

	transition: .1s;

}

.common-problem-box a.more:hover{

	border: 1px solid #7c1c72;

	background: #7c1c72;

	color: #fff;

}



.huiyi-k{

	height: 578px;

	background: url(../images/huiyibg.jpg) no-repeat center;

	overflow: hidden;

}

.huiyi-k .text{

	width: 1480px;

	margin: 0 auto;

	padding-top: 176px;

}

.huiyi-k .text h3{

	font-size: 46px;

	color: #fff;

	font-weight: normal;

}

.huiyi-k .text p{

	font-size: 16px;

	color: #fff;

	padding: 24px 0 34px;

}

.huiyi-k .text a{

	background: #7c1c72;

	color: #fff;

	height: 56px;

	line-height: 56px;

	padding: 0 32px;

	border-radius: 56px;

	display: inline-block;

	font-size: 22px;

	font-family: Arial;

}

.huiyi-k .text a i{

	font-size: 22px;

	display: inline-block;

	margin-right: 6px;

}

















.inner-Module2-Box{

	width: 1480px;

	margin: 0 auto;

	padding: 60px 0;

}

.inner-Module2-Box .in-tit-box{

	padding-bottom: 40px;

}



.img-swiper2 {

	width: 980px;

	height: 750px;

	position: relative;

	overflow: hidden;

	border-radius: 30px;

	float: left;

}

.img-swiper2:after {

    /* content: ""; */

    display: block;

    position: absolute;

    width: 960px;

    height: 66px;

    background: #fff;

    bottom: 10px;

    left: 10px;

    border-radius: 20px;

    z-index: 1;

}

.img-swiper2 .swiper-wrapper{}

.img-swiper2 .swiper-slide{

	overflow: hidden;

	position: relative;

}

.img-swiper2 .swiper-slide img{

	display: block;

	max-height: 100%;

	margin: 0 auto;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);
}

.img-swiper2 .swiper-slide:hover img{
}

.img-swiper2 .swiper-slide p{

    position: absolute;

    width: 960px;

    height: 66px;

    background: #fff;

    bottom: 10px;

    left: 10px;

    border-radius: 20px;

    z-index: 1;

    font-size: 16px;

    line-height: 66px;

    text-indent: 20px;

}



.img-swiper2 .btn{

    width: 60px;

    height: 60px;

    background: #fff;

    border-radius: 50%;

}

.img-swiper2 .btn:after{

	content: "";

}

.img-swiper2 .btn:hover{

	background: #7c1c72;

}

.img-swiper2 .btn i{

    font-size: 26px;

}

.img-swiper2 .btn:hover i{

	color: #fff;

}



.img-swiper2 .swiper-pagination{

    right: 29px;

    left: inherit;

    width: auto;

    bottom: 36px;

}

.img-swiper2 .swiper-pagination span{

    width: 7px;

    height: 7px;

    margin: 0 3px !important;

}







.inner-Module2-Box .right-box {

	float: right;

	width: 470px;

}

.inner-Module2-Box .right-box ul{}

.inner-Module2-Box .right-box ul li{

	width: 470px;

	height: 360px;

	background: #cfcfcf;

	position: relative;

	border-radius: 30px;

	margin-bottom: 30px;
	
	overflow: hidden;

}

.inner-Module2-Box .right-box ul li:last-child{

	margin-bottom: 0;

}

.inner-Module2-Box .right-box ul li img{
	
}
.inner-Module2-Box .right-box ul li:hover img{
	
}

.inner-Module2-Box .right-box ul li p{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	text-align: center;

	height: 50px;

	line-height: 50px;

	font-size: 18px;

}







.about-content-01{

	width: 1480px;

	margin: 0 auto;

	text-align: center;

	padding: 80px 0;

}

.about-content-01 h2{

	font-size: 52px;

	color: #222;

	font-weight: normal;

}

.about-content-01 .p1{

	font-size: 24px;

	color: #222;

	font-family: Arial;

	padding: 16px 0;

}

.about-content-01 em{

	display: block;

	width: 1px;

	height: 84px;

	background: #ececec;

	margin: 20px auto 30px;

}

.about-content-01 .p2{

	font-size: 22px;
    line-height: 42px;
    color: #212121;
    width: 90%;
    margin: 0 auto;

}

.about-content-01 .img-box{
	border-radius: 30px;
    overflow: hidden;
    width: 100%;
    margin: 30px auto 0;
}
.about-content-01 .img-box img{
	display: block;
	width: 100%;
}






.about-content-02{

	width: 1480px;

	margin: 0 auto;

	box-shadow: 0 0 100px rgba(100,100,100,.15);

	border-radius: 50px;

}

.about-content-02 ul{

	padding: 50px 20px;

}

.about-content-02 ul li{

	float: left;

	width: 33.3%;

	box-sizing: border-box;

	padding: 0 50px;

}

.about-content-02 ul li:nth-child(3) h2{

	border-right: none;

}

.about-content-02 ul li h3{

	font-size: 20px;

	color: #222;

	font-weight: normal;

}

.about-content-02 ul li h2{

	font-size: 38px;

	line-height: 46px;

	color: #222;

	font-weight: normal;

	margin: 56px 0;

	border-right: 1px solid #eee;

}

.about-content-02 ul li p{

	font-size: 16px;

	line-height: 24px;

	color: #666;

	width: 70%;

}









.about-content-03{

	width: 1480px;

	margin: 0 auto;

	padding: 100px 0;

}

.about-content-03 .tit{

    text-align: center;

}

.about-content-03 .tit h2{

    font-size: 52px;

    font-weight: normal;

}

.about-content-03 .tit p{

    font-size: 20px;

    padding: 10px 0;

}



.about-content-03 .content{

	position: relative;

	margin-top: 30px;

	padding-bottom: 20px;

}

.about-content-03 .content .b{

	display: block;

    width: 20px;

    height: 20px;

    background: rgba(124,28,114,.2);

    border-radius: 50%;

    position: absolute;

    left: 50%;

	margin-left: -10px;

    bottom: -5px;

}

.about-content-03 .content .b i{

	display: block;

	width: 10px;

	height: 10px;

	background: rgba(124,28,114,1);

	border-radius: 50%;

	margin: 0 auto;

	position: relative;

	top: 5px;

}

.about-content-03 .x{

    width: 1px;

    height: 100%;

    background: #ededed;

    position: absolute;

    top: 0;

    left: 50%;

    padding-bottom: 0;

}

.about-content-03 ul{}

.about-content-03 ul li{

    position: relative;

    float: left;

    width: 50%;

    box-sizing: border-box;

    padding-top: 150px;

}

.about-content-03 ul li:nth-child(1){

	padding-top: 0;



}

.about-content-03 ul li:nth-child(2n){



	float: right;

	padding-left: 100px;

}

 

.about-content-03 ul li span{

    display: block;

    width: 20px;

    height: 20px;

    background: rgba(124,28,114,.2);

    border-radius: 50%;

    position: absolute;

    right: -10px;

    top: -5px;

}

.about-content-03 ul li:nth-child(2n) span{

	right: inherit;

	top: 2px;

	left: -110px;

}

.about-content-03 ul li span i{

	display: block;

	width: 10px;

	height: 10px;

	background: rgba(124,28,114,1);

	border-radius: 50%;

	margin: 0 auto;

	position: relative;

	top: 5px;

}

.about-content-03 ul li h3{

    font-size: 20px;

    font-weight: normal;

    position: relative;

}

.about-content-03 ul li h2{

    font-size: 32px;

    font-weight: normal;

    padding: 8px 0 22px;

}

.about-content-03 ul li p{

    font-size: 16px;

    line-height: 26px;

    width: 80%;

}

.about-content-03 ul li .img-box{

    width: 588px;

    min-height: 200px;

    background: #eee;

    border-radius: 10px;

    margin-top: 28px;
	
	overflow: hidden;

}

.about-content-03 ul li .img-box img{}



















.about-zizhi-box{

	background: #eee;

	padding: 100px 0;

}

.about-zizhi-box .in-tit-box{}

.about-zizhi-box .in-tit-box h2{

	color: #222;

}

.about-zizhi-box .in-tit-box em{

}



.about-zizhi-box .zizhi-swiper{

	width: 1480px;

	margin: 44px auto 0;

	overflow: hidden;

	position: relative;

	padding-bottom: 48px;

}

.about-zizhi-box .zizhi-swiper ul{}

.about-zizhi-box .zizhi-swiper ul li{

	width: 250px;

	height: 361px;

	background: #fff;

	border-radius: 20px;

	transition: 300ms;

}

.zizhi-swiper .swiper-slide-active,

.zizhi-swiper .swiper-slide-duplicate-active{

	

}

.about-zizhi-box .zizhi-swiper ul li .img-box{

	height: 322px;

	position: relative;

}

.about-zizhi-box .zizhi-swiper ul li .img-box img{

	display: block;

	width: 78%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	

}

.about-zizhi-box .zizhi-swiper ul li p{

	font-size: 16px;

	color: #222;

	text-align: center;

}











.about-hezuo{

	width: 1480px;

	margin: 0 auto;

	padding: 100px 0 0;

}

.about-hezuo .in-tit-box{}

.about-hezuo ul{

	border: 1px solid #f0f0f0;

	border-radius: 30px;

	overflow: hidden;

	margin-top: 40px;

}

.about-hezuo ul li{

	width: calc(100% / 6);

	height: 130px;

	position: relative;

	float: left;

	border-right: 1px solid #f0f0f0;

	border-bottom: 1px solid #f0f0f0;

	box-sizing: border-box;
	
	overflow: hidden;

}

.about-hezuo ul li:nth-child(6n){

	border-right: none;

}

.about-hezuo ul li:nth-child(1),

.about-hezuo ul li:nth-child(2),

.about-hezuo ul li:nth-child(3),

.about-hezuo ul li:nth-child(4),

.about-hezuo ul li:nth-child(5),

.about-hezuo ul li:nth-child(6){

	

}

.about-hezuo ul li img{

	display: block;

	max-width: 80%;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

}











.zhanhui-box{

	width: 1480px;

	margin: 0 auto;

	padding-bottom: 100px;

}

.zhanhui-box ul{}

.zhanhui-box ul li{

	float: left;

	width: 710px;

	margin-bottom: 60px;

}

.zhanhui-box ul li:nth-child(2n){

	float: right;

}

.zhanhui-box ul li .img-box{

	width: 100%;

	height: 540px;

	background: #ccc;

	border-radius: 30px;

}

.zhanhui-box ul li .img-box img{

	display: block;

	height: 100%;

	margin: 0 auto;

}

.zhanhui-box ul li h2{

	font-size: 24px;

	color: #222;

	font-weight: normal;

	padding: 30px 0 20px;

}

.zhanhui-box ul li p{

	font-size: 14px;

	color: #9a9a9a;

	line-height: 30px;

}

.zhanhui-box ul li p span{

	color: #222;

}









.shehui-mod-01{

	width: 1480px;

	margin: 0 auto;

	text-align: center;

	padding: 60px 0;

}

.shehui-mod-01 p{

	font-size: 22px;

	color: #222;

	line-height: 38px;

	margin: 40px 0 0px;

}

.shehui-mod-01 h3{



	font-size: 46px;

	color: #222;

	line-height: 58px;

	font-weight: normal;

	padding: 56px 0 88px;

}

.shehui-mod-01 ul{

	position: relative;

	height: 1100px;

}

.shehui-mod-01 ul li{

	background: #f1f1f1;

	border-radius: 30px;

	position: absolute;

	width: 410px;

	height: 260px;
	overflow: hidden;

}

.shehui-mod-01 ul li img{

	display: block;

	height: 100%;

	margin: 0 auto;
	
	position: relative;
	
	left: 50%;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	
}



.shehui-mod-01 ul .li-1{

	width: 1050px;

	height: 536px;

}

.shehui-mod-01 ul .li-2{

    right: 0;

}

.shehui-mod-01 ul .li-3{

    right: 0;

    top: 280px;

}

.shehui-mod-01 ul .li-4{

    top: 556px;

}

.shehui-mod-01 ul .li-5{

    top: 836px;

}

.shehui-mod-01 ul .li-6{

	width: 1050px;

	height: 536px;

	top: 556px;

	right: 0;

}







.shehui-mod-02{

	width: 1480px;

	margin: 0 auto;

	padding: 0 0 100px;

}

.shehui-mod-02 .in-tit-box{

	padding-bottom: 40px;

}



.galleryTop-Swiper{

	width: 1240px;

	height: 696px;

	border-radius: 30px;

	overflow: hidden;

	float: left;

	position: relative;

}

.galleryTop-Swiper ul{}

.galleryTop-Swiper ul li{

	border-radius: 10px;

	background: #f1f1f1;

	position: relative;

}

.galleryTop-Swiper ul li img{
	display: block;
	width: 100%;
	height: 100%;
}

.galleryTop-Swiper ul li p{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100px;

	line-height: 100px;

	text-align: center;

	font-size: 22px;

	background: rgba(100,100,100,.5);

	color: #fff;

}

.galleryTop-Swiper .swiper-pagination{

	display: none;

}



.galleryThumbs-Swiper{

	width: 217px;

	height: 696px;

	float: right;

	position: relative;

	overflow: hidden;

}

.galleryThumbs-Swiper ul{}

.galleryThumbs-Swiper ul li{

	background: #f1f1f1;

	width: 206px;

	height: 116px;

	border-radius: 10px;

	position: relative;

	border: 0px solid #7c1c72;

	box-sizing: border-box;

	margin: 0 0 28px 0;

	transition: .3s;

	cursor: pointer;

}

.galleryThumbs-Swiper ul li:last-child{

	margin-bottom: 0;

}

.galleryThumbs-Swiper ul .swiper-slide-thumb-active{

	border: 6px solid #7c1c72;

}

.galleryThumbs-Swiper ul li img{
	display: block;
	width: 100%;
	height: 100%;
}

.galleryThumbs-Swiper ul li p{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 30px;

	line-height: 30px;

	text-align: center;
	
	color: #fff;

}





.galleryThumbs-Swiper .swiper-pagination{

	

	left: inherit;

	right: 0;

	width: 2px;

}



.shehui-mod-03{

	width: 1480px;

	margin: 0 auto;

	position: relative;

	padding: 0 0 100px;

}

.shehui-mod-03 .in-tit-box{

	padding: 60px 0 30px;

}

.shehui-mod-03 .img-box{

	border-radius: 30px;

	overflow: hidden;

	position: relative;

}

.shehui-mod-03 img{

	display: block;

	width: 100%;

}

.shehui-mod-03 p{

	position: absolute;

    width: 100%;

    padding: 46px 20%;

    bottom: 0;

    left: 0;

    box-sizing: border-box;

    font-size: 20px;

    line-height: 36px;

    color: #fff;

    text-align: center;

}





.shehui-mod-04{

	width: 1480px;

	margin: 0 auto;

	padding: 60px 0 100px;

}

.shehui-mod-04 .in-tit-box{

	padding-bottom: 40px;

}

.shehui-mod-04 ul{

	height: 590px;

	position: relative;

}

.shehui-mod-04 ul li{

	border-radius: 30px;

	overflow: hidden;

	position: absolute;

}

.shehui-mod-04 ul li.a{

	width: 986px;

	height: 534px;

	left: 0;

	top: 0;

}

.shehui-mod-04 ul li.b{

	width: 472px;

	height: 256px;

	right: 0;

	top: 0;

}

.shehui-mod-04 ul li.c{

	width: 472px;

	height: 256px;

	right: 0;

	top: 280px;

}

.shehui-mod-04 ul li a{

	display: block;

}

.shehui-mod-04 ul li .zz{

	position: absolute;

	width: 100%;

	height: 100%;

	background: url(../images/black-bg-01.png) repeat-x 100% 100%;

	z-index: 1;

}

.shehui-mod-04 ul li .img-box{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}

.shehui-mod-04 li .img-box img{

	display: block;

	height: 100%;

	transition: .5s;

}

.shehui-mod-04 li:hover .img-box img{

	transform: scale(1.05);

}

.shehui-mod-04 ul li .text-box{

	position: absolute;

	bottom: 0;

	width: 100%;

	left: 0;

	z-index: 2;

	box-sizing: border-box;

	padding: 24px;

}

.shehui-mod-04 ul li .text-box span{

	background: #7c1c72;

	width: 80px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	color: #fff;

	font-size: 14px;

	border-radius: 30px;

	margin: 6px 0 6px;

	display: none;

}

.shehui-mod-04 ul li.a span{

	display: block;

}

.shehui-mod-04 ul li .text-box .data{

	background: none;

	color: #fff;

	font-size: 18px;

	height: 20px;

	width: auto;

	font-family: Airal;

	display: block;

	text-align: left;

	padding-bottom: 4px;

}

.shehui-mod-04 ul li .text-box h2{

	font-size: 20px;

	color: #fff;

	font-weight: normal;

	height: 36px;

	line-height: 36px;

	overflow: hidden;

}

.shehui-mod-04 ul li .text-box p{

	font-size: 14px;

	line-height: 24px;

	color: #fff;

	display: none;

	margin: 4px 0 0;

}

.shehui-mod-04 ul li.a p{

	display: block;

	opacity: 0.6;

}



.shehui-mod-04 ol li{

	background: #fff;

	box-shadow: 0 0 30px rgba(100,100,100,.1);

	padding: 8px;

	border-radius: 30px;

	margin-bottom: 40px;

	position: relative;

}

.shehui-mod-04 ol li a{}

.shehui-mod-04 ol li .zz{

	display: none;

}

.shehui-mod-04 ol li .img-box{

    width: 390px;

    height: 210px;

    border-radius: 30px;

    overflow: hidden;

    position: absolute;

    left: 8px;

    top: 8px;

}

.shehui-mod-04 ol li .img-box img{

    display: block;

    width: 100%;

}

.shehui-mod-04 ol li .text-box{

    padding: 34px 95px 56px 437px;

}

.shehui-mod-04 ol li .text-box span{

	

font-size: 14px;

	

color: #999;

	

padding-right: 10px;

}

.shehui-mod-04 ol li .text-box span.data{

	

}

.shehui-mod-04 ol li .text-box h2{

	font-size: 26px;

	height: 56px;

	line-height: 56px;

	overflow: hidden;

	color: #222;

	font-weight: normal;

}

.shehui-mod-04 ol li:hover .text-box h2{

	

	color: #7c1c72;

}



.shehui-mod-04 ol li .text-box p{

	font-size: 14px;

	color: #666666;

	height: 48px;

	line-height: 24px;

	overflow: hidden;

}









.case-mod-01{

	width: 1480px;

	margin: 0 auto;

}

.case-mod-01 .in-tit-box{

    padding: 60px 0 40px;

}

.case-mod-01 .in-tit-box h2{}

.case-mod-01 .in-tit-box em{}



.case-mod-01 .one{

	width: 1480px;

	margin: 0 auto;

	height: 518px;

	box-shadow: 0 0 30px rgba(100,100,100,.2);

	border-radius: 30px;

	margin-bottom: 60px;

}

.case-mod-01 .one .img{

	width: 900px;

	height: 518px;

	float: left;

	position: relative;

	background: #d6d6d6;

	border-radius: 30px;

	overflow: hidden;

	cursor: pointer;

}

.case-mod-01 .one .img img{

	display: block;

	height: 100%;

	margin: 0 auto;

}

.case-mod-01 .one .img i{

    position: absolute;

    left: 46%;

    top: 45%;

    font-size: 50px;

    color: #fff;

}

.case-mod-01 .one .text{

	float: right;

	width: 500px;

	padding-right: 50px;

}

.case-mod-01 .one .text p{

	color: #222;

}

.case-mod-01 .one .text .name{

	font-size: 32px;

	padding-top: 105px;

}

.case-mod-01 .one .text .gongsi{

	font-size: 22px;

	border-bottom: 1px solid #eaeaea;

	padding: 20px 0 28px;

}

.case-mod-01 .one .text .con{

	font-size: 14px;

	line-height: 26px;

	padding-top: 26px;

	display: -webkit-box; 

    -webkit-line-clamp: 5; 

    -webkit-box-orient: vertical; 

    overflow: hidden;

}



.case-mod-01 ul{}

.case-mod-01 ul li{

	width: 714px;

	float: left;

	background: #f2f2f2;

	position: relative;

	border-radius: 30px;

	margin-bottom: 60px;

}

.case-mod-01 ul li:nth-child(2n){

	float: right;

}

.case-mod-01 ul li{

}

.case-mod-01 ul li .img{

    width: 168px;

    height: 220px;

    background: #ccc;

    border-radius: 10px;

    position: absolute;

    border: 4px solid #fff;

    left: 20px;

    top: 20px;

}

.case-mod-01 ul li .img img{}

.case-mod-01 ul li .img i{

    position: absolute;

    left: 40%;

    top: 42%;

    font-size: 35px;

    color: #fff;

    opacity: 0;

}

.case-mod-01 ul li .text{

    padding: 40px 36px 52px 228px;

}

.case-mod-01 ul li .text .name{

    font-size: 22px;

}

.case-mod-01 ul li .text .gongsi{

    font-size: 17px;

    height: 50px;

    line-height: 50px;

}

.case-mod-01 ul li .text .con{

    font-size: 14px;

    line-height: 26px;

    height: 110px;

    color: #666;

	display: -webkit-box; 

    -webkit-line-clamp: 4; 

    -webkit-box-orient: vertical; 

    overflow: hidden;

}





.img-box img,.img img,.inner-Module2-Box .right-box img{ max-width: 100%;}





/*新添加*/


.new-tit{
	text-align: center;
}
.new-tit span{
	font-size: 28px;
	height: 28px;
	line-height: 28px;
	color: #222;
	font-weight: bold;
	font-family: Arial;
	text-transform: uppercase;
}
.new-tit h3{
	font-size: 48px;
	height: 48px;
	line-height: 48px;
	color: #222;
	font-weight: bold;
	padding: 0 0 16px;
}
.new-tit h3 strong{
	color: #a71097;
	font-weight: bold;
}
.new-tit h4{
	font-size: 28px;
	color: #222;
	font-weight: normal;
}
.new-tit em{
	width: 60px;
	height: 3px;
	background: #a71097;
	display: block;
	margin: 6px auto 16px;
}
.new-tit p{
    font-size: 16px;
    color: #999999;
}

.new-about{
	background: url(../images/new-about-bg.jpg) no-repeat fixed center;
	padding: 70px 0 100px;
}
.new-about .content{
	width: 1480px;
	margin: 44px auto 0;
}
.new-about .content .left-img-box{
	float: left;
	width: 50%;
	height: 524px;
	border-radius: 30px 0 0 30px;
	overflow: hidden;
}
.new-about .content .left-img-box img{
	display: block;
	width: 100%;
}
.new-about .content .text-area{
	float: right;
	width: 50%;
	height: 524px;
	border-radius: 0 30px 30px 0;
	box-sizing: border-box;
	padding: 42px 64px 0;
	background: #fff;
}
.new-about .content .text-area h2{
	font-size: 28px;
	color: #222;
}
.new-about .content .text-area .x{
	display: block;
	width: 100%;
	height: 1px;
	background: #f1f1f1;
	position: relative;
	margin: 24px 0 24px;
}
.new-about .content .text-area .x em{
	display: block;
	width: 40px;
	height: 2px;
	position: relative;
	top: -1px;
	background: #a71097;
}
.new-about .content .text-area p{
	font-size: 14px;
	line-height: 26px;
	color: #222;
}
.new-about .content .text-area .more{
    display: inline-block;
    border: 2px solid #a71097;
    color: #a71097;
    padding: 14px 0;
	width: 140px;
	text-align: center;
    border-radius: 30px;
    font-size: 14px;
    margin-top: 59px;
	transition: .168s;
}
.new-about .content .text-area .more:hover{
	background: #a71097;
	color: #fff;
	box-shadow: 10px 10px 20px rgba(167,16,151,.3);
	letter-spacing: 1px;
}

.new-about ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1480px;
	height: 164px;
	background: #fff;
	margin: 24px auto 0;
	border-radius: 30px;
}
.new-about ul li{
	
	display: block;

	width: 20%;

	height: 100%;

	background: url(../images/new-about-ul-li-bg.png) no-repeat 0 0;

	box-sizing: border-box;

	padding: 46px 0 0 38px;
}
.new-about ul li:nth-child(1){
	background: none;
}
.new-about ul li h4{
    position: relative;
}
.new-about ul li h4 strong{
    font-size: 38px;
}
.new-about ul li h4 span{
    font-weight: normal;
    font-size: 12px;
    position: relative;
    top: -13px;
}
.new-about ul li p{
	font-size: 14px;
    line-height: 26px;
	color: #222;
}




.new-probox{
	padding: 70px 0 80px;
}
.new-probox ul{
	width: 1480px;
	margin: 36px auto 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.new-probox ul li{
	width: 270px;
	height: 118px;
	border: 1px solid #eeeeee;
	border-radius: 10px;
	position: relative;
	transition: .168s;
}
.new-probox ul li:hover{
	background: #a71097;
	border-color: #a71097;
	color: #fff;
	box-shadow: 10px 10px 20px rgba(167,16,151,.3);
}
.new-probox ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.new-probox ul li .img-box{
    position: absolute;
    width: 54px;
    height: 66px;
    overflow: hidden;
    top: 24px;
    left: 18px;
}
.new-probox ul li .img-box img{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
	transition: .168s;
}
.new-probox ul li .img-box img:nth-child(1){
	opacity: 1;
}
.new-probox ul li .img-box img:nth-child(2){
    opacity: 0;
}
.new-probox ul li:hover .img-box img:nth-child(1){
	opacity: 0;
}
.new-probox ul li:hover .img-box img:nth-child(2){
	opacity: 1;
}
.new-probox ul li .text-con{
    padding: 38px 0px 0 88px;
}
.new-probox ul li .text-con p{
	font-size: 22px;
	color: #222;
	font-weight: bold;
	transition: .168s;
}
.new-probox ul li .text-con span{
	font-size: 12px;
	color: #c2c2c2;
	transition: .168s;
}
.new-probox ul li i{
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #e8e8e8;
    text-align: center;
    color: #fff;
}

.new-probox ul li:hover p{
	color: #fff;
}
.new-probox ul li:hover span{
	color: #fff;
}


.new-probox ul li:hover i{
	background: #fff;
	color: #a71097;
}



.new-zhanshi{
	padding: 70px 0 100px;
}
.new-zhanshi ul{
	width: 1480px;
	margin: 36px auto 0;
}
.new-zhanshi ul li{
	width: 480px;
	height: 490px;
	border-radius: 30px;
	overflow: hidden;
	float: left;
	margin: 0 20px 20px 0;
}
.new-zhanshi ul li:nth-child(1){
	width: 980px;
	height: 490px;
}
.new-zhanshi ul li:nth-child(2){
	margin-right: 0;
}
.new-zhanshi ul li:last-child{
	margin-right: 0;
}
.new-zhanshi ul li img{
	display: block;
	width: 100%;
	height: 100%;
}


.new-zhengshu{
	width: 100%;
	background: #f0f0f0;
	padding: 70px 0 70px;
}

.New-RY-Swiper{
	width: 1480px;
    padding-bottom: 42px;
    margin: 30px auto 0;
    overflow: hidden;
    position: relative;
}
.New-RY-Swiper ul{}
.New-RY-Swiper ul li{
	background: #fff;
	border-radius: 10px;
	position: relative;
	padding-bottom: 20px;
    width: 220px;
}
.New-RY-Swiper ul li .img-box{
	padding: 16px;
}
.New-RY-Swiper ul li .img-box img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.New-RY-Swiper ul li p{
	text-align: center;
	padding: 0 20px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}




.new-jiagong{
	padding: 70px 0 100px;
	background: #222 url(../images/new-gongxu-bg.jpg) no-repeat fixed center;
}
.new-jiagong .tab-box{
	text-align: center;
	font-size: 0;
	margin: 46px 0 42px;
}
.new-jiagong .tab-box p{
	width: 280px;
	height: 80px;
	line-height: 76px;
	background: linear-gradient(to right, rgba(255,255,255,.03) , rgba(255,255,255,0.4));
	display: inline-block;
	font-size: 24px;
	color: #fff;
	cursor: pointer;
}
.new-jiagong .tab-box p.on{
	background: linear-gradient(to right, rgba(167,16,151,.03) , rgba(167,16,151,0.7));
	font-weight: bold;
}
.new-jiagong .tab-box p i{
	cursor: pointer;
}
.new-jiagong .con{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.new-jiagong .con .item{
	display: none;
	width: 1280px;
    margin: 0 auto;
}
.new-jiagong .con .item.on{
	display: block;
}
.new-jiagong .con .item ul{
	font-size: 0;
}
.new-jiagong .con .item ul li{
	display: inline-block;
	margin: 0 40px 20px;
	position: relative;
	width: 170px;
	height: 228px;
}
.new-jiagong .con .item ul li:after{
	content: "";
	display: block;
	background: url(../images/new-gongxu-jt.png) no-repeat 0 0;
	width: 45px;
	height: 19px;
	position: absolute;
	right: -62px;
	top: 64px;
}
.new-jiagong .con .item ul li:last-child:after,
.new-jiagong .con .item ul li:nth-child(5n):after{
	display: none;
}
.new-jiagong .con .item ul li .img-box{
	width: 140px;
	height: 140px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #fff;
	color: rgba(0,0,0,0);
	margin: 0 auto;
}
.new-jiagong .con .item ul li .img-box img{
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}
.new-jiagong .con .item ul li span{
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	background: #fff;
	border-radius: 50%;
	margin: 10px auto;
}
.new-jiagong .con .item ul li p{
	font-size: 14px;
	color: #fff;
}




.inner-zhaopin{
	width: 1480px;
	margin: 0 auto;
	padding: 88px 0;
}
.inner-zhaopin .tit{
	text-align: center;
}
.inner-zhaopin .tit h2{
	font-size: 52px;
	color: #bc0ba9;
	font-weight: normal;
	padding-bottom: 20px;
}
.inner-zhaopin .tit p{
	font-size: 16px;
	color: #222;
}
.inner-zhaopin .tit p a{
	color: #222;
}
.inner-zhaopin ul{
    margin-top: 60px;
}
.inner-zhaopin ul li{
	border: 1px solid #eee;
	box-sizing: border-box;
	border-bottom: navajowhite;
}

.inner-zhaopin ul li:last-child {
    border-bottom: 1px solid #eee;
}
.inner-zhaopin ul li .tr{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.inner-zhaopin ul li.on .tr{
	background: #eee;
	border-bottom: 1px solid #e3e3e3;
}
.inner-zhaopin ul li .tr .td{
	width: 20%;
	height: 80px;
	line-height: 80px;
	font-size: 16px;
	color: #222;
	padding: 0 0 0 40px;
}
.inner-zhaopin ul li:nth-child(1) .tr .td{
	color: #999;
}
.inner-zhaopin ul li .con{
    border-top: 1px solid #eee;
    background: #eeeeee;
    padding: 30px 40px 50px;
	display: none;
}
.inner-zhaopin ul li .con h3{
    font-size: 14px;
    font-weight: normal;
    color: #666;
	margin-bottom: 20px;
}
.inner-zhaopin ul li .con p{
    font-size: 14px;
	line-height: 26px;
    color: #666;
	width: 70%;
}
.inner-zhaopin ul li .con a{
    display: block;
    width: 118px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 2px solid #bc0ba9;
    border-radius: 30px;
    color: #bc0ba9;
    font-weight: bold;
    margin-top: 18px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	transition: .2s;
}
.inner-zhaopin ul li .con a:hover{
	background: #bc0ba9;
	color: #fff;
	box-shadow: 4px 6px 20px rgba(188,11,169,.2);
}




.tanchuang-tips{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 1000%;
	top: 0;
	z-index: 99;
	overflow: hidden;
	
}
.tanchuang-tips.show{
	left: 0;
}
.tanchuang-tips .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	z-index: 1;
	transition: .3s;
}
.tanchuang-tips.show .bg{
	opacity: .3;
}
.tanchuang-tips .con{
	width: 600px;
	height: 350px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -175px 0 0 -300px;
	z-index: 2;
	box-sizing: border-box;
	padding: 0 20px;
	opacity: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	transition: .3s;
}
.tanchuang-tips.show .con{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.tanchuang-tips .con .top{
	border-bottom: 1px solid #f4f4f4;
	padding: 16px 0;
	position: relative;
}
.tanchuang-tips .con .top span{
	font-size: 12px;
	color: #c7c7c7;
	font-family: Arial;
}
.tanchuang-tips .con .top p{
	font-size: 14px;
	color: #222;
}
.tanchuang-tips .con .top span:last-child{
	position: absolute;
    right: 0;
    bottom: 16px;
    font-size: 20px;
    color: #222;
    cursor: pointer;
}
.tanchuang-tips .con .text{
	text-align: center;
	padding-top: 80px;
}

.tanchuang-tips .con .text h2{
	font-size: 24px;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #222;
}
.tanchuang-tips .con .text p{
	font-size: 12px;
	color: #222;
}



.new-zhanshi .img-pc{
	margin: 40px auto 0;
	width: 100%;
}
.new-zhanshi .img-pc img{
	display: block;
	width: 1920px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.new-zhanshi .img-mob{
	display: none;
	margin: 20px auto 0;
}
.new-zhanshi .img-mob img{
	display: block;
	width: 100%;
}





.new-fushequanqiu{
    padding-bottom: 80px;
}
.new-fushequanqiu .tit{}
.new-fushequanqiu .con{
    width: 92%;
    max-width: 1473px;
    margin: 30px auto 0;
    position: relative;
}
.new-fushequanqiu .con .img-con{
    position: absolute;
    width: 100%;
}
.new-fushequanqiu .con img{
    width: 100%;
    max-width: 1473px;
    display: block;
    margin: 0 auto;
}
.new-fushequanqiu .con .img-bg{
    width: 100%;
}
.new-fushequanqiu .con p{
    position: absolute;
    z-index: 2;
    font-size: 22px;
    color: #222;
    line-height: 32px;
    border-left: 3px solid #e0e0e0;
    padding-left: 20px;
    bottom: 14%;
}



.share-fenxiang{
	text-align: center;
	font-size: 0;
}
.share-fenxiang > div{
	width: 36px;
	height: 36px;
	cursor: pointer;
	display: inline-block;
	margin: 0 4px;
	
}
.share-fenxiang > div:hover{
	opacity: .5;
}


#share-qrcode{
	background: url(../images/fenxiang-ico-weixin.png);
}
#share-sina{background: url(../images/fenxiang-ico-weibo.png);}
#share-qq{background: url(../images/fenxiang-ico-qq.png);}
#share-qzone{background: url(../images/fenxiang-ico-qqkongjian.png);}
#share-douban{background: url(../images/fenxiang-ico-douban.png);}






/*2021-08-19-最新上传-*/

.inner-Banner2{
	height: 634px;
}
.inner-Banner2 img{
	display: block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}




.contact-box{
	width: 1480px;
	margin: 0 auto;
	padding: 50px 0;
}
.contact-box .in-title-0817{
    text-align: center;
}
.contact-box .in-title-0817 h2{
    font-size: 38px;
    color: #111;
}
.contact-box .in-title-0817 p{
    font-size: 22px;
    color: #c2c2c2;
    font-weight: 100;
    text-transform: uppercase;
    padding-top: 6px;
}

p {}

.contact-box .tel-box{
    margin: 40px auto;
}
.contact-box .tel-box ul{}
.contact-box .tel-box ul li{
    float: left;
    width: calc(100% / 3);
    box-sizing: border-box;
    height: 130px;
    border: 1px solid #f0f0f0;
    padding: 28px 26px 0;
}
.contact-box .tel-box ul li:nth-child(2){
	border-width: 1px 0;
}
.contact-box .tel-box ul li a{}
.contact-box .tel-box ul li .ico-box{
    width: 50px;
    height: 50px;
    background: #7c1c72;
    border-radius: 50%;
    float: left;
}
.contact-box .tel-box ul li .ico-box img{
    display: block;
    width: 42%;
    margin: 0 auto;
    position: relative;
    top: 14px;
}
.contact-box .tel-box ul li .text-box{
    float: left;
    padding: 4px 0 0 14px;
    width: calc(100% - 57px);
    box-sizing: border-box;
}
.contact-box .tel-box ul li .text-box span{
    font-size: 14px;
    color: #222;
    display: block;
    padding-bottom: 3px;
}
.contact-box .tel-box ul li .text-box h3{
    font-size: 26px;
    font-weight: normal;
    color: #7c1c72;
    font-family: Arial;
}
.contact-box .tel-box ul li .text-box p{
	font-size: 16px;
	line-height: 24px;
	color: #717171;
	padding-top: 3px;
}




.contact-box .Staff-contact{}
.contact-box .Staff-contact .t8t{
    text-align: center;
	padding-top: 20px;
}
.contact-box .Staff-contact .t8t h3{
    font-size: 30px;
    height: 42px;
    line-height: 42px;
    color: #111;
}
.contact-box .Staff-contact .t8t p{
    color: #ccc;
}

.contact-box .Staff-contact ul{
    margin-top: 30px;
}
.contact-box .Staff-contact ul li{
    float: left;
    width: 32%;
    height: 160px;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
    margin: 0 2% 30px 0;
    box-sizing: border-box;
    padding: 30px;
	overflow: hidden;
	position: relative;
}
.contact-box .Staff-contact ul li:nth-child(3n){
	margin-right: 0;
}
.contact-box .Staff-contact ul li .img-box{
    width: 100px;
    height: 100px;
    background: url(../images/xiaoxiang.png) center;
    border-radius: 50%;
    float: left;
}

.contact-box .Staff-contact ul li .img-box img{
	display: block;
	width: 100%;
	height: 100%;
}
.contact-box .Staff-contact ul li .text-box{
    float: left;
    width: calc(100% - 120px);
    box-sizing: border-box;
    padding: 12px 0 0 20px;
}
.contact-box .Staff-contact ul li .text-box h2{
    font-size: 18px;
    font-weight: normal;
}

.contact-box .Staff-contact ul li .text-box h2 span {
    font-size: 14px;
    display: inline-block;
    padding-left: 4px;
}
.contact-box .Staff-contact ul li .text-box p{
    font-size: 12px;
    line-height: 20px;
    color: #888888;
    padding-top: 10px;
}

.contact-box .Staff-contact ul li .text-box i{
	position: absolute;
	right: 18px;
	bottom: 22px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #f1f1f1;
	border-radius: 50%;
	text-align: center;
	color: #b1b1b1;
	cursor: pointer;
}
.contact-box .Staff-contact ul li .text-box .wx{
	position: fixed;
    top: 43%;
    left: 50%;
    background: #fff;
    box-shadow: 0 0 10px rgb(100 100 100 / 10%);
    border-radius: 10px;
    overflow: hidden;
    width: 200px;
    padding: 42px 0px;
	display: none;
}
.contact-box .Staff-contact ul li .text-box .wx img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.contact-box .Staff-contact ul.sss li{
	height: 186px;
}


#dituBox{
	width: 1480px;
	height: 600px;
	margin: 0 auto 80px;
	border-radius: 30px;
	overflow: hidden;
}




.tanchuang-258{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	display: none;
        text-align: center;
}
.tanchuang-258.on{
	display: block; 
}
.tanchuang-258 .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1;
	opacity: .1;
	left: 0;
	top: 0;
}
.tanchuang-258 .box{
	position: absolute;
    top: 38%;
    left: 50%;
    background: #fff;
    box-shadow: 0 0 10px rgb(100 100 100 / 10%);
    border-radius: 10px;
    overflow: hidden;
    width: 370px;
    margin-left: -185px;
    padding: 0 0px 36px;
	z-index: 2;
}
.tanchuang-258 .box .big-img{
	width: 100%;
	height: 370px;
	position: relative;
	background: #000;
}
.tanchuang-258 .box .big-img img{
	display: block;
	width: 100%;
}
.tanchuang-258 .box .big-img .text{
	position: absolute;
	width: 86%;
	left: 7%;
	bottom: 0;
	padding-bottom: 20px;
}
.tanchuang-258 .box .big-img .text h2{
	font-size: 32px;
	font-weight: normal;
    color: #000;
    padding-bottom: 14px;
}
.tanchuang-258 .box .big-img .text p{
	font-size: 14px;
	color: #000;
}
.tanchuang-258 .img img{
	display: block;
    max-width: 100%;
    margin: 0 auto;
	
}
.tanchuang-258 span{
	position: absolute;
    left: 50%;
    top: -46px;
    margin-left: -15px;
    background: #ffffff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}