﻿﻿@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form, table,td,label,input,em,i,*{ margin:0; padding:0; border:0; list-style:none;font-weight: normal; font-family: 微软雅黑；}

input, select, textarea{outline:none;border:none;}


textarea {resize:none;}

em,i{ font-style:normal;}

a{text-decoration:none;}

a:hover{text-decoration:none;}

.clearfix:after {content:"";display:block;clear:both;}

.clearfix {zoom:1;clear:both;}

.fl{ float: left; }

.fr{ float: left;}

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    p,
    blockquote,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    pre,
    form,
    button,
    input,
    textarea,
    th,
    td {
        margin: 0;
        padding: 0;
    }
    
    input {
        border: 0;
        outline: none;
    }
    
    div {
        text-align: left;
      
    }
    
    a,
    a:link,
    a:visited {
        color: #333;
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    img {
        border: none;
    }
    
    ol,
    ul,
    li {
        list-style: none;
    }
    
    em {
        font-style: normal;
    }
    /*clear*/
    
    .clearfix:before,
    .clearfix:after {
        content: "";
        display: table;
    }
    
    .clearfix:after {
        clear: both;
        overflow: hidden;
    }
    
    .clearfix {
        zoom: 1;
    }
    /*other*/
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-align: left;
        font: normal 12px/200% Microsoft YaHei;
    }
    
