*{padding:0px;margin:0px}
html {overflow-x:hidden;overflow-y:scroll;}
body, html {height:100%;}
body
{
    font-family: "Open Sans", sans-serif;   /*font-family:Arial,Helvetica,sans-serif;*/
	padding:0px;margin:0px;
	background-color:#FFFFFF;
	font-size:14px;
}
body,table,td,a,title,h2,h3,div,select{
    font-family: "Open Sans", sans-serif;  /*font-family:Arial,Helvetica,sans-serif;*/
	font-size:14px;
	color:#333333;
	margin: 0 0 0px 0;
	padding: 0;
}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
td,input{
	line-height:180%;
}
form,h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}

img {border: 0;}   /* 图片边框为0  a:hover img{filter: Alpha(Opacity=70);}  图片透明度 */

a:link       {text-decoration:none;color:#333333;transition: 0.5s;}
a:visited    {text-decoration:none;color:#333333;outline: none;}
a:hover      {text-decoration:none;color:#FF8205;outline: none;}

a.more:link       {text-decoration:none;color:#777777;}
a.more:visited    {text-decoration:none;color:#777777;}
a.more:hover      {text-decoration:underline;color:#FF8205;}

.fl{float:left;}
.fr{float:right;}
li {margin:0;padding:0;list-style:none;}
#hits {color:#FF8205;font-weight:bold;}
.NoInfor {margin:0px auto;padding-top:40px;width:800px;height:60px;text-align:center;font-size:14px;clear:both;overflow:hidden;}
.clear_both {clear: both;}  /*增加了一个空白层，清除该层两边的浮动使得上面的层与下面的脚注层不在同一行,解决Firefox浏览器中div层重叠*/
.InputSubmit {padding:3px;padding-left:10px;padding-right:10px;cursor:pointer;}
.inputTxt{background-color:#EEEEEE;border:#DFDFDF 1px solid;padding:3px;color:#999999;}/* background:url(../images/input_bg.jpg);*/
.contentTable{padding-top:20px;}
.checkbox{padding-left:0px;}

.input_on{padding:0px;width:90px;height:37px;border:none;color:#ffffff;font-size:14px;font-weight:bold;background-color:#2A2A2A;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
.input_off{padding:0px;width:90px;height:37px;border:none;color:#2B2B2B;font-size:14px;font-weight:bold;background-color:#ffffff;border:2px solid #2B2B2B;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}


/* 返回顶部 */
.back-to-top {
  position:fixed;
  display:none;
  background:#FF8205;
  color:#fff;
  display:inline-block;
  width:44px;
  height:44px;
  text-align:center;
  line-height:1;
  font-size:26px;
  border-radius: 50%;
  right:15px;
  bottom:15px;
  transition:background 0.5s;
  z-index:11;
}
.back-to-top i {display:block;color:#fff;font-size:26px; padding-top:10px;text-align:center;}

@media (max-width: 768px) {
  .back-to-top {bottom:20px;}
}

/* 返回顶部 */

/*分页开始*/
#page{margin: 0px auto;width:900px;padding:30px 0px 20px 0px;white-space:nowrap;text-align:center;clear:both;overflow:hidden;}
#page .pg{width:650px;height:24px;line-height:14px;margin-left:auto;margin-right:auto;font-size:14px;}
#page .pg a,#page .pg a:link,#page .pg a:visited{margin:0 4px 0 0;padding:5px 8px 3px 8px;background:#ffffff;text-decoration:none;border:1px #CECECE solid;zoom:1;}
#page .pg a:hover{margin:0 4px 0 0;padding:5px 8px 3px 8px;background:#cc0000;color:#ffffff;border:1px #cc0000 solid;}
#page .pg span.current{margin:0 6px 0 0;padding:6px 8px 5px 9px;font-weight:bold;zoom:1;}
#page .pg span.font{margin:0 6px 0 0;padding:6px 8px 5px 9px;zoom:1;}
#page .pg a.pre{margin:0 6px 0px 0;}
#page .pg a.next{margin:0 6px 0px 0;}
#page .pg a.first{margin:0 6px 0px 0;}
#page .pg a.last{margin:0 6px 0px 0;}
/*分页结束*/

/*上一页开始*/
.PreveNext {float:left;width:900px;height:auto;padding-top:10px;padding-bottom:10px;text-align:center;}
.PreveNext ul{float:left;width:900px;padding-left:0px;text-align:center;}
.PreveNext li{float:left;width:900px;height:25px;text-align:left;text-align:left;font-size:14px;}
.PreveNext li a,.PreveNext li a:hover,.PreveNext li a:visited{color:#333333;font-size:14px;text-decoration:none;}
.PreveNext li a:hover{color:#B39964;font-size:14px;text-decoration:underline;}
/*下一页结束*/

/*.container {
  max-width: 1400px;
  margin: 0 auto;}*/

/*顶部板块样式-----------------------*/
#header {
  padding:20px 0;
  height:82px;
  position:fixed;
  left: 0;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.5s;
  z-index:997;
}

#header.header-scrolled {
  background: rgba(0, 0, 0, 0.9);
  padding: 20px 0;
  height: 82px;
  transition: all 0.5s;
}

#header #logo {
  float:left;
}

#header #logo h1 {
  font-size: 34px;
  margin: 0;
  padding: 0;
  line-height:1;
  font-family: "Montserrat", sans-serif;
  letter-spacing:0px;
}

#header #logo h1 a, #header #logo h1 a:hover {
  color: #fff;
  padding-left: 0px;
  border-left:0px solid #FF8205;
}

#header #logo img {
  padding: 0;
  margin: 0;
  max-width:100%;
}


@media (min-width: 1024px) {
  #header #logo {
    padding-left:60px;
  }
  #header #logo h1 span{
  font-size:18px;color:#fff;padding-top:5px;
  }
}

@media (max-width: 834px) {
  #header #logo h1 span{
  display: none;
  font-size:20px; color:#fff; padding-top:2px;
  }
}

@media (max-width: 768px) {
  #header #logo h1 {
    font-size:28px;
  }
  #header #logo img {
    max-height:40px;
  }
  #header #logo h1 span{
  font-size:20px; color:#fff; padding-top:2px;
  }
}

