.cf{clear: both;}
.common-nav{height: 60px; line-height: 60px;}
.common-nav .title{color: #000000; font-size: 30px; font-weight: bold;}
.common-nav a.more{float: right; color: #949494; font-size: 14px; text-decoration: none;}
.common-list ul{line-height: 40px;}
.common-list ul li.prefix{
    padding-left: 20px; 
    background-image: url(../images/list_style_type_01.jpg); background-repeat: no-repeat; background-position: 5px 16px;
}
.common-list ul li span.date{float: right; color: #949494;}
.common-list ul li a{color: #323845;}
.common-list ul li a:hover{text-decoration: underline;}
/* header */
.logo{height: 160px; background-image: url(../images/header_bg.jpg); background-size: 100% 160px;}
.logo .in{width: 1200px; margin: 0 auto;}
.logo .in .logoimg{margin-top: 44px;}
.logo .in a.loginbtn{
    position: relative; top: 60px;
    display: block; float: right;
    width: 96px; height: 35px;line-height: 35px;background-color: #006CD2; border-radius: 6px;
    text-align: center; color: white; font-size: 14px; 
}
.logo .in a.loginbtn:hover{text-decoration: none;}
.menu{height: 60px; background-color: #247CF6;}
.menu .in{width: 1200px; margin: 0 auto;}
.menu .in .item{width: 150px; height: 57px; line-height: 57px; float: left; text-align: center;}
.menu .in .item a{color: white; font-size: 20px; text-decoration: none;}
.menu .in .active{border-bottom: 3px solid white;}

/* main */
.main{padding-top: 20px; padding-bottom: 50px; background-image: url(../images/main_bg.jpg); background-size: 100% 100%;}
.main .in{width: 1200px; margin: 0 auto;}

.main .in .top-area{padding: 20px 20px 0px; background-color: white; border-radius: 6px;}
.main .in .top-area .carousel{width: 595px; margin-right: 20px; float: left; }
.main .in .top-area .carousel img{border-radius: 6px;}
.main .in .top-area .news{width: 545px; float: left;}
.main .in .top-area .news .common-nav .special{color:#006CD2;}

.main .in .mid-area{height: 88px; margin-top: 20px; padding-top: 40px; padding-left: 20px; background-image: url(../images/mid-area.png); background-size: 100% 100%;}
.main .in .mid-area .left{width: 760px;float: left; margin-right: 50px; text-align: right;}
.main .in .mid-area .right{width: 360px;float: left;}
.main .in .mid-area .left input.keyword{outline: none; width: 100%; height: 48px; padding-left: 30px; border-radius: 6px; border: none; box-sizing: border-box;  font-size: 14px;}
.main .in .mid-area .left input.submit{
    position: relative; top: -44px; left: -5px;
    width: 160px; height: 40px; border-radius: 6px; border: none;
    background-color: #2580FF; text-align: center; color: white;  font-size: 14px; cursor: pointer;
}

.main .in .bottom-area{margin-top: 20px;}
.main .in .bottom-area .left{width: 590px; padding: 20px 15px; float: left; margin-right: 20px; background-color: white; box-sizing: border-box; border-radius: 10px;}
.main .in .bottom-area .right{width: 590px; padding: 20px 15px; float: left;background-color: white; box-sizing: border-box;border-radius: 10px;}

.main .in .zt{margin-top: 40px;}
.main .in .zt .item{float: left; margin-right: 2px;}
.main .in .zt .item:last-child{margin-right: 0px;}

/* footer */
.footer_up{height: 92px; line-height: 92px; background-color: #006CD2; text-align: center; color: white; font-size: 14px;}
.footer_up span{margin-right: 20px;}
.footer_up span a{color:white;}
.footer_down{height: 44px; line-height: 44px; background-color: #1D2022; text-align: center; color: white; font-size: 14px;}
.footer_down span{margin-right: 20px;}
.footer_down span a{color:white;}
.footer_down2{background-color: #1D2022; text-align: center; color: white; font-size: 14px;}