@charset "utf-8";

body {
	font: 90%/1.6 Calibri;
	color: #4a4a4a;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#header, #doc, #footer{ width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,figure {
	margin: 0;
	padding: 0;
}
.col-2-left-layout{max-width:1200px; width:100%;}
.menu-root{background: url(/images/images_74/menuBg.gif) repeat-x;border-top: 1px #DFDEE3 solid; margin: 2% auto 0;}
.mian-menu{ height:58px; }
.mian-menu ul{ float:left;}
.mian-menu ul ul{ text-transform:lowercase;  padding:0 2px; overflow:hidden; background:#F5F5F5; top:57px; width:auto;}
.mian-menu ul ul a:hover{ color:#990000;}
.mian-menu ul li a span { max-width:140px; overflow: hidden; padding-right: 8px; white-space: nowrap;text-overflow: ellipsis;}
.mian-menu ul li li{background:#F5F5F5;}
.mian-menu ul li {padding-left: 0;border-right:1px #DFDEE3 solid; line-height:58px;}
.mian-menu ul li.current{
	top: 0;
	left: 0;
	color:#990000;
}
.widget-container h3{border-bottom:1px dotted #9d9c9c; margin-bottom:15px; padding-bottom:8px; font-size:18px;}
.entry-title strong, .entry-title h1{ font-size:2.2em; margin:10px 0; padding:0 0 0 10px; width:100%;}
#col-left, #col-right{width: 19%;min-width: 110px;}
#col-main{ width:80%;}
.xc_no_trans{ width:60%;}
.entry-content table th{padding-bottom:20px;}
.entry-content table th h1{ font-size:18px; }
#products-gallery li{ width:24.5%; min-width: 164px;max-height: 230px;height: 230px;}
.entry-images ul, .widget_images ul{min-width:600px;}
#products-gallery li .check_box,#products-list li .check_box{text-align:center;}
#products-list li .protext{width: 70%; min-width: 350px;}
#products-list li .protext a{ font-size:1.3em;}
#products-list li .protext .part a{ font-size:12px;}
.widget-container, .widget_list ul{border-right:1px solid #bdbdbd;margin-bottom:0;padding-bottom: 12px;}
.widget_list ul li ul li{ background:url(/images/images/widget_list_ico.png) no-repeat 10px -102px;  }
.widget_list ul li ul li ul li{ background:url(/images/images/widget_list_ico.png) no-repeat 22px -164px;  }
.entry-title a, .entry-title span{ padding-left:0;}
#article h1{ font-size:2.2em;}
.mian-menu ul li li a span{text-transform:capitalize; width:100%; }
.mian-menu ul li{ padding:0 18px;}
#products-gallery li.clear{display: none;}
.proimg a{ text-align:center; margin:0 auto;}
#bigLanguage{font-size: 86%; font-family: Arial;}
.relatedProducts li{ line-height:17px;}
.hisupplier-logo{
	width: 100%;
	overflow: hidden;
}
.hisupplier-logo table td a.logo{
	float: none;
}
#mainv_div{
	overflow: hidden;
}
.table-striped>tbody>tr:nth-of-type(even) {
  background-color: #f7f7f9;
}
ol.bjqs-markers{
	bottom: 10px;
}
ol,ul,dl,li {
	list-style: none
}

table,input,select,textarea,option {
	color: #4a4a4a;
}

button,input,textarea,select,label {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: Calibri;
}

img,input,label,button {
	vertical-align: middle;
}

input:focus,button:focus,select:focus,textarea:focus,a:active {
	outline: 0;
}

.clear {
	height: 0px;
	line-height: 0;
	content: ".";
	overflow: hidden;
	clear: both;
	font-size: 0px;
}

img {
	border: 0px;
	max-width: 100%;
}

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

a {
	text-decoration: none;
	color: #4a4a4a;
	cursor: pointer;
}

a:active {
	background-color: transparent;
	outline: none;
}

a:hover {
	color: #cd0900;
	text-decoration: none;
}

#main,#header,.center {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}


.header-new{
	max-width: 1080px;
}
.quick-menu{
  height: 30px;
  line-height: 30px;
  font-size: 15px;
}


#header {
	position: absolute;
	z-index: 100;
	top: 3%;
	margin: auto;
	left: 0px;
	right: 0px;
}

#top {
	vertical-align: middle;
	background-color: rgba(255,255,255,0.5);
	border-radius: 15px;
	width: 100%;
}

#top .menu {
	display: none;
}

.top-link {
	text-align: right;
	margin-right: 30px;
	margin-bottom: 4%;
}

.sharelink,.lang {
	display: inline-block;
}

.sharelink a {
	margin: auto 4px;
	vertical-align: middle;
	display: inline-block;
}

.lang {
	border-radius: 3px;
	background-color: #E20A00;
	margin-left: 20px;
	vertical-align: middle;
	position: relative;
}

.lang a {
	color: #fff;
	padding: 0px 20px;
	font-size: 15px;
	display: inline-block;
}

.lang a i {
	border: 4px solid transparent;
	border-top-color: #fff;
	border-bottom: 0px;
	vertical-align: middle;
	overflow: hidden;
	height: 0px;
	width: 0px;
	font-size: 0px;
	display: inline-block;
}

.lang span {
	display: none;
}

.widget-container ul.service{
	padding: 0 25px;
}
.lang:hover span {
	display: block;
	position: absolute;
	background-color: #E20A00;
	text-align: center;
	max-width: 100%;
	border-radius: 0 0 3px 3px;
}

#mo_menu {
	white-space: nowrap;
	max-width: 1300px;
	margin:0 auto;
}
#mo_menu a {
	font-size: 16px;
	font-weight:400;
	text-transform: uppercase;
}

#mo_menu a.now {
	color: #cd0900;
}

