@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0}
ul, li {
	list-style: none}
h2 {
	font-size: 22px
}
h3 {
	font-size: 15px; /*font-weight:bold;*/
}
h3, h2 {
	color: #333}
a:hover, .keywords a:hover {
	color: #ff7300}
a:active {
	color: #555
}
.gray {
	color: #999
}
input {
	font: 13px Arial, Helvetica, sans-serif}
.center {
	text-align: center
}
.pad10 {
	padding: 10px
}
.fl {
	float: left
}
.fr {
	float: right
}
.header {
	position: relative;
	font: 13px "Microsoft YaHei";
	/*z-index: 998;*/
    background: #fff;
	padding: 15px 0;
	overflow: hidden;
	border-bottom: 1px solid #ccc}
.header .rtd {
	float: left
}
.header .rtd a {
	padding: 0 5px}
.header .summary {
	float: right}
.mid {
	width: 1000px;
	padding: 10px 0;
	border-bottom: #7f93bc 1px solid}
.sbox {
	width: 150px;
	vertical-align: top}
.mbox {
	width: 450px;
	FONT-SIZE: 12px;
	padding: 0px;
	float: left;
	font-family: Arial, Helvetica, sans-serif}
.fbox {
	width: 150px}
.fbox img {
	max-height:80px;
	max-width:120px}
.actionspro {
	COLOR: #66B5FF;
	FONT-SIZE: 12px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none}
.actionspro LI {
	BORDER-BOTTOM: #66B5FF 1px solid}
.actionspro A {
	color: #005aa0;
	PADDING-RIGHT: 3px;
	DISPLAY: block;
	PADDING-LEFT: 3px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	PADDING-BOTTOM: 2px;
	MARGIN: 0px;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none}
.actionspro A:hover {
	BACKGROUND: #3b5998;
	COLOR: white;
	TEXT-DECORATION: none}
.icon-shopcar {
	background: url(../image/zxb-icon.png) no-repeat 0px -20px;
	width: 24px;
	height: 21px;
	display: block
}
.tran {
 -webkit-transition: all.2s;
 transition: all.2s}
.content {
	width: 100%;
	min-width: 1210px;
	height: 245px;
	margin: 0 auto;
	background: url(../../image/contentbj.jpg) no-repeat center;
	padding: 0px
}
.content .incon {
	width: 1002px;
	margin: 0px auto;
	position: relative
}
.content .graybj {
	width: 635px;
	height: 62px;
	background: url(../../image/graybj.png);
	position: relative;
	top: 60px;
	padding: 30px 40px;
	border-radius: 2px}
.content .graybj .text {
	height: 44px;
	line-height: 44px;
	background: #fff;
	border: 0;
	padding: 0 157px 0 15px;
	display: block;
	width: 540px;
	box-sizing: border-box}
.content .graybj .but {
	width: 80px;
	height: 44px;
	background: url(../../image/serch_07.png) center #29b5ce no-repeat;
	border: none;
	text-indent: 26px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	margin-bottom: 10px
}
.content .graybj .but:hover {
	background-color: #1b9caf;
	cursor: pointer}
.content .graybj .key-word a {
	color: #FFF}
.content .graybj .key-word a:hover {
	color: #F90}
.content .signIN {
	position: absolute;
	width: 270px;
	height: 220px;
	overflow: hidden;
	top: 11px;
	right: 0}
.content .sml {
	position: absolute;
	width: 100%;
	height: 122px;
	top: 48px;
	border-radius: 2px;
	overflow: hidden;
	z-index: 1;
	background-color: #fff;
	border: #CCC solid 1px}
.sml .B_box {
	width: 134px;
	height: 80px;
	display: block;
	border-right: #ccc solid 1px;
	text-align: center;
	padding: 20px 0px;
	line-height: 25px;
	cursor: pointer}
.sml .B_box:hover {
	border-bottom: #29b5ce solid 2px;
	position: relative; /*top:-1px; left:-1px;*/
}
.sml .B_box i {
	width: 36px;
	height: 35px;
	display: inline-block}
.sml .B_box i .i2 {
	background-position: -90px 0px;
	width: 36px;
	height: 35px;
	display: inline-block}
.hover {
	width: 260px;
	height: 122px;
	background: #FFF url(../image/icon_icon2.png) no-repeat 180px}
.hover ul li {
	float: left;
	line-height: 15px}
.item-box {
	margin: 20px 0}
.CPicture {
	width: 220px;
	height: 180px;
	display: table;
	position: relative;
	overflow: hidden;
	margin-right: 20px}
.CPicture a {
	display: table-cell;
	vertical-align: middle;
	text-align: center}
.CPicture .HowMany {
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	padding: 4px;
	position: absolute;
	bottom: 0px;
	left: 0px
}
.CPicture img {
	max-height: 180px;
	max-width: 220px}
.arrangement {
	margin-top: 50px;
	background: #fff;
	padding: 20px 0;
	border-top: 1px solid #e6e6e6
}
.arrangement_main .all_cas tr td .font_l {
	font-size: 13px;
	color: #666;
	width: 155px}
.arrangement_main .all_cas tr td {
	padding: 5px 0px}
.arrangement_main .all_cas tr td a {
	color: #666;
	font-size: 13px;
	margin-right: 20px}
.arrangement_main .all_cas tr td a:hover {
	color: #ff7900
}
.g-cols {
	overflow: hidden}
.g-cols li {
	display:block;
	float:left;
	width: 161px;
	height: 150px;
	background-color: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	overflow: hidden}
.g-cols li span {
	display: block;
	text-align: center;
	background: #e9e9e9;
	height: 36px;
	line-height: 36px;
	color: #333}
.g-cols li:hover span {
	background: #29b5ce;
	color: #fff
}
.g-cols li img {
	width: 140px;
	height: 110px;
	border: none
}
.ui-switchable-nav {
	border: #0F0 solid 1px;
	z-index: 10;
	text-align: center}
.ui-switchable-nav li .ui-switchable-active {
	background: #C4C6CF;
	border-radius: 10px;
	width: 6px;
	height: 6px}
.ui-switchable-nav li.ui-switchable-trigger {
	display: inline-block;
	margin-left: 5px;
	list-style: none;
	background: #fff;
	border: 1px solid #C4C6CF;
	border-radius: 10px;
	width: 6px;
	height: 6px}
.bjfff {background: #FFF;padding: 15px}
 @media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
 -webkit-transition: -webkit-transform 0.6s ease-in-out;
 -moz-transition: -moz-transform 0.6s ease-in-out;
 -o-transition: -o-transform 0.6s ease-in-out;
 transition: transform 0.6s ease-in-out;
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-perspective: 1000px;
 -moz-perspective: 1000px;
 perspective: 1000px}
.carousel-inner > .item.next, .carousel-inner > .item .active .right {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 left: 0}
.carousel-inner > .item .prev, .carousel-inner > .item .active .left {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 left: 0}
.carousel-inner > .item .next .left, .carousel-inner > .item .prev .right, .carousel-inner > .item .active {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 left: 0}
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
	display: block}
.carousel-inner > .active {
	left: 0}
.carousel-inner > .next, .carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%}
.carousel-inner > .next {
	left: 100%}
.carousel-inner > .prev {
	left: -100%}
.carousel-inner > .next .left, .carousel-inner > .prev .right {
	left: 0}
.carousel-inner > .active .left {
	left: -100%}
.carousel-inner > .active .right {
	left: 100%}
.carousel-control {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 15%;
	opacity: 0.5;
	filter: alpha(opacity=50);
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	background-color: rgba(0, 0, 0, 0)}
.carousel-control .left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}
.carousel-control .right {
	left: auto;
	right: 0;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}
.carousel-control:hover, .carousel-control:focus {
	outline: 0;
	color: #fff;
	text-decoration: none;
	opacity: 0.9;
	filter: alpha(opacity=90)}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	z-index: 5;
	display: inline-block}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
	left: 50%;
	margin-left: -10px}
.carousel-control.icon-next, .carousel-control .glyphicon-chevron-right {
	right: 50%;
	margin-right: -10px}
.carousel-control .icon-prev, .carousel-control .icon-next {
	width: 20px;
	height: 20px;
	line-height: 1;
	font-family: serif}
.carousel-control .icon-prev:before {
	content: '\2039'}
.carousel-control.icon-next:before {
	content: '\203a'}
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	margin-left: -30%;
	padding-left: 0;
	list-style: none;
	text-align: center;
	top: 110%}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	border: 1px solid #fff;
	border-radius: 10px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: #cccccc; /*rgba(0, 0, 0, 0);*/
}
.carousel-indicators .active {
	margin: 0;
	width: 12px;
	height: 12px;
	background-color: #ff7400}
.carousel-caption {
	position: absolute;
	left: 15%;
	right: 15%;
	bottom: 20px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)}
.carousel-caption .btn {
	text-shadow: none}
.BoxWLR {width: 1210px;margin: auto}
.category-banner-me {overflow: hidden}
.middle {
	width: 771px;
	margin:10px}
.gold_partner_item {
	width: 100%;
	height: 353px;
	margin-bottom: 10px;
	overflow: hidden}
.gold_partner_item .view_labal {
	width: 98px;
	float: right
}
.view_labal ul li {
	background: #eaeaea;
    margin-right: 1px;
	padding: 3px 5px;
	box-sizing: border-box}
.view_labal .view_img {
	width: 100%;
	height: 44.5px;
	border-radius: 3px;
	background: #fff;
	overflow: hidden}
.view_labal .view_img img {
	width: 87px;
	height: 44.5px;
	border: none}
.view_labal .view_img img:hover {
	-webkit-transform: translate(0%, 0%) scale(1.1);
	-ms-transform: translate(0%, 0%) scale(1.1);
	transform: translate(0%, 0%) scale(1.1);
 -webkit-transition: all.3s ease-in-out}
.view_labal .V_Hover {
	position: relative;
	border-right: 3px solid #29b5ce}
.view_content {
	float: left;
	width: 672px;
	height: 353px}
.view_content img {
	width: 672px;
	height: 353px;
	border: none
}
.view_content_list {
	position: relative
}
.view_content_list .AD {
	font-size: 10px;
	color: #ccc;
	position: absolute;
	top: 338px;
	right: 2px}
.AD {
	font-size: 10px;
	color: #ccc;
	position: absolute;
	bottom: 0px;
	right: 2px}
.partner_item {
	background: #fff;
	width: 100%;
	overflow: hidden}
.partner_item ul {
	border-bottom: 1px solid #f2f3f7;
	overflow: hidden}
.partner_item ul:last-child {
	border: none
}
.partner_item ul li {
	width: 192px;
	height: 105px;
	/* border-right: 1px solid #f2f3f7;*/
            float: left;
	position: relative
}
.partner_item ul li img {
	width: 100%;
	height: 100%;
	border: none
}
.partner_item ul li:last-child {
	border: none
}
.right {
	width:410px;
	height: 670px;
	margin-top:10px
}
.right_top {
	background: #fff;
	height: 150px;
	padding:15px;
	box-sizing: border-box;
	border:1px solid #eee;
	border-bottom:0px}
.user_item {
	width:46%;
	float:left
}
.user_item ul li {
	margin-bottom: 15px}
.user_item .Avatar_item img {
	width: 50px;
	height: 50px}
.user_item dl {
	overflow: hidden;
	width: 112%;
	position: relative;
	left: -10px}
.user_item dd {
	width: 33%;
	float: left;
	text-align: center;
	margin-top: 10px;
	line-height: 22px;
	position: relative
}
.user_item dd:after {
	content: '';
	width: 1px;
	height: 25px;
	background: #eee;
	display: block;
	position: absolute;
	top: 10px;
	right: 0px}
.user_item dd:last-child:after {
	content: '';
	display: none
}
.user_item dd a {
	color: #999;
	font-size: 13px}
.user_item dd a:hover {
	color: #ff7400
}
.user_item .hi {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	line-height: 22px}
.qyhy {
	text-align:center;
	color:#ff7800;
	margin-top:18px;
	font-size:16px}
.fhy {
	text-align:center;
	color:#666;
	margin-top:18px;
	font-size:16px}
.fhy a,.qyhy a{display:block;font-size:13px;margin-top:15px;color:#29b5ce;}
.login_btn {
	padding: 7px 0px;
	width: 100%;
	background: #29b5ce;
	color: #fff;
	border: none;
	cursor: pointer;
 -webkit-transition: all.2s ease;
 transition: all.2s ease
}
.register_btn {
	padding: 5px 0px;
	width: 100%;
	background: #fff;
	color: #29b5ce;
	border: 2px solid #9ddde9;
	cursor: pointer;
 -webkit-transition: all.2s ease;
 transition: all.2s ease
}
.login_btn:hover {
	background: #ff7400}
.register_btn:hover {
	background: #29b5ce;
	color: #fff}
.FontW {
	font-weight: bold;
	font-size: 15px}
.N-item {margin-top: 8px}
.N_label ul li {
	width: 48%;
	display: inline-block;
	text-align: center;
	height: 22px;
	cursor: pointer
}
.N_label .N_hovertab {
	border-bottom: 1px solid #29b5ce;
	color: #29b5ce;
	font-weight: bold}
.N_label {
	margin-bottom: 5px}
.R_list_info .information {
	margin: 0px 8px;
	font-size: 12px
}
.R_list_info .information tr .header_line {
	border-bottom: #eff0f4 solid 1px}
.R_list_info .information tr td {
	padding: 7px 7px;
	width: 8em;
	word-wrap: break-word}
.R_list_info a {
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block}
.R_list_info a:hover {
	color: #ff7744}
.R_list_info a {
	max-width: 100%}
.R_list_info ul li {
	height: 25px;
	line-height: 25px}
.coustom_service {
 padding:;
	width:48%;
	float:right
}
/*.coustom_t {
	text-align: center;
	line-height:22px;
	overflow: hidden
}
.coustom_t ul li {
	width: 49%;
	float: left;
	border-bottom: 2px solid #dadada;
	padding-bottom:10px
}
.coustom_t .c_hovertab {
	border-bottom: 2px solid #29b5ce}
.coustom_body {
	overflow: hidden;
	margin: 8px 0}*/
.coustom_service a {
	padding: 5px 15px;
	text-align: center;
	border: 1px solid #e4e4e4;
	margin:4px 3px;
	float: left;
	background: #fff;color: #333}
.coustom_body ul li a {
	}
.coustom_service a:hover {
	color: #29b5ce;
	border: 1px solid #29b5ce}
.service_img {
	position: relative;
	left: -9px}
.easybuy {
	width: 100%;
	height: 315px}
.easybuy .easybuy-head {
	background: url(../image/easybuy-head.png) no-repeat;
	height: 32px}
.easybuy .easybuy-body {
	background: #fff url(../image/easybuy-body.png) no-repeat right bottom;
	height: 285px}
.easybuy-body ul {
	background: url(../image/easybuy-body_02.png) no-repeat left bottom;
	margin-left: 30px
}
.easybuy-body ul li {
	padding: 40px 0 0 60px;
	color: #666}
.easybuy-body ul li p:first-child {
	font-size: 17px;
	font-weight: bold
}
.Fn_item {
	width: 100%;
	margin: 50px 0 40px;
	position: relative;
	border-bottom: 6px solid #d8edf0}
.Fn_item p {
	position: absolute;
	left: 0px;
	top: -12px;
	background: #fff}
.Fn_item .Fn {
	color: #94d8e2;
	font-size: 30px;
	font-weight: bold
}
.Fn_item .Fc {
	color: #29b5ce;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 10px}
.Fn_item .hot {
	color:#ff7300;
	font-size:22px;
	margin: 0px}
.hotpro {
	margin:50px 0;
	overflow:hidden
}
.hotpro img {
	display:block;
	margin-bottom:10px}
.hotpro a {
	width:120px;
	border:1px solid #eee;
	padding:10px;
	border-radius:3px;
	margin-right:9px;
	display:block;
	float:left;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:center
}
.hotpro a:hover {
	border:1px solid #ff7300
}
.an_list_view {
	width: 100%;
	background: #fff;
	overflow: hidden
}
.an_list_view ul li {
	width:16.5%;
	height: 138px;
	float: left;
	/*border-left: #eee 1px solid;*/
        padding:0 15px;
	box-sizing: border-box}
.view-head {
	height: 30px}
.view-head p {
	float: left;
	font-size: 15px;
	color: #29b5ce;
	position: relative}
.view-body {
	height: 78px;
	overflow: hidden
}
.view-body a {
	display: block;
	line-height: 25px;
	color: #999}
.view-body a:hover {
	color: #ff7400;
	text-decoration: underline
}
.BoxW {
	width:1420px;
	margin: auto;
	clear: both;
}
.an_list_view ul li:hover .view-body {
	overflow: auto
}
.view-body::-webkit-scrollbar {
 width: 5px;
 height: 1px}
.view-body::-webkit-scrollbar-thumb {
 border-radius: 10px;
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 background: #8c8b8b}
.view-body::-webkit-scrollbar-track {
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 border-radius: 10px;
 background: #ededed}
.Tran-Record {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	background: #fff url(../../img/todybg.jpg) no-repeat bottom center;
	border:1px solid #efefef;
	overflow:hidden
}
.Tran-Record .Tran-r {
	float: right;
	color: #c58617;
	font-style: normal}
.Tran-Record .Tran-r:after {
	content: '';
	background: url(../image/icon_home.png) no-repeat -15px -11px;
	width: 15px;
	height: 16px;
	display: inline-block;
	background-size: 48px;
	position: relative;
	top: 2px;
	right: -2px}
.cgb {
	width: 100%;
	display: block;
	margin-bottom:10px}
.cgb .crmlogo {
	font-size:18px;
	font-weight:600;
	color:#199d6b
}
.cgb .crmlogo2 {
	font-size:14px;
	font-weight:600;
	color:#555}
.cgb .crmlogo2 span {
	font-weight:normal;
	font-size:12px;
	margin-left:10px;
	color:#888
}
.cgb .crmlogo2 b {
	color:#f00;
	padding:0 2px}
.cgb .crmfb {
	float:right;
	color:#333}
.cbdt a {
	display:block;
	width:370px;
	line-height:28px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#555}
.cbdt a span {
	display:block;
	float:left;
	width:50px;
	font-size:12px;
	color:#888;
	line-height:28px}
.cbdt a:hover {
	color:#ff7300
}
.tody {
	padding-top:20px;
	border-top:1px solid #f2f2f2;
	margin-top:14px
}
.new_product {
	display:flex;
	flex-wrap:wrap}
.new_product li {
	width:220px;
	margin:0px 3px 8px 3px; position:relative;
	padding:5px;transition:all 1s;}
.new_product li:hover {
	box-shadow:0 0 8px #666;border-radius:6px;
	transition:all 1s;
	}
.new_product li:hover .new_img{border:1px solid transparent}
.new_img {
	width:220px;
	height:220px;
	background:#f5f5f5;
	margin-bottom:5px;
	border-radius:6px;
	overflow:hidden;
	border:1px solid #ddd;
}
.new_img img {
	width:100%;
	height:100%;
	border-radius:5px}
.new_name {
	color:#111;
	font-size:14px;
	padding:0 8px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis}
.new_price {margin:5px 0;padding:0 8px}
.new_price em {font-size:12px;font-style:normal;color:#ef1f1f}
.new_price em span {font-size:18px; font-family:Verdana, Geneva, sans-serif; letter-spacing:-1px}
.new_price em i {font-size:12px;font-style:normal}
.new_price .addr {
	float:right;
	color:#848691;
	font-size:12px}
.new_tag {position:absolute;top:2px;right:2px}
.new_tag span {
	padding:0 8px;
	border-radius:3px;
	font-size:12px;
	display:block
}
.new_tag .nt1 {
	background:#f00;
	color:#fff}
.new_tag .nt2 {
	background:#fce2e5;
	color:#f00}
.new_year {
	padding:0 2px;
	border-radius:3px;
	font-size:11px;
	line-height:100%;
	margin-right:2px;
	color:#fff;
	background:#29b5ce}
.new_v {
	float:left;
	margin-right:2px}
.newqy {
	display:block;
	width:200px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-left:8px}
.new_com {
	text-align:left;
	color:#848691;
	line-height:100%;font-size:12px}
.new_type {
	border-bottom:1px solid #eee;
	margin-bottom:36px;
	box-shadow:0px 10px 20px #dedede;
	margin-top:20px;
}
.new_type span {
	padding:7px 30px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	background:#efefef;
	margin-right:4px;
	display:inline-block;
	letter-spacing:3px;
	font-size:16px;
	vertical-align:bottom
}
.new_type .current {
	background:#ff7300;
	color:#fff;
	padding:10px 30px;
	font-weight:bold
}
.new_type span:hover {
	background:#ff7300;
	color:#fff;
	cursor:pointer
}
.hotb {
	background:#f4f4f4}
a.bookMallA {
	background: #e60012;
	color: #FFF;
	padding: 4px 10px;
	border-radius: 3px;
	top: -5px;
	width: 60%;
	text-align: center;
	margin-top: 6px;
	font-size: 13px;
	font-family: "微软雅黑"}
.state_r {color:#fd4a26}
.state_g {color:#0ba973}
.state_b {color:#005ed4}
.Tran-body {font-size:12px}
.Tran-body table tr th {
	text-align: center;
	padding:3px 0 3px;
	font-size: 12px;
	color: #888;
	font-weight:400;
	border-bottom: 1px solid #e6e6e6;
	position: sticky;
	top: 0;
	z-index:9;
	background-color: #fff}
.Tran-body tr.header_line {border-bottom: #eff0f4 solid 1px}
.Tran-body tr td {padding: 7px 3px;text-align:center}
.Tran-body a {color: #000}
.cgb3 {width:50px;text-align:right;display:block}
.cgb2 {
	max-width:130px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:left
}
.tjqy a {
	width: 225px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 5px 10px 5px 0
}
.show {
	text-align: center;
	margin-top: 5px;
	background: #deeef4;
	line-height: 25px;
	width:166px}
.img_list a {
	width:166px;
	height:100px;
	border:1px solid #888;
	margin:2px 0;
	display:block
}
.img_list a img {
	width:100%;
	height:100%
}
.widthchange {
	width:360px !important}
.priceimg {
	padding:2px;
	display:block;
	height:100px}
.priceimg:hover {
	box-shadow:0px 2px 3px #888
}
.recommend {
	width:980px;
	background-color:#f3f3f3;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	margin-top:20px}
.recommend p {
	height:37px;
	font-size:14px;
	color:#333;
	line-height:37px}
.recommend p a {
	color:#333;
	display:inline-block}
.recommend p .name::before {
content:'';
width:0;
height:0;
display:inline-block;
margin-right:10px;
border-top:4px solid transparent;
border-bottom:5px solid transparent;
border-right:5px solid #29b5ce}
.label {margin-left:20px}
.label_1 {
	width:22px;
	height:24px;
	position:relative;
	top:5px}
.label_2 {color:red;font-weight:bold}
.label_3 {color:red}
.Telephone {float:right}
.book_index_add_score {
	font-size:14px;
	display:inline-block;
	color:#fff;
	margin-left:15px;
	border-radius:30px;
	padding:4px 8px;
	background-color:red}
.Syw {
	width:100%;
	height:100%;
	background-color:#000;
	position:fixed;
	left:0;
	top:0;
	z-index:999;
	opacity: 0.7}
.Sybox {
	width:575px;
	position:fixed;
	left:50%;
	margin-left:-287px;
	z-index:9999}
.Sya img {
	width:575px;
	height:561px;
	-webkit-animation-name: scaleDraw;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 5s;
	position:relative;
	top:-60px}
.Sya span {
	color: #fff;
	display: block;
	font-size: 18px;
	position: relative;
	top: -80px;
	margin-left:285px}
.Syw1 {-webkit-animation: fadelogIn.8s;animation: fadelogIn.4s}
.Sybox1 {-webkit-animation: fadelogIn.8s;animation: fadelogIn.5s}
.wenjuan {
	width:575px;
	position:fixed;
	z-index:100;
	left:50%;
	top:-800px;
	margin-left:-287px}
.demo {
	position:fixed;
	z-index:99;
	cursor:pointer;
	left:50%;
	margin-left:-287px;
	top:-800px;
	width:10px;
	height:10px}
#zhezhao {
	position:fixed;
	z-index:98;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	background:#000}
#close {
	font-size: 26px;
	color: #fff !important;
	position: absolute;
	top: 0;
	right: -50px;
	border: 1px solid #fff;
	border-radius: 30px;
	padding: 4px 4px 5px 4px}
.demo1{ width:1420px; margin:0 auto;     cursor: pointer;}
.slider{ width:100%;}
.slider img{ width:100%;}
.shuangb{ width:100%; z-index:999; position:absolute; top:96px; display:none;} 
.shuangb img{ width:100%; }
.demo1:hover .shuangb{ display:block;}
@keyframes scaleDraw {
 0% {transform: scale(0)}
 15% {transform: scale(1.1)}
 35% {transform: scale(1)}
 55% {transform: scale(1.1)}
 75% {transform: scale(1)}
}
 @media screen and (min-width: 1280px) {
.topnav, .headerbox, .BoxW {width: 1210px}
.right{width:209px;}
.user_item,.coustom_service{width:100%}
.coustom_service a{padding:5px 14px;}
.right_top{height:280px}
.sea_input {width:450px}
.PinfBox {width:620px}
.searchbox1 {width: 920px; margin-left: 160px}
.searchbox1.sea_input {width: 560px}
.Supplier-Left {width: 950px}
.Tran-body table tr td:nth-child(1){display:none}
#demo{height:200px !important;}
.cbdt a{width:180px;}
.cgb .crmlogo2{ float:left}
.cgb .crmlogo2 span{margin-left:0; display:block}


}

 @media screen and (max-width: 1279.9px) {
.topnav, .headerbox, .BoxW { width: 1000px}
.middle {width:560px}
.view_content img {width:460px}
.view_content {width:460px}
.partner_item ul li {width:182px;height:100px}
.list_info.PrdList {width:500px}
.mid {width:800px}
.widthchange {width:242px !important}
.sea_input {width:333px}
.ktss {right:152px}
.btn_org_gradient {padding: 10px 36px}
.searchbox {margin-left:90px}
.cs_dropbox {width:330px}
.sfbox {width:1000px}
.demo1 {width:1000px!important;margin:0 auto}
.shuangb{ width:100%; z-index:999; position:absolute; top:70px !important;} 
.cjz {position:absolute;top:272px;left:10px}
.cjy {
position:absolute;
top:272px;
right:10px;
z-index:-1}
.sftd {top: 79px}

.Tran-body table tr td:nth-child(1){display:none}
#demo{height:200px !important;}
.cbdt a{width:180px;}
.cgb .crmlogo2{ float:left}
.cgb .crmlogo2 span{margin-left:0; display:block}
.right{width:209px;}
.user_item,.coustom_service{width:100%}
.coustom_service a{padding:5px 12px;}
.right_top{height:280px}
.slider,.shuangb{ width:1000px;}
}
 @media screen and (max-width: 1440px) {
.demo1{ width:1210px;}	
.shuangb{ width:100%; z-index:999; position:absolute; top:83px;} 
	 }
 @media screen and (min-width: 1440px) {
.topnav, .headerbox, .BoxW { width: 1420px}
.sea_input { width:600px}
.PinfBox { width: 620px}
.searchbox1 { width: 920px; margin-left: 160px}
.searchbox1.sea_input { width: 560px}
.Supplier-Left { width: 950px}

.right{width:410px;}
.user_item{width:46%}
.coustom_service {width:48%;}
.coustom_body ul li a{padding:5px 15px;}
.right_top{height:150px}
.Tran-body table tr td:nth-child(1){display:block}
#demo{height:318px !important;}
.cbdt a{width:370px;}
.cgb .crmlogo2{ float:none}
.cgb .crmlogo2 span{margin-left:10px; display:inline}
.hotpro a{padding:10px 23px;}

}