@charset "utf-8";
/* ================== Common Layout CSS ==================== */

* {
	margin:0;
	padding:0;
}

:focus {
	outline: none;	
}

img {
	border: 0;
}

input[type="text"], input[type="password"] {
	border: 1px solid #d8d8d8;
	height: 20px;
	line-height: 20px;
}

input[type="submit"], input[type="button"] {
	
}

.f12 { font-size: 12px !important; }
.f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; }
.f17 { font-size: 17px !important; }
.f18 { font-size: 18px !important; }
.f19 { font-size: 19px !important; }
.f20 { font-size: 20px !important; }
.f21 { font-size: 21px !important; }
.f22 { font-size: 22px !important; }
.f23 { font-size: 23px !important; }
.f24 { font-size: 24px !important; }
.f25 { font-size: 25px !important; }
.f26 { font-size: 26px !important; }
.f27 { font-size: 27px !important; }
.f28 { font-size: 28px !important; }
.f29 { font-size: 29px !important; }
.f30 { font-size: 30px !important; }
.f31 { font-size: 31px !important; }
.f32 { font-size: 32px !important; }
.f33 { font-size: 33px !important; }
.f34 { font-size: 34px !important; }
.f35 { font-size: 35px !important; }
.f40 { font-size: 40px !important; }
.f45 { font-size: 45px !important; }

.clear {
	clear:both;
}

.none {
	display: none;
}

.left {
	float: left;	
}

.right {
	float: right;	
}

.red {
	color: #ee0a1a;	
}

body {
	font-family: \5FAE\8F6F\96C5\9ED1, Arial, Helvetica, sans-serif; /*微软雅黑*/
	font-size: 14px;
	color: #454545;
}

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

a:hover {
	color: #454545;
	text-decoration: underline;
}

.divContainer {
	width: 1200px;
	margin: 0 auto;
	background: url("../images/bg-top.jpg") top right no-repeat;
	display: table;
}

.divHead {
	float: left;
	width: 1130px;
	padding: 15px 30px;
	border-bottom: 1px solid #494949;
}

.headLeft {
	float: left;
	width: 913px;
}

.headRight {
	float: left;
	width: 217px;
}

.divLogo {
	float: left;
	padding: 7px 0 26px 0;
}

.divTopNav {
	float: left;
	font-size: 15px;
	letter-spacing: 2px;
}

.divTopNav ul {
	float: left;
	list-style: none;
	line-height: 21px;
}

.divTopNav ul li {
	float: left;
	padding: 0 15px;
	border-right: 1px solid #b2b2b2;
}

.divTopNav ul li.last {
	border-right: none;
}

.divTopNav a {
	color: #5a6054;
}

.divTopNav a:hover {
	color: #fd1711;
	text-decoration: none;
}

.divTopNav a.on, .divTopNav a.on:hover {
	color: #fd1711;
	text-decoration: none;
}

.divQQ {
	float: left;
	padding: 67px 0 9px 0;
	letter-spacing: 2px;
	line-height: 20px;
}

.divQQ img {
	float: left;
	padding-right: 5px;
}

.divQQ a {
	color: #5a6054;
}

.divQQ a:hover {
	color: #fd1711;
	text-decoration: none;
}

.divSearch {
	float: left;
	width: 202px;
	height: 22px;
	background: url("../images/bg-search.jpg") no-repeat;
}

input.btnSearch {
	width: 22px;
	height: 22px;
	border: none;
	background: url("../images/btn-search.png") center no-repeat;
	float: left;
	margin-left: 3px;
	cursor: pointer;
}

.divSearch input[type="text"] {
	float: left;
	border: none;
	width: 170px;
	background: none;
	margin: 1px 0;
}

.divBanner {
	width: 1130px;
	margin: 12px auto 21px;
}

.bgGray {
	float: left;
	width: 100%;
	background: #f0f0f0;
	padding: 30px 0 35px 0;
}

.divFooter {
	float: left;
	width: 100%;
	background: #1d1d1d;
	padding: 26px 0;
}

