/*
 * @Author: yunfour@163.com
 * @Date: 2015-01-31
 * @Memo: 页面级样式
 */

/*首页样式*/
/* p-top */
.banner-buttom{ margin-top:-30px;}
#p-top{margin:0 auto;padding:0 10px;width:930px;text-align:left;}
#p-top{background:none;width:auto;min-width:990px;padding:0;}

.p-home-banner{width:990px;padding:0;margin:0 auto;clear:both;}
.p-home-banner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#p-top-banner img,#p-top-banner h1,#p-top-banner h2,#p-top-banner h3{padding:0;margin:0;}
#p-top-banner h1,#p-top-banner h2,#p-top-banner h3{position:relative;}
#p-top-banner{background:#EFEFEF;}
#p-top-banner.p-container{margin:0;}
#p-top-banner.p-top-qh .p-container-body{clear:both;position:relative;height:500px;border:0 none;background:none;margin:0;}
#p-top-banner .p-top-qh-pane{position:relative;height:500px;overflow:hidden;clear:both;}
#p-top-banner .p-top-qh-pane h1 img,#p-top-banner .p-top-qh-pane h2 img{margin-top:80px;}
#p-top-banner .p-bannerqh{position:absolute;overflow:hidden;}
#p-top-banner .p-bannerqh .p-home-banner{clear:none;height:500px;overflow:hidden;width:100%;margin:0;float:left;}
#p-top-banner .p-bannerqh .p-home-banner .p-banner1-1-1{width:990px;margin:0 auto;text-align:left}

#p-top-banner .p-top-qh-nav{margin:0;width:300px;height:20px;float:right;display:inline;}
#p-top-banner .p-top-qh-nav a{width:20px;height:20px;position:relative;z-index:2100;display:inline-block;text-decoration:none;padding:0;margin:3px 5px;font-size:1px;outline:0;border:3px solid #EEE;border:3px solid rgba(255,255,255,0.6);box-shadow:0 1px 3px rgba(0,0,0,0.6);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);}
#p-top-banner .p-top-qh-nav a .p-top-qh-view{width:80px;height:60px;}
#p-top-banner .p-top-qh-nav a.p-active{top:-5px;}
#p-top-banner .p-top-qh-nav a:hover,#p-top-banner .p-top-qh-nav a.p-active{border:3px solid #FFF;border:3px solid rgba(255,255,255,0.9);box-shadow:0 1px 3px rgba(0,0,0,0.85);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.85);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.85);}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt{display:none;background:url(../../images/shop/p-banner-small-bg.png) no-repeat 0 0;_background-image:url("../../images/shop/p-banner-small-bg-ie6.png");cursor:pointer;position:absolute;text-align:left;width:328px;height:113px;top:-115px;left:-237px;}
#p-top-banner .p-top-qh-nav a.p-active .p-banner-small-alt{top:-110px;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt span.p-banner-small-1,#p-top-banner .p-top-qh-nav a .p-banner-small-alt span.p-banner-small-2,#p-top-banner .p-top-qh-nav a .p-banner-small-alt span.p-banner-small-3{display:block;border:1px solid #FFF;width:60px;height:60px;margin:18px 10px 5px 20px;_margin:20px 6px 5px 12px;float:left;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt h2{font-weight:bold;color:#FFDF4E;text-shadow:0 1px 0 rgba(0,0,0,.5);font-size:12px;margin:0;padding:15px 20px 0 0;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt p{font-size:11px;color:#999;text-shadow:0 1px 0 rgba(0,0,0,.5);margin:0;padding:0 20px 5px 0;line-height:14px;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt:hover h2{color:#FFC;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt:hover p{color:#CCC;}

#p-top-banner a.p-top-qh-next,#p-top-banner a.p-top-qh-prev{display:none;}
.p-container{margin:0 0 1.2em;width:100%;}
.p-container .p-container-body h2,.p-container.p-alternate-two h2,.p-container.p-alternate-six h2{background:none;border:none;}
.p-subtittle{position:absolute;left:-3000px;width:500px;}

