/* Generated by CSS Usage.
   File: http://localhost/skin/css/subpage.css.
   DON'T DELETE YOUR ORIGINAL CSS FILE. Keep it so you can fix the glitches later.
   Some rules have been deleted, some selectors are prefixed with "UNUSED".
   Look for the UNUSED items and see if you can remove them. */


@charset "utf-8";
.common_color, UNUSED.has_account a.common_color {
	color: #fcaf01
}
.common_bg, UNUSED.common_page a.nowpage, .common_page a:hover, .vip_left_nav li.vip_left_btn1:hover, UNUSED.vip_left_nav li.vip_left_btn1.nowpage, .vip_left_nav li.vip_left_btn2:hover, UNUSED.vip_left_nav li.vip_left_btn2.nowpage, .vip_left_nav li.vip_left_btn3:hover, UNUSED.vip_left_nav li.vip_left_btn3.nowpage, .vip_left_nav li.vip_left_btn4:hover, UNUSED.vip_left_nav li.vip_left_btn4.nowpage, UNUSED.vip_add_address a.common_bg, UNUSED.vip_login li input.common_bg, UNUSED.level_bg p.common_bg, .scrollbutton.smallImgUp:hover, .scrollbutton.smallImgDown:hover, UNUSED.star_score_box p.common_bg, UNUSED.view_img_btns input, .view_imgs .prev:hover, .view_imgs .next:hover, UNUSED.zxbm {
	background-color: #fcaf01
}
UNUSED.common_border_color, UNUSED.type_choose span.border_color, UNUSED.type_choose2 span.border_color, UNUSED.view_imgs .listBox .on img {
	border-color: #fcaf01
}
a.pg-color:hover {
	color: #fcaf01;
}
body {
	word-wrap: break-word;
	word-break: break-all;
}

