@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.svg") format("svg");
  
  font-family: 'UUSUNInchike';
  src: url('../fonts/uusuninchike.eot');
  src: url('../fonts/uusuninchike.woff') format('woff'), url('../fonts/uusuninchike.ttf') format('truetype'), url('../fonts/uusuninchike.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'impact';
  src: url('../fonts/impact.eot');
  src: url('../fonts/impact.woff') format('woff'), url('../fonts/impact.ttf') format('truetype'), url('../fonts/impact.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}	
	
/* =======================================================
*
*   Template Style 
* Edit this section
*
* ======================================================= */
body {
  font-family: "微软雅黑", Arial, serif;
  line-height: 1.8;
  font-size: 16px;
  background: #fff;
  color: #202020;
  font-weight: 300;
  overflow-x: hidden;
  margin:0;

}
body.fh5co-offcanvas {
  overflow: hidden;
}
img{margin:0;padding: 0;border:none;}
a {
  text-decoration: none !important;
  color: #202020;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
a:hover {  color: #00ADB5 !important;
}

p, ul, ol {
 /* font-size: 16px;*/
  color: #202020;
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  color: #202020;
  font-weight: 400;
  margin: 0 0 30px 0;
}

figure {
  margin-bottom: 2em;
}

::-webkit-selection {
  color: #fcfcfc;
  background: #00ADB5;
}

::-moz-selection {
  color: #fcfcfc;
  background: #00ADB5;
}

::selection {
  color: #fcfcfc;
  background: #00ADB5;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container{width: 1200px;margin: 0 auto;text-align: center;}
@media (max-width: 1200px){
.container {width: 100%;padding:0 15px;}
}

.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: #4cae4c !important;
  border-color: #4cae4c !important;
}
.btn-success.btn-outline {
  background: transparent;
  color: #5cb85c;
  border: 2px solid #5cb85c;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
  background: #5cb85c;
  color: #fff;
}

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background: #46b8da !important;
  border-color: #46b8da !important;
}
.btn-info.btn-outline {
  background: transparent;
  color: #5bc0de;
  border: 2px solid #5bc0de;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
  background: #5bc0de;
  color: #fff;
}

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background: #eea236 !important;
  border-color: #eea236 !important;
}
.btn-warning.btn-outline {
  background: transparent;
  color: #f0ad4e;
  border: 2px solid #f0ad4e;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
  background: #f0ad4e;
  color: #fff;
}

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background: #d43f3a !important;
  border-color: #d43f3a !important;
}
.btn-danger.btn-outline {
  background: transparent;
  color: #d9534f;
  border: 2px solid #d9534f;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
  background: #d9534f;
  color: #fff;
}



#fh5co-header {
  position: relative;
  margin-bottom: 0;
  z-index: 999;
}

.fh5co-cover,
.fh5co-hero {
  position: relative;
  height: 800px;
}
@media screen and (max-width: 768px) {
  .fh5co-cover,
  .fh5co-hero {
    height: 645px;
  }
}
.fh5co-cover.fh5co-hero-2,
.fh5co-hero.fh5co-hero-2 {
  height: 600px;
}
.fh5co-cover.fh5co-hero-2 .fh5co-overlay,
.fh5co-hero.fh5co-hero-2 .fh5co-overlay {
  position: absolute !important;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
}

.fh5co-overlay {
  position: absolute !important;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}

.fh5co-cover {
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 768px) {
  .fh5co-cover {
    heifght: inherit;
    padding: 3em 0;
  }
}
.fh5co-cover .btn {
  padding: 1em 2em;
  opacity: .9;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}
.fh5co-cover.fh5co-cover_2 {
  height: 600px;
}
@media screen and (max-width: 768px) {
  .fh5co-cover.fh5co-cover_2 {
    heifght: inherit;
    padding: 3em 0;
  }
}
.fh5co-cover .desc {
  top: 50%;
  position: absolute;
  width: 100%;
  margin-top: -100px;
  z-index: 2;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .fh5co-cover .desc {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.fh5co-cover .desc h2 {
  color: #fff;
  font-size: 55px;
  font-weight: 300;
  margin-bottom: 10px;
  line-height: 60px;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .fh5co-cover .desc h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
.fh5co-cover .desc span {
  display: block;
  margin-bottom: 25px;
  font-size: 24px;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.8);
}
.fh5co-cover .desc span i {
  color: #151f2c;
}
.fh5co-cover .desc span a {
  color: rgba(255, 255, 255, 0.8);
}
.fh5co-cover .desc span a:hover, .fh5co-cover .desc span a:focus {
  color: #fff !important;
}
.fh5co-cover .desc span a.fh5co-site-name {
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

/* Superfish Override Menu */
.sf-menu {
  margin: 0 !important;
}

.sf-menu {
  float: right;
}

.sf-menu ul {
  box-shadow: none;
  border: transparent;
  min-width: 12em;
  *width: 12em;
}

.sf-menu a {
  color: #58585a;
 /* padding: 2.9em 0 !important; */ padding: 42px 0 0 0 !important;
  font-weight: normal;
  border-left: none;
  border-top: none;
  border-top: none;
  text-decoration: none;zoom:1;
  font-size: 14px;
  border-bottom: 2px soild #2eb2c9;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0em 0 3.2em !important;
}
.sf-menu a:hover, .sf-menu a:focus, .sf-menu a.active {
  color: #2eb2c9 !important;
/*  border-bottom: 2px solid #2eb2c9;*/
}
.sf-menu a:after {
  content: "";
  display: block;
  width: 0;
  margin-top:41px;
  height: 2px;
  background-color: #2eb2c9;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sf-menu a:hover:after,.sf-menu a.active:after {
  width: 100%;
}

.sf-menu li,
.sf-menu ul li,
.sf-menu ul ul li,
.sf-menu li:hover,
.sf-menu li.sfHover {
  background: transparent;
}

.sf-menu ul li a,
.sf-menu ul ul li a {
  text-transform: none;
  padding: 0.25em 1em !important;
  letter-spacing: 1px;
}

.sf-menu li:hover a,
.sf-menu li.sfHover a,
.sf-menu ul li:hover a,
.sf-menu ul li.sfHover a,
.sf-menu li.active a {
  color: #000;
}

.sf-menu ul li:hover,
.sf-menu ul li.sfHover {
  background: transparent;
}

.sf-menu ul li {
  background: transparent;
}

.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em;
}

.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #ccc;
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: #ccc;
}

.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #ccc;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: #ccc;
}

#fh5co-header-section {
  background: white;
  padding: 0;
  width: 100%;
  -webkit-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
  -ms-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
  -o-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
}
@media screen and (max-width: 768px) {
  #fh5co-header-section {
    padding: 2.2em 0;
  }
}

.nav-header {
  position: relative;
  float: left;
  width: 100%;
}

#fh5co-logo {
  float: left;
  margin-bottom: 0;
  margin-top:36px;
}
#fh5co-logo a{
  position: relative;display:inline-block;
}  
#fh5co-logo span {
  padding: 0;
  margin: 0;
  font-weight: 100;
}
@media screen and (max-width: 768px) {

 
  #fh5co-logo {width: 100%;float: none;margin-top: -21px;text-align: left;height:50px;}
  #fh5co-logo a{height:50px;}#fh5co-logo img{max-width: 100%; height:auto;}
  
  
}

#fh5co-menu-wrap {
  position: relative;
  z-index: 2;
  display: block;
  float: right;
}

#fh5co-primary-menu > li > ul li.active > a {
  color: #00ADB5 !important;
}
#fh5co-primary-menu > li > .sf-with-ul:after {
  border: none !important;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  float: right;
  margin-right: 3px;
  top: 50%;
  margin-top: -7px;
  content: "\e922";
  color: rgba(0, 0, 0, 0.4);
}
#fh5co-primary-menu > li > .sf-with-ul:hover:after, #fh5co-primary-menu > li > .sf-with-ul:focus:after {
  color: #fff !important;
}
#fh5co-primary-menu > li > .sf-with-ul.active:after {
  color: white;
}
#fh5co-primary-menu > li > ul li {
  position: relative;
}
#fh5co-primary-menu > li > ul li > .sf-with-ul:after {
  border: none !important;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  float: right;
  margin-right: 10px;
  top: 20px;
  font-size: 16px;
  content: "\e924";
  color: rgba(0, 0, 0, 0.5);
}

#fh5co-primary-menu .fh5co-sub-menu {
  padding: 10px 7px 10px;
  background: #fff;
  left: 0;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
#fh5co-primary-menu .fh5co-sub-menu > li > .fh5co-sub-menu {
  left: 100%;
}

.site-header.has-image #primary-menu .sub-menu {
  border-color: #ebebeb;
  -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
  -ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
  -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
  box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
}
.site-header.has-image #primary-menu .sub-menu:before {
  display: none;
}

#fh5co-primary-menu .fh5co-sub-menu a {
  letter-spacing: 0;
  padding: 0 15px;
  font-size: 16px;
  line-height: 34px;
  color: #575757 !important;
  text-transform: none;
  background: none;
}
#fh5co-primary-menu .fh5co-sub-menu a:hover {
  color: #00ADB5 !important;
  background: none !important;
}

#fh5co-hero {
  min-height: 645px;
  background: #fff url(../images/loader.gif) no-repeat center center;
}
#fh5co-hero .btn {
  font-size: 24px;
}
#fh5co-hero .btn.btn-primary {
  padding: 14px 30px !important;
}
#fh5co-hero .flexslider {
  border: none;
  z-index: 1;
  margin-bottom: 0;
  overflow: hidden;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  min-height: 645px;
}
#fh5co-hero .flexslider .slides {
  position: relative;
  overflow: hidden;
}
#fh5co-hero .flexslider .slides li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  min-height: 645px;
  position: relative;
}

#fh5co-hero .flexslider .flex-control-nav {
  bottom: 40px;
  z-index: 1000;
}
#fh5co-hero .flexslider .flex-control-nav li a {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: none;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
#fh5co-hero .flexslider .flex-control-nav li a.flex-active {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7);
}
#fh5co-hero .flexslider .flex-direction-nav {
  display: none;
}
#fh5co-hero .flexslider .slider-text {
  display: table;
  opacity: 0;
  min-height: 645px;
  z-index: 9;
}
#fh5co-hero .flexslider .slider-text a:hover {
  color: #fff !important;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner {
  display: table-cell;
  vertical-align: middle;
  min-height: 645px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
  font-size: 60px;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
    font-size: 40px;
  }
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner p .btn:hover {
  color: #fff !important;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead {
  font-size: 20px;
  color: #fff;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead .icon-heart {
  color: #d9534f;
}

#fh5co-services-section,
#fh5co-pricing-section,
#fh5co-blog-section,
.fh5co-counters,
#fh5co-about-section,
#fh5co-contact-section {
/*  padding: 7em 0;*/
}

.fh5co-portfolio-section {
  padding-top: 7em;
}

#fh5co-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
}
.grey-bg {
  background: #f8f8f8;
}

