@charset "utf-8";
/* CSS Document */


.searchTop .s_topBox {
	width: 1040px;
	margin: 0 auto;
}
.s_topBox .search_form {
	padding: 45px 0 0 10px;
	overflow: hidden;
}
.search_form .int {
	color: #333;
	height: 36px;
	line-height: 36px;
	width: 552px;
	border-radius: 4px 0 0 4px;
	-webkit-appearance:none;
	background-color: #fff;
	padding: 0 6px;
	outline: none;
	border: 0 none;
	float: left;
}
.search_form .search_btn {
	width: 48px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	display: inline-block;
	background: url(../images/search_4.html) top center no-repeat;
	float: left;
}
.searchMid {
	width: 1040px;
	margin: 0 auto;
}
.search_position {
	line-height: 47px;
	display: block;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #CCCCCC;
}
.search_position a {
	color: #648bb1;
}
.search_position a:hover {
	text-decoration: underline;
}
.search_position .search_arrows {
	display: inline-block;
	width: 17px;
	height: 9px;
	background: url(../images/search_lead.html) center center no-repeat;
}
.searchMid .search_ct {
	overflow: hidden;
	padding: 0 10px;
	margin-top: 30px;
}
.search_ct .search_left {
	width: 230px;
	float: left;
	line-height: 28px;
}
.search_left dt:hover {
	cursor: pointer;
	color: #ed1017;
}
.search_ct .search_left a {
	color: #666;
}
.search_ct .search_left a:hover {
	color: #ed1017;
	font-weight: bold;
}
.search_ct .search_left ul {
	padding-left: 24px;
}
.search_left h3 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 24px; 
}
.popular_keywords h3 {
	background-image: url(../images/search_1.html);
}
.search_left .content_type {
	margin-top: 20px;
}
.content_type h3 {
	background-image: url(../images/search_2.html);
}
.popular_keywords ul li a {
	display: block;
	color: #666;
}
.popular_keywords ul .current_keyword a {
	color: #ed1017;
	font-weight: bold;
}
.content_type h4 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	background: url(../images/search_3.html) left center no-repeat;
	padding-left: 10px; 
}
.content_type .news_items h4 {
	margin-left: 24px;
}
.product_items ul li dl {
	padding-left: 10px;
}
.product_items ul li dl dt {
	font-size: 14px;
	font-weight: bold;
	color: #555;
	background: url(../images/search_lead1.html) left center no-repeat;
	padding-left: 10px;
}
.product_items ul li dl dd {
	padding-left: 10px;
}
.product_items ul li dl dd a {
	display: block;
}
.news_items ul li {
	padding-left: 10px;
}

.search_ct .search_right {
	width: 775px;
	float: right;
	margin-top: 2px;
}
.search_right .search_detail{
	overflow: hidden;
}
.search_detail ul li{
	margin-bottom: 30px;
}
.search_detail .s_title a {
	font-size: 16px;
	color: #648bb1;
}
.search_detail .s_end {
	color: #008000;
}
.search_detail .s_end .s_url {
	color: #008000;
}
.search_detail .s_end .s_line {
	padding: 0 1px;
}

.pageList {
	overflow: hidden;
	margin-bottom: 30px;
}
.pageList1 .pageWrap {
	display: inline-block;
}
.pageList a,.pageList span {
	height: 20px;
	background-color: #cfcfcf;
	color: #000;
	font-weight: bold;
	border: 1px solid #202020;
	display: inline-block;
	line-height: 20px;
	text-align: center;
	border-radius: 2px;
	margin-right: 6px;
}
.pageList a {
	width: 49px;
}
.pageList span {
	width: 20px;
	cursor: pointer;
}
.pageList .currentPage {
	background-color: #505050;
	color: #fff;
}

