@charset "utf-8";
/** 清除内外边距 **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img,
figure,
figcaption {
	border: medium none;
	margin: 0;
	padding: 0;
}


/** 设置默认字体 **/

html,
body {
	-webkit-text-size-adjust: none;
	font-family: "Microsoft YaHei", Arial;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 14px;
	color: #444;
}


/** 设置表单元素**/

button,
input,
select,
textarea {
	font-family: "Microsoft YaHei", Arial;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	vertical-align: middle;
	outline: none;
}


/** 重置图片元素 **/

img {
	border: 0px;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}


/** 重置表格元素 **/

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/** 清除浮动 **/

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}


/** 重置列表元素 **/

ul,
ol {
	list-style: none;
}


/** 重置超链接元素 **/

a{
	transition: 0.4s cubic-bezier(.42, 0, .58, 1);
	-webkit-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
}

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

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

a:hover,
a:active {
	outline: none;
}

body{ background: url(../images/pagewrapper-bg.jpg); font-family: arial;}
.section,.main{ width: 1100px; margin: 0 auto;}
.top{ height: 40px; line-height: 40px; overflow: hidden; background:#446fa3; border-bottom:3px solid #ff812d; color: #fff; font-weight: bold; font-size: 15px;}
.top .tel{ float: left; display: block;}
.top .right{ float: right;}
.top .right a{ color: #fff; padding: 0 10px;}
.top .right form{ float: right; width: 240px;}
.top .right form .ipt{ width: 180px; height: 40px; float: left; padding: 0 10px;}
.top .right form .bnt{ background: #ff812d url(../images/search-bg.png) no-repeat center; width: 40px; height: 40px; float: left; cursor: pointer;;}

.main{ background: #fff;}
.head{ padding: 25px 0 10px 10px;}
.head .logo{ float: left;}
.head .nav{ float: right; width:784px; background:#ccc; position: relative; height: 52px; line-height: 52px; }
.head .nav li{ float: left; width:195px; border-right: 1px solid #ddd; text-transform: uppercase;  font-family: 'Oswald', sans-serif; }
.head .nav a{ display: block; text-align: center; font-size: 15px; border-right: 1px solid #888;  color: #000; text-shadow: 1px -1px 0px #d9d9d9;}
.head .nav a:hover,.head .nav a.act{ background: #ff812d; color: #fff; text-shadow: 0px 0px 0px #fff;}
.head .nav li:last-child a{ border: none; }
.head .nav li:first-child a{position: relative;}
.head .nav li:first-child a:before{ content: ""; display: block; height: 52px; width: 0;height: 0; border-left: 0px solid transparent; border-right: 20px solid transparent; border-top: 52px solid #ff812d; position: absolute; left: -20px; transform: rotate(180deg);}

.head .nav .jiao2{height: 62px; width:14px; position: absolute; right: -13px; top: -1px; background: url(../images/topnav-after.png) no-repeat left center; display: block;}

.left_bar{ width: 230px; float: left;}
.left_bar .tit{ font-weight: bold; font-size: 12px;  background: #ccc; line-height: 44px; padding-left: 10px; color: #000; text-shadow: 1px -1px 0px #d9d9d9; position: relative;}
.left_bar .tit:before{content: ""; display: block; height: 44px; width: 0;height: 0; border-left: 0px solid transparent; border-right: 20px solid transparent; border-top: 44px solid #ccc; position: absolute; right: -20px; top: 0;}
.left_bar .tit:after{content: ""; width: 13px; display: block; height: 52px; background: url(../images/leftnav-title-before.png) no-repeat left bottom; position: absolute; left: -13px; top: 0;}

.left_bar .subnav li{  border-bottom: 1px solid #ddd;  padding: 5px 0; position: relative;}
.left_bar .subnav li a{ display: block; padding:5px 0 5px  20px; border-left: 2px solid #fff;  line-height: 22px;}
.left_bar .subnav li:hover a,.left_bar .subnav li.act a{ background: #eee;  border-left: 2px solid #FF812D;}
.left_bar .subnav li:hover .hide{ display: block;}
.left_bar .subnav .hide{ transition: 0.5s; width: 150px; position: absolute; right: -150px; top: 0; background: #eee; line-height: 34px; display: none; z-index: 10}
.left_bar .subnav .hide p{ font-size: 12px; border-bottom: 1px dashed #aaa;}
.left_bar .subnav .hide p a{ line-height: 20px; word-break: break-all; padding: 5px;}

.left_bar ul{ padding-bottom: 20px;}
.right_bar{ width: 800px; float: right; padding-right: 20px;}

.banner{ margin-bottom: 20px;}
.recoment{ overflow: hidden; height: 240px; position: relative; margin-bottom: 20px;}
.recoment .btn{ transition: 0.5s; cursor: pointer; width: 40px; height: 60px; display: block; position: absolute; top: 40%; z-index: 10; background: rgba(0,0,0,0.5);}
.recoment .btn.right{ right: 2px;}
.recoment .btn.left{ left: 1px;}
.recoment .btn:hover{ background: #446fa3;}
.recoment ul{ width: 90000px;}

.recoment li{ width: 240px; height: 230px; border: 1px solid #ddd; float: left; margin-right: 36px;}
.recoment li .name{ background: #79a0d0; line-height: 24px; text-align: center; padding: 10px; color: #222;}
.recoment li .name a{ background: #FF812D; padding: 0 10px; display: inline-block; margin-left: 10px; color: #fff; border-radius: 4px;}
.products .tit{ background: #79a0d0; line-height: 30px; height: 30px; padding:10px; color: #000;margin-bottom:10px;}
.products .tit a{ float: right; background: #FF812D; padding: 0 10px; display: inline-block; line-height: 30px; color: #fff; border-radius: 5px;}
.products{ overflow: hidden;}
.products ul{  width: 900px;}
.products li{ width: 240px;  float: left; margin-right: 36px; line-height: 22px; margin-bottom: 20px;}
.products li a{ color: #FF812D; text-decoration: underline;}
.products li .name a{ color: #333; text-decoration:none}
.company{ font-size: 12px; padding: 15px 0; line-height: 22px;}
.company .tit{ background: #79a0d0; line-height: 30px; height: 30px; padding:10px; color: #000; margin-bottom:10px;}
.company .tit a{ float: right; background: #FF812D; padding: 0 10px; display: inline-block; line-height: 30px; color: #fff; border-radius: 5px;}
.footer{ background: url(../images/footer-bg.jpg) repeat; border-top: 3px solid #ff812d; padding:20px 0; overflow: hidden;}
.footer ul{ overflow: hidden;}
.footer li{ float:left; width: 25%; line-height: 30px; color: #fff;}
.footer li a{ color: #eee; font-size: 12px;}
.copy{ padding: 20px 0; font-size: 12px; color: #eee;}

.inernew li{ width: 100%; border-bottom: 1px dashed #aaa; padding: 20px 0;}
.inernew li a{ color: #999; text-decoration: none;}