@charset "utf-8";

/* reset */

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, input, textarea {

	margin: 0;

	padding: 0;

}

body {

	font: 12px/24px '微软雅黑', Arial, '宋体', HELVETICA;

	color: #666;

	background: #EDEDED;

}

img {

	border: 0;

	vertical-align: top;

}

li {

	list-style-type: none;

	vertical-align: top;

}

button, input, select, textarea {

	font-size: 100%;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

	font-size: 100%;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

input, textarea {

	border: none;

	resize: none;

	outline: none;

}

a {

	text-decoration: none;

	outline: none;

	color: #666;

	transition: 0.2s;

}

a:hover {

	color: #ee7d18;

}

/* end reset */



/* public */


.w11001 {

	width: 1400px;

	margin: 0 auto;

	position: relative;

}

.w1100 {

	width: 1100px;

	margin: 0 auto;

	position: relative;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.mb20 {

	margin-bottom: 20px;

}

.cl {

	zoom: 1;

}


.cl:after {

	content: '';

	display: block;

	clear: both;

}

.eps {

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.ib {

	display: inline-block;

	vertical-align: top;

}

.z9 {

	z-index: 9;

	position: relative;

}

/* end public */



/* header */

.header {

	border-top: 5px solid #ee7d18;

	background: #fff;

	padding-bottom: 16px;

	z-index: 9;

	position: relative;

}

.header h1 {

	padding-top: 17px;

}

.topbar {

	background: url(../img/topbar.png) no-repeat;

	width: 630px;

	height: 30px;

	color: #fff;

	padding-left: 18px;

	line-height: 28px;

}

.topbar em {

	font-style: normal;

	color: #ff999a;

	font-family: Arial;

	cursor: default;

	margin: 0 10px;

}

.topbar a {

	color: #fff;

}

.topbar a:hover {

	color: #fb0;

}

.topbar .tel {

	background: url(../img/tel.png) no-repeat 0 center;

	padding-left: 17px;

}

.topbar strong {

	font-size: 14px;

	font-family: Arial;

	font-weight: normal;

}

.nav {

	padding-top: 35px;

}

.nav li, .nav h2, .nav h2 a {

	float: left;

}

.nav h2 a {

	padding: 0 22px;

	font-size: 15px;

	background: url(../img/cut.gif) no-repeat 0 center;

}

.nav .none h2 a {

	background: none;

}

.nav h2 a:hover, .nav .active h2 a {

	color: #ee7d18;

}

.wxCode {

	position: absolute;

	border: 1px solid #dadada;

	border-radius: 3px;

	overflow: hidden;

	right: 130px;

	top: 50px;

	display: none;

}

/* banner */

.banner {

	width: 100%;

	height: 600px;

	overflow: hidden;

	position: relative;

}

.banner .bd {

	height: 600px;

	position: relative;

	left: 50%;

	margin-left: -960px;
	
	text-align: center;

}

.banner .bd li {

	width: 1920px;

}

.banner .hd {

	width: 100%;

	text-align: center;

	position: absolute;

	left: 0;

	bottom: 20px;

	overflow: hidden;

	height: 16px;

}

.banner .hd ul {

	display: inline-block;

*display: inline;

*zoom: 1;

	height: 16px;

	background: url(../img/ctrlbg.png) repeat-x;

	padding: 0 10px;

	border-radius: 8px;

	overflow: hidden;

}

.banner .hd li {

	display: inline-block;

*display: inline;

*zoom: 1;

	text-indent: -999px;

	overflow: hidden;

	background: url(../img/ctrl.png) no-repeat;

	width: 8px;

	height: 8px;

	cursor: pointer;

	margin: 0 5px;

	position: relative;

	top: 4px;

}

.banner .hd .on {

	background-image: url(../img/ctrlon.png);

}

.banner .ctrl {

	position: absolute;

	width: 1100px;

	left: 50%;

	top: 0;

	margin-left: -550px;

	display: none;

}

.banner .ctrl a {

	color: #ee7d18;

	font-size: 120px;

	height: 120px;

	line-height: 120px;

	font-family: 'simsun';

	top: 240px;

	position: absolute;

	opacity: 0.4;

	filter: alpha(opacity=40);

}

.banner .ctrl .prev {

	left: -100px;

}

.banner .ctrl .next {

	right: -100px;

}

.banner .ctrl a:hover {

	opacity: 1;

	filter: alpha(opacity=100);

}

/* search */

.search {

	background: url(../img/search.png) repeat-x;

	height: 65px;

	margin-bottom: 43px;

}

.search .fl {

	padding-top: 18px;
	
    width: 700px;
}

.search span {

	color: #bdbdbd;

	font-family: Arial;

	cursor: default;

	margin: 0 10px;

}

.search form {

	width: 330px;

	height: 30px;

	position: relative;

	border-radius: 15px;

	overflow: hidden;

	top: 15px;

}

.search .txt {

	width: 308px;

	height: 28px;

	line-height: 28px;

	border: 1px solid #dadada;

	border-radius: 14px;

	padding: 0 10px;

	color: #999;

}

.search .btn {

	width: 40px;

	height: 30px;

	position: absolute;

	right: 0;

	top: 0;

	background: url(../img/btn.png) no-repeat #ee7d18;

	cursor: pointer;

}

/* product */

.product {

	margin-bottom: 90px;

}

.prodTop {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 9;

}

.prodTop h3 {

	font-family: Arial;

	font-size: 18px;

	color: #bdbdbd;

	line-height: 16px;

}

.prodTop h2 {

	font-size: 26px;

	color: #333;

	line-height: 30px;

}

.prodWrap .hd {

	text-align: right;

	padding-top: 12px;

	margin-bottom: 20px;

}

.prodWrap .hd li {

	display: inline-block;

*display: inline;

*zoom: 1;

	cursor: pointer;

	line-height: 28px;

	height: 28px;

	font-size: 14px;

	margin-left: 30px;

}

.prodWrap .hd .on {

	border-bottom: 3px solid #ee7d18;

	color: #ee7d18;

}

.prodWrap .long {

	width: 545px;

}

.prodWrap .item h3 {

	margin-bottom: 15px;

}

.prodWrap .bd a {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 9;

}

.prodWrap .con {

	height: 350px;

	padding-bottom: 70px;

	overflow: hidden;

	width: 1100px;

	margin-right: 10px;

}

.prodWrap .bd {

	width: 1100px;

	overflow: hidden;

}

.prodWrap .bd ul {

	width: 1112px;

}

.prodWrap .bd li {

	float: left;

	text-align: center;

	height: 350px;

	position: relative;

	margin-right: 12px;

	overflow: hidden;

}

.prodBox {

	padding: 0 20px;

}

.prodBox h3 {

	font-size: 16px;

	color: #333;

	margin-bottom: 7px;

	padding-top: 12px;

}

.prodBox p {

	line-height: 18px;

	height: 36px;

	overflow: hidden;

}

.prodBox em {

	background: url(../img/add.png) no-repeat;

	width: 30px;

	height: 30px;

	display: inline-block;

}

.prodAdorn {

	position: absolute;

	bottom: -177px;

	left: 0;

	height: 145px;

	background: #ee7d18;

	width: 100%;

	padding-top: 25px;

}

.prodAdorn h3 {

	margin-bottom: 20px;

}

.prodAdorn h3 span {

	line-height: 27px;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	font-size: 16px;

	color: #fff;

	height: 27px;

}

.prodAdorn p {

	line-height: 18px;

	padding: 0 18px;

	color: #fff;

	margin-bottom: 18px;

	height: 36px;

	overflow: hidden;

}

.prodAdorn .go {

	background: url(../img/go.png) no-repeat;

	width: 30px;

	height: 30px;

}

.prodAdorn .adorn {

	background: url(../img/up.png) no-repeat;

	width: 14px;

	height: 7px;

	position: absolute;

	top: -7px;

	left: 50%;

	margin-left: -7px;

}

/* case */

.case {

	margin-bottom: 44px;

	background: #ccc;

	height: 490px;

}

.caseSide {

	width: 200px;

	background: #414141;

}

.caseTop {

	background: #ee7d18;

	height: 90px;

	padding-left: 10px;

	margin-top: -90px;

}

.caseTop h3 {

	font-size: 16px;

	font-family: Arial;

	color: #ff5f60;

	line-height: 16px;

	padding-top: 22px;

	font-weight: bold;

}

.caseTop h2 {

	font-size: 26px;

	color: #fff;

	line-height: 30px;

}

.caseSide .item {

	border-top: 1px solid #545454;

	padding-top: 18px;

}

.caseSide .none {

	border: none;

	padding: 0;

}

.caseSide em {

	width: 28px;

	height: 28px;

	position: absolute;

	background: url(../img/case.png) no-repeat;

	left: 10px;

	top: 50%;

	margin-top: -14px;

}

.caseSide .b em {

	/* background-position: -28px 0; */

}

.caseSide .c em {

	/*background-position: -56px 0;*/

}

.caseSide span {

	width: 100%;

}

.caseSide h3 a {

	display: block;

	padding-left: 43px;

	position: relative;

}

.caseSide h3 a:hover span {

	color: #ee7d18;

}

.caseSide h3 a:hover em {

	background-image: url(../img/caseon.png);

}

.caseSide .cn {

	color: #999;

	font-size: 18px;

	line-height: 20px;

}

.caseSide .en {

	color: #595959;

	font-family: Arial;

	line-height: 12px;

}

.caseSide ol {

	padding-left: 43px;

	padding-top: 9px;

	padding-bottom: 10px;

}

.caseSide h4 a {

	display: block;

	background: url(../img/tri.png) no-repeat 0 center;

	color: #fff;

	padding-left: 9px;

	opacity: 0.4;

	filter: alpha(opacity=40);

	height: 28px;

	line-height: 28px;

	transition: 0s;

}

.caseSide h4 a:hover {

	opacity: 1;

	filter: alpha(opacity=100);

}

.caseSide ul {

	height: 460px;

	padding-top: 30px;

}

.caseWrap {

	padding-top: 30px;

	width: 892px;

}

.caseSlide {

	float: left;

}

.caseWrap {

	float: left;

}

.caseWrap li {

	float: left;

	margin-left: 11px;

	margin-bottom: 11px;

	position: relative;

	overflow: hidden;

}

.caseWrap .hd {

	text-align: center;

}

.caseWrap .hd li {

	width: 10px;

	height: 10px;

	background: #dadada;

	text-indent: -99em;

	cursor: pointer;

	border-radius: 5px;

	float: none;

	display: inline-block;

*display: inline;

*zoom: 1;

}

.caseWrap .hd .on {

	background: #ee7d18;

}

.caseWrap span {

	width: 100%;

	position: absolute;

	bottom: -30px;

	left: 0;

	line-height: 30px;

	height: 30px;

	background: url(../img/news.png);

	color: #fff;

	text-align: center;

}

.caseWrap .tel {

	background: #ee7d18;

	width: 225px;

	height: 82px;

	text-align: center;

	color: #fff;

	padding-top: 26px;

}

.caseWrap .tel p {

	background: url(../img/line.gif) no-repeat center;

}

.caseWrap .tel h3 {

	font-size: 30px;

	font-family: Arial;

	line-height: 28px;

}

.caseWrap .more {

	height: 20px;

	line-height: 20px;

	border-top: 2px solid #5c5c5c;

	color: #5c5c5c;

	font-family: Arial;

	position: absolute;

	right: 0;

	top: -50px;

}

.caseWrap .more:hover {

	color: #ee7d18;

	border-color: #ee7d18;

}

/* advantage */

.advantage {

	margin-bottom: 40px;

}

.advantTop {

	text-align: center;

	/*margin-bottom: 27px;*/

}

.advantTop h3 {

	color: #000;

	opacity: 0.1;

	filter: alpha(opacity=10);

	font-family: Arial;

	font-size: 36px;

	line-height: 38px;

}

.advantTop h2 {

	color: #ee7d18;

	font-weight: bold;

	font-size: 36px;

	line-height: 42px;

}

.advantTop p {

	font-size: 18px;

}

.advantWrap {

	margin-bottom: 30px;

	text-align: center;

	width: 1100px;

	overflow: hidden;

}

.advantWrap ul {

	width: 1108px;

}

.advantWrap li {

	margin-right: 7px;

	float: left;

}

.advantWrap a {

	float: left;

	width: 270px;

	height: 377px;

	position: relative;

	background: #fff;

}

.advantWrap .odd a {

	border-bottom: 3px solid #dadada;

}

.advantWrap .even a {

	border-top: 3px solid #dadada;

}

.advantWrap .even .img {

	position: absolute;

	bottom: 0;

	left: 0;

}

.advantWrap img {

	/*transition: All 0.6s ease-in-out;

	-webkit-transition: All 0.6s ease-in-out;

	-moz-transition: All 0.6s ease-in-out;

	-o-transition: All 0.6s ease-in-out;*/

}

.advantWrap span {

	transition: 0.2s;

}

.advantWrap .tl {

	font-size: 16px;

	color: #333;

	padding-top: 36px;

	margin-bottom: 12px;

}

.advantWrap .txt {

	padding: 0 18px;

	width: 234px;

	line-height: 20px;

}

.advantWrap .img {

	width: 270px;

	height: 190px;

	display: inline-block;

	vertical-align: top;

	overflow: hidden;

}

.advantWrap a:hover {

	border-color: #ee7d18;

}

.advantWrap a:hover .tl {

	color: #ee7d18;

}

.advantWrap a:hover .txt {

	color: #666;

}

.advantWrap a:hover img {

	/*transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);*/

}

.advantage .btn {

	text-align: center;

}

.advantage .btn a {

	text-align: left;

	width: 116px;

	height: 26px;

	border: 2px solid #5c5c5c;

	font-size: 14px;

	color: #5c5c5c;

	line-height: 26px;

	text-indent: 17px;

	background: url(../img/shape.png) no-repeat 83px 6px;

}

.advantage .btn a:hover {

	border-color: #ee7d18;

	color: #ee7d18;

	background-image: url(../img/shapeon.png);

}

/* show */

.show {

	margin-bottom: 46px;

	background: #ccc;

	padding-bottom: 42px;

}

.showTop {

	padding-left: 320px;

	height: 50px;

	overflow: hidden;

	padding-top: 44px;

	margin-bottom: 24px;

}

.show h4 {

	font-family: Arial;

	font-size: 20px;

	color: #000;

	opacity: 0.6;

	filter: alpha(opacity=20);

	font-weight: bold;

	letter-spacing: 9.4px;

	line-height: 14px;

	padding-top: 4px;

}

.show h3 {

	font-size: 24px;

	color: #ea4e18;

	/* text-indent: 4px;*/

	line-height: 28px;

}

.show h2 {

	padding-left: 20px;

	color: #000;

	font-size: 36px;

	font-weight: bold;

	height: 50px;

	line-height: 50px;

}

/*轮播图 开始*/

.main_banner {

	width: 100%;

}

.main_banner_wrap {

	width: 1100px;

	height: 500px;

	position: relative;

	margin: 0 auto;

	overflow: hidden;

}

.banner_btn { 	/*a 标签 按钮*/

	width: 120px;

	height: 308px;

	position: absolute;

	display: block;

	z-index: 9;

	top: 96px;

}

.btn_next {

	right: 0;

}

.banner_btn span {

	width: 50px;

	height: 70px;

	display: block;

	position: absolute;

	top: 120px;

	transition: 0.5s;

	font-size: 70px;

	line-height: 70px;

	font-family: 'simsun';

	text-align: center;

	color: #ea4e18;

	opacity: 0.3;

	filter: alpha(opacity=30);

	font-weight: bold;

}

.js_pre span {

	left: 10px;

}

.btn_next span {

	right: 10px;

}

.banner_btn:hover span {

	opacity: 1;

	filter: alpha(opacity=100);

}

.main_banner_box {

	position: relative;

	z-index: 0;

}

.main_banner li {

	position: absolute;

	background: #000;

	overflow: hidden;

}

/*给每张图片初始设置不同宽高，层级，位置*/



.main_banner .imgCard0 {

	width: 860px;

	height: 500px;

	z-index: 5;

	left: 120px;

	top: 0px;

	opacity: 1;

	background: #333d46;

}

.main_banner .imgCard1 {

	width: 530px;

	height: 308px;

	z-index: 1;

	left: 570px;

	top: 96px;

	opacity: 1;

	background: #333d46;

}

.main_banner .imgCard2 {/*初始在背后，透明度为0*/

	width: 320px;

	height: 186px;

	z-index: 1;

	left: 390px;

	top: 157px;

	opacity: 0;

	background: #333d46;

}

.main_banner .imgCard3 {

	width: 530px;

	height: 308px;

	z-index: 2;

	left: 0px;

	top: 96px;

	opacity: 1;

	background: #333d46;

}

.main_banner li img {

	width: 100%;

	height: 100%;

}

.main_banner li span {/*遮罩层*/

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	background: #000;

	opacity: 0;

	filter: alpha(opacity=0);

	color: #fff;

	font-size: 30px;

	line-height: 120px;

	text-align: center;

}

/*轮播图 结束*/



/* attitude */

.attitude {

	margin-bottom: 66px;

}

.attitude .fl {

	width: 685px;

}

.attitude li {

	position: relative;

	overflow: hidden;

}

.attitude .fl li {

	float: left;

	margin-bottom: 5px;

	margin-right: 5px;

}

.attitude a {

	z-index: 10;

}

.atMask, .atMask em, .attitude a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.atMask {

	text-align: center;

	display: none;

}

.atMask em {

	background: #000;

	opacity: 0.5;

	filter: alpha(opacity=50)

}

.atMask .z9 {

	height: 120px;

	top: 50%;

	margin-top: -60px;

}

.atMask h2 {

	background: url(../img/at.png) no-repeat;

	width: 120px;

	height: 60px;

	line-height: 60px;

	margin: 0 auto;

	font-size: 36px;

	color: #fff;

	margin-bottom: 12px;

}

.atMask h3 {

	color: #fff;

	font-size: 18px;

}

/* about */

.about {

	margin-bottom: 40px;

}

.aboutTop {

	border-bottom: 3px solid #ee7d18;

	padding-bottom: 8px;

	position: absolute;

	top: 0;

	left: 0;

}

.about .fl {

	width: 524px;

	padding-top: 100px;

}

.aboutContent {

	line-height: 30px;

	font-size: 14px;

	text-indent: 2em;

}

.about h3 {

	font-family: Arial;

	color: #bdbdbd;

	font-size: 18px;

	line-height: 18px;

}

.about h2 {

	color: #333;

	font-size: 26px;

	line-height: 28px;

}

.about .fr {

	position: relative;

	padding-right: 40px;

	top: 10px;

}

.about img {

	padding: 5px;

	background: #fff;

	position: relative;

	z-index: 9;

}

.about em {

	width: 365px;

	height: 344px;

	border: 3px solid #000;

	position: absolute;

	right: 0;

	top: 18px;

}

.about a {

	width: 86px;

	height: 26px;

	border: 2px solid #5c5c5c;

	display: block;

	text-align: center;

	line-height: 26px;

	font-size: 14px;

	color: #5c5c5c;

	margin-top: 20px;

}

.about a:hover {

	border-color: #ee7d18;

	color: #ee7d18;

}

/* settings and honor */

.sah {

	border-top: 2px solid #dadada;

	margin-bottom: 40px;

}

.sah .hd {

	height: 46px;

	margin-bottom: 4px;

}

.sah .hd ul {

	position: absolute;

	top: -2px;

	left: 0;

}

.sah .hd li {

	font-size: 18px;

	float: left;

	border-top: 2px solid #dadada;

	line-height: 48px;

	height: 48px;

	margin-right: 28px;

	cursor: pointer;

}

.sah .hd .on {

	border-color: #ee7d18;

}

.sah .more {

	position: absolute;

	right: 0;

	top: 12px;

}

.sah .more a {

	color: #5c5c5c;

	font-family: Arial;

}

.sah .more a:hover {

	color: #ee7d18;

}

.sah .con {

	height: 180px;

	width: 1100px;

	overflow: hidden;

}

.sah .bd ul {

	width: 1110px;

}

.sah .bd li {

	position: relative;

	float: left;

	margin-right: 7px;

	width: 270px;

}

.sah .bd span {

	position: absolute;

	bottom: -30px;

	left: 0;

	height: 30px;

	line-height: 30px;

	text-align: center;

	width: 250px;

	padding: 0 10px;

	background: url(../img/news.png);

	color: #fff;

}

/* news */

.news {

	background: #fff;

	width: 1060px;

	padding: 0 20px 10px;

	z-index: 9;

	margin-bottom: -40px;

}

.newsTop {

	border-bottom: 1px solid #bdbdbd;

	padding-top: 28px;

	padding-bottom: 8px;

	margin-bottom: 20px;

}

.newsTop h3 {

	font-family: Arial;

	color: #bdbdbd;

	font-size: 18px;

	line-height: 18px;

}

.newsTop h2 {

	color: #333;

	font-size: 26px;

	line-height: 28px;

}

.newsWrap .hd {

	position: absolute;

	right: 20px;

	top: 45px;

}

.newsWrap .hd li {

	width: 100px;

	text-align: center;

	line-height: 28px;

	height: 28px;

	float: left;

	color: #fff;

	background: #d4d4d4;

	margin-left: 10px;

	cursor: pointer;

}

.newsWrap .hd .on {

	background: #ee7d18;

}

.newsWrap .bd {

	width: 1060px;

	overflow: hidden;

}

.newsWrap .con {

	margin-right: 20px;

	width: 1060px;

	/* height: 370px; */

}

.newsImg {

	width: 1060px;

	overflow: hidden;

	margin-bottom: 20px;

}

.newsImg ul {

	width: 1080px;

}

.newsImg li {

	float: left;

	margin-right: 20px;

	position: relative;

}

.newsImg span {

	width: 230px;

	padding: 0 10px;

	position: absolute;

	bottom: -30px;

	left: 0;

	line-height: 30px;

	height: 30px;

	background: url(../img/news.png);

	color: #fff;

}

.newsTxt {

	width: 1060px;

	overflow: hidden;

}

.newsTxt ul {

	width: 1120px;

}

.newsTxt li {

	float: left;

	width: 500px;

	margin-right: 60px;

	margin-bottom: 12px;

}

.newsTxt h3 a {

	float: left;

	width: 400px;

	background: url(../img/news.gif) no-repeat 0 center;

	padding-left: 10px;

}

/* footer */

.footer {

	background: #2c2c2c;

	padding-top: 82px;

	padding-bottom: 38px;

}

.footer .cut {

	width: 1px;

	height: 170px;

	background: #424242;

	position: relative;

	top: 8px;

	margin-right: 40px;

}

.share {

	background: url(../img/footlogo.png) no-repeat 0 10px;

	width: 150px;

	padding-top: 124px;

}

.share a {

	background: url(../img/share.png) no-repeat;

	width: 30px;

	height: 30px;

	margin-right: 10px;

}

.share .b {

	background-position: -30px 0;

}

.share .c {

	background-position: -60px 0;

}

.share a:hover {

	background-image: url(../img/shareon.png);

}

.express ul {

	width: 200px;

}

.express li {

	width: 100px;

	float: left;

	line-height: 30px;

	height: 30px;

	margin-bottom: 6px;

}

.express a {

	color: #999;

}

.express a:hover {

	color: #ee7d18;

}

.siteInfo p {

	line-height: 30px;

	color: #999;

}

.siteInfo a {

	color: #999;

}

.siteInfo a:hover {

	color: #ee7d18;

}

.siteInfo span {

	width: 210px;

}

.code p {

	/* line-height: 40px; */

	text-align: center;

	color: #999;

}

.link {

	height: 80px;

	line-height: 40px;

	background: #000;

	color: #999;

}

.link a {

	color: #999;

}

.link span {

	cursor: default;

	margin: 0 12px;

	font-family: Arial;

}

.link a:hover {

	color: #ee7d18;

}

.footWxCode {

	position: absolute;

	border: 1px solid #dadada;

	border-radius: 3px;

	overflow: hidden;

	left: 82px;

	bottom: -20px;

	z-index: 9;

	display: none;

}

/* 内页 */

.pageBanner {

	overflow: hidden;

	width: 100%;

	/* margin-bottom: 20px; */

}

.pageBanner img {

	left: 50%;

	margin-left: -960px;

	width: 1920px;

	height: 200px;

	position: relative;

}

.page {

	overflow: hidden;

	zoom: 1;

	margin-bottom: 130px;

}

.main {

	width: 750px;

	font-family: "微软雅黑";

}

/* pageBanner */

.pageBanner {

	overflow: hidden;

	width: 100%;

	/*margin-bottom: 20px; */

}

.pageBanner img {

	left: 50%;

	margin-left: -960px;

	width: 1920px;

	height: 200px;

	position: relative;

}

/* page */

.page {

	width: 1100px;

	margin: 0 auto;

	/* margin-bottom: 50px;*/

}

/* feedbackBox */

.feedbackBox {

	padding-left: 100px;

	font-family: "Microsoft yahei";

}

.feedbackBoxTop {

	font-size: 16px;

	margin-bottom: 36px;

	padding-top: 20px;

}

.feedbackBoxTop span {

	color: #ee7d18;

}

/* side */

.side {

	width: 220px;

}

.sideNav {

	margin-bottom: 20px;

}

.sideNav h2 {

	height: 56px;

	line-height: 56px;

	text-align: center;

	font-size: 24px;

	background: #EA4E18;

	color: #fff;

	margin-bottom: 2px;

}

.sideNav .item {

	margin-bottom: 2px;

}

.sideNav h3 a {

	display: block;

	height: 36px;

	line-height: 36px;

	background: url(../img/sidenav.gif) no-repeat 200px #fff;

	text-indent: 24px;

	position: relative;

	font-size: 13px;

}

.sideNav h3 em {

	width: 4px;

	height: 3px;

	position: absolute;

	overflow: hidden;

	background: #fff;

	left: 24px;

	top: 17px;

	opacity: 0;

	filter: alpha(opacity=0);

	transition: 0.2s;

}

.sideNav h3 a:hover, .sideNav .active h3 a {

	background-image: url(../img/sidenavon.gif);

	background-color: #ee7d18;

	color: #fff;

	text-indent: 34px;

}

.sideNav h3 a:hover em, .sideNav .active h3 em {

	opacity: 1;

	filter: alpha(opacity=100);

}

.sideNav ol {

	background: #f5f5f5;

}

.sideNav .none a {

	background: none;

}

.sideNav h4 {

	position: relative;

	height: 35px;

}

.sideNav h4 a {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 36px;

	line-height: 36px;

	text-indent: 46px;

	background: url(../img/splitbg.gif) repeat-x;

}

.sideNav h4 a:hover, .sideNav .on h4 a {

	color: #ee7d18;

}

.sideWrap {

	margin-bottom: 20px;

	background: #fff;

}

.sideWrap h2 {

	height: 40px;

	line-height: 40px;

	font-size: 16px;

	text-indent: 20px;

	background: #EA4E18;

	color: #fff;

}

.sideBox {

	border: 1px solid #dadada;

	border-top: none;

}

.contactBox {

	padding: 15px;

}

.hotLine {

	background: url(../img/hotline.gif) no-repeat;

	padding-left: 45px;

	margin-bottom: 4px;

	height: 46px;

}

.hotLine p {

	line-height: 16px;

}

.hotLine h3 {

	font-size: 20px;

	font-family: Arial;

	font-weight: bold;

	line-height: 30px;

}

.contactInfo {

	background: url(../img/splitbg.gif) repeat-x;

	padding-top: 10px;

}

.contactInfo span {

	vertical-align: top;

	display: inline-block;

}

.contactInfo .value {

	width: 150px;

}

/* imgSideBox */

.imgSideBox {

	padding: 10px 0;

}

.imgSideBox li {

	width: 198px;

	margin: 0 auto 14px;

}

.imgSideBox a {

	display: block;

}

.imgSideBox img {

	width: 190px;

	height: 190px;

	padding: 2px;

	border: 2px solid #dadada;

	transition: 0.3s;

}

.imgSideBox span {

	width: 168px;

	text-align: center;

	display: inline-block;

	vertical-align: top;

	font-size: 14px;

	padding: 0 15px;

	line-height: 30px;

	padding-top: 4px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.imgSideBox a:hover {

	color: #ee7d18;

}

.imgSideBox a:hover img {

	border-color: #ee7d18;

}

/* main */

.main {

	width: 800px;

	padding: 0 30px 30px;

	font-family: '微软雅黑';

	background: #fff;

}

/* breadCrumb */

.breadCrumb {

	height: 55px;

	border-bottom: 1px solid #dadada;

	position: relative;

	margin-bottom: 30px;

	display: table;

	width: 100%;

}

.breadCrumb h2 {

	font-family: 'Microsoft Yahei';

	font-size: 18px;

	position: absolute;

	top: 0;

	left: 0;

	height: 54px;

	line-height: 54px;

	padding: 0 4px;

	border-bottom: 3px solid #ee7d18;

	color: #333;

}

.breadCrumb .fr {

	color: #999;

	font-family: '微软雅黑';

	cursor: default;

	width: 330px;

	line-height: 16px;

	text-align: right;

	display: table-cell;

	vertical-align: middle;

	float: none;

}

/* imgBox */

.imgBox {

	width: 800px;

	overflow: hidden;

}

.imgBox ul {

	width: 850px;

}

.imgBox li {

	float: left;

	text-align: center;

	margin-bottom: 20px;

}

.imgBox a {

	float: left;

}

.imgBox img {

	border: 2px solid #dadada;

	transition: 0.2s;

}

.imgBox span {

	display: inline-block;

	vertical-align: top;

	font-size: 14px;

	padding: 0 15px;

	line-height: 30px;

	padding-top: 4px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.imgBox a:hover {

	color: #ee7d18;

}

.imgBox a:hover img {

	border-color: #ee7d18;

}

/* productBox */

.productBox li {

	width: 258px;

	margin-right: 13px;

}

.productBox img {

	width: 250px;

	height: 250px;

	padding: 2px;

}

.productBox span {

	width: 214px;

}

/* imgCaseBox */

.imgCaseBox li {

	width: 258px;

	margin-right: 13px;

}

.imgCaseBox img {

	width: 250px;

	height: 167px;

	padding: 2px;

}

.imgCaseBox span {

	width: 214px;

}

/* imgPartnerBox */

.imgPartnerBox li {

	width: 150px;

	margin-right: 12px;

}

.imgPartnerBox img {

	width: 146px;

	height: 69px;

}

.imgPartnerBox span {

	width: 112px;

}

/* imgSettingBox */

.imgSettingBox li {

	width: 258px;

	margin-right: 13px;

}

.imgSettingBox img {

	width: 250px;

	height: 167px;

	padding: 2px;

}

.imgSettingBox span {

	width: 214px;

}

/* product's picture */

.tb-pic a {

	display: table-cell;

	text-align: center;

	vertical-align: middle;

*display: block;

*font-family: Arial;

*line-height: 1;

*font-size: 271px;

}

.tb-pic img {

	vertical-align: middle;

}

.tb-pic, .tb-pic a {

	height: 320px;

	width: 350px;

	background: #fff;

}

.tb-pic, .tb-pic img {

	max-height: 320px;

	max-width: 350px;

	_width: 350px;

}

.tb-pic {

	border: 1px solid #dadada;

	position: relative;

	z-index: 1;

}

.zoomDiv {

	z-index: 999;

	position: absolute;

	top: 0;

	left: 0;

	width: 200px;

	height: 200px;

	background: #fff;

	border: 1px solid #ccc;

	display: none;

	text-align: center;

	overflow: hidden;

}

.zoomMask {

	position: absolute;

	background: url(../img/mask.png);

	cursor: move;

	z-index: 1;

}

.tb-picList {

	width: 352px;

	height: 62px;

	overflow: hidden;

	margin-top: 10px;

	position: relative;

}

.tb-picList .prev, .tb-picList .next {

	position: absolute;

	top: 20px;

	font-family: 'simsun';

	font-weight: bold;

	font-size: 32px;

}

.tb-picList .prev {

	left: 0;

}

.tb-picList .next {

	right: 0;

}

.tb-picList .prev:hover, .tb-picList .next:hover {

	color: #ee7d18;

}

.tb-picList .tb-thumb {

	position: relative;

	width: 290px;

	height: 62px;

	margin: 0 auto;

	overflow: hidden;

}

.tb-picList .tb-thumb ul {

	position: absolute;

	width: 999999px;

}

.tb-picList .tb-thumb li {

	float: left;

	width: 76px;

	overflow: hidden;

	position: relative;

}

.tb-picList .tb-thumb a {

	display: block;

	width: 60px;

	border: 1px solid #dadada;

	text-align: center;

	background: #fff;

}

.tb-picList .tb-thumb img {

	max-width: 100%;

	height: 60px;

	cursor: pointer;

}

.tb-picList .tb-thumb em {

	position: absolute;

	width: 58px;

	height: 58px;

	border: 2px solid #ee7d18;

	top: 0;

	left: 0;

	display: none;

}

.tb-picList .tb-thumb .tb-selected em {

	display: block;

}

.productTop {

	margin-bottom: 20px;

}

.productIntro {

	width: 420px;

}

.productIntro h2 {

	background: url(../img/splitbg.gif) repeat-x 0 bottom;

	font-size: 18px;

	font-family: 'Microsoft Yahei';

	color: #000;

	padding: 10px 0;

	margin-bottom: 10px;

}

.descriptionBox {

	height: 178px;

	overflow: hidden;

}

.descriptionBox .explain .value {

	height: 116px;

	overflow: hidden;

}

.descriptionBox span {

	display: inline-block;

	vertical-align: top;

}

.descriptionBox .value {

	width: 320px;

}

.productOrder a {

	display: block;

	width: 130px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 15px;

	border-radius: 4px;

	font-family: 'Microsoft Yahei';

	background: #ee7d18;

	color: #fff;

}

.productOrder a:hover {

	background: #ee7d18;

}

.productShow {

	margin-bottom: 10px;

}

.productShow .hd {

	height: 38px;

	line-height: 38px;

	font-size: 14px;

	background: #ee7d18;

	font-family: 'Microsoft Yahei';

}

.productShow .hd li {

	float: left;

	padding: 0 20px;

	cursor: pointer;

	color: #fff;

	transition: 0.3s;

}

.productShow .hd .on {

	background: #ee7d18;

}

.productShow .con {

	padding: 10px 0;

}

.column {

	margin-bottom: 20px;

}

.column h2 {

	height: 36px;

	line-height: 36px;

	font-size: 14px;

	background: #eee;

	position: relative;

	text-indent: 20px;

	font-family: 'Microsoft Yahei';

}

.column h2 em {

	position: absolute;

	width: 4px;

	height: 14px;

	left: 10px;

	top: 50%;

	margin-top: -7px;

	background: #333;

}

.productForm h2 {

	margin-bottom: 2px;

}

.productFormBox {

	background: #eee;

}

.productFormBox form {

	padding: 20px 0 20px 16px;

}

.productFormBox p {

	float: left;

	margin-right: 10px;

}

.productFormBox span {

	display: inline-block;

	vertical-align: middle;

	width: 50px;

	text-align: right;

	padding-right: 10px;

	line-height: 26px;

}

.productFormBox input, .productFormBox textarea {

	vertical-align: top;

	transition: 0.3s;

}

.productFormBox .row {

	margin-bottom: 10px;

}

.productFormBox .row input {

	height: 24px;

	border: 1px solid #dadada;

	width: 150px;

	padding: 0 10px;

	line-height: 24px;

}

.productFormBox textarea {

	width: 634px;

	height: 72px;

	border: 1px solid #dadada;

	padding: 10px;

	line-height: 18px;

}

.productFormBox .row input:focus, .productFormBox textarea:focus {

	border-color: #aaa;

}

.productFormBox img {

	border: 1px solid #dadada;

	margin-left: 10px;

	cursor: pointer;

	position: relative;

	top: 1px;

}

.productFormBox .btn {

	padding-left: 60px;

}

.productFormBox .btn input {

	width: 65px;

	height: 24px;

	line-height: 24px;

	text-align: center;

	background: #666;

	cursor: pointer;

	color: #fff;

	border-radius: 2px;

	margin-right: 10px;

	font-family: 'Microsoft Yahei';

}

.productFormBox .btn input:hover {

	background: #999;

}

#verifyCode {

	width: 100px;

}

.related h2 {

	margin-bottom: 10px;

}

/* articleBox */

.articleBox li {

	overflow: hidden;

	zoom: 1;

	background: url(../img/splitbg.gif) repeat-x 0 bottom;

	padding-bottom: 20px;

	margin-bottom: 20px;

}

.articleBox img {

	width: 191px;

	height: 130px;

	border: 1px solid #EFEFEF;

	padding: 4px;

}

.articleBox .fr {

	width: 580px;

	padding-top: 10px;

}

.articleBox h2 {

	font-size: 16px;

	font-family: 'Microsoft Yahei';

	margin-bottom: 4px;

	padding-top: 6px;

}

.articleBox h2 a {

	color: #000;

}

.articleBox h2 a:hover {

	color: #ee7d18;

}

.articleBox h4 {

	background: url(../img/time.png) no-repeat 0 3px;

	padding-left: 24px;

	color: #a1a1a1;

	margin-bottom: 5px;

}

.articleBox p {

	color: #888;

}

.articleBox p a {

	color: #ee7d18;

}

.articleBox p a:hover {

	text-decoration: underline;

}

.articleBox .img {

	position: relative;

}

.articleBox .img img {

	position: relative;

	z-index: 9;

}

.articleBox .img em {

	position: absolute;

	width: 191px;

	height: 130px;

	background: url(../img/timebg.png) no-repeat #ee7d18;

	left: 5px;

	top: 5px;

}

.articleBox .img span {

	color: #fff;

	position: absolute;

	width: 100%;

	text-align: center;

	left: 0;

}

.articleBox .date {

	font-family: 'Microsoft Yahei';

	font-size: 60px;

	line-height: 60px;

	top: 24px;

}

.articleBox .yam {

	font-family: Arial;

	font-size: 18px;

	top: 88px;

}

/* faqBox */

.faqBox h2 a {

	position: relative;

	padding-left: 26px;

}

.faqBox h2 em {

	position: absolute;

	left: 0;

	top: 4px;

	width: 16px;

	height: 16px;

	background: url(../img/faq.png) no-repeat #1B8700;

	border-radius: 3px;

}

.faqBox p {

	background: url(../img/faq.png) no-repeat 0 -26px;

	padding-left: 26px;

}

/* faqOtherBox */

.faqOtherBox {

	border-top: 1px solid #f1f1f1;

}

.faqOtherBox h2 a {

	display: block;

	font-size: 16px;

	font-family: 'Microsoft Yahei';

	position: relative;

	padding: 10px 10px 10px 36px;

	border-bottom: 1px solid #f1f1f1;

	color: #999;

}

.faqOtherBox h2 em {

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -8px;

	width: 16px;

	height: 16px;

	background: url(../img/faq.png) no-repeat #ee7d18;

	border-radius: 3px;

}

.faqOtherBox .on a {

	background: #ECECEC;

	color: #000;

}

.faqOtherBox .con {

	padding: 20px 0;

	border-left: 3px solid #ee7d18;

	padding-left: 34px;


	background: url(../img/splitbg.gif) repeat-x 0 bottom;

}

/* articleShow */

.articleTop {

	text-align: center;

	background: url(../img/splitbg.gif) repeat-x 0 bottom;

	padding-bottom: 20px;

	margin-bottom: 20px;

}

.articleTop h2 {

	font-size: 22px;

	color: #000;

	margin-bottom: 16px;

	font-family: "Microsoft yahei";

}

.articleTop p {

	color: #999;

}

.articleTop span {

	margin: 0 5px;

}

.articleTop a {

	margin: 0 5px;

}

.articleTop .active {

	color: #000;

	font-weight: bold;

}

.articleShow {

	margin-bottom: 20px;

	font-size: 14px;

}

.articleCtrl {

	height: 36px;

	line-height: 36px;

	background: #eee;

	margin-bottom: 10px;

	color: #999;

	padding: 0 10px;

	cursor: default;

}

.articleCtrl p {

	background: url(../img/articlectrl.png) no-repeat 0 -25px;

	vertical-align: top;

	width: 40%;

}

.articleCtrl .fl {

	padding-left: 16px;

}

.articleCtrl .fr {

	padding-right: 16px;

	background-position: right 10px;

	text-align: right;

}

.articleCtrl a {

	color: #333;

}

.articleCtrl a:hover {

	color: #ff3400;

}

.articleList {

	width: 800px;

	overflow: hidden;

}

.articleList h2 {

	margin-bottom: 10px;

}

.articleList ul {

	width: 820px;

}

.articleList li, .articleList h3, .articleList a {

	float: left;

}

.articleList li {

	width: 390px;

	margin-right: 20px;

	height: 32px;

	line-height: 32px;

	background: url(../img/splitbg.gif) repeat-x 0 bottom;

}

.articleList a {

	background: url(../img/txt.png) no-repeat 6px center;

	padding-left: 26px;

	width: 260px;

}

.articleList span {

	float: right;

	color: #999;

	font-family: Arial;

}

/* pictureDetail */

/* picture's picture */

.pictureDetail .tb-pic a {

	cursor: default;

}

.pictureDetail .tb-pic, .pictureDetail .tb-pic a {

	height: 500px;

	width: 738px;

}

.pictureDetail .tb-pic, .pictureDetail .tb-pic img {

	max-height: 500px;

	max-width: 738px;

	_width: 500px;

}

.pictureDetail .tb-pic {

	border: 1px solid #ECECEC;

	padding: 10px;

}

.pictureDetail .tb-picList {

	width: 760px;

	height: 72px;

}

.pictureDetail .tb-picList .tb-thumb {

	width: 674px;

	height: 72px;

}

.pictureDetail .tb-picList .tb-thumb li {

	width: 86px;

}

.pictureDetail .tb-picList .tb-thumb a {

	width: 70px;

}

.pictureDetail .tb-picList .tb-thumb img {

	height: 70px;

}

.pictureDetail .tb-picList .tb-thumb em {

	width: 68px;

	height: 68px;

}

.pictureDetail .tb-picList .prev, .pictureDetail .tb-picList .next {

	top: 0;

	font-size: 18px;

	color: #fff;

	width: 25px;

	height: 72px;

	line-height: 72px;

	background: #ccc;

	text-align: center;

}

.pictureDetail .tb-picList .prev:hover, .pictureDetail .tb-picList .next:hover {

	background: #0F127D;

}

.pictureDetail .tb-picList .non, .pictureDetail .tb-picList .non:hover {

	background: #F3F3F3;

	cursor: default;

}

.pictureTop {

	margin-bottom: 20px;

}

/* downloadList */

.downloadList {

	font-family: 'Microsoft Yahei';

}

.downloadList li {

	overflow: hidden;

	zoom: 1;

	background: url(../img/splitbg.gif) repeat-x 0 bottom;

	height: 30px;

	line-height: 30px;

	margin-bottom: 10px;

	padding-bottom: 10px;

}

.downloadList h2 {

	float: left;

	background: url(../img/file.png) no-repeat 6px 2px;

	padding-left: 40px;

	font-size: 14px;

	color: #000;

}

.downloadList a {

	float: right;

	background: url(../img/download.png) no-repeat 0 6px;

	padding-left: 16px;

	color: blue;

}

.downloadList a:hover {

	text-decoration: underline;

}

/* jobList */

.jobList {

	border: 1px solid #ddd;

	border-top: none;

}

.jobList ol {

	height: 45px;

	line-height: 45px;

	border-top: 1px solid #e3e3e3;

	background: #f4f4f4;

	cursor: pointer;

	font: normal 12px/45px "Microsoft YaHei";

}

.jobList ol li {

	float: left;

	width: 165px;

	padding-left: 22px;

}

.jobList b {

	color: #000;

}

.jobList .con {

	padding: 8px 25px;

	color: #999;

	display: none;

}

/* pagination */

.pagination span {

	background: #ee7d18;

	border: 1px solid #ee7d18;

}