@media (min-width: 375px) and (max-width: 414px){
  #header #logo h1 span{display:none;
  font-size:20px; color:#fff; padding-top:2px;
  }
}
.chs{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*顶部板块样式-----------------------*/


/*底部板块样式-----------------------*/
.footer_bg{
	width:100%;line-height:20px;margin-top:0px; padding-top:15px; padding-bottom:15px;
	background-color:#000000;
}
.footerbq{color:#F0F1F3;font-size:14px;}


@media (max-width: 750px) {
  .footer_bg {
    padding-left:3%;
  }
}
/*底部板块样式-----------------------*/


/* 导航开始 */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu > li {
  float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}

.nav-menu ul ul {
  top: 0;
  left:100%;
}

.nav-menu ul li {
  min-width:180px;
}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
  padding-right:30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right:15px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}

/* Nav Meu Container */
#nav-menu-container {
  float: right;
  margin: 0;
}

@media (min-width: 1024px) {
  #nav-menu-container {
    padding-right: 60px;
  }
}

@media (max-width: 768px) {
  #nav-menu-container {
    display: none;
  }
}

/* Nav Meu Styling */
.nav-menu a {
  padding: 0 8px 10px 8px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
/*  text-transform: uppercase;*/
  outline: none;
}

.nav-menu li:hover > a, .nav-menu > .menu-active > a {
  color: #FF8205;
}  /*导航文字颜色鼠标经过*/

.nav-menu > li {
  margin-left:10px;
}

.nav-menu ul {
  margin:4px 0 0 0;
  padding:10px;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  background: #fff;
}

