@charset "gb2312";
/* CSS Document */
body{ font-size:12px; font-family:Arial,"Microsoft YaHei", Helvetica, sans-serif;margin:0;padding:0;color:#323232;}
.wrap{ background:#fff; max-width:640px; margin:0 auto;}
.container{ background:#fff; max-width:640px; margin:0 auto;}
img{ max-width:100%;}
div,img,h3,h4,p,dd,dl,dt,em,ul,li,span,i,textarea,figure,figcaption,blockquote{margin: 0; padding: 0; border: 0;}
h1{letter-spacing:-1px;margin:0;padding:0}
h2{letter-spacing:-1px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul{list-style:none;margin:0;padding:0}
form{margin:0}
.left{float:left}
img{ border:none; outline:none; display:block;}
a{text-decoration:none; color:#323232; font-style:normal; cursor:pointer; outline:none;}
em,i,a{ font-style:normal;}
.clearfloat{ clear:both;}
#rt{ float:right;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.fl{float: left;}.fr{float: right;}


.wrap{ max-width:640px; margin:0 auto; overflow:hidden;}

/*Í·²¿+menu*/
.head{ width:100%; overflow:hidden; background:#c92163;}
.head section{ width:100%; overflow:hidden;}
.menu{ width:100%; overflow:hidden; background:#f0f0f0;}
.menu a:first-child{ width:16%;}
.menu a{ width:21%; display:block; float:left; text-align:center; background:url(../images/new_sj03.jpg) no-repeat center right; background-size:contain; color:#404040; font-size:0.5rem; border-bottom:2px solid #f0f0f0; padding:0.4rem 0;}
.menu .bor{ border-bottom:2px solid #df278b;}
.menu a:hover,.menu a:active{ border-bottom:2px solid #df278b;}
.menu a.active{ border-bottom:2px solid #df278b;}
.menu .w_none{ background:none;}
.menu02 .bord{ border-bottom:2px solid #df278b;}


/*µ×²¿*/
.bottom{ width:100%; padding:5% 0; height:6.925rem; box-sizing:border-box; background:url(../images/new/new_sj53.jpg) no-repeat center top; background-size:cover; overflow:hidden;}
.bottom dl{ width:96%; margin:0 auto;}
.bottom dl dt{ width:7.15rem; float:left; overflow:hidden;}
.bottom dl dt img{ width:100%;}
.bottom dl dd{ width:7.85rem; float:right;}
.bottom dl dd img{ width:100%;}
.bottom dl dd ul li{float:left;}
.bottom dl dd ul .ww01{ width:45%;}
.bottom dl dd ul .ww02{ width:50%; float:right;}
.con05{ width:100%; overflow:hidden; margin:0 auto 3%;}
.con05 img{ width:14.125rem; margin:0 auto;}
.bottom dl dd ul .ww02 img{ width:auto;}


.botom{ width:100%; overflow:hidden; text-align:center; margin:1% 0 5%;}
.botom p{ text-align:center; font-size:0.6rem; padding:3% 0 0;}
.botom span{ display:block; text-align:center; font-size:0.6rem; color:#323232; padding-top:3%;}
.botom span em{ font-size:0.5rem; font-weight:bold;}

.dibu{ width:16rem;}

/*µØÍ¼*/
.iw_poi_title { color:#CC5522; font-size:14px; font-weight:bold; overflow:hidden; padding-right:13px; white-space:nowrap;}
.iw_poi_content { font:12px arial,sans-serif; overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word;}
.bottom dl dt iframe{ width:13.15rem; height:5rem; margin-left:-5rem;} 
.bottom dl dt .ditu{ width:7.15rem; height:4.95rem;}
.bottom dl dt .ditu img{ width:auto; max-width:none !important;}


@media ( min-width: 640px ) {
.bottom dl dd p{ background-size:auto; height:52px;}
.bottom dl dd p{ font-size:16px;}
.bottom dl dt iframe{ width:7.15rem; height:5rem; margin-left:0rem;} 
#wbtnn{ top:45%;}
}

/*banner*/
.banner { overflow: hidden; zoom: 1; position: relative; z-index: 0; margin-bottom:5%;}
.banner_t { position: absolute; z-index: 1; bottom: 0.08rem; right: 0.06rem;}
.banner_t span { display: inline-block; margin:0rem 0.05rem; background: #9e9e9e; border-radius:50%; width:0.3rem; height:0.3rem; cursor: pointer; }
.banner_t span.hover { background: #e78200; }
.banner_c { overflow: hidden; zoom: 1; width:100%;}
.banner_c ul li { position: relative; z-index: 0; overflow: hidden;}

#mrq{ width:16rem; overflow:hidden; margin:0 auto 5%;}
#Marquee_x { overflow:hidden; width:16rem; margin-bottom:5%;} 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;overflow:hidden}
#Marquee_x ul li div{ float:left;width:13.925rem; overflow:hidden;}
#Marquee_x ul li div img{ width:13.925rem; display:block;}
