*{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box}

*,body{padding:0px;	margin:0px;font-family: "微软雅黑";}

a{ text-decoration:none;}

html,body{

    background: url("../images/bj1.png") no-repeat;

    background-size:cover;

    font-size: .16rem;

    color: #ffffff;

    position: relative;

    width: 100%;

	height:100%;

}

@font-face {

  font-family: electronicFont;

  src: url(../font/DS-DIGIT.TTF);

}

.fl{

    float: left;

}

.fr{

    float: right;

}

ul,ol{

    list-style: none;

}

@font-face {

  font-family: '../font/iconfont';

  src: url('../font/iconfont.eot');

  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),

      url('../font/iconfont.woff2') format('woff2'),

      url('../font/iconfont.woff') format('woff'),

      url('../font/iconfont.ttf') format('truetype'),

      url('../font/iconfont.svg#iconfont') format('svg');

}

.iconfont {

  font-family: "../font/iconfont";

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



/*谷哥滚动条样式*/



::-webkit-scrollbar {width:5px;height:5px;position:absolute}

::-webkit-scrollbar-thumb {background-color:#5bc0de}

::-webkit-scrollbar-track {background-color:#ddd}



/***/

.allnav{

    height: 100%;

}

.main{

    width: 100%;

    height: 100%;

}

/*头部*/

.header{

    height: 1.2rem;

    width: 100%; overflow:hidden;

    /*background:red;*/

}

/*头部左边*/

.header .header-left{

    float: left;

    width: 30%;

    height: 1.2rem; margin-top:.1%;

    color: #ffffff;

    /*text-align: center;*/

    line-height: 1.2rem;

    padding-left: .2rem;

    font-size: .2rem;

    /*border: 1px solid gold;*/

}

.header .header-left ul{width:100%;}

.header .header-left ul li{ float:left; text-align:center;width:48%; margin:1%}

.header .header-left ul li a{ color:#fff; font-size:.24rem; display:block; text-align:center; line-height:1rem;}

.header .header-left ul li a:hover{ background:url(../images/menu_bj.png) no-repeat center; background-size:100%; color:#fff;}

.header .header-left ul li a.menuline{background:url(../images/menu_bj.png) no-repeat center; background-size:100%; color:#fff;}



.header .header-right ul{width:100%;}

.header .header-right ul li{ float:left; text-align:center;width:48%; margin:1%}

.header .header-right ul li a{ color:#fff; font-size:.24rem; display:block; text-align:center; line-height:1rem;}

.header .header-right ul li a:hover{ background:url(../images/menu_bj.png) no-repeat center; background-size:100%; color:#fff;}

.header .header-right ul li a.menuline{background:url(../images/menu_bj.png) no-repeat center; background-size:100%; color:#fff;}





/*头部中间*/

.header .header-cen{

    float: left;

    width: 40%;

    height: 1.2rem;

    /*border: 1px solid green;*/

    background: url("../images/b.png") no-repeat center top;

    background-size: 100% 100%;

    text-align: center;

    line-height: 1.2rem;

}

.header .header-cen h1{

    font-size: .4rem;

    color: #ffffff;

    text-shadow: 0 0 .3rem #00d8ff;

}

/*头部右边*/

.header .header-right{ margin-top:.1%;

    float: right;

    width: 30%;

    height: 1.2rem;padding-right: .2rem;

    /*border: 1px solid purple;*/

}



/*中间*/

.content{

    padding: .2rem .1rem 0 .1rem;

}

/*中间左边*/

.content .content-left{

    width: 25%;

    padding: .1rem;

    /*border: 1px solid red;*/

}

.content .content-left .left-top{

    width: 100%;

    height: 3.2rem;

    /*border: 1px solid gold;*/

    margin-bottom: .2rem;

}

.title{

    width: 100%;

    height: .4rem;

    /*border: 1px solid red;*/

    color: #ffffff;

    font-size: .2rem;

    padding-left: .3rem;

    line-height: .4rem;

    background: url("../images/ksh33.png") no-repeat;

    background-size: 100% 100%;

    margin-top: .1rem;

    position: relative;

	

}



.title span{

    display: inline-block;

    color: #ffffff;

    font-size: .2rem;

    position: absolute;

    top: -.1rem;

}



.title1{

    width: 100%;

    height: .4rem;

    /*border: 1px solid red;*/

    color: #ffffff;

    font-size: .2rem;

    line-height: .4rem; font-weight:bold;

    background: url("../images/kuang5.png") no-repeat;

    background-size: 100% 100%;

    margin-top: .1rem; text-align:center;

    position: relative;

	

}



.title1 span{

    display: inline-block;

    color: #ffffff;

    font-size: .2rem;

    position: absolute;

    top: -.1rem;

}

.top-list{ padding-top:.2rem;}

.top-list p{ color:#eea800; font-weight:bold; font-size:.2rem; line-height:.4rem;}

.top-list ul{ line-height:.3rem;}





.list p{

    font-size: .18rem;

    color: #029698;

    padding: .3rem .3rem;

}

.list li{ float:left; font-size:.2rem;height:1.2rem;width:50%; text-align:center; line-height:.2rem; color:#fff;}

.list li i{ font-size:.6rem; text-align:center; display:block; line-height:.4rem; padding-top:.2rem;}

.dp1{ background:#37d2d4;}

.dp2{ background:#19ca88;}

.dp3{ background:#858ff8;}

.dp4{ background:#fd9133;}

.dp5{ background:#f6d10e;}

.dp6{ background:#2e8cff;}

.dp7{ background:#f6580e;}

.dp8{ background:#37d2d4;}



.content .content-left .left-center{

    width: 100%;

    height: 3.2rem;

    /*border: 1px solid gold;*/

    margin-bottom: .2rem;

}

.content .content-left .left-bottom{

    width: 100%;

    height: 3.2rem;

   /* border: 1px solid gold;*/

}









/*中间*/

.content .content-center{

    width: 50%;

    padding: .1rem .2rem .1rem .2rem;

    /*border: 1px solid purple;*/

}

.content .content-center .center-top{

    width: 100%;

    height: 6.5rem;

    /*border: 1px solid red;*/

    background: url("../images/a.png") no-repeat;

    background-size: 100% 100%;

    box-sizing: border-box;

    margin-bottom: .3rem;

    position: relative;

}



.content .content-center .center-top .top-title{

    position: absolute;

    width: 35%;

    height: 3rem;

    /*border: 1px solid red;*/

    left: .5rem;

    top:.5rem;

}

.content .content-center .center-top .top-title li{

    float: left;

    width: 50%;

    height: 1rem;

    /*border: 1px solid green;*/

}

.content .content-center .center-top .top-title li p,

.content .content-center .center-top .top-title li span,

.content .content-center .center-top .top-title li b{

    color: #ffffff;

}

.content .content-center .center-top .top-title li p{

    padding: .1rem;

}

.content .content-center .center-top .top-title li span{

    text-align: center;

    display: inline-block;

    width: .35rem;

    height: .45rem;

    background: #55bcd4;

    margin-left: .1rem;

    line-height: .4rem;

    font-size: .3rem;

    margin-top: .1rem;

}

.content .content-center .center-top .top-bottom{

    width: 80%;

    height: 80%;

    position: absolute;

    /*border: 1px solid red;*/

    bottom: .3rem;

    right: .3rem;

}



.content .content-center .center-bottom{

    width: 100%;

    height: 3.4rem;

    padding: .1rem;

    border: 1px solid #55bcd4;

    box-sizing: border-box;

}

.content .content-center .center-bottom .bottom-left{

    width: 50%;

    height: 100%;

    /*border: 1px solid green;*/

}

.content .content-center .center-bottom .bottom-right{

    width: 50%;

    height: 100%;

    /*border: 1px solid green;*/

}





/*中间右边*/

.content .content-right{

    width: 25%;

    padding: .1rem;

}

.content .content-right .right-top{

    width: 100%;

    height: 3.2rem;

    border: 1px solid #55bcd4;

    margin-bottom: .2rem;

}

#tab_header{

    width: 100%;

    height: .4rem;

/*    border: 1px solid red;*/

}

#tab_header .selected{

    background: rgba(56, 188, 233, 1);

}

#tab_header li{

    float: left;

    width: 50%;

    color: #ffffff;

    text-align: center;

    line-height: .4rem;

    cursor: pointer;

}

#tab_content{

    width: 100%;

    height: 2.8rem;

/*    border: 1px solid purple;*/

}

#tab_content .dom li p,

#tab_content .dom li span,

#tab_content .dom li label{

    color: #ffffff;

}

#tab_content .dom li{

    width: 33%;

    height: 1.2rem;

    /*border: 1px solid red;*/

    text-align: center;

    float: left;

    padding: .2rem;

}

#tab_content .dom li p{

    margin-bottom: 0.05rem;

}

#tab_content .dom li span{



    font-size: .25rem;

    padding-top: .1rem;

}

#tab_content .dom li:nth-child(1) span{

    color: #ebec2f;

}

#tab_content .dom li:nth-child(2) span{

    color: #25f3e6;

}

#tab_content .dom li:nth-child(3) span{

    color: #13ff03;

}

#tab_content .dom  .list-t{

    float: left;

    width: 100%;

    height: 1.5rem;

    padding-top: .3rem;

}

#tab_content .dom .list-t li{

    width: 15%;

    height: .8rem;

    float: left;

    border: 1px solid #55bcd4;

    text-align: center;

    padding: 0 !important;

    margin-left: 0.07rem;



}

#tab_content .dom .list-t li span,

#tab_content .dom .list-t li p{

    color: #ffffff;

}

#tab_content .dom .list-t li span{

    display: inline-block;

    font-size: .2rem;

    margin-top: .1rem;

}

.listStyle{

    width: 100%;

    height: 100%;

    /*border: 1px solid red;*/

    margin-top: .3rem;

}

.listStyle span{

    float: left;

    width: 50%;

    height: .4rem;

    font-size: .2rem;

    color: #ffffff;

    display: inline-block;

    padding-left: .2rem;

    text-align: center;

    line-height: .4rem;

}

.listStyle strong{

    color: #00ffff;

}









.content .content-right .right-center{

    width: 100%;

    height: 3.2rem;

    /*border: 1px solid gold;*/

    margin-bottom: .2rem;

}

.content .content-right .right-bottom{

    width: 100%;

    height: 3.2rem;

    /*border: 1px solid gold;*/

}

.content .content-right .right-bottom .right-bottom-t{

    /*margin-top: .8rem;*/

    width: 100%;

    height: 2.8rem;

    /*height: calc(100% - 1.6rem);*/

    /*border: 1px solid red;*/

}

.content .content-right .right-bottom .right-bottom-t .b-left{

    float: left;

    width: 33.3%;

    height: 100%;

    text-align: center;

}

.content .content-right .right-bottom .right-bottom-t .b-cent{

    float: left;

    width: 33.3%;

    height: 100%;

}

.content .content-right .right-bottom .right-bottom-t .b-right{

    float: left;

    width: 33.3%;

    height: 100%;

}







.gun{

    /* width: 100%;*/

    /*margin: 20px;*/

}

.gun span{

    display: block;

    float: left;

    height: .2rem;

    width: 33%;

    /*background: red;*/

    /*margin: 15px 10px 10px 10px;*/

    /*padding: 20px;*/

    text-align: center;

    font-size: 0.14rem;

    font-weight: 600;

    color: #61d2f7;

    text-align: center;

    margin-bottom: .1rem;

}

#FontScroll{

    width: 100%;

    height: 2.3rem;

    overflow: hidden;

    /*float: left;*/

    margin-top: .1rem;

    /*margin: 0 5%;*/

    /*margin-left: 50px;*/



    /*background: gold;*/



}

#FontScroll ul li{

    height: .32rem;

    width: 100%;

    color: #ffffff;

    text-align: center;

    line-height: .32rem;

    /*border-bottom: 1px dashed #404040;*/

    /*width:33.3%;*/

    overflow: hidden;

    font-size: 0.14rem;

    border-bottom: 1px dashed #404040;

    /*width:33.3%;*/





    /*background: red;

    margin: 0 2%;*/



}

#FontScroll ul li:nth-child(1){

    /*background-color: #072951;*/

    box-shadow: -10px 0px 15px #034c6a inset, /*左边阴影*/

    10px 0px 15px #034c6a inset;



}

#FontScroll ul li:hover{

    box-shadow: -10px 0px 15px #034c6a inset, /*左边阴影*/

    10px 0px 15px #034c6a inset;

    cursor: pointer;

}



