html,
body,
hr,
p,
blockquote,
dl,
dt,
dd,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
table,
th,
td,
figure,
figcaption,
em {
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0; }

input,
select,
textarea,
button {
  vertical-align: middle;
  font-size: 12px;
  font-family: "Microsoft Yahei", Verdana, Arial; }

button {
  cursor: pointer; }

img {
  border: 0;
  vertical-align: middle; }

a {
  color: #666;
  text-decoration: none;
  outline: 0;
  blr: expression(this.onFocus=this.blur()); }
  a:hover {
    color: #00b38c;
    text-decoration: none; }

.list-unstyled {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none; }
  .list-unstyled > li {
    padding-left: 0 !important;
    list-style: none; }

* {
  outline: 0; }

.pull-left {
  float: left;
  display: inline; }

.pull-right {
  float: right;
  display: inline; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clear {
  clear: both;
  *zoom: 1;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden; }

html,
body {
  color: #666;
  font-size: 12px;
  font-family: "Microsoft Yahei", Verdana, Arial;
  line-height: 25px;
  height: 100%;
  background: #fff; }

.container {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden; }

body, html {
  min-width: 1200px; }

#header .logo {
  float: left;
  display: inline;
  width: 600px;
  height: 64px;
  padding: 20px 0;
  font-size: 24px;
  line-height: 44px;
  color: #333; }
  #header .logo a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-right: 5px;
    height: 64px; }
    #header .logo a img {
      display: block;
      height: 100%; }
#header .tel {
  line-height: 20px;
  margin-top: 32px;
  height: 40px; }
  #header .tel img {
    width: 40px;
    height: 40px;
    float: left;
    display: inline; }
  #header .tel span {
    float: left;
    display: inline;
    width: 40px;
    height: 40px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    margin-right: 5px; }
  #header .tel p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 16px;
    color: #f00; }
    #header .tel p span {
      font-size: 12px; }
#header .nav {
  height: 44px;
  line-height: 44px;
  background: #363636; }
  #header .nav ul {
    display: block;
    width: 1200px;
    margin: 0 auto !important; }
    #header .nav ul li {
      float: left;
      display: inline;
      width: 171px;
      line-height: 44px;
      text-align: center;
      font-size: 14px;
      position: relative;
      z-index: 99; }
      #header .nav ul li a {
        display: block;
        color: #fff; }
        #header .nav ul li a.active, #header .nav ul li a:hover {
          background: #4b4b4b;
          color: #d0d0d0; }
      #header .nav ul li ol {
        background: rgba(255, 255, 255, 0.9);
        background: #fff\9;
        position: absolute;
        display: none;
        top: 44px;
        left: 0;
        z-index: 100;
        padding-bottom: 5px !important; }
        #header .nav ul li ol.material {
          width: 300px; }
        #header .nav ul li ol li a {
          color: #333; }
          #header .nav ul li ol li a:hover {
            background: none;
            color: #00b38c; }

.flexslider {
  position: relative;
  text-align: center;
  height: 500px; }
  .flexslider .slides > li {
    position: relative;
    height: 500px;
    width: 100%;
    overflow: hidden; }
    .flexslider .slides > li img {
      display: block;
      position: absolute;
      left: 50%; }
  .flexslider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 15px;
    height: 18px;
    overflow: hidden;
    text-align: center;
    z-index: 2;
    margin: 0;
    padding: 0; }
    .flexslider .flex-control-nav li {
      margin: 0 5px;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      font-size: 0;
      vertical-align: top; }
      .flexslider .flex-control-nav li a {
        width: 16px;
        height: 16px;
        display: block;
        background: #666;
        background: rgba(255, 255, 255, 0.8);
        cursor: pointer;
        text-indent: -9999px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0 1px 1px 0 #4a4a4a;
        -moz-box-shadow: 0 1px 1px 0 #4a4a4a;
        box-shadow: 0 1px 1px 0 #4a4a4a; }
        .flexslider .flex-control-nav li a:hover, .flexslider .flex-control-nav li a.flex-active {
          background: #f58320;
          background: rgba(245, 130, 30, 0.8); }
  .flexslider .flex-direction-nav {
    list-style: none;
    padding: 0;
    margin: 0; }
    .flexslider .flex-direction-nav li a {
      position: absolute;
      display: block;
      width: 40px;
      height: 100px;
      top: 200px;
      text-indent: -9999px; }
      .flexslider .flex-direction-nav li a.flex-prev {
        left: 20px; }
      .flexslider .flex-direction-nav li a.flex-next {
        right: 20px; }

#default .banner {
  height: 500px;
  overflow: hidden; }
