.headerTop{height: auto;background: transparent;}

 

.Banner{ overflow: hidden; position: relative; height: 0;padding-bottom: 29.6%;}
.Banner .flexslider { width:100%; background: #fff;  position: relative; zoom: 1; overflow:hidden; }
.Banner .flexslider ul li{ list-style:none; position: relative;}
.Banner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:29.6%; overflow:hidden;position: relative;}
.Banner .flexslider ul li .slideImg .cover{ display: block; position: absolute; right: 0; top: 0; z-index: 1; background: url(../image/topbg.png) repeat; width: 100%; height: 200px;}
.Banner .flexslider ul li .slideImg .s-img{ display: block; }
.Banner .flexslider ul li .slideMore{display:block; width: 54px; height: 20px; text-align: center; line-height: 20px;background: url(../image/subnavbg.png) repeat; position: absolute; right: 50px; bottom: 27px;}
.Banner .flexslider ul li .slideMore .s-more{ font-size: 1.3em; color: #004691; }

.Banner .flexslider ul li img{ border:none; width:100%;}
.Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.Banner .loading .flex-viewport {  }
.Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.Banner .carousel li { margin-right: 5px; }

.Banner .flex-control-nav {width:auto; position: absolute; bottom:20px; right:136px;text-align:center;z-index:9;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 31px; height: 30px; display: block; background:url(../image/icon.png) no-repeat; cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:url(../image/icon21.png) no-repeat; box-shadow: 0px 3px 5px #666; border-radius: 50%;}



.Banner .flex-direction-nav{ display:none; }
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:36px;height:73px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;
  -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.Banner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.Banner .flex-direction-nav a.flex-prev{ background:url(../image/prev1.png) no-repeat center; left: 2%; top: 50%; margin-top: -44px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../image/next1.png) no-repeat center; right: 2%; top: 50%; margin-top: -44px;}




.articleTitle01{ height: 43px; line-height: 43px; margin-bottom: 33px; overflow: hidden; }
.articleTitle01 .title{ font-size: 3.6em; color: #004ea2; font-weight: bold; position: relative; padding-left: 123px;}
.articleTitle01 .title i.border{ display: inline-block; width: 100px; height: 1px; background: #004ea2; position: absolute; left:0; bottom: 7px; } 
.articleTitle01 .more{ font-size: 1.4em; float: right; }


.mode02 { overflow: hidden; margin: 75px auto 13px auto; }
.mode02 .lf{width: 64.8%; float: left; overflow: hidden;}
.mode02 .rt{width: 28.5%; float: right; margin-right: 45px; overflow: hidden;}
.articleList01{}
.articleList01 ul { margin: 0 -20px; overflow: hidden; }
.articleList01 ul li{ width: 33.3%; float: left; }
.articleList01 ul li a{ display: block; margin: 0 20px; overflow: hidden; }
.articleList01 ul li .art-Img{ display: block; height: 0; padding-bottom: 56.7%; overflow: hidden; }
.articleList01 ul li .art-Img img{ width: 100%; transition: all 0.3s ease; }
.articleList01 ul li a:hover .art-Img img{ transform: scale(1.1); }
.articleList01 ul li .art-Txt{ display: block; width: 83%;  background: #fff; padding:18px; margin-top: -20px; 
	position: relative;z-index: 99; transition: all 0.3s ease;}
.articleList01 ul li .art-Txt p{ height: 95px; margin-bottom: 30px;font-size: 1.6em;  line-height: 24px; overflow: hidden;}
.articleList01 ul li a:hover .art-Txt{ margin-top: -50px; }
.articleList01 ul li .art-Date{ font-size: 14px; color: #666; background: url(../image/datebg.png) no-repeat left center; padding-left: 22px; position: relative;}
.articleList01 ul li .art-Date:before{ content: ""; display: inline-block; width: 30px; height: 2px; background: #dddddd; position: absolute; left: 0; top: -19px; }




.articleList02 ul li { margin-bottom: 53px; overflow: hidden;  }
.articleList02 ul li .date { display:block; float: left; margin-right: 27px; }
.articleList02 ul li .day { font-size: 3.6em; color: #1e1e1e; font-weight: bold; font-family: "微软雅黑"; text-align:center; display: block; height: 42px; line-height: 42px;}
.articleList02 ul li .month { font-size: 1.2em; text-align:center; display: block; }
.articleList02 ul li a {  font-size: 1.6em; line-height: 24px; display: block; height: 72px; margin-left: 76px; padding-left: 30px; border-left: #dddddd 1px solid;
 overflow: hidden;transition: all 0.3s ease;}
.articleList02 ul li:hover a{ padding-left: 40px; }


.mode03{ overflow: hidden; }
.articleList03{ margin-right: 45px; overflow: hidden;}
.articleList03 ul.artLf{ float:left;width: 50.4%; }
.articleList03 ul.artLf li a{ display: block; position: relative; overflow: hidden; }
.articleList03 ul.artLf li a .art-Img{ display: block; height: 0; padding-bottom: 55%; overflow: hidden; }



.articleList03 ul.artRt{ float: right; width:48.7%; overflow: hidden; }
.articleList03 ul.artRt li{ float: left; width: 50%; *width: 49.9%; overflow: hidden;}
.articleList03 ul.artRt li a{ display: block; margin: 0 12px 28px 12px; position: relative; overflow: hidden; }
.articleList03 ul.artRt li a .art-Img{ display: block; height: 0; padding-bottom: 56.5%; overflow: hidden; }
.articleList03 li .art-Text{ display: block; opacity: 0; transition: all 0.3s ease;}
.articleList03 li .artTxt{ display: block; width: 90%; line-height: 22px; text-align: center; font-size: 16px; color: #fff;padding: 0 5%; position: absolute; bottom:15px; z-index: 9;}
.articleList03 li .artBg{ display: block; width: 100%; height:199px; background: url(../image/textbg.png) repeat-x; position: absolute; left:0; bottom: 0; z-index: 1; }
.articleList03 li a:hover .art-Text{ display: block; opacity: 1; }

.articleList03 ul li a img{ width:100%; transition: all 0.3s ease; } 
.articleList03 ul li a:hover img{ transform: scale(1.1); }



@media screen  and (max-width:1386px) {
	    .mode02{ margin: 50px auto; }
        .mode02 .rt{ width: 30.5%; margin-right: 20px; }

        .articleTitle01 .title{ font-size: 3.2em; padding-left: 80px;}
        .articleTitle01 .title i.border{ width: 70px; }
        .articleList01 ul li .art-Txt{ width: 73%; }
        .articleList02 ul li{ margin-bottom: 30px; }
        .articleList02 ul li .date{ margin-right: 20px; }
        .articleList02 ul li a{ margin-left: 65px; padding-left: 20px; }
        .articleList02 ul li:hover a{ padding-left: 30px; }
 }

@media screen  and (max-width:1024px) { 
 
       
        .mode02 .rt,.articleList03{ margin-right: 0; } 
        .mode02{ margin:25px 20px; }
        .mode03{ margin: 0 20px; }
}


@media screen and (max-width:992px) {
	     
       .Banner .flexslider ul li .slideTxt p{ font-size: 1.8em; }
       .mode02 .lf{ width: 100%; float: none; margin-bottom: 20px;} 
       .mode02 .rt{ width: 100%; float: none; }
       .articleList02 ul li{ margin-bottom: 15px; }

       .articleList02 ul li .day{ font-size: 2.6em; }
       .articleList02 ul li .date{margin-right: 10px;}
       .articleList02 ul li a{ height: 55px; line-height: 26px; margin-left: 60px; } 
 }

@media screen and (max-width:767px) {
      .Banner .flex-control-paging li a{ width: 10px; height: 10px; background: #004691; border-radius: 50%;}
      .Banner .flex-control-paging li a:hover, .Banner .flex-control-paging li a.flex-active{ background: #fff; }
      .Banner .flex-control-nav{ bottom: 13px; right: 90px; }


	 .articleTitle01 { height: 35px; line-height: 35px; margin-bottom: 13px;overflow: hidden;}
     .articleTitle01 .title{ font-size: 2.0em; }

     .articleList01 ul li{ width: 100%; float: none; }
     .articleList01 ul li .art-Txt{ width: auto; margin-top: 0; padding: 18px 0;} 
     .articleList01 ul li .art-Txt p{ height: auto;  font-size: 1.4em; margin-bottom: 23px;}
     .articleList01 ul li .art-Date::before{ top: -14px; } 
     .articleList01 ul li a:hover .art-Txt{ margin-top: 0; }
     .articleList02 ul li a,.articleList03 li .artTxt{ font-size: 1.4em; }
     .articleList03 ul.artLf{ width:auto; float: none; } 
     .articleList03 ul.artRt{width: auto; float: none; margin: 12px -12px 0 -12px; }
     .articleList03 ul.artRt li a{ margin: 12px; }
     .articleList03 li .art-Text{ opacity: 1; }


}

@media screen and (max-width:640px) {
     .articleList03 ul.artRt li{ width: 100%; float: none; }
    
}

@media screen and (max-width:480px) {
     .Banner .flex-control-nav{ bottom: 7px; }

}