.fontInner span{

    display:inline-block;

    /*float: left;*/

    /*height: 20px;*/

    width:31%;

    color: #ffffff;



    /*background: red;*/



}

.fontInner span b{

    display: inline-block;

    width: .75rem;

    height: .2rem;

    /*border-radius: 0.03rem;*/

    color: #ffffff;

    line-height: .2rem;

    font-size: .1rem;

}

/*#FontScroll ul li:nth-child(1) .fontInner span b{

    background: #EB6841



}*/



#FontScroll ul li:nth-child(1) .fontInner span b{ background: #FE4365 }

#FontScroll ul li:nth-child(2) .fontInner span b{ background: #3FB8AF }

#FontScroll ul li:nth-child(3) .fontInner span b{ background: #83AF9B }

#FontScroll ul li .fontInner span b{ background: #21b3aa }



/*#FontScroll ul li:nth-child(8n-4) .fontInner span b{ background: #20a8fe }

#FontScroll ul li:nth-child(8n-3) .fontInner span b{ background: #EB6841 }

#FontScroll ul li:nth-child(8n-2) .fontInner span b{ background: #3FB8AF }

#FontScroll ul li:nth-child(8n-1) .fontInner span b{ background: #FE4365 }

#FontScroll ul li:nth-child(8n-5) .fontInner span b{ background: #FC9D9A }

#FontScroll ul li:nth-child(8n-6) .fontInner span b{ background: #EDC951 }

#FontScroll ul li:nth-child(8n-7) .fontInner span b{ background: #C8C8A9 }

#FontScroll ul li:nth-child(8n) .fontInner span b{ background: #83AF9B }

#FontScroll ul li:first-child .fontInner span b{ background: #036564 }

#FontScroll ul li:last-child .fontInner span b{ background: #3299BB }*/







.mainbox {

  min-width: 1024px;

  max-width: 1920px;

  padding: 0.125rem 0.125rem 0;

  display: flex;

}

.mainbox .column {

  flex: 3;

}

.mainbox .column:nth-child(2) {

  flex: 5;

  margin: 0 0.125rem 0.1875rem;

  overflow: hidden;

}

.panel {

  position: relative;

  height: 3.2rem;

  border: 1px solid rgba(25, 186, 139, 0.17);

  background: rgba(255, 255, 255, 0.06) url(../images/line\(1\).png);

  padding: 0 0.1875rem 0.5rem;

  margin-bottom: 0.1875rem;

}

.panel::before {

  position: absolute;

  top: 0;

  left: 0;

  content: "";

  width: 10px;

  height: 10px;

  border-top: 2px solid #07eaff;

  border-left: 2px solid #07eaff;

  border-radius: 20%;

}

.panel::after {

  position: absolute;

  top: 0;

  right: 0;

  content: "";

  width: 10px;

  height: 10px;

  border-top: 2px solid #07eaff;

  border-right: 2px solid #07eaff;

  border-radius: 20%;

}

.panel .panel-footer {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

}

.panel .panel-footer::before {

  position: absolute;

  bottom: 0;

  left: 0;

  content: "";

  width: 10px;

  height: 10px;

  border-bottom: 2px solid #07eaff;

  border-left: 2px solid #07eaff;

  border-radius: 20%;

}

.panel .panel-footer::after {

  position: absolute;

  bottom: 0;

  right: 0;

  content: "";

  width: 10px;

  height: 10px;

  border-bottom: 2px solid #07eaff;

  border-right: 2px solid #07eaff;

  border-radius: 20%;

}

.panel h2 {

  height: 0.6rem;

  line-height: 0.6rem;

  text-align: center;

  color: #fff;

  font-size: 0.25rem;

  font-weight: 400;

}

