﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
}
body, table, input, textarea, select, option {
	font-family: "微软雅黑";
	line-height: 1.1;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
}
a, a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: underline;
}
a:active {
	color: #666;
	text-decoration: underline;
}


.taLeft {
	text-align: left !important;
}
.taCenter {
	text-align: center !important;
}
.taRight {
	text-align: right !important;
}

.fsP1 {
	font-size: 1.08em !important;
}
.fsP2 {
	font-size: 1.16em !important;
}
.fsP3 {
	font-size: 1.24em !important;
}
.fsP4 {
	font-size: 1.32em !important;
}
.fsP5 {
	font-size: 1.4em !important;
}

.fsM1 {
	font-size: 0.92em !important;
}
.fsM2 {
	font-size: 0.84em !important;
}
.fsM3 {
	font-size: 0.76em !important;
}
.fsM4 {
	font-size: 0.68em !important;
}
.fsM5 {
	font-size: 0.6em !important;
}

.fwNormal {
	font-weight: normal !important;
}
.fwBold {
	font-weight: bold !important;
}

.mt0 {
	margin-top: 0 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.pt0 {
	padding-top: 0 !important;
}
.pb0 {
	padding-bottom: 0 !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.t_center {
	text-align: center !important;
}
.rFloat {
	float: right !important;
}

* html .clearfix {
	zoom: 1;
}
*+html .clearfix {
	zoom: 1;
}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

a.tapCtrl, input.tapCtrl, .tapCtrl a, .tapCtrl input {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.tap {
}

body {
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	background-color: #fff;
	-webkit-text-size-adjust: none;
}
#container {
	text-align: left;
}
#main {
	background-color: #fff;
	margin: 0 auto;
	width: 1178px;
	padding-bottom: 20px;
}

#main.main02 {
	width: 1106px;
	padding: 36px;
}

.mainImg {
	margin-bottom: 38px;
}
.mainImg img {
	width: 100%;
}
.mainBg {
	background: #F5F5F5;
}

#gHeader {
	padding: 12px 0 26px;
	position: relative;
}
#gHeader .hBox {
	margin: 0 auto;
	width: 1178px;

}
#gHeader .hBox h1 {
	float: left;
}
#gHeader .hBox .hContact {
	color: #292929;
	font-size: 16px;
	float: right;
	margin-top: 27px;
	width: 500px;
	text-align: right;
}
#gHeader .hBox .hEmail {
	background: url(../image/h_email_bg.png) no-repeat left center;
	color: #292929;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 20px;
	padding-left: 23px;
}
#gHeader .hBox .hTel {
	background: url(../image/h_tel_bg.png) no-repeat left center;
	display: inline-block;
	font-family: "微软雅黑";
	padding-left: 20px;
}
#gHeader .hBox .menu {
	display: none;
}
#panel {
	display: none;
}

.navBox {
	background-color: #2D415F;
	width: 100%;
	position: relative;
	z-index: 1;
	height: 69px;
}
.navBox .navBar {
	margin: 0 auto;
	width: 1178px;
}
#gNavi {
    display: flex;
    justify-content: space-evenly;
}
#gNavi .nLi {
	float: left;
	padding-right: 40px;
	font-size: 18px;
	font-family: "微软雅黑";
	height: 69px;
	line-height: 69px;
	text-align: center;
	position: relative;
}
#gNavi .nLi a {
	color: #fff;
	padding-bottom: 5px;
}
#gNavi a:hover,
#gNavi .current a {
	border-bottom: 3px solid #F93C28;
	text-decoration: none;
}

.navBar .seach {
	float: right;
	background: url(../image/seach_bg.png) no-repeat left top;
	margin-top: 18px;
	display: none;
	width: 202px;
	height: 34px;
	position: relative;
}
.navBar .seach input {
	font-size: 14px;
	color: #b6b6b6;
	position: absolute;
	top: 0px;
	height: 30px;
	line-height: 30px;
	border: none;
	background: none;
}
.navBar .seach .seachText {
	left: 20px;
	width: 145px;
}
.navBar .seach .seachBtn {
	cursor: pointer;
	left: 170px;
	width: 21px;
}