.col-half {
  width: 50%;
  float: left;
}
@media screen and (max-width: 992px) {
  .col-half {
    width: 100%;
  }
}
.col-half.col-half-2 {
  padding: 7em 3em;
}
.col-half .btn-outline {
  background: none;
  border: 2px solid #fff !important;
  font-size: 16px;
  color: #fff;
}
.col-half .btn-outline:hover {
  background: transparent !important;
  color: #fff !important;
}
.col-half .btn-outline:hover i {
  color: #fff !important;
}
.col-half h2 {
  font-weight: 400;
  margin-bottom: 2em;
}
.col-half .featured-inner {
  margin-bottom: 40px;
}
.col-half .featured-inner i {
  float: left;
  font-size: 40px;
  color: #00ADB5;
}
.col-half .featured-inner .desc {
  padding-left: 5em;
}
.col-half .featured-inner .desc h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
.col-half.col-half-color {
  background: #00ADB5;
}
.col-half.col-half-color h2, .col-half.col-half-color h3, .col-half.col-half-color p {
  color: #fff;
}
.col-half.col-half-color p {
  color: rgba(255, 255, 255, 0.9);
}
.col-half.col-half-color .row-half {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  margin: 0;
  overflow: hidden;
}
.col-half.col-half-color .row-half .col-half-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  background-size: cover;
  background-position: center center;
  position: relative;
  width: 50%;
  min-height: 350px;
}
@media screen and (max-width: 480px) {
  .col-half.col-half-color .row-half .col-half-inner {
    width: 100%;
  }
}
.col-half.col-half-color .row-half .col-half-inner.col-half-inner-bg {
  background: #F36363 !important;
}
.col-half.col-half-color .row-half .col-half-inner.col-half-inner-bg2 {
  background: #046FDB !important;
}
.col-half.col-half-color .row-half .col-half-inner .desc {
  padding: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
}
.col-half.col-half-color .row-half .col-half-inner .desc blockquote {
  border: none;
  padding: 0;
}
.col-half.col-half-color .row-half .col-half-inner .desc blockquote .client {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
}
.col-half.col-half-color .row-half .grid-item {
  overflow: hidden;
}
.col-half.col-half-color .row-half .grid-item:after {
  position: absolute;
  background: rgba(0, 173, 181, 0.7) !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: 1;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.col-half.col-half-color .row-half .grid-item .desc2 {
  padding: 30px;
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  z-index: 9;
  opacity: 0;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.col-half.col-half-color .row-half .grid-item .desc2 h3 {
  margin-bottom: 10px;
}
.col-half.col-half-color .row-half .grid-item .desc2 span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}
.col-half.col-half-color .row-half .grid-item:hover:after, .col-half.col-half-color .row-half .grid-item:focus:after {
  opacity: 1 !important;
}
.col-half.col-half-color .row-half .grid-item:hover .desc2, .col-half.col-half-color .row-half .grid-item:focus .desc2 {
  bottom: 5px;
  opacity: 1;
}

.fullSlide {width:100%;position:relative;height:100%;z-index:0;clear: both;}
.fullSlide .bd {margin:0 auto;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;margin: 0 auto;padding: 0;}
.fullSlide .bd li {width:100% !important;overflow:hidden;text-align:center;list-style-type:none;}
.fullSlide .bd li img{width:100%;}

.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;}
.fullSlide .hd ul {text-align:center;width: 100%;display:table;margin:0 auto;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;line-height:99999px;margin:0 8px;overflow:hidden;border-radius:7px; border:2px solid #d0d0d0;}
.fullSlide .hd ul .on {border-color:#2eb2c9;}


/*服务*/
.services-heading {margin-bottom: 1.5em;margin-top:80px;}
.services-heading i {font-size: 40px;color: #00ADB5;padding: 10px;display: block;margin-bottom: 20px;}
.services-heading h2 {font-size: 32px;margin:0;}
.services-heading p{font-size:32px;font-family: "UUSUNInchike", Arial, serif;margin:0 auto;}

.banner_serviceB{width:100%;margin:0 auto;text-align:center; padding:0 40.5px;}
.services {width:320px;float:left;margin-right:53px;height:337px;    padding: 50px 30px 40px 30px;margin-bottom:90px;position: relative; background-color: #fff;border-bottom:2px solid #2eb2c9;
  -webkit-border-radius:  5px 5px 0 0;
  -moz-border-radius:   5px 5px 0 0;
  -ms-border-radius:  5px 5px 0 0;
  border-radius:  5px 5px 0 0;
    -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;}
.services span {display: block;margin-top: 2em;margin-bottom: 2em;}
.services span i { width:60px;height:60px;display:block;margin: 0 auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;}
.services h3 {font-size: 20px;color: #2e2c2a;margin-bottom:15px;}
.services p {font-size: 14px;color: #6c6c6c;line-height:26px;height:78px;}

.services span .Laptop_icon {background: url(../images/laptop_icon.png) no-repeat 0 0;background-size:100%;}
.services span .team_icon {background: url(../images/team_icon.png) no-repeat 0 0;background-size:100%;}
.services span .case_icon {background: url(../images/case_icon.png) no-repeat 0 0;background-size:100%;}
.services:hover{background-color:#2eb2c9; }
.services:hover h3,.services:hover p {color: #fff;}
.services:hover span .Laptop_icon {background: url(../images/laptop_icon.png) no-repeat 0 bottom;background-size:100%;}
.services:hover span .team_icon {background: url(../images/team_icon.png) no-repeat 0 bottom;background-size:100%;}
.services:hover span .case_icon {background: url(../images/case_icon.png) no-repeat 0 bottom;background-size:100%;}


/*service_a*/
.Service_a{margin-top:-15px; height:auto; overflow:hidden; padding-bottom:42px;}
.Service_a .service_box{width:1200px; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.Service_a .service_box .left_img{width:550px; float:left;}
.Service_a .service_box .right_img{width:550px; float:right;}
.Service_a .service_box .left_img img,.Service_a .service_box .right_img img{width:100%;}
.Service_a .service_box .right_content{padding-left:12px; width:545px; float:left;}
.Service_a .service_box .left_content{margin-left:62px; width:545px; float:left;}
.Service_a .service_box .title{font-size:20px; color:#707070; margin:0; line-height:32px; padding:15px 0; text-align:left;}
.Service_a .service_box .content{font-size:14px; color:#aaaaaa; line-height:30px; text-align:left;}
.Service_a .service_box .service_1{margin-top:61px;}
.Service_a .service_box .service_2{margin-top:50px;}
.Service_a .service_box .service_3{margin-top:113px;}
.Service_a .box_01{ margin-bottom:76px;}
.Service_a .box_03{ margin-top:-27px;}


@media screen and (max-width: 1200px) {
/*服务*/
.services-heading {margin-bottom: 1.5em;margin-top:3em;}
.services-heading i {font-size: 40px;color: #00ADB5;padding: 10px;display: block;margin-bottom: 20px;}
.services-heading h2 {font-size: 2em;margin:0;}
.services-heading p{font-size: 2em;font-family: "UUSUNInchike", Arial, serif;}
.banner_serviceB{width: calc(100% + 53px);margin:0 auto;text-align:center;padding:0;}
.services {margin-bottom:90px;padding: 50px 30px 40px 30px;width: calc(100% / 3 - 53px);height:100%;position: relative;margin-right:53px}
.services span {display: block;margin-top: 2em;margin-bottom: 2em;}
.services h3 {font-size: 1.25em;color: #2e2c2a;margin-bottom:1.5em;}
.services p {font-size: 0.875em;color: #6c6c6c;}

/*service_a*/
.Service_a .service_box{width:100%; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.Service_a .service_box .left_img{width:45%; float:left;}
.Service_a .service_box .right_img{width:45%; float:right;}
.Service_a .service_box .right_content{padding-left:12px; width:calc(55% - 12px); float:left;}
.Service_a .service_box .left_content{margin-left:62px; width:calc(55% - 62px); float:left;}
.Service_a .service_box .service_1{margin-top:3vw;}
.Service_a .service_box .service_2{margin-top:3px;}
.Service_a .service_box .service_3{margin-top:3px;}
.Service_a .box_01{ margin-bottom:5em;}
.Service_a .box_03{ margin-top:5em;}

}
@media screen and (max-width: 768px) {
#fh5co-services-section{padding: 0;}
.banner_serviceB{width:100%;margin:0 auto;text-align:center;padding:0;padding-bottom: 2em;}
.services {float:none;margin-right:0;}
.services-heading {margin-bottom: 1em;}
.services-heading h2 {font-size: 1.5em;margin-bottom:0.5em;}
.services-heading p{font-size: 1.5em;line-height:0.8em;}
.services h3 {font-size: 2em; margin-bottom:0.5em;}
.services {padding: 0.5em;margin:3% 0%;width: 100%;}
.services span { margin-top: 0.2em; margin-bottom: 0.2em;}
.services span i {width:40px;height:40px;}
.services h3 {font-size: 1em;margin-bottom:0.5em;}
.services p {font-size: 0.75em;margin-bottom:0;}

/*service_a*/
.Service_a .service_box .service_1{margin-top:0px;}
.Service_a .service_box .service_2{margin-top:0px;}
.Service_a .service_box .service_3{margin-top:0px;}
}

@media screen and (max-width: 640px){
/*service_a*/
.Service_a .service_box .left_img{width:100%; float:none;}
.Service_a .service_box .right_img{width:100%; float:none;}
.Service_a .service_box .right_content{padding-left:0; width:100%; float:none;}
.Service_a .service_box .left_content{margin-left:0; width:100%; float:none;}
	}
/*services2*/
.color-box-1{background-color: #12b8ec;}
.color-box-2{background-color: #27c9f7;}
.color-box-3{background-color: #52d4f9;}
.color-box-4{background-color: #0fd4a9;}
.color-box-5{background-color: #3fddba;}
.services2 {padding: 5em 0 1.5em 0;width:20%;float:left;text-align:center;}
.services2 span img {width:34.6%;width:70px;margin-top: 0.2em;margin-bottom: 2.1em;}
.services2 h3 {font-size: 1.25em;color: #fff;margin-bottom:0.7em;}
.services2 p {font-size: 0.875em;color: #fff;margin-bottom: 2em;}
.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "微软雅黑", Arial, serif;
  font-size: 16px;
  font-weight: 400;
 /* -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;*/
}
.btn.btn-lg {
  padding: 10px 37px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
  color: #fff !important;
}
.btn-primary {
  color: #fff;
  border: 1px solid #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #00c5cf !important;
  border-color: #00c5cf !important;
}

@media screen and (max-width: 1200px) {
/*services2*/
#fh5co-services2-section{}
.color-box-1{background-color: #12b8ec;}
.color-box-2{background-color: #27c9f7;}
.color-box-3{background-color: #52d4f9;}
.color-box-4{background-color: #0fd4a9;}
.color-box-5{background-color: #3fddba;}
.services2 {padding: 5em 0 1.5em 0;}
.services2 span img {width:34.6%;width:70px;margin-top: 0.2em;margin-bottom: 2.1em;}
.services2 h3 {font-size: 1.25em;color: #fff;margin-bottom:0.7em;}
.services2 p {font-size: 0.875em;color: #fff;margin-bottom: 2em;}
.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "微软雅黑", Arial, serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn.btn-lg {
  padding: 10px 37px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
  color: #fff !important;
}
.btn-primary {
  color: #fff;
  border: 1px solid #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #00c5cf !important;
  border-color: #00c5cf !important;
}
}
@media screen and (max-width: 992px) {
.services2 {padding: 2em 0 0.5em 0;width: 50%;}
.services2 span img {width:50px;margin-top: 0.2em;margin-bottom: 1.1em;}
.services2 h3 {font-size: 1em;margin-bottom:0.3em;}
.services2 p {font-size: 0.75em;margin-bottom: 1em;}
.btn.btn-lg {padding: 5px 36px !important;}
}

@media screen and (max-width: 480px) {
.services2 {width: 100%;}
}


/*case*/
.index-heading {margin-bottom:37px;;padding-top:72px;}
.index-heading h1 {font-size:40px;margin:0;color:#2eb2c9;font-family: "UUSUNInchike", Arial, serif;text-transform:uppercase;}
.index-heading h2 {font-size: 22px;margin:0;color:#202020;margin-bottom:30px;}
.index-heading p{font-size: 14px;color:#989898;}
@media screen and (max-width:640px) {
.index-heading {margin-bottom: 2.35em;padding-top:5.8em;}
.index-heading h1 {font-size: 1.7em;margin:0;color:#2eb2c9;font-family: "UUSUNInchike", Arial, serif;text-transform:uppercase;}
.index-heading h2 {font-size: 1.2em;margin:0;}
.index-heading p{font-size: 0.875em;color:#989898;}
}
.case_Listbox{width:1210.5px;}
.case{overflow:hidden;height:auto;width:393px;text-align:left;float:left;margin-right:10.5px;margin-bottom: 10px;}
.case h3 {font-size: 16px;color: #505050;margin:0 auto;font-weight:700;margin-top:14px;}
.case p {font-size: 14px;overflow:hidden;margin:0 auto;line-height:26px;height:26px;color: #868686;margin-bottom: 14px;}
.case .img{overflow:hidden;max-height: 245px;max-width: 393px}
.case img{width: 100%;}
.case,.case p,.case h3,.case img{  
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
  -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); 
  -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
} 
.case:hover img{-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.case:hover{background-color:#2eb2c9;}
.case:hover h3,.case:hover p {color:#fff;text-indent: 15px;}
.M{text-align: center;margin:61px 0 83px 0;}
@media screen and (max-width: 1200px) {
/*case*/
.case_Listbox{width: calc(100% + 10.5px);}
.case{overflow:hidden;height:auto;width: calc(100% / 3 - 10.5px);margin-right:10.5px;margin-bottom: 10px;}
.case h3 {font-size: 16px;color: #505050;margin-top:14px;}
.case p {font-size: 14px;overflow:hidden;line-height:26px;height:26px;margin-bottom: 14px;}
}
@media screen and (max-width: 640px) {
.index-heading {margin-bottom: 1.5em;padding-top:3em;}
.case .img{overflow:hidden;width:100%;max-height: 675px;max-width: 992px;}
.case span img {width:50px;margin-top: 0.2em;margin-bottom: 1.1em;}

.case_Listbox{width: calc(100% + 1em);}
.case{overflow:hidden;height:auto;width: calc(100% / 2 - 1em);margin-right:1em;margin-bottom: 0.5em;}
.case h3 {font-size: 1em;color: #505050;margin-top:14px;}
.case p {font-size: 0.875em;overflow:hidden;line-height:1.5em;height:1.5em;margin-bottom: 0.875em;}
.M{margin:1em 0 2em 0;}
.btn-outline {padding: 10px 47px !important;}
}
.btn-primary.btn-outline {
  background: transparent;
  color: #2eb2c9;
  border: 1px solid #2eb2c9;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: transparent;
  color: #fff !important;
}
.btn-outline {
  background: none;
  border: 1px solid #2eb2c9;
  font-size: 14px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 12px 57px !important;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
}

.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn.with-arrow i {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -6px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn.with-arrow:hover {
  padding-right: 70px !important;
}
.btn.with-arrow:hover i {
  color: #fff;
  right: 18px;
  visibility: visible;
  opacity: 1;
}



/*about*/
.about{background: url(../images/about_bg.png) no-repeat center bottom #F8F8F8;min-height:567px;}
.about .index-heading {margin-bottom: 40px;padding-top:77px;}
.about .index-heading h1 {font-size: 40px;margin:0;color:#2eb2c9;font-family: "UUSUNInchike", Arial, serif;text-transform:uppercase;    height: 50px;}
.about .index-heading h3 {font-size: 22px;margin:0;margin-bottom: 38px;}
.about .index-heading p{font-size: 14px;line-height:34px;margin:0;color:#6c6c6c;}
.M2{text-align: center;margin:0 0 80px 0;}
.about .btn-outline {padding: 8px 36px !important;}
@media screen and (max-width: 992px){
.about .index-heading {margin-bottom: 2.35em;padding-top:3em;}
.about .index-heading h1 {font-size: 1.7em;}
.about .index-heading h3 {font-size: 1.2em;}
.about .index-heading p{font-size: 0.875em;}
.M2{text-align: center;margin:1.5em 0 8em 0;}
.about .btn-outline {padding: 10px 47px !important;}
}



/*counters*/
.fh5co-counters {
  overflow:hidden;
  padding: 7em 0;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background:url(../images/counter_bg.jpg) no-repeat center top;
  height:405px;
}
.fh5co-counters .counter_item{width:300px;float:left;}
.fh5co-counters .fh5co-counter {
  font-size: 58px;
  display: block;
  color: #fff;
  font-family: 'UUSUNInchike', Arial, serif;
  width: 100%;
  font-weight: 400;
  line-height: 1em;
  text-align:center;
  margin: 0 auto;
}
.fh5co-counters .fh5co-counter-label {
  color: #bdbdbd;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 2em;
  display: block;
  text-align:center;
  margin: 0 auto;
}

.fh5co-counters .counter-i{display: block;margin-top: 2em;margin-bottom: 2em;}
.fh5co-counters .counter-i i { width:73px;height:53px;display:block;margin: 0 auto;text-align:center;}
.fh5co-counters .counter-i i img{ width:100%;}
.fh5co-counters span{display:block;text-align:center;}
@media screen and (max-width: 1200px) {.fh5co-counters .counter_item{width:25%;}}
@media screen and (max-width: 768px) {.fh5co-counters .counter_item{width:50%;}
.fh5co-counters {padding:3em 0;}
.fh5co-counters .fh5co-counter {font-size:30px;}
.fh5co-counters .fh5co-counter-label {font-size: 14px;}
.fh5co-counters .counter-i i { width:60px;height:44px;}
}

@media screen and (max-width: 480px) {
.fh5co-counters .fh5co-counter {font-size: 30px;}
.fh5co-counters .fh5co-counter-label {font-size: 12px}
.fh5co-counters .counter-i i { width:50px;height:36px;}
}



/*customer*/
.customer{background-color:#2fb3ca;}
.customer .index-heading h1,.customer .index-heading h3 {color:#fff;}
.index_customer{margin-top:9px; margin-bottom:54px;width:100%;}
#Customer_list li .img{ overflow:hidden; max-width: 232px;max-height: 175px;margin: 0 auto;}
#Customer_list li img{width:100%;
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(00%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%);
filter: gray;
opacity: 0.4;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
-webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); 
-moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#Customer_list li:hover{ background:#f6f6f6;}
#Customer_list li:hover img{
-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%);
/*filter: gray;*/
opacity: 1;
transform:scale(0.85,0.85);
-webkit-transform:scale(0.85,0.85);
-o-transform:scale(0.85,0.85)
}
#Customer_list {margin:0; padding:0; height:auto; overflow:hidden; width:calc( 100% + 0.625em ); margin-bottom:1.1em;}
#Customer_list li{width:calc(20% - 0.625em); float:left; list-style:none; margin-right:0.625em; margin-bottom:0.625em; background-color: #fff;}
#Customer_list li .imgbox{width:100%;margin: 0 auto;}
#Customer_list li .imgbox img{width:100%;margin-bottom:0;}

@media screen and (max-width: 992px) {
#Customer_list { width:calc( 100% + 0.625em );}
#Customer_list li{width:calc(33% - 0.625em);}
}

@media screen and (max-width: 480px) {
.index_customer #Customer_list { width:calc( 100% + 0.625em );}
.index_customer #Customer_list li{width:calc(50% - 0.625em);}
}

/*footer*/
#footer a {color: #878787;}
#footer a:hover {color: #00ADB5;}
#footer {padding: 44px 0 45px 0;text-align: center;width: 100%;margin:0;
  border-top: 1px solid #f4f4f4;;
}
#footer p{font-size: 12px;color: #878787; margin:0;}

@media screen and (max-width: 768px) {
#footer {padding: 2.45em 0;}
}

@media screen and (max-width: 480px) {
#footer {padding: 2.45em 0;}
}







#fh5co-portfolio-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
}
#fh5co-portfolio-section .portfolio-row-half {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  width: 100%;
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item {
  background-size: cover;
  background-position: center center;
  position: relative;
  width: 25%;
  height: 350px;
  float: left;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item {
    width: 100%;
  }
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item:after {
  position: absolute;
  background: rgba(0, 173, 181, 0.7) !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: 1;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item .desc2 {
  padding: 30px;
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  z-index: 9;
  opacity: 0;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item .desc2 h3 {
  margin-bottom: 5px;
  color: #fff;
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item .desc2 span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item .desc2 i {
  color: #fff;
  position: absolute;
  top: 35px;
  right: 30px;
  font-size: 20px;
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item:hover:after, #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item:focus:after {
  opacity: 1 !important;
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item:hover .desc2, #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item:focus .desc2 {
  bottom: 5px;
  opacity: 1;
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color {
  position: relative;
  width: 25%;
  height: 350px;
  float: left;
  background: #F36363;
}
@media screen and (max-width: 992px) {
  #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color {
    width: 100%;
  }
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color:after {
  position: absolute;
  top: 130px;
  right: -20px;
  width: 0;
  height: 0;
  content: '';
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #F36363;
  z-index: 9;
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc {
  padding: 30px;
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc h2, #fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc p {
  color: #fff;
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc .btn-outline {
  background: none;
  border: 2px solid #fff !important;
  font-size: 16px;
  color: #fff;
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc .btn-outline:hover {
  background: transparent !important;
  color: #fff !important;
}
#fh5co-portfolio-section .portfolio-row-half .portfolio-grid-item-color .desc .btn-outline:hover i {
  color: #fff !important;
}

#fh5co-pricing-section .price-box {
  border: 2px solid #ECEEF0;
  text-align: center;
  padding: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 40px;
  position: relative;
}
#fh5co-pricing-section .price-box.popular {
  border: 2px solid #00ADB5;
}
#fh5co-pricing-section .price-box.popular .popular-text {
  top: 0;
  left: 50%;
  margin-left: -54px;
  margin-top: -2em;
  position: absolute;
  padding: 4px 20px;
  background: #00ADB5;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
#fh5co-pricing-section .price-box.popular .popular-text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-top: 10px solid black;
  border-top-color: #00ADB5;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
#fh5co-pricing-section .pricing-plan {
  margin: 0;
  padding: 0;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
}
#fh5co-pricing-section .price {
  font-size: 50px;
  color: #000;
}
#fh5co-pricing-section .price .currency {
  font-size: 20px;
  top: -1.2em;
}
#fh5co-pricing-section .price small {
  font-size: 16px;
}
#fh5co-pricing-section .pricing-info {
  padding: 0;
  margin: 0 0 30px 0;
}
#fh5co-pricing-section .pricing-info li {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.testimony {
  border: 2px solid rgba(255, 255, 255, 0.3);
  padding: 50px 20px 20px 20px;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .testimony {
    margin-bottom: 60px;
  }
}
.testimony .quote {
  position: absolute;
  top: -40px;
  left: 50%;
  right: 0;
  margin-left: -40px;
}
.testimony .quote i {
  font-size: 30px;
  width: 80px;
  height: 80px;
  padding-top: 25px;
  color: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  background: white;
  -webkit-box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
  -ms-box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
  -o-box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 9px 7px -10px rgba(0, 0, 0, 0.13);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.testimony blockquote {
  border: none;
  position: relative;
}
.testimony blockquote p {
  font-size: 20px;
  line-height: 1.6em;
  color: rgba(255, 255, 255, 0.6) !important;
}
.testimony blockquote span {
  color: rgba(255, 255, 255, 0.7);
}
.testimony blockquote span a {
  font-size: 16px;
}

.feature-full-1col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  width: 100%;
  margin-bottom: 30px;
}
.feature-full-1col .image, .feature-full-1col .desc {
  float: left;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .feature-full-1col .image, .feature-full-1col .desc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    position: relative;
    width: 100%;
  }
}
.feature-full-1col .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  .feature-full-1col .image {
    height: 300px;
  }
}
.feature-full-1col .desc {
  padding: 50px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .feature-full-1col .desc {
    padding: 30px;
  }
}
.feature-full-1col .desc.desc2 {
  background: rgba(45, 64, 89, 0.05);
}

.feature-full-2col {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .feature-full-2col {
    flex-wrap: wrap;
    width: 100%;
  }
}
.feature-full-2col .blog-inner {
  float: left;
  width: 50%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  .feature-full-2col .blog-inner {
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .feature-full-2col .blog-inner {
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.feature-full-2col .blog-inner .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 480px) {
  .feature-full-2col .blog-inner .image {
    position: relative;
    height: 200px;
  }
}
.feature-full-2col .blog-inner .image, .feature-full-2col .blog-inner .desc {
  width: 50%;
}
@media screen and (max-width: 480px) {
  .feature-full-2col .blog-inner .image, .feature-full-2col .blog-inner .desc {
    width: 100%;
  }
}
.feature-full-2col .blog-inner .desc {
  padding: 30px;
  background: #fff;
}
.feature-full-2col .blog-inner .desc.desc2 {
  background: rgba(45, 64, 89, 0.05);
}


.about-wrap {
  border: 2px solid rgba(45, 64, 89, 0.1);
  padding: 100px 30px 30px;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 992px) {
  .about-wrap {
    margin-bottom: 6em;
  }
}
.about-wrap .about {
  position: absolute;
  top: -70px;
  left: 0;
  right: 0;
  width: 100%;
  margin-bottom: 40px;
}
.about-wrap .about > img {
  width: 140px;
  height: 140px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.about-wrap .desc h3 {
  margin-bottom: 10px;
}
.about-wrap .desc .pos {
  font-size: 13px;
  letter-spacing: 3px;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}

.googleplus-color {
  color: #dc4e41 !important;
}

.facebook-color {
  color: #3b5998 !important;
}

.twitter-color {
  color: #55acee !important;
}

.fh5co-heading {
  margin-bottom: 1.5em;
}
.fh5co-heading i {
  font-size: 40px;
  color: #00ADB5;
  padding: 10px;
  display: block;
  margin-bottom: 20px;
}
.fh5co-heading h2 {
  font-size: 2em;
  margin:0;
}
.fh5co-heading p{
  font-size: 2em;
  font-family: "UUSUNInchike", Arial, serif;
}


.fh5co-table,
.fh5co-table-cell,
.fh5co-parallax {
  height: 500px;
}

.fh5co-parallax2 {
  padding-top: 10em;
  height: inherit !important;
}
@media screen and (max-width: 992px) {
  .fh5co-parallax2 {
    padding-bottom: 10em;
  }
}

.fh5co-parallax {
  background-color: #555;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
.fh5co-parallax .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .fh5co-parallax {
    height: inherit;
    padding: 4em 0;
  }
}
.fh5co-parallax .fh5co-intro h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 300;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .fh5co-parallax .fh5co-intro h1 {
    font-size: 30px;
  }
}
.fh5co-parallax .fh5co-intro p {
  color: #fff;
}
.fh5co-parallax .fh5co-intro p a {
  color: #fff;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.fh5co-parallax .fh5co-intro p a:hover {
  color: #fff;
}
.fh5co-parallax .fh5co-intro.box-area {
  padding: 40px;
  background: #222831;
}

.fh5co-table {
  display: table;
}

.fh5co-table-cell {
  display: table-cell;
  vertical-align: middle;
}

#fh5co-contact-section .contact-info {
  margin: 0;
  padding: 0;
}
#fh5co-contact-section .contact-info li {
  list-style: none;
  margin: 0 0 20px 0;
  position: relative;
  padding-left: 40px;
}
#fh5co-contact-section .contact-info li i {
  position: absolute;
  top: .3em;
  left: 0;
  font-size: 22px;
  color: rgba(0, 0, 0, 0.5);
}
#fh5co-contact-section .contact-info li a {
  font-weight: 400 !important;
  color: rgba(0, 0, 0, 0.3);
}
#fh5co-contact-section .form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 18px;
  font-weight: 400;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
#fh5co-contact-section .form-control:focus, #fh5co-contact-section .form-control:active {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
#fh5co-contact-section input[type="text"] {
  height: 50px;
}
#fh5co-contact-section .form-group {
  margin-bottom: 30px;
}

.section-title {
  font-weight: 700;
}

#map {
  width: 100%;
  height: 500px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #map {
    height: 200px;
  }
}

.fh5co-social-icons > a {
  padding: 4px 5px;
  color: #00ADB5;
}
.fh5co-social-icons > a i {
  font-size: 24px;
}
.fh5co-social-icons > a:hover, .fh5co-social-icons > a:focus, .fh5co-social-icons > a:active {
  text-decoration: none;
  color: #212121;
}


.js .animate-box {
  opacity: 0;
}

#fh5co-wrapper {
  overflow-x: hidden;
  position: relative;
}

.fh5co-offcanvas {
  overflow: hidden;
}
.fh5co-offcanvas #fh5co-wrapper {
  overflow: hidden !important;
}

#fh5co-page {
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-offcanvas #fh5co-page {
  -moz-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  transform: translateX(-240px);
}

@media screen and (max-width: 768px) {
  #fh5co-menu-wrap {
    display: none;
  }
}

#offcanvas-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 99;
  background: #222;
  right: -240px;
  width: 240px;
  padding: 20px;
  overflow-y: scroll !important;
}
#offcanvas-menu ul {
  padding: 0;
  margin: 0;
}
#offcanvas-menu ul li {
  padding: 0;
  margin: 0 0 10px 0;
  list-style: none;
}
#offcanvas-menu ul li a {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.4);
}
#offcanvas-menu ul li a:hover {
  color: #00ADB5;
}
#offcanvas-menu ul li > .fh5co-sub-menu {
  margin-top: 9px;
  padding-left: 20px;
}
#offcanvas-menu ul li.active > a {
  color: #00ADB5;
}
#offcanvas-menu ul .fh5co-sub-menu {
  display: block !important;
}

.fh5co-nav-toggle {
  margin-top: -8px !important;
  cursor: pointer;
  text-decoration: none;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: #000;
}
.fh5co-nav-toggle.dark.active i::before, .fh5co-nav-toggle.dark.active i::after {
  background: #000;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.fh5co-nav-toggle i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 30px;
  height: 2px;
  color: #2db4ca;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #000;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 30px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.fh5co-nav-toggle.dark i {
  position: relative;
  color: #000;
  background: #000;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle.dark i::before, .fh5co-nav-toggle.dark i::after {
  background: #000;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.fh5co-nav-toggle i::before {
  top: -7px;
}

.fh5co-nav-toggle i::after {
  bottom: -7px;
}

.fh5co-nav-toggle:hover i::before {
  top: -10px;
}

.fh5co-nav-toggle:hover i::after {
  bottom: -10px;
}

.fh5co-nav-toggle.active i {
  background: transparent;
}

.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.fh5co-nav-toggle {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 9999;
  display: block;
  margin: 0 auto;
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .fh5co-nav-toggle {
    display: block;
    top: -12px;
  }
}

@media screen and (max-width: 480px) {
  .col-xxs-12 {
    float: none;
    width: 100%;
  }
}

.row-bottom-padded-lg {
  padding-bottom: 7em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-lg {
    padding-bottom: 2em;
  }
}

.row-top-padded-lg {
  padding-top: 7em;
}
@media screen and (max-width: 768px) {
  .row-top-padded-lg {
    padding-top: 2em;
  }
}

.row-bottom-padded-md {
  padding-bottom: 4em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-md {
    padding-bottom: 2em;
  }
}

.row-top-padded-md {
  padding-top: 4em;
}
@media screen and (max-width: 768px) {
  .row-top-padded-md {
    padding-top: 2em;
  }
}

.row-bottom-padded-sm {
  padding-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-sm {
    padding-bottom: 2em;
  }
}

.row-top-padded-sm {
  padding-top: 2em;
}
@media screen and (max-width: 768px) {
  .row-top-padded-sm {
    padding-top: 2em;
  }
}

.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.lead {
  line-height: 1.8;
}

.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}

.fh5co-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/hourglass.svg) center no-repeat #222222;
}



/****piaofu****/
.side-pannel {position:fixed; width:50px; bottom:150px; right:5%; z-index:1000; }
.side-bar>a {width:50px;height:50px;  position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; border-radius:50%; background:#474747;filter: alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;  box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar>a:hover{ background:#2eb2c9;}
.side-bar a.gotop:hover{ background:#2eb2c9;}

dd,dl,dh{ margin: 0; padding: 0; }
.side-bar .dh{ width:50px;height:50px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%; background:#474747;filter: alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;  box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .dh:hover{ background:#2eb2c9}
.side-bar a.qq i{ background:url(../images/side_icon_01.png) no-repeat; width:30px; height:25px; display:block; margin:13px auto;}
.side-bar .dh i{ background:url(../images/side_icon_02.png) no-repeat; width:30px; height:25px; display:block; margin:13px auto;}
.side-bar a.wx i{ background:url(../images/side_icon_03.png) no-repeat; width:30px; height:25px; display:block; margin:13px auto;}
.side-bar a.gotop i{ background:url(../images/side_icon_04.png) no-repeat; width:30px; height:25px; display:block; margin:13px auto;}
.f_top{display: block;font-size: 24px;color:#fff;line-height: 50px;}

.side-bar .dh .hide{  width:186px;  position:absolute; left:-186px; top:-35px;}
.side-bar .dh .hied_con{ width:180px; background:#474747; border-radius:4px; color:#fff;  padding:5px 0 15px 0;box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width .3s ease-in-out; display:none;}
.side-bar .dh:hover .hied_con{ display:block }
.side-bar .dh .hied_con:after{ content:""; width:10px; height:10px; background:#474747; position:absolute; right:11px; top:58px; transform:rotate(45deg);}

.side-bar .dh .hide dl{ width:120px; margin:0 auto; overflow:hidden; text-align:left; line-height:22px; font-size:12px; margin-top:10px;}
.side-bar .dh .hide dl dt a{ color:#fff; font-size:16px; /*font-weight:bold;*/ }

.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }
.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl{ margin-top:60px; font-size:14px; color:#333; line-height:40px;}
.popover1 dl a{ width:110px; height:40px; background:#2eb2c9; color:#fff !important; display:inline-block; border-radius:2px; font-size:14px;}
@media screen and (max-width: 768px) {
.side-pannel{display:none;}
}


/*************************page样式开始*************************/ 


/*page_banner*/
.page_banner {width:100%;overflow:hidden;position:relative;min-height:290px;}
.page_banner .word{width:100%; position:absolute; top:34%; text-align:center; font-size:32px; color:#fff;}
.page_banner .word_en{width:100%;position:absolute;top:50%;text-align:center; font-size:32px;  color:#fff;font-family: "UUSUNInchike", Arial, serif;}

@media screen and (max-width:640px) {
.page_banner {background-size:100%;min-height:150px;}
.page_banner .word{ font-size:1.3em;top:18%; }
.page_banner .word_en{font-size:1.3em;top:48%;}
}


/*page-case-title*/
.page-title {padding-top:72px;}
.page-title h1 {font-size:40px;margin:0;color:#2eb2c9;font-family: "UUSUNInchike", Arial, serif;text-transform:uppercase;}
.page-title h3 {font-size: 22px;margin:0;color:#202020;margin-bottom:30px;}
@media screen and (max-width:640px) {
.page-title{padding-top:1.5em;}
.page-title h1 {font-size:1.7em;}
.page-title h3 {font-size: 1.2em;margin-bottom:1.1em;}
}

/*case-navigation*/
.case-navigation{list-style:none;padding:0;margin:0px auto 40px auto;text-align:center;clear:both;height:auto;}
.case-navigation li{display:inline;padding:0px 26px 0px 16px;background:url(../images/case_nav_line.jpg) no-repeat right center;}
.case-navigation a {color:#464646;font-size:12px;line-height:30px;font-family:"微软雅黑","Microsoft YaHei";}
.case-navigation a:hover,#nav-on{color:#2eb2cb;}
@media screen and (max-width:640px) { 
.case-navigation{margin:0px auto 1em auto;}
.case-navigation li{padding:0px 1.625em 0px 2em;}
.case-navigation a {font-size:0.75em;line-height:1.5em;}
}

/*page-case*/
.page-case-box{width:1213px;text-align:center;margin:0 auto;}
.page-case{overflow:hidden;float: left;height:auto;margin-bottom:19px;margin-right:13px;}
.page-case h3 {margin:0 auto;font-size: 14px;color: #1a1b1d;line-height:42px;height:42px;text-align: left;}
.page-case .img{overflow:hidden;width:290px;height:196px;}
.page-case img{width: 100%;max-width: 290px;max-height: 196px;}
.page-case,.page-case h3,.page-case img{  
  transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
  -webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
  -moz-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
} 
.page-case:hover img{-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.page-case:hover{background-color:#2eb2c9;}
.page-case:hover h3{color:#fff;text-indent: 15px;background-color:#2eb2c9;}

@media screen and (max-width: 1200px) {
.page-case-box{width: calc(100% + 13px);}
.page-case{width: calc(100% / 3 - 13px);margin-bottom:19px;margin-right:13px;}
.page-case .img{width:100%;height:100%;}
.page-case img{width: 100%;max-width:100%;max-height: 100%;}
}
@media screen and (max-width: 640px) {
.page-case-box{width: calc(100% + 1em);}
.page-case{width: calc(100% / 2 - 1em);margin-bottom:1.5em;margin-right:1em;}
.page-case h3 {font-size: 0.875em;line-height:1.5em;height:1.5em;}
.page-case .img{width:100%}
.page-case img{width: 100%;max-width: 640px;max-height: 100%;}

}
@media screen and (max-width: 350px) {
.page-case-box{width: 100%;}
.page-case{width: 100%;margin-bottom:1.5em;margin-right:0;}
.page-case h3 {font-size: 0.875em;line-height:1.5em;height:1.5em;}
.page-case .img{width:100%}
.page-case img{width: 100%;max-width: 640px;max-height: 100%;}

}

.pagination{margin: 0 auto;margin-top: 32px;margin-bottom:56px; text-align: center;position: relative;}
.pagination ul{margin: 0 auto;padding: 0;list-style: none;}
.pagination ul li{margin: 0;padding: 0;display: inline-block;position: relative;margin-left: 8px;}
.pagination ul li a{display: inline-block;text-align: center;font-size: 13px;color: #fff !important;width: 30px;height: 30px;line-height: 32px;background: #2eb2c9;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.pagination ul li a:hover,.pagination ul li .focus{background:#299baf;}



/*page-about-title*/
.f1{padding-top:42px;}
.page-about-title {padding-top:64px;text-align: left;}
.page-about-title h1 {font-size:40px;line-height:26px;margin:0;margin-bottom:4px;color:#2eb2c9;font-family: "UUSUNInchike", Arial, serif;text-transform:uppercase;}
.page-about-title h3 {font-size: 22px;margin:0;color:#202020;margin-bottom:40px;}

@media screen and (max-width:640px) {
.f1{padding-top:2em;}
.page-about-title {padding-top:1.5em;}
.page-about-title h1 {font-size:1.7em;height: auto;line-height:1em;}
.page-about-title h3 {font-size: 1.2em;margin-bottom:1.1em;}
}

.page-about-text{font-size:14px;line-height:32px;color:#6c6c6c;text-align: left;}
.f1 .page-about-text img{margin-left:82px;}
.f1 .page-about-text p{font-size:14px;line-height:32px;color:#6c6c6c;}

@media screen and (max-width:960px) {
.page-about-text{font-size:0.875em;line-height:2em;}
.page-about-text img{width:100%;margin-left:0;float:none;}
.page-about-text p{font-size:1em;padding-bottom:1em}
.f1 .page-about-text img{margin-left:0;}
.f1 .page-about-text p{font-size:0.875em;line-height:2em;}
}
.f2{background: #f4f4f4;padding-top: 94px;min-height: 484px;overflow: hidden;}
.f2 .page-about-text img{margin-right:84px;}
.f2 .page-about-title{text-align: right;}
.f2 .page-about-text p{font-size:14px;line-height:30px;color:#888a8c;}
@media screen and (max-width:960px) {
.f2{padding-top:2em;min-height: 100%;overflow: hidden;padding-bottom:1em;}
.f2 .page-about-text img{margin-left:0;width:100%;float:none;margin-bottom: 3em;}
.f2 .page-about-text p{font-size:0.875em;line-height:1.875em;}
}
.f2 h3{padding-top:3px;}
.f3 h3{padding-top:5px;}

.f3{padding-top: 98px;min-height: 484px;overflow: hidden;}
.f3 .page-about-text img{margin-left:100px;}
.f3 .page-about-title{text-align: left;}
.f3 .page-about-text p{font-size:14px;line-height:32px;color:#6c6c6c;}
@media screen and (max-width:960px) {
.f3{padding-top:2em;min-height: 100%;margin-bottom:1em;}
.f3 .page-about-text img{margin-left:0;width:100%;margin-bottom:3em;}
.f3 .page-about-text p{font-size:0.875em;line-height:2em;}
}


/*shuju*/
.shuju{width:100%;height:180px;background-color:#2cb2cb;clear: both;}
.shuju_list{width:1201px;padding:0;margin:0 auto;position:relative;}
.shuju_list li{list-style:none;float: left;display:block;overflow:hidden;width:299px;height: 180px;border-left: 1px solid #4fcee6;text-align: center;padding-top: 65px;}
.shuju_list li .tit .timer{font-size:60px;height:30px;line-height:40px;color:#fff;font-family: "UUSUNInchike";}
.shuju_list li .tit span{display:block;font-size: 16px;color:#fff;margin-top:18px;font-family:Arial,"微软雅黑",Sans-Serif}
.shuju_list li:last-child{border-right:1px solid #4fcee6;}
@media screen and (max-width:1200px) {
.shuju_list{width: calc(100% + 1px);}
.shuju_list li{width:25%;}
}
@media screen and (max-width:640px) {
.shuju{height:6em;}
.shuju_list{width: calc(100% + 1px);}
.shuju_list li{width:25%;height: 6em;padding-top: 1em;}
.shuju_list li .tit .timer{font-size:1.5em;height:1.5em;line-height:1.5em;}
.shuju_list li .tit span{font-size: 0.875em;margin-top: 0;line-height: 1.5em;}
}



/*page-contact */
.page-contact {width:100%;}
.page-contact .page-contact-box{overflow: hidden;width:100%;height:402px;border:1px solid #e5e5e5;float:left;padding:34px 0;margin-top:36px;}
.page-contact .fl{margin-right:43px;}
.page-contact .page-contact-box .con_tit{font-size:16px;color:#ffffff;text-align:left;height:49px;line-height:49px;padding-left:66px;background: url(../images/contact_bg.png) no-repeat left center; }
.page-contact .page-contact-box .con_lx{font-size:16px;color:#6c6c6c;text-align:left;margin:28px 65px 10px 65px;}
.page-contact .page-contact-box .con_lx div{margin-bottom:18px;line-height:32px;padding-left: 58px;}
.page-contact .page-contact-box .con_lx .ph{background: url(../images/contact_01.png) no-repeat 7px center;font-size:26px;font-family: "UUSUNInchike", Arial, serif;}
.page-contact .page-contact-box .con_lx .ad{background: url(../images/contact_02.png) no-repeat 7px center;}
.page-contact .page-contact-box .con_lx .em{background: url(../images/contact_03.png) no-repeat 7px center;font-size:16px;font-family: "UUSUNInchike", Arial, serif;text-transform: uppercase;}
.page-contact .page-contact-box .con_lx .date{background: url(../images/contact_04.png) no-repeat 7px center;}
.page-contact .page-contact-box .con_lx .btn_qq{font-size: 12px;color:#6c6c6c;height:34px;line-height:34px;display: inline-block;text-align: left;padding: 0 14px;width: 111px;margin-right:12px;background: url(../images/contact_qq.png) no-repeat 14px center;border:1px solid #2eb2c9;-moz-border-radius: 32px;-webkit-border-radius: 32px; border-radius:32px;cursor:pointer;text-indent: 28px;}
@media screen and (max-width:1200px) {
.page-contact .page-contact-box{width: calc(49% - 2px);padding:34px 0;margin-top:36px;height: 100%;}
.page-contact .fl{margin-right:2%;}
.page-contact .page-contact-box .con_tit{font-size:1em;height:49px;line-height:49px;padding-left: 8%;}
.page-contact .page-contact-box .con_lx{font-size:1em;margin: 8% 5% 8% 8%;}
.page-contact .page-contact-box .con_lx div{margin-bottom:18px;line-height:2em;}
.page-contact .page-contact-box .con_lx .ph{background: url(../images/contact_01.png) no-repeat 7px top;background-size: 1em;font-size: 1.625em;}
.page-contact .page-contact-box .con_lx .ad{background: url(../images/contact_02.png) no-repeat 7px top;background-size:2em;}
.page-contact .page-contact-box .con_lx .em{background: url(../images/contact_03.png) no-repeat 7px top;background-size:2em;font-size:1em;}
.page-contact .page-contact-box .con_lx .date{background: url(../images/contact_04.png) no-repeat 7px top;background-size:2em;}
.page-contact .page-contact-box .con_lx .btn_qq{font-size: 0.75em;color:#6c6c6c;height:34px;line-height:34px;display: inline-block;text-align: left;padding: 0 14px;width: 111px;margin-right:12px;background: url(../images/contact_qq.png) no-repeat 14px center;border:1px solid #2eb2c9;-moz-border-radius: 32px;-webkit-border-radius: 32px; border-radius:32px;cursor:pointer;text-indent: 28px;}
}
@media screen and (max-width:900px) {
.page-contact {padding-bottom:2.5em;}
.page-contact .page-contact-box{width:  calc(100% - 2px);/* min-height:402px; */height: 100%;padding:2em 0;margin-top:1em;clear: both;display: block;float: none;}
.page-contact .fl{margin-right:0;}
.page-contact .page-contact-box .con_tit{font-size:1em;height:49px;line-height:49px;padding-left:2em;background-size: 9em;}
.page-contact .page-contact-box .con_lx{font-size:1em;margin: 2em 1em 2em 1.5em;padding-left: 1em;}
.page-contact .page-contact-box .con_lx div{margin-bottom:18px;line-height:2em;}
.page-contact .page-contact-box .con_lx .ph{background: url(../images/contact_01.png) no-repeat 7px top;background-size: 1em;font-size:1.5em;}
.page-contact .page-contact-box .con_lx .ad{background: url(../images/contact_02.png) no-repeat 7px top;background-size:2em;}
.page-contact .page-contact-box .con_lx .em{background: url(../images/contact_03.png) no-repeat 7px top;background-size:2em;font-size:1em;}
.page-contact .page-contact-box .con_lx .date{background: url(../images/contact_04.png) no-repeat 7px top;background-size:2em;}
.page-contact .page-contact-box .con_lx .btn_qq{font-size: 0.75em;color:#6c6c6c;height:34px;line-height:34px;display: inline-block;text-align: left;padding: 0 14px;width: 111px;margin-right:1em;background: url(../images/contact_qq.png) no-repeat 14px center;border:1px solid #2eb2c9;-moz-border-radius: 32px;-webkit-border-radius: 32px; border-radius:32px;cursor:pointer;
text-indent: 2.5em;margin-bottom:1em;float:left;}
}


/*page-advantage*/
.page-advantage{width: 100%;height: auto;margin-bottom:65px;}
.page-advantage .advantage_list{width: 1320px;margin-left: -60px;margin-top:90px;padding: 0;}
.page-advantage .advantage_list li{position: relative;margin: 0;padding: 0;display: inline-block;width: 330px;float:left;text-align: center;margin-bottom: 50px;}
.page-advantage .advantage_list li .img{width: 330px;padding: 0 65px;margin-bottom: 20px;}
.page-advantage .advantage_list li .img img{width: 100%;}
.page-advantage .advantage_list li .info{font-size:16px;color:#6c6c6c;line-height:26px;width: 100%;padding:0 30px;}
.page-advantage .advantage_list li .img img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}
@media screen and (max-width:1280px) {
.page-advantage{margin-bottom:1em;}
.page-advantage .advantage_list{width:calc(100% + 1em);padding: 0;margin-left:0;margin-top:2em;}
.page-advantage .advantage_list li{width:calc(100% / 4 - 1em);margin-bottom: 3em;margin-right:1em}
.page-advantage .advantage_list li .img{width: 100%;padding: 0 15%;margin-bottom: 1em;}
.page-advantage .advantage_list li .info{width: 100%;font-size:0.875em;line-height:1.5em;padding: 0 0;}
}

@media screen and (max-width:640px) {
.page-advantage .advantage_list{width:calc(100% + 1em);padding:0;margin-left:0;margin-top:3em;}
.page-advantage .advantage_list li{width:calc(50% - 1em);margin-bottom: 3em;margin-right:1em}
.page-advantage .advantage_list li .img{width: 100%;padding: 0 15%;margin-bottom: 1em;}
.page-advantage .advantage_list li .info{width: 100%;font-size:0.875em;line-height:1.5em;padding: 0 0;}
}
@media screen and (max-width:370px) {
.page-advantage .advantage_list{width: 100%;padding: 0;margin-left:0;margin-top:2em;}
.page-advantage .advantage_list li{width:calc(50% - 2em);margin-bottom: 2em;margin-left:1em;}
.page-advantage .advantage_list li .img{width: 100%;padding: 0 15px;margin-bottom: 0.5em;}
.page-advantage .advantage_list li .img img{width: 100px;}
}
@media screen and (max-width:350px) {
.page-advantage .advantage_list li{width:100%;margin-left:0;}
.page-advantage .advantage_list li .img img{width: 100px;}
.page-advantage .advantage_list li .info{padding: 0 15%;}
}

.page-now{padding-top: 104px;min-height: 570px;overflow: hidden;background: url(../images/page_08.png) no-repeat center top;}
.page-now .page-title{text-align: right;}
.page-now .con_btn{float: right;font-size: 14px;color:#2eb2c9;height:50px;line-height:50px;display:block;text-align: center;padding: 0 14px;width: 141px;border:1px solid #2eb2c9;-moz-border-radius: 50px;-webkit-border-radius: 50px; border-radius:50px;cursor:pointer;margin-top:38px;}
.page-now .con_btn:hover{border:1px solid #2eb2c9;background: #2eb2c9;color:#ffffff !important;}
@media screen and (max-width:640px) {
.page-now{padding-top:1em;min-height:100%;background-size: cover;}
.page-now img{width: 40%;}
.page-now .con_btn{font-size: 14px;height:50px;line-height:50px;padding: 0 14px;width: 141px;margin-top:1em;margin-bottom:2em;}
}


.page-now{padding-top: 104px;min-height: 570px;overflow: hidden;background: url(../images/page_08.png) no-repeat center top;}
.page-now .page-title{text-align: right;}
.page-now .con_btn{float: right;font-size: 14px;color:#2eb2c9;height:50px;line-height:50px;display:block;text-align: center;padding: 0 14px;width: 141px;border:1px solid #2eb2c9;-moz-border-radius: 50px;-webkit-border-radius: 50px; border-radius:50px;cursor:pointer;margin-top:38px;}
.page-now .con_btn:hover{border:1px solid #2eb2c9;background: #2eb2c9;color:#ffffff !important;}
@media screen and (max-width:640px) {
.page-now{padding-top:1em;min-height:100%;background-size: cover;}
.page-now img{width: 40%;}
.page-now .con_btn{font-size: 14px;height:50px;line-height:50px;padding: 0 14px;width: 141px;margin-top:1em;margin-bottom:2em;}
}


/**在线留言样式**/
.feedbackBox .page-title {padding-top:52px;}
.feedbackBox .page-title h3 {margin-bottom:58px;}
.feedbackBox .feedback2{margin-bottom:35px;}
.feedbackBox .feedback2 .text{display:block;width: 590px;height: 54px;line-height: 54px;margin-bottom: 18px;padding: 0 16px;outline:none;font-size:14px;font-family:Arial,"微软雅黑";border: none;border: 1px solid #e5e5e5;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;
  -webkit-transition: border-color ease-in-out .15s, 
  -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.feedbackBox .feedback2 .text:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.feedbackBox .feedback2 .feedback-left{float:left;margin-right:20px;}
.feedbackBox .feedback2 .feedback-right{float:left;width: 590px;}
.feedbackBox .feedback2 .content{width: 590px;height:198px;}
.feedbackBox .feedback2 .input_Code{display: inline-block;/* float:left; */width: 180px;height: 40px;margin: 0;line-height: 40px;margin-right:10px;}
.feedbackBox .feedback2  p{text-align: left;color:#a7a7a7;font-size:14px;margin: 0 auto;}
.feedbackBox .feedback2 .input{display:inline-block;float:left;width:200px;height:42px;line-height:42px;text-align:center;outline:none;font-size:14px;color:#fff;text-transform: uppercase;border:none;background-color: #2eb2c9;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;
  -webkit-transition: background-color ease-in-out .15s;
  -o-transition: background-color ease-in-out .15s;
  transition: background-color ease-in-out .15s;}
.feedbackBox .feedback2 .input:hover{background-color:#ea6b05;}
.feedbackBox .feedback2 #send{margin-left:175px;width:200px;height:42px;line-height:42px;background-color: #2eb2c9;color:#fff; cursor:pointer;}
.feedbackBox .feedback2 #reset{width:198px;height:40px;line-height:40px;background-color: #fff;border: 1px solid #2eb2c9;color:#2eb2c9;margin-left:16px; cursor:pointer;}
.feedbackBox .feedback2 #send:hover{background-color: #29a9bd;}
.feedbackBox .feedback2 #reset:hover{background-color: #2eb2c9;color:#fff;}
@media screen and (max-width:1200px) {
.feedbackBox .feedback2 .text{float:none;width: calc(100% - 2px);padding: 0 16px;font-size:0.875em;}
.feedbackBox .feedback2 .feedback-left{width: calc(50% - 11px);margin-right:20px;}
.feedbackBox .feedback2 .feedback-right{width: calc(50% - 11px);}
.feedbackBox .feedback2 .input_Code{width: calc(30% - 2px);margin-bottom:28px;}
.feedbackBox .feedback2 .content{width: calc(100% - 2px);height:198px;}
.feedbackBox .feedback2 #send{margin-left:0;width: calc(30% - 2px);height:42px;line-height:42px;margin-bottom:1em;}
.feedbackBox .feedback2 #reset{width: calc(30% - 2px);height:40px;line-height:40px;border: 1px solid #2eb2c9;color:#2eb2c9;}
}
@media screen and (max-width:767px) {
.feedbackBox .page-title {padding-top:1.5em;}
.feedbackBox .page-title h3 {margin-bottom:1.1em;}
.feedbackBox .feedback2 .text{float:none;width: calc(100% - 2px);padding: 0 16px;font-size:0.875em;}
.feedbackBox .feedback2 .feedback-left{float:none;width:100%;margin-right:0;}
.feedbackBox .feedback2 .feedback-right{float:none;width:100%;}
.feedbackBox .feedback2 .input_Code{width:40%; margin-bottom: 5px;}
.feedbackBox .feedback2 .feedback-left .z{display: block;margin-bottom:28px;}
.feedbackBox .feedback2 .content{width: calc(100% - 2px);height:150px;}
.feedbackBox .feedback2 #send{margin-left:0;width: calc(100% - 2px);height:42px;line-height:42px;margin-bottom:1em;}
.feedbackBox .feedback2 #reset{width: calc(100% - 2px);height:40px;line-height:40px;border: 1px solid #2eb2c9;color:#2eb2c9;margin-left:0;}

}



/**service页开始**/
.service_content .service_Box {}
.service_content .page-title {padding-top:76px;}
.service_content .page-title  h1 {line-height:30px;}
.service_content .page-title  h3 {margin-bottom: 59px;}
.service_content .service_ul{width:1263px;height:100%;padding: 0;margin: 0;}
.service_content .service_ul li{list-style:none;width:358px;height:460px;float:left;padding:76px 28px;margin-right:63px;margin-bottom:42px;border: 1px solid #ebebeb;border-radius:5px;text-align:center;}
.service_content .service_ul li span {display:inline-block;width:104px;height:104px;border: 3px solid #2eb2cb;border-radius:50%;vertical-align: middle;text-align: center;}
.service_content .service_ul li span i {width: 101px;height: 101px;display: table-cell;vertical-align: middle;text-align: center;margin: 0 auto;}
.service_content .service_ul li h3 {font-size:18px;color: #2eb2cb;margin:0 auto;margin-top:31px;}
.service_content .service_ul li p {font-size: 14px;color: #aaaaaa;line-height:26px;height:78px;overflow:hidden;margin:0 auto;margin-top:15px;transition-delay: .0s;}
.service_content .service_ul li .service_btn{display: inline-block;font-size:14px;line-height:30px;height:26px;margin-top:24px;color: #2eb2cb !important;font-family: "UUSUNInchike", Arial, serif;text-transform:uppercase;
padding-right:30px;background: url(../images/service_more.png) no-repeat  48px center;}
.service_content .service_ul li:hover{background-color:#2eb2cb;border: 1px solid #2eb2cb;}
.service_content .service_ul li:hover span {border: 3px solid #fff;}
.service_content .service_ul li:hover h3,.service_content .service_ul li:hover p {color: #fff;}
.service_content .service_ul li:hover .service_btn{color: #fff !important;background: url(../images/service_more.png) no-repeat  right center;}

.service_content .service_ul li span .i1{background: url(../images/service_01.png) no-repeat center center;background-size: 50%;}
.service_content .service_ul li span .i2{background: url(../images/service_02.png) no-repeat center center;background-size: 50%;}
.service_content .service_ul li span .i3{background: url(../images/service_03.png) no-repeat center center;background-size: 50%;}
.service_content .service_ul li span .i4{background: url(../images/service_04.png) no-repeat center center;background-size: 50%;}
.service_content .service_ul li span .i5{background: url(../images/service_05.png) no-repeat center center;background-size: 50%;}
.service_content .service_ul li span .i6{background: url(../images/service_06.png) no-repeat center center;background-size: 50%;}
.service_content .service_ul li span .i7{background: url(../images/service_07.png) no-repeat center center;background-size: 50%;}
.service_content .service_ul li span .i8{background: url(../images/service_08.png) no-repeat center center;background-size: 50%;}
.service_content .service_ul li span .i9{background: url(../images/service_09.png) no-repeat center center;background-size: 50%;}
.service_content .service_ul li:hover span .i1 {background: url(../images/services2_icon1.png) no-repeat  center center;background-size: 50%;}
.service_content .service_ul li:hover span .i2 {background: url(../images/services2_icon2.png) no-repeat  center center;background-size: 50%;}
.service_content .service_ul li:hover span .i3 {background: url(../images/services2_icon3.png) no-repeat  center center;background-size: 50%;}
.service_content .service_ul li:hover span .i4 {background: url(../images/services2_icon4.png) no-repeat  center center;background-size: 50%;}
.service_content .service_ul li:hover span .i5 {background: url(../images/services2_icon5.png) no-repeat  center center;background-size: 50%;}
.service_content .service_ul li:hover span .i6 {background: url(../images/services2_icon6.png) no-repeat  center center;background-size: 50%;}
.service_content .service_ul li:hover span .i7 {background: url(../images/services2_icon7.png) no-repeat  center center;background-size: 50%;}
.service_content .service_ul li:hover span .i8 {background: url(../images/services2_icon8.png) no-repeat  center center;background-size: 50%;}
.service_content .service_ul li:hover span .i9 {background: url(../images/services2_icon9.png) no-repeat  center center;background-size: 50%;}
/*service_lx*/
.service_content .service_lx{width:100%;min-height:280px;background-color:#2eb2cb;margin-top:77px;}
.service_content .service_lxinfo {width:480px;margin-right:120px;font-size:24px;line-height:40px;color: #fff;margin:0 auto;float:left;text-align: left;margin-top:108px;}
.service_content .service_lxph {width:600px;float:right;margin-top:108px;text-align: right;}
.service_content .service_lxph a{display:inline-block;width:236px;height:61px;line-height:61px;font-size: 16px;color: #e3fbff;border:1px solid #e3fbff;overflow:hidden;margin:0 auto;text-align: center;border-radius:5px;background-color:#41c6df;}
.service_content .service_lxph a:hover {color: #2eb2cb;background-color:#e3fbff;border:1px solid #e3fbff;}

@media screen and (max-width:1200px) {
.service_content .service_ul{width: calc(100% + 63px);}
.service_content .service_ul li{list-style:none;width: calc(100% / 3 - 63px);height:100%;}
/*service_lx*/
.service_content .service_lx{min-height:280px;margin-top:77px;}
.service_content .service_lxinfo {width: calc(100% / 2 - 2%);margin-right:2%;font-size:24px;line-height:40px;margin-top:108px;}
.service_content .service_lxph {width: calc(100% / 2 - 63px);float:right;margin-top:108px;text-align: right;}

}
@media screen and (max-width:1000px) {
.service_content .service_ul{width: calc(100% + 2em);}
.service_content .service_ul li{list-style:none;width: calc(100% / 3 - 2em);height:100%;float:left;padding:3em 1.7em;margin-right:2em;margin-bottom:2em;}
.service_content .service_ul li span {width:80px;height:80px;}
.service_content .service_ul li span i {width: 80px;height: 80px;}
.service_content .service_ul li h3 {font-size:1.125em;margin-top:1.5em;}
.service_content .service_ul li p {font-size: 0.875em;line-height:1.5em;height:4.5em;margin-top:1em;}
.service_content .service_ul li .service_btn{font-size: 0.875em;line-height:1.5em;height:1.2em;margin-top:1em;
padding-right:30px;background: url(../images/service_more.png) no-repeat  48px center;}
.service_content .service_ul li:hover .service_btn{background: url(../images/service_more.png) no-repeat  right center;}
/*service_lx*/
.service_content .service_lx{min-height:280px;margin-top:77px;}
.service_content .service_lxinfo {width: 100%;float:none;margin-right:0;font-size:24px;line-height:40px;margin-top:0px;padding-top:50px;}
.service_content .service_lxph {width: 100%;float:none;margin-top:30px;text-align: left;}
}
@media screen and (max-width:850px) {.service_content .service_ul li{list-style:none;width: calc(100% / 2 - 2em);}}
@media screen and (max-width:640px) {
.service_content .service_ul{width: calc(100% + 1em);}
.service_content .service_ul li{list-style:none;width: calc(100% / 2 - 1em);height:100%;float:left;padding:2em 1.5em;margin-right:1em;margin-bottom:2em;}
.service_content .service_ul li span {width:80px;height:80px;}
.service_content .service_ul li span i {width: 80px;height: 80px;}
.service_content .service_ul li h3 {font-size:1.125em;margin-top:1.5em;}
.service_content .service_ul li p {font-size: 0.875em;line-height:1.5em;height:4.5em;margin-top:1em;}
.service_content .service_ul li .service_btn{font-size: 0.875em;line-height:1.5em;height:1.2em;margin-top:1.5em;
padding-right:30px;background: url(../images/service_more.png) no-repeat  48px center;}
.service_content .service_ul li:hover .service_btn{background: url(../images/service_more.png) no-repeat  right center;}
/*service_lx*/
.service_content .service_lx{min-height:280px;margin-top:3em;}
.service_content .service_lxinfo {width: 100%;float:none;margin-right:0;font-size:1.2em;line-height:2em;margin-top:0px;padding-top:2em;}
.service_content .service_lxph {width: 100%;float:none;margin-top:1.5em;}
.service_content .service_lxph a{width:50%;height:3em;line-height:3em;font-size: 1em;}
}
@media screen and (max-width:450px) {
.service_content .service_ul{width: 100%;}
.service_content .service_ul li{list-style:none;width:100%;height:100%;float:none;padding:2em 1.5em;margin-right:0em;margin-bottom:2em;}
.service_content .service_ul li span {width:50px;height:50px;}
.service_content .service_ul li span i {width: 50px;height: 50px;}
.service_content .service_ul li h3 {font-size:1.125em;margin-top:1.5em;}
.service_content .service_ul li p {font-size: 0.875em;line-height:1.5em;height:4.5em;margin-top:1em;}
.service_content .service_ul li .service_btn{font-size: 0.875em;line-height:1.5em;height:1.2em;margin-top:1.5em;
padding-right:30px;background: url(../images/service_more.png) no-repeat  48px center;}
.service_content .service_ul li:hover .service_btn{background: url(../images/service_more.png) no-repeat  right center;}
}



/*process*/
.process{width:1200px; height:auto; overflow:hidden; margin-bottom:72px;}
.process ul{margin:0; padding:0; height:auto; overflow:hidden;}
.process ul li{border-bottom:1px solid; border-right:1px solid; border-color:#eeeeee; list-style:none; width:399px; float:left; padding-top:39px; padding-bottom:10px;}
.process ul li:nth-child(3n){border-right:none;}
.process ul li:nth-last-child(3),.process ul li:nth-last-child(2),.process ul li:last-child{border-bottom:none;}
.process ul li img{text-align:center; height:50px; margin-bottom:16px;}
.process ul li .title{text-align:center; font-size:16px; color:#2eb2c9; height:27px; line-height:27px;}
.process ul li .content{line-height:26px; height:78px; font-size:14px; color:#7c7c7c;}
.process_lx{background:#f7f7f7; text-align:center; height:auto; overflow:hidden; padding-bottom:70px;}
.process_lx .img{float:right; width:501px; float:right;}
.process_lx .img img{width:100%;}
.process_lx .page-title{padding-top:54px; padding-bottom:55px;}
.process_lx .page-title h1{height:46px; line-height:46px;}
.process_lx .page-title h3{height:40px; line-height:40px;}
.process_info{width:580px; float:left; padding-top:20px; font-size:14px; line-height:30px; color:#555555; text-align:left; padding-right:119px;}
.process_info .process_lxph a{width:150px; height:45px; line-height:45px; text-align:center; border-radius:6px; background:#2eb2c9; border:1px solid #2eb2c9; margin-top:74px; display:block; color:#fff;}
.process_info .process_lxph:hover a:hover{background:#fff; color:#2eb2c9;}

@media screen and (max-width:1200px) {
	/*process*/
.process{width:100%; height:auto; overflow:hidden; margin-bottom:72px;}
.process ul li{width:calc(100% / 3 - 1px);}
.process ul li .content{padding:0 2em;}
.process_lx .img{float:right; width:41.7%;}
.process_lx .page-title{padding-top:54px; padding-bottom:55px;}
.process_lx .page-title h1{height:46px; line-height:46px;}
.process_lx .page-title h3{height:40px; line-height:40px;}
.process_info{width:calc(58.3% - 3vw); padding-top:0px; padding-right:3vw;}
.process_info .process_lxph a{margin-top:3vw;}
}

@media screen and (max-width:640px) {
	/*process*/
.process{width:100%; height:auto; overflow:hidden; margin-bottom:72px;}
.process ul li{width:100%; border:none;}
.process_lx .img{float:none; width:100%;}
.process_lx .page-title{padding-top:54px; padding-bottom:55px;}
.process_lx .page-title h1{height:46px; line-height:46px;}
.process_lx .page-title h3{height:40px; line-height:40px;}
.process_info{width:100%; padding-top:2em; padding-right:0vw;}
.process_info .process_lxph{width:100%;}
.process_info .process_lxph a{margin:0 auto; margin-top:5vw;}
}



@media screen and (max-width:640px) {
	/*process*/
.process{width:100%; height:auto; overflow:hidden; margin-bottom:72px;}
.process ul li{width:100%; border:none;}
.process_lx .img{float:none; width:100%;}
.process_lx .page-title{padding-top:54px; padding-bottom:55px;}
.process_lx .page-title h1{height:46px; line-height:46px;}
.process_lx .page-title h3{height:40px; line-height:40px;}
.process_info{width:100%; padding-top:2em; padding-right:0vw;}
.process_info .process_lxph{width:100%;}
.process_info .process_lxph a{margin:0 auto; margin-top:5vw;}
}

/*service6*/
.Service_6{margin-top:72px; height:auto; overflow:hidden;}
.Service_6 .service_box{width:1200px; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.Service_6 .title{font-size:22px; line-height:40px; color:#2eb2cb; text-align:left;}
.Service_6 .content{font-size:14px; line-height:30px; color:#6c6c6c; text-align:left;}
.Service_6 .box_01{margin-bottom:82px; height:auto; overflow:hidden;}
.Service_6 .box_02{margin-bottom:35px; height:auto; overflow:hidden;}
.Service_6 .box_01 .img{width:577px; float:right; overflow:hidden;}
.Service_6 .box_02 .img{width:700px; float:left; overflow:hidden;}
.Service_6 .box_03 .img{width:500px; float:right; overflow:hidden;}
.Service_6 .box_01 .box_content{width:623px; float:left; overflow:hidden; padding-right:220px; padding-top:23px;}
.Service_6 .box_02 .box_content{width:500px; float:right; overflow:hidden; padding-top:12px;}
.Service_6 .box_03 .box_content{width:700px; float:left; overflow:hidden; padding-top:126px; padding-right:110px;}
.Service_6 .box_03 .box_content ul{margin:0; padding:0; height:auto; overflow:hidden;}
.Service_6 .box_03 .box_content ul li{font-size:14px; line-height:30px; color:#8c8c8c; list-style:none;}
.Service_6 .box_03 .box_content ul li span{display:block; float:left; width:13px; height:13px; border:1px solid #3bb7ce; background:url(../images/service6_mark.jpg) no-repeat center center; margin:8px 11px 7px 0;}
.service_6_img{height:auto; overflow:hidden; padding:0; margin:0; line-height:0;}
.service_6_foot h1{font-size:30px; line-height:46px; padding:23px 0; color:#2eb2cb; text-align:center; margin-top:5px; margin-bottom:0;}
.service_6_foot h3{font-size:22px; line-height:22px; color:#6c6c6c; text-align:center; margin-bottom:57px;}
.Service_6 img,.service_6_img img{width:100%;}

@media screen and (max-width:1200px) {
	/*service6*/
.Service_6 .service_box{width:100%;}
.Service_6 .box_01 .img{width:48%;}
.Service_6 .box_02 .img{width:58%;}
.Service_6 .box_03 .img{width:42%;}
.Service_6 .box_01 .box_content{width:50%; padding-right:2%; padding-top:1vw;}
.Service_6 .box_02 .box_content{width:42%; padding-top:12px;}
.Service_6 .box_03 .box_content{width:55%; padding-top:3vw; padding-right:3%;}
.service_6_img{height:auto; overflow:hidden; padding:0; margin:0 auto; width:100%; line-height:0;}
}

@media screen and (max-width:850px) {
/*service6*/
.Service_6 .box_01 .img{width:100%; float:none;}
.Service_6 .box_02 .img{width:100%; float:none;}
.Service_6 .box_03 .img{width:100%; float:none;}
.Service_6 .box_01 .box_content{width:100%; float:none; padding-right:0; padding-top:23px; margin-bottom:2em;}
.Service_6 .box_02 .box_content{width:100%; float:none; padding-top:0; margin-bottom:2em;}
.Service_6 .box_03 .box_content{width:100%; float:none; padding-top:0; padding-right:0; margin-bottom:2em;}
}




/*service7*/
.Service_7{margin-top:72px; height:auto; overflow:hidden;}
.Service_7 .service_box{width:1200px; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.Service_7 .title{font-size:22px; line-height:33px; padding:17px 0; color:#2eb2cb; text-align:left; position:relative; margin-bottom:0px;}
.Service_7 .title .title_line{display:block; height:1px; width:79px; position:absolute; left:0; bottom:0; background:#c4c3c3;}
.Service_7 .content{font-size:14px; line-height:30px; color:#6c6c6c; text-align:left; margin-top:16px;}
.Service_7 .box_01{margin-bottom:60px; height:auto; overflow:hidden;}
.Service_7 .box_02{margin-bottom:60px; height:auto; overflow:hidden; background:#eceded; padding-top:137px;}
.Service_7 .box_03{margin-bottom:25px; height:auto; overflow:hidden; margin-bottom:25px;}
.Service_7 .box_01 .img{width:730px; float:left; overflow:hidden;}
.Service_7 .box_02 .img{width:820px; float:right; overflow:hidden; margin-left:-50px; padding-top:10px;}
.Service_7 .box_02 .img img{vertical-align:bottom;}
.Service_7 .box_03 .img{width:660px; float:left; overflow:hidden;}
.Service_7 .box_01 .box_content{width:470px; float:right; overflow:hidden; padding-right:43px; padding-top:114px; text-transform:uppercase;}
.Service_7 .box_02 .box_content{width:430px; float:left; overflow:hidden;}
.Service_7 .box_03 .box_content{width:540px; float:right; overflow:hidden; padding-top:91px; padding-right:43px; padding-left:83px;}
.Service_7 .box_03 .box_content ul{margin:0; padding:0; height:auto; overflow:hidden;}
.Service_7 .box_03 .box_content ul li{font-size:14px; line-height:30px; color:#8c8c8c; list-style:none;}
.Service_7 .box_03 .box_content ul li span{display:block; float:left; width:13px; height:13px; border:1px solid #3bb7ce; background:url(../images/service7_mark.jpg) no-repeat center center; margin:8px 11px 7px 0;}
.Service_7_img{height:auto; overflow:hidden; padding:0; margin:0; line-height:0;}
.service_7_foot{background:#eceded; padding-top:56px; padding-bottom:67px;}
.service_7_foot h1{font-size:30px; line-height:46px; padding:23px 0; color:#2eb2cb; text-align:center; margin-bottom:0;}
.service_7_foot h3{font-size:14px; line-height:30px; color:#6c6c6c; text-align:center; width:630px; margin:0 auto; margin-bottom:30px; height:auto; overflow:hidden;}
.service_7_foot .Service_7 img,.service_7_foot .Service_7_img img{width:100%; height:auto; overflow:hidden;}
.service_7_foot .contact a{margin:0 auto; width:192px; height:54px; border:1px solid #2eb2cb; border-radius:28px; margin-top:53px; display:block; color:#fff;}
.service_7_foot .contact a span{display:block; width:178px; height:40px; line-height:40px; text-align:center; background:#2eb2cb; margin:6px auto; border-radius:20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.service_7_foot .contact a:hover span{background:none;}

@media screen and (max-width:1200px) {
	/*service7*/
.Service_7 .service_box{width:100%;}
.Service_7 .box_01 .img{width:61%;}
.Service_7 .box_02 .img{width:68%; margin-left:-4.2%}
.Service_7 .box_02 .service_box{padding:0 15px;}
.Service_7 .box_03 .img{width:55%;}
.Service_7 .box_01 .box_content{width:35.4%; padding-right:3.6%; padding-top:3vw;}
.Service_7 .box_02 .box_content{width:32%; padding-top:12px;}
.Service_7 .box_03 .box_content{width:42%; padding-top:3vw; padding-left:3%;}
.Service_7 img{width:100%;}
.Service_7_img{height:auto; overflow:hidden; padding:0; margin:0 auto; width:100%; line-height:0;}

.service_7_foot{background:#eceded; padding-top:56px; padding-bottom:67px;}
.service_7_foot h1{font-size:30px; line-height:46px; padding:23px 0; color:#2eb2cb; text-align:center; margin-bottom:0;}
.service_7_foot h3{font-size:14px; line-height:30px; color:#6c6c6c; text-align:center; width:52.5%; margin:0 auto; margin-bottom:30px; height:auto; overflow:hidden;}
.service_7_foot .Service_7 img,.service_7_foot .Service_7_img img{width:100%; height:auto; overflow:hidden;}
}

@media screen and (max-width:850px) {
/*service7*/
.Service_7 .box_01 .img{width:100%; float:none;}
.Service_7 .box_02 .img{width:100%; float:none; margin-left:0;}
.Service_7 .box_03 .img{width:100%; float:none;}
.Service_7 .box_01 .box_content{width:100%; float:none; padding-right:0; padding-top:23px; margin-bottom:2em;}
.Service_7 .box_02 .box_content{width:100%; float:none; padding-top:0; margin-bottom:2em;}
.Service_7 .box_03 .box_content{width:100%; float:none; padding-top:0; padding-right:0; margin-bottom:2em;}
.service_7_foot h3{width:80%;}
}

/*service8*/
.Service_8_top{font-size:14px; line-height:30px; color:#6c6c6c; width:780px; overflow:hidden; margin:0 auto; margin-top:-26px; margin-bottom:71px;}
.Service_8 .top_pic{width:100%; height:auto; overflow:hidden; margin:0; padding:0;}
.Service_8 img{width:100%;}
.Service_8 .profession{background:#f7f7f7; text-align:center; padding-bottom:50px; margin-top:-8px;}
.Service_8 .profession .page-title{margin-bottom:19px;}
.Service_8 .profession .pro_01,.Service_8 .profession .pro_03{width:800px; float:left;}
.Service_8 .profession .pro_02{width:400px; float:right;}
.Service_8 .profession .img{width:400px; height:220px;}
.Service_8 .profession .content{width:400px; height:220px; border:1px solid #eeeeee; padding:25px 28px 0 26px; font-size:14px; line-height:30px; color:#6c6c6c;}
.Service_8 .profession .profession_info{height:auto; overflow:hidden; width:1200px; margin:0 auto;}
.Service_8 .profession .pro_03 .img,.Service_8 .profession .pro_01 .content{float:right;}
.Service_8 .profession .pro_01 .img,.Service_8 .profession .pro_03 .content{float:left;}

.Service_8 .easy{text-align:center; margin-bottom:39px;}
.Service_8 .easy ul{padding:0; height:auto; overflow:hidden; margin:0 auto; margin-top:-17px; width:1200px;}
.Service_8 .easy ul li{width:600px; float:left; list-style:none; margin-bottom:50px;}
.Service_8 .easy ul li:nth-child(2n){padding-left:41px;}
.Service_8 .easy ul li .li_left{width:190px; float:left;}
.Service_8 .easy ul li .li_right{padding:47px 53px 0 42px; width:410px; height:auto; overflow:hidden; text-align:left;}
.Service_8 .easy ul li:nth-child(2n) .li_right{width:369px;}
.Service_8 .easy ul li .li_right .title{font-size:16px; line-height:27px; color:#2eb2c9;}
.Service_8 .easy ul li .li_right .content{font-size:14px; line-height:30px; color:#6c6c6c;}

@media screen and (max-width:1200px){	
/*service8*/
.Service_8_top{width:80%;}
.Service_8 .profession .profession_info{height:auto; overflow:hidden; width:100%; margin:0 auto; padding:0 10px;}
.Service_8 .profession .pro_01,.Service_8 .profession .pro_03{width:100%; float:none; border:1px solid #eee; height:auto; overflow:hidden;}
.Service_8 .profession .pro_02{width:100%; float:none; border:1px solid #eee; height:auto; overflow:hidden;}
.Service_8 .profession .img{width:50%; height:auto; line-height:0;}
.Service_8 .profession .content{width:50%; height:auto; border:none; padding:25px 28px 0 26px; font-size:14px; line-height:30px; color:#6c6c6c;  text-align:left;}
.Service_8 .profession .pro_02 .img,.Service_8 .profession .pro_01 .content,.Service_8 .profession .pro_03 .content{float:right;}
.Service_8 .profession .pro_01 .img,.Service_8 .profession .pro_02 .content,.Service_8 .profession .pro_03 .img{float:left;}

.Service_8 .easy{text-align:center; margin-bottom:39px;}
.Service_8 .easy ul{padding:0; height:auto; overflow:hidden; margin:0 auto; margin-top:-17px; width:100%; padding:0 10px;}
.Service_8 .easy ul li{width:50%; float:left; list-style:none; margin-bottom:50px;}
.Service_8 .easy ul li:nth-child(2n){padding-left:0;}
.Service_8 .easy ul li .li_left{width:190px; float:left;}
.Service_8 .easy ul li .li_right{padding:47px 53px 0 42px; width:calc(100% - 190px); height:auto; overflow:hidden; text-align:left;}
.Service_8 .easy ul li:nth-child(2n) .li_right{width:auto;}
}

@media screen and (max-width:850px) {
/*service8*/
.Service_8_top{width:90%;}
.Service_8 .easy ul li{width:100%; float:none; list-style:none; margin-bottom:50px; clear:both;}
.Service_8 .easy ul li .li_right{padding:47px 53px 0 42px; width:calc(100% - 190px); height:auto; overflow:hidden; text-align:left;}
}

@media screen and (max-width:640px) {
/*service8*/
.Service_8_top{width:100%; padding:0 10px;}
.Service_8 .profession .pro_01,.Service_8 .profession .pro_02,.Service_8 .profession .pro_03{border:none; margin-bottom:3em;}
.Service_8 .profession .img{width:100%;}
.Service_8 .profession .content{width:100%; padding:25px 0 0 0;}

.Service_8 .easy ul li{width:100%; float:none; list-style:none; margin-bottom:50px; clear:both;}
.Service_8 .easy ul li .li_left{width:25%; float:left;}
.Service_8 .easy ul li .li_right{padding:0 53px 0 42px; width:75%; height:auto; overflow:hidden; text-align:left;}
}



/*serviceb*/
.Service_b{margin-top:-15px; height:auto; overflow:hidden; padding-bottom:42px;}
.Service_b .service_box{width:1200px; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.Service_b .service_box:nth-child(2n-1) .img{float:left;}
.Service_b .service_box:nth-child(2n) .img{float:right;}
.Service_b .service_box:nth-child(2n-1) .content{float:right;}
.Service_b .service_box:nth-child(2n) .content{float:left;}
.Service_b .box_01{margin-top:100px;}
.Service_b .box_02{margin-top:148px;}
.Service_b .box_03{margin-top:45px;}
.Service_b .box_01 .img{width:617px; margin-right:-40px;}
.Service_b .box_02 .img{width:518px;}
.Service_b .box_03 .img{width:470px;}
.Service_b .box_01 .content{width:623px;}
.Service_b .box_02 .content{width:635px;}
.Service_b .box_03 .content{width:652px; padding-right:40px;}
.Service_b .service_box .content{text-align:left;}
.Service_b .service_box .content h1{font-size:20px; color:#2eb2c9; line-height:28px; margin-bottom:19px;}
.Service_b .service_box .content .number{font-family:"impact"; font-size:100px; color:#eeeeee; float:left; width:124px; line-height:100px; position:absolute; z-index:2;}
.Service_b .service_box .content .content_right{width:calc(100% - 124px); float:right;}
.Service_b .service_box .content .info{font-size:14px; line-height:26px; color:#aaaaaa;}

@media screen and (max-width:1200px){	
/*serviceb*/
.Service_b .service_box{width:93.75%;}
.Service_b .box_01{margin-top:100px;}
.Service_b .box_02{margin-top:148px;}
.Service_b .box_03{margin-top:45px;}
.Service_b .box_01 .img{width:51%; margin-right:-3%;}
.Service_b .box_02 .img{width:43%;}
.Service_b .box_03 .img{width:39%;}
.Service_b .img img{width:100%;}
.Service_b .box_01 .content{width:52%;}
.Service_b .box_02 .content{width:57%;}
.Service_b .box_03 .content{width:58%; padding-right:3%;}
	}
	

@media screen and (max-width:640px) {
/*serviceb*/
.Service_b .box_01 .img{width:100%; margin-right:0%;}
.Service_b .box_02 .img{width:100%;}
.Service_b .box_03 .img{width:100%;}
.Service_b .img{ margin-bottom:2em;}
.Service_b .box_01 .content{width:100%;}
.Service_b .box_02 .content{width:100%;}
.Service_b .box_03 .content{width:100%; padding-right:0%;}
.Service_b .service_box .content .number{font-size:18vw; width:22vw; line-height:18vw;}
.Service_b .service_box .content .content_right{width:calc(100% - 22vw);}
.Service_b .box_01{margin-top:1em;}
.Service_b .box_02{margin-top:6em;}
.Service_b .box_03{margin-top:3em;}
}




.Service_3{margin-top:62px; height:auto; overflow:hidden; padding-bottom:67px;}
.Service_3 .service_box{width:1200px; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.Service_3 .service_box .box_s{width:320px; float:left; height:auto; overflow:hidden; padding:0 25px; background:#fafafa; padding-bottom:56px;}
.Service_3 .service_box .box_2{float:right;}
.Service_3 .service_box .box_s .title{margin-top:31px; height:56px; line-height:56px; position:relative;}
.Service_3 .service_box .box_s .title span{width:42px; height:1px; display:block; position:absolute; bottom:0; left:50%; margin-left:-21px; background:#cecece;}
.Service_3 .service_box .box_s .info{font-size:14px; line-height:50px;  text-align:left; color:#6c6c6c;}
.Service_3 .service_box .box_b{width:560px; float:left;}
.Service_3 .service_box .box_b img{width:100%;}
.Service_3 .service_info{margin-top:26px; height:auto; overflow:hidden;}
.Service_3 .service_info .title{ height:85px; line-height:85px; position:relative;}
.Service_3 .service_info span{display:block; width:79px; height:1px; background:#c4c3c3; position:absolute; left:50%; margin-left:-40px; bottom:0;}
.Service_3 .service_info ul{margin:0; padding:0; height:auto; overflow:hidden; margin-top:49px;}
.Service_3 .service_info ul li{list-style:none; float:left; margin-right:103px; width:146px;}
.Service_3 .service_info ul li:first-child{margin-left:29px;}
.Service_3 .service_info ul li:last-child{margin-right:29px;}
.Service_3 .service_info ul li .img{width:146px; height:146px; overflow:hidden; border-radius:50%; position:relative; background:#efefef; padding:5px; position:relative;}
.Service_3 .service_info ul li .img img{max-width:136px; max-height:136px; width:100%; border-radius:50%; position:absolute; z-index:2; left:50%; margin-left:-68px;}
.Service_3 .service_info ul li .left_circle{left:0; top:0; position:absolute; width:146px; height:146px; transform:rotate(180deg); clip:rect(0px,80px,160px,0px);border-radius:50%; background: #2eb2c9;}
.Service_3 .service_info ul li .right_circle{left:0; top:0;	position:absolute; width:146px; height:146px; clip:rect(0px,80px,160px,0px); border-radius:50%; background: #2eb2c9;}
.Service_3 .service_info ul li .lc1{transform:rotate(270deg);}
.Service_3 .service_info ul li .rc1{transform:rotate(20deg);}
.Service_3 .service_info ul li .lc2{transform:rotate(110deg);}
.Service_3 .service_info ul li .rc2{transform:rotate(350deg);}
.Service_3 .service_info ul li .lc3{transform:rotate(-75deg);}
.Service_3 .service_info ul li .rc3{transform:rotate(175deg);}
.Service_3 .service_info ul li .lc4{transform:rotate(85deg);}
.Service_3 .service_info ul li .rc4{transform:rotate(195deg);}
.Service_3 .service_info ul li .lc5{transform:rotate(-45deg);}
.Service_3 .service_info ul li .rc5{transform:rotate(205deg);}
.Service_3 .service_info ul li .name{color:#6c6c6c; font-size:14px; margin-top:16px; line-height:30px; height:30px;}


@media screen and (max-width:1200px){
.Service_3 .service_box{width:93.75%;}	
.Service_3 .service_box .box_s{width:27%;}
.Service_3 .service_box .box_s .info{line-height:30px;}
.Service_3 .service_box .box_b{width:46%; float:left;}
.Service_3 .service_info ul li{margin-right:6vw; width:13vw;}
.Service_3 .service_info ul li:first-child{margin-left:2vw;}
.Service_3 .service_info ul li:last-child{margin-right:2vw;}
.Service_3 .service_info ul li .img{width:12vw; height:12vw;}
.Service_3 .service_info ul li .img img{max-width:none; max-height:none; width:calc(12vw - 10px); height:calc(12vw - 10px); margin-left:calc(-50% + 5px); top:50%; margin-top:calc(-50% + 5px);}
.Service_3 .service_info ul li .left_circle{width:13vw; height:13vw;}
.Service_3 .service_info ul li .right_circle{width:13vw; height:13vw;}
}


@media screen and (max-width:1000px){
.Service_3 .service_box .box_s{width:48%; margin:0 1%;}
.Service_3 .service_box .box_s .info{line-height:50px;}
.Service_3 .service_box .box_b{width:100%;}
}

@media screen and (max-width:640px){
.Service_3 .service_box .box_s{width:100%; margin:0 0%; margin-bottom:1em;}
.Service_3 .service_box .box_s .info{text-align:center;}
.Service_3 .service_info ul li{margin-right:2em; width:calc(50% - 1.5em); margin-bottom:3em;}
.Service_3 .service_info ul li:first-child{margin-left:0;}
.Service_3 .service_info ul li:nth-child(2n){margin-right:0;}
.Service_3 .service_info ul li:last-child{margin-right:0;}
.Service_3 .service_info ul li .img{width:40vw; height:40vw;}
.Service_3 .service_info ul li .img img{max-width:none; max-height:none; width:calc(100% - 10px); height:calc(100% - 10px); margin-left:calc(-50% + 5px); top:50%; margin-top:calc(-50% + 5px);}
.Service_3 .service_info ul li .left_circle{width:40vw; height:40vw;}
.Service_3 .service_info ul li .right_circle{width:40vw; height:40vw;}
}

.Service_4{height:auto; overflow:hidden;}
.Service_4 h4{font-size:14px; line-height:30px; color:#6c6c6c; margin-bottom:66px;}
.Service_4 .service_box img{width:100%;}
.Service_4 .service_info{margin-top:68px; margin-bottom:41px; height:auto; overflow:hidden;}
.Service_4 .service_info .main_title{padding:44px 0; font-size:22px; line-height:30px;}
.Service_4 .service_info ul{margin:0; padding:0;}
.Service_4 .service_info ul li{width:558px; height:168px; border:1px solid #dcdcdc; border-radius:3px; float:left; list-style:none; margin-bottom:52px;}
.Service_4 .service_info ul li:nth-child(2n-1){margin-right:80px;}
.Service_4 .service_info ul li .img{padding:0 28px; width:143px; display:table-cell; vertical-align:middle; height:168px;}
.Service_4 .service_info ul li .info{padding:44px 78px 0 23px; width:414px; height:168px; display:table-cell; text-align:left;}
.Service_4 .service_info ul li .info h2{font-size:16px; color:#2eb2cb; line-height:28px; margin:0;}
.Service_4 .service_info ul li .info h3{font-size:14px; line-height:30px; color:#6c6c6c; margin:0;}
.foot_img{position:relative; margin:0; padding:0; height:180px;}
.foot_img img{width:1920px;}
.foot_img .main_center{position:absolute; width:1200px; margin-left:-600px; left:50%; top:50%; margin-top:-22px; font-size:25px; line-height:44px; color:#fff;}
.foot_img .main_center span{color:#2fb1cb;}
.foot_img .main_center a{display:block; float:right; width:225px; height:47px; border:1px solid #2eb2c9; background:#2eb2c9; color:#fff; font-size:18px; line-height:47px; text-align:center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.foot_img .main_center a:hover{background:none; color:#2eb2c9;}

@media screen and (min-width:1920px){
	.foot_img img{width:100%;}
}

@media screen and (max-width:1200px){
.Service_4 .service_info ul li{width:46.5%; height:auto;}
.Service_4 .service_info ul li:nth-child(2n-1){margin-right:6.6%;}
.Service_4 .service_info ul li .img{padding:0 28px; width:12%; display:table-cell; vertical-align:middle; height:168px;}
.Service_4 .service_info ul li .info{padding:44px 23px 0 23px; width:88%; height:168px; display:table-cell; text-align:left;}
.foot_img{position:relative; margin:0; padding:0; height:180px;}
.foot_img img{width:auto;}
.foot_img .main_center{ width:93.75%; margin-left:3.125%; left:0; top:50%; margin-top:-22px; font-size:25px; line-height:44px; color:#fff;}
.foot_img .main_center span{color:#2fb1cb;}
}



@media screen and (max-width:900px){
.Service_4 .service_info ul li{width:100%; height:auto;}
.Service_4 .service_info ul li:nth-child(2n-1){margin-right:0;}
.Service_4 .service_info ul li .img{padding:0 28px; width:12%; display:table-cell; vertical-align:middle; height:168px;}
.Service_4 .service_info ul li .info{padding:44px 23px 44px 23px; width:88%; height:168px; display:table-cell; text-align:left;}
.foot_img .main_center{ font-size:1em;}
.foot_img .main_center a{height:2em; font-size:1em; line-height:2em; padding:0 1em; width:auto;}
}


.Service_5{height:auto; overflow:hidden;}
.Service_5 .service_box{height:auto; overflow:hidden; margin-top:52px;}
.Service_5 .service_box img{width:100%;}
.Service_5 .service_box .box1{height:auto; overflow:hidden;}
.Service_5 .service_box .box1 .img{float:left; width:570px; overflow:hidden;}
.Service_5 .service_box .box1 .box_info{float:right; width:630px; text-align:left; padding-left:82px;}
.Service_5 .service_box .box2 {margin-top:52px; height:auto; overflow:hidden;}
.Service_5 .service_box .box2 .box_info{float:left; width:599px; text-align:left; padding-right:53px;}
.Service_5 .service_box .box2 .img{float:right; width:601px; overflow:hidden;}
.Service_5 .service_box .box_info h2{font-size:22px; color:#2eb2cb; margin-bottom:22px;}
.Service_5 .service_box .box_info h3{font-size:14px; line-height:30px; color:#6c6c6c;}
.Service_5 .service_5_need{height:auto; overflow:hidden;}
.Service_5 .service_5_need h1{font-size:40px; line-height:44px; color:#2eb2c9; font-family:"UUSUNInchike", Arial, serif;; text-transform:uppercase; height:44px; margin:0; margin-top:147px;}
.Service_5 .service_5_need h3{font-size:22px; line-height:30px; color:#333333; margin:0; margin-top:23px; height:30px; margin-bottom:80px;}
.Service_5 .service_5_need ul{margin:0; padding:0; height:auto; overflow:hidden;}
.Service_5 .service_5_need ul li{width:133px; float:left; margin-right:168px; list-style:none;}
.Service_5 .service_5_need ul li img{width:100%;}
.Service_5 .service_5_need ul li:first-child{margin-left:41px;}
.Service_5 .service_5_need ul li:last-child{margin-right:41px;}
.Service_5 .service_5_need ul li h4{font-size:16px; line-height:26px; color:#6c6c6c; margin-top:13px; margin-bottom:81px; text-align:center;}
.Service_5 .service_5_need a{display:block; width:198px; height:48px; border-radius:24px; border:1px solid #2fafbc; background:#2fafbc; color:#fff; line-height:48px; margin:0 auto; margin-bottom:86px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.Service_5 .service_5_need a:hover{background:none;}


@media screen and (max-width:1200px){
.Service_5 .service_box .box1 .img{width:47.5%;}
.Service_5 .service_box .box1 .box_info{width:52.5%;padding-left:6.8%;}
.Service_5 .service_box .box2 .box_info{width:50%; padding-right:4.4%;}
.Service_5 .service_box .box2 .img{width:50%;}
.Service_5 .service_5_need ul li{width:20%; margin-right:5%; list-style:none;}
.Service_5 .service_5_need ul li:first-child{margin-left:2.5%;}
.Service_5 .service_5_need ul li:last-child{margin-right:2.5%;}
}


@media screen and (max-width:640px){
.Service_5 .service_box .box1 .img{width:100%;}
.Service_5 .service_box .box1 .box_info{width:100%; padding-left:0;}
.Service_5 .service_box .box2 .box_info{width:100%; padding-right:0%;}
.Service_5 .service_box .box2 .img{width:100%;}
.Service_5 .service_5_need ul li{width:46%; margin-right:0%; list-style:none;}
.Service_5 .service_5_need ul li:first-child{margin-left:0%;}
.Service_5 .service_5_need ul li:last-child{margin-right:0%;}
.Service_5 .service_5_need ul li:nth-child(2n-1){margin-left:2%; margin-right:4%;}
.Service_5 .service_5_need ul li:nth-child(2n){margin-right:2%;}
}


.Service_9{height:auto; overflow:hidden;}
.Service_9 .service_box{height:auto; overflow:hidden; margin-top:52px;}
.Service_9 .service_box img{width:100%;}
.Service_9 .service_box .box1 {margin-top:52px; height:auto; overflow:hidden;}
.Service_9 .service_box .box1 .box_info{float:left; width:600px; text-align:left; padding-right:68px;}
.Service_9 .service_box .box1 .img{float:right; width:600px; overflow:hidden;}
.Service_9 .service_box .box2{height:auto; overflow:hidden; margin-top:86px; padding-top:81px; padding-bottom:114px;}
.Service_9 .service_box .box2 .img{float:left; width:600px; overflow:hidden;}
.Service_9 .service_box .box2 .box_info{float:right; width:600px; text-align:left;}
.Service_9 .service_box .box2 .box2_bg{width:100%; position:absolute; z-index:-1; background:#f5f5f5; left:0; margin-top:-81px;}
.Service_9 .service_box .box_info h2{font-size:22px; color:#2eb2cb; margin-bottom:22px;}
.Service_9 .service_box .box_info h3{font-size:14px; line-height:30px; color:#6c6c6c;}
.Service_9 .service_9_do{height:auto; overflow:hidden; margin-bottom:91px;}
.Service_9 .service_9_do h1{font-size:40px; line-height:44px; color:#2eb2c9; font-family:"UUSUNInchike", Arial, serif;; text-transform:uppercase; min-height:44px; margin:0; margin-top:147px;}
.Service_9 .service_9_do h3{font-size:22px; line-height:30px; color:#333333; margin:0; margin-top:23px; height:30px; margin-bottom:80px;}
.Service_9 .service_9_do ul{margin:0; padding:0; height:auto; overflow:hidden;}
.Service_9 .service_9_do ul li{width:258px; float:left; margin-right:44px; list-style:none;}
.Service_9 .service_9_do ul li .img{width:142px; height:142px; border-radius:50%; overflow:hidden; margin:0 auto;}
.Service_9 .service_9_do ul li .img img{width:100%;}
.Service_9 .service_9_do ul li:first-child{margin-left:15px;}
.Service_9 .service_9_do ul li:last-child{margin-right:15px;}
.Service_9 .service_9_do ul li h4{font-size:16px; line-height:43px; color:#313131; margin:0; margin-top:10px; text-align:center;}
.Service_9 .service_9_do ul li h5{font-size:14px; line-height:26px; color:#6c6c6c; margin:0;}


@media screen and (max-width:1200px){
.Service_9 .service_box .box1 .box_info{width:50%; padding-right:5.7%;}
.Service_9 .service_box .box1 .img{width:50%;}
.Service_9 .service_box .box2 .img{width:50%;}
.Service_9 .service_box .box2 .box_info{width:50%;}
.Service_9 .service_9_do ul li{width:24%; margin-right:1%; list-style:none;}
.Service_9 .service_9_do ul li:first-child{margin-left:0.5%;}
.Service_9 .service_9_do ul li:last-child{margin-right:0.5%;}
}


@media screen and (max-width:640px){
.Service_9 .service_box .box1 .img{width:100%;}
.Service_9 .service_box .box1 .box_info{width:100%; padding-right:0%;}
.Service_9 .service_box .box2 .box_info{width:100%; padding-left:0;}
.Service_9 .service_box .box2 .img{width:100%;}
.Service_9 .service_9_do ul li{width:46%; margin-right:0%; list-style:none; margin-bottom:2em;}
.Service_9 .service_9_do ul li:first-child{margin-left:0%;}
.Service_9 .service_9_do ul li:last-child{margin-right:0%;}
.Service_9 .service_9_do ul li:nth-child(2n-1){margin-left:2%; margin-right:4%;}
.Service_9 .service_9_do ul li:nth-child(2n){margin-right:2%;}
}

.case_view .title{font-size:34px; line-height:40px; height:40px; color:#444444; font-weight:bold; margin-top:91px; margin-bottom:36px; text-align:center;}
.case_view .info{font-size:14px; line-height:28px; height:auto; overflow:hidden; margin-bottom:27px; text-align:left;}
.case_view .btn{height:48px; margin-bottom:37px;}
.case_view .btn a{display:inline-block; height:46px; border-radius:21px; width:134px; line-height:46px; color:#fff;}
.case_view .btn a:first-child{ border:1px solid #2fb3cc; background:#2fb3cc;}
.case_view .btn a:first-child:hover{background:none; color:#2fb3cc;}
.case_view .btn a:last-child{ border:1px solid #727272; background:#727272; margin-left:16px;}
.case_view .btn a:last-child:hover{background:none; color:#727272 !important;}
.case_view .btn_bottom{margin-bottom:64px;}
.case_view .imglist{margin:37px 0 53px 0;}
.case_view .imglist img{max-width:100%; height:auto; margin-bottom:40px;}
.case_view .imglist img:last-child{margin-bottom:0;}


@media screen and (max-width:640px){
.case_view .btn a{display:inline-block; height:46px; border-radius:21px; width:110px; line-height:46px; color:#fff;}
}