@charset "utf-8";
/* CSS Document */
/*CSS通用重置样式*/
html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;

}
input,button,select,textarea,a,img{outline:none; vertical-align:top;}/*去掉超链接或按钮点击时出现的虚线框黄色边框*/
::-moz-focus-inner{border:0px;}/*火狐的私有属性去掉点击时边框*/
*{word-break:break-all;font-family: 'Microsoft Yahei','SimSun',Arial Lucida,Verdana,Helvetica,sans-serif;}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:0;}
:focus {outline:0;}
address, caption, cite, code, dfn,em, strong, th, var, optgroup,i {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
input, button, textarea,select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size:100%;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 3px; 
}
.table-condensed>tbody>tr>th{ color:#12caff;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
sup, sub {font-size:100%;vertical-align:baseline;}
:link, :visited , ins {text-decoration:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a{ cursor:pointer;}
a:link,a:visited,a:active{color:inherit;text-decoration:none;/*width: 100%;height: 100%;*/display: inline-block;}
a:hover{color:inherit;}
img{vertical-align:middle;-ms-interpolation-mode: bicubic;}
.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.wrapper{height:auto;margin:0 auto;width:1250px;}
*html{background-image:url(about:blank);background-attachment:fixed;/*修正IE6振动bug*/}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
.container-fluid{ position:relative; clear:both; margin-top: 10px;}
.panel { background-color: rgba(8, 26, 48, 0); margin-bottom:0px;}
@font-face
{
    font-family: myFirstFont;
    src: url(../word/ShiShangZhongHeiJianTi.ttf);
}

.panel-heading { color: #fff;font-size: 24px;font-family: "微软雅黑"; text-align: center;}
.single-head{font-size:48px;}
.panel-body {padding: 4px 8px;height: 100%;}
.panel-body .cor{ background:url(../images/bianjiao.png) no-repeat; position:absolute; width:30px; height:30px;}
.panel-body .cor-zs{ left:0; top:0; background-position: left top;} 
.panel-body .cor-zx{ left:0; bottom:0; background-position: left bottom ;} 
.panel-body .cor-ys{ right:0; top:0; background-position: right top ;} 
.panel-body .cor-yx{ right:0; bottom:0; background-position: right bottom ;} 
.panel-body >div,.panel-body >div>div,.panel-body >div>div>div{height: 100% !important;}
.panel-body >div>div>div:last-child{height: 0 !important;}

.datashow{}
.datashow ul{ width:100%; padding:0;}
.datashow ul li{ background: #263e60;display: inline-block; width: 30%;margin: 1em 1.5% 0;}
.datashow ul li a{ display:block; width:100%;height:100%; padding:1em 0;}
.datashow ul li h5{ color:#e2df6a; font-size:40px; text-align:center;}
.datashow ul li p{ color:#fff; text-align:center; font-family:"微软雅黑"; font-size:20px;}
 .maintitle h6, .maintitle-line h6, .maintitle-dounut h6{ color:#fff; font-family:"微软雅黑"; font-size:32px; text-align:center; margin-bottom:0.6em;}
.container-fluid{ position:relative; }
.box{ position:absolute; }
.box-position1{ top:0; left:0;}
.box-position2{ top:0; right:0;}
.box-position3{ top:510px; left:0;}
.box-position4{ top:510px; right:0;}
.coor {width: 10px;height: 10px;background: #c00;overflow: hidden;cursor: se-resize;position: absolute;right: 0;bottom: 0;}	
.table-striped>tbody>tr:nth-of-type(odd) {background:#0a243d;color: #fff;background: rgba(26, 87, 146, 0.5);}	
.table-striped>tbody>tr td,.table-striped>tbody>tr th{ border: 0;text-overflow: ellipsis;white-space: nowrap;max-width:300px;overflow: hidden;}	
.table-striped>tbody>tr:nth-of-type(even) {color: #fff}	
.table-head{color: #fff;text-align: center;font-size: 23px;font-family: "微软雅黑"; margin-bottom: 1em; margin-top: 0.5em;} 
.mountertyle{} 
.mountertyle ul{ color:#fff; list-style:none; text-align:center;} 
.mountertyle ul li{background-color: #071F37;padding: 0.5em;width: 12%; border: 1px solid #0857E6;box-shadow: inset 0px 0px 15px #0857E6;font-size: 20px;text-align: center;margin: 0 1%;display: inline-block;} 
.mountertyle ul li p{ font-size:30px; margin-bottom:0;}
.pagination {margin: 10px 0 0px;}
.pagination>li { display: inline;float: left;}
.pagination>li>a { color: #fff;background-color:#042d4f;border: 1px solid #042d4f;padding: 4px 8px;background: rgba(26, 87, 146, 0.5);}
.table { margin-bottom: 0px;}
/**index**/
body{ background:none;}
body.main-bg{ /*background:url(../images/bg3DB.png);*/ background:#02152c; background: -webkit-linear-gradient(left top, #0932a7 ,#0b053e,#0b1035, rgb(0, 30, 115));-webkit-animation:colorChange steps(20,end) 10s infinite ; height:100%; }

.header{ background:url(../images/nav-bg.png) no-repeat center center;height:112px;background-size: 100%;}
.header .header-left{color: #c3d4e2;width: 23%;  margin-top:10px; display:inline-block; margin-left:3%;}
.header .header-left h1{ font-size:22px; margin-bottom: 0.1em; font-family:myFirstFont;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.34);  color: rgb(213, 255, 255);}
.header .header-left p{ font-size: 12px;text-transform: uppercase;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; width:94%; font-family:myFirstFont;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.34);  color: rgb(213, 255, 255);}
.header .header-right{ width:60%; float:right;text-align: right; margin-top: 0; margin-right:1%;}
.header .header-right li{ background:url(../images/btn01.png) no-repeat center center; background-size:contain; display: inline-block; width:15%; color:#d5ffff;font-size: 18px;text-align: center; margin:0 2%;  height: 57px;
    overflow: hidden;}
.header .header-right li:last-child{ /*background:none;*/}
/*.header .header-right li.active,.header .header-right li:hover{ background:url(../images/btn.png) no-repeat center center; background-size:contain; color: #00f6ff; transform: skewX(-4deg); text-shadow: 0px 0px 5px #00f6ff;}*/
.header .header-right li.active,.header .header-right li:hover{     background: url(../images/btn_1.png) no-repeat ; background-size: 100% 500%;  color: #00f6ff; transform: skewX(-4deg); text-shadow: 0px 0px 5px #00f6ff; 

 animation:btnhover 1s steps(4,start) infinite;
  -webkit-animation:btnhover 1s steps(4,start) infinite;
  height: 50px;
    line-height: 12px;
}

@-webkit-keyframes colorChange
{
0%   {background: -webkit-linear-gradient(left top, #0932a7 ,#0b053e,#0b1035, rgb(0, 30, 115));}
50%{background: -webkit-linear-gradient(left top, #0b053e ,#0932a7,#0b1035, rgb(0, 30, 115)); }

100%  {background: -webkit-linear-gradient(left top, #0b053e ,#0932a7,rgb(0, 30, 115), #0b1035); }

}

@keyframes btnhover
{
0%   {background-position: 0px 0;}

100%  {background-position: 0px 100%;}

}
@-moz-keyframes btnhover
{
0%   {background-position: 0px 0}

100%  {background-position: 0px 100%;}

}
@-webkit-keyframes btnhover
{
0%   {background-position: 0px 0;}

100%  {background-position: 0px 100%;}

}
@-o-keyframes btnhover
{
0%   {background-position: 0px 0;}

100%  {background-position: 0px 100%;}

}




.header .header-right li a{display: block;width:auto;height: 100%;  padding:1em;}
.main-iframe{width: 100%;height: 960px;background-size: 108% 114%; background-position: 48% -60px;}
.iframe-content{}
.left-nav{ width: 88%; margin: 0 auto; background:url(../images/spot-ul.png) no-repeat left top; background-size:100% 100%;}
.left-nav li{    text-align: center; color: #fff;background: url(../images/spot-ul-li.png) no-repeat center 5px;background-size: 92% 100%;font-size: 16px;padding: 0.5em 0; z-index: 0;position: relative;}
.left-nav li.on{ color: #00f6ff;}
.right-content{width: 99%; float: left;margin-top: 1em;}
.left-nav li h6{ display: block;width: 100%;height: 100%; padding: 11px 0; cursor:pointer;}
 .spot{width: 100%; }
 .salses{float: none;text-align: center;margin: 1em auto 0;width: 98%;}/*营销分析*/
.right-content ol{ width: 99%;margin-bottom: 0.5em; margin-left: 0.5em; text-align:center;}
.right-content ol li{display: inline-block; width: 21%;text-align: center; padding:1em 0; color: #fff;border: 1px solid #0089c9;box-shadow: inset 0px 0px 15px #0089c9;margin-right:4.4%;}
.right-content ol li:last-child{margin-right:0;}
.right-content ol li h6{font-size: 16px;margin: 10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;text-align: center;}
.right-content ol li:nth-of-type(1) span em,.right-content ol li:nth-of-type(1) em{ color: #FE5550;}
.right-content ol li:nth-of-type(2) span em,.right-content ol li:nth-of-type(2)  em{ color: #FFF3A7;}
.right-content ol li:nth-of-type(3) span em,.right-content ol li:nth-of-type(3)  em{ color: #78D0F4;}
.right-content ol li:nth-of-type(4) span em,.right-content ol li:nth-of-type(4)  em{ color: #71D482;}
.right-content ol li:nth-of-type(5) span em,.right-content ol li:nth-of-type(5)  em{ color: #367ADF;}
.right-content ol li p{color: #12caff; font-size: 14px;margin: 2px 0 4px;animation:fadeAdd 1s steps(4,start) 1;
  -webkit-animation:fadeAdd 1s steps(4,start) 1;}
.right-content ol li em{font-size:20px; animation:fadeAdd 1s steps(4,start) 1;
  -webkit-animation:fadeAdd 1s steps(4,start) 1;}
@keyframes fadeAdd
{
0%   { opacity:0}


100%  {opacity:1 }

}
@-webkit-keyframes fadeAdd
{
0%   { opacity:0}


100%  {opacity:1 }

}
ol.travel-data li h6 span{margin: 3px;text-align: center; border-radius: 50%; display: inline-block;background: #ffd24b;color: #010d1d;padding: 2px 6px;}

/**营销分析**/
ol.maxol{}
ol.maxol li{ width: 19%;min-height: 105px; padding-top: 18px;margin-right: 1%; background: url(../images/exdatanew1-bg.png) no-repeat center center;background-size: 100% 100%; border:none; box-shadow:none;}
ol.maxol li h6{}
ol.maxol li h6 span{ position:relative;}
ol.maxol li i{ position: relative;top: -16px;color: #f00;right: -5%;font-size: 16px;font-weight: bold;}
ol.exdata-data{    border: 1px solid #004763; box-shadow: inset 0px 0px 15px #004763;width: 98%; margin: 1em auto;}
ol.exdata-data li{ width: 15%;margin-right: 3.5%; border:none; box-shadow:none;}
ol.exdata-data li p{ color:#fff;}
ol.exdata-data li i{color: #ffcf44;font-weight: bold;animation:fadeAdd 1s steps(4,start) 1;
  -webkit-animation:fadeAdd 1s steps(4,start) 1;}
.alertlayer{position:fixed;top:0;left:0;z-index:100}
.alertlayer .alert-mc{position:fixed;display:block;width:100%;height:100%;background:#000}.alertlayer .layer-input{position:fixed;top:47%;left:44%;padding:3em 4em;border:1px solid #fff;border-radius:5px}.alertlayer .layer-input p{color:#fff}.alertlayer .layer-input p label{margin-right:6px;color:#fff;font-size:15px;line-height:2pc}.alertlayer .layer-input p input[type=password]{padding-left:6px;width:200px;height:2pc;border:1px solid #fff;border-radius:3px;background:none}.alertlayer .layer-input p input[type=button]{float:right;margin-top:1em;width:4pc;height:28px;border:none;border-radius:5px;background:#2196f3;color:#fff}.alertlayer .layer-input p span{float:right;display:none;margin:14px 14px 0;color:#f44336;line-height:2pc}

/**导航页面样式**/
body.nav-bg{ background:url(../images/topbg.jpg) no-repeat; width:100%; height:100%; display:block; animation: scalein infinite linear 20s ; background-size:100%;}
.nav-header{text-align: center;margin-top: 11em;color: #fff; text-shadow: 4.015px 4.459px 13px #689de0;}
.nav-header h1{ font-size: 2em; margin-bottom: 0.1em;}
.nav-header p{ font-size: 0.8em;text-transform: uppercase;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; width:100%;}
.nav-list{color: #fff; position: relative;left: -4%;top: 2em;}
.nav-list li{position: relative;float: left;}
.nav-list li.nav-list-a1{left: 478px;top: 114px;}
.nav-list li.nav-list-a2{top: 203px;}
.nav-list li.nav-list-a3{left: 104px; top: 211px;}
.nav-list li.nav-list-a4{top: 61px; left: -93px;}
.nav-list li img{}
.nav-list li img:hover{}
.nav-list li h6{position: absolute;font-size: 24px;  text-shadow: 4.015px 4.459px 13px #689de0;}
.nav-list li.nav-list-a1 h6{top: -41px;right: -50px;}
.nav-list li.nav-list-a2 h6{bottom: 123px;left: -130px;}
.nav-list li.nav-list-a3 h6{right: -110px; bottom: 125px;}
.nav-list li.nav-list-a4 h6{left:-40px;}
.title-top{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.title-top img{ width:100%; position:absolute; top:0; left:0;}
@keyframes scalein {
 0% { background-size:120%;}
 
 100%{  background-size:100%;}
}

/**大数据采集**/
body.collect-bg{ background:url(../images/collectbg.jpg) no-repeat; width:100%; height:100%; display:block; animation: scalein infinite linear 20s ; background-size:100%;}
.collecttotal{}
.collecttotal .panel-title{color: #fff; text-align: center;font-size: 24px; margin: 1em 0em;}
.collecttotal ul{ color:#fff; text-align:center; min-height:120px;}
.collecttotal ul li{    background-color: #0a243d;padding: 1em 0.5em; border: 1px solid #004764;font-size: 16px; text-align: center; margin: 0 1%; display: inline-block; border-radius: 3px;    border: 1px solid #0a6990;
    background: rgba(26, 87, 146, 0.5);}
.collecttotal ul li p{font-size: 28px;}
.collecttotal ul li em{color: #ffd24b;font-size: 14px;font-weight: bold;}

/**大数据采集腾讯大数据**/
.right-content ol.exdata-qq li { display: inline-block; width: 100%; text-align: center; padding:0;color: #fff; border:none; box-shadow:none; margin-right: 2.4%;}
.right-content ol.exdata-qq li p {width: 30%;float: left;margin: 1%;text-align: center;border: 1px solid #004763;padding: 1em;font-size:14px;}
.right-content ol.exdata-qq li p em{}
.right-content ol.exdata-qq li p i{ color:#fff;}
/*腾讯大数据地区*/
   .right-content ol.exdata-qq li.staynewcss {height: 172px;overflow: hidden;}
   .right-content ol.exdata-qq li.arriveway p{background-size: 12%;}
   .arriveway p:nth-of-type(3){ background:url(../images/exicon1.png) no-repeat 14% center;}
   .arriveway p:nth-of-type(2){background:url(../images/exicon2.png) no-repeat 14% center;}
   .arriveway p:nth-of-type(1){background:url(../images/exicon3.png) no-repeat 14% center;}
   .right-content ol.exdata-qq li.maleproportion p{width: 47%; margin: 1% 0;position: relative;left: 1%;}
   .maleproportion p:nth-of-type(1){background:url(../images/exicon5.png) no-repeat 30% center;}
   .maleproportion p:nth-of-type(2){background:url(../images/exicon4.png) no-repeat 30% center;}
   .right-content ol.exdata-qq li.staynewcss p{ background:#0a243d;background: rgba(26, 87, 146, 0.5);}
   .right-content ol.exdata-qq li.staytimecss p{ width: 24%; margin: 1% 0;}
   .right-content ol.exdata-qq .degreenewcss{width: 98%; float: left;height: 110px;overflow: hidden;}
   .right-content ol.exdata-qq .degreenewcss p{ margin:1% 0; padding:0; border-left:0; border-right:0;width:16%; /* width:10.8%; */}
     .right-content ol.exdata-qq .degreenewcss  p:first-child{ border-left:1px solid #004763;}
   .right-content ol.exdata-qq .degreenewcss  p:last-child{ border-right:1px solid #004763;}
   .right-content ol.exdata-qq .degreenewcss p span{display:block; padding:15px 0; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
   .right-content ol.exdata-qq .degreenewcss p i{ display:block;background: #0a243d;padding: 15px 0; border-top: 1px solid #004763;background: rgba(26, 87, 146, 0.5);}
   .right-content ol.exdata-qq .yearnewcss{margin-bottom: 40px;}
   .right-content ol.exdata-qq .yearnewcss p{margin:1% 0; padding:0; border-left:0; border-right:0; width:13.5%;}
   .right-content ol.exdata-qq .yearnewcss p:first-child{ border-left:1px solid #004763;}
   .right-content ol.exdata-qq .yearnewcss p:last-child{ border-right:1px solid #004763;}
   .right-content ol.exdata-qq .yearnewcss p span{ display:block; padding:15px 0; }
   .right-content ol.exdata-qq .yearnewcss p i{ display:block;background: #0a243d;padding: 10px 0; border-top: 1px solid #004763;background: rgba(26, 87, 146, 0.5);}
/**大数据分析搜索指数**/
.marketsearch{ float:left; width:100%;}
.marketsearch h6{    color: #fff;font-size: 18px; margin-left: 2%; margin-bottom: 10px;}
.marketsearch ol.travel-data{margin: 0; width: 98%;}
.marketsearch ol.travel-data li { border: none;box-shadow: none;width: 31%;margin: 0 1%; padding: 0; }
.marketsearch ol.travel-data li h6 {    width: 50%;display: inline-block;margin-left: 0em;font-size: 14px;}
.marketsearch ol.travel-data li h6 span{ display: block;background: none;color: #fff;}

/**天气弹框**/
.airalerm{position: fixed;top: 0;left: 0; display:none;}
.airalerm-mc{position: fixed;top: 0;left: 0; bottom: 0;background: rgba(0, 0, 0, 0.54); width: 100%;z-index: 1;}
.aircontent{position: fixed;z-index: 2;top: 30%;left: 36%; background: rgba(255, 255, 255, 0.8);width: 39%;padding: 1em;}
.colseicon {position: absolute; top: -30px; right: -30px;cursor:pointer;}
/**大数据应用**/
ol.applidata{}
ol.applidata li.red{border: 1px solid #E91E63;box-shadow: inset 0px 0px 30px #E91E63;}
ol.applidata li h5{font-size: 22px;margin-bottom: 10px;}
ol.applidata li h6{width: 50%; float: left;text-align: center;font-size: 16px;animation:fadeAdd 1s steps(4,start) 1;
  -webkit-animation:fadeAdd 1s steps(4,start) 1;}
ol.applidata li h6.nowair{width: 100%;font-size: 16px;line-height: 18px;color: #0f0;}
ol.applidata li h6.nowair p{font-size: 18px;margin-top: 6px;}
ol.applidata li h6 p{font-size: 28px;margin: 11px 0 0;}
ol.applidata li .weater img{width: 58px;max-height: 58px;}

ol.applidata li h6 p i{font-size: 12px; position: relative;top: -20px;}
ol.applidata li.red h6 p i{ color:#f00;}
ol.applidata li.yellow h6 p i{ color:#FF0;}
ol.applidata li.green h6 p i{ color:#0F0;}
ol.applidata li.red h6:nth-of-type(2) p{ color:#F00;}
ol.applidata li.yellow h6:nth-of-type(2) p{ color:#FF0;}	
ol.applidata li.green h6:nth-of-type(2) p{ color:#12caff;}	

/**大数据新样式**/
.head-bottom{margin: 24px 0em 0em 16em;}
.head-bottom .head-bottom-date{float: left; width: 34%;color: #fff;margin-left: 2%;/*opacity: 0;filter:Alpha(opacity=0);*/}
.head-bottom .head-bottom-date .head-bottom-iterm{float: left;width: 12%;text-align: center; font-size: 16px; cursor:pointer;}
.head-bottom .head-bottom-date .head-bottom-iterm:last-child{background:none;}
.head-bottom .head-bottom-date .head-bottom-iterm.active{color: #fff;background: #08c9fa; border-radius: 5px;}
.head-bottom .head-bottom-nav{float: left;color: #fff;width: 60%;}
.head-bottom .head-bottom-nav li{ float: left;padding: 0 2%;font-size: 16px; background:url(../images/secend-li-bg.png) no-repeat center left;}
.head-bottom .head-bottom-nav li.active{color: #00f6ff;}
.head-bottom .head-bottom-nav li a{}
/**大数据预测**/
 .head-bottom p.predict-title{ float: left;width: 38%;color: #ffffff; font-size: 15px;text-align: left;margin-left:3%; font-weight: bold;}
 /*.head-bottom p.predict-title:first-child{display: block;}*/
 .head-bottom p.predict-title span{color: #00BCD4; border: 1px solid #00BCD4; padding: 0px 5px; margin-left: 10px;border-radius: 3px; cursor:pointer;}
 .head-bottom p.predict-title .wk{display: block;width: 32px;height: 32px;position: relative;top: -5px;overflow: hidden;line-height: 32px;text-align: center;margin-right: 15px;float: left;}
 .head-bottom p.predict-title .wk img{width: 80%;}
.head-bottom p.predict-title .wk.lanse{background:#0e60ff }
.head-bottom p.predict-title .wk.huangse{background:#f2eb22 }
.head-bottom p.predict-title .wk.chengse{background:#fd8b04 }
.head-bottom p.predict-title .wk.red{background:#fc0008 }

 .head-bottom p.predict-title.lanse{color:#0e60ff }
 .head-bottom p.predict-title.huangse{color:#f2eb22}
  .head-bottom p.predict-title.chengse{color:#fd8b04 }
  .head-bottom p.predict-title.red{color:#fc0008 }

 .indextable{background: url(../images/indextable-bg.png) no-repeat center center;background-size: 100% 100%;padding: 20px 24px;height: 735px; margin: 0 auto;}
 .tableheadtitle {text-align: center;color:#05eaff !important;font-size: 18px !important; margin-bottom: 17px;}

/*20180706大数据预测*/
.borderclass0706{background: url(../images/bgyctop1.png) no-repeat center center;background-size: 99.2% 96%;padding: 12px 26px;}
#weark{height: 209px;}
.right-content-wk{width: 100%;}
.right-content-wk li{float:left;width: 25%;height: 100%;background: url(../images/line0706.png) no-repeat center left;padding: 16px 0;}
.right-content-wk li p,.dateinfo .mm{font-size: 16px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.right-content-wk li .mm{color: #00f6ff}
.right-content-wk li .imgs{height: 70px;width: 70px;margin: 5px 0;}
.right-content-wk li .tq{color: #b8babe;}
.right-content-wk li .wd{font-size: 20px;color: #fff;line-height: 40px;}

.dateinfo{padding: 13px 0;color: #00f6ff}
.dateinfo ul{height: 122px;width: 88%;margin: 10px auto;background:url(../images/line07061.png) no-repeat center bottom;}
.dateinfo ul li{float: left;width: 50%;height: 100%;}
.dateinfo ul li h5{width: 40%;float: left;display: block;text-align: center;height: 100%;line-height:120px;}
.dateinfo ul li h5 img{width: 70px;height: 70px;}
.dateinfo ul li h6{float: left;width: 50%;display: block;height: 100%;}
.dateinfo ul li h6 .tq{font-size: 18px;color: #fff;margin-top: 26px;margin-bottom: 18px;}
.dateinfo ul li h6 .wd{font-size: 30px;color: #fecc4f}
.dateinfo ul li h6 .ss{font-size: 14px;text-align: left;color:#00f6ff;line-height: 30px; }
.dateinfo ul .info h6{padding-left: 23px;padding-top: 15px;}

 /*首页营销marketnewcss*/
}
}
}
}
}
}
ul.marketnewcss{background-color: #0a243d; border: 1px solid #004764; background: rgba(26, 87, 146, 0.5);}
ul.marketnewcss li{ border:0; background:none; padding:0; margin:0; width:20%;}
ul.marketnewcss li h6{font-size: 15px;white-space: nowrap; overflow: hidden;padding: 12px 0px;border-bottom: 1px solid #004764;text-align: center;text-overflow: ellipsis;color: #12caff;font-size: 12px;}
ul.marketnewcss li h6 i{ background:url(../images/index-icon1.png) no-repeat center center;     display: block; height: 22px;margin-bottom: 5px;}
ul.marketnewcss li:nth-of-type(2) h6 i{background:url(../images/index-icon2.png) no-repeat center center;}
ul.marketnewcss li:nth-of-type(3) h6 i{background:url(../images/index-icon3.png) no-repeat center center;}
ul.marketnewcss li:nth-of-type(4) h6 i{background:url(../images/index-icon4.png) no-repeat center center;}
ul.marketnewcss li:nth-of-type(5) h6 i{background:url(../images/index-icon5.png) no-repeat center center;}
ul.marketnewcss li p{background: #02152c;font-size: 18px;padding: 12px 0;border-bottom: 1px solid #004764;background: rgba(10, 16, 60, 0.52);animation:fadeAdd 1s steps(4,start) 1;
  -webkit-animation:fadeAdd 1s steps(4,start) 1;}
ul.marketnewcss li em{line-height: 50px;animation:fadeAdd 1s steps(4,start) 1;
  -webkit-animation:fadeAdd 1s steps(4,start) 1;}
/*旅业数据总汇*/
ul.tourismnewcss{}
ul.tourismnewcss li{width: 23%; margin-bottom: 25px;}
ul.tourismnewcss li h6{font-size: 14px; border-bottom: 1px solid #004764;line-height: 8px;height: 24px;}
ul.tourismnewcss li p{background: url(../images/turismli-bg.png) no-repeat center center;width: 91px;height: 160px;text-align: center;line-height: 160px;background-size: 90%;color: #ffd24b;animation:fadeAdd 1s steps(4,start) 1;
  -webkit-animation:fadeAdd 1s steps(4,start) 1;}
ul.tourismnewcss li p.tourpcss{background: none;font-size: 14px;color: #0ba0f9;height: 48px;line-height: 2;border-bottom: 1px solid #004764;}
ul.tourismnewcss li em{ position: relative;top: 10px;animation:fadeAdd 1s steps(4,start) 1;
  -webkit-animation:fadeAdd 1s steps(4,start) 1;}
/*舆情数据总汇*/
ul.publicnewcss{}
ul.publicnewcss li{width: 31%; margin-bottom: 30px;}
ul.publicnewcss li h6{font-size: 14px; border-bottom: 1px solid #466786;line-height: 10px; height: 30px;}
ul.publicnewcss li p{border-bottom: 1px solid #3f5a75; line-height: 50px;}
ul.publicnewcss li em{position: relative;top: 10px;}
/*舆情数据来源*/
ul.publicfromcss{}
ul.publicfromcss li{    width: 142px; margin: 0 20px 25px; border: 6px solid #004764;border-radius: 50%; height: 142px;}
ul.publicfromcss li h6{font-size: 12px; line-height: 10px;height: 60px; border-bottom: 1px solid #3f5a75; width: 60%;margin: 0 auto;}
ul.publicfromcss  li h6 i{    display: block; height: 36px;margin-bottom: 5px;}
ul.publicfromcss  li:nth-of-type(1) h6 i, i.luntan{background:url(../images/tourpublic-1.png) no-repeat center center;}
ul.publicfromcss  li:nth-of-type(3) h6 i, i.weibo{background:url(../images/tourpublic-2.png) no-repeat center center;}
ul.publicfromcss  li:nth-of-type(2) h6 i, i.weixin{background:url(../images/tourpublic-3.png) no-repeat center center;}
ul.publicfromcss  li:nth-of-type(4) h6 i, i.zixun{background:url(../images/tourpublic-4.png) no-repeat center center;}
ul.publicfromcss li p{line-height: 50px;animation:fadeAdd 1s steps(4,start) 1;
  -webkit-animation:fadeAdd 1s steps(4,start) 1;}
/**应用数据nav**/
ul.spots-nav{width: 100%; overflow: hidden; position: relative; top: -10px;left: 18px;cursor:pointer; height:20px;}
ul.spots-nav li{display: inline-block; color: #fff;line-height: 24px;margin: 0 5px; }
ul.spots-nav li.on{color: #05eaff;}
/*上报数据nav*/
ul.repotnewcss-nav{width: 100%; overflow: hidden; position: relative; top: -10px;left: 18px;cursor:pointer; text-align:center;}
ul.repotnewcss-nav li{display: inline-block; color: #fff;line-height: 24px;margin: 0 5px; }
ul.repotnewcss-nav li.on{color: #05eaff; border-bottom: 1px solid #05eaff;}
/*外部数据*/
.exhead{width: 290px;margin: 0 auto;color: #00f6ff; position: relative; font-size: 18px; top:-10px; clear:both;}
.exhead hr{border-color: #00f6ff;}
.exhead span{position: absolute;top: -10px; background: #02152c;left: 33%;text-align: center;padding: 0 10px;background:rgb(9, 37, 107);}
.exdata-right-content{ margin-top:1em; }
.otherhead{top:20px;}
ol.exdtanewli{}
ol.exdtanewli li{ width:30%;margin-right: 3.5%; background:url(../images/exdatanew-bg.png) no-repeat center center; background-size:100% 100%; border:none; box-shadow:none;}
ol.exdtanewli li h6{}
ol.exdtanewlili h6 span{ position:relative;}
ol.exdtanewli li i{ position: relative;top: 0px;color: #ffd24b;right: 0%;font-size: 16px;font-weight: bold;display: block;animation:fadeAdd 1s steps(4,start) 1;
  -webkit-animation:fadeAdd 1s steps(4,start) 1;}
.extablechange{}
.extablechange .extablechange-nav{width: 100%; overflow: hidden; position: relative;left: 18px;cursor:pointer; text-align:center; margin:10px 0;}
.extablechange .extablechange-nav span{display: inline-block; color: #fff;line-height: 24px;margin: 0 5px; }
.extablechange .extablechange-nav span.on{color: #05eaff; border-bottom: 1px solid #05eaff;}
.extablechange .panel{ display:none;}
.extablechange .active{ display:block}
ol.otherli{}
ol.otherli li{ border: none;box-shadow: none;background: url(../images/exdatanew2-bg.png) no-repeat center center;background-size: 100% 100%;width: 98%;margin-top: 20px;}
ol.otherli li h6{ font-size:20px;}
ol.otherli li em{font-size:28px;}
ol.otherli li i{ color:#12caff; font-weight:bold; font-size:16px; position:relative;left:5px; top:-5px;animation:fadeAdd 1s steps(4,start) 1;
  -webkit-animation:fadeAdd 1s steps(4,start) 1;}
ol.otherli li p{ color:#fff;font-size: 20px;}
ol.otherli li p span{ color: #ff4f4d;font-weight: bold; margin-right: 1em;}
.anlayecss-nav,.anlayecss2-nav{ text-align:center; cursor:pointer;  position: relative; top: 0px;z-index:2; clear: both;}
.anlayecss-nav span,.anlayecss2-nav span{display: inline-block; color: #fff;line-height: 24px;margin: 0 5px;}
.anlayecss-nav span.on,.anlayecss2-nav span.on{color: #05eaff; border-bottom: 1px solid #05eaff;}
.anlayecss{ position:relative;height:400px}
.anlayecss .nanalynew,.anlayecss .nanalynew2 { position:absolute; top:-22px; left:0;opacity:0;filter:Alpha(opacity=0);z-index:-1;}
.anlayecss .nanalynew.active,.anlayecss .nanalynew2.active{ opacity:1;filter:Alpha(opacity=100);z-index:0;}
.spotitle{ margin-bottom:0; position:relative; top:10px;}
.red{ color:#f00;}
.yellow{color:#FF0}
.green{color:#0f0}
/**大数据应用-旅游环境**/
.applistyle{}
.applistyle .applibg:nth-of-type(1) {background: url(../images/apllay-bg1.png) no-repeat center center;background-size: 97% 98%; padding: 1% 4% 2% 1%;}
.applistyle .applibg:nth-of-type(2) {background: url(../images/apllay-bg2.png) no-repeat center center;background-size: 97% 98%; padding:1%  1% 2% 4%;}
.applistyle .applibg:nth-of-type(4) {background: url(../images/apllay-bg3.png) no-repeat center center;background-size: 97% 98%; padding: 1% 4% 2% 1%;}
.applistyle .applibg:nth-of-type(5) {background: url(../images/apllay-bg4.png) no-repeat center center;background-size: 97% 98%; padding:1%  1% 2% 4%;}
.applistyle .apliborder:nth-of-type(1){ border:1px solid #004869;padding: 1% 0; position:relative;top:15px; left:12px; width:37%; }
.applistyle .apliborder:nth-of-type(3){ border:1px solid #004869;padding: 1% 0; position:relative;top:15px;  right:12px; width:37%;  }
.applistyle .aplititle {
    width: 418px;
    background: url(../images/apllaycenternew.png)no-repeat;
    animation:  envihover 1s steps(4,end) infinite;
    -webkit-animation:  envihover 1s steps(4,end) infinite;
    animation-fill-mode: forwards;
    height: 362px;
    margin: 1%;
    position: relative;
    z-index: 10;
    margin-top: -60px;
	top:40px
}
@keyframes envihover
{
0%   {background-position:  0 0px;}

100%  {background-position: 100% 0px ;}

}

@-webkit-keyframes  envihover
{
0%   {background-position: 0 0px ;}

100%  {background-position:  100% 0px;}

}
.applistyle .aplititle img{ height:315px; width:auto;}
/*动态table*/
#test,.testmy,.testmy1{ animation:fadeAdd 1s steps(4,start) 1 ;
  -webkit-animation:fadeAdd 1s steps(4,start) 1 ;animation-fill-mode :forwards; }
/**大数据应用-预期关注**/
.aplipublic{ color:#00faff; font-size:18px; margin-top:80px;position: absolute;}
.aplipublic .col-lg-3{ width:29%;}
.aplipublic .col-lg-6{ width:42%;}
.aplipublic .aplipub{ height:300px; padding:5% 0%; width:90%; position:relative; opacity:0;}
.aplipublic .aplipub1{background:url(../images/aplipubbox1.png) no-repeat top  right; left:56px; animation:fadeAdd 1s steps(4,start) 1 1s;
  -webkit-animation:fadeAdd 1s steps(4,start) 1 1s;animation-fill-mode :forwards; }
.aplipublic .aplipub2{background:url(../images/aplipubbox3.png) no-repeat top  right; top:200px;left:56px;animation:fadeAdd 1s steps(4,start) 1 3s;
  -webkit-animation:fadeAdd 1s steps(4,start) 1 3s;animation-fill-mode :forwards;}
.aplipublic .aplipub3{background:url(../images/aplipubbox2.png) no-repeat top  left;animation:fadeAdd 1s steps(4,start) 1 2s;
  -webkit-animation:fadeAdd 1s steps(4,start) 1 2s;animation-fill-mode :forwards;}
.aplipublic .aplipub4{background:url(../images/aplipubbox4.png) no-repeat top left;top:200px;animation:fadeAdd 1s steps(4,start) 1 4s;
  -webkit-animation:fadeAdd 1s steps(4,start) 1 4s;animation-fill-mode :forwards;}
.aplipublic .aplipub h5{ background:url(../images/aplipubBorder.png) no-repeat bottom center; text-align:center; padding:1em 0;}
.aplipublic .aplipub h5 p{ color:#ffd24b; font-size:24px; line-height:40px; margin-top:10px;}
.aplipublic .aplipub h6 { text-align:center; margin-top:20px;}
.aplipublic .aplipub h6 p{color:#ffd24b; font-size:20px; line-height:40px; margin-top:5px;}
.aplipublic .aplipub3 h5,.aplipublic .aplipub4 h5{ line-height:30px; font-size:18px;}
.aplipublic .aplipub3 p,.aplipublic .aplipub4 p{ text-align:center; margin-top:20px;}
.aplipublic .aplipub3 p span,.aplipublic .aplipub4 p span{    color: #ffd24b; margin: 5px;padding: 5px;}
.aplipublic .linesBg{margin-top:80px; text-align:center;background:url(../images/lines.png) no-repeat; animation:lineshover 5s steps(5,end) 1 ;
  -webkit-animation:lineshover 5s steps(5,end) 1 ;animation-fill-mode :forwards;
  
  width:95%;
  height: 600px;position: relative;
    left: 2%;}
.aplipublic .aplipubimg{ margin-top:80px; text-align:center;background:url(../images/aplipubmiddlenew.png) no-repeat; animation:bghover 1s steps(5,end) infinite;
  -webkit-animation:bghover 1s steps(5,end) infinite;animation-fill-mode :forwards;
  
  width:101%;
  height: 600px;
   
}
@keyframes lineshover
{
0%   {background-position:  0 0px;}

100%  {background-position: 100% 0px ;}

}

@-webkit-keyframes lineshover
{
0%   {background-position: 0 0px ;}

100%  {background-position:  100% 0px;}

}
@keyframes bghover
{
0%   {background-position:  0 0px;}

100%  {background-position: 100% 0px ;}

}

@-webkit-keyframes bghover
{
0%   {background-position: 0 0px ;}

100%  {background-position:  100% 0px;}

}
.aplipublic .aplipubimg img{ }

/**************精准营销 aplisell*************/
.aplisell{}
.aplisell .col-lg-3{ width:28%}
.aplisell .col-lg-6{ width:44%;}
.aplisell .apliselldata1,.aplisell .apliselldata2{ background:url(../images/aplisell-03.png) no-repeat top center; background-size:100% 100%; color:#fff; height:450px; width:100%; margin:0 8px 20px; overflow:hidden; position:relative;}
.aplisell .apliselldata1 h6,.aplisell .apliselldata2 h6,.aplisell .aplimiditem1 h6,.aplisell .aplimiditem2 h6,.aplisell .apliright1 h6,.aplisell .apliright2 h6{ color:#00d6e0;font-size:22px; text-align:center;border-bottom: 1px solid #003755;height: 56px;line-height: 56px;width: 99%;margin: 0 auto;}
.aplisell .apliselldata1 .sell-dagram{}
.aplisell .apliselldata1 .sell-dagram ul{ margin-top:20px;}
.aplisell .apliselldata1 .sell-dagram ul li{width: 48%; float: left; text-align: center;margin-bottom:10px; position:relative}
.aplisell .apliselldata1 .sell-dagram ul li:nth-of-type(1){left: 40px;}
.aplisell .apliselldata1 .sell-dagram ul li:nth-of-type(2){right: 52px; top: 20px;}
.aplisell .apliselldata1 .sell-dagram ul li:nth-of-type(3){right: 0px;}
.aplisell .apliselldata1 .sell-dagram ul li:nth-of-type(4){top: 20px;right: 10px;}
.aplisell .apliselldata1 .sell-dagram ul li:nth-of-type(5){right: 30px;}
.aplisell .apliselldata1 .sell-dagram ul li:nth-of-type(6){left: 30px;top: 20px;}
.aplisell .apliselldata1 .sell-dagram ul li i{border-radius:50%; background:#00477a; display:block; text-align:center; margin: 0 auto 5px;width: 24px;height: 24px;line-height: 24px;}
.aplisell .apliselldata1 .sell-dagram ul li p{ line-height: 20px;width: 48%; margin: 0 auto;}
.aplisell .apliselldata1 .sell-dagram ul li p span{color: #00beda; margin-left: 5px;}
.aplisell .apliselldata1 .sell-dagram .sell-dagram-img{ position: absolute;bottom: 10%;left: 23%;}

.aplisell .apliselldata2 .sell-dagram{}
.aplisell .apliselldata2 .sell-dagram .sell-dagram-title{width: 86%; margin: 15px auto;font-size: 16px;}
.aplisell .apliselldata2 .sell-dagram .selldagramtitle{width: 90%;height: 48px; margin: 16px auto; text-align: center;border-radius: 24px 24px 24px 24px;border: 1px solid #016a83; background: #071f3b;font-size: 16px;background: rgba(7, 31, 59, 0.5);}
.aplisell .apliselldata2 .sell-dagram .selldagramtitle span{border-right: 1px solid #01667f; height: 48px;display: inline-block;width: 50%;line-height: 48px;}
.aplisell .apliselldata2 .sell-dagram .selldagramtitle span:last-child{border-right:none;}
.aplisell .apliselldata2 .sell-dagram .selldagramtitle span i{color: #ffd24b; font-weight: bold; padding: 0 5px; text-decoration:underline;}
.aplisell .apliselldata2 .sell-dagram ul {}
.aplisell .apliselldata2 .sell-dagram ul li{ margin:1em 0;}
.aplisell .apliselldata2 .sell-dagram ul li em{color: #f35204;font-weight: bold;text-align: center; display: block; margin: 5px 0;}
.aplisell .apliselldata2 .sell-dagram ul li em img{height: 24px;margin: 5px;}
.aplisell .apliselldata2 .sell-dagram ul li p{ text-align:center; color:#016a83;font-size:16px;}
.aplisell .apliselldata2 .sell-dagram ul li p span{ margin:5px; padding:5px; color:#fff;}
.aplisell .apliselldata2 .sell-dagram ul li p span i{ color:#ffd24b;font-size:18px; padding: 0 5px; }
.aplisell .aplimidtitle{ text-align:center; display:block;background: url(../images/aplisellnew-07.png) no-repeat;
    background-size: 95% 500%;
   animation: btnhover 1s steps(4,start) infinite 1s;
    -webkit-animation: btnhover 1s steps(4,start) infinite 1s;
	height: 60px;
    position: relative;
    left: 2.5%;
	}
	@keyframes titleGif
{
0%   {background-position: 0px 0;}

100%  {background-position: 0px 100%;}

}
@-moz-keyframes titleGif
{
0%   {background-position: 0px 0}

100%  {background-position: 0px 100%;}

}
@-webkit-keyframes titleGif
{
0%   {background-position: 0px 0;}

100%  {background-position: 0px 100%;}

}
@-o-keyframes titleGif
{
0%   {background-position: 0px 0;}

100%  {background-position: 0px 100%;}

}
	
.aplisell .aplimidtitle img{}
.aplisell .aplimiditem1 {margin: 20px auto;border: 1px solid #004464;min-height: 522px;width: 94%;}
.aplisell .aplimiditem2{ margin:0 auto;border: 1px solid #004464;min-height: 302px;width: 94%;}

.aplisell .apliright1,.aplisell .apliright2{ background:url(../images/aplisell-04.png) no-repeat top center; background-size:100% 100%; color:#fff; height:450px; width:100%; margin:0 -8px 20px; overflow:hidden; position:relative;}
.apliright1 .apliright1-road{padding-top:40px;}
.apliright1 .apliright1-road p{text-align: right;width: 50.5%;position: relative;font-size: 18px; float: right; margin: 15px 0;}
.apliright1 .apliright1-road p:nth-of-type(1){right: 80px;}
.apliright1 .apliright1-road p:nth-of-type(2){right: 146px;}
.apliright1 .apliright1-road p:nth-of-type(3){right: 210px;}
.apliright1 .apliright1-road p:nth-of-type(4){right: 278px;}
.apliright1 .apliright1-road p:nth-of-type(5){right: 342px;}
.apliright1 .apliright1-road img{position: absolute;bottom: 0px;right: 0px;}
.apliright1-conclusion{float: left;position: absolute;top: 127px;left: 44px;color: #2e95a3;width: 22%; text-align: center; background:url(../images/aplisell-05.png) no-repeat top center; background-size: 100% 90%; padding: 10px 10px 60px;
    width: 30%;}
.apliright1-conclusion h6{ font-size:20px; font-weight:600;}
.apliright2{ color:#fff; padding:10px;}
.apliright2 .apliright2-title{font-size: 16px; padding: 16px;width: 92%; margin: 0 auto; position:relative; top:1rem;}
.aplimiditem2 .aplitimestyle{ color:#fff; margin-top:20px; font-size:16px;}
.aplimiditem2 .aplitimestyle p{ margin:15px 0;}
/**视频监控**/
.veidobg{padding:10px;position: relative;height: 980px;overflow: hidden;color: #fff;}
.vediomenu{position: absolute; top: 10px;right: 10px; bottom: 0px; background:rgba(9, 31, 59, 0.86);}
.vediobutton{width:26px; height: 100%; float: left;text-align: center;position: relative;z-index: 100;}
.vediobutton a{display: inline-block;width: 26px;z-index: 100; height: 72px;background: url(../images/left-jiantou.png) no-repeat center center;position: absolute;top: 50%;margin-top: -36px;left: 0px;}
.con-left{width: 260px; height: 100%;overflow: auto; float: right;display: none;z-index: 100;}
.yixiang{height: 280px; padding:5px;position: relative;margin:5px 0px;}
.medium{height: 440px; padding:5px;position: relative;margin:5px 0px;}
.rowspan{position: absolute;top: 0px;left: 0px; width: auto;padding: 0 5px;height: 50px; line-height: 50px;background: rgba(0, 0, 0, 0.31);z-index: 100;}
.rowspan i{display: block; width: 25px; height: 25px;line-height: 25px;background: #10c8fa;text-align: center; border-radius: 50%;font-size: 16px; color: #333; float: left; margin:13px;}
.rowspan em{width: auto;height: 50px; line-height: 50px; float: left;color: #13c9fd;}
.veidoconter{padding:10px;}
.plays{height: 280px;}
.pages{width: 100%;height: auto;overflow: hidden; text-align: center;margin-top: 5px;}
.pages a{display: inline-block;padding: 7px 13px; margin:5px; font-size: 12px;color: #fff;background: #042d4f; border-radius: 3px;text-decoration: none;}
.pages a.active{background:#1583de;}
.treebox{ width: 100%; margin: 0 auto; }
.menu{ overflow: hidden;}
/*第一层*/
.menu li.level1>a{ display:block;height: 45px;line-height: 45px; color: #fff;padding-left:20px;font-size: 16px;position: relative; transition:all .5s ease 0s;}
/*============小箭头*/
.level1 i{ width: 25px; height: 25px; background-image:url(../images/arrow.png); background-repeat: no-repeat; display: block; position: absolute; right: 20px; top: 10px; }
.level1 i.down{ background-position: 0 -74px; }

/*第二层*/
.menu li ul{ overflow: hidden; }
.menu li ul.level2{ display: none; }
.menu li ul.level2 li{background: url(../images/eye.png)no-repeat 90% center;width: 100%;float: left;}
.menu li ul.level2 li a{ display: block;height: 45px;line-height: 45px;color: #fff; font-size: 14px;transition:all 1s ease 0s;padding-left: 30px;}
.menu li ul.level2 li.active{background: url(../images/eye1.png)no-repeat 90% center;color: #12caff}
.menu li ul.level2 li a t{display: block;width: 22px; height: 22px;line-height: 22px; border:1px solid #ddd;margin:13px;color: #ddd;float: left;text-align: center;border-radius: 50%;}
.menu li ul.level2 li a span{display: block; width: auto;height: 45px; line-height: 45px; float: left;}
.menu li ul.level2 li.active a span{color: #12caff;}
.menu li ul.level2 li.active a t{border:1px solid #12caff;color: #12caff;}
/****竖向左侧导航*****/
.leftNavOut{position: relative;overflow: hidden;height: 496px;z-index: 2; padding: 0px;background: url(../images/spot-ul.png) no-repeat left top; background-size: 98% 100%;left:10px;}
.leftNavOut .left-nav{ margin: 0 auto;  height: 493px; overflow-y: scroll; width: 178px; background:none;}
.spotsLayNavOut{height: 38px;overflow: hidden;margin-bottom: 10px; z-index: 2;}
.spotsLayNavOut ul.spots-nav{ height: 30px;top: 0; white-space: nowrap;  overflow-x: scroll;padding-right: 20px;}

.spotsLayNavOut ul.spots-nav::-webkit-scrollbar{
    width:2px;
    height:4px;
    background-color: #000;
}
.spotsLayNavOut ul.spots-nav::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
	background-color: rgb(2, 21, 44);
	background-color: rgb(0, 137, 201);
    
}
.spotsLayNavOut ul.spots-nav::-webkit-scrollbar-thumb{
    /*width: 10px;*/
    height: 20px;
	width:10px;
    border-radius: 10px;
	background-color: #12caff;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
   
}
/**舆情预警 下拉框***/
.divSelect{float: left;width: 34%; margin-left: 2%;}
.divSelect select{background: rgba(15, 76, 208, 0); color: #fff; border: 1px solid #0baaff; padding: 1px 0px; margin: 0 5px; position: relative;top: -2px; border-radius:5px;}
.divSelect select option{ background:#02152c;}
/**景区页面样式**/
.spotstyle .col-lg-1{}
.spotstyle .col-lg-3{ width:30%;position: relative;left: 15px;}
/*边框*/
.borderclass1{ background:url(../images/box1.png) no-repeat center center;  background-size: 98% 96%; padding: 12px;}
.bordermap{float: left; width: 100%; padding-bottom: 46px; padding-right: 56px;}
.borderclass2{ background:url(../images/box2.png) no-repeat center center;  background-size: 98% 100%; padding: 15px;}
.borderclass3_1{ background:url(../images/box3_1.png) no-repeat center center;  background-size: 98% 96%; padding: 15px;}
.borderclass3_2{ background:url(../images/box3_2.png) no-repeat center center;  background-size: 98% 96%; padding: 15px;  position: relative; top: -8px; margin-bottom:-13px;}
.borderclass4{ background:url(../images/box4.png) no-repeat center center;  background-size: 98% 96%; padding: 12px;}
.borderclass5{ background:url(../images/box5.png) no-repeat center center;  background-size: 98% 96%; padding: 15px;}
.borderclass6{ background:url(../images/box6_1.png) no-repeat center center;  background-size: 98% 96%; padding: 15px;}
.borderclass7_1{ background:url(../images/box7_1.png) no-repeat center center;  background-size: 98% 96%; padding: 15px;}
.borderclass7_2{ background:url(../images/box7_2.png) no-repeat center center;  background-size: 98% 96%; padding: 15px;}
.borderclass7_3{ background:url(../images/box7_3.png) no-repeat center center;  background-size: 98% 96%; padding: 15px;}
/**a下划线**/
td a.alink{/* text-decoration: underline; */}
.bordertable{ width:100%; float:left; padding:21px 15px;}
.staynewhow{ cursor:pointer; position:relative;}
.staynewhow.active{position: fixed;background: #02152c; width: 34%;top: 16%; height: 100%; z-index:100;background:#0a2484;}
.staynewmore{     position: absolute;bottom: -134px;right: 24px;z-index: 2;background: #133b7f!important;}
ul.marketnewcss{
    background-color: #0a243d;
    border: 1px solid #004764;
    background: rgba(26, 87, 146, 0.5);
}
.ycbox{
      height: 358px;
    background: url(../images/box1.png) no-repeat center center;
    background-size: 98% 96%;
    padding: 12px;
}
.fxbox{height: 450px;}
/*飞机图*/
.fjmap{height: 920px !important;}
.qs-box6t{height: 555px;}
.qs-box6b{height: 345px;}
.ol.applidata li.weks{padding: 1em 4%;}
 .fxboxMap{height: 373px;}
/**媒体查询**/
@media(max-width:1920px){.table-lone>tbody>tr>td, .table-lone>tbody>tr>th, .table-lone>tfoot>tr>td, .table-lone>tfoot>tr>th, .table-lone>thead>tr>td, .table-lone>thead>tr>th { padding: 10px;}}
@media(max-width:1600px){.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {padding: 5px;} .nav-header { margin-top: 9em;} .nav-list {top: -2em;}}
@media(max-width:1366px){
  .header .header-right li {font-size: 14px;} 
  .header .header-left h1 { font-size: 1.28em;} 
  .right-content ol li h6 {font-size: 1.4em; margin-bottom: 0.3em;}
  .left-nav li { font-size: 14px;} 
  ol.travel-data li h6 span {font-size: 28px; margin:0.3em 0;}
  .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {padding: 2px;font-size: 1rem;} 
  .nav-header { margin-top: 7em;} 
  .nav-list {top: -2em;} .nav-list li.nav-list-a1{top: 104px;}
  .nav-list li.nav-list-a2{top: 193px;}
  .nav-list li.nav-list-a3{ top: 201px;}
  .nav-list li.nav-list-a4{top: 51px;}


  /*大数据预测*/
  .dateinfo ul{width: 96%;}
  .dateinfo ul .info h6{padding-left: 8px;}
  .dateinfo ul li h6 .wd{font-size: 20px;}
  .ycbox{height: 204px;}
  .right-content-wk li p, .dateinfo .mm{font-size: 14px;}
  .dateinfo ul li h6 .ss{font-size: 12px;}
  .right-content-wk li .wd{font-size: 16px;}
  /*大数据分析*/
  .fxbox{height: 290px;}
  .fxboxMap{height: 229px;}
  #maparea{height: 560px;}
  .header .header-right li a{padding: 1.55rem;}
  .head-bottom .head-bottom-date .head-bottom-iterm,.head-bottom .head-bottom-nav li{font-size: 14px;}
  .head-bottom {margin: 20px 0em 0em 11em;}
  .fjmap{height: 609px !important;}
  /*大数据采集*/
  ul.marketnewcss li p{font-size: 14px;}
  .tableheadtitle{font-size: 100% !important;margin:0 0 .5em 0 !important;}
  .collecttotal ul li h6{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 12px;font-size: 12px;}
  ul.tourismnewcss li p.tourpcss{text-overflow: ellipsis;white-space: nowrap;height: 30px;overflow: hidden;}
  ul.tourismnewcss li p{width: 54px;height: 60px;line-height: 60px;}
  .indextable{height: 390px;padding: 20px !important}
  .table-striped>tbody>tr:nth-of-type(even){height: 20px !important;}
  .table-striped>tbody>tr:nth-of-type(odd){height: 20px !important;}

  .table-hxbox>tbody>tr:nth-of-type(even){height: 25px !important;}
  .table-hxbox>tbody>tr:nth-of-type(odd){height: 25px !important;}
  ul.publicnewcss li{margin-bottom: 8px;}
  .collecttotal ul li p{font-size: 14px;}
  .top0{margin-top: 0 !important;}
  ul.publicfromcss{margin-top: 0 !important;
    padding: 0 1em;
    margin-left: 2em;}
  ul.publicfromcss li{width: 80px;height: 80px;margin: 0 ;float: left;border: 0;margin-bottom: 6px;}
  .round li h6{height: 38px !important;position: relative;top: -6px;}
  .round li h6 i{height: 20px !important;width: 20px;background-size: 20px !important;margin: 0 auto 2px auto !important;}
  .round li  p{line-height: 22px !important;position: relative;top: -5px;}
  .round li:nth-child(even){margin-left: 66px;}
  ul.publicfromcss li:nth-child(n+3){margin-bottom: 0;}
  .header {
    background: url(../images/nav-bg.png) no-repeat center center;
    height: 100px;
    background-size: 100% 100%;
	    margin-bottom: 10px;
}
.divSelect select {
    background: rgba(15, 76, 208, 0);
    color: #fff;
    border: 1px solid #0baaff;
    padding: 1px 0px;
    margin: 0 0px;
    position: relative;
    top: -2px;
    border-radius: 5px;
}
.right-content ol {
    width: 99%;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    text-align: center;
    clear: both;
}


  /*应用数据*/
  .right-content{margin-top: 0;}
  .pagination>li>a{font-size: 12px !important;padding: 2px 6px;}
  .right-content ol li p{font-size: 12px;}
  .right-content ol li h6{font-size: 100%;}

  /*上报数据*/
  .right-content ol li{padding: 0;font-size: 12px;}
  .right-content ol li em{font-size: 100%;}
  .pagination{margin: 2px 0 0 0}
  .right-content{width: 98%;margin-left: 1%;}
  .panel-body{padding: 0;}
  

  /*商业数据*/
  .exhead{font-size: 14px;}
  .right-content ol li h6{margin: 4px 0;}
  ol.travel-data li h6 span{font-size: 12px;}
  .maleproportion p:nth-of-type(1){background:url(../images/exicon5.png) no-repeat 18% center }
  .maleproportion p:nth-of-type(2) {background: url(../images/exicon4.png) no-repeat 18% center;}
  .right-content ol.exdata-qq li p{font-size: 12px;padding: .8em;}
  .right-content ol.exdata-qq li.staynewcss{height: 123px;overflow: hidden;}
  .staynewmore{display: block;bottom: -97px;right: 18px;}
  .extablechange .extablechange-nav{margin: 0 0 5px 0;left: 0;}
  ol.exdata-data{margin: 0;}
  .right-content ol li .oTaName{margin-top: 29px;}
  .forme{padding: 10px;padding-bottom: 0;}

  /*旅业分析*/
  .qs-box4b{height: 186px !important;}
  .qs-box4{height: 186px !important}
  .qs-box4w{height: 237px !important;}
  .qs-box4e{height: 145px !important}
  .qs-box5{height: 296.5px !important;}
  .qs-box5e{height: 261.5px !important;}
  .qs-box5f{height: 294px !important;}
  .qs-box5h{height: 266px !important;}
  /*营销分析*/
  .qs-box{height: 298px !important;}
  .qs-box2{height: 298px !important;}
  .qs-box2e{height: 271px !important;}

  /*景区画像*/
  .leftNavOut .left-nav{
    width: 116%;
    padding: 3px 8px 0 4px;
    height: 96%;
    position: relative;
    top: 1.5%;
  }
  .leftNavOut .left-nav li h6{
    padding: 10px 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
/*  .leftNavOut .left-nav::-webkit-scrollbar {
   width: 8px;
  }
  .leftNavOut .left-nav::-webkit-scrollbar-track {
   background-color:#0282fd;
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius:2em;
  }
  .leftNavOut .left-nav::-webkit-scrollbar-thumb {
   background-color:#0b4fd3;
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius:2em;
  }*/

  .leftNavOut .left-nav li{font-size: 12px;}

  /*舆情分析*/
  .qs-box3{height: 186px !important;}
  .qs-box3e{height: 249px !important;}
  .qs-box3ee{height: 186px !important;}

  /*大数据分析-营销活动*/
  .qs-box6{height: 183.8px !important;}
  .qs-box6t{height: 365px !important;}
  .qs-box6b{height: 230px !important;}
  .bbj-scroll{height: 640px;overflow-y: scroll;overflow-x: hidden;}
  .bbj-scroll::-webkit-scrollbar {
   width: 8px;
  }
   .bbj-scroll::-webkit-scrollbar-track {
   background-color:#0282fd;
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius:2em;
  }
   .bbj-scroll::-webkit-scrollbar-thumb {
   background-color:#0b4fd3;
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius:2em;
  }



  /*大数据应用*/
  ol.applidata li h5{font-size: 14px;margin-top: 5px;}
  .ol.applidata li.weks{padding:0;}
  ol.applidata li h6.nowair p{font-size: 16px;margin-top: 0;}
  ol.applidata li .weater img{width: 54px;}
  .aplipublic .aplipub{height: 258px;background-size: 100% !important;}
  .aplipublic .aplipub2,.aplipublic .aplipub4{top: 138px;}
  .aplipublic .aplipub1,.aplipublic .aplipub3{top: 36px;}
  .aplipublic .linesBg,.aplipublic .aplipubimg{height: 500px;}
  .aplipublic .linesBg{background-size: 616%;left: 4%;}
  .aplipublic .aplipubimg{background-size: 600%;}

  .applistyle .aplititle{background-size: 500%;width: 24%;height: 268px;top: 31px;}
  .qs-box7{height: 175px !important;}
  .applistyle .apliborder:nth-of-type(1),.applistyle .apliborder:nth-of-type(3){top: 9px;}

   /* 大数据应用 -> 精准营销*/
  .aplisell .apliselldata1, .aplisell .apliselldata2,.aplisell .apliright1, .aplisell .apliright2{
    height: 305px;}

  .aplisell .apliselldata1 h6, .aplisell .apliselldata2 h6, .aplisell .aplimiditem1 h6, .aplisell .aplimiditem2 h6, .aplisell .apliright1 h6, .aplisell .apliright2 h6{
    height: 36px;line-height: 36px;font-size: 14px;
  }  
  .aplisell .apliselldata2 .sell-dagram .sell-dagram-title{font-size: 14px;margin: 6px auto;}
  .aplisell .apliselldata2 .sell-dagram .selldagramtitle{height: 32px;line-height: 32px;margin: 6px auto;}
  .aplisell .apliselldata2 .sell-dagram .selldagramtitle span{display: block;float: left;font-size: 12px;line-height: 29px;height: 32px;margin: 0 auto;}
  .aplisell .apliselldata2 .sell-dagram ul li p span{font-size: 12px;}
  .aplisell .apliselldata2 .sell-dagram ul li em{margin: 0 auto;}

  .aplisell .apliselldata1 .sell-dagram .sell-dagram-img{left: 10%;bottom: -16%;}
  .aplisell .apliselldata1 .sell-dagram .sell-dagram-img img{transform: scale(.6);}
  .aplisell .apliselldata1 .sell-dagram ul li p{font-size: 12px;}

  /*三角图*/
  .aplisell .apliselldata1 .sell-dagram ul li:nth-of-type(1){left: 35px;top: 20px;}
  .aplisell .apliselldata1 .sell-dagram ul li:nth-of-type(2){right: 40px;top: 20px;}
  .aplisell .apliselldata1 .sell-dagram ul li:nth-of-type(3){right: 0;top: 20px;}
  .aplisell .apliselldata1 .sell-dagram ul li:nth-of-type(5){top: 20px;}
  .aplisell .apliselldata1 .sell-dagram ul li:nth-of-type(6){left: 24px;}

  .qs-box8{height: 280px !important;}
  .aplisell .aplimiditem1{min-height: 310px;margin: 0 auto;border-top: none;border-bottom: none;}
  .aplisell .aplimidtitle{height: 36px;}
  .aplisell .aplimiditem2{min-height: 288.5px;}
  .aplisell .apliright2:first-child{margin-bottom: 30px;} 
  .aplisell .apliselldata2:last-child,.aplisell .apliright2:last-child{margin-bottom: 0;margin-top: 30px;} 

  .apliright2 .apliright2-title{font-size: 12px;padding: 0;}
  .qs-box8e{height: 230px !important;}
  .apliright1-conclusion{top: 39px;left: -3px;}
  .apliright1-conclusion h6{font-size: 16px;}
  .apliright1 .apliright1-road img{transform: scale(.7);bottom: -40px;}
  .apliright1 .apliright1-road p{font-size: 14px;margin: 0 0 26px 0}
  .apliright1 .apliright1-road p:nth-of-type(1){right: 110px;}
  .apliright1 .apliright1-road p:nth-of-type(2){right: 156px;}
  .apliright1 .apliright1-road p:nth-of-type(3){right: 205px;}
  .apliright1 .apliright1-road p:nth-of-type(4){right: 263px;}

  /*视频GIS*/
  .yixiang,.plays{height: 185px !important;}
  .rowspan,.rowspan em{font-size: 12px;line-height: 35px;height: 35px;}
  .rowspan i{margin: 6px 2px;}
  .main-iframe{height: 646px;}

  .aplipublic .aplipub h5,.aplipublic .aplipub h6{font-size: 16px !important;}
  .aplimiditem2 .aplitimestyle{font-size: 14px;}


  /*导航*/
  .header .header-right li.active, .header .header-right li:hover{
    height: 36px;position: relative;top: -10px;
  }
  .header .header-right li.active a, .header .header-right li:hover a{
   position: relative;top: -7px;
  }
  .header .header-left{width: 28%;}
  .header .header-right li a{padding: 1.62rem;}
  ul.repotnewcss-nav{left: 12px;}
  /*body,html{overflow: hidden;}*/
} 




/* 视频GIS页面 zTree 组件样式 2018-09-29 */
#gislist{
	position: absolute;
	right: 0;
	top: 10px;
	bottom: 0;
	width: 330px;
	z-index: 99999;
	background: rgba(27, 33, 35, 0.6);
	transition: all .3s;
  
  
}
#gislist.active{
	transform: translateX(330px);
}
body.main-bg{overflow-x: hidden;}
#gislist .item-btn{width: 27px;height: 72px;background: url(../images/gisbtn.png) no-repeat;display: block;cursor: pointer;position: absolute;left: 0;top: 50%;margin-top: -36px;}
#gislist .item-btn.active{background: url(../images/open-jiantou.png) no-repeat;left: -27px;}

ul.ztree {
	margin:16px 30px;
	height:auto;
	color: #ddd;
}
.ztree li span.node_name{
	font-size: 15px !important;
	color: #DDDDDD !important;
}
.ztree li span.button.ico_docu{vertical-align: text-bottom !important;}
.ztree li{line-height: 36px !important;}
/*选中样式*/
.ztree li a.curSelectedNode{height: 30px !important;border: none !important;background: none !important;
	color: #12caff !important;text-decoration: none;
}
.ztree li span.button{background-image: url(http://www.treejs.cn/v3/css/zTreeStyle/img/zTreeStandard.png) !important;  }
.ztree li span.button.switch{margin-top: 10px;}
.ztree li span.button.ico_open{vertical-align: text-bottom !important;}
.ztree li span.button.ico_close{vertical-align: text-bottom !important;}
ul.log {border: 1px solid #617775;background: #f0f6e4;width:300px;height:170px;overflow: hidden;}
ul.log.small {height:45px;}
ul.log li {color: #666666;list-style: none;padding-left: 10px;}
ul.log li.dark {background-color: #E3E3E3;}

/* ruler */
div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}



.ztree li a.curSelectedNode .node_name{color: #00f6ff !important;}
.ztree li a.curSelectedNode span.button.ico_open,.ztree li a.curSelectedNode span.button.ico_close,.ztree li a.curSelectedNode span.ico_docu{background: url(../images/eye1.png) no-repeat center center!important;background-size: 90%!important;}