.f-left {
  float: left;
}
.f-right {
  float: right;
}
body {
  background-color: #fff;
}
.container {
	padding:0px;
}

/*overflow: hidden;*/
header {
  background:#FEFEFC;
  height: 120px;
  margin: auto;
  position: fixed;
  op: 0;width: 100%;
  z-index: 1500;
  box-shadow: 0px 0px 5px #0f83ce;
}
  /*.dh {margin-left: auto;margin-right: auto;width: 1000px;}*/

body header .header_top_center {
  border-top: 0;
  height: 38px;
}
body header .container .navbar {
  position: relative;
  height: 100%;
  margin-bottom:0px;
}
body header .container .navbar .navbar-header .navbar-brand {
  padding: 0;
  height: 100%;
}
body header .container .navbar .navbar-header .navbar-brand img{
	width:100%;
	padding-top:14px;
}
body header .container .navbar .nav2{
	width: 78%;
}
body header .container .navbar .nav2  li {
	width:13.5%;
	text-align:center;
}
body header .container .navbar .nav2  li a{
	font-size: 18px;
	padding:0px;
	line-height:80px;
	overflow:hidden;
	outline: none;
}
body header .container .navbar .nav2 .li-hover a:hover {
	background: #4489CA;
	color: #fff;
	outline:none;
}
body header .container .navbar .nav2 .li-hover a.hovers {
	background: #4489CA;
	color: #fff;
	outline:none;
}
body header .container .nav>li>a:focus{
	background: #fff;
	outline:none;
}
body header .container .navbar .nav2 .active a {
  color: #4489CA;
  outline:none;
}
body header .container .navbar .phone-num{
	float:right;
	line-height: 80px;
}
body header .container .navbar .phone-num span{
	font-size: 18px;
}
body header .container .navbar .phone-num img{
	vertical-align:sub;
}
body header .container .navbar .nav2 li .sub-menu{
	display:none;
	position:absolute;
	left:0px;
	top:100%;
	width:280px;
	background: rgba(186,231,254, 0.74);
	z-index:12;
	list-style:none;
	padding:0px;
}
body header .container .navbar .nav2 li .sub-menu li{
	width:100%;
	text-align:left;
	padding:0px 10px;
}
body header .container .navbar .nav2 li .sub-menu li a{
	display:block;
	width: 100%;
	line-height:34px;
	color:#5092B7;
	border-bottom:1px dashed #d9edf7;
}
body header .container .navbar .nav2 li .sub-menu li a.no-boder{
	border-bottom:0px;
}
body header .container .navbar .nav2 li .sub-menu li:hover{
	background: #4489CA;
}
body header .container .navbar .nav2 li .sub-menu li:hover a{
	color:#fff;
}