#mo_menu a:last-child {
	padding-right: 0px;
}

#mo_menu a:first-child {
	padding-left: 0px;
}

#mo_menu ul ul a{
	font-size: 14px;
}

#banner {
	width: 100%;
	overflow: hidden;
	margin-bottom: 2%;
}

#banner figure {
	margin: 0px;
	padding: 0px;
}

#banner img {
	width: 100%;
	text-align: center;
}

.banner {
	width: 100%;
}

.justify {
	text-align: justify;
	text-justify: inter-ideograph;
}

.justify:after {
	content: '.';
	height: 0px;
	width: 100%;
	display: inline-block;
	overflow: hidden;
}

.justify .line {
	content: '.';
	display: inline-block;
	width: 100%;
	height: 0px;
	overflow: hidden;
}

.justify .box {
	display: inline-block;
	vertical-align: top;
}

.space {
	margin-top: 15px;
}

.radius1 {
	border-radius: 3px;
	overflow: hidden;
}

.radius2 {
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}

.inner {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.titl {
	width: 100%;
	vertical-align: middle;
}

.titl span {
}

.titl a {
	text-transform: uppercase;
	line-height: 1;
}

.transition {
	-webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
}

.hcontent {
	padding-top: 10px;
}

.gradient1 {
	background: -moz-linear-gradient(top,#DB5800,#D02300);
	background: -ms-linear-gradient(top,#DB5800,#D02300);
	background: -o-linear-gradient(top,#DB5800,#D02300);
	background: -webkit-linear-gradient(top,#DB5800,#D02300);
	background: linear-gradient(top,#DB5800,#D02300);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DB5800',endColorstr='#D02300');
}

.gradient2 {
	background: -moz-linear-gradient(top,#FFFFFF,#E8E8E8);
	background: -ms-linear-gradient(top,#FFFFFF,#E8E8E8);
	background: -o-linear-gradient(top,#FFFFFF,#E8E8E8);
	background: -webkit-linear-gradient(top,#FFFFFF,#E8E8E8);
	background: linear-gradient(top,#FFFFFF,#E8E8E8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF',endColorstr='#E8E8E8');
}

@font-face {
	font-family:"wf_icons_normal";font-style:normal;font-weight:normal;src:url("../face/face2/2.eot?#iefox") format("embedded-opentype"),url("../face/face2/2.woff") format("woff"),url("../face/face2/2.ttf") format("truetype"),url("../face/face2/2.svg#wf_icons_normal") format("svg");
}

@font-face {
	font-family:"wf_segoe-ui_normal";font-style:normal;font-weight:normal;src:local("Segoe UI"),local("Segoe"),local("Segoe WP"),url("../face/latest/latest.eot?#iefix") format("embedded-opentype"),url("../face/latest/latest.woff") format("woff"),url("../face/latest/latest.ttf") format("truetype"),url("../face/latest/latest.svg#wf_segoe-ui_normal") format("svg");
}

@font-face {
	font-family:"calibri";font-style:normal;font-weight:normal;src:url("../face/calibri/calibri.eot?#iefix") format("embedded-opentype"),url("../face/calibri/calibri.woff") format("woff"),url("../face/calibri/calibri.ttf") format("truetype"),url("../face/calibri/calibri.svg#calibri") format("svg");
}

#main {
	position: relative;
	border-radius: 0 16px 0 0;
	z-index: 13;
}

#main:after {
	position: absolute;
	height: 100%;
	top: 15px;
	right: 0px;
	content: '';
	width: 1px;
	box-shadow: 1px 0px 2px 0 #6A6A6A;
	display: inline-block;
	background-color: #fff;
	z-index: -10;
}

.brandTit {
	padding: 3% 4%;
	text-align: center;
	background: url(/images/images_72/brand-bg.png) 0 0 no-repeat;
	position: relative;
	overflow: hidden;
	border-radius: 0 16px 0 0;
	background-size: 6% 27%;
	-webkit-background-size: 6% 27%;
}

.brandTit:after,.brandTit:before,.brandTit p:after,.brandTit p:before {
	content: '.';
	font-size: 0px;
	width: 100%;
	display: block;
	height: 100px;
	position: absolute;
	z-index: -9;
}

.brandTit:after {
	background-color: #F0F4FD;
	top: 0px;
	left: 6%;
}

.brandTit:before {
	left: 0px;
	top: 26.8%;
	height: 100%;
	background-color: #F0F4FD;
}

.brandTit p {
	border-radius: 0px 12px 12px;
	padding: 3% 0;
	position: relative;
	overflow: hidden;
	z-index: 5;
	-webkit-background-size: 4.3% 25.8%;
	background-size: 4.3% 25.8%;
}

.brandTit p:after {
	top: 0px;
	left: 4.3%;
	z-index: -7
}

.brandTit p:before {
	left: 0px;
	top: 25.6%;
	z-index: -7
}

.brandTit p strong {
	font-size: 39px;
	color: #8a8a8a;
	display: block;
	line-height: 1.2;
	font-weight: normal;
}

.brandTit p strong em {
	color: #4e8981;
	font-style: normal;
	font-weight: bold;
}

.brandTit p i {
	font-size: 21px;
	color: #4e4e4e;
	font-style: normal;
	margin-left: 20px;
}

.brandTit p i:before {
	content: "•";
	color: #7D7E7C;
	font-weight: bold;
	margin-right: 8px;
}

.section+hr {
	border: 0px;
	border-bottom: 1px dotted #939499;
	margin: 0px;
	margin: 0px 4%;
	height: 0px;
	overflow: hidden;
	background-color: #F0F4FD;
}

.section {
	padding: 2% 4%;
	background-color: #F0F4FD;
}

.section .aboutbox {
	width: 51%;
}

.section .aboutbox figure {
	max-width: 38.4%;
	height: 180px;
}

.section .aboutbox .aboutcon {
	max-width: 56.3%;
	text-align: left;
}
.section .aboutbox .fullbox{
	max-width: 100%;
}

.section .aboutbox .aboutcon strong {
	font-size: 25px;
	font-weight: normal;
	text-transform: uppercase;
	display: block;
}

.section .aboutbox .aboutcon strong em {
	font-weight: bold;
	color: #cd0900;
	font-style: normal;
}

.section .aboutbox .aboutcon p {
	margin: 4px 0px 24px;
}

.section .aboutbox .aboutcon a {
	display: inline-block;
	background-color: #FF7711;
	border-radius: 6px;
	color: #fff;
	padding: 0px 15px;
}

.section .aboutbox .aboutcon a i,.section header a i {
	border: 5px solid transparent;
	border-left: 9px solid #fff;
	border-right: 0px;
	font-size: 0px;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: -2px;
	height: 0px;
	overflow: hidden;
	width: 0px;
	display: inline-block;
}

.section hr {
	border: 0px;
	border-left: 1px dotted #464646;
	height: 200px;
	vertical-align: top;
}

.section header.justify {
	margin-bottom: 10px;
}

.section header.justify h3 {
	font-size: 27px;
	color: #ED7D2A;
	text-transform: uppercase;
	vertical-align: middle;
}

.section header.justify a {
	background-color: #C1C4CA;
	color: #fff;
	padding: 0px 15px;
	border-radius: 6px;
	vertical-align: baseline;
}

.section header.justify a i {
	border-left-color: #fff;
}

.section .newsbox li {
	padding-bottom: 9px;
}

.section .newsbox li a {
	display: block;
	line-height: 1.1;
}

.section .newsbox li.hot a:after {
	content: url(/images/images_72/hot.jpg);
	margin-left: 10px;
}

.section .newsbox li span {
	color: #999;
}

.section .hotpro {
	width: 56.3%;
}

.section .hotpro .probox {
	width: 28.3%;
	padding-bottom: 10px;
	padding-top: 0px;
}

.section .video {
	width: 38%;
}

.section .video .videobox+header {
	margin-top: 15px;
}

.section .video .contactbox .title{
	font-size: 20px;
	font-weight: 700;
}

.section .video .contactbox p {
	max-width: 90%;
	text-align: left;
	margin-top: 15px;
}

.section .video .contactbox .skype{
	display: inline-block;
}

.section .video .contactbox p span {
	font-size: 15px;
	color: #666;
	line-height: 1.2;
}

.section .video .contactbox p strong {
	font-size: 16px;
	color: #4b4b4b;
	display: inline-block;
	word-break: break-all;
}

.section .video .contactbox p i {
	font-style: normal;
	color: #838588;
	display: block;
	margin-bottom: 8px;
	line-height: 1;
}

.section .video .contactbox p a img {
	margin-right: 15px;
}

.prolist {
	max-width: 100%;
}

.prolist .probox {
	width: 28.6%;
	padding-top: 2%;
}

.prolist .line {
	width: 28.6%;
}

.prolist .probox .proimg {
	width: 100%;
	max-width: 100%;
	height: 150px;
	*font-size: 119px;
	text-align: center;
	font-size: 0px;
	overflow: hidden;
	vertical-align: middle;
	border-radius: 6px;
	border: 1px solid #E3E3E3;
}

.prolist .probox .proimg:after {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	content: ".";
	width: 0px;
	overflow: hidden;
}

.prolist .probox .proimg img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	display:inline-table; 
}

.prolist .probox .protext {
	text-align: left;
	padding: 8px 0px 0px;
}

.prolist .probox .protext h2 a {
	display: block;
	overflow: hidden;
	font-size: 14px;
	color: #246BB3;
	line-height: 1.1
}

.prolist .probox .protext>span {
	color: #949494;
}

.prolist .probox .protext p {
	overflow: hidden;
	margin-top: 5px;
	max-height: 72px;
	line-height: 1.2;
	color: #4a4a4a;
}

.prolist .probox .protext p a {
	color: #246BB3;
	text-decoration: underline;
}

.prolist .probox .protext>a {
	text-transform: uppercase;
	color: #e92111;
	margin-top: 6px;
	display: block;
}

.prolist .probox .protext>a:hover {
	text-decoration: none;
}

#main.maincon {
	margin-bottom: 4%;
	margin-top: 2%;
}

#main.maincon:after {
	width: 0px;
}

.left {
	width: 14.75%;
	border-right: 1px solid #BDBDBD;
	padding: 0% 10px 0px 13px;
	text-align: left;
}

.left dl {
	border-bottom: 1px dotted #9D9C9C;
	padding-bottom: 20px;
	padding-top: 15px;
}

.left dl:first-child {
	padding-top: 0px;
}

.left dl dt {
	font-size: 21px;
	color: #4c4b4b;
	padding-left: 0px;
}

.left dl dt a {
	line-height: 1.1;
}

.left dl dd a {
	font-size: 15px;
	display: block;
	line-height: 1.3;
	position: relative;
	padding: 8px 0 8px 0px;
}

.left dl dd a:hover {
	color: #e42e04;
}

.left dl dd a:hover:before {
	content: '○';
	position: absolute;
	left: -13px;
	font-size: 17px;
	line-height: 17px;
	height: 17px;
}

.left dl:last-child {
	border-bottom: 0px;
}

.right {
	width: 83%;
	padding-left: 2%;
	padding-top: 0%;
}

.right .hcontent header {
	font-size: 44px;
	line-height: 1.2;
}

.right .curpos {
	width: 100%;
}

.right .curpos,.right .curpos a {
	font-style: 14px;
	color: #696969;
}

.right .about.hcontent {
	width: 75%;
}

.right .about.hcontent article {
	padding-top: 4%;
}

#imgpho {
}

#imgpho header {
	font-size: 21px;
	padding: 3% 0px;
}

#imgpho .gallery a {
	border: 1px solid #D2D2D2;
	padding: 11px;
	margin-bottom: 3%;
	width: 21.2%;
	text-align: left;
}

#imgpho .gallery .line {
	width: 21.2%;
	height: 0px;
	font-size: 0px;
}

.right .aside {
	width: 22%;
}

.right .aside .feedback {
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}

.right .aside .feedback header {
	background-color: #4B4B4B;
	font-size: 21px;
	color: #fff;
	padding: 5px 20px;
}

.right .aside .feedback form {
	background-color: #F4F4F4;
	padding: 6px 20px 20px;
}

.feedback form input[type="text"] {
	border: 0px;
	background-color: #DFDFDF;
	border-radius: 4px;
	height: 27px;
	color: #4b4b4b;
	margin-top: 10px;
	padding-left: 6px;
	width: 100%;
}

.feedback form textarea {
	border: 0px;
	padding: 5px 0px 0px 6px;
	font-size: 13px;
	border-radius: 4px;
	background-color: #DFDFDF;
	width: 100%;
	margin-top: 10px;
	min-height: 70px;
	overflow: hidden;
}

.feedback form label {
	display: block;
	margin-top: 10px;
}

.feedback form label input[name="code"] {
	width: 67px;
	border-radius: 4px;
	background-color: #DFDFDF;
	height: 20px;
	margin-top: 0px;
}

.feedback form label img {
}

.feedback form input[type="submit"] {
	margin: 0px auto;
	display: block;
	background-color: #4B4B4B;
	border-radius: 4px;
	margin-top: 15px;
	border: 0px;
	color: #fff;
	padding: 1px 8px;
}

.right .video header,.right .contact header {
	font-size: 21px;
	padding: 15px 0 5px;
}

.right .video .videobox {
}

.right .contact header {
}

.right .contact .sharelink a img {
	max-height: 18px;
}

.contact .mobile img {
	vertical-align: super;
}

.right .hcontent {
	width: 100%;
}

.right .hcontent .prolist .probox,.right .hcontent .prolist .line {
	width: 18.1%;
}

.right .hcontent article+header {
	margin-top: 3%;
}

.right .hcontent article+header h3 {
	font-size: 34px;
	text-align: left;
}

.right .hcontent article+header a {
	background-color: #C1C4CA;
	color: #fff;
	padding: 3px 15px;
	border-radius: 6px;
	vertical-align: baseline;
	font-size: 13px;
	text-transform: uppercase;
}

.right .hcontent article+header a i {
	border: 5px solid transparent;
	border-left: 9px solid #fff;
	border-right: 0px;
	font-size: 0px;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: -2px;
	height: 0px;
	overflow: hidden;
	width: 0px;
	display: inline-block;
}

.newslist li {
	padding: 2% 0px;
	border-bottom: 1px dotted #BBBBBB;
	font-size: 0px;
}

.newslist li .newsimg {
	width: 25%;
	text-align: center;
	vertical-align: middle;
}

.newslist li .newsimg img {
	max-width: 100%;
	vertical-align: middle;
	max-height: 140px;
}

.newslist li .newstext {
	width: 70%;
	font-size: 14px;
	text-align: left;
}

.newslist li:first-child {
	padding-top: 1%;
}

.newslist li h3 a {
	font-size: 14px;
	display: block;
}

.newslist li span {
	color: #A9A9A9;
	line-height: 1;
	display: inline-block;
}

.newslist li p {
	color: #8E8E8E;
	margin-top: 5px;
	max-height: 67px;
	overflow: hidden;
}

.articletitle {
	color: #e20a00;
	font-size: 17px;
	margin-top: 1%;
}

.updatetime {
	display: block;
	color: #A9A9A9;
	padding-bottom: 1.5%;
	border-bottom: 1px dotted #BBBBBB;
	margin-bottom: 1%;
}

.page {
	padding: 10px 0;
	line-height: 25px;
	text-align: right;
	border-bottom: 1px dotted #B2B2B2;
}

.page span,.page a {
	display: inline-block;
	text-align: center;
	padding: 0 15px;
}

.page a.cur,.page a:hover {
	color: red;
}

.page select {
	margin-left: 5px;
	border: 1px solid #ABADB3;
}

.proInfo .proInfoImg {
	max-width: 37%;
	border: 1px solid #E3E3E3;
	border-radius: 8px;
	overflow: hidden;
}

.proInfo .provideo {
	max-width: 37%;
	border: 1px solid #E3E3E3;
	border-radius: 8px;
	overflow: hidden;
}

.proInfo .provideo a {
	display: block;
}

.proInfo .protitle {
	max-width: 20%;
	text-align: left;
}

.proInfo .protitle h1 {
	font-size: 17px;
}

.proInfo .protitle .procontact {
	border-top: 1px dotted #656565;
	padding-top: 10px;
	margin-top: 10px;
}

.proInfo .protitle .promes {
	font-size: 20px;
	color: #fff;
	padding: 5px 0px;
	display: block;
	text-align: center;
	border-radius: 4px;
	margin-top: 40px;
}

.prodesc {
	margin-top: 3%;
}

.prodesc .proTitList {
}

.prodesc .proTitList {
	font-size: 0px;
}

.prodesc .proTitList a {
	background-color: #E3E3E3;
	height: 40px;
	line-height: 40px;
	color: #3c3c3c;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	width: 24.9%;
}

.prodesc .proTitList a.select,.prodesc .proTitList a:hover {
	background-color: #E20A00;
	color: #fff;
	position: relative;
}

.prodesc .proTitList a.select:after,.prodesc .proTitList a:hover:after {
	position: absolute;
	border: 11px solid transparent;
	border-top: 11px solid #E20A00;
	border-bottom: 0px;
	bottom: -11px;
	left: 0px;
	right: 0px;
	margin: auto;
	content: '';
	font-size: 0px;
	width: 0px;
	overflow: hidden;
}

.prodesc .proDescList {
	border: 1px solid #E3E3E3;
	padding: 2% 1.5%;
	border-top: 0px;
}

.proRel {
	margin-top: 3%;
}

.right .proRel header {
	font-size: 0px;
}

.proRel header h3 {
	font-size: 21px;
}

.proRel header a {
	background-color: #C1C4CA;
	color: #fff;
	padding: 3px 15px;
	border-radius: 6px;
	vertical-align: baseline;
	font-size: 13px;
	text-transform: uppercase;
}

.proRel header a i {
	border: 5px solid transparent;
	border-left: 9px solid #fff;
	border-right: 0px;
	font-size: 0px;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: -2px;
	height: 0px;
	overflow: hidden;
	width: 0px;
	display: inline-block;
}

.proRel article {
	border: 1px solid #D2D2D2;
	margin-top: 1%;
	padding: 2% 1%;
}

.proRel article ul {
	text-align: justify;
}

.proRel article ul li {
	display: inline-block;
	width: 30%;
	font-size: 13px;
	list-style: inside disc none;
}

.proRel article.prolist .probox {
	padding-top: 0px;
}

.proRel article>.probox {
	width: 30%;
}

.proRel article>.probox .protext a {
	padding-left: 15px;
	position: relative;
	font-size: 14px;
	color: #606060;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

.proRel article>.probox .protext a:hover {
	color: #e84a25;
}

.proRel article>.probox .protext a:hover:before {
	content: '●';
	position: absolute;
	left: 0px;
}

#proFeedback {
	border: 1px solid #D2D2D2;
}

#proFeedback header {
	position: relative;
	left: -1px;
	width: 100%;
	display: table;
}

#proFeedback header h3 {
	display: table-cell;
	padding: 0% 3%;
	color: #fff;
	vertical-align: middle;
	line-height: 47px;
	white-space: nowrap;
}