#default .flexslider .slides > li img {
  width: 1200px;
  margin-left: -600px; }
#default .news,
#default .event,
#default .order {
  margin-top: 20px;
  width: 380px;
  margin-right: 30px; }
  #default .news dt,
  #default .event dt,
  #default .order dt {
    border-bottom: 1px solid #ccc;
    line-height: 50px;
    font-size: 16px;
    color: #222;
    margin-bottom: 20px; }
    #default .news dt a,
    #default .event dt a,
    #default .order dt a {
      float: right;
      display: inline;
      font-size: 12px; }
  #default .news dd,
  #default .event dd,
  #default .order dd {
    height: 250px;
    overflow: hidden; }
    #default .news dd .pagination,
    #default .event dd .pagination,
    #default .order dd .pagination {
      position: absolute;
      bottom: 8px;
      right: 0;
      text-align: right;
      z-index: 2; }
      #default .news dd .pagination span,
      #default .event dd .pagination span,
      #default .order dd .pagination span {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        border-radius: 3px;
        opacity: 1;
        background: rgba(0, 0, 0, 0.2);
        background: #000 \9;
        margin: 0 5px 0 0; }
        #default .news dd .pagination span.swiper-pagination-switch,
        #default .event dd .pagination span.swiper-pagination-switch,
        #default .order dd .pagination span.swiper-pagination-switch {
          color: #fff;
          cursor: pointer; }
        #default .news dd .pagination span.swiper-active-switch,
        #default .event dd .pagination span.swiper-active-switch,
        #default .order dd .pagination span.swiper-active-switch {
          background: #f60; }
#default .news dd a,
#default .event dd a {
  display: block;
  position: relative;
  width: 380px;
  height: 250px; }
  #default .news dd a span,
  #default .event dd a span {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 5px 0;
    text-indent: 10px;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    background: #000 \9;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0; }
#default .event dt span {
  height: 22px;
  margin-top: 14px; }
  #default .event dt span a {
    display: block;
    width: 20px;
    line-height: 20px;
    height: 20px;
    border: 1px solid #dbdbdb;
    text-align: center;
    margin-left: 5px;
    border-radius: 3px;
    background: url("../images/bg-arrow.png") no-repeat 0 0; }
    #default .event dt span a.btn-next {
      background-position: 100% 0; }
#default .order {
  margin-right: 0; }
  #default .order ul {
    width: 420px; }
    #default .order ul li {
      float: left;
      display: inline;
      width: 210px;
      padding-bottom: 15px;
      overflow: hidden; }
    #default .order ul.wrap {
      margin-top: 10px !important; }
      #default .order ul.wrap li {
        width: 420px; }
        #default .order ul.wrap li select {
          width: 320px; }
  #default .order label {
    float: left;
    display: inline;
    width: 60px; }
  #default .order .text,
  #default .order .select {
    float: left;
    display: inline;
    width: 100px;
    border: 1px solid #dbdbdb;
    height: 20px;
    line-height: 20px;
    padding: 4px; }
  #default .order .select {
    width: 110px;
    height: 30px; }
  #default .order .textarea {
    width: 310px;
    line-height: 20px;
    height: 90px;
    border: 1px solid #dbdbdb;
    padding: 4px; }
  #default .order .btn-group {
    width: 380px;
    padding-top: 20px; }
    #default .order .btn-group .btn {
      float: left;
      display: inline;
      width: 180px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background: #00b38c;
      color: #fff;
      font-size: 16px; }
      #default .order .btn-group .btn:hover {
        background: #61cfb7; }
    #default .order .btn-group a.btn {
      float: right;
      display: inline;
      background: #61cfb7;
      font-size: 16px; }
      #default .order .btn-group a.btn:hover {
        background: #00b38c; }
