/*公共部分*/
.fl{float:left;}
.fr{float:right;}
.clear::after{display:block;content:'';clear: both;}
.clear{zoom:1;}
body{word-break: break-all;background: #fff;}
.header{position: absolute;height: 0.75rem;width: 100%;	background-color: #c60075;z-index: 2;}
.header .logotop{width: 1.81rem;float: left;margin-top: 0.08rem;}
.header .logotop img{width: 100%;margin-left: 0.3rem;}
.header .menu{width: 0.98rem;height: 100%;position: absolute;right: 0;top: 0;background: url(i/menu.jpg) right 0 ;background-size: 100%;cursor: pointer;}
.header #gohome{height: 0.75rem;width: 0.78rem;float: left;}
.header .gohome {background: url(i/gohome.jpg) left 0;float: left;height: 0.75rem;width: 0.78rem;background-size: 100%;cursor: pointer;}
.header .word {width: 2.5rem;margin: 0 auto;}
.header p {color: #fff;font-size: 0.28rem;line-height: 0.75rem;text-align: center;}

.header .menu{
	width: 0.98rem;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: url(i/menu.jpg) right 0 ;
	background-size: 100%;
	cursor: pointer;
}
.topmenu{
	position: fixed;
	left: 0;
	top:0;
	background: #c60075; 
	display: none;
	width: 100%;
	height:100%;
	padding-bottom: 0.08rem;
	z-index:19;
}
.topmenu .navpic-wrap{
	width: 6.3rem;
	margin: 0 auto;
}
.topmenu .dis{
	float: right;
	width: 95%;	
	padding-right:0.15rem;
	padding-top: 0.15rem;
	margin-bottom: 0.1rem;

}
.topmenu .dis img{
	width: 0.35rem;
	display: block;
	float: right;
	cursor: pointer;
}
.topmenu a{
	width:100%;
	float: left;
	color: #c60075;
	margin:0.2rem 0 ;
}
.topmenu a span{
	width: 100%;
	font-size: 0.28rem;
	line-height: 0.6rem;
	display: block;
	text-align: center;
	letter-spacing: 0.03rem;
	color:#fff;
}
.topmenu a img{
	width: 2rem;
	border: 0.05rem solid #c60075;
}
.placeholder{
	height: 0.75rem;
	width: 100%;
}
.content{
	font-family: "微软雅黑";
	overflow-x: hidden;
}

.placeholder {height: 0.75rem;width: 100%;}
.content{overflow-x: hidden;}

/*首页*/
.content .lunbo .swiper-container {width:100%;height: 100%;}
.content .lunbo .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.content .swiper-pagination-bullet{height: 0.14rem;width: 0.14rem;}
.content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.1rem;}
.content .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0.1rem;}
.content .nav-wrap{height: 2.3rem;padding-top: 0.18rem;width: 100%;background: #c60075;position:relative;z-index:12;}
.content .nav{width: 6.36rem;margin: 0 auto;}
.content .nav a{float: left;border: 0.06rem solid #c60075;width:2rem;}
.content .nav a img{width: 100%;}

/*产品中心*/
.content .prolist-wrap .prolist{padding: 0.24rem 0.2rem 0.2rem 0.23rem;height: 1.44rem;white-space: 100%;}
.content .prolist-wrap .prolist .icon{width: 1.4rem;float: left;}
.content .prolist-wrap .prolist .icon img{display: block;width: 100%;}
.content .prolist-wrap .prolist .pro-right{width: 4.2rem;float: left;margin-left: 0.25rem;height: 1.28rem;position: relative;}
.content .prolist-wrap .prolist .pro-right h4{font-size: 0.24rem;line-height: 0.36rem;}
.content .prolist-wrap .prolist .pro-right h5{font-size: 0.18rem;line-height: 0.3rem;color: #808080;}
.content .prolist-wrap .prolist .pro-right h6{font-size: 0.14rem; color: #c60075;margin-top: 0.24rem;}
.content .prolist-wrap .prolist .pro-right a{display: block;position: absolute;height: 0.45rem;border: 1px solid #c60075;border-radius: 10px;list-style: none;top: 0.85rem;padding:0 0.05rem;}
.content .prolist-wrap .prolist .pro-right .guanwang{right: 0.15rem;top:0.15rem;}
.content .prolist-wrap .prolist .pro-right .guanwang_qm{right: 0.15rem;top:0.55rem;}
.content .prolist-wrap .prolist .pro-right .down{right:-0.15rem; }
.content .prolist-wrap .prolist .pro-right span{display: block;	text-align: center;color: #c60075;font-size: 0.14rem;line-height: 0.45rem;}
.content .write{background: #fff;}
.content .gray{background: #f1f1f1;}
.content .more img{width: 100%;}

/*紫龙发展*/
.progress-wrap{background: url(i/fz_bg.jpg) no-repeat;background-size: 100% auto;}
.pg1{height: 7.5rem;}
.menu2 { padding-top: 5.6rem;text-align: center;}
.menu2 a {display: inline-block;width: 1.4rem;color: #fff;letter-spacing: 1px;}
.menu2 a i{display: block;width: 0.8rem;height: 0.8rem;background-repeat: no-repeat;background-size:100% 100%;margin-bottom: 0.15rem;margin-left: 0.35rem;}
.menu2 a span{font-size: 0.18rem;white-space: nowrap;}
.menu2 .m1 i{background-image: url(i/icon_m1.png);}
.menu2 .m2 i{background-image: url(i/icon_m2.png);}
.menu2 .m3 i{background-image: url(i/icon_m3.png);}
.menu2 .m4 i{background-image: url(i/icon_m4.png);}
.pg2{height: 6.40rem;position: relative;}
.pg2 h3{font-size: 0.6rem;text-align: center;margin-bottom: 0.6rem;}
#swiper-timeline .bd{overflow: hidden;}
#swiper-timeline ul{margin: 0 auto;display: -webkit-box;width: 100%;overflow-x: scroll;}
.tl-item {width: 1.64rem;}
.tl-item:nth-child(2n+1){padding-top: 1.46rem;}
.tl-item .icon{width:1.32rem;margin: 0 auto;}
.tl-item .icon img{width: 1.32rem;display: block;}
.tl-item .text{border-left: 1px solid #b3b3b3;margin-left: 0.4rem;padding-top: 0.2rem;padding-left: 0.05rem;line-height: 1.6;}
.tl-item .time{font-size: 0.12rem;font-weight: bold;color:#343434;margin-bottom: 0.12rem;}
.tl-item .name{font-size: 0.12rem;word-break: normal;}
.pg3{height: 8.98rem;overflow: hidden;}
.pg3 .swiper-slide{text-align: center;}
.pg3 h3{font-size: 0.4rem;color:#1d1d1d;font-weight: bold;margin-bottom: 0.3rem;padding-top: 0.9rem;}
.pg3 .text{font-size: 0.16rem;color:#4d4d4d;margin-bottom: 0.5rem;line-height: 1.8;padding:0 0.1rem;}
.pg3 .ph{font-size: 0.26rem;color:#c60075;line-height: 0.5rem;}
.pg3 .ph::before{content: '';display: block;width: 0.27rem;height: 0.04rem;background: #c60075;margin: 0 auto 0.12rem;}
.pg3 .no{font-size: 0.93rem;color:#c60075;font-weight: bold;}
.pg3_fullSlide .swiper-slide{height: 8.98rem;}
.pg3_fullSlide .bd li{text-align: center;}
.pg3_fullSlide .hd{text-align: center;}
.pg3_fullSlide .hd span{display: inline-block;border:1px solid #b2aeac;color:#b0b0b0;text-align: center;width: auto;height: 0.31rem;line-height: 0.31rem;font-size: 0.20rem;padding: 0 0.2rem;}
.pg3_fullSlide .hd span.swiper-pagination-bullet-active{border-color:#c60075;background: #c60075;color:#fff;font-weight: bold;}
.pg3_fullSlide .swiper-pagination-bullet {height: auto;display: inline-block;border-radius: 0;background: none;opacity: 1;}
.pg4{height: 9rem;}
.pg4 h3{text-align: center;font-size: 0.6rem;padding-top: 0.8rem;color:#010101;}
.pg4 .text{text-align: center;font-size: 0.2rem;line-height: 1.6;transform: translateY(-10%);}
.pg4 .text.text2{text-align: center;font-size: 0.2rem;line-height: 1.6;transform: translateY(-30%);margin-top:0.5rem;}
.pg4_fullSlide .swiper-slide{height: 7.4rem;}
.pg4_fullSlide .swiper-pagination-bullet-active{background: none;}
.pg4_fullSlide .swiper-slide .pg4_inner{width:6.4rem;height:3.2rem;margin-top:0.9rem;margin-bottom:0.3rem;}
.pg4_fullSlide .swiper-slide .pg4_inner .swiper-slide{width:3.2rem;height:3.2rem;}
.pg4_fullSlide .swiper-slide .pg4_inner .swiper-slide img{width:3.2rem;height: 3.2rem;}
.pg4_fullSlide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.pg4_fullSlide .swiper-pagination-bullet {height: auto;display: inline-block;border-radius: 0;background: none;opacity: 1;}
.pg4_fullSlide .hd{ overflow: hidden;border-bottom: 2px solid #dcdcdc;}
.pg4_fullSlide .hd span{width: 25%;float: left;text-align: center;font-size: .12rem;color:#0c0c0c;}
.pg4_fullSlide .hd span::after{content: '';display: block;height: 0.06rem;outline: none;}
.pg4_fullSlide .hd span.swiper-pagination-bullet-active::after{background: #c60075;outline: none;}
.pg5{height: 7.2rem;position: relative;}
.pg5 h3{font-size: 0.6rem;color:#010101;text-align: center;padding-top: 0.8rem;margin-bottom: 0.3rem;}
.pg5 h3::after{display: block;content: '';width: 0.26rem;height: 0.6rem;border-bottom:1px solid #c60075;margin: 0 auto;}
.pg5 .text{text-align: center;line-height: 1.6;color:#4d4d4d;font-size: 0.18rem;}
.my-cont.active {transform: translateY(0);transition-delay: 0.5s;opacity: 1;}
.my-cont {transform: translateY(0.5rem);opacity: 1;transition: all 1s;}
.pg4_fullSlide .swiper-slide .pg4_inner_new{width:6.4rem;height:3.2rem;margin-top:0.9rem;margin-bottom:0.3rem;}
.pg4_fullSlide .swiper-slide .pg4_inner_new .swiper-slide{width:4.3rem;height:3.2rem;}
.pg4_fullSlide .swiper-slide .pg4_inner_new .swiper-slide img{width:4.3rem;height: 3.2rem;}
.pg4_fullSlide .swiper-slide .pg4_inner_new2{width:6.4rem;height:3.2rem;margin-top:0.9rem;margin-bottom:0.3rem;}
.pg4_fullSlide .swiper-slide .pg4_inner_new2 .swiper-slide{width:3.2rem;height:3.2rem;}
.pg4_fullSlide .swiper-slide .pg4_inner_new2 .swiper-slide img{width:3.2rem;height: 3.2rem;}
.pg5_img img:nth-child(1){width:1.51rem;position: absolute;top: 0.8rem;}
.pg5_img img:nth-child(2){width:0.77rem;position: absolute;top: 2.3rem;}
.pg5_img img:nth-child(3){width:2.05rem;position: absolute;top:6.1rem;}
.pg5_img img:nth-child(4){width:1.18rem;position: absolute;top: 1.4rem;right: 0.3rem;}
.pg5_img img:nth-child(5){width:1.38rem;position: absolute;right: 0;}
.my-cont.active img {opacity: 1;transform: translateX(0); }
.my-cont .pg5_img_left{opacity: 0;transition: all 0.5s;transition-delay: 0.2s;transform: translateX(-3rem);}
.my-cont .pg5_img_right{opacity: 0;transition: all 0.1s;transition-delay: 0.2s;transform: translateX(0rem);}

/*客服中心页面*/
.content .service1{height: 7.04rem;}
.content .middle{width: 4.96rem;margin: 0 auto;height: 100%;}
.content .service1 .middle p{color: #2c3d51;font-size: 0.26rem;line-height: 0.4rem;padding-top: 0.5rem;text-align: center;padding-bottom: 0.5rem;}
.content .service1 .middle .mid{width: 3.16rem;	margin: 0 auto;}
.content .ace .text{width:3.7rem;height: 180px;line-height: 0.3rem;font-size: 0.18rem;margin:0 auto;	margin-top: 0.6rem;}
.content .ace .text .aa{height: 0.44rem;width: 4.5rem;float: left;color: #808080;}
.content .ace .text span{height: 0.8rem;width: 0.25rem;display: block;float: left;margin-right:0.12rem;margin-top: 0.01rem;}
.content .service2 .prolist{height: 6.2rem;}
.content .service2 .prolist .neo-1{padding-top: 0.44rem;width: 2rem;margin-right: 0.88rem;float: left;height: 3.2rem;}
.content .service2 .prolist  p{color: #808080;font-size:0.22rem;line-height:0.33rem;text-align: center;padding-top: 0.2rem;}
.content .service2 .prolist .neo-2{padding-top: 0.5rem;height: 3.2rem;width: 2rem;float: left;}
.content .service2 .prolist .neo-2 img{width: 1.86rem;margin-left: 0.08rem;}
.content .service2 .gray .neo-2 img{width: 2rem;margin: 0;padding: 0;}
.content .service2 .prolist .neo-2 p{padding: 0;}
.content .ace .text .weichat span{width: 0.31rem;}
.content .ace .text .tel span{width: 0.27rem;}
.content .ace .text .qq span{width: 0.27rem;}
.content .ace .text .tieba span{width: 0.25rem;}
.content .ace .text .letter span{width: 0.28rem;}

/*联系我们*/
.content .contact-1{height: 7.7rem;	}
.content .contact-1 .img-1{position: relative;width: 100%;}
.content .contact-1 .img-1 p{font-size: 0.28rem;line-height: 0.5rem;text-align: center;color: #2c3d51;}
.content .contact-1 .img-2{width: 3.2rem;margin: 0 auto;margin-top: 0.52rem;}

/*联系我们部分*/
.touch{min-height: 7rem;}
.touch li{	color: #808080;}
.touch li .title{width:100%;height: 0.74rem;background-color: #f1f1f1;border-bottom: 1px solid #808080;position: relative;}
.touch li .title p{display: block;width: 5rem;float: left;font-size: 0.28rem;line-height: 0.74rem;padding-left: 0.38rem;}
.touch li .title p:before{content: "";background-color: #c60075;position: absolute;top: 0.24rem;left: 0.24rem;height: 0.28rem;width: 0.05rem;color: #c60075;}
.touch li .slide{height: 0.74rem;width: 0.55rem;float: right;background: url(../img/slideup.png)no-repeat left 0;background-size: 100%;}
.touch li .act{background: url(../img/slidedown.png)no-repeat left 0;background-size: 100%;}
.touch li .touch-info{width: 100%;padding: 0.22rem 0 0.34rem 0.22rem;display: none;}
.touch li .touch-info p{font-size: 0.22rem;line-height: 0.5rem;}

/*公共页脚部分*/
.footer{width: 100%;border-top: 1px solid #c60075;}
.footer .pic_wrap{width: 40%;margin: 0 auto;}
.footer .pubMain .pub_le{font-size: 0.2rem;text-align: center;display: block;margin-bottom: 0.2rem;line-height: .4rem;}
.footer .pubMain .link{display: flex;display: -webkit-flex;justify-content: center; height: .4rem;margin-top: -.3rem;}
.footer .pubMain .link a{display: block;font-size: 0.2rem;color: #000;font-size: 0.2rem;}
.footer .pubMain .link em{display: block;font-style: normal;font-size: 0.2rem;margin: 0 .3rem;}

/* service */
.top_bg{width:100%;height:6.72rem;background:url(../img/en_service_top_bg.jpg) no-repeat;background-size:100% auto;}
.game_wrap{width:5.8rem;padding-top:0.6rem;margin:0 auto;}
.game_wrap li{min-height:1.4rem;margin-bottom:0.3rem;}
.game_icon{width:1.38rem;height:1.38rem;margin-right:0.3rem;}
.game_icon img{width:1.38rem;height:auto;}
.game_con{height:100%;width:4.1rem;}
.game_con p{width:100%;border-bottom:1px solid #ccc;font-size:0.26rem;line-height: 0.66rem;color:#c60075;font-weight:bold;}
.service_btn_wrap{width:100%;padding-top:0.18rem;}
.service_btn_wrap>div span{line-height:.5rem;margin-right:.1rem;float: left;}
.service_btn_wrap>div{margin-bottom:.2rem;}
.service_btn_wrap a{float:left;margin-right:0.1rem;}
.service_btn_wrap a img{width:0.53rem;height:auto;}
.nor{margin-right:0rem;}


.lan{width:1.5rem;height:100%;position:absolute;top:0;right:1rem;line-height:0.75rem;text-align:center;background:url(../img/top_icon.png) no-repeat 1.3rem center;color:#fff;background-size:0.2rem auto;}

.language{display:none;position: absolute;left:4rem;top:0.75rem;z-index: 9;width:1.6rem;}
.language li{width:100%;height:0.6rem;background:#29221f;font:0.2667rem/0.6rem "Microsoft YaHei";text-align:center;color:#fff;border-bottom:1px solid #c5a56e;cursor:pointer;}
.language li:nth-child(3){border:none;}




.pro_list{
	padding:0.4rem 0.28rem;
}
.pro_list li{
	width:2.81rem;
	height:2.81rem;
	float: left;
	margin-bottom:0.28rem;
	position:relative;
	overflow:hidden;
}
.pro_list li:nth-child(2n){
	float: right;
}
.pro_list li .imgitem{
	width:2.81rem;
	height:auto;
}
.pro_list li .item_dt{
	width:0.35rem;
	height:0.35rem;
	position:absolute;
	right:0.2rem;
	top:0.2rem;
	z-index:1;
	text-align:center;
	font-size:0.4rem;
	line-height:0.1rem;
	color:#fff;
}
.pro_list li .info{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(222,0,128,.75);
	opacity:0;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transition: all .6s ease;
}
.pro_list li .info.on{
	opacity:1;
	filter: alpha(opacity=100);
}

.pro_list li .info .btns{
	margin-top:1.5rem;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transition: all .6s ease;
}
.pro_list li .info.on .btns{
	margin-top:0.3rem;
}
.pro_list li .info.on .btns.m{
	margin-top:0rem;
}
.pro_list li .btns a{
	width:2rem;
	height:0.3rem;
	display:block;
	font-size:0.18rem;
	letter-spacing:0rem;
	color:#fff;
	line-height:0.3rem;
	margin:0 auto;
	text-align:center;
	border: solid 0.01rem #ffffff;
	margin-bottom:0.03rem;
    position:relative;
    white-space: nowrap;
}
.pro_list li .btns a.home::before{
	position:absolute;
	left:0.4rem;
	top:0.07rem;
	display:block;
	content:'';
	width:0.23rem;
	height:0.21rem;
	/* background:url(../img/p2_spr.png) no-repeat; */
	background-size:0.86rem auto;
	background-position:-0.1rem -0.1rem;
}
.pro_list li .btns a.down::before{
	position:absolute;
	left:0.4rem;
	top:0.07rem;
	display:block;
	content:'';
	width:0.21rem;
	height:0.19rem;
	background:url(../img/p2_spr.png) no-repeat;
	background-size:0.86rem auto;
	background-position:-0.1rem -0.51rem;
}
.logoitem{
	position: absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.logoitem_on{
	display:block;
	margin:0 auto;
	width:1.6rem;
	height:auto;
	margin-top:0.4rem;
}
.logoitem_on.m{
    margin-top:0;
}
.nowrap{white-space: nowrap;}