@charset "utf-8";
/* CSS Document */
/* CSS Reset 
/*-----------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
 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, {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
} /* Hide from IE Mac \*/
.clearfix {
	display: block;
} /* End hide from IE Mac */
.none {
	display: none;
} /* End Clearfix */
.home {
	height:100%;
}
.homeiphone_full {
	height:100%;
}
.homeiphone_app {
	height:100%;
}
a {
	text-decoration:none;
}
img {
	border:none;
}
.big {
	overflow:hidden;
	height:auto;
	width:100%;
	max-width:640px;
	margin:0 auto;
	font-family:Arial, "微软雅黑";
	font-size:14px;
}
.Top {
	overflow:hidden;
}
.Menu_btn {
	float:right;
	position:relative;
	background:#014da1;
	margin-top:-17.18%;
	width:17.18%;
	z-index:6;
}
#menu {
	position:absolute;
	display:none;
	margin:0;
	padding:0;
	z-index:5;
	width:100%;
	max-width:640px;
	margin-top:-1px;
}
#menu li {
	height:3em;
	text-align:center;
	list-style:none;
	background:rgba(1, 77, 161, 0.8);
	line-height:3em;
	text-transform:uppercase;
	border-top:1px solid #fff;
}
#menu li a {
	color:#fff;
	display:block;
	width:100%;
}
#menu li:hover, #menu #stop {
	background:#014da1;
}
.xxt {
	width:100%;
	max-width:640px;
	height:auto;
	overflow:hidden;
}
.owl-carousel .owl-wrapper {
	display:none;
	position:relative;
	-webkit-transform:translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow:hidden;
	position:relative;
	width:100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float:left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor:pointer;
}
.owl-controls {
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.main_center {
	margin:0 3%;
}
.main_center .product {
	height:auto;
	overflow:hidden;
	padding-bottom:2em;
	border-bottom:1px solid #e0e0e0;
}
.main_center .product .title {
	font-size:1.3em;
	padding:1.5em 0;
	margin-top:1.2em;
	text-transform:uppercase;
	text-align:center;
	color:#014ea1;
}
.main_center .product .title span {
	color:#5386c7;
}
.main_center .product #prolist {
	margin:0;
	padding:0;
}
.main_center .product #prolist li {
	margin-bottom:13px;
	list-style:none;
	clear:both;
	height:auto;
	overflow:hidden;
}
.main_center .product #prolist li .Left {
	width:47.5%;
	float:left;
	display:block;
}
.main_center .product #prolist li .Left .ImgBox {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.main_center .product #prolist li .Info1 {
	width:52.5%;
	float:left;
	display:block;
	background:#014da1;
}
.main_center .product #prolist li .Info2 {
	width:52.5%;
	float:left;
	display:block;
	background:#5386c7;
}
.main_center .product #prolist li .column {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:1em;
	color:#fff;
}
.main_center .about {
	height:auto;
	overflow:hidden;
	padding-bottom:1.2em;
	border-bottom:1px solid #e0e0e0;
}
.main_center .about .title {
	font-size:1.3em;
	padding:1.5em 0;
	margin-top:1.2em;
	text-transform:uppercase;
	text-align:center;
	color:#014ea1;
}
.main_center .about .title span {
	color:#5386c7;
}
.main_center .about .content {
	line-height:1.5em;
	color:#6e6e6e;
}
.main_center .about .content img {
	margin-bottom:1em;
	width:100%;
}
.main_center .about .more {
	margin-top:0.8em;
	text-transform:uppercase;
}
.main_center .about .more a {
	color:#eb831d;
}
.main_center .Columns {
	margin:0px;
	padding:0px;
	margin-bottom:2em;
	height:auto;
	overflow:hidden;
}
.main_center .Columns li {
	list-style:none;
	float:left;
	margin:1.2em 3% 0.5em 3%;
	width:44%;
}
.main_center .Columns li .ImgBox {
	width:100%;
}
.main_center .Columns li .ImgBox img {
	width:100%;
}
.main_center .Columns li .title {
	text-align:center;
	color:#014da1;
	font-size:1.2em;
	padding-top:0.6em;
	text-transform:uppercase;
}
.bq {
	clear:both;
	overflow:hidden;
	height:auto;
	background-color:#fff;
	padding:2% 0;
	text-align:center;
	font-size:14px;
	line-height:1.5rem;
	margin-bottom:16%;
	border-top:1px solid #b8b8b8;
	color:#636262;
	background:#272727;
}
.bq .icon a {
	margin:0 0.1em;
}
.bq a {
	color:#636262;
}
.xfan {
	overflow:hidden;
	height:auto;
	width:100%;
	background-color:#014da1;
	position:fixed;
	z-index:100;
	right:0;
	bottom:0;
}
.xfan ul {
	height:auto;
}
.xfan ul li {
	list-style-type:none;
	float:left;
	width:25%;
	text-transform:uppercase;
}
.xfan ul li a {
	display:block;
	overflow:hidden;
	padding:8% 0;
	text-align:center;
	font-size:14px;
	color:#ffffff;
}
.xfan ul li a img {
	display:block;
	overflow:hidden;
	margin:0 auto 3% auto;
	width:40%;
}