#proFeedback header span {
	font-size: 15px;
	padding-left: 3%;
	display: table-cell;
	vertical-align: middle;
}

#proFeedback header span em {
	color: #d53800;
	font-style: normal;
	text-indent: 15px;
	display: inline-block;
}

#proFeedback form {
	padding: 2% 0px;
	text-align: center;
}

#proFeedback form label {
	width: 70%;
	display: inline-block;
	text-align: left;
	padding: 0px 10px 0px 65px;
	position: relative;
	margin-bottom: 10px;
}

#proFeedback form label input,#proFeedback form label textarea {
	border: 1px solid #E2E2E2;
	width: 100%;
}

#proFeedback form label input[name="code"] {
	width: 60%;
}

#proFeedback form label strong {
	position: absolute;
	left: 0px;
}

#proFeedback form label i {
	position: absolute;
	right: 0px;
	color: #E20A00;
}

#proFeedback form p input {
	background-color: #6B6B6B;
	border-radius: 4px;
	border: 0px;
	width: 110px;
	color: #fff;
	cursor: pointer;
	padding: 2px 0px;
	margin-right: 20px;
}

#footer_72 {
	background-color: #676767;
	color: #A9A9A9;
	box-shadow: 1px 0px 2px 1px #6A6A6A;
	position: relative;
	z-index: 15;
}
#footer_72 .center{
	max-width: 1150px;
}
#footer_72 section {
	padding: 2% 0%;
	width: 20%;
	text-align: left;
}

