@charset "utf-8";
/* CSS Document */

/*reset*/
body,div,em,i,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,table,th,td,input,button,label,select{padding:0;margin:0;outline:0 none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font:12px/1.5 "Microsoft YaHei","Arial","Hiragino Sans GB",'\5FAE\8F6F\96C5\9ED1',tahoma,sans-serif;background:#f7fafc;min-width:1260px;}
a{outline:0 none;cursor:pointer;text-decoration:none;color:#8e8e8e;}
a:hover{color: #2ea3cb;}
p{ color:#8e8e8e;}
ul,ol{list-style:none;}
img{border:0 none;}
em,i{font-style:normal;font-weight:normal;}
h1,h2,h3{font-weight:normal;}
h4{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
/*****首页*******/
/*header。所有子页面公用的header样式*/
.header{ width: 100%;height:100px;background-color: #fff;}
.nav{width: 1260px;height: 85px;margin: 0 auto;}
.top_logo{width: 342px;height: 100px;  float: left;margin-right:60px;}
.top_nav{width: 650px;height: 100px;float: left;}
.top_nav {font-size:18px;}
.top_nav li{display:inline;float:left;}
.top_nav ul li.on{ background:url(nav.jpg) no-repeat; width:140px; height:100px;}
.top_nav ul li.on a{color: #fff;font-size:20px;}
.top_nav a{display: block;width: 140px;height: 100px;text-align: center;line-height: 100px;color: #666464;}
.top_nav a:hover{ background:url(nav.jpg) no-repeat; width:140px; height:100px;color: #fff;}


.top_denglu {font-size:18px;float: left;}
.top_denglu li{display:inline;float:left;}
.top_denglu ul li.on a{color: #ed7020;}
.top_denglu a{display: block;height:100px;line-height:100px;color: #666464;}
.top_denglu a:hover{color: #ed7020;}


.mypic{ background:url(bg01.jpg) no-repeat center; width:1920px; height:900px;margin: 0 auto;}
.mypic li{display:inline;float:left;}
.dt01{ background:url(bg01_0_01.jpg) no-repeat; width:1050px; height:200px; margin-top:648px; padding:110px 20px 20px 740px; font-size:14px;}
.dt02{ background:url(bg01_0_02.jpg) no-repeat; width:870px; height:200px; margin-top:648px; padding:32px 60px 32px 30px; font-size:14px;line-height: 40px;}

.mypic1{ width:1920px; height:1000px;margin: 0 auto;}
.f1{ float:left; width:936px;}
.zb1 a{ background:url(bg02_01.jpg) 0 0 no-repeat;display: block;width:936px;height:561px;}
.zb1 a:hover{ background:url(bg02_01.jpg) 0 -561px no-repeat;width:936px; height:561px;}
.zb2{ background:url(bg2_05.jpg) no-repeat; width:936px; height:439px; }
.wenzi1{ font-size:21px;line-height: 40px; width:835px; height:138px; padding-top:120px; padding-left:300px; text-align:right;}
.bot1{ padding-top:150px; padding-left:250px;}
.bot1 a{ background:url(bot1.png) 0 0 no-repeat;display: block; width:188px; height:69px;}
.bot1 a:hover{ background:url(bot1.png) 0 -69px no-repeat; width:188px; height:69px;}
.f2{ float:left;}
.yb1{ background:url(bg2_03.jpg) no-repeat; width:984px; height:399px;}
.wenzi2{ font-size:21px;line-height: 40px; width:700px; height:138px; padding:180px 0 0 150px;}
.bot2{ padding-top:150px; padding-left:560px;}
.bot2 a{ background:url(bot1.png) 0 0 no-repeat;display: block; width:188px; height:69px;}
.bot2 a:hover{ background:url(bot1.png) 0 -69px no-repeat; width:188px; height:69px;}
.yb2 a{ background:url(bg02_02.jpg) 0 0 no-repeat;display: block;width:984px;height:601px;}
.yb2 a:hover{ background:url(bg02_02.jpg) 0 -601px no-repeat; width:984px; height:601px;}

.mypic2{ background:url(bg02_06.jpg) no-repeat; margin:0 auto; width:1920px; height:955px;}
.hz{ padding:310px 0 0 350px; height:680px;}
.mypic2 li{display:inline;float:left; margin-right:260px;}
.mypic2 ul li.syyx a{ background:url(b_01.jpg) 0 0 no-repeat;display: block; width:220px; height:362px;}
.mypic2 ul li.syyx a:hover{ background:url(b_01.jpg) -220px 0 no-repeat; width:220px; height:362px;}
.mypic2 ul li.swhz a{ background:url(b_02.jpg) 0 0 no-repeat;display: block; width:220px; height:362px;}
.mypic2 ul li.swhz a:hover{ background:url(b_02.jpg) -220px 0 no-repeat; width:220px; height:362px;}
.mypic2 ul li.jrwm a{ background:url(b_03.jpg) 0 0 no-repeat;display: block; width:220px; height:362px;}
.mypic2 ul li.jrwm a:hover{ background:url(b_03.jpg) -220px 0 no-repeat; width:220px; height:362px;}

.foot{ padding:20px 0 0 610px; height:130px;}
.fot1{ float:left; background:url(b_logo.png) no-repeat; width:223px; height:75px;}
.fot2{ float:left; padding-top:10px;}



.cppic{ background:url(cp_01.png) no-repeat; width:1920px; height:600px; margin:0 auto;}
.cppic2{ width: 800px;height: 100px;margin: 0 auto;}
.cppic2 li{display:inline;float:left; padding-right:50px; padding-left:50px;}
.cppic2 ul li.rm a{ background:url(bot2.png) 0 0 no-repeat;display: block; width:157px; height:59px;}
.cppic2 ul li.rm a:hover{ background:url(bot2.png) 0 -59px no-repeat; width:157px; height:59px;}
.cppic2 ul li.zx a{ background:url(bot3.png) 0 -59px no-repeat;display: block; width:157px; height:59px;}
.cppic2 ul li.zx a:hover{ background:url(bot3.png) 0 -59px no-repeat; width:157px; height:59px;}
.cppic2 ul li.jj a{ background:url(bot4.png) 0 0 no-repeat;display: block; width:157px; height:59px;}
.cppic2 ul li.jj a:hover{ background:url(bot4.png) 0 -59px no-repeat; width:157px; height:59px;}

.cppic3{ width: 1380px;height:724px;margin: 0 auto;}
.cppic3 li{display:inline; float:left;}
.cppic3 .cp_g1{ background:url(cp_02.jpg) no-repeat; width:460px; height:724px;}
.cppic3 .cp_g2{ background:url(cp_03.jpg) no-repeat; width:460px; height:724px;}
.cppic3 .cp_g3{ background:url(cp_04.jpg) no-repeat; width:460px; height:724px;}
.cppic3 .cp_g5{ background:url(cp_05.jpg) no-repeat; width:460px; height:724px;}
.cppic3 .bot5{ background:url(bot5.png) 0 0 no-repeat;display: block; width:158px; height:49px; margin-top:630px; margin-left:150px;}
.cppic3 a:hover{ background:url(bot5.png) 0 -49px no-repeat;display: block; width:158px; height:49px;}


.newbg{ background:url(new_bg.jpg) bottom no-repeat; width:1920px; height:3000px; margin:0 auto; padding:230px 0 0 348px;}
.newbg .newb1{ background:url(new_bg_01.png) no-repeat; width:1214px; height:73px;}
.newbg .newb2{ background:url(new_bg_02.png) repeat-y; width:1214px; }
.newbg .newb3{ background:url(new_bg_03.png) no-repeat; width:1214px; height:76px;}
/*news*/
.news{margin:0 auto; width:1000px;}
.news .news_nav{width: 1100px;height: 25px;line-height: 25px;font-size: 16px;color: #4c4c4c;margin-bottom: 20px;}
.news .news_nav a{color: #4c4c4c;}
.news .news_nav a:hover{color:#ed7020;}
.news .news_tit h1{color: #2ea3cb;font-size: 30px;text-align: center;padding-bottom: 20px;font-weight: bold;}
.news .news_tit h5{color: #7f7f7f;font-size: 15px;text-align: center;padding-bottom: 48px;}
.news .news_cont{font-size: 19px;color: #333333;line-height:2.1em;}
.news .news_cont .wenzi{width: 1144px;text-indent: 32px;margin:0 auto;}
.news_cont_img{width: 1144px;margin:auto;text-align: center;}
.news .news_cont img{margin: auto;vertical-align:middle;padding: 25px 0px;}



.abpic1{ background:url(ab_02.jpg) no-repeat; width:1920px; height:900px; margin:0 auto;}
.abpic2{ background:url(ab_03.jpg) no-repeat; width:1920px; height:1000px; margin:0 auto;}
.abpic3{ background:url(ab_04.jpg) no-repeat; width:1920px; height:1000px; margin:0 auto;}
.abpic4{ background:url(ab_05.jpg) no-repeat; width:1920px; height:1000px; margin:0 auto;}
.abpic5{ background:url(ab_06.jpg) no-repeat; width:1920px; height:1000px; margin:0 auto;}


.zcbg{ background:url(new_bg.jpg) bottom no-repeat; width:1920px; height:1500px; margin:0 auto;}
.zcb1{ background: url(dl_bg.png) no-repeat; width:526px; height:726px; margin:0 auto; padding-left:13px;}
.biaot{ height:90px; padding-top:14px;}
.biaot0{ padding-left:40px; margin-top:60px;}
.biaot00{ padding-left:40px; margin-top:100px;}
.biaot1{ float:left; background:url(bot6.png) 0 -90px no-repeat; width:250px; height:90px;}
.biaot1 a{ float:left; background:url(bot6.png) 0 0 no-repeat; width:250px; height:90px;}
.biaot1 a:hover{ float:left; background:url(bot6.png) 0 -90px no-repeat; width:250px; height:90px;}
.biaot2{ float:left; background:url(bot7.png) 0 -90px no-repeat; width:250px; height:90px;}
.biaot2 a{ float:left; background:url(bot7.png) 0 0 no-repeat; width:250px; height:90px;}
.biaot2 a:hover{ float:left; background:url(bot7.png) 0 -90px no-repeat; width:250px; height:90px;}
.biaot3{ margin-top:80px; margin-left:180px;}
.biaot3 a{ background:url(bot8.png) 0 0 no-repeat; display: block; width:157px; height:59px;}
.biaot3 a:hover{ background:url(bot8.png) 0 -59px no-repeat; width:157px; height:59px;}
.biaot4{ margin-top:80px; margin-left:180px;}
.biaot4 a{ background:url(bot9.png) 0 0 no-repeat; display: block; width:157px; height:59px;}
.biaot4 a:hover{ background:url(bot9.png) 0 -59px no-repeat; width:157px; height:59px;}

.bt{  font-family:"Microsoft YaHei","Arial","Hiragino Sans GB",'\5FAE\8F6F\96C5\9ED1';font-size: 25px;line-height: 50px; color:#919292;}

 
.tishi{ height:34px;line-height:34px;}
.tishi p{ color:#ff8666; font-size:15px;}
.ui-account input,
.ui-password input{ background-color:#f3f9fc;
  font-size: 25px;
  font-family:"Microsoft YaHei","Arial","Hiragino Sans GB",'\5FAE\8F6F\96C5\9ED1';
  color: #00c2df;
  height: 50px;
  width:418px;
  line-height: 50px;
  text-indent: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
   border:none;
    
}
.ui-auth input { background-color:#f3f9fc;
  font-size: 25px;
  font-family:"Microsoft YaHei","Arial","Hiragino Sans GB",'\5FAE\8F6F\96C5\9ED1';
  color: #00c2df;
  height: 50px;
  width:285px;
  line-height: 50px;
  text-indent: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
   border:none;
   float:left;
    
}
.ui-auth0{ background-color:#e4e4e4; width:120px; height:50px; float:left; margin-left:10px; margin-right:50px; font-size: 18px; text-align:center;
  font-family:"Microsoft YaHei","Arial","Hiragino Sans GB",'\5FAE\8F6F\96C5\9ED1';
  color: #000;line-height: 50px;}
.ui-account0 input,
.ui-password0 input{ background-color:#f3f9fc;
  font-size: 25px;
  font-family:"Microsoft YaHei","Arial","Hiragino Sans GB",'\5FAE\8F6F\96C5\9ED1';
  color: #00c2df;
  height: 50px;
  width:350px;
  line-height: 50px;
  text-indent: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
   border:none;
   margin-top:10px;
   margin-bottom:10px;    
}
.biaot_w1{ font-size: 18px; text-align:center;
  font-family:"Microsoft YaHei","Arial","Hiragino Sans GB",'\5FAE\8F6F\96C5\9ED1';line-height: 50px;}
.biaot_w2{ font-size: 18px; text-align:center;
  font-family:"Microsoft YaHei","Arial","Hiragino Sans GB",'\5FAE\8F6F\96C5\9ED1';
  color: #00c2df;line-height: 50px;}
.biaot_w2 a{ color:#00c2df;}


.czbg{ background:url(cz_bg.png) no-repeat; width:1626px; height:1226px; margin:0 auto;}
.czbg_z{ float:left; width:484px; height:1224px; padding-left:5px; padding-top:220px; margin-right:60px;}
.czbg_z1{ background:url(bot10.png) 0 -72px no-repeat; width:460px; height:72px;}
.czbg_z1 a{ background:url(bot10.png) 0 0 no-repeat; display: block; width:460px; height:72px;}
.czbg_z1 a:hover{ background:url(bot10.png) 0 -72px no-repeat; width:460px; height:72px;}
.czbg_z2 a{ background:url(bot11.png) 0 0 no-repeat; display: block; width:460px; height:72px;}
.czbg_z2 a:hover{ background:url(bot11.png) 0 -72px no-repeat; width:460px; height:72px;}
.czbg_y{ width:1150px; padding-top:120px;}
.czbt01{ width:1100px; height:40px;}
.czbt01_1{ background-color:#00c2df; width:315px; height:35px; float:left; margin-left:10px; margin-top:10px; font-size: 18px; text-align:center;
  font-family:"Microsoft YaHei","Arial","Hiragino Sans GB",'\5FAE\8F6F\96C5\9ED1';
  color: #fff;line-height: 35px;}
.czbt01_1 p{color: #fff;} 
.czbt01_2 a{ background:url(cz_01.png) no-repeat; width:35px; height:35px; float:left; margin-top:10px;}
.czbt01_3{ background:url(cz_img/cz0_03.jpg) no-repeat; width:115px; height:39px; float:left; margin-left:10px; margin-top:10px;}
.czbt01_4{ background:url(cz_img/cz0_04.jpg) no-repeat; width:115px; height:39px; float:left; margin-top:10px;}
.czbt01_5{ background:url(cz_img/cz0_05.jpg) no-repeat; width:115px; height:39px; float:left; margin-top:10px;}
.czbt01_6{ width:1250px; padding-top:60px; margin-left:50px;}
.czbt01_6 li{display:inline; float:left;width:120px; height:30px; padding-left:110px;}

.game,.h5-game{
  width: 70%;
  margin: 0 auto;
}
.lm-wrap{
  height: 49px;
  width: 100%;
}
.z-lm{
  line-height: 20px;
  height: 20px;
  margin: 10px 0;
  font-size: 18px;
  font-weight: 700;
  padding: 0 15px 0 10px;
  border-left: solid #07263b 6px;
}

.list-game li{
  width: 275px;
  height: 200px;
  border: 1px solid #d5d5d5;
  margin: -3px 13px 15px 0;
  position: relative;
  float: left;
  overflow: hidden;
}
.gameinfo img{
  width: 275px;
  height: 160px;
}
.gameinfo span{
    width: 275px;
    height: 40px;
    position: absolute;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
}
.divider{
  clear: both;
  height:100px;
}
.game-handle a{
    width: 275px;
    height: 40px;
    position: absolute;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #ff823c;
}
.game-handle{
  bottom: -40px;
  background-color: #fff;
  position: absolute;
  width: 275px;
  height: 40px;
}

.list-game li:hover .game-handle,.moved{transition:all .2s ease-in-out 0s}
.list-game li:hover{
  border:1px solid #ff823c
}
.list-game li:hover .game-handle{bottom:0}