@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,i{margin:0;padding:0; font-style:normal !important}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;color:#333333;font-family:Microsoft YaHei}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body {color:#888888;font-family:Microsoft YaHei; background:#ffffff;font-size: 15px;}
table {font-size:inherit;font:100%;}
a, button { cursor:pointer}
a{ text-decoration:none; color:#262626;}
a:hover{ color:#ff3300;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{ zoom:1; clear:both}
.mt20{margin-top: 20px;}
.mt50{margin-top: 50px;}
.mt80{margin-top: 80px;}
.w840{width: 840px;}
.w280{width: 280px;}
.w1200{width: 1200px;margin: 0 auto;}
.newsbox dt,.title h2{ font-family: 'DINCond-Medium';}

@font-face {
	font-family: 'DINCond-Medium';
	src: url('../front/DINCond-Medium.eot'); /* IE9 Compat Modes */
	src: url('../front/DINCond-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('../front/DINCond-Medium.woff') format('woff'), /* Modern Browsers */
             url('../front/DINCond-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../front/DINCond-Medium.svg#YourWebFontName') format('svg'); /* Legacy iOS */
   }

.all{background: url(../img/bg.jpg) top center no-repeat;}
.all_list{background: url(../img/bg_list.jpg) top center no-repeat;}
.header{width: 1200px;height: 620px;position: relative;margin: 0 auto;}
.all_list .header{width: 1200px;height: 380px;position: relative;margin: 0 auto;}
.topnav{height: 90px;overflow: hidden;}
.topnav h1{width: 422px;float: left;margin-top: 18px;}
.topnav h1 .logo{width: 210px;height: 54px;background: url(../img/logo.png) 0 0 no-repeat;display: block;overflow: hidden;text-indent: -9999px;float: left;}
.topnav h1 .logo_text{width: 212px;height: 40px;background: url(../img/logo_text.png) 0 0 no-repeat;display: block;overflow: hidden;text-indent: -9999px;float: right;margin-top: 7px;}
.nav{width: 440px;float: right;}
.nav li{float: left;margin-left: 27px;line-height: 90px;position: relative;}
.nav li a{color: #ffffff;display: block;}
.nav li:after{content: "";width: 1px;height: 2px;background: #ffffff;position: absolute;left: 0; top: 60px;transition: all 0.3s;opacity: 0;}
.nav li.active:after{opacity: 1;width: 59px;}
.header_text{width: 510px;height: 210px;position: absolute;left: 0; top: 182px;}
.header_list_text{width:340px;height: 72px;position: absolute;left: 0; top: 153px;}
.header_fs{width: 560px;height: 240px;position: absolute;top: 90px;right: 84px;}
.all_list .searchbox{top: 270px;}
.header_about{ }
.searchbox{width: 380px;height: 50px;position: absolute;left: 0; top: 470px;background: #ffffff;border-radius: 4px;}
.searchtext{width: 330px;height: 50px;background:none;border: none;outline: none;text-indent: 15px;line-height: 50px;float: left;}
.searchbut{width: 50px;height: 50px;float: right;background: url(../img/ico_search.png) center center no-repeat;border: none;outline: none;cursor: pointer;}
.hero__viewer {border: none;position: absolute; right: 0;top: 100;width: 60%;height: 100%;max-height: 470px;z-index: 0;}
.category{width: 1140px;height: 170px;position: absolute;left: 0; top: 570px;background: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 6px;padding: 0 30px;}
.picScroll{ position:relative;  height:114px; padding: 28px 0 29px 0;overflow:hidden;width: 1005px;float: left;}
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 30px;  width:104px; overflow:hidden; display:inline; }
.picScroll ul li img{ width:104px; height:78px; }
.picScroll ul li p{line-height: 36px;font-size: 15px;color: #262626; text-align:center;}
.picScroll .prev,.picScroll .next{ position:absolute;  left:0; top: 72px; display:block; width:17px; height:33px; overflow:hidden; background:url(../img/icons.png) 0 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:0; background-position:-17px 0; }
.category .more{text-align: center;line-height: 170px;}
.category .more a{color: #e8312e; font-size: 14px;}

.main_index{width: 1200px;margin: 200px auto 0;}
.title h2{font-size: 40px;color: #2b6eb1;text-align: center;}
.title h3{text-align: center;font-size: 20px;color: #2b6eb1;line-height: 36px;width: 170px;margin: 0 auto;position: relative;}
.title h3::after{content: "";width: 30px;height: 1px;background: #dedede;position: absolute;left: 0;top: 18px;}
.title h3::before{content: "";width: 30px;height: 1px;background: #dedede;position: absolute;right: 0;top: 18px;}
.discover .con{margin-top: 44px;width: 1240px;overflow: hidden;}
.discover .item a{width: 580px;height: 318px;float: left;margin-right: 40px;position: relative;}
.discover .item a img{width: 580px;height: 318px;display: block;border-radius: 6px;}
.vmore{width: 100px;margin: 50px auto 0;text-align: center;}
.vmore a{display:block;color: #999999; font-size:13px;}
.vmore a img{width: 14px;margin: 5px auto 0;display: block;}
.vmore a:hover{color: #e8312e;}

.news .con{width: 1240px;overflow: hidden;}
.news .con .newsbox{width: 580px;}
.newsbox{height: 100px;float:left;margin: 30px 40px 15px 0;}
.newsbox a{display: block;}
.newsbox dt{width: 100px;height: 80px;float:left;margin-right: 30px;background: #f7f7f7;border-radius: 6px;text-align: center;font-size: 30px;color: #555555;padding: 20px 0 0 0;}
.newsbox dt b{display: block;font-weight: normal;font-size: 20px;color: #999999;}
.newsbox dd h4{color: #262626;line-height: 26px; font-weight: 500; font-size: 17px;}
.newsbox dd p{font-size: 12px;line-height: 24px;color: #999999;}
.newsbox dd .intro{font-size: 14px;color: #666;line-height: 24px;height: 44px;overflow: hidden;padding-top: 6px;}
.newsbox a:hover h4{color: #e8312e;}

.footer-box .footer{background: #2b6eb1;height: 190px;margin-top: 178px;}
.footer-box .footer_con{width: 1200px;margin: 0 auto;padding: 45px 0 0 0;}
.footer-box .copyright{float: left;width: 580px;}
.footer-box .copyright p{font-size: 13px;line-height: 30px;color: #ffffff;}
.footer-box .foot_img{float: right;}
.footer-box .foot-name{ background:#26629e; height:55px;}
.footer-box .foot-name p{ line-height:55px; text-align:center; color:#85b5e5; font-size:13px;}

.main-all{ width: 1200px;margin:0 auto;}
.main{ width:1200px; overflow: hidden; margin:0 auto;}
.datamain{ width:950px; overflow: hidden;}
.databox{width: 970px;}
.databox a{width: 303px;height: 240px;float: left;margin: 0px 20px 20px 0;background: #fafafa;border-radius: 4px;overflow: hidden;}
.databox a .imgbox{width: 303px;height: 180px;overflow: hidden;}
.databox a .imgbox img{width: 303px;height: 180px;display: block;}
.databox a .intro{line-height: 46px;}
.ico_group{float: right;}
.databox a .intro span{display: inline-block;font-size: 13px;color: #888888;margin-right: 18px;float: left;padding-left: 20px;}
.ico_ck{background: url(../img/ico_ck.png) 0 center no-repeat;}
.ico_pl{background: url(../img/ico_pl.png) 0 center no-repeat;}

.about{width: 760px;background: #f7f7f7;padding:40px 40px 80px 40px;float: left;border-radius:4px;}
.about_title h2{font-size: 20px;color: #2b6eb1;font-weight: normal;font-family: "microsoft yahei";padding-top: 10px;}
.about_title h3{font-size: 40px;color: #2b6eb1;line-height: 30px;font-family: 'DINCond-Medium';}
.about_intro{padding-top: 20px;}
.about_intro h4{line-height: 32px;color: #262626;font-weight: bold;padding-top: 20px;}
.about_intro p{line-height: 32px;color: #262626;padding-top: 20px;text-indent: 2em;}

.project{width: 280px;float: right;padding-top: 40px;}
.project h2{font-size: 18px;line-height: 24px;color: #555555;}
.project_list{background: url(../img/ico_protect.png) 0 8px no-repeat;padding-left: 28px;margin-top: 20px;}
.project_list h4{font-size: 13px;line-height: 24px;color: #555555;font-weight: bold;}
.project_list p{font-size: 13px;line-height: 24px;color: #555555;}

.sjzx{width: 280px;float: right;}
.sjzx h2{font-size: 18px;line-height: 24px;color: #555555;}
.sjbox{width: 280px;height: 303px;position: relative;margin-top: 30px;}
.sjbox img{width: 280px;height: 280px;display: block;border-radius: 4px;}
.sjbox .sjtext_group{width: 220px;height: 146px;background: #ffffff;position: absolute;left: 40px;top: 157px;text-align: center;}
.sjtext_group a{height: 46px;display: block;background: #2b6eb1;line-height: 46px;color: #ffffff;}
.sjbox_tetx{height: 80px;padding-top: 20px;}
.sjbox_tetx p{font-size: 12px;line-height: 24px;color: #2b6eb1;}
.sjbox_tetx h4{line-height: 20px;color: #262626;font-weight: bold;}

.newstab li{width: 112px;height: 59px;float: left;margin-right: 3px;background: #ededed;border-bottom: #dedede solid 3px;text-align: center;}
.newstab li a{display: block;color: #848484;line-height: 59px; }
.newstab li.on{border-bottom: #2b6eb1 solid 3px;}

.hotnews{height: 190px;padding: 30px 0; border-bottom: #ececec solid 1px;}
.hotnews dt{width: 300px;float: left;height: 190px;position: relative;margin-right: 25px;}
.hotnews dt img{width: 300px;height: 190px;display: block;border-radius: 4px;}
.hotnews dt i{width: 51px;height: 51px;background: url(../img/ico_hot.png) 0 0 no-repeat;position: absolute;left: 0; top: 0;}
.hotnews dd h4{font-size: 18px;line-height: 30px;font-weight: bold;}
.hotnews dd p{font-size: 13px;line-height: 24px;color: #999999;}
.hotnews dd .intro{font-size: 13px;color: #555555;line-height: 22px;height: 66px;overflow: hidden;padding-top: 10px;}
.hotnews dd .nmore a{font-size: 13px;color: #e8312e;padding-top: 30px;display: block;}
.newscon .newsbox{height: 100px;padding: 25px 0;margin: 0;float: none;position: relative;}
.newscon .newsbox:after{content: "";width: 710px;height: 1px;border-bottom: #cccccc dotted 1px;position: absolute;right: 0; bottom: 0;}

.pagination {margin:50px 0;text-align: center;}
.pagination li {display: inline-block;margin: 0 2px;}
.pagination li span,.pagination li a {display: inline-block;border: #ececec solid 1px;background: #fff;color: #333;padding: 10px 16px;border-radius: 4px;}
.pagination li a:hover,.pagination li .current {color: #ffffff;border: #2b6eb1 solid 1px;background: #2b6eb1;}

.dtgroup .tit{line-height: 52px;border-bottom: #ececec solid 1px;}
.dtgroup .tit h3{color: #2b6eb1;font-weight: bold;}
.dtgroup .tit h3 small{font-size: 14px;color: #c2c2c2;font-weight: bold;font-family: arial;padding-left: 10px;}
.dtbox{padding: 20px 0;}
.dtbox img{width: 280px;height: 150px;border-radius: 4px;display:block}
.dtbox em{ font-family: 'DINCond-Medium';font-size: 22px;color: #2b6eb1;padding: 15px 0 6px 0;display: block;}
.dtbox h4{line-height: 22px;color: #555555;font-weight: bold;}
.dtbox p{font-size: 13px;line-height: 22px;color: #999999;}
.dtbox span a{font-size: 13px;line-height: 22px;color: #e8312e;display: block;padding-top: 6px;}
.dtlist li{font-size: 13px;line-height: 22px;background: url(../img/ico_li.png) 0 12px no-repeat;color: #999999;padding: 5px 0 5px 15px;}
.dtlist li em{margin-right: 10px;}
.dtlist li a{color: #999999;}
.dtlist li a:hover{color: #e8312e;}
.detail{font-size:16px; padding:0 15px 20px 15px;}
.detail h1{ background:none; font-size:28px; display:block; line-height:50px; color:#2b6eb1; text-align:center;font-weight: 600;}
.detail h6{ text-align:center;font-weight: normal; }
.detail em { font-size:13px; font-weight:normal; padding:15px 0 20px 0; color:#999; border-bottom:#ececec solid 1px;display: block;}
.textdetail{padding:30px 0 20px 0;color:#333;}
.textdetail a{ color:#D90000; text-decoration:underline}
.textdetail p{ line-height:30px; padding-bottom:18px; text-indent:2em;font-family: "microsoft yahei"; font-size:15px; line-height:34px; }
.textdetail img{}

.left_nav{width:220px;  height:auto;z-index:777; background:#fff; font-size: 15px;}
.left_nav .bt-sj{ width:220px; height:60px; line-height:60px; background:url(../img/bt-sj.png) no-repeat 0 0; }
.left_nav dl dd{ width:178px; height:42px; position:relative;  border-bottom:1px dashed #ededed;}
.left_nav dl{ width:178px; border:1px solid #e6e6e6; border-top: 0px; padding: 10px 20px 30px 20px; border-radius:0px 0px 4px 4px; color:#555}
.left_nav dl dd .nav_right{ width:220px; height:auto; overflow:hidden; position:absolute; left:198px; top:0px; padding:0px 5px 10px 5px;background:#fff; display:none; border:1px solid #e6e6e6;}
.left_nav dl dd .nav_right a{ width:218px;height:40px; line-height:40px; text-align:left; color:#555;padding-left:30px; display:block; float:left; white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow: hidden;}
.left_nav dl dd .nav_right a:hover{ width:110px;height:40px; line-height:40px; text-align:left; color:#2b6eb1;text-decoration:none;}
.left_nav dl dd a.nav_left{width:199px; height:40px; line-height:40px;display:block;background:url(../img/arrow.png) no-repeat 10px 16px; text-indent:30px;color:#555; white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow: hidden;}
.left_nav dl dd a.nav_left:hover{ color:#2b6eb1;}

.location{ background:url(../img/miniui.png) 0px 11px no-repeat; height:40px; margin-top:40px; margin-bottom:16px;}
.location h3 { line-height:40px; font-size:14px; padding:0; padding-left:18px; background:none; color:#b3b3b3; font-weight:normal;}
.location h3 a { color:#555; margin:0px 4px;}

@media (max-width:768px){
}


/*定位居中*/
.middle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-side { 
  width: 188px;
  padding: 15px; padding-top:8px;
  border:1px solid #ededed;
border-radius: 4px;
  
} 
.s-side span{color: #262626;}
.s-side .s-firstItem i {
  font-size: 20px;
}
.s-side .s-firstItem span {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  white-space: 10px;
}
.s-side .first {
	padding: 10px 0px;
	border-bottom:1px dashed #ededed;
}
.s-side .d-firstNav span {
  display: inline-block;
  margin-left: 10px;
}
.s-side .d-firstNav i.fr {
  font-size: 16px;
color: #cccccc;
}
.s-side .s-secondNav,
.s-side .s-secondItem {
  margin-left: 30px;
  margin-top: 10px;
}
.s-secondNav:hover,.d-firstNav:hover{
	cursor: pointer
}
.s-side .d-secondDrop {
  margin-left: 45px;
  margin-top: 10px;
}
.iconRotate {
  transform: rotate(90deg);
  transition: transform 0.5s;
}
.s-firstDrop,
.s-secondDrop {
  display: none;
}
.d-secondDrop a{
	line-height: 26px;
}

.mationbox .aboutgame .tab{ width:880px; height:50px; margin: 0 auto; margin-bottom: 45px;}
.mationbox .aboutgame .tab ul li{ float:left; padding-right: 20px;}
.aboutgame .tab ul li a{ font-family:"Microsoft Yahei"; height:50px; width:200px; display:block; font-size:16px; color:#fff; line-height:50px; text-align:center; background: #2b6eb1; border-radius: 4px;}
.mationbox .aboutgame .tab ul li a:hover,.mationbox .aboutgame .tab ul li a.this{ color:#fff; background:#e8b05d;}
.main-all{ width: 1200px;margin:0 auto;}
.main{ width:1200px; overflow: hidden; margin:0 auto;}
.datamain{ width:950px; overflow: hidden;}
.databox{width: 970px;}
.databox a{width: 303px;height: 240px;float: left;margin: 0px 20px 20px 0;background: #fafafa;border-radius: 4px;overflow: hidden;}
.databox a .imgbox{width: 303px;height: 180px;overflow: hidden;}
.databox a .intro p{color: #333333; text-align: center; line-height: 46px;}
.ico_group{float: right;}
.databox a .intro span{display: inline-block;font-size: 13px;color: #888888;margin-right: 18px;float: left;padding-left: 20px;}
.ico_ck{background: url(../img/ico_ck.png) 0 center no-repeat;}
.ico_pl{background: url(../img/ico_pl.png) 0 center no-repeat;}