.home-banner{ min-width: 1220px; position: relative; margin-top:80px;}
.home-banner-page{ display: block; width: 34px; height: 50px; position: absolute; top: 200px; z-index: 20;}
.home-banner-page-pre{ background: url(../../images/shop/icons.png) 0 0 no-repeat; left: 30px;}
.home-banner-page-next{ background: url(../../images/shop/icons.png) -53px 0 no-repeat; right: 30px;}
.home-banner-bottom{ height: 40px; min-width: 1220px; margin: 0; background: #4b4a48;}
.home-banner-bottom-bd{ height: 40px; width: 1220px; margin: 0 auto; line-height: 40px; font-size: 13px;}
.home-banner-bottom-title{ height: 40px; width: 95px; color: #fff; text-align: center; float: left;}
.home-banner-bottom-title a{ font-size: 18px;color: #fff; }
.home-banner-bottom-page{ display: block; width: 38px; margin: 0 1px 0 0; background: #706e6f; color: #fff; text-align: center; float: left;}
a.home-banner-bottom-page:hover{ text-decoration: none;}
.home-banner-bottom-content{ width: 950px; padding: 0 0 0 25px; float: left;}
.home-banner-bottom-content a{ color: #fff;}
.home-banner-bottom-more{ display: block; width: auto; color: #fff; float: left; font-size: 18px;}

.home-wraper{ height: auto; width: 1220px; padding: 10px 0 0; margin: 0 auto;}

.home-content{ height: 208px; width: 380px; margin: 0 40px 0 0; border-top: 12px solid #c8000a; float: left; overflow: hidden; position: relative;}
.home-content-title{ height: 0px; width: 320px; padding: 0 30px; line-height: 63px; background: #555; opacity: 0.9; filter: alpha(opacity=90); font-size: 26px; color: #fff; text-align: right; position: absolute; left: 0; top: 0;margin-top:-63px}
.home-content-title2{height: 220px; width: 320px; padding: 0 30px; line-height: 220px; font-size: 26px; color: #fff; text-align:center; position: absolute; left: 0; top: 0; margin-top:-220px}

.home-content:hover .home-content-title{ height: 75px; width: 320px; padding: 0 30px; line-height: 75px  ; background: #555; opacity: 0.9; filter: alpha(opacity=90); font-size: 26px; color: #fff; text-align: right; position: absolute; left: 0; top: 0;}

.pro-wraper{ margin: 0; overflow-x: hidden; position: relative;}
.pro-info{ width: 1280px; height: 58px; padding: 10px 0 0; margin: 0 0 0 -640px; line-height: 58px; border-bottom: 2px solid #c5c5c5; position: absolute; left: 50%; top: 0;}
.pro-info-title{ height: 58px; width: auto; padding: 0 0 0 10px; line-height: 58px; color: #666; font-size: 24px; font-weight: 100; white-space: nowrap; float: left;}
.pro-info-nav{ width: 600px; font-size: 14px; text-align: right; position: absolute; right: 30px; bottom: 0;}
.pro-info-nav a{ margin-left: 25px;}
.pro-detail{ margin: 0; text-align: center;}

.pro-foot{ margin: 20px auto; width: 1280px; border-bottom: 2px solid #c5c5c5;}

    #scrollDiv{width:950px;height:40px;min-height:40px;line-height:40px;overflow:hidden; float:left}
    #scrollDiv li{height:40px;padding-left:10px; color:#ffffff; font-size: 18px;}
    #scrollDiv li a{color:#ffffff}

.help-details{ width:1000px; margin:0 auto; overflow:hidden}
.help-details .article {
  margin-top: 10px;
  background-color: #fff;
}
.help-details .title {
  padding: 20px;
  text-align: center;
  font-size:24px;
}
.help-details .msg {
  color: #888;
  text-align: center;
}
.help-details .art-body {
  border-top: 1px solid #d7d7d7;
  max-width: 1240px;
  overflow: hidden;
  padding: 20px;
  font-size: 13px;
  color: #444;
  margin-top:20px;
}
.help-details .art-body p {
  color: #444;
  font-size: 13px;
  line-height:25px;
}