#default .case {
  padding: 30px 0; }
  #default .case .title h3 {
    position: relative;
    height: 50px;
    font-size: 24px;
    font-weight: 400; }
    #default .case .title h3 i {
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: 1px;
      background: #ccc;
      overflow: hidden;
      z-index: 1; }
    #default .case .title h3 span {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      padding: 0 50px;
      background: #fff;
      position: relative;
      top: 0;
      line-height: 50px;
      height: 50px;
      z-index: 2;
      color: #333; }
  #default .case .title .nav {
    padding: 15px 0;
    display: none; }
    #default .case .title .nav a {
      background: #f4f4f4;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      color: #757575;
      line-height: 30px;
      padding: 0 20px;
      border-radius: 4px;
      margin: 0 5px;
      font-size: 12px; }
      #default .case .title .nav a:hover {
        background: #00b38c;
        color: #fff; }
  #default .case .lists {
    padding-top: 40px; }
    #default .case .lists ul {
      width: 1230px; }
      #default .case .lists ul li {
        float: left;
        display: inline;
        width: 380px;
        padding: 0 30px 30px 0;
        text-align: center;
        line-height: 50px; }
        #default .case .lists ul li img {
          display: block;
          width: 380px;
          height: 285px; }
    #default .case .lists .more {
      display: block;
      width: 120px;
      height: 36px;
      line-height: 36px;
      border: 1px solid #00b38c;
      color: #00b38c;
      margin: 0 auto;
      text-align: center;
      border-radius: 4px; }
      #default .case .lists .more:hover {
        background: #00b38c;
        color: #fff; }
#default .contact {
  background: #f5f5f5;
  color: #333;
  height: 30px;
  line-height: 30px;
  padding: 20px 0;
  margin: 10px 0;
  text-align: center;
  font-size: 18px; }
  #default .contact a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 28px;
    line-height: 28px;
    border: 1px solid #00b38c;
    border-radius: 4px;
    color: #00b38c;
    text-align: center;
    font-size: 12px;
    padding: 0 15px;
    vertical-align: top;
    margin-left: 20px; }
    #default .contact a:hover {
      background: #00b38c;
      color: #fff; }
#default .team,
#default .tech,
#default .material {
  padding: 30px 0; }
  #default .team .title,
  #default .tech .title,
  #default .material .title {
    width: 1200px;
    margin: 0 auto; }
    #default .team .title h3,
    #default .tech .title h3,
    #default .material .title h3 {
      position: relative;
      height: 50px;
      font-size: 24px;
      font-weight: 400; }
      #default .team .title h3 i,
      #default .tech .title h3 i,
      #default .material .title h3 i {
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
        background: #ccc;
        overflow: hidden;
        z-index: 1; }
      #default .team .title h3 span,
      #default .tech .title h3 span,
      #default .material .title h3 span {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding: 0 50px;
        background: #fff;
        position: relative;
        top: 0;
        line-height: 50px;
        height: 50px;
        z-index: 2;
        color: #333; }
  #default .team .lists,
  #default .tech .lists,
  #default .material .lists {
    margin-top: 30px;
    padding: 20px 0;
    background: #f5f5f5; }
    #default .team .lists ul,
    #default .tech .lists ul,
    #default .material .lists ul {
      width: 1224px; }
      #default .team .lists ul li,
      #default .tech .lists ul li,
      #default .material .lists ul li {
        float: left;
        display: inline;
        background: #fff;
        width: 282px;
        margin-right: 24px;
        padding-bottom: 20px; }
        #default .team .lists ul li a .thumb,
        #default .tech .lists ul li a .thumb,
        #default .material .lists ul li a .thumb {
          display: block;
          width: 282px;
          height: 350px; }
        #default .team .lists ul li .info,
        #default .tech .lists ul li .info,
        #default .material .lists ul li .info {
          text-align: center;
          margin-top: 20px;
          display: block;
          line-height: 30px; }
          #default .team .lists ul li .info b,
          #default .tech .lists ul li .info b,
          #default .material .lists ul li .info b {
            font-size: 20px;
            font-weight: 400; }
          #default .team .lists ul li .info small,
          #default .tech .lists ul li .info small,
          #default .material .lists ul li .info small {
            color: #999;
            margin-left: 10px;
            font-size: 12px; }
          #default .team .lists ul li .info hr,
          #default .tech .lists ul li .info hr,
          #default .material .lists ul li .info hr {
            height: 1px;
            overflow: hidden;
            border: 0;
            background: #ccc;
            margin: 10px; }
          #default .team .lists ul li .info span,
          #default .tech .lists ul li .info span,
          #default .material .lists ul li .info span {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 94px;
            font-size: 12px; }
          #default .team .lists ul li .info .round,
          #default .tech .lists ul li .info .round,
          #default .material .lists ul li .info .round {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 28px;
            height: 28px;
            border: 1px solid #aaa;
            border-radius: 100%;
            margin-top: 10px; }
            #default .team .lists ul li .info .round img,
            #default .tech .lists ul li .info .round img,
            #default .material .lists ul li .info .round img {
              display: block;
              margin: 4px auto 0; }
