﻿.carousel {
  width: 100%;
  min-width: 1200px;
  height: 560px;
  position: relative;
}
.carousel > .swiper-container {
  width: 100%;
  height: 560px;
  min-width: 1200px;
}
.carousel > .swiper-container > .swiper-wrapper {
  height: 100%;
}
.carousel > .swiper-container > .swiper-wrapper > .swiper-slide {
  height: 100%;
  background-position: center;
}
.carousel > .swiper-container > .pagination {
  position: absolute;
  width: 1200px;
  height: 10px;
  left: 50%;
  margin-left: -600px;
  bottom: 20px;
  text-align: right;
}
.carousel > .swiper-container > .pagination > span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-left: 20px;
}
.carousel > .swiper-container > .pagination > .swiper-active-switch {
  border: 2px solid #13D1BE;
}
.hot_services {
  padding: 50px 0;
}
.hot_services > h1 {
  color: #4F4F4F;
  font-size: 28px;
  text-align: center;
}
.hot_services > h1 > small {
  display: block;
  font-weight: normal;
  color: #B3B3B3;
  font-size: 18px;
  padding-top: 10px;
}
.hot_services > ul {
  padding-top: 50px;
}
.hot_services > ul > li {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  float: left;
  width: 190px;
  height: 116px;
  margin-right: 12px;
  border: 1px solid #efefef;
  box-shadow: 2px 2px 3px #C5C5C5;
  border-radius: 10px;
  background-color: #fcfcfc;
  text-align: center;
  overflow: hidden;
}
.hot_services > ul > li:hover {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  background: -moz-linear-gradient(left, #34D8A8 0%, #36D28D 100%);
  background: -webkit-gradient(linear, left, right, color-stop(0%, #34D8A8), color-stop(100%, #36D28D));
  background: -webkit-linear-gradient(left top, #34D8A8 0%, #36D28D 100%);
  background: -o-linear-gradient(left, #34D8A8 0%, #36D28D 100%);
  background: -webkit-linear-gradient(left, #34D8A8 0%, #36D28D 100%);
  background: linear-gradient(to right, #34D8A8 0%, #36D28D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34D8A8', endColorstr='#36D28D', GradientType=0);
  -webkit-transform: translate3d(0px, -5px, 0px);
     -moz-transform: translate3d(0px, -5px, 0px);
          transform: translate3d(0px, -5px, 0px);
}
.hot_services > ul > li:hover h5,
.hot_services > ul > li:hover p {
  color: #fff;
}
.hot_services > ul > li > a {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding-top: 40px;
  display: block;
  width: 100%;
  height: 100%;
}
.hot_services > ul > li > a > h5 {
  font-size: 24px;
  color: #13D1BE;
  /*margin-bottom: 5px;*/
}
.hot_services > ul > li > a > p {
  font-size: 12px;
  color: #999999;
}
.containerRwoG {
  width: 100%;
  min-width: 1280px;
  background-color: #F3F3F3;
}
.containerRwoG .leader {
  padding: 50px 0;
}
.containerRwoG .leader > h1 {
  color: #4F4F4F;
  font-size: 28px;
  text-align: center;
}
.containerRwoG .leader > h1 > small {
  display: block;
  font-weight: normal;
  color: #B3B3B3;
  font-size: 18px;
  padding-top: 10px;
}
.containerRwoG .leader > ul {
  padding-top: 50px;
}
.containerRwoG .leader > ul > li {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  text-align: center;
  float: left;
  width: 240px;
}
.containerRwoG .leader > ul > li > h5 {
  margin: 36px auto 10px;
  font-size: 18px;
  color: #4F4F4F;
}
.containerRwoG .leader > ul > li > P {
  font-size: 14px;
  color: #999999;
  line-height: 25px;
}
.containerRwoG .leader > .learnmore {
  display: block;
  margin: 40px auto 0;
  width: 300px;
  height: 40px;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  text-align: center;
  line-height: 40px;
  color: #b7b7b7;
}
.containerRwoG .leader > .learnmore:hover {
  color: #fff;
  background-color: #13CDBA;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.experts_row {
  width: 100%;
  min-width: 1280px;
  background-color: #FFF;
  padding: 50px 0 30px 0;
}
.experts_row > .container {
  width: 1280px;
}
.experts_row > .container > h1 {
  color: #4F4F4F;
  font-size: 28px;
  text-align: center;
}
.experts_row > .container > h1 > small {
  display: block;
  font-weight: normal;
  color: #B3B3B3;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 40px;
}
.experts_row > .container > .experts_banner {
  width: 1280px;
  height: 380px;
  position: relative;
}
.experts_row > .container > .experts_banner > .experts {
  width: 1200px !important;
  height: 316px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.experts_row > .container > .experts_banner > .experts > ul {
  height: 318px;
  position: absolute;
  top: 0;
  left: 0;
}
.experts_row > .container > .experts_banner > .experts > ul > li {
  float: left;
  overflow: hidden;
  width: 1200px;
  height: 316px;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic {
  width: 208px;
  height: 314px;
  float: left;
  margin-right: 40px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic > p {
  font-size: 14px;
  color: #999999;
  padding: 10px 10px 0 10px;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic > img {
  width: 208px;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic > .pic_left {
  display: none;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic > .pic_right {
  display: none;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic_hover {
  width: 366px;
  height: 314px;
  float: left;
  border: 1px solid #EAEAEA;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic_hover > .pic_left {
  width: 146px;
  height: 314px;
  display: inline-block;
  background-color: #1A1F23;
  padding-top: 30px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  text-align: center;
  color: #fff;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic_hover > .pic_left > h1 {
  font-size: 20px;
  font-weight: normal;
  height: 44px;
  line-height: 44px;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic_hover > .pic_left > h5 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 45px;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic_hover > .pic_left > img {
  border-radius: 50%;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic_hover > .pic_left > a {
  width: 118px;
  height: 30px;
  display: inline-block;
  border-radius: 4px;
  line-height: 30px;
  background: #13D1BE;
  color: #fff;
  font-size: 14px;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic_hover > .pic_left > .picdiv {
  width: 82px;
  height: 82px;
  background: #FFFFFF;
  margin: 0 auto;
  border-radius: 50%;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic_hover > .pic_right {
  float: right;
  width: 220px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 30px 30px 0 25px;
  font-size: 14px;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic_hover > .pic_right > h1 {
  color: #13D1BE;
  font-size: 14px;
  font-weight: normal;
  height: 25px;
  margin-top: 20px;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic_hover > .pic_right > p {
  font-size: 12px;
  color: #939393;
  height: 80px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  text-align: justify;
}
.experts_row > .container > .experts_banner > .experts > ul > li > .expert_pic_hover .hover_hidden {
  display: none;
}
.experts_row > .container .experts_btn_list {
  height: 30px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.experts_row > .container .experts_btn_list > span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #C9C9C9;
  opacity: 0.8;
  border-radius: 50%;
  margin-right: 10px;
  cursor: pointer;
}
.experts_row > .container .experts_btn_list > .current {
  border: 1px solid #13D1BE;
}
.experts_row > .container .experts_btn_left,
.experts_row > .container .experts_btn_right {
  width: 20px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 130px;
  font-size: 56px;
  color: #B3B4C1;
  font-weight: lighter;
  line-height: 40px;
  cursor: pointer;
}
.experts_row > .container .experts_btn_left:hover,
.experts_row > .container .experts_btn_right:hover {
  background: #f5f5f5;
}
.experts_row > .container .experts_btn_right {
  right: 0px;
}
.compareBanner {
  width: 100%;
  height: 310px;
  min-width: 1280px;
  background-image: url('../images/banner001.png');
  background-repeat: no-repeat;
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
}
.compareBanner .compareLeft {
  float: left;
  color: #fff;
  padding-left: 65px;
}
.compareBanner .compareLeft > h1 {
  font-size: 28px;
  padding: 85px 0 25px 0;
}
.compareBanner .compareLeft > p {
  font-size: 18px;
  line-height: 30px;
}
.compareBanner .compareRight {
  float: right;
  color: #444444;
  padding-right: 65px;
}
.compareBanner .compareRight > h1 {
  font-size: 28px;
  padding: 85px 0 25px 0;
}
.compareBanner .compareRight > p {
  font-size: 18px;
  line-height: 30px;
}
.containerRowG {
  width: 100%;
  min-width: 1280px;
  background-color: #F3F3F3;
  /*margin-top: 74px;*/
}
.containerRowG > .selfprocess {
  padding: 50px 0;
}
.containerRowG > .selfprocess > h1 {
  color: #4F4F4F;
  font-size: 28px;
  text-align: center;
}
.containerRowG > .selfprocess > h1 > small {
  display: block;
  font-weight: normal;
  color: #B3B3B3;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 40px;
}
.containerRowG > .selfprocess > ul > li {
  float: left;
  width: 264px;
  height: 336px;
  margin-right: 48px;
  position: relative;
}
.containerRowG > .selfprocess > ul > li > .content {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
}
.containerRowG > .selfprocess > ul > li > .content > img {
  display: block;
  width: 144px;
  height: 144px;
  margin: 0 auto;
}
.containerRowG > .selfprocess > ul > li > .content > h1 {
  font-size: 18px;
  font-weight: bold;
  color: #666666;
  padding: 20px 0;
}
.containerRowG > .selfprocess > ul > li > .content > h2 {
  font-size: 16px;
  color: #777777;
  width: 224px;
  margin: 0 auto;
  font-weight: normal;
}
.containerRowG > .selfprocess > ul > li > .content > a {
  display: block;
  width: 165px;
  height: 36px;
  border-radius: 18px;
  background-color: #13CDBA;
  line-height: 36px;
  margin: 25px auto 0;
  color: #fff;
}
.containerRowG > .selfprocess > ul > li:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 316px;
  bottom: 0;
  border-radius: 10px;
  background-color: #fff;
}
.aboutus {
  width: 100%;
  background-color: #fff;
  min-width: 1280px;
  padding: 50px 0;
}
.aboutus > .container > h1 {
  color: #4F4F4F;
  font-size: 28px;
  text-align: center;
}
.aboutus > .container > h1 > small {
  display: block;
  font-weight: normal;
  color: #B3B3B3;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 40px;
}
.aboutus > .container > ul > li {
  float: left;
  width: 238px;
  margin-right: 243px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.aboutus > .container > ul > li > a {
  padding-top: 100px;
  display: block;
  width: 100%;
  height: auto;
}
.aboutus > .container > ul > li > a > h5 {
  padding-bottom: 20px;
  color: #4F4F4F;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.aboutus > .container > ul > li > a > p {
  color: #999999;
  font-size: 14px;
  text-align: justify;
}
.aboutus > .container > ul .aboutus01 {
  background-image: url('../images/about1.png');
  background-repeat: no-repeat;
  -o-background-size: 91px 91px;
     background-size: 91px 91px;
  background-position: top center;
}
.aboutus > .container > ul .aboutus01:hover {
  background-image: url(../images/about1_hover.png);
}
.aboutus > .container > ul .aboutus02 {
  background-image: url('../images/about2.png');
  background-repeat: no-repeat;
  -o-background-size: 91px 91px;
     background-size: 91px 91px;
  background-position: top center;
}
.aboutus > .container > ul .aboutus02:hover {
  background-image: url(../images/about2_hover.png);
}
.aboutus > .container > ul .aboutus03 {
  background-image: url('../images/about3.png');
  background-repeat: no-repeat;
  -o-background-size: 91px 91px;
     background-size: 91px 91px;
  background-position: top center;
}
.aboutus > .container > ul .aboutus03:hover {
  background-image: url(../images/about3_hover.png);
}
.easy {
  padding: 50px 0;
  width: 100%;
  min-width: 1280px;
  background-color: #13D1BE;
}
.easy > .container > h1 {
  font-size: 28px;
  color: #fff;
  text-align: center;
  padding-bottom: 30px;
}
.easy > .container > h1 > small {
  padding-top: 10px;
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.8);
}
.easy > .container > img {
  display: block;
  width: 1093px;
  height: 92px;
  margin: 0 auto;
}
.easy > .container > ul > li {
  float: left;
  width: 130px;
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-align: center;
  padding-top: 10px;
  margin-right: 130px;
}
.easy > .container > ul .one {
  padding-left: 20px;
}
.newCenter {
  padding: 50px 0;
}
.newCenter > h1 {
  color: #4F4F4F;
  font-size: 28px;
  text-align: center;
  padding-bottom: 38px;
}
.newCenter > h1 > small {
  display: block;
  font-weight: normal;
  color: #B3B3B3;
  font-size: 18px;
  padding-top: 10px;
}
.newCenter > .encyclopedia > ul > li {
  float: left;
  width: 373px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  border-radius: 15px;
  margin-right: 36px;
  overflow: hidden;
  padding-bottom: 20px;
  box-shadow: 2px 5px 5px rgba(204, 204, 204, 0.6);
}
.newCenter > .encyclopedia > ul > li > a {
  display: block;
  width: 100%;
  height: auto;
}
.newCenter > .encyclopedia > ul > li > a > .cutting {
  width: 376px;
  height: 200px;
  overflow: hidden;
}
.newCenter > .encyclopedia > ul > li > a > .cutting > img {
  width: 376px;
}
.newCenter > .encyclopedia > ul > li > a > .news_title {
  padding: 20px 15px 0;
}
.newCenter > .encyclopedia > ul > li > a > .news_title > h5 {
    /* display: inline-block; */
    /* width: 20%; */
    height: 100%;
    vertical-align: top;
    color: #13D1BE;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
}
.newCenter > .encyclopedia > ul > li > a > .news_title > p {
    /* width: 70%; */
    /* display: inline-block; */
    vertical-align: top;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    position: relative;
    color: #4F4F4F;
    /* float: right; */
    /* padding-right: 28px; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 3; */
    text-align: justify;
}
.newCenter > .encyclopedia > ul > li > a > .news_title span {
  color: #13D1BE;
}
.newCenter > .info {
  padding-top: 50px;
}
.newCenter > .info > .opition_card {
  float: left;
  width: 500px;
  height: 280px;
  margin-right: 194px;
}
.newCenter > .info > .opition_card > .info_list > .info_list_title {
  color: #4F4F4F;
  font-weight: bold;
  font-size: 20px;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
}
.newCenter > .info > .opition_card > .info_list > .info_list_title > img {
  vertical-align: middle;
  margin-right: 10px;
}
.newCenter > .info > .opition_card > .opition_info_btn {
  border-bottom: 1px solid #DEDFE2;
  cursor: pointer;
}
.newCenter > .info > .opition_card > .opition_info_btn > ul > li {
  float: left;
  margin-right: 35px;
  height: 60px;
  line-height: 60px;
}
.newCenter > .info > .opition_card > .opition_info_btn > ul > .opition_active {
  color: #13D1BE;
  border-bottom: 2px solid #13D1BE;
}
.newCenter > .info > .opition_card > .opition_info_content {
  width: 500px;
  padding: 20px 5px 0 5px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
.newCenter > .info > .opition_card > .opition_info_content > ul > div {
  display: none;
}
.newCenter > .info > .opition_card > .opition_info_content > ul > div > li {
   color: #898989;
    cursor: pointer;
    height: 30px;
    font-size: 14px;
}
.newCenter > .info > .opition_card > .opition_info_content > ul > div > li > a {
  display: block;
  color: #898989;
  font-size: 14px;
  display: inline-block;
  width: 82%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  height: 22px;
  line-height: 22px;
}
.newCenter > .info > .opition_card > .opition_info_content > ul > div > li > a > span {
  float: right; 
}
.newCenter > .info > .opition_card > .opition_info_content > ul > div > li:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #13D1BE;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  margin-top: -11px;
}
.footerBanner {
  width: 100%;
  height: 310px;
  min-width: 1280px;
  background-image: url('../images/banner002.png');
  background-repeat: no-repeat;
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  color: #FFFFFF;
}
.footerBanner > h1 {
  text-align: center;
  padding-top: 50px;
  font-size: 60px;
}
.footerBanner > ul {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  width: 1200px;
  margin: 70px auto 0;
  padding: 0 7%;
}
.footerBanner > ul > li {
  float: left;
  width: 33%;
  text-align: center;
}
.footerBanner > ul > li > h5 {
  font-size: 36px;
  font-weight: bold;
}
