.banner,.header {
	transform: translate3D(0,0,0)
}

.R1-text .white,.banner .white .font24,.banner .white .font50 {
	color: #FFF
}

.banner,.new-product,.server {
	min-width: 1226px
}

body {
	left: 0;
	transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s
}

.fixed .menu-list {
	background-color: rgba(255,255,255,.8)
}

.del {
	width: 20px;
	height: 20px;
	position: relative;
	z-index: 1000000;
	margin-top: 35px;
	margin-left: 10px;
	display: inline-block;
	cursor: pointer;
	background-image: url(../images/iconimg.png);
	background-position: -151px -37px
}

.banner,.banner .banner-back a {
	display: block
}

.del:hover {
	background-position: -151px -71px
}

.cart-list .cart-text {
	width: 220px;
	overflow: hidden
}

.banner,.banner .banner-back img {
	width: 100%
}

.header {
	transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transform: translate3D(0,0,0);
	-ms-transform: translate3D(0,0,0);
	-moz-transform: translate3D(0,0,0);
	-webkit-transform: translate3D(0,0,0)
}

.banner {
	height: 100%;
	min-height: 550px;
	position: absolute;
	left: 0;
	z-index: 1;
	overflow: hidden;
	-o-transform: translate3D(0,0,0);
	-ms-transform: translate3D(0,0,0);
	-moz-transform: translate3D(0,0,0);
	-webkit-transform: translate3D(0,0,0)
}

.banner.channelBanner {
	top: 0;
	min-height: 350px
}

.banner .banner-back {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: block
}

.j_moveback,.j_moveimg,.j_movetext {
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ease-out;
	transform: translate3D(0,0,0);
	-webkit-transform: translate3D(0,0,0)
}

.parallax1 {
	left: 0;
	top: 0;
	z-index: 1
}

.parallax2 {
	top: 0;
	left: -150px;
	z-index: 2
}

.banner .R1-text {
	font-family: font-hot,'Microsoft Yahei',Arial;
	padding: 200px 0 0
}

.banner .white .fr {
	margin-right: 10%
}

.R1-text .font32 span {
	font-size: 18px;
	display: inline-block;
	text-indent: 10px
}

.R1-text .buy {
	font-family: 'Microsoft Yahei';
	width: 188px;
	height: 48px;
	font-size: 16px;
	color: #333;
	background-color: transparent;
	border: 1px solid #333;
	margin-top: 15px;
	line-height: 38px;
	cursor: pointer
}

.R1-text .buy:hover {
	color: red;
	border: 1px solid red
}

.banner .white .buy {
	border-color: #FFF;
	color: #FFF
}

.banner .R1-wrap .moveimg {
	width: 45%;
	position: absolute;
	top: 130px;
	left: 0;
	z-index: 10
}

.banner .R1-wrap .right {
	width: 45%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10
}

.banner .right .moveimg {
	width: 100%;
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 10
}

.banner .right .mobile {
	left: auto;
	right: 0
}

.banner .moveimg img {
	max-width: 100%
}

.banner .R1-wrap .R1-shadow {
	position: absolute;
	right: 20px;
	bottom: -20px;
	z-index: 5
}

.banner .ban-l {
	right: auto;
	left: 100px
}

.banner .ban-c {
	text-align: center;
	padding-top: 30%
}

.flex-control-nav,.point {
	width: 100%;
	margin-top: 20px;
	text-align: center;
	position: absolute;
	bottom: 40px;
	left: 0;
	z-index: 1001
}

.bg_fff,.new-product li {
	position: relative;
	float: left
}

.carousel .flex-control-nav a,.point span {
	width: 16px;
	height: 16px;
	margin: 0 6px;
	cursor: pointer;
	border-radius: 14px;
	background-color: #ccc;
	background-color: transparent\9;
	border-top: 16px dotted #ccc\9
}

.bg_fff,.fans,.new-product,.new-product .new-conter img,.new-product .new-left img,.new-product .new-right img {
	width: 100%
}

.carousel .flex-control-nav a {
	float: left
}

.carousel .flex-control-nav .flex-active,.point .active {
	background-color: #666
}

.carousel .flex-control-nav .flex-active {
	background-color: transparent;
	border-top: 16px dotted #666\9;
	border: 2px solid rgba(0,0,0,.5)
}

:root .carousel .flex-control-nav .flex-active {
	background-color: transparent\9;
	border: 2px solid rgba(0,0,0,.5);
	border-top-color: #000\9;
	background-top-width: 2px
}

.bg_fff {
	z-index: 2;
	background-color: #FFF
}

.new-product {
	margin: 34px auto 49px
}

.new-product li {
	height: 100%;
	margin-right: 13px;
	overflow: hidden;
	background-size: 100% auto;
	background-repeat: no-repeat
}

.new-product li:first-child+li+li,.new-product li:last-child {
	margin-right: 0
}

.new-product .new-conter {
	background-color: #F1EFEF;
	background-position: center top
}

.new-product .new-right {
	background-color: #e3e3e3
}

.new-product .new-left,.new-product .new-right {
	background-position: center bottom
}

.new-product .prod-name {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 10px
}

.new-product .prod-desc {
	font-size: 14px
}

.new-product .prod-desc span {
	display: none
}

