@charset "utf-8";

@font-face {
    font-family: 'oswaldregular';
    src: url('../font/oswald-regular-unhinted-webfont.eot');
    src: url('../font/oswald-regular-unhinted-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/oswald-regular-unhinted-webfont.woff2') format('woff2'),
         url('../font/oswald-regular-unhinted-webfont.woff') format('woff'),
         url('../font/oswald-regular-unhinted-webfont.ttf') format('truetype'),
         url('../font/oswald-regular-unhinted-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
  font-family: "HeroicCondensed-Bold";
  src: url("../font/HeroicCondensed-Bold.woff2") format("woff2"),
       url("../font/HeroicCondensed-Bold.woff") format("woff"),
       url("../font/HeroicCondensed-Bold.ttf") format("truetype"),
       url("../font/HeroicCondensed-Bold.eot") format("embedded-opentype"),
       url("../font/HeroicCondensed-Bold.svg") format("svg");
}

@font-face {
  font-family: "HeroicCondensed-Light";
  src: url("../font/HeroicCondensed-Light.woff2") format("woff2"),
       url("../font/HeroicCondensed-Light.woff") format("woff"),
       url("../font/HeroicCondensed-Light.ttf") format("truetype"),
       url("../font/HeroicCondensed-Light.eot") format("embedded-opentype"),
       url("../font/HeroicCondensed-Light.svg") format("svg");
}
* {
	padding: 0;
	margin: 0;
}
html, body {
	color: #303030;
	font-family: 'RobotoCondensed','HeroicCondensed-Bold','open_sansregular', Arial, sans-serif, FontAwesome, 'Glyphicons Halflings' !important;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	background-color: #fff;
}
body { padding-right: 0px !important;}
*.modal-open {	overflow-y: scroll; padding-right: 0 !important;}
div {
	font-weight: normal;
	font-style: normal;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	font-size: 1.2rem;
}
h1, h2, h3, h4, h5, h6 {
	color:#252525;
	font-weight: normal;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
img {
	border: none;
	display: block;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
p{color:#a9a9a9; font-size:1.6rem;}
i, span{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
a, input {
	outline: none;
}
a {
	text-decoration: none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	
	border:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none；
}

a:hover {
	color: #d11817;
	text-decoration: none;
}
a:visited, a:focus{outline: none;}
ul, li {
	list-style: none;
}
.clear {
	clear: both;
	font-size: 0;
}
.bold {
	font-weight: bold;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

/*首页*/
.topdiv{width:100%; height: 56px; background-color: #d11817; overflow: hidden;}
.topp{color:#fdd3d2; line-height: 56px; font-size: 1.6rem; font-family: 'RobotoCondensed';}
.topp:hover{color:#ff0;}
.language{width:146px; height: 56px; text-align: center; color:#fdd3d2; font-size: 1.4rem; background: url(../images/languagebg.png) center top no-repeat; border-right: 1px solid #8d0101; line-height: 56px;}
.language a{padding: 0 12px; color:#fdd3d2;}
.language a:hover{color:#ff0;}
.topphone{width:266px; padding-left: 50px; font-size: 1.6rem; color:#fdd3d2; line-height: 56px; background: url(../images/phoneico.png) left center no-repeat; border-right: 1px solid #8d0101;}
.topphone i{ font-style: normal; font-size: 1.6rem;}
.topphone span{font-size: 2.4rem;  font-family: 'HeroicCondensed-Bold'; line-height: 56px;}
.topphone:hover i{display: none;}
.topphone:hover span{color:#ff0; font-size: 2.4rem; line-height: 56px;}

.topnav{width:100%; height: 100px; background-color: #fff;}
.logodiv{width:438px; height: 100%; }
.logodiv a{ display: block; width:100%; height: 100px; line-height: 100px;}
.logodiv a img{display: inline;}
.navdiv{width:100%; padding-left: 438px;}

/*banner start*/
.bx-wrapper {
	position: relative;
	margin: 0 auto 0px;
	padding: 0;
	border:1px solid #ccc;
 *zoom: 1;
	z-index: 1;
}
.flash .bx-wrapper{border:none;}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
 *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	/*background: #303c4b;*/
	border: 1px solid #fff;
	text-indent: -9999px;
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 2px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
	border: 1px solid #fff;
}
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.iabout{width:100%; background-color: #fff; margin: 0 auto;}
.iaboutcontent{ margin: 0 auto;}
.iaboutcontent h3{font-size: 3.6rem; font-family: 'HeroicCondensed-Bold'; background: url(../images/dottedline.png) left center repeat-x; text-align: center; margin-top: 80px; margin-bottom: 34px; text-transform: uppercase;}
.iaboutcontent h3 span{background-color: #fff; padding: 10px 16px;}
.iaboutcontent p{padding: 0 165px; font-size: 1.6rem;}
.iaboutcontent a{display: block; margin: 50px auto 75px; text-align: center; width:130px; height: 36px; color:#fff; background-color: #d11817; font-size: 1.6rem; border-radius: 6px; line-height: 36px;}
.iaboutcontent a:hover{background-color:#303030; color:#ff0; transform: translateY(-5px);}

.toproducts{width:100%;  padding-bottom: 75px; background: url(../images/dottedline.png) left top repeat-x;}
.topclassitem{margin: 0; width:100%;}
.topclassitem::after{content: ''; display: block; clear: both;}
.topclassitem .textleft{width:41.66666%; float: left; }
.topclassitem .imgright{width:58.33333%; float: left; }
.topclassitem:nth-child(odd) .textleft{float: left; text-align: right; padding-right: 40px;}
.topclassitem:nth-child(odd) .textleft h1{font-family: 'RobotoCondensed'; font-size: 13.5rem; color:#f5f5f5; margin-top: 40px;}
.topclassitem:nth-child(odd) .textleft h3{font-size: 3.6rem; font-family: 'HeroicCondensed-Bold'; text-transform: uppercase; margin-bottom: 30px;}
.topclassitem:nth-child(odd) .textleft p{display: inline-block; width:50%; text-align: right; font-size: 1.6rem;}
.topclassitem:nth-child(odd) .textleft .topproductbtn{width:100%; text-align: right; margin-top: 62px;}
.topclassitem:nth-child(odd) .textleft .topproductbtn a{display: block; float: right; text-align: center; width:130px; height: 36px; color:#fff; background-color: #d11817; font-size: 1.6rem; border-radius: 6px; line-height: 36px;}


.topclassitem:nth-child(odd) .imgright{float: right;}
.topclassitem:nth-child(even) .textleft{float: right; text-align: left; padding-left: 40px;}
.topclassitem:nth-child(even) .textleft h1{font-family: 'RobotoCondensed'; font-size: 13.5rem; color:#f5f5f5; margin-top: 40px;}
.topclassitem:nth-child(even) .textleft h3{font-size: 3.6rem; font-family: 'HeroicCondensed-Bold'; text-transform: uppercase;  margin-bottom: 30px;}
.topclassitem:nth-child(even) .textleft p{display: inline-block; width:50%; text-align: left;  font-size: 1.6rem;}
.topclassitem:nth-child(even) .textleft .topproductbtn{width:100%; text-align: left; margin-top: 62px;}
.topclassitem:nth-child(even) .textleft .topproductbtn a{display: block; text-align: center; width:130px; height: 36px; color:#fff; background-color: #d11817; font-size: 1.6rem; border-radius: 6px; line-height: 36px;}
.topclassitem:nth-child(even) .imgright{float: left;}

.topclassitem:nth-child(odd) .textleft .topproductbtn a:hover, .topclassitem:nth-child(even) .textleft .topproductbtn a:hover{background-color:#303030; color:#ff0; transform: translateY(-5px);}

.imgrightwrap{max-width: 1120px; margin: 0 auto;}
.iprolistpic{position: relative; width: 100%; height: 0; padding-top: 53.57%; font-size: 0; background-color: #fff; overflow: hidden;}
.iprolistpic img{position: absolute; left: 0; top:0; right: 0; bottom:0; max-width:100%; max-height:100%; margin: auto;}
.iprolistpic:hover img{transform: scale(1.04);}

.idindex{width:100%; height: 300px; background: url(../images/ad.jpg) center top no-repeat;}
.idcontent{width:100%; min-height: 130px; background: url(../images/laba.png) left center no-repeat; margin-top: 85px;}
.idcontent p{text-align: center; font-size: 2.4rem; padding-top: 15px; padding: 15px 150px; color:#fff; }
.idcontent p span{color:#d11817;}

.inews{width:100%; background-color: #fff; padding: 0 0 100px;}
.inews h3{font-size: 3.6rem; text-transform: uppercase; background: url(../images/dottedline.png) left center repeat-x; text-align: center; margin-top: 80px; margin-bottom: 60px;}
.inews h3 span{background-color: #fff; padding: 10px 16px;}

.inewlist{margin: 0;}
.inewlist h4::after{content: ''; display: block; width:36px; height: 2px; background-color: #d3d3d3; margin: 24px 0; transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;}
.inewlist h4:hover::after{width:100%; background-color:#d11817;}
.inewlist h4 a{font-size: 1.8rem; color:#252525;}
.inewlist h4:hover a{color:#d11817;}
.ooo:nth-child(1) .inewlist{padding-left:0; padding-right: 10%;}
.ooo:nth-child(2) .inewlist{padding-left:10%; padding-right: 10%;}
.ooo:nth-child(3) .inewlist{padding-left:10%; padding-right: 0;}

.inewsdate{font-size: 1.6rem; color:#d11817; margin-top: 16px; padding-bottom: 42px; background: url(../images/inewsline.png) left bottom no-repeat;}


.friendlinks{padding: 40px 0 0 0; margin-bottom: 0px; border-bottom: 1px solid #515151; background-color: #303030;}
.linksdiv{width:100%; }
.linksdiv::before{content: 'Links：'; width:100px; height: 45px; font-size: 2.8rem; font-family: "HeroicCondensed-Bold"; text-transform: uppercase; color:#949494; text-align: left; float: left;}
.linksdiv a{font-size: 1.6rem; color:#949494; padding: 0 15px;}
.linksdiv a:hover{color:#ff0;}

.footer{width:100%; background-color: #303030; padding-top: 40px;}
.subnav{width:100%; padding-bottom: 35px;}
.subnav h4{font-size: 2.8rem; font-family: "HeroicCondensed-Bold"; text-transform: uppercase;  color:#949494;}
.subnav ul{padding-top: 10px;}
.subnav ul li a{font-size: 1.6rem; color:#949494; line-height: 24px;}
.subnav ul li a:hover{color:#ff0;}
.sublink{background: url(../images/dot.jpg) top right repeat-y; width:12.5%;}
.sublink_pro{background: url(../images/dot.jpg) top right repeat-y; width:20.833333%; padding-left: 28px;}
.contactinfo{padding-left: 75px;}
.contactinfo ul li{font-size: 1.6rem; color:#949494; line-height: 24px;}
.qcpic{width:12.5%;}
.qcpic p{text-align: center; padding-top: 15px;}

.copyright{padding: 30px 0px 35px; width:100%; background-color: #222222;}
.copyright p{text-align: center; font-size: 1.4rem; color:#949494;}
.copyright p span{padding-left: 30px;}
.copyright img{display: inline;}

/*在线客服QQ层*/
.side2{position:fixed;width:54px;height:275px;right:0px;top:200px;z-index:100;}
.side2 ul li{ display:block; width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444; list-style:none;}
.side2 ul li a{ text-decoration:none;}
.side2 ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.6;filter:Alpha(opacity=60);color:#fff;font:normal 24px/54px "HeroicCondensed-Light";overflow:hidden;}
.side2 ul li .sidebox:hover{cursor:pointer;}
.side2 ul li:first-child .sidebox{ border-radius:12px 0 0 0;}
.side2 ul li:last-child .sidetop{ border-radius:0 0 0 12px;}
.side2 ul li #sidebox{position:absolute;width:160px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.6;filter:Alpha(opacity=60);color:#fff;font:normal 24px/54px "HeroicCondensed-Light";overflow:hidden;}
.side2 ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.6;filter:Alpha(opacity=60);transition:all 0.3s;}
.side2 ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side2 ul li img{float:left;}

.innerbanner{width:100%; height: 300px; margin: 0 auto; background-color: #ccc;}
/*about*/
.mainfix{width:100%; margin: 0 auto; position: relative; z-index: 1; top:-50px; margin-bottom: -100px;}
.mainfixwarp{width:100%; padding: 0px; background-color: #fff; min-height: 550px; box-shadow: 0px 0px 50px rgba(0,0,0,.1);}

.cfot{width:100%; height: 300px; padding: 80px 0 50px; background: url(../images/_banner.jpg) center center no-repeat;}
.cfot h3{text-align: center; font-family: "HeroicCondensed-Bold"; font-size: 2.8rem; text-transform: uppercase;}
.cfot p{text-align: center; margin-bottom: 40px;}

.currentlocation{font-size: 1.6rem; line-height: 50px; padding-left: 30px; color:#d11817; border-bottom: 1px solid #ccc;}
.currentlocation span{color:#303030; }
.currentlocation a{font-size: 1.6rem; color:#303030; padding: 20px;}
.currentlocation a:hover{color:#d11817;}

.maincontent{width:100%; min-height: 510px; padding: 50px 30px;}
.maincontent h3 span{padding-left: 30px; font-family: Arial; font-size: 1.5rem; color:#303030;}
.about p{padding: 35px 0 20px;}
.about1 p{padding: 20px 0 45px;}
.aboutpic img{max-width: 100%;}
.servicediv{width:100%;}
.servicediv p, .servicediv div{font-size: 1.4rem;}

/*products*/
.productsubclass{font-size: 1.6rem; line-height: 50px; padding-left: 30px; color:#d11817; border-bottom: 1px solid #ccc;}
.productsubclass span{color:#000000; text-transform: uppercase; }
.productsubclass a{font-size: 1.6rem; color:#303030;  padding: 2px 15px; display: inline-block;}
.productsubclass a:nth-child(2) { color:#d11817; }
.productsubclass a:hover{color:#d11817;}
.productsubclass a.thisclass{ background-color: #d11817; color:#fff;}

.products .row{ margin-left: 0; margin-right: 0;}
.prolist{ position: relative; padding: 40px 60px 20px 60px; transition: all 0.3s ease; background-color: transparent; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.prolist:nth-child(4n){border-right:none;}
.prolist:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.45); background-color: #fff; border-bottom:1px solid #d11817;}
.prolistwrap{ max-width: 300px; margin: 0 auto; }
.prolistpic{ position: relative; width: 100%; height: 0; padding-top: 75%; font-size: 0; background-color: #fff; overflow: hidden;}
.prolistpic img{position: absolute; left: 0; top:0; right: 0; bottom:0; max-width:100%; max-height:100%; margin: auto;}

.prolisttxt{margin-top: 40px;}
.prolistname{ line-height: 21px; height: 52px; padding: 10px 5px 0; border-radius: 10px; text-align: center; background-color: #fff; overflow: hidden; margin-bottom: 5px; font-size: 1.3rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.prolistname a{font-size: 1.5rem; color:#000;}
.prolist:hover .prolistname{background-color: #d11817;}
.prolist:hover .prolistname a{color:#fff;}

/*page style*/
.page{clear:both; margin:20px 0px 0px 0px; text-align: center; padding-bottom: 20px;}
.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}
.page .current, .page .thisclass, .page .pageinfo, .page span{font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}

/*productview*/
.productwrap{padding: 30px;}
.productpic{text-align: center; margin-top: 30px; border:1px solid #ccc;}
.productpic a{display: block;padding: 30px;}
.productpic a img{transition: all 0.3s ease; max-width: 100%;}
.productpic a:hover img{transform: scale(1.06);}
.otherbigpic{display: block; margin-top: 10px;}
.otherbigpic li{list-style: none; display: inline-block; margin-right: 7px; margin-bottom: 10px;}
.otherbigpic li a{ display: block; width:80px; height: 80px; overflow: hidden; border: 1px solid #ccc;}
.otherbigpic li a img{display: block; max-width: 100%;}
.otherbigpic li a:hover{border: 1px solid #ff0000;}
.producttext{padding-left: 30px; padding-right: 30px; padding-top: 60px;}
.producttext h3{padding-top:0px; padding-bottom: 10px; font-size: 2.8rem; color:#000;}
.producttext p{padding-bottom: 0px; color:#333;}
.producttext p.price{display: block; width:100%; height: 80px; padding-left: 20px; background: url(../images/pricebg.jpg) left top no-repeat; color: #303030; font-size: 1.6rem; line-height: 80px;}
.producttext p.price span{padding-left: 10px;  color:#d11817;}
.producttext p.price a{font-size: 1.6rem; color:#d11817;}


.producttext a.firsta {display: block; width:164px; height: 36px; background-color: #d11817; color:#fff; text-align: center; font-size: 14px; margin: 15px 15px 10px 0; line-height: 36px;}
.producttext a.firsta:hover{background-color: #303030;}
.producttext a.firsta i{font-size: 20px; padding-right: 10px;}
.callp{font-size: 16px; padding-top: 25px;}
.callp span{padding-left: 15px; font-size: 21px; color:#000; font-family: Georgia, serif;}
.callp span a{display: inline; background-color: transparent; color:#434343; text-align: left; border-radius: 0px; margin: 0; font-family: Arial; font-size: 16px; font-weight: bold;}
.callp span a:hover{background-color: transparent; color:#f60;}
.productdetails{margin-top: 10px; padding: 30px; border-top: 1px dotted #ccc;}
.productdetails img{display: block; margin-bottom: 20px; max-width:100%;}
.table-responsive .table th{color:#fff; background-color: #d11817; font-size: 1.6rem; padding: 10px 0 10px 10px; font-family: Arial;}
.table-responsive .table td{vertical-align: middle; padding-left: 10px; font-size: 1.6rem;}

a.backbtn{display: inline-block; padding: 5px 25px; background-color: #f5f5f5; color:#434343; font-size: 16px; border:1px solid #434343; margin: 50px auto 100px; text-align: center; border-radius: 8px;}
a.backbtn:hover{background-color: #ff6600; border:1px solid #ff6600; color:#fff;}

/*prev next*/
.point{ clear: both; margin:20px 30px 40px 30px; border:1px solid #d6d6d6;  padding-bottom: 60px; font-size: 1.6rem; line-height:22px;}
.point span.to_prev{text-align:center; padding-top: 10px;}
.point span.to_prev span{color:#a9a9a9;}
.point span.to_prev a{color:#0068b7; font-size: 1.6rem;}
.point span.to_prev a:hover{color: #ff6600}
.point span.to_next{text-align:center; padding-top: 10px;}
.point span.to_next span{color:#a9a9a9;}
.point span.to_next a{color:#0068b7; font-size: 1.6rem;}
.point span.to_next a:hover{color: #ff6600}

/*news*/
.newsitemlist{margin-bottom: 30px;}
.newsitemlist dl{ display: block; box-sizing: border-box; background-color: transparent; padding: 10px; box-shadow:none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.newsitemlist dl:hover{background-color: #fff; padding: 10px; box-sizing: border-box; box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.newsitemlist dl dt{float: left;width: 40%;}
.newsitemlist dl dt a img{width:100%; max-width: 100%; padding-right: 20px;}
.newsitemlist dl dd{float: right; width:60%;}
.newsitemlist dl dd h4{ margin-top: 10px; margin-bottom: 15px;}
.newsitemlist dl dd a{font-size: 1.6rem; color:#303030;}
.newsitemlist dl dd a:hover{color:#f60; text-decoration: none;}
.newsitemlist dl dd p{font-size: 12px; color:#999; text-align: justify; padding-right: 15px; line-height: 120%;}
.newsitemlist dl:hover dd a{color:#f60;}

.newscontainer{width:100%; background-color: #fff; margin-bottom: 0px; padding-bottom: 50px;}
.fitcontainer{padding:0px 150px;}
.newscontainer h2{text-align: center; margin-bottom: 30px; font-size: 24px;}
.newscontainer h2 span{padding:5px 15px; }

p.athp{font-size: 12px; color:#777; text-align: center; margin-bottom: 35px; margin-top: -20px; font-family: 'oswaldregular';}
p.athp span{padding-left: 15px; padding-right: 15px;}
p.athp span i{padding-right: 6px;}

.newsdetails{width:100%;}
.newsdetails p, .newsdetails div{font-size: 1.4rem; line-height: 2;}
.newsdetails img{max-width: 100%;}
.newsdetails img:hover{transform: scale(1.08);}
.newsdetails strong{color:#000; font-weight: normal;}

@media (max-width:767px){
	h6 {
	font-size: 1.4rem!important;

	}
	h5 {
		font-size: 1.4rem!important;

	}
	h4 {
		font-size: 1.6rem!important;

	}
	h3 {
		font-size: 1.8rem!important;

	}
	h2 {
		font-size: 2.4rem!important;

	}
	h1 {
		font-size: 3.0rem!important;

	}
	p {
		color: #999;
		font-size: 1.4rem;
	}
	.navdiv{padding: 0;}
	.topnav{height: 60px;}
	.topnav .container{padding: 0;}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-next {display: none;}
	.bx-wrapper .bx-pager{display: none;}
	
	.iaboutcontent h3{margin-top: 45px; margin-bottom: 15px; text-align: left;background:none; }
	.iaboutcontent h3 span{ background-color: transparent; padding: 0;}
	.iaboutcontent p{padding: 0; font-size: 1.4rem;}
	.iaboutcontent a{ margin: 20px auto;}
	.toproducts { padding-bottom: 30px;}
	.topclassitem .textleft{width:100%; }
	.topclassitem .imgright{width:100%; }
	.topclassitem:nth-child(odd) .textleft{float: right; padding-left: 15px; padding-right: 15px; text-align: left;}
	.topclassitem:nth-child(odd) .textleft h1{display: none;}
	.topclassitem:nth-child(odd) .textleft h3 { margin-bottom: 8px;}
	.topclassitem:nth-child(odd) .textleft p { display: inline-block; width: 100%; text-align: left;  font-size: 1.4rem;}
	.topclassitem:nth-child(odd) .textleft .topproductbtn { width: 100%; text-align: left; margin-top: 0; margin-bottom: 80px;}
	.topclassitem:nth-child(odd) .textleft .topproductbtn a { display: block;  float: left;}
	.topclassitem:nth-child(odd) .imgright{float: left;}
	.topclassitem:nth-child(even) .textleft{float: right; padding-left: 15px; padding-right: 15px;}
	.topclassitem:nth-child(even) .textleft h1{display: none;}
	.topclassitem:nth-child(even) .textleft h3 { margin-bottom: 8px;}
	.topclassitem:nth-child(even) .textleft p { display: inline-block; width: 100%; text-align: left; font-size: 1.4rem;}
	.topclassitem:nth-child(even) .textleft .topproductbtn { width: 100%; text-align: left; margin-top: 0; margin-bottom: 80px;}
	.topclassitem:nth-child(even) .textleft .topproductbtn a { display: block;  float: left;}
	.topclassitem:nth-child(even) .imgright{float: left;}
	
	.idcontent {
		width: 100%;
		min-height: 130px;
		background: url(../images/laba1.png) center 40px no-repeat;
		margin-top: 0px;
		padding-top: 85px;
	}
	.idcontent p {
		text-align: center;
		font-size: 1.4rem;
		padding: 60px 0px 15px;
		color: #fff;
	}
	.idcontent p span {
		color: #d11817;
		display: block;
		font-size: 2.4rem;
	}
	.inews { padding: 0 0 30px;}
	.inews h3 {
        margin-top: 45px;
    	margin-bottom: 15px;
	}
	.inewlist h4::after{display: none;}
	.inewlist h4 a {
		font-size: 1.3rem;
		color: #252525;
	}
	.ooo:nth-child(1) .inewlist{padding-left:0; padding-right: 0;}
	.ooo:nth-child(2) .inewlist{padding-left:0; padding-right: 0;}
	.ooo:nth-child(3) .inewlist{padding-left:0; padding-right: 0;}
	.inewsdate {
    padding-bottom: 12px;
		margin-bottom: 25px;}
	
	.linksdiv::before {
		content: 'Links：';
		width: 74px;
		height: 45px;
		font-size: 2.0rem;
		color: #949494;
		text-align: left;
		float: left;
	}
	.linksdiv a{font-size: 1.2rem; color:#949494; padding: 0 8px;}
	.linksdiv a:nth-child(1){padding-left:0;}
	.subnav h4{ font-size: 2.0rem!important;}
	.subnav ul li a {
		font-size: 1.2rem;
		color: #949494;
		line-height: 21px;
	}
	.sublink {
		background: none;
		width: 50%;
	}
	
	.sublink_pro {
		background: none;
		width: 50%;
		padding-left: 15px;
	}
	.contactinfo {
		padding-left: 15px;
	}
	.contactinfo ul li {
		font-size: 1.2rem;
		color: #949494;
		line-height: 1.42857143;
	}
	.qcpic{width:100%; margin-top: 30px;}
	.qcpic p {
		text-align: left;
		padding-top: 5px;
	}
	.copyright p {
		text-align: left;
		font-size: 1.2rem;
		color: #949494;
	}
	
	.maincontent { width: 100%;  min-height: auto; padding: 20px 15px;}
	
	.mainfix .container{padding-left: 0; padding-right: 0;}
	.innerbanner{width:100%; height: 130px; margin: 0 auto; background-color: #ccc; background-position: center!important; background-size: cover!important;}
	.mainfixwarp{width:100%; padding: 0px; background-color: #fff; box-shadow: none; min-height: auto;}
	.currentlocation { padding-left: 15px;}
	.currentlocation span{display: none;}
	.currentlocation a{font-size: 1.2rem; color:#303030; padding: 6px;}
	.currentlocation a:nth-child(2){padding-left: 0;}
/*
	.productsubclass{font-size: 1.2rem; line-height: 22px;}
	.productsubclass span{display: none;}
	.productsubclass a{font-size: 1.2rem; padding: 10px; white-space:pre-line; word-break: keep-all;}
	.productsubclass a:nth-child(2){padding-left: 0;}
*/
	.panel{border-radius: 0px;}
	.panel-default>.panel-heading { color: #fff!important; border-radius: 0px; background-color: #666;  border-color: #666; padding: 10px 30px;}
	.panel-default>.panel-heading a:hover{color:#f60;}
	.panel-default {  border-color: #ddd;  margin-bottom: 0px!important;}
	
	.panel-body ul li{list-style: disc inside; border-bottom: 1px dotted #ccc;}
	.panel-body ul li a { font-size: 1.3rem;  text-decoration: none; line-height: 2;}
	.panel-body ul li a.on{color:#000; }
	.prolist{ padding: 20px 10px 10px;}
	.prolist:nth-child(2n){border-right:none;}
	.prolisttxt{margin-top: 20px;}
	.prolisttxt a{font-size: 1.2rem;}
	
	
	.productwrap { padding: 15px;}
	.productpic {text-align: center; margin-top: 0px; border: 1px solid #ccc;}
	.producttext { padding-left: 15px; padding-right: 15px; padding-top: 0px;}
	.producttext p.price {display: block; width: 100%; height: 60px; padding-left: 20px; background: url(../images/pricebg.jpg) left top no-repeat; color: #303030; font-size: 1.6rem;line-height: 60px;}
	.productdetails { margin-top: 10px; padding: 15px;  border-top: 1px dotted #ccc;}
	
	
	.newsitemlist{margin-bottom: 30px; border-bottom: 1px dashed #ccc;}
	.newsitemlist dl{ display: block; box-sizing: border-box; background-color: transparent; padding: 0px;}
	.newsitemlist dl:hover{background-color: transparent; padding: 0px; box-sizing: border-box;}
	.newsitemlist dl dt{width:100%;}
	.newsitemlist dl dd{width:100%;}
	.newsitemlist dl dd{width:100%;}
	.newsitemlist dl dd a{font-size:14px;}
	.newsitemlist dl dt a img{width:100%; max-width: 100%; padding-right: 0px;}
	
	.newscontainer { width: 100%;  background-color: #fff;  margin-bottom: 0px;  padding-bottom: 0px; padding-left: 15px; padding-right: 15px;}
	.newscontainer h2{background: none; text-align: left; margin-bottom: 30px; font-size: 2.0rem!important;}
	.newscontainer h2 span{padding: 0px;}
	
	
	
	.newsviewnextprev{margin-top: 0px; margin-bottom: 20px;}
	.fitcontainer{padding:0px;}
	p.athp { text-align: left;}
	p.athp span { padding-left: 0px; padding-right: 15px;}
	
	.about p, .about1 p {  padding: 0px 0 20px;}
	.about img{max-width: 100%;}
	.aboutpic img{max-width: 100%; margin-bottom: 12px;}
	a.backbtn {  margin: 40px auto;}
	.producttext h3{font-size: 2.0rem !important;}
	.servicediv img{margin-top: 20px; max-width: 100%;}
	.point{padding-bottom: 10px; margin: 15px;}
	.point::after{content: ''; display: block; clear: both;}
	.point span.to_prev { text-align: left;}
	.point span.to_next { text-align: left;}
	.newscontainer { margin-bottom: 30px; margin-left: 0; margin-right: 0;}
}
@media (min-width:768px) and (max-width:1023px){
	.logodiv{width:200px; height: 100%; }
	.logodiv a img{width:180px;}
	.navdiv{padding-left: 200px;}
	.toproducts {padding-bottom: 30px;}
	.topclassitem {
		margin: 0;
		width: 100%;
		margin-bottom: 40px;
	}
	.topclassitem:nth-child(odd) .imgright { float: right; width:50%;}
	.topclassitem:nth-child(odd) .textleft {
		float: left;
		text-align: right;
		padding-right: 20px;
		width:50%;
	}
	.topclassitem:nth-child(odd) .textleft h1 {
		display: none;
	}
	.topclassitem:nth-child(odd) .textleft h3 {
		font-size: 2.4rem;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.topclassitem:nth-child(odd) .textleft p {
		display: inline-block;
		width: 95%;
		text-align: right;
		font-size: 1.4rem;
	}
	.topclassitem:nth-child(odd) .textleft .topproductbtn {
		width: 100%;
		text-align: right;
		margin-top: 2px;
		margin-bottom: 60px;
	}
	.topclassitem:nth-child(even) .imgright { float: left; width:50%;}
	.topclassitem:nth-child(even) .textleft h1 {
		display: none;
	}
	.topclassitem:nth-child(even) .textleft h3 {
		font-size: 2.4rem;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.topclassitem:nth-child(even) .textleft {
		float: right;
		text-align: left;
		padding-left: 20px;
		width:50%;
	}
	.topclassitem:nth-child(even) .textleft p {
		display: inline-block;
		width: 95%;
		text-align: left;
		font-size: 1.4rem;
	}
	.topclassitem:nth-child(even) .textleft .topproductbtn {
		width: 100%;
		text-align: left;
		margin-top: 2px;
		margin-bottom: 60px;
	}
	.idcontent p {
		text-align: center;
		font-size: 2.1rem;
		padding-top: 15px;
		color: #fff;
		padding: 0 170px;
	}
	.idcontent p span {
		color: #d11817;
		display: block;
		font-size: 3.0rem;
	}
	
	.sublink {
		background: url(../images/dot.jpg) top right repeat-y;
		width: 33.33333%;
	}
	
	.sublink_pro {
		background: url(../images/dot.jpg) top right repeat-y;
		width: 33.3333333%;
		padding-left: 35px;
	}
	.contactinfo {
		padding-left: 15px;
		border-top: 1px solid #515151;
		margin-top: 30px;
	}
	.contactinfo ul li {
		font-size: 1.3rem;
		color: #949494;
		line-height: 26px;
	}
	.qcpic {
		width: 50%;
		margin-top: 30px;
		padding-left: 124px;
	}
	.qcpic p {
		text-align: left;
		padding-top: 12px;
	}
	.fitcontainer {  padding: 0px 50px;}
	.point{padding-bottom: 10px;}
	.point::after{content: ''; display: block; clear: both;}
	.point span.to_prev { text-align: left;}
	.point span.to_next { text-align: left;}
	.servicediv img{max-width: 100%;}
	
}
@media (min-width:1024px) and (max-width:1366px){
	p{font-size: 1.4rem;}
	div{font-size: 1.4rem;}
	.language, .language a{font-size: 1.4rem;}
	.topphone{font-size: 1.4rem;}
	.topphone span{font-size: 2.4rem; }
	.logodiv{width:288px; height: 100%; }
	.navdiv{padding-left: 288px;}
	
	.topclassitem:nth-child(odd) .textleft h1 {
		font-family: 'RobotoCondensed';
		font-size: 10.0rem;
		color: #f5f5f5;
		margin: 0;
	}
	.topclassitem:nth-child(odd) .textleft h3 {
		font-size: 2.4rem;
		font-weight: bold;
		margin-bottom: 10px;
		margin-top: 0px;
	}
	.topclassitem:nth-child(odd) .textleft p {
		display: inline-block;
		width: 95%;
		text-align: right;
	}
	.topclassitem:nth-child(odd) .textleft .topproductbtn {
		width: 100%;
		text-align: right;
		margin-top: 15px;
	}
	.topclassitem:nth-child(even) .textleft h1 {
		font-family: 'RobotoCondensed';
		font-size: 10.0rem;
		color: #f5f5f5;
		margin: 0px;
	}
	.topclassitem:nth-child(even) .textleft h3 {
		font-size: 2.4rem;
		font-weight: bold;
		margin-bottom: 10px;
		margin-top: 0;
	}
	.topclassitem:nth-child(even) .textleft p {
		display: inline-block;
		width: 95%;
		text-align: left;
	}
	.topclassitem:nth-child(even) .textleft .topproductbtn {
		width: 100%;
		text-align: left;
		margin-top: 15px;
	}
	.idcontent p {
		text-align: center;
		font-size: 2.1rem;
		padding-top: 15px;
		padding: 15px 200px;
		color: #fff;
		font-weight: bold;
	}
	.idcontent p span {
		color: #d11817;
		display: block;
		font-size: 3.6rem;
	}
	.sublink_pro {
		background: url(../images/dot.jpg) top right repeat-y;
		width: 20.833333%;
		padding-left: 35px;
	}
	.contactinfo {
		padding-left: 30px;
	}
	
}
@media (min-width:1366px){
	.logodiv{width:420px; height: 100%; }
	.navdiv{padding-left: 420px;}
	.topclassitem:nth-child(odd) .textleft p {
		display: inline-block;
		width: 90%;
		text-align: right;
	}
	.topclassitem:nth-child(even) .textleft p {
		display: inline-block;
		width: 90%;
		text-align: left;
	}
	.topclassitem:nth-child(odd) .textleft .topproductbtn {
		width: 100%;
		text-align: right;
		margin-top: 15px;
	}
	.topclassitem:nth-child(even) .textleft .topproductbtn {
		width: 100%;
		text-align: left;
		margin-top: 15px;
	}
}
@media (min-width:1440px){
	.logodiv{width:420px; height: 100%; }
	.navdiv{padding-left: 420px;}
	.topclassitem:nth-child(odd) .textleft p {
		display: inline-block;
		width: 86%;
		text-align: right;
	}
	.topclassitem:nth-child(even) .textleft p {
		display: inline-block;
		width: 86%;
		text-align: left;
	}
	.topclassitem:nth-child(odd) .textleft .topproductbtn {
		width: 100%;
		text-align: right;
		margin-top: 15px;
	}
	.topclassitem:nth-child(even) .textleft .topproductbtn {
		width: 100%;
		text-align: left;
		margin-top: 15px;
	}
}
	
@media (min-width:1600px){
	.logodiv{width:422px; height: 100%; }
	.navdiv{padding-left: 422px;}
}
@media (min-width:1920px){
	.container{width:1200px;}
	.topclassitem:nth-child(odd) .textleft p{display: inline-block; width:50%; text-align: right;}
	.topclassitem:nth-child(even) .textleft p{display: inline-block; width:50%; text-align: left;}
	.topclassitem:nth-child(odd) .textleft .topproductbtn{width:100%; text-align: right; margin-top: 32px;}
	.topclassitem:nth-child(even) .textleft .topproductbtn{width:100%; text-align: left; margin-top: 32px;}
}