/* CSS Document */
html,body{ margin:0px; padding:0px; width:100%; }



ul,li{ margin:0px; padding:0px; list-style-type:none;}
img{ border:none; margin:0px; padding:0px;}

.clear{ clear:both;}

.top{ height:107px; background-image:url(../img/topbg.png); background-repeat:no-repeat; background-size:cover; position:absolute; width:100%;}
.top div{ float:left;}
.top .logo{ width:30.3%;}
.top .app{ width:23.2%;}
.top .apk{ width:23.2%;}
.top .download{ width:23.3%;}
.top .fb{ width:16.3%; float:right; margin-right:2%;}
.top img{ width:100%;}

.banner{ background-image:url(../img/banner.jpg); background-repeat:no-repeat; height:1250px; background-position:center top; background-size:cover;}
.banner .vd{ width:17%; float:left; left:8%; position:relative;}
.banner .vd div{ height:0px;}
.banner .vd img{ width:100%;}

.banner .main_visual{height:410px;overflow:hidden;position:absolute; width:83%; left:8.5%; top:775px;}
.banner .main_image ul{width:9999px;position:absolute;top:0;left:0;}
.banner .main_image li{float:left;height:410px;}
.banner .main_image li img{width:100%;height:410px; margin:auto;}
.banner div.flicking_con{position:absolute;bottom:10px; z-index:999;height:20px; text-align:center; width:100%; margin:auto; text-align:center;}
.banner div.flicking_con a{width:20px;height:20px;margin:0;padding:0; margin-right:5px; background-image:url('../img/dot.png'); background-repeat:no-repeat; background-position:0px 0px;display:inline-block;text-indent:-1000px}
.banner div.flicking_con a.on{background-position:0px -20px}


.news{height:500px;}
.news .nnav{ width:100%; }
.news .nnav li{ float:left; width:25%;}
.news .nnav li .nsel{ display:none;}
.news .nnav li img{ width:100%;}
.news .nnav li:hover .n{ display:none;}
.news .nnav li:hover .nsel{ display:block;}
.news .nnav li.current .n{ display:none;}
.news .nnav li.current .nsel{ display:block;}

.news .line{ clear:both; background:#2198d2; width:79%; margin:auto; height:7px;}

.news .ncon{ width:80%; margin:auto;}
.news .ncon li{ display:none; line-height:38px;}
.news .ncon li.current{ display:block;}
.news .ncon li div a{font-size:12px; color:#282e30; text-decoration:none; display:block;}
.news .ncon li div:hover a{ color:#2599d6;}
.news .ncon li div{ cursor:pointer;}
.news .ncon li div img{ position:relative; top:3px;}
.news .ncon li div label{ float:right; color:#828282;}
.news .ncon li .pg{ color:#2ba1de; font-size:16px; line-height:33px; margin-top:10px; text-align:center; letter-spacing:10px; width:120%; left:-10%; position:relative;}
.news .ncon li .pg a{color:#2ba1de; text-decoration:none; font-weight:bold;}
.news .ncon li .pg img{ position:relative; margin-right:15px;top:8px; width:7%;}
.news .ncon li .pg a:hover{ color:#6abbe6;}

.feature{ background-image:url(../img/feature.jpg); background-repeat:no-repeat; height:1450px; background-position:center top; background-size:cover; width:100%;}
.feature .main_visual{height:973px;overflow:hidden;position:relative; width:73%; left:13.5%;}
.feature .main_image ul{width:9999px;position:absolute;top:0;left:0;}
.feature .main_image li{float:left;height:973px;}
.feature .main_image li img{width:100%;height:973px; margin:auto;}
.feature #btn_prev,.feature #btn_next{z-index:1111;position:relative;display:block;width:40px!important;height:40px!important; top:-20%;}
.feature #btn_prev{background:url(../img/jtl.png); left:2%; float:left;}
.feature #btn_next{background:url(../img/jtr.png); right:2%; float:right;}
.feature .nexttop{ text-align:center; width:100%;position:relative; top:-70px; z-index:1000; height:0px;}
.feature .nexttop img{width:16%;}
.feature .flicking_con{ display:none;}

.sq{ height:250px;}
.sq .ncon{ width:80%; margin:auto;}
.sq .ncon li{line-height:38px;}
.sq .ncon li div a{font-size:12px; color:#005785; text-decoration:none; display:block;}
.sq .ncon li div:hover a{ color:#2599d6;}
.sq .ncon li div{ cursor:pointer;}
.sq .ncon li div img{ position:relative; top:3px;}
.sq .ncon li div label{ float:right;}
.sq .ncon li .pg{ color:#2ba1de; font-size:16px; line-height:33px; margin-top:10px; text-align:center; letter-spacing:10px; width:120%; left:-10%; position:relative;}
.sq .ncon li .pg a{color:#2ba1de; text-decoration:none; font-weight:bold;}
.sq .ncon li .pg img{ position:relative; margin-right:15px;top:8px; width:7%;}
.sq .ncon li .pg a:hover{ color:#6abbe6;}

.bot{ width:100%;}
.bot img{ width:100%; margin-bottom:30px;}

.bottom{ height:140px; position:fixed; bottom:0px; z-index:10000; width:100%;}
.bottom .bnav{ width:100%;}
.bottom .bnav li{ width:20%; float:left; cursor:pointer;}
.bottom .bnav li img{ width:100%; }
.bottom .jt{ position:relative; top:-120px; width:8%; left:8%;}


.newsdetail .back{ width:100%; text-align:right; padding-top:50px; border-bottom:1px solid #2ca1de;}
.newsdetail .back img{ width:15%; margin-right:3%;}

.newsdetail .newsdtit{ text-align:center; font-size:20px; color:#053f5e; line-height:50px;}
.newsdetail .newsdtime{ text-align:center;line-height:30px; color:#b0b0b0;}
.newsdetail .newsdcon{ font-size:16px; line-height:25px; color:#053f5e; margin-top:20px; padding:3%; padding-bottom:150px;}
.newsdetail .newsdcon p {margin: 0px;}
.newsdetail img{ max-width:100%;}
.newsdetail .bbtn{ text-align:center; width:100%;position:relative; top:-100px; z-index:1000;}
.newsdetail .bbtn img{ width:20%; padding:2%; }