.new-product .text-c,.new-product .text-l,.new-product .text-r {
	width: 100%;
	position: absolute;
	left: 0;
	top: 40px;
	text-align: center
}

.flexslider .flex-next,.flexslider .flex-prev {
	color: #d1d1d1;
	font-size: 120px;
	width: 80px;
	display: inline-block;
	font-family: iconfont-tcl
}

.agreement .close,.server li>span {
	font-family: iconfont-tcl
}

.flexslider .flex-prev {
	left: 7%;
	margin-left: 3px;
	margin-top: -100px
}

.flexslider .flex-next {
	right: 7%;
	margin-right: 50px;
	margin-top: -100px
}

.prod-name {
	font-size: 18px;
	line-height: 30px;
	color: #333;
	font-weight: 600
}

.prod-desc {
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
	color: #999;
	padding-bottom: 15px
}

.fans>p,.prod-price {
	font-size: 18px
}

.reply .green,.reply .grey {
	position: absolute;
	width: 420px;
	height: 400px;
	background: #444;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 50%;
	z-index: 2;
	-webkit-transform: rotateX(0);
	transform: rotateX(0)
}

.reply .green {
	background: #37D493;
	z-index: 1;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

#dynamic_title {
	margin: 20px 0
}

.fans {
	width: 1226px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background-color: #FFF;
	padding: 0 0 70px
}

.fans .fans-list,.server {
	width: 100%;
	overflow: hidden
}

.fans>h3 {
	padding-left: 15px;
	margin: 48px 0 43px;
	font-weight: 400;
	border-left: 4px solid #fe0000;
	color: #666
}

.fans>p {
	line-height: 18px;
	color: #666;
	text-align: center;
	padding-bottom: 50px
}

.fans .fans-list {
	display: block
}

.reg-foot a,.server li>em,.server li>span {
	display: inline-block
}

.fans .fans-item {
	max-width: 296px;
	margin: 0 14px 10px 0
}
.fans .fans-item:nth-child(n+4){
	margin-right: 0;
}
.fans .fans-item.fans-last-child {
	margin-right: 0
}

.fans .fans-item .fans-box {
	padding: 36px 34px;
	background-color: #f3f3f3
}

.fans .fans-box .fans-title {
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	color: #333;
	margin-bottom: 10px
}

.fans .fans-box .fans-news {
	font-size: 12px;
	padding: 0 10px;
	margin-right: 8px;
	display: inline-block;
	text-align: center;
	background-color: #4b89f1;
	vertical-align: top;
	color: #FFF
}

.fans .fans-box .fans-describe {
	font-size: 12px;
	line-height: 14px;
	color: #666;
	margin-bottom: 18px
}

.fans .fans-box .fans-details {
	font-size: 12px;
	line-height: 12px;
	color: #666
}

.fans .fans-box .fans-details:hover,.fans .fans-more a:hover {
	color: red
}

.fans .fans-more {
	margin-top: 30px;
	text-align: center;
	font-size: 12px;
	color: #666
}

.fans .fans-box .fans-details,.fans .fans-more a {
	-webkit-transition: all .3s;
	transition: all .3s
}

.server {
	background-color: #f0f0f0
}

.server ul {
	max-width: 1226px;
	margin: 0 auto;
	border-bottom: 1px solid #e0e0e0
}

.server li {
	width: 25%;
	float: left;
	padding: 43px 0;
	line-height: 30px;
	cursor: pointer;
	text-align: center
}

.server li>span {
	width: 40px;
	font-size: 35px;
	color: #666;
	margin-bottom: 10px
}

.server li>em {
	font-size: 14px;
	color: #666;
	font-style: normal;
	vertical-align: top
}

.server li.text-l {
	text-align: left
}

.server li.text-two {
	padding-right: 66px;
	padding-right: 0\9
}

.server li.text-three {
	padding-left: 48px;
	padding-left: 0\9
}

.server li.text-r {
	text-align: right
}

.reg-cont,.reg-top {
	width: 1226px;
	text-align: center
}

.server .progress {
	font-size: 60px;
	margin-bottom: 0;
	margin-top: -10px
}

.server li>p {
	font-size: 14px
}

.server .sear {
	font-size: 80px
}

.server li:hover em,.server li:hover span {
	color: red
}

.server li.disable:hover em,.server li.disable:hover span {
	color: #666
}

.help ul,.server ul {
	overflow: hidden
}

.clear {
	clear: both
}

.reg-top {
	padding: 70px 0;
	margin: 0 auto
}

.reg-top .logo {
	float: none
}

.reg-top .logo>img {
	max-height: 100%
}

.reg-top .title {
	color: #666;
	font-size: 24px;
	line-height: 24px;
	margin-top: 22px
}

.reg-cont {
	font-size: 14px;
	margin: 0 auto 40px
}

.reg-box .tips-text,.reg-cont .user-name,.reg-cont .veri-code {
	width: 444px;
	margin: 20px auto;
	position: relative
}

.reg-box {
	margin: 100px auto
}

.reg-input-box {
	padding-bottom: 24px
}

.reg-cont .user-name.m_btn {
	margin: 0 auto
}

.reg-cont .user-name .prompt,.reg-cont .veri-code .prompt {
	position: absolute;
	left: 0;
	top: 80px
}

.pass-code {
	position: absolute;
	right: 2px;
	top: 7px
}

