/*
	Basics
	1.1 basic  Styling
	1.2 Typography
	1.3 background

	Main Page
	2.1 top
	2.2 banner
	2.3 fast_nav	
	2.4 years_nav		
	2.5 sloution			
	2.6 product			
	2.7 news	
	2.8 superiority
	2.9 footer
	
	Product list	
	3.1 crumbs
	3.2 product_list
	
	product
	4.1  product_ind_bg
	4.2  product_summery
	4.3  product_content
		
	newslist
	5.1  newslist
	6.1service
	7.1single page
	8.brand page
	9.brand detail
	10.toplist
	11.industry
	
	search result	
	12.search result	
	
	404 page
	13.404 page
	
	site map
	14 sitemap
	
*/

/*====================1.1 Basic Styling====================*/
*,
*:before,
*:after {
	font-size: 14px;
	font-family: 'Microsoft Yahei';
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding:0px;
	margin:0px;
}

html {
	height: 100%;
}

.clear:before,
.clear:after {
	content: '';
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
	zoom: 1;
}

img {
	max-width: 100%;
	border:none;
}

a {
	text-decoration: none;
	color: #666666;
}

select {
	border-right: solid 1px #000000;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url("/http/en.hjunkel.com/images/arrow.png") no-repeat scroll right center transparent;
	padding-right: 14px;
}

LI {
	list-style-type: none;
}

table {
	border-collapse: collapse;
}
td{padding:0.5em 0;}

.container {
	width: 100%;
}

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

.wrapper {
	margin: auto;
	width: 1200px;
	letter-spacing: 0px;
	font-size: 0;
}

.wrapper:before,
.wrapper:after {
	display: block;
	content: '';
	clear: both;
	height: 0;
	zoom: 1;
	visibility: hidden;
}

.col-1 {
	width: 8.33%;
	float: left;
}

.col-2 {
	width: 16.66%;
	float: left;
}

.col-3 {
	width: 25%;
	float: left;
}

.col-4 {
	width: 33.33%;
	float: left;
}

.col-5 {
	width: 41.66%;
	float: left;
}

.col-6 {
	width: 50%;
	float: left;
}

.col-7 {
	width: 58.33%;
	float: left;
}

.col-8 {
	width: 66.66%;
	float: left;
}

.col-9 {
	width: 75%;
	float: left;
}

.col-10 {
	width: 83.33%;
	float: left;
}

.col-11 {
	width: 91.66%;
	float: left;
}

.col-ten{
	width: 10%;
	float: left;	
}

.col-15{
	width: 12.5%;
	float: left;
}

.col-20 {
	width: 20%;
	float: left;
}

.col-37 {
	width: 37.5%;
	float: left;
}

.col-80{
	width: 80%;
	float: left;
}
	
/* ==================== 1.2 Typography ==================== */

P {
	font-size: 14px;
	line-height: 180%;
	padding:0.5em 0;
}


/**********************Main Page**********************/

/* ==================== 2.1Top==================== */
header{
	position:relative;
	height:145px;
}
header .head-line{
	background:#F5F5F5;
	height:40px;
	padding:10px;
	border-bottom: 1px solid #EEEEEE;
}

header .head-line .icon-box{
	float:right;
}

header .head-line .icon-box span{
	display:inline-block;
	padding:0px 10px;
	font-size:11px;
	color:#8F8F8F;
}

header .head-line .icon-box a{
	position:relative;
}

header .head-line .gzh .gzcode{
	position: absolute;
	width: 0px;
	opacity: 0;
	right: 0px;
	top: 0px;
	z-index:99;
}

header .head-line .gzh:hover .gzcode{
	display:block;
	opacity: 1;
	width:120px;
	height:120px;
	top:0px;
	right:0px;
	transition: all 1.5s;
	-moz-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;	

}

header .logo{
	float:left;
	width:191px;
}

.mobile_bar{
	display:none;
	width:100%;
	text-align:center;
	padding: 0px -15px;
}

.mobile_bar span{
	display:block;
	width:30px;
	height:3px;
	background:#666;
	margin:3px auto;	
}


header .nav{
	float:left;
	width:600px;
	margin-top:50px;
}


header .nav li a{
	float:left;
	font-size:16px;
	color:#333;
	font-weight:300;
	list-style-type:none;
	padding:0px 15px;
	line-height:initial;
}


header input[type="search"]{
	position: absolute;
	background:url(../images/search-icon.png) no-repeat 4px center;
	border: solid 1px #ccc;
	padding: 3px;
	width: 28px;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;

}

header input[type="search"]:focus {
	width: 160px;
	background-color: #fff;
	border-color: #CCC;
	box-shadow:none;
	outline:none;
	padding-left:30px;
	color:#CCC;
}

header input[type="submit"]{
	display:none;
} 

header .slogan{
	padding:15px 0px 5px;
	float:right;
	width:350px;
}

.sub-nav{
	position:absolute;
	width:100%;
	z-index:99;
	top:140px;
	background:RGBA(255,255,255,0.9);
	border-top:5px solid #ff5b5b;
	line-height:0px;
}

.sub-nav a {
  float: left;
  width: 110px;
  padding-top:7px;
  text-align: center;
  color: #666;
}
.sub-nav a:hover {
  color: #111;
}
.sub-nav a img {
  display: inline-block;
   height: 50px;

}

.sub-nav a span {
  display: block;
  padding-top: 12px;
  font-size: 12px;
  line-height:100%;
  height: 36px;
}
.sub-nav__wrap{
	display:none;
	padding:0px 0px 10px;
	border-bottom:1px solid #f5f5f5;
	z-index:99;
}

.sub-nav__wrap:hover{
	display:block!important;
}