#default .team {
  position: relative; }
  #default .team .nav .prev,
  #default .team .nav .next {
    display: block;
    width: 40px;
    height: 100px;
    position: absolute;
    background-color: #eee;
    top: 280px;
    left: 50%;
    text-align: center; }
    #default .team .nav .prev img,
    #default .team .nav .next img {
      width: 30px;
      height: 30px;
      position: relative;
      top: 50%;
      margin-top: -15px;
      vertical-align: top; }
  #default .team .nav .prev {
    margin-left: -650px; }
  #default .team .nav .next {
    margin-left: 610px; }
  #default .team .lists ul {
    height: 503px;
    overflow: hidden; }
#default .tech .lists,
#default .material .lists {
  background: none; }
  #default .tech .lists ul li,
  #default .material .lists ul li {
    background: #fcfcfc; }
    #default .tech .lists ul li a .thumb,
    #default .material .lists ul li a .thumb {
      height: 200px; }
    #default .tech .lists ul li .info,
    #default .material .lists ul li .info {
      text-transform: capitalize;
      line-height: 20px; }
      #default .tech .lists ul li .info b,
      #default .material .lists ul li .info b {
        display: block;
        font-size: 14px; }
#default .material {
  margin-top: 50px; }
#default .faq {
  background: #f5f5f5;
  padding: 15px 0; }
  #default .faq ul li {
    float: left;
    display: inline;
    width: 220px; }
    #default .faq ul li img {
      width: 200px;
      height: 132px; }
  #default .faq .tip {
    padding: 26px 0 0 20px;
    line-height: 40px;
    color: #333;
    font-size: 18px; }
    #default .faq .tip p {
      border-top: 1px solid #ddd; }
  #default .faq .btn {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #f60;
    margin-top: 46px; }
    #default .faq .btn:hover {
      background: #f90; }
#default .skill {
  padding: 30px 0; }
  #default .skill .title h3 {
    position: relative;
    height: 50px;
    font-size: 24px;
    font-weight: 400; }
    #default .skill .title h3 i {
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: 1px;
      background: #ccc;
      overflow: hidden;
      z-index: 1; }
    #default .skill .title h3 span {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      padding: 0 50px;
      background: #fff;
      position: relative;
      top: 0;
      line-height: 50px;
      height: 50px;
      z-index: 2;
      color: #333; }
  #default .skill .lists {
    padding: 50px 0 20px; }
    #default .skill .lists ul {
      width: 1232px; }
      #default .skill .lists ul li {
        float: left;
        display: inline;
        width: 276px;
        margin-right: 32px; }
        #default .skill .lists ul li dl {
          height: 380px;
          overflow: hidden; }
          #default .skill .lists ul li dl dt {
            line-height: 40px;
            font-size: 16px;
            color: #333;
            border-bottom: 1px solid #ddd; }
          #default .skill .lists ul li dl dd {
            line-height: 40px; }
            #default .skill .lists ul li dl dd img {
              width: 276px;
              height: 100px;
              margin: 20px 0; }
            #default .skill .lists ul li dl dd a {
              display: block;
              position: relative;
              border-bottom: 1px dashed #ddd;
              color: #666;
              padding-left: 15px; }
              #default .skill .lists ul li dl dd a:hover {
                color: #00b38c; }
              #default .skill .lists ul li dl dd a i {
                display: block;
                top: 50%;
                position: absolute;
                left: 5px;
                width: 4px;
                height: 4px;
                margin-top: -2px;
                background: #ccc;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
#default .brand {
  padding: 20px 0 30px; }
  #default .brand .title {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    font-size: 24px;
    color: #333; }
    #default .brand .title span {
      font-size: 14px;
      color: #999;
      margin-left: 10px; }
  #default .brand .lists {
    margin: 0 0 20px 0; }
    #default .brand .lists ul {
      width: 1246px;
      position: relative;
      margin-left: -23px !important; }
      #default .brand .lists ul li {
        float: left;
        display: inline;
        width: 178px; }
        #default .brand .lists ul li a {
          display: block;
          margin: 0 auto;
          width: 132px;
          height: 66px;
          padding: 23px 22px 22px 23px;
          border-right: 1px solid #f0f0f0;
          border-bottom: 1px solid #f0f0f0; }
          #default .brand .lists ul li a img {
            display: block;
            width: 132px;
            height: 66px; }