.paroductTop {
	width: 100%;
	margin: 0 auto;
}
.paroductTop img {
	width: 100%;
	height: 219px;
}
.productMid {
	width: 100%;
	margin: 50px auto;
}
.productMid2 {
	width: 1040px;
	margin: 50px auto;
}
.productMid .product_ct {
	clear:both;
}
.product_ct .product_left {
	width: 260px;
	float: right; 

}
.product_category{margin-top: 20px;}
.product_left{margin-top:20px;}
.product_left h3 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	height: 30px;
	height: 30px;
	line-height: 30px;


}
.product_category .items_select li {
	text-align: center;
	margin-top: 20px;
}
.items_select .selectBox {
	width: 100%;
	height: 50px;
	border: #41d228 2px solid;
	display: block;
	background: transparent;
    -webkit-appearance: none;
	cursor: pointer;
	background: url(../images/select_jco.png) no-repeat 94% 20px;
	padding-left: 10px;
	font-size: 16px;
}
.items_select .selectBox option{display: block;font-size: 16px;padding-left: 2%;}

.Fundamental_Options {

	margin:20px auto 50px auto;

}
.Fundamental_Options dl{	border: #ccc 1px solid;margin-bottom: 10px;}
.Fundamental_Options dl a{
	color: #000;
}
.Fundamental_Options dl dd a{
	color: #333;
	
}
.Fundamental_Options dl {
	line-height: 28px;
}

.Fundamental_Options .current_dl dd {
	display: none;
}
.Fundamental_Options dl dt {
font-size: 16px;
	height: 50px;
	line-height: 50px;

	
}
.Fundamental_Options dl dt a {
	margin-left: 0;
	font-size: 15px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	background: url(../images/fold_1.png) no-repeat right center;
	display: block;width: 88%;
	
}
.Fundamental_Options dl dt{border-bottom: #ccc 1px solid;}
.Fundamental_Options dl .current_dt{border-bottom: #fff 1px solid;}
.Fundamental_Options dl .current_dt a {
	background: url(../images/fold_2.png) no-repeat right center;

}
.Fundamental_Options dl dd a {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	background: url(../images/select_1.png) no-repeat right center;
		display: block;width: 86%;
	border-bottom: #ccc 1px solid;
margin: 0 auto;
	height: 40px;
	line-height: 40px
}
.Fundamental_Options dl dd:last-child a{border-bottom: 0;}
.Fundamental_Options dl dd .current_a {
	background: url(../images/select_2.png) no-repeat right center;
}
.product_ct .product_right {
		width: calc(100% - 305px);
	float: left;
}
.product_right .select_title {
	padding-left: 6px;
}
.select_title h2 {
	font-size: 36px;
	color: #000;
}
.select_title p{margin: 20px auto}
.select_list {
	width:100%;
	height: 200px;
	border: 1px solid #41d228;
	position: relative;
	margin-top: 6px;
}
.selectBox {
	overflow: hidden;
}
.selectBox li {
	float: left;
	width: 170px;
	margin: 32px 0 0 32px;

}
.selectBox li a {
	display: block;
	position: relative;
	width: 170px;
	height: 116px;
	border: 1px solid #d5d5d5;
	background: url(../images/product_img1.html) top left no-repeat;
}
.selectBox li a span{
	display: none;
	width: 26px;
	height: 26px;
	background: url(../images/remove.png) top left no-repeat;
	position: absolute;
	top: -1px;
	right: -1px;
}
.selectBox li:hover span{
	display: inline-block;
}
.selectBox .current_selected a span{
	display: inline-block;
}
.selectBox li p {
	line-height: 28px;
	color: #333;
	max-width: 98%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 10px;
}
.compareBox {
	overflow: hidden;
	position: absolute;
	top: 42px;
	right: 28px;
}
.compareBox dd {
	text-align: center;
	line-height: 40px;
	font-size: 15px;
	cursor: pointer;
}
.compareBox .compare_btn {
	color: #fff;
	width: 150px;
	height: 40px;
	background-color: #41d228;
}
.compareBox .reset_btn {
	margin-top: 11px;
	color: #333;
	width: 150px;
	height: 40px;
	border: 1px solid #d5d5d5;
}
.selectDisplay {
	margin-top: 30px;
	width: 100%;
}
.select_lead {
	padding: 0 0 6px 6px;
	overflow: hidden;
	border-bottom: 2px solid #7ea8b0;
}
.select_lead h4{
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.select_lead .select_result {
	float: right;
}
.selectDisplay ul li {
	position: relative;
	width: 32%;
	height: auto;
	overflow: hidden;
	float: left;
	text-align: center;
	margin:  10px 0.65%;

	}
.selectDisplay ul li div{border: #ddd 1px solid;}
.product_select {
	display: none;
	z-index: 999;
	position: absolute;
	/*bottom: -68px;*/
	/*left: 12px;*/
	width: 100%;
}
.selectDisplay ul li img{width: 100%;height: 228px;display:block; object-fit:contain}
.itemWrap {
	/*width: 150px;*/
   	width: 100%;
	background-color: #efeff1;
	border-radius: 2px;
}
.itemWrap dd {
	line-height: 30px;

}
.itemWrap dd span {
	font-size: 14px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/select_1.png);
	padding-left: 20px;
	cursor: pointer;
}
.itemWrap dd .current_itemsp {
	background-image: url(../images/select_2.png);
}



.selectDisplay ul li a {
	display: block;
}
.selectDisplay ul li p {
	color: #333;
    text-align: center;
	height: auto;
	padding:10px;
	line-height: 26px;
font-size:16px;
border-top: #ddd 1px solid;
color: #000;
	
}
.selectDisplay ul li p b{display:block;font-weight:normal;color:#555;font-size:14px}
.selectDisplay ul li .add_btn {
	display: inline-block;
	width: 100%;
	height: 40px;
	background-color: #ccc;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	bottom: 0;
	left: 0;
}
.selectDisplay ul li .add_btn:hover {
	background-color: #41d228;
}
.genre_title {
	height: 35px;
	line-height: 35px;
	background-color: #ddd;
	color: #333;
	overflow: hidden;
}
.genre_title h3 {
	font-size: 16px;
	padding-left: 25px;
}
.select_title1 {
	background-color: #fff;
	margin-bottom: 30px;
}
.select_title a {
	font-size: 16px;
	color: #fff;
}
.select_title1 h3 {
	float: left;
	padding-left: 16px;
	font-size: 36px;
	font-weight: normal;
}
.select_title1 .select_btn {
	float:right;

}
.select_btn a {
	color: #333;
	display: inline-block;
	padding-left: 30px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/btn_2.png);
	margin-right: 30px;
}
.select_btn .display_btn {
	background-image: url(../images/btn_1.png);
}
.select_title1 .save_result {
	display: block;
	float: right;
	width: 100px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	background-color: #fff;
	border-radius: 2px;
	color: #000;
	margin: 4px 8px 0 0;
}
.tableinfo {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 29px;
	table-layout:fixed;
}
.tableinfo th,.tableinfo td {
	color: #333;
}
.tableinfo .different_items {
	background-color: #eeffeb;
}
.productWrap .productBox {
	border: 1px solid #999;
	border-top: 0 none;
}
.productBox .tableinfo th {
	padding: 0 9px;
	border-top: 1px solid #999;
	text-align: left;
}
.productBox .tableinfo td {
	padding: 0 9px;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	text-align: center;
}
.productBox .tableinfo .title {
	padding-left: 16px;
	font-weight: bold;
	color: #333;
}
.productBox .tableinfo .text {
	width: 190px;
	word-wrap:break-word;
}
.productBox .tableinfo .text span {
	display: inline-block;
}
.tableinfo .main_title span {
	color: #333;
	display: block;
	font-weight: bold;
	line-height: 80px;
	text-align: center;
}
.product_img {
	display: inline-block;
	width:195px;
	height: 133px;

}
.product_type {
	font-size: 15px;
}
.delete_btn {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/remove.png) top left no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	
}
.delete_btn:hover {
	filter:alpha(opacity=100);
	opacity: 1;
}

.pr_img{position: relative;}
@media screen and (max-width:1680px){
	


}
@media screen and (max-width:1600px){
	.selectDisplay ul li img{height:213px;}	
	.selectDisplay ul li p b{text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
	.selectDisplay ul li .add_btn{border: #ccc 1px solid;}
	.selectDisplay ul li .add_btn:hover{border: #41d228 1px solid;}
	.selectBox li{width: 140px;margin: 32px 0 0 20px}
	.selectBox li a{width: 140px;height: 96px}

}


@media screen and (max-width:1024px){
	
.product_ct .product_left{width: 80%;float: none;margin: 0 auto ;height: auto;overflow: hidden;}
.product_ct .product_right{width: calc(100% - 0px);float: none;height: auto;overflow: hidden;margin: 0 auto 50px auto;}
	.Fundamental_Options dl{width: 48.5%;margin-right: 2%;float: left;}
	.Fundamental_Options dl:nth-child(even){margin-right: 0;}
	.Fundamental_Options{width: 100%;height: auto;overflow: hidden;}
	.select_list{width: 99%;}
	.Fundamental_Options dl dt a{width: 92%;}
	.items_select .selectBox {background:url(../images/select_jco.png) no-repeat 97% 20px;}
}


@media screen and (max-width:800px){
	.Fundamental_Options dl dt a{width:88%;}
	.product_ct .product_left{width: 100%;}
	/*.selectDisplay ul li{margin: 20px 45px 0 0;}
	.selectDisplay ul li:nth-child(4n){margin: 20px 45px 0 0;}
	.selectDisplay ul li:nth-child(3n){margin: 20px 0 0 0;}*/
	.select_list{height: auto;overflow: hidden;}
	.select_list ul{min-height: 10px}
	.compareBox{position: static;margin: 0 auto; text-align: center}
	.selectBox li{margin-left: 25px;}
	.compareBox dd{display: inline-block;margin-bottom: 20px;}
	.product_left h3{font-size: 30px;margin:20px auto;height: auto;line-height: 60px}
	.selectDisplay ul li{width: 99%;border: #ddd 1px solid;margin: 10px auto 0 auto;}
	.selectDisplay ul li div{border:0}
	.selectDisplay ul li img{width: 72px;height: 50px;float: left;border: 0;border-right: #ddd 1px solid;}
	.selectDisplay ul li p{width: 81%;float: left;border: 0;padding:0;line-height:25px}
	.selectDisplay ul li .add_btn{float: right;display: block;width: 50px;position: static;height: 50px;line-height: 50px;}
}
@media screen and (max-width:640px){
	
	.selectDisplay ul li p{width: 78%;}
	.selectBox li a{width: 120px;height: 82px;}
	.selectBox li{width: 120px;margin: 32px 0 0 18px;}
}

@media screen and (max-width:480px){
	
	.selectDisplay ul li p{width:60%;font-size:14px}
	.Fundamental_Options dl{width: 99%;margin: 0 auto;float: none;}
	.Fundamental_Options dl:nth-child(even){margin: 0 auto}
	.Fundamental_Options dl dt a{width: 92%;}
	.selectBox li a{width: 150px;height: 102px;}
	.selectBox li{width: 150px;margin: 32px 0 0 22px;}
	.product_left h3{font-size: 26px;}
	
}

@media screen and (max-width:375px){
	.selectBox li a{width: 100px;height: 68px;}
    .selectBox li{width: 100px;margin: 32px 0 0 46px;}
	.selectDisplay ul li p{width:62%;}	
			.Fundamental_Options dl dt a{width: 90%;}
	.select_title h2{font-size: 30px;}

	
}
@media screen and (max-width:360px){
    .selectBox li{width: 100px;margin: 32px 0 0 42px;}
	.selectDisplay ul li p{width:61%;}	

	
}

@media screen and (max-width:320px){
    .selectBox li{width: 100px;margin: 32px 0 0 28px;}
	.selectDisplay ul li p{width:55%;}	
	.compareBox .compare_btn{width: 120px;}
	.compareBox .reset_btn{width: 120px;}
	
}