/* ==================== 2.2 banner===================== */

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

.swiper-container {
	width: 100%;
	height: 393px;
}

.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
}

.swiper-button-prev{
	left:0;}	
.swiper-button-next{
	right:0;}	
	
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.swiper-button-next span{
	background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
	
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	opacity: .6;
}

/*分页器*/
.swiper-pagination{
	top:auto;
	bottom:10px;
}
  .swiper-pagination-bullets {
	display: inline-block;
	width:100%;
	height: 10px;
	margin: 0 3px;
	cursor: pointer;
	border-radius:0;
	opacity: 1;
	text-align:center;
}

.swiper-pagination-bullets span {
	width: 14px;
	height: 14px;
	display: inline-block;
	background: #666;
	border:1px solid #DDD;
	border-radius:7px;
	margin:0px 5px;
	
}
 .swiper-pagination-bullet-active{
    background:#DDD;
}


/* ==================== 2.3 fast_nav=================== */
.fast_nav_bg {
	background: #f5f5f5;
	padding: 30px 0px;
}

.fast_nav ul li {
	display: block;
	text-align: center;
	color: #666666;
}


/* ==================== 2.4 years_nav=================== */

.years {
	margin-top: 30px;
}

.years_head {
	font-size: 20px;
	font-weight:500;
	text-align:center;
	font-family:"SimHei";
	color: #696969;
	padding: 10px 0px 30px;
}

ul.company li {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.company .story,
.company .task,
.company .honor,
.company .region,
.company .fengcai,
.company .welfare{
	border:1px solid #CCCCCC;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding:10px;
	overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
}

.company .welfare {
	margin-right: 0px;
}

.company .pic {
	float: left;
	padding: 5px;
}

.company .txt {
	float: left;
	font-size: 14px;
	color: #666666;
	padding-top: 16px;
	padding-left: 10px;
}

.company .active {
	border: 1px solid #FE5858;
}

.pic_content {
	position: relative;
	margin-top: 20px;
	border-top: 1px solid #CCCCCC;
}

.pic_content .line {
	position: absolute;
	height: 9px;
	top: -1px;
	z-index: 99;
	width:16.66%;
}

.pic_wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
}


.pic_wrapper .active{
	animation: fade 2s;
		-webkit-animation: fade 2s;
		-moz-animation: fade 2s;
		-o-animation: fade 2s;
	display:block;
}

	@keyframes fade{
		from{
			opacity:0;
			filter:alpha(opacity=0);}
		to{

			opacity:1;
			filter:alpha(opacity=1);}
	}
	@-moz-keyframes fade{
		from{
			opacity:0;
			filter:alpha(opacity=0);}
		to{
			opacity:1;
			filter:alpha(opacity=1);}
	}
		@-webkit-keyframes fade{
		from{
			opacity:0;
			filter:alpha(opacity=0);}
		to{
			opacity:1;
			filter:alpha(opacity=1);}
	}
		@-o-keyframes fade{
		from{
			opacity:0;
			filter:alpha(opacity=0);}
		to{
			opacity:1;
			filter:alpha(opacity=1);}
	}

.pic_item {
	float: left;
	display:none;

}

/* ==================== 2.5 solution=================== */
.solution_head {
	font-size: 24px;
	color: #333333;
}

.solution_type UL LI {
	font-size: 16px;
	display: block;
	text-align: center;
	float: left;
	padding-top: 10px;
	cursor:pointer;
}

.solution_type .active {
	color: #FB803A;
}

.solution_type UL LI:first-child {
	margin-left: 50%;
}
.hide{display:none;}

#img_slider1{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#img_slider2{
	position: relative;	
}

#img_slider1 .swiper-slide,
#img_slider2 .swiper-slide{
	border: 1px solid #CCCCCC;
	margin-top: 15px;}

.swiper-pagination1{
	position:absolute;
	bottom:10px;
	color:#666;
	z-index:99;
	padding-left:15px;
}

/* ==================== 2.6 product=================== */


.product_title{
	font-size: 24px;
	color: #333333;
	text-transform: capitalize;
	padding-bottom:10px;
	margin-bottom:20px;
}

.product_wrapper{
	position:relative;
	width:100%;
	height:600px;
	}


.map_wrapper{
	background:url("../images/worldmap.jpg") no-repeat;
}


.node_wrapper{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:600px;
}

.node_wrapper .box{
	position:absolute;
	z-index:1;}

.node_wrapper .box:hover{
	z-index:99;
}
	
.box .node{
	position:relative;
	display:block;	
	width:15px;
	height:15px;
	background:#FFF;
	border:1px solid #ff5b5b;
	border-radius:8px;
	box-shadow: 0 0 5px #fba3a3;
	transition:all 0.75s;
	margin:-50%;
	overflow:hidden;
}

.box .node .box_content .logo{
	text-align:center;
	padding-top: 10px;
}

.box .node .box_content .logo img{
	height:0px;
	width:0px;
	transition:all 0.75s;
}

.box .node .box_content .desc{
	font-size:0px;
	width:0px;	
	transition:all 0.8s;
	overflow:hidden;
}

.box:hover .node{
	width:220px;
	height:auto;
	border:1px solid #66a6d0;
		box-shadow: 0 0 5px #66a6d0;
}

.box:hover .node  .box_content .logo img{
	width:100px;
	height:60px;
}

.box:hover .node .box_content .desc{
	width:220px;
	font-size:14px;
	padding:10px;
	color:#666;
	background:#FFF;
}


.q-lab{
	left: 150px;
	top: 150px;
}

.leneta{
	left:164px;
	top:276px;
}

.interpolymer{
	left:243px;
	top:149px
}

