@charset "utf-8";

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,select,button,textarea,input {margin:0;padding:0;}
html {height:100%; overflow-y:scroll}
html,body {min-height:100%;}
body, button, input, select, textarea {font: 14px/1.5 'Microsoft YaHei', arial;color: #454545;}
ul, ol {list-style: none}
a {color: #454545; text-decoration: none}
a:hover {color: #ff8700;text-decoration: none}
img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
/*浮动*/
.clearboth{clear:both;overflow:hidden;_height:0px;font-size:0px;height:0px;}
.FL{ float:left;}
.FR{ float:right;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content:" ";clear:both;height: 0;}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt5{ margin-top:5px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mb30{ margin-bottom:30px;}
.center{ text-align: center; margin:30px 0;}

.wrap{ width:1200px; margin:0 auto;}

.header_top { background-color: #f8f8f8; border-bottom: 1px solid #959595;}
.header_top h3 { float: left; font-size: 14px; line-height: 41px; font-weight:500; color: #555;}
.header_top_right { float: right;}
.header_top_right .login-b { border-right: 0!important; color: red!important;}
.header_top_right h4 {float: left;font-size: 14px;line-height: 41px;color: #555;font-weight:500; margin-right:20px;}
.header_top_right a {float: left;font-size: 13px;line-height: 16px;	color: #555;padding: 0 14px;border-right: 1px solid #555;margin-top: 13px;}
.header_top_right span.or {color: #555;float: left;	margin-top: 13px;line-height: 16px;}
.header_top_right a.no_bor, .header_top_right a.on {border-right: 0;}
.header_top_right a:hover {color: #f00;}

.header {width: 100%;height:120px;background:#fff;z-index: 99999;}
.header .wrap{ position:relative}
.header .logo {float: left; margin-top:18px;}
.header .logo img{ display:block; height:82px;}

.snav_btn {display:none;}
.hideMenu {display:none;}

.search {float: right;margin-top: 36px;}
.search_top{ border: 2px solid #3574ba;border-radius:5px; height:44px;}
.search_top div{ float: left; font-size: 14px; line-height: 18px; color: #000; padding: 0 15px 0 10px; border-right: 1px solid #cecece; margin-top: 11px;appearance:none; -moz-appearance:none;-webkit-appearance:none;width:130px;}
.search_top div:hover{ cursor:pointer}
.search_top select{ border:0; outline:none; width:100%;}
.search_top input{ float: left;  font-size: 14px; line-height: 40px; color: #333;width: 212px;padding-left:10px; border:0;}
.search_top button{float: left; font-size: 14px;line-height: 40px; color: #fff;  width: 95px;border:0; text-align: center;  background-color: #3574ba;}
.keywords {padding-left: 5px;}
.keywords h3, .keywords a {float: left;font-size: 12px;line-height: 24px;color: #585858;}
.keywords a {margin-right: 10px;}
.keywords a:hover {color: #3574ba;}

.tc1 { width: 260px; left: 182px; position: absolute; top: 42px; border: 2px solid #3983e8; padding:12px 15px; background: #fff; z-index: 999999; max-height: 280px; overflow-y: auto; margin-left: -182px; border-radius: 4px;display:none;}
.tc1 a {width: 100%;height: 42px;line-height: 42px;display: block;align-items: center;font-size: 16px;margin-bottom: 10px;padding-left: 30px;color: #333;background:url(../images/p2.png) 0 center no-repeat;}

.content_bg { width: 100%; height: 805px; overflow: hidden; position:relative; background-repeat:no-repeat; background-position:center 0;}

.navbg{ width:100%; height:85px;background: rgba(0,0,0,0.65); z-index:10000;}
/*---菜单---*/
.nav{float:left; height:85px; line-height:85px;}
.nav li.nLi{float:left;display:inline;position:relative; width:125px;}
.nav li.nLi:last-child{}
.nav li.nLi h3{font-weight: 500;}
.nav li.nLi h3 a { font-size:18px; color: #c9c9dd; display: block; position: relative; text-align:center; z-index: 2;}
.nav li.nLi h3 a:before {content: ''; position: absolute; width: 100%; height: 82px; left: 0; top: 0; z-index: -1; border-radius: 0px; opacity: 0; border-bottom:#f3c258 solid 3px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s;

}
.nav li.nLi:hover h3 a,
.nav li.nLi.cur h3 a { color:#f3c258;}
.nav li.nLi:hover h3 a:before,
.nav li.nLi.cur h3 a:before {    background-image: linear-gradient(to top, #525239, transparent); opacity: 1;}


/*---子菜单---*/
.nav .sub{display:none;position:absolute; left:-75%; top:100px; z-index:9999; width:150px; padding:10px 0; background: rgba(255,255,255,0.9);box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.nav .sub li{ width:100%; height:35px; line-height:35px; margin-top:1px; padding:0 10px;}
.nav .sub li a {display: block; text-align:center; color:#454545; border-radius:40px;}
.nav .sub li a:hover {background:#F0BC08;color:#fff;}

.nav_login {float: right; height: 44px; margin-top:20px;}
.nav_login>img { float: left; width: 44px; height: 44px;  margin-right: 10px;}
.nav_login_right {float: left;}
.nav_login_right a {display: block; font-size: 18px; line-height: 44px; color: #c9c9dd; cursor: pointer;}
.nav_login_right a.a2{ line-height:24px;}
.nav_login_right p { font-size: 12px; line-height: 16px; color: #fff;}

.content_box{ position:absolute; bottom:65px; left:0; width:100%; height:290px; overflow:hidden;}
.content_box .wrap{ position:relative;}

.banner_nav { position:absolute; left:0; top:0; width: 240px; height:290px; background: rgba(41,61,112, .9);}
.banner_nav h2 {padding: 0 35px; font-weight:500; height:40px; padding-bottom:10px; background: rgba(41,61,112, .95);}
.banner_nav h2 span { display:inline-block; font-size: 18px; line-height: 38px; color: #f3c258; border-bottom: 3px solid #f3c258;}
.banner_nav .list{ height:196px; overflow:hidden;}
.banner_nav .list a { display: block; padding: 7px 0 7px 35px; height:64px; border-bottom: 1px solid rgba(151,159,182,0.8); overflow: hidden; color:#ACACBE}
.banner_nav .list a:hover {background-color: rgba(255,255,255, .95);}
.banner_nav .list a:hover .info h3 {color: #ff7d00;}
.banner_nav .list a:hover .info p {color: #666;}
.banner_nav .list a>img { float: left; width: 48px; height: 48px; margin-right: 10px; border-radius:10px;}
.banner_nav .list .info { float: left; width: 140px;}
.banner_nav .list .info h3 { font-size: 14px;line-height: 24px; color: #acacbe;}
.banner_nav .list .info p { font-size: 14px; line-height: 20px;color: #797b85;}
.banner_nav a.gamemore {display: block; font-size: 14px; height:40px; line-height:40px; color: #fff; border-radius: 30px; background: #ff7d00; text-align: center; margin:5px 50px;}

.banner { position:absolute; left:255px; top:0; width:675px; overflow:hidden; position:relative; height:290px;}
.banner .swiper-container {overflow:hidden; height:290px; background:#F3BD01;}
.banner .swiper-slide {overflow:hidden; background-position:center 0; background-repeat:no-repeat; position:relative}
.banner .swiper-slide img{ display: block; width:100%; height:100%;}

.banner .swiper-pagination{ bottom:30px; width:100%; text-align:center; z-index:999; display:none;}
.banner .swiper-container-horizontal .swiper-pagination-bullets { bottom: 30px;}
.banner .swiper-pagination-bullet { width: 35px; height: 10px; border-radius:10px; margin:0 5px; background: rgba(255,255,255,0.95); opacity:1; outline:none;}
.banner .swiper-pagination-bullet-active { background: #F60;}

.banner .swiper-button-prev,
.banner .swiper-button-next{font-size: 0; width: 2rem; height: 2rem; border-left: 3px solid #fff; border-top: 3px solid #fff; opacity:.8; outline:none;}
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after{ font-size:0;}
.banner .swiper-button-prev{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 1.5rem;}
.banner .swiper-button-next{-webkit-transform: rotate(-225deg); transform: rotate(-225deg); right: 1.5rem;}
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover{ opacity:1}

.swiper-txt{ position:absolute; width:100%; top:50%; left:50%; text-align:center; z-index:999; color:#fff; transform: translate(-50%, -50%);}
.swiper-txt h1{ font-size:60px; font-weight:500;}
.swiper-txt h2{ font-size:20px; margin-top:30px; font-weight:100 }

.banner_news { position:absolute; right:0; top:0; width: 255px; height:290px; background: rgba(41,61,112, .9);}
.banner_news .hd{ height:40px; line-height:40px; background: rgba(41,61,112, .95);padding:0 25px; }
.banner_news .hd li{ float:left; font-size:16px; color:#d3d3d4; cursor:pointer; margin-right:25px;}
.banner_news .hd li.on{ color:#fff; font-weight:700;}
.banner_news .bd ul{ padding:0 25px;  zoom:1;  }
.banner_news .bd .list a { display: block; height:40px; line-height:40px; border-bottom: 1px solid rgba(151,159,182,0.8); overflow: hidden; color:#c6c9d1}
.banner_news .bd .list a:hover {color: #fff;}
.banner_news .bd .list a:last-child{ border-bottom:0;}
.banner_news .bd .wx{ text-align:center; margin-top:30px;}
.banner_news .bd .wx img{ display:block; width:140px; margin:0 auto;}
.banner_news .bd .wx p{ color:#d3d3d4; margin-top:10px;}

.index-mai{ display:none;}

.img1{ margin-top:20px;}
.img1 img{ width:100%; display:block;}

.img2 li{ float:left; width:360px; margin-right:60px;}
.img2 li:last-child{ margin-right:0;}
.img2 li img{ display:block; width:100%;} 
.img2 li p{ display:none;}

.img3{ display:none;}

.w-game{ background:#E6ECEA; padding:20px 0; overflow:hidden;}
.w-game .gl { float:left; width:197px; height:520px;}
.w-game .gl img{ display:block; width:100%;}
.w-game .gl a.tuijian {display: block; font-size: 14px; height:151px; background: #ff7d00; text-align: center; padding-top:50px;}
.w-game .gl a.tuijian h2{ font-weight:500; color:#fff;}
.w-game .gl a.tuijian p{ color: #ffdb00;}

.w-game .list{ float:right; width: 980px;display:none}
.w-game .list.on{
    display:block;
}

.w-game .list h2{ display:none;}
.w-game .list li {float: left; width: 32%; background:#fff; position:relative; margin-bottom: 13px; margin-right:2%;}
.w-game .list li:nth-child(3n){ margin-right:0;}
.w-game .list li .img{width: 100%; height: 185px;overflow: hidden; position:relative;}
.w-game .list li .img img{display: block;width: 100%; height: 100%; transition: all .6s;}
.w-game .list li:hover .img img{
	-moz-transform: scale(1.05, 1.05); 
	-webkit-transform: scale(1.05, 1.05); 
	-o-transform: scale(1.05, 1.05); 
	transform: scale(1.05, 1.05); }
.w-game .list li .img span{ position:absolute; right:0; bottom:0; display: inline-block; padding: 2px 10px; background: #ff7d00; color:#fff;}
.w-game .list li .txt{padding: 12px;}
.w-game .list li .txt h3{font-size: 14px; text-align:justify; color:#000; height:60px; line-height:20px; font-weight: 500; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.w-game .list li .txt h5{ margin-top:10px; font-size:14px; font-weight: 500; color:#000; background:url(../images/g.png) 0 center no-repeat; background-size:14px 14px; padding-left:14px;}
.w-game .list li .txt h5 span { float: right;}
.w-game .list li .txt p { font-size: 12px;line-height: 16px;color: #fff;margin-top: 10px;}
.w-game .list li .txt p span { float:left; display:inline-block; width:23.5%; text-align: center; margin-right: 2%; border-radius:5px; background: #EEFFDE; color:#4fc103; border:#4fc103 solid 1px;}
.w-game .list li .txt p span:nth-child(2) {background:#FED3D4; border-color: #ff0000;color: #ff0000;}
.w-game .list li .txt p span:nth-child(3) {background:#F7DEFE; border-color: #9e00cf; color: #9e00cf;}
.w-game .list li .txt p span:last-child {margin-right: 0;background-color: #DEF4FF;border-color: #26b7ff; color: #26b7ff;}
.w-game .list li:hover{ box-shadow: 0 0 15px 0 rgba(0,0,0,.1), 0 0 15px 1px rgba(0,0,0,.1);}
.w-game .list li:hover .txt h3{ color:#f00}

.footer { padding:0 0 60px 0; background: url(../images/foot.jpg) center bottom no-repeat;}

.service_nav { padding: 30px 0; background:#fff; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25); }
.service_nav_ul li {float: left; width: 25%; box-sizing: border-box;}
.service_nav_ul li>img {float: left; height: 40px; margin: 4px 10px 0 0;}
.service_nav_ul_info {float: left;}
.service_nav_ul_info h3 {font-size: 18px; line-height: 24px; color: #35353b;font-weight:500;}
.service_nav_ul_info p {font-size: 13px; line-height: 18px; color: #9f9f9f;}

.footer .f-box{ padding-top:80px;}
.footer .f-logo{ float:left; width:200px; margin-left:100px; margin-right:100px; margin-top:50px;}         
.footer .f-logo img{ display:block; width:100%;}
.footer .f-copy{color: #ccc; position:relative; overflow:hidden; border-left:rgba(0,0,0,0.5) solid 2px; padding-left:50px;}
.footer .f-copy .title{width:200px; display:block;}
.footer .f-copy .link{ margin:25px 0 15px 0;}
.footer .f-copy .link a{color:#34343a; padding-right:12px; margin-right:12px;border-right: 1px solid #555;}
.footer .f-copy .link a:last-child { border-right:0;}
.footer .f-copy .link a:hover{color: #000;}
.footer .f-copy p{ margin-top:10px;}
.footer .f-copy p {color:#34343a;}
.footer .f-copy p a{color:#34343a;}
.footer .f-copy p.chhl{ margin-top:30px;}

.footer .f-copy .wx { float:right; margin-top:20px; width:120px; text-align:center}
.footer .f-copy .wx img{ display:block; width:100%; margin-bottom:5px;}
.footer .f-copy .wx span{ font-size:12px; }

.footer .bot_img { margin-top: 15px; width:100%; cursor: pointer;}
.footer .bot_img img{ margin-right:20px;}

.footer-mb{ display:none;}

/*分页样式开始*/
.turnover {text-align:center;margin-bottom:30px; font-size:16px;padding-top:30px;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block;height:50px;line-height:50px;padding:0 20px;margin-left:2px;text-align:center;}
.turnover a, .turnover .disabled {background:#fff;border:1px solid #eee;text-decoration:none;}
.turnover a:hover, .turnover .current {border:1px solid #ff6600;background:#ff6600;color:#fff;  }
.turnover .disabled{ color:#999;}

/*右下角小按钮*/
.newFixedRight{width: 45px; height: 45px; position: fixed; right: 20px; bottom: 50px; z-index: 999; opacity:0;}
.newFixedRight .block{width: 45px; height: 91px; position: relative;}
.newFixedRight .box{position: absolute; top: 0; right: 0; width: 45px; height: 45px; background: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer;}
.newFixedRight .box .bg{ width:100%; height:100%; display:block;}
.newFixedRight .box .bg span{ display:block; text-align:center; color:#fff; font-size:30px; margin-top:5px;}
.newFixedRight .box:hover{background-color: #ff6600 }