@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:" ","MicrosoftYaHei"," ","Arial"; -webkit-text-size-adjust:none}
img { border:0}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h1,h2,h3,h4,h5 { font-weight:normal;}

input,textarea {outline: none}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide_container {position: relative;width: 100%;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}

.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1160px; margin:0 auto}




.banner { height:613px; min-width:1160px; position:relative; z-index:-1;}
.banner .bd ul li { height:613px}
.banner .bd ul li a { display:block; height:613px}
.banner a.prev { display:block; width:49px; height:103px; background:url(../images/ico_3.png); left:0; top:255px; position:absolute; cursor:pointer}
.banner a.next { display:block; width:49px; height:103px; background:url(../images/ico_3.png) -49px 0; right:0; top:255px; position:absolute; cursor:pointer}

@media all and (max-width:1200px){
.banner { height:460px; min-width:inherit}
.banner .bd ul li { height:460px}
.banner a.prev { top:50%; margin-top:-52px}
.banner a.next { top:50%; margin-top:-52px}
}
@media all and (max-width:720px){
.banner { height:275px;}
.banner .bd ul li { height:275px}
}
@media all and (max-width:480px){
.banner { height:185px;}
.banner .bd ul li { height:185px}
.banner a.prev { top:50%; margin-top:-26px; height:52px; width:25px; background:url(../images/ico_3.png) left; background-size:auto 100%}
.banner a.next { top:50%; margin-top:-26px; height:52px; width:25px; background:url(../images/ico_3.png) right; background-size:auto 100%}
}


.banner_s { height:305px;}
.banner_s img { display:none}
@media all and (max-width:1200px){
.banner_s { height:205px}
}
@media all and (max-width:720px){
.banner_s { height:120px}
.banner_s img { display:block; height:100%; float:right}
}