#footer {
  border-top: 1px solid #e6e6e6;
  background: #eee;
  color: #999;
  padding: 40px 0 0;
  line-height: 30px;
  	/*
  	border-top: 1px solid #222;
  	background: #363636;
  	padding: 25px 0;
  	margin-top: 20px;
  
  	.logo {
  		width: 300px;
  		padding-top: 30px;
  		color: #fff;
  
  		p {
  			border-top: 1px dashed #999;
  			width: 195px;
  			text-align: center;
  			line-height: 30px;
  			margin-top: 10px;
  			font-size: 14px;
  		}
  	}
  
  	.info {
  		line-height: 30px;
  		color: #aaa;
  
  		dl {
  			dt {
  				@include inline-block;
  			}
  			dd {
  				@include inline-block;
  				margin-right: 15px;
  			}
  		}
  		a {
  			color: #eee;
  
  			&:hover {
  				color: #fff;
  				text-decoration: underline;
  			}
  		}
  
  		.icon {
  			width: 24px;
  			height: 24px;
  			vertical-align: middle;
  			margin-top: -2px;
  			margin-right: 2px;
  		}
  	}
  	*/ }
  #footer a {
    color: #666; }
    #footer a:hover {
      color: #fff; }
  #footer .about {
    width: 360px;
    overflow: hidden;
    border-right: 1px solid #ccc; }
    #footer .about dl dt {
      color: #333;
      font-size: 14px;
      margin-bottom: 10px;
	  height: 50px;
	  }
      #footer .about dl dt img {
		display: inline;
        margin-right: 10px;
		vertical-align: middle;}
  #footer .nav {
    width: 300px;
    margin-left: 30px; }
    #footer .nav dl dt {
      font-size: 16px;
      color: #333;
      line-height: 24px;
      margin-bottom: 10px; }
    #footer .nav dl dd {
      float: left;
      display: inline;
      width: 140px;
      line-height: 30px; }
      #footer .nav dl dd a:hover {
        color: #f60; }
  #footer .link {
    width: 140px;
    margin-left: 30px; }
    #footer .link dl dt {
      font-size: 16px;
      color: #333;
      line-height: 24px;
      margin-bottom: 10px; }
    #footer .link dl dd {
      float: left;
      display: inline;
      width: 140px;
      line-height: 30px; }
      #footer .link dl dd a:hover {
        color: #f60; }
  #footer .contact {
    width: 300px;
    padding-top: 50px; }
    #footer .contact dl dd {
      float: left;
      display: inline;
      text-align: center;
      width: 60px;
      line-height: 30px;
      padding-left: 15px; }
      #footer .contact dl dd a {
        position: relative; }
        #footer .contact dl dd a img {
          display: block;
          width: 30px;
          height: 30px;
          margin: 0 auto; }
        #footer .contact dl dd a:hover {
          color: #333; }
        #footer .contact dl dd a img.tip {
          display: none;
          position: absolute;
          top: 20px;
          left: 50%;
          margin-left: -50px;
          width: 100px;
          height: 100px; }
        #footer .contact dl dd a:hover img.tip {
          display: block; }
  #footer .copyright {
    margin-top: 30px;
    padding: 5px 0;
    border-top: 1px solid #dfdfdf; }
    #footer .copyright a:hover {
      color: #f60; }

#gotoTop {
  position: fixed;
  left: 50%;
  margin-left: 610px;
  display: block;
  width: 30px;
  height: 30px;
  padding: 5px;
  background: url("../images/icon-up.png") no-repeat center center;
  background-color: rgba(0, 0, 0, 0.8);
  background-color: #333 \9;
  border: 1px solid #222;
  bottom: 0;
  text-indent: -9999px;
  border-radius: 4px;
  display: none; }

.breadcrumb {
  border-bottom: 1px solid #dbdbdb;
  line-height: 35px;
  margin-top: 10px; }

.aside {
  margin-top: 20px; }
  .aside .nav,
  .aside .faq {
    width: 198px;
    border: 1px solid #e8e8e8;
    padding: 0 20px;
    margin-bottom: 20px; }
    .aside .nav dt,
    .aside .faq dt {
      padding: 15px 0;
      font-size: 24px;
      font-weight: 400;
      color: #333; }
    .aside .nav dd li,
    .aside .faq dd li {
      padding: 12px 0;
      line-height: 20px;
      border-top: 1px dotted #e8e8e8; }
      .aside .nav dd li.active a,
      .aside .faq dd li.active a {
        color: #00b38c;
        font-weight: bold; }
  .aside .faq dd li a {
    color: #666; }
    .aside .faq dd li a:hover {
      color: #f60; }
  .aside .faq dd li p {
    color: #999; }

.pages {
  text-align: center;
  padding: 15px 0;
  margin: 10px 0;
  border-top: 1px solid #dbdbdb;
  font-size: 0; }
  .pages a,
  .pages span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0;
    background: #fff;
    font-size: 12px;
    border: 1px solid #efefef;
    margin: 0 3px;
    height: 32px;
    line-height: 32px;
    padding: 0 15px; }
  .pages a:hover {
    background: #eee;
    color: #333; }
  .pages span {
    background: #00b38c;
    color: #fff;
    border: 1px solid #049e7c; }

#news .banner {
  height: 250px;
  overflow: hidden;
  position: relative; }
  #news .banner img {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -960px; }
#news .title h2 {
  color: #333;
  line-height: 30px;
  margin-top: 30px;
  font-weight: 400; }
#news .title p {
  border: 1px dashed #dbdbdb;
  border-left: 0;
  border-right: 0;
  line-height: 35px;
  margin-top: 25px; }
#news .content {
  line-height: 30px;
  margin-top: 25px; }
  #news .content p {
    margin-bottom: 15px;
    text-indent: 0; }
    #news .content p img {
      margin-left: 0;
      max-width: 100%;
	  height: auto; }