.footerLeft {
	float: left;
	width: 414px;
	border-right: 1px solid #4a4a4a;
	color: #cac9c8;
	padding: 0 35px;
	line-height: 30px;
}

.footerLeft .title {
	font-size: 18px;
	color: #5a6054;
}

.footerLeft .title img {
	float: left;
	margin-right: 20px;
}

.footerLeft a, .footerLeft a:hover {
	color: #cac9c8;
}

.footerRight {
	float: left;
	width: 715px;
	text-align: center;	
	color: #024f85;
}

.divLogo2 {
	padding: 30px 0 35px 0;
}

/* ============================= Pagination ============================ */

.paging {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 18px;
}

.paging a {
	padding: 0 20px;
	color: #8b8a8a;
}

.paging a:hover {
	padding: 0 20px;
	color: #0c56b1;
	text-decoration: none;
}

.paging a.on, .paging a.on:hover {
	padding: 0 20px;
	color: #0c56b1;
	text-decoration: none;
}

/* ============================= Home ============================ */

.divHomeIntro {
	width: 1130px;
	margin: 0 auto 43px;
	line-height: 28px;
}

.divHomeIntro img {
	float: left;
	margin-right: 20px;
}

.prodGallery {
	width: 1130px;
	margin: 0 auto;
}

/* ============================= Contact ============================ */

.bgGray2 {
	float: left;
	width: 100%;
	background: #f0f0f0;
	padding: 20px 0 24px 0;
}

.bgGray2 .h1 {
	padding: 0 35px 15px 35px;
	line-height: 38px;
	border-bottom: 1px solid #bfbfbf;
}

.bgGray2 .h1 img {
	float: left;
	margin-right: 20px;
}

.bgGray2 .h1 h1 {
	font-size: 22px;
	color: #5a6054;
	font-weight: normal;
}

.divContact {
	width: 1130px;
	margin: 0 auto;
	padding: 30px 0;
	display: table;
}

.contactLeft {
	float: left;
	width: 541px;
}

.contactRight {
	float: left;
	width: 489px;
	margin: 35px 0 0 100px;
	color: #868585;
	font-size: 18px;
	line-height: 48px;
}

.contactRight a, .contactRight a:hover {
	color: #868585;
}

.divMap {
	width: 1130px;
	margin: 0 auto;
}

/* ============================= About ============================ */

.divAbout {
	width: 1130px;
	display: table;
	margin: 0 auto;
	padding-bottom: 12px;
	font-size: 16px;
	*line-height: 48px;
	line-height: 30px;
	border-bottom: 1px solid #cecdcd;
}

.divAbout img {
	float: left;
	margin: 15px 40px 0 0;
}

.divAbout p.l36 {
	line-height: 36px !important;
}

.divAbout p {
	padding-bottom: 15px;
}

.divCert {
	width: 1130px;
	margin: 6px auto 0;
	border-top: 1px solid #cecdcd;
	padding: 28px 0 10px 0;
}

span.cert1 {
	float: left;
	padding: 12px 53px 0 0;
}

/* ============================= News ============================ */

.divNews {
	float: left;
	width: 1130px;
	padding: 0 35px 10px 35px;
	font-size: 16px;
	line-height: 48px;
	color: #5a6054;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 15px;
}

.divNews a, .divNews a:hover {
	color: #5a6054;
}

.divNews ul {
	list-style: none;
}

.newsTitle {
	float: left;
	width: 985px;
	padding: 0 0 0 15px;
	margin-right: 10px;
	background: url("../images/dot.png") left 22px no-repeat;
}

.newsDate {
	float: left;
	width: 120px;
}

/* ============================= Products ============================ */

.divProduct {
	float: left;
	padding: 0 24px;
}

.divProduct ul {
	float: left;
	list-style: none;
}

.divProduct ul li {
	float: left;
	width: 266px;
	text-align: center;
	padding: 0 11px;
	margin-bottom: 29px;
}

.divProduct ul li img {
	display: block;
	margin-bottom: 4px;
}

