@charset "utf-8";
/* 全局 */
.page-bg {background-color: #f5f5f5;}
.page-main-color {color: #ff6600;}
.page-main-color-bg {background-color: #ff6600;}
.page-top-bg {background: #333333;}
.page-top-link {line-height: 40px; font-size: 0.75em; color: #cccccc;}
.page-top-link span {margin-right: 10px;}
.page-top-link span a {color: #cccccc;}
.page-top-link span a:hover {color: #ffffff;}
.page-top-user {z-index: 1000; position: relative;}
.page-top-user .nLi { float: left; position: relative; }
.page-top-user .nLi span a { display: block; line-height: 40px; color: #cccccc; padding: 0 20px; font-size: 0.75em; max-width: 120px;}
.page-top-user .on span a {background:#ffffff; color:#ff6600;}
.page-top-user .sub {width:120px; top:40px; left:0; background:#ffffff; border-top: 0; box-shadow: 0 1px 6px #cccccc; display: none; position: absolute; z-index: 999;}
.page-top-user .sub li a {line-height:30px; padding:0 20px; font-size: 0.75em;}
.page-top-cart {margin-left: 10px;}
.page-top-cart a {background: #444444; color: #cccccc; font-size: 0.75em; padding: 0 20px; display: block; line-height: 40px;}
.page-top-cart a i {font-size: 1.25em; margin-right: 3px;}
.page-top-search {position: relative; height: 50px; padding-top: 5px;}
.page-top-search .so-inp,.page-top-search .so-btn {position: absolute;}
.page-top-search .so-btn {right: 0;}
.page-top-search .so-inp {width: 100%;}
.page-top-search .so-inp input {width: 100%; height: 40px; border: 1px #cccccc solid; padding: 0 10px; font-size: 0.875em; color: #999999;}
.page-top-search .so-btn input {width: 40px; height: 40px; background-image: url(../images/search.png); background-position: center; background-repeat: no-repeat; background-color: #cccccc; background-size: 50%; border: 0; cursor: pointer;}
.page-logo {padding: 15px 0;}
.page-logo a {margin-right: 10px;}
.page-logo img {height: 40px; width: auto;}
.page-nav {position: relative;}
.page-nav span {line-height: 70px; font-size: 1.5em; margin-left: 15px; display: inline-block;}
.page-nav .on span {color: #ff6600;}
.page-nav-content {background: #ffffff; padding: 0 20px; min-width: 150px; top: 65px; right: 0px; position: absolute; display: none; box-shadow: 0 1px 6px #dddddd; z-index: 999;}
.page-nav-content li {line-height: 40px;}

.page-footer-box {padding: 20px 0;}
.page-footer-box p span {margin: 0 10px;}
.page-footer-box .tel {margin-bottom: 5px;}
.page-footer-box .text {font-size: 0.875em;}
.page-footer-box .text-small {font-size: 0.75em; margin-bottom: 5px;}
.page-footer-box .btn a {display: inline-block; border: 1px #ff6600 solid; font-size: 0.75em; line-height: 35px; padding: 0 20px; color: #ff6600; border-radius: 4px;}
.page-footer-box .btn a i {margin-right: 3px; font-size: 1.166em;}
.page-top-logo {padding: 25px 0;}
.page-top-logo img {height: 35px;}
.page-top-logo span {margin-right: 20px;}
.page-weizhi {border-bottom: 1px #dddddd solid;}
.page-weizhi li {border-right: 1px #dddddd solid; float: left;}
.page-weizhi li a {display: block; line-height: 40px; padding: 0 20px;}
.page-pic-bord img {border: 1px #ccc solid; display:inline-block; margin-bottom: 10px;}

/* 底部2 */
.footer-bg {background: #9d2677; text-align: center; color: #ffffff; font-size:0.875em; padding: 30px 0;}
.footer-bg p {margin-bottom: 5px;}
.footer-bg a {color: #fff;}
.footer-bg a:hover {text-decoration: underline;}

/* 顶部导航 */
.con-top-nav-box, .con-top-nav-box-fixed {height: 46px; width: 100%; line-height: 46px; padding: 0 15px; border-bottom: 1px #f1f3f5 solid; background-color: #fff;}
.con-top-nav-box-fixed {position: fixed; top: 0; z-index: 9999;}
.con-top-nav-left {float: left;}
.con-top-nav-left a {display: inline-block; line-height: 46px; margin-right: 5px;}
.con-top-nav-left a span {float: left;}
.con-top-nav-left a .return-ico {font-size: 1.75em; margin-right: 8px;}
.con-top-nav-left a .line {color: #ccc; margin-right: 8px;}
.con-top-nav-left a .text {font-size: 1.125em;}
.con-top-nav-left a .text-nowrap {width: 150px;}
.con-top-nav-right {float: right;}
.con-top-nav-right a {display: block;}
.con-top-nav-left .ico, .con-top-nav-right .ico {font-size: 1.5em; line-height: 46px;}
.con-top-nav-right .ico {margin-left: 10px;}

/* 轮播图 */
.swiper-container {width: 100%; height: 100%;}
.swiper-slide {text-align: center; font-size: 18px;	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex; -webkit-box-pack: center;	-ms-flex-pack: center; -webkit-justify-content: center;	justify-content: center; -webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center; align-items: center;}

.page-slide {height: calc((100vw - 30px) / 2);}

#swiper2 {height: 200px; background-color: #f1f3f5; padding: 20px 5px;}
#swiper2 .swiper-slide {transition: 300ms;	transform: scale(0.8); box-shadow: 0px 0px 10px #ccc;}
#swiper2 .swiper-slide-active, #swiper2 .swiper-slide-duplicate-active{transform: scale(1);}

/* 底部 */
.con-footer {width: 100%; line-height: 50px; color: #fff; background-color: #333; text-align: center; font-size: 0.75em;}

/* 插件 */
/* 图片鼠标特效 */
.mouse-box {border: 1px #dddddd solid; padding: 4px;}
.mouse-box h6 {font-size: 0.875em;}
.mouse-box:hover {border-color: #ff6600;}
.mouse-box:hover h6 {color: #ff6600;}
/* 选项卡 */
.slide-tab .hd { overflow:hidden;}
.slide-tab .hd li span { cursor: pointer;}
.slide-tab .hd li span:hover {background: #ff6600; color: #ffffff;}
.slide-tab .bd { overflow:hidden;}
.slide-tab .bd .con { display:none;}
.slide-tab .bd .content .text {position: relative;}
.slide-tab .bd .content .text span {position: absolute; display: block; top: 10px; right: 10px; line-height: 26px; font-size: 14px; padding: 0 10px; background: url(../images/mask_bg.png); border-radius: 4px; color: #fff;}

/* 弹窗 */
#winbox {position: absolute; border:5px solid #9CC0E9; background-color:#F4F8FB; line-height:180%; color:#476DD1; font-size: 14px;}
#winbox .t {font-weight:bold; padding:5px 10px; border-bottom:1px solid #9CC0E9;}
#winbox .t span{float:right; cursor:pointer; font-weight:normal; font-size: 12px;}
#winbox .c {padding:5px 0; font-size: 12px; text-align: center;}
#winbox .g {margin:15px; text-align:center;}
#winbox .g a {padding:8px 20px; line-height:30px; border:1px solid #4672C4; border-top:#9CC0E9; border-left:#9CC0E9; background-color:#3D6AD3; color:#FFF; margin-right:20px; font-size: 12px;}
#winbox .g a:hover {background-color:#5588D8; text-decoration:none;}
#winbox .z {padding-bottom:15px; font-family:Verdana, Geneva, sans-serif;}
#winbox .z a {text-decoration: underline;}

/* 表单 */
.form-box dl {position: relative; margin-bottom: 15px;}
.form-box dl .inp,.form-box dl input,.form-box dl .btn-default {border-radius: 0;}
.form-box dl.wjmm a {font-size: 0.75em;}
.form-box dl.wjmm a:hover {text-decoration: underline;}
.form-box dl .yzmpic {margin-left: 10px;}
.form-box dt {position: absolute; line-height: 20px; left: 15px; top: 10px; width: 85px; border-right: 1px #dddddd solid; color: #666666; z-index: 2;}
.form-box dt .title {font-size: 0.75em;}
.form-box dt i { width: 18px;}
.form-box dd .inp {padding-left: 110px;}
.form-box dd textarea.inp-md {line-height: 28px;}
.form-box dd textarea:focus {height: 60px; padding-top: 9px; line-height: 1.5;}
.form-box .inp-text-info {font-size: 0.875em;}

/* 首页 */
.index-title {margin-bottom: 10px;}
.index-title .title {font-size: 1.375em; font-weight: lighter;}
.index-title .more {font-size: 0.875em; padding-top: 8px;}
.index-title .more a:hover {color: #ff6600;}
.index-title .sub-btn li {float: left; margin-left: 10px;}
.index-title .sub-btn li a {display: block; line-height: 30px; border: 1px #ff6600 solid; color: #ff6600; padding: 0 20px; font-size: 0.75em;}
.index-title .sub-btn li a:hover,.index-title .sub-btn .on a {background: #ff6600; color: #ffffff;}
.index-nav-ico {text-align: center; border-bottom: 1px #dddddd solid;}
.index-nav-ico li {border-right: 1px #dddddd solid;}
.index-nav-ico li:last-child {border-right: 0;}
.index-nav-ico li a {display: block; height: 80px; padding-top: 15px;}
.index-nav-ico li a i {font-size: 1.5em; height: 30px; color: #ff6600;}

/* 导航页 */
.page-nav-box {padding: 0 15px;}
.page-nav-title {margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px #f1f3f5 solid;}
.page-nav-menu {margin-bottom: 15px;}
.page-nav-menu li {float: left; margin-bottom: 10px;}
.page-nav-menu a {display: block; background-color: #f1f3f5; padding: 8px 5px; text-align: center; font-size: 0.875em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.page-nav-menu li.on a {background-color: #333; color: #FFF;}
.page-nav-menu.round a {border-radius: 4px;}

/* 搜索 */
.search-logo {text-align: center;}
.search-logo span {display: inline-block; margin: 0 5px;}
.search-logo span img {height: 30px;}
.search-inp {width: 75%; height: 46px; line-height: 46px; border: 2px #ddd solid; border-right: 0; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 0 15px;}
.search-inp:focus {border-color: #3d6fd3;}
.search-btn {width: 25%; height: 46px; border: 2px #3d6fd3 solid; border-left: 0; background-color: #3d6fd3; color: #fff; cursor: pointer; border-bottom-right-radius: 4px; border-top-right-radius: 4px;}
.search-btn:hover {opacity: 0.9;}
.search-nav {padding: 20px 0; overflow: hidden;}
.search-nav li {float: left; margin-right: 10px;}
.search-nav li a {display: block; font-size: 0.875em; padding: 5px 10px; border-radius: 2px;}
.search-nav li a:hover {background-color: #f1f3f5;}
.search-nav li.on a {background-color: #3d6fd3; color: #fff;}

/* 栏目 */
.class-top {background: #ff6600; line-height: 50px; color: #ffffff;}
.class-top a i {font-size: 1.5em; color: #ffffff;}
.class-top .home-ico a,.class-top .reply-ico a {width: 35px; display: block;}

/* 列表 */
.list-pic li {margin-bottom: 20px;}
.list-pic a {padding-bottom: 10px;}
.list-pic p {text-align: center;}
.list-pic h6 {margin-top: 10px;}
.list-pic p {font-size: 0.75em; margin-bottom: 10px;}
.list-pic p span {margin: 0 5px;}
.list-pic .text {color: #999999;}
.list-pic .price {color: #ff6600; margin-bottom: 20px;}
.list-pic .price span {font-size: 1.167em;}
.list-pic .price small {color: #999999;}
.list-pic .info {height: 38px; overflow: hidden; color: #666666;}
.list-pic .date {color: #666666;}
.list-pic .btn span {margin: 0 auto; padding: 0 20px; line-height: 30px; background: #ff6600; display:inline-block; color: #ffffff;}
.list-pic .text-left {text-align: left; padding: 0 10px;}

.list-text li {background: #ffffff; border-bottom: 1px #f5f5f5 solid; margin: 0 5px; padding: 10px 0px; overflow: hidden;}
.list-text li a {display: block;}
.list-text li a .pic img {width: 100%;}
.list-text li a .col-mobile-12.pic {margin-bottom: 5px;}
.list-text li a .col-mobile-8 p {margin-right: 5px;}
.list-text li .title {margin-bottom: 5px;}
.list-text li .date {font-size: 0.75em; color: #666666;}
.list-text li em {float: right; font-style: normal;}
.list-text li .date .col {margin-right: 10px;}

/* 图文列表 */
.page-list-text-img {border-bottom: 1px #f1f3f5 solid; padding-bottom: 10px;}
.page-list-text-img .title {height: 45px; overflow: hidden; margin-bottom: 8px;}
.page-list-text-img .date {font-size: 0.875em; color: #999;}
.page-list-text-img .date em {float: right; font-style: normal;;}

/* 文章内容页 */
.content-box {padding: 0 10px;}
.content {line-height: 2; font-size: 1.125em;}
.content p {margin-bottom: 10px;}
.content img {margin-bottom: 5px; display: inline-block;}
.content a {color:#ff6600;}
.content a:hover {text-decoration: underline;}
.content-info {border-bottom: 1px #eee solid; padding: 20px 0; margin-bottom: 30px;}
.content-info h1 {font-size: 1.5em; line-height: 1.5; margin-bottom: 10px;}
.content-info span {margin-right: 10px; color: #999;}
.content-title-btn {font-size: 0.75em; padding-bottom: 15px;}
.content-title-btn li span,.content-title-btn li a {border: 1px #ff6600 solid; color: #ff6600; background: #ffffff; padding: 0 20px; float: left; line-height: 33px; margin-right: 10px;}
.content-title-btn li.on span,.content-title-btn li a:hover,.content-title-btn .on a {background: #ff6600; color: #ffffff;}

/* 团队 */
.team-list a {background-color: #f1f3f5; display: block; margin-bottom: 30px;}
.team-list a .text {padding: 10px; height: 220px;}
.team-list a .text hr {margin-bottom: 15px; margin-top: 10px;}
.team-list a .text .name {padding-top: 10px;}
.team-list a .text .position {color: #666; font-size: 0.875em; padding-top: 5px;}
.team-list a .text .about {color: #999; font-size: 0.875em; height: 100px; overflow: hidden; line-height: 1.8;}

/* 产品页 */
.product-info-name {margin-bottom: 10px;}
.product-info-name h1 {font-size: 1.5em; display: inline; color: #f60;}
.product-info-name span {font-size: 0.875em; color: #666; margin-left: 10px;}
.product-info-title-sub {font-size: 0.875em; color: #666666; margin-bottom: 15px;}
.product-info-jiage {font-size: 1.5em; color: #ff6600; line-height: 50px;}
.product-info-jiage .text {font-size: 14px; color: #666666;}
.product-info-shuxing {font-size: 0.75em; overflow: hidden; padding: 15px 0 5px 0;}
.product-info-shuxing li {line-height: 30px; padding: 3px 0 3px 80px; position: relative;}
.product-info-shuxing li p {color: #666666; position: absolute; left: 0;}
.product-info-shuxing li span,.product-info-shuxing li a {border: 1px #dddddd solid; line-height: 28px; padding: 0 15px; display: inline-block; margin-right: 5px; cursor: pointer; margin-bottom: 10px;}
.product-info-shuxing li span:hover,.product-info-shuxing li span.c,.product-info-shuxing li a:hover,.product-info-shuxing li a.c {border-color: #ff6600; color: #ff6600;}
.product-info-shuxing .shuliang {width: 80px; margin-bottom: 10px; border-radius: 0; text-align: center;}
.product-info-shuxing .text {font-size: 12px; color: #666666; margin-left: 5px;}
.product-info-text li {line-height: 50px; font-size: 0.75em; float: left; border-bottom: 1px #dddddd solid; width: 100%; color: #666666;}
.product-info-text abbr {margin-left: 5px; cursor: help;}
.product-info-tishi {font-size: 0.75em; color: #666666; padding: 20px 0;}
.product-info-tishi p {margin-bottom: 5px;}
.product-info-tishi p span {margin-right: 15px;}
.product-info-btn {text-align: center;}
.product-info-btn input {border-radius: 0; width:100%;}
.product-ads-footer {line-height: 50px; font-size: 0.875em; color: #999; text-align: center; background: #f5f5f5;}
.product-ads-tel {position: fixed; bottom: 0; width: 100%; height: 60px; z-index: 99;}
.product-ads-tel a {display: block; background: #0079C3; text-align: center; line-height: 60px; color: #fff;}
.product-ads-tel a span {font-size: 12px;}
.list-ads {padding: 10px 0; border-top: 1px #eee solid;}
.list-ads a {display: block; width: 100%; background: #ffffff; overflow: hidden;}
.list-ads a .pic {width: 30%; float: left;}
.list-ads a .info {width: 70%; float: left; padding-left: 15px;}
.list-ads a .info p {margin-bottom: 0; line-height: 1.6;}
.list-ads a .info .c1 {font-size: 0.875em;}
.list-ads a .info .c2 {font-size: 0.75em; color: #666666;}
.list-ads a .info .c3 {color: #ff6600;}

/* 销售记录 */
.product-order .list li {line-height: 40px; font-size: 0.875em; border-bottom: 1px #dddddd solid;}
.product-order .list li span {float: right; margin-left: 30px;}

/* 相册 */
.product-photo li {margin-bottom: 10px;}
.product-photo li a {display: block; position: relative; height: 125px; line-height: 122px; background: #eee; text-align: center; color: #666;}
.product-photo li a img {max-height: 125px;}
.product-photo li a i {font-size: 1.2em;}
.product-photo li a .title {position: absolute; bottom: 10px; left: 10px; line-height: 20px; font-size: 12px; padding: 0 10px; background: url(../images/mask_bg.png); border-radius: 4px; color: #fff;}

/* 评论 */
.comment-form ul {margin-bottom: 15px;}
.comment-form ul li {padding: 0;}
.comment-form .inp,.comment-form .btn {border-radius: 0; width: 100%;}
.comment-form .nr {line-height: 38px; padding-top: 0; padding-bottom: 0; transition: height 0.3s;}
.comment-form .nr:focus {border-color: #ff6600; height: 94px; line-height: 1.5; padding-top: 5px; padding-bottom: 5px; box-shadow:none;}
.comment-form .text {font-size: 0.875em; line-height: 40px;}
.comment-form .vercode {margin-top: 7px; margin-left: 10px;}

.list-comment li {border-bottom: 1px #dddddd solid; overflow: hidden; padding: 20px 0;}
.list-comment .left {margin-bottom: 10px; padding: 0;}
.list-comment .left p {margin-bottom: 0;}
.list-comment .left small {font-size: 0.75em; color: #666666;}
.list-comment .right {font-size: 0.875em; padding: 0; line-height: 1.8;}
.list-comment .right .huifu {color: #666666;}
.list-comment .right .huifu b {color: #ff6600;}

/* 会员 */
.member-top-bg {background: #eeeeee; border-bottom: 1px #dddddd solid; height: 50px; line-height: 50px; color: #666666;}
.member-top-bg a {color: #666666;}
.member-top-bg .left-ico a {font-size: 1.5em; padding-left: 5px;}
.member-top-bg .center-text {font-size: 1.125em;}
.member-top-bg .right-ico a {font-size: 1.5em; padding-right: 5px;}
.member-index-top-bg {background: #ff6600; margin-bottom: 2px;}
.member-index-top {padding: 10px 0; color: #ffffff;}
.member-index-top .user-img img {width: 50px; height: 50px;}
.member-index-top .user-text {margin-left: 20px; padding-top: 8px;}
.member-index-top .user-text .c1 {font-size: 0.875em;}
.member-index-top .user-text .c2 {font-size: 0.75em;}
.member-index-top .user-text .mun {margin-left: -1px;}
.member-index-top .user-text a {color: #fff;}
.member-index-top .user-yue {margin-right: 20px;}

.member-menu dd a {display: block; line-height: 50px; font-size: 0.875em; background: #ffffff; margin-bottom: 1px; padding-left: 10px;}
.member-menu dd a i {color: #ff6600; width: 20px; text-align: center; margin-right: 10px;}
.member-menu hr {margin: 15px 20px;}
.member-menu .cur a,.slidebar-menu .cur a:hover {background: #666666; color: #ffffff;}
.member-menu .cur a i {color: #ffffff;}

.member-recharge { min-height: 500px; }
.member-recharge .title { border-bottom: 1px #ddd solid; padding-bottom: 10px; margin-bottom: 30px; }
.member-recharge .text {font-size:0.875em; line-height:1.8; margin-bottom:40px;}
.member-recharge .czje {width:100%; float:left; margin-bottom:40px;}
.member-recharge .czje .dw {margin-left:10px; font-size:0.875em; line-height:40px;}
.member-recharge .czfs {margin-bottom:30px;}
.member-recharge .czfs li {float:left; margin-right:20px;}
.member-recharge .czfs .t {font-size:0.875em;}
.member-recharge .czbtn input {width:150px;}

/* 订单 */
.order-kuaidi, .order-total {border-bottom: 1px #eeeeee solid;}
.order-kuaidi {padding-bottom: 10px;}
.order-info h3 {margin-bottom: 15px; color: #339900;}
.order-info p {font-size: 0.875em; margin-bottom: 2px;}
.list-cart {border-bottom: 1px #eeeeee solid; padding: 10px 0; margin-bottom: 10px;}
.list-cart .title {margin-bottom: 5px;}
.list-cart .title a {color: #ff6600;}
.list-cart .att {font-size: 0.875em; margin-bottom: 5px;}
.list-cart .price {font-size: 0.875em; margin-bottom: 5px; color: #999999;}
.list-cart .price span {margin-right: 10px;}
.list-cart .num input {width: 100px;}
.list-cart .del a {font-size: 1.8em; color: #666666;}

.list-myorder {padding: 10px 0; border-bottom: 1px #dddddd solid;}
.list-myorder .c1 {font-weight: bold;}
.list-myorder .c2 {font-size: 0.875em; color: #666666;}
.list-myorder .c3 {font-size: 0.872em;}

/* 颜色 */
.footer-bg, .con-footer, .page-nav-menu li.on a {background-color: #9d2677;}
.index-title .title, .content-info h1, .page-nav-title a strong {color: #9d2677;}