.orontec{
	left:590px;
	top:270px
}

.normantool{
left: 128px;
top: 187px;
}

.rds{
left: 197px;
top: 140px;
}

.littlejoe{
left: 143px;
top: 241px;	
}

.karshaw{
left: 188px;
top: 300px;
}

.rel{
left: 278px;
top: 149px;
}


.danlee{
	left:222px;
	top:333px;
}

.defelsko{
	left:259px;
	top:345px;
}

.warren{
	left:335px;
	top:305px;
}

.pgt{
	left:350px;
	top:263px;	
}

.allnex{
left: 332px;
top: 215px;
}

.cytec{
	left:27%;
	top:33%;
}

.taber{
	left:294px;
	top:175px;
}

.invista{
	left: 18%;
	top: 35%;
}

.euroceras{
left:713px;
top: 162px;
}

.silcona{
	left:726px;
	top:209px;
}

.tqc{
	left: 49%;
	top: 27%;
}

.ceronas{
	left:670px;
	top:116px;
}

.hnpm{
	left:598px;
	top: 108px;	
}

.rjl{
	left:640px;
	top:100px;	
}

.sartorius{
	left:724px;
	top:185px;
}
.sita{
	left:683px;
	top:272px;
}
.keim{
	left:724px;
	top:227px;
}
.anseros{
	left:690px;
	top:143px;
}

.datapaq{
	left: 46%;
	top: 30%;
}

.rk{left: 45%;
	top: 29%;
}

.indulor{
	left:650px;
	top: 280px;
}
.lau{
	left: 700px;
	top: 265px;
}

.kern{
	left: 53.5%;
	top: 36%;
}

.heben{
	left:77%;	
	top:50%;	
}

.microink{
	left:68%;	
	top:55%;	
}

.molta{
	left: 85%;
	top: 41%;	
}

.solvay{
	left:570px;
	top: 238px;	
}

.labman{
	left: 44%;
	top: 33%;	
}
.levaco{
left: 623px;
top: 284px;
}

.vma{
left: 713px;
top: 248px;
}