.divProduct ul li .label {
	display: block;
	width: 100%;
	background: #d9d9d9;
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	color: #5d5d5c;
}

a.label:hover {
	color: #5d5d5c;
}

/* ============================= Detail ============================ */

.divDetail {
	width: 1130px;
	margin: 0 auto;
}

.divDetail>.h1 {
	padding: 0 0 15px 0;
}

.detailMain {
	float: left;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #bfbfbf;
}

.detailImg {
	float: left;
	width: 500px;
	margin-right: 50px;	
}

.detailText {
	float: left;
	width: 580px;
	font-size: 18px;
	line-height: 36px;
}

.detailText>h2 {
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 30px;
}

.detailOther {
	float: left;
	width: 100%;
}

.blueBar {
	float: left;
	width: 100%;
	background: #3a7ea5;
	line-height: 24px;
	padding: 17px 0;
	color: #ffffff;
	font-size: 18px;
}

.blueBar img {
	float: left;
	padding: 0 9px 0 17px;	
}

.otherList {
	float: left;
	width: 100%;
	margin: 30px 0 10px 0;
}

.otherList ul {
	float: left;
	list-style: none;	
}

.otherList ul li {
	float: left;	
	margin-left: 33px;
}

/* ============================= Online Help ============================ */

.divForm {
	display: table;
	width: 1104px;
	margin: 28px auto 33px;
	border: 1px solid #c3c3c3;
}

.bgWhite {
	float: left;
	width: 1064px;
	padding: 20px;
	background: #ffffff;
	border-bottom: 1px solid #e5e5e5;
}

.bgWhite textarea {
	width: 1064px;
	height: 178px;
	border: none;
	resize: none;
	font-size: 16px;
	font-family: \5FAE\8F6F\96C5\9ED1, Arial, Helvetica, sans-serif; /*微软雅黑*/
}

.grayBar {
	float: left;
	width: 1064px;
	padding: 14px 20px;
	background: #f0f0f0;
	color: #5a6054;
	font-size: 16px;
}

.grayBar span.padding {
	float: left;
	padding-right: 40px;
}

input.save {
	width: 163px;
	height: 40px;
	background: url("../images/btn-save.png") no-repeat;
	border: none;
	cursor: pointer;
}

.grayBar input[type="text"] {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-family: \5FAE\8F6F\96C5\9ED1, Arial, Helvetica, sans-serif; /*微软雅黑*/
}

.grayBar input[type="text"].s {
	width: 212px;
}

.grayBar input[type="text"].l {
	width: 417px;
}

.divQNA {
	display: table;
	width: 1104px;
	margin: 0 auto;
	border: 1px solid #c3c3c3;
}

.tabTitle {
	float: left;
	width: 1086px;
	height: 58px;
	background: #3a7ea5;
	color: #ffffff;
	font-size: 18px;
	padding-left: 18px;
	border-bottom: 1px solid #e5e5e5;
}

.tabTitle a {
	float: left;
	height: 47px;
	line-height: 47px;
	display: block;
	padding: 0 20px;
	margin-top: 12px;
	margin-right: 1px;
	color: #ffffff;
}

.tabTitle a:hover {
	background: #ffffff;
	color: #3a7ea5;
	text-decoration: none;
}

.tabTitle a.on, .tabTitle a.on:hover {
	background: #ffffff;
	color: #3a7ea5;
	text-decoration: none;
}

.tabContentContainer {
	float: left;
	width: 100%;
	background: #ffffff;
}

.tabContent {
	float: left;
	width: 100%;
	border-top: 1px solid #cecece;
	margin-top: 15px;
}

.qaList {
	float: left;
	width: 100%;
}

.question {
	color: #000000;
	font-size: 18px;
	line-height: 24px;
	padding: 7px 0;
	margin: 0 20px;
	border-bottom: 1px solid #dcdcdc;
}

.answer {
	color: #636262;
	font-size: 16px;
	line-height: 24px;
	padding: 7px 20px;
	border-bottom: 1px solid #dcdcdc;
}

.tabContent>.paging {
	padding: 10px 0;
}