@charset "utf-8";

/*top*/
.top-box {
	background-color: #333333;
	height: 40px;
	width: 100%;
}
.top-box .top-box-l {
	font-size:12px;
	line-height:40px;
}
.top-box-l span {
	font-size:8px;
	line-height:40px;
	padding:0 3px;
}
.top-box .top-box-r {
	font-size:12px;
	line-height:40px;
}
a#Login {
	display:inline-block;
	color:#ffffff;
	padding:0 15px;
	height:40px;
	background-color:#50b400;
	margin-right:8px;
}
a#Login:hover {
	background-color:#3a8200;
}
.wLogin-box .sLogin-box {
	padding-right:15px;
	color:#999999;
}
.sLogin-box p {
	padding-right:3px;
}
.sLogin-box a {
	display:inline-block;
	width:20px;
	height:20px;
	padding-top:5px;
	margin:0 3px;
}
.Login-box a {
	padding-right:5px;
}
.top-box-r .Search-box {
	padding-left:10px;
}
.top-box-r span {
	font-size:8px;
	line-height:40px;
	color:#595959;
	padding:0 8px;
	display:inline-block;
	vertical-align:top;
}
.Search-box i {
	font-size:21px;
	display:inline-block;
	vertical-align:top;
	color:#ff7300;
	padding-right:4px;
	font-weight: 700;
}
.Search-box a {
	color:#999999;
}



/*header*/
.header-box {
	width:100%;
	height:120px;
}
.header-box .logo {
	padding-top:40px;
	width:300px;
	height:40px;
}
.logo a {
	display: inline-block;
	width: 300px;
	height: 42px;
	background-image: url(../images/LOGO.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.header-box .header-ad-box {
	padding-top:25px;
	height:40px;
}



/*导航*/
.nav-box {
	width:400px;
	padding-top:45px;
	height:35px;
	position:relative;
	font-size:16px;
}
.nav-box ul li {
	display:inline-block;
	height:35px;
	margin-right:30px;
	font-weight:700;
}
.nav-box ul li.nav-box-active {
	display:inline-block;
	height:35px;
	border-bottom:4px solid #fdc43f;
}
.nav-box ul li a {
	display:inline-block;
	height:40px;
	color:#333333;
}
.nav-box ul li a:hover {
	color:#fdc43f
}

/*搜索*/
.nav-search-box {
	width:441px;
	height:45px;
	padding-top:35px;
}
.nav-search-box .nav-search-class {
	width: 66px;
	height: 41px;
	background-color: #FFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fc7918;
	border-right-color: #fc7918;
	border-bottom-color: #fc7918;
	border-left-color: #fc7918;
	position:relative;
}
.nav-search-class li {
	width: 52px;
	height: 35px;
	line-height: 35px;
	color: #999999;
	font-size: 14px;
	padding-left:14px;
	cursor: pointer;
	background-color: #ffffff;
	margin-left: -2px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f0f0f0;
	border-right-color: #fdc43f;
	border-bottom-color: #fdc43f;
	border-left-color: #fdc43f;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.05);
}
.nav-search-class li:hover {
	color:#333333;
	background-color:#fafafa;
}
.nav-search-class li.nav-search-iconfont {
	width: 12px;
	height: 12px;
	line-height:0;
	display:block;
	position:absolute;
	right:7px;
	top:20px;
	border:none;
	padding-left:0;
	box-shadow: none;
	background-color:none;
}
.nav-search-class li.nav-search-iconfont i {
	font-size:10px;
	color:#cecece;
}
.nav-search-class li.nav-search-active {
	width: 57px;
	height: 41px;
	line-height:41px;
	text-align:center;
	color:#999999;
	font-size:14px;
	cursor: pointer;
	border:none;
	margin-left:0;
	padding-left:0;
	box-shadow: none;
}
.nav-search-class li.nav-search-active:hover {
	background-color:#ffffff;
}
.nav-search-box .nav-search-into {
	width: 290px;
	height: 41px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #fc7918;
	border-bottom-color: #fc7918;
}
.nav-search-into input {
	font-family: "Microsoft Yahei","Tahoma","SimSun","宋体";
	width: 270px;
	height: 38px;
	padding-left:5px;
	border:1px solid #ffffff;
}
.nav-search-box .nav-search-btn {
	width: 80px;
	height: 45px;
}
.nav-search-btn input {
	width: 80px;
	height: 45px;
	border:0;
	cursor: pointer;
	background-color:#fc7918;
	font-size:16px;
	color:#ffffff;
	font-weight:700;
	transition:all 0.3s ease;
}
.nav-search-btn input:hover {
	background-color:#eb5e00;
	transition:all 0.3s ease;
}


/*当前位置*/
.main-position {
	height:70px;
	background-color:#ffffff;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.05);
}
.main-position .main-position-box {
	height:70px;
	line-height:70px;
	font-size:14px;
}
.main-position-box span {
	font-size:12px;
	line-height:60px;
	color:#cccccc;
	padding:0 4px;
}
.main-position-box s {
	color: #999999;
	text-decoration: none;
}
.main-position .main-share-box {
	height:52px;
	padding-top:18px;
}


/*产品*/
.main-products-img {
	width:450px;
	min-height:800px;
	height:auto;
	float:left;	
}
#examples{ 
	position:absolute; 
	left:0; 
	width:450px; 
	overflow:visible;
	
}
/*Etalage container (large thumb + small thumbs): */
#etalage{
	display: none;
	margin-bottom: 50px;
	list-style-type: none;
}
/* The currently active one */
#etalage ul li.etalage_smallthumb_active{
	border:1px solid #ff7300;
}
/* Zoomed image area: */