/* ==================== 2.7 news=================== */
.news{
	margin:30px auto;
}
.new_list {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.adv {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	height: 344px;
	text-align:center;
}

.new_list ul li {
	display: block;
	float: left;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align: center;
	padding: 10px 0px;
	font-size: 16px;
}

.article_head:hover {
	background: #ff5b5b;
	color: #FFFFFF;
}

.article_tpye .active {
	background: #ff5b5b;
	color: #FFFFFF;
}

.datebox{
	width:16.66%;
	float:left;
	margin-top: 0.5em;
	}

.contentbox{
	width:83.33%;
	float:left;	
}

.date {
	display: block;
	background: #F3F3F3;
	color: #FF5A5A;
	font-size: 18px;
	padding: 10px 0px;
	margin: auto;
	height: 60px;
	width: 60px;
	text-align: center;
}

.date .addtime {
	display: block;
	font-size: 10px;
	text-align: center;
	color:#666;
}

.article_content {
	float: left;
	text-align: left;
	margin: 10px 20px 10px 0px;
	color:#666666;
}

.article_content P{
	text-indent:2em;
}

.article_list {
	display: none;
}

.new_list .active {
	display: block;
}

.article .article_title a{
	font-size: 16px;
	color: #333;
	margin:0.5em 0em;
}

.article .contentbox .article_content .article_title span{display:none;}

ul.article_list .article{
	width:100%;
	height:100px;
}

.article .article_des {
	color: #999;
	font-size:12px;
	padding-top:0.5em;
}

/* ==================== 2.8 superiority=================== */
.superiority_bg {
	background: #F5F5F5;
	padding-bottom: 30px;
	margin-top: 40px;
}

.superiority .header {
	text-align: center;
	font-size: 30px;
	margin-bottom: 40px;
	padding:30px 0px 0px 0px;
}

.superiority .header span {
	font-size: 30px;
	color: #FF5B5B;
}

.superiorit_node .xu{
	text-align:center;
}

.superiorit_node span {
	font-size: 18px;
	color: #FFFFFF;
	background: #FF5B5B;
	padding: 15px 20px;
	margin: 15px auto;
	display:inline-block;
}

.node_content {
	padding:10px 25px;
	float: left;
	color: #696969;
	min-height:120px;
}

.node_content h4 {
	font-size: 16px;
	line-height: 70px;
}

.link {
	padding: 15px;
}

.link ul {
	height: 35px;
}

.link .linkhead {
	padding: 8px;
}

.link a {
	display: inline-block;
	width: 12.5%;
	padding: 8px 0px;
	text-align: center;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}


	
/* ==================== 2.9 footer=================== */

.footer_bg {
	background: #FFFFFF;
	border-top: 5px solid #FF5B5B;
}

.footer {
	padding: 30px 0px 10px 0px;
	color: #666666;
}

.col{
	padding:30px;
}
.footer h5 {
	display: block;
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 15px;
}

.footer dl {
	overflow: hidden;
	padding-bottom: 20px;
}

.footer dd {
	font-size: 14px;
	padding: 5px 10px 5px 0px;
	float: left;
}

.footer .aboutus {
	font-size: 11px;
	line-height: 30px;
	padding-top: 30px;
}

.footer .aboutus SPAN {
	font-size: 20px;
}

.footer .contact .wechat,
.footer .contact .qq {
	float: left;
	width: 15%;
	padding-top: 10px;
	position: relative;
}

.qrcode {
	position: absolute;
	visibility: hidden;
	width: 0px;
	opacity: 0;
	right: 0px;
	bottom: 0px;
	transition: all 1.5s;
	-moz-transition: all 1.5s;
	/* Firefox 4 */
	-webkit-transition: all 1.5s;
	/* Safari 和 Chrome */
	-o-transition: all 1.5s;
}

.footer .contact .wechat:hover .qrcode {
	width: 150px;
	visibility: visible;
	opacity: 1;
}

.qrcodehide{
	display:none;
}


.footer .contact .kefu {
	float: left;
	width: 70%;
	font-family: Arial;
	font-size: 30px;
	font-style: italic;
	font-weight: bold;
	padding: 20px 0px 0px 20px;
}

.foot_fast {
	display: none;
}

.foot_fast>div {
	width: 25%;
	float: left;
	padding: 8px;
	text-align: center;
}

.foot_fast>div>a>img {
	width: 30px;
}

.copyright {
	padding-bottom: 30px;
}

.copyright p,
.copyright a{
	font-size: 11px;
	text-align: center;
	color: #666666;
	line-height: 180%;
}

/*====================3.1 crumbs====================*/
.crumbs {
	margin: 16px 0px;
	padding-left: 30px;
	font-size: 14px;
	color: #999;
	background: url("/http/en.hjunkel.com/images/Crumbs.png") 5PX 3px no-repeat;
	width: 100%;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}

.crumbs a{
	color:#999;
}

/*====================3.2 product_list====================*/
.catalog h3{
	font-size:20px;
	font-weight:normal;
	color:#ff5b5b;
	border-bottom:1px solid #DDD;	
	color: #333;
	background: url(../images/line.jpg) 0px center no-repeat;
	padding:10px;
}

.catalog h3 span a{
	font-size:12px;
	margin-left:10px;
}


.catalog li{
	border-bottom:1px solid #DDD;
	overflow:hidden;
	margin-bottom:30px;
}

.catalog .catalog-header{
	text-align:center;
	font-size:12px;
	color:#999;
	padding:60px 8px 0px;
	
}

.catalog .catalog-header img{
	max-height:80px;	
}

.catalog .catalog-header-text{
	color:#666;
	margin:10px auto;
	line-height:180%;
	font-size:12px;
}

.catalog .catalog-header-series a{
	color:inherit;
	font-family:'宋体';
	font-size:12px;
	margin:0px 5px;
}

.catalog .catalog-header-series a:hover{
	color:#ff5b5b;
}

.catalog-product-box{
	border-left:1px solid #DDD;
	text-align:center;
	padding:30px 0px;
	opacity:0.8;
}

.catalog-product-box:hover{
	opacity:1;
}


.catalog-product-box .pp{
	font-size:12px;
	color:#999;
}

.catalog-product-box .xj{
	margin-top: 15px;
	padding: 5px 10px;
	font-size: 12px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
}

.catalog-product-box .xj:hover{
	color:#FFF;
	background: #CCCCCC;
}

.nav_header {
	background: #D63B38;
	padding: 10px;
	text-align: center;
}

.moblie_nav_header{
	display:none;
}

.moblie_list_nav{
display:none;
}

.nav_header img {
	border: 3px solid #FFFFFF;
}

.list_nav {
	margin: 10px 0px 30px;
}

.level1{
	font-size: 20px;
	cursor: pointer;
	color:#333;
	font-weight:500;
	margin:0.5em 0em;
}

.list_nav .level1 a,
.flevel{
	font-size: 20px;
	cursor: pointer;
	color:#333;
	font-weight:500;
	padding-left:40px;
	margin:0.5em 0em;
}

.yiqi-icon{
	background:url(../images/yiqi.png) 5px 3px no-repeat
}

.chem-icon{
	background:url(../images/chem.png) 5px 3px no-repeat
}

.hangye-icon{
	background:url(../images/industry.png) 5px 3px no-repeat;
}
.brand-icon{
	background:url(../images/pp.png) 5px 3px no-repeat;
}

.list_nav .level2 li a{
	display: block;
    padding:5px 0px 5px 40px;
	margin:5px 0px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	}
	
.list_nave .zh-li li a{
	display: block;
    padding:5px 0px 5px 0px;
	margin:5px 0px;
}	
	
.list_nav .level2 li a:hover{
	background:#F5F5F5;
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;}	
	
	
	

.list_nav .recent{
	font-size: 14px;
	cursor: pointer;
	border-bottom: 1px solid #e1e1e1;
	padding:15px 0px;
	margin: 0px;
	float: left;
	width: 100%;
	text-align:center;
}

.list_nav .recent .current{
	background:none;
	color:#D53A36;
}

.tag_header {
	font-size: 16px;
	color: #666666;
	margin-bottom: 10px;
}

.tag ul li {
	padding: 5px 10px;
	margin: 5px 10px;
	background: #E2E2E2;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	float: left;
	color: #666666;
}

.list_center {
	margin-left: 40px;
}

.list_nav2  dt {
	font-size: 28px;
	padding: 18px 5px 5px 15px;
	color: #666;
	background:url(../images/line.jpg) 0px 24px no-repeat
}



.list_nav2  dd a{
	font-size: 14px;
	float: left;
	padding:0px 20px;	
	color:#666;
	border-right:2px solid #DDD;
	margin:15px 0px;
}

.list_nav2  dd:last-child a{
	border-right:none;
}

.list_nav2  dd a:hover{
	color:#FF5B5B;
}

.products_list {
	margin: 30px 0px;
}

.products_list ul li {
    text-align: center;
    color: #666666;
    padding: 10px 10px;
    border: 1px solid #DDD;
	margin: 0.5%;
	width: 24%;
	height: 305px;
}

.products_list ul li img {
	padding: 10px 0px;
	max-height: 192px;
}

.products_list ul li a {
	color: #666666;
	text-transform: capitalize;
}
.t,
.pp{
	width:100%;
	line-height:180%;
	overflow:hidden;
	font-size:12px;
}

.pp{
	font-size:12px;
}

.pp img{margin-right:10px;}

.products_list ul li  .t img{padding:0px 10px 0px 0px;}

.products_list ul li .xj {
	margin-top: 15px;
	padding: 5px 10px;
	font-size: 12px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
}

.products_list ul li .xj:hover {
	background: #CCCCCC;
}

.pages {
	margin-top:50px;
	text-align: center;
}

.showpage a {
	color: #666666;
	padding: 6px 12px;
	border: 1px solid #DDDDDD;
	margin: 5px;
	display: inline-block;
}

.pages .showpage .current {
	background: #EA3C3C;
	color: #FFFFFF;
}



/*====================4.1 product====================*/
.product_ind_bg {
	background: #F2F2F2;
	margin-top: 20px;
}

.product_ind ul li {
	width: 12.5%;
	float: left;
	padding: 20px;
	text-align: center;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.product_ind ul li span {
	display: block;
}

/*====================4.2 product summery====================*/

.big_pic {
	border: 1px solid #DDDDDD;
	padding:15px 14.5px;
	margin-bottom: 9px;
	overflow: hidden;
	max-height:301px;
	text-align: center;
}

.products_param {
	padding-left: 50px;
	line-height: 200%;
	height: 300px;
	overflow: hidden;
	margin-bottom: 10px;
}

.products_param .gg{
	color:#666;
}
.products_param .ppview{
	color:#333;
}


.products_param a {
	color: #333333;
}

.products_param h1 {
	font-size: 20px;
	color: #333;
	text-transform:capitalize;
}

.products_param ul li,
.products_param ul li a{
	font-size: 14px;
	color: #666666;
	line-height: 200%;
	white-space: nowrap;
}

.products_param  .hybox{
	margin:7px 0px;
	color: #666666;
}

.products_param  .hybox_application_head{
	float:left;
	width: 100px;
	text-align: right;
	padding-right: 10px;
}

.products_param  .hybox_application{
	float:left;
	width: 645px;}

.products_param  .hybox a{
	font-size: 14px;
	color: #666666;
}

.products_param span {
	display: inline-block;
	width: 100px;
	text-align: right;
	padding-right: 10px;
}

.img_list {
	position: relative;
	padding: 15px 0px 0PX;
	background: #FFFFFF;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	height: 80px;
}

.products_box .cpmore {
    display: block;
    width: 165px;
    height: 50px;
    background: url(../images/cpmore.gif) 0 0 no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

.products_box .cpmore:hover {
    background: url(../images/cpmore.gif) 0 -50px no-repeat;
}

#cppic {
	left: 0;
	width: 100%;
	height: 65px;
	position: absolute;
}

#cppic .pic_list_prev {
	float: left;
	width: 15px;
	height: 45px;
	background: url(../images/arrl.gif) left center no-repeat;
	cursor: pointer;
	margin-top: 3px;
}

#cppic .pic_list_next {
	float: right;
	width: 15px;
	height: 45px;
	background: url(../images/arrr.gif) right center no-repeat;
	cursor: pointer;
	margin-top: 3px;
}

