body {
	background: rgb(250, 250, 250); margin: 0px; padding: 0px; text-align: left; color: rgb(51, 51, 51); line-height: 2; font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif; font-size: 18px;
}
body > div {
	margin-right: auto; margin-left: auto;
}
div {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
form {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
img {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
ul {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
ol {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
li {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
p {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
dl {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
dt {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
dd {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
iframe {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h1 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h2 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h3 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h4 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h5 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h6 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
ul {
	list-style: none; display: block;
}
li {
	list-style: none; display: block;
}
img {
	margin: 0px auto; border: 0px currentColor; display: block; max-width: 100%;
}
a {
	text-decoration: none;
	color:#585858;
	outline:none;
}
a:visited {
	text-decoration: none;
	color:#585858;
	outline:none;
}
a:hover {
	text-decoration: none;
}
a:active {
color:#585858;
	outline:none;
	
}


#content{ width:100%; overflow:hidden;}
#content .swiper-wrapper{ width:999999999px;}
#content .swiper-pagination{ background:none; height:8px; width:100%; position:absolute; z-index:4; left:0; bottom:0; text-align:center; padding:1% 0;}
#content .swiper-pagination span{ width:8px; height:8px; display:inline-block; border-radius:50%; background:#eee; margin:0 5px;}
#content .swiper-pagination span.swiper-pagination-bullet-active{ background:#055bae;}

#ipros{ width:100%; overflow:hidden;}
#ipros .swiper-container { width: 100%; height: auto;  margin-left: auto; margin-right: auto; padding-bottom:10px;}
#ipros .swiper-slide {
        text-align: center;
        font-size: 1em;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		padding:10px 5px 0 5px; box-sizing:border-box;
    }
		
		
#ipros  .swiper-slide a{
	overflow:hidden;
	display:block;
	color:#333333;
	width:100%;
	font-size: 1.22em;
	text-align:center;
	position:relative;
	border:0px solid #055bae;
}
#ipros  .swiper-slide img{;
	width:96%;
	border:1px solid #055bae;
}
#ipros  .swiper-slide .p-name{
	height:2em;
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	overflow:hidden;
	padding-top: 0;
	padding-right: 4%;
	padding-bottom:0;
	padding-left: 4%;
}
.case{width:100%; overflow:hidden;}
.case ul{ width:999999px;}
.case .swiper-slide{ float:left; width:12.4rem; margin:10px 0 0 0 ; padding-right:10px; box-sizing:border-box;  }
.case .swiper-slide a{ overflow:hidden; display:block; color:#fff; width:100%;  font-size: 1.22em; text-align:center; border:1px solid #055bae; position:relative;}
.case .swiper-slide a .p-name{ height:2em; position:absolute; bottom:0; left:0; width:92%; background:rgba(0,0,0,0.5); overflow:hidden; padding:0 4%;}
.case .swiper-container{ overflow:hidden; margin:0 10px 10px 10px;}


.left {
	float: left;
}
.right {
	float: right;
}
.area {
	width: 100%;
}
.area::after {
	height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: " ";
}
.clear::after {
	height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: " ";
}
.clear {
	-ms-zoom: 1;
}
.area {
	-ms-zoom: 1;
}
i {
	font-style: normal;
}
em {
	font-style: normal;
}
.ui-content {
	border-width: 0px; overflow: hidden;
}
.boxsizing {
	box-sizing: border-box;
}
@media screen and (max-width:540px)
{
body {
	font-size: 16px;
}
html {
	font-size: 16px;
}
}
@media screen and (max-width:480px)
{
body {
	font-size: 14px;
}
html {
	font-size: 14px;
}
}
@media screen and (max-width:420px)
{
body {
	font-size: 12.5px;
}
html {
	font-size: 12.5px;
}
}
@media screen and (max-width:360px)
{
body {
	font-size: 11.5px;
}
html {
	font-size: 11.5px;
}
}
#footer {
	z-index: 9999;
}
.pageboder {
	margin: 0px auto; overflow: hidden; position: relative; z-index: 1; min-width: 320px; max-width: 640px;
}
.allpage {
	background: rgb(250, 250, 250); right: 0px; position: relative; z-index: 10;
}
.m-panelBg {
	width: 100%; display: none; position: absolute; z-index: 99;
}
.m-panel {
	background:#024363; top: 0px; width: 80%; height: 100%; right: 0px; position: absolute; z-index: 1;
}
.m-panel h2 {
	padding: 5% 0px 0px; text-align: center; color: rgb(238, 238, 238); line-height: 1.3; font-size: 1.6em;
}
.m-panel h3 {
	padding: 5% 0px 0px; text-align: center; color: rgb(238, 238, 238); line-height: 1.3; font-size: 1.6em;
}
.m-panel h3 {
	padding: 0px; color: rgb(214, 230, 208); font-family: "Impact"; font-weight: normal;
}
.panel-br {
	background: url("../images3_m/css/panel-br.png") repeat-y; left: 0px; top: 0px; width: 4px; height: 100%; position: absolute; z-index: 10;
}
.panel-logo {
	padding: 3% 0px; text-align: center;
}
.panel-logo img {
	max-width: 70%;
}
.panel-nav {
	padding: 4% 0px 0px; width: 100%;
}
.panel-nav li {
margin: 0px auto; width: 90%; color: rgb(0, 144, 218); font-family: "Microsoft YaHei"; font-size: 1.4em; 
}
.panel-nav li a {
	width: 100%; text-align: center; color: rgb(238, 238, 238); line-height: 2.4; display: block; border-bottom:#fffff solid 1px;
}
.swiper-free {
	width: 100%; height: 308px;
}
.swiper-free .swiper-slide {
	width: 100%; height: 308px;
}
.swiper-slide {
	float: left; position: relative; z-index: 1;
}
.swiper-slide img {
	width: 100%;
}
.swiper-container {
	margin: 0px auto; overflow: hidden; position: relative; z-index: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;
}
.swiper-wrapper {
	width: 100%; position: relative; transform: translate3d(0px, 0, 0); transition-property: transform, left, top; transition-duration: 0s; transition-timing-function: ease; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate(0px, 0px); -o-transition-timing-function: ease;
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
.arrow-left {left: 5px; top: 50%; width: 26px; height: 26px; text-align: center; text-indent: -999em; margin-top: -13px; position: absolute; z-index: 999;
}
.arrow-right {top: 50%; width: 26px; height: 26px; text-align: center; right: 5px; text-indent: -999em; margin-top: -13px; position: absolute; z-index: 999;
}
.pagination-free {
	left: 0px; width: 100%; text-align: right; bottom: 8px; line-height: 1; position: absolute; z-index: 999;
}
.pagination-bg {
	background: none; left: 0px; width: 100%; height: 30px; bottom: 0px; display: block; position: absolute; z-index: 9; opacity: 0.43; -moz-opacity: 0.43; -khtml-opacity: 0.43;
}
.pagination-text {
	left: 0px; height: 24px; bottom: 0px; color: rgb(255, 255, 255); line-height: 24px; padding-left: 5px; font-size: 1.2em; position: absolute; z-index: 99;
}
.pagination-free .swiper-pagination-switch {
	margin: 0px 5px; border-radius: 50%; width: 10px; height: 10px; display: inline-block; cursor: pointer; background-color: rgb(255, 255, 255); -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.pagination-free .swiper-active-switch {
	background-color:#055bae;
}
.m-page {
	margin: 1em 0px 0px; text-align: center; color: rgb(153, 153, 153); line-height: 3; letter-spacing: -0.3em; font-size: 1.4em; white-space: nowrap; -ms-word-wrap: normal;
}
.m-page span, .m-page a{
	background: rgb(255, 255, 255); padding: 0px 0.9em; border: 1px solid rgb(221, 221, 221); letter-spacing: normal; margin-left: -1px; word-spacing: normal; vertical-align: top; display: inline-block;
}
.m-page i {
	background: rgb(255, 255, 255); padding: 0px 0.9em; border: 1px solid rgb(221, 221, 221); letter-spacing: normal; margin-left: -1px; word-spacing: normal; vertical-align: top; display: inline-block;
}
.m-page i {
	
}
.m-page a {
	color: rgb(51, 51, 51); text-decoration: none;
}
.m-page a:hover {
	color: rgb(51, 51, 51); text-decoration: none;
}
.m-page a.first {
	margin-left: 0px;
}
.m-page a.last {
	margin-right: 0px;
}
.m-page a .pagearr {
	font-family: ËÎÌå; font-weight: bold; vertical-align: top;
}
.m-page a.pageprv .pagearr {
	margin-right: 0.3em;
}
.m-page a.pagenxt .pagearr {
	margin-left: 0.3em;
}
.m-page a:hover {
	background: rgb(245, 245, 245);
}
.m-page a:active {
	background: rgb(240, 240, 240);
}
.m-page a.z-crt {
	background: rgb(245, 245, 245); color: rgb(153, 153, 153); cursor: default;
}
.m-page a.z-crt:hover {
	background: rgb(245, 245, 245); color: rgb(153, 153, 153); cursor: default;
}
.m-page a.z-crt:active {
	background: rgb(245, 245, 245); color: rgb(153, 153, 153); cursor: default;
}
.m-page a.z-dis {
	background: rgb(255, 255, 255); color: rgb(204, 204, 204); cursor: default;
}
.m-page a.z-dis:hover {
	background: rgb(255, 255, 255); color: rgb(204, 204, 204); cursor: default;
}
.m-page a.z-dis:active {
	background: rgb(255, 255, 255); color: rgb(204, 204, 204); cursor: default;
}
.m-page-lt {
	text-align: left;
}
.m-page-rt {
	text-align: right;
}
.m-page-sm a {
	padding: 0px 8px;
}
.m-page-sm i {
	padding: 0px 8px;
}
.m-page-sr a {
	margin: 0px 3px;
}
.m-page-sr i {
	margin: 0px 3px;
}
.m-page-sr i {
	border: 0px currentColor;
}
.sub-more {
	padding: 0.4em 2%; text-align: center; color: rgb(102, 102, 102); line-height: 2; font-family: "Microsoft YaHei"; font-size: 1.8em; margin-bottom: 0.4em;
}
.sub-more a {
	background: linear-gradient(white, rgb(241, 241, 241)) rgb(238, 238, 238); border-radius: 0.6em; border: 1px solid rgb(204, 204, 204); color: rgb(85, 85, 85); font-weight: bold; display: block; text-shadow: 0px 1px 0px white; -webkit-border-radius: .6em;
}