body .footer .f{
	width: 50%;
	float: left;
}
body .footer .left .p1{
	font-size: 30px;
}
body .footer .left .p2{
	font-size: 20px;
	margin: 20px 0px;
}
body .footer .left ul li{
	display:block;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: #7C848F;
	float: left;
	text-align: center;
	line-height: 60px;
	margin-right: 30px;
}
body .footer .left ul{
	margin-left: -40px;
}
body .footer .left ul li:hover{
	background: #a5b753;
}
body .f-info{
	background: #000;
	position:relative;
	z-index:2;
}
body .f-info .info{
	height:50px;
	line-height: 50px;
}
body .footer .right a,body .f-info ul li,body .f-info ul li a{
	color: #fff;
	font-size: 18px;
	margin-right: 20px;
}
body .footer a:hover,body .f-info ul li a:hover{
	text-decoration: underline;
}
.f-info ul li{
	float: left;
}
body .footer .right .p1{
	font-size: 30px;
	margin-bottom: 20px;
}
body .footer .right{
	padding-left: 25%;
}
body .footer .right p{
	font-size:20px;
	margin-bottom: 10px;
}
body .f-info .info ul{
	margin-left: -40px;
}
body .f-info .info .margins{
	margin-left: 40px;
}
#article .address{
  /*border: 1px solid blue;*/
  color:#737d96;
  margin-bottom: 10px;
}
#list .titles{
	margin: 45px 0px;
	overflow: hidden;
}
#list .titles span.little{
	display: block;
	float: left;
	font-size: 14px;
	height: 20px;
	border-right: 1px solid #eee;
	padding: 0px 10px;
	position: relative;
	top: 35px;
	cursor: pointer;
}
#list .titles .case-tit{
	background: #fff;
	position:relative;
}
#list .titles .case-tit .blocks{
	display:block;
	float: left;
	width: 10px;
	height: 55px;
	background:#0F83D0;
	margin-right: 15px;
}
#list .titles .case-tit .tit{
	float: left;
}
#list .item{
  margin-bottom: 10px;
  /*border: 1px solid green;*/
  width:32%;
  float:left;
  margin-left: 1.333%;
}
#list .service p{
  font-size: 30px;
  text-align: center;
}
#list .service .line{
  /*width: 155px;*/
  height: 7px;
  text-align: center;
  margin: 0px auto;
}
#list .service .line div{
  width:48.7%;
  border-top: 1px solid #0F83D0;
  float: left;
  position: relative;
  top: 3px;
}
#list .service .line .point{
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #0F83D0;
  float: left;
  margin: 0px 10px;
}
#top h1{
  width: 100%;
  height: 602px;
  font-size: 12px;
  /*background: url('../images/top1.jpg') no-repeat;*/
  text-indent: -999px;
}
#listtitle{
	margin: 15px 0px 10px;
}
#listtitle .left{
  float: left;
  background: gray;
  height: 60px;
  width: 60px;
  color:#fff;
  background: #0F83D0;
  text-align:center;
}
#listtitle .left .big{
  font-size: 30px;
  height:38px;
}
#listtitle .right{
  width: 55%;
  height: 60px;
  float: left;
  font-size: 18px;
  font-weight:bold;
  line-height: 20px;
  padding-left: 5px;
  overflow: hidden;

}
.brief{
  float:left;
  width:75%;
  height:66px;
  line-height: 22px;
  text-align: left;
  font-size: 16px;
  overflow:hidden;
  margin-bottom: 35px;
}
.hit{
  float:right;
  border:1px solid green;
  width:60px;
  height:20px;
  margin-right:97px;
  margin-top: 3px;
}
.center{
  /*text-align: center;*/
  /*border: 1px solid orange;*/
  height:40px;
  /*margin-bottom: 200px;*/
  margin-top: 20px;
}
.center ul{
  text-align: center;
}
.center ul li{
  width: 71px;
  height: 40px;
  line-height: 40px;
  display: inline;
  margin: 0 5px;
}
.center ul li a{
  color:#fff;
}
.bottoms a{
  color: gray;
}
.bottoms{
  /*border: 1px solid green;*/
  height: 35px;
  text-align: center;
  font-size: 12px;
  color:gray;
  background: #1a2128;
  line-height: 40px;
  margin-top: 25px;
}