.pic_list_body {
	width: 90%!important;
}

#cppic .pic_list_body ul {
	overflow: hidden;
}

#cppic .pic_list_body ul li {
	float: left;
	width: 66px;
	height: 45px;
	text-align: center;
}

#cppic .pic_list_body ul li img {
	width: 60px;
	height: 43px;
	border: 1px solid #DDD;
	cursor: pointer;
}

#cppic .pic_list_body ul .current {
	border: 1px solid #D53A36;
}

.param_bottom {
	height: 80px;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
}

.param_bottom .r {
	padding-left: 50px;
	text-align: center;
}

.param_bottom .r a {
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 10px;
}
.wechat-box{
	position:relative;
}

.wechat-box .wechat-box-codewrapper{
	position:absolute;
	display:none;
	right:0;
	bottom:0;
	width:150px;
	height:150px;
}

.wechat-box:hover .wechat-box-codewrapper{
	display:inline;
}

.p_r_qq {
	background: url(../images/pr_qq.png) right center no-repeat;
}

.p_r_video {
	background: url(../images/pr_video.png) right center no-repeat;
}

.p_r_pdf {
	background: url(../images/pr_pdf.png) right center no-repeat;
}

.p_r_price {
	background: url(../images/pr_quote.png) right center no-repeat;
}

.p_r_yp{
	background: url(../images/sqyp.png) right center no-repeat;
}

.p_r_wechat{
	background: url(../images/wechat.png) right center no-repeat;
}

/*====================4.3 product content====================*/

.pr_content {
	margin-top: 30px;
}

.pr_content .content {
	padding-left: 50px;
}