.user-name label,.user-name strong {
	position: absolute;
	top: 70px;
	width: 100%;
	left: 0;
	color: #F50;
	text-align: left;
	padding-left: 62px;
	font-weight: 400;
	background: url(../images/m_error.png) 43px 4px no-repeat
}

.reg-cont .buy,.reg-cont input {
	width: 444px;
	height: 64px;
	line-height: 64px;
	border: 1px solid #999!important;
	margin-bottom: 14px;
	padding-left: 65px
}

.reg-cont input.clause-checkbox {
	padding: 0
}

.reg-cont .border {
	border-color: red
}

.reg-cont .clause {
	color: #666;
	width: 444px;
	margin: 20px auto 0;
	text-align: left
}

.reg-cont .code-ico,.reg-cont .code-img,.reg-cont .pass-ico,.reg-cont .user-ico {
	position: absolute
}

.reg-cont .code-ico,.reg-cont .pass-ico,.reg-cont .user-ico {
	width: 26px;
	height: 26px;
	left: 20px;
	top: 23px;
	background-position: -6px -117px
}

.reg-cont .code-ico {
	top: 18px;
	background-position: -47px -112px
}

.reg-cont .pass-ico {
	top: 18px;
	background-position: -103px -113px
}

.m_register .reg-top {
	height: 190px
}

.m_register .reg-top .logo {
	margin: 0 auto
}

.reg-cont .code-img {
	width: 162px;
	line-height: 62px;
	height: 60px;
	text-align: center;
	top: 2px;
	right: 1px;
	cursor: pointer;
	padding: 0
}

.reg-cont .code-img img {
	margin: 6px 0;
	border: none;
	position: absolute;
	right: 0;
	vertical-align: middle
}

.clause input[type=checkbox] {
	width: 16px;
	height: 16px;
	border: 1px solid #ccc;
	background-color: #ccc;
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 8px
}

.reg-cont .buy {
	font-size: 18px;
	border-color: red;
	margin-top: 38px;
	text-indent: -65px
}

.reg-cont .white {
	color: #333;
	margin-top: 0;
	background-color: #FFF;
	border: 1px solid #666
}

.reg-foot {
	width: 100%;
	height: 180px;
	color: #999;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	padding: 46px 0 64px;
	background-color: #e3e3e3
}

.reg-foot p {
	padding-top: 22px
}

.reg-foot a {
	color: #666;
	padding: 0 12px
}

.reg-cont .prompt {
	width: 444px;
	font-size: 12px;
	padding-left: 20px;
	display: none;
	position: relative;
	margin: -6px auto 0;
	text-align: left;
	color: red;
	background: url(../images/prompt.png) 0 5px no-repeat;
	left: 0
}

.reg-cont .prompt:after {
	border: none
}

.prompt .prompt-img {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 40px;
	top: 4px;
	display: block;
	vertical-align: middle;
	margin-right: 12px;
	background-position: -260px -76px
}

.reg-cont .mar input {
	margin-bottom: 0
}

.reg-box .tips-text {
	color: #333;
	line-height: 14px;
	margin-bottom: 8px;
	text-align: left
}

.rvs_content,.rvs_menu,.rvs_menu>a {
	text-align: center
}

.reg-cont .mar {
	margin-bottom: 30px
}

.reg-cont .reg-suc {
	color: #000;
	font-size: 18px;
	margin-top: 38px;
	margin-bottom: 60px
}

.reg-cont .reg-img {
	margin-bottom: 28px
}

.login-tips {
	width: 444px;
	margin: 35px auto 90px
}

.login-tips .fl {
	width: 50%;
	width: 49%\9
}

.login-tips .fl:nth-child(1) {
	border-right: 1px solid #ccc
}

.login-more {
	width: 444px;
	margin: 0 auto
}

.login-more .title {
	color: #999;
	font-size: 14px
}

.login-more .title span {
	width: 30%;
	height: 1px;
	margin-top: 12px;
	display: inline-block;
	background-color: #ccc
}

.login-more ul {
	margin-top: 22px;
	overflow: hidden;
	zoom: 1
}

.login-more li {
	width: 33%;
	float: left
}

.login-ul span {
	width: 36px;
	height: 30px;
	cursor: pointer;
	display: inline-block
}

.login-but .buy {
	margin-top: 6px
}

.login-ul .alipay {
	background-position: 0 -159px
}

.login-ul .qq {
	background-position: -57px -163px
}

.login-ul .sina {
	background-position: -111px -158px
}

.login-ul .weixin {
	background-position: -170px -162px
}

.fans .flexslidertwo .flex-control-nav {
	width: 100%
}

.fans .flexsliderone .flex-control-nav,.fans .flexslidertwo .flex-control-nav {
	bottom: 30px
}

.flex-control-nav,.flex-direction-nav,.slides {
	list-style: none;
	margin: 0;
	padding: 0
}

.reg-box .agree-text {
	cursor: pointer
}

.agreement {
	width: 600px;
	height: 480px;
	background-color: #FFF;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -240px;
	opacity: 0;
	display: none;
	z-index: 5
}

.agreement h3 {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-indent: 20px;
	color: #333;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	font-weight: 400;
	position: relative
}

.agreement .close {
	color: #666;
	font-size: 14px;
	position: absolute;
	top: 0;
	right: 20px
}

.agreement .agr-main {
	margin: 0 15px
}

