@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}/*-webkit-appearance:radio;*/
body{font:14px/1.5 微软雅黑;background:#fff;color:#000;overflow-x:hidden}
ul{list-style-type:none;}
input,select,textarea{vertical-align:middle; font:14px 微软雅黑; color:#333;}
a:link,a:hover,a:active,a:visited{text-decoration:none;color:#333;}
table{border-spacing:0px; border-collapse:collapse;width:100%; border:0px;margin:0;padding:0;}
img{border:0px;}
em{font-style:normal;}
.clearfix{overflow:hidden;zoom:1;}
.clear{clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
@font-face
{
    font-family: myFirstFont;
    src: url(../font/站酷快乐体2016修订版.ttf);
}
.pdt0{ padding-top: 0 !important;}
.pdt10{ padding-top: 0.1rem !important;}
.pdt20{ padding-top: 0.2rem !important;}
.pdt30{ padding-top: 0.3rem !important;}
.pdt40{ padding-top: 0.4rem !important;}
.pdt50{ padding-top: 0.6rem !important;}
.pdt80{ padding-top: 0.8rem !important;}
.pdt90{ padding-top: 0.9rem !important;}
.pdt100{ padding-top: 1rem !important;}
.pdb40{ padding-bottom: 0.4rem !important;}
.pdb30{ padding-bottom: 0.3rem !important;}
.pdb10{ padding-bottom: 0.1rem !important;}
.pdl30{ padding-left: 0.3rem !important;}
.pdl10{ padding-left: 0.1rem !important;}
.pdl65{ padding-left: 0.65rem !important;}
.pdr20{ padding-right: 0.2rem !important;}
.pdr30{ padding-right: 0.3rem !important;}
.mgt40{ margin-top: 0.4rem !important;}
.mgt20{ margin-top: 0.2rem !important;}
.mgt10{ margin-top: 0.1rem !important;}
.mgb0{ margin-bottom: 0 !important;}
.mgb30{ margin-bottom: 0.3rem !important;}
.mgb20{ margin-bottom: 0.2rem !important;}
.mgb40{ margin-bottom: 0.4rem !important;}
.mgb50{ margin-bottom:0.5rem !important;}
.mgb60{ margin-bottom:0.6rem !important;}
.mgb70{ margin-bottom:0.7rem !important;}
.mgb90{ margin-bottom:0.9rem !important;}
.mgb100{ margin-bottom: 1rem !important;}
.mgb120{ margin-bottom:1.2rem !important;}
.mgl10{ margin-left: 0.1rem !important;}
.mgl30{ margin-left: 0.3rem !important;}
.mgr10{ margin-right: 0.1rem !important;}
.mgr15{ margin-right: 0.15rem !important;}
.mgr30{ margin-right: 0.3rem !important;}
.mgr40{ margin-right: 0.4rem !important;}
.mgr70{ margin-right: 0.7rem !important;}
.mgr100{ margin-right: 1rem !important;}


.wrap3840{width:38.4rem;height:21.6rem;background:url(../images/bodyBg.jpg) no-repeat;background-size:100%;overflow:hidden}
.header{height:2.34rem;padding:0 1rem}
.logo{width:9.34rem;height:2.09rem;margin-top:.18rem;position:absolute}
.logo img{width: 100%;margin-top: 1rem;}
.logo .littleboy{position:absolute;width:1.32rem;height:1.93rem;background:url(../images/littleboy.png) no-repeat;background-size:100%;top:0;left:.7rem;-webkit-animation: float ease-in-out 1.5s infinite;animation: float ease-in-out 1.5s infinite;}
.jxLogo{position:relative}
.jxLogo .indexboy{position:absolute;width:4.18rem;height:5.91rem;background:url(../images/jhMenu/indexboy.png) no-repeat;background-size:100%;bottom:0.3rem;left:1.36rem;-webkit-animation: float ease-in-out 1.5s infinite;animation: float ease-in-out 1.5s infinite;}

/*头部小和元素地标人跳动*/
@-webkit-keyframes float {
	0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	50% {
	-webkit-transform: translateY(-.2rem);
	transform: translateY(-.2rem);
	}
}
@keyframes float
{
	0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	50% {
	-webkit-transform: translateY(-.2rem);
	transform: translateY(-.2rem);
	}
}

@-moz-keyframes float /* Firefox */
{
	0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	50% {
	-webkit-transform: translateY(-.2rem);
	transform: translateY(-.2rem);
	}

}

@-o-keyframes float /* Opera */
{
	0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	50% {
	-webkit-transform: translateY(-.2rem);
	transform: translateY(-.2rem);
	}
}


.nav{/*width:15.5rem;*/margin-top:.43rem}
.nav li{float:left;line-height:1.2;}
.nav li a{float:left;padding-left:.8rem;text-align:center;font-size:.3rem}
.nav li a i{display:inline-block;width:1.32rem;height:1.35rem;background:url(../images/nav.png) no-repeat;background-size:100%}
.nav li a i span{width:1.14rem;height:1.16rem;display:block;position:relative;margin:0 auto;top:-.1rem;}
.nav li a p{line-height:1.1}
.nav li a i.BigIndex span{background:url(../images/BigIndex.png) no-repeat;background-size:100%}
.nav li a i.index span{background:url(../images/nav_01.png) no-repeat;background-size:100%}
.nav li a i.map  span{background:url(../images/nav_03.png) no-repeat;background-size:100%}
.nav li a i.catalog  span{background:url(../images/nav_05.png) no-repeat;background-size:100%}
.nav li a i.game  span{background:url(../images/nav_07.png) no-repeat;background-size:100%}
.nav li a i.sousuo  span{background:url(../images/nav_09.png) no-repeat;background-size:100%}
.nav li a i.product  span{background:url(../images/nav_11.png) no-repeat;background-size:100%}
.nav li a i.contact  span{background:url(../images/nav_13.png) no-repeat;background-size:100%}
.nav li a i.report  span{background:url(../images/sj.png) no-repeat;background-size:100%}

.nav li.currentNav a i span{top:0;}
.nav li.currentNav a i span{ -webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
.nav li.currentNav a p{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2); -o-transform: scale(1.2);-ms-transform: scale(1.2);}
.nav li:hover a i span{ -webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
.nav li:hover a p{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2); -o-transform: scale(1.2);-ms-transform: scale(1.2);}

.mainBox{height:17.46rem;border:solid .06rem #4c1d0a;margin:0 1rem;border-radius:.2rem;box-shadow:.02rem .1rem .02rem rgba(225,197,5,.6);background:rgba(255,255,255,.5);position:relative}

.footer{height:1.4rem;text-align:center;font-size:.3rem;line-height:2;padding-top:.2rem}
.footer span{margin-right:.4rem }
.ba{display:inline-block;width:.32rem;height:.33rem;vertical-align:middle}



.GoBack{display:block;width:3.18rem;height:1.24rem;background:url(../images/back.png) no-repeat;background-size:100%;position:absolute;right:-0.68rem;bottom:-0.65rem;padding-top:1.2rem;line-height:1.04rem;padding-left:0.7rem;font-size:0;color:#333;font-family:"myFirstFont";z-index:100;box-sizing: border-box;}

.Leftbtn{display:block;width:4.17rem;height:1.57rem;background:url(../images/leftbtn.png) no-repeat;background-size:100%;position:absolute;left:-0.68rem;bottom:-0.65rem;line-height:1.26rem;font-size:0.77rem;color:#333;font-family:"myFirstFont";font-weight:bold;text-align:center;z-index:100}

/*导航鼠标滑过转动360度*/
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*模态层*/
.modalLay{ position:fixed; z-index: 100; left: 0; top:0; width: 100%; height: 100%}
.modalLay .mask{ position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,.8);filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);}

.modalDio{ display: none; position: fixed; z-index: 101; left: 50%; top:50%; width: 17.98rem; height: 11.2rem; background: url("../images/alertBg1798-1120.png") center no-repeat; background-size: 100%}
.modalDio h4{ position: relative; margin-bottom: .3rem; padding: 0 .4rem; height: 1.4rem; line-height: 1.4rem; font-size: .8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; color: #fff; font-family: 'wawaSC'}
.modalDio .close{ position: absolute; z-index: 101; right: -1.1rem; top:-.85rem; display: inline-block; width: 1.15rem; height: 1.16rem; background: url("../images/close.png") center no-repeat; background-size: 100%}
.modalDio .icon-flow{ position: absolute; z-index: 101; left: .7rem; top:-.8rem; display: inline-block}
.modalDio .mCnt{ padding: 1.2rem .5rem .7rem 2rem; height:9.3rem}

/* 滚动条 */
/* .scroll-dropdown{overflow-y:scroll;}
.scroll-dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0.2rem rgba(0,0,0,0.3);background-color: rgba(255,255,255,.1);border:none;border-radius:0.5rem;}
.scroll-dropdown::-webkit-scrollbar{width: 0.01rem;background-color:rgba(255,255,255,.1);border-radius:0.5rem;}
.scroll-dropdown::-webkit-scrollbar-thumb{background-color: rgba(255,255,255,.1);border-radius:0.5rem;}
.scroll-dropdown::-webkit-scrollbar-track-piece { background: rgba(0,0,0,0); -webkit-border-radius: .02rem; }
.scroll-dropdown::-webkit-scrollbar-thumb:horizontal { width: .03rem; background-color: rgba(0,0,0,0); -webkit-border-radius: .02rem; } */
.scroll-dropdown,.combo-dropdown{overflow-y:scroll;}
.scroll-dropdown::-webkit-scrollbar-track,.combo-dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0.1rem rgba(0,0,0,0.3);background-color: #c0b1b7;border:0.06rem;border-radius:0.5rem;}
.scroll-dropdown::-webkit-scrollbar,.combo-dropdown::-webkit-scrollbar{width: 0.1rem;background-color:#c0b1b7;border-radius:0.5rem;}
.scroll-dropdown::-webkit-scrollbar-thumb,.combo-dropdown::-webkit-scrollbar-thumb{background-color: #8b6e64;border-radius:0.5rem;}