@charset "gb2312";

/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0;font-family:΢ÈíÑźÚ; font-size:12px; color:#666666;}

body{ background:none;}

a{outline: none; font-style:normal; text-decoration:none; cursor:pointer;}

a:hover{ text-decoration:none;}

em,i{ font-style:normal;}

.clr{ clear:both; height:0; overflow:hidden;}

#w_category #allsort .i-mc01 .w_ul01 li a img{ display:block;}

.rlsx_ban{ width:100%; height:578px; background:url(../images/rlsx01.jpg) no-repeat center top;}

.rlsx_ban01{ width:1000px; margin:0 auto; overflow:hidden;}

.rlsx_ban01 img{ display:block;}

.rlsx_ban02{ width:885px; height:48px; overflow:hidden; padding-left:115px; margin:0 auto; background:url(../images/rlsx07.jpg) no-repeat;}

.rlsx_ban02 a{ width:273px; height:48px; display:block; line-height:48px; text-align:center; background:url(../images/rlsx08.jpg) no-repeat; color:#fff; font-size:16px; font-weight:bold;}

.rlsx_ban02 a:hover{ background:url(../images/rlsx09.jpg) no-repeat;}

.rlsx_ban02 a:active{ background:url(../images/rlsx10.jpg) no-repeat;}



#nav_fixed{position:absolute;top:727px;height:85px;width:100%;z-index:888; overflow:hidden;}

#topNav{height:85px;width:1000px;margin:0 auto;overflow:hidden;position:relative;background: #9966cc;}

#topNav a{list-style: none;float: left;text-align: center;height:85px;line-height:85px;font-size:20px;font-weight: bold;color: #fff;text-decoration: none; padding:0 30px; overflow:hidden; display:block; float:left;}

#topNav .iim{ line-height:20px;}

#topNav a img{ margin:40px 4px 0; float:left;}

#topNav a span{ float:left;}

#topNav .rt{ float:right; padding:0 40px 0 35px;}

#topNav .active{background:#7f46b8;}

#topNav a:hover{ background:#7f46b8;}

.scroll_top{ padding-top:50px;}

.rlsx01{ width:1000px; margin:0 auto; height:1445px; overflow:hidden; padding:60px 0 0 0;}

.rlsx01 .p01{ text-indent:2em; color:#4d4d4d; font-size:16px; margin-bottom:30px; line-height:22px;}

.rlsx_bt{ width:1000px; text-align:center; overflow:hidden;}

.rlsx02{ width:1000px; overflow:hidden; padding:20px 0 0 0;}

.rlsx02 p{ font-size:20px; color:#4d4d4d; font-weight:bold;}

.rlsx02 p span{ color:#7f46b8;}

.brand{ width:1100px; height:600px; overflow:hidden; padding:15px 0 0 0; margin-bottom:12px;}

.brand a{display: block;float: left;width:326px; height:192px;border:1px solid #d9d9d9;text-align: center;position: relative; margin:0 8px 8px 0; position:relative; overflow:hidden;}

.brand a img{ position:absolute; top:192px; left:3px;}

.brand .info{width:326px; height:192px;}

.brand .info strong{ font-size:18px; color:#4d4d4d; display:block; padding-top:80px;}

.brand .info span{ color:#4d4d4d;}

.vertical .info{width:320px; height:186px;margin: 0 auto;}

.horizontal img{width: 320px;height: 0;top: 120px;position: absolute;left: 0;}

.horizontal .info{position: absolute;top: 0;left: 0;}

.rlsx03{ width:1000px; overflow:hidden;}

.rlsx03 p{font-size:20px; color:#4d4d4d; font-weight:bold; margin-bottom:18px;}

.rlsx03 p span{ color:#7f46b8;}

.rlsx03 ul{ width:1100px; height:475px; margin-bottom:28px;*margin-bottom:18px;}

.rlsx03 ul li{ width:328px; height:233px;float:left; margin:0 8px 20px 0; position:relative;}

.rlsx03 ul li .top{width:328px; height:233px; position:absolute; top:0; left:0;background:#f0f0f0; }

.rlsx03 ul li strong{ width:328px; height:45px; border-bottom:1px solid #e0e0e0; text-align:center; line-height:45px; color:#4d4d4d; font-size:18px; display:block;}

.rlsx03 ul li dl{ width:328px; border-top:1px solid #f8f8f8;}

.rlsx03 ul li dl dt{ font-size:16px; color:#4d4d4d; font-weight:bold; padding:16px 0 0 20px;}

.rlsx03 ul li dl dd{ padding-left:20px; overflow:hidden;}

.rlsx03 ul li dl dd p{ width:280px; height:65px; line-height:22px; color:#4d4d4d; font-size:16px; font-weight:normal; margin-top:5px;}

.rlsx03 ul li dl dd a{ width:124px; height:43px; display:block; margin:0 auto; color:#fff; line-height:43px; font-size:16px; padding-left:12px; background:url(../images/rlsx25.jpg) no-repeat;}

.rlsx03 ul li dl dd a:hover{ background:url(../images/rlsx26.jpg) no-repeat;}

.rlsx03_1{ width:1000px; overflow:hidden;}

.rlsx03_1 a{ width:327px; height:48px; display:block; margin:0 auto; line-height:48px; color:#fff; text-align:center; background:url(../images/rlsx27.jpg) no-repeat; font-size:16px; font-weight:bold;}

.rlsx03_1 a:hover{ background:url(../images/rlsx28.jpg) no-repeat;}

.rlsx03_1 a:active{ background:url(../images/rlsx29.jpg) no-repeat;}

.rlsx04{ width:1000px; height:737px; overflow:hidden; margin:0 auto;}

.rlsx04_1{ width:1000px; overflow:hidden; margin-bottom:30px;*margin-bottom:20px;}

.rlsx04_1 ul{ width:1100px; overflow:hidden; padding:30px 0 0 0;}

.rlsx04_1 ul li{ width:227px; height:66px; float:left; margin-right:3px; background:#f0f0f0; line-height:66px; padding-left:20px;}

.rlsx04_1 ul li a{ display:block; font-weight:bold; height:66px; font-size:18px; color:#4d4d4d; padding-left:45px;}

.rlsx04_1 ul li a.a01{ background:url(../images/rlsx35.png) no-repeat left center;}

.rlsx04_1 ul li a.a02{ background:url(../images/rlsx36.png) no-repeat left center;}

.rlsx04_1 ul li a.a03{ background:url(../images/rlsx37.png) no-repeat left center;}

.rlsx04_1 ul li a.a04{ background:url(../images/rlsx38.png) no-repeat left center;}

.rlsx04_1 ul li.active{ background:#9966cc;}

.rlsx04_1 ul li.active a{ color:#fff;}

.rlsx04_1 ul li.active .a01{ background:url(../images/rlsx31.png) no-repeat left center;}

.rlsx04_1 ul li.active .a02{ background:url(../images/rlsx32.png) no-repeat left center;}

.rlsx04_1 ul li.active .a03{ background:url(../images/rlsx33.png) no-repeat left center;}

.rlsx04_1 ul li.active .a04{ background:url(../images/rlsx34.png) no-repeat left center;}

.rlsx04_2{ width:1000px; overflow:hidden;}

.rlsx04_2 .p02{ font-size:18px; color:#4d4d4d; font-weight:bold; margin:20px 0 10px 0; overflow:hidden; clear:both;}

.rlsx04_2 .p02 span{ color:#808080; font-weight:normal; padding-left:5px;}

.rlsx04_2 dl{ width:500px; height:200px; float:left; overflow:hidden;}

.rlsx04_2 dl dt{ float:left;}

.rlsx04_2 dl dd{ width:250px;height:200px; float:right; background:#f6f4f5;}

.rlsx04_2 dl dd p{ width:213px; height:115px; margin:0 auto; line-height:22px; color:#5d5d5d; font-size:16px; padding-top:30px;}

.rlsx04_2 dl dd a{ width:124px; height:43px; line-height:43px; display:block; margin:0 auto; color:#fff; padding-left:12px; background:url(../images/rlsx43.jpg) no-repeat; font-size:16px;}

.rlsx04_2 dl dd a:hover{ background:url(../images/rlsx44.jpg) no-repeat;}

#whc_Content1,#whc_Content2,#whc_Content3{ display:none;}

.rlsx05{ width:1000px; height:698px; overflow:hidden; margin:0 auto;}

.rlsx05 .p03{ font-size:16px; text-indent:2em; color:#4d4d4d; margin:15px auto 24px; line-height:22px;}



.showcase { width:1020px; overflow:hidden;list-style: none;height: 490px; margin-bottom:25px;}

.showcase li {float: left;width: 327px;height: 240px;overflow: hidden;margin: 0 8px 8px 0;}

.showcase a {display: block;width: 327px;height: 240px;overflow: hidden;position: relative;text-decoration: none;}

.showcase a img {width: 430px;height: 280px;margin: 0 auto;position: absolute;left: -104px;top: -40px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}

.showcase a:hover img {width: 327px;height: 240px;left: 0;

top: -10px;}

.showcase a p {background: #9966cc; height:58px;color: #fff;font-size: 12px;position:absolute;bottom:-100px;line-height: 20px;display: block;width:279px;cursor: pointer;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out; padding:12px 24px 0; font-size:16px;}

.showcase a:hover p {bottom: 0;background: #9966cc;}

.showcase a h3 {font-size: 16px; height:32px; line-height:32px;text-transform: uppercase;color: #fff;background: #9966cc;width: 250px;position: absolute;left:10px;bottom:10px;cursor: pointer;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out; text-indent:30px;}

.showcase a:hover h3 {bottom:94px;background: #9966cc;}

.showcase a h3 i {width: 33px;height: 32px;position: absolute;right: -34px;top: 0;background: #59A214;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out; background:url(../images/rlsx64.jpg) no-repeat;}

.rlsx06{ width:1000px; overflow:hidden; margin:0 auto;}

.rlsx06 .p04{ font-size:30px; font-weight:bold; font-family:ºÚÌå; text-align:center; color:#9966cc; margin:12px auto 24px;}

.rlsx06 .p05{ font-size:16px; color:#4d4d4d; text-indent:2em; line-height:22px; margin-bottom:30px;}

.rlsx07{ width:1000px; overflow:hidden; margin-bottom:45px;}

.rlsx07 ul{ width:630px; float:left; overflow:hidden; margin-left:25px;}

.rlsx07 ul li{ width:182px; float:left; overflow:hidden; margin-right:25px; display:inline;}

.rlsx07 ul li img{ display:block; margin:0 auto 20px;}

.rlsx07 ul li strong{ width:182px; display:block; font-size:18px; color:#4d4d4d; border-bottom:1px solid #999999; padding-bottom:6px;}

.rlsx07 ul li p{ color:#4d4d4d; line-height:22px; font-size:16px; margin-bottom:5px;}

.rlsx08{ width:267px; height:360px; float:right; margin-right:28px; border:1px solid #c4c3c3; overflow:hidden;}

.rlsx08 strong{ width:267px; height:43px; display:block; background:url(../images/rlsx69.jpg) no-repeat; text-align:center; line-height:43px; color:#fff; font-size:20px; text-indent:15px;}

.rlsx08 dl{ width:249px; overflow:hidden; padding:24px 0 0 18px; margin-bottom:5px;}

.rlsx08 dl dt{ width:97px; float:left;}

.rlsx08_1{ width:77px; height:81px; display:block; border-top:1px solid #777777; border-bottom:1px solid #777777; margin:10px 0 18px;}

.rlsx08_1 span{ font-weight:bold; color:#4d4d4d; font-size:26px; display:block; padding:10px 0 0 0;}

.rlsx08_1 i{ font-size:16px; color:#4d4d4d;}

.rlsx08 dl dt span a{ width:77px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:16px;  background:url(../images/rlsx71.jpg) no-repeat; display:block;}

.rlsx08_2{width:267px; overflow:hidden; padding-left:18px;}

.rlsx08_2 span{ color:#333; display:block; font-size:16px;}

.rlsx08_2 p{ width:233px; color:#333; font-size:16px; margin-top:5px;}

.rlsx09{ width:1000px; overflow:hidden; margin-bottom:28px;}

.rlsx09 ul{ width:1100px; overflow:hidden; margin-bottom:18px;}

.rlsx09 ul li{ width:138px; height:127px; float:left; background:url(../images/rlsx75.jpg) no-repeat; margin-right:9px; padding:33px 0 0 22px;}

.rlsx09 ul li a span{ display:block; margin-bottom:20px;}

.rlsx09 ul li .a05 span{ width:70px; height:57px; background:url(../images/rlsx77.png) no-repeat;}

.rlsx09 ul li .a06 span{ width:70px; height:57px; background:url(../images/rlsx78.png) no-repeat;}

.rlsx09 ul li .a07 span{ width:70px; height:57px; background:url(../images/rlsx79.png) no-repeat;}

.rlsx09 ul li .a06 p{ margin-right:15px;}

.rlsx09 ul li .a07 p{ margin-right:15px;}

.rlsx09 ul li .a09 p{ margin-right:10px; padding-right:20px;}

.rlsx09 ul li .a10 p{ margin-right:10px; padding-right:20px;}

.rlsx09 ul li .a08 span{ width:70px; height:57px; background:url(../images/rlsx80.png) no-repeat;}

.rlsx09 ul li .a09 span{ width:70px; height:57px; background:url(../images/rlsx81.png) no-repeat;}

.rlsx09 ul li .a10 span{ width:70px; height:57px; background:url(../images/rlsx82.png) no-repeat;}

.rlsx09 ul li a p{ background:url(../images/rlsx74.png) no-repeat right center; text-align:right; margin-right:22px; padding-right:22px; font-family:Arial, Helvetica, sans-serif;}

.rlsx09 ul li.active{ background:url(../images/rlsx76.jpg) no-repeat;}

.rlsx09 ul li.active a p{ background:url(../images/rlsx73.png) no-repeat right center; color:#fff;}

.rlsx09 ul li.active .a05 span{ background:url(../images/rlsx86.png) no-repeat;}

.rlsx09 ul li.active .a06 span{ background:url(../images/rlsx84.png) no-repeat;}

.rlsx09 ul li.active .a07 span{ background:url(../images/rlsx87.png) no-repeat;}

.rlsx09 ul li.active .a08 span{ background:url(../images/rlsx85.png) no-repeat;}

.rlsx09 ul li.active .a09 span{ background:url(../images/rlsx83.png) no-repeat;}

.rlsx09 ul li.active .a10 span{ background:url(../images/rlsx88.png) no-repeat;}

.rlsx09_1{ width:1000px; overflow:hidden;}

.rlsx09_1 dl{ width:1000px; overflow:hidden; margin-bottom:28px;}

.rlsx09_1 dl dt{ width:490px; float:left; overflow:hidden;}

.rlsx09_1 dl dt p{ width:485px; font-size:16px; color:#4d4d4d; text-indent:2em; line-height:22px; margin:8px 0 40px;}

.rlsx09_1 dl dt a{ width:160px; height:32px; line-height:32px; padding-left:36px; font-size:12px; color:#fff; background:url(../images/rlsx89.jpg) no-repeat; display:block; margin:0 auto;}

.rlsx09_1 dl dt a:hover{ background:url(../images/rlsx90.jpg) no-repeat;}

.rlsx09_1 dl dt a:active{ background:url(../images/rlsx91.jpg) no-repeat;}

.rlsx09_1 dl dd{ width:510px; float:right; overflow:hidden;}

.rlsx09_1 dl dd img{ float:left; border:1px solid #e6e6e6; padding:2px;}

.rlsx09_1 dl dd .img02{ float:right;}

#whc01_Content1,#whc01_Content2,#whc01_Content3,#whc01_Content4,#whc01_Content5{ display:none;}





.wxts{ width:1000px; height:320px; background:#f5f5f5; margin:25px auto 0px;}

.wxts dl{ width:1000px; overflow:hidden; text-align:center; padding:20px 0 0 0; margin-bottom:15px;}

.wxts dl dt{ width:1000px; overflow:hidden; margin-bottom:10px;}

.wxts strong{ display:block; text-align:center; font-size:24px; font-weight:normal; margin-bottom:12px;color:#666666;}

.wxts strong span{ color:#ff5858;}

.wxts p{ width:940px; margin:0 auto 25px; font-size:16px; text-indent:2em; color:#666666; line-height:24px;}

.wxts p em{ font-weight:bold; color:#ff5858; font-style:normal;}

.wxts a{ width:276px; height:45px; display:block; margin:0 auto;}