.agreement .content {
	height: 340px;
	overflow: hidden;
	overflow-y: scroll;
	font-size: 14px;
	color: #666
}

.agreement .agree-box {
	margin-top: 15px;
	text-align: center
}

.agreement .agree-box .agree {
	width: 160px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #FFF;
	background-color: red;
	display: inline-block;
	border: none;
	cursor: pointer
}

.mag_top20 {
	margin-top: 20px
}

.pad_top20 {
	padding-top: 20px
}

.pad_top30 {
	padding-top: 30px
}

.pad_bottom20 {
	padding-bottom: 20px
}

.pad_bottom30 {
	padding-bottom: 30px
}

.pad_left20 {
	padding-left: 20px
}

.pad_right20 {
	padding-right: 20px
}

.fsize_12 {
	font-size: 12px
}

.fsize_14 {
	font-size: 14px
}

.fsize_16,.fsize_18 {
	font-size: 18px
}

.fsize_20 {
	font-size: 20px
}

.fsize_22 {
	font-size: 22px
}

.fsize_24 {
	font-size: 24px
}

.fw_bold {
	font-weight: 700
}

.fw_bolder {
	font-weight: bolder
}

.bor_top {
	border-top: 1px solid #CCC
}

.bor_bottom {
	border-bottom: 1px solid #CCC
}

.rads_50 {
	margin: 0 4px;
	padding: 2px 8px;
	color: #FFF;
	border-radius: 50%;
	background-color: red
}

.tips_brk,.tips_err,.tips_info,.tips_warn {
	padding: 2px 8px;
	cursor: default
}

.tips_err,.tips_err>a,.tips_warn,.tips_warn>a {
	color: red
}

.tips_info,.tips_info>a {
	color: #05F
}

.tips_brk,.tips_brk>a {
	color: #999
}

.csor_help {
	cursor: help
}

.btn_disable {
	color: #FFF;
	border: 1px solid #999!important;
	background-color: #999!important;
	cursor: not-allowed
}

.btn_active {
	color: #FFF;
	border: 1px solid red!important;
	background-color: red!important;
	cursor: pointer
}

.table {
	display: table;
	width: 100%;
	height: auto
}

.table>.row {
	display: table-row
}

.table>.row>.cell {
	display: table-cell
}

.rvs_title {
	padding: 20px 0;
	color: #333
}

.rvs_menu {
	padding: 60px 0
}

.rvs_menu>a {
	display: inline-block;
	width: 190px;
	margin: 0 6px;
	padding: 16px 0
}

.rvs_goShop {
	color: #FFF;
	border: 1px solid red;
	background-color: red
}

.rvs_viewOrder {
	border: 1px solid #555
}

.rvd_lastTime {
	position: relative
}

.rvd_lastTime>.countdown {
	position: absolute;
	top: -30px;
	right: 0
}

.payment_list {
	padding-right: 20px;
	text-align: right
}

.payment_details>dl {
	display: table-row;
	text-align: center
}

.payment_details>dl>dd,.payment_details>dl>dt {
	display: table-cell;
	text-align: right
}

.payment_details>dl p {
	padding: 4px 0
}

.payment_label {
	display: inline-block;
	text-align: justify
}

.payment_label::after {
	content: ":"
}

.payment_price {
	color: red
}

.payment_price::after {
	content: ":";
	font-size: 16px
}

.payment_r100 {
	max-width: 140px;
	width: 120px;
	min-width: 100px
}

.addr_list {
	width: 100%
}

.add_address,.addr_box {
	position: relative;
	display: inline-block;
	width: 254px;
	height: 190px;
	background-color: #FFF;
	border: 1px solid #999;
	float: none
}

.settle_acout {
	text-align: right
}

.maybe_concern {
	text-align: center
}

.maybe_center {
	position: relative;
	width: 100%;
	height: 100%
}

.maybe_center::after,.maybe_center::before {
	content: " ";
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	width: 1px;
	height: 65%;
	margin: auto;
	background-color: #999
}

.maybe_center::before {
	left: 0
}

.maybe_center::after {
	right: 0
}

.maybe_cell {
	width: 33%;
	color: #999
}

.maybe_content {
	padding: 0 30%
}

.maybe_content>p {
	padding-top: 10px;
	text-align: left
}