.panel h2 a {

  margin: 0 0.1875rem;

  color: #fff;

  text-decoration: underline;

}

.panel .chart {

  height:2.6rem;

}

.no {

  background: rgba(101, 132, 226, 0.1);

  padding: 0.1875rem;

}

.no .no-hd {

  position: relative;

  border: 1px solid rgba(25, 186, 139, 0.17);

}



.main_bottom_b_right {

    float: left;

    width:100%; background:url(../images/main_bottom_bottom.png) no-repeat; background-size:100% 100%;

    height: 100%; padding:5%;

}

.main_bottom_b_right img {

    width: 100%;

    height: 100%;

}





.no .no-hd::before {

  content: "";

  position: absolute;

  width: 30px;

  height: 10px;

  border-top: 2px solid #07eaff;

  border-left: 2px solid #07eaff;

  top: 0;

  left: 0;

}

.no .no-hd::after {

  content: "";

  position: absolute;

  width: 30px;

  height: 10px;

  border-bottom: 2px solid #07eaff;

  border-right: 2px solid #07eaff;

  right: 0;

  bottom: 0;

}

.no .no-hd ul {

  display: flex;

}

.no .no-hd ul li {

  position: relative;

  flex: 1;

  text-align: center;

  height: 1rem;

  line-height: 1rem;

  font-size: 0.875rem;

  color: #ffeb7b;

  padding: 0.05rem 0;

  font-family: electronicFont;

  font-weight: bold;

}

.no .no-hd ul li:first-child::after {

  content: "";

  position: absolute;

  height: 50%;

  width: 1px;

  background: rgba(255, 255, 255, 0.2);

  right: 0;

  top: 25%;

}

.no .no-bd ul {

  display: flex;

}

.no .no-bd ul li {

  flex: 1;

  height: 0.5rem;

  line-height: 0.5rem;

  text-align: center;

  font-size: 0.225rem;

  color: rgba(255, 255, 255, 0.7);

  padding-top: 0.125rem;

}

.map {

  position: relative;

  height: 7.125rem;

}

.map .chart {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 5;

  height: 10.125rem;

  width: 100%;

}

.map .map1,

.map .map2,

.map .map3 {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 6.475rem;

  height: 6.475rem;

  background: url(../images/map.png) no-repeat;

  background-size: 100% 100%;

  opacity: 0.3;

}

.map .map2 {

  width: 7.0375rem;

  height: 7.0375rem;

  background-image: url(../images/lbx.png);

  opacity: 0.6;

  animation: rotate 15s linear infinite;

  z-index: 2;

}

.map .map3 {

  width: 7.075rem;

  height: 7.075rem;

  background-image: url(../images/jt.png);

  animation: rotate1 10s linear infinite;

}