#footer_72 section h3 {
	color: #fff;
	text-transform: uppercase;
	margin: 20px 0px 30px;
}

#footer_72 section header {
	font-size: 19px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 15px;
}

#footer_72 section.copyright,#footer_72 .footcopy .copyright {
	width: 100%;
	background-color: #363636;
	padding: 1% 4%;
	text-transform: uppercase;
	color: #626262;
}

#footer_72 .footcopy {
	background-color: #363636;
}

#footer_72 section article a {
	display: inline-block;
	margin: 0px 20px 20px 0px;
}

#footer_72 section form.search {
	position: relative;
}

#footer_72 section form.search #queryText {
	background-color: #fff;
	border: 0px;
	width: 100%;
	height:34px;
	padding-right: 70px;
}
.search{ float:right; margin-top:10px;  }
.searchbg{background:url(/images/images_74/searchbg.jpg) repeat-x; line-height:34px;height:34px;border: 0px; padding-left:10px;}
.searchbn{background:url(/images/images_74/searchbg2.jpg); width:40px;height:34px;border: 0px;cursor:pointer;margin-left: -5px;}
#footer_72 section form.search input[type="submit"] {
	background-color: #343434;
	font-size: 18px;
	font-weight: bold;
	border: 0px;
	color: #fff;
	height: 34px;
	position: absolute;
	right: 0px;
	top: 0px;
	text-transform: uppercase;
	padding: 0px 8px;
}