#etalage .etalage_zoom_area,
.etalage_zoom_area{
	background: white url(../images/loading.gif) center no-repeat;
	border: 1px solid #d3d3d3;
	border-radius:4px;
	padding: 5px;
	-webkit-box-shadow: 0 0 10px #ddd;
	-moz-box-shadow: 0 0 10px #ddd;
	box-shadow: 0 0 10px #ddd;
}

/* Magnifier area (thumbnail hovering rectangle): */
#etalage .etalage_magnifier{
	background: #ffffff;
	border: 1px solid #bbb;
}



/* Hint that will apear at the top right of the large thumbnail (optional): */
#etalage .etalage_hint{
	background: url(../images/hint.gif) no-repeat;
	width: 130px;
	height: 57px;
}

/* Description area (optional) */
#etalage .etalage_description{
	background: white;
	font-style: italic;
	margin: 10px;
	padding: 6px 10px;
}

/*
 * ------------------------------------ FUNCTIONALITY --------------------------------------
 * The following CSS serves to make Etalage function properly. Don't edit or edit carefully.
 * -----------------------------------------------------------------------------------------
 */

.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint {
	display:none
}
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description {
	margin:0;
	padding:0;
	border:0;
	list-style:none
}
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img {
	position:relative
}
.etalage img, .etalage li {
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	-webkit-user-drag:none;
	-moz-user-drag:none;
	user-drag:none
}
.etalage, .etalage_small_thumbs li {
	float:left
}
.etalage_right {
	float:right
}
.etalage li {
	position:absolute;
}
.etalage img {
	vertical-align:bottom;
	max-width:none;
}
.etalage_magnifier {
	cursor:default
}
.etalage_magnifier div, .etalage_small_thumbs {
	overflow:hidden
}
.etalage_magnifier div img {
	display:none
}
.etalage_icon, .etalage_hint {
	cursor:default;
	width:0;
	height:0;
	overflow:hidden
}
.etalage_small_thumbs li.vertical {
	float:none
}
.etalage_zoom_area div {
	overflow:hidden;
	z-index:997
}
.etalage_zoom_preview {
	position:absolute;
	z-index:998
}
.etalage_zoom_img, .etalage_hint {
	z-index:999
}
.etalage {
	direction:ltr
}