.nav-menu ul li {
  transition: 0.3s;
}

.nav-menu ul li a {
  padding: 10px;
  color: #333;
  transition: 0.3s;
  display: block;
  font-size: 13px;
  text-transform: none;
}

.nav-menu ul li:hover > a {
  color: #FF8205;
}

.nav-menu ul ul {
  margin: 0;
}

/* 登录注册 */
.nav-menu li .dengruzhuce{padding-left:10px;}
.nav-menu li .dengruzhuce span{
	display:!important;
}
.nav-menu li .dengruzhuce span a{
	font-size: 16px;
	color:#fff;
	text-decoration:none;
}
.nav-menu li .dengruzhuce span a:hover{
	font-size: 16px;
	color:#FF952A;
	text-decoration:underline;
}

/* 手机版导航 */
#mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  margin: 20px 20px 0 0;
  border: 0;
  background: none;
  font-size: 24px;
  display: none;
  transition: all 0.4s;
  outline: none;
  cursor: pointer;
}

#mobile-nav-toggle i {
  color: #fff;
}

@media (max-width: 768px) {
  #mobile-nav-toggle {
    display:inline;
  }
}

/* Mobile Nav Styling */
#mobile-nav {
  position: fixed;
  top: 0;
  padding-top:18px;
  bottom: 0;
  z-index: 998;
  background:rgba(0, 0, 0, 0.7);
  left: -260px;
  width: 260px;
  overflow-y: auto;
  transition: 0.4s;
}

#mobile-nav ul {
  padding: 0;
  margin: 0;
  list-style:none;
}

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
  color:#fff;
  font-size:14px;
  overflow: hidden;
  padding:10px 22px 10px 15px;
  position:relative;
  text-decoration: none;
  width: 100%;
  display:block;
  outline:none;
  font-family: "Montserrat", sans-serif;
}

#mobile-nav ul li a:hover {
  color: #fff;
}

#mobile-nav ul li li {
  padding-left:0px;
}

#mobile-nav ul .menu-has-children i {
  position: absolute;
  right: 0;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
  color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color: #FF8205;
}

#mobile-nav ul .menu-has-children li a {
  text-transform: none;
}

#mobile-nav ul .menu-item-active {
  color:#FF8205;
}

#mobile-body-overly {
  width:100%;
  height:100%;
  z-index:997;
  top: 0;
  left: 0;
  position:fixed;
  background:rgba(0, 0, 0, 0.7);
  display:none;}

/* Mobile Nav body classes */
body.mobile-nav-active {overflow:hidden;}

body.mobile-nav-active #mobile-nav {left:0;}

body.mobile-nav-active #mobile-nav-toggle {color:#fff;}
/* 手机版导航结束 */


/* 标题*/
.section-header h3 {
  font-size:24px;
  color:#222222;
  text-align:center;
  font-weight:600;
  position:relative;
  padding-bottom:15px;
}
.section-header h3::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #dedede;
  bottom: 1px;
  left: calc(50% - 60px);
}
.section-header h3::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background:#FF952A;
  bottom: 0;
  left: calc(50% - 20px);
}
.section-header p {
  text-align: center;
  padding-bottom:10px;
  color: #333;
}
/* Section with background
--------------------------------*/
.section-bg {background: #F8F8F8;}
/* 标题*/


/* 关于我们*/
#about {
  background:url("../images/about-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding:60px 0 40px 0;
  position:relative;
}

#about::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background:rgba(255, 255, 255, 0.88);
  z-index: 9;
}

#about .container {
  position: relative;
  z-index: 10;
}

#about .about-col {
  background:#fff;
  border-radius:0 0 4px 4px;
  box-shadow:0px 2px 10px rgba(0, 0, 0, 0.15);
  margin-top:20px;
  margin-bottom: 20px;
}

#about .about-col .img {
  position: relative;transition:all 0.3s;
}

#about .about-col .img img {
  border-radius:5px 5px 0 0;
}