#gFooter {
	background-color: #585858;
	clear: both;
	font-size: 14px;
	padding: 50px 0;
	overflow: hidden;
}
#gFooter .fBox {
	color: #fff;
	margin: 0 auto;
	width: 1174px;
}
#gFooter .fBox .fNavi {
	float: left;
	width: 400px;
}
#gFooter .fBox .fNavi li {
	color: #fff;
	display: inline;
}
#gFooter .fBox .fNavi li a {
	color: #fff;
}
#gFooter .fBox .fNavi li a:hover {
	color: #2d9df4;
	text-decoration: none;
}
#gFooter .fBox .fNavi li i {
	font-style: normal;
	margin-left: 5px;
}
#gFooter .fBox .copyright {
	color: #9c9c9c;
	font-family: "微软雅黑";
	float: right;
	width: 700px;
	text-align: right;
}
#gFooter .fBox .SFNavi {
	display: none;
}

#pagePath {
	background: url(../image/page_path_bg.png) no-repeat left center;
	clear: both;
	margin-bottom: 20px;
	padding-left: 25px;
}
#pagePath li {
	color: #8a8a8a;
	font-size: 18px;
	display: inline;
}
#pagePath li a {
	color: #8a8a8a;
	margin-right: 5px;
}
#pagePath li a:hover, #pagePath .on {
	color: #ff8707;
	text-decoration: none;
}
#conts .pageNavi {
	clear: both;
	margin-top: 20px;
	text-align: right;
}
#conts .pageNavi li {
	display: inline;
	font-size: 14px;
}
#conts .pageNavi li a {
	border: 1px solid #BFBFBF;
	color: #666;
	display: inline-block;
	padding: 2px 10px;
}
#conts .pageNavi .on a, #conts .pageNavi li a:hover {
	color: #FB2F00;
	text-decoration: none;
}

#conts {
	float: right;
	width: 840px;
}
#conts .comH2 {
	background-color: #F6F6F6;
	color: #247bc2;
	line-height: 1.3;
	margin-bottom: 25px;
	font-size: 18px;
	font-family: "微软雅黑";
	font-weight: normal;
}
#conts .comH2 span {
	display: inline-block;
	border-bottom: 3px solid #247BC2;
	padding: 0 10px 2px;
}
#conts .comPhoto {
	margin-bottom: 20px;
}
#conts .comPhoto img {
	width: 100%;
}
#main .comText {
	background: url(../image/line.gif) repeat-x left bottom;
	color: #6b6b6b;
	line-height: 2;
	font-size: 16px;
	padding-bottom: 20px;
	text-indent: 2em;
}
#sideBar {
	float: left;
	width: 230px;
	background: #F6F6F6 url(../image/side_bar_bg.gif) no-repeat right top;
	padding: 0 0 15px;
}
#sideBar .sH2 {
	border-left: 5px solid #247BC2;
	color: #247bc2;
	font-family: "微软雅黑";
	font-weight: normal;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 20px;
	padding-left: 10px;
}
#sideBar .sH2 span {
	color: #8e8e8e;
	display: inline-block;
	margin-left: 5px;
	font-weight: 100;
}
#sideBar .sNavi li {
	background: url(../image/line.gif) repeat-x left bottom;
	padding-bottom: 2px;
}
#sideBar .sNavi a {
	background: url(../image/icon_05.gif) no-repeat 15px center;
	color: #646464;
	display: block;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding: 0 12px 0 30px;
}
#sideBar .sNavi a span {
	display: block;
	padding-right: 20px;
}
#sideBar .sNavi .on a, #sideBar .sNavi a:hover {
	background: #247BC2 url(../image/icon04.gif) no-repeat 15px center;
	color: #fff;
	text-decoration: none;
}
#sideBar .sNavi .on a span, #sideBar .sNavi a:hover span {
	background: url(../image/icon03.png) no-repeat right center;
}
#sideBar .sDl {
	color: #6b6b6b;
	margin-left: 15px;
}
#sideBar .sDl dt {
	margin-top: 15px;
}
#sideBar .sDl dt img {
	margin-right: 10px;
}
#sideBar .sDl dd {
	margin-top: 5px;
}
#sideBar .download li {
	padding-top: 5px;
	font-size: 13px;
	font-family: "微软雅黑";
	line-height: 43px;
	height: 43px;
	width: 194px;
	margin: 0 auto;
}
#sideBar .download li a, #sideBar .download li a img {
	display: block;
}
#sideBar .download li a {
	background-color: #E8E8E8;
	width: auto;
}
#sideBar .download li a img {
	float: left;
	margin-right: 20px;
	font-weight: bold;
}
#sideBar .download li a:hover {
	text-decoration: none;
}
.side {
	position: fixed;
	right: 0;
	top: 35%;
	width: 49px;
	z-index: 10;
}
.side ul li {
	float: left;
	width: 49px;
	height: 49px;
	padding-bottom: 10px;
	position: relative;
}
.side ul li img {
	display: block;
}
.side ul li div {
	display: none;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 14px;
	position: absolute;
	right: 55px;
	bottom: 10px;
	padding: 5px;
	border-radius: 5px;
}
.side ul li div .tel {
	line-height: 2;
	width: 180px;
	padding: 10px;
}
@media all and (min-width: 0) and (max-width: 1178px) {
		#gFooter .fBox {
			width: 94%;
		}
		#gFooter .fBox .fNavi {
			text-align: center;
			float: none;
			margin-bottom: 10px;
			width: 100%;
		}
		#gFooter .fBox .copyright {
			width: 100%;
			float: none;
			text-align: center;
		}
}

