@charset "utf-8";

 
 
 
 /*+展开*/
body{font:12px/1.5   微软雅黑,'Helvetica Neue','Hiragino Sans GB','Microsoft YaHei',黑体,Arial,sans-serif;}
 
.clearfix:before,.clearfix:after{display:table;content: '';}
.clearfix:after{clear: both;}
/*左右浮动*/
 
 
 /*底部*/
footer{width: 100%;min-width: 1200px;}
.ftPartOne{background: #FAFAFA;width: 100%;min-width: 1200px;}
.ftHotCity{width: 1200px;margin: auto;padding: 15px 0;border-top: 1px solid #eee;}
.hotcityList{float: left; width: 1160px;overflow: hidden;height: 20px;}
.hotcityList li:not(:last-child) {padding-bottom: 10px;}
.hotcityList li label{display: inline-block;float: left;width: 90px;font-size: 14px;color: #666;}
.hotCityDetail,.hotDistrictDetail,.hotCommerceDetail {margin-left:100px;}
.hotCityDetail a,.hotDistrictDetail a,.hotCommerceDetail a{display: inline-block;font-size: 12px;color: #666;-webkit-transition: all .3s;transition: all .3s;line-height: 25px;margin-right: 20px;}
.hotCityDetail a:HOVER,.hotDistrictDetail a:hover,.hotCommerceDetail a:hover{color: #11a3e7;-webkit-transition: all .3s;transition: all .3s ; -webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);transform: translateY(-3px);}
.fold{display: inline-block; float: right;color: #666;cursor: pointer;font-size: 14px;}
 .ftComInfo{width: 1200px;margin: auto;padding: 40px 0;}
.ftIntro{width: 440px;}
.ftIntro ul li{margin-bottom: 30px;text-align: left;font-size: 14px;color: #fff;line-height: 25px;}
.ftIntro ul li p{ font-size: 14px;color:#FFF;}
.download label{display: inline-block;float: left;width: 80px;font-size: 14px;}
.download a{display: inline-block;margin-right: 20px;font-size: 14px;color: #fff;}
.download a i{display: inline-block;position: relative;top: -2px;margin-right: 5px;-moz-transition: all .3s;-webkit-transition: all .3s;transition: all .3s;}
.download a i:hover{-moz-transition: all .3s;-webkit-transition: all .3s;transition: all .3s;transform: translateY(-5px);}
.ftCode{width: 310px;}
.ftCode ul{text-align: left;}
.ftcontact {margin-bottom: 35px;}
.ftcontact a{font-size: 16px;color: #fff;}
.ftPhone label{display: inline-block;width: 35px;}
.ftPhone p{display: inline-block;position: relative;top: -15px;}
.ftPhone p span{display: block;font-size: 18px;color: #fff;}
.ftPhone p font{font-size: 14px;color: #fff;}
.ftEmail{margin-bottom: 10px;}
.ftEmail i,.ftAddress i{display: inline-block;width: 28px;text-align: left;}
.ftEmail span,.ftAddress span{font-size: 14px;color: #fff;}
.ftErweima{position: relative;margin-top: 20px;}
.ftLink{margin-left: 100px;width: 80px;overflow: hidden;}
.ftLink p{font-size: 16px;color: #fff;margin-bottom: 25px;}
.firstLink li {margin-bottom: 15px;}
.firstLink li  a{display: block;font-size: 14px;color: #fff;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.firstLink li  a:hover{-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;padding-left: 10px;}

.ftPartThree{width: 100%;min-width: 1200px;padding: 20px 0;background: #0e80b5;}
.blogmain{width: 1200px;margin: auto;}
.blogroll {margin-bottom: 3px;}
.blogroll  label{display: inline-block;float: left;font-size: 14px;color: #a6e2fe;}
.bloglist{display: inline-block;}
.bloglist li{float: left;}
.bloglist li:not(:last-child){margin-right: 15px;}
.bloglist li a{color: #a6e2fe;font-size: 14px;}
.blogcopyright{font-size: 14px;color: #a6e2fe;}






* {
	margin: 0px; padding: 0px;
}
body {
	color: rgb(51, 51, 51); font-family: "微软雅黑"; font-size: 12px; min-width: 1200px;
}
ul li {
	list-style: none;
}
ol li {
	list-style: none;
}
img {
	border: currentColor;
}
 
select {
	border: 0px currentColor; appearance: none; -moz-appearance: none; -webkit-appearance: none;
}
option {
	border: 0px currentColor; appearance: none; -moz-appearance: none; -webkit-appearance: none;
}
a {
	color: rgb(51, 51, 51); text-decoration: none;
}
a:hover {
	text-decoration: none; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.cl {
	clear: both;
}
.cl-a::after {
	height: 0px; overflow: hidden; clear: both; display: block; content: "";
}
.w1200 {
	margin: 0px auto; width: 1200px;
}
.flexslider {
 position: relative;
}
.slides {
 z-index: 1;
}
.slides li {
	height: 518px;
}
.flex-control-nav {
	width: 100%; text-align: center; bottom: 10px; position: absolute; z-index: 2;
}
.flex-control-nav li {
	margin: 0px 5px; width: 14px; height: 14px; display: inline; zoom: 1;
}
.flex-control-nav a {
	border-radius: 50%; width: 14px; height: 14px; line-height: 40px; overflow: hidden; display: inline-block; cursor: pointer; background-color: rgb(255, 255, 255); -moz-border-radius: 50%;
}
 
nav .logo {
	width: 115px; height: 39px; display: block;
}
nav .logo img {
	width: 115px; height: 39px; display: block;
}
.nav {
	margin-top: 10px; margin-left: 50px;
}
.nav li {
	color: rgb(255, 255, 255); font-size: 16px; margin-left: 20px; display: inline-block;
}
.nav li a {
	color: rgb(255, 255, 255);
}
.nav_tell {
	background: url("../img/tel.png") no-repeat left; color: rgb(255, 255, 255); line-height: 200%; padding-left: 42px; font-size: 20px;
}
.sousuo {
	left: 50%; top: 346px; width: 695px; margin-left: -347px; position: absolute; z-index: 99;
}
.sousuo input {
	padding: 0px 16px; width: 577px; height: 62px; line-height: 62px; font-size: 18px;
}
.sousuo .anniu {
	background: url("../img/chazhao.png") no-repeat center / 35% rgb(113, 194, 244); width: 86px; height: 62px; display: inline-block; -moz-background-size: 35%;
}
.quyu {
	height: 80px; background-color: rgba(0, 0, 0, 0.6);
}
.qy_l .leibie li {
	margin: 14px 10px; color: rgb(255, 255, 255); padding-left: 25px; font-size: 14px; display: inline-block;
}
.qy_l .leibie li a {
	color: rgb(255, 255, 255);
}
.qy_l .leibie .putong1 {
	background: url("../img/putong1.png") no-repeat left;
}
.qy_l .leibie .putong2 {
	background: url("../img/gongxiang1.png") no-repeat left;
}
.qy_l .leibie .putong3 {
	background: url("../img/chuangyi1.png") no-repeat left;
}
.qy_l .diyu {
	margin-left: 10px;
}
.qy_l .diyu li {
	color: rgb(255, 255, 255); font-size: 14px; margin-right: 9px; display: inline-block;
}
.qy_l .diyu li a {
	color: rgb(255, 255, 255);
}
.qy_r {
	margin-left: 20px;
}
.qy_r p {
	margin: 14px 0px 7px; color: rgb(255, 255, 255); font-size: 14px;
}
.qy_r .mianji {
	margin-left: 75px; position: relative;
}
.qy_r .mianji a {
	background: rgb(245, 245, 245); width: 49px; height: 12px; margin-right: 1px; display: inline-block; cursor: pointer;
}
.qy_r .mianji a:hover {
	background: rgb(113, 194, 244);
}
.qy_r .mianji i {
	top: 20px; color: rgb(255, 255, 255); line-height: 14px; font-size: 12px; font-style: normal; display: inline-block; position: absolute;
}
.qy_r .mianji .mianjid i:nth-child(1) {
	left: -3px;
}
.qy_r .mianji .mianjid i:nth-child(2) {
	left: 35px;
}
.qy_r .mianji .mianjid i:nth-child(3) {
	left: 88px;
}
.qy_r .mianji .mianjid i:nth-child(4) {
	left: 135px;
}
.qy_r .mianji .mianjid i:nth-child(5) {
	left: 187px;
}
.qy_r .mianji .mianjid i:nth-child(6) {
	left: 244px;
}
 
.lp_nav {
	left: 0px; top: 0px; width: 100%; height: 75px; right: 0px; position: fixed; z-index: 9999; box-shadow: 0px 0px 5px #666; background-color: rgb(255, 255, 255); -moz-box-shadow: 0px 0px 5px #666;
}
.lp_nav .logo {
	width: 115px; height: 39px; display: block;
}
.f_nav .logo img {
	width: 115px; height: 39px; display: block;
}
.lp_nav .logo {
	margin-top: 19px;
}
.lp_nav .nav {
	margin-top: 26px; margin-left: 20px;
}
.lp_nav .nav li {
	color: rgb(84, 84, 84); font-size: 16px; margin-left: 20px; display: inline-block;
}
.lp_nav .nav li a {
	color: rgb(84, 84, 84);
}
.nav_tel {
	background: url("../img/tel.png") no-repeat left; color: rgb(84, 84, 84); line-height: 200%; padding-left: 42px; font-size: 20px; margin-top: 14px;
}
.lp_nav .sousuo_f {
	width: 316px; height: 32px; margin-top: 20px; margin-left: 134px; position: relative;
}
.lp_nav .sousuo_f .srk {
	border: 1px solid rgb(242, 242, 242); width: 277px; height: 30px; padding-left: 37px; background-color: rgb(247, 247, 247);
}
.lp_nav .sousuo_f .ssan {
	background: url("../img/ssan.png") no-repeat 0% 0% / 100%; left: 10px; top: 7px; width: 19px; height: 19px; position: absolute; cursor: pointer; -moz-background-size: 100%;
}
.mbx {
	height: 35px; line-height: 35px; margin-top: 79px;
}
.mbx a {
	color: rgb(121, 124, 124); display: inline-block;
}
#top {
	border-radius: 4px; width: 40px; height: 40px; text-align: center; right: 5px; bottom: 5px; color: rgb(255, 255, 255); line-height: 40px; position: fixed; z-index: 9999; cursor: pointer; background-color: rgb(113, 194, 244); -moz-border-radius: 4px;
}
.fixbox {
	width: 93px; right: 0px; bottom: 30%; position: fixed; z-index: 1013;
}
.fixbox .box1 {
	width: 93px; height: 65px; margin-bottom: 20px; postion: relative;
}
.fixbox .box1 img {
	width: 93px; height: 65px;
}
.fixbox .box2 {
	margin: 0px auto 20px; border-radius: 50%; width: 60px; height: 60px; text-align: center; position: relative; cursor: pointer; box-shadow: 0px 0px 6px #666; background-color: rgb(255, 255, 255); -moz-box-shadow: 0px 0px 6px #666;
}
.fixbox .box3 {
	margin: 0px auto 20px; border-radius: 50%; width: 60px; height: 60px; text-align: center; position: relative; cursor: pointer; box-shadow: 0px 0px 6px #666; background-color: rgb(255, 255, 255); -moz-box-shadow: 0px 0px 6px #666;
}
.fixbox .box4 {
	margin: 0px auto 20px; border-radius: 50%; width: 60px; height: 60px; text-align: center; position: relative; cursor: pointer; box-shadow: 0px 0px 6px #666; background-color: rgb(255, 255, 255); -moz-box-shadow: 0px 0px 6px #666;
}
.fixbox .box2 .bnbox {
	border-radius: 4px; left: -149px; top: -8px; width: 139px; height: 75px; text-align: center; display: none; position: absolute; box-shadow: 0px 0px 6px #666; background-color: rgb(255, 255, 255); -moz-box-shadow: 0px 0px 6px #666;
}
.fixbox .box2 .bnbox i {
	top: 22px; right: -7px; color: rgb(255, 255, 255); font-size: 24px; font-style: normal; position: absolute;
}
.fixbox .box2 .bnbox p {
	line-height: 24px;
}
.fixbox .box2 .bnbox .stitle {
	color: rgb(153, 153, 153); font-size: 14px;
}
.fixbox .box2 .bnbox .dtitle {
	color: rgb(153, 153, 153); font-size: 12px;
}
.fixbox .box2 .bnbox .btitle {
	color: rgb(102, 102, 102); font-size: 16px;
}
.fixbox .box2 img {
	margin-top: 20px;
}
.fixbox .box3 img {
	margin-top: 25px;
}
.fixbox .box4 img {
	width: 28px; height: 28px; margin-top: 16px;
}
.fixbox .box4 .bnbox {
	border-radius: 4px; left: -151px; top: -33px; width: 140px; height: 162px; text-align: center; display: none; position: absolute; box-shadow: 0px 0px 6px #666; background-color: rgb(255, 255, 255); -moz-box-shadow: 0px 0px 6px #666;
}
.fixbox .box4:hover .bnbox {
	display: block;
}
.fixbox .box4 .bnbox img {
	width: 123px; height: 123px; margin-top: 8px;
}
.fixbox .box4 .bnbox i {
	top: 48px; right: -7px; color: rgb(255, 255, 255); font-size: 24px; font-style: normal; position: absolute;
}
.fixbox .box4 .bnbox span {
	color: rgb(153, 153, 153); font-size: 12px; display: block;
}
#MEIQIA-BUBBLE {
	border-radius: 4px; border: 1px solid rgb(247, 247, 247); top: -12px; width: 260px; text-align: left; color: rgb(0, 0, 0); line-height: 1.4285; position: absolute; box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.16); background-color: rgb(255, 255, 255);
}
#MEIQIA-BUBBLE {
	left: 0px; margin-left: -274px;
}
#MEIQIA-BUBBLE-ARROW1 {
	top: 42px; right: -8px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: rgb(255, 255, 255); border-top-width: 7px; border-bottom-width: 7px; border-left-width: 8px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid;
}
#MEIQIA-BUBBLE-ARROW2 {
	top: 43px; right: -10px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: rgb(247, 247, 247); border-top-width: 8px; border-bottom-width: 8px; border-left-width: 9px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid;
}
#MEIQIA-BUBBLE-ARROW1 {
	line-height: 0; font-size: 0px; position: absolute; z-index: 2;
}
#MEIQIA-BUBBLE-ARROW2 {
	line-height: 0; font-size: 0px; position: absolute; z-index: 1;
}
#MEIQIA-BUBBLE-CLOSE {
	background-position: -5px -245px; top: 12px; width: 10px; height: 10px; right: 12px; position: absolute; cursor: pointer;
}
#MEIQIA-BUBBLE-INSIDE {
	margin: 12px 18px;
}
#MEIQIA-BUBBLE-AVATAR {
	border-radius: 13px; width: 26px; height: 26px; margin-right: 6px; vertical-align: top; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}
#MEIQIA-BUBBLE-NAME {
	color: rgb(0, 0, 0); font-size: 16px; margin-top: 3px; display: inline-block;
}
#MEIQIA-BUBBLE-MSG {
	height: 40px; color: rgb(0, 0, 0); overflow: hidden; font-size: 14px; margin-top: 5px;
}
.f_ewm {
	margin-top: 58px;
}
.f_ewm div {
	width: 116px; text-align: center; display: inline-block;
}
.f_ewm div img {
	width: 96px; height: 96px;
}
.f_ewm div p {
	color: rgb(255, 255, 255); padding-top: 8px;
}
.footer_r .time {
	color: rgb(255, 255, 255); font-size: 14px; margin-bottom: 10px;
}
.footer_r {
	padding-left: 40px;
}
.xcxewm {
	padding: 20px 0px 0px; text-align: center; background-color: rgb(255, 255, 255);
}
.xcxewm img {
	width: 130px; height: 130px;
}
.xcxewm p {
	color: rgb(102, 102, 102); padding-top: 10px; font-size: 12px;
}







 {
			padding:0;margin:0
		}
		a{
			text-decoration: none;
		}
		.fl {
		    float: left;
		}
		.wrapper {
		    width: 1000px;
		    margin: 0 auto;
		}
		.fr {
		    float: right;
		}
		.footer {
			background: url(https://www.officese.com/Home/img/footer-bg.jpg) no-repeat center top #222;
			clear: both;
			width: 100%;
			height: 426px;
			margin-top: 45px
		}

		.footer .wrapper {
			width: 1150px
		}

		.footer .f-title {
			height: 75px;
			border-bottom: 1px solid #393939;
			line-height: 75px;
			margin: 0
		}

		.footer .f-title .fr {
			color: #999
		}

		.footer .f-title .fl li {
			float: left
		}

		.footer .f-title .fl li.nav_f {
			position: relative;
			text-align: left
		}

		.footer .f-title .fl li.nav_f:hover .sitemap-quick {
			display: block
		}

		.footer .f-title .fl li.nav_f .sitemap-quick {
			display: none;
			width: 200px;
			position: absolute;
			background: rgba(71, 78, 88, 0.95);
			padding: 15px;
			line-height: 20px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			right: -70px;
			top: 49px;
			z-index: 999;
			box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
			background: #333 \0
		}

		.footer .f-title .fl li.nav_f .sitemap-quick p {
			color: #fff3be;
			font-size: 14px;
			font-weight: 700
		}

		.footer .f-title .fl li.nav_f .sitemap-quick dd a {
			height: auto;
			margin: 5px 0;
			color: #dbece1
		}

		.footer .f-title .fl li.nav_f .sitemap-quick .nav_area {
			clear: both;
			width: 200px;
			border-bottom: 1px solid #777;
			margin-bottom: 10px;
			padding-bottom: 10px
		}

		.footer .f-title .fl li.nav_f .sitemap-quick .last {
			border: none;
			margin: 0;
			padding: 0
		}
		.clear {
		    display: block;
		}
.clear:after {
    content: '.';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}
		.footer .f-title .fl li.nav_f .sitemap-quick a {
			color: #ddd;
			font-size: 12px;
			margin-right: 9px;
			height: 20px;
			line-height: 20px;
			padding: 0;
			float: none;
			display: inline-block
		}

		.footer .f-title .fl li .nav-item {
			display: inline-block;
			color: #fff;
			margin-right: 15px;
			font-size: 14px;
			position: relative
		}

		.footer .f-title .fl li .nav-item:hover {
			cursor: pointer
		}

		.footer .f-title .fl li .nav-item:hover .hover-img {
			display: block
		}

		.footer .f-title .fl li .nav-item .hover-img {
			position: absolute;
			bottoms: 60px;
			display: none;
			width: 120px;
			height: auto;
			padding: 10px;
			border-radius: 8px;
			background: #ffffff;
			left: -50%
		}

		.footer .f-title .fl li .nav-item .hover-img::after {
			display: inline-block;
			content: '';
			position: absolute;
			bottoms: -4px;
			left: 60px;
			width: 0;
			height: 0;
			border-left: 4px solid transparent;
			border-right: 4px solid transparent;
			border-top: 4px solid #ffffff
		}

		.footer .f-title .fl li .nav-item .hover-img img {
			width: 100%;
			height: auto
		}

		.footer .f-title .fl li a {
			color: #fff;
			margin-right: 15px;
			font-size: 14px
		}

		.footer .f-title .fl li a:hover {
			text-decoration: none
		}

		.footer .officese-link-box {
			padding: 13px 0 20px 0;
			border-bottom: 1px solid #393939;
			background: none
		}

		.footer .officese-link-box .fl {
			width: 1000px
		}

		.footer .officese-link-box .fl .tab {
			height: 40px
		}

		.footer .officese-link-box .fl .tab span {
			display: inline-block;
			padding: 8px 10px;
			background: #121212;
			color: #888c8e;
			float: left;
			margin-right: 12px;
			margin-bottom: 12px;
			cursor: pointer;
			font-size: 12px;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out
		}

		.footer .officese-link-box .fl .tab span:empty {
			display: none
		}

		.footer .officese-link-box .fl .tab span.hover {
			background: #394043;
			color: #fff
		}

		.footer .officese-link-box .fl .link-list {
			clear: both
		}

		.footer .officese-link-box .fl .link-list div {
			display: none;
			min-height: 89px
		}

		.footer .officese-link-box .fl dd a {
			color: #888c8e;
			font-size: 12px;
			display: inline-block;
			margin: 10px 10px 0 0
		}

		.footer .officese-link-box .fr {
			width: 140px
		}

		.footer .officese-link-box .fr img {
			border: 5px solid #fff;
			border-radius: 2px;
			width: 129px;
			height: 129px
		}

		.footer .bottoms {
			padding-top: 23px
		}

		.footer .bottoms .copyrights {
			color: #888c8e;
			font-size: 12px;
			line-height: 20px
		}

		.footer .bottoms .copyrights a {
			color: #888c8e
		}

		.footer .bottoms .hot-frauds {
			display: none
		}