.Banner { position: relative;  }
.Banner .rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.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 a span{ display: block; height: 0; padding-bottom: 56.5%;overflow: hidden; }
.Banner .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.Banner .slide li { position: absolute; width: 100%; }
.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: 40%;  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_nav.prev { width: 15px; height: 28px;   left: 12px; margin: -7px 0 0 0px; background:url(../images/arrow_left.png) no-repeat left top;  }
.Banner .slide_nav.next {  width: 15px; height: 28px;   right: 12px; margin: -7px 0px 0 0px; background:url(../images/arrow_right.png) no-repeat left top; }
.Banner .slide_nav.prev:active,.Banner .slide_nav.prev:hover { background: url(../images/arrow_left.png) no-repeat; }
.Banner .slide_nav.next:active,.Banner .slide_nav.next:hover { background: url(../images/arrow_right.png) no-repeat; }
.Banner .slide_tabs li a{ width: 8px; height: 8px; background:url(../images/a_03.png);  border-radius: 50%; display: inline-block;  text-indent:-999em;}
.Banner .slide_tabs li.slide_here a { background:url(../images/a_hover_03.png); background:#f8ae31;width:8px;height:8px; }
.Banner .slide_tabs li{width:8px;height:8px; display: inline-block; margin:0 10px 0 0;  color:#fff;}
.Banner .slide_tabs{position:absolute; bottom:10px; right: 10px; z-index:999; width:auto; text-align: center; }
.Banner .slider {  position: absolute; left: 0; bottom: 0; background: #5a5f63; width: 100%; height: 40px; line-height: 40px; z-index: 1; }
.Banner .slider p { font-size: 18px; margin: 0 15px; color: #fff; overflow: hidden; width: 80%; }

.Banner .slider .slider_con { font-size: 14px; color: #666666; line-height: 23px; height: 46px; overflow: hidden; }
.Banner .slider_con span { color: #0676cf; }




.mode01 { overflow: hidden; max-width: 1180px; margin:25px auto ; }
.mode01 .lf { float: left; width: 60.2%; }
.mode01 .rt { width: 36%; float: right;}




.notice .title { height: 56px; line-height: 56px; border-bottom: #ff9c00 1px solid;}
.notice .title h2 { width: auto; float: left; background: url(../images/titlebg01.png) no-repeat left center; padding: 0 0 0 60px; font-size: 20px; color: #333333; font-weight: normal; }
.notice .title a { float: right; font-size: 14px; color: #464646; background: #eeeeee; display: inline-block; width: 84px; height: 28px;text-align: center;line-height: 28px; margin: 14px 0;}
.notice ul { }
.notice ul li { padding: 13px 0 ; border-bottom: #e5e5e5 1px dashed; overflow: hidden; background: url(../images/li01.png) no-repeat left ;}
.notice ul li .rightDate{ float: right; font-size: 14px; color: #999; font-style: italic; font-family: "Arial"; display: inline-block; height: 30px;line-height: 30px; }
.notice ul li a { height:30px; line-height: 30px; overflow: hidden; font-size: 14px; font-weight: bold; color: #464646; display: block; margin: 0 0 0 18px; }
.notice ul li a:hover { color: #0676cf; }

.notice ul li:last-child{ border-bottom: #ff9c00 1px solid; }


.wrap_mode02 { width: 100%; overflow: hidden;  background: url(../images/modebg02.jpg) no-repeat top center;}
.mode02 { max-width: 1200px; margin: 18px auto; overflow:hidden; background: #ffffff; }
.mode02 .lf { float: left; width: 49%; }
.mode02 .rt { width: 49%; float: right; }

/*.work { padding: 18px 0 35px 20px; }
.ievent { padding: 18px 20px 0px 0px; }*/



.work .title { height: 56px; line-height: 56px; overflow: hidden; border-bottom: #1aacff 1px solid; padding-bottom: 10px; }
.work .title h2 { width: auto; float: left; font-size: 20px; color: #333333; font-weight: normal; background: url(../images/titlebg02.png) no-repeat left center; padding: 0 0 0 60px;}
.work .title a { width: auto; float: right; font-size: 14px; color: #464646; background: #eeeeee; display: inline-block; width: 84px; height: 28px;text-align: center;line-height: 28px; margin: 14px 0; }
.work .title a:hover { font-weight: bold; color: #0676cf; }
.work_con h3 { margin: 0 0 5px 0; font-weight: normal; height: 22px; overflow: hidden; }
.work_con h3 a{ font-size: 14px; color: #1aacff; font-weight: bold; }
.work_con h3 a:hover { color: #0676cf; }
.work_con{ overflow: hidden; border-bottom: 1px dashed #e4e4e4; margin: 14px 0;}
.work_con i{ width: 152px; height: 115px; float: left; margin: 0 15px 0 10px; }

.work_con strong { color: #23afa4; font-weight: bold; font-size: 13px; display: inline-block; margin-top: 18px;}
.w_con { font-size: 14px; color: #999999; line-height: 22px; overflow: hidden; }
.w_con a { color: #0676cf; }
.w_con a:hover { font-weight: bold; }
.work ul { padding: 15px 0 0 0; }
.work ul li { height: 40px; line-height: 40px; overflow: hidden; }
.work ul li a { float: left; font-size: 16px; color: #666666; }
.work ul li a:hover { color: #0676cf; }
.work ul li span { float: right; font-size: 16px; color: #999999; }
.w_conIn { height: 40px; line-height: 19px; overflow: hidden; color: #999999; font-size: 12px; }



.ievent .title { height: 56px; line-height: 56px; overflow: hidden; border-bottom: #1aacff 1px solid; padding-bottom: 10px;}
.ievent .title h2 { width: auto; float: left; font-size: 20px; color: #333333; font-weight: normal; background: url(../images/titlebg03.png) no-repeat left center; padding: 0 0 0 60px;}
.ievent .title a { width: auto; float: right; font-size: 14px; color: #464646; background: #eeeeee; display: inline-block; width: 84px; height: 28px;text-align: center;line-height: 28px; margin: 14px 0; }
.ievent .title a:hover { font-weight: bold; color: #0676cf; }
.ievent ul li { overflow: hidden; border-bottom: 1px dashed #e4e4e4; padding: 17px 0;}
.ievent ul li .date { width: 68px; border-right: 1px solid #d7d7d7; height: 47px; float: left; }
.ievent ul .day { font-size: 14px; color: #0676cf; }
.ievent ul .month { font-size: 13px; color: #0676cf; }
.ievent ul li a { padding: 0 0 0 10px; display: block; font-size: 14px; color: #1aacff; font-weight: bold; height: 20px; overflow: hidden; position: relative; }
.ievent ul li a:hover { color: #0676cf; }

.ievent ul li a:before{ content: ""; display: block; width: 2px; height: 2px; background: #4fbffe; position: absolute; left: 0; top: 8px;}


.ievent ul li .rightDate{ color: #23afa4; font-size: 14px; font-style:italic; font-family: "Arial"; display: inline-block; 
width: 84px;height: 28px; text-align: center; line-height: 28px; background: #eeeeee; float: right;}
.ievent ul li  .ievent-Text{ float: left; width: 84%; }
.ievent ul li  .ievent-Text p{ height: 18px; font-size: 12px;overflow: hidden; margin-top: 6px; padding-left: 10px;  }



.down { overflow: hidden; max-width: 1200px; margin: 0 auto; }
.down h2 { float: left; background: #f8ae31; width: 32.78%; height: 99px; }
.down h2 a {padding: 0 0 0 70px; height: 100px; line-height: 100px; display: block;  font-size: 22px; color: #ffffff; font-weight: normal; }
.down ul {overflow: hidden;}
.down ul li { float: left; width:14.27%; text-align: center; }
.down ul li a{ display: block; margin: 0 1px 0 0; }
.down ul li p { padding: 0 0 15px 0; font-size: 14px; color: #fffefe; }
.down ul li span { padding: 0 0 5px 0; display: block; text-align: center; }
.down ul li span img { display: block; margin: 0 auto; }
.down ul li.li00 a{display: block; background:#f8ae31; padding: 14px 0 0 0; }
.down ul li.li01 a{display: block; background:#f2d881; padding: 14px 0 0 0; }
.down ul li.li02 a{display: block; background:#a9d2e4; padding: 14px 0 0 0; }
.down ul li.li03 a{ display: block;background:#68b4b5; padding: 14px 0 0 0; }
.down ul li.li04 a{display: block; background:#7182b2; padding: 14px 0 0 0; }
.down ul li.li05 a{display: block; background:#a4cf88; padding: 14px 0 0 0; }
.down ul li.li06 a{display: block; background:#93c6ab; padding: 14px 0 0 0; }
.down ul li:hover p { text-decoration: underline; }
.down ul li:hover img { -webkit-transform: rotate(360deg);
animation: rotation .5s linear;
-moz-animation: rotation .5s linear;
-webkit-animation: rotation .5s linear; }


@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}





.wrap_mode03 { margin:30px 0; overflow: hidden; }
.mode03 { max-width: 1200px; margin: 0 auto; border: #b8bab9 1px solid; overflow: hidden; }
.mode03 h2 { padding: 20px 0 15px 0; font-size: 22px; color: #333333; font-weight: normal; }
.friend_link { overflow: hidden;  margin: 15px;}
.friend_link .lf { width: 22%; float: left; }
.friend_link .rt { width: 73.3%; float: right; }
.inLink h3 { height: 40px; line-height: 40px; border-bottom: #1aacff 1px dashed; }
.inLink h3 a { padding: 0 0 0 16px;font-size: 14px;  color: #1aacff; font-weight: normal; background: url(../images/li02.png) no-repeat left center; }
.inLink ul { padding: 10px 5px; background: #ffffff; }
.inLink ul li { height: 28px; line-height: 28px; }
.inLink ul li a { font-size: 12px; color: #666666; padding: 0 0 0 20px; color: #333; background: url(../images/link_li.png) no-repeat left center;  }
.inLink ul li a:hover { color: #0676cf; }


.outLink h3 { height: 40px; line-height: 40px; border-bottom: #1aacff 1px dashed; }
.outLink h3 a { padding: 0 0 0 18px;font-size: 16px;   color: #1aacff; font-weight: normal; background: url(../images/li02.png) no-repeat left center;  }
.outLink ul {padding: 10px 5px; overflow: hidden; background: #ffffff; }
.outLink ul li {width: 33.2%; float: left; height: 28px; line-height: 28px;  overflow: hidden; }
.outLink ul li a { font-size: 12px; color: #333; padding: 0 0 0 24px; background: url(../images/link_li.png) no-repeat left center; }
.outLink ul li a:hover { color: #0676cf; }
.outLink ul li.last a{ line-height: 20px; }

@media screen  and (max-width:1200px) {
.mode01 { width: 94%; margin: 15px auto; }	
.mode02 { width: 94%; margin: 0px auto; }
.mode03 { width: 94%; margin: 15px auto; }
.down { width: 94%; margin: 15px auto 0;  }
}



@media screen  and (max-width:1023px) {
.mode01 { width: 94%; margin: 0 auto; }	
.mode01 .lf { width: 100%; margin: 15px 0 0 0; }
.mode01 .rt { width: 100%; margin: 40px 0 0 0; }
.notice ul { overflow: hidden; }
.notice ul li { width: 48%; float: left; }
.notice ul li:nth-child(even) { float: right; }	
.mode02 { width: 94%; margin: 0 auto; }
.mode02 .lf { width: auto; float: none;}
.mode02 .rt { width: auto; float: none; }
.work { padding: 0px; }
.wrap_mode02 { height: auto; }
.ievent { padding: 0px; }
.down { width: 94%; margin: 30px auto 0; }
.down h2 a { padding: 0 0 0 10%; height: 60px; line-height: 60px; }
.down h2 { width: 100%; float: none; height: 60px; line-height: 60px; }
.down ul { width: 100%; float: none; margin: 1px 0 0 0; }
.mode03 { width: 94%; margin: 0 auto; }
.friend_link .lf { width: 100%; float: none; }
.friend_link .rt { width: 100%; float: none; margin: 20px 0 0 0; }
.inLink ul { overflow: hidden; padding: 10px 18px 30px 18px; }
.inLink ul li { width: 50%; float: left; }
.outLink ul { padding: 10px 18px 20px 18px; }
.notice ul li:last-child{ border-bottom: #e5e5e5 1px dashed; }
}


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

}

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



@media screen and (max-width:640px) {
.Banner .slider p{ width: 70%; font-size: 14px; }
.notice .title h2,.work .title h2,.down h2 a{ font-size: 18px; }
.notice ul { padding: 0 23px 23px 23px; }
.notice ul li { float: none; width: 100%; }
.work ul li a { width: 70%; }
.down ul li { width: 33.3%; }
.down ul li a { margin: 0 1px 1px 0; }
.inLink ul li { height: auto; margin: 0 0 15px 0; }
.inLink ul li a { line-height: 19px; background-position: left 4px; display: block;  }
.outLink ul li {width: 48%; height: auto; margin: 0 0 15px 0; }
.outLink ul li:nth-child(even) { float: right; }
.outLink ul li a { line-height: 19px; background-position: left 4px; display: block;  }

.ievent ul li .rightDate{ float: left; margin: 0 0 8px 13px; }
.ievent ul li .ievent-Text{ width: auto; }

.notice ul li,.ievent ul li{ padding: 10px 0; }

}


@media screen and (max-width:480px) {
.Banner .slide_nav { top: 30%; }
.notice .title h2 { font-size: 20px; }
.notice .title a { font-size: 12px; }
.notice ul li a { font-size: 14px; }
.notice ul li .day { font-size: 13px; }
.notice ul li .year { font-size: 12px; }
.work .title h2 { font-size: 20px; }
.work .title a { font-size: 12px; }
.work_con h3 a { font-size: 14px; }
.w_con { font-size: 12px; }
.work ul li a { font-size: 14px; }
.work ul li span { font-size: 14px; }
.ievent .title h2 { font-size: 18px; }
.ievent .title a { font-size: 12px; }
.ievent ul li a { font-size: 14px; }
.ievent ul .day { font-size: 12px; }
.ievent ul .month { font-size: 11px; }
.down h2 a { font-size: 18px; }
.down ul li p { font-size: 12px; }
.mode03 h2 { font-size: 20px; }
.inLink h3 a { font-size: 14px; }
.inLink ul li a { font-size: 12px; }
.outLink h3 a { font-size: 14px; }
.outLink ul li a { font-size: 12px; }
.inLink ul li,.outLink ul li { width: 100%; float: none; overflow: hidden; }
.inLink ul li:nth-child(even) { float: right; }
.inLink ul { padding: 18px 0 0 0; }
.outLink ul { padding: 18px 0 0 0; }
.friend_link .rt{ margin: 0; }
.inLink ul li,.outLink ul li{ margin: 0 0 10px 0; }
.down ul li{ width: 50%; }
}

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

.Banner .slider .slider_con { font-size: 12px; }

}

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



@media screen and (max-width:360px) {
	.notice .title h2 { font-size: 18px; }
	.work .title h2 { font-size: 18px; }
	.ievent .title h2 {  font-size: 18px; }
	.down h2 a { font-size: 18px; }
	.mode03 h2 { font-size: 18px; }
	.Banner .slide_nav { top: 30%; }
}