.main-products-info {
	height:auto; 
}
.main-products-info .products-info-title {
	font-size:32px;
	line-height:38px;
}
.main-products-info .products-info-txt {
	line-height:22px;
	height:20px;
	margin-top: 20px;
}
.products-info-txt p {
	display: inline-block;
}
.products-info-txt b {
	font-size:26px;
}
a#shop-btn {
	display:block;
	height:55px;
	line-height:55px;
	color:#ffffff;
	font-size:18px;
	text-align:center;
	background-color:#fc7918;
	position:relative;
}
a#shop-btn:hover {
	background-color:#eb5e00;
	box-shadow: 0 0 4px 1px rgba(51,51,51,.2);
}
a#shop-btn div {
	display: none;
}
a#shop-btn:hover div {
	display: inline;
	width: 400px;
	height: 240px;
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: -255px;
	box-shadow: 0 0 4px 1px rgba(51,51,51,.1);
	background-image: url(../img/customer-img.jpg);
	background-repeat: no-repeat;
	background-position:0px 0px;
}
a#shop-btn div .products-info-btn-title {
	font-size:14px;
	line-height:22px;
	color:#5c8fd3;
	padding:0;
	margin:20px 0 0 0;
}
a#shop-btn div p {
	width: 16px;
    height: 8px;
    margin: 0 auto;
    display: block;
    margin-top: 18px;
	z-index:10;
}
a#shop-btn div p span {
	width: 0;
    height: 0;
    border-width: 8px 8px 0 8px;
    border-color: #f0f0f0 transparent;
    border-style: solid;
	z-index:9999;
}
.shop-info-box {
	padding:30px 0;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	position:relative;
}
.shop-info-box h3 {
	width:900px;
	font-size:18px;
	font-weight:700;
	height:45px;
}
.shop-info-box p {
	width:800px;
	height:22px;
	font-size:14px;
	line-height:20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
a#store_about {
	width:100px;
	height:30px;
	position:absolute;
	bottom:22px;
	font-size:14px;
	left:810px;
}
a#shop-jinru-btn {
	width:120px;
	height:35px;
	line-height:35px;
	display:block;
	position:absolute;
	background-color:#fafafa;
	border:1px solid #e2e2e2;
	right:0;
	top:20px;
	font-size:14px;
	text-align:center;
}
a#shop-jinru-btn:hover {
	color:#ffffff;
	background-color:#fc7918;
	border:1px solid #fc7918;
}
a#shop-guanzhu-btn {
	width:120px;
	height:35px;
	line-height:35px;
	display:block;
	position:absolute;
	background-color:#fafafa;
	border:1px solid #e2e2e2;
	right:0;
	top:68px;
	font-size:14px;
	text-align:center;
}
a#shop-guanzhu-btn:hover {
	color:#ffffff;
	background-color:#fc7918;
	border:1px solid #fc7918;
}
.Commodity-box {
	padding-top:18px;
}
.Commodity-box h3.Commodity-box-title {
	height:50px;
	position:relative;
	border-bottom:2px solid #eaeaea;
}
h3.Commodity-box-title b {
	height:50px;
	font-size:26px;
	position: absolute;
	border-bottom:2px solid #fc7918;
}
.Commodity-info-box {
	padding:15px 0;
}
.Commodity-box .Commodity-info-txt-01 {
	font-size:14px;
	line-height:22px;
	height:20px;
}
.Commodity-info-txt-01 span {
	padding-left:10px;
}
.Commodity-box .Commodity-info-txt-02 {
	width:280px;
	font-size:14px;
	line-height:22px;
	height:20px;
	margin-bottom:-15px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Commodity-info-txt-02 span {
	padding-left:10px;
}
.Commodity-content-box {
	padding:15px 0;
	font-size:14px;
	color:#333333;
}
.Commodity-content-box p {
	padding:10px 0;
	line-height:26px;
	width:100%;
}

.bg-blue {
	width:100%;	padding:10px 0 0 0;
}
.bg-blue .product-titile-box {
	height:50px;
	line-height:50px;
	font-size:22px;
	font-weight:700;border-bottom: 2px solid #eaeaea;
}
.bg-blue .product-titile-box b{ height: 50px;position: absolute;border-bottom: 2px solid #fc7918;}
.bg-blue .product-titile-box span {
	display:inline-block;
	width:35px;
	height:35px;
	font-size:20px;
	text-align:center;
	line-height:35px;
	font-weight:700;
	margin-right:12px;
	background-color:#5089d3;
	border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.bg-blue .product-item-list {
	height:auto;
	
}
.bg-blue .product-list {
	margin-bottom:20px;
	position:relative;
	background-color:#f6f6f6;
}
.bg-blue .product-item-list a {
	width:100%;
	height:auto;
	display:inline-block;
	background-color:#f6f6f6;
	transition:all 0.3s ease;
}
.bg-blue .product-item-list a:hover {
	background-color:#ffffff;
	box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.04);
	transition:all 0.3s ease;
}
.bg-blue .product-item-list .product-list-img {
	width:auto;
	text-align:center;
}
.bg-blue .product-item-list .product-list-img img {
	width:100%;
	height:auto;
	overflow:hidden;

}
.bg-blue .product-item-list h3 {
	padding:15px 20px 5px 20px;
	font-size:16px;
	text-align:left;
}
.bg-blue .product-item-list p {
	padding:10px 20px 0px 20px;
	font-size:12px;
	text-align:left;
	height:50px;
}
.bg-blue .product-item-list span {
	display:block;
	font-size:14px;
	padding-left:20px;
}
.bg-blue .product-item-list s {
	display:block;
	font-size:12px;
	padding-left:20px;
	padding-top:2px;
	color:#999999;
}
.bg-blue .product-more-btn {
	width:228px;
	height:50px;
	padding-top:30px;
	margin:0 auto;
}
.bg-blue .product-more-btn a {
	width: 228px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #666666;
	display: inline-block;
	background-color: #ffffff;
	border: 1px solid #eaeaea;
}
.bg-blue .product-more-btn a:hover {
	color:#ffffff;
	display: inline-block;
	background-color:#fc7918;
	border: 1px solid #eb5e00;
}
a .product-list-btn-bottom {
	width:100%;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	display:block;
/*	position:absolute;
	bottom:0;
	right:0;
*/	background-color:#fc7918;
	border:1px solid #fc7918;
	float:right;
	transition:all 0.3s ease;
}
a:hover .product-list-btn-bottom {
	color:#ffffff;
	background-color:#eb5e00;
	border:1px solid #eb5e00;
	transition:all 0.3s ease;
}


/*FOOTER*/
.footer-box {
	width:100%;
	position:relative;
	background-color:#ffffff;
}
.footer-box .Promise-box {
	width:100%;
	height:100px;
	background-color:#f9f9f9;
}
.Promise-box .Promise-item-l {
	width:33.33333%;
	line-height:100px;
	font-size:16px;
	font-weight:700;
	color:#666666;
}
.Promise-box .Promise-item-c {
	width:33.33333%;
	line-height:100px;
	font-size:16px;
	font-weight:700;
	color:#666666;
	text-align:center
}
.Promise-box .Promise-item-r {
	width:33.33333%;
	line-height:100px;
	font-size:16px;
	font-weight:700;
	color:#666666;
	text-align:right
}
.Promise-box i.iconfont {
	font-size:26px;
	font-weight:300;
	display:inline-block;
	vertical-align:top;
	margin-right:8px;
}

h3.title-footer {
	height:45px;
	position: relative;
	padding-bottom:4px;
}
h3.title-footer p {
	font-size:16px;
	color:#3a8200;
	height:45px;
	line-height:45px;
	padding: 0 15px;
	position:absolute;
	left:0;
	top:-1px;
}
.footer-link-item {
	padding:40px 0 40px 0;
	border-bottom:1px solid #f9f9f9;
}
.item-info-link {
	width:20%;
	height:auto;
	float:left;
}
.item-info-link li {
	font-size:12px;
	height:26px;
	line-height:26px;
	display:block
}
.item-info-link li.item-info-link-title {
	font-size:16px;
	height:42px;
	line-height:42px;
	display:block
}
.footer-part02 {
	padding-bottom:30px;
}
.footer-part02 h3 {
	font-size:16px;
	height:42px;
	line-height:42px;
	display:block
}
.item-info-link-02 li {
	font-size:12px;
	padding-right:20px;
	height:22px;
	line-height:22px;
	display:inline-block
}
.item-info-link-02 {
	padding-bottom:40px;
}
.item-info-link-02 li b {
	padding-right:5px;
}
.footer-part02 .code-box {
}
.code-box p {
	font-size:12px;
	text-align:center;
}
.footer-part02 .code-text {
	padding-top:12px;
	padding-right:20px;
	font-size:14px;
	text-align:right
}
.footer-nav-box {
	font-size:12px;
	width:100%;
	height:50px;
	line-height:50px;
	background-color:#333333;
	text-align:center;
	color:#cccccc;
}

/*广告*/
.AD_1200x90 {
	width:1200px;
	height:90px;
	margin: 40px auto 0 auto;
}