#footer_72 section form.feedback input[type="text"] {
	background-color: #878787;
	border: 0px;
	width: 100%;
	height: 34px;
	margin-bottom: 12px;
	padding-left: 8px;
	color: #fff;
}

#footer_72 section form.feedback label {
	width: 100%;
	display: block;
}

#footer_72 section form.feedback label input[name="code"] {
	width: 50%;
	vertical-align: middle;
}

#footer_72 section form.feedback label img {
	vertical-align: top;
}

#footer_72 section form.feedback textarea {
	background-color: #878787;
	padding-left: 8px;
	color: #fff;
	border: 0px;
	font-size: 13px;
	width: 100%;
	margin-bottom: 12px;
}

#footer_72 section form.feedback input[type="submit"],#footer_72 section form.feedback input[type="reset"] {
	color: #fff;
	background-color: #858585;
	border: 0px;
	cursor: pointer;
	width: 71px;
	margin-right: 15px;
}

#footer_72 section form.feedback input[type="submit"]:hover,#footer_72 section form.feedback input[type="reset"]:hover {
	background-color: #343434;
}

#footer_72 section nav a {
	color: #fff;
	display: block;
	padding: 4px 0px;
}

.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
	box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}

.fancybox-outer,.fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image,.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
	background-image: url('/images/images_72/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/images/images_72/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/images/images_72/fancybox/blank.gif');
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible!important;
}

