.header{
    position: relative;
    width: 100%;
    height: 950px;
    background: url("../img/head_back.png") no-repeat ;
    background-position: center center;
}

.link{
    position: absolute;
    top: 0;
    right: 0;

}
.link a{
    float: left;
    width: 120px;
    height: 50px;
    background-color: #4c9fd5;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
}
.link a.toHome{
    border-right: 1px solid #fff;
}

.headerNav{
    position: absolute;
    width: 260px;
    height: 950px;
    background:url(../img/left_back.png) no-repeat;
}
.logo img{
    width: 260px;
    height: 314px;
}
.hyNav{
    padding:30px 20px
}

.hyNav li{ 
    display: inline-block;
    width: 45%;
    margin-bottom: 60px;
}
.hyNav li a{
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.icons{
    display: inline-block;
    width: 40px;
    height: 40px;
    
}
.icons1{
    background: url("../img/lyfb01.png") no-repeat;
}
.icons2{
    background: url("../img/lyjd02.png") no-repeat;
}

.icons3{
    background: url("../img/lyfw03.png") no-repeat;
}

.icons4{
    background: url("../img/lycs04.png") no-repeat;
}

.icons5{
    background: url("../img/tshy05.png") no-repeat;
}

.icons6{
    background: url("../img/hywh06.png") no-repeat;
}


.hyJs{
    display: inline-block;
    width: 120px;
    height: 30px;
    border-radius: 20px;
    background-color: #49976d;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
}

.headerBrief{
    

}
.titleImg{
    position: absolute;
    left: 50%;
    top: 100px;
    margin-left: -355px;
}
.hyJj{
    position: absolute;
    width: 1200px;
    top:75%;
    margin-left: 360px;
    color: #fff;
}
.hyJj p{
    line-height: 30px;
}
.hyJsC{
    font-size: 14px;
    font-weight: bold;
}
.hyNext{
    position: absolute;
    right: 0;
    bottom: 0;
}


.brief{
    
    width: 1200px;
    height: 500px;
    margin-left:360px; 
}
.briefComtent{
    position: relative;
    width: 100%;
    top:-80px;
    height: 550px;
    background-color: #fff;
}
.briefTitls{
    line-height: 30px;
    padding:10px 30px;
    font-size: 14px;
}
.briefTitls h3{
    font-weight: bold;
    font-size: 18px;
}
.briefTitls p{
    font-size: 12px;
}
.dateails{
    color: #4c9fd5;
    
}
.listBreak{
    display: inline-block;
    width: 1180px;
    padding: 10px;
    margin-top: 20px;
}
.listBreak li{
    display: inline-block;
    width: 280px;
    margin-right:  16px;
}
.listBreak li.laistList{
    margin-right: 0;
}
.listBreak li>a{
    width: 100%;
    height: 380px;
    display: inline-block;
    border: 1px solid #f6f6f6;
}
.listBreak li>a>img{
    width: 100%;
}
.listBreak li>a:hover{
    box-shadow: 0 0 10px 1px #5bb7cc;
}
.listTIlte{
    width: 200px;
    margin: 20px;
    font-size: 18px;
    color: #111;
}
.listContent{
    margin:0 20px;
    color: #666;
    text-align:justify;
    line-height: 23px;
}


.featureList{
    height: 430px;
    background-color: #7dcbc1;
}

.featureLists{
    color: #fff;
    width: 1200px;
    margin-left: 360px;
    text-align: center;
}
.table{
    padding-top: 50px;
}
.table>span{
    font-size: 24px;
    margin-right: 30px;
}
.tableList{
    text-align: center;
    margin-top: 50px;
}

.tableList>li{
    display: inline-block;
    margin-right:60px;
    margin-bottom: 40px;
}
.tableList>li>a{
    color: #fff;
    font-size: 14px;
}

.newsContent{
    width: 1200px;
    height: 900px;
    margin-left: 360px;
    padding-top:30px ;
    padding-bottom: 70px;
}

.newslist{
    display: inline-block;
    width: 370px;
    margin-right: 40px;
}

.lastNews{
    margin-right: 0;
}

.titles{
    border-bottom: 2px solid #5bb7cc;
    padding: 10px 0;
}
.gengduo{
    font-size: 14px;
    color: #666;
    line-height: 40px;
}
.Newstitle{
    display: inline-block;
    font-size: 24px;
    color: #5bb7cc;
    height: 40px;
    line-height: 40px;
    
}
.newsListBox li{
    padding-bottom: 20px;
    border-bottom:1px dotted #5bb7cc ;
}
.newsTitles{
    font-size: 18px;
    padding: 20px 0;
}

.newsListContent{
    line-height: 23px;
    font-size: 14px;
    text-indent: 2em;
    color: #666;
    margin-bottom: 20px;
    text-align: justify;
}
.time{
    font-size: 14px;
    color: #333;
}
.newsImg {
    margin-top: 50px;
    margin-bottom: 40px;
}
.newsImg li{
    display: inline-block;
    width: 145px;
    height: 200px;
    margin-right: 27px;
    
}
.newsImg li a{
   float: left;
   position: relative;
    width: 100%;
    height: 100%;
}
.newsImg li a img{
    width: 100%;
    height: 100%;
}
.newsImg li div{
    position: absolute;
    top: 0;
    left: 0;
    width: 145px;
    height: 200px;
    background: rgba(0, 0, 0, 0.3);
}
.newsImgtitle{
    display: block;
    position: relative;
    top:50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -48px;
    width: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    
}
.newsImg li.lastNewsImgList{
    margin-right: 0;
}

.hydynamic{
    height: 480px;
    background-color: #dfdfdf;
}

.hydynamicContent{
    width: 1200px;
    margin-left: 360px;
    color: #fff;
}
.tabhydynamic{
    display: inline-block;
   
}
.tabhydynamic>a{
    font-size: 24px;
    color: #999;
}
.tabhydynamic>a.active{
    color: #5bb7cc;
    font-weight: bold;
}
.tabContent{
    text-align: center;
    padding-top: 50px;
}
.gdmore{
    float: right;
    line-height: 30px;
    color: #999;
}

.moreList{
    display: none;
}

.show{
    display: block !important;
}


.moreList >li{
    display: inline-block;
    width: 575.5px;
    padding: 20px 0;
    border-bottom: 1px solid #5bb7cc;
    margin-right: 45px;
}
.newsColor{
    color: #111;
}
.newsListContentColor{
    color: #666;
}


.banner{
    height: 470px;
    width: 1200px;
    padding: 50px 0;
    margin-left: 360px;
}

.bannerImg{
    width: 590px;
    height: 380px;
}
.bannerImg img{
    width: 100%;
    height: 100%;
}
.bannerIntroduce{
    position: relative;
    display: inline-block;
    width: 580px;
    height: 280px;
    padding: 50px 0;
}


.bannerIntroduce h4{
    color: #5bb7cc;
    font-size: 32px;
    text-align: left;
    font-weight: bold;

}
.bannerIntroduce>p{
    line-height: 28px;
    font-size: 14px;
    text-align: justify;
    color: #666;
    margin-top: 30px;
}

.solid{
   
    float: left;
    width: 500px;
    height: 1px;
    background-color: #999;
    margin-top: 9px;
}

.solidGd{
   margin-top: 40px;
    height: 20px;
}
.solidGd>a{
    color: #999;
    margin-left: 20px;
   
}

.listBreakfoote{
    width: 1200px;
    margin-left: 360px;
}
.listBreakfoote>li{
    width: 380px;
    margin-right: 25px;
    padding-bottom:20px ;
}

.listBreakfoote>li>a{
    width: 100%;
    height: 100%;
    padding-bottom:20px ;
}

/*轮播*/
/***/
 .content-l{ width: 1200px;height: 500px;; float: left; overflow: hidden; position: relative;}
.content-l .swiper-container {width: 1200px ;height: 380px;}
.content-l .content-slide {padding: 20px;color: #fff;}
.content-l .pagination {
    position: absolute;
    right: 10px;
    text-align: center;
    bottom: 24px;
    /*width: 150px;*/
    width: 100%;
    z-index: 99;
}
.content-l .swiper-pagination-switch {
  display: inline-block;
  width: 20px;
  height: 20px;
  background:url(../img/pic2.png);
  margin: 0 5px;
  cursor: pointer;

}
.content-l .swiper-active-switch {
    width: 20px;
    height: 20px;;
    background:url(../img/pic1.png);}
.content-l .swiper-slide{ position: relative; float: left; }
/*.content-l .swiper-container .swiper-wrapper .swiper-slide span{ position: absolute; bottom: 0; left: 0; height: 65px; line-height: 65px; width: 100%; 
    background: url(/bcms/DFS/template/3108/images/nav-bg.png); font-size: 16px; color: #ffffff; text-indent: 2em;background-size: 100% 100%;
}*/
.content-l .swiper-container .swiper-wrapper .swiper-slide span:hover{text-decoration: underline;}
.content-l .mar{ width: 100%; height: 100px; float: left; margin-top:20px; overflow: hidden;}


.multiple-items {width:660px;height:100px;overflow:hidden; position: relative;}
.content-l .mar p{text-align: center; margin-right: 12px; width: 33px; float: left; height: 160px; overflow: hidden; background: #2d5a9d;}
.content-l .mar p a{ width: 14px; float: left;height: auto; color: #fff; font-size: 14px; margin-left: 10px; margin-top: 20px;line-height: 15px;} 

/**/

.margin-right0{
    margin-right:0px !important;
}