@charset "utf-8";
/* banner */
.indexFocus { min-width:980px; height:998px; background:#fbf9f7; position:relative; margin:0 auto; overflow:hidden;}
.scrollable { width:100%; height:998px; float:left; position:relative; overflow:hidden;}
.scrollable .items { width:20000em; position:absolute; clear:both;}
.fullcon {margin:0 auto;  width:100%; height:998px; overflow:hidden;}
.items .item-li{ float:left; width:1001px\9; position:relative;}
.scrollable img { float:left; margin:0; background:#fff; padding:0; height:998px;}
.scrollable .active { border:0; position:relative; cursor:default;}
.qrcode { width:133px; height:133px; display:block; position:absolute; bottom:48px; right:10%;}
.download_media{position:absolute !important; top:0px; left:9vw; right:9vw; overflow:hidden; width:82vw }
.navi { width:50%; position:absolute;right:9vw;bottom:0; z-index:100;
;}
.mediaPC { background:url(../images/G4.png) 0 0 no-repeat; margin:0 0 0 15px;}

.navi a{ width:24.25%; float:left; margin-right:1%; text-align: center}
.navi a .icon1{ font-size:50px; color:#fff; font-weight:normal}
.navi a .icon2{ font-size:20px; color:#fff}
.navi a p{ font-size:14px; color:#fff; font-weight:lighter}
.navi a b{ display:block; padding:40px 0px;}
.navi a .a1{ background:rgba(60,185,8,0.8)}
.navi a .a2{ background:rgba(197,116,19,0.8)}
.navi a .a3{ background:rgba(133,52,169,0.8)}
.navi a .a4{ background:rgba(41,134,230,0.8)}

.navi a h3{ font-size:18px; color:#fff; font-weight:normal; margin:15px 0px}
.navi a:nth-child(4){ margin-right:0}
.gs_by{ background:url(../images/gs_bg01.jpg) no-repeat center; padding:40px 60px 100px 60px}
.gs01{background:url(../images/gs_bg01.jpg) no-repeat center;}
.gs02{background:url(../images/gs_bg02.jpg) no-repeat center;}
.gs03{background:url(../images/gs_bg03.jpg) no-repeat center;}
.gs04{background:url(../images/gs_bg04.jpg) no-repeat center;}

.gs_by h1{ color:#fff; font-size:36px;}
.gs_by h2{ color:#fff; font-size:30px; padding-top:20px; margin-bottom:20px; font-weight:lighter}
.gs_by p{ color:#fff; font-size:14px; margin-bottom:50px}
.gs_by .more{   width:200px; height:50px; display:block; padding:0px 30px; border-radius:50px; margin-top:40px; -webkit-transition: all 1s;
  transition: all 1s; border:2px solid #fff;}
.gs_by .more:hover{ background:linear-gradient(to right, rgba(216,17,18,1) 0%, rgba(74,185,248,1) 100%); border:2px solid #d82512}
.gs_by .more span{ color:#fff; line-height:50px;; float:left; font-size:18px;-webkit-transition: all 1s;
  transition: all 1s;}
.gs_by .more i{ color:#fff; font-size:30px; line-height:50px;float:right;-webkit-transition: all 1s;
  transition: all 1s;}
.gs_by .more:hover span{ padding-left:20px}
.gs_by .more:hover i{ padding-right:20px}
.gs_text{ width:680px; padding-top:60px}
.gs_text h1{ color:#000; font-size:36px; }
.gs_text p{ color:#000; font-size:18px; line-height:2; margin-top:30px}