.fancybox-lock {
	overflow: hidden!important;
	width: auto;
}

.fancybox-lock body {
	overflow: hidden!important;
}

.fancybox-lock-test {
	overflow-y: hidden!important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/images/images_72/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	background: rgba(0,0,0,0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0,0,0,.8);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {
	#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
		background-image: url('/images/images_72/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px;
	}

	#fancybox-loading div {
		background-image: url('/images/images_72/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px;
	}
}

@media screen and (max-width:1400px) {
	#mo_menu {
		max-width: 1200px;
	}
}

@media screen and (max-width:1200px) {
	#footer_72 .center {
		padding: 0px 4%;
	}
}

@media screen and (max-width:1100px) {
	#top .logo {
		min-height: 50px;
		height: auto;
	}
	
	.mian-menu ul li{
		padding: 0 5px;
	}

	.brandTit p strong {
		font-size: 30px;
	}

	.proInfo .protitle {
		max-width: 100%;
		width: 100%;
		margin-top: 3%;
	}

	.proInfo .provideo,.proInfo .proInfoImg {
		max-width: 45%;
	}

	.proInfo .protitle .promes {
		margin-top: 10px;
	}

	#banner img[data-src-1100px] {
		content: url(/images/images_72/banner01.jpg);
	}

	#footer_72 section {
		width: 20%;
	}
}

@media screen and (max-width:990px) {
	#site {
		margin: 0 auto;
		width: 100%;
	}
	
	.mian-menu ul li{
		padding: 0 1px;
	}
	
	.section .aboutbox,.section .newsbox {
		width: 100%;
	}

	.section .newsbox {
		margin-top: 3%;
	}

	.section.justify hr {
		display: none;
	}
	
	.right .aside,.right .about.hcontent {
		width: 100%;
	}

	.left {
		width: 25%;
	}

	.right {
		width: 72%;
	}

	.prodesc .proTitList a {
		width: 49.9%;
		border-bottom: 1px solid #fff;
		float: left;
		border-right: 1px solid #fff;
	}

	.prodesc .proTitList a:hover:after,.prodesc .proTitList a.select:after {
		display: none;
		visibility: hidden;
	}

	.proRel article>.probox {
		width: 45%;
	}

	#footer_72 section {
		width: 22%;
	}

	.proright {
		max-width: 54%;
	}

	.proleft {
		max-width: 43%;
	}

	#spec-list {
		float: none;
	}

	#spec-contact {
		float: none;
	}

	#imglist {
		height: auto;
	}

	#hot {
		display: none;
	}
}