@keyframes rotate {

  from {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  to {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

@keyframes rotate1 {

  from {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  to {

    transform: translate(-50%, -50%) rotate(-360deg);

  }

}

@media screen and (max-width: 1024px) {

  html {

    font-size: 42px !important;

  }

}

@media screen and (min-width: 1920) {

  html {

    font-size: 80px !important;

  }

}









/* 左侧第一个盒子start--- */

.firstBox {

  width: 90%;

  margin-left: 6%;

  height: 90%;

}

.firstBox .pic {

    width: 100%;

    height: 25%;

}

.pic img {

    display: inline-block;

    width: 40%;

    height: 80%;

    margin-top: 1vw;

    

}

.first_top1 {

    margin-left: 1vw;

}

.first_top2 {

    margin-left: 1vw;

}

.picText {

    color: #0EFCFF;

    margin-left: 1vw;

}

.picText .text_second {

    margin-left: 6vw;

}



/* 声波动画start--- */

.voice_animation {

    width: 100%;

    height: 20%;

    margin-top: 1vw;

    background-image: url(../images/voice_pic.png);

    background-size: 90% 90%;

    background-repeat: no-repeat;

    background-position: center;

}

/* 声波动画over--- */





/* 进度条start--- */

.progress {

    width: 93%;

    height: 10%;

    margin-top: 1vw;

    margin-left: .6vw;

    background-image: url(../images/progress_pic.png);

    background-size: 100% 100%;

}

/* 进度条over--- */





.about_illness {

    width: 100%;

    height:1.2rem;

    margin-top: 1.5vw;

    margin-left: .6vw;

    color: #fff;

    font-size: .6vw;

}

.about_illness > div {

    display: inline-block;  

    width: 95%;

    background-image: url(../images/illness_pic.png);

    background-size: 100% 100%;

}

.symptom {

    /* text-indent: .2vw; */

    /* font-size: .5vw; */

}

.symptom_title{ font-weight:bold; font-size:.8vw; line-height:2vw; text-indent:1vw; color:#0EFCFF}

.symptom_content, .prevent_content { padding:.9vw .5vw;

    color: #fff;

    font-size:.8vw;

    margin: .2vw .2vw .2vw .5vw;

	line-height:1.6vw;

}

.symptom_title .prevent_title {

    font-size: .1vw;

    color: red;

}

/* 左侧第一个盒子over--- */





/* center部分start--- */

.maps {

    position: relative;

    width: 100%;

    height: 95%;

    margin-top: 2%;

    /* background: pink; */

    /* background-image: url(../images/landLevel.png); */

    /* background-size: 95% 100%; */

    /* background-repeat: no-repeat; */

    /* background-position: center; */

}

.maps img{width:100%; height:96%;}

.maps .land_level {

    width: 95%;

    height: 100%;

    margin-left: 2.5%;

}

.maps .wifi_gif {

    position: absolute;

    right: 27%;

    top: -3.5%;

    width: 5%;

    height: 10%;

}

.maps .sun_pic {

    position: absolute;

    top: -5%;

    left: 18%;

    width: 10%;

    height: 15%;



    animation:mymove 3s infinite;

    -webkit-animation:mymove 3s infinite; /*Safari and Chrome*/

    animation-direction:alternate;/*轮流反向播放动画。*/

    animation-timing-function: ease-in-out; /*动画的速度曲线*/

    /* Safari 和 Chrome */

    -webkit-animation:mymove 3s infinite;

    -webkit-animation-direction:alternate;/*轮流反向播放动画。*/

    -webkit-animation-timing-function: ease-in-out;

}

@keyframes mymove

{

    0%{

    transform: scale(1);  /*开始为原始大小*/

    }

    25%{

        transform: scale(1.1); /*放大1.1倍*/

    }

    50%{

        transform: scale(1.05);

    }

    75%{

        transform: scale(1);

    }



}



@-webkit-keyframes mymove /*Safari and Chrome*/

{

    0%{

    transform: scale(1);  /*开始为原始大小*/

    }

    25%{

        transform: scale(1.1); /*放大1.1倍*/

    }

    50%{

        transform: scale(1.05);

    }

    75%{

        transform: scale(1);

    }

}



.maps .wrj_pic {

    position: absolute;

    width: 8%;

    height: 8%;

    left: 30%;

    animation: myfirst 5s infinite;

    -moz-animation: myfirst 5s infinite;	

    /* Firefox */

    -webkit-animation: myfirst 5s infinite;	

    /* Safari 和 Chrome */

    -o-animation: myfirst 5s infinite;	

    /* Opera */

    /* animation: btn-load-loop 1s linear infinite; */

} 





    @keyframes myfirst

    {

    0%   { left:250px; top:0px;}

    25%  {left:300px; top:0px;}

    50%  {left:150px; top:300px;}

    75%  { left:250px; top:200px;}

    100% {left:250px; top:0px;}

    }

    

    @-moz-keyframes myfirst 

    /* Firefox */

    {

        0%   { left:250px; top:0px;}

        25%  {left:300px; top:0px;}

        50%  {left:500px; top:200px;}

        75%  { left:250px; top:200px;}

        100% {left:250px; top:0px;}

    }

    

    @-webkit-keyframes myfirst 

    /* Safari 和 Chrome */

    {

        0%   { left:250px; top:0px;}

        25%  {left:300px; top:0px;}

        50%  {left:500px; top:200px;}

        75%  { left:250px; top:200px;}

        100% {left:250px; top:0px;}

    }

    

    @-o-keyframes myfirst 

    /* Opera */

    {

        0%   { left:250px; top:0px;}

        25%  {left:300px; top:0px;}

        50%  {left:500px; top:200px;}

        75%  { left:250px; top:200px;}

        100% {left:250px; top:0px;}

    }



.wind_gif {

    position: absolute;

    top: 25%;

    left: 5%;

    width: 10%;

    height: 19%;

}



.plant_pic {

    position: absolute;

    top: 40%;

    left: 60%;

    width: 8%;

    height: 10%;

}



.windows, .window_two, .window_three, .window_four, .window_five, .window_six{

    padding: 1.5%;

    color: #fff;

    background: rgba(40, 229, 233, .2);

}

.windows {

    position: absolute;

    bottom: 0;

    left: 3%; 

}

.windows li:nth-of-type(1) {

    font-size: .9vw;

}

.windows li {

    margin-bottom: .2vw;

}

.window_two {

    position: absolute;

    right: 5%;

    /* right: 1%; */

    top: 5%;

}

.window_two li:nth-of-type(1) {

    font-size: .9vw;

}

.window_three {

    position: absolute;

    bottom: 5%;

    left: 60%;

}

.window_four {

    position: absolute;

    top: 7%;

    left: 10%;

}

.window_five {

    position: absolute;

    bottom: 15%;

    left: 20%;

}

.window_six{

    position: absolute;

    /* border: 1px solid red; */

    right: 40%;

    top: 0%;

}

.peasant {

    position: absolute;

    right: 17%;

    top: 27%;

    width: 5.5%;

    height:9%;

    cursor: pointer;

    /* background-color: #fff; */

}



.display_box {

    display: none;

}



.land_box1 {

    position: absolute;

    left: 13%;

    top: 32%;

    width: 13%;

    height: 30%;

    cursor: pointer;

}

.land_box2 {

    position: absolute;

    left: 45%;

    top: 65%;

    width: 20%;

    height: 15%;

    transform:rotate(150deg);

    cursor: pointer;

}

.land_box3 {

    position: absolute;

    right: 5%;

    top: 40%;

    width: 20%;

    height: 15%;

    transform:rotate(150deg);

    cursor: pointer;

}

.land_box4 {

    position: absolute;

    right: 41%;

    top: 0%;

    width: 10%;

    height: 25%;

    transform:rotate(140deg);

    cursor: pointer;

}

.plant {

    position: absolute;

    top: 30%;

    left: 35%;

    width: 25%;

    height: 30%;

    cursor: pointer;

    /* border: 1px solid red; */

}

.soil_data {

    position: absolute;

    bottom:23%;

    left: 45%;

    width: 55%;

    height: 10%;

    transform:rotate(150deg);

}

.weather_info {

    position: absolute;

    top: -5%;

    left: 18%;

    width: 10%;

    height: 15%;

}



/* center部分over--- */





/* left bottom start--- */

.leftBottom {

    display: inline-block;

    position: relative;

    width: 30%;

    height: 90%; padding:1vw;

    font-size: .6vw;

    color: #fff; line-height:1.6vw;

}

.leftBottom_lt{ float:left; margin-left:1vw;width:25%;}

.leftBottom_lt strong{ line-height:3vw; font-weight:bold; color:#0EFCFF; display:block;}

.leftBottom img{width:55%; float:right;}

.leftBottom .land_data p {

    position: absolute;

    left: 52%;

    top: 14%;

}

.land_data p:nth-child(2) {

    top: 24%;

    left: 57%;

}

.land_data p:nth-child(3) {

    top: 32%;

    left: 67%;

}

.right_box {

    float: right;

    width: 65%;

    height: 70%;

    /* margin: 2%; */

    margin-top: 1%;

    margin-right: 1%;

    /* background-color: red; */

}

.grow_data {

    position: relative;

    display: inline-block;

    float: left;

    width: 45%;

    height: 100%;

    /* background-color: pink; */

}

.grow_data img {

    display: inline-block;

    width: 20%;

    height: 80%;

    margin-top: .8vw;

}

.grow_data p {

    color: #0EFCFF;

    position: absolute;

}

.grow_data p:nth-of-type(1) {

    top: 3%;

    left: 5%;

}

.grow_data p:nth-of-type(2) {

    top: 47%;

    left: 22%;

}

.grow_data p:nth-of-type(3) {

    top: 80%;

    left: 5%;

}

.grow_data span {

    padding: .15vw .6vw;

    border-radius: 1vw;

    display: inline-block;

    color: #0EFCFF;

    background: rgba(40, 229, 233, .2);

}

.specialistSuggest {

    position: absolute;



    left: 50%;

    top: -15%;

    display: inline-block;

    width: 30%;

    padding: 1vw;

    color: #0EFCFF;

    font-size: .6vw;

}



.specialistSuggest div:nth-of-type(1) {

    font-size: .7vw;

}



.fertilizationSuggest {

    position: absolute;

    left: 50%;

    top: 55%;

    display: inline-block;

    width: 35%;

    padding: 1vw;

    color: #0EFCFF;

    font-size: .6vw;

}

.fertilizationSuggest div:nth-of-type(1) {

    font-size: .7vw;

}



.weather_data {

    position: relative;

    display: inline-block;

    width: 45%;

    height: 100%; float:right;

    margin-right: 3%;

    margin-top: .5%;

    font-size: .6vw;

    /* background-color: yellow; */

    background-image: url(../images//bottom_icons.png);

    background-size: 90% 80%;

    background-repeat: no-repeat;

}

.weather_text {

    color: #0EFCFF;

}

.weather_text span {

    position: absolute;

    top: 35%;

}

.weather_text span:nth-of-type(1) {

    left: -5%;

}

.weather_text span:nth-of-type(2) {

    left: 24%;

}

.weather_text span:nth-of-type(3) {

    left: 50%;

}

.weather_text span:nth-of-type(4) {

    left: 75%;

}

.text_two span {

    top: 85%;

}

.text_two span:nth-of-type(1) {

    left: 0%;

}

.text_two span:nth-of-type(2) {

    left: 30%;

}

.text_two span:nth-of-type(3) {

    left: 65%;

}

/* .text_one {

    margin-top: 14%;

    

}

.text_two {

    margin-top: 18%;

} */





/* left bottom over--- */





/* 右侧三个内容框start--- */



    /* 硬件设备展示start--- */

.boxLis {

    width: 68%;

    z-index: 9999;

    height: 1.5vw;

    margin-left: 3.5vw;

    margin-top: 1vw;

    font-size: .6vw;

    /* background-color: pink; */

    border-bottom: .02vw solid rgb(40, 229, 233);

}



.boxLis>li {

    /* width: 21.1%; */

    /* height: 1.4vw; */

    z-index: 9999;

    padding: .1vw;

    display: block;

    background: rgba(40, 229, 233, .5);

    margin-right: 2.5%;

    line-height: 1.4vw;

    text-align: center;

    cursor: pointer;

    color: #fff;

    /* border-bottom: .02vw solid rgb(40, 229, 233); */

}

.boxLis li:nth-child(4) {

    margin-right: 0;

}



.boxLis > .active {

    /* border-bottom: none; */

    /* color: #0EFCFF; */

    border-top: .02vw solid rgb(40, 229, 233);

    border-right: .02vw solid rgb(40, 229, 233);

    border-left: .02vw solid rgb(40, 229, 233);

}

.equipment_pic {

    position: relative;

    width: 100%;

    height: 100%;

    background-color: #031426;

}

.equipment_pic img {

    position: absolute;

    margin: auto;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 80%;

    height: 80%;

}

.equipment_pic img:nth-child(2) {

    display: none;

    width: 45%;

    height: 50%;

}

.equipment_pic img:nth-child(3) {

    width: 40%;

    height: 65%;

    display: none;

}

.equipment_pic img:nth-child(4) {

    width: 50%;

    height: 70%;

    display: none;

}



.liSpan {

    width: 100%;

    margin-top: -1%;

    text-align: center;

    color: rgb(40, 229, 233);

}



.liP {

    width: 100%;

    margin: .3vw auto 0;

    font-size: .6vw;

    color: rgb(40, 229, 233);

}

/* 硬件设备展示over--- */





/* 灌溉数据start--- */

.irrigate_data {

    width: 100%;

    height: 100%;

    /* background-color: yellow; */

}

.centerList {

    /* float: left; */

    display: inline-block;

    width: 37%;

    height: 80%;

    padding-top: 3%;

    text-align: center;

    margin-left: 2vw;

}



.centerListFont {

    font-size: .8vw;

    color: #0EFCFF;

}



.centerListNum {

    font-size: 1.5vw;

    color: white;

    margin-top: .2vw;

}

.irrigate_bottom {

    width: 100%;

    height: 40%;

    margin-top: .2vw;

}

.irrigate_bottom .every_line {

    width: 90%;

    height: 25%;

    margin-left: 5%;

    margin-bottom: 3%;

    background-color: rgba(14,252,255,.2);

}

.every_line span {

    color: #0EFCFF;

    margin-left: .7vw;

    font-size: .7vw;

}

.every_line i {

    color: #fff;

    float: right;

    margin-right: .8vw;

    font-size: 1vw;

}

/* 灌溉数据over--- */



/* 数据日志start--- */

.data_day {

    width: 100%;

    height: 100%;

    font-size: .6vw;

    color: #fff; line-height:2vw; margin-top:1.2vw;

}

.data_day table {

    height: 10%;

    width: 100%;

    overflow:hidden;

    text-align: center;

    margin: auto; color:#fff;

    margin-left: 5%;

}

.data_day .head {

    color: #fff;

}

.data_day ul {

    display: inline-block;

}



/* 数据日志over--- */

blockquote,

q {

    quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: none;

}



table {

    border-collapse: collapse;

    border-spacing : 0;

}



strong,

em,

i {

    font-style : normal;

    font-weight: normal;

}



ins {

    text-decoration: underline;

}



del {

    text-decoration: line-through;

}



mark {

    background: none;

}



input::-ms-clear {

    display: none !important;

}







.nav {

    position       : relative;

    top            : .5vw;

    width          : 100%;

    height         : 5vw;

    background     : url(../images/top.png) no-repeat;

    background-size: 100%;

    text-align     : center;

    line-height    : 4vw;

    color          : #0efcff;

    font-size      : 1.4vw;

    letter-spacing : .4vw;

}



.nav_btn {

    position: absolute;

    top     : 1.5vw;

    width   : 100%;

    height  : 2vw;

}



.btn_left {

    float      : left;

    width      : 25%;

    margin-left: 5%;

    height     : 100%;

}



.btn_right {

    float       : right;

    width       : 25%;

    margin-right: 5%;

    height      : 100%;

}



.btn_list {

    position      : relative;

    float         : left;

    width         : 5.5vw;

    height        : 1.6vw;

    text-align    : center;

    line-height   : 1.6vw;

    font-size     : .9vw;

    color         : #0efcff;

    letter-spacing: .1vw;

    cursor        : pointer;

}



.btn_left a,

.btn_right a {

    display: inline-block;

}



.btn_left a:nth-child(2) {

    margin: 0 .6vw;

}



.btn_left a:nth-child(4) {

    margin-left: .6vw;

}



.btn_right a:nth-child(2) {

    margin: 0 .6vw;

}



.btn_right a:nth-child(4) {

    margin-left: .6vw;

}



.btn_list:before {

    content  : '';

    position : absolute;

    top      : 0;

    right    : 0;

    bottom   : 0;

    left     : 0;

    border   : 1px solid #6176AF;

    transform: skewX(-38deg);

}



.btn_list:hover::before {

    border-color: #0efcff;

    box-shadow  : 1px 1px 3px 1px #0efcff inset;

}



.listActive:before {

    border-color: #0efcff;

    box-shadow  : 1px 1px 3px 1px #0efcff inset;

}



.content {

    position     : relative;

    width        : 97%;

    height       : 87%;

    margin       : auto;

    /* background: white; */

}



.baseBox {

    position     : relative;

    float        : left;

    width        : 48.8%;

    height       : 32.3%;

    border       : 1px solid #6176AF;

    background   : rgba(11, 21, 44, 0.60);

    border-radius: 5px;

}



.baseHeightBox {

    height: 100%;

}



.baseCenterBox {

    margin: 1.5% 0;

}



.leftBox {

    float        : left;

    width        : 34.5%;

    /* background: yellow; */

}



.rightBox {

    float : left;

    height: 100%;

    width : 34.5%;

}



.centerBox {

    position     : relative;

    float        : left;

    width        : 30%;

    height       : 100%;

    margin       : 0 .5%;

    /* background: red; */

}



.marginLeft {

    margin-left: 1.5%;

}



/* 边框描边 */

.leftTopLine1 {

    position  : absolute;

    top       : 0;

    left      : -1px;

    height    : 1vw;

    width     : 2px;

    background: #0efcff;

}



.leftTopLine2 {

    position  : absolute;

    top       : -1px;

    left      : 0;

    height    : 2px;

    width     : 1vw;

    background: #0efcff;

}



.rightTopLine1 {

    position  : absolute;

    top       : 0;

    right     : -1px;

    height    : 1vw;

    width     : 2px;

    background: #0efcff;

}



.rightTopLine2 {

    position  : absolute;

    top       : -1px;

    right     : 0;

    height    : 2px;

    width     : 1vw;

    background: #0efcff;

}



.leftBottomLine1 {

    position  : absolute;

    bottom    : 0;

    left      : -1px;

    height    : 1vw;

    width     : 2px;

    background: #0efcff;

}



.leftBottomLine2 {

    position  : absolute;

    bottom    : -1px;

    left      : 0;

    height    : 2px;

    width     : 1vw;

    background: #0efcff;

}



.rightBottomLine1 {

    position  : absolute;

    bottom    : 0;

    right     : -1px;

    height    : 1vw;

    width     : 2px;

    background: #0efcff;

}



.rightBottomLine2 {

    position  : absolute;

    bottom    : -1px;

    right     : 0;

    height    : 2px;

    width     : 1vw;

    background: #0efcff;

}



.boxTitle {

    font-size  : 1vw;

    color      : #0efcff;

    width      : 80%;

    margin-left: .8vw;

    margin-top : .5vw;

}



.left {

    float: left;

}



.right {

    font: right;

}



/* 视频新加 */

.video-js .vjs-control {

    width: 1vw !important;

}

.vjs-volume-panel {

    display: none !important;

}

.vjs-live-display {

    display: none !important;

}

.vjs-audio-button{

    display: none !important;

}



/* ---public---- */

    .centerBox {

        width: 77%;

        margin-right: 15px;

        background: transparent;

    }



    .boxFont {

        font-size: 1.2vw;

    }



    .centerMainBox1 {

        width: 100%;

        height:5.8rem;

    }



    .centerMainBox2 {

        width: 100%;

        height: 38%;

        position: relative;

        margin-top: 15px;

    }



    .centerMainBox2 .first_border {

        position: absolute;

        width: 100%;

        height: 100%;

    }



    .boxTitle2 {

        width: 100%;

        height:.3rem;

        font-size:.8vw; font-weight:bold;

        text-align: center;

        line-height:.2rem;

        margin-top:1vw;

        color: #0efcff;

    }



    .contList {

        position: relative;

        width: 70%;

        height: 8vw;

        margin: 1vw auto 0;



    }



    .content1 li {

        display: none;

    }



    .baseBox {

        width: 100%;

        border: none;

        background: none;

    }



    .boxTitle {

        font-size: .8vw;

        width: 38%;

        margin-top: 1vw;

        text-align: center;

    }



    .right {

        float: right;

    }



    .baseBoxLeft {

        width: 30%;

        height: 95%;

        position: relative;

    }



    .baseBoxRight {

        width: 68%;

        height: 100%;

    }

        .alert_video {

            z-index: 99;

            position: absolute;

            width: 60%;

            height: 70%;

            margin-left: 4%;

            margin-top: 5%;

            display: none;

        }

        .video_x {

            z-index: 99;

            position: absolute;

            color: white;

            right: 5px;

            cursor: pointer;

        }

        #myVideo1,#myVideo2,#myVideo3,#myVideo4 {

            display: none

        }



    .baseBoxLeft .first_border {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

	.baseBox1{ text-align:center;}

	.baseBox1 img{width:80%; margin:.16rem 5% 4% 10%;    max-height: 2.2rem;}

    .baseBox3 {

        position: relative;

    }



    

    .baseBox3 img {

        position: absolute;

        width: 100%; height:100%;

    }

	.baseBox2 .irrigate_data .ewm{width:40% !important; height:auto; overflow:hidden; margin:3% auto; padding:5%; background:rgba(0,0,0,.6); border:1px solid #97feff;}

    .baseBox2 .irrigate_data .ewm img{width:100% !important;}



.ewm1{width:35%; height:100%; overflow:hidden; margin:3% auto;}

.ewm1 img{width:100%;}



    .csbaseBox1 {

        position: relative;

        z-index: 999;

    }



    #canvas {

        display: block;

        margin: 0 auto;

        width: 10vw;

        height: 5vw;

    }



    .progress {

        width:70%; float:right;

    }

	.progress ul{ overflow:hidden; display:block;}

    .progress img {

        width: 12.5vw;

        height: 2vw;

    }



    .progress .similar {

        color: #0efcff;

        font-size: .5vw;

    }



    /* 返回图标 */

    .navLeft{

        position: absolute;

        top:5%;

        left:35%;

        width: 3.5%;

        height: 8%;

        z-index: 999;

    }

    .navLeft>img{

        width: 100%;

        height: 100%;

    }

    .equipment_pic {

        cursor: pointer;

    }



    .video-js {

        width: 100%;

        height: 100%;

    }

    .video-js:hover .vjs-big-play-button {

        background: none;

    }

    .video-js .vjs-big-play-button:hover {

        background: none;

    }

    .video-js .vjs-big-play-button {

        border: none;

        background: none;

    }



/*内容*/

.center{ overflow:hidden;

}

.center .center-left{

    width: 25%;

    padding: .1rem;

/*    border: 1px solid red;*/



}

.center .center-left .left-top{

    width: 100%;

    height: 5.1rem;

    margin-bottom: .4rem;

    /*background: url("../images/panel.png") no-repeat;

    background-size: 100% 100%;*/

    /*transform-style: preserve-3d;*/

    position: relative;

    overflow: hidden;

}



.center .center-left .left-top h1{

    color: white;

    font-size: .4rem;

    transform: rotateX(0deg);

    /*display: flex;*/

    align-items: center;

    margin-bottom: 8px;

    position: relative;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    transform-style: preserve-3d;

    transform-origin: 50% 50%;

    /*transform: rotateX(0deg);*/

    /*width: 100%;*/

    transition: transform 500ms cubic-bezier(0.15, 0.52, 0.5, 0.9) 0s;

    /*height: 24px;*/

    /*过渡效果*/

    transition: all 1s;

}

/*.center .center-left .left-top h1:hover{

    transform: rotateX(360deg);

    transition: all 2s;

}*/





.center .center-left .left-cen{

    width: 100%;

    height: 3.6rem; margin-top:.3rem;

    /*background: url("../images/panel.png") no-repeat;

    background-size: 100% 100%;*/

}

.center .center-left .left-cen .company{

    margin-top: .1rem;

    /*border: 1px solid red;*/

    padding: .1rem;

    box-sizing: border-box;

}

.center .center-left .left-cen .company strong{ font-weight:bold; display:block; color:#0ff; line-height:.4rem;}





.center .center-left .left-bottom{

    width: 100%;

    height: 3.2rem;

    /*background: url("../images/panel.png") no-repeat;

    background-size: 100% 100%;*/

    border: 0.01rem solid #217093;

}

.center .center-left .bottom-b{

    width: calc(100% - 0.2rem);

    height: 2.6rem;

    margin-left: 0.1rem;

    margin-top: 0.1rem;

}

.center .center-cen{

    width: 50%;

    padding: .1rem;

}

.center .center-cen .cen-top{

    width: 100%;

    height: 6.3rem;

    /*background: url("../images/a.png") no-repeat;

    background-size: 100% 100%;*/

    border: 0.01rem solid #217093;

    margin-bottom: .4rem;

    position: relative;

}





.center .center-cen .cen-top .top-title{

    height: 1.5rem; padding:.2rem;

    /*border: 1px solid red;*/

}

.center .center-cen .cen-top .top-title img{width:100%;}

.center .center-cen .cen-top .top-title li{

    float: left;

    width: 50%;

    height: 1rem;

    /*border: 1px solid green;*/

}

.center .center-cen .cen-top .top-title li p,

.center .center-cen .cen-top .top-title li span,

.center .center-cen .cen-top .top-title li b{

    color: #ffffff;

}

.center .center-cen .cen-top .top-title li p{

    padding: .1rem;

}

.center .center-cen .cen-top .top-title li span{

    text-align: center;

    display: inline-block;

    width: .35rem;

    height: .45rem;

    background: #37a9ea;

    margin-left: .1rem;

    line-height: .4rem;

    font-size: .3rem;

    margin-top: .1rem;

}

.center .center-cen .cen-top .top-bottom{

    width: 100%;

    height: 4.8rem;

    /*border: 1px solid red;*/

    position: absolute;

    top:1.6rem;

    padding: .2rem;

    /*overflow: hidden;*/

}





.center .center-cen .cen-bottom{

    width: 100%;

    height: 3.4rem;

}

.center .center-cen .bottom-b{

    width: calc(100% - 0.2rem);

    height: 2.6rem;

    margin-left: 0.1rem;

    margin-top: 0.1rem;

}



.center .center-right{

    width: 25%;

    padding: .1rem;

}



.center .center-right .right-top{

    width: 100%;

    height: 5.5rem;

    margin-bottom: .2rem;

}

.center .center-right .right-cen{

    width: 100%;

    height: 4.4rem;

    margin-bottom: .1rem;

}

.center .center-right .right-bottom{

    width: 100%;

    height: 3.2rem;

}

.chat{

    width: calc(100% - .2rem);

    height: calc(100% - .6rem);

    margin-top: .1rem;

    margin-left: .1rem;

    padding: .1rem;

    /*overflow: hidden;*/

}







.gun{

    /* width: 100%;*/

    margin-top: .2rem;

}

.gun span{

    display: block;

    float: left;

    height: .2rem;

    width:33%;

    /*background: red;*/

    /*margin: 15px 10px 10px 10px;*/

    /*padding: 20px;*/

    text-align: center;

    font-size: 0.14rem;

    font-weight: 600;

    color: #61d2f7;

    text-align: center;

    margin-bottom: .1rem;

}





.fontInner span{

    display:inline-block;

    /*float: left;*/

    /*height: 20px;*/

    width:32%;

    color: #ffffff;



    /*background: red;*/



}

.fontInner span b{

    display: inline-block;

    border-radius: 0.03rem;

    color: #ffffff;

    line-height: .2rem;

}

/*#FontScroll ul li:nth-child(1) .fontInner span b{

    background: #EB6841



}*/



#FontScroll ul li:nth-child(8n-4) .fontInner span b{ background: #20a8fe }

#FontScroll ul li:nth-child(8n-3) .fontInner span b{ background: #EB6841 }

#FontScroll ul li:nth-child(8n-2) .fontInner span b{ background: #3FB8AF }

#FontScroll ul li:nth-child(8n-1) .fontInner span b{ background: #FE4365 }

#FontScroll ul li:nth-child(8n-5) .fontInner span b{ background: #FC9D9A }

#FontScroll ul li:nth-child(8n-6) .fontInner span b{ background: #EDC951 }

#FontScroll ul li:nth-child(8n-7) .fontInner span b{ background: #C8C8A9 }

#FontScroll ul li:nth-child(8n) .fontInner span b{ background: #83AF9B }

#FontScroll ul li:first-child .fontInner span b{ background: #036564 }

#FontScroll ul li:last-child .fontInner span b{ background: #3299BB }



.nyzj{width:96%; margin:2% auto;}

.nyzj ul li{width:31%; margin:1%; float:left; text-align:center;}

.nyzj ul li img{width:100%;}

.nyzj ul li a{ color:#fff; line-height:.3rem;}

.nyzj ul li a span{ background:url(../images/menu_bj.png) no-repeat; text-align:center; background-size:100%; margin:.05rem 0;display:block; height:.4rem;}



.chart2{}



#tab_header1{

    width: 100%; margin-top:2%;

    height: .4rem;

/*    border: 1px solid red;*/

}

#tab_header1 .selected{

    background: rgba(56, 188, 233, 1);

}

#tab_header1 li{

    float: left;

    width: 50%;

    color: #ffffff;

    text-align: center; font-size:.2rem;

    line-height: .4rem;

    cursor: pointer;

}

#tab_content1{

    width: 100%;

    height: 2.8rem;

/*    border: 1px solid purple;*/

}

#tab_content1 .dom li p,

#tab_content1 .dom li span,

#tab_content1 .dom li label{

    color: #ffffff;

}

#tab_content1 .dom li{

    width:100%;

    /*border: 1px solid red;*/

    float: left;

}

#tab_content1 .dom li p{

    margin-bottom: 0.05rem;

}

#tab_content .dom li span{



    font-size: .25rem;

    padding-top: .1rem;

}

#tab_content1 .dom li:nth-child(1) span{

    color: #ebec2f;

}

