@charset "utf-8";

.header .banner {
	width: 100%;
	height: 510px;
	min-width: 1200px;
	text-align: center;
	overflow: hidden;
}

.header .banner img {
	width: auto;
	height: 100%;
}

.floor .menu table {
	width: 100%;
	margin-bottom: 120px;
}

.floor .menu .line {
	height: 1px;
	width: 100%;
	background-color: #cccccc;
}
.floor .menu td {
	border: 1px solid #cccccc;
	height: 35px;
	line-height: 35px;
	cursor: hand; 
	font-family: Tahoma; 
	background-color: #fff; 
	color: #000; 
	font-size: 14px; 
}
.floor .menu li {
	height: 35px;
	line-height: 35px;
	color: #333333; 
	font-family: Tahoma; 
	background-color: #f6f6f6; 
	font-size: 14px;
	padding-left: 32px;
	cursor: pointer;
}
.floor .menu .up {
	height: 35px;
	line-height: 35px;
	padding-left: 12px;
	background-color: #ffffff;
	color: #333333;
	cursor: pointer;
}
.floor .menu .up-active {
	background-color: #096dd9 !important;
	color: #ffffff !important;
}
.floor .menu .up-lft {
	float: left;
}
.floor .menu .up-rgt {
	float: right;
	margin-right: 12px;
}
.floor .menu .up-rgt img {
	vertical-align: middle;
}
.floor .menu .up .up-rgt img {
	content: url('../img/product/open.svg');

}
.floor .menu .up-active .up-rgt img {
	content: url('../img/product/close.svg') !important;
}

.floor .menu .k {
	color: #096dd9;
}

.floor .menu .k-lft {
	float: left;
}
.floor .menu .k-rgt {
	float: right;
	margin-right: 12px;
}

.floor .menu {
	float: left;
	width: 240px;
	margin-bottom: 120px;
}

.floor .menu-content {
	float: right;
	width: 942px;
	color: #333333;
	margin-bottom: 120px;
}

.floor .menu-content .top a {
	color: #333333;
}

.floor .menu-content .top {
	height: 40px;
	line-height: 40px;
}

.floor .menu-content .line {
	height: 2px;
	background-color: #096dd9;
}

.floor .menu-content .list {
	height: 220px;
	margin-top: 16px;
}

.floor .menu-content .list .list-item {
	float: left;
	width: 233px;
	height: 188px;
	/* border: 1px solid #eeeeee; */
	cursor: pointer;
}

.floor .menu-content .list .list-item-select {
	box-shadow: 0 4px 12px rgba(0,0,0,0.20);
}


.floor .menu-content .list img {
	width: calc(100% - 20px);
    height: 120px;
    margin-top: 14px;
    margin-left: 10px;
    margin-right: 10px;
}

.floor .menu-content .list p {
	text-align: center;
	height: 52px;
	line-height: 52px;
	font-size: 14px;
}

.floor .menu-content .mid {
	height: 240px;
}

.floor .menu-content .mid .lft {
	padding-left: 20px;
	float: left;
	height: 100%;
	width: 320px;
	display: flex;
	align-items: center;
}

.floor .menu-content .mid .lft img {
	align-items: center;
	margin: 0 auto;
	max-width: 320px;
    max-height: 100%;
}

.floor .menu-content .mid .rgt {
	height: 100%;
	margin-left: 420px;
}

.floor .menu-content .mid .rgt .rgt_title {
	height: 100px;
	line-height: 100px;
	font-size: 24px;
}

.floor .menu-content .mid .rgt .rgt_imgs {
	height: 84px;
	float: left;
	margin-top: 20px;
}

.floor .menu-content .mid .rgt .rgt_imgs .rgt_imgs_item {
	width: 96px;
	height: 84px;
	float: left;
	margin-right: 20px;
	display: flex;
	align-items: center;
	border: 1px solid #cccccc;
	cursor: pointer;
}

.floor .menu-content .mid .rgt .rgt_imgs .rgt_imgs_item.imgs-item-active {
	border: 1px solid #40A9FF;
}
.rgt_imgs_item img {
	width: 88px;
	height: 46px;
}

.floor .menu-content .mid .rgt img {
	align-items: center;
	margin: 0 auto;
}

.floor .menu-content .tab {
	padding-top: 20px;
}

.floor .menu-content .tab .tab-header {
	height: 28px;
	text-align: left;
	position: relative;
}

.floor .menu-content .tab .tab-header ul {
	list-style: none;
	position: absolute;
}

.floor .menu-content .tab .tab-header ul li {
	float: left;
	width: 120px;
	height: 28px;
	line-height: 28px;
	text-align: center;
}

.floor .menu-content .tab .tab-header ul li.select {
	background-color: #1770D6;
	color: white;
}

.floor .menu-content .tab .line {
	width: 100%;
	height: 1px;
	background-color: gray;
}

.floor .menu-content .tab .tab-content {
	padding-top: 20px;
	padding-bottom: 50px;
}

.floor .menu-content .tab .tab-content .dom {
	display: none;
	font-size: 14px;
	line-height:24px;
}

.floor .menu-content .tab .tab-content .dom table {
/*	border-color: gray;*/
	
	width: 100%;
}

.floor .menu-content .tab .tab-content .dom td {
	border: 1px solid #CDD8E0;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	min-width: 100px;
}

.floor .menu-content .tab .tab-content .dom td.td3 {
	text-align: left;
	padding-left: 10px;
}

.floor .menu-content .tab .tab-content .dom .item {
	height: 112px;
	margin-top: 20px;
	padding-left: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 20px;
	background-color: #fafafa;
}

.floor .menu-content .tab .tab-content .dom .item img {
	height: 100%;
	width: 200px;
	float: left;
}

.floor .menu-content .tab .tab-content .dom .item .item-rgt {
	height: 100%;
	width: 100%-200px;
	margin-left: 200px;
}

.floor .menu-content .tab .tab-content .dom .item .item-rgt .tit {
	margin-left: 16px;
	padding-left: 10px;
	height: 40px;
	border: 1px solid #e9e9e9;
	background-color: white;
}

.floor .menu-content .tab .tab-content .dom .item .item-rgt .tit .main_tit {
	font-size: 20px;
	line-height: 40px;
	color: black;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.floor .menu-content .tab .tab-content .dom .item .item-rgt .btn {
	margin-left: 16px;
	margin-top: 32px;
}

.floor .menu-content .tab .tab-content .dom .item .item-rgt button {
	height: 40px;
	width: 100px;
	background-color: #1770D6;
	color: white;
}

.banner-content.product {
	position:absolute;
	top:30%;
	left:9%;
}

.banner-content .cn-n{
	font-family: SourceHanSansCN-Medium;
	font-size: 40px;
	color: #FFFFFF;
	letter-spacing: 0;
}

.banner-content .line{
	font-family: SourceHanSansCN-Medium;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 0;
}

.banner-content .e-n{
	font-family: SourceHanSansCN-Medium;
	font-size: 24px;
	color: #E81E1B;
	letter-spacing: 0;
	/* line-height: 60px; */
}

.content-line {
	background: #FFFFFF;
    width: 64px;
    height: 4px;
    margin: 10px 0 20px 0;
}

.content-detail {
	width: 720px;
	font-family: SourceHanSansCN-Normal;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 24px;
}

.content-detail p + p {
	margin-top: 6px;
}