@media screen and (max-width:900px) {
	#top {
		margin-top: 40px;
	}

	#top .menu {
		overflow: hidden;
		cursor: pointer;
		font-weight: bold;
		display: block;
		vertical-align: middle;
		font-family: wf_segoe-ui_normal,'Segoe UI',Segoe,'Segoe WP',Tahoma,Verdana,Arial,sans-serif;
		position: fixed;
		top: 0px;
		width: 100%;
		background-color: #D8E0EA;
		line-height: 35px;
		height: 35px;
		text-align: center;
		border-radius: 0px 0px 7px 7px;
		margin: 0px auto;
		left: 0px;
		right: 0px;
	}

	.menu .text-menu {
		font-size: 18px;
		display: inline-block;
	}

	.menu .icon-menu {
		display: inline-block;
	}

	.menu .icon-menu:after {
		content: "≡";
		font-size: 20px;
		font-weight: bolder;
	}

	.menu:hover {
		color: #E20A00;
	}

	#header {
		top: 0px;
	}
	
	.menu-root{
		display: none;
	}
	#mo_menu {
		display: none;
		position: absolute;
		background-repeat: repeat;
		height: auto;
		left: 0px;
		right: 0px;
		margin: 0px auto;
		width: 100%;
		background-color: #DCDEDA;
		z-index: 1000;
		
	}
	#mo_menu li{
		width: 96%;
	}
	#mo_menu a {
		text-align: center;
		display: block;
		padding: 0px;
		line-height: 30px;
		width: 100%;
	}

	#mo_menu a:hover {
		background-color: #ccc;
	}
	.mian-menu ul ul{
		width: 98%;
		top: 30px;
	}
	.mian-menu ul li li a span{
		width: 97%;
	}
	.brandTit p strong {
		font-size: 25px;
	}

	.brandTit p i {
		font-size: 15px;
	}

	.right .hcontent .prolist .probox,.right .hcontent .prolist .line {
		width: 32%;
	}

	.right .hcontent article+header h3 {
		font-size: 26px;
		line-height: 1;
		padding: 0px 0px 10px;
	}

	#main .aboutbox .probox,#main .hotpros .probox,#main .newsbox .probox {
		padding: 18px 14px;
	}

	.titl span {
		font-size: 140%;
	}

	#main .hotpros .titl span {
		font-size: 17px;
	}

	#main .newsbox .probox .protext p a {
		display: block;
	}

	#main .aboutbox .probox .proimg,#main .hotpros .probox .proimg,#main .newsbox .probox .proimg {
		height: 124px;
	}

	.prolist .probox {
		width: 31%;
	}

	#main .left .proimglist>ul {
		display: none;
	}

	#footer_72 .rootmenu {
		font-size: 0px;
	}

	#footer_72 .rootmenu a {
		font-size: 12px;
		width: 25%;
		padding: 0px;
	}

	#main .right .hotlist .probox {
		width: 50%;
	}
	.TQMiniMess_common,.tq_div_main,.buyer_center{display: none;}
	
}

@media screen and (max-width:800px) {
	#footer_72 {
		padding-top: 2%;
	}

	#main .section .aboutbox,#main .section .newsbox {
		width: 100%;
	}

	.section .video {
		width: 100%;
		margin-top: 3%;
	}

	#main .section .hotpro {
		width: 100%;
	}

	.prolist .probox {
		width: 30%;
	}

	#main .section .newsbox .newslist li a {
		text-align: left;
	}

	#footer_72 section {
		width: 45%;
	}

	#footer_72 .line {
		width: 45%;
	}

	.right .hcontent header {
		font-size: 35px;
	}

	#main .left {
		padding-left: 5px;
	}

	#main .right {
		padding-right: 5px;
	}

	.prolist .probox {
		width: 32%;
	}
	.page-size span {display: none;}

	.proleft {
		max-width: 80%;
	}

	.proright {
		max-width: 100%;
	}

	#main .left .proimglist {
		display: none;
	}

	#footer_72 .nav {
		max-width: 100%;
	}

	#footer_72 .nav dd {
		max-width: 23%;
	}

	#footer_72 .contactbox {
		max-width: 48%;
	}

	#footer_72 .inquiry {
		max-width: 48%;
	}

	#proFeedback header {
		left: 0px;
	}

	#proFeedback header span {
		text-align: left;
		line-height: 1.2;
		padding: 10px 0px 10px 3%;
	}

	#proFeedback header span em {
		text-indent: 0px;
	}
}

@media screen and (max-width:700px) {
	#main .left,#main .right {
		width: 100%;
		padding-left: 10px;
	}

	.left {
		border-right: 0px;
	}

	#imgpho .gallery a {
		width: 32%;
		text-align: center;
	}

	.right .curpos {
		border-top: 3px solid #007FB2;
		padding-top: 1%;
	}

	#top .menu {
		background-color: #D8E0EA;
	}

	#main.maincon {
	}

	#main .right .titl {
		cursor: pointer;
	}

	#main .newsbox {
		max-width: 100%;
	}

	.prolist .probox {
		width: 30%;
	}

	.proright {
		max-width: 100%;
	}

	.proleft {
		max-width: 100%;
	}

	#imglist {
		display: none;
	}

	#footer_72 .nav dd {
		max-width: 45%;
	}

	.boxLayout.justify .box3 {
		width: 47%;
	}
}

@media screen and  (max-width:600px) {
	#col-left, #col-right {min-width: 0;}
	.sharelink img {
		max-height: 20px;
	}

	.section .hotpro .probox {
		width: 45%;
	}

	.prolist .probox {
		width: 32%;
	}
	
	.widget_list ul ul li a span{
		padding-left: 5px;
	}
	.widget_list ul li a span{
		padding-left: 5px;
	}
	.entry-images ul, .widget_images ul {
	  min-width: 328px;
	}
	
	#main .section .brand {
		font-size: 25px;
	}

	#footer_72 .rootmenucopy {
	}
}