.main {
	width: 980px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
UNUSED.right_con div, UNUSED.right_con p {
	font-size: 14px;
}

UNUSED.product1, UNUSED.product2, .product3, UNUSED.product4, .product5, UNUSED.product6, UNUSED.product7, UNUSED.product7 li, UNUSED.product8, UNUSED.product8 li {
	width: 100%;
	height: auto;
	overflow: hidden;
}
UNUSED.product1 li, UNUSED.product2 li, .product3 li, UNUSED.product4 li, .product5 li, UNUSED.product6 li {
	width: 33%;
	float: left;
	height: 215px;
	overflow: hidden;
	position: relative
}
.product1 li>a, .product2 li>a, .product6 li>a {
	display: block;
	width: 88%;
	margin: 3px auto;
	height: auto;
	overflow: hidden;
	position: relative;
}
.product1 li>a>img, .product2 li>a>img, .product3 li img, UNUSED.product4 li div a img, .product5 li div a img, UNUSED.product6 li a img {
	display: block;
	width: 216px;
	height: 161px;
}
.product1 li>p, .product2 li>p, .product3 li>p, .product4 li>p, .product5 li>p, .product6 li>p {
	width: 88%;
	margin: 0 auto;
	text-align: center;
	font: 14px/35px "microsoft yahei";
}
.product2 li>a>span {
	display: block;
	position: absolute;
	width: 90%;
	padding: 5%;
	left: 0;
	top: 0;
	font: 14px/30px "microsoft yahei";
	color: #fff;
	background: url(../images/blackbg.png) 0 0 repeat;
	height: 90%;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	filter: alpha(opacity=0);
	opacity: 0;
}
.product2 li>a:hover span {
	display: block;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	filter: alpha(opacity=100);
	opacity: 1;
}
.product3 li>div {
	width: 88%;
	margin: 3px auto;
	height: auto;
	position: relative;
}
.product3 li>div>p, .prod-zoom {
	position: absolute;
	background: url(../images/product_zoom.png) 0 0 no-repeat;
	width: 53px;
	height: 53px;
	left: 50%;
	top: 50%;
	margin: -26px 0 0 -26px;
	cursor: pointer;
	z-index: 1;
	top: -100%;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.product3 li>div:hover p, .prod7-left:hover p, .prod8-left:hover p {
	top: 50%;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
UNUSED.product4 li div a, .product5 li div a {
	display: block;
	width: 100%;
	overflow: hidden;
}
.product5 li div {
	width: 88%;
	padding: 6px;
	margin: 3px auto;
	position: relative;
}
.product5 li div p, .product5 li div:hover p, .product6 li, .product6 li:hover {
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.pro5-border1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	border-top: 2px solid transparent;
}
.pro5-border2 {
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	border-left: 2px solid transparent;
}
.pro5-border3 {
	position: absolute;
	right: 0;
	top: 0;
	height: 0;
	border-right: 2px solid transparent;
}
.pro5-border4 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	border-bottom: 2px solid transparent;
}
.product5 li div:hover p.pro5-border1, .product5 li div:hover p.pro5-border4 {
	width: 100%;
}
.product5 li div:hover p.pro5-border2, .product5 li div:hover p.pro5-border3 {
	height: 100%;
}
.product6 {
	padding-top: 12px;
}
.product6 li {
	position: relative;
	top: 0
}
.product6 li:hover {
	top: -12px;
}
.product7 li, .product8 li {
	padding-bottom: 16px;
}
UNUSED.prod7-left a, UNUSED.prod8-left a {
	display: block;
	height: auto;
	overflow: hidden;
}
UNUSED.prod7-left a img, UNUSED.prod8-left a img {
	display: block;
}
.product7 li>p {
	float: left;
	width: 63.4375%;
	margin-left: 3.4375%;
	font: 16px/36px "microsoft yahei";
	color: #9a9a9a;
	height: 36px;
	overflow: hidden;
}
.product7 li>p>a, .product8 li>p a {
	float: left
}
.product7 li>p>span, .product8 li>p span {
	float: right;
}
.product8 li>p {
	width: 100%;
	height: 36px;
	overflow: hidden;
	font: 16px/36px "microsoft yahei";
	color: #9a9a9a;
}
.news li a:hover {
	color: #333;
}
.news1 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 12px auto;
}
.news1 li {
	width: 100%;
	padding: 5px 0;
	height: 30px;
	font: 14px/30px "microsoft yahei";
	color: #737373;
	border-bottom: 1px solid #d6bae4;
}
.news1 li a {
	float: left;
	margin-left: 12px;
}
.news1 li span {
	float: right;
	margin-right: 12px;
}
.news3 li {
	border-bottom: 1px dashed #ccc;
}


.view-title {
	width: 100%;
	text-align: center;
	font: 20px/36px "microsoft yahei";
	color: #333;
	padding: 14px 0 0
}
.view-date {
	width: 100%;
	text-align: center;
	font: 12px/24px "microsoft yahei";
	color: #999;
}
.view-date span {
	margin: 0 7px;
}

.pg-color {
	color: #666;
}
.pg-border-color, .product4 li div:hover {
	border-color: #632781;
}
.pg-color:hover {
	color: #512d84
}

.view h1 {
	width: 100%;
	font: 20px/30px "microsoft yahei";
	color: #343434;
}
.page {
	width: 100%;
	margin: 10px auto;
	overflow: hidden;
	position: relative
}
.page p {
	width: 100%;
	height: 28px;
	font: 12px/28px "microsoft yahei";
	color: #1d1d1d;
	overflow: hidden;
}
.page p a {
	color: #1d1d1d
}
.page p a:hover, .back:hover {
	text-decoration: underline
}
.back {
	font: 14px/39px "microsoft yahei";
	color: #fff;
	background: #fcaf01;
	width: 138px;
	margin: 0 auto;
	border-radius: 4px;
	display: block;
	text-align: center;
}
.view img {
	max-width: 100%;
	display: inline
}
.view div {
	font-size: 14px;
}
.boxcen {
	line-height: 28px;
}
.con1-left {
	width: 240px;
	height: auto;
	overflow: hidden;
}
.class_up {
	display: block;
	background: url(../images/left_top.jpg) 0 0 no-repeat;
	width: 239px;
	height: 19px;
	margin: 0 auto;
}
.class_down {
	display: block;
	background: url(../images/left_bottom.jpg) 0 0 no-repeat;
	width: 239px;
	height: 19px;
	margin: 0 auto;
	clear: both;
}
.zxbm {
	display: inline-block;
	width: 220px;
	height: 30px;
	line-height: 30px;
	border-radius: 20px;
	text-align: center;
	color: #fff;
}
.zxbm:hover {
	text-decoration: underline;
}
.sub_nav {
	padding-top: 0;
}
.child_top .sear_b {
	width: 100%;
	position: absolute;
	z-index: 20;
	height: 85px;
	background-color: rgba(0, 0, 0, 0.65);
	bottom: 0;
}
.child_top .sear_b .head {
	width: 980px;
	margin: 0 auto;
	height: 85px;
}
.child_top .title_b {
	width: 223px;
	height: 83px;
	border: 1px solid #bebebe;
	border-bottom-color: #23201d;
	background-color: #fff;
	float: left;
}
.child_top .title_b .a {
	font-size: 26px;
	color: #000;
	line-height: 26px;
	padding-left: 15px;
	padding-top: 15px;
}
.child_top .title_b .b {
	font-size: 20px;
	line-height: 20px;
	color: #0282FF;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 10px;
}
.child_top .search {
	padding-top: 30px;
	padding-left: 65px;
}
.child_top .phone_b {
	width: 245px;
	height: 85px;
	float: right;
	background-color: rgba(2, 130, 255, 0.75);
}
.child_top .phone_b>div {
	height: 50px;
	border-left: 1px solid #fff;
	float: left;
	margin-left: 16px;
	margin-top: 18px;
}
.child_top .phone_b .top_msg {
	margin-left: 40px;
	float: left;
	background-image: url(../images/001454_07.png);
	background-repeat: no-repeat;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	font-weight: bold;
	font-family: arial;
	padding-left: 22px;
	margin-top: 2px;
}
.child_top .phone_b .num {
	font-size: 28px;
	line-height: 28px;
	font-family: Impact;
	padding-left: 20px;
	clear: both;
	color: #fff;
	padding-top: 9px;
}
.product .lnavb {
	width: 223px;
	float: left;
	border: 1px solid #bebebe;
	position: absolute;
}
.product .lnavb>li {
	margin: 0 auto;
	color: #383838;
	cursor: pointer;
	width: 193px;
	border-bottom: 1px solid #d1d1d1;
}
.product .lnavb>li:last-child {
	border-bottom: none;
}
.product .lnavb>li>a {
	width: 183px;
	height: 38px;
	line-height: 38px;
	padding-left: 10px;
	display: block;
	background-image: url(../images/001454_08.png);
	background-repeat: no-repeat;
	background-position: 167px 17px;
	color: #383838;
}
.product .lnavb>li>a:hover {
	background-image: url(../images/001454_09.png);
}
.product .lnavb>li>a.on {
	background-image: url(../images/001454_09.png);
}
.product .lnavb>li>ul {
	display: none;
}
.product .lnavb>li>ul:last-child {
	margin-bottom: 7px;
}
.product .lnavb>li ul li a {
	height: 33px;
	background-color: #d1d1d1;
	line-height: 33px;
	color: #383838;
	display: block;
	padding-left: 24px;
	margin-top: 5px;
}
.con1_class {
	height: 150px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	background: #fff;
}