@charset "utf-8";
/* CSS Document */
.banner{position: relative;z-index: 1;padding-top: 40px;}
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;} 
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.banner .flexslider .slides > li a{display: block;height: 0;padding-bottom:20%;overflow:hidden;}
.banner .flexslider ul li.flex-active-slide img{ transition:transform 6000ms linear 0s;
 -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom:1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 30px; height: 60px;  overflow: hidden; cursor: pointer;transition: all 0.35s ease-in-out;}
.flex-direction-nav a:hover{text-shadow: 1px 1px 0 #666;}
.flex-direction-nav .flex-prev {}
.flex-direction-nav .flex-next {}
.flexslider:hover .flex-prev {}
.flexslider:hover .flex-next {}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */ 
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center; z-index:9999; }
.flex-control-nav li {margin: 10px 6px 0; display: block; zoom: 1; *display: inline;vertical-align: bottom;}
.flex-control-paging li a {width: 8px; height: 8px; display: block;  cursor: pointer;  }
.flex-control-paging li a:hover {  }
.flex-control-paging li a.flex-active { }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.wrap_banner{ position: relative;overflow: hidden; }
.wrap_banner:before{ content: ""; display: block;width: 100%; height: 93%; background: #f5f5f5; position: absolute; left: 0; bottom: 40px; }
.banner .flex-direction-nav{  }
.banner .flex-direction-nav .flex-prev{ background: url(../images/arrow_lf.png) no-repeat center #fab880; position: absolute;left: -30px;top: 50%;z-index: 9;border-top-left-radius: 30px;border-bottom-left-radius: 30px;margin-top: -30px;}
.banner .flex-direction-nav .flex-next{ background: url(../images/arrow_rt.png) no-repeat center #fab880; position: absolute;right: -30px;top: 50%;z-index: 9;border-top-right-radius: 30px;border-bottom-right-radius: 30px;margin-top: -30px;}
.banner .flex-control-paging{ } 
.banner .flex-control-nav li{margin:0 5px; overflow: hidden;display: inline-block;}
.banner .flex-control-nav li a{text-indent: 0;display: inline-block;width: 10px; height: 10px;background: #fe7c0c; border: #fff 2px solid; border-radius: 50%;opacity: 0.5;}
.banner .flex-control-nav li a.flex-active{ opacity: 1; background: #3e54a4;}
.banner .flexslider{ position: relative;z-index: 0; }


.content { /*! overflow: hidden; */ position: relative; }
.content:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/contentbg.png) no-repeat center top;
position: absolute; right: 0; top:-40px; z-index:0;}
/*6个快速通道*/
.wrap_mode01{ overflow: hidden; position: relative;z-index: 1;}
.mode01 { margin: 45px auto 30px auto; overflow: hidden; }
.iconList{ margin: 0 -11px; overflow: hidden; }
.iconList li{}
.iconList li a{ display: block; margin: 5px 11px; height: 80px; border-radius: 8px; overflow: hidden; transition: all 0.3s ease;}
.iconList li .artText{ display: block; margin: 14px 18px; overflow: hidden;}
.iconList li .artTitle{ display: block; color: #fff; line-height: 26px; height: 52px; overflow: hidden; padding-left: 42px;}
.iconList li.li1 a{background: #6b397f;}
.iconList li.li2 a{background: #3e54a4;} 
.iconList li.li3 a{background: #fe7c0c;}
.iconList li.li4 a{background: #21a392;}
.iconList li.li5 a{background: #6b397f;}
.iconList li.li6 a{background: #3e54a4;}
.iconList li.li1 .artText{ background: url(../images/icon1.png) no-repeat left top 5px; }
.iconList li.li2 .artText{ background: url(../images/icon2.png) no-repeat left top 5px; }
.iconList li.li3 .artText{ background: url(../images/icon3.png) no-repeat left top 5px; }
.iconList li.li4 .artText{ background: url(../images/icon4.png) no-repeat left top 5px; }
.iconList li.li5 .artText{ background: url(../images/icon5.png) no-repeat left top 5px; }
.iconList li.li6 .artText{ background: url(../images/icon6.png) no-repeat left top 5px; }
.iconList li a:hover{ opacity: 0.9;}

 
/*通知公告*/
.wrap_mode02{ overflow: hidden;position: relative;z-index: 1;}
.mode02{ margin: 0 auto;  }
.mode02 .gp-fl{ width: 48%; }
.mode02 .gp-fr{ width: 48%; }

.articleTitle01{ overflow: hidden; margin-bottom: 22px;}
.articleTitle01 .title{ display: block; float: left; }
.articleTitle01 .title span{ display: block; }
.articleTitle01 .title b{ color: #999; }
.articleTitle01 .more{display: block;float: right;text-align: right;color: #757575;line-height: 30px;}
.articleTitle01 .more span{ display: block; color: #757575; margin: 9px 0 0 0; }
.articleTitle01 .more span a{color: #757575; padding: 0 0 0 20px;}
.articleTitle01 .more span a:hover{ color:#208c85;}

/*通知公告*/
.articleList02{}
.articleList02 ul{ }
.articleList02 ul li{ background: #fff;margin-bottom: 20px; border-radius: 5px; box-shadow: 0 0px 8px 0px #d9d9d9;}
.articleList02 ul li a{ display: block; padding:20px 28px; transition: all 0.3s ease;overflow: hidden;}
.articleList02 .art-date{ display: block; color: #757575;  display: block;height: 30px;line-height: 30px; border-radius: 20px; position: relative;
background-color:#f5f5f5;
background: -webkit-linear-gradient(left, #fff, #f5f5f5); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #fff, #f5f5f5); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,#fff, #f5f5f5); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #fff , #f5f5f5); /* 标准的语法 */}
.articleList02 .art-date:before{ content: ""; display: block; width:14px; height: 14px; background:url(../images/datebg.png) no-repeat;
 position: absolute; right: 18px; top: 8px; }
.articleList02 .art-txt{height: 24px; line-height: 24px; display: block; overflow: hidden;}
.articleList02 ul li:hover { background: #3e54a4; }
.articleList02 ul li:hover *{ color: #fff; }
.articleList02 ul li:hover .art-date{background-color:#485fb1;
background: -webkit-linear-gradient(left, #3e54a4, #485fb1); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #3e54a4, #485fb1); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,#3e54a4, #485fb1); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #3e54a4 , #485fb1); /* 标准的语法 */}



/*工作动态*/
.artFirst{margin-bottom: 22px;overflow: hidden;}
.artFirst a{ display: block; background: #fff; box-shadow: 0 0px 8px 0px #d9d9d9; overflow: hidden; }
.artFirst .gp-img-responsive{ width: 369px; height: 208px; padding: 0; float: left;}
.artFirst .artText{ display: block; overflow: hidden; margin-left: 370px;padding: 25px;}
.artFirst .artTitle { display: block; height: 52px; line-height: 26px;overflow: hidden;}
.artFirst .artCon { display: block; color: #757575; height: 52px; line-height: 26px; overflow: hidden; margin: 10px 0 22px 0;}
.artFirst .date{ color: #757575; }


.Bucea-list01{ background: #fff; box-shadow: 0 0px 8px 0px #d9d9d9; overflow: hidden;}
.Bucea-list01 li{border-bottom: #eeeeee 1px solid;overflow: hidden;}
.Bucea-list01 li a{ display: block; /*! padding:20px 28px; */ transition: all 0.3s ease;overflow: hidden;}
.Bucea-list01 .artText{ display: block; padding: 23px 28px;}
.Bucea-list01 .art-date{ display: block; margin-top: 5px; color: #757575;  display: block;height: 30px;line-height: 30px; border-radius: 20px; position: relative;
background-color:#f5f5f5;
background: -webkit-linear-gradient(left, #fff, #f5f5f5); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #fff, #f5f5f5); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,#fff, #f5f5f5); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #fff , #f5f5f5); /* 标准的语法 */}
.Bucea-list01 .art-date:before{ content: ""; display: block; width:14px; height: 14px; background:url(../images/datebg.png) no-repeat;
 position: absolute; right: 18px; top: 8px; }
.Bucea-list01 .art-txt{height: 24px; line-height: 24px; display: block; overflow: hidden;}
.Bucea-list01 .gp-img-responsive{ width: 160px; height: 90px;padding: 0; float: left;margin: 8px 0;}
.Bucea-list01 li.li01 .artText{margin-left: 160px;}
.Bucea-list01 li:hover { background: #3e54a4; }
.Bucea-list01 li:hover *{ color: #fff; }
.Bucea-list01 li:hover .art-date{background-color:#485fb1;
background: -webkit-linear-gradient(left, #3e54a4, #485fb1); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #3e54a4, #485fb1); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,#3e54a4, #485fb1); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #3e54a4 , #485fb1); /* 标准的语法 */}



/*大型设备*/
.wrap_mode03{ overflow: hidden; position: relative;z-index: 1;}
.mode03 { margin: 20px auto 50px auto; }
.slick-img.gp-img-responsive{padding-bottom: 74.2%;}
.slick-txt{height: 46px;background: rgba(254,124,14,0.5);line-height: 46px;text-align: center;padding:0 15px;font-weight: normal;position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;text-shadow: #FFF 2px 0 0,#FFF 0 1px 0,#FFF 2px 0 0,#FFF 0 -1px 0;}
.slick-images {}
.slick-images .slick-slider > a{margin:15px;display: block;position: relative;overflow: hidden;border: #fff 8px solid;box-shadow: 0 0px 8px 0px #d9d9d9;}
.slick-images{margin:-15px;}
.slick-images .slick-arrow{display: none !important;} 
.slick-images .slick-dots{display: none !important;}









@media screen  and (max-width:1060px) { 
    .banner{ padding: 0; margin-left: 0 !important;; margin-right: 0 !important; width: 100%;}
    .banner .flex-direction-nav{ display: none; }
}


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

 
@media screen  and (max-width:1386px) {
      .artFirst .gp-img-responsive{ width: 270px; height: 153px;}
      .artFirst .artText{ margin-left: 270px; }
} 

@media screen  and (max-width:996px) { 
   .content{ background-size: cover; }
   .mode02 .gp-fl{ width: 100%; float: none; }
   .mode02 .gp-fr{ width: 100%; float: none; margin: 40px 0 0 0;}
   .slick-images{ margin: -15px 0; }

}


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

}

@media screen and (max-width:766px) {
   .mode01{ margin: 25px auto; }
   .mode02 .gp-fr{ margin: 25px auto auto auto; }
}

@media screen and (max-width:640px) {
  .artFirst{ overflow: visible; }
  .artFirst .gp-img-responsive{ float: none; width: 100%; height: 0; padding-bottom: 56.5%; }
	.artFirst .artText{ margin:0; padding: 15px;}
  .artFirst .artTitle{ height: auto; margin-bottom: 10px;}
  .artFirst .artCon{ display: none; }
  .articleList02 ul li a,.Bucea-list01 .artText{ padding: 12px 20px; }
  .articleList02 .art-txt,.Bucea-list01 .art-txt{ height: auto; } 
  .Bucea-list01 .gp-img-responsive{ width: 120px; height: 68px;}
  .Bucea-list01 li.li01 .artText{ margin-left: 120px; }
}