@media (max-height:900px) and (max-width:1440px) {
	.new-product .text-c,.new-product .text-l,.new-product .text-r {
		top: 25px
	}

	.exhibition,.exhibition ul,.fans,.hot-product .hot-product-div,.server ul {
		width: 1226px
	}

	.fans .fans-item a>img {
		max-width: 100%
	}

	.fans .fans-item .fans-box {
		padding: 20px 15px
	}

	.exhibition .exhi-item>div {
		padding: 13px 24px 40px
	}

	.new-product .text-b,.new-product .text-m,.new-product .text-t {
		top: 26px
	}

	.new-product .prod-name {
		line-height: 16px;
		font-size: 16px
	}

	.star-product {
		padding: 60px 0;
		font-size: 12px
	}

	.star-product .product-title {
		padding-bottom: 0;
		font-size: 30px;
		line-height: 30px
	}

	.star-product .flexslider {
		padding: 0 14%
	}

	.star-product .slides {
		height: 414px
	}

	.star-product li img {
		max-height: 300px;
		margin-top: 0
	}

	.flexslider .flex-prev {
		left: 1%;
		margin-top: -81px
	}

	.flexslider .flex-next {
		right: 1%;
		margin-top: -80px
	}

	.star-product .prod-name {
		padding-top: 14px;
		font-size: 16px;
		line-height: 20px;
		border-color: transparent
	}

	.exhibition .ex-one {
		height: 614px
	}

	.prod-desc {
		padding-bottom: 8px
	}

	.prod-price {
		font-size: 14px
	}

	.hot-product .hot-product-div {
		padding-top: 60px
	}

	.exhibition li img {
		max-width: 68%;
		padding-top: 0
	}

	.hot-product .hot-title {
		font-size: 30px;
		padding-bottom: 12px
	}

	.hot-product>div.hot-product-div li {
		margin: 0 5px;
		font-size: 16px
	}

	.hot-product ul {
		padding-bottom: 12px
	}

	.exhibition ul {
		padding: 0
	}

	.exhibition .ex-text {
		top: 65px
	}

	.exhibition .prod-name {
		font-size: 16px;
		line-heigth: 20px;
		padding-bottom: 2px
	}

	.exhibition .prod-price {
		font-size: 14px;
		padding-bottom: 2px
	}

	.exhibition .reply {
		padding-bottom: 10px
	}

	.hot-product {
		padding-bottom: 60px
	}

	.hot-product .active {
		font-size: 16px
	}

	.exhibition .ex-tow img {
		max-width: 60%;
		margin-top: 20px
	}

	.fans>h3,.fans>p {
		padding-bottom: 25px
	}
}


/*产品详情页产品相册与产品介绍一行三列CSS*/
.purchase{background:#FFF; height:830px; width:100%; padding:15px 0; position:relative}
#cpxq{
	width:1226px;
	margin:0 auto;
	height:670px;
	background:#fff;
	padding:20px

}
#cpxq-l{
	
}


#cpxq-r{
	float:left;
	width: 220px;
	height: auto;
	margin-left: 41px;
}

  /* ====================
     商品详情页面部分模块
==================== */
   #goodsInfo{  _height:1%;}
   #goodsInfo h1{
	overflow: hidden;
	font-family: arial, "microsoft yahei";
	font-size:18px;
	text-align:center;
	font-weight: lighter;
	color: #cc0000;
}
   #goodsInfo .imgInfo{
	width:630px;
	float:left;
}


   #goodsInfo .imgInfo .pic{
	text-align: center;
	vertical-align:middle;
	height: auto;
	width: 630px;
	display:block;
	margin-bottom: 10px;
 
}

#goodsInfo .imgInfo .pic img{width:630px; height:auto; display:block}




   #goodsInfo .imgInfo .thumb{width:420px; height:40px; display:block;}/*商品详情图片*/
    
   #goodsInfo span.spanR{width:4px; height:48px; float:right;}
   #goodsInfo .gallery{width:204px; float:left; margin-left:10px; _margin-left:5px; overflow:hidden;}
   #goodsInfo .gallery ul{width:auto;}
   #goodsInfo .gallery li{float:left; width:48px; margin:0 2px;}
   #goodsInfo .gallery li img{width:46px; height:46px; display:block;}
   
   #goodsInfo .market{ padding-left:10px;}
   
  .textInfo ul strong{ font-weight:normal}
   /*文字信息*/
   #goodsInfo .textInfo{background:#ffffff; width:510px; float:right; padding:30px 10px 0 0;}
   #goodsInfo .textInfo h1{
	padding-bottom:15px;
	color: #000000;
	font-weight: 400;
	font-size: 24px;
	text-align:left
}
   #goodsInfo .textInfo p{font-size:14px; font-weight: normal; padding:25px 0; color:#666;  border-bottom:#dedede 2px dotted}
