@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
body{ float:none; line-height:20px; font-size:15px; font-family:'Open Sans',Arial,"微软雅黑"; color:#5f636c;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,th,var {font-weight: normal;font-style: normal;}
ol,ul,li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
q:before,q:after {content:”;}
abbr,acronym { border: 0;}

a{ text-decoration:none; color:#5f636c;  }
a:hover{ color:#5a5859;}
a img {border: 0;}

html,body{height:100%; width:800px;}

.Main {
	margin:0 auto;
}
.Table{
	height:auto;
	display:table;
}


.Goto{
	width:100%;
	height:100%;
	overflow:hidden;
}

.Goto .BannerSlide{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
.Goto .Container , .Goto ul {
	height:100%;
}

.Goto ul li{
	width:100%;
	height:100%;
	background:url(../images/gotobg.jpg) center 15%;
	background-size:cover;
}

.Goto ul li a{
	width:100;
	height:60%;
	padding-top:40%;
	display:block;
	text-align:center;
}
.Goto ul li a img{
	width:80%;
	height:auto;
}


.Goto .pager{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:90%;
	z-index:20;
}
.Goto .pager ol{
	width:100%;
	text-align:center;
}
.Goto .pager ol li{
	display:inline-block;
	padding:0 5px;
}
.Goto .pager ol li a{
	font-size:0;
	width:26px;
	height:26px;
	display:inline-block;
	background:#fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.Goto .pager ol li a:hover{
	background:#0d035b;
}
.Goto .pager ol li.active a{
	background:#006c9b;
}

.TopNav{
	width:50%;
	height:100%;
	z-index:999999;
	position:fixed;
	left:-100%;
	top:0;
	background:#174793;
}

.NavHide{
	width:100%;
	height:80px;
	border-bottom:1px solid #fff;
	padding:20px 0;
}
.NavHide h1{
	line-height:80px;
	font-size:36px;
	color:#fff;
	font-weight:bold;
	padding:0 30px;
	float:left;
	padding-left:50px;
}
.NavHide h1 img{
	float:left;
}
.TopNav li{
	width:100%;
	position:relative;
	border-bottom:1px solid #fff;
}
.NavHide span{
	height:80px;
	font-size:60px;
	line-height:80px;
	display:block;
	float:right;
	padding:0 50px;
	color:#fff;
}

.TopNav li a{
	width:100%;
	height:70px;
	line-height:70px;
	text-align:center;
	display:block;
	color:#fff;
	font-size:16px;
	padding-bottom:3px;
}
.TopNav li a.active{
	color:#f00;
}
.TopNav li a{
	font-size:20px;
}
.TopNav ul{
	margin-bottom:10%;
}
.TopNav .Qrcode{
	width:80%;
	text-align:center;
	color:#fff;
	padding:0 10%
}
.TopNav .Qrcode img{
	width:100%;
	height:auto;
}
.navLink{
	width:100%;
}
.navLink a{
	width:100%;
	text-align:center;
	display:block;
	margin-bottom:10px;
}



.TopBar{
	width:90%;
	background:#000;
	height:35px;
	text-align:right;
	padding:0 5%;
}
.TopBar a{
	line-height:35px;
	color:#fff;
	padding-left:10px;
	background:url(../images/514.gif) left center no-repeat;
	margin-left:10px;
	cursor:default;
}
.TopBar a:hover{
	text-decoration:underline;
}
.ChangeStation{
	float:left;
}
.ChangeStation a{
	float:left;
	margin-right:15px;
	padding-left:25px;
	background:url(../images/ico_globel.png) left center no-repeat;
	margin-left:0;
}

.WaiteBg{
	width:100%;
	overflow:hidden;
	position:relative;
}
.HeadTop{
	padding-top:9px ;
	padding-bottom:9px ;
}
.HeadTop img{
	max-width:100%;
	height:auto;
}


.NavBar{
	width:100%;
	height:80px;
	background:#006c9b;
	position:relative;
}
.NavBar .more{
	width:15%;
	height:100%;
	float:left;
	line-height:80px;
	color:#fff;
	text-align:center;
	font-size:2em;
}

.NavBar .title{
	width:65%;
	height:100%;
	line-height:80px;
	text-align:center;
	color:#fff;
	font-size:2em;
	font-weight:bold;
	float:left;
}
.NavBar .ShowNav{
	width:20%;
	height:100%;
	text-align:center;
	float:left;
}
.NavBar ul{
	width:100%;
	position:absolute;
	left:0;
	top:100%;
	background:#006c9b;
	border-top:3px solid #0d035b;
	z-index:999;
	display:none;
}
.NavBar ul li{
	width:100%;
	height:60px;
	border-bottom:2px solid #fff;
}
.NavBar ul li a{
	width:100%;
	text-align:center;
	font-size:1.5em;
	display:block;
	color:#fff;
	line-height:60px;
}
.NavBar ul li.active a{
	background:#3ea4d0;
}



.Page{
	width:94%;
	padding:40px 3%;
}

.Page .Right{
	width:100%;
	min-height:600px;
}
.Page .Location{
	width:100%;
	height:50px;
	line-height:50px;
}
.Page .Location span{
	float:left;
	margin-right:5px;
	line-height:50px;
	font-size:1.2em;
}
.Page .Location span.dot{
	padding-left:15px;
	background:url(../images/arrow.png) left center no-repeat;
}

.BodyText{
	width:100%;
	padding:30px 0;
}
.BodyText img{
	max-width:100%;
	height:auto;
}
.Footer{
	width:100%;
	background:#333;
	color:#fff;
	padding:20px 0;
}



.Footer .Right{
	width:728px;
	float:left;
}

.Footer .ContactInfo{
	width:100%;
	padding:30px 0;
	border-bottom:#ccc 2px solid;
	text-align:center;
	margin-bottom:30px;
}
.Footer .ContactInfo h3{
	font-size:2em;
	line-height:60px;
}
.Footer .ContactInfo p{
	line-height:24px;
}

.Copyright{
	width:100%;
	text-align:center;
	line-height:20px;
}
.CopyrightBottom{
	width:100%;
	text-align:center;
	line-height:30px;
}
.CopyrightBottom a{
	color:#fff;
}
.BottomIco{
	width:100%;
	text-align:center;
	margin:5px 0;
}

.HistoryList ,.HistoryList ul{
	width:100%;
	padding:5px 0;
}
.HistoryList li{
	width:31.3%;
	padding:0 1%;
	float:left;
	margin-bottom:15px;
}
.HistoryList li a{
	width:90%;
	padding:5px 4.5%;
	border:1px solid #ccc;
	background:#fff;
	display:block;
}
.HistoryList li a span{
	width:100%;
	display:inline-block;
	height:120px;
	overflow:hidden;
}
.HistoryList img{
	width:100%;
	height:auto;
}
.PageNewsList,.PageNewsList ul{
	width:99%;
	padding:10px .5%;
}
.PageNewsList ul li{
	width:98%;
	padding:0 1%;
	height:30px;
	border-bottom:1px dashed #ccc;
	margin-top:5px;
	text-align:right;
	line-height:30px;
	color:#50555f;
}
.PageNewsList ul li a{
	float:left;
	line-height:30px;
	display:inline-block;
	padding-left:20px;
	background:url(../images/s2.gif) left center no-repeat;
	color:#50555f;
	font-size:13px;
}
.PageNewsList ul li a:hover{
	color:#c00;
}
.PaeNewsTitle{
	width:100%;
	text-align:center;
}
.PaeNewsTitle h3{
	color:#c00;
	font-weight:bold;
	line-height:26px;
	padding:10px 0;
}


.PageFy{
	width:100%;
	height:40px;
	line-height:40px;
	padding:40px 0;
}
.PageFy .PageInfo{
	width:30%;
	float:right;

}
.PageFy .PageBtn{
	width:70%;
	text-align:center;
	float:left;
}
.PageFy .PageBtn li{
	height:40px;
	line-height:40px;
	display:inline-block;
	padding:0 2px;
}
.PageFy .PageBtn li a{
	padding:10px;
	height:26px;
	line-height:26px;
	border:1px solid #ccc;
	padding:0 10px;
	background:#f1f1f1;
	display:inline-block;
}
.PageFy .PageBtn li.active a{
	color:#f00;
}
.DownLoadList , .DownLoadList ul{
	width:98%;
	padding:0 1%;
}
.DownLoadList ul li{
	height:33px;
	padding:5px 0 2px 0;
	border-bottom:1px solid #ccc;
	text-align:right;
}
.DownLoadList a{
	line-height:33px;
	color:#50555f;
	font-size:13px;
	padding-left:20px;
	background:url(../images/gang_67.gif) 5px center no-repeat;
	float:left;
}
.DownLoadList a.btn{
	float:none;
	padding:0;
}
.SForm{ 
width:100%;
}
.SForm p{
	width:100%;
	text-align:center;
	padding:20px 0;
}
.SForm .STYLE2{
	padding:0 5px;
	color:#c00;
}


.Banner{
	width:100%;
	padding:10px 0;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.Banner .Container{
	z-index:0;
}

.Banner li img{
	width:100%;
	height:auto;
}

.Banner .pager{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:70%;
	z-index:20;
}
.Banner .pager ol{
	width:100%;
	text-align:center;
}
.Banner .pager ol li{
	display:inline-block;
	padding:0 5px;
}
.Banner .pager ol li a{
	font-size:0;
	width:12px;
	height:12px;
	display:inline-block;
	background:#fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.Banner .pager ol li a:hover{
	background:#0d035b;
}
.Banner .pager ol li.active a{
	background:#006c9b;
}
.IndexApp , .IndexApp ul{
	width:100%;
	height:155px;
	margin-bottom:10px;
}
.IndexApp li{
	float:left;
	width:48%;
	padding-left:1%;
}
.IndexApp li.app4{
	padding-right:0;
}
.IndexApp li img{
	width:100%;
}

.TopTitle{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:right;
	border-bottom:1px solid #ccc;
}
.TopTitle h3{
	font-size:16px;
	float:left;
}
.TopTitle a:hover{
	color:#c00;
}

.IndexAbout{
	width:100%;
	height:275px;
	padding:20px 0;
}
.AboutBox1{
	width:50%;
	float:left;
	padding-left:2%;
	margin-right:5%;
}
.AboutBox1 p{
	padding:10px 0;
	font-size:12px;
	line-height:22px;
	color:#333;
}
.AboutTime{
	width:300px;
	height:275px;
	padding:0 10px;
	background:url(../images/time.png) center top no-repeat;
	float:left;
}
.AboutTime .Top{
	width:100%;
	text-align:center;
	line-height:18px;
	padding-top:70px;
	font-size:16px;
}
.AboutTime .Top strong{
	padding:0 20px;
	color:#f00;
	font-size:32px;
	font-weight:bold;
	margin-bottom:-5px;
}
.AboutTime .Bottom{
	width:100%;
	text-align:center;
	padding-top:60px;
}
.AboutTime .Bottom h3{
	font-size:16px;
	color:#fff;
	line-height:40px;
	font-weight:bold;
}
.AboutTime .Bottom p{
	padding:5px 20px;
	background:#FFF;
	display:inline-block;
}

.Customer{
	width:96%;
	padding:0 2%
}
.Customer .Top{
	width:100%;
	text-align:center;
	background:#003b77;
	color:#fff;
	line-height:50px;
	font-size:16px;
	font-weight:bold;
}
.CustomerList{
	width:100%;
	height:220px;
	background:#f1f1f1;
	overflow:hidden;
}
.CustomerList li{
	width:100%;
	height:75px;
	padding-top:30px;
}
.CustomerList li a{
	padding-left:6%;
	float:left;
}
.CustomerList li img{
	width:170px;
	height:60px;
	padding:2px;
	border:3px solid #d8c1c1;
	background:#fff;
}
.CenterBanner{
	width:100%;
	padding:10px 0;
}
.CenterBanner img{
	width:100%;
	height:auto;
}

.IndexNews{
	width:100%;
	margin-bottom:30px;
}
.NewsBox{
	width:96%;
	padding:20px 2%;

}

.NewsBox ul{
	width:100%;
}
.NewsBox li{
	width:100%;
	height:26px;
	margin-top:2px;
	text-align:right;
	border-bottom:1px solid #d9d9d9;
	line-height:26px;
}
.NewsBox li a{
	float:left;
	padding-left:15px;
	background:url(../images/s1.gif) left center no-repeat;
	line-height:26px;
}
.NewsBoxL li a{
	float:left;
	padding-left:15px;
	background:url(../images/s2.gif) left center no-repeat;
	line-height:26px;
}

.IndexHistory{
	width:96%;
	padding:0 2%;
}
.HistorySlide{
	width:100%;
	padding:10px 0;
	position:relative;
}
.HistorySlide li{
	width:165px;
	padding-right:10px;
	float:left;
}
.HistorySlide li a{
	width:100%;
	display:block;
}
.HistorySlide li img{
	width:100%;
	height:120px;
}

.FriendLink{
	width:96%;
	padding:0 2%;
}

.FriendLinkSlide{
	width:100%;
	height:240px;
	padding:20px 0;
}
.FriendLinkSlide .Container{
	height:240px;
}
.FriendLinkSlide li{
	width:100%;
	height:80px;
}
.FriendLinkSlide li a{
	width:170px;
	height:50px;
	display:block;
	border:1px solid #ccc;
	margin:0 5px;
	float:left;
}
.FriendLinkSlide li a img{
	width:170px;
	height:50px;
}

.MeitiList{
	width:95%;
	padding-top:30px;
	padding-left:5%;
	
}
.MeitiList li{
	float:left;
	margin-bottom:20px;
	width:33.3%;
	text-align:center;
}

.MeitiList a{
	width:170px;
	height:50px;
	display:block;
	border:1px solid #ccc;
	float:left;
	display:inline-block;
}

.MeitiList li a img{
	width:170px;
	height:50px;
}
.KF{
	width:110px;
	position:absolute;
	right:10px;
	top:10%;
	z-index:99;
}
.KF .KFTop{
	width:110px;
	height:48px;
	background:url(../images/kftop.gif);
}
.KF .KFTop span{
	width:20px;
	height:20px;
	display:block;
	float:right;
}
.KF .KFBottom{
	width:110px;
	height:34px;
	background:url(../images/kfbottom.gif);
}
.KF ul{
	width:100%;
	background:url(../images/kfmiddle.gif);
	padding:5px 0;
}
.KF ul li{
	width:100%;
	height:20px;
	line-height:20px;
	padding:5px 0;
	background:url(../images/kf1.gif) 10px center no-repeat;
}
.KF ul li a{
	color:#000;
	font-size:13px;
	padding-left:40px;
}