#about .about-col h2 {
  color: #000;
  text-align: center;
  font-size:18px;
  padding: 0;
  margin: 40px 0 12px 0;
}
#about .about-col h2 a {color:#000;font-size:18px;}
#about .about-col h2 a:hover {color:#FF8205;font-size:18px;}

#about .about-col p {
  font-size:14px;
  line-height:24px;
  color:#555555;
  margin-bottom: 0;
  padding:10px 20px 25px 20px;
}

#about .about-cols .counters {
  width:100%;
}
#about .about-cols .counters .icon {
  display:block;
  width:64px;
  height:64px;
  padding-top:8px;
  margin-left:10px;
  background-color:#FF8205;
  border-radius:50%;
  text-align:center;
  border:4px solid #fff;
  position:relative;
  left:40%;
  bottom: 0px;
  transition: 0.3s;
}

#about .about-cols .counters i {
  font-size:32px;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}

#about .about-cols .counters:hover .icon {
  background-color:#fff;
}

#about .about-cols .counters:hover i {
  color: #FF8205;
}

#about .about-cols .counters span {
	color:#333;
	font-size:22px;
	font-weight:400;
	text-align:center;
}
#about .about-cols .counters span a{
	color: #333;
	font-size:22px;
	font-weight:400;
}

/* 数字滚动*/
#facts {
  background: url("../img/facts-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 0 0;
  position: relative;
}

#about::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.88);
  z-index: 9;
}

#about .container {
  position: relative;
  z-index: 10;
}

#about .counters span {
  font-family:"Montserrat", sans-serif;
  font-weight:600;
  font-size:34px;
  display:block;
  color: #FF8205;
}






@media only screen and (max-width: 600px){
#about {
  background:url("../images/about-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding:20px 0 20px 0;
  position:relative;
}
#about .container {
  position: relative;
  z-index: 10; padding:10px;
}
}


/* Call To Action Section
--------------------------------*/
#call-to-action {
  background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../images/call-to-action-bg.jpg) fixed center center;
  background-size: cover;
  padding:60px 0;
}

#call-to-action h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

#call-to-action p {
  color: #fff;
}

#call-to-action .cta-btn {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 25px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

#call-to-action .cta-btn:hover {
  background: #18d26e;
  border: 2px solid #18d26e;
}

/* Call To Action Section
--------------------------------*/
#skills {
  padding: 60px 0;
}

#skills .progress {
  height: 35px;
  margin-bottom: 10px;
}

#skills .progress .skill {
  font-family: "Open Sans", sans-serif;
  line-height: 35px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
}

#skills .progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}

#skills .progress-bar {
  width: 1px;
  text-align: left;
  transition: .9s;
}


/* 典型案例*/
#portfolio {
  padding:60px 0;
}

#portfolio #portfolio-flters {
  padding: 0;
  margin:5px 0 35px 0;
  list-style: none;
  text-align: center;
}

#portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 15px 15px 15px 0;
  display: inline-block;
  padding:10px 20px;
  font-size: 14px;
  line-height:20px;
  color: #666666;
  border-radius: 4px;
  background: #fff;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

#portfolio #portfolio-flters li:hover, #portfolio #portfolio-flters li.filter-active {
  background: #FF952A;
  color: #fff;
}

#portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

#portfolio .portfolio-wrap {
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}
#portfolio .portfolio-wrap:hover {
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
}

#portfolio .portfolio-item {
  position: relative;
  height:360px;
  overflow: hidden;
}

#portfolio .portfolio-item figure {
  background:#000;
  overflow: hidden;
  max-width: 100%;
  height: 240px;
  position: relative;
  border-radius:4px 4px 0 0;
  margin: 0;
}

#portfolio .portfolio-item figure:hover img {
  opacity: 0.4;
  transition: 0.3s;
}