.pr_content .content .content_nav ul {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.pr_content .content .content_nav ul li {
	width: 14%;
	float: left;
	font-size: 16px;
	text-align: center;
	border-right: 1px solid #DDDDDD;
	padding: 10px 0px;
}

.pr_content .content .content_nav ul li:last-child {
	border-right: 0px;
}

.pr_content_wrapper {
	padding: 20px 30px 50px;
	color:#666666;
}

.pr_content .content h2 {
	padding: 0.6em 0.5em;
	color: #AC0000;
	border-bottom: 1px solid #DDDDDD;
}

.pr_content .content h2 strong{
	display:block;
	text-indent:-99em;}

.pr_content .content h3 {
	margin: 1em 0;
	color: #AC0000;
	font-size: 16px;
}

.pr_content_wrapper p {
	text-indent: 2em;
	font-size:16px;
}

.pr_content_wrapper a {
	color: #666666;
	font-size:16px;
	font-weight:normal;
	border-bottom: 1px dotted #AC0000;
	
}

.pr_content_wrapper ul li{
	text-indent:2em;
	padding: 0.5em 0em;
}

.pjimg {
	margin: 10px;
	text-indent:0em;
}

.pjimg img {
	border: 1px solid #DDDDDD;
}
.pjxx{
	padding-top:10px;
}
.pjxx  p{
	font-size:12px;
	color: #666666;
	padding:0;
}

.pj li {
	display: block;
}

.q{
	font-size:12px;
	color:#b02620;
}
.an{
	text-indent:2em;
	font-size:14px;
	color:#666666;
	margin:20px 0px 40px;
}

.an a{font-size:14px;}

.qpage{text-align:center;}

.qpage a{
	margin:0px 10px;
	font-size:12px;
	color:#666666;
}

.cprelate_product {
	margin: 30px 0px;
}

.cprelate_product ul li {
	padding: 15px 0px;
	border: 1px solid #DDDDDD;
	text-align: center;
	margin-top: 10px;
}

.cprelate_product ul li .model{
	font-size:12px;
}

ul.product_wenxian li {
	padding: 8px 0px 8px 15px;
	background: url("/http/en.hjunkel.com/images/wx.gif") 5px 10px no-repeat;
}

/*====================4.3 newlist====================*/
.newlist_wrapper {
	margin-left: 40px;
}

.newlist_wrapper ul li {
	border-bottom: 1px solid #DDDDDD;
	padding: 35px 0 25px;
}

.newlist_wrapper ul li a {
	font-size: 16px;
}

.newlist_topwrapper {
	margin-bottom: 30px;
}


.recommended {
	padding: 10px;
	height: 300px;
	border: 1px solid #DDDDDD;
	margin: 10px;
}

.recommended:hover{
	border: 1px solid #F23030;	
}

.recommended:last-child {
	margin-right: 0px;
}

.recommended img {
	width: 100%;
	height: 180px;
	margin-bottom: 20px;
}

.recommended  .article_summery a{
	font-size:14px;
}

.article_summery {
	padding-left: 20px;
	font-size: 16px;
}

.article_summery p{
	color: #999;
	font-size: 12px;
	padding-top: 0.5em;
}

.article_summery>div P a{
	font-size: 16px;
	color: #333;
	margin: 0.5em 0em;
}

.article .article_summery>span{display:none;}

.new_list_nav{
	display:none;
}


/*====================5.1 article====================*/
.article_wrapper {
	margin-left: 100px;
}

.article_wrapper h1 {
	text-align: center;
	font-size: 20px;
	color:#666666;
	font-weight: bold;
	margin: 40px 0px 60px 0px;
}

.article_header {
	text-align: center;
	font-size: 10px;
	color: #AAAAAA;
}

.article_summary {
	margin: 20px 0px;
	background: #F6F6F6;
	padding: 20px;
	color: #878787;
}

.article_wrapper h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 5px;
	color: #AC0000;
}

.prenext {
	margin: 30px;
}

.relate_header {
	margin-top:60px;
	margin-left: 100px;
}

.article_relate_prodcut {
	margin: 30px 0px 0px 80px;
}

.article_relate_prodcut .relate_product {
	text-align: center;
	padding: 10px;
}

.article_relate_prodcut .relate_product .contentwrapper {
	margin: 10px 0px;
}

.bdsharebuttonbox{
	text-align:center;
}

.bdshare-button-style2-16 a, .bdshare-button-style2-16 .bds_more{
	float:none!important;;
}

.article_header>div{
	padding:4px 0px;
}

.downicon{
	text-align:center;
}
.zt_news_relate li{
	float: left;
	margin: 5px 50px;
	border-bottom: 1px dashed #DDD;
	display: inline;
	background: url(../images/icos4.gif) 3px 10px no-repeat;

}



.zt_news_relate li span,
.zt_news_relate li a{
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 16px;
	color: #666666;
}


/*====================6.1 service====================*/

.query,
.apply {
	margin: 30px;
	text-align: center;
	opacity: 0.7;
	filter: alpha(opacity=70)
}

.query:hover,
.apply:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

.service-list {
	text-align: center;
}

.service-list li {
	border: 1px solid #FFFFFF;
	padding: 20px;
	border-radius:5px;
		-moz-border-radius:5px;
			-webkit-border-radius:5px;
}

.service-list li:hover {
	border: 1px solid #FF5B5B;
	box-shadow:2px 2px 5px #CCCCCC;}

.service-list span {
	display: block;
	padding: 20px;}

.px_page{margin-top:40px;}

#tsjy input{
	border:none;
	border-bottom:1px solid #DDD;
	color:#666;}
	
#tsjy span,#tsjy label{	color:#666;}
	
#tsjy .lx{
	font-size:16px;
	color:#666;
	border-bottom:1px solid #999;
	padding:10px 0px;
	margin:30px 0px;
	}
			
#tsjy .lxr,	
#tsjy .tel,
#tsjy .email{margin:10px 0px 30px;}

#tsjy .lxr .txt2{
	width:40%;
	padding:5px;}

#tsjy .tel .txt1,
#tsjy .email .txt1{
	width:60%;
	padding:5px;}
	
#tsjy .yj{margin:30px 0px 10px;}

#tsjy .yj span{
	display:block;
	padding:5px 0px;
	color:#666;
	}	
	
#tsjy .yj .txt3{
	border:1px solid #DDD;
	color:#999;
	width:100%;
	height:200px;
	resize:none;
	padding: 10px;
	border-radius:8px;
	}
	
