.clear{ *zoom: 1; } 
.clear:before, .clear:after { display: table; line-height: 0;content: ""; } 
.clear:after {clear: both; } 
.clearfix:after{clear: both; content: ''; display: block;}

/*产品中心*/
.product-main{min-width: 800px;position: relative;height: 748px;}
.product-main .pro-content{background: #f1f1f1;position: absolute;top: 0;right: 0;height: 744px;width: 778px;border-bottom: 4px solid #c60075;z-index: 10;}
.product-main .nav{height: 80px;background: #456;overflow: hidden;}
.pro-content .triangle{display: block;position: absolute;height: 0;width:0;top: 112px;left:-55px;border-top: 12px solid transparent;border-right: 20px solid #f1f1f1; border-bottom: 12px solid transparent;border-left: 35px solid transparent; z-index:3;}
.product-main .pro-content .pro-list{	display: none;margin-left: 20px;max-width: 745px;height: 300px;}
.product-main .pro-content .pro-list .pro-list1{border-bottom: 1px dashed #d1d1d1;height: 112px;padding-top: 38px;padding-left: 52px;
}
.product-main .pro-content .pro-list .pro-list1 img{display: block;float: left;width: 88px;height: 88px;padding-right: 20px;}
.product-main .pro-content .pro-list:first-child{display: block;}
.product-main .pro-content .pro-list .pro-list1 h3{padding-top: 20px;font-size: 32px;line-height: 40px;}
.product-main .pro-content .pro-list .pro-list2{padding-top: 20px;}
.product-main .pro-content .pro-list .pro-list2 .pro-code{width: 200px;padding-left: 275px;padding-top:120px;}
.product-main .pro-content .pro-list .pro-list2 p{height: 220px;font-size: 14px;line-height: 25px;letter-spacing: 1px;	}
.product-main .pro-content .pro-list .pro-list2 img{height: 200px;width: 200px;padding-top: 24px;}
.product-main .pro-content .pro-list .pro-list2 span{display: block;color: #c60075;font-size: 12px;text-align: center;line-height: 24px;letter-spacing: 2px;}
.product-main .pro-content .pro-list .pro-list2 .joinbut{background-color: #c60075;color: #FFF;width: 192px;height: 50px;font-size: 22px;text-align: center;margin-top: 32px;line-height: 50px;margin-left:6px;display:block;}
.product-main .nav{height: 97px;position:relative;margin-top:-97px;background-color: rgba(0,0,0,.6);z-index: 1;min-width: 550px;} 
.product-main .nav .nav-wrap{float: right;}
.product-main .nav a{display: block;}
.product-main .nav .nav-wrap .nav-list{padding-right: 15px;padding-left: 15px;}
.product-main .nav .nav-list{float: left;padding-top: 10px;height: 87px;}
.nav .nav-img{width: 77px;height: 77px;display: block;float: left;}
.nav-tit{float: left;display:none ;}
.product-main .nav .nav-list.active{background-color: #c60075;width: 235px;	}
.nav-list.active .nav-tit{width:150px;display: block;}
.nav-list.active .nav-tit h5{color: #fff;font-size: 16px;line-height: 20px;padding-left: 6px;}
.nav-list.active .nav-tit p{color: #f393ca;padding-left: 6px;font-size: 12px;line-height: 20px;white-space: nowrap;}

/*紫龙发展*/
.progress-main{width: 100%;margin: 0 auto;min-width: 1190px;}
.progress1{	height: 165px;padding-top: 140px;background: url(i/progress1.jpg) no-repeat center 0;}
.progress1 .pronav{position: relative;width: 778px;height: 114px;margin: 0 auto;}
.progress1 .pronav a{position: absolute;display: block;height: 118px;bottom: -3px;	background: url(i/pronav.png) no-repeat center 0;}
.progress1 .pronav .location1{left:0px; width: 76px;background-position: 1px 1px;	}
.progress1 .pronav .location1:hover{background: url(i/pronav1.png) no-repeat 1px 0;}
.progress1 .pronav .location2{left:146px; width: 142px;background-position: -146px 1px;		}
.progress1 .pronav .location2:hover{background: url(i/pronav1.png) no-repeat -146px 1px;	}
.progress1 .pronav .location3{left:360px; width: 78px;background-position: -360px 1px;	}
.progress1 .pronav .location3:hover{background: url(i/pronav1.png) no-repeat -360px 1px;;	}
.progress1 .pronav .location4{left:525px; width: 100px;background-position: -525px 1px;	}
.progress1 .pronav .location4:hover{background: url(i/pronav1.png) no-repeat -525px 1px;	}
.progress1 .pronav .location5{left:728px; width: 80px;background-position: -728px 1px;	}
.progress1 .pronav .location5:hover{background: url(i/pronav1.png) no-repeat -728px 1px;	}
.progress2{position: relative;background-color: #fff;clear: both;}
.progress2 h3{text-align: center;font-size: 32px;line-height: 40px;padding-top: 36px;padding-bottom: 36px;}
.progress2 p{width: 1100px;margin: 0 auto;font-size: 16px;word-break: break-all;padding:10px 60px;letter-spacing: 4px;line-height: 30px;	}
.progress2 .imgWrap{width: 1000px;margin:0 auto;padding-bottom: 50px;}
.progress2 .imgWrap img{display: block;float: left;margin: 0 20px;}
.progress2 .imgWrap .yjz{width: 110px;margin: 0 40px;}
.progress2 .imgWrap .hxsy{margin-top:50px;}
.progress2 .imgWrap .mz{margin-top:45px;margin-left: 55px;}
.progress2 .imgWrap .sg{margin-top:45px;width:150px;margin-left:90px;}
.progress2 .imgWrap .fzdl{width: 220px;margin: 10px 20px;}
.progress2 .yj,.progress2 .more,.progress2 .qyns{padding:40px 0;}
.progress2 .more{padding-top: 55px;margin: 0 40px!important;}
.progress3{background-image: url(i/progress3-bg.jpg) center 0;background-color: #f0f0f0;background-repeat: no-repeat;}
.progress3 .develop{width: 1190px;height: 100%;margin: 0 auto;}
.progress3 .develop .title{height: 130px;font-family: "微软雅黑";font-size: 32px;line-height: 100px;text-align: center;}
.progress3 .develop .develop-introduce{width: 1146px;padding: 50px 36px;border-top: 1px solid #bfbfbf;	}
.progress3 .develop .develop-introduce p{word-break: break-all;line-height: 40px;font-size: 16px;}
.progress3 .develop .develop-introduce p span{font-size: 20px;	}
.progress3 .develop .develop-introduce p b{color: #c60075;}
.progress3 .develop .develop-introduce img{width:259px;height: auto;margin: 36px 55px;}
.progress4{height: 762px;background: url(i/progress4.jpg) center 0  no-repeat;}
/*紫龙大事件*/
.progress5{height: 1060px;background-color: #f1f1f1;}
.progress5 .pro-purple{height: 246px;position: relative;background-color:#6b1d7a; }
.progress5 .pro-purple b{font-weight: normal;color: #FFF;font-size: 32px;line-height: 40px;padding-top: 46px;letter-spacing: 4px;display: block;text-align: center;}
.progress5 .pro-purple .pro-time .timelist-wrap{height: 52px;padding-top: 50px;text-align: center;width: 99999px;margin-left: 470px;}
.progress5 .pro-purple .timelist{float: left;position: relative;height: 56px;width: 240px;text-align: center;float: left;font-size: 20px;line-height: 30px;color:#bb64cc; cursor: pointer;}
.progress5 .pro-purple .pro-time{width: 1190px;height: 104px;border-bottom: 1px solid #bb64cc;font-weight: normal;margin: 0 auto;}
.progress5 .pro-purple .cover{display: block;width: 30%;position: absolute;height: 246px;z-index: 2;}
.progress5 .pro-purple .cover1{top: 0;left: 0;background: url(i/cover1.png) left 0;}
.progress5 .pro-purple .cover2{top: 0;right: 0;background: url(i/cover2.png) right 0;}
.progress5 .pro-purple .pro-time .timelist-wrap .time{color: #FFF;font-size: 26px;line-height: 30px;}
.progress5 .pro-purple:after{content: "";position: absolute;bottom:-40px;z-index: 3;left: 49%;border-top:20px  solid  #6b1d7a;border-left:20px  solid transparent;border-right:20px  solid transparent;border-bottom:20px  solid transparent;}
.progress5 .pro-purple .pro-time .timelist-wrap .timelist span{background-color: #FFF;height: 8px;width: 8px;border-radius: 50%;bottom: -2px;left: 120px;position: absolute;}
.progress5 .pro-event{height: 814px;width: 1190px;margin: 0 auto;}
.progress5 .pro-event .fullSlide .bd{background: #f1f1f1;margin-top: 102px;overflow: hidden;}
.progress5 .pro-event .fullSlide .bd img{width: 445px;height: 288px;border:2px solid #6b1d7a;float: left;margin-left: 102px;}
.progress5 .pro-event .fullSlide .bd span{display: block;font-size: 26px;line-height: 32px;margin-top: 156px;margin-left: 600px;}
.progress5 .pro-event .fullSlide .bd p{font-size: 16px;width: 500px;letter-spacing: 2px;line-height: 30px;margin-left: 596px;}
.progress5 .pro-event .swiper-container .swiper-button-prev,.progress5 .pro-event .swiper-container .swiper-container-rtl .swiper-button-next{background-image:url(../images/left.png);background-size: 100%;height: 64px;width: 44px;top: 206px;}
.progress5 .pro-event .swiper-container .swiper-button-next,.progress5 .pro-event .swiper-container .swiper-container-rtl .swiper-button-prev{background-image:url(../images/right.png);height: 64px;width: 44px;top: 206px;background-size: 100%;}
.progress5-1{background: url("../images/progress5-bg.jpg") center 0;height:  390px;width: 1190px;margin: 0 auto;}
.progress6{height:416px;background: url("../images/progress6.jpg") no-repeat center 0;margin: 0 auto;}
.progress-main .float{position: fixed;top: 0;width: 100%;height: 84px;background: #999\9;background: rgba(0,0,0,0.5);z-index: 999;}
.float .pronav{position: relative;width: 506px;height: 70px;margin: 4px auto;	}
.float .pronav a{position: absolute;display: block;height: 70px;bottom: -3px;	background: url(../images/pronav2.png) no-repeat center 0;}
.float .pronav .location1{left:0px; width: 47px;background-position: 1px 1px;	}
.float .pronav .location1:hover{background-position: 1px -83px;}
.float .pronav .location2{left:93px; width: 83px;background-position: -93px 1px;		}
.float .pronav .location2:hover{background-position: -93px -83px;}
.float .pronav .location3{left:222px; width: 49px;background-position: -222px 1px;	}
.float .pronav .location3:hover{background-position: -222px -83px;}
.float .pronav .location4{left:326px; width: 60px;background-position: -326px 1px;}
.float .pronav .location4:hover{background-position: -326px -83px;}
.float .pronav .location5{left:449px; width: 50px;background-position: -449px 1px;}
.float .pronav .location5:hover{background-position: -449px -83px;}

/*客服中心页面*/
.service-wrap .service-part2{height: 846px;background: url(i/cs_banner.jpg) no-repeat center 0;}
.service-wrap .service-part2 .code-service{position: absolute;left: 64px;top: 500px;}
.service-wrap .service-part2 .text{position: absolute;left: 64px;top: 690px;}
.code-kefu{width: 1190px;margin: 0 auto;position: relative;}
.code-kefu .text{color:#fff;}
.code-kefu .text .qq span{background: url(i/icon_qq2.png) no-repeat  left center;}
.code-kefu .text .tel span{background: url(i/icon_tel.png) no-repeat  left center;}
.code-kefu .text .mail span{background: url(i/icon_mail.png) no-repeat  left center;}
.code-kefu .text .aa{margin-right: 70px;height: 44px;float: left;letter-spacing: 2px;white-space: nowrap;}
.code-kefu .text span{height: 25px;width: 25px;display: block;float: left;margin-right: 12px;margin-bottom: 25px;}

.service-wrap .service-part3{background:#eaeaea url(i/cs_banner2.jpg) no-repeat center 0;margin: 0 auto;}
.service-wrap .service-part3 .inner{width: 1190px;margin: 0 auto;padding-top: 140px;padding-bottom: 50px;}
.gamelist{float: left;width: 321px;position: relative;margin-left: 85px;height: 110px;margin-bottom: 110px;}
.gamelist:nth-child(3n-2){margin-left: 55px;}
.gamelist .logo {padding-left: 135px;}
.gamelist .logo img{width: 110px;position: absolute;left: 0;top: 0;}
.gamelist .logo .name{color:#c60075;font-size: 20px;margin-top: 22px;white-space: nowrap;}
.gamelist .logo .name::after{content: '';display: block;border-bottom: 1px solid #ccc;height: 13px;width: 147px;margin-bottom: 12px;}
.gamelist .logo .desc{color: #aaaaaa;height:20px;width:100%;position:relative;}
.gamelist .logo .desc img{width:28px;height:auto;}
.gamelist .logo .desc a:nth-child(1){position:absolute;left:0;top:0;}
.gamelist .logo .desc a:nth-child(2){position:absolute;left:40px;top:0;}
.gamelist .logo .desc a:nth-child(3){position:absolute;left:80px;top:0;}
.gamelist .logo .desc a:nth-child(4){position:absolute;left:120px;top:0;}


.gamelist .code{display:none;position: absolute;left: 0;top: 0;}
.gamelist .code img{width: 110px;}
.gamelist .popover{display: none;position: absolute;top: 0;left: 110px;background: #fff;padding: 25px;}
.gamelist:hover {z-index: 9;}
.gamelist:hover .code{display: block;}
.gamelist:hover .popover {display: block;}
.gamelist .popover .name{font-size: 20px;color:#c60075;margin-bottom: 10px;}
.gamelist .popover .desc{font-size: 14px;color:#aaaaaa;margin-bottom: 20px;}
.gamelist .popover .text::before{content: '';display: block;border-top: 1px solid #cccccc;width: 240px;margin-bottom: 12px;}
.gamelist .popover .text{font-size: 15px;color:#747474;}
.gamelist .popover .text .aa{width: 350px;height: 32px;white-space: nowrap;}
.gamelist .popover .text span{height: 28px;line-height:28px;display: block;float: left;padding-right:10px;}
.gamelist .popover .text .weichat span{background: url(i/icon_wx.png) no-repeat;}
.gamelist .popover .text .tieba span{background: url(i/icon_bd.png) no-repeat;}
.gamelist .popover .text .qq span{background: url(i/icon_qq.png) no-repeat;}

/* 公司发展  */
.pg1{background:url(i/fz_banner1.jpg) no-repeat center 0;height: 846px;}
.menu { position: absolute;left: 0;top:685px; width: 100%;text-align: center;}
.menu-inner{width: 880px;margin: 0 auto;}
.menu a {float: left;width: 110px;color: #fff;margin: 0 45px;}
.menu a i{display: block;width: 80px;height: 80px;background-repeat: no-repeat;margin-bottom: 15px;margin-left: 15px;}
.menu a span{font-size: 18px;}
.menu .m1 i{background-image: url(i/icon_m1.png);}
.menu .m2 i{background-image: url(i/icon_m2.png);}
.menu .m3 i{background-image: url(i/icon_m3.png);}
.menu .m4 i{background-image: url(i/icon_m4.png);}
.menu a:hover{	margin-top: -14px;}
.menu a:hover span::before{content: '';display: block;margin: 0 auto 20px;height: 5px;width: 18px;border-bottom: 1px solid #fff;}

.pg2{background:url(i/fz_banner2.jpg) no-repeat center 0;height: 741px;position: relative;overflow:hidden;}
.pg2 h3{font-size: 72px;text-align: center;padding-top: 90px;margin-bottom: 90px;}
#swiper-timeline .bd{overflow: hidden;width: 200%;}
#swiper-timeline ul{margin: 0 auto;float: left;}
.pg2 .pager{position: absolute;left: 0;bottom: 140px;width: 100%;text-align: center;}
.pg2 .pager li{width: 6px;height: 6px;border-radius: 6px;margin: 0 15px;display: inline-block;border: 1px solid #bfbfbf;vertical-align: middle;}
.pg2 .pager li.active{	width:15px;height: 15px;border-radius: 15px;background: #c9c9c9;}
.tl-item {float: left;width: 164px;padding-top: 30px;}
.tl-item .icon{width:110px;margin: 0 auto;transition:width 0.6s;}
.tl-item .icon img{width: 110px;display: block;}
.tl-item .text{border-left: 1px solid #b3b3b3;margin-left: 46px;padding-top: 20px;padding-left: 8px;line-height: 1.6;}
.tl-item .time{font-size: 13px;font-weight: bold;color:#343434;margin-bottom: 12px;}
.tl-item .name{font-size: 12px;width:155px;}
.tl-item.hover{padding-top: 0;background: none;}
.tl-item.hover .icon{width: 144px;}
.tl-item.hover .icon img{width:100%;height:auto;}
.tl-item.hover .time{font-size: 17px;}
.tl-item.hover .name{font-size: 15px;}

.pg3{background:url(i/fz_banner3.jpg) no-repeat center 0;height: 898px;}
.pg3 h3{font-size: 40px;color:#1d1d1d;font-weight: bold;margin-bottom: 30px;}
.pg3 .text{font-size: 16px;line-height: 32px;color:#808080;margin-bottom: 50px;}
.pg3 .ph{font-size: 26px;color:#666666;line-height: 75px;}
.pg3 .ph::before{content: '';display: block;width: 27px;height: 4px;background: #c60075;margin: 0 auto 12px;}
.pg3 .no{font-size: 93px;color:#c60075;font-weight: bold;}
.pg3_fullSlide{width: 960px;height: 898px;position: relative;background: rgba(255,255,255, .9);}
.pg3_fullSlide .bd li{text-align: center;width: 960px;padding-top: 100px;}
.pg3_fullSlide .hd{position: absolute;left: 0;bottom: 100px;width: 100%;text-align: center;}
.pg3_fullSlide .hd li{display: inline-block;border:1px solid #b2aeac;color:#b0b0b0;text-align: center;height: 31px;line-height: 31px;font-size: 20px;margin: 0 20px;padding: 0 10px;}
.pg3_fullSlide .hd li.on{border-color:#c60075;background: #c60075;color:#fff;font-weight: bold;}
.pg3_fullSlide .pager{position: absolute;right: 25px;top: 50%;margin-top: -30px;}
.pg3_fullSlide .pager a{font-size: 14px;padding-right: 22px;height: 40px;line-height: 40px;color:#c9c9c9;}
.pg3_fullSlide .pager .prev{background:url(i/a_prev.png) no-repeat right center;}
.pg3_fullSlide .pager .next{background:url(i/a_next.png) no-repeat right center;}

.pg4{background:url(i/fz_banner4.jpg) no-repeat center 0;height: 898px;position: relative;}
.pg4 h3{position: absolute;left: 0;top: 75px;width: 100%;text-align: center;font-size: 72px;color:#010101;z-index: 9;}
.pg4_fullSlide .hd{position: absolute;left: 50%;bottom: 95px;z-index: 9;width: 1200px;margin-left: -600px;}
.pg4_fullSlide .hd ul{ overflow: hidden;border-bottom: 2px solid #dcdcdc;}
.pg4_fullSlide .hd li{width: 300px;float: left;text-align: center;font-size: 12px;color:#0c0c0c;}
.pg4_fullSlide .hd li::after{content: '';display: block;height: 6px;}
.pg4_fullSlide .hd li.on::after{background: #c60075;}
.pg4_fullSlide .pager {position: absolute;left: 50%;bottom: 42px;width: 300px;margin-left: -150px;z-index: 9;text-align: center;}
.pg4_fullSlide .pager a{display: inline-block;width: 23px;height: 13px;margin: 0 10px;}
.pg4_fullSlide .pager .prev{background: url(i/prev.png) no-repeat;}
.pg4_fullSlide .pager .next{background: url(i/next.png) no-repeat;}

.pg5{background:url(i/fz_banner5.jpg) no-repeat center 0;height: 914px;}
.pg5 h3{font-size: 80px;color:#010101;text-align: center;padding-top:65px;margin-bottom: 33px;}
.pg5 h3::after{display: block;content: '';width: 26px;height: 30px;border-bottom:1px solid #c60075;margin: 0 auto;}
.pg5 .text{text-align: center;line-height: 25px;color:#4d4d4d;}
.pg5 .text p:nth-child(2){margin-top: 30px;}

.pg4_slide1{position: relative;width: 1190px;margin: 0 auto;}
.pg4_slide1 i{position: absolute;}
.pg4_slide1 .ro1{left: 0;top: 442px;animation:move1 2s infinite alternate;}
.pg4_slide1 .ro2{left: 125px;top: 184px;animation:move2 4s infinite alternate;}
.pg4_slide1 .ro3{left: 498px;top: 284px;}
.pg4_slide1 .ro4{left: 786px;top: 366px;animation:move4 3s infinite alternate;}
.pg4_slide1 .ro5{left: 1010px;top: 162px;animation:move5 2s infinite alternate;}
.pg4_slide1 .ani img{transform: scale(0);opacity: 0;transition: all 1s;}
.actived .pg4_slide1 .ani img{	transform: scale(1);opacity: 1;animation:move 2s infinite alternate;}
.pg4_slide1 .text{position: absolute;left: 0;top: 634px;text-align: center;width: 100%;font-size: 20px;line-height: 34px;}

@keyframes move1{ 
  from {transform: translate(10px,10px)} 
  to {transform: translate(-10px,-10px)} 
} 
@keyframes move2{ 
  from {transform: translate(-10px,-10px)} 
  to {transform: translate(10px,10px)} 
} 
@keyframes move3{ 
  from {} 
  to {} 
} 
@keyframes move4{ 
  from {transform: translate(-10px,10px)} 
  to {transform: translate(10px,-10px)} 
} 
@keyframes move5{ 
  from {transform: translate(-10px,-10px)} 
  to {transform: translate(10px,10px)} 
}