body {
	color: #333333;
	font-family: "microsoft yahei";
	font-size: 14px;
	background: #f4f4f4;
}

html,
body {
	min-height: 100%;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

dl {
	margin: 0;
}

dt {
	font-weight: normal;
}

ul,
li {
	list-style-type: none;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

a {
	color: #333;
	text-decoration: none;
	outline: none;
}

a:hover {

	color: #ff3300;
}

a:focus {
	text-decoration: none;
	color: inherit;
}

img {
	border: 0;
	vertical-align: middle;
	transition: all 0.6s;
}

table {
	border-collapse: collapse;
}

input,
textarea,
select,
button {
	border: 0;
	outline: none;
}

.wrap {
	width: 100%;
	overflow: hidden;
}

/*公共样式勿删除*/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.hidden {
	display: none;
}

.flex {
	display: flex;
	align-items: center;

}

.flex_item {
	flex: 1;
}

.container {
	width: 1200px;
	position: relative;
	margin: 0 auto;
}
.dropdown{
	position: relative;
	color: #666;
}
/*.dropdown>span::after{
	content: " ";
	    display: inline-block;
	    height: 6px;
	    width: 6px;
	    border-width: 0 1px 1px 0;
	    border-color: #999;
	    border-style: solid;
		vertical-align: middle;
		margin: -3px 0 0 5px;
	    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
	    transform: matrix(.71,.71,-.71,.71,0,0);
}*/
.dropdown:hover .dropmenu{
	display: block;
}
.dropmenu{
	position: absolute;
	background: #fff;
	right: 0;
	text-align: center;
	width: 84px;
	padding: 5px 0;
	line-height: 30px;
	border-radius: 5px;
	display: none;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.dropmenu::after{
	content: '';
	width:0;
		height:0;
		border-right:5px solid transparent;
		border-left:5px solid transparent;
		border-bottom:5px solid #fff;
		display: inline-block;
		position: absolute;
		top: -5px;
		left: 50%;
		margin-left: -5px;
}
.dropmenu li a{
	display: block;
	margin: 0;
}
.dropmenu li a:hover{
	color: #fff;
	background: #ff3300;
}
/**/
.top{
	line-height: 40px;
	background: #eeeeee;
	position: relative;
	z-index: 10;
}
.top a{
	display: inline-block;
	margin-right:25px;
	color: #666;
}
.top a:hover{
	color: #ff3300;
}
.top .dropdown_left{
	margin-right: 40px;
}
.top .dropdown_left .dropmenu{
	right: -20px;
}
.header{
	position: relative;
	padding: 10px 0 ;
	background: #fff;
	z-index: 9;
}
.header .search{
	width: 648px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: 2px solid #ff3300;
	border-radius: 5px;
}
.header .search .dropdown{
	height: 30px;
	width: 50px;
	position: relative;
	line-height: 41px;
	cursor: pointer;
	text-align: center;
	/*border-right: 2px solid #ff3300;*/
}
.header .search .dropmenu{
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	right: 10px;
	top: 50px;
}
.header .search .dropdown:hover .dropmenu{
	display: none;
}
.header .search .dropdown img{
	width: 38px;
	margin-top: -10px;
}
.header .search .btn{
	width: 103px;
	height: 41px;
	color: #fff;
	background: #ff3300;
	font-size: 16px;
	border: 1px solid #ff3300;
	cursor: pointer;
}
.nav{
	background: #fff;
	position: relative;
	z-index: 8;
}
.header .search input{
	width: 100%;
	padding-left: 15px;
}
.navbar{
	width: 194px;
	background: #ff3300;
	position: relative;
}
.navbar>a{
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
}
.navbar>a>img{
	margin-right: 5px;
}
.navbar .down{
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	background: #333333;
	height: 480px;
}
.navbar:hover .down{
	display: block;
}
.navbar .down>ul>li>a{
	display: block;
	line-height: 60px;
	font-size: 16px;
	text-align: center;
	color: #fff;
}
.navbar .down>ul>li .box{
	position: absolute;
	height: 480px;
	width: 612px;
	background: #fff;
	line-height: 40px;
	padding: 10px;
	border: 1px solid #ff3300;
	top: 0;
	left: 100%;
	display: none;
	overflow: auto;
}
.navbar .down>ul>li:hover>a{
	background: #ff3300;
}
.navbar .down>ul>li:hover .box{
	display: block;
}
.navbar .down>ul>li .box b{
	display: block;
	text-align: right;
	width: 120px;
}
.navbar .down>ul>li .box a{
	display: inline-block;
	color: #666;
	margin: 0 10px;
}
.navbar .down>ul>li .box a:hover{
	color: #ff3300;
	text-decoration: underline;
}
.navbar .down>ul>li i{
	display: inline-block;
	vertical-align: middle;
	background-image: url(/resources/images/images/home_32.png);
	background-repeat: no-repeat;
	width: 21px;
	height: 22px;
	margin: -3px 20px 0 0;
}
.navbar .down>ul>li .i2{
	background-position: 0 -58px;
	height: 24px;
}
.navbar .down>ul>li .i3{
	background-position: 0 -117px;
}
.navbar .down>ul>li .i4{
	background-position: 0 -177px;
}
.navbar .down>ul>li .i5{
	background-position: 0 -239px;
}
.navright{
	display: flex;
	font-size: 16px;
	align-items: center;
}
.navright li{
	margin-left: 40px;
}
.navright li i{
	display: inline-block;
	width: 26px;
	vertical-align: middle;
	margin: -3px 3px 0 0;
	height: 34px;
}
.navright li .i1{
	background: url(/resources/images/images/home_15.png) center no-repeat;
}
.navright li .i2{
	background: url(/resources/images/images/home_18.png) center no-repeat;
}
.navright li .i3{
	background: url(/resources/images/images/home_19.png) center no-repeat;
}
.navright li .i4{
	background: url(/resources/images/images/home_22.png) center no-repeat;
}
.navright li .i5{
	background: url(/resources/images/images/3_03.png) center no-repeat;
}
.homepage .a {
	position: relative;
}
.homepage .a .swiper-container a{
	display: block;
	height: 480px;
}
.homepage .a .swiper-container .swiper-pagination-bullet{
	background: #fff;
	border-radius: 0;
	width: 30px;
	height: 3px;
}
.homepage .a .swiper-button-next,.homepage .a  .swiper-button-prev{
	background: rgba(0,0,0,0.5);
	width: 32px;
	height: 42px;
}
.homepage .a .swiper-button-next:after,.homepage .a  .swiper-button-prev:after{
	font-size: 18px;
}
.homepage .a .bd{
	width: 210px;
	background: #fff;
	position: absolute;
	top: 1px;
	bottom: 0;
	right: 50%;
	text-align: center;
	margin-right: -600px;
	z-index: 10;
	padding: 40px 10px 0;
}
.homepage .a .bd li{
	line-height: 28px;
	text-align: left;
	font-size: 12px;
	overflow: hidden;
	text-overflow:ellipsis; white-space: nowrap;
}
.homepage .a .bd h3{
	font-size: 16px;
	text-align: left;
	border-bottom: 1px solid #333;
	padding-bottom: 8px;
	margin:40px 0 8px;
}
.homepage .a .bd .pic{
	border-radius: 50%;
	width: 53px;
	height: 53px;
	margin-bottom: 8px;
}
.homepage .a .bd p{
	color: #999;
	margin-bottom: 10px;
}
.homepage .a .bd .btns a{
	display: inline-block;
	background: #ffede2;
	border: 1px solid #ffede2;
	width: 70px;
	line-height: 25px;
	color: #ff3300;
}
.homepage .a .bd .btns a:last-child{
	background: #fff;
	margin-left: 5px;
}
.homepage .a .bd .btns1{
	margin-top: 10px;
}
.homepage .a .bd .btns1 a{
	display: inline-block;
	background: #ff3300;
	width: 70px;
	line-height: 25px;
	color: #fff;
}
.homepage .a .bd .btns1 a:last-child{
	background: #dddddd;
	margin-left: 5px;
}
.homepage .b {
	background: #fff;
	margin: 20px 0;
	padding: 13px 0;
	border-radius: 5px;
}
.homepage .b li{
	float: left;
	width: 25%;
	line-height: 24px;
	border-left: 1px solid #eee;
}
.homepage .b li:first-child{
	border: none;
}
.homepage .b li .flex{
	padding-left: 60px;
}
.homepage .b li img{
	margin-right:15px ;
}
.homepage .b li dt{
	font-size: 16px;
	font-weight: bold;
}
.homepage .b li dd{
	color: #999;
}
.homepage .c {
	background: #fff;
	border-radius: 5px;
}
.homepage .c .hd{
	border-bottom: 2px solid #ff3300;
}
.homepage .c .hd .tab{
	display: flex;
	align-items: center;
}
.homepage .c .hd .tab a{
	display: block;
	width: 238px;
	line-height: 53px;
	height: 53px;
	position: relative;
	text-align: center;
	font-size: 16px;
}
.homepage .c .hd .tab i{
	height: 33px;
	display: block;
	border-left: 1px solid #eee;
	
	
}

.homepage .c .hd .tab a.on{
	color: #fff;
}
.homepage .c .hd .tab a::before{
	content: '';
	background: #ff3300;
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 0;
	top: auto;
	border: none;
	left: 0;
	transition: all 0.6s;
	
}
.homepage .c .hd .tab a span{
	position: relative;
	z-index: 4;
}
.homepage .c .hd .tab a.on::before{
	height: 100%;
}
.homepage .c .hd .tab a.on::after{
	content: '';
	display: inline-block;
	width:0;
		height:0;
		border-right:7px solid transparent;
		border-left:7px solid transparent;
		border-top:7px solid #ff3300;
		position: absolute;
		bottom: -7px;
		left: 50%;
		margin-left: -7px;
}
.homepage .c .bd{
	text-align: center;
	padding: 7px;
}
.homepage .c .bd ul{
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
}
.homepage .c .bd li{
	float: left;
	width: 16.666%;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}
.homepage .c .bd li a{
	display: block;
	padding: 15px 0;
}
.homepage .c .bd li img{
	width: 154px;
	height: 90px;
	margin-bottom: 10px;
}
.homepage .c .title{
	border: none;
}
.homepage .d {
	margin-top: 20px;
}
.homepage .d img{
	width: 100%;
}
.homepage .d ul{
	margin: 0 -10px;
}
.homepage .d ul li{
	float: left;
	width: 25%;
	padding: 0 10px;
}
.homepage .title{
	color: #999;
	padding-left: 10px;
	line-height: 24px;
	border-left: 3px solid #ff3300;
}
.homepage .title b{
	font-size: 24px;
	color: #333;
}
.homepage .e .hd{
	margin: 50px 0 25px;
}
.homepage .e .hd>a{
	color: #ff3300;
}
.homepage .e .bd .fl{
	width: 880px;
}
.homepage .e .bd .fl ul{
	margin: -7px;
}
.homepage .e .bd .fl li{
	float: left;
	padding: 7px;
	width: 25%;
	/*height: 300px;*/
}
.homepage .e .bd .fl li a{
	display: block;
	background: #fff;
	border-radius: 5px;
	color: #666;
	padding: 10px;
	border: 1px solid transparent;
	/*height: 70px;*/
	cursor: pointer;
}
.homepage .e .bd .fl li a:hover{
	border-color: #ff3300;
}
.homepage .e .bd .fl li img{
	width: 100%;
	height: 207px;
	/*min-height: 207px;*/
}
.homepage .e .bd .fl li p{
	margin: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;    /* 对象作为弹性伸缩模型显示 */
	-webkit-line-clamp: 2;  /* 块元素显示的文本行数 */
	height: 38px;
	-webkit-box-orient: vertical;
}
.homepage .e .bd .fl li b{
	color: #ff3300;
	font-size: 20px;
}
.homepage .e .bd .fl li span{
	display: inline-block;
	color: #ff3300;
	font-size: 12px;
	border: 1px solid #ff3300;
	padding: 2px 10px;
	border-radius: 5px;
}
.homepage .e .bd .fr{
	background: #fff;
	width: 306px;
	height: 640px;
	padding: 15px;
	border-radius: 5px;
}
.homepage .e .bd .fr h3{
	font-weight: bold;
	font-size: 24px;
}
.homepage .e .bd .fr li{
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}
.homepage .e .bd .fr li .bh{
	width: 30px;
	height: 38px;
}
.homepage .e .bd .fr li .pic{
	margin: 0 20px;
}
.homepage .e .bd .fr li .pic img{
	width: 66px;
	height: 66px;
}
.homepage .e .bd .fr li p{
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.homepage {
	padding-bottom: 50px;
}
.footer{
	background: #e9e9e9;
	padding: 30px 0;
	color: #666;
	min-width: 1200px;

}
.footer .bd{
	display: flex;
	line-height: 27px;
}
.footer .bd a{
	color: #8b8b8b;
}
.footer .bd a:hover,.footer .ft a:hover{
	color: #ff3300;
}
.footer .bd h3{
	font-size: 16px;
	height: 27px;
}
.footer .bd .flex{
	align-items: stretch;
}
.footer .bd .left{
	width: 320px;
	margin-right:50px ;
	border-right: 1px solid #ccc;
}
.footer .bd .left span{
	color: #f69900;
	    font-size: 24px;
}
.footer .bd .left h4{
	margin-bottom: 10px;
	    background: url(/resources/images/images/ico_kf.png) left center no-repeat;
	    font-size: 20px;
	    color: #464646;
	    padding-left: 36px;
	    line-height: 30px;
}
.footer .bd .right{
	width: 297px;
	text-align: center;
	padding-left: 15px;
	border-left: 1px solid #ccc;
}
.footer .bd .right img{
	width: 146px;
	margin-right: 5px;
}
.footer .bd .right .flex_item{
	padding-top: 20px;
}
.footer .ft{
	text-align: center;
	margin-top: 10px;
}
.footer .ft a{
	color: #666;
}
.rightside{
	position: fixed;
	right: 10px;
	top: 50%;
	width: 40px;
	z-index: 99;
}
.rightside>ul>li{
	margin-top: 1px;
	position: relative;
}
.rightside>ul>li>a{
	display: block;
	height: 40px;
	text-align: center;
	background: #fff;
	padding-top: 3px;
	border-radius: 5px;
	line-height: 40px;
}
.rightside>ul>li>a i{
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 28px;
	background-image: url(/resources/images/images/home_56.png);
	background-position: 0 5px;
	background-repeat: no-repeat;
}.rightside>ul>li>a .i2{
	 background-position: 0 -37px;
 }
.rightside>ul>li>a .i3{
	background-position: 0 -78px;
}
.rightside>ul>li>a .i4{
	background-position: 0 -118px;
}
.rightside>ul>li>a .i5{
	background-position: 0 -160px;
}
.rightside>ul>li:hover>a{
	background: #f69900;
}
.rightside>ul>li:hover a i{
	background-image: url(/resources/images/images/home_57.png);
}
.rightside>ul>li .down1{
	width: 92px;
	line-height: 40px;
	position: absolute;
	display: none;
	right: 100%;
	top: 0;
}
.rightside>ul>li .down1>ul>li>a{
	display: block;
	background: #f69900;
	color: #fff;
	border-radius: 5px;
	margin-bottom: 1px;
	padding-left: 18px;
}
.rightside>ul>li:hover .down1{
	display: block;
}
.rightside > ul > li .down1 {
	width: 92px;
	line-height: 40px;
	position: absolute;
	display: none;
	right: 100%;
	top: 0;
}
.hidden{
	display: none;
}
/**/
.login{
	height: 764px;
	position: relative;
	background: url(/resources/images/images/2_02.jpg) center no-repeat;
}
.login .bd{
	border-radius: 5px;
	background: #fff;
	width: 380px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	position: absolute;
	top: 50%;
	right: 50%;
	margin-right: -600px;
	transform: translate(0,-50%);
	padding: 50px 30px;
}
.login .bd .btn{
	width: 100%;
	height: 47px;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	margin-bottom: 10px;
	background: #ff3300;
}
.login .bd .tabtitle{
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.login .bd .tabtitle a{
	padding-bottom: 6px;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}
.login .bd .tabtitle a.on{
	color: #ff3300;
	border-color: #ff3300;
}
.login .bd .tabbox .form{
	margin-top: 25px;
	padding:6px 10px;
	display: flex;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.login .bd .tabbox .form img{
	margin-right: 10px;
}
.login .bd .tabbox .form input{
	width: 100%;
	line-height: 24px;
	padding-left: 15px;
	border-left: 1px solid #ddd;
}
.login .bd .tabbox .box{
	height: 150px;
}
/**/
.header_login{
	margin: 0;
	padding: 18px 0;
	border-bottom: 2px solid #ff3300;
}
.productdetail .a {
	margin-top: 40px;
}
.productdetail .a .fl{
	width: 448px;
}
.productdetail .a .fl img{
	width: 100%;
	border: 1px solid #eee;
}
.productdetail .a .fl .gallery-thumbs .swiper-slide-thumb-active img{
	border-color: #ff3300;
}
.productdetail .a .fl .gallery-thumbs{
	margin-top: 20px;
}
.productdetail .a .fr{
	width: 720px;
	color: #666;
}
.spinner {
	display: inline-block;
	margin: 0 10px;
}

.spinner button {
	border: none;
	width: 30px;
	height: 30px;
	padding: 0;
	cursor: pointer;
	outline: none
}

.spinner .value {
	width: 43px;
	height:30px;
	border: 1px solid #ddd;
	padding: 0px;
	text-align: center;
}
.productdetail .a .fr li span{
	display: block;
	color: #999;
	width: 80px;
}
.productdetail .a .fr li{
	display: flex;
	line-height: 18px;
	padding: 8px 0;
}
.productdetail .a .fr .ul1{
	padding: 10px 0;
}
.productdetail .a .fr .ul1 li{
	float: left;
	width: 50%;
}
.productdetail .a .fr .ul2 li{
	line-height: 30px;
	align-items: center;
	margin-bottom: 5px;
	padding: 0;
}
.productdetail .a .fr .ul2 li span{
	display: block;
	color: #ff3300;
	margin-right: 10px;
	text-align: center;
	border: 1px solid #ff3300;
	border-radius: 3px;
	width: 90px;
}
.productdetail .a .fr .ft{
	font-size: 12px;
	padding: 15px 0;
}
.productdetail .a .fr .ft span{
	color: #e2000c;
}
.productdetail .a .fr .hd span{
	color: #999;
	padding-left: 10px;
	border-left: 1px solid #ddd;
	margin-left: 10px;
}
.productdetail .a .fr .hd img{
	border: 1px solid #eee;
	width: 38px;
}
.productdetail .a .fr h1{
	font-weight: bold;
	font-size: 16px;
	color: #333;
	margin-top: 15px;
}
.productdetail .a .fr .box{
	border: 1px solid #eee;
	margin-top: 15px;
}
.productdetail .a .fr .tabtitle{
	background: #f8f8f8;
	font-size: 16px;
	line-height: 40px;
}
.productdetail .a .fr .tabtitle a{
	display: inline-block;
	position: relative;
	padding: 0 30px;
	border-top: 1px solid transparent;
}
.productdetail .a .fr .tabtitle a.on{
	background: #fff;
	color: #ff0000;
	border-top: 1px solid #ff0000;
}
.productdetail .a .fr .tabbox{
	padding:15px 20px;
}
.productdetail .a .fr .tabbox dl{
	padding-left: 30px;
	text-align: center;
	border-left: 1px solid #ddd;
	margin-left: 30px;
}
.productdetail .a .fr .tabbox dd{
	color: #ff0000;
	font-size: 18px;
	margin-top: 5px;
}

.productdetail .a .fr .btn{
	display: inline-block;
	font-size: 18px;
	color: #fff;
	background: #ff0000;
	border-radius: 5px;
	width: 150px;
	margin-right: 10px;
	vertical-align: middle;
	height:45px;
	text-align: center;
	line-height: 240%;
}
.productdetail .a .fr .gz{
	display: inline-block;
	border: 1px solid #eee;
	padding:5px 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}
.productdetail .a .fr .gz.on{
	color: #ff3300;
}
.productdetail .a .fr .gz i{
	display: block;
	margin: 0 auto 5px;
	background: url(/resources/images/images/3_15.png) center no-repeat;
	width: 15px;
	height: 15px;
}
.productdetail .a .fr .gz.on i{
	background: url(/resources/images/images/3_16.png) center no-repeat;
}
.productdetail .b .hd{
	line-height: 39px;
	background: #f9f9fa;
	padding-left: 15px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
}
.productdetail .b .bd img{
	width: 172px;
	height: 172px;
}
.productdetail .b .bd {
	padding: 30px 70px;
	position: relative;
}
.productdetail .b .bd .swiper-button-next,.productdetail .b .bd .swiper-button-prev{
	width: 30px;
	height: 60px;
	line-height: 60px;
	background: rgba(0,0,0,0.3);
}
.productdetail .b .bd .swiper-button-next{
	right: 0;
}
.productdetail .b .bd .swiper-button-prev{
	left: 0;
}
.productdetail .b .bd .swiper-button-next:after,.productdetail .b .bd  .swiper-button-prev:after{
	font-size: 22px;
}
.productdetail .b .swiper-pagination{
	position: static;
	padding-right: 15px;
	font-weight: normal;
}
.productdetail .b .bd p{
	height: 38px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
		margin-top: 10px;
}
.productdetail .b{
	border: 1px solid #eee;
	margin-top: 40px;
}
.productdetail .c {
	padding:30px 0 50px;
}
.productdetail .c .fl{
	width: 205px;
	border: 1px solid #eee;
}
.productdetail .c .fl .title{
	line-height: 39px;
	background: #f9f9fa;
	padding-left: 15px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
}
.productdetail .c .fl .bd{
	padding: 0 10px;
}
.productdetail .c .fl .bd li{
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}
.productdetail .c .fl .bd li img{
	width: 172px;
	height: 172px;

	/*height: 220px;*/
}
.productdetail .c .fl .bd li p{
	margin: 10px 0;
	    height: 38px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
		color: #666;
}
.productdetail .c .fl .bd li b{
	color: #ff3300;
	    font-size: 20px;
}
.productdetail .c .fl .bd li span{
	display: inline-block;
	    color: #ff3300;
	    font-size: 12px;
	    border: 1px solid #ff3300;
	    padding: 2px 10px;
	    border-radius: 5px;
}
.productdetail .c .fr{
	width: 975px;
	border: 1px solid #eee;
}
.productdetail .c .fr .title{
	
	background: #f9f9fa;
}
.productdetail .c .fr .title span{
	display: block;
	color: #fff;
	line-height: 39px;
	text-align: center;
	background: #ff3300;
	width: 145px;
}
.productdetail .c .fr .bd{
	text-align: center;
	padding: 30px 0;
}
.productdetail .c .fr .bd img{
	max-width: 100%;
}
/**/
.activeties .homepage .e .bd .fl{
	width: 100%;
	float: none;
}
.activeties .homepage .e .bd .fl li{
	width: 20%;
}
.activeties .homepage .e .bd .fl li p{
	/*height: 57px;*/
	/*-webkit-line-clamp: 3;*/

	margin: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;    /* 对象作为弹性伸缩模型显示 */
	-webkit-line-clamp: 2;  /* 块元素显示的文本行数 */
	height: 38px;
	-webkit-box-orient: vertical;
}
.activeties .a{
	margin: 15px 0;
}
.activeties .a .search{
	display: flex;
	align-items: center;
	width: 202px;
	background: #fafafa;
	padding-right: 10px;
	margin-left: 5px;
	border: 1px solid #ddd;
}
.activeties .a span{
	padding-right: 5px;
}
.activeties .a .search input{
	width: 114%;
	height: 26px;
	line-height: 26px;
	padding-left: 10px;
	background: none;
}
.activeties .a .tip{
	background: #fff;
	border-radius: 5px;
	padding: 3px 10px;
	margin-left: 15px;
	display: inline-block;
}
.activeties .a .tip b{
	color: #ff3300;
}
.activeties .a .tip .del{
	display: inline-block;
	color: #ff3300;
	font-style: normal;
	cursor: pointer;
	width: 16px;
	height: 16px;
	line-height: 14px;
	text-align: center;
	vertical-align: middle;
	margin: -2px 0 0 20px;
	border: 1px solid #ff3300;
	border-radius: 50%;
}
.activeties .b {
	background: #fafafa;
	line-height: 30px;
	border: 1px solid #eee;
	margin-bottom: 15px;
}
.activeties .b>.flex{
	align-items: stretch;
	border-bottom: 1px solid #eee;
}
.activeties .b>.flex:last-child{
	border: none;
}
.activeties .b>.flex>.flex_item{
	background: #fff;
}
.activeties .b .bd li{
	float: left;
	font-size: 12px;
	width: 9.090%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	height: 30px;
	margin-right: 2px;
}
.activeties .b .bd input{
	vertical-align: middle;
	margin: 0;
	display: none;
}
input[type=checkbox]::after{
	content: '√';
	display: inline-block;
	margin: -2px 0 0 0;
	color: #fff;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
	font-family: "microsoft yahei";
	width: 14px;
	height: 14px;
	border: 1px solid #ddd;
	background: #fff;
}
input[type=checkbox]:checked::after{
	background: #ff3300;
	border-color:#ff3300;
}
.nav_bod{
	border-bottom: 1px solid #ddd;
}
.activeties .b .bd.on1 input{
	display: inline-block;
}
.activeties .b .bd{
	display: flex;
	padding: 10px 15px;
	max-height: 78px;
	overflow: hidden;
	border-left: 1px solid #eee;
}
.activeties .b .bd.on{
	max-height: inherit;
}
.activeties .b .check{
	display: inline-block;
	border: 1px solid #eee;
	padding: 0 6px;
	margin-right: 10px;
	line-height: 24px;
}
.activeties .b .check.on{
	color: #fff;
	background: #ff3300;
	border-color: #ff3300;
}
.activeties .b a{
	color: #666;
}
.activeties .b a:hover{
	color: #ff3300;
}
.activeties .b .w{
	width: 92px;
	padding:10px 0 0 15px;
}
.dropdown>{
	content: " ";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-width: 0 1px 1px 0;
	border-color: #999;
	border-style: solid;
	vertical-align: middle;
	margin: -3px 0 0 5px;
	-webkit-transform: matrix(.71,.71,-.71,.71,0,0);
	transform: matrix(.71,.71,-.71,.71,0,0);
}
#CatTwo .three-li{position:absolute;left: 100%;background:#fff;min-width: 100px;border:1px solid #ddd;top: 0;}
#CatTwo .three-li li{text-align: center;padding: 0 10px;}
.activeties .b .down li{position:relative;}
.activeties .b .down{
	position: absolute;
	left: 50%;
	top: 100%;
	min-width: 100px;
	border: 1px solid #ddd;
	background: #fff;
	white-space: nowrap;
	line-height: 30px;
	display: none;
	/*padding: 10px 5px;*/
	transform:translateX(-50%);
	z-index: 111;
}
.activeties .b .down.last{
	left: auto;
	right: 0;
}
.activeties .b .down li{
	/*float: left;*/
	text-align: left;
	padding: 0 10px;

}
.activeties .b .dropdown{
	text-align: center;
}
.activeties .b .dropdown>span{
	padding: 13px 0;
	display: inline-block;
	cursor: pointer;
}
.activeties .b .dropdown:hover .down{
	display: block;
}
.activeties .b .dropdown:hover>span{
	background: url(/resources/images/images/4_07.png) left center no-repeat;
	padding-left: 13px;
	color: #ff3300;
}
.activeties .c{
	background: #fff;
	line-height: 38px;
	margin-bottom: 15px;
	border: 1px solid #dddddd;
	border-top: 1px solid #ff3300;
}
.activeties .c ul{
	display: flex;
	text-align: center;
}
.activeties .c ul li{
	width: 105px;
	border-right: 1px solid #dddddd;
}
.activeties .c ul li a{
	display: block;
}
.activeties .c ul li i{
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 10px;
	background: url(/resources/images/images/04_05.png) center no-repeat;
}
.activeties .c ul li.on a,.activeties .c ul li:hover a{
	background: #ff3300;
	color: #fff;
}
.activeties .c ul li.on i,.activeties .c ul li:hover i{
	background: url(/resources/images/images/04_03.png) center no-repeat;
}
.activeties .homepage{
	padding: 0;
}
.pages{
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	padding: 40px 0;
}
.pages a{
	display: inline-block;
	border: 1px solid #ddd;
	padding: 0 12px;
	background: #fff;
}
.pages a:hover,.pages a.on{
	background: #ff3300;
	border-color: #ff3300;
	color: #fff;
}
.pages input{
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #ddd;
}


.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{float:left;margin:0 10px 0 0;overflow:hidden;}
.tb-s310, .tb-s310 a{height:446px;width:448px;}
.tb-s310, .tb-s310 img{max-height:448px;max-width:448px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:76px;width:78px;}
.tb-booth{position:relative;z-index:1;}
.productdetail .a .fl .tb-selected img{border-color:#C30008;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:448px;height:448px;background:#ffffff;border:1px solid #eee;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;cursor:move;z-index:1;}

.mask{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99;
}
.dialog{
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 536px;
	border-radius: 10px;
	padding: 30px 80px 50px;
}
.dialog .close{
	display: block;
	cursor: pointer;
	background: url(/resources/images/images/close.png) center no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 15px;
	right: 15px;
}
.dialog h2{
	font-size: 24px;
	text-align: center;
	padding-bottom:20px;
}
.dialog .form{
	display: flex;
	align-items: center;
	border-radius: 5px;
	margin-top: 15px;
	border: 1px solid #ddd;
	padding: 0 0 0 15px;
}
.dialog .form input{
	width: 100%;
	line-height: 38px;
	height: 38px;
	font-size: 15px;
	padding-left: 15px;
}
.dialog ul{
	line-height: 30px;
	font-size: 16px;
	padding: 10px 0 0 20px;
}
.dialog ul input{
	margin-right: 10px;
}
.dialog ul .input{
	width: 100%;
	margin: 0;
	width: 100%;
	border: 1px solid #ddd;
	line-height: 38px;
	border-radius: 5px;
	font-size: 15px;
	padding-left: 10px;
	height: 38px;
}
.dialog ul label{
	padding-right: 6px;
}
.dialog .btn{
	width: 293px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	background: #ff3300;
	display: block;
	margin: 20px auto 0;
	height: 41px;
	border-radius: 5px;
}