*{margin: 0;padding: 0;list-style: none;text-decoration: none;}
body{font-size: 100%;background-color: #081832;  font-family: "Microsoft YaHei"!important;}
a:hover{text-decoration: none;}
.left{ float: left;}
.right{float: right;}
.clear{clear: both; float: none;}


/*头部样式*/
.header{
     width: 100%;
     height: 80px;
     background-color: #030829;
     margin-bottom: 10px;
}
.nav{ width: 26%; }
.nav>ul>li{
    display: inline-block;
    width: 120px;
    text-align: center;
    height: 50px;
    position: relative;
    line-height: 50px;
    margin-top: 15px;
    box-sizing: border-box;
    /*box-shadow: -5px 0px 5px #034c6a inset, !*?·|è?1é?′??±*!*/
    /*0px -5px 15px #034c6a inset, !*???è?1é?′??±*!*/
    /*5px 0px 15px #034c6a inset, !*??3è?1é?′??±*!*/
    /*0px 5px 15px #034c6a inset;*/
    border-radius: 5px;

}
.nav>ul>li i{
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top:3px;
    margin-right: 5px;
}
.nav>ul>li>a{
    color: #ffffff;
    /*display: inline-block;*/
    /*padding: 0 15px 0 5px;*/
    font-size: 14px;
}
.nav_1{
     background-image: url("../images/nav_1.png");
 }
.nav_active{
    border-bottom: 4px solid #4b8df8;
    box-shadow: -10px 0px 15px #034c6a inset, /*?·|è?1é?′??±*/
    0px -10px 15px #034c6a inset, /*???è?1é?′??±*/
    10px 0px 15px #034c6a inset, /*??3è?1é?′??±*/
    0px 10px 15px #034c6a inset;

    box-sizing: border-box;
}

.header_center{
    width: 38%;
    margin: 0px auto;
    color: #FFFFff;
    text-align: center;
    height: 5rem;
    line-height: 5rem;
    background-image: url("../images/logobg.png");
    background-size: 100% 100%;
}

.header_center h1{ font-size: 2rem; }

/*内容样式*/
.select_time{
    width: 140px;
    height: 36px;
    margin-bottom: 25px;
    margin-left: 1%;
   padding-left: 20px;
 ;

}
.select_time img{
    height: 18px;
    margin-top: 9px;
}
.static_top{
    width: 140px;
    height: 36px;
    line-height: 36px;
    background-color: #04425f;
    margin:2rem auto 2rem 2%;
    padding-left: 20px;
    border-radius: 1px;
    box-shadow: 0px 3px 3px #61d2f7;

}
.static_top i{
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    background-image: url("../images/nav_7.png");
    background-repeat: no-repeat;
    margin-right: 6px;
    top:1px;
}
.static_top span{
    color: #25f3e6;
}

.content{ width: 96%; margin:  auto 2% auto 2%; }
.logo{ width: 40%; margin: auto;}
.logo img{ width: 100%; }
.conleft,.conmidd,.conright ,.divpic{
    box-shadow: -10px 0px 15px #034c6a inset, /*?·|è?1é?′??±*/
    0px -10px 15px #034c6a inset, /*???è?1é?′??±*/
    10px 0px 15px #034c6a inset, /*??3è?1é?′??±*/
    0px 10px 15px #034c6a inset;
    border: 1px solid #034c6a;
    box-sizing: border-box;
    position: relative;
    margin-top: 25px;
    height: 460px;
    margin-bottom: 15px;
}

.conleft{ width: 25%; }
.conmidd{ width: 73% ; margin: 25px 0 auto 2%; }
.conright{ width: 25%; margin-left: 0; height: 280px;  margin-bottom: 0;}
.divpic{ width: 46%;  margin: 25px 0 0 2%;   height: 280px;}

.div_title{ 
 background-color: #034c6a;
    border-radius: 18px;
    position: relative;
    height: 35px;
    width: 60%;
    top:-15px;
    color: #ffffff;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
    margin: auto;
  }

  /*设置左边滚动的高度*/
.td_scroll{
    margin:.5rem 1rem 0 1rem;
     height: 335px;
    overflow: hidden;
}
.td_scroll tr td{
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: left;
}

.div_h_title {color: #fff;}
.div_h_title ,.ul_scroll{
    height: 2.5rem;
    margin:.5rem 1rem 0 1rem;
    overflow: hidden;
}
.div_h_title  li{ width: 24%; margin-left: .1rem; }
.div_h_title .li_1{width: 19.5%;}
.div_h_title .li_2{width: 54.5%;}
.div_h_title .li_3{width: 19.5%;}
.div_h_title td ,.ul_scroll li ,.div_h_title  li{ 
    float: left;
    color: #fff; 
    line-height: 2.5rem; 
    text-align: center; 
    background-color: #030829;
    margin-top: .2rem;
     }

.ul_scroll{
 margin-top:.5rem;
 height: 335px;
 overflow: hidden;
  color: #fff; 

}
.scroll_tab01{ color: #fff;  font-size: 1rem;  text-align: center;}
.scroll_tab tr td {
 height: 2.5rem;
 line-height: 2.5rem;
 text-align: center;
 /* text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0; */
 -webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
 -moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
*
 filter: Glow(color=#000, strength=1);
}
.ul_scroll tr:nth-of-type(odd){/* background-color: #00cccb; */} /*奇数行 */
.ul_scroll tr:nth-of-type(even){/* background:#006599; */}/*偶数行 */

.right_red,.right_black{ 
 background-color: red;
 width: 90%;
 margin:  auto;
 padding-top:1rem; 
 padding-bottom: 1rem;
 height:190px;
}

.right_red ul,.right_black ul,.right_red li,.right_black li{padding:0;margin:0;list-style-type:none}
.right_red div,.right_black div{height:13.2rem;overflow:hidden}
.right_red span ,.right_black span{
	display:block;
    color: #fff;
    text-indent: 1rem;
    line-height: 2.2rem;
}

.right_black{
  background-color:#333;
}
.scroll_tab .tsys ,.title_tab .tsys{text-align: left;padding-right: 5px;}

.divpic ul{ width: 96%; margin: 1% 1.5% 0 1.5% ; }
.divpic ul li{ width: 24%; margin-left:1%; float: left;}
.divpic ul li img{ width: 100%; height: 210px; }
@media screen and (min-width: 1920px) { 

.header_center h1{ font-size: 2.5rem;  line-height: 4.5rem}
.dcss{ width: 70% }
.content{ font-size: 1.2rem; }
.scroll_tab01{ font-size: 1.1rem; }
.right_red span ,.right_black span{ 
    text-indent: 1rem;
    line-height: 2.2rem;

}

.right_red,.right_black{
    min-height: 205px;
}
 .div_h_title .li_2{width: 19.5%;}

} 


@media screen and (max-width: 1680px) { 
    .div_title{ width: 70%; }
    .dcss{ width: 75% }
    .content{ font-size: 1.2rem; }
    .scroll_tab01{ font-size: 1.1rem; }
    .right_red,.right_black{ min-height: 205px;}
    .div_h_title .li_2{width: 19.5%;}

} 


@media screen and (max-width: 1280px) { 
.div_title{ width: 70%; }
.dcss{ width: 75% }
.header_center h1{ font-size: 1.5rem; }
.content{ font-size: 1rem; }
.scroll_tab01{ font-size: .8rem; }
.right_red,.right_black{
    min-height: 205px;
}
.div_h_title .li_2{width: 29.5%;}


} 


@media screen and (max-width: 1024px) { 
    .div_title{ width: 70%; }
    .dcss{ width: 75% }
    .header_center h1{ font-size: 1.3rem; }
    .content{ font-size: .8rem; }
    .scroll_tab01{ font-size:.6rem; }
    .right_red,.right_black{
    min-height: 205px;
        }
 

}