#tab_content1 .dom li:nth-child(2) span{

    color: #25f3e6;

}

#tab_content1 .dom li:nth-child(3) span{

    color: #13ff03;

}

#tab_content1 .dom  .list-t{

    float: left;

    width: 100%;

    height: 1.5rem;

    padding-top:.1rem;

}

#tab_content1 .dom .list-t li{

    width:100%;

    border-bottom: 1px solid #55bcd4;

    padding:.1rem 0;



}

#tab_content1 .dom .list-t li span,

#tab_content1 .dom .list-t li p{

    color: #ffffff;

}

#tab_content1 .dom .list-t li span{

    display: inline-block;

    font-size: .1rem; line-height:.4rem;

}

#tab_content1 .dom .list-t li p strong{ font-size:.2rem; font-weight:bold; color:#61d2f7;}

#tab_content1 .dom .list-t li span strong{ font-weight:bold; font-size:.2rem; color:#61d2f7;}



.search{ height:.4rem;margin-top:16px;width:100%; background:rgba(16,78,127,.5);}

.sinput{float:left; width:90%; height:.4rem; border:none; background:none; color:#fff; padding-left:12px;font-family:"微软雅黑"; font-size:12px; line-height:.4rem; outline:none; border-radius:.1rem;} 

.sbtn{float:left; width:.4rem; height:.4rem; padding-left:3%; border-left:1px solid #3b6484; border-right:none; border-top:none; border-bottom:none;background:url(../images/fdj.png) no-repeat center center; cursor:pointer; background-size:70% 70%;} 





/*下拉框*/



.select {

    width: 3rem;

    height: 0.4rem;

    position: relative;

    font-size: 0.18rem;

    color: #fff; background:#0e94eb;

    outline: none;

}



.select-div {

    box-sizing: border-box;

    width: 3rem;

    height: 0.4rem;

    line-height: 0.4rem;

    background: url(../images/arrow.png) 95% center no-repeat;

    padding-left: 10px;

    cursor: default;

    position: absolute;

    top: 0;

    left: 0;

    color: #fff;

}



.select-ul {

    position: absolute;

    width: 3rem;

    top: 0.5rem;

    left: 0;

    z-index: 10;

    display: none;

}



.select-ul.company1 {

    height:auto;

    overflow-y: auto;

}



.select-ul>li {

    line-height: 0.4rem;

    padding-left: 10px;

    box-sizing: border-box;

    background-color:#0e94eb;

    cursor: default;

    color: #fff;

}



.select-ul>li.active,

.select-ul>li:hover {

    color: white;

    background: #0e94eb;

}



.select-ul>li {

    width:3rem;

}



.t_mbox{

    width:46%;

    height: 1.28rem; float:left;

    position: relative;

    margin: 0 2%;

    margin-top: 0.4rem;

}

.t_rbox{

    background: #13D0B2;

}   

.t_gbox{

    background: #F6A645;

}

.t_ybox{

    background: #F6A645;

}

.t_mbox a{ display:block;width:100%; height:100%;}

.t_mbox i{

    display: inline-block;

    width: 0.70rem; font-size:.7rem;

    height: 0.70rem;

    position: absolute;

    top: 0;

    bottom: 0; color:#fff;

    left:10%;

    margin: auto;

}

.t_mbox h2{

    font-size: 0.1rem;

    color: #fff;

    position: absolute;

    top: 50%; line-height:.4rem !important;

    left: 50%;

}

.t_mbox span{

    font-size: 0.2rem;

    color: #fff;

    position: absolute;

    top: 24%;

    left: 48%;

}

.t_rbox i{

    background: url(../img/indent.png) no-repeat;

    background-size: 100% 100%;

}



.weather-box {

    width:100%;

    height: 1.1rem;

    border: 1px solid #0E94EA;

    display: flex;

    flex-flow: row nowrap;

    justify-content: space-around;

    align-items: center;

}



.weather-box>.data {

    width: 2.19rem;

    height: 0.65rem;

    border-right: 2px solid #cdddf7;

}



.data>p {

    font-size: 0.16rem;

    margin: 0 5px;

    color: #cdddf7;

    text-align: center;

    margin: 0;

}



.data>p>span {

    margin: 0 5px;

}



.data>p.time {

    font-size: 0.4rem;

    height: 0.4rem;

    line-height: 0.4rem;

}



.weather-box>.weather {

    width:50%;

    height: 0.65rem;

    display: flex;

    flex-flow: row nowrap;

    justify-content: space-around;

    align-items: center;

}



.weather>img {

    height: 100%;

}



.weather>div {

    width: 50%;

    height: 100%;

}



.weather>div>p {

    font-size: 0.12rem;

    color: #cdddf7;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    height: 0.24rem;

    line-height: 0.24rem;

}



.weather>div>p.active {

    color: white;

    font-size: 0.16rem;

}









.visual{width:98%; margin:0 auto; overflow:hidden;}



.visual_box{height:3.5rem; margin-bottom:.2rem;}

.visual_box .visual_title{position:relative;height:.4rem;margin:5px 0;}

.visual_box .visual_title span{color:#fff;font-size:.24rem;line-height:.3rem;}

.visual_box .visual_title img{width:100%;position:absolute;left:0;bottom:0;}

.visual_box .visual_chart{height:calc(100% - 35px);}



.visual_left{width:25%;float:right;}

.visual_left .sfzcll{position:relative;}

.visual_left .sfzcll a{width:32%;text-align:center;line-height:.6rem;color:#fff;display:inline-block;}

.visual_left .sfzcll .sfzcll_pos_box{width:100%;height:calc(100% - 30px);}

.visual_left .sfzcll .sfzcll_box{width:100%;height:calc(33% - 15px);line-height:1rem;background:rgba(15,47,72,0.8);border:1px solid #1380bd;position:relative;margin-bottom:15px; overflow:hidden;}

.visual_left .sfzcll .sfzcll_box:last-of-type{margin:0;}

.visual_left .sfzcll .sfzcll_box .sfzcll_bkJk{position:absolute;}

.visual_left .sfzcll .sfzcll_box .sfzcll_bkJk:first-of-type{top:-2px;left:-2px;}

.visual_left .sfzcll .sfzcll_box .sfzcll_bkJk:nth-child(2){top:-2px;right:-2px;}

.visual_left .sfzcll .sfzcll_box .sfzcll_bkJk:nth-child(3){bottom:-2px;right:-2px;}

.visual_left .sfzcll .sfzcll_box .sfzcll_bkJk:nth-child(4){bottom:-2px;left:-2px;}

.visual_left .sfzcll .sfzcll_box label{width:33%;color:#fff;text-align:center;float:left;}

.visual_left .sfzcll .sfzcll_box label img{width:23px;height:23px;margin-right:5px;margin-top:-2px;}

.visual_left .sfzcll .sfzcll_box .sfzcll_smallBk{width:33%;height:100%;float:left;padding:2px 5px;}

.visual_left .sfzcll .sfzcll_box .sfzcll_smallBk>div{height:100%;background:url(../images/ksh38.png) no-repeat;background-size:100% 100%;text-align: center;line-height:1rem;}

.visual_left .sfzcll .sfzcll_box .sfzcll_smallBk .ygl{color:#00ffc6;}

.visual_left .sfzcll .sfzcll_box .sfzcll_smallBk .ygh{color:#ffe400;}



.visual_con{width:75%;height:100%;float:left;padding:.2rem 2% 0 0;}

.visual_con .visual_conTop{height:1.8rem;margin-bottom:10px;}

.visual_con .visual_conTop .visual_conTop_box{height:100%;padding:0 3px;}

.visual_con .visual_conTop .visual_conTop1{width:20%;height:100%;float:left;}

.visual_con .visual_conTop .visual_conTop1>div{background:url(../images/ksh40.png) no-repeat;background-size:100% 100%;}

.visual_con .visual_conTop .visual_conTop2{width:30%;height:100%;float:left;}

.visual_con .visual_conTop .visual_conTop2>div{background:url(../images/ksh39.png) no-repeat;background-size:100% 100%;}

.visual_right{width:25%;height:100%;float:right;}

.visual_con .visual_conTop .visual_conTop_box>div{height:100%;}

.visual_con .visual_conTop .visual_conTop_box>div h3{color:#fff;font-size:.24rem;padding:16px 0 0 20px; text-align:center; display:block;}

.visual_con .visual_conTop .visual_conTop_box>div p{width:45%;float:left;line-height:1rem;color:#20dbfd;text-shadow:0 0 25px #00d8ff;font-size:.6rem;text-align:right;}

.visual_con .visual_conTop .visual_conTop_box>div .conTop_smil{width:55%;height:60px;float:left;padding-top:.2rem;}

.visual_con .visual_conTop .visual_conTop_box>div .conTop_smil a{display:block;line-height:.3rem;text-align: left;color:#fff;padding-left:9px;}

.visual_con .visual_conTop .visual_conTop_box>div .conTop_smil span{width:32px;display:inline-block;margin-left:3px;}

.visual_con .visual_conTop .visual_conTop_box>div .conTop_smil a.sz{color:#fe3e12;}

.visual_con .visual_conTop .visual_conTop_box>div .conTop_smil a.xd{color:#12fe81;}

.visual_con .visual_conTop .visual_conTop_box>div .conTop_smil a.null{visibility:hidden;}



.visual_con .visual_conBot{background:url(../images/ksh41.png) no-repeat;background-size:100% 100%; position:relative; padding-bottom:3%;}

.visual_con .visual_conBot>img{position:absolute;width:25px;height:25px;}

.visual_con .visual_conBot .visual_conBot_l{position:absolute;left:0;top:0;}

.visual_con .visual_conBot .visual_conBot_2{position:absolute;right:0;top:0;}

.visual_con .visual_conBot .visual_conBot_3{position:absolute;right:0;bottom:0;}

.visual_con .visual_conBot .visual_conBot_4{position:absolute;left:0;bottom:0;}

.visual_con .visual_conBot .visual_chart{width:100%;height:100%;position:absolute;}

.visual_con .visual_conBot .visual_chart_text{color:#fff;position:absolute;top:15px;left:15px;z-index: 99;}

.visual_con .visual_conBot .visual_chart_text h1{font-size:1rem;margin-bottom:6px;}

.visual_con .visual_conBot .visual_chart_text h2{font-size:.6rem;}

.visual_con .visual_conBot .visual_conBot_bot{width:calc(98% - 8px);height:2rem;background:rgba(16,54,87,0.5);border:1px solid #345f92;z-index:99; margin:0 auto;}



.visualSssf_left{width:40%;float:left;color:#fff;padding:10px 20px 0 20px;}

.visualSssf_left h3{color:#fff;font-size:.24rem;font-weight:600;margin-bottom:10px;}

.visualSssf_left a{width:50%;color:#fff;display:inline-block;margin-bottom:10px;cursor:pointer;}

.visualSssf_left a.active{color:#01f0ff;}

.visualSssf_right{width:60%;height:100%;float:left;}

.visualSssf_right .visualSssf_right_box{width:33%;float:left;height:100%;}



.visualSfzsfl{position:relative;}

.visualSfzsfl .visual_chart{opacity:0.6}

.visualSfzsfl .visual_table{width:60%;position:absolute;z-index: 99;top:40px;left:0;}

.visualSfzsfl .visual_table table{width:100%;color:#fff;text-align:center;}

.visualSfzsfl .visual_table table tr{border-bottom: 1px dashed #ddd;}

.visualSfzsfl .visual_table table tr:first-child{color:#01c0ff;}

.visualSfzsfl .visual_table table tr:last-child{border-bottom: 1px solid #ddd;}



.spxq{ overflow:hidden; height:6.6rem; margin-bottom:.2rem;}

.spxq ul li{ float:left;width:31.2%; margin:1%;}

.spxq ul li a img{width:100%;}

.spxq ul li p{ color:#aaa;}



.visual_box1{height:3.45rem;background: rgba(16,54,87,0.5);border: 1px solid #345f92;}

.visual_box1 .visual_title{position:relative;height:35px;margin:5px 0;}

.visual_box1 .visual_title span{color:#fff;font-size:.26rem;line-height:.5rem; padding-left:5%; font-weight:bold;}

.visual_box1 .visual_title img{width:100%;position:absolute;left:0;bottom:-10%;}



.visual_zs{ padding:3%;}

.visual_zs .visual_nr ul li a{ background:url(../images/menu_bj.png) no-repeat; background-size:100%; color:#fff;width:43%; margin:3%; float:left; text-align:center; line-height:.6rem; font-size:.22rem;}

.visual_zs .visual_nr ul li a:hover{background:url(../images/menu_bj1.png) no-repeat; background-size:100%;}

.visual_zs .visual_tt{ line-height:.36rem; font-size:.22rem; text-align:center; padding:3% 0;}



.shell{width:100%; overflow:hidden;padding:3px 2px 2px 0;}

#div1{ height:2.8rem;overflow:hidden;}

#div1 a{display:block;line-height:.4rem;text-decoration:none;color:#fff;font-size:.16rem; border-bottom:1px solid #32465b;}

#div1 a:hover,#div1 a:hover span i,#div1 a:hover span{ color:#F60;}

#div1 a span{ float:right;color:#999}

#div1 a span i{ float:left; color:#999}



.visual_nr1{ line-height:1rem; color:#fff;}

.visual_nr1 strong{ font-weight:bold; color:#20dbfd;}



.visual_box1 .visual_zs .visual_nr2{width:100%; text-align:center; height:100%; overflow:hidden;}

.visual_box1 .visual_zs .visual_nr2 ul li img{max-height:100%;width:30%;}





.baseBoxzho{ overflow:hidden; height:2rem; float:left;width:100%;}

.about_illnsjl {

    width: 100%;

    margin-left: .6vw;

    color: #fff;

    font-size: .6vw;

}

.about_illnsjl > div {

    display: inline-block;  

    width: 99%;

    background-image: url(../images/down3.png);

    background-size: 100% 100%;

}

.symptomnsjl {

    /* text-indent: .2vw; */

    /* font-size: .5vw; */

}

.symptomnsjl_title{ font-weight:bold; font-size:.8vw; line-height:1.6vw; padding-top:.1rem; text-indent:8vw; color:#0EFCFF}

.symptomnsjl_content, .prevent_content { padding:0;

    color: #fff;

    margin-top: .5vw; font-size:.8vw;

	line-height:1.6vw;

}

.symptomnsjl_title .prevent_title {

    font-size: .1vw;

    color: red;

}

.symptomnsjl_content ul{width:100%; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.3);}

.symptomnsjl_content ul:last-child{ border-bottom:0;}

.symptomnsjl_content ul li{ float:left;width:12.5%; text-align:center; border-right:1px solid rgba(255,255,255,.3); line-height:.6rem;}

.symptomnsjl_content ul li:last-child{ border-right:0;}

.sy01{ background:rgba(16,160,162,.3);}