@charset "utf-8";
/* CSS Document */
/* @font-face {
font-family: 'century gothic'; *//*字体的名字*/
/* src: url(../fonts/GOTHICI.TTF) format('truetype'); *//*字体文件的路径*/
/* } */
@font-face {
    font-family: 'century gothic';
    src: url('../fonts/GOTHICI.eot');/* IE9 Compat Modes */
    src: url('../fonts/GOTHICI.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
         url('../fonts/GOTHICI.woff') format('woff'), /* Modern Browsers */
         url('../fonts/GOTHICI.ttf') format('truetype'),/* Safari, Android, iOS */
         url('../fonts/GOTHICI.svg#geotica_2012regular') format('svg'); /* Legacy iOS */
}


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; position: relative; width: 100%;}
.Banner .flexslider {  background: #fff;  position: relative; zoom: 1; overflow:hidden; margin: 0 auto;width:100%;max-width: 1440px;}
.Banner .flexslider ul li{list-style:none;position: relative;}
.Banner .flexslider ul li .slideImg{display:inherit;height: 200px;padding-bottom:26.4%;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:35px; right:17%;text-align:center;z-index:9;display: none;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 8px; height: 8px; display: block; background:none; border: #00689c 1px solid; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:#00689c; border: #00689c 1px 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: 4.5%;right: 7.75%;color:#fff;z-index:999;background: url(../images/banner_bg.png) repeat;padding: 15px 20px;}
.Banner .flexslider ul li .slideTxt p{ font-size:2.2em; color:#fff;}
.Banner .flexslider ul li .slideTxt a{display: inline-block; font-size:20px; color: #fff;}
.Banner .flexslider ul li .slideTxt a:hover{}
.Banner .flex-direction-nav{display:block;height: 0;position: absolute;left: 50%;top: 50%;}
.Banner .flexslider .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;position: relative;top: -36px;}
.Banner .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;}
.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: -710px;}
.Banner .flex-direction-nav a.flex-next{background:url(../images/next.png) no-repeat center;right: -710px;}
.Banner .flex-pauseplay{position: absolute;right:15%;bottom: 35px;display: none;}
.Banner .flex-pauseplay a{ display: inline-block; width: 18px; text-indent: -888em; }
.Banner .flex-pauseplay a.flex-pause{background:url(../images/pause.png) no-repeat center center;}
.Banner .flex-pauseplay a.flex-play{background:url(../images/play02.png) no-repeat center center;}

.content{overflow:hidden;/* background: url(../images/bg.png) no-repeat center top; */background-size: cover;}
.mode01{max-width:1440px;overflow:hidden; margin:50px auto 40px; }
.mode01 .lf{ width: 31.4%; float: left; }
.mode01 .md{ width: 31.4%; float: left; margin: 0 2.9%;}
.mode01 .rt{ width: 31.4%; float: right;}

.articleTitle01{height: 30px;line-height: 30px;padding-bottom: 13px;border-bottom: 3px solid #00689c;margin-bottom: 26px;}
.articleTitle01 .title{float: left;}
.articleTitle01 .title font{ font-size: 24px; color: #00689c;font-family: "方正大标宋简体";}
.articleTitle01 .title i{ font-style: normal; font-family: 'Cambria'; font-size: 24px; color: #999999; padding-left: 8px;font-family: "方正大标宋简体"; }
.articleTitle01 .more{background: url(../images/more.png) no-repeat left center;display: block;float: left;width: 60px;height: 27px;margin-left: 10px;}
.articleTitle02{display: block;color: #004465;font-size: 17px;font-weight: bold;padding: 17px 0 17px 20px;border-top: #004465 6px solid;background-color: #f5fcff;}

.articleList02 ul{overflow: hidden;margin-bottom: 42px;}
.articleList02 ul li{overflow: hidden;margin-top: 15px;position: relative;}
.articleList02 ul li:first-child{margin-top: 0;}
.articleList02 ul li a{display: block;font-size: 16px;height: 22px;line-height: 22px;color: #2e2e2e;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.articleList02 ul li span.rightDate{margin-left: 10px;font-size: 14px;font-family: "century gothic";color: #646464;font-style:italic;display: block;float: right;line-height: 22px;}
/* .articleList02 ul li:hover{background: url(../images/liBG.png) no-repeat center center;border-bottom-color: #F5FCFF;background-size: cover;}
.articleList02 ul li:hover a{color: white;}
.articleList02 ul li:hover span.rightDate{color: white;}
.articleList02 ul li:hover:after{width: 37px;height: 3px;background: #f5fcff;content: "";display: block;position: absolute;left: 56px;bottom: -1px;} */
.articleList02 .newsList01 li{background:url(../images/iconLeft.png) no-repeat left center #f5fcff;padding-left: 22px;} 
.articleList02 .newsList01 li a{font-size: 15px;}
.articleList02 .newsList01{min-height: 280px;}
.articleList02 .newsList01 li:hover a{color: #0070a8;}

.rt .articleList02 .newsList01 li{background:url(../images/iconRight.png) no-repeat left center #f5fcff;padding-left: 22px;} 

.articleList01 ul{overflow: hidden;margin-bottom: 42px;}
.articleList01 ul li{overflow: hidden;/*margin-bottom: 20px;*/position: relative;padding-bottom: 20px;/*border-bottom: 1px solid #d5dadc;*/}
.articleList01 ul li:first-child{margin-top: 0;}
.articleList01 ul li a{display: block;font-size: 16px;height: 22px;line-height: 22px;color: #2e2e2e;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.articleList01 ul li span.rightDate{margin-left: 10px;font-size: 14px;font-family: "century gothic";color: #646464;font-style:italic;display: block;float: right;line-height: 22px;}
/* .articleList01 ul li:hover{background: url(../images/liBG.png) no-repeat center center;border-bottom-color: #F5FCFF;background-size: cover;}
.articleList01 ul li:hover a{color: white;}
.articleList01 ul li:hover span.rightDate{color: white;}
.articleList01 ul li:hover:after{width: 37px;height: 3px;background: #f5fcff;content: "";display: block;position: absolute;left: 56px;bottom: -1px;} */
.articleList01 .newsList01 li{background: #f5fcff;} 
.articleList01 .newsList01 li a{font-size: 15px;}
.articleList01 .newsList01 li:hover a{color: #0070a8;}

.contactUs{position: relative;display: block;height: 100px;line-height: 100px;border-top: 6px solid #003C7F;width: 100%;background: url(../images/contactBG.png) no-repeat center center;background-size: cover;margin-top: 14px;text-align: center;}
.contactUs span{color: #f5fcff;font-size: 24px;}
.contactUs img{position: absolute;right:21px;bottom: 28px;}

@media screen  and (max-width:1480px) {
	.Banner .flex-direction-nav a.flex-prev{left: -600px;}
	.Banner .flex-direction-nav a.flex-next{right: -600px;}
	.Banner .flexslider ul li .slideTxt a{font-size: 18px;}
	.Banner .flexslider ul li .slideTxt{right: 9%;padding: 10px 15px;}
	.Banner .flexslider,.mode01{max-width: 1200px;}	
}
@media screen  and (max-width:1366px) {
	.Banner .flex-direction-nav a.flex-prev{left: -500px;}
	.Banner .flex-direction-nav a.flex-next{right: -500px;}
	.Banner .flexslider ul li .slideTxt a{font-size: 18px;}
	.Banner .flexslider ul li .slideTxt{right: 13%;padding: 10px 15px;bottom: 3px;}
	.Banner .flexslider,.mode01{max-width: 1000px;}	
}


@media screen  and (max-width:1080px) {
	
	.Banner .flexslider,.mode01{max-width: auto;}	
	.mode01,.mode02{ margin: 25px 40px; }
	
 }

@media screen  and (max-width:992px) { 
	.Banner .flexslider ul li .slideTxt{ left:40px; right: 40px; padding: 10px;display: none;}
	.Banner .flexslider ul li .slideTxt p{ font-size: 1.8em; height: 22px; overflow: hidden; }
	.Banner .flexslider ul li .slideTxt a{ display: none; }
	.Banner .flex-control-nav{ display: none; }
	.Banner .flex-pauseplay{ display: none; }
	.Banner .flex-direction-nav{left: 0;width: 100%;top: 30%;}
	.Banner .flex-direction-nav a.flex-next{right: 0;}
	.Banner .flex-direction-nav a.flex-prev{left: 0;}
	.Banner .flexslider .flex-direction-nav li{position: static;}
	
	.mode01 .lf,.mode01 .md,.mode01 .rt{ width: 100%;margin: 0;}

	.articleList02 ul li:hover{border-bottom-color: #5ca9ce;}
	.articleList02 ul li:hover a{color: inherit;}
	.articleList02 ul li:hover span.rightDate{color:inherit;}
	.articleList02 ul li:hover:after{display: none;}
	
	.articleList01 ul{margin-bottom: 0;}
	.contactUs{margin-bottom: 40px;}
}


@media screen and (max-width:640px) {
	.Banner .flexslider ul li .slideTxt{ left:20px; right: 20px; padding: 4px 8px;}
	.Banner .flexslider ul li .slideTxt p{ font-size: 1.4em; }
	.Banner .flex-direction-nav{ display: none; }
	.mode01{ margin: 20px; }
}

@media screen and (max-width:480px) {
	.mode01 .md, .mode01 .rt{ width: 100%; margin: 0px 0 0 0; }
	.articleTitle01{ margin-bottom: 10px; }
	.articleTitle01 .title font{ font-size: 22px; }
	.articleTitle01 .more{height: 25px;}
	.articleTitle02{font-size: 16px;padding: 16px 0 16px 10px;}
	/* .articleList02 ul li{padding: 16px 10px 20px 10px;} */
	.articleList02 ul{margin-bottom: 36px;}
	.articleList02 ul li a{font-size: 15px;}
	.articleList01 ul li .title{font-size: 15px;}
	.articleList01 ul li{padding: 16px 10px 20px 10px;}
	
	
}

@media screen and (max-width:414px) {
	.articleTitle01 .title font{ font-size: 18px; }
	.articleList02 ul li a{ font-size: 14px; }
	.articleTitle02{font-size: 16px;padding: 10px 0 10px 10px;}
	.articleList02 ul li{padding: 10px 10px 10px 10px;}
	.articleList02 ul{margin-bottom: 36px;}
	.articleList02 ul li a{font-size: 14px;}
	.articleList01 ul li .title{font-size: 14pxpx;}
	.articleList01 ul li{padding: 16px 10px 20px 10px;}
	.articleList02 ul li span.rightDate,.articleList01 ul li span.rightDate{font-size: 12px;}
	
}

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

}

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

}