#portfolio .portfolio-item figure .link-preview, #portfolio .portfolio-item figure .link-details {
  position: absolute;
  display: inline-block;
  visibility: hidden;
  line-height: 1;
  text-align: center;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  transition: 0.2s;
}

#portfolio .portfolio-item figure .link-preview i, #portfolio .portfolio-item figure .link-details i {
	display:inline-block;
  padding-top:5px!important;
  font-size:22px;
  color:#333;
}

#portfolio .portfolio-item figure .link-preview:hover, #portfolio .portfolio-item figure .link-details:hover {
  background:#FF952A;
}

#portfolio .portfolio-item figure .link-preview:hover i, #portfolio .portfolio-item figure .link-details:hover i {
  color:#fff;font-size: 22px;
}

#portfolio .portfolio-item figure .link-preview {
  left: calc(50% - 38px);
  top: calc(50% - 18px);
}

#portfolio .portfolio-item figure .link-details {

  right:calc(50% - 38px);
  top: calc(50% - 18px);
}

#portfolio .portfolio-item figure:hover .link-preview {
  visibility: visible;
  left: calc(50% - 44px);
}

#portfolio .portfolio-item figure:hover .link-details {
  visibility: visible;
  right: calc(50% - 44px);
}

#portfolio .portfolio-item .portfolio-info {
  background: #fff;
  text-align: center;
  padding:25px;
  height: 100px;
  border-radius: 0 0 3px 3px;
}

#portfolio .portfolio-item .portfolio-info h4 {
  font-size:18px;
  line-height: 1px;
  margin-bottom: 18px;
  padding-bottom: 0;
}
#portfolio .portfolio-item .portfolio-info h4 a {color:#000;font-size:18px;}
#portfolio .portfolio-item .portfolio-info h4 a:hover {color:#FF952A;font-size:18px;}

#portfolio .portfolio-item .portfolio-info p {padding: 0;margin: 0;color:#666;font-size:14px; line-height:20px;text-align:left;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
/* 典型案例*/


/* 合作客户*/
#partner {
  padding:20px 0;
}

#partner img {
  max-width:100%;
  opacity: 0.5;
  transition: 0.3s;
  padding:15px 0;
}

#partner img:hover {
  opacity: 1;
}

#partner .owl-nav, #partner .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#partner .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ccc;
}

#partner .owl-dot.active {
  background-color: #FF952A;
}


@media screen (max-width: 375px) {
  #partner {
	padding:0px 0;
  }
}
/* 合作客户*/

/*鼠标经过图片放大效果*/
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans2{-webkit-transition:all 800ms ease 0s; -moz-transition:all 800ms ease 0s; -ms-transition:all 800ms ease 0s; -o-transition:all 800ms ease 0s; transition:all 800ms ease 0s;}
.trans-internal::before,.trans-internal::after{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}


/*服务项目*/
#services {padding:40px 0;}
#services .section-header {margin-bottom:10px;}

