@charset "utf-8";
@import url( http://at.alicdn.com/t/c/font_4141723_h81ij50rltj.css);
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0; padding: 0; }
body { font-size: 16px; font-family: "Microsoft Yahei"; color: #5F6679; margin: 0 auto; }
img { border: 0; }
table { border-collapse: collapse; }
a { cursor: pointer; text-decoration: none; color: #5F6679;}
a:hover { text-decoration:none;}
p { word-break: break-all; word-wrap: break-word; }
ul { list-style: none; }
i { vertical-align: middle; font-style: normal; }
input { outline: none; }
select { border: solid 1px #ddd;
background-position: right 50%; background-size: 13px auto; padding-right: 14px; background: none; outline: none; }
select::-ms-expand {
display:none;
}
select::-webkit-expand {
display:none;
}
select::-moz-expand {
display:none;
}
option::-ms-expand {
display:none;
}
option { -moz-appearance: none;-webkit-appearance: none; appearance: none; }
.container { width:90%; max-width:1800px;margin:0 auto;padding: 0 20px;box-sizing: border-box; }
.row h2 { font-size:32px; text-align:center; color:#333;}
.row .subtit { font-size:18px; text-align:center; line-height:60px;}
.col-2 { width:50%; float:left;}
.col-3 { width:33.33%; float:left;}
.col-4 { width:25%; float:left;}
.col-8 { width:12.5%; float:left;}

/*header*/
.header { background:linear-gradient(to top, #f9f9f9, #fff); min-height:800px;}
.menu { width:100%; height:60px;  background:rgba(255,255,255,0.9); position:fixed; left:0; top:0; box-shadow: 2px 1px 3px #eee; z-index:99;}
.menu .logo { width:600px; height:60px; display:inline-block; float:left; background:url(../img/logo.png) no-repeat;margin-top:10px;}
.menu .navbar { height:80px; line-height:80px; float:right;}
.menu .menu-list{ width:60%; }
.menu .navbar li { width:128px; text-align:center; float:left; }
.menu .navbar li a.active { color:#006DD9; font-weight:700;}
.menu .navbar li a:hover { color:#006DD9;}
.menu .navbar li a { position:relative;}
.menu .menu-block  a.btn {width:100px;height:40px;border-radius:50px;display: inline-block;line-height:40px;color:#fff;text-align: center;}
.menu .menu-block  a.btn_blue{background:linear-gradient(to right, #6898f8, #067ee4);}
.menu .menu-block  a.btn_orange{background:linear-gradient(to right, #fcc10e, #fc9f0c);}
.menu .menu-block  a.btn_blue:hover{background:#2272E5}
.menu .menu-block  a.btn_orange:hover{background:#f90;}

.m-menu{ width: 38px; height: 38px; transition: all .5s; cursor: pointer; display: none;float:right;padding-top:10px;}
.m-menu i{ font-size: 30px;color:#666;}
.flexContainer{ display: flex;}
.flexCenter{ justify-content: center; align-items: center;}
.flexBetween{ align-items: center; justify-content: space-between;}
.flexWrap{ flex-wrap: wrap;}
.flexAuto{ flex: 1;}

/*banner*/
.banner .container { background:url(../img/main_bg.png) no-repeat bottom right;height: 860px;}
.banner .banner-text { padding-top:100px;}
.banner .banner-text h1 { font-size: 64px; color: #2272E5; margin-bottom:35px; }
.banner .banner-text h2 { font-size: 32px; line-height: 50px; margin-bottom:45px; font-weight:normal;}
.banner .banner-text .txt { font-size: 24px; line-height: 40px; margin-bottom: 60px; color:#999; }
.banner .banner-text .orange-btn { display: inline-block; background:linear-gradient(to right, #fcc10e, #fc9f0c); font-size: 24px; border-radius: 14px; padding:15px 64px; color: #fff; text-align: center; transition-duration: 0.4s;}
.banner .banner-text .blue-btn:hover { background:#006DD9; border-radius: 18px;}
.banner .banner-img { width:60%;}
.banner .banner-img .maindata { position:relative;  z-index:1; background:url(../img/main_data.png) no-repeat bottom; width:777px; height:600px;}
.banner .banner-img img{width:90%}
.banner .banner-img .man { position:absolute; z-index:2; left:5%;bottom:1%;}
.banner .banner-img .wuman { position:absolute; z-index:2;right:2%;bottom:2%; text-align: right;}
.banner .btn_orange{width:200px;height:60px;line-height:60px; background:linear-gradient(to right, #fcc10e, #fc9f0c);color:#fff;display:block;border-radius: 10px;text-align: center;font-size: 24px;}
.banner .btn_orange:hover{background:#f90;}

/*features*/
.features{padding:30px 0;}
.features-block { padding:60px 0 20px;}
.features-block .features-box { border-radius: 10px; background: #f7faff; margin:0 10px; padding:30px; overflow:hidden;height: 100%;box-sizing: border-box;}
.features-block .features-box .tubiao { float:left; margin-right:30px;width:115px;height:115px;background: #fff;border-radius: 50%;box-shadow: 0 22px 35px 0 rgba(2,18,106,0.08);position: relative;text-align: center;line-height: 115px;}
.features-block .features-box .tubiao .iconfont{font-size:50px;}
.features-block .features-box .tubiao .icon-shuju{color:#fd5b80; }
.features-block .features-box .tubiao .icon-fugai{color:#fca50c;}
.features-block .features-box .tubiao .icon-kaifazheguanli{color: #5d8eff;}

.tubiao .roted-around { position: absolute;top: 0; left: 0; width: 100%; height: 100%;}
.tubiao .roted-around span {-webkit-animation: rotation 10s infinite linear; animation: rotation 10s infinite linear;}
.tubiao .roted-around span { position: relative; display: block; height: 100%;}   
.tubiao .roted-around.dagnger span::before, .tubiao .roted-around.dagnger span::after {background-image: -webkit-linear-gradient(-45deg,#fd4485 0,#ffa38d 100%); background-image: -ms-linear-gradient(-45deg,#fd4485 0,#ffa38d 100%); }
.tubiao .roted-around.warning span::before, .tubiao .roted-around.warning span::after {background-image: -webkit-linear-gradient(-45deg,#fc9f0c 0,#fcc10e 100%); background-image: -ms-linear-gradient(-45deg,#fc9f0c 0,#fcc10e 100%); }
.tubiao .roted-around.primary span::before, .tubiao .roted-around.primary span::after {background-image: -webkit-linear-gradient(-45deg,#067ee4 0,#6898f8 100%); background-image: -ms-linear-gradient(-45deg,#067ee4 0,#6898f8 100%); }
.tubiao .roted-around span::before {left: 15px; bottom: 10px;}
.tubiao .roted-around span::after { right: 15px; top: 10px;}
.tubiao .roted-around span::before, .tubiao .roted-around span::after { position: absolute; width: 8px; height: 8px; content: ""; border-radius: 50%; }

.features-block .features-box .intro-txt { text-align:left;}
.features-block .features-box .intro-txt .tit { font-size:20px; line-height:30px; font-weight:700;padding-bottom:20px;}
.features-block .features-box .intro-txt .txt { font-size:16px; line-height:30px;}
.features-date { padding-top:30px; overflow:hidden;}
.features-date p { line-height:60px; font-size:20px; text-align:center;}
.features-date p.big { font-size:42px; line-height:76px; color:#2070E5;}



/*footer*/
.footer { background:#333; min-height:30px; line-height:30px; padding:20px 0;color:#fff; text-align: center;}
.backtop {position: fixed;bottom:40px;right:60px;z-index:9;}




@media screen and (max-width: 1350px){
    .menu .navbar li{width:105px;}
    }

@media screen and (max-width: 1200px){
	.container { width:98%; }
	.banner .container{ display: block; }
	.banner .banner-img { width:100%; }
	.banner .banner-img .maindata{ width:100%; }
	.contact .col-2{ width:100%; }
	.contact .container{display:block}
	.slideshow .listBox li{ width:46%; margin-bottom:20px; }
    .slideshow .listBox{ height:180px; margin:0 6%; width:88%; }
    .reg-wrap .img{ display:none; }
    .reg-box{ width:80%; margin:0 auto; }
    .partner .partner-list { height:80px; }
    .menu .logo { width:60px; }
    .container-fluid { padding:0; }  
    .banner .container{ height:auto; }
}
@media screen and (max-width: 870px){
     .m-menu{ display: block; }
     .header.active .mobile-menu{ transform: rotate(90deg);}
     .header .wrap{
           position: relative;
           max-width: 90%;
           padding: 15px 20px;
       }
       .header .menu-list{
           position: absolute;
           top: 80px;
           right: 10px;
           width: 40%;
           background: rgba(0, 0, 0, 0.7);
           overflow: hidden;
           display:none;
           border-radius: 10px;
       }
       .header.active .menu-list{ display: block; }
       .header .menu-list ul{
           width: 100%;
           height: auto !important;
           flex-direction: column;
       }
       .header .menu-list ul>li{
           width: 100% !important;
           padding: 0 10px;
           line-height: 40px;
           box-sizing: border-box;
           border-bottom: 1px solid #666;
           float: none;
       }
       .header .menu-list ul>li:last-child{
           border-bottom: none;
       }
       .header .menu-list ul>li::after{
           display: none;
       }
       .header .menu-list  ul>li a{
           color: #fff;
       }
       .header .menu-list  ul>li a:hover{
           color: #fff;
       }
       .menu .logo {
           width: 260px; }
       .menu {height:60px;padding:0 0 10px 0;} 
       .menu .logo { margin-top:5px; }   
       .menu .menu-block a.btn{position:fixed;bottom:0;width:50%;height:60px;line-height:60px;border-radius: 0;} 
       .menu .menu-block a.btn_blue{left:0;}       
       .menu .menu-block a.btn_orange{right:0;}  
       .footer {margin-bottom:60px;}       
}
@media screen and (max-width: 820px){
    .container{ width:100%;min-width:100%;}
    .resource .res-l { width: 100%;  }
    .resource .res-r { width: 100%; }
    .h5game .game-list .col-3{ width:100%; }
    .contact .container { display: block; }
    .adresource{ display: block;}
    .banner .banner-img .maindata{ width:100%; }
    .banner .banner-img { width: 100%;min-height: 300px; }
    .h5game .game-img{ min-width:100%; }
    .banner .banner-text{text-align: center;}
    .banner .btn_orange{margin:0 auto;}
    .banner .banner-text{height:auto;}
    .col-wrap { padding-top: 20px; }
    .h5game { padding-top: 20px;}
    .process .step_arrow,.process .step_arrow02{display:none;}
    .features-block .features-box .intro-txt .tit{padding-top:20px;}
    .slideshow .picBox{margin-left:5%}
    .slideshow .picBox li span .adtxt{width:25%;padding:0}
    .reg-wrap .container { min-width: 90%;}
    
      
}
@media screen and (max-width: 520px){
    
      .features-block .container{ display: block; }
      .features-block .container .col-3{width:100%;margin-bottom:10px;}
      .res-col-con{width:100%;}
      .resource .res-l .cont{width:100%;padding:0;padding-bottom:20px;margin-bottom:10px;}
      .resource .res-l .cont.cont1, .resource .res-l .cont.cont3{margin-top:20px;}
      .virtual-item .container{ display: block;}
      .virtual-item .item-list {
          margin: 0;
          width:100%;
          box-sizing:border-box;
      }
	 .contact .about-txt .flexContainer { display:block; }
	 .slideshow .picBox li span.adtxt { display:none }
	 .slideshow .listBox li span { padding-left: 10px; }
     .reg-box { width:100%; }
     .reg-wrap .container { min-width: 90%;padding:0; }
     .reg-wrap { padding-top:120px; }
     .banner .banner-text h1 { font-size:40px; }
     .banner .banner-text h2 { font-size:28px; }
     .banner .banner-text { margin:0; }
     .banner .banner-img .wuman {right:-10px;}
     .banner .banner-img .man {left:-10px;}
     .reg-box h2 { padding:20px; }
     .reg-box { padding:2% 2% 10% 2%; }
     .login .reg-box { margin:0;}
     .login .submit-btn{margin-top:0;}
     .menu .logo{background-size: 70%;margin-top:10px;}
}