.footer-conts{
	background:#202830;
}
.footer-conts .footer .w{
	float: left;
	width: 33.333%;
}
.footer_add, .footer_tel, .footer_email,.footer_qq {
	height: 28px;
    line-height: 28px;
    overflow: hidden;
}
.footer_sina, .footer_blog, .footer_wechat,.footer_itblog {
	height: 28px;
	line-height: 28px;
    overflow: hidden;
}
.footer-conts .footer .navbot div{
	height: 28px;
	line-height: 28px;
}
.footer-conts .footer .navbot div a{
    color: #93959a;
    font-size: 12px;
}
.concern h4,.footer_connect h4,.navbot h4{
  color: #f8f7f7;
  font-size: 15px;
  font-weight: bold;
  padding: 40px 0px 0px;
}
 .footer_tel p, .footer_email p,.footer_qq p,.footer_sina p,.footer_blog p,.footer_wechat p,.footer_itblog p,.about p,.join p,.map p,.notice p,.footer_add p{
    color: #93959a;
    font-size: 12px;
}
.footer_tel p em {
    color: #f08200;
}
.footer_sina span {
    background: rgba(0, 0, 0, 0) url("../images/icon.png") no-repeat scroll -9px 0;
    display: inline-block;
    float: left;
    height: 22px;
    margin-right: 15px;
    margin-top: 4px;
    width: 19px;
}
.footer_blog span {
    background: rgba(0, 0, 0, 0) url("../images/icon.png") no-repeat scroll -9px -27px;
    display: inline-block;
    float: left;
    height: 22px;
    margin-right: 15px;
    margin-top: 4px;
    width: 19px;
}
.footer_wechat span {
    background: rgba(0, 0, 0, 0) url("../images/icon.png") no-repeat scroll -9px -52px;
    display: inline-block;
    float: left;
    height: 22px;
    margin-right: 15px;
    margin-top: 4px;
    width: 19px;
}
.footer_itblog span {
    background: rgba(0, 0, 0, 0) url("../images/icon.png") no-repeat scroll -9px -79px;
    display: inline-block;
    float: left;
    height: 22px;
    margin-right: 15px;
    margin-top: 4px;
    width: 19px;
}
.footer_add span {
    background: rgba(0, 0, 0, 0) url("../images/icon.png") no-repeat scroll -9px 2px;
    display: inline-block;
    float: left;
    height: 22px;
    margin-right: 15px;
    margin-top: 4px;
    width: 16px;
}
.footer_tel span {
    background: rgba(0, 0, 0, 0) url("../images/icon.png") no-repeat scroll -10px -30px;
    display: inline-block;
    float: left;
    height: 22px;
    margin-right: 15px;
    margin-top: 4px;
    width: 16px;
}
.footer_qq span {
    background: rgba(0, 0, 0, 0) url("../images/icon.png") no-repeat scroll -10px -57px;
    display: inline-block;
    float: left;
    height: 22px;
    margin-right: 15px;
    margin-top: 4px;
    width: 16px;
}
.footer_email span {
    background: rgba(0, 0, 0, 0) url("../images/icon.png") no-repeat scroll -10px -87px;
    display: inline-block;
    float: left;
    height: 22px;
    margin-right: 15px;
    margin-top: 4px;
    width: 16px;
}
.logo{
  /*border: 1px solid red;*/
  /* padding-left: 400px; */
  height: 40px;
  line-height: 40px;
  text-align: center;

}
.logo span{
  width: 40px;
  height: 40px;
  background: url("../images/logofoot.png") no-repeat;
  z-index: 999;
  border: 1px solid red;
}
.logo p{
  color:#fff;
}
 img #foot{
  height:40px;
}
#to{
  background: url("../images/totop.png") no-repeat;
  width: 50px;
  height:50px;
  background-size: 100%;
}
#totop{
  display:block;
  width:50px;
  height:50px;
  position:fixed;
  bottom:40px;
  right:4px;
  border-radius:5px;
  text-decoration:none;
  display:none;
  background-color:#0f83ce;
}
#totop span{
  display:block;
  color:#dddddd;
}
#totop span:hover{
  color:#cccccc;
}
.webmap{
  width:500px;
  height: 30px;
  line-height: 30px;
  /*border: 1px solid green;*/
}
.main{
  /*border: 1px solid red;*/
}
.name1{
  font-size: 30px;
  /*border: 1px solid blue;*/
  text-align: center;
}
.p1 p{
  text-align: left;
}
.p0{
  text-align: left;
  font-size: 16px;
}
.pro{
  margin: 10px 0;
  padding: 5px 0 5px 5px;

}
.case{
  margin: 10px 0;
  padding: 5px 0 5px 5px;
}
.abou{
  margin: 10px 0;
  padding: 5px 0 5px 5px;
}
.new{
  margin: 10px 0;
  padding: 5px 0 5px 5px;
}
.tit-d{
	border-bottom:1px solid #9d9d9d;
	margin: 20px 0px;
	padding: 20px 0px 0px;
}
.title{
	color: #4489CA;
	width: 50%;
	float: left;
	margin: 0px;
}
.time{
	width: 50%;
	float: right;
	text-align: right;
	line-height: 39px;
}
#article .title{
	width: 100%;
}
#article .time{
	width: 50%;
	line-height: 28px;
}
#article .time span{
	margin-left: 10px;
	color: gray;
}
.brief1{
  border: 1px solid #DCDCDC;
  height: 72px;
  font-size: 16px;
  padding: 10px 0px;
  border-radius: 3px;
  background: #eee;
  line-height: 27px;
  overflow: hidden;
  text-indent: 40px;
  margin-bottom: 40px;
}
.conts{
	border-bottom: 1px solid #9d9d9d;
	font-size: 16px;
	padding-bottom: 40px;
}
#product .conts{
  padding-bottom: 0px;
}
#product .conts img{
	width: 100%;
}
.next{
	margin: 10px 0px 40px;
}
.next p{
	font-size: 14px;
	line-height: 20px;
}
/*新闻动态*/
.article-container .top-img{
	width:100%;
}
.article-container .top-img img{
	width: 100%;
}
/*新闻动态end*/
/*弹窗*/
#messageBoardContainer { width: 354px; height: 0px; position:absolute; top: 300px; left: 450px; overflow: hidden; z-index: 5;}
#messageBoard { width: 354px; height: 294px; position: absolute; }
#messageBoard .wrap { width: 344px; height: 284px; background: #ededed; border: 1px solid #f2f2f2; position: absolute; top: 4px; left: 4px; z-index: 2; }
#messageBoard .bg { width: 354px; height: 294px; background: #000000; position: absolute; top: 0; left: 0; filter: alpha(opacity=30); opacity: 0.3; z-index: 1; }
#messageBoard h2 { height: 24px; background: url("../images/messageBoard.gif") repeat-x 0 -24px; font-size: 12px; font-weight: normal; color: #666; padding-left: 10px; cursor: move; }
#messageBoard h2 span { line-height: 22px; }
#messageBoard h2 a { position: absolute; top: 5px; right: 6px; width: 11px; height: 11px; overflow:hidden; background: url("../images/messageBoard.gif") no-repeat; }
#messageBoard h2 a:hover { background: url("../images/messageBoard.gif") no-repeat 0 -12px; }
#messageBoard .content { padding: 10px 20px; }
#messageBoard .content p { line-height: 30px; font-size: 12px; color: #666666; }
#messageBoard .content p a { font-family: arial; font-weight: bold; color: #cc3333; border-bottom: 1px dotted #cc3333; }
#messageBoard .content p a:hover { position: relative; top: 1px; color: #cc0000; }
#messageBoard .red { color: #cc3333; }
#messageBoard .indent { text-indent: 24px; }
#messageBoard .date { text-align: right; }
#quirkyPopupShowBtn { position: absolute; top: 0; right: 0; width: 35px; height: 64px; background: url("../images/quirkyPopupShowBtn.gif") no-repeat; }
#quirkyPopupShowBtn:hover { background: url("../images/quirkyPopupShowBtn.gif") no-repeat 0 -70px; }
/*弹窗end*/
/*顶部样式*/
.header_top {
    position: relative;
    height: 38px;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
    z-index: 3000;
    width: 100%;
  }
  .header_top_center {
    margin: 0 auto;
    height: 38px;
}
.header_top_right {
    float: right;
    height: 38px;
    /* margin-right: -15px; */
    display: inline;
}
.header_top_left a{
    color: gray;
    font-size: 12px;
}
.header_top_right .erweima {
    width: 176px;
    height: 167px;
    position: absolute;
    /*left: 170px;*/
    top: 38px;
    z-index: 100;
    display: none;
}
.header_top_right ul li {
    float: left;
    font: 12px/25px "宋体";
    color: #CCCCCC;
    line-height: 38px;
}
.header_top_right  li a{
  padding: 0 6px;
  font-family:"微软雅黑";
}
.bdsharebuttonbox{
  margin-left: 6px;
  padding-top: 4px;
}
/*顶部样式end*/
.like{
	width: 80px;
	height: 80px;
	line-height: 30px;
	background: #eee;
	border-radius: 100%;
	text-align:center;
	cursor: pointer;
	margin: 15px auto;
	padding-top: 10px;
}
.like:hover{
	background: #0f83ce;
}
.like .icon-agree{
  display: block;
  background: url("../images/like_btn.png") no-repeat;
  height: 35px;
  width: 35px;
  background-size: 100%;
  margin: 0px auto;
}
.like .like-count{
	color: #999;
}
.like:hover .like-count{
	color: #fff;
}
.like .icon-agree.icon-active{
  display: block;
  background: url("../images/like_btns.png") no-repeat;
  height: 35px;
  width: 35px;
  background-size: 100%;
  margin: 0px auto;
}
.like:hover .icon-agree{
  display: block;
  background: url("../images/like_btns.png") no-repeat;
  height: 35px;
  width: 35px;
  background-size: 100%;
  margin: 0px auto;
}
.like .like-count.icon-active{
	color: #fff;
}
.like.icon-active{
	background: #0f83ce;
}
/*控制图片大小*/
#article .conts img{
  max-width:1170px;
}
/*产品介绍页样式*/
 #protop{
  text-align: center;
  margin-top: 95px;
}
#protop .service p{
  font-size: 30px;
}
#protop .service .line{
	width: 100%;
	font-size: 12px;
	text-align: center;
	position: relative;
	margin: 18px auto 30px;
}
#protop .service .line:before{
	position: absolute;
	right: 0px;
	left: 0px;
	top: 0px;
	height: 1px;
	content: '';
	background-color: #0f83ce;
}
#protop .service .line .point{
	display: inline-block;
	width: 60px;
	height: 10px;
	color: #0F83D0;
	position: relative;
	top: -9px;
	background:#0f83ce;
}
#protop .serviceintro .service-one{
  float:left;
  width:25%;
}
#protop .serviceintro .service-one .conts{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0px;
	border: 0px;
}
#protop .serviceintro .service-one .conts img{
	width: 85%;
}
#protop .serviceintro .service-one .conts .tit{
	font-size: 24px;
	width: 85%;
	height: 62px;
	line-height: 62px;
	overflow: hidden;
	text-align: center;
	color: #0f83ce;
	margin: 0 auto;
}
#protop .serviceintro .service-one .conts .des{
	width: 85%;
	height: 156px;
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
	margin: 0 auto;
}
#protop .serviceintro .service-one .conts:hover {
	background: #0f83ce;
}
#protop .serviceintro .service-one .conts:hover .tit{
	color: #fff;
}
#protop .serviceintro .service-one .conts:hover .des{
	color: #fff;
}
#probody {
  text-align: center;
}
#probody .service{
  margin-top: 75px;
}
#probody .service p{
  font-size: 30px;
}
#probody .service .line{
	width: 100%;
	font-size: 12px;
	text-align: center;
	position: relative;
	margin: 20px auto 30px;
}
#probody .service .line:before{
	position: absolute;
	right: 0px;
	left: 0px;
	top: 0px;
	height: 1px;
	content: '';
	background-color: #0f83ce;
}
#probody .service .line .point{
	display: inline-block;
	width: 60px;
	height: 10px;
	color: #0F83D0;
	position: relative;
	top: -9px;
	background:#0f83ce;
}
#probody .item{
  width:33.333%;
  float: left;
  margin-bottom: 20px;
}
#probody .item .conts{
	width: 82%;
	padding: 20px 0px;
	margin: 0 auto;
	border: 0px;
}
#probody .item .conts:hover{
	box-shadow: 0px 15px 30px rgba(0,0,0,0.2);
	transform: translate3d(0,-2px,0);
}
#probody .item .conts .img img{
	width: 60%;
	margin: 0 auto;
	border-radius: 100%;
}
#probody .item .conts .tit{
	font-size: 24px;
	color: #0f83ce;
	width: 85%;
	height: 62px;
	line-height: 62px;
	margin: 0 auto;
	overflow: hidden;
}
#probody .item .conts .des{
	width: 85%;
	height: 70px;
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
	margin: 0 auto;
}
#list .title-txt{
	width: 280px;
	line-height: 2.5em;
	background-color: #fff;
	font-size: 25px;
	color: #0F83D0;
	text-align: center;
	position: relative;
	margin: 0 auto;
	margin-top: 80px;
}
#list #case .title-txt{
	margin-top: 86px;
}
#list .title-txt:before{
	position: absolute;
	right: 1em;
	left: 1em;
	top: 1.5em;
	height: 1px;
	content: '';
	background-color: #0F83D0;
}
#list .title-txt .tit{
	position: relative;
	background-color: #fff;
	padding: 0 15px;
}
#list .core{
	text-align:center;
	font-size:12px;
	color:#0F83D0;
	position:relative;
	top:-12px;
	margin-bottom: 45px;
}
.all-plan li.plans a {
	display: block;
	width: 80%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.article-container #list .all-plan li.plans a  img{
	width: 100%;
}
.all-plan li.plans a .txt {
	position: absolute;
	overflow: hidden;
	bottom: -60px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 60px;
	color: #fff;
	background-color: #0f83ce;
	transition: all .2s;
	text-align: left;
}
.all-plan li.plans a .mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
	text-align: center;
	background: url(../images/opa65-000.png);
	opacity: 0;
	filter: alpha(opacity=0);
	transform: scale(1.2);
	transition: all .2s;
}
.article-container #list .all-plan li.plans a .txt .tit{
	width: 80%;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	text-align: left;
	float: left;
	padding: 0px 20px;
	overflow: hidden;
}
.article-container #list .all-plan li.plans a .txt .search-icon{
	width: 20%;
	text-align: center;
	line-height: 60px;
	float: left;
}
.article-container #list .all-plan li.plans a .txt .search-icon img{
	width: 25px;
}
.all-plan li.plans a:hover .txt{
	bottom: 0px;
}
.all-plan li.plans a:hover .mask{
	opacity: 1;
}

