@charset "utf-8";
body{background:url(../../Content/img/starlight.png) no-repeat #090918;background-size: cover;width: 100%; margin:0;font:14px/1.14 "Microsoft YaHei",微软雅黑,Helvetica,Arial,sans-serif;color:#7c8cb7;line-height:22px;-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none; color:#c8bef5;}
img{border:0;vertical-align: middle;}
ul,li{list-style:none;margin:0;padding:0}
i,em{font-style: normal;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
.blank{ clear:both; height:10px; overflow:hidden;}
.clearfix:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{zoom:1;clear:both;}
article,aside,details,figure,footer,header,main,nav,section{display: block;}
a{cursor: pointer}
a {blr:expression(this.onFocus=this.blur()) } /*针对 IE*/
a {outline:none;} /*针对firefox等*/
* {outline: none;}
.fl{float:left;}
.fr{float:right;}
.warp{margin:auto;position:relative;padding: 0;overflow: hidden;}
.main-content{width: 98%;margin: 0 auto;}

.pd10{padding:10px;}
.pd30{padding:10px;}

.mb35{margin-bottom: 35px !important;}

.font-size-12{font-size: 14px;}
.font-size-14{font-size: 14px;}
.font-size-16{font-size: 16px;}
.font-size-18{font-size: 18px;}
.font-size-20{font-size: 20px;}

/*.col-md-2{width:400px;}
.col-md-3{width:680px;}
.col-md-4{width:771px;}*/
.col-md-2{width:20%;}
.col-md-3{width:40%;}
.col-md-4{width:40%;}

/*定义鼠标经过浮动块颜色*/
.formatter{display:inline-block;margin-right:5px;border-radius:10px;width:8px;height:8px;background-color:#fff}
.formatter .data{background-color: rgba(255,255,255,0.5);}

.header{border-bottom:1px solid #4d67ad;margin-bottom:20px;height:64px;}
.header .page-title {background: url(/Content/img/headet-title-bg1.png) no-repeat;width: 100%; background-size: contain; height: 62px; text-align: center;margin-top: 10px;}
.header .page-title h1{font-size: 42px;font-weight: 500;line-height: 90px;}
.header .weather{text-align: center;margin: 0 auto;}
.header .weblogo{width: 451px;height: 38px;position: relative;}
.header .weblogo img{width:100%;position: relative;left:0px;}
.header .weather .wtimg .du{font-size: 22px;position: relative;top: 10px;}
.header .weather .wtxt{font-size: 14px;line-height: 28px;}
.header .new-logo h1 {float: left;color: #96adea;width: 412px;/*background: url(/Content/img/logo.png) no-repeat left 10px;padding: 0 0 0 122px;*/margin-right: 20px;height: 64px;vertical-align: top;}
.header .new-logo h1 strong {display: block;font-size:18px;padding:18px 0 0 0;font-weight: bold;}
.header .date-top{margin: 12px auto;width: 200px;overflow: hidden;}
.header .date-top dl dt{float: left;font-size: 40px;margin-right: 10px;line-height: 42px;}
.header .date-top dl dd{text-align: left;float: left;}
.header .nav-menu{position:relative;top:16px;}
.header .nav-menu ul li{float:left;}
.header .nav-menu ul li a{/*border: 1px solid #728bf5;*/display: inline-block;padding: 4px 0;width:90px;color: #96adea;margin-left: 10px;text-align: center;font-size:14px;font-weight:bold;}
.header .nav-menu ul li a:hover {color: #bf1055;border-bottom:2px solid #bf1055;}
.header .nav-menu ul li .con{background:#10173c;width:740px;position:absolute;top:30px;z-index:99;right:0;padding: 10px 0;}
.header .nav-menu ul li .con dl{float:left;text-align: center;border-right: 1px solid #283265;width: 19.8%;}
.header .nav-menu ul li .con dl dt{font-weight:bold;text-align:center;color:#6c7fd0;}
.header .nav-menu ul li .con dl dd{line-height:26px;}
.header .nav-menu ul li .con dl dd a{font-size:14px;font-weight:normal;margin-left:0;width:auto;}
.header .nav-menu ul li .con dl dd a:hover{border-bottom:none;}
.header .nav-menu ul li .con dl:last-of-type{border:none;}

/*左侧栏目*/
.left-column{width:356px;display: block;margin-bottom: 20px;padding: 0 0 12px 0;}
.left-column.qszb{/*background: url(/Content/img/left-column-bg.png) no-repeat;*/height:192px;}
.left-column.qyqy,.left-column.tbbj{/*background: url(/Content/img/e-left-column-bg.png) no-repeat;*/height:282px;}
.left-column .hd-title{color: #96adea;display: block;clear: both;margin-bottom: 10px;}
.left-column .hd-title i{height: 15px;width: 2px;background:#96adea;display: inline-block;position: relative;top:2px;margin-right:8px;}
.left-column .hd-title .big-more a{display: block;cursor: pointer;color: #fff;}
.left-column .hd-title .big-more em{width: 16px;height: 16px;display: inline-block;background: url(../..../../Content/img/style-icons.png) 0px -53px no-repeat;position: relative;top: 3px;margin-left: 5px;}
.left-column .modulars{position: relative;margin-top:18px;overflow:hidden;}
.left-column .modular{position: relative;margin-top:18px;}
.left-column.qszb .item-tn{width: 50%;display: inline-block;    margin-bottom: 38px;}
.left-column.qszb .item-tn .i-dt{width: 50px;height: 50px;background: url(../../Content/img/style-icons.png) no-repeat;display: inline-block;margin-right: 12px;}
.left-column.qszb .item-tn .i-dt.zbxm{background-position: 0 0;}
.left-column.qszb .item-tn .i-dt.zbqy{background-position: -52px 0;}
.left-column.qszb .item-tn .i-dt.tbqy{background-position: -104px 0;}
.left-column.qszb .item-tn .i-dt.jdjg{background-position: -156px 0;}
.left-column .modular .qyqy{width:100%;height:246px;}
.left-column .modular .tbbj{width:100%;height:246px;}
.left-column .number{padding-top:4px;}
.left-column .number .font-size-20{font-weight:normal;color:#96adea;}
.left-column .number .font-size-20 a{color:#96adea;}

/*2个栏目*/
.right-column-two{width:100%;display: block;padding: 0 0 12px 0;}
.right-column-two.qszb{/*background: url(/Content/img/left-column-bg.png) no-repeat;*/height:229px;}
.right-column-two.qyqy,.left-column.tbbj{/*background: url(/Content/img/e-left-column-bg.png) no-repeat;*/height:282px;}
.right-column-two .hd-title{color: #fff;display: block;clear: both;margin-bottom: 10px;}
.right-column-two .hd-title i{height: 15px;width: 2px;background: #fff;display: inline-block;position: relative;top:2px;margin-right:8px;}
.right-column-two .hd-title .big-more a{display: block;cursor: pointer;color: #fff;}
.right-column-two .hd-title .big-more em{width: 16px;height: 16px;display: inline-block;background: url(../../Content/img/style-icons.png) 0px -53px no-repeat;position: relative;top: 3px;margin-left: 5px;}
.right-column-two .modulars{position: relative;margin-top:25px;overflow:hidden;}
.right-column-two .modular{position: relative;margin-top:25px;}
.right-column-two .modular .qyqy{width:100%;height:200px;}
.video-camera{padding:22px 20px 0 20px;display:block;overflow:hidden;text-align:center;}
.cloud-service{position:absolute;bottom:116px;right: 55px;}

.data-box .hd-title{color: #fff;display: block;clear: both;margin-bottom: 10px;}
.data-box .hd-title i{height: 15px;width: 2px;background: #fff;display: inline-block;position: relative;top:2px;margin-right:8px;}
.data-box .hd-title .big-more a{display: block;cursor: pointer;color: #fff;}
.data-box .hd-title .big-more em{width: 16px;height: 16px;display: inline-block;background: url(../../Content/img/style-icons.png) 0px -53px no-repeat;position: relative;top: 3px;margin-left: 5px;}

.page-main .data-box{display:block;overflow:hidden;margin-bottom:30px;}
.page-main .data-box table td.right{text-align:right;width:150px;}
.page-main .data-box .layui-table td,.page-main .data-box .layui-table th{padding:8px 5px;border:1px solid #22224d;}
.page-main .data-box .diagram-tiem textarea{width:100%;padding:10px;background:none;border:1px solid #10173c;color:#7c8cb7;}


/*右侧栏目*/
.right-column{width:100%;height:228px;display: block;background-size: cover;margin-bottom:36px;padding: 0;}
.right-column.qdbj{/*background: url(/Content/img/big-column-bg.png) no-repeat;*/}
.right-column.evideo {padding: 0;width: 100%;}
.right-column.evideo .model{/*background: url(/Content/img/right-column-bg.png) no-repeat;*/width: 334px;height: 280px;padding: 22px;margin-bottom: 20px;}
.right-column .hd-title{color: #96adea;display: block;clear: both;margin-bottom: 15px;font-weight:normal}
.right-column .hd-title i{height: 15px;width: 2px;background: #98a9d8;display: inline-block;position: relative;top:2px;margin-right:8px;}
.right-column .hd-title .big-more a{display: block;cursor: pointer;color: #fff;}
.right-column .hd-title .big-more em{width: 16px;height: 16px;display: inline-block;background: url(../../Content/img/style-icons.png) 0px -53px no-repeat;position: relative;top: 3px;margin-left: 5px;}
.right-column .modulars{position: relative;margin-top:27px;}
.right-column .modular{position: relative;margin-top:20px;}
.right-column .modular .qdbjfx{width:100%;height:190px;}
.right-column .modular .hybmdz{width:100%;height:250px;}
.right-column .modular .zyclfx{width:100%;height:240px;}
.right-column.evideo .modular ul{padding: 20px 10px; overflow: hidden;}
.right-column.evideo .modular ul li{float: left;margin: 10px 10px;width: 26%;text-align: center;}
.right-column.evideo .modular ul li span{width: 56px;height: 56px;display: block;background: url(../../Content/img/style-icons.png) 0 -86px no-repeat;margin:0 auto;}
.right-column.evideo .modular ul li p{margin: 2px 0;}
.right-column.clps{padding: 0;width: 100%;}
.right-column.clps .zycl{background: url(/Content/img/s-column-bg.png) no-repeat;width:467px;height: 326px;padding: 22px;position: relative;} 
.right-column.clps .zycl .more-btn{position: absolute;right: 15px;top: 20px;width: 126px;height: 32px;line-height: 32px;text-align: center; display: block;background: #7e56f0;border-radius:20px;}
.right-column .more-btn{right: 15px;top: 20px;width: 126px;height: 32px;line-height: 32px;text-align: center; display: inline-block;background: #7e56f0;border-radius:20px;}
.right-column.clps .psqk{background: url(/Content/img/x-column-bg.png) no-repeat;width:196px;height: 326px;padding: 22px;} 
.right-column.clps .psqk .circle{width: 185px;height: 174px;margin: 0 auto; background: url(/Content/img/qsquan.png) no-repeat;display: block;text-align: center;position: relative;top: 14px;}
.right-column.clps .psqk .circle h2{font-weight: bold;padding-top: 40px;}
.right-column.clps .psqk .circle strong{color: #c8bef5;font-size: 32px; font-weight: bold;margin: 15px 0 28px 0;display: block;}
.right-column.clps .psqk .more-btn{position: relative;width: 142px;height: 38px;font-size: 16px;font-weight: bold; margin: 18px auto auto auto; line-height: 38px;text-align: center; display: block;background: #7e56f0;border-radius:20px;}

.today-data{position: relative;width: 460px; margin: 0 auto;}
.today-data .hd{color: #96adea;height: 25px;font-weight: normal;margin-bottom:12px;}
.today-data .num .number{font-size: 30px;height: 52px;line-height: 52px; display: block;color:#8556fc; background-image:-webkit-gradient(linear, 0 0, 0 bottom, from(rgb(255, 195, 54)), to(rgb(249, 85, 191)));-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom:5px;}
.today-data .num .qt span{margin-right:10px;}
.today-data .svgdata{width:98px;height:55px;}

.data-map {margin: 36px;position: relative;}
.sanmenxia .data-map{margin:0px;}
.mainmap {width: 100px; height: auto; margin-left: 6px;}
.data-map .map-btn {margin-top:15px;position: relative;top: -66px;}
.data-map .map-btn a{border:1px solid #728bf5;display:inline-block;padding:4px 0;width:110px; color:#7c8cb7;margin:10px 10px 2px 0;border-radius:3px;text-align:center;}
.data-map .map-btn a:hover{background:#bf1055;color:#fff;border:1px solid #bf1055;}
.data-map .page-title {
    font-size: 20px;
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    color: #98a9d8;
    width: 150px;
    border: 1px solid #98a9d8;
    font-weight: bold;
    padding: 5px 5px 7px 5px;
    background: #171731;
}


@keyframes rotate {
    0% {
        transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
    }

    100% {
        transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
    }
}

.stars {
    transform: perspective(500px);
    transform-style: preserve-3d;
    position: absolute;
    bottom: 0;
    perspective-origin: 50% 100%;
    left: 50%;
    animation: rotate 90s infinite linear;
}

.star {
    width: 2px;
    height: 2px;
    background: #2a5e84;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0 -300px;
    transform: translate3d(0, 0, -300px);
    backface-visibility: hidden;
}
@media (max-width:1600px){
	.left-column .modulars{margin-top: 28px;}
	.left-column.qszb .item-tn{margin-bottom: 32px!important;}
	.col-md-3{width: 34%;}
	.col-md-2 {width:33%;}
    .sanmenxia .col-md-3{width: 42%!important;}
	.sanmenxia .col-md-2 {width:26%!important;}
    .sanmenxia .col-md-4 {width:32%!important;}
	.left-column{width: 316px;}
	.left-column.qszb{background-size: 100%;height: 188px;}
	.left-column.qyqy, .left-column.tbbj{background-size: 100%;height: 248px}
	.left-column .modular .qyqy{width:100%;height:222px;}
	.left-column .modular .tbbj{width:100%;height:220px;}
	.col-md-4 {width: 33%;}
	.right-column .hd-title{margin-bottom: 5px;}
	.right-column .modular{margin-top:5px ;}
	.right-column{width: 100%;height: 240px;}
	.right-column.qdbj{background-size: 100%;}
	.right-column .modular .qdbjfx{width:100%;height:140px;}
	.right-column .modular .hybmdz{width:100%;height:200px;}
	.right-column .modular .zyclfx{width:100%;height:240px;}
	.right-column.evideo .model{width: 242px;background-size: 100%;height: 202px;}
	.right-column.evideo .modular ul{padding:0px;}
	.right-column.evideo .modular ul li{width: 25%;margin: 10px 10px 0 10px;}
	.right-column.clps .zycl{width: 285px;height: 304px;}
    .cloud-service{position:absolute;bottom: 240px;right: 18px;}
	}
@media (max-width:1440px){
	.left-column .modulars{margin-top: 30px;}
	.left-column.qszb .item-tn{margin-bottom: 20px!important;}
	.col-md-3{width: 34%;}
	.col-md-2 {width:33%;}
   .sanmenxia .col-md-3{width: 42%!important;}
	.sanmenxia .col-md-2 {width:24%!important;}
    .sanmenxia .col-md-4 {width:34%!important;}
	.left-column{width: 286px;}
	.left-column .qgzb{display: none;}
	.left-column.qszb{background-size: 100%;height: 180px;}
	.left-column.qyqy, .left-column.tbbj{background-size: 100%;height: 224px}
	.left-column .modular .qyqy{width:100%;height:195px;}
	.left-column .modular .tbbj{width:100%;height:195px;}
	.col-md-4 {width: 33%;}
	.right-column .hd-title{margin-bottom: 5px;}
	.right-column .modular{margin-top:5px ;}
	.right-column{width: 100%;height:240px;}
	.right-column.qdbj{background-size: 100%;}
	.right-column .modular .qdbjfx{width:100%;height:122px;}
	.right-column .modular .hybmdz{width:100%;height:158px;}
	.right-column .modular .zyclfx{width:100%;height:240px;}
	.right-column.evideo .model{width: 218px;background-size: 100%;height: 178px;}
	.right-column.evideo .modular ul{padding:0px;}
	.right-column.evideo .modular ul li{width: 24%;margin: 2px 10px 0 10px;}
	.right-column.clps .zycl{width: 240px;height: 304px;}
	.today-data .num .number{font-size: 52px;}
	.today-data .num .qt span{margin-right:20px;}
	.right-column.clps .zycl .more-btn{width: 100px;height: 26px;line-height: 26px;}
	/*.today-data{padding-left: 72px;}*/
	.mainmap{width: 100%;height: auto;margin-left: 6px;}
    .cloud-service{position:absolute;bottom: 90px; right: 16px;}
    .left-column.qszb .item-tn .i-dt{margin-right:8px;}
	}
@media (max-width:1366px){
	.left-column .modulars{margin-top: 30px;}
	.left-column.qszb .item-tn{margin-bottom: 20px!important;}
	.col-md-3{width: 34%;}
	.col-md-2 {width:33%;}
	.left-column{width: 300px;margin-bottom:58px;}
	.left-column .qgzb{display: none;}
	.left-column.qszb .item-tn .i-dt{margin-right: 5px;}
	.left-column.qszb{background-size: 100%;height: 160px;}
	.left-column.qyqy, .left-column.tbbj{background-size: 100%;height: 199px}
	.left-column .modular .qyqy{width:100%;height:172px;}
	.left-column .modular .tbbj{width:100%;height:170px;}
	.col-md-4 {width: 33%;}
    .today-data .hd{height:34px;}
	.right-column .hd-title{margin-bottom: 5px;}
	.right-column .modular{margin-top:5px ;}
	.right-column{width: 100%;height: 218px;}
	.right-column.qdbj{background-size: 100%;}
	.right-column .modular .qdbjfx{width:100%;height:122px;}
	.right-column .modular .hybmdz{width:100%;height:158px;}
	.right-column .modular .zyclfx{width:100%;height:240px;}
	.right-column.evideo .model{width: 218px;background-size: 100%;height: 178px;}
	.right-column.evideo .modular ul{padding:0px;}
	.right-column.evideo .modular ul li{width: 24%;margin: 2px 10px 0 10px;}
	.right-column.clps .zycl{width: 240px;height: 304px;}
	.today-data .num .number{font-size: 52px;margin-bottom:16px;}
	.today-data .num .qt span{margin-right:20px;}
	.right-column.clps .zycl .more-btn{width: 100px;height: 26px;line-height: 26px;}
	/*.today-data{padding-left: 62px;}*/
	.data-map {margin: 20px 0;}
    .mainmap {
        width: 100%;
        height: auto; /* margin-left: 36px; */
    }
    .data-map .map-btn {margin-top: 98px;}
    .data-map .map-btn a{width:90px;}
    .cloud-service{position:absolute;    bottom: 60px;right: 78px;}
	}