@charset "utf-8";li{/* list-style:none; */}
p{margin:0}
ul{margin:0;padding:0}
body{margin:0;font-family: MicrosoftYaHei;min-height: 100%;}
body::-webkit-scrollbar{display:none;}
#certify{position:relative;margin: 92px auto 129px;width:1130px;}
#certify .swiper-container{padding-bottom:35px;}
#certify .swiper-slide{width: 620px;height: 244px;background:#fff;box-shadow:0 8px 30px #ddd;}
#certify .swiper-slide img{display:block;height: 100%;width:  100%;object-fit: cover;}
#certify .swiper-slide p{margin:0;padding-top:0;color:#636363;text-align:center;font-size:1.1em;line-height:98px}
#certify .swiper-pagination2{bottom: 0px!important;text-align:center;}
#certify .swiper-pagination{bottom:20px;width:100%;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;width:19px;height:10px;border-radius:5px!important;background:#d5d5d5;opacity:1}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{width:40px;background:#00aadc}
#certify .swiper-button-prev{top:75px;left:-30px;width:44px;height:97px;background-color:#ccc;background-image:url(../images/ico-arrow-right.png);background-position:center;background-size:18px}
#certify .swiper-button-next{top:75px;right:-30px;width:44px;height:97px;background-color:#ccc;background-image:url(../images/ico-arrow.png);background-position:center;background-size:18px}

