.content{margin-top: 10px;}

.Banner { position: relative; z-index: 1; }
.Banner .rslides .img { display: block; height: 0;width: 100%;padding-bottom: 50%;overflow: hidden;}
.Banner .rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; }
.Banner .rslides li:first-child { position: relative; display: block; float: left; }
.Banner .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }

.Banner .slide li { position: absolute; width: 100%; }
.Banner .slide li a { display: block; }
.Banner .slide li a img{ width: 100%; }
.Banner .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner .slide_container { position: relative;  width: 100%;overflow:hidden; }
.Banner .slide_nav { position: absolute; top: 45%;  opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 43px; width: 29px; /* background:url(../images/lf.png) no-repeat left top; */  }
.Banner .slide_tabs li a{ width: 11px; height: 11px; display: inline-block;  text-indent:-999em;  background: url(../images/a.png) no-repeat; border-radius: 50%;}
.Banner .slide_tabs li.slide_here a {  background:url(../images/a_hover.png) no-repeat;width:10px;height:10px; border-radius: 50px; }
.Banner .slide_tabs li{width:10px;height:10px; display: inline; margin:0 5px 0 5px;  color:#fff;}
.Banner .slide_tabs{position:absolute; bottom:10px;z-index:999; width: 100%; text-align: center;  }
.Banner .slider { width: 100%; height: 50px; background: url(../images/slider.png); position: absolute; left: 0px; bottom: 0px; }


.mode01 { max-width: 1200px; margin: 0px auto; overflow: hidden; }
.mode01 .lf { width: 58.4%; float: left; }
.mode01 .rt { width: 40%; float: right; background: #ffffff; }
.mode02 { max-width: 1200px; margin: 20px auto; overflow: hidden; }
.mode02 .lf { width: 58.4%; float: left; background: #ffffff; }
.mode02 .rt { width: 40%; float: right; background: #ffffff; }

.mode03 { max-width: 1200px; margin: 30px auto; }
.mode03 ul { overflow: hidden; margin: 0 3%; }
.mode03 ul li { float: left; width: 11%; }
.mode03 span { display: block; }
.mode03 p { font-size: 16px; margin: 15px 0 0 0; text-align: center; }
.mode03 img { display: block; margin: 0 auto; }
.mode03 ul li:hover p { color: #710f0f; }

.wrap_mode04{width: 100%; background: url(../images/mode03_bg.jpg) no-repeat center top;margin: 40px auto;background-size:100% 100%;overflow: hidden;*overflow: static; position: relative;}
.wrap_mode04 .wrap_mode03_bg{position: absolute;z-index:99; width: 100%;height: 100%;background: url(../images/mode03_bg1.png) repeat;left: 0;top:0;right:0;bottom: 0;}
.mode04{width: 1200px;margin:0px auto 0;padding:30px 0 20px 0; overflow: hidden;position: relative;z-index:999;}
.articleTitle{overflow: hidden;margin-bottom: 30px;}
.articleTitle .more{float: right;font-size: 16px;color:#999;}
.articleTitle h2{overflow: hidden;position: relative;border-left:4px solid #eee; padding-left: 20px;}
.articleTitle h2{color:#1564be;font-size: 22px;position: relative;z-index:999;}
.articleTitle .more:hover{color:#1564be;}
.articleTitle1 h2{border-left-color:#aaa ; border-left-color: rgba(255,255,255,0.2);*border-left-color: #999;}
.articleTitle1 h2{color:#fff;}
.articleTitle1 .more{color:#fff;font-weight: bold;}
.mode04 .lf{width: 50%;float: left;overflow: hidden;}
.mode04 .rt{width: 50%;float: right;overflow: hidden;}
.NoticeBanner .flexslider {width: 88%;margin: 0 auto;height:  0;padding-bottom: 32.5%;}
.NoticeBanner .flex-control-nav{display: none;}
.NoticeBanner .flex-direction-nav a{width: 40px;height: 100%;background-color: #1564be;margin-top: 0;top:0;}
.NoticeBanner .flex-direction-nav .flex-prev{left:-44px;}
.NoticeBanner .flex-direction-nav .flex-next{right: -44px;}
.NoticeBanner .flex-direction-nav .flex-disabled{opacity: 1 !important;background-color:#ddd;filter:alpha(opacity=100); cursor: default;}
.slidesBox{overflow: hidden;}
.slidesBox .notice{float: left;width: 50%;*width: 49%; /* padding:10px 0; */margin-bottom: 30px;}
.slidesBox .notice a{display: block;margin: 0 15px;/* background:url(../images/notice_bg.png) no-repeat bottom right #fff; */padding:20px;background: #fff;}
.slidesBox .notice a strong{display: block;font-size: 16px;line-height: 24px;height: 45px;overflow: hidden;padding-bottom: 8px;margin-bottom:8px;position: relative;font-weight: normal;}
.slidesBox .notice a strong:after{position: absolute;bottom:0;left:0;content: '';clear: both;width: 30px;height: 1px;background: #ddd}
.slidesBox .notice a span{display: block;font-size: 14px;}
.slidesBox .notice a:hover{background-color: #1564be;background: linear-gradient(-45deg,transparent 5px,#1564be 0) ;}
.slidesBox .notice a:hover strong,.slidesBox .notice a:hover span{color:#fff;}
.slidesBox .notice a:hover strong:after{background: #fff;}
.dataList{width: 102%;overflow: hidden;}
.dataList li{float: left;width: 50%;margin-bottom: 20px;*width: 49%;}
.dataList li .data{margin-right: 20px;text-align: center;}
.dataList li .data span{display: block;background:#fff;padding: 16px 20px;font-size: 42px;font-family: 'Arial';color:#1564be;font-weight: bold;}
.dataList li .data p{background:#1564be;color:#fff;padding:10px;font-size: 16px;white-space:  nowrap;overflow:  hidden;text-overflow:  ellipsis;}

.notice .title { overflow: hidden; border-bottom: 2px solid #f5f5f5 }
.notice .title h2 { width: 75px; height: 50px; line-height: 50px; font-size: 16px; color: #ffffff; float: left; background: url(../images/notice.png) no-repeat 20px center #004c90; padding:0 0 0 60px; }
.notice .title a {font-size: 16px; color: #999999; font-weight: bold; float: right; margin: 0 20px 0 0; height: 50px; line-height: 50px; }
.notice .title a:hover { font-weight: normal; color: #004c90; }
.notice ul { padding: 0 20px 11px;}
.notice ul li { height: 47px; line-height: 47px; border-top: 1px solid #e1e1e1; overflow: hidden; *vertical-align: middle; }
.notice ul li:first-child { border-top: 0px; }
.notice li a.title{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.notice li span.rightDate { float: right;font-size: 16px; color: #999999;margin-left: 10px;}


.work .title { overflow: hidden; border-bottom: 2px solid #f5f5f5 }
.work .title h2 { width: 90px; height: 50px; line-height: 50px; font-size: 16px; color: #ffffff; float: left; background: url(../images/work.png) no-repeat 20px center #004c90; padding:0 0 0 60px; }
.work .title a {font-size: 16px; color: #999999; font-weight: bold; float: right; margin: 0 20px 0 0; height: 50px; line-height: 50px; }
.work .title a:hover { font-weight: normal; color: #004c90; }
.work ul { padding: 0 20px 18px; }
.work ul li { height: 47px; line-height: 47px; border-top: 1px solid #e1e1e1; overflow: hidden; *vertical-align: middle; }
.work ul li:first-child { border-top: 0px; }
.work li a.title{ display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.work li span.rightDate{ float: right;font-size: 16px; color: #999999;margin-left: 10px;}




.contact .title { overflow: hidden; border-bottom: 2px solid #f5f5f5 }
.contact .title h2 { width: 90px; height: 50px; line-height: 50px; font-size: 16px; color: #ffffff; float: left; background: url(../images/contact.png) no-repeat 20px center #004c90; padding:0 0 0 60px; }
.contact .title a {font-size: 16px; color: #999999; font-weight: bold; float: right; margin: 0 20px 0 0; height: 50px; line-height: 50px; }
.contact .title a:hover { font-weight: normal; color: #004c90; }
.contact li { padding: 10px 20px; border-top: 3px solid #f5f5f5;overflow: hidden;}
.contact li:first-child { border-top: 0px; }
.contact_con h3 { float: left; font-size: 16px; color: #333333; }
.cont_right { float: left; }
.cont_right span {display: block; font-size: 16px; color: #333333; }


@media screen  and (max-width:1240px) {
	.mode04{width: auto;}
	
}
@media screen  and (max-width:1024px) {
.notice ul li:last-child { display: none; }
}


@media screen  and (max-width:1023px) {
.mode03 ul li	{ width: 20%; margin: 0 0 30px 0; }
.Banner .slide_tabs { width: 100%; text-align: center; margin: 0px; left: 0px;   }
.mode01 { margin: 10px auto; }
.mode01 .lf { width: 100%; float: none; }
.mode01 .rt { width: 100%; float: none; margin: 30px 0 0 0; }
.mode02 { margin: 30px auto; }
.mode02 .lf { width: 100%; float: none; }
.mode02 .rt { width: 100%; float: none; margin: 30px 0 0 0; }
.notice ul li:last-child { display: block; }

.mode04 .lf{width: 100%;float: none;}	
.mode04 .rt{width: 100%;float: none;margin-top: 40px;}
.mode04{width: 96%;}

}


@media screen and (max-width:800px) {
.work li a { width: 60%; }	
}




@media screen and (max-width:640px) {
.mode03 ul li { width: 33.3%; }
.slidesBox .notice{width: 100%;}
}


@media screen and (max-width:480px) {
.notice li a { width: 50%; }
.cont_right span { max-width: 250px; }
.dataList li{width: 100%;}
}
@media screen and (max-width:479px) {
.contact_con h3 { float: none; }
.cont_right { margin: 5px 0 10px 0; }
.cont_right span { max-width: 400px; }

}


@media screen and (max-width:400px) {
.Banner .slide_nav { top: 40%; }
}