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



.content{ margin:0 auto; overflow:hidden;}
.mode01{width:100%;overflow:hidden; margin:0 auto;}
.mode01 .lf{ width:52%; float:left; overflow: hidden;}
.mode01 .rt{ width:45%; float:right;overflow: hidden;}


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; }
.Banner .flexslider { width:100%; background: #fff;  position: relative; zoom: 1; overflow:hidden; }
.Banner .flexslider ul li{ list-style:none;}
.Banner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:36.46%; 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:3%;text-align:center;z-index:9;display: none;right: 15px;display: none;}
.Banner .flex-control-nav li { margin: 0 9px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 11px; height: 20px; display: block; background:url(../images/con02.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(../images/con01.png) no-repeat;}
.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 .til_slides{position:absolute; bottom:7%; left:50%; color:#fff;z-index:9991;font-size: 20px;font-weight: bold;height: 50px;line-height: 50px;overflow:hidden;padding:0 15px;background:url(../images/banner_bg.png) repeat;margin-left: -600px;}

.Banner .flex-direction-nav{ display:block;}
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.Banner .flex-direction-nav a{width: 60px;height: 60px;text-align: center;border-radius: 50%;background: rgba(0,0,0,.3);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{float:left;background: rgba(0,0,0,.3) url(../images/l.png ) no-repeat center;left:60px;top: calc(50% - 30px);/* margin-top: -44px; */}
.Banner .flex-direction-nav a.flex-next{background: rgba(0,0,0,.3) url(../images/r.png) no-repeat center;right:60px;top: calc(50% - 30px);/* margin-top: -44px; */}


.mode02{ max-width: 1200px; margin: 20px auto 40px auto; overflow: hidden; }

.articleTitle01{ display: inline-block; padding: 8px 22px; background: #1067a8;*display: inline;*zoom:1; }
.articleTitle01 h2{ font-size: 1.8em; font-weight: bold; color: #fff; }
.articleTxt{ border: #e1e1e1 1px solid; padding:20px; }
.articleTxt p{ font-size: 1.6em; line-height: 32px; }



.mode03{ max-width: 1200px; margin: 0 auto; overflow: hidden;}
.articleTitle02{ overflow: hidden;  height: 40px; line-height: 40px; margin-bottom: 20px;}
.articleTitle02 .title{ width: auto; display: inline-block; float: left;font-size: 2.8em;font-weight: normal;}
.articleTitle02 .more{ float: right; }
.articleTitle02 .more a{ font-size: 1.4em; color: #666;}

.articleList02 ul{margin-left: -20px; margin-right: -20px; overflow: hidden; }

.newsFirst_img{width:45%;float:right; display: block; height: 0; padding-bottom: 25.5%; overflow: hidden;}
.newsFirst_img img{-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList02 .newsFirst a:hover .newsFirst_img img{opacity: 1;transform: scale(1.1);}
.newsFirst_con{padding:3% 6%; width:43%; float: left; overflow:hidden;}
.newsFirst_con h2{ font-size: 1.6em; color: #333; font-weight: normal;height: 45px; line-height: 24px; overflow: hidden;
-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.newsFirst_con p{ font-size:1.2em; height: 92px; line-height:24px; color:#999; margin:13px 0 16px 0; overflow: hidden;}
.articleList02 .newsFirst a:hover .newsFirst_con h2{ color: #209f9c; }
.newsFirst_con font{ font-size: 1.2em; color: #209f9c; }
.newsFirst_con font:before{ content: ''; display: inline-block; width: 22px; height: 2px; background: #e5e5e5; margin: 0 13px 4px 0; }

.articleList02 ul { }
.articleList02 ul li{ width:25%; float: left; margin-bottom: 50px; }
.articleList02 ul li a{ display: block; background: #fff; margin: 0 20px;
-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList02 ul li a:hover{box-shadow: 0 2px 10px #ccc;}
.newsImg{ height: 0 ; padding-bottom: 59%; overflow: hidden; }
.articleList02 ul li a .newsImg img{ width:100%;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList02 ul li a:hover .newsImg img{opacity: 1;transform: scale(1.1);}

.newsTxt{ border: #e1e1e1 1px solid; padding:20px 25px 25px 25px; }
.newsTxt h3{ font-size: 1.6em; color: #333; height: 72px; line-height: 24px; overflow: hidden;
-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList02 ul li a:hover .newsTxt h3{ color: #005aa0; }
.newsTxt p{ font-size:1.2em; height: 55px; line-height:24px; color:#999; padding:13px 0 16px 0; overflow: hidden;}

.newsTxt font{ display: block; margin-top: 20px; font-size: 1.2em; color: #999;  height: 20px; line-height: 20px;}
.newsTxt font:before{ content: ''; display: inline-block; width: 12px; height: 12px; background:url(../images/time.png) no-repeat ;  margin-right: 10px;}



.wrap_row04{ background: #f5f5f5; padding: 35px 0; }
.mode04{ max-width: 1200px; margin: 0 auto; overflow: hidden; }

/*FlexSlider默认样式*/
.articleList03 .flexslider { position: relative; zoom: 1; }
.articleList03 .flexslider ul li{ list-style:none; }
.articleList03 .flexslider ul li img{ display:block;}
.articleList03 .flex-viewport { max-height: 2000px; max-width: 1110px; margin:0 auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.articleList03 .loading .flex-viewport { max-height: 300px; }
.articleList03 .flexslider .slides { zoom: 1; padding:0;}
.articleList03 .carousel li { margin-right: 5px; }
/*icon小点*/
.articleList03 .flex-control-nav{ display:none;}

.articleList03 .flex-direction-nav{ display:block;}
.articleList03 .flex-direction-nav {}
.articleList03 .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.articleList03 .flex-direction-nav a{ width:33px;height:100%;text-align: center;display: inline-block; position: absolute; text-indent: -999em;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList03 .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.articleList03 .flex-direction-nav a.flex-prev{ float:left;background:url(../images/prev02.png) no-repeat center #fff; left: 0; top: 0;}
.articleList03 .flex-direction-nav a.flex-next{  background:url(../images/next02.png) no-repeat center #fff; right: 0; top: 0;}


.articleList03 ul li{ width:20%; float:left;}
.articleList03 ul.slides li a{ display: block; margin:0 11px;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList03 ul.slides li a:hover{box-shadow: 0 2px 10px #ccc;}
.articleList03 ul.slides li a .slideImg03{ display: block; height: 0; padding-bottom: 75%; overflow: hidden;}
.articleList03 ul.slides li a img{-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.articleList03 ul.slides li a:hover img{opacity: 1;transform: scale(1.1);}
.articleList03 ul.slides li a .slideTxt03{ display: block; font-size: 1.4em; padding: 15px; height: 47px; line-height: 22px; overflow: hidden; }

.articleList03 ul.slides li a .slideImg03.show{ display: block; height: 0; padding-bottom: 75%; overflow: hidden; }


.mode05{max-width: 1200px; margin: 33px auto 58px auto; overflow: hidden;}


.wrap_row06{ width: 100%; background:url(../images/modebg06.png) no-repeat center; padding: 35px 0;}
.mode06{ max-width: 1200px; margin: 0 auto; overflow: hidden; }

.wrap7 .titbar7 {
  height: 65px;
  line-height: 65px;
  font-size: 46px;
  font-weight: 700;
  color: #434343;
  text-align: center
}
.wrap7 .titbar7 a {
  color: #434343
}
.wrap7 .titbar7 a span {
  color: #435fdd
}
.wrap7 .imgList {
  max-width: 1200px;
  height: 400px;
  overflow: hidden;

}
.wrap7 .imgList li {
  float: left;
  height: 400px;
  position: relative;
  overflow: hidden;
  cursor: pointer
}
.wrap7 .imgList li:first-child {
  border-left: none
}
.wrap7 .imgList li a {
  display: block;

  height: 400px;
  border-left: 1px solid #fff
}
.wrap7 .imgList li .titbar {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; margin: 0 1px;
  background: rgba(0,90,160,.7);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#66000000, endColorstr=#66000000)
}
.wrap7 .imgList li .titbar span {
  display: block;
  color: #fff;
  height: 30px;
  font-size: 18px; font-weight: bold;
 margin: 15px; text-align: center;
}
.wrap7 .imgList li .titbar1 {
  display: none;
  width: 100%;
  height: 101px;
  left: 0;
  bottom: 0;
  position: absolute;
  background-image: -webkit-linear-gradient(top, rgba(30,30,30, 0) 0%, rgba(30,30,30, 1) 100%);
background-image: -moz-linear-gradient(top, rgba(30,30,30, 0) 0%, rgba(30,30,30, 1) 100%);
background-image: -o-linear-gradient(top, rgba(30,30,30, 0) 0%, rgba(30,30,30, 1) 100%);
background-image: linear-gradient(top, rgba(30,30,30, 0) 0%, rgba(30,30,30, 1) 100%);
}
.wrap7 .imgList li .titbar1 .titbar1Bg {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 60px;
  bottom: 0;
  left: 0
}
.wrap7 .imgList li .titbar1 .titbar1Bg span {
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  text-align: center;
  color: #fff; font-weight: bold;

}
.wrap7 .imgBg {
  width: 100%;
  height: 100%; background-size: cover !important;
}
.qrbox {
  position: absolute;
  top: 585px;
  left: 50%;
  margin-left: 510px;
  width: 145px;
  height: 180px;
  border: 1px solid #ebebeb;
  box-shadow: 1px -1px 10px -3px #888;
  background-color: #fff;
  z-index: 99
}
.qrbox .qr {
  width: 135px;
  height: 135px;
  padding: 5px;
  margin-bottom: 5px
}
.qrbox .qr img {
  width: 135px;
  height: 135px
}
.qrbox .qrtxt {
  width: 112px;
  height: 24px;
  line-height: 24px;
  color: #666;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  margin-left: 5px;
  float: left
}
.qrbox .close {
  position: relative;
  width: 22px;
  height: 22px;
  background-position: -717px -314px;
  margin-right: 5px;
  cursor: pointer;
  z-index: 10
}



.mode07{ max-width: 1200px; margin: 33px auto 58px auto; overflow: hidden; }
.articleList07 ul{ margin: 0 -30px; *width: 1260px;}
.articleList07 ul li{ width: 33.3%; float: left;*width: 418px; }
.articleList07 ul li a{ display: inline-block; margin: 0 30px;*display: inline;*zoom:1; }
.articleList07 ul li .artImg{ display: block; height: 0; padding-bottom: 67%; overflow: hidden;}
.articleList07 ul li a .artImg img{width:100%;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList07 ul li a:hover .artImg img{opacity: 1;transform: scale(1.1);}
.articleList07 ul li .artTxt{display: block; height: 50px; font-size: 1.8em; line-height: 24px;  margin-top: 15px; overflow: hidden;}

@media screen  and (max-width:1386px) {
    .mode01,.mode02,.mode03,.mode04,.mode05,.mode06,.mode07{ width: 1000px;}
    .articleList07 ul li .artTxt{font-size: 1.6em;}
    .articleTitle02 .title{font-size: 2.4em;}
    .Banner .flexslider ul li .til_slides{margin-left: -500px;font-size: 1.8em;}
    
 }
@media screen  and (max-width:1020px) {
    .mode01,.mode02,.mode03,.mode04,.mode05,.mode06,.mode07{ width: auto; padding: 0 20px; }
    .articleList02 ul{margin:0 -8px;}
    .articleList02 ul li a{margin: 8px;}
    .Banner .flexslider ul li .til_slides{margin:0;left: 20px;font-size: 1.7em;}
    
 }


@media screen  and (max-width:800px) {
  .mode01, .mode02, .mode03, .mode04, .mode05, .mode06, .mode07{padding-left: 15px;padding-right: 15px;}
  .articleTitle01 h2{font-size: 1.7em;}
  .articleTitle02 .title{font-size: 2em;}
  .newsTxt h3,.articleList07 ul li .artTxt{font-size: 1.5em;}
   .Banner .flexslider ul li .til_slides{display: none;}
  .newsTxt{padding:15px;}
  .content{ margin: 15px auto; }
  .mode01 .lf{ margin-bottom: 25px; } 
  .mode02 .lf{ margin-bottom: 15px; margin-left: 0; } 
  .mode01,.mode02{ margin-bottom: 25px;}
.Banner .flexslider ul li .slideTxt{ width: auto; left: 2%; }
.Banner .flexslider ul li .slideTxt h2{ font-size: 1.8em; font-weight: normal; }
.Banner .flexslider ul li .slideTxt p{ font-size: 1.4em; font-weight: normal; }
.Banner .flex-direction-nav a.flex-prev,.Banner .flex-direction-nav a.flex-next{/* background-size: 20px 30px; */transform: scale(.8);}

 .newsTxt h3{ height: 50px; }
 .newsTxt p{ padding: 7px 0; height: 43px; }
 .newsTxt font{ margin-top: 7px; }
.articleTxt p{ font-size: 1.4em; line-height: 25px; }
.articleTitle02{ margin-bottom: 10px; }
.articleTitle02 .title font{ font-size: 2.4em; }
.articleList02 ul li{ width: 50%; }
.articleList07 ul li .artTxt{ font-size: 1.6em; }
 .articleList07 ul{ margin: 0 -9px; }
 .articleList07 ul li a{ margin: 0 9px;}

.wrap_row06{ background: none; }
 .wrap7 .imgList{ height: auto; }
 .wrap7 .imgList li{ width: 50% !important; }
  .wrap7 .imgList li a{ margin: 10px; }
 .wrap7 .imgList li .titbar{ display: none !important; }
 .wrap7 .imgList li .titbar1{ display: block !important; }

 .wrap7 .imgList li,.wrap7 .imgList li a{ max-height: 240px; }
 .wrap7 .imgList li .titbar1{ width: 94.1%; left: auto; }
 .wrap7 .imgList li .titbar1 .titbar1Bg span{font-size: 16px;}

}
 



@media screen and (max-width:640px) {
 .articleTitle02 .title font{ font-size: 1.8em; }
 .articleTitle02 .title i{ font-size: 1.2em; }
 .newsTxt h3{ font-size: 1.4em;}

.articleList02 ul li{ margin-bottom: 30px; }
 .articleList07 ul li .artTxt{ font-size: 1.4em; }
 .newsTxt{ padding: 15px; }
.Banner .flexslider ul li .slideTxt p{ display: none; }
.Banner .flex-direction-nav a.flex-prev, .Banner .flex-direction-nav a.flex-next{/* background-size: 15px 20px; */}
.mode05{ margin: 25px 0 0 0; }
.wrap_row06{ padding:0; }
.mode07{ margin: 25px 0; }

 .wrap7 .imgList li,.wrap7 .imgList li a{ max-height: 190px; }
 .wrap7 .imgList li .titbar1{ width: 93.1%; left: auto; }

}



@media screen and (max-width:480px) {
.articleList02 ul li{ width: 100%; }
.newsTxt h3{ height: auto; }
.newsTxt font{ margin: 0; }
.articleList02 ul li{ margin-bottom: 10px; }
.articleList07 ul li{ width: 100%; float: none;margin-bottom: 15px; }
.articleList07 ul li .artTxt{ height: auto; margin-top: 8px; }
.mode07{ margin: 25px 0; }
 .wrap7 .imgList li,.wrap7 .imgList li a{ max-height: 130px; }
  .wrap7 .imgList li .titbar1{ width: 91%; left: auto; }

}

@media screen and (max-width:414px) {
.wrap7 .imgList li .titbar1{width: 89%; }
}