@charset "utf-8";
/* CSS Document */
.banner{position: relative;z-index: 1; margin-right: 76px;border-right: #014c87 4px solid;}
/* 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 .gp-img-responsive{display: block;padding-bottom: 39%; overflow:hidden;position: relative;}
.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  { /*! text-decoration:none; */ display: block; width: 40px; height: 120px;  overflow: hidden; cursor: pointer;transition: all 0.35s ease-in-out;/*! border-radius: 50%; *//*! border: rgba(255,255,255,0.5) 2px solid; */}
.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: -2px; /*! left:0; */ 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;}

.banner .flex-direction-nav{ display: block; width: auto; /*! position: absolute; *//*! right: 13%; *//*! bottom: 34px; *//*! height: 64px; *//*! z-index: 9; */}
.banner .flex-direction-nav .flex-prev{ background: url(../images/arrow_lf.png) no-repeat center;background-color: rgba(0,0,0,0.3); float: left;position: absolute;left: 0;top: 50%;z-index: 99;margin-top: -60px;}
.banner .flex-direction-nav .flex-next{ background: url(../images/arrow_rt.png) no-repeat center;background-color: rgba(0,0,0,0.3); float: right;position: absolute;right: -80px;top: 50%;z-index: 99;margin-top: -60px;}
.banner .flex-direction-nav a:hover{ background-color:#014c87; }
.banner .flex-control-paging{ position: absolute;bottom:-22px;right:-52px;z-index: 1045;width: auto;} 
.banner .flex-control-nav li{margin:18px 0; overflow: hidden;display: block;}
.banner .flex-control-nav li a{text-indent: 0;display: inline-block;width: 24px; height: 24px;background: url(../images/icon.png) no-repeat center;opacity: 0.5;}
.banner .flex-control-nav li a.flex-active{ opacity: 1; }
.banner .flexslider{ position: relative;z-index: 0; }
.banner .slideImg{ display: block; }
.banner .slideText {display: block; max-width: 544px; background: #fff;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); overflow: hidden;right: 10%;bottom: -85px;position: absolute;z-index: 9;border-radius: 10px;}
.banner .slideText:before{ content: ""; display: block; width: 89%; height: 1px;background: #e0c67e; position: absolute; top: 10px; left: 30px; right: 30px;}
.banner .slideCon{ display: block;margin: 40px 30px 30px 30px; color: #014c87; line-height: 36px; font-weight: bold;transition: all 0.2s ease; max-height: 108px;overflow: hidden;}
.banner li a:hover .slideCon{ padding-left: 10px; }



.content { overflow: hidden;}
.wrap_mode01{ background: url(../images/modebg1.png) repeat; overflow: hidden; margin-top: 20px;}
.mode01 { margin: 100px auto 40px auto; }
.articleList01{ display: flex; margin-bottom: -15px;}
.articleList01 > .gp-fl{width: 24%;order: 1;}
.articleList01 > .gp-fm{width: 48%;float: right; order: 2;margin: 0 30px;}
.articleList01 > .gp-fr{width: 24%; order: 3;}
.articleTitle01{ text-align: center; position: relative; overflow: hidden;margin-bottom: 12px;}
.articleTitle01 .title{ color: #014c87;}
.list1{}
.list1 li { margin-bottom: 20px; }
.list1 li a{ display: block; background: #fff;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); overflow: hidden;transition: transform 0.35s ease-out;}
.list1 .listText{ margin: 25px 30px;  }
.list1 .listTitle{ height: 56px; line-height: 28px; margin-bottom: 28px;}
.list1 .listDate,.slickDate{ background: url(../images/datebg.png) no-repeat left center; padding-left: 25px; color: #999999; display: inline-block; position: relative;}
.list1 .listDate:before,.slickDate:before{ content: ""; display: block; width: 100px; height: 1px;background: #e5e5e5; position: absolute; left: 0;top: -12px;}
.list1 li a:hover {transform: translateY(-10px); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3); }


.articleList01 .slickText{transition: all 0.2s ease-in-out; margin: 20px 30px;}
.articleList01 .slickTitle { line-height: 30px; height: 90px; }
.articleList01 .slickCon{ color: #999; line-height: 24px; height: 48px; margin: 15px 0 35px; } 
.articleList01 .slickDate{ }
.articleList01 .slick-arrow{ display: none !important; }
.articleList01 .slick-dots{width: 100%; position: absolute;bottom: -50px; text-align: center;}
.articleList01 .slick-dots li{ display: inline-block; width: 10px; height: 10px; background:#014c87; margin: 0 10px;/*! overflow: hidden; */cursor: pointer;position: relative;}
.articleList01 .slick-dots li.slick-active{ position: relative; }
.articleList01 .slick-dots li.slick-active:before{content: ""; border: 1px solid #014c87;width: 18px;height: 18px;left: -5px;top: -5px;position: absolute;} 
.articleList01 .slick-dots li button{ border: none;background: none; text-indent: 999em;overflow: hidden;width: 8px;height: 8px;cursor: pointer;}
.articleList01 .slick-images{ background: #fff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3); transition: all 0.2s ease;}
.articleList01 .slick-images:hover{ margin-top: -10px; }
.readMore{text-align: center; }
.readMore a{display: inline-block;line-height: 1;padding: 16px 0;width: 80%;max-width: 218px;background-color: #014c87;box-shadow: 0 0 7px rgba(0,0,0,0.15);position: relative;overflow: hidden;transition: transform 0.4s ease-out;}
.readMore a span{color: #e0c67e !important;position: relative;z-index: 5;}
.readMore a:before, .readMore a:after {  content: "";  position: absolute;  z-index: 0;  height: 103%;  width: 0;
  top: -1px;  background-color: #ffcc03;  -webkit-transition: all .4s;  transition: all .4s ease-out;}
.readMore a:before {  left: -30px;  -webkit-transform: skew(-45deg, 0); transform: skew(-45deg, 0);}
.readMore a:after { right: -30px;  -webkit-transform: skew(-45deg, 0);transform: skew(-45deg, 0);}
.readMore a:hover{transform: translateY(-10px);}
.readMore a:hover span{color: #014c87 !important;}
.readMore a:hover:before, .readMore a:hover:after {  width: 80%;}


.wrap_mode02{ margin: 40px 0 50px; overflow: hidden;}
.articleTitle02{}
.articleTitle02 .title{ color: #014c87;float: left;}
.articleTitle02 .more{ color: #999; float: right;border-bottom: #014c87 3px solid;padding-bottom: 6px;margin-top: 40px;}
.list2{}
.list2 li{ position: relative; transition: all 0.2s ease;}
.list2 li:before{ content: ""; display: block; width: 0; height: 115px; background: #014982; border-radius: 10px;position: absolute;left: 0;top:-10px;transition: all 0.2s ease;}
.list2 li:hover:before{ width: 160px; }
.list2 li:hover a{ border: none; padding-left: 30px; }
.list2 li a{ display: block;overflow: hidden;padding: 23px 30px 23px 0;background: #fff; border-top: #e5e5e5 1px solid;position: relative;z-index: 1;margin: 10px 0 10px 10px; transition: all 0.2s ease;}
.list2 .listTitle{ line-height: 28px; margin-bottom: 6px; }
.list2 .listFrom{ color: #999; display: block; }
.list2 .listFrom span{ padding-right: 20px; }
.list2 .listDate{ color: #999999; float: right;line-height: 28px; }
.list2 li a:hover{ background: url(../images/libg.png) no-repeat right center #fff;  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
border-top: #fff 1px solid; }
.list2 li:last-child a{ border-bottom: #e5e5e5 1px solid; }



.wrap_mode03{ background: url(../images/modebg2.png) no-repeat center top; padding: 60px 0 55px; overflow: hidden; background-size: cover;}
.list3{ margin: 0 -14px 20px -14px;position:relative;}
.list3:before{ content: ""; display: block;width:80%; height: 2px;background: rgba(0,0,0,0.1); position: absolute; top: 40px; left: 0;  z-index: 1;}
.list3 li:first-child{ width: 39.5%; float: left; position: relative;z-index: 9;}
.list3 li:last-child{ width: 60.5%; float: right;position: relative;z-index: 9;}
.list3 a { display: block; margin: 0 14px; background: #fff; padding: 10px; overflow: hidden;transition: transform 0.35s ease-out; }
.list3 .gp-img-responsive{ width: 320px; height: 180px; padding: 0; float:left; }
.list3 .listText { margin: 30px 0 18px 340px; }
.list3 .listTitle{ color: #014c87; } 
.list3 .more{ color: #999;display: block;width: 100px; border-top:#e5e5e5 1px solid; padding-top: 12px; /*! margin-top: 54px; */ }
.list3 .listCon{color: #999; line-height: 24px; margin: 10px 0 15px;height: 48px;}
.list3 li:last-child .more{ margin-top: 0; float: right; } 
.list3 li:last-child .listText{ margin-right: 70px; margin-bottom: 10px; }
.list3 li:last-child a{ position: relative; }
.list3 li:last-child a:before{ content:''; display: block;width: 40px; height: 100%;background: #f5f5f5; position: absolute;right: 0;top: 0;}
.list3 li a:hover {box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);transform: translateY(-10px);}

.list4{ margin: 0 -14px; /*! overflow: hidden; */}
.list4 li:first-child{ position: relative; }
.list4 li:first-child:before{ content: ''; display: block; width: 2px;height: 140%; background: rgba(0,0,0,0.1); position: absolute;left: 50%; top: 0; z-index: 1;}
.list4 li a{ display: block; margin: 0 14px 20px 14px; background: #fff;overflow: hidden;padding: 10px;transition: transform 0.35s ease-out;position: relative;z-index: 9;}
.list4 li a:hover{box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);transform: translateY(-10px);}
.list4 .more{ display: block;width: 100px; padding-top: 12px; margin: 0 auto;text-align: center;}
.list4 .color1 .more{color: #fff; border-top:rgba(255,255,255,0.2) 1px solid; opacity: 0.7;}
.list4 .color1{ background: url(../images/img4.jpg) no-repeat center; padding: 40px 30px 20px 30px;/*! text-align: center; */background-size: cover;}
.list4 .color1 .listTitle{ color: #e0c67e;text-align: center;}
.list4 .color1 .listCon{line-height: 24px;height: 48px;color: #fff;opacity: 0.7;margin: 10px 0;}
.list4 .color2{ background: url(../images/libg2.png) repeat center; padding: 40px 30px 20px 30px;/*! text-align: center; */}
.list4 .color2 .listTitle{ color: #014c87; text-align: center;}
.list4 .color2 .listCon{line-height: 24px;height: 48px;color:#999;margin: 10px 0;}
.list4 .color2 .more{color: #999; border-top:#e5e5e5 1px solid; }
.color3{ margin: 10px; position: relative;}
.color3 .listTitle{width: 94%; position: absolute; top: 30px; text-align: center;color: #fff;text-shadow: 0px 1px 2px #000;}
.color3 .listCon{line-height: 24px;max-height: 48px;color:#999;margin: 10px;}

.color3 .more{ margin: 13px auto 10px auto; border-top: #e5e5e5 1px solid;text-align: center;color: #999;}
.list4 .color4{ background: #6052a1; }
.list4 .color5{ background: #5174a8; }
.color6{ margin: 10px; }
.color6 .listText{ margin: 15px 10px 10px 10px; overflow: hidden; }
.color6 .listTitle{ color: #014c87; }
.color6 .listCon{ height: 48px; line-height: 24px;color: #999; margin: 18px 0;}
.color6 .more{ color: #999;display: block;width: 100px; border-top:#e5e5e5 1px solid; padding-top: 12px;margin: 0;}






@media screen  and (max-width:1440px) { 
	.banner .slideText{ right: 3%; }
    .list2 li a{ padding: 17px 30px 17px 0; }
    .list3 .gp-img-responsive{ width: 245px; height: 139px;}
    .list3 .listText{ margin: 15px 0 12px 258px; }
    .list3 .listCon{ margin: 3px 0; }
}


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

}

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

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

}

@media screen and (max-width:997px) {
	 .banner .slideText{ position: static;max-width: 100%;}
	 .banner{ margin: 0; }
	 .flex-direction-nav a{ height: 40px; }
	 .banner .flex-direction-nav .flex-next{ right: 0; }
	 .banner .flex-control-paging,.banner .slideText:before{ display: none; }
	 .banner .slideCon{ margin: 15px; font-size: 20px;line-height: 22px;max-height: 66px;}
     .mode01{ margin: 40px auto; }
     .articleList01 > .gp-fm{ margin: 0 15px; }
     .list1 .listText,.articleList01 .slickText{ margin: 15px; }
     .wrap_mode03{ padding: 40px 0; }
     .list3 li{ width: 100% !important; float: none !important; margin-bottom: 15px;}
     .list2 .listDate{ float: none; }
     .readMore{ margin-top: 20px; }
     .articleTitle02 .more{ margin-top: 15px; }
     .list3 li:last-child a:before{ display: none; }
     .list3 li:last-child .listText{ margin-right: 0; }
     .list4 li:nth-child(3){ margin-top: -12%; }
}

@media screen and (max-width:810px) {
	 .articleList01{ display: block; }
     .articleList01 > .gp-fl{width: 49%;}
     .articleList01 > .gp-fm{ float: none; width: 100%;margin: 20px 0;}
     .articleList01 > .gp-fr{width:49%;}
     .articleList01 .slickTitle{ height: auto; line-height: 24px;max-height: 48px;}
     .articleList01 .slickCon{ height: auto; margin: 15px 0; }
     .articleList01 .slick-dots{ display: none !important; }
}

@media screen and (max-width:766px) {
     .list4 li:nth-child(3){ margin-top:0; }
}

@media screen and (max-width:640px) {
	 .mode01{ margin: 30px auto; }
	 .wrap_mode02{ margin: 30px 0; }
	 .wrap_mode03{ padding: 30px 0 10px 0; }
	 .articleList01{ margin-bottom: 0; } 
     .articleList01 > .gp-fl{ float: none; width: 100%; }
     .articleList01 > .gp-fr{ float: none; width: 100%; }
     .list1 .listTitle{ height: auto; }
     .list2 li a{ padding: 15px 0;margin: 0;}
     .list2 li:before{ display: none; }
}


@media screen and (max-width:480px) {
      .list3 .gp-img-responsive{ width: 100%; height: 0; padding-bottom: 56.6%; float: none; }
      .list3 .listText{ margin: 15px 0; }
      .list3 .more{ margin-top: 15px; }
}