/*搜索*/
.name_commonbox{
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
}
.name_common{
	float: left;
	font-size:24px;
	color: #0080d5;
}
.name_common h2{
	font-size:24px;
	color: #0080d5;
	float: left;
	font-weight: normal;
}
.select_common{
	float: right;
}
.select_common input.text{
	width: 288px;
	height: 30px;
	line-height: 30px;
	float: right;
	border:1px solid #e6e6e6;
	text-indent: 6px;
}
.select_common input.submit{
	width: 60px;
	height: 32px;
	color: #fff;
	line-height: 32px;
	font-size:14px;
	cursor: pointer;
	background: #0080d5;
	border:0 none;
	float: right;
}
/*搜索 end*/

.chosebox{
	margin:0 auto;
	overflow: hidden;
	padding:15px 0;
}
.chosetext{
	width: 1200px;
	float: left;
	overflow: hidden;
}
.chosetext a{
	width: 90px;
	padding-right:20px;
	text-align:left;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.chosetext a.current{
	color: #0080d5;
}
.chosetext a:hover{
	color: #0080d5;
}
.open{
	width:78px;
	padding-left:10px;
	border:1px solid #e6e6e6;
	color: #666;
	text-align: center;
	float: right;
	cursor: pointer;
}
.open:hover{
	border:1px solid #0080d5;
	color: #0080d5;
}
.open i{
	display: inline-block;
    margin-bottom: 2px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width:8px;
    height: 8px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-left: 5px;
}
.open:hover i{
	display: inline-block;
    margin-bottom: 2px;
    border-top: 1px solid #0080d5;
    border-right: 1px solid #0080d5;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width:8px;
    height: 8px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-left: 5px;
}

ul.productbox{
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
}
ul.productbox li{
	width: 255px;
	float: left;
	margin-right: 60px;
	margin-bottom: 20px;
}
ul.productbox li:nth-child(4n+0){
	margin-right: 0px;
}
ul.productbox li.none{
	margin-right: 0px;
}
ul.productbox li img{
	width: 255px;
	height:255px;
}
.protxt{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size:16px;
	color: #333;
	text-align: center;
}
/*热门推荐new*/
ul.hot_tuijianbox{
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
}
ul.hot_tuijianbox li{
	width:283px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border:1px solid #ececec;
}
ul.hot_tuijianbox li:nth-child(4n+0){
	margin-right: 0px;
}
ul.hot_tuijianbox li.none{
	margin-right: 0px;
}
ul.hot_tuijianbox li img{
	width: 283px;
	height: 220px;
}
.hot_protxt{
	height:48px;
	line-height:24px;
	overflow: hidden;
	font-size:16px;
	color: #333;
	text-align: left;
	padding: 0 10px;
	margin-bottom: 5px;
}
.hot_info{
	font-size:14px;
	color: #666;
	overflow: hidden;
	text-align: left;
	padding: 0 10px;
	height: 40px;
	line-height: 20px;
	margin-bottom: 15px;
}



/*信息详情*/
.com_leftbox{
	width: 240px;
	float: left;
}
.everybox{
	margin-bottom: 20px;
	width: 240px;
}
.com_lefttitle{
	height: 48px;
	line-height: 48px;
	color: #ffffff;
	text-align: center;
	font-size:20px;
	background: #0080d5;
}
.com_lefttitle h2{
	font-size:20px;
	font-weight: normal;
	display: inline-block;
}
ul.productlist{
	overflow: hidden;
	padding:0 10px;
	background: #f5f5f5;
}
ul.productlist li{
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
}
ul.productlist li:last-of-type{
	border-bottom: 0 none;
}
ul.productlist li a{
	display: inline-block;
	color: #666;
	width: 100%;
}
ul.productlist li a:hover{
	color: #0080d5;
}
ul.productlist li a i{
	display: inline-block;
    margin-bottom: 2px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width:6px;
    height:6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 5px;
    float: right;
    margin-top: 20px;
}

/*左侧热门产品*/
.left_rectitle{
	height: 48px;
	line-height: 48px;
	color: #666;
	text-align: left;
	font-size:20px;
	background: #f5f5f5;
	text-indent: 20px;
}
.left_rectitle h2{
	font-size:20px;
	font-weight: normal;
	display: inline-block;
}
ul.left_recbox{
	background: #f5f5f5;
	overflow: hidden;
}
ul.left_recbox li{
	width: 238px;
	height: 238px;
	border: 1px solid #e6e6e6;
	margin-bottom: 10px;
}
ul.left_recbox li a{
	width: 238px;
	height: 238px;
	position: relative;
	display: inline-block;
}
ul.left_recbox li a img{
	width: 238px;
	height: 238px;
}
.recbox_txt{
	width: 90%;
	padding: 0 5%;
	height: 30px;
	background: rgba(0,0,0,0.6);
	color: #fff;
	text-align: center;
	line-height: 30px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
}

/*右侧产品详情*/
.com_rightbox{
	width:930px;
	float: left;
	margin-left: 30px;  
}
.top_picbox{
	overflow: hidden;
}
.left_picbox{
	width: 402px;
	float: left;
}
.bigpic{
	width: 400px;
	height: 320px;
	border:1px solid #ececec;
}
.bigpic img{
	width: 400px;
	height: 320px;
}
.smallpic{
	width: 400px;
	height: 34px;
	padding: 10px 0px;
}
.s_lefticon{
	width: 25px;
	text-align: center;
	height: 34px;
	line-height: 34px;
	float: left;
}
.s_lefticon i{
	display: inline-block;
    margin-bottom: 2px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width:8px;
    height: 8px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    margin-left: 5px;
    margin-top: 10px;
    cursor: pointer;
}
.s_righticon{
	width: 25px;
	text-align: center;
	height: 34px;
	line-height: 34px;
	float: right;
}
.s_righticon i{
	display: inline-block;
    margin-bottom: 2px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width:8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 5px;
    margin-top: 10px;
    cursor: pointer;
}

.s_centerpic{
	width: 350px;
	height: 34px;
	overflow: hidden;
	float: left;
}
.s_centerpic a{
	float: left;
	width: 40px;
	height: 32px;
	border:1px solid #ececec;
	margin:0 4px;
}
.s_centerpic a:hover{
	border:1px solid #0080d5;
}
.s_centerpic a img{
	width: 40px;
	height: 32px;
}

.right_pictext{
	width: 500px;
	padding-left: 28px;
	float: left;
}
.info_title{
	font-size:18px;
	color:#333;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.info_title h1{
	font-size:18px;
	font-weight: bold;
	display: inline-block;
}
ul.info_listtxt{
	overflow: hidden;
}
ul.info_listtxt li{
	height:40px;
	line-height: 40px;
	font-size: 14px;
	color: #666;
}
.liji_butn{
	height: 42px;
	line-height:42px;
	padding-top: 20px;
}
.liji_butn a{
	width: 160px;
	height: 42px;
	background: #0080d5;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-size:18px;
}
.liji_butn a:hover{
	background: #0077c6;
}

.info_details{
	overflow: hidden;
}
.detail_title{
	height: 40px;
	line-height: 40px;
	border-bottom: 2px solid #0080d5;
	font-size:18px;
	color: #0080d5;
}
.detail_title h3{
	font-size:18px;
	font-weight: normal;
	display: inline-block;
}
.detail_cont{
	padding:10px 5px;
	overflow: hidden;
	font-size:16px;
}
.detail_cont p{
	line-height: 30px;
	font-size:16px;
	color: #666;
	text-indent: 32px;
}
.detail_cont p img{
	max-width: 920px;
}
.detail_b{
	display: flex;
	height: 40px;
	line-height: 40px;
}
.pro_word{
	flex: 1;
	overflow: hidden;
	color: #666;
	font-size:14px;
}
.pro_word a{
	color: #666;
	padding-right:10px;
}
.pro_word a:hover{
	color: #0080d5;
}
.share{
	flex: 1;
	overflow: hidden;
	text-align: right;
}
.detail_f{
	display: flex;
	height: 40px;
	line-height: 40px;
	background: #f5f5f5;
	padding:0 10px;
}
.up_page{
	flex: 1;
	overflow: hidden;
	text-align: left;
}
.up_page a{
	color: #666;
}
.next_page{
	flex: 1;
	overflow: hidden;
	text-align: right;
}
.next_page a{
	color: #666;
}
/*热门新闻*/
.hot_news{
	margin: 0 auto;
	overflow: hidden;
}
.hot_newtitle{
	height: 50px;
	line-height: 50px;
	font-size:18px;
	color: #333;
	font-weight: bold;
}
.hot_newtitle h3{
	font-size:18px;
	font-weight: bold;
	display: inline-block;
}
.hot_newtitle i{
	width: 3px;
	height: 20px;
	float:left;
	background: #0080d5;
	position: relative;
	top:15px;
	margin-right: 10px;
}
ul.hot_newcont{
	overflow: hidden;
}
ul.hot_newcont li{
	width: 45%;
	float: left;
	padding-right: 5%;
	color: #666;
}
ul.hot_newcont li a{
	display:block;
	height: 36px;
	line-height: 36px;
}
.newtxt{
	display: inline-block;
	padding-right: 30px;
	overflow: hidden;
	height: 36px;
	line-height: 36px;
	font-size:14px;
}
.newtxt:hover{
	color: #0080d5;
}
.newtime{
	float: right;
	font-size:14px;
	height: 36px;
	line-height: 36px;
	color: #999;
}

