.Banner { position: relative; z-index: 1; }
.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 .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 { 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: auto;right:10px; text-align: right;  }
.Banner .slider { width: 100%; height: 50px; line-height: 50px; background:url(../images/slider.png); position: absolute; left: 0px; bottom: 0px; }
.Banner .slider p{color: #fff;font-size: 14px;padding-left: 20px;margin-right: 100px;}

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


.link { max-width: 1200px; margin: 30px auto; overflow: hidden; }
.link ul { overflow: hidden; margin: 0 ;}
.link ul li { float: left; width: 11.08%; }
.link span { display: block; width: 80px;height: 80px;margin: 0 auto; line-height: 80px;background: #fff;border-radius: 50%;}
.link p { font-size: 16px; margin: 15px 0 0 0; text-align: center; }
.link img { display: block; margin: 0 auto;padding-top:23px;width:  30px;height: 30px;}
.link ul li:hover p { color: #710f0f; }
.linksTitle{background: #fff; text-align: center;overflow: hidden; float: left;width: 40px;}
.linksTitle h2{font-size: 20px;padding:10px ;font-weight: normal;}



.notice .title { overflow: hidden; border-bottom: 2px solid #f5f5f5 }
.notice .title h2 { width: auto; height: 50px; line-height: 50px; font-size: 16px; color: #8c0000; float: left;  margin:0 20px;text-align: center; border-bottom: #8c0000 4px solid; }
.notice .title h2 a{color: #8c0000; }
.notice ul { padding: 0 20px 18px; }
.notice ul li { height: 47px; line-height: 47px; overflow: hidden; *vertical-align: middle; }

.notice li a { float: left; }
.notice li span { float: right;font-size: 14px; color: #999999; }


.work .title { overflow: hidden; border-bottom: 2px solid #f5f5f5 }
.work .title h2 { width: auto; height: 50px; line-height: 50px; font-size: 16px; color: #8c0000; float: left; margin:0 20px; text-align: center; border-bottom: #8c0000 4px solid;}
.work .title h2 a{color: #8c0000;}
.work ul { padding: 0 20px 20px; }
.work ul li { height: 47px; line-height: 47px; overflow: hidden; *vertical-align: middle; }

.work li a { float: left; }
.work li span { float: right;font-size: 14px; color: #999999; }




.contact .title { overflow: hidden; border-bottom: 2px solid #f5f5f5 }
.contact .title h2 { width: auto; height: 50px; line-height: 50px; font-size: 16px; color: #8c0000; float: left; margin:0 20px;text-align: center; border-bottom: #8c0000 4px solid; }
.contact .title h2 a{color: #8c0000;}
.contact ul { padding: 11px 20px; border-top: 2px solid #f5f5f5; }
.contact ul:first-child { border-top: 0px; }
.contact ul li { overflow: hidden; }
.contact_con h3 {font-weight:  normal;float: left;font-size: 15px;color: #333333;}
.cont_right { float: left; }
.cont_right01 {height: 48px;line-height: 48px;overflow: hidden;}
.cont_right span {display: block;font-size: 15px;color: #333333;}
.contact .contact_con01 ul{padding-top: 0;}
.contact .contact_con01 ul li {border-bottom: 1px solid #ddd;}
.contact .contact_con01 ul li:last-child{border-bottom: none;}


.link01 .title { overflow: hidden; border-bottom: 2px solid #f5f5f5 }
.link01 .title h2 { width: auto; height: 50px; line-height: 50px; font-size: 16px; color: #8c0000; float: left; margin:0 20px;text-align: center; border-bottom: #8c0000 4px solid; }
.link01 .title h2 a{color: #8c0000;}
.link01{background: #fff; overflow: hidden; }
.link01 ul{overflow: hidden;border-left: 1px solid #ddd;}
.link01 ul li{width: 11.11%;}
.link01 ul li p{margin-top: 5px;transition:all 0.5s ease-in-out;}
.link01 ul li span{width: 70px; height:70px;line-height: 70px;background: none;background: none;transition:all 0.5s ease-in-out;}
.link01 ul li img{padding:20px 0 10px 0;}
.link01 ul li a{display: block;background: #fff;padding-bottom:20px;padding-top: 10px; border-right:1px solid #ddd;transition:all 0.5s ease-in-out;}

.link01 ul li a:hover{background: #8c0000;}
.link01 ul li a:hover span{background: #fff;border-radius: 50%;}
.link01 ul li a:hover p{color:#fff;}

.FAQBox{overflow: hidden;padding:20px;}
.contact ul.FAQList{padding:0;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
.contact ul.FAQList:first-child{border-top: 1px solid #ddd;}
.FAQList{overflow: hidden;}
.FAQList li{float: left;width: 33.33%;*width: 32.33%;}
.FAQList li a{display: block;text-align: left;padding: 11px 10px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.FAQList li a img{float: left;width: 24px;height: 28px;float: left;}
.FAQList li a span{ display: block;font-size: 14px;height:40px;line-height: 20px;overflow: hidden;margin-left: 37px;}
.FAQList li a:hover span{color:#8c0000;}



/* CSS Document */
@media screen  and (max-width:1200px) {
.notice li a { width: 70%; }
}
@media screen  and (max-width:1024px) {
.notice ul li:last-child { display: none; }
}


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

.Banner .slide_tabs { width: 100%; text-align: right; 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; }
.link ul li	{ width: 20%; margin: 0 0 30px 0; }
.link01 ul li	{margin-bottom: 0;border-bottom: 1px solid #ddd;}
.FAQList li a span{height: 20px;}

}


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

}




@media screen and (max-width:640px) {
.link ul li { width: 33.3%; }
.FAQList li a span{height: 40px;}
}


@media screen and (max-width:480px) {
.notice li a { width: 100%; }
.cont_right span { max-width: 250px; }
.link01 ul li{width: 50%;}
.FAQList li{width: 50%;}
}
@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%; }

}


@media screen and (max-width:320px) {
.link ul li{width: 50%;}

}