html {
	width: 100%;
	-ms-touch-action: none;
	height: 100%
}
body {
	background:#f6f7fb;
	position:relative;
	width:100%;
}

.pt500{ padding-top:500px;}

.wrap{ width:100%; margin:0 auto; height:auto; position:relative;}
.wrap .index-top{ background:url(../img/index-bg.jpg) no-repeat center top; width:100%; height:920px;}
.cont{ width:1260px; margin:0 auto;}
.top-cont{ width:1260px; margin:0 auto; padding-top:230px;}
.top-box{width:1260px; margin:0 auto; height:320px; background:#fff;}
/*down-box*/

.down-box{ width:1260px; height:224px; color:#F00; padding-left:750px; display:block; margin-bottom:147px;}
.down-box .down-bg{ width:245px; height:224px; display:block; background: rgba(255,255,255,.35); border-radius:5px; padding-top:8px;}
.down-box .down-bg .down-title{ font-size:22px;}
.down-box .down-bg .down-tex{ font-size:14px; color:#444444;}
.down-box .down-bg .down-btn{ width:172px; height:46px; margin:0 auto; display:block; margin-top:18px;}
.down-box .down-bg .btn-green{ background:url(../img/down01.png) no-repeat; background-position: 0rem 0rem;}
.down-box .down-bg .btn-orange{ background:url(../img/down02.png) no-repeat;}
.down-box .down-bg .down-ewm{ width:142px; height:142px; display:block; margin:3px auto 0 auto;}
/*banner*/
.islider { position: relative; width:705px; overflow: hidden; left:12px; top:12px;}
.islides { height:100%; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.islide { height: 100%; float: left; clear: none;}
.islide a{ display:block;}
.islide img{ width:100%; display:block;}

.islider-nav { position: absolute; bottom:20px; height:14px; }
.islider-nav-item { float: left; clear: none; display: block; height:14px; width:14px; margin:0 10px; background: rgba(255,255,255,.5); border-radius:50%; }
.islider-nav-item:hover { background:#de3c23; }
.islider-nav-item-current { background:#de3c23; }

/*top-news*/
.top-news a.top-news-more{widows:39px; height:41px; display:block; position: absolute; z-index:3; top:-12px; right:-35px; cursor:pointer;}
.wrap .index-top .top-cont .top-news{ width:475px; height:320px; position:absolute;z-index:2; top:12px; right:35px;}
.top-news .pt10{width:475px;white-space: nowrap; text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;  padding-right:10px}
h1{ font-size:24px; color:#de3c23;}
.wrap .index-top .top-cont .top-news a.hot-news{ background:#f5f7f9; width:475px; height:25px; line-height:25px; margin:15px 0; display:block; color:#444; font-weight:bold;white-space: nowrap; text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	padding-right:10px}
.wrap .index-top .top-cont .top-news a.hot-news .recommended{ background:url(../img/point01.png) no-repeat; width:45px; height:25px; line-height:25px; color:#fff; display:inline-block; margin-right:5px;}

.wrap .index-top .top-cont .top-news .news-con li{ height:32px; line-height:32px;}
.wrap .index-top .top-cont .top-news .news-con li strong{ font-weight: normal}
.wrap .index-top .top-cont .top-news .news-con li a{ background:url(../img/point02.png) no-repeat 0 11px;  width:400px; float:left; height:32px; line-height:32px; text-indent: 22px; color:#333; white-space:nowrap;/*设置不折行*/
text-overflow:ellipsis;/*这就是省略号喽*/
-o-text-overflow:ellipsis;/*兼容opera*/
overflow: hidden;/*设置超过的隐藏*/}
.wrap .index-top .top-cont .top-news .news-con li a:hover{background:url(../img/point02-h.png) no-repeat 0 11px; color:#de3c23;}
.wrap .index-top .top-cont .top-news .news-con li .time{ font-size:12px; color:#999999; float:right;}

/*hot-game*/
.hot-game .hot-gameTitle{position: relative; line-height:30px; height:30px; font-size:28px; color: #333; display: block; text-indent:15px; border-left: 4px #de3c23 solid; margin-bottom: 30px;}
.hot-game .hot-gameTitle .more{ background: url(../img/more02.png) no-repeat; width:28px; height:28px; display:block; position:absolute; right:5px; top:5px;}
.hot-game .hot-gamecont .hot-box{ width:302px; height:285px; background:#fff; margin-bottom:17px; -webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);}

.hot-box {
    float: left;
    width:302px; height:285px;
    margin-bottom:17px;
    background: #fff;
    position: relative;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
}
.mr17{ margin-right:17px;}
.hot-game .hot-gamecont .hot-box .hot-link {
    display: block;
    height: 178px;
    position: relative;
    overflow: hidden;
}
.hot-game .hot-gamecont .hot-box .hot-link .hot-bg-img{ width:302px; height:178px;}
.hot-game .hot-gamecont .hot-box .hot-link .hot-font {
    position: absolute;
    width:302px;
    height:178px;
    top:-100%;
    left:0;
    filter:alpha(opacity=0);
	/*opacity: 0*/
    /*filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8*/
}

.f-turn {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}

.hot-game .hot-gamecont .hot-box .hot-title{ font-size:20px; text-align:center; padding:20px 0 10px 0;}
.hot-game .hot-gamecont .hot-box .hot-txt{ color:#999999; font-size:14px; text-align:center; width:270px; margin:0 auto; white-space:nowrap;/*设置不折行*/
text-overflow:ellipsis;/*这就是省略号喽*/
-o-text-overflow:ellipsis;/*兼容opera*/
overflow: hidden;/*设置超过的隐藏*/ }

/*service-con*/

.cont .service-con{ padding:60px 0 70px 0;}
.cont .service-con .service-box{ width:302px; height:150px; margin-right:17px;}
.phone-number{ background:#2973ce; height:56px; line-height:56px; text-align:center; color:#fff; font-size:24px;}
.phone-number em{ font-size:16px;color:#c0dcff;}
.service-box-link01{ width:151px; height:94px; line-height:130px; color:#fff; background:#3b8bed url(../img/service.png) no-repeat center 18px; display:inline-block; text-align:center; border-right:1px solid #2a73cc;}
.service-box-link02{ width:151px; height:94px; line-height:130px; color:#fff; background:#3b8bed url(../img/consult.png) no-repeat center 20px; display:inline-block; text-align:center;}
.cont .service-con  .pay-box{ width:302px; height:150px; display:block; overflow:hidden;}
.cont .service-con  .pay-box .pay-link img{ width:100%; height:100%;}
.cont .service-con  .pay-box .pay-link img{
-webkit-transition: transform ease-in-out .3s;
-webkit-transition: -webkit-transform ease-in-out .3s;
transition: -webkit-transform ease-in-out .3s;
transition: transform ease-in-out .3s;
transition: transform ease-in-out .3s;}
.cont .service-con  .pay-box .pay-link:hover img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.link-li-box{ width:196px; height:150px; margin-right:17px;}
.link-li-box a {
	float:left;
	width: 196px; height:74px;
	padding: 10px 0;
	margin-bottom: 2px;
	background: #445366;
	text-align: center;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in
}
.link-li-box a:hover {
	text-decoration: none;
	background: #ce3f39
}
.link-li-box a:hover .txt1 {
	color: #fff
}
.link-li-box a:hover .txt2 {
	color: #fff
}
.link-li-box .txt1 {
	color: #f3f3f3;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}
.link-li-box .txt2 {
	color:#9da6b6;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}


.avnav .icon {
	display: block;
	position: absolute;
	text-align: center;
	top: 25px;
	font-size: 60px;
	left: 50%;
	width: 62px;
	height: 62px;
	line-height: 62px;
	margin: 0 0 0 -31px;
	color: #fff;
	-webkit-transition: all .7s ease-out 0s;
	transition: all .7s ease-out 0s;
}
.avnav .singla {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 90px 0 0;
	height: 52px;
	color: #fff;
	text-align: center;
	-webkit-transition: all .2s ease-out 0s, padding .2s ease-out .05s, height .2s ease-out .05s;
	transition: all .2s ease-out 0s, padding .2s ease-out .05s, height .2s ease-out .05s;
}
.avnav .singla:hover {
	padding: 56px 0 0;
	height: 86px;
}
.avnav .avnav-i:hover .icon {
	top: -62px;
	opacity: 0;
}

/*r-mune*/

.r-mune{ position:fixed; bottom:125px; right:10px; z-index:10;}
.r-mune a{ width:51px; height:51px; margin-bottom:10px; display:block;}
.gzh-ewm-bg{ background:url(../img/wxgzh-img-bg.png) no-repeat; width:358px; height:147px; left:-358px; top:-47px; z-index:11;}
.gzh-ewm-bg .gzh-ewm-img{ width:98px; height:98px; display:block; margin:25px 0 0 220px;}