.PageBody{background:#f8f8f8;}

.focus_nav{ background:#5386c7 url(../images/dropdown.png) no-repeat 95% center; margin-top:1em; height:3em; font-size:1.2em; line-height:3em; padding-left:2em; color:#fff;}
.dorpdownList{margin:0; padding:0; height:auto; overflow:hidden; background:#fff;}
.dorpdownList li{list-style:none; padding:1.2em 0.8em 0.5em 0.8em; float:left;}
.dorpdownList li a{color:#666;}
.dorpdownList li #stop{color:#5386c7;}
.Sec_list{margin:0; padding:0; height:auto; overflow:hidden; background:#fff; margin-top:0.3em;}
.Sec_list li{list-style:none; padding:0.8em; float:left;}
.Sec_list li a{color:#666;}
.Sec_list li #stop{color:#5386c7;}


.zw{margin:2.5em 0; height:auto; overflow:hidden;}
.zw .info{line-height:1.5em; color:#666;}
.zw .info img{max-width:100%;}


.CaseList{margin:0; padding:0;}
.CaseList li{list-style:none; float:left; width:47%; margin:0 1.5%; }
.CaseList li .ImgBox{ display:table-cell; vertical-align:middle;}
.CaseList li .title{ text-align:center; padding:0.7em 0; color:#666;}


.service{background:#fff;  padding:1em;}

#NewsList{margin:0; padding:0;}
#NewsList li{list-style:none; background:#fff; height:auto; overflow:hidden; margin-bottom:1em;}
#NewsList li .left{float:left; width:40%; margin:3%;}
#NewsList li .left .ImgBox{display:table-cell; vertical-align:middle; text-align:center;}
#NewsList li .right{width:51%; float:left; color:#666; margin:3% 0; display:block; overflow:hidden;}
#NewsList li .right div{display:table-cell; vertical-align:middle;}


.ProductList{margin:0; padding:0;}
.ProductList li{list-style:none; height:auto; overflow:hidden; margin-bottom:1em;}
.ProductList li .ImgBox{width:100%;}
.ProductList li .title{color:#666; display:block; overflow:hidden; font-size:1.2em; text-align:center; margin:0.7em 0;}

.ProList{margin:0; padding:0;}
.ProList li{list-style:none; float:left; width:47%; margin:0 1.5%; }
.ProList li .ImgBox{ display:table-cell; vertical-align:middle;}
.ProList li .title{ text-align:center; padding:0.7em 0 1.2em 0; color:#666;}

.ProInfo{height:auto; overflow:hidden;}
.ProInfo .title{color:#014da1; font-size:1em; line-height:2.5em;}
.ProInfo .ImgBox{width:100%;}
.description{ margin-top:1.5em; color:#666; font-size:1em; line-height:2em; height:auto; overflow:hidden;}
.description img{width:100%;}
.description .dtitle{color:#014da1; border-bottom:1px solid #ddd;}

.ProInfo .back{text-align:center; color:#014da1; margin-top:2em;}
.ProInfo .back a{color:#014da1;}

.zw .columnList{height:auto; overflow:hidden;}
.zw .columnList .include{clear:both; margin-top:1.5em; height:auto; overflow:hidden;}
.zw .columnList .include span{border-bottom:2px solid #dddddd; display:block; overflow:hidden;}
.zw .columnList .include .ListName{ background:url(../images/focus.jpg) no-repeat left center; height:28px; line-height:28px; font-size:16px; color:#014da1; padding-left:19px; display:inline-block; border-bottom:2px solid #014da1; position:relative; margin-bottom:-2px; z-index:2;}
.zw .columnList .include ul{margin:0; padding:0; width:100%;}
.zw .columnList .include ul li{ list-style:none; float:left; width:46%; margin:2%;}
.zw .columnList .include ul li .ImgBox{width:100%;}
.zw .columnList .include ul li .ImgBox img{ width:100%;}
.zw .columnList .include ul li .ColumnsName{background:#5386c7; text-align:center; height:2em; padding-top:0.5em; overflow:hidden; color:#fff;}