@media all and (min-width: 961px) and (max-width: 1178px) {
		#gFooter .fBox,
		.navBox .navBar,
		#gHeader .hBox,
		#main {
			width: 960px;
		}
		#main.main02 {
			width: 888px;
		}
		.navBox .navBar {
			width: 960px;
		}
		#gNavi {
			width: 700px;
		}
		#gNavi .nLi {
			padding-right: 15px;
		}
		
		#sideBar {
			width: 210px;
		}
		#conts {
			width: 642px;
		}
		#gFooter .fBox {
			width: 94%;
		}
		#gFooter .fBox .fNavi {
			text-align: center;
			float: none;
			margin-bottom: 10px;
			width: 100%;
		}
		#gFooter .fBox .copyright {
			width: 100%;
			float: none;
			text-align: center;
		}
	}
	
	@media all and (min-width: 0) and (max-width: 960px) {
		a,  a:link {
			text-decoration: none;
		}
		body {
			height: auto;
			min-width: 320px;
		}
		#main.main02,
		#main {
			width: auto;
			margin: 0 5px 15px;
			padding: 0;
		}
		#main .mainImg {
			margin-bottom: 10px;
			width: 100%;
		}
		#main .mainImg img {
			width: 100%;
		}
		
		
		#gHeader {
			margin-bottom: 5px;
			padding-bottom: 16px;
		}
		#gHeader .hBox {
			width: 96%;
		}
		#gHeader .hBox h1 {
			float: left;
			width: 170px;
		}
		#gHeader .hBox h1 img {
			width: 100%;
		}
		#gHeader .hBox .menu {
			display: block;
			float: right;
			width: 30%;
		}
		#gHeader .hBox .menu .menuBtn {
			position: absolute;
			right: 15px;
			top: 13px;
		}
		#panel {
			display: none;
			width: 94%;
			margin: 0 auto 10px;
		}
		#panel li {
			display: inline;
			padding-right: 10px;
			font-size: 12px;
		}
		#gHeader .hBox .hContact {
			display: none;
		}
		
		
		.navBox {
			display: none;
		}
		
		#gFooter {
			padding: 20px 0;
		}
		.main02 {
			padding: 0;
		}
		#conts {
			float: none;
			width: auto;
		}
		#conts .comPhoto {
			margin-bottom: 10px;
			width: 100%;
		}
		#conts .comPhoto img {
			width: 100%;
		}
		#sideBar {
			clear: both;
			margin-top: 0;
			float: none;
			width: auto;
			padding: 10px 0 0;
		}
		#sideBar .sH2 {
			display: none;
		}
		#sideBar .sDl {
			display: none;
		}
		#sideBar .download {
			margin: 0 auto;
			width: 100%;
		}
		#sideBar .download li {
			width: 100%;
		}
		#sideBar .download li img {
			width: 44px;
			height: 43px;
		}
		#conts .comH2 {
			margin-bottom: 10px;
		}
		#conts .pageNavi li {
			display: inline;
			font-size: 12px;
		}
		#conts .pageNavi li a {
			border: 1px solid #BFBFBF;
			color: #666;
			display: inline-block;
			padding: 2px 8px;
		}
		.side {
			display: none;
		}
	}