@charset "utf-8";
/* CSS Document */


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; position: relative; }
.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:25.1%; overflow:hidden;}
.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; }
/*icon小点*/
.Banner .flex-control-nav {width:auto; position: absolute; bottom:20px;left:50%; margin-left: -60px; text-align:center;z-index:9;}
.Banner .flex-control-nav li { margin: 0 9px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 6px; height: 6px; display: block; background:#fff; border: #fff 3px solid;  cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:none; border: #fff 3px solid;}
.Banner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.Banner .slides h4 a:hover{color:#fff;font-size:14px;}
.Banner .flexslider ul li .slideTxt{position:absolute; bottom:7%; left:20%; color:#fff;z-index:999; background: url(../images/banner_bg.png) repeat; padding: 17px 19px;}
.Banner .flexslider ul li .slideTxt p{ font-size:2.2em; color:#fff;}
.Banner .flexslider ul li .slideTxt a{display: inline-block; font-size: 1.3em; color: #fff; background: url(../images/play02.png) no-repeat right center; padding-right: 15px; float: right;
margin-top: 17px; }
.Banner .flexslider ul li .slideTxt a:hover{ color: #d9b26f; }

.Banner .flex-direction-nav{ display:block; height: 0; }
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:40px;height:60px;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(../images/prev.png) no-repeat center; left: 2%; top: 50%; margin-top: -44px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center; right: 2%; top: 50%; margin-top: -44px;}

.content{overflow:hidden;}
.mode01{max-width:1200px;overflow:hidden; margin:25px auto; }
.mode01 .lf{ width: 66%; float: left; overflow: hidden; }
.mode01 .rt{ width: 32%; float: right; overflow: hidden;}

.articleTitle01{ height: 40px; line-height: 40px; margin-bottom: 20px; border-bottom: #c1c1c1 1px solid; }
.articleTitle01 .title font{ font-size: 2.0em; color: #003263; font-weight: bold;}
.articleTitle01 .title i{ font-style: normal;  font-size: 1.2em; color: #9a0000; padding-left:5px; letter-spacing:1px; }
.articleTitle01 .more{ float: right; }
.articleTitle01 .more a{ font-size:16px; color: #999999; }

/*FlexSlider默认样式*/
.articleBanner{ width: 48%; float: left; overflow: hidden; }
.articleBanner .flexslider { width:100%;  position: relative; zoom: 1;}
.articleBanner .flexslider ul li{ list-style:none; position: relative;}
.articleBanner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:61.5%; overflow:hidden;}
.articleBanner .flexslider ul li img{ border:none; width:100%;}
.articleBanner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.articleBanner .loading .flex-viewport {  }
.articleBanner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.articleBanner .carousel li { margin-right: 5px; }
/*icon小点*/
.articleBanner .flex-control-nav {text-align:center;position: absolute;bottom:10px;right: 0;}
.articleBanner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.articleBanner .flex-control-paging li a {  float:left; width: 20px; height: 20px; line-height: 20px; display: block; background:#c1c1c1; cursor: pointer; font-size: 12px; color: #fff; }
.articleBanner .flex-control-paging li a:hover,.articleBanner .flex-control-paging li a.flex-active {background:#9a0000; }
.articleBanner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.articleBanner .slides h4 a:hover{color:#fff;font-size:14px;}
.articleBanner .flexslider ul li .slideTxt{color:#fff; margin: 17px 20px 0 20px;  overflow: hidden;}
.articleBanner .flexslider ul li .slideTxt h2{ height: 46px; color: #525c66; font-weight: normal; font-size: 1.6em; line-height: 23px; overflow: hidden; }

.articleBanner .flexslider ul li .slideTxt p{ font-size:1.3em; color:#a0a3a6; margin: 28px 0 20px 0; height: 65px; line-height: 22px; overflow: hidden;}
.articleBanner .flexslider ul li .slideTxt a{display: inline-block; font-size: 1.3em; color: #d9b26f; background: url(../images/play02.png) no-repeat right center; padding-right: 15px;
 float: left; margin-bottom: 20px;}
.articleBanner .flexslider ul li .slideTxt a:hover{ color: #d9b26f; }

.line{ height: 2px; width: auto; margin: 0 20px; background: #d8d7d6;}


.articleBanner .flex-direction-nav{ display:none;}
.articleBanner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.articleBanner .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;}
.articleBanner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.articleBanner .flex-direction-nav a.flex-prev{ float:left;background:url(../images/prev.png) no-repeat center; left: 2%; top: 50%; margin-top: -44px;}
.articleBanner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center; right: 2%; top: 50%; margin-top: -44px;}
.articleBanner .flex-pauseplay{position: absolute;right: 17px;bottom: -28px;}
.articleBanner .flex-pauseplay a{ display: inline-block; width: 18px; text-indent: -888em; }
.articleBanner .flex-pauseplay a.flex-pause{background:url(../images/pause.png) no-repeat center center;}
.articleBanner .flex-pauseplay a.flex-play{background:url(../images/play02.png) no-repeat center center;}


.articleList01 ul.articleList01_Text{ width: 49%; float: right; margin-top: -9px; overflow: hidden; }
.articleList01 ul.articleList01_Text li{ overflow: hidden; border-bottom: #e1e1e1 1px dashed; padding:11px 0; position:relative; }
.articleList01 ul.articleList01_Text li:before{ content: ''; display: block;width: 5px; height: 5px; background: #003263; border-radius: 50%; position: absolute; left: 0; top: 20px; }
.articleList01 ul.articleList01_Text li a{ display: block; font-size: 1.6em; height: 24px; line-height: 24px; color: #525c66; padding-left: 10px; overflow: hidden; }
.articleList01 ul.articleList01_Text li span.rightDate{ float: right; font-size: 1.2em;  color: #999999;  display: block; margin-top: 5px; }



.articleList02 ul{ margin-top: -9px; overflow: hidden; }
.articleList02 ul li{ overflow: hidden; border-bottom: #e1e1e1 1px dashed; padding:11px 0; position:relative; }
.articleList02 ul li:before{ content: ''; display: block;width: 5px; height: 5px; background: #003263; border-radius: 50%; position: absolute; left: 0; top: 18px; }
.articleList02 ul li a{ display: block; font-size: 1.6em; height: 24px; line-height: 24px; color: #525c66; padding-left: 10px; overflow: hidden; }
.articleList02 ul li span.rightDate{ float: right; font-size: 1.2em;  color: #999999;  display: block; margin-top: 5px; }


.mode02{max-width:1200px;overflow:hidden; margin:25px auto; }
.mode02 .lf{ width: 32%; float: left; overflow: hidden; }
.mode02 .md{ width: 32%; float: left; overflow: hidden;margin: 0 0 0 2%;}
.mode02 .rt{ width: 32%; float: right; overflow: hidden;}


.articleList03 {}
.articleList03 ul{ margin: 0 -20px; }
.articleList03 ul li{ width: 50%; float: left; }
.articleList03 ul li a{ display: block; margin: 0 20px; }
.articleList03 ul li i{ display: block; height: 0; padding-bottom: 66%; overflow: hidden;  border: #003263 1px solid;}
.articleList03 ul li i img{ width: 100%;-webkit-transition: all 0.3 ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.articleList03 ul li a:hover img{ opacity: 1;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


.articleList03 ul li span{ font-size: 16px; line-height: 26px; display: inline-block; margin: 12px 0; }
.articleList03 ul li font{ color: #999999; font-size: 16px; }
.articleList03 ul li P{ font-size: 16px; color: #999999; line-height: 26px; padding-bottom: 15px; }

/* .col01 .lf{width:62.5%;float:left;}
.col01 .rt{width:34.3%;float:right;} */
.mode02 .articleList03 ul li{ width:100%;}

.articleTitle04{ height: 40px; line-height: 40px; margin-bottom: 20px; border-bottom: #c1c1c1 1px solid; }
.articleTitle04 .title font{ font-size: 2.0em; color: #003263; font-weight: bold;}
.articleTitle04 .title i{ font-style: normal;  font-size: 1.2em; color: #9a0000; padding-left:5px; letter-spacing:1px; }
.articleTitle04 .more{ float: right; }
.articleTitle04 .more a{ font-size:16px; color: #999999; }

/*.mode03{ width: 100%;background: #e5eaef; overflow: hidden; }
.articleList04{ max-width:1200px;overflow:hidden; margin:0 auto;  }
.articleList04 ul li a{ display: block; position: relative; font-size: 16px; padding: 15px 24px; }
.articleList04 ul li{ float: left; text-align: center;}*/






@media screen  and (max-width:1200px) {
         .mode01,.mode02{ margin: 25px; }
 }

@media screen  and (max-width:992px) { 


 .mode01 .lf{ width: auto; float: none; }
 .mode01 .rt{ width:auto; float: none;  margin:22px 0 0 0;  }
 .articleList02 ul li{ width: 50%; float: left; }
 .articleList02 ul li span.rightDate{ margin-right: 10px; }
 .articleList03 ul li{ width: 50%; }
 .mode02 .lf{ width: auto; float: none; }
 .mode02 .rt{ width:auto; float: none;   }
 .col01 .lf{ width:auto; float:left;}
.col01 .rt{ width:auto; float:left;}

.mode02 .lf,.mode02 .md,.mode02 .rt{width: auto;float: none;}
}

@media screen  and (max-width:768px) { 
    .mode01,.mode02{ margin: 20px 15px; }
    .articleTitle01{ margin-bottom: 10px; }
     .articleTitle01 .title font{ font-size: 1.6em; }
     .articleTitle01 .more a{ font-size: 1.2em; }
	 .articleTitle04{ margin-bottom: 10px; }
     .articleTitle04 .title font{ font-size: 1.6em; }
  .articleTitle04 .title i { font-size: 0.8em;}
     .articleTitle04 .more a{ font-size: 1.2em; }
     .articleList01 ul.articleList01_Text li a,.articleList02 ul li a,.articleList03 ul li span,.articleList03 ul li P,.articleList03 ul li font{ font-size: 1.4em; }
     .Banner .flex-control-nav{ bottom: 7px; }
	
}




@media screen and (max-width:640px) {
    

     
   
    }

@media screen and (max-width:480px) {
   .Banner .flex-direction-nav{ display: none; }
    .articleBanner,.articleList02 ul li,.articleList03 ul li{ width: auto; float: none; } 
    .articleList01 ul.articleList01_Text{ width: auto; float: none; margin-top: 0; }
  .articleList01 ul.articleList01_Text li,.articleList02 ul li{ padding: 8px 0; }

.articleList03 ul li{ margin-bottom: 15px; }
.articleList03 ul li span{ margin: 7px 0; }
.articleList03 ul li P{ padding-bottom: 5px; }
.articleTitle04 .title font { font-size: 1.4em; }

}


@media screen and (max-width:414px) {

 

 

}

@media screen and (max-width:375px) {

}

@media screen and (max-width:350px) {

  
}