@charset "gb2312";
/* CSS Document */
.banner,.new_mito ul li,.new_mito ul li strong,.new_mito ul li a{float:left}
.new_mito,.new_mito ul li em{float:right}
.banner,.new_mito{margin:15px 0px}
.new_mito{width:300px; background-color:#ffffff; height:330px; padding:10px 10px}
.banner,.banner .img{width:660px; height:350px}
.banner{position:relative; overflow:hidden;}
.banner p.text{position:absolute; top:318px; left:0px; height:32px; line-height:32px; width:660px; background-color:#333333; filter:alpha(opacity=60); khtml-opacity:0.6; opacity:0.6;}
.banner p.text{color:#ffffff; padding:0px 15px; font-size:14px}
.banner .b_bnt{position:absolute; bottom:10px; right:10px; }
.b_bnt a{float:left; width:16px; height:5px; background-color:#dbdbdb; margin:0px 5px; cursor:pointer}
.b_bnt a.corrent{background-color:#ef4c79}
#slide-panel {height:350px;overflow: hidden;position: relative;width:660px;z-index:0;}
#slide-panel div {position: absolute;width: 3000em;}
#slide-panel div span {display: block;float: left;height: 350px;overflow: hidden;width: 660px;}

.new_mito h3{font-size:14px; line-height:26px}
.new_mito h3,.new_mito ul,.new_mito ul li{width:100%}
.new_mito ul li{padding:8px 0px 5px 0px}
.new_mito ul li strong,.new_mito ul li a,.new_mito ul li em{line-height:18px}
.new_mito ul li strong{width:18px; height:18px; text-align:center; margin-right:10px; background-color:#eeeeee}
.new_mito ul li strong.num01{color:#ffffff; background-color:#ef4c79}
.new_mito ul li em{color:#888888}

.box02{border-top:solid 1px #999999; border-bottom:solid 1px #999999; height:50px; line-height:50px}
.box02 em{color:#999999}
.box02 a{padding:0px 0px 0px 20px}

body .box03{border-top:solid 3px #323436; margin:15px auto 0px auto}
.title{font-size:24px; font-family:"΢ÈíÑźÚ"; font-weight:800; width:100%; height:45px; line-height:45px}

.title a{float:right; color:#888888; font-size:12px; font-weight:normal; font-family:"ËÎÌå"}
.box03 ul.product01,.product01 li a,.product01 li p{width:100%}
.product01 li a,.product01 li p{background-color:#ffffff; display:block}
.product01 li{width:185px; float:left; padding:10px 7px 5px 8px}
.product01 li.li_01,.product01 li.li_01 img{width:385px}
.product01 li img{margin-bottom:5px; width:185px; height:281.5px}
.product01 li p{line-height:38px; text-align:center}
.box03 ul.product02{ margin-top:5px}
.box03 ul.product02,.friendship{background-color:#ffffff; width:970px; padding:10px 15px;}
.box03 ul.product02,.box03 ul.product02 li,.friendship a{float:left}
.box03 ul.product02 li,.friendship a{width:97px; line-height:28px}

.teamwork{background:url(../images/6188new_31.gif) 0px 0px repeat-x; height:40px; margin-top:20px; width:100%}
.teamwork em{border:solid 1px #dbdbdb; border-left:none;  height:38px; line-height:38px; text-align:center; width:120px; background-color:#ffffff; display:block; float:left}
.teamwork em.current{background:url(../images/6188_new_24.gif) 0px 0px repeat-x; height:40px; border-top:none;border-bottom:none;}
.friendship{float:left}

.box03 ul.product03{width:100%}
.product03 li a,.product03 li p{background-color:#ffffff; display:block}
.product03 li{width:235px; float:left; padding:10px 7px 5px 8px; text-align:center}
.product03 li img{margin-bottom:5px; width:235px; height:348px}
.product03 li p{line-height:38px; text-align:center}
.ad{margin-top:15px; background-color:#eeeeee; text-align:center;}


.position{width:100%; margin-top:15px}
.position em,.share{float:right}
.in_banner{padding:30px 10px 15px 10px; width:980px; background-color:#323436; margin:15px 0px 15px 0px}

.banner_tag,.banner_tag a{color:#999999; padding-right:10px}
.banner_tag .share a{padding-right:inherit}
.banner_tag{padding:10px 0px; line-height:28px; width:100%}
.banner_tag{float:left}






#content{overflow: hidden;}
.content-t {background: url("../images/linksbox-t.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 7px;overflow: hidden; width:980px;}
#content .bn_title {height: 50px;line-height: 50px;padding: 0 30px;}
#content .steps {float: left;text-align: center;width: 100px;}
#content .steps .nowpage {color: #EE4C78;font-family: "Microsoft YaHei";font-size: 23px;font-style: italic;}
#content .steps .totalpage {font-size: 14px;}
#content .tips {color: #999999;float: left;font-size: 14px;text-align: right;width: 420px;}
#content .big-pic {margin: 0 auto;overflow: hidden;position: relative;text-align: center;width:100%}
#content .big-pic #big-pic {display: table-cell;height: 650px;overflow: hidden;vertical-align: middle;width: 960px;}
.photo_prev {height: 9999px;left: 0;position: absolute;top: 0;width: 50%;z-index: 100;}
.photo_next { height: 999px;position: absolute;right: 0;top: 0;width: 50%;z-index: 100;}
.photo_prev a {cursor: url("../images/prev.cur"), auto;}
.photo_next a {cursor: url("../images/next.cur"), auto;}
.photo_prev a, .photo_next a {background-image: url(../images/blank.gif);display: block; height: 100%;outline: medium none;width: 100%;}
#content .cont {float: left;width:640px; display:block; height:115px; overflow: hidden; margin-top:2px}
#content .cont li {width:110px; padding:0px 9px 0px 9px; float:left}
#content .cont li .img-wrap {height: 132px;margin: 0 auto;width: 102px;}
#content .cont li .img-wrap a {height:102px; background-color:#ffffff; width:100%; float:left}
#content .cont li .img-wrap img {width:102px; height:102px}
#content .cont li .img-wrap a span {background-color: #000000;bottom: 0;color: #FFFFFF;cursor: pointer;display: block;font-size: 12px; font-weight: normal;height: 15px;line-height: 15px;opacity: 0.6; position: absolute;right: 0;width: 18px;}
#content .cont li.on .img-wrap {padding:0px 8px 0px 8px}
#content .cont li.on a{border:solid 2px #EF4C79; height:98px; overflow:hidden;}
.img-wrap a span {color: #ffffff;line-height: 40px;}
.img-wrap a:hover span {color: #FA4B6E;}
#content .list-pic .pre, #content .list-pic .next {position: relative;text-align: center;}
#content .list-pic .pre {width:107px; background:url(../images/6188_new2_07.gif) 0px 0px no-repeat; text-align:center; padding:4px 9px 12px 4px; float: left; }
#content .list-pic .next {float: left;  width:107px;  background:url(../images/6188_new2_07.gif) 0px 0px no-repeat; text-align:center; padding:4px 9px 12px 4px}
#content .list-pic .pre .img-wrap, #content .list-pic .next .img-wrap {border: medium none; height: 124px; width:107px;}

.picbig .img-wrap a img{width:107px; height:102px}
.picbig .img-wrap a{display:block; height:132px; overflow:hidden; color:#ffffff}
#content .list-pic .pre .img-wrap a:hover, #content .list-pic .next .img-wrap a:hover {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
#content .list-pic .next {bottom: -2px;float: right;right:0px;}
#content .pre-bnt{background:url(../images/6188_new2_11.gif) 15px 0px no-repeat}
#content .next-bnt{background:url(../images/6188_new2_13.gif) 0px 0px no-repeat}
#content .pre-bnt, #content .next-bnt {cursor: pointer;margin-top: 3px; width:50px; height:102px}
#content .pre-bnt, #content .next-bnt, #content .pre-bnt span, #content .next-bnt span {display: block;float: left; margin-top: 13px;}
#content .pre-bnt-on {background: url("../images/big-btn.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
#content .pre-bnt span {background: url("../images/big-btn.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
#content .pre-bnt:hover span { background: url("../images/big-btn.png") repeat scroll -20px 0 rgba(0, 0, 0, 0);}
#content .next-bnt-on { background: url("../images/big-btn.png") repeat scroll 0 -39px rgba(0, 0, 0, 0);}
#content .next-bnt span {background: url("../images/big-btn.png") repeat scroll 0 -39px rgba(0, 0, 0, 0);}
#content .next-bnt:hover span {background: url("../images/big-btn.png") repeat scroll -20px -39px rgba(0, 0, 0, 0);}


.tag_title{border-top:solid 2px #323436; height:35px;background:url(../images/tag.jpg) 0px 0px repeat-x; margin-top:10px}
.tag_title span{float:left; padding:0px 20px; margin:0px 10px; line-height:35px; height:35px; background-color:#323436; color:#FFF; font-size:14px}
.tag_cont{padding-left:10px; width:990px; margin-top:5px}
.tag_cont a{padding-right:10px; line-height:24px; display:inline-block}