*{ margin:0; padding:0}
body{ margin:0;padding:0;font-size:12px;}
img{ border:none;}
ul,li,p{ margin:0; padding:0;}
ul{ list-style:none;}
li{ list-style-type:none;}
a,a:visited{ text-decoration:none;}
h1,h2,h3,h4{ margin:0; padding:0; font-weight:normal;}

*:focus { outline: none; }
.xqcon:after{content:".";
		 display:block;
		 height:0;
		 clear:both;
		 visibility:hidden;}
.xqcon{zoom:1;}  

body{ background:#fff;font-family:"微软雅黑", Arial;}







.container{ width:100%; font-family:"微软雅黑", Arial;}

.topBar{width:100%;background:#fff; position:fixed;top:0; z-index:999;box-shadow:0px 5px 10px rgba(0,0,0,0.1)}

.topBar-box{margin:0 auto;display:flex;}
.logoBox{width:150px;padding:10px 0;height:60px;box-sizing: border-box;display:flex;align-items:center}
.logoBox img{height:100%;}

.topList{width:80%; text-align:right;flex-grow:1}
.topList a{display:inline-block;font-size:16px;height:60px;box-sizing:border-box;line-height:60px;vertical-align:middle;color:#000;font-weight:normal;padding:0 10px;margin:0 20px;}
.topList a:hover{color:#ff0000;display:inline-block;border-bottom:4px solid #FF0000}

.topbar-style{background:#fff;border:0}
.topbar-style .topList a{color:#000;}
.topbar-style .topList a:hover{color:#eb6429;}

.content{width:100%;}


.ourgames{width:100%;position:relative;background:url("../image/gamelist_bg.png");background-color:#ffcc48;padding-top:4%}
.ourgames-title{width:100%; text-align:center;position:absolute;bottom:5%;}
.ourgames-title img{width:96%;opacity:0.8}
.ourgames-con-wrap{width:100%; position:relative;z-index:10;}
.ourgames-con{margin:0 auto;margin-bottom:40px; display:flex;justify-content:space-between;}
.ourgames-con .game-slide,.ourgames-con .game-slide a,.ourgames-con .game-slide .gamepic,.ourgames-con .game-slide .gametag{border-radius:14px;}



.ourgames-con .game-slide{border:4px solid #FFFFFF;padding:16px;box-sizing:border-box;transition: all .2s .04s linear;transform:perspective(1px)}
.ourgames-con .game-slide:hover{transform: scale(1.04);}

.gameslide-clo-a{background:#8ed25b;}
.gamepic-col-a{background:#a9e083; }
.gametag-col-a{background:#5ca433;}

.gameslide-clo-b{background:#f9a124;}
.gamepic-col-b{background:#fcbe4a; }
.gametag-col-b{background:#f18b13;}

.gameslide-clo-c{background:#5b76b9;}
.gamepic-col-c{background:#82b1d9; }
.gametag-col-c{background:#3e5cb9;}

.gameslide-clo-d{background:#f58dbe;}
.gamepic-col-d{background:#f8a1cc; }
.gametag-col-d{background:#f75fb2;}

.ourgames-con .game-slide a{display:block;color:#FFFFFF;}
.game-slide-con{width:100%;display:flex;flex-direction:column;align-items:center;}
.ourgames-con .game-slide h3{width:100%;text-align:center;font-size:28px;font-weight:bold;padding:16px 0;}
.ourgames-con .game-slide .gamepic{position:relative;width:248px;height:248px;margin:40px;box-shadow:0px 2px 40px rgba(0,0,0,0.1);
	transition: all .2s .1s linear;transform:perspective(1px);}
.ourgames-con .game-slide .gamepic img{position:absolute;bottom:0;left:0;}
.ourgames-con .game-slide .gamepic-b-style img{position:absolute;left:-16px;}
.ourgames-con .game-slide .gamepic:hover{transform:scale(1.1);}
.ourgames-con .game-slide .gametag{width:100%; text-align:center;padding:30px 0;font-size:18px;line-height:1.6em;border-radius:0 0 10px 10px;

}
.ourgames-con .game-slide .gametag span{
	display: inline-block;width:90%;
	white-space: nowrap;  
overflow: hidden; 
	text-overflow:ellipsis;
 }
.btnmore{text-align:center;padding:50px 0;position: relative}
.btnmore a{font-size:30px;display:inline-block;color:#000;background:#FFFFFF;padding:0.6vw 0;width:14vw; border-radius:60px;box-shadow:0px 5px 10px rgba(0,0,0,0.1);transition:all .2s ;}
.btnmore a:hover{background:#f18b13;color:#FFFFFF;}


.gamexiejiao{margin: 0 auto;width:20vw;height:3vh;}
.gamexiejiao img{width:100%;}


.about-apl{width:100%;padding-top:100px;min-height:100vh;}
.about-apl-tit{margin:0 auto;padding-top:10px; position:relative;background: url("../image/about_tit_bg.png") no-repeat 100px 0px}
.joinus{padding-top:100px;}
.joinus-tit{background: url("../image/joinus_tit_bg.png") no-repeat 100px 0px}
.about-apl-tit strong{font-size:48px;font-weight:bold;line-height: 1.6em;}
.about-apl-tit span{font-size:18px;}
.about-apl-tit::before{width:14px; height:80px;background: #ffcc48; display:inline-block;content:'';position:absolute;top:26px;}
.about-apl-tit-ml{margin-left:46px;}


.about-apl-wz{margin:0 auto;}
.about-apl-wz p{line-height:1.8em;margin:40px 0;opacity:.7;}

.about-apl-con-style{padding-bottom:100px;}
.about-apl-con{width:100%;padding-top:100px;position:relative;}
.col-yellow-wz{width:100%;position:absolute;z-index:100;}
.col-yellow-wz-con{margin: 0 auto;display:flex;flex-direction:column;align-items:flex-end;}
.col-yellow-wz-con h3{padding:0 3%;height:70px;margin:30px 0;text-align: center;line-height:70px;vertical-align:middle;color:#FFFFFF;background:#f88a08;border-radius:50px 0 0 50px;}
.col-yellow-wz-con p{padding-left:58%;line-height: 1.8em;text-align:right;opacity:.7;   }

.col-yellow{width:70%;position:absolute;right:0; background:#ffcc48;border-radius:800px 0 0 800px;z-index:10;}
.col-yellow-ani-a{position:absolute;left: 0;top:-70px;z-index:11;}
.col-yellow-ani-a img{width:100%;}
.col-yellow-ani-yuan{position:absolute;z-index:12;}
.col-yellow-ani-yuan img{width:100%;}
.col-yellow-ani-yuan-a{right:3%;top:-100px;width:14%;}
.col-yellow-ani-yuan-b{left:-10%;top:100px;width:6%;}
.col-yellow-ani-yuan-c{left:-3%;top:-16%;width:6%;}
.col-yellow-ani-yuan-d{left:-16%;top:20px;width:3%;}
.col-yellow-ani-yuan-e{width:6%;}

.col-yellow-ani-fang-a{left:6%;bottom:-20%;width:12%;}


.col-green-wz{width:100%;position:absolute;z-index:100;}
.col-green-wz-con{margin: 0 auto;display:flex;flex-direction:column;align-items:flex-start;}
.col-green-wz-con h3{padding:0 3%; height:70px;margin:30px 0;text-align:center;line-height:70px;vertical-align:middle;color:#FFFFFF;background:#7faa0b;border-radius:0 50px 50px 0;}
.col-green-wz-con p{padding-right:50%;line-height: 1.8em;text-align:left;opacity:.7;}

.col-green{width:70%;position:absolute;left:0; background:#bfdd38;border-radius:0 800px 800px 0;z-index:10;}
.col-green-ani-a{position:absolute;right:-120px;top:-170px;}
.col-green-ani-a img{width:100%;}
.fuli{margin: 0 auto;display:flex;}

.fuli-tit{height:auto;display:flex;flex-direction: column;justify-content: center}
.fuli-tit h4{background:#000000;width:100px;border-radius:0 30px 30px 0;color:#FFFFFF;text-align:center;padding:15px 50px 15px 20px;}
.fuli-con{flex-grow:1;margin-left:6%;margin-right:8%; }
.fuli-con ul{display:flex;flex-wrap:wrap;margin-top:10px;}
.fuli-con ul li{width:19%;text-align:center;}
.fuli-con-bg{display:inline-block;background:#ffcc48;border-radius:50%;padding:12%;}
.fuli-con-bg img{width:100%;}
.fuli-con ul li p{line-height:2.4em;opacity:.7;}

.huanjing{margin: 0 auto;padding-top:50px;}
.huanjing-tit{height:auto;display:flex;flex-direction: column;justify-content: center}
.huanjing-tit h4{background:#000000;width:100px;border-radius:0 30px 30px 0;color:#FFFFFF;text-align:center;padding:15px 50px 15px 20px;}
.huanjing-con{width:100%;margin:50px 0;display:flex;justify-content: center}

.zhaop-wrap{width:100%;background: url("../image/zhaopin-bg.png") center no-repeat;background-color:#fccf5b;padding:20px 0 40px 0; }
.zhaopin{margin:0 auto;}
.zhaopin-tit{height:auto;display:flex;flex-direction: column;justify-content: center}
.zhaopin-tit h4{background:#000000;width:100px;border-radius:0 30px 30px 0;color:#FFFFFF;text-align:center;padding:15px 50px 15px 20px;}

.guangnaxc{}
.guangnaxc-tit-con{display:flex;justify-content: center}
.guangnaxc-tit{font-size:48px;font-weight:bold;line-height: 1.6em;position: relative;padding-bottom:10px;}
.guangnaxc-tit::after{width:2em; height:10px;background:#000; display:inline-block;content:'';position:absolute;bottom:0px;left:1em;}
.guangnaxc-con{font-size:20px;}
.guangnaxc-wz{padding:40px 0;text-align: center}
.guangnaxc-wz p{line-height:1.5em;}
.guangnaxc-btn{text-align:center}
.guangnaxc-btn a{display:inline-block;font-size:30px;border:1px solid #000000;padding: 1vw 0;width:20vw;border-radius:100px;transition:all .2s;text-align: center;color: #000000;}
.guangnaxc-btn a:hover{background: #000;color: #fff}

.contact-us{width:100%;border-top:8px solid #e26d26;background:#373048;padding:20px 0;}
.contact-us-nr{margin:0 auto;}
.bot-logo-box{font-size: 20px;}
.bot-logo-box,.bot-contact-box{display:flex;justify-content:space-between;padding:40px 0;}
.downlaod-box{text-align: center;}
.downlaod-box p{line-height: 1.8em;}

.bot-contact-box{padding:20px 0;}
.bot-contact-box p{font-size:14px;line-height:1.8em;color:#FFFFFF;}



.bottom{width: 100%;background:#201b2f;padding:40px 0;}
.botbox{margin:0 auto;text-align: center;}
.botbox p{font-size:12px;color:#898989;line-height:2em; }
.botbox a{color:#898989;}
.botbox a:hover{text-decoration: underline;}
	


.ourgames-toppic{background: url("../image/gamelist-toppic.jpg") top center ;height:345px;margin-top:60px; color:#FFFFFF;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;}
.ourgames-toppic-box{}
.ourgames-toppic h2{font-size:66px;text-align:center;font-weight:600}
.ourgames-toppic p{font-size:48px;text-align:center;}

.ourgames-list-wrap{width:100%;background:#e8e8f2;min-height:60vh;}
.ourgames-list{padding:80px 0; margin:0 auto;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}
.ourgames-list-item{width:49%;margin-bottom:30px;box-sizing: border-box}
.ourgames-list-hover{width:100%;display:flex;box-sizing: border-box;color:#000;background:#FFFFFF;border-radius:20px;transition:.3s;}
.ourgames-list-hover:hover{background:#efeff6}
.ourgames-list-icon{width:20%;}
.ourgames-list-icon img{width:100%}



.ourgames-list-wz{margin-left:30px;width:76%;box-sizing: border-box}
.ourgames-list-wz h3{font-size:24px; margin-bottom: 10px;}

.ourgames-list-wz p{font-size:18px; line-height:1.8em;opacity:.7;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.ourgames-list-wz-xiangx{text-indent:-6px;}
.ourgames-list-wz span{font-size:18px;color:#000000;display:inline-block;margin-top:18px; padding:10px 40px;border:1px solid #000000;border-radius:40px;}


.ourgames-xiangx-toppic{width: 100%;}
.ourgames-xiangx-toppic img{width: 100%;}

.ourgames-xiangx-wz{width:1000px;margin: 0 auto;display:flex;padding:60px 0;}
.ourgames-xiangx-wz-left{width:26%;display:flex;flex-direction:row;justify-content:space-between;align-items: center}
.ourgames-xiangx-wz-left img{width:110px;height:110px;}


.ourgames-xiangx-wz-right{padding-left:100px;flex:1}
.ourgames-xiangx-wz-right h3{font-size:28px;padding-bottom:10px;margin-bottom: 20px; position: relative}
.ourgames-xiangx-wz-right h3::after{position:absolute;height:8px;width:100px; background: #FFA400;content: '';left: 0;bottom:-6px}
.ourgames-xiangx-wz-right p{font-size:18px; line-height:1.8em;opacity:.7;margin-bottom:10px;}
.ourgames-xiangx-wz-r-xiangx{text-indent:-6px;}
.ourgames-xiangx-wz-right a{font-size:18px;color:#000;opacity:.7;}
.ourgames-xiangx-wz-right a:hover{text-decoration: underline}

.ourgames-xiangx-pic{width:100%;background:url("../image/gamecon-bg.jpg") no-repeat center;background-color:#e8e8f2;}
.ourgames-xiangx-pic-tit{text-align: center;padding:100px 0 0 0;width:100%;}
.ourgames-xiangx-pic-tit img{width:36%}
.ourgames-xiangx-pic-lunbo{padding:100px 0;}



.gamepicswiper{width:70%;background:none}
		.gamepicswiper .swiper-wrapper{width:50%}
		
       .gamepicswiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        

        
        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;
		   transition:300ms;
        align-items: center;
      }

     .gamepicswiper .swiper-slide img {
        display:block;
		background-color:none;
        width: 100%;
        height: 100%;
        object-fit:cover;
		border:10px solid #fff;
		 transition: all 0.2s ease-in 0s;
		 transform: scale(.8);

      }
		.gamepicswiper .swiper-slide-active,
.gamepicswiper .swiper-slide-duplicate-active {
    background-color:none;
	transform: scale(1);
		transition:300ms;
		}
		.gamepicswiper .swiper-slide-active img,
		.gamepicswiper .swiper-slide-duplicate-active img{ 
			width: 100%;
            height: 100%;
			object-fit:cover;
			transition: all 0.2s ease-in 0s;
			transform: scale(1);
	
		}




.product-toppic{background: url("../image/product-toppic.jpg") top center ;height:345px;margin-top:60px;color:#FFFFFF;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;}
.product-list-item{width:100%;}
.product-list-pic{width:26%;}
.product-list-pic img{width:100%}
.product-list-wz{margin-left:40px;width:66%;box-sizing: border-box}
		
.qrcode{width: 100%;height: 100%;z-index:999;position:fixed;}
.qrcode-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);padding:10px;background: #FFFFFF;text-align: center;}
.qrcode-box p{font-size:24px;color: #FF0004;}
.qrcode-box a{display: inline-block;font-size:20px;padding-top:6px;}
.qrcode-box a:hover{text-decoration: underline}



    @media screen and (min-width:1601px){
		.topBar-box{width:1200px; height:60px;}  
		.ourgames-con{width:1440px;}
		.ourgames-con .game-slide{width:346px;}
		.ourgames-con .game-slide .gamepic{position:relative;width:248px;height:248px;margin:40px;box-shadow:0px 2px 40px rgba(0,0,0,0.1);
	transition: all .2s .1s linear;transform:perspective(1px);}
		.about-apl-tit{width:1200px;}
		.about-apl-wz{width:1200px;}
		.about-apl-wz p{font-size:20px;}
		
		.about-apl-con{min-height:400px;}
		
		.col-yellow-ani-a,.col-green-ani-a{width:32%}

		
		.col-yellow-wz-con{width:1200px;}
		.col-yellow{min-height:380px; }
		.col-green{min-height:380px; }
		.col-green-wz-con{width:1200px;}
		.col-yellow-ani-yuan-e{left:26%;bottom:-16%;}
		.col-green-wz-con,.col-yellow-wz-con{font-size:17px;}
		.col-yellow-ani-yuan-e{left:36%;}
		
		.fuli{width:1200px;}
		.fuli-con ul li p{font-size:20px;}
		.fuli-tit,.huanjing-tit,.zhaopin-tit{font-size:24px;}
		
		.huanjing{width:1200px;}
		.zhaopin{width:1200px;}
		
		
		.contact-us-nr{width:1200px;}
		.botbox{width:1200px;}
		
		
		.ourgames-list{width:1200px;}
		.ourgames-list-hover{padding:40px;}
		

    }



  @media screen and (min-width:1201px) and (max-width:1600px){
	  .content{width:100%;}
		.topBar-box{width:100%; height:60px;}  
	    .ourgames{padding-top:6%}
		.ourgames-con{width:96%;}
		.ourgames-con .game-slide{width:23%;}
		.ourgames-con .game-slide .gamepic{position:relative;width:200px;height:200px;margin:2vw;box-shadow:0px 2px 40px rgba(0,0,0,0.1);
	transition: all .2s .1s linear;transform:perspective(1px);}
		.about-apl-tit{width:1200px;}
		.about-apl-wz{width:1200px;}
		.about-apl-wz p{font-size:18px;}
		.about-apl-con{min-height:360px;}
	  
		.ourgames-con .game-slide h3{font-size:22px;}
		.ourgames-con .game-slide .gamepic img{width:200px;}
		
		.col-yellow-ani-a,.col-green-ani-a{width:39%}
		.col-yellow{min-height:340px;}
		.col-green{min-height:340px;}
		.col-yellow-wz-con{width:1200px;}
		.col-green-wz-con{width:1200px;}
		.col-green-wz-con,.col-yellow-wz-con{font-size: 18px;}
		.col-yellow-ani-yuan-e{left:36%;bottom:-10%}
		
		.fuli{width:1200px;}
		.fuli-con ul li p{font-size:18px;}
		.fuli-tit,.huanjing-tit,.zhaopin-tit{font-size:20px;}
		.huanjing{width:1200px;}
		.zhaopin{width:1200px;}
		
		.contact-us-nr{width:1200px;}
		.botbox{width:1200px;}
		
		
		.ourgames-list{width:1200px;}
		.ourgames-list-hover{padding:40px;}
	    footer{width:100%;}
    }



    @media screen and (max-width:1200px){
		.topBar-box{width:1200px; height:60px;}  
		.ourgames{padding-top:6%}
		.ourgames-con{width:1100px;}
		.ourgames-con .game-slide{width:260px;}
		.ourgames-con .game-slide .gamepic{position:relative;width:200px;height:200px;margin:2vw;box-shadow:0px 2px 40px rgba(0,0,0,0.1);
	transition: all .2s .1s linear;transform:perspective(1px);}
		.ourgames-con .game-slide h3{font-size:22px;}
		.ourgames-con .game-slide .gamepic img{width:200px;}
		.about-apl-wz p{font-size:20px;padding:0 2vw;}
		.about-apl-con{min-height:400px;}
		.col-yellow-ani-a,.col-green-ani-a{width:32%}
		
		.col-yellow-wz-con{width:1200px;}
		.col-yellow,.col-green{min-height:380px;width:80%}
		.col-green-wz-con{width:1200px;}
		.col-yellow-ani-yuan-e{left:26%;bottom:-16%;}
		.col-green-wz-con,.col-yellow-wz-con{font-size:22px;}
		.col-yellow-ani-yuan-e{left:36%;}
		
		.fuli{width:1200px;}
		.fuli-con ul li p{font-size:20px;}
		.fuli-tit,.huanjing-tit,.zhaopin-tit{font-size:24px;margin-left:2vw;}
		
		.huanjing{width:1200px;}
		.zhaopin-con{margin-left:2vw;}
		

		.contact-us-nr{width:1200px;}
		.botbox{width:1200px;}
		
		
		.ourgames-list{width:1200px;}
		.ourgames-list-hover{padding:40px;}

		.content{width:1200px;}
		.topBar{width:1200px}
		.btnmore a{padding:2vw 5vw; }
		.ourgames-con .game-slide .gamepic-b-style img{}
		.joinus{}
		.about-apl{width:100%;min-height:50vh}
		.col-yellow-ani-a {
    position: absolute;
    left: 0;
    top: 0px;
	z-index: 11;}
		.col-green-ani-a {
    position: absolute;
    right: -120px;
    top: -40px;
}

		.col-yellow-wz-con h3,.col-yellow-wz-con p{margin-right:2vw}
		.col-green-wz-con h3,.col-green-wz-con p{ margin-left:2vw}
		.col-yellow-wz-con p{padding-left:40%;}
		.col-green-wz-con p{padding-right:30%;}

		.contact-us{width:1180px;padding:0 10px;}
		.bot-contact-box p{font-size:26px;}
		
		.bottom{width:1200px;}
		.botbox p{font-size:24px;padding:0 2vw;}
		.contact-us-nr{width:100%;}
		.yinsi-top{width:1200px;}
    }