#tsjy input[type="submit"]{
	float: left;
	margin: 8px 15px;
	padding: 10px;
	background: #FF5B5B;
	color: #FFFFFF;
}
	
	
/*====================7.1 single page====================*/
.single-page-head{
	font-size: 20px;
	color: #333;
	font-weight: 500;
	padding-left: 40px;
	margin: 0.5em 0em;
}
.grounp-icon{
	background: url(../images/grounp.png) 5px 3px no-repeat;
}
.peixun-icon{
	background: url(../images/peixun.png) 5px 3px no-repeat;
}
.shouhou-icon{
	background: url(../images/shouhou.png) 5px 3px no-repeat;
}

.download-icon{
	background: url(../images/download.png) 5px 3px no-repeat;
}
.driver-icon{
	background: url(../images/driver.png) 5px 3px no-repeat;
}
.yth-icon{
	background: url(../images/yth.png) 5px 3px no-repeat;
}
.news-icon{
	background: url(../images/news.png) 5px 3px no-repeat;
}

.zh-icon{
	background: url(../images/zh.png) 5px 3px no-repeat;
}

.single-page-title {
	margin: 18px 0px 40px;
	font-size: 28px;
	color: #333;
	font-weight: normal;
}

.single-page-content {
	text-indent: 2em;
}

#fengcai .topbox{
	background:#F0F0F0;
	overflow:hidden;
	margin-bottom:50px;
	border-radius:5px;
		-webkit-border-radius:5px;
			-moz-border-radius:5px;
}

#fengcai .topbox .fengcai_title{
	font-size:20px;
	color:#666666;
	padding:55px 0px 0px 30px;
}

#fengcai .topbox .fengcai_des{
	font-size:14px;
	color:#666666;
	padding:30px 0px 0px 30px;
}

#fengcai .more{padding:15px 30px;}

#fengcai  ul li:nth-child(odd){
	padding:10px 20px 0px 0px;		 
}

#fengcai  ul li:nth-child(even){
	padding:10px 0px 0px 20px;	
}
#fengcai .fengcai_list_box{
	background:#F0F0F0;
}
#fengcai .fengcai_list_box .img_wrapper{
	height:258px;
	overflow:hidden;
}

#fengcai  ul li .fengcai_list_title{
	padding:30px 0px 0px 30px;
	font-size:16px;
}



/*====================8.1 brand page====================*/
.charlist_wrapper {
	margin: auto;
	padding: 30px 0px;
}

.charlist span {
	float: left;
	padding: 10px 15px;
	font-family: "Arial";
	font-size: 20px;
}

.brand_title {
	display: block;
	border-bottom: 1px solid #DDDDDD;
	font-size: 24px;
}

.brand_list  li {
	padding: 20px 0px;
	display: block;
	border-bottom: 1px solid #DDDDDD;
}

.brand_list_sub{
	color:#666;
}

.brand_font {
	display: block;
	width: 100%;
}

.brandc{
	padding-left:15px;
	color:#666666;
}

.brand_list_item {
	width: 121px;
	height: 75px;
	border: 1px solid #DDDDDD;
	text-align: center;
	padding: 10px;
	float: left;
	margin-left: 20px;
}


.brand_list_item img {
	max-height: 50px;
	max-width: 100%;
}

/*====================9.1 brand detail====================*/
.pp_summary {
	margin: 30px 0px 50px;
}

.pp_summary .logo {
	height: 130px;
	text-align: center;
}

.pp_summary .logo img {
	height: 130px;
	border: 1px solid #DDDDDD;
	padding: 15px;
}

.pp_summary h1 {
	font-size: 30px;
	padding: 15px;
	margin-left: 30px;
}

.pp_summary .pp_slogan {
	padding: 0px 15px;
	margin-left: 30px;
}

.pp_summary .dlzs {
	padding: 30px;
}

.pp_summary .dlzs span{
	display:block;
	text-align:center;
	color:#666666;
	padding:10px 0px;
}

.pp_summary .dlzs img {
	border: 1px solid #DDDDDD;
}

.pp_detail h2 {
	margin: 20px 0px 0;
	font-size: 20px;
	font-weight: normal;

}

.pp_product_list h3 {
	font-size: 20px;
	padding: 10px 0px;
	display: block;
	border-bottom: 1px solid #DDDDDD;
	font-weight: normal;
}

.pp_product_list ul li {
	text-align: center;
	padding: 20px 15px;
	float: left;
	color: #8C8C8C;
}

.pp_product_list ul li .slt {
	border: 1px solid #DDDDDD;
}

.pp_product_list ul li .slt:hover {
	border: 1px solid #F23030;
}

.pp_product_list ul li .mc {
	padding: 10px 0px 10px 0px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;	
}

.pp_product_list ul li .mc img {
	margin-right: 15px;
}

.pp_product_list ul li .pp,
.pp_product_list ul li .cpxh {
	font-size: 12px;
	text-align:center;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	line-height:180%;
}

.pp_product_list ul li .cpxj:hover {
	background: #cccccc;
}

.pp_product_list ul li .cpxj {
	margin-top: 15px;
	padding: 5px 10px;
	font-size: 12px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
}

/*====================10 topic list====================*/
.topic_list{
	margin:100px 0px;
}

.topic_list li{
	margin-bottom:50px;
	}
		
.topic_list li:hover{
	animation:shake 1s;
	-moz-animation:shake 1s;
	-webkit-animation:shake 1s;	
	-o-animation:shake 1s;	
	animation-timing-function:ease-in-out;				
}

