@charset "UTF-8";
*{
    margin: 0 auto ;
    padding: 0;}
.clearfix:after {display:block; visibility:hidden; clear:both; content:'.'; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
.clearfix {*zoom:1;display:block;}
/*去除下划线*/
a,img{
    text-decoration: none;
border:0;
}
ul{
    list-style: none;}
body{
    min-width: 1518px;}
.top{
    height: 105px;
    width: 1518px;
}
.top a,.top a img{display:block;height:105px;width:auto;}   
.top_nav{
    background-color: #3285c4;}
.nav{
    width: 1280px;
    /* overflow: hidden; */
    font-size: 17px;
    height: 40px;
    /* background-color: chartreuse; */
    line-height: 40px;}
li{
    float: left;}
li a,.dropdth{
    display: inline-block;
    color:white;
    padding: 0px 30px;}
.dropdown{
    display: inline-block;
    position: relative;
    z-index: 10;}
.dropdown:hover{
    background-color: #f8f6f6;
    transition: all 0.1s linear ;
    opacity: 0.8;}
.dropdown:hover a{
    color: #000;}
.case_content{
    width: 128px;
    background-color: #f8f6f6;
    position: absolute;
    display: none;}
.case_content a{
    display: block;
    width: 100%;
    padding: 0 14px;
    box-sizing: border-box;
    }
.case_content a:hover{
    background-color:#3285c4;
    color: white;}
.case_content1{
    width: 162px;
    background-color: #f8f6f6;
    position: absolute;
    display: none;}
.case_content1 a{
    display: block;
    text-align:center ;}
.case_content1 a:hover{
    background-color: #3285c4;
    color: white;}
.dropdown:hover .case_content1{
    display: block;}
.dropdown:hover .case_content{
    display: block;}
/* 主体 */
.main{
    width: 1280px;
    /* height: 1000px; */
    /* background-color: thistle; */
    /* 解决子margin父也动问题 */
    overflow: hidden;}
.body1{
    width: 1200px;
    height: 400px;
    /* background-color: tomato; */
    margin-top: 40px;
    position: relative;}
.body1_left{
    width: 520px;
    height: 400px;
    /* background-color: violet; */
    position: absolute;}
.body1_right{
    width: 560px;
    height: 400px;
    /* background-color: rgb(51, 224, 103); */
    position: absolute;
    right: 0px;}
.body2{
    width: 1200px;}
.big_title{
    width: 560px;
    height: 55px;
    /* background-color: turquoise; */
    position: relative;}
.title{
    width: 560px;
    height: 40px;}
.s_big_title{
    width: 370px;
    height: 40px;
    /* background-color: turquoise; */
    position: relative;}
.s_title{
    width: 370px;
    height: 40px;}
.s_line{
    width: 370px;
    height: 1px;
    background-color: #8b9496;
    margin-top: -5px;}
.work{
    color: #333333;  
    font-size: 20px;
    line-height: 40px;
    font-weight:bold;  /*加粗*/
    float: left;
    margin-left: 4px;}
.more{
    float: right;
    line-height: 40px;
    font-size: 15px;}
.title a{
    color: #333333;}
.s_title a{
    color: #333333;}
.line{
    width: 560px;
    height: 1px;
    background-color: #8b9496;
    margin-top: -5px;}
.crude_line{
    width: 88px;
    height: 1.5px;
    background-color:#3285c4;
    position: absolute;}
.body1_content{
    width: 560px;
    height: 345px;}
.news{
    width: 560px;
    height: 50px;
    /* background-color: blueviolet; */
    position: relative;
    margin-bottom: 10px;}
.time{
    width: 50px;
    height: 40px;
    background-color: #3285c4;
    border-radius: 20%;
    position: absolute;
    top: 5px;
    left: 5px;
    line-height: 40px;
    text-align: center;}
.date{
    color: white;}
.new{
    width:500px;
    height: 40px;
    /* background-color: violet; */
    float: right;
    position: absolute;
    right: 0px;
    top: 5px;}
.new a{
    font-size: 15px;
    color: #333333;}
.new span{
    font-size: 12px;
    color: #a6a6a6;
    position: absolute;}
.time2{
    width: 80px;
    height: 35px;
    border: 1px #3285c4 solid;
    position: absolute;
    top: 6px;
    border-radius: 10%;
    }
.time2 span{
    font-size: 10px;}
.vertical_line{
    width: 1.5px;
    height: 30px;
    background-color:#3285c4 ;
    margin-top: 2px;}
.time_left{
    width: 37.75px;
    height: 32px;
    /* background-color: tomato; */
    position: absolute;
    top: 2px;}
.time_right{
    width: 37.75px;
    height: 32px;
    /* background-color: rgb(214, 120, 12); */
    position: absolute;
    top: 2px;
    right: 0px;}
.month{
    position: absolute;
    left: 8px;
    color:#3285c4 ;}
.year{
    position: absolute;
    top: 18px;
    left: 5px;
    color: #3285c4;}
.month1{
    color:#3285c4 ;
    font-size: 18px;
    position: absolute;
    top: 2px;
    left: 8px;}
.new2{
    width: 477px;
    height: 40px;
    /* background-color: rgb(166, 218, 26); */
    position: absolute;
    right: 0px;
    top: 5px;
    line-height: 40px;}
.new2 a{
    color: #333333;
    margin-left: 5px;}
.body2_left{
    width: 370px;
    height: 200px;
    /* background-color: rgb(82, 26, 185); */
    float: left;
    position: relative;
    margin-right: 45px;}
.body2_mid{
    width: 370px;
    height: 200px;
    /* background-color: rgb(19, 230, 212); */
    float: left;
    margin-right: 45px;}
.body2_right{
    width: 370px;
    height: 200px;
    /* background-color: rgb(221, 129, 25); */
    float: left;
    position: relative;}
.button1{
    width: 150px;
    height: 70px;
    background-color: #d02170;
    position: absolute;
    top: 80px;
    left: 20px;
    line-height: 70px;
    text-align: center;}
.button1:hover{
    opacity: 0.8;}
.button2:hover{
    opacity: 0.8;}
.button3:hover{
    opacity: 0.8;}
.button4:hover{
    opacity: 0.8;}
.button2{
    width: 150px;
    height: 70px;
    background-color: #d09021;
    position: absolute;
    top: 80px;
    right: 20px;
    line-height: 70px;
    text-align: center;}
.button3{
    width: 150px;
    height: 70px;
    background-color: #dddb25;
    position: absolute;
    top: 80px;
    left: 20px;
    line-height: 70px;
    text-align: center;}
.button4{
    width: 150px;
    height: 70px;
    background-color: #22ac38;
    position: absolute;
    top: 80px;
    right: 20px;
    line-height: 70px;
    text-align: center;}
.guanli{
    color: white;
    font-size: 18px;}
.lianjie{
    display: block;
    margin-top: 5px;
    color: #333333;}
.link{
    margin-top: 10px;}
.body1 a:hover{
    color: #3285c4;}
.body2_mid a:hover{
    color: #3285c4;}
.s_title a:hover{
    color: #3285c4;}
/* 底部 */
.bottom{
    height: 160px;
    background-color: #333333;
    position: relative;}
.address{
    text-align: center;
    padding-top: 30px;
    color: #ababab;}
.copyright{
    text-align: center;
    padding-top:30px ;
    color: #ababab;}