.cpjj {
	line-height: 25px;
	width: 150px;
	margin-top: 0px;
	margin-bottom: 6px;
	background-color: #FDF3E6;
	font-size: 15px;
	border: 1px solid #FAE4C7;
	color: #FF6600;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}


 
   .bnt_ul{ background:#f5f5f5; padding:10px;  }
  .bnt_ul img{ vertical-align:middle}
   
   .shuxin dt{ border:1px solid #dfdfdf; text-align:center; font-weight:bold; color:#ff6f3d; margin-bottom:3px;}
	.shuxin dd{ width:50%; float:left}
	.shuxin dd span{ float:left; background:#eee; margin:3px;}
	.shuxin dd .span1{width:125px;padding-left:5px;}
	.shuxin dd .span2{width:220px; padding-left:5px;}


/*产品详情页右第二部分TOP-HI-CSS*/  
#top-title{
	width: 220px;
	height: 35px;
	background-color: #ff2524;
	font-size: 16px;
	line-height: 35px;
	color: #ffffff;
 
	background-repeat: repeat;
	text-align: center;
}

#top-lx{
	width: 100%;
	height: auto;
	background-color: #f6f6f6;
	font-size: 13px;
	line-height: 28px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ebebeb;
	border-bottom-color: #ebebeb;
	border-left-color: #ebebeb;
}


#top-lx-tel{
	width: 188px;
	height: auto;
	background-color: #F8E8CB;
	font-size: 13px;
	line-height: 28px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #dfdfdf;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}


 /*页面留白*/

  .blank{height:15px; line-height:15px; clear:both; visibility:hidden;}
  .blank2{height:2px; line-height:2px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;}
  .blank3{height:3px; line-height:3px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;}
  .blank5{height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;}
  

/*********************放大镜配置文件*******************************************************************************************/

/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #dfdfdf;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			12px Tahoma, Verdana, Arial, sans-serif;
	color:			#ffffff;
	background:		#dfdfdf;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor:			hand;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #dfdfdf;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}
/* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */

/* CSS class for thumbnail link <A> */
.MagicThumb {
    cursor: url(images/zoomin.cur), pointer;
    outline: none;
}

/* CSS class for the thumbnail link <A> when the big image is zoomed mo ban tang ban quan suo you */
.MagicThumb-zoomed { cursor: default; }

/* CSS class for span inside the thumbnail <A> */
.MagicThumb span { display: none; }

/* CSS class for the thumbnail image */
.MagicThumb img { border: 1px solid #f1f1f1; outline: none; }

/* CSS class for the big image while zooming */
.MagicThumb-image { border: 1px solid #dfdfdf; outline: none; }

/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(images/zoomout.cur), pointer; }

/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
    color: #333333;
    background-color: #F0F0F0;
    border: 1px solid #dfdfdf;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 11px;
    padding: 8px 16px;
}

/* CSS class for the control bar ec mo ban */
.MagicThumb-controlbar {
	display: block;
	height: 18px;
}

.MagicThumb-controlbar a {
	display: block;
	width: 18px;
	height: 18px;
	margin: 0px 1px;
	outline: none;
	float: left;
	overflow: hidden;
}

.MagicThumb-controlbar a span {
	display: block;
	width: 990px;
	height: 990px;
	background: transparent url(../images/controlbar.png) no-repeat 0 0;
	outline: none;
	position: absolute;
	left: 0px;
	top: 0px;
}

/* CSS class for the loading message box */
.MagicThumb-loading {
	border: 1px solid #000000;
	background: #ffffff url(../images/loader.gif) no-repeat 2px 50%;
	padding: 2px 2px 2px 22px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	font-family: sans-serif;
}
	.picture{

	margin-top:0px;
	text-align:left;

	}
	 .picture img{
	width:50px;
	height:50px;
	cursor:pointer; 
	margin:0 0px; margin-right:3px; border:1px solid #dedede;
	}
	.picture img.onbg{ border:1px solid #ff6f3d;
	
	}
	.picture img:hover{border:1px solid #ff6f3d;}
	.picture img.autobg{
	border:1px solid #dfdfdf;
	
	}
	/*产品详情规格与材质一行两列CSS*/  

#cpcs{
	width:505px;
	height: 45px;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #dfdfdf;
	line-height: 45px;
}
#cpcs_l{
	width:242px;
	float:left;
	text-align: left;
	font-size: 14px;
	padding-right: 21px;

}

#cpcs_r{
	width:242px;
	float:left;
	text-align: left;
	font-size: 14px;

}


#czsm{
	width:505px;
	color: #666666;
	font-size: 14px;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 10px;
	height: auto;
}


#czsm_l{
	width:70px;
	float:left;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
}

#czsm_r{
	width:435px;
	float:left;
	text-align: left;
	font-size: 14px;
	height: auto;
	line-height: 20px;
}
#shuoming{
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	height: 140px;
	margin-bottom: 15px;
	margin-top:15px;
	color:#282828;
	overflow:hidden
}


.box_xg{
	background-color:#ffffff;
	border: 1px solid #ebebeb;
	margin-bottom: 20px;
	width:1231px;
	margin:0 auto;
	height:235px;
}
 /*模块标题*/
.box_xg h3{
	height:233px;
	padding:20px 0;
	background:#e5e5e5;
	font-weight:100;
	width:50px;
	text-align:center;
	float:left;
	display:block
	 
}
.box_xg h3 span{display:block; width:100%; line-height:40px; font-size:14px}
 .box_xgList{
	padding:15px 10px; float:right; width:1178px
}
  /*相关商品*/

.box_xgList ul{}

   .box_xgList li{
    width: 180px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-left: 12px;
    padding: 4px;
    margin-top: 0px;
    height:200px;
    background-color: #f3f3f3;
}
   .box_xgList li img{
	 width: 172px;
    height: 150px;
  
}
   .box_xgList li p{
	text-align: center;
	font-weight:normal;
	display:block;
	overflow:hidden;
	font-size: 14px;
	line-height: 25px;
	height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow:hidden
}
   .box_xgList li p a{  text-decoration:none;}
   .box_xgList li p a:hover{
	text-decoration: underline;
}
.lybox {
    margin-top: 14px;  width: 500px; height:212px; border:#f1060d 1px solid
}
.lybox .lyfl{float:left; width:280px; margin:20px 0 0 20px}
.lybox .lyfr{float:right; width:170px; height:210px;}
.input-box {
	float:left; margin-bottom:15px; margin-top:10px
}
.lybox  .telinput {
    height:35px;
    width:280px;
    line-height: 35px;
    border: 1px solid #dedede;
    font-size: 14px;
    padding-left: 10px;
	float:left;
}
.lybox  .name {
    height:35px;
    width:100px;
    line-height: 35px;
    border: 1px solid #cecece;
    font-size: 14px;
    padding-left: 10px;
	float:left
}
.lybox .submit {
    width:170px;
	height:210px;
    line-height: 210px;
    color: #fff;
    font-size: 24px;
	text-align:center;
    cursor:pointer;
	 background:#f1060d url(../images/liuyan.jpg) center no-repeat

}