@media screen and  (max-width:500px) {
	#smallLanguage,#bigLanguage{
		display: none;
	}
	
	.newslist li .newsimg {
		display: none;
	}

	.newslist li .newstext {
		width: 100%;
	}

	.sharelink img {
		max-height: 18px;
	}

	#top {
		border-radius: 10px;
	}

	.quick-menu, .brandTit p i {
		display: none;
	}

	#logoImg{
		max-width: 100px;
	}
	.lang {
		margin-top: 6px;
	}

	#footer_72 section {
		width: 100%;
		padding: 2% 0%;
	}

	ol.bjqs-markers{
		bottom: 0;
	}

	.section .aboutbox figure {
		max-width: 100%;
	}

	.section .aboutbox img {
	}

	.section .aboutbox .aboutcon p {
		margin-bottom: 10px;
	}

	.section .aboutbox .aboutcon {
		max-width: 100%;
	}

	.right .hcontent .prolist .probox,.right .hcontent .prolist .line {
		width: 46%;
	}

	.proRel article>.probox {
		width: 90%;
	}

	.section .aboutbox .aboutcon strong {
		font-size: 20px;
	}

	#proFeedback header,#proFeedback header h3,#proFeedback header span {
		display: block;
	}

	#proFeedback header span {
		padding: 3%;
	}

	#main .aboutbox,#main .hotpros {
		max-width: 100%;
	}

	#main .newsbox .probox .proimg {
		text-align: center;
	}

	.prolist .probox {
		width: 45%;
	}
	.widget_list ul ul li a span{
		padding-left: 5px;
	}
	.widget_list ul li a span{
		padding-left: 5px;
	}
	.widget-container h3 strong{
		padding-left: 5px;
	}
	.entry-images ul, .widget_images ul {
	  min-width: 328px;
	}
	#footer_72 .nav {
		display: none;
	}

	#footer_72 .contactbox {
		max-width: 100%;
	}

	#footer_72 .inquiry {
		max-width: 100%;
	}

	#top .top-right {
	}

	#footer_72 .feedback,#footer_72 .pronav,#footer_72 .contact,#footer_72 .sharebox {
		width: 98%;
		margin-bottom: 4%;
	}

	.boxLayout.justify .box3 {
		width: 100%;
	}
}

@media screen and  (max-width:420px) {
	.brandTit p strong {
		font-size: 20px;
	}

	.sharelink {
		display: none;
	}

	.filter-img img{
		width: 70px;
	}
	#pagenav a, .typing{
		display: none;
	}
	#pagenav .next{
		display: inline;
		padding: 1px 4px;
	}
	#col-left, #col-right{
		width: 25%;
	}
	#col-main{
		width: 75%;
	}
	.section .hotpro .probox {
		width: 100%;
	}

	#imgpho .gallery a {
		width: 48%;
	}
	#products-gallery li{
		width: 100%;
	}
	.prolist .probox {
		width: 48%;
	}

	.proDes #tags li {
		display: block;
	}

	#quotation ul li textarea {
		width: 95%;
	}
}

@media  screen and (max-width:300px) {
}

#footerToolbox a,#footerToolbox button,#footerToolbox input,#footerToolBtn {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#footerToolbox,#footerToolBtn,#footerToolbox ul,#footerToolbox li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.close {
	left: 100%;
	margin-left: 1px;
	right: auto;
}

#footerToolBtn {
	position: absolute;
	width: 13px;
	height: 58px;
	left: -12px;
	background: #cdcdcd;
	top: 0px;
	bottom: 0px;
	margin: auto;
	border-radius: 22px 0px 0px 22px/8px 0px 0px 8px;
	cursor: pointer;
	background: #cdcdcd url(/images/images_72/footerTool-icon.png) no-repeat 1px -168px;
}

#footerToolBtn:hover {
	background-color: #aaa;
}

#footerToolbox {
	position: fixed;
	width: 42px;
	bottom: 50%;
	margin-bottom: -103px;
	right: 0px;
	z-index: 999;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	font-family: Arial,Helvetica,San-serif,Microsoft YaHei,SimSun;
	visibility: hidden;
}

#footerToolbox ul li {
	width: 40px;
	height: 40px;
	border-width: 1px 1px 0px 1px;
	border-color: rgba(255,255,255,0.6);
	border-style: solid;
}

#footerToolbox ul li:last-child {
	border-bottom-width: 1px;
}

#footerToolbox ul li a {
	display: block;
	line-height: 40px;
	text-indent: 299px;
	background-color: #cdcdcd;
	background-image: url(/images/images_72/footerTool-icon.png);
	background-repeat: no-repeat;
	overflow: hidden;
	outline: none;
}

#footerToolbox ul li a:hover {
	background-color: #aaa;
}

#toolTel a {
	background-position: center 8px;
}

#toolEmail a {
	background-position: center -28px;
}

#toolMap a {
	background-position: center -62px;
}

#toolShare a {
	background-position: center -98px;
}

#toolMessage a {
	background-position: center -133px;
}

@media screen and (max-width:640px) {
	#footerToolbox {
		visibility: visible;
	}
}

.boxLayout .box3 {
	text-align: center;
	margin-bottom: 8px;
}

.header-basket{width: 128px;}
.prolist .probox .proimg img{
	display: block\0;
}
.section .newsbox{
	width: 40%\0;
} 
.companyFace{
	width: 240px\0;
	height: 180px\0;
}