.services-index{padding:20px 0px 10px 0px;overflow: hidden;}
.services-index .left{width:49.5%;overflow: hidden;}
.services-index .right{width:49.5%;overflow: hidden;}
.services-index .products{display:block;background-color:#f8f8f8;position:relative;}
.services-index .posit2{}
.services-index .posit{position: absolute;left:0;right:0;top:0;}
.services-index .products .name{font-size:22px;color:#333;}
.services-index .products .brief{font-size:14px;color:#757575;}
.services-index .products .mianji{font-size:18px;color:#666;}
.services-index .products .mianji span{font-size:18px;color:#000;}
.services-index .products .mianji em{font-size:26px;color:#FF952A;font-family:Arial, Helvetica, sans-serif;}
.services-index .products .img img{max-width:100%;height: auto;}
.services-index .left .posit{padding:20px 35px;}
.services-index .left .products .img{margin-top:13px;text-align:center; overflow:hidden;}
.services-index .right .posit{padding:30px 20px;overflow: hidden;}
.services-index .right .products:first-child{margin-bottom:10px;}
.services-index .right .products .ll{width:47%;overflow:hidden;}
.services-index .right .products .rr{width:50%;overflow:hidden;}
.services-index .products:hover{box-shadow:2px 3px 15px rgba(0,0,0,0.2);-moz-box-shadow:2px 3px 15px rgba(0,0,0,0.2);-webkit-box-shadow:2px 3px 15px rgba(0,0,0,0.2);}
.services-index .products:hover .img img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

@media only screen and (max-width: 1480px){
.services-index .right .posit{padding:60px 40px;}
}

@media only screen and (max-width: 1280px){
.services-index .products .name{font-size: 18px;}
}
@media only screen and (max-width: 980px){
	.services-index .left,.services-index .right{float: none;width: 100%;}
	.services-index{height: auto;}
	.services-index .right .products{margin-top: 10px;}
	.services-index .right .products .ll{float: right;}
	.services-index .right .products .rr{float: left;}

	.services-index .left .products .ll{width: 50%;float: left;}
	.services-index .left .products .rr{width: 40%;float: right;}
	.services-index .left .products .img{margin-top: 0;}
	.services-index .left .products,.services-index .right .products{padding:30px 40px;}
	.services-index .posit2{display: none;}
	.services-index .products{position: static;}
	.services-index .left .posit{position: static;padding: 0;}
	.services-index .right .posit{position: static;padding: 0;}

	.services-index{padding:0px 0;}
	.services-index .products .name{font-size:18px;}

}
@media only screen and (max-width: 770px){
	.services-index .left,.services-index .right{width: 100%;}
	.services-index .products .name{font-size: 22px;}
	.services-index .products .brief{font-size: 14px;}
	.services-index .right .products{padding: 20px;}
	.services-index .left .products{padding: 20px;}
}

@media only screen and (max-width: 600px){
	.services-index .right .products{padding:20px;}
	.services-index .left .products{padding: 20px;}
	.services-index .products{display:block;background-color:#f8f8f8;position:relative;}
	.services-index .posit2{background-color:#f8f8f8;}

	.services-index .products .brief{line-height:22px;}
	.services-index .products .mianji{font-size:18px;color:#666;line-height:28px;}
	.services-index .products .mianji span{font-size:18px;color:#000;}
	.services-index .products .mianji em{font-size:26px;color:#FF952A;font-family:Arial, Helvetica, sans-serif;}
}
/*服务项目*/



/* 联系我们*/
#contact {
  margin:0px auto; margin-top:20px;
  padding:60px 0; clear:both; overflow:hidden;
}

#contact .left-map{float:left;width:55%;}
#contact .left-map img{max-width:100%;height:auto}
#contact .right-contact{float:left;width:40%; padding-left:5%;}
#contact .right-contact li{width:100%; line-height:35px;}
#contact .right-contact li.name{ color:#333;font-size:22px;}
#contact .right-contact dl{display:block;padding-top:5%;}
#contact .right-contact dl span{float:left;width:50%;}
#contact .right-contact span img{max-width:50%;height:auto;text-align:center;}
#contact .right-contact dl span i{display:block;padding-top:1%;font-style:normal;}

@media screen (min-width: 768px) and (max-width: 1024px){
	#contact .left-map{float:left;width:100%;}
	#contact .left-map img{max-width:100%;height:auto}
	#contact .right-contact{float:left;width:100%; padding-top:3%;}
	#contact .right-contact li{width:100%; line-height:30px;}
	#contact .right-contact dl{display:block;padding-top:5%;}
	#contact .right-contact dl span{float:left;width:50%;}
	#contact .right-contact span img{max-width:50%;height:auto;text-align:center;}
}
@media (max-width: 800px) {
  #contact .left-map {float:left;width:100%; background-color: #000;}
  #contact .right-contact{float:left;width:100%; padding-left:0%;padding-top:2%;}
  .amap-container{float:left;width:100%;height:auto;}
}
/* 联系我们*/