@charset "utf-8";

/*banner*/
/* 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 { -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;}
.flexslider .slides > a{display: block;width: 100%;height: 0;padding-bottom: 62.81%;overflow: hidden;}
.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: 10px; }
.flexslider .slides > li a{display: block;}
.flexslider ul li.flex-active-slide .imgresponsive{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);}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer;text-indent: 999em;  }
.flex-direction-nav .flex-disabled { cursor: default; }
.flex-direction-nav a:hover{color: #ffcb0b;}
/* 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: 444px;position: absolute; right:96px; text-align: center; z-index:98; top: 500px;} 
.flex-control-nav li {margin: 0 5px 0 ;width: auto; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 10px; height:10px; /*! border:2px solid #2c66ac; */border-radius: 50%; display: block;  cursor: pointer; text-indent: 9999em;background: #174479;position: relative;  }
.flex-control-paging li a:hover,.flex-control-paging li a.flex-active { width: 10px;height: 10px;/*! border-color: #000; */ /*! top: -2px; */ background: #012959;}

.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{width: 100%;overflow: hidden;position: relative;top: -60px;margin-bottom: -60px;z-index: 0;}
.banner .flexslider .slides li a{position: relative;}
.banner .flexslider .slides li a .imgresponsive{background-position: center top;background-repeat: no-repeat;width: 100%;display: block;background-size: 100% auto;background-attachment: fixed;-moz-background-attachment: fixed;padding-bottom: 47.91%;}
.banner .flex-direction-nav{ width: 105px; position: absolute;top: 154px; top: 140px \9; right: 436px;z-index: 9;}
.banner .flex-direction-nav li{ float: left; margin: 0 1px;}
.banner .flex-direction-nav a{ text-indent: 999em;}
.banner .flex-direction-nav .flex-prev {background: url(../images/lf.png) no-repeat center center #24528a;}
.banner .flex-direction-nav .flex-next {background: url(../images/rt.png) no-repeat center center #24528a;}
 
.banner .slide-img{  height: 0;padding-bottom: 34.4%;overflow: hidden;}
.banner .slide-textBg{ width: 540px; height: 100%; background: rgba(44,103,173,0.5); position: absolute; right: 0; top: 0;}
.banner .slide-text{ width: 344px; background:#2c67ad; border-bottom-left-radius:20px; padding: 100px 50px 50px 50px; position: absolute;right: 96px;top: 154px;}
.banner .slide-text h3{height: 24px; line-height: 24px;overflow: hidden;}
.banner .slide-text h3,.banner .slide-text .slide-Con{ color: #fff; }
.banner .slide-text .slide-Con{ display: block; margin: 30px 0 50px 0; line-height: 33px; height: 132px;overflow: hidden;}
 

/*News + Events*/
.wrap_mode01{ background: url(../images/modebg.png) no-repeat right top; overflow: hidden;}
.mode01{ margin: 70px auto; overflow: hidden; }
.mode01 .gp-fl{ width: 47.2%;  overflow: hidden;}
.mode01 .gp-fr{ width: 47.5%; overflow: hidden; }
.articleTitle01{ height: 30px; line-height: 30px;margin-bottom: 22px;overflow: hidden;}
.articleTitle01 .title{ padding-right: 10px;float: left;}
.articleTitle01 .more{ color: #666666; position: relative;padding-left: 20px; }
.articleTitle01 .more:before{ content: ""; display: block; width: 1px; height: 20px; background: #4686d4; position: absolute; left: 0; bottom: 0; }

 
.Ustb-List01{ margin: 0 -19px; overflow: hidden; }
.Ustb-List01 li{ width: 50%; float: left; }
.Ustb-List01 li a{ display: block; margin:0 19px; overflow: hidden;transition: all 0.3s ease-in-out;} 
.Ustb-List01 .artImg{ display: block; height: 0; padding-bottom: 55.9%; overflow: hidden; position: relative; transition: all 0.3s ease-in-out;}
.Ustb-List01 .date{display: inline-block; color: #fff; padding: 8px 12px; background: rgba(1,41,89,0.5);
position: absolute; right: 0; bottom: 0;}
.Ustb-List01 .artText{ display: block; margin: 15px 0; font-weight: bold;  line-height: 32px; overflow: hidden;max-height: 128px;position: relative; transition: all 0.3s ease-in-out;}

.Ustb-List01 li > a:hover{ background: #2c67ad;  }
.Ustb-List01 li > a:hover .artText{ color: #fff; padding: 0 35px !important; /*! margin-bottom: 15px; */}
.Ustb-List01 .artImg:before{ content: ''; display: block;width: 0; height: 12px;background: url(../images/libg-hover.jpg) no-repeat; 
position: absolute; left: 0; bottom:0;z-index: 9; transition: all 0.3s ease;}
.Ustb-List01 li > a:hover .artImg:before{ width: 74px; }

.Ustb-List02-rt dl{margin:0 19px;overflow: hidden;}
.Ustb-List02-rt dd{ border-top: #eee 1px solid;}
.Ustb-List02-rt dd a{ display: block; margin: 20px 0; }
.Ustb-List02-rt .date02{ display: block; color: #4686d4;}
.Ustb-List02-rt .artText{ margin: 5px 0 0 0;height: 96px; overflow: hidden;}




/*第二行*/
.wrap_mode02{ background: #efeff4; overflow: hidden; }
.mode02{ margin: 50px auto; overflow: hidden; }

.articleList03{ background: #fff; border-top-right-radius:10px; border-bottom-right-radius: 10px; }
.articleList03 .slides li a{ display: block; }
.articleList03 .artImg{ width: 709px; float: left; height: 500px;overflow: hidden;}
.articleList03 .artText{ margin-left: 709px; padding: 45px 45px 10px 40px; overflow: hidden;transition: all 0.3s ease-in-out;}
.articleList03 .artText h3{ line-height: 37px; max-height: 74px;overflow: hidden;}
.articleList03 .artCon{ display: block; line-height: 29px; color: #444; margin: 20px 0 60px; height: 261px;overflow: hidden;}
.articleList03 .flex-direction-nav a{ display: none; }
.articleList03 .flex-control-nav{  width: 666px;right: auto;left: 0;text-align: right;bottom: 10px;top: auto;}
.articleList03 .flex-control-paging li a{ width: 27px;height: 4px; background: #4686d4; border-radius: 0; border: none; }
.articleList03 .flex-control-paging li a.flex-active,.articleList03 .flex-control-paging li a:hover{ background: #ffcb0b; top:0; }

 
 
/*第三行*/
.wrap_mode03{ background: url(../images/modebg02.png) no-repeat top; }
.mode03{ margin: 70px auto auto auto; overflow: hidden; }
.Ustb-List03 { margin: 0 -22px; overflow: hidden; }
.Ustb-List03 li{ width: 33.2%; float: left; }
.Ustb-List03 li a{ display:block; margin: 0 22px; overflow: hidden; }
.Ustb-List03 .artImg{ display: block; position: relative; }
.Ustb-List03 .play{ display:block; width: 40px; height: 40px;background: url(../images/play.png) no-repeat; position:absolute; left: 50%; top: 50%;
margin-left: -20px; margin-top: -20px;}
.Ustb-List03 .artText { display: block; text-align: center; height: 150px;overflow: hidden; transition: all 0.3s ease-in-out;}
.Ustb-List03 .artText b{ display: block; margin: 25px 20px; height: 60px; line-height: 30px; overflow: hidden; }
.Ustb-List03 li a:hover .artText{background: #2c67ad; color: #fff;}


@media screen and (min-width:2100px) {
	 .banner .slide-text,.banner .flex-direction-nav{ top: 200px; }
	 .flex-control-nav{ top: 540px; }
} 


@media screen and (min-width:1024px) {
	.Ustb-List01 li a:hover .artText{ padding-left: 6px; }
	.articleList03 .slides li a:hover .artText{ padding-left: 45px; }
	
}

@media screen and (max-width:1440px) {
	.banner .slide-text{padding: 70px 50px 40px 50px;}
	.banner .slide-text .slide-Con{height: 99px;margin: 15px 0;}
	.flex-control-nav{ top: 385px; }
}

@media screen and (max-width:1386px) {
	.articleList03 .artImg{ width: 609px; height: 428px; }
	.articleList03 .artText{ margin-left: 609px; }
	.articleList03 .artCon{ height: 175px; }
	.articleList03 .flex-control-nav{ width: 565px; }
}


@media screen and (max-width:1200px) {
	.banner .slide-textBg{ background: none; }
    .banner .slide-text{ bottom: 0; right: 0; padding: 20px 40px;width: 31%;top: auto;}
    .banner .slide-text .slide-Con{ height: 100px; margin: 20px 0 30px 0;} 
    .flex-control-nav{ width: auto; right: 12%;bottom: 10px;}
    .banner .flex-direction-nav{right: 0;top: auto;bottom: 214px;}
}


@media screen and (max-width:1020px) {
	 .gp-container{ width: auto; margin-left: 15px !important; margin-right: 15px !important; }
	 .banner{ top: 0; margin-bottom: 0;} 
	 .banner .slide-text{ display: none; }
	 .banner .flex-direction-nav{ bottom: 0; }
	 .flex-control-nav{ display: none; }
	 .mode01 .gp-fl{ width: auto; float: none; }
	 .mode01 .gp-fr{ width: auto; float: none; margin: 20px 0 0 0;}
	 

}

@media screen and (max-width:992px) {
	
	.Ustb-List03 li{ width: 50%; }
	.articleList03 .artImg{ width: 100%; height: 0; padding-bottom: 70%; float: none;}
	 .articleList03 .artText{ margin: 0; padding: 30px 40px; }
	 .articleList03 .artText h3{ height: auto; }
	 .articleList03 .artCon{ height: auto; margin: 20px 0 30px;}
}



@media screen and (max-width:767px) {
	.mode01{ margin: 40px auto; }
	.mode03{ margin: 40px auto auto auto; }

}


@media screen and (max-width:550px) {
	.banner .flex-direction-nav{ width: auto; }
	.banner .flex-direction-nav a{ width: 35px; height: 35px; }
	.Ustb-List01 li{ width: auto; float: none; }
	.Ustb-List02-rt .artText{ height: auto; }
	.articleList03 .artText{ padding: 20px; }
	.Ustb-List03 li{ width: auto; float: none; }
	.Ustb-List03 .artText,.Ustb-List03 .artText b{ height: auto; }
	
}


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