#news .prev-next {
  height: 40px;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  border-left: 0;
  border-right: 0;
  margin-top: 50px !important; }
  #news .prev-next li {
    float: left;
    display: inline;
    width: 50%;
    height: 40px;
    line-height: 40px; }
#news .relation {
  margin: 20px 0 20px;
  line-height: 25px; }
  #news .relation dl dt {
    color: #f90;
    font-weight: 800;
    margin-bottom: 5px; }
#news .back-list {
  display: block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  margin: 30px auto;
  background: #f60;
  color: #fff;
  text-align: center;
  border-radius: 3px; }
  #news .back-list:hover {
    background: #f90; }
#news .flexslider {
  height: 350px;
  overflow: hidden;
  margin-top: 20px; }
  #news .flexslider .slides > li img {
    width: 940px;
    margin-left: -470px; }
#news .main .nav {
  border: 1px solid #eaeaea;
  margin-top: 20px;
  width: 938px; }
  #news .main .nav dl {
    width: 100%;
    line-height: 40px;
    border-bottom: 1px dotted #eaeaea;
    background: #f8f8f8; }
    #news .main .nav dl.last {
      border: 0; }
    #news .main .nav dl dt {
      float: left;
      display: inline;
      width: 90px;
      height: 40px;
      color: #999;
      font-weight: bold;
      text-align: center; }
    #news .main .nav dl dd {
      float: left;
      display: inline;
      width: 847px;
      background: #fff;
      border-left: 1px solid #eaeaea; }
      #news .main .nav dl dd a {
        float: left;
        display: inline;
        width: 80px;
        padding-left: 20px; }
        #news .main .nav dl dd a.active {
          color: #f60;
          font-weight: bold; }
#news .main .lists {
  width: 940px;
  overflow: hidden; }
  #news .main .lists li {
    padding: 20px 0 40px !important; }
    #news .main .lists li .thumb {
      float: left;
      display: inline;
      width: 310px;
      height: 200px;
      overflow: hidden; }
      #news .main .lists li .thumb img {
        width: 310px; }
    #news .main .lists li dl {
      float: right;
      display: inline;
      width: 600px; }
      #news .main .lists li dl dt {
        font-size: 20px;
        color: #333;
        line-height: 40px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px; }
        #news .main .lists li dl dt .time {
          float: right;
          display: inline;
          font-size: 12px;
          color: #999; }
      #news .main .lists li dl dd {
        padding: 15px 0; }
        #news .main .lists li dl dd .more {
          display: inline-block;
          *display: inline;
          *zoom: 1;
          line-height: 36px;
          padding: 0 20px;
          background: #00b38c;
          color: #fff;
          border-radius: 4px; }
          #news .main .lists li dl dd .more:hover {
            background: #61cfb7; }
#news .empty {
  text-align: center;
  line-height: 40px;
  margin: 20px 0;
  color: #f60;
  font-size: 14px; }

#case .banner {
  height: 250px;
  overflow: hidden;
  position: relative; }
  #case .banner img {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -960px; }
#case .nav {
  border: 1px solid #eaeaea;
  margin-top: 20px;
  width: 1198px; }
  #case .nav dl {
    width: 100%;
    line-height: 40px;
    border-bottom: 1px dotted #eaeaea;
    background: #f8f8f8; }
    #case .nav dl.last {
      border: 0; }
    #case .nav dl dt {
      float: left;
      display: inline;
      width: 90px;
      height: 40px;
      color: #999;
      font-weight: bold;
      text-align: center; }
    #case .nav dl dd {
      float: left;
      display: inline;
      width: 1107px;
      background: #fff;
      border-left: 1px solid #eaeaea; }
      #case .nav dl dd a {
        float: left;
        display: inline;
        width: 80px;
        padding-left: 20px; }
        #case .nav dl dd a.active {
          font-weight: bold;
          color: #f60; }