.swiper-container{
    /* width: 750px; */
}
.swiper-container img{
    object-fit: scale-down;
    width:  100%;
}
.swiper-container1 img{width:100%;cursor:  pointer;}
.swiper-container .swiper-pagination-bullet-active{width:20px!important;border-radius:3px;background:#fff}
.swiper-container0 .swiper-pagination-bullet{width:10px;border-radius:3px;background:#eee}
.conten1{overflow:hidden;margin: 10px auto;width:1200px;}
.conten1_left{float:left;display:inline-block;overflow:hidden;width:59%}
.conten1_right{float:left;display:inline-block;margin-left:2%;width:39%;}
.conten1_right>div>a{float:  right;margin-top: 10px;color: #5e5e5e;text-decoration:  none;}
.conten1_right>div>a:hover{color:#e50012;}
.conten1_right a{color: #00b3ff;float: right;}
.conten1_right ul{/* padding-left:10px */max-height: 250px;overflow:  hidden;margin-top: 19px;}
.conten1_right .titleBox>.title{cursor: pointer;margin: 10px 0 10px;padding-bottom:10px;color:#1c1c1c;text-align:center;font-weight:700;flex: 1;font-size: 26px;font-family:FZLTTHJW--GB1-0;line-height:40px;}
.conten1_right .titleBox>.title.on{border-bottom:2px solid #e50012;}
p.title {}
.conten1_right .titleBox{display:flex;width: 60%;margin: auto;}
.conten1_right_title{margin:0;padding-left:10px;height:48px;background:#5e5e5e;color:#fff;font-size:22px;line-height:48px;cursor:  pointer;}
.conten1_right li:before{display:inline-block;margin-right:11px;/* width:19px; */height:19px;background-image:url(../images/ico.2a3794d3.png);background-size:100%;background-repeat:no-repeat;content:'';vertical-align:text-top;}
.conten1_right li span:nth-of-type(2){float:right}
.conten1_right li{list-style:none;font-size:16px;line-height: 35px;cursor:  pointer;}
.conten1_right li:hover{color:#e50012;}
.conten1_right_title span{padding:0 5px;background:red;color:#fff}
.conten1_left .swiper-pagination-bullet{flex: 1;margin: 0!important;height: 40px;border-radius:0;background:#fff;line-height: 40px;opacity:.9;}
.conten1_left .swiper-pagination-bullet-active{background:red;color:#fff}
.conten1_left .swiper-pagination{bottom: 0px!important;display:  flex;display:  -webkit-flex;display:  -o-flex;}
.conten2,.conten4{margin:0 auto 50px;width:1200px}
.conten2>a:hover{text-decoration:underline;color:red;}
.conten2>a,.conten4>a{float:right;width:100%;text-align:right;cursor:pointer;color:  #000;text-decoration:  none;}
.conten2>p:nth-child(1),.conten3>p:nth-child(1),.conten4>p:nth-child(1){margin-top: 82px;padding-bottom: 30px;border-bottom:1px solid #dadada;text-align:center;font-size: 27px;}
.conten2>p:nth-child(1)>span,.conten3>p:nth-child(1)>span,.conten4>p:nth-child(1)>span{display:block;text-align:center;font-size: 16px;margin-top: -1px;font-weight:  normal;font-family: Microsoft JhengHei;}
.conten4>a:hover{text-decoration:underline;color:red;}
.conten4>a{float:right;width:100%;text-align:right;cursor:pointer;color: #00b3ff;text-decoration:  none;}
.conten2_nav span{display:inline-block;/* margin-right:60px; */width: 155px;height:8px;height:50px;text-align:center;line-height:50px;cursor:pointer;}
.conten2_nav span:after{display:block;width:100%;content:'';;}
.conten2_nav span:hover:after{display: block;width: 100%;border-bottom: 2px solid #38bf5e;content: '';position: relative;top: -2px;}
.conten2_nav span.on:after{display:block;width:100%;border-bottom: 2px solid #38bf5e;content:'';position: relative;top: -2px;}
.conten2 ul{overflow:hidden;width:100%;margin-bottom: 0;}
.conten2 li{float:left;display:inline-block;width: 23.5%;list-style:none;margin-right: 1.5%;}
.conten2 li:nth-of-type(4n){margin-right:0}
.conten2 li>div>img{position:absolute;top:50%;left: 16px;display:inline-block;margin-top: -43px;width: 86px;box-shadow: 4px 6px 22px red;border-radius: 15px;}

.conten4 ul{overflow:hidden;width:100%}
.conten4 li{float:left;display:inline-block;width: 23.5%;list-style:none;margin-right: 1.5%;}
.conten4 li>div>img{position:absolute;top:50%;left: 16px;display:inline-block;margin-top: -43px;width: 86px;box-shadow: 4px 6px 22px red;border-radius: 15px;}

.conten2 li{margin-top:15px}
.conten2 ul p>span:nth-of-type(1){display:block;color:#000;font-size: 16px;}
.conten2 ul p>span:nth-of-type(2){color:#717171;font-size: 13px;line-height: 16px;height:  30px;overflow:  hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.conten2 ul p{padding: 10px 0;color: #fff;cursor:  default;}
.fooet_cont{overflow:hidden;margin:auto;padding: 50px 0 12px;width: 1200px;}
.fooet_cont>div:nth-last-of-type(1){position:relative;width:40%;}
.fooet_cont>div:nth-last-of-type(1) p:nth-last-of-type(1){margin-top:20px}
.officelogo{position:absolute;bottom:-11px;left: 480px;}
.fooet_cont>div{float:left;display:inline-block;width: 40%;text-align:left;font-size: 13px;}
.fooet_cont>div>a:nth-of-type(1),.fooet_cont>div>p:nth-of-type(1){font-size: 20px;line-height:51px;}
.fooet_cont>div>a,.fooet_cont>div>p{display: block;line-height: 20px;text-decoration:  none;color: #fff;}
.fooet_conta{display:inline-block;width:10%;text-align:left;line-height:29px}
.fooet_cont .footer-email{margin-top:20px;color:#fff;font-size: 13px;line-height:22px;}
.fooet_cont .footer-erweima{margin-top:20px}
.conten2-img .content2-erweima>a{line-height: 25px;display: inline-block;font-size:  14px;text-align:  center;float:  left;width: 40%;background: #000;color:  #fff;margin-left: 6%;text-decoration:  none;}
.conten2-img .content2-erweima{display:none;color:#000;text-align:center;text-decoration:underline;font-size:28px;line-height:145px;position: absolute;margin-top: 25px;}
.conten2-img .content2-erweima>img{float: left;width:  40%;padding: 0 0 0 4%;}
.conten2-img .content2-erweima>p:nth-of-type(1){font-size: 16px;width: 52%;float:  left;line-height: 26px;margin-top: 29px;padding: 0;color:  #000;}
.conten2-img .content2-erweima>p:nth-of-type(2){font-size: 12px;padding: 0;float:  left;width: 50%;line-height: 25px;margin-right: 2%;}
.conten2-img>span{position:absolute;top: 50%;right: 14px;width:154px;color:#fff;text-shadow: 3px 3px 3px #7c3900;font-size: 29px;text-align:  center;font-weight: 600;font-family: SimHei;margin-top: -20px;}
.conten2-img{position:relative;width:280px;height:160px;cursor: default;/* border:1px solid #ccc; */background: radial-gradient(circle,#ffffff,#c35ed3);-webkit-transition:all 3s;-moz-transition:all 3s;-o-transition:all 3s;transition:all 3s;}
.conten2 li:nth-of-type(8n+1) .conten2-img>img{box-shadow: 9px 6px 5px #9d4303;}
.conten2 li:nth-of-type(8n+2) .conten2-img>img{box-shadow: 9px 6px 5px #1474c6;}
.conten2 li:nth-of-type(8n+3) .conten2-img>img{box-shadow: 9px 6px 5px #ac3030;}
.conten2 li:nth-of-type(8n+4) .conten2-img>img{box-shadow: 9px 6px 5px #146c0a;}
.conten2 li:nth-of-type(8n+5) .conten2-img>img{box-shadow: 9px 6px 5px #9e10a8;}
.conten2 li:nth-of-type(8n+6) .conten2-img>img{box-shadow: 9px 6px 5px #007487;}
.conten2 li:nth-of-type(8n+7) .conten2-img>img{box-shadow: 9px 6px 5px #b01f08;}
.conten2 li:nth-of-type(8n+8) .conten2-img>img{box-shadow: 9px 6px 5px #532487;}
.conten2 li:nth-of-type(8n+1) .conten2-img>span{text-shadow: 3px 2px 4px #7a2107;}
.conten2 li:nth-of-type(8n+2) .conten2-img>span{text-shadow: 3px 2px 4px #004c8d;}
.conten2 li:nth-of-type(8n+3) .conten2-img>span{text-shadow: 3px 2px 4px #ac3030;}
.conten2 li:nth-of-type(8n+4) .conten2-img>span{text-shadow: 3px 2px 4px #146c0a;}
.conten2 li:nth-of-type(8n+5) .conten2-img>span{text-shadow: 3px 2px 4px #82008b;}
.conten2 li:nth-of-type(8n+6) .conten2-img>span{text-shadow: 3px 2px 4px #005866;}
.conten2 li:nth-of-type(8n+7) .conten2-img>span{text-shadow: 3px 2px 4px #b01f08;}
.conten2 li:nth-of-type(8n+8) .conten2-img>span{text-shadow: 3px 2px 4px #431378;}
.conten2 li:nth-of-type(8n+1) .conten2-img{background: radial-gradient(circle,#f8dfb3,#ffa200);}
.conten2 li:nth-of-type(8n+2) .conten2-img{background: radial-gradient(circle,#8dc1ed,#0f91ff);}
.conten2 li:nth-of-type(8n+3) .conten2-img{background:radial-gradient(circle,#f6999b,#e94c6f);}
.conten2 li:nth-of-type(8n+4) .conten2-img{background: radial-gradient(circle,#c5f2a8,#62c81d);}
.conten2 li:nth-of-type(8n+5) .conten2-img{background: radial-gradient(circle,#e7b9ed,#cc75d9);}
.conten2 li:nth-of-type(8n+6) .conten2-img{background: radial-gradient(circle,#7de3f2,#3db7c9);}
.conten2 li:nth-of-type(8n+7) .conten2-img{background: radial-gradient(circle,#f4b9a5,#ff7443);}
.conten2 li:nth-of-type(8n+8) .conten2-img{background: radial-gradient(circle,#cc9fff,#9657dd);}
.about_content{margin:auto;width: 1000px;}
.about_content .title .title{margin-top:100px;margin-bottom:40px}
.about_content .title p:nth-of-type(1){text-align:center;font-size:30px}
.about_content .title p:nth-of-type(2){color:#666;text-align:center;font-size:14px}
.about_content .content{font-size:18px;line-height:29px}
.about_content img{display:block;margin:0 auto 84px}
.about_content .title{padding-bottom:20px;border-bottom:1px solid silver}

.gamedetail-banner{width:100%;/*height: 154px;*/}
.gamedetail-cont{width:1200px;margin:auto;border-bottom:  1px solid #ccc;}
.gamedetail-cont1{width: 1000px;margin: 50px auto 30px;}
.gamedetail-cont1>div{display:inline-block;width: 572px;}
.gamedetail-cont1>div>img{float:left;display:inline-block;width: 180px;/* height: 180px; */margin-right:15px;}
.gamedetail-cont1>div>p:nth-of-type(1){font-size: 40px;margin-top: 44px;}
.gamedetail-cont1>div>p:nth-of-type(2){font-size: 25px;margin-top:5px;}
.gamedetail-cont1>p{background:#000;display:inline-block;font-size: 37px;text-align:center;width: 266px;color:#fff;height: 76px;cursor:  pointer;vertical-align: text-bottom;line-height: 76px;margin-bottom: 7px;}
.gamedetail-cont1>p>img{vertical-align:middle;width: 36px;}

.gamedetail-cont2{width:1000px;margin:auto;}
.gamedetail-cont2 img{width:100%;}
.gamedetail-cont2>p:nth-of-type(1){font-size:34px;color:#122121;margin-top:30px;margin-bottom:15px;}
.gamedetail-cont2>p{font-size:22px;line-height:33px;margin-bottom:20px;}

.gongan{padding: 40px 0;text-align: center;}

@media only screen and (max-width: 500px){
    body{font-size:12px;}
    .conten1 .conten1_left{border-bottom: 0}
    .conten1_right>p:nth-child(1){font-size: 20px;}
    .conten2-img>span{top: 26px;left: 37%;text-align: left;}
    .conten2 ul p>span:nth-of-type(1){display:none;}
    .conten2 ul p>span:nth-of-type(2){color:#fff;}
    .fooet_cont>div>a:nth-of-type(1), .fooet_cont>div>p:nth-of-type(1){line-height: 27px;font-size: 17px;}
    .fooet_cont .footer-erweima img{width: 81px;}
    .fooet_cont .footer-email{margin-top: 10px;}
    .fooet_cont .footer-erweima{margin: 7px 0 0;}
    .gamedetail-list-cont>img{    width: 70%;    height: initial;}
    .gamedetail-list-cont.active{padding-bottom: 10px}
     .gamedetail-cont p{margin:0;}
    .gamedetail-list-cont>p:nth-of-type(2){width: 70px;}
    .gongan{width:300px;margin:0 auto;padding: 0 0 20px;}
    .conten2 li>div>img{width: 67px;margin-top: -34px;}
    .conten2 ul p>span:nth-of-type(2){position: absolute;z-index: 2;top: 51%;width: 55%;left: 38%;line-height: 20px;height: inherit;}
    .guide{height: 30px;line-height: 30px;margin-left: 13px;}
    .conten2>p:nth-child(1), .conten3>p:nth-child(1), .conten4>p:nth-child(1){font-size:20px;margin: 20px 0 10px 0;}
    .conten1_right_title span{font-size: 14px;padding: 3px 5px;}
    .conten2_nav{border-bottom:1px solid #ddd;}
    .conten1{width:100%;}
    .conten1_left,.conten1_right{width:100%;margin: 0;border-bottom: 5px solid  #f0f0f0;}
    .conten2{width:100%;position: relative;margin: 0 0 10px 0;border-bottom: 5px solid #f0f0f0;}
    .conten2_nav span{width: 22%;}
    .conten2 li{width: 100%;margin: auto;position:relative;margin-bottom: 2px;}
    .conten2-img{width: 100%;margin: auto;height: 95px;}
    .conten2 ul p{padding: 0 0 0 10px;line-height: 27px;padding-bottom: 0;margin: 0;}
    .conten2>a{position: absolute;right: 0;top: 74px;color: #00b3ff;}
    .conten1_right_title{font-size: 14px;line-height: 35px;height: 35px;}
    .conten1_right li{font-size:14px;line-height: 28px;}
    .conten1_right li span:nth-of-type(1){width: 220px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
    .fooet_cont{width:100%;padding: 10px 0;}
    .fooet_cont>div{width:45%;padding-left:5%;font-size: 12px;}
    .fooet_cont>div:nth-last-of-type(1){width:100%;padding-left:5%;text-align:left}
    .fooet_cont>div:nth-last-of-type(1) img{left:80%;bottom: 65px;}
    #certify{display:none;}
    .conten2>p:nth-child(1), .conten3>p:nth-child(1){margin-top: 0;border-bottom: 0;padding-bottom: 0;}

    .about_content{width:100%;padding:0 10px;}
    .about_content .content{font-size:14px;text-align: justify;text-indent: 20px;}
    .about_content img{width:100%}
    .about_content .h2,.about_content h2{font-size: 24px;}
    .conten1_right ul{padding-right: 10px;margin-top: -1px;}
    .conten1_right>div>a{padding-right: 10px;margin-top: 0;margin-bottom: 10px;}
    .gamedetail-cont{width: 100%}
    .gamedetail-cont1{width: 100%;/* margin: 20px; */}
    .gamedetail-cont1>div{width: 100%;margin: auto;padding-left: 40px;}
    .gamedetail-cont1>div>img{width: 78px;/* height: 100px; */margin-left: 10px;}
    .gamedetail-cont1>div>p:nth-of-type(1){font-size: 18px;margin-top: 0px;margin: 0;font-weight: bold;}
    .gamedetail-cont1>div>p:nth-of-type(2){font-size: 14px;margin: 0;}
    .gamedetail-cont1>p>img{width: 20px;}
    .gamedetail-cont1>p{width: 100px;font-size: 16px;height: 30px;line-height: 30px;float: left;margin-left: 143px;position: relative;top: -27px;}
    .gamedetail-cont2{width: 100%;line-height: 21px;}
    .gamedetail-list-cont{width: 24%;/* float: left; */height: 120px;}
    .gamedetail-cont2>p:nth-of-type(1){font-size: 18px;font-weight: bold;}
    .gamedetail-cont2>p{font-size: 14px;padding: 0 10px;line-height: 20px;margin: 0;}
    .conten2-img:hover{background: #fff;}
    .conten2-img:hover>.content2-erweima{display: none;}
    .conten2-img:hover>img,.conten2-img:hover>span{display:block}
    .about_content .title{margin-top:40px;}
    .gamedetail-list-cont>p:nth-of-type(1){font-size:16px;line-height: 21px;margin-bottom: 0;}
}


header{background: #333;padding: 0 25%;position:  relative;width: 100%}
header .nav{width: 1000px;margin: auto;display: flex;}
header a.on{color: #ffde00;/* text-shadow: 3px 3px 3px #ccc; */}
header a{display:inline-block;width: 24%;color:#fff;text-align:center;text-decoration:none;font-size:22px;cursor:pointer;margin: 20px 0;}
header a:hover{color: #ffde00;/*text-shadow: 3px 3px 3px #ccc;*/}
header img{
    position:  absolute;
    left: 16%;
    top: 19px;
}
@media only screen and (max-width: 500px) {
    header {
        padding: 0;
    }
    header .nav{width: 100%}
    header img {
        display: none;
    }

    header a {
        border-right: 2px solid;
        font-size: 16px;
    }

    header a:nth-last-of-type(1) {
        border-right: 0px
    }
}

footer{background:#2b2b2b;color:#fff}