@keyframes shake{
	0%	{transform: perspective( 0px ) rotateY( 0deg );}
	20%	{transform: perspective( 1500px ) rotateY( -30deg );}
	30%	{transform: perspective( 0px ) rotateY( 0deg );}
	40%	{transform: perspective( 1500px ) rotateY(30deg );}	
	60%	{transform: perspective( 1800px ) rotateY( -15deg );}	
	70%	{transform: perspective( 0px ) rotateY( 0deg );}
	80%	{transform: perspective( 1800px ) rotateY( 15deg );}	
	100% {transform: perspective( 0px ) rotateY( 0deg );}	
}

@-moz-keyframes shake{
	0%	{-moz-transform: perspective( 0px ) rotateY( 0deg );}
	20%	{-moz-transform: perspective( 1500px ) rotateY( -30deg );}
	30%	{-moz-transform: perspective( 0px ) rotateY( 0deg );}
	40%	{-moz-transform: perspective( 1500px ) rotateY(30deg );}	
	60%	{-moz-transform: perspective( 1800px ) rotateY( -15deg );}	
	70%	{-moz-transform: perspective( 0px ) rotateY( 0deg );}
	80%	{-moz-transform: perspective( 1800px ) rotateY( 15deg );}	
	100% {-moz-transform: perspective( 0px ) rotateY( 0deg );}	
}

@-webkit-keyframes shake{
	0%	{-moz-transform: perspective( 0px ) rotateY( 0deg );}
	20%	{-webkit-transform: perspective( 1500px ) rotateY( -30deg );}
	30%	{-webkit-transform: perspective( 0px ) rotateY( 0deg );}
	40%	{-webkit-transform: perspective( 1500px ) rotateY(30deg );}	
	60%	{-webkit-transform: perspective( 1800px ) rotateY( -15deg );}	
	70%	{-webkit-transform: perspective( 0px ) rotateY( 0deg );}
	80%	{-webkit-transform: perspective( 1800px ) rotateY( 15deg );}	
	100% {-webkit-transform: perspective( 0px ) rotateY( 0deg );}	
}

@-o-keyframes shake{
	0%	{-moz-transform: perspective( 0px ) rotateY( 0deg );}
	20%	{-o-transform: perspective( 1500px ) rotateY( -30deg );}
	30%	{-o-transform: perspective( 0px ) rotateY( 0deg );}
	40%	{-o-transform: perspective( 1500px ) rotateY(30deg );}	
	60%	{-o-transform: perspective( 1800px ) rotateY( -15deg );}	
	70%	{-o-transform: perspective( 0px ) rotateY( 0deg );}
	80%	{-o-transform: perspective( 1800px ) rotateY( 15deg );}	
	100% {-o-transform: perspective( 0px ) rotateY( 0deg );}	
}
	
/*====================11 industry====================*/
.yingyong .yingyong_header{
	font-size:18px;
	font-weight:600;
	margin-top:30px;
}

.all_icon{
	margin-top:30px;
	border-top:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
	overflow:hidden;
	color:#666;
}
.all_icon img{
	max-height:54px;
	overflow:hidden;
    opacity: 0.78;
}


.yingyong .all_icon .ico{
	margin-left:-1px;
	margin-top:-1px;
	text-align:center;
	padding:50px 0px;
	opacity:0.7;
	filter:alpha(70);
	border-left:1px solid #DDDDDD;
		border-top:1px solid #DDDDDD;
}

.yingyong .ico .industryname {
	width:8em;
	overflow: hidden; 
	white-space:nowrap;
	text-overflow:ellipsis;
	margin:auto;
}

.yingyong .ico .industryname a{
	font-size:12px;
}

.yingyong .ico:hover .industryname a{
	color:#DD5D23;
}
/*====================12 search result===================*/
.type li{
	border-bottom:1px solid #DDD;
	text-align:center;
	font-size:16px;
	color:#666;
	padding:0.5em 0;
	cursor:pointer 
}


.list_center #result{
	display:none;
}

.list_center #result.current{
	display:block;
	animation:fade 1.5s;
		-webkit-animation:fade 1.5s;
			-o-animation:fade 1.5s;
			-moz-animation:fade 1.5s;
}


/*========================13 404page============================*/
.wengkaier {
	display: block;
	overflow: hidden;
	text-align:center;
	padding:40px 0  80px;
}
.e404{width:980px;height:550px;margin:20px 0 0 30px}
.e404 a{display:block;width:980px;height:605px;background:url(../images/404.jpg) 0 0 no-repeat;overflow:hidden;text-indent:-999px}

.mobile_contactbox{display:none;;}
.mobile_contactbox ul li{
	display:inline-block;
	text-align:center;
	color:#666666;
	padding:5px 8px;
}

/*========================14 sitemap============================*/
.sitemap{
	margin:30px 0px 50px 0px;
}

.sitemap .smt{
	background:-webkit-gradient(linear,0 0,0 1,from(#FFFFFF), to(#F6F6F6));
	background:linear-gradient(#FFFFFF,#F6F6F6);
	background:-webkit-linear-gradient(#FFFFFF,#F6F6F6);
	background:-moz-linear-gradient(#FFFFFF,#F6F6F6);
	background:-o-linear-gradient(#FFFFFF,#F6F6F6);
	border:1px solid #DDDDDD;
	padding:10px 0px 10px 20px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}	

.sitemap .list1,
.sitemap .list2{
	padding:30px;
	font-size:12px;
}

.list1 a{
	margin: 15px 10px;
	float:left;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	padding-left:30px;
	background:url(../images/hand.gif) 0px 0px no-repeat;
}

.list2 a{
	float:left;
	padding:10px;
}

.sitemap a:hover{
	color:#FF9700;
}