#case .hot {
  line-height: 40px;
  margin-top: 10px;
  font-size: 0; }
  #case .hot b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-radius: 3px;
    vertical-align: middle;
    background: #f00;
    color: #fff;
    width: 91px;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    height: 30px; }
  #case .hot a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 80px;
    padding-left: 20px;
    font-size: 12px; }
    #case .hot a.active {
      font-weight: bold;
      color: #f60; }
#case .lists {
  margin: 30px 0; }
  #case .lists ul {
    width: 1230px; }
    #case .lists ul li {
      float: left;
      display: inline;
      width: 380px;
      padding: 0 30px 50px 0; }
      #case .lists ul li .thumb {
        display: block;
        width: 380px;
        height: 285px;
        overflow: hidden; }
        #case .lists ul li .thumb img {
          width: 380px; }
      #case .lists ul li dl dt {
        font-size: 16px;
        line-height: 40px;
        padding: 5px 0 10px; }
        #case .lists ul li dl dt span {
          float: right;
          display: inline;
          font-size: 12px;
          color: #999; }
      #case .lists ul li dl dd {
        line-height: 25px;
        font-size: 12px;
        height: 50px;
        padding: 15px 0 0; }
        #case .lists ul li dl dd .avatar {
          float: left;
          display: inline;
          margin: -10px 15px 0 0; }
          #case .lists ul li dl dd .avatar img {
            width: 70px;
            height: 70px;
            border-radius: 100%; }
        #case .lists ul li dl dd .btn {
          float: right;
          display: inline;
          width: 80px;
          height: 32px;
          line-height: 32px;
          text-align: center;
          color: #fff;
          background: #00b38c;
          font-size: 12px;
          margin-top: 9px;
          border-radius: 3px; }
          #case .lists ul li dl dd .btn:hover {
            background: #00cca0; }
#case .relation h3 {
  font-size: 16px;
  line-height: 40px;
  color: #666;
  font-weight: 400;
  border-bottom: 1px solid #dbdbdb; }
#case .relation ul {
  width: 1224px; }
  #case .relation ul li {
    float: left;
    display: inline;
    width: 282px;
    overflow: hidden;
    padding: 20px 24px 20px 0 !important; }
    #case .relation ul li a {
      line-height: 40px;
      font-size: 16px; }
      #case .relation ul li a span {
        float: right;
        display: inline;
        font-size: 12px;
        color: #999; }
      #case .relation ul li a.thumb {
        display: block;
        width: 282px;
        height: 210px;
        overflow: hidden;
        margin-bottom: 10px; }
        #case .relation ul li a.thumb img {
          width: 282px; }

#team .banner {
  height: 250px;
  overflow: hidden;
  position: relative; }
  #team .banner img {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -960px; }
#team .lists {
  width: 940px;
  overflow: hidden; }
  #team .lists ul li {
    width: 920px;
    background: #f8f8f8;
    margin: 20px 0 !important;
    float: left;
    display: inline;
    padding: 10px !important; }
    #team .lists ul li .avatar {
      width: 200px;
      height: 248px;
      overflow: hidden; }
      #team .lists ul li .avatar img {
        width: 200px; }
    #team .lists ul li .case {
      width: 340px;
      height: 248px;
      overflow: hidden;
      margin-top: 0; }
      #team .lists ul li .case img {
        width: 340px; }
    #team .lists ul li dl {
      width: 340px;
      margin-left: 20px; }
      #team .lists ul li dl dt {
        line-height: 40px;
        border-bottom: 1px dashed #dbdbdb;
        font-size: 18px;
        color: #333;
        margin-bottom: 10px; }
        #team .lists ul li dl dt span {
          font-size: 12px;
          color: #666;
          margin-left: 10px; }
      #team .lists ul li dl dd {
        line-height: 30px;
        color: #f60; }
        #team .lists ul li dl dd label {
          float: left;
          display: inline;
          width: 70px;
          color: #999; }
        #team .lists ul li dl dd .more {
          display: block;
          margin-top: 15px;
          width: 100px;
          height: 36px;
          line-height: 36px;
          text-align: center;
          color: #fff;
          background: #00b38c;
          border-radius: 3px; }
          #team .lists ul li dl dd .more:hover {
            background: #00cca0; }