.main {
	position:relative;
	display:block;
	margin:0 auto;
	width:1226px
}
h2.item-sub {
	padding-top:12px;
	color:#333;
	text-align:center;
	font-size:32px;
	line-height:56px
}
P.item-sub {
	color:#adadad;
	text-align:center;
	font-size:20px;
	line-height:38px
}


.subject-item7 {
	height:760px;
	background:#fff;
	-webkit-transition:background .8s ease;
	-moz-transition:background .8s ease;
	-o-transition:background .8s ease;
	transition:background .8s ease
}
.subject-item7 .content_list {
	position:relative;
	float:right;
	margin-top:48px;
	width:600px
}
.subject-item7 .item_block {
	position:relative;
	padding:40px 20px 36px 38px;
	width:100%
}
.subject-item7 .item_block:last-child {
	border-bottom:1px solid #e5e5e5
}
.subject-item7 .item_block:not(:first-child) {
	padding-top:35px;
	border-top:1px solid #e5e5e5
}
.subject-item7 .item_block:not(:first-child):hover {
	box-shadow:0 0 40px rgba(0,0,0,.08)
}
.subject-item7 .item_block:not(:first-child):hover .item_wrapper .item_info .title {
	color:#db393a;
	-webkit-transform:translateX(-17px);
	-ms-transform:translateX(-17px);
	transform:translateX(-17px)
}
.subject-item7 .item_block:not(:first-child):hover .item_wrapper .item_info .title:before {
	background-position:-35px -148px
}
.subject-item7 .item_block:not(:first-child):hover .item_wrapper .item_des {
	-webkit-transform:translateX(10px);
	-ms-transform:translateX(10px);
	transform:translateX(10px)
}
.subject-item7 .item_block:not(:first-child):hover .details:before {
	left:30px;
	opacity:0;
	filter:alpha(opacity=0)
}
.subject-item7 .item_block:not(:first-child):hover .details:after {
	left:15px;
	opacity:1;
	filter:alpha(opacity=100)
}
.subject-item7 .item_block:not(:first-child) .item_wrapper .item_info {
	width:430px
}
.subject-item7 .item_block:not(:first-child) .item_wrapper .item_info .title {
	overflow:hidden;
	padding-left:26px;
	color:inherit;
	text-overflow:ellipsis;
	white-space:nowrap;
	-webkit-transition:all .36s;
	-moz-transition:all .36s;
	-o-transition:all .36s;
	transition:all .36s;
	-webkit-transform:translateX(-27px);
	-ms-transform:translateX(-27px);
	transform:translateX(-27px)
}
.subject-item7 .item_block:not(:first-child) .item_wrapper .item_info .title:before {
	position:absolute;
	top:12px;
	left:8px;
	width:5px;
	height:5px;
	background:url(../images/icon-arrow.png) no-repeat 0 -148px;
	content:"";
	speak:none
}
.subject-item7 .item_block:not(:first-child) .item_wrapper .item_des {
	-moz-transition:all .36s;
	-o-transition:all .36s;
	transition:all .36s;
	webkit-transition:all .36s
}
.subject-item7 .item_block:not(:first-child) .item_wrapper .date_wrap {
	float:right
}
.subject-item7 .item_block:not(:first-child) .item_wrapper .date_wrap .md {
	color:#999
}
.subject-item7 .item_block:not(:first-child) .item_img {
	display:none
}
.subject-item7 .item_block:not(:first-child) .details2 {
	position:absolute;
	right:26px;
	bottom:44px;
	overflow:hidden;
	width:40px;
	height:16px;
	border-left:1px solid #e5e5e5;
	color:transparent
}
.subject-item7 .item_block:not(:first-child) .details2:after, .subject-item7 .item_block:not(:first-child) .details2:before {
	position:absolute;
	top:50%;
	width:19px;
	height:13px;
	background:url(../images/icon-arrow.png) no-repeat 0 -164px;
	content:"";
	-moz-transition:all .36s ease;
	-o-transition:all .36s ease;
	transition:all .36s ease;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	webkit-transition:all .36s ease
}
.subject-item7 .item_block:not(:first-child) .details2:before {
	left:15px
}
.subject-item7 .item_block:not(:first-child) .details2:after {
	left:-30px;
	opacity:0;
	filter:alpha(opacity=0)
}
.subject-item7 .item_block:not(:first-child):hover .details2:before {
	left:30px;
	opacity:0
}
.subject-item7 .item_block:not(:first-child):hover .details2:after {
	left:15px;
	opacity:1
}
.subject-item7 .item_block:first-child {
	position:absolute;
	top:0;
	left:-600px;
	box-sizing:border-box;
	padding:44px 60px;
	width:520px;
	height:510px;
	background:#f8f8f8;
	transition:background .36s ease
}
.subject-item7 .item_block:first-child:hover .details2 {
	bottom:54px;
	left:60px;
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.subject-item7 .item_block:first-child:hover .details2:after, .subject-item7 .item_block:first-child:hover .details2:before {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.subject-item7 .item_block:first-child:hover .item_wrapper .item_des .description {
	padding-left:30px;
	border-color:#d3d3d3
}
.subject-item7 .item_block:first-child:hover .item_img img {
	-webkit-transform:scale(1.08);
	-ms-transform:scale(1.08);
	transform:scale(1.08)
}
.subject-item7 .item_block:first-child .item_img {
	position:relative;
	overflow:hidden;
	width:380px;
	height:180px
}
.subject-item7 .item_block:first-child .item_img img {
	width:100%;
	-moz-transition:all .36s ease;
	-o-transition:all .36s ease;
	transition:all .36s ease;
	webkit-transition:all .36s ease
}
.subject-item7 .item_block:first-child .item_wrapper .item_info .title {
	margin-top:8px;
	color:#333;
	font-size:18px;
	line-height:30px
}
.subject-item7 .item_block:first-child .item_wrapper .item_des {
	margin-top:8px;
	margin-bottom:15px
}
.subject-item7 .item_block:first-child .item_wrapper .item_des .description {
	overflow:hidden;
	box-sizing:border-box;
	padding-left:0;
	max-height:52px;
	width:380px;
	height:auto;
	border-left:1px solid transparent;
	font-size:13px;
	line-height:26px;
	-moz-transition:all .36s ease;
	-o-transition:all .36s ease;
	transition:all .36s ease;
	webkit-transition:all .36s ease
}
.subject-item7 .item_block:first-child .details2 {
	position:absolute;
	bottom:40px;
	left:60px;
	overflow:hidden;
	width:140px;
	height:36px;
	border-radius:2px;
	background:#db3939;
	background:-moz-linear-gradient(left, #db3939 0, #f64444 100%);
	background:-webkit-linear-gradient(left, #db3939 0, #f64444 100%);
	background:linear-gradient(to right, #db3939 0, #f64444 100%);
	box-shadow:0 5px 20px rgba(240,0,1,.2);
	color:#fff;
	text-align:center;
	line-height:36px;
filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#db3939', endColorstr='#f64444', GradientType=1);
	-moz-transition:all .36s ease;
	-o-transition:all .36s ease;
	transition:all .36s ease;
	webkit-transition:all .36s ease
}
.subject-item7 .item_block:first-child .details2 em {
	display:block;
	height:36px;
	-moz-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
	webkit-transition:all .2s ease-out
}
.subject-item7 .item_block:first-child .details2:hover .more {
	margin-top:-36px
}
.subject-item7 .item_block .item_wrapper {
	color:#333;
	transition:color .36s ease
}
.subject-item7 .item_block .item_wrapper .item_info .title {
	color:inherit;
	font-size:15px;
	line-height:30px
}
.subject-item7 .item_block .item_wrapper .item_des {
	margin-top:16px
}
.subject-item7 .item_block .item_wrapper .item_des .description {
	overflow:hidden;
	width:430px;
	height:52px;
	font-size:13px;
	line-height:24px;
	opacity:.7;
	filter:alpha(opacity=70)
}
.subject-item7 .item_block .item_wrapper .date_wrap {
	color:inherit;
	font-family:helveticaneuethn, Arial
}
.subject-item7 .item_block .item_wrapper .date_wrap .year {
	display:none;
	font-family:inherit
}
.subject-item7 .item_block .item_wrapper .date_wrap .md {
	color:inherit;
	font-size:24px;
	font-family:inherit;
	line-height:30px
}
.subject-item7 .item_tags {
	display:none
}
.clearfix {
	zoom:1
}
.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:'.';
	font-size:0
}

.proarticle{width:1226px; margin:20px auto; background:#fff}
#main-nav{width: 1226px;background: #ffffff;height:50px;cursor:pointer;border-bottom:1px solid #efefef;margin-bottom:10px}
#main-nav li{float:left;padding:0 10px;text-align:center;line-height:54px;font-size:15px;color:#313131; margin-left:20px;  font-weight:500}
#main-nav li.active{border-bottom:1px solid #ed1c24;color:#ed1c24;line-height:50px;}
#main-nav li.normal{cursor:pointer; color:#313131}

.proa{ padding:20px 30px; width: 1226px;  }
.shishi{/* overflow-x:auto; */width:100%;/* white-space:nowrap; */height:600px;}


.proa table{background-color:transparent;border-spacing:0; margin:0 auto; display:block;}
.proa table td, .proa table th{border-right:1px solid #dcdcdc;padding:8px 12px !important}
.proa table td{border-top:1px solid #dcdcdc}
.proa table{border-left:none}
.proa table td{padding:8px 10px !important}
.proa table blockquote p{font-size:14px;line-height:22px;color:#999;font-weight:400;margin-bottom:0}
.proa hr{margin:24px 0;border:none;border-bottom:1px solid #ddd}
.proa table tr{border:0;border-top:1px solid #ddd;background-color:#fff}
.proa table{border-collapse:collapse;display:table;width:100%;text-align:center;margin-bottom:24px}
.proa table tbody{border:0}
.proa table tr:nth-child(2n){background-color:#f7f7f7}
.proa table tr td, .table-box table tr th{font-size:14px;color:#4f4f4f;line-height:22px;border:1px solid #ddd;padding:8px;word-break:normal!important;vertical-align:middle}
.proa table tr td code,.proa table tr th code{white-space:normal;word-break:normal!important}
.proa table tr th{font-weight:700;background-color:#eff3f5}