.mt10 { margin-top: 10px;}
.mt40{ margin-top: 40px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.ml30{ margin-left:30px;}
.m10 { margin: 10px auto;}

.Ml15{ margin-left:15px;}
.MT10{ margin-top:10px;}
.MT15{ margin-top:15px;}
.MT25{ margin-top:25px;}
.MT30{ margin-top:30px;}
.MT45{ margin-top:45px;}


.pr15{ padding-right:15px;}
.pr25{ padding-right:25px;}
.pb50{ padding-bottom:30px;}
.w1200 {width: 1200px;margin: 0 auto;}
.plr30{ padding:0px 30px;}
/* 文字列表基础 */

.list-t li {
    position: relative;
    padding-left:10px;

    font-size: 18px;line-height:40px;background: url(icon_zcjc.png) left center no-repeat; padding-left:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:18px;}

.list-t li  a{
    color:#333;
}
/*
.list-t li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    background-color: #bbb;
    border-radius: 100px;
}
*/

.list-t li:hover:before {
    background-color: #1b80d2;
}
.list-t li a b{ color:#0b59c3; font-weight: normal;}
/*.list-t li:hover a b{ color:#333}*/
.list-t li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-t li a:hover{  text-indent:10px; transition: .2s; color: #074695;  }
.list-t li .date {
    position: absolute;
    top: 0;
    right: 0;
    color: #bbb;
}

.list-t li .date+a {
    width: 80%;
}
 .title_1{border-bottom: 2px solid #dcdcdc; margin-bottom: 15px; font-size: 20px;
  color: #015293;
  height: 50px;
  background: #F8F8F8;
  line-height: 50px; padding: 0px 10px;
  border-bottom: 1px solid #015293;}
 .title_1 p{line-height: 48px;float: left;font-size: 20px;color:#015293;font-weight: bold;}
 .title_1 img{margin: 0px 10px 0px 14px;position: relative;top: -2px;}
 .title_1 span{font-size: 14px;float: right;line-height: 48px;}
 .title_1 span a{color: #000000;}
 .title_1 span img{width: 12px;height: 12px;margin:0px 0 0 10px;}



.curmb{line-height: 24px; padding:16px 20px; background: #f7f8fa; border-bottom: #c6d5e9 1px solid;}
.curmb a:hover{color: #cc3333;}
/* 头部开始 */
body {background:#f8f9fb;}
.header {width:100%; height:500px; background:url(bg1.png) no-repeat center top;  background-size: 100%;}
.header .top-logo img {width: 390px; height:auto; margin: 45px 0px;}
.header .top-title img{ display:block; margin:30px 50px 0px;    text-align: left;}

.menubg{ line-height: 75px; height: 75px; width: 100%; background:#065fc6; }
.nav_list li{ float:left; width: 16.5%; }
.nav_list li:after, .nav_list li:before{content:''; position: absolute; width: 2px; top: 10px; bottom: 10px; background: url(nav_sep.gif) repeat-y;}

.nav_list li a{ display: block; font-weight: bold; color: #FFF; font-size: 24px; text-align: center;}
.nav_list li a:hover{ display: block; font-weight: bold; color:#ebff00; font-size: 26px; text-align: center;}


.box{margin: 0 auto;background-color: #ffffff;padding:  20px 20px;box-shadow: 0 0 10px rgb(154,154,154,58%);}
.box2{margin: 20px auto 0px;}
.box3 img{ width: 100%;overflow:  hidden;margin: 10px auto;}

.img_pic li{ float:left; width:19%;   min-height: 135px;	background-color: #f8f9fb;border:1px solid #CBD7F4; margin-right: 14px; border-radius: 5px;  }
.img_pic  li:hover {transform: translateY(-8px);-ms-transform: translateY(-8px);  transition: .2s;  } 
.img_pic li img{ display: block;  width: 80px; margin:15px auto 10px;}
.img_pic li:nth-last-child(1){ margin-right: 0px;}
.img_pic li a{ display: block; font-weight: bold; color: #333; font-size:16px; text-align: center;}
.img_pic li a:hover{ display: block; font-weight: bold; color:#065fc6; font-size:16px; text-align: center;}







/***网站底部-版权信息***/
.footer{width:100%;background:#e8e8e8;border-top:#20528f 5px solid;position:relative;z-index:100;}
.fotcon{text-align:center;font-size:14px;line-height:30px;padding:18px 0 25px;position:relative;}
.fotcon p{ margin: 0 auto; text-align: center;}
.fotcon span a{padding:0 10px;}
.fotcon img{padding-right:0.3em;}
.fotcon .dzjg{position:absolute;left:0;top:12px;width:80px;height:80px;}
.fotcon .jiucuo{left:auto;right:0;top:20px;width:110px;height:55px;}
.fotcon .dzjg img{padding-right:0;}




@media (max-width: 1024px){
	.header {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background: url(bg1.png) center bottom no-repeat;
    background-size: cover;
}	.header .top-logo img {
    margin: 15px 0px;
    width: 285px;
    height: auto;
}
	.header .top-title img {
    display: block;
    margin: 20px auto 40px;
    text-align: center;
   
}
	.img_pic li {
    float: left;
    width: 19%;
    min-height: 135px;
    background-color: #f8f9fb;
    border: 1px solid #CBD7F4;
    margin-right:8px;
    border-radius: 5px;
}
.img_pic li a {
    display: block;
    font-weight: bold;
    color: #333;
    font-size: 14px;
    text-align: center;
}	
	
}
@media (max-width: 991px){}
@media (max-width: 769px){
	.header {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background: url(bg1.png) center bottom no-repeat;
    background-size: cover;
}	.header .top-logo img {
    margin: 15px 0px;
    width: 285px;
    height: auto;
}
	.header .top-title img {
    display: block;
    margin: 20px auto 40px;
    text-align: center;
   
}
	.img_pic li {
    float: left;
    width: 19%;
    min-height: 135px;
    background-color: #f8f9fb;
    border: 1px solid #CBD7F4;
    margin-right:8px;
    border-radius: 5px;
}
.img_pic li a {
    display: block;
    font-weight: bold;
    color: #333;
    font-size: 14px;
    text-align: center;
}	
}
@media (max-width: 480px){
	.header {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background: url(bg1.png) center bottom no-repeat;
    background-size: cover;
}
.header .top-title img {
    display: block;
    margin: 20px auto 40px;
    text-align: center;
	width: 355px; 
}	
	
.header .top-logo img {
 margin: 15px 0px;
    width: 300px; height: auto;
}
.menubg{
background-color:#065fc6;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.11);
    height: auto;		
		
	}
.nav_list li {
    float: left;
    width: 33.3%; background: url(nav_sep.gif) repeat-y;
    overflow: hidden; height: 45px; line-height: 45px; margin:10px 0px;
}
.nav_list li a {
    display: block;

    color: #FFF;
    font-size: 16px;
    text-align: center;
}

	
.img_pic li {
    float: left;
    width: 48%;
    overflow: hidden; height: 120px; margin:10px 10px 10px 0;
}
.img_pic li:nth-child(2n) {
   margin-right:0px;
}
.img_pic li:nth-last-child(1) {
  
    width:100%;
    overflow: hidden; height: 120px;
}

	
}
@media (max-width: 414px){}
@media (max-width: 380px){
	.header .top-logo img {
    margin: 15px 0px;
    width: 285px;
    height: auto;
}
	.header .top-title img {
    display: block;
    margin: 20px auto 40px;
    text-align: center;
    width: 300px;
}
	
}
