@charset "utf-8";
/* 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 */
.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: 30px; height: 50px;  position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em ;margin-top:-25px;}
.flex-direction-nav .flex-prev { }
.flex-direction-nav .flex-next { }
.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:99; }
.flex-control-nav li {margin: 10px 6px 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; border:2px solid #0d58aa; cursor: pointer; text-indent: -9999px;border-radius:8px; }
.flex-control-paging li a:hover { background: #0d58aa;  }
.flex-control-paging li a.flex-active { background: #0d58aa;}

.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;}

/*content*/
.content{width:100%;position: relative;z-index: 100;}
/*滚动通知*/
.mode01{width: 1300px;background-color:#fff;position:absolute;z-index: 200px;top: -31px;left:50%; margin-left:-650px;box-shadow:0px 0px 5px 2px rgba(0,0,0,0.15);}
.mode01 .flexslider{margin:0 78px 0 70px;}
.noticeTitle{width: 70px;height: 80px;float:left;background-color:#0098d9;}
.noticeTitle img{display: block;width: 26px;margin: 28px auto 0;}
.noticeList{width:100%;overflow:hidden;padding:28px 0;}
.noticeList dd{width: 50%;float:left;height: 24px;line-height: 24px;overflow:hidden;font-size:16px;}
.noticeList dd a{display: block;margin-right: 20px;color:#666;}
.noticeList dd span{float:left;color:#666;font-weight: bold;font-family: 'Arial';margin:2px 10px 0 17px;}
.mode01 .flex-control-nav{display: none;}
.mode01 .flex-direction-nav .flex-prev{left:auto;right:-35px;top:0;background:url(../images/n_lf.png) no-repeat left center;width: 15px;height: 100%;margin:0;}
.mode01 .flex-direction-nav .flex-next{left:auto;right:-65px;top:0;background:url(../images/n_rt.png) no-repeat left center;width: 15px;height: 100%;margin:0;}
.mode01 .flex-direction-nav .flex-prev:hover{background:url(../images/n_lf_hover.png) no-repeat left center;}
.mode01 .flex-direction-nav .flex-next:hover{background:url(../images/n_rt_hover.png) no-repeat left center;}
.mode01 .flex-direction-nav a{opacity: 1}
/*通知公告*/
.mode02Wrap{width: 100%;overflow:hidden;background-color:#e1f2fa;}
.mode02{width: 1300px;margin:0 auto;padding-top:80px;}
.listTitle01{width: 250px;border-bottom: 2px solid #0098d9;margin:0 auto;}
.listTitle01 h2{font-size:30px;font-weight:normal;color:#333;padding-bottom: 10px;}
.listTitle01 h2 i{display: block;font-size:15px;color:#999;font-family: 'Arial';padding-top:2px;}
.rightMore{float:right;margin-top: 40px;}
.rightMore a{color:#0098d9;}
.list01{width: 105%;overflow:hidden;padding:50px 0 30px;}
.list01 li{float:left;margin:0 32px 30px 0;width: 300px;}
.list01 li:hover > div{margin-top: -10px;}
.list01 li > div{background-color:#fff;box-shadow:0px 0px 5px 2px rgba(0,152,217,0.1);overflow:hidden;padding:30px 34px;min-width: 232px;border-radius: 10px;transition: all 0.3s ease;}
.n-dates{display: block;position: relative;}
.n-dates strong,.n-dates i{font-family: 'Arial';color:#0098d9;display: block;font-style: normal;letter-spacing: 1px;}
.n-dates strong{font-size:24px;}
.n-dates i{font-size:14px;}
.n-dates:after{content: '';width: 80px;height: 1px;background-color:#0098d9;position: absolute;left:61px;bottom: 3px;}
.list01 li a{font-size:16px;line-height: 24px;height: 72px;overflow:hidden;letter-spacing: 1px;display: block;padding-top:20px;}
.list01 .li01 > div{background:url(../images/n-icon1.png) no-repeat right top #fff;}
.list01 .li02 > div{background:url(../images/n-icon2.png) no-repeat right bottom #fff;}
/*新闻资讯*/
.mode03{width: 100%;overflow:hidden;}
.mode03 .lf{width: 50%;background:url(../images/news_bg.jpg) no-repeat right top #d5e6b3;min-height: 625px;float:left;}
.mode03 .flexslider{width: 650px;float:right;padding:110px 0 50px;}
.mode03 .flexslider .slides li > a{display: block;width: 100%;height: 0;padding-bottom:56.15%;overflow:hidden; }
.slideTitle{height: 40px;line-height: 40px;background-color:#40b0ce;overflow:hidden;display: block;}
.slideTitle a{padding:0 15px;color:#fff;font-size:16px;letter-spacing: 1px;}
.mode03 .flex-direction-nav a{z-index: 600;width: 30px;height: 30px;bottom: 0;top: auto;}
.mode03 .flex-direction-nav .flex-prev{left:257px;background:url(../images/news_lf.png) no-repeat center center;}
.mode03 .flex-direction-nav .flex-next{right:257px;background:url(../images/news_rt.png) no-repeat center center;}
.mode03 .flex-control-paging li a{width: 6px;height: 6px;background-color:#c0cacc;border:none;transition: all 0.3s ease;}
.mode03 .flex-control-paging li a.flex-active{width: 20px;height: 6px;background-color:#a4c752;}
.mode03 .rt{width: 50%;float:left;min-height: 625px;background-color:#fff;}
.articleList02{float:left;padding:38px 0 0 40px;width:610px; }
.listTitle02{margin:0;}
.list02{width: 100%;overflow:hidden;padding:30px 0;}
.n-dates02{float:left;width: 60px;height: 60px;border:1px solid #0098d9;}
.n-dates02 strong,.n-dates02 i{display: block;font-style: normal;text-align: center;font-family: 'Arial';}
.n-dates02 strong{height: 21px;line-height: 21px;color:#fff;background-color:#0098d9;}
.n-dates02 i{font-size:30px;color:#0098d9;padding-top: 2px;}
.list02 li{margin-bottom: 28px;min-height: 62px;}
.list02 li a{display: block;margin-left:76px;padding-top:5px;}
.list02 li h3{font-size:16px;line-height: 20px;height: 20px;overflow:hidden;font-weight: normal;margin-bottom:10px;}
.list02 li p{font-size:12px;color:#999;line-height: 20px;height: 20px;overflow:hidden;}
.readMore02{height: 32px;line-height: 32px;}
.readMore02 a{float: right;color:#999;border-bottom: 2px solid #a4c752;}
.readMore02 i{color:#999;margin-left:17px;font-style: normal;font-size:18px;}
.readMore02 a:hover {color:#a4c752;}
.readMore02 a:hover i{color:#a4c752;}
/*技术产品推广*/
.mode04Wrap{width: 100%;overflow:hidden;background-color:#f2f2f2;}
.mode04{width:1300px;margin:0 auto;padding:54px 0 80px;}
.rightMore02 a{color:#999;}
.mode04 .flexslider {padding-top:50px;}
.mode04 .flexslider .slides > li{margin-right: 18px;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.1);}
.mode04 .flexslider .slides > li .slideTitle04{background-color:#79c5e5;text-align: center;}
.mode04 .flexslider .slides > li:nth-child(2n) .slideTitle04{background-color:#cbdca2;}
.slideTitle04{height: 40px;line-height: 40px;}
.slideTitle04 strong{color:#fff;font-size:16px;font-weight: normal;padding:0 15px;}
.mode04 .flex-control-nav{display: none;}
.mode04 .flex-direction-nav a{width: 30px;height: 60px;margin-top:-30px;}
.mode04 .flex-direction-nav .flex-prev{background:url(../images/j_lf.png) no-repeat center center;left:-50px;}
.mode04 .flex-direction-nav .flex-next{background:url(../images/j_rt.png) no-repeat center center;right: -50px;}
.mode04 .flexslider .slides > li a{}
.mode04 .flexslider .slides > li span{display: block;width: 100%;height: 0;padding-bottom: 74.84%;overflow:hidden;}
.mode05Wrap{width: 100%;overflow:hidden;background:url(../images/bg02.jpg) no-repeat top center #a3e2fe;background-size:cover;*background-repeat: repeat;}
.mode05{width:1300px;margin:0 auto;padding:38px 0 70px;}
.picList05{width: 100%;overflow:hidden;font-size:0;text-align: center;padding:45px 0;}
.picList05 dd{display:inline-block;*display: inline;*zoom:1;width: 12.5%;max-width: 159px;}
.mode05 .flex-direction-nav a{top:6px;width: 40px;height: 70px;margin:0;}
.flex-direction-nav .flex-prev{background:url(../images/l_lf.png) no-repeat center center;left:28%;}
.flex-direction-nav .flex-next{background:url(../images/l_rt.png) no-repeat center center;right: 28%;}
.listTitle03{padding:40px 0 0;text-align: center;}
.listTitle03 a{display: inline-block;font-size:18px;color:#00a0e9;border-bottom: 4px solid #0098d9;padding:0 5px 6px;}
.picList06{padding-top: 20px;}

@media screen  and (max-width:1366px) {
	.mode01{width: 1220px;margin-left: -610px;}
	.mode02{width:1252px; }
	.list01 {width: 100%;padding-top: 30px;}
	.list01 li{width: 25%;margin:0 0 16px 0;}
	.list01 li > div{margin:0 16px;min-width: auto;}
	.mode03 .flexslider{width: 512px;}
	.articleList02{width: 472px;}
	.mode03 .flex-direction-nav .flex-next{right: 5%;}
	.mode03 .flex-direction-nav .flex-prev{left:5%;}
	.mode04,.mode05{width: 1220px;}

}
@media screen  and (max-width:1300px) {
	.mode01{position: static;width: 1220px;margin:0 auto;}
	.mode04 .flex-direction-nav .flex-prev{left:0;}
	.mode04 .flex-direction-nav .flex-next{right:0;}
	
}
@media screen  and (max-width:1220px) {
	.mode01{position: static;width: 1024px;margin:0 auto;}
	.mode04,.mode05{width: 1024px;}
	.mode02{width: 1056px;padding-top:30px;}
}


@media screen  and (max-width:1024px) {
	.mode02{width: auto;padding:20px 15px 0;}
	.list01 li > div{margin:0 7px;}
	.mode02{padding:20px 8px 0;}
	.mode01{width: auto;}
	.mode03 .flexslider{width: auto;padding-left:15px;}
	.articleList02{width: auto;padding:25px 15px 0;}
	.mode03 .rt,.mode03 .lf{min-height: 550px;}
	.list02{padding-bottom: 0}
	.mode04{width: auto;padding:30px 15px;}
	.mode05{width: auto;padding:30px 15px 50px;}
	.flex-direction-nav .flex-prev{left:0;}
	.flex-direction-nav .flex-next{right: 0;}
}
@media screen  and (max-width:800px) {
	
}

@media screen and (max-width: 768px) {
	.noticeList dd{font-size:14px;}
	.listTitle01 h2{font-size:22px;}
	.listTitle01{width: 200px;}
	.rightMore{margin-top: 30px;}
	.list01 li{width: 50%;}
	.list01 li:hover > div{margin-top:0;}
	.mode03 .rt, .mode03 .lf{width: 100%;min-height: auto;padding-bottom: 20px;}
	.mode03 .flexslider{padding:30px 15px 50px;}
	.articleList02{float:none;padding:25px 15px;}
	.mode04 .flexslider .slides > li{margin-right: 10px;}
	.listTitle02{margin:0 auto;}

}
@media screen  and (max-width:640px) {
	.noticeList dd{width: 100%;padding:3px 0;}
	.noticeList{padding:9px 0;}
	.noticeList dd a{margin-right: 0}
	.noticeTitle{width: 45px;}
	.mode01 .flexslider{margin:0 70px 0 45px;}

	
@media screen and (max-width:480px) {
	.list01 li{width: 100%;}
	.list01 li a{height: auto}
		
}
@media screen and (max-width:400px) {
	
}

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

	


}