.footer{ width:100%; background-color:#32373b; padding-top:2%; padding-bottom:2%; color:#FFFFFF;}
.footnavl{ float:left; line-height: 38px; font-size: 14px;}
.footnavl a{ color: #ffffff; }
.footnavr{ float:right; line-height: 30px; text-align:right;}
.footnavr a{ color:#ffffff; }
.clr{ clear:both; width:100%;}
@media screen and (max-width: 1222px) { .pnone{display:none; }}



.linkbox{ width:100%; padding-bottom:2%;}
.linkbox p{ font-size: 18px; padding-right: 10px; display: block; font-weight:bold;}
.linkbox p span{ font-size: 14px; }
.linkbox a{ color:#000000; padding-left: 5px;}
.iabout{padding-top:2%; padding-bottom:2%; color:#FFFFFF;}
.iaboutboxl{ width:50%; float:left; color:#FFFFFF}
.iaboutboxl dl dt{ width:100%; height:50px; font-size:20px; color:#3e3e3e; font-weight:bold;}
.iaboutboxl dl dd{ background-color:#173c8d; color:#FFFFFF; padding:5%;}
.iaboutboxl dl dd p{ color:#FFFFFF; text-align:center; font-size:20px;}
.iaboutboxr{ float:left; width:50%; background-color:#FFFFFF;}
.abbox{ width:100%; color:#333333; padding-bottom:5%;}
.abbox dl{ padding:5%;}
.abbox dl dd{ word-wrap: break-word; word-break: normal;}
.abbox dl dt{ font-size:20px; color:#3e3e3e; font-weight:bold; padding-bottom:20px;}
@media screen and (max-width: 1222px) { .iaboutboxr{ width:100%;}}
.abbox ul{ padding-left:5%; padding-right:5%; padding-bottom:5%; margin-top:-20px; clear:both;}
.abbox ul li{ float:left; width:40%; font-size: 16px;}
.abbox ul li a{ color:#3e3e3e; }
.zsbox{ width:100%; border-top:#e7e6e6 1px solid;}
.zsbox dl{ padding-left:5%; padding-right:5%; padding-bottom:5%; padding-top:2%;}
.zsbox dl dt{ font-size:20px; color:#3e3e3e; font-weight:bold; }
.zsbox dl dd{ padding-top:2%;}
.zsbox dl dd img{ margin-right:2%;}

#fh5co-wrapper {
	overflow-x: hidden;
}
#fh5co-page {
	position: relative;
	z-index: 2;
	background: #fff;
	overflow-x: hidden;
}
.fh5co-heading {
	position: relative;
	z-index: 1
}
.fh5co-heading h2 {
	font-size: 36px;
	text-align: center;
	margin: 0px 0px 11px;
}
.fh5co-heading span {
	color: #5e7387;
	font-size: 16px;}
	
	#fh5co-service-list {
	padding: 60px 0 10px
}
#fh5co-service-list .content {
	padding-top: 50px;
}
#fh5co-service-list i {
	font-size: 50px;
	color: #173c8d;
	border: 1px solid #bdc3c7;
	text-align: center;
	width: 120px;
	height: 120px;
	line-height: 120px;
	border-radius: 50%;
	display: inline-block;
	transition: all 0.25s linear 0s;
	transform: translate(0px, 0px);
}
@-moz-document url-prefix() { .item-block{ float:left; text-align:center; width:24%;} .vertical-align-middle img{ width:80%;} .nav>li{ padding-left:20px; padding-right:20px;} } 


.item-block{ float:left; text-align:center;}


#fh5co-service-list .item:hover i {
	background: #173c8d;
	color: #fff;
	transition: all 0.25s linear 0s;
	transform: translate3d(0px, -5px, 0px);
}
#fh5co-service-list i:before {
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

#fh5co-service-list .item h5 {
	font-size: 20px;
	color: #2a333c;
	font-weight: normal;
	margin: 20px 0px 5px;
	word-break: break-all;
}
#fh5co-service-list .item p.desc {
	margin: 0px 20px;
	line-height: 1.6;
	word-break: break-all;
	color: #5e7387
}

.hplist{ width: 100%; clear: both; padding-top: 15px; }
.hplist h2{ font-size: 16px; height:40px; line-height: 40px; text-align: center; background:#173c8d; overflow: hidden; padding:0px; margin:0px;}
.hplist li{ width: 23%; padding:0px; float: left; margin-right: 2%; border: #e4eaec 1px solid; margin-bottom: 15px;}
.hplist li img{ width: 100%; }
.hplist li a{color:#ffffff;}

.hplist li:hover {
border: #173c8d 1px solid;
}




@media screen and (max-width: 1222px) { .hplist li{ width: 47%; padding:0px; float: left; margin-left: 2% margin-right: 2%; border: #e4eaec 1px solid; margin-bottom: 15px;}}


.plist{ width: 100%; clear: both; }
.plist h2{ font-size: 16px; height:40px; line-height: 40px; text-align: center; background:#f2f2f2; overflow: hidden; padding:0px; margin:0px;}
.plist li{ width: 30%; padding:0px; float: left; margin-left: 1%; margin-right: 2%; border: #e4eaec 1px solid; margin-bottom: 15px;}
.plist li img{ width: 100%; }
.plist li a{color:#000000;}


@media screen and (max-width: 1222px) { .plist li{ width: 47%; padding:0px; float: left; margin-left: 2% margin-right: 2%; border: #e4eaec 1px solid; margin-bottom: 15px;}}


.plist li:hover {
border: #173c8d 1px solid;
}
.news-list-md h3{ border-bottom:#0b2d86 2px solid; padding-bottom: 10px;}
.service-list li{ margin-bottom: 0px; margin-top: 0px; }
.picbox{border:#173c8d 1px solid; padding:0px; margin: 0px;}
.service-list a:link{ color:#000; }
.picbox p{background:#173c8d; height:40px; line-height: 40px; overflow: hidden; color:#ffffff; margin:0px; padding:0px; color:#ffffff;}

.zs{ width:100%;}
.zs p{ width:48%; margin-right:2%; float: left;}

.zs img:hover {
border: #173c8d 1px solid;
}
.zs p img{ width:80%; }

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:200px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#173c8d;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#028d49;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


.pagebox{ text-align:center; padding-top: 30px;}

@media screen and (max-width: 1222px) { .pagebox a{ width:99%; float:left; display:block;}}
@media screen and (max-width: 1222px) { .pagebox span{ margin:0px; width:99%; float:left; display:block;}}

@media screen and (max-width: 1222px) { .footer span{display:inline; float:left; width:100%;}}

@media screen and (max-width: 1222px) { .previous{ width:100%; float:left;} .next{width:100%; float:left;}}

@media screen and (max-width: 1222px) {.list-group-item{ overflow:hidden;  text-overflow: ellipsis; white-space: nowrap;}}




 .previous_page{
    border: solid thin #DDDDDD;
    margin: 5px; padding:10px;
}
.next_page{
    border: solid thin #DDDDDD;
    margin: 5px;    padding:10px; 
}

.pagebox a{padding:7px 20px 7px 20px; font-size:18px; border: solid thin #DDDDDD; }

.pagebox a:hover{
    border: solid thin #0099FF;
    background-color: #0099FF;
    color:white;
}

.pagebox span{
    border: solid thin #0099FF;
    background-color: #0099FF;
    color:white;  margin: 5px; padding:7px 20px 7px 20px; font-size:18px;
}

.met-editor a{ color:#444b4b;}