#team .show {
  width: 940px;
  margin-top: 20px; }
  #team .show .avatar {
    width: 320px;
    overflow: hidden; }
    #team .show .avatar img {
      width: 280px; }
  #team .show dl {
    width: 620px; }
    #team .show dl dt {
      line-height: 40px;
      border-bottom: 1px dashed #dbdbdb;
      font-size: 18px;
      color: #333;
      margin-bottom: 10px; }
      #team .show dl dt span {
        font-size: 12px;
        color: #666;
        margin-left: 10px; }
    #team .show dl dd {
      line-height: 30px;
      color: #666; }
      #team .show dl dd label {
        float: left;
        display: inline;
        width: 70px;
        color: #999; }
      #team .show dl dd .more {
        display: block;
        margin-top: 15px;
        width: 100px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        color: #fff;
        background: #00b38c;
        border-radius: 3px; }
        #team .show dl dd .more:hover {
          background: #00cca0; }
#team .case {
  width: 940px;
  margin-top: 50px; }
  #team .case .title h3 {
    position: relative;
    height: 50px;
    font-size: 20px;
    font-weight: 400; }
    #team .case .title h3 i {
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: 1px;
      background: #ccc;
      overflow: hidden;
      z-index: 1; }
    #team .case .title h3 span {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      padding: 0 50px;
      background: #fff;
      position: relative;
      top: 0;
      line-height: 50px;
      height: 50px;
      z-index: 2;
      color: #333; }
  #team .case .lists {
    width: 940px;
    overflow: hidden; }
    #team .case .lists ul {
      width: 960px; }
      #team .case .lists ul li {
        background: none;
        width: 300px;
        padding: 0 20px 20px 0 !important;
        line-height: 40px;
        font-size: 14px;
        text-align: center; }
        #team .case .lists ul li a .thumb {
          width: 300px; }

#store .flexslider {
  height: 350px;
  overflow: hidden;
  margin-top: 20px; }
  #store .flexslider .slides > li img {
    width: 940px;
    margin-left: -470px; }
#store .main {
  width: 940px; }
  #store .main .nav {
    border: 1px solid #eaeaea;
    margin-top: 20px;
    width: 938px; }
    #store .main .nav dl {
      width: 100%;
      line-height: 40px;
      border-bottom: 1px dotted #eaeaea;
      background: #f8f8f8; }
      #store .main .nav dl.last {
        border: 0; }
      #store .main .nav dl dt {
        float: left;
        display: inline;
        width: 90px;
        height: 40px;
        color: #999;
        font-weight: bold;
        text-align: center; }
      #store .main .nav dl dd {
        float: left;
        display: inline;
        width: 847px;
        background: #fff;
        border-left: 1px solid #eaeaea; }
        #store .main .nav dl dd a {
          float: left;
          display: inline;
          width: 80px;
          padding-left: 20px; }
          #store .main .nav dl dd a.active {
            font-weight: bold;
            color: #f60; }
  #store .main .lists {
    margin-top: 20px;
    width: 940px;
    overflow: hidden; }
    #store .main .lists ul {
      width: 960px; }
      #store .main .lists ul li {
        float: left;
        display: inline;
        width: 300px;
        padding: 0 20px 40px 0; }
        #store .main .lists ul li .thumb {
          width: 300px;
          overflow: hidden; }
          #store .main .lists ul li .thumb img {
            width: 300px; }
        #store .main .lists ul li dl {
          line-height: 20px;
          color: #999;
          margin-top: 10px; }
          #store .main .lists ul li dl dt {
            font-size: 18px;
            line-height: 40px;
            color: #333; }
    #store .main .lists .empty {
      text-align: center;
      line-height: 40px;
      margin: 20px 0;
      color: #f60;
      font-size: 14px; }

#art .banner {
  height: 250px;
  overflow: hidden;
  position: relative; }
  #art .banner img {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -960px; }
#art .nav {
  text-align: center;
  font-size: 0;
  padding: 20px 0; }
  #art .nav a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 36px;
    padding: 0 20px;
    background: #efefef;
    color: #666;
    margin: 0 5px;
    font-size: 12px;
    border-radius: 4px; }
    #art .nav a:hover, #art .nav a.active {
      background: #00b38c;
      color: #fff; }
#art .content {
  padding: 20px;
  line-height: 30px; }
  #art .content p {
    margin-bottom: 20px; }

.overflow-visible {
  overflow: visible; }

@media screen and (max-width: 1300px) {
  #default .team .nav .prev,
  #default .team .nav .next {
    display: none; } }

/*# sourceMappingURL=style.css.map */