/*9-20关于我们*/
.about-us-page{
	font: normal 100% Arial;
	font-family: Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;
}
.about-us-page .cont-tab{
	margin: 70px auto 0px;
}
.about-us-page .cont-tab li{
	display: block;
	width: 20%;
	float: left;
	text-align: center;
	cursor: pointer;
}
.about-us-page .cont-tab li img{
	display: block;
	width: 30px;
	margin: 0 auto;
}
.about-us-page .cont-tab li:hover {
    transform: scale(1.2,1.2);
    transition: .5s transform;
}
.about-us-page .cont-tab li span{
	font-size: 16px;
}
.about-us-page .cont-tab li.tab1 span{
	color: #4489CA;
	padding-bottom: 5px;
	border-bottom: 2px solid #4489CA;
}
.about-us-page .conts-floor .floor1 .tit{
	margin-top: 70px;
}
.about-us-page .conts-floor .floor .title-txt{
	width: 100%;
	font-size: 30px;
	text-align: center;
}
.about-us-page .conts-floor .floor .core{
	text-align:center;
	font-size:14px;
	color:#A0A0A0;
	position:relative;
}
.about-us-page .conts-floor .floor .core:before{
	position: absolute;
	right: 0px;
	left: 0px;
	top: 10px;
	height: 1px;
	content: '';
	background-color: #A0A0A0;
}
.about-us-page .conts-floor .floor .core span{
	position: relative;
	background: #fff;
	padding: 0px 30px;
}
.about-us-page .conts-floor .floor .conts{
	margin: 70px auto;
	padding: 0px;
	border: 0px;
}
.about-us-page .conts-floor .floor1 .conts .profile{
	width: 45%;
	overflow: hidden;
	padding-top:50px;
}
.about-us-page .conts-floor .floor1 .conts .fr.des{
	padding: 80px 0px 0px;
}
.about-us-page .conts-floor .floor1 .conts .des p{
	text-indent: 30px;
}
.about-us-page .conts-floor .floor1 .conts .des p.before{
	margin-bottom: 20px;
}
.about-us-page .conts-floor .floor1 .conts .profile img{
	width: 100%;
}
.about-us-page .conts-floor .floor1 .conts .fl{
	float: left;
}
.about-us-page .conts-floor .floor1 .conts .fr{
	float: right;
}
.about-us-page .conts-floor .floor2{
	background: url(../images/choseus.jpg);
	background-size: 100% 100%;
}
.about-us-page .conts-floor .floor2 .tit{
	padding: 70px 0px;
}
.about-us-page .conts-floor .floor2 .tit .cores{
	text-align: center;
	color: #A0A0A0;
}
.about-us-page .conts-floor .floor2 .conts{
	padding: 0px 6%;
	width: 100%;
	margin: 0px;
	color: #fff;
}
.about-us-page .conts-floor .floor2 .conts .left,.about-us-page .conts-floor .floor2 .conts .right{
	width: 40%;
	float: left;
}
.about-us-page .conts-floor .floor2 .conts .center{
	width: 20%;
	float: left;
	height: auto;
	margin-top: 60px;
}
.about-us-page .conts-floor .floor2 .conts .left .top,.about-us-page .conts-floor .floor2 .conts .right .top{
	margin-bottom: 90px;
}
.about-us-page .conts-floor .floor2 .conts .left .top,.about-us-page .conts-floor .floor2 .conts .right .top,.about-us-page .conts-floor .floor2 .conts .left .bottom,.about-us-page .conts-floor .floor2 .conts .right .bottom{
	width: 100%;
	border: 1px solid #44ADA8;
	position: relative;
}
.about-us-page .conts-floor .floor2 .conts .left .top .top-conts,.about-us-page .conts-floor .floor2 .conts .right .top .top-conts,.about-us-page .conts-floor .floor2 .conts .left .bottom .bottom-conts,.about-us-page .conts-floor .floor2 .conts .right .bottom .bottom-conts{
	width: 100%;
	position: relative;
	top: -10px;
	left: -10px;
	background: #44ADA8;
	padding: 15px;
}
.about-us-page .conts-floor .floor2 .conts .left .bottom.border-colors{
	border-color: #80ABDE;
}
.about-us-page .conts-floor .floor2 .conts .left .top .top-conts .tit,.about-us-page .conts-floor .floor2 .conts .right .top .top-conts .tit,.about-us-page .conts-floor .floor2 .conts .left .bottom .bottom-conts .tit,.about-us-page .conts-floor .floor2 .conts .right .bottom .bottom-conts .tit{
	padding: 0px;
}
.about-us-page .conts-floor .floor2 .conts .left .bottom .bottom-conts.background-colors{
	background: #80ABDE;
}
.about-us-page .conts-floor .floor2 .conts .num{
	font-size: 40px;
}
.about-us-page .conts-floor .floor2 .conts .tit{
	font-size: 28px;
	text-align: center;
}
.about-us-page .conts-floor .floor2 .conts .des{
	height: 94px;
	line-height: 22px;
	font-size: 16px;
	margin: 10px;
	line-height: 22px;
	overflow: hidden;
}
.about-us-page .conts-floor .floor2 .conts .right .top.border-colors{
	border-color: #FFB700;
	margin-top: 170px;
}
.about-us-page .conts-floor .floor2 .conts .right .top .top-conts.background-colors{
	background: #FFB700;
}
.about-us-page .conts-floor .floor2 .conts .right .bottom.border-colors{
	border-color: #01B6EF;
	margin-bottom: 70px;
}
.about-us-page .conts-floor .floor2 .conts .right .bottom .bottom-conts.background-colors{
	background: #01B6EF;
}
.about-us-page .conts-floor .floor2 .conts .num{
	font-size: 30px;
}
.about-us-page .conts-floor .floor2 .conts .tit{
	font-size: 25px;
}
.about-us-page .conts-floor .floor2 .conts .des{
	font-size: 14px;
}
.about-us-page .conts-floor .floor2 .conts .center .choose-icon{
	margin-bottom: 112px;
}
.about-us-page .conts-floor .floor2 .conts .center .choose-icon img{
	width: 60px;
	height: 60px;
	position: relative;
	right: 30px;
}
.about-us-page .conts-floor .floor2 .conts .center .center-l{
	width: 1px;
	border-right: 1px solid #0E82CE;
	margin: 0 auto;
	position: relative;
}
.about-us-page .conts-floor .floor2 .conts .center .choose-icon1{
	top: -1px;
}
.about-us-page .conts-floor .floor2 .conts .center .choose-icon4{
	top: 1px;
}
.about-us-page .conts-floor .floor3 .tit{
	margin: 70px auto;
}
.about-us-page .conts-floor .floor3 .conts{
	padding: 0px 6%;
	width: 100%;
	margin: 0px;
}
.about-us-page .conts-floor .floor3 .conts .conts-list{
	width: 25%;
	float: left;
	border-right: 1px solid #ECECEC;
	text-align: center;
	margin-bottom: 70px;
}
.about-us-page .conts-floor .floor3 .conts .conts-list img{
	width: 55%;
}
.about-us-page .conts-floor .floor3 .conts .conts-list.border-n{
	border-right: 0px;
}
.about-us-page .conts-floor .floor3 .conts .conts-list .name{
	font-size: 16px;
	line-height: 32px;
	text-align: center;
}
.about-us-page .conts-floor .floor3 .conts .conts-list .job{
	font-size: 15px;
	text-align: center;
}
.about-us-page .conts-floor .floor3 .conts .conts-list .des{
	font-size: 13px;
	height: 95px;
	line-height: 22px;
	overflow: hidden;
	width: 65%;
	margin: 0 auto;
	padding-top: 5px;
}
.about-us-page .natual-img img{
	width: 100%;
}
.about-us-page .conts-floor .floor4 .tit{
	padding-top: 70px;
}
.about-us-page .conts-floor .floor4 .conts .top-des{
	width: 50%;
	margin: 0 auto;
	font-size: 1em;
	line-height: 28px;
	text-align: center;
}
.about-us-page .conts-floor .floor4 .conts .goods{
	margin: 70px auto;
}
.about-us-page .conts-floor .floor4 .conts .goods .goods-des{
	width: 33.333%;
	float: left;
}
.about-us-page .conts-floor .floor4 .conts .goods .goods-des .des{
	width: 92%;
}
.about-us-page .conts-floor .floor4 .conts .goods .goods-des .des img{
	width: 100%;
}
.about-us-page .conts-floor .floor4 .conts .goods .goods-des .des p{
	text-align: center;
}
.about-us-page .conts-floor .floor4 .conts .goods .goods-des .des .tit{
	font-size: 1.5em;
	margin: 0px;
	line-height: 60px;
}
.about-us-page .conts-floor .floor4 .conts .goods .goods-des .des .detail{
	font-size: 0.8em;
	line-height: 22px;
}
.about-us-page .conts-floor .floor4 .conts .goods .goods-des .lasts{
	margin-left: 8%;
}
.about-us-page .conts-floor .floor4 .conts .goods .goods-des .centers{
	margin: 0 auto;
}
.about-us-page .conts-floor .floor4 .conts .advertises .advertises-info{
	padding: 70px 0px;
}
.about-us-page .conts-floor .floor4 .conts .advertises .bg{
	background: #F7F7F7;
}
.about-us-page .conts-floor .floor4 .conts .advertises .advertises-info .info-top .img-icon{
	float: left;
	width: 100px;
}
.about-us-page .conts-floor .floor4 .conts .advertises .advertises-info .info-top .img-icon img{
	width: 100%;
}
.about-us-page .conts-floor .floor4 .conts .advertises .advertises-info .info-top .top-txt{
	float: left;
	padding-left: 30px;
}
.about-us-page .conts-floor .floor4 .conts .advertises .advertises-info .info-top .top-txt .tit{
	font-size: 1.8em;
	margin: 0px;
	color: #4489CA;
	line-height: 55px;
}
.about-us-page .conts-floor .floor4 .conts .advertises .advertises-info .info-top .top-txt .salary{
	font-size: 2.0em;
}
.about-us-page .conts-floor .floor4 .conts .advertises .advertises-info .info-detail .duty{
	width: 50%;
	float: left;
}
.about-us-page .conts-floor .floor4 .conts .advertises .advertises-info .info-detail .duty .duty-tit{
	font-size: 1.8em;
	line-height: 80px;
}
.about-us-page .conts-floor .floor4 .conts .advertises .advertises-info .info-detail .duty .duty-detail p{
	font-size: 0.9em;
	line-height: 32px;
}
.about-us-page .conts-floor .floor4 .conts .advertises .advertises-info .info-detail .pl{
	padding-left: 48px;
}
.about-us-page .conts-floor .floor4 .conts .advertises .advertises-info .info-detail .pr{
	padding-right: 48px;
}
.about-us-page .conts-floor .floor4 .conts .advertises .advertises-info .info-top .top-txt .tit.co{
	color: #ED4914;
}
.about-us-page .conts-floor .floor4 .conts .advertises .advertises-info .info-top .top-txt .tit.cg{
	color: #71C529;
}
.about-us-page .conts-floor .floor5 .tit{
	margin: 70px auto;
}
.about-us-page .conts-floor .floor5 .conts{
	padding: 0px 6%;
}
.about-us-page .conts-floor .floor5 .conts .map{
	width: 50%;
	float: left;
}
.about-us-page .conts-floor .floor5 .conts .map img{
	width: 100%;
}
.about-us-page .conts-floor .floor5 .conts .contact-info{
	width: 50%;
	float: left;
	padding-left: 6%;
}
.about-us-page .conts-floor .floor5 .conts .contact-info p{
	font-size: 1.2em;
	line-height: 40px;
}
.about-us-page .conts-floor .floor4 .conts{
	margin-bottom: 0px;
}
/*9-20关于我们end*/
/*9-27网站地图*/
.website-map .p0{
    padding: 30px 20px 0;
    border-bottom: 2px solid #4489CA;
    font: 18px/38px "Microsoft Yahei";
}
.website-map .p0 a{
	color: #4489CA;
}
.website-map .p1{
    font: bold 14px/34px "Microsoft Yahei";
    color: #333333;
	padding: 10px 20px 0px;
}
.website-map .mapabout{
	margin-bottom: 30px;
}
.website-map ul{
	padding: 10px 20px 0px;
}
.website-map ul li div a{
	display: inline-block;
    padding-right: 38px;
    font: 14px/34px "Microsoft Yahei";
    color: #848484;
    white-space: nowrap;
	float: left;
}
.website-map .mapnew ul li div a{
	width: 33.333%;
	padding-left: 0px;
}
/*9-27网站地图end*/
/*悬浮侧栏*/
#menu{width: 88px;height: auto; position: fixed;top: 50%;left: 25px;margin-top: -135px;}
#menu ul{display: block;list-style: none}
#menu ul li a{width: 88px; height: 54px; line-height: 54px; text-align: center;background-color: #fff;color: #0f83ce;display: block}
#menu ul li a:hover,#menu ul li a.cur{background-color: #0f83ce;color: #fff;}

.conts-floor .floor{
  padding-top:50px;
}


/*10-27*/
@media screen and (max-width: 994px){
	.about-us-page .conts-floor .floor1 .conts .fl.des{
		max-height: 232px;
		font-size: 12px;
	}
	.about-us-page .conts-floor .floor1 .conts .fr.des{
		max-height: 280px;
		font-size: 12px;
	}
}