@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* =======================================================
*
* 	Template Style 
*
* ======================================================= */
body {
  font-family:'Microsoft YaHei';
  font-weight: 400;
  font-size: 15px;
  line-height: 1.7;
  color: #666;
  background-color: #f1f1f1;
}

p{margin:0px;}

#page {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  overflow:hidden;
}
.offcanvas #page {
  overflow: hidden;
  position: absolute;
}
.offcanvas #page:after {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.7);
  content: "";
}

a {
    color: #2D6CDF;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
a:hover, a:active, a:focus {
  color: #2D6CDF;
  outline: none;
  text-decoration: none;
}

/*p {
  margin-bottom: 20px;
}*/
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}

h1, h2, h3, h4, h5, h6, figure {
  color: #666;
  font-family: "Microsoft YaHei", serif;
  font-weight: 400;
  margin: 0 0 20px 0;
}

::-webkit-selection {
  color: #fff;
  background: #2D6CDF;
}

::-moz-selection {
  color: #fff;
  background: #2D6CDF;
}

::selection {
  color: #fff;
  background: #2D6CDF;
}

.fh5co-nav {
  width: 100%;
  padding: 0;
  z-index: 1001;
  background:#F5F5F5;
  /*border-bottom:1px solid #ccc;*/
}
.fh5co-nav .top-menu {
    padding-top: 22px;
    padding-bottom: 10px;
}
.fh5co-nav .top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 0px 0;
  margin-bottom: 0;
}
.fh5co-nav .top .num, .fh5co-nav .top .fh5co-social, .fh5co-nav .top .site {
  display: inline-block;
  margin: 0;
  padding: 5px 12px;
}

@media screen and (max-width: 768px) {
  .fh5co-nav .top .num, .fh5co-nav .top .fh5co-social, .fh5co-nav .top .site {
    padding: 5px 10px;
  }
}
.fh5co-nav .top .site {
  float: left;
  font-weight: 300;
  margin-top: 0px;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 480px) {
  .fh5co-nav .top .site {
    display: none;
  }
}
.fh5co-nav .top .num {
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  letter-spacing: 0px;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.fh5co-nav .top .fh5co-social {
  margin: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.fh5co-nav .top .fh5co-social li {
  font-size: 14px;
  display: inline-block;
}
.fh5co-nav .top .fh5co-social li a {
  padding: 7px 7px;
}
.fh5co-nav .top .fh5co-social li a i {
  font-size: 14px;
}
.fh5co-nav #fh5co-logo {
  font-size: 24px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-weight: 700;
  font-family: "Microsoft YaHei", Arial, sans-serif;
}

.fh5co-nav #fh5co-logo .imglogo{
    /*width:250px;
    height:70px;*/
    margin-top:25px;
}

.fh5co-nav #fh5co-logo a {
  color: #000;
  position: relative;
  /*padding-left: 25px;*/
}
.fh5co-nav #fh5co-logo a span {
  color: #000;
}
.fh5co-nav #fh5co-logo a i {
  position: absolute;
  top: 5px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .fh5co-nav .menu-1 {
    display: none;
  }
}
.fh5co-nav ul {
  padding: 0;
  margin: 5px 0 0 0;
}
.fh5co-nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
  font-weight: 300;
}
.fontbold{
    font-weight:400;
}
.fh5co-nav ul li a {
  font-size: 18px;
  padding: 22px 30px;
  color: #666;
  /*-webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;*/
}
.fh5co-nav ul li a:hover, .fh5co-nav ul li a:focus, .fh5co-nav ul li a:active {
  color: #999;
  background:#fff;
}
.fh5co-nav ul li.has-dropdown {
  /*position: absolute;*/
}
.shfbt{
    padding-right:30px;
}
.shfbt img{
    width:25px;
}
.shfbt a,.shfbt a:hover{
    color:#666;
}
.fh5co-nav ul li.has-dropdown .dropdown {
  -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
    /*-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;*/
  /*border-radius: 4px;*/
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;

  z-index: 999;
  visibility: hidden;
  position: absolute;
  top: 100px;
  text-align: left;
  background: #fff;
  padding: 20px;
  width:800px;
}
.fh5co-nav ul li.has-dropdown .dropdown:before {
  /*bottom: 100%;
  left: 280px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #cccccc;
  border-width: 8px;
  margin-left: -8px;*/
}
.fh5co-nav ul li.has-dropdown .dropdown li {
  display: block;
  margin-bottom: 7px;
}
.fh5co-nav ul li.has-dropdown .dropdown li:last-child {
  margin-bottom: 0;
}
.fh5co-nav ul li.has-dropdown .dropdown li a {
  padding: 2px 0;
  display: block;
  color: #666;
  line-height: 1.2;
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0;
  background:none;
  font-weight: 400;
}
.fh5co-nav ul li.has-dropdown .dropdown li a:hover {
    /*-webkit-animation: Glow 1.5s ease infinite alternate;
    animation: Glow 1.5s ease infinite alternate;*/
    color:#F96A0A;
    font-weight:bolder;
}
@-webkit-keyframes Glow {
    from {
        text-shadow: 0 0 10px #fff,
                     0 0 10px #fff,
                     0 0 10px #fff,
                     0 0 10px #fff,
                     0 0 10px #fff,
                     0 0 10px #fff,
                     0 0 10px #555,
                     0 0 10px #555;
    }
    to {
        text-shadow: 0 0 5px #fff,
                     0 0 10px #fff,
                     0 0 10px #fff,
                     0 0 10px #fff,
                     0 0 10px #fff,
                     0 0 10px #fff,
                     0 0 10px #555,
                     0 0 10px #555;
    }
}
.fh5co-nav ul li.has-dropdown:hover a, .fh5co-nav ul li.has-dropdown:focus a {
  /*color: #000;*/
}
/****************修改二级菜单样式*************************/
.fh5co-nav ul li.has-dropdown .dropdown li  .childspan{
    border-bottom:1px solid #999;
    line-height:30px;
    width:90%;
    color:#F96A0A;
}
.dropdown li{
    float:left;
    min-width:180px;
}
.dropdown li .chliddown li{
   clear:both;
}
@media (max-width: 1100px) {
    .fh5co-nav ul li.has-dropdown .dropdown {
        left:-150px;
    }
} 
@media (max-width: 790px) {
    .fh5co-nav ul li.has-dropdown .dropdown {
        left:-140px;
    }
}
/*------------二级菜单特殊-----------------*/
.fh5co-nav ul li .chliddown {
    overflow:hidden;
}

.fh5co-nav ul li.has-dropdown .dropdown li  .childspan {
    /*font-weight:600;*/
    font-size:16px;
}

.fh5co-nav ul li .chliddown li{
    float:left;
    margin-left:10px;
    margin-bottom:10px;
}
/*-----------------end-------------------------*/

.fh5co-nav ul li.btn-cta a {
  padding: 30px 0px !important;
  color: #fff;
}
.fh5co-nav ul li.btn-cta a span {
  background: #2d6cdf;
  padding: 4px 10px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  -ms-border-radius: 1;
  border-radius: 1;
}
.fh5co-nav ul li.btn-cta a:hover span {
  -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  /*color:aquamarine;
  background:red;*/
}
.fh5co-nav ul li.active > a {
  font-weight: 400;
}

#fh5co-hero {
  /*min-height: 630px;
  height: 630px;*/
  /*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;
}
#fh5co-hero .flexslider .slides {
  position: relative;
  overflow: hidden;
}
#fh5co-hero .flexslider .slides li {
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/
  /*background-size: 100% 100%;*/
  /*background-position: bottom center;*/
  /*background-position: center;*/
  /*min-height: 600px;*/
  height: 350px;
  position: relative;
}
#fh5co-hero .flexslider .slides li:after {
  /*position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;*/
}
#fh5co-hero .flexslider .flex-control-nav {
  bottom: 10px;
  z-index: 1000;
}
#fh5co-hero .flexslider .flex-control-nav li a {
  background: rgba(255, 255, 255, 0.6);
  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.9);
}
.adiv{
    display:block;
    overflow:hidden;
}
#fh5co-hero .flexslider .flex-direction-nav {
  display: none;
}
#fh5co-hero .flexslider .slider-text {
  display: table;
  opacity: 0;
  min-height: 600px;
  height: 600px;
  z-index: 9;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner {
  display: table-cell;
  vertical-align: middle;
  height: 600px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner p{
    text-align:center;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h1, #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
  margin: 0;
  padding: 0;
  color: white;
}
 #fh5co-hero .flexslider .slider-text > .slider-text-inner h1 {
     padding-top: 170px;
     font-size: 40px;
     line-height: 1.3;
     font-weight: 300;
     margin-bottom: 300px;
 }
@media screen and (max-width: 768px) {
  #fh5co-hero .flexslider .slider-text > .slider-text-inner h1 {
    font-size: 30px;
    margin-bottom: 310px;
  }
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
  font-family: "Microsoft YaHei", Arial, sans-serif;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 a {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .btn {
  padding: 18px 30px !important;
  color: #fff;
  border: none !important;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .btn:hover {
  background: #2D6CDF !important;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !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-bg-section {
  background: #e8e8e8;
}

#fh5co-course-categories,
#fh5co-counter,
#fh5co-course,
#fh5co-register,
#fh5co-pricing,
#fh5co-testimonial,
#fh5co-blog,
#fh5co-about,
#fh5co-staff,
#fh5co-contact,
#fh5co-footer {
  padding: 3em 0;
  clear: both;
}
@media screen and (max-width: 768px) {
  #fh5co-course-categories,
  #fh5co-counter,
  #fh5co-course,
  #fh5co-register,
  #fh5co-pricing,
  #fh5co-testimonial,
  #fh5co-blog,
  #fh5co-about,
  #fh5co-staff,
  #fh5co-contact,
  #fh5co-footer {
    padding: 3em 2em;
  }
}

.services {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 40px;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.services h3 {
  font-size: 18px;
  font-weight: 400;
}
.services h3 a {
  color: #000;
}
.services .icon {
  width: 90px;
  height: 90px;
  background: rgba(0, 0, 0, 0.04);
  display: table;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 992px) {
  .services .icon {
    margin: 0 auto 30px auto;
  }
}
.services .icon i {
  display: table-cell;
  vertical-align: middle;
  font-size: 40px;
  line-height: 40px;
  color: #000;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.services:hover .icon, .services:focus .icon {
  background: #2D6CDF;
}
.services:hover .icon i, .services:focus .icon i {
  color: #fff;
}

.fh5co-counters {
  padding: 7em 0;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  position: relative;
}
.fh5co-counters .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background: rgba(0, 0, 0, 0.5);
}
.fh5co-counters .counter-wrap {
  border: 1px solid red !important;
}
.fh5co-counters .fh5co-counter {
  font-size: 44px;
  display: block;
  color: white;
  font-family: "Microsoft YaHei", serif;
  width: 100%;
  font-weight: 400;
  margin-bottom: .1em;
}
.fh5co-counters .fh5co-counter-label {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  margin-bottom: 2em;
  display: block;
  font-family: "Microsoft YaHei", serif;
}
.fh5co-counters .icon i {
  font-size: 45px;
  color: #fff;
}

.course {
  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-bottom: 30px;
  min-height:310px;
}
.course .desc, .course .course-img {
  width: 50%;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .course .desc, .course .course-img {
    width: 100%;
  }
}
.course .course-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .course .course-img {
    height: 270px;
  }
}
.course .desc {
  padding: 1.7em;
  background: #fafafa;
}
.course .desc h3 {
  font-size: 18px;
  font-weight: 400;
}
.course .desc h3 a {
  color: #000;
}
.course .desc .date {
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
}
.course .desc .btn-course {
  border: 1px solid #ccc !important;
  background: transparent;
  color: rgba(0, 0, 0, 0.8) !important;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 11px 15px !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.course .desc .btn-course:hover {
  background: #5486E2;
  color: white !important;
}
.course:hover .course-img {
  /*box-shadow: inset 0px 0px 1px 1px #076A8A;*/
}

.fh5co-social-icons {
  margin: 0;
  padding: 0;
}
.fh5co-social-icons li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.fh5co-social-icons li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #2D6CDF;
  padding-left: 10px;
  padding-right: 10px;
}
.fh5co-social-icons li a i {
  font-size: 20px;
}

.fh5co-contact-info ul {
  padding: 0;
  margin: 0;
}
.fh5co-contact-info ul li {
  padding: 0 0 0 40px;
  margin: 0 0 30px 0;
  list-style: none;
  position: relative;
  color: rgba(0, 0, 0, 0.8);
}
.fh5co-contact-info ul li:before {
  color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  top: .05em;
  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;
}
.fh5co-contact-info ul li.address:before {
  font-size: 30px;
  content: "\e9dc";
}
.fh5co-contact-info ul li.phone:before {
  font-size: 23px;
  content: "\ea3b";
}
.fh5co-contact-info ul li.email:before {
  font-size: 23px;
  content: "\e91e";
}
.fh5co-contact-info ul li.url:before {
  font-size: 23px;
  content: "\e9df";
}
.fh5co-contact-info ul li a {
  color: rgba(0, 0, 0, 0.8);
}

.fh5co-heading {
  margin-bottom: 5em;
}
.fh5co-heading h2 {
  font-size: 40px;
  margin-bottom: 10px;
  line-height: 1.5;
  color: #666;
  text-transform: uppercase;
  position: relative;
}
.fh5co-heading h2:after {
  /*position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  width: 200px;
  height: 1px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.08);*/
}
.fh5co-heading p {
  font-size: 16px;
}

#fh5co-testimonial {
  background: #1F5F8B;
  position: relative;
}
#fh5co-testimonial .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background: rgba(31, 95, 139, 0.7);
}
#fh5co-testimonial .testimony-slide {
  text-align: center;
  position: relative;
  color: #fff !important;
}
#fh5co-testimonial .testimony-slide span {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  display: block;
}
#fh5co-testimonial .testimony-slide span small {
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 3px;
}
#fh5co-testimonial .testimony-slide .user {
  display: block;
  width: 100px;
  height: 100px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 auto;
  margin-bottom: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#fh5co-testimonial .testimony-slide blockquote {
  border: none;
  margin: 30px auto;
  width: 70%;
  position: relative;
  padding: 0;
}
@media screen and (max-width: 768px) {
  #fh5co-testimonial .testimony-slide blockquote {
    width: 85%;
  }
}
#fh5co-testimonial .arrow-thumb {
  position: absolute;
  top: 40%;
  display: block;
  width: 100%;
}
#fh5co-testimonial .arrow-thumb a {
  font-size: 32px;
  color: #dadada;
}
#fh5co-testimonial .arrow-thumb a:hover, #fh5co-testimonial .arrow-thumb a:focus, #fh5co-testimonial .arrow-thumb a:active {
  text-decoration: none;
}
#fh5co-testimonial .owl-theme .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.3) !important;
}
#fh5co-testimonial .owl-theme .owl-dots .active span {
  background: white !important;
}
#fh5co-testimonial .fh5co-heading {
  margin-bottom: 3em;
}
#fh5co-testimonial .fh5co-heading h2 {
  color: #fff;
  margin-bottom: 20px !important;
}
#fh5co-testimonial .fh5co-heading h2:after {
  background: transparent !important;
}
#fh5co-testimonial .fh5co-heading p {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-testimonial .fh5co-heading span {
  padding: 7px 15px;
  position: relative;
}
#fh5co-testimonial .fh5co-heading span:before {
  position: absolute;
  top: 24px;
  left: -40px;
  content: '';
  width: 40px;
  height: 1px;
  background: white;
}
#fh5co-testimonial .fh5co-heading span:after {
  position: absolute;
  top: 24px;
  right: -40px;
  content: '';
  width: 40px;
  height: 1px;
  background: white;
}

.wrap-price {
  padding: 2em 4em;
}

.pricing__feature-list {
  width: 100%;
  float: left;
}
.pricing__feature-list li {
  margin-bottom: 10px;
}

.pricing__item {
  width: 100%;
  float: left;
  clear: both;
}
@media screen and (max-width: 768px) {
  .pricing__item {
    margin-bottom: 30px;
  }
}

.fh5co-event {
  position: relative;
  padding-left: 120px;
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.fh5co-event .date {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, 0.03);
  display: table;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.fh5co-event .date span {
  display: table-cell;
  vertical-align: middle;
  height: 100px;
  width: 100px;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
.fh5co-event h3 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.fh5co-event h3 a {
  color: black;
}

.fh5co-blog {
  margin-bottom: 30px;
  width: 100%;
  float: left;
}
@media screen and (max-width: 768px) {
  .fh5co-blog {
    width: 100%;
  }
}
.fh5co-blog .blog-img-holder {
  display: block;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  height: 270px;
}
.fh5co-blog .blog-text {
  position: relative;
  background: rgba(0, 0, 0, 0.03);
  width: 100%;
  padding: 30px;
  float: left;
}
.fh5co-blog .blog-text span {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 20px;
}
.fh5co-blog .blog-text span.comment {
  float: right;
}
.fh5co-blog .blog-text span.comment a {
  color: rgba(0, 0, 0, 0.3);
}
.fh5co-blog .blog-text span.comment a i {
  padding-left: 7px;
}
.fh5co-blog .blog-text h3 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.fh5co-blog .blog-text h3 a {
  color: black;
}
.fh5co-blog .blog-text .btn-blog {
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.8);
  color: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.fh5co-blog .blog-text .btn-blog:hover {
  color: #fff !important;
}

#fh5co-register {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
#fh5co-register .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: rgba(0, 0, 0, 0.5);
}
#fh5co-register h2, #fh5co-register h3, #fh5co-register p {
  color: #fff;
}
#fh5co-register .btn-reg {
  background: transparent;
  border: 2px solid #fff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.simply-countdown {
  /* The countdown */
  margin-top: 3em;
  margin-bottom: 3em;
}

.simply-countdown > .simply-section {
  /* coutndown blocks */
  display: inline-block;
  width: 120px;
  height: 120px;
  background: rgba(0, 0, 0, 0.2);
  margin: 0 5px;
  position: relative;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.simply-countdown > .simply-section > div {
  /* countdown block inner div */
  display: table-cell;
  vertical-align: middle;
  height: 115px;
  width: 120px;
}

.simply-countdown > .simply-section .simply-amount,
.simply-countdown > .simply-section .simply-word {
  display: block;
  color: white;
  /* amounts and words */
}

.simply-countdown > .simply-section .simply-amount {
  font-size: 40px;
  /* amounts */
}

.simply-countdown > .simply-section .simply-word {
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 700;
  /* words */
}

.staff {
  width: 100%;
  float: left;
  display: block;
  margin-bottom: 10px;
  min-height:330px;
}
.staff .staff-img {
    width: 100%;
    float: left;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    height: 170px;
    margin-bottom: 20px;
    display: table;
    border: 2px #eee solid;
     background-repeat:no-repeat; 
     background-size:100% 100%;
     -moz-background-size:100% 100%;
}
.staff .staff-img:before {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: rgba(0, 63, 76, 0.5);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.staff:hover .staff-img:before {
  opacity: 1;
}
.staff .staff-img .fh5co-social li {
  display: inline-block;
  padding: 0 7px;
}
.staff h3 {
  font-size: 14px;
}
.staff h3 a {
  color: #000;
  font-family:'Microsoft YaHei';
}
.staff span {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
}
.staff p {
  font-size: 12px;
}

#fh5co-gallery {
  padding-top: 2.5em;
}
#fh5co-gallery h2 {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 2.5em;
  font-family: "Microsoft YaHei", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
}
#fh5co-gallery h2 span {
  border: 2px solid rgba(0, 0, 0, 0.8);
  padding: 10px 15px;
  position: relative;
}
#fh5co-gallery h2 span:before, #fh5co-gallery h2 span:after {
  position: absolute;
  top: 18px;
  bottom: 0;
  content: '';
  width: 100px;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
#fh5co-gallery h2 span:before {
  lett: 0;
  margin-left: -125px;
}
#fh5co-gallery h2 span:after {
  right: 0;
  margin-right: -110px;
}

.gallery {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  height: 300px;
}
.gallery:hover {
  -webkit-box-shadow: inset 0px 0px 124px 11px rgba(0, 0, 0, 0.74);
  -moz-box-shadow: inset 0px 0px 124px 11px rgba(0, 0, 0, 0.74);
  box-shadow: inset 0px 0px 124px 11px rgba(0, 0, 0, 0.74);
}

#fh5co-footer {
  background: #464d5a;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  color: #fff !important;
}
#fh5co-footer .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #464d5a;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-footer .fh5co-footer-links {
  padding: 0;
  margin: 0;
}
#fh5co-footer .fh5co-footer-links li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#fh5co-footer .fh5co-footer-links li a {
  color: #fff;
  text-decoration: none;
  font-size:14px;
  padding-left:6px;
}
#fh5co-footer .fh5co-footer-links li a:hover {
  /*text-decoration: underline;*/
}
#fh5co-footer .fh5co-widget {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #fh5co-footer .fh5co-widget {
    text-align: left;
  }
}
#fh5co-footer .fh5co-widget h3 {
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  font-family:"Microsoft YaHei";
}
#fh5co-footer .copyright .block {
  display: block;
  margin-bottom:20px;
}
#fh5co-footer .copyright .block a {
  color: rgba(255, 255, 255, 0.5);
}

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

#fh5co-offcanvas {
  position: absolute;
  z-index: 1901;
  width: 300px;
  background: black;
  top: 0;
  right: -30px;
  top: 0;
  bottom: 0;
  padding: 75px 40px 40px 40px;
  overflow-y: auto;
  display: none;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  #fh5co-offcanvas {
    display: block;
  }
}
.offcanvas #fh5co-offcanvas {
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
#fh5co-offcanvas a {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-offcanvas a:hover {
  color: rgba(255, 255, 255, 0.8);
}
#fh5co-offcanvas ul {
  padding: 0;
  margin: 0;
}
#fh5co-offcanvas ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow:hidden;
  clear:both;
}
#fh5co-offcanvas ul li > ul {
  padding-left: 20px;
  display: none;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a {
  display: block;
  position: relative;
  overflow:hidden;
}

#fh5co-offcanvas ul li.offcanvas-has-dropdown .chliddown {
  display:none;
  overflow:hidden;
}

#fh5co-offcanvas ul li.offcanvas-has-dropdown > a:after {
  position: absolute;
  right: 0px;
  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;
  content: "\ea1c";
  font-size: 20px;
  color: #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display:none;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.uppercase {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.gototop.active {
  opacity: 1;
  visibility: visible;
}
.gototop a {
  width: 50px;
  height: 50px;
  display: table;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.gototop a i {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.gototop a:hover, .gototop a:active, .gototop a:focus {
  text-decoration: none;
  outline: none;
}

.fh5co-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: #444;
}
.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: inline-block;
  width: 25px;
  height: 2px;
  color: #252525;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #252525;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 2px;
  background: #252525;
  position: absolute;
  left: 0;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle.fh5co-nav-white > i {
  color: #fff;
  background: #666;
}
.fh5co-nav-toggle.fh5co-nav-white > i::before, .fh5co-nav-toggle.fh5co-nav-white > i::after {
  background: #666;
}
.fh5co-nav-toggle.fh5co-nav-white.active > i {
  color: #fff;
  background: #000;
}
.fh5co-nav-toggle.fh5co-nav-white.active > i::before, .fh5co-nav-toggle.fh5co-nav-white.active > i::after {
  background: #fff;
}

.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;
  right: 0px;
  top: 58px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
}
@media screen and (max-width: 768px) {
  .fh5co-nav-toggle {
    display: block;
  }
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "Microsoft YaHei", Arial, sans-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;
  padding: 8px 20px;
}
.btn.btn-md {
  padding: 8px 20px !important;
}
.btn.btn-lg {
  padding: 18px 36px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.btn-primary {
  background: #2D6CDF;
  color: #fff;
  border: 2px solid #2D6CDF;
  /*opacity:0.7;*/
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #437be2 !important;
  border-color: #fff !important;
}
.btn-primary.btn-outline {
  background: transparent;
  color: #2D6CDF;
  border: 2px solid #2D6CDF;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: #2D6CDF;
  color: #fff;
}

.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;
}

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.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: -8px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn.with-arrow:hover {
  padding-right: 50px;
}
.btn.with-arrow:hover i {
  color: #fff;
  right: 18px;
  visibility: visible;
  opacity: 1;
}

.form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 14px;
  font-weight: 400;
}
.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #000;
}

.row-pb-md {
  padding-bottom: 2em !important;
}

.row-pb-sm {
  padding-bottom: 2em !important;
}

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

.row-padded-mb {
  margin-bottom: 3em !important;
}

.col-padded {
  margin: 0 !important;
  padding: 0 !important;
}

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

.fh5co-counter-head{margin-bottom:10px;}

.fh5co-counter-head,.fh5co-counter-head h2{
    color:#fff;
}

.btnmore {
    width: 160px;
    display: block;
    font-size: 18px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin: 0px auto 50px;
    border: 1px solid #CCC;
    color:#666;
}

.btnmore:hover{
    color:#fff;
    background: #5486E2;
}

.ab_class {
    background: #464d5a;
    height: 40px;
    line-height: 40px;
    padding: 0px 22px;
}

.ab_class span {
    width: 100%;
    display: block;
    margin: 0 auto 0;
    text-align: left;
    font-size: 14px;
    color: #fff;
}

@media screen and (max-width: 480px) {
    .ab_class {
        padding: 0px 20px;
    }
   .ab_class span {
       font-size:12px;
   }
}

.ab_class span a{
    color: #fff;
}

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

/* project-look */

ul{
    list-style:none;
}

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

.nav li{
    width:130px;
    text-align:center;
    margin-right:5px;
    margin-bottom:5px;
    margin-top:40px;
}

.pdfmore {
    clear: both;
}

.pdfmore a {
    display: block;
    margin: auto;
    width: 401px;
    padding: 10px 0;
    border: 1px solid #CCC;
    text-align: center;
    font-size: 16px;
    color:black;
}

.articlemorede{
    clear: both;
    padding-top: 20px;
    margin-bottom:20px;
}

.articlemorede a {
    display: block;
    margin: auto;
    width: 120px;
    padding: 10px 0;
    border: 1px solid #CCC;
    text-align: center;
    font-size: 16px;
    color:black;
}

.articlemorede a:hover,.pdfmore a:hover{
    color:#fff;
    background:#CCC;
}

.footerattention {
    padding:20px;
    text-align: center;
    background-color: #3f4551;
}

/* end */

/* news */
.newlist {
    margin: 10px 0px 40px 0px;
    overflow:hidden;
}
.newlist ul{
    margin:0px;
    padding:0px;
}
.newlist ul li{
    overflow:hidden;
    clear:both;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom: 1px #ccc solid;
}

.newlist .newimg {
    overflow: hidden;
    float: left;
    position: relative;
    border: 2px #eee solid;
    margin-right:20px;
    margin-left:20px;
}

.newlist .newimg:hover {
    opacity:0.5;
}

.newlist .newimg img{
    height:150px;
    width:300px;
}

@media screen and (max-width: 600px) {
    .newlist .newimg img {
        height: 200px;
        width: 100%;
    }
}

.footchange{
    margin-left:-5%;
}

@media screen and (max-width: 1000px) {
    .footchange {
        margin-left: 0%;
    }
}

.newlist .newtxt{
    padding:10px;
    
}
 .newlist .newtxt span {
     font-weight: bold;
     display: block;
     padding-bottom: 14px;
 }
 .newlist .newtxt span a {
    color: #333;
}
.newlist .newtxt em {
    text-align: right;
    color: #999;
    display: block;
    font-size: 14px;
    font-style: normal;
    margin-top:10px;
}
/* end */

/*mianbody*/
.mianbody{
}
.newsbody{
    margin-top:10px;
    margin-bottom:20px;
    overflow:hidden;
    background:#fff;
    padding:20px 0px 20px 0px;
    border-radius: 5px;
}
.newsbody .maptit{
    color:#333;
    font-size:18px;
    clear:both;
    display:block;
    margin-left:20px;
}
.newsbody .maptit a{
    color:#333;
}
.newsbody .maptit a:hover{
    color:#15b2ff;
}
.newsbody h2{
    line-height: 50px;
    font-size: 30px;
    margin-top:20px;
    text-align:center;
}
.newsbody .adtime{
    text-align:center;
    display:block;
    margin-bottom:20px;
}
.newsbody .nr{
    border-top:1px solid #cccccc;
    /*padding:20px 20px 0px 20px;*/
    margin:0px 20px 20px 20px;
    padding-top:20px;
}

.downloadbody {
   margin-bottom:20px;
}

.downloadbody table{
    margin-bottom:20px;
    width:100%;
}

.downloadbody .dltable,.pxzldiv{
    width:100%;
    margin-left:20px;
    /*margin-top:5px;*/
    float:left;
}

.downloadbody .pxzldiv span{
    line-height:60px;
    font-size:18px;
    font-weight:900;
    color:#555;
}

.downloadbody table tr {
    border: none;
    border-bottom: 1px solid #e4ebeb;
    font-size: 14px;
}

.downloadbody table th {
    background:#076A8A;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 12px;
    text-align: left;
    border: none;
    border-bottom: 1px solid #e4ebeb;
    font-size: 14px;
    height:55px;
}

.alert {
    color: #555555;
}

.downloadbody table td {
    background: #fff;
    color:#555;
    padding: 10px 12px;
    text-align: left;
    border: none;
    border-bottom: 1px solid #e4ebeb;
    font-size: 14px;
    height:60px;
}

.downloadbody table td a{
    color:#2D6CDF;
    font-size:20px;
}

.downloadbody .tdcenter{
    width:10%;
    text-align:center;
}

.footerwx{width:180px;}

@media screen and (max-width: 992px) {
    #fh5co-hero .flexslider .slider-text {
        width: 100%;
        margin: 0px auto;
    }

    .footerwx {
        width: 100%;
    }
}

.project_tit{
    display:block;
    width:100%;
    text-align:center;
    margin-bottom:20px;
    margin-top:20px;
    font-size:26px;
}

.ls_list {
    max-width: 1600px;
    width: 100%;
    overflow: hidden;
    display: block;
}
.ls_list dl {
    /*padding-top: 89px;*/
    display: block;
}
.ls_list dd li {
    width: 33%;
    margin-bottom: 30px;
    float: left;
    overflow:hidden;
}
.ls_list dd li .pic {
    height: 96px;
    text-align: center;
}
.ls_list dd li .tit {
    font-size: 24px;
    line-height: 30px;
    color: #333;
    display: block;
    text-align: center;
}
.ls_list dd li .con {
    text-align:center;
    padding-top: 5px;
    line-height: 27px;
    color: #999;
    font-size: 16px;
}

@media (max-width: 600px){
    .ls_list dl, .ls_list2 dl {
        padding-top: 30px;
    }
}
@media (max-width: 860px) {
    .ls_list dd li, .ls_list2 dd li {
        width: 100%;
    }
}
@media (max-width: 860px) {
    .ls_list dd li .tit a, .ls_list2 dd li .tit a {
        font-size: 20px;
    }
}


@media (max-width: 990px) {
    .fhweixin{
        clear:both;
        width:100%;
    }
}
@media (max-width: 768px) {
    .col-sm-4 {
        width: 33.33333%;
        float:left;
    }
    .fhweixin{
        clear:both;
        width:100%;
    }
}

.main_box{
	position: relative;
	overflow: hidden;
	float: left;
    margin:10px;
    width:30%;
    height:150px;
    background: #337ab7;
	color: #fff;
	font-size: 26px;
    cursor:pointer;
}
.otherbg .main_box {
    background: #48CCA8;
}
.main_box .main_box_tit{
    display:block;
    text-align:center;
    line-height:150px;
}
.textBox{
	position: absolute;
	float: left;
	z-index: 30;
	margin: 0;
	padding: 0;
    background: #fff;
	color: #000;
    overflow:hidden;
    font-size: 14px;
    height:150px;
}
@media (max-width: 860px) {
    .textBox {
        font-size: 12px;
    }
}
@media (max-width: 820px) {
    .main_box {
        width:46%;
    }
    .textBox {
        font-size: 14px;
    }
}
.probanner{
    padding-left:5%
}
@media (max-width: 680px){
     .main_box {
        width:100%;
    }
    .textBox {
        font-size: 16px;
    }
    .probanner {
        padding-left: 0%;
    }
}
.prodivbanner{
    overflow:hidden;
}
 .prodivbanner .left {
     float: left;
     width: 50%;
 }
.prodivbanner .right{
    float:left;
    width:50%;
}
.prodivbanner .left_img{
    text-align:right;
}
.prodivbanner .left_img img{
    padding-top:10%;
    width: 70%;
    padding-bottom:10%;
    /*height:680px;*/
}
 .prodivbanner .right-content
{
     margin-top:35%;
    margin-left:10%;
}
 .prodivbanner .right-content h2
{
    font-size: 40px;
    margin-top: 55px;
    color: #666;
}
 .prodivbanner .right-content p{
     font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
}
 /*--------------------------*/
 .prodivbanner .right_img{
    text-align:left;
}
.prodivbanner .right_img img{
    padding-top:10%;
    width: 70%;
    padding-bottom:10%;
    /*height:680px;*/
}
 .prodivbanner .left-content
{
     text-align: right;
     margin-top:40%;
     margin-right:10%;
}
 .prodivbanner .left-content h2
{
    font-size: 40px;
    margin-top: 55px;
    color: #666;
}
 .prodivbanner .left-content p{
     font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
}
 .prodivbanner span {
     font-size: 24px;
     font-weight:bold;
     color:#555;
     display:block;
 }
.prodivbanner .left-content span{
    margin-right:10%;
}
.prodivbanner .right-content span{
    margin-left:10%;
}

@media (max-width: 960px) {
    .prodivbanner .left {
        width: 100%;
    }

    .prodivbanner .right {
        width: 100%;
    }

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

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

    .prodivbanner .left_img img{
        padding-bottom:0px;
        height:auto;
    }

    .prodivbanner .right_img img{
        height:auto;
    }

    .prodivbanner .left-content {
        margin-top:10%;
        text-align: center;
        margin-right:0px;
    }

    .prodivbanner .right-content {
        margin-top:10%;
        text-align: center;
        margin-left:0px;
        margin-bottom:10%;
    }
    .prodivbanner .left-content span{
        margin-right:0%;
    }
    .prodivbanner .right-content span{
        margin-left:0%;
    }
}
 .fffbg{
     background:#fff;
 }
 .clearfloat{
     clear:both;
 }
/*----------prolist------------*/
.prolist{
    padding:40px 10px 40px 10px;
}
.prolist ul{
    margin:0px;
    padding:0px;
}
.prolist ul li{
   margin-bottom:10px;
}
.prolist ul span{
    color:#2D6CDF;
    line-height:30px;
    font-weight:bold;
}
.prolist ul p{
    line-height:25px;
}
.prolist ul p i{
    color:#076A8A;
    font-style:normal;
    margin-right:5px;
}
/*-----------时间树-------------*/
/*------------protab-------------------*/
.protab{
    clear:both;
}
.protab .mid{
    margin:40px auto;
    width:700px;
    overflow:hidden;
}
.protab .mid div {
    float: left;
    width: 29%;
    height: 180px;
    margin: 0 2% 0 2%;
    text-align: center;
    line-height: 180px;
    font-size: 100px;
    cursor: pointer;
    color: #2D6CDF;
}
.protab .mid div:hover{
    color:#fff;
}
.protab .mid p {
    clear: both;
    text-align: center;
    padding: 20px;
    display: none;
    font-size:24px;
}
.bbtx{
    padding-top:40px;
    /*padding-bottom:40px;*/
}
.bbtx img{
    /*margin:20px auto;*/
    width:100%;
    height:auto;
    border-radius:10px;
}
@media (min-width:990px) {
    .bbtxs img {
        width: 260px;
        height: 450px;
    }
}
.bbmiaofu{
    height:450px;
    overflow:hidden;
}
@media (max-width:990px) {
    .bbmiaofu {
        height: auto;
    }
}
/* end */
.cjbannerimg{
    height:350px;
    /*background-size:cover;*/
    background-repeat:no-repeat;
    background-position:center;
}
/*--------rides悬浮*/
.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 30px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;margin-bottom:0px;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 30px; height:30px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/rides.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}
@media (max-width: 780px){
    .rides-cs{display:none;}
}
/*--------banner*/
.banner-bg{
    background: center 0 no-repeat;
    background-size:cover;
    width:100%;
    min-height:400px;
    text-align:center;
    overflow:hidden;
}

.banner-bg h3{
    color:#fff;
    margin-top:290px;
    font-family:'Microsoft YaHei';
}
.banner_img {
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: 68px;
    z-index:2;
}
.banner_txt,.smallbanner_txt {
    position: absolute;
    top: 200px;
    color: rgba(255,255,255,.9);
    left: 45%;
    margin-left: -560px;
}
.smallbanner_txt {
    left: 53%;
}
.jjfabanner_txt {
    margin-top: 100px;
    color: rgba(255,255,255,.9);
}
.big-txt {
    font-size: 38px;
    margin-bottom: 58px;
    color:#fedaaf;
    font-weight: 900;
}
.small-txt {
    font-size: 16px;
    color:#fff;
}
@media (max-width: 1260px) {
    .banner_img{
        display:none;
    }
    .banner_txt,.smallbanner_txt {
        left: 0px;
        margin-left: 0px;
        top: 220px;
        width: 100%;
    }
}
/*------------------排队叫号---------------------*/
.wxpddjh{
    background:url('../images/project/look/pddc.jpg') 50% 0 no-repeat;
    height: 920px;
    overflow:hidden;
}
.wxpddjh .main {
    width: 997px;
    margin: 0 auto;
    position: relative;
    color: #fff;
}
 .wxpddjh .main h3 {
     font-size: 56px;
     color: #fff;
     padding-top: 202px;
     color:#fedaaf;
     font-weight:900;
     padding-left:10px;
 }
.wxpddjh .main .item_01 {
    font-size: 24px;
    margin-top: 70px;
    margin-left:10px;
}
.wxpddjh .main .item_02 {
    width: 568px;
    padding: 10px 20px;
    font-size: 18px;
    margin: 80px 0 0;
    line-height: 34px;
    text-indent: 2em;
}
.wxpddjh .main .item_03 {
    margin-top:60px;
    margin-left:10px;
}
.wxpddjh .main .item_03 img{
    height:200px;
}
@media (max-width: 980px) {
    .wxpddjh .main .item_02 {
        width: 520px;
        margin: 60px 0 0;
    }
}
@media (max-width: 800px) {
    .wxpddjh .main .item_02 {
        width: 480px;
    }
}
@media (max-width: 730px) {
    .wxpddjh .main .item_02 {
        width: 400px;
        font-size: 16px;
    }
}
@media (max-width: 540px) {
    .wxpddjh .main .item_02 {
        width:350px;
        font-size: 14px;
        margin: 80px 0 0;
    }
    .wxpddjh .main h3 {
        font-size: 46px;
    }
    .wxpddjh .main .item_01 {
        font-size: 18px;
    }
}
/*----------------小图片------------------------*/
.smallprodivbanner{
    overflow:hidden;
}
 .smallprodivbanner .left {
     float: left;
     width: 50%;
 }
.smallprodivbanner .right{
    float:left;
    width:50%;
}
.smallprodivbanner .left_img{
    text-align:right;
}
.smallprodivbanner .left_img img{
    padding-top:10%;
    padding-bottom:10%;
}
 .smallprodivbanner .right-content
{
     margin-top:20%;
    margin-left:10%;
}
 .smallprodivbanner .right-content h2
{
    font-size: 40px;
    margin-top: 55px;
    color: #666;
}
 .smallprodivbanner .right-content p{
     font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
}
 /*--------------------------*/
 .smallprodivbanner .right_img{
    text-align:left;
}
.smallprodivbanner .right_img img{
    padding-top:10%;
    padding-bottom:10%;
}
 .smallprodivbanner .left-content
{
     text-align: right;
     margin-top:25%;
     margin-right:10%;
}
 .smallprodivbanner .left-content h2
{
    font-size: 40px;
    margin-top: 55px;
    color: #666;
}
 .smallprodivbanner .left-content p{
     font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
}
 .smallprodivbanner span {
     font-size: 24px;
     font-weight:bold;
     color:#555;
     display:block;
 }
.smallprodivbanner .left-content span{
    margin-right:10%;
}
.smallprodivbanner .right-content span{
    margin-left:10%;
}

@media (max-width: 960px) {
    .smallprodivbanner .left {
        width: 100%;
    }

    .smallprodivbanner .right {
        width: 100%;
    }

    .smallprodivbanner .left_img {
        text-align: center;
        margin-right:0px;
    }

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

    .smallprodivbanner .left_img img{
        padding-bottom:0px;
        height:auto;
        width:100%;
    }

    .smallprodivbanner .right_img img{
        height:auto;
        width:100%;
    }

    .smallprodivbanner .wximg img {
        width: 40%;
    }

    .smallprodivbanner .left-content {
        margin-top:10%;
        text-align: center;
        margin-right:0px;
    }

    .smallprodivbanner .right-content {
        margin-top:10%;
        text-align: center;
        margin-left:0px;
        margin-bottom:10%;
    }
    .smallprodivbanner .left-content span{
        margin-right:0%;
    }
    .smallprodivbanner .right-content span{
        margin-left:0%;
    }
}

.bbtx ._70img{
    width:60%;
}
@media (max-width: 960px) {
    .bbtx ._70img {
        width: 100%;
    }
}

.wxdcbanner-bg{
    background: center 0 no-repeat;
    background-size:cover;
    width:100%;
    min-height:600px;
    text-align:left;
    overflow:hidden;
    background-image: url(../images/project/look/weixindiancanbg.jpg);
    height:600px;
}

.wxdcbanner-bg .banner_txt {
    top: 200px;
    margin-left: -500px;
    width:400px;
}


.big-txt{
    text-align:center;
    margin-bottom:10px;
}
.diannei-first {
    height: 662px;
    background: url(../images/project/look/statistics_screen.png) repeat-x;
}
.wxzizhudiancan{
    height: 930px;
    background: url(../images/project/look/diannei_screen_img.png) no-repeat center center;
    position: relative;
}
.section-diannei-title {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 13%;
}
.section-diannei-title h1 {
    font-weight: 900;
    color: #fff;
}
.section-diannei-title h2 {
    font-size: 22px;
    color: #fff;
    font-family: KaiTi, 楷体, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu;
}
@media (max-width: 1100px) {
    .wxdcbanner-bg{
        background:#11BBA0;
    }
    .wxdcbanner-bg .banner_txt{
        width:90%;
        left:5%;
        margin-left:0px;
    }
}
/*---------微信点餐------------*/
.blockf{
    padding:40px 0px;
}
.block{
    margin:20px 0px;
}
.block .block-p {
    font-size: 16px;
    color: #666;
    text-align: center;
    padding-top:10px;
}
.block .block-p .block-title {
    margin-top: 31px;
    font-size: 24px;
    color: #666;
    font-weight: 600;
}
.block .block-small-title {
    font-size: 24px;
    font-weight: 300;
}
 /*------------pad点餐---------------*/
 .paddiannei {
    height: 600px;
    background: url(../images/project/look/paddiancan.png) no-repeat center;
}
.paddiannei .cont {
    height: 600px;
    overflow:hidden;
    position:relative;
}
.titnr {
    position: absolute;
    top: 15%;
    right: 15%;
    padding:20px;
}
 @media (max-width: 960px) {
     .titnr {
        top: 10%;
        right: 0%;
    }
}
.dzcpapp{
    overflow:hidden;
}
.dzcpapp div{
    float:left;
    margin-right:20px;
}
.dzcpapp span{
    color:#fff;
    display:block;
    width:100%;
    text-align:center;
}
.erweima{
    height:160px;
}
.paddltd{
    overflow:hidden;
}
.paddltd dt{
    width:48%;
    float:left;
    text-align:right;
    padding-right:10px;
    font-size: 46px;
    color: #e56534;
    line-height:100px;
}
.paddltd dd{
    width:50%;
    float:left;
    text-align:left;
    padding-left:10px;
    padding-top:20px;
}
.paddltd .fdd{
    padding-top:0px;
}
.paddltd dd p{
    font-size: 18px;
    color: #e56534;
    line-height: 35px;
    display:block;
}
.padtebg{
    background:url(../images/project/look/padtdbg.png) no-repeat center;
    height:600px;
    overflow:hidden;
}
.padtebg .tdtit{
    width:450px;
    height:550px;
    /*background:#000;
    opacity:0.8;*/
    background:rgba(0,0,0,0.6);
    margin:1.5% 0% 0% 10%;
    padding:20px;
}
 .padtebg .tdtit h2{
     color:#fff;
 }
  .padtebg .tdtit h3{
     color:#fff;
 }
  .padtebg .tdtit span{
     color:#fff;
     font-size:22px;
     line-height:70px;
 }
 @media (max-width: 960px) {
    .padtebg .tdtit {
        margin: 5% 0% 0% 1%;
    }
}
 /*-----------微信---------------*/
 .diannei-first {
    height: 662px;
    background: url(../images/project/look/statistics_screen.png) repeat-x;
    overflow:hidden;
}
 .diannei-first .cont {
    height: 990px;
}
 .member-screen {
    height: 660px;
    background: url(../images/project/look/member-crm.png) no-repeat center center;
    background-size: auto 630px;
    position: relative;
}
 .section-member-desc {
    position: absolute;
    top: 15%;
    right: 20%;
}
 .section-member-desc h1,.titnr h1 {
    font-size: 42px;
    font-weight: 900;
    color: #fedaaf;
}
 .section-member-desc h2,.titnr h2 {
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
}
  @media (max-width: 960px) {
    .member-screen {
        background: none;
        margin: 10px;
    }
     .section-member-desc {
        right: 0%;
    }
        .section-member-desc h1 {
            font-size: 36px;
        }
}
 /*-----------划菜-------------------*/
.huacaibg {
    background: url(../images/project/look/chupinghuacai.png) no-repeat bottom;
    height: 450px;
    overflow: hidden;
}
.huacaibg .tmbg{
    position:relative;
    /*height:600px;*/
    width:800px;
    /*background:#000;
    opacity:0.8;*/
    background:rgba(0,0,0,0.6);
    left:10%;
    top:10%;
    overflow:hidden;
    padding:40px;
}
@media (max-width: 900px) {
    .huacaibg .tmbg {
        width: 98%;
        height: auto;
        left: 1%;
        top: 10%;
    }
    .huacaibg .tmbg h3 {
        font-size: 20px;
    }
}
.huacaibg .tmbg h2{
    color:#fedaaf;
    font-weight:600;
}
.huacaibg .tmbg h3{
    color:#fff;
}
/*-----------运营助理-------------*/
.yunyingzhulibg {
    background: url(../images/project/look/yunyingzhuli.png) no-repeat center;
    height: 800px;
    overflow: hidden;
}
.yunyingzhulibg .img-panel{
    position:relative;
    top:20%;
    width:50%;
    float:left;
}
.yunyingzhulibg .zhulitxt{
    position:relative;
    height:400px;
    width:50%;
    top:30%;
    float:right;
    padding:20px;
}
.yunyingzhulibg .zhulitxt h2{
    color:#fedaaf;
    font-weight:900;
}
.yunyingzhulibg .zhulitxt h3{
    color:#fff;
}
.yunyingzhulibg .zhulitxt h3{
    font-size:18px;
}
 @media (max-width: 1530px) {
    .yunyingzhulibg .img-panel img{
        width:90%;
    }
}
 @media (max-width: 767px){
    .yunyingzhulibg .zhulitxt {
        width: 100%;
        top: 20%;
    }
 }
 /***********服务员助理*************/
.fuwuyuanzhuli {
    background: url(../images/project/look/fuwuyuanzhuli.png) no-repeat center;
    height: 800px;
    overflow: hidden;
}
.fuwuyuanzhuli .cont{
    position:relative;
    overflow:hidden;
    height:800px;
}
.fuwuyuanzhuli .cont .titdiv {
    position: relative;
    top: 15%;
    left: 50%;
    width: 600px;
}
.fuwuyuanzhuli .cont .titdiv h1,.fuwuyuanzhuli .cont .titdiv h2{
    color:#fff;
}
.fuwuyuanzhuli .cont .titdiv h1 {
    font-size: 42px;
    font-weight: 900;
    color: #fedaaf;
}
.fuwuyuanzhuli .cont .titdiv h2 {
    font-size: 18px;
    margin-top: 30px;
}
.fuwuyuanzhuli .cont .titdiv img {
   height:200px;
}
.fuwuyuanzhuli .cont .titdiv span {
   text-align:center;
   display:block;
   width:200px;
   color:#fff;
}
@media (max-width: 767px) {
    .fuwuyuanzhuli .cont .titdiv {
        top: 5%;
        left: 20%;
        width: 80%;
        padding: 20px;
    }
}
.fuwudiv2{
    background:url(../images/project/look/fuwuyuanzhuli2.png) no-repeat center;
}
.padtebg .fuwutdtit {
    height: auto;
    margin: 7% 0% 0% 65%;
}
@media (max-width: 1300px) {
    .padtebg .fuwutdtit {
        margin: 10% 0% 0% 60%;
    }
}
@media (max-width: 1100px) {
    .padtebg .fuwutdtit {
        margin: 10% 0% 0% 55%;
    }
}
@media (max-width: 990px) {
    .padtebg .fuwutdtit {
        margin: 10% 0% 0% 50%;
    }
}
@media (max-width: 940px) {
    .padtebg .fuwutdtit {
        margin: 10% 0% 0% 45%;
    }
}
@media (max-width: 767px) {
    .padtebg .fuwutdtit {
        margin: 20% 1% 0% 1%;
    }
}
/***********秒付*************/
.miaofu{
    height:600px;
    overflow:hidden;
    background:url(../images/project/look/miaofu.png) no-repeat top;
}
.miaofu .cont {
    position:relative;
    overflow:hidden;
    height:600px;
}
.miaofu .cont .divtxt {
    position: relative;
    overflow: hidden;
    top: 50%;
    float: right;
    right:15%;
    /*background:#000;
    opacity:0.8;*/
    background:rgba(0,0,0,0.6);
    padding:20px;
}
.miaofu .cont .divtxt h1{
    color:#fedaaf;
}
.miaofu .cont .divtxt h2{
    color:#fff;
    font-size:26px;
}
/**********************一码多用************************/
.ymdy{
    background:url(../images/project/look/ymdybg.jpg) no-repeat bottom;
    height:600px;
    overflow:hidden;
}
.ymdy .cont{
    position:relative;
    height:600px;
    overflow:hidden;
}
.ymdy .cont .titdiv{
    position:relative;
    overflow:hidden;
    padding:20px;
    /*background:#000;
    opacity:0.9;*/
    background:rgba(0,0,0,0.6);
    float:right;
    top:10%;
    right:2%;
}
.ymdy .cont .titdiv h1{
    color:#fedaaf;
}
.ymdy .cont .titdiv h2{
    color:#fff;
    font-size:22px;
}
@media (max-width: 900px) {
    .ymdy .cont .titdiv h2{
        color:#fff;
        font-size:18px;
    }
    .ymdy .cont .titdiv {
        top:2%;
        width:98%;
        right:1%;
    }
}
.ymdy .cont .titdiv img {
    height:200px;
}
.ymdy .cont .titdiv span {
    text-align: center;
    display: block;
    width: 200px;
    color: #fff;
}
/****************************外卖平台接单系统*********************************/
.waimaijiedanpingtai{
    background:url(../images/project/look/wmjdptbannner.png) no-repeat center;
    height:600px;
    overflow:hidden;
}
.waimaijiedanpingtai .cont {
    position:relative;
    height:600px;
    overflow:hidden;
}
.waimaijiedanpingtai .cont .titdiv{
    position:relative;
    overflow:hidden;
    top:30%;
    left:5%;
    width:500px;
    /*opacity:0.5;
    background:#000;*/
    background:rgba(0,0,0,0.4);
    padding:20px;
}
@media (max-width: 1200px) {  
    .waimaijiedanpingtai .cont .titdiv{
        width:450px;
        left:1%;
    }
}
@media (max-width: 900px) {  
    .waimaijiedanpingtai .cont .titdiv{
        width:98%;
        left:1%;
    }
}
.waimaijiedanpingtai .cont .titdiv h1{
    color:#fedaaf;
    font-weight:600;
}
.waimaijiedanpingtai .cont .titdiv h2{
    color:#fff;
    font-size:26px;
}
/********************prodiv*******************/
.prodiv {
  width: 100%;
  font: 14px/21px "Open Sans", Arial, sans-serif;
  color: #666;
  background-color: white;
  padding: 20px;
  margin: 10px auto;
  border-radius: 5px;
}

.hide {
  display: none;
}

.prodiv dt {
  font-size: 19px;
  color: #076A8A;
  margin-bottom: 20px;
  margin-left: 26px;
  cursor: pointer;
  font-weight:900;
}

/* Triangle list item */
.prodiv dt:before {
  content: "";
  border-color: transparent #ccc;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  display: block;
  height: 0;
  width: 0;
  left: -16px;
  top: 17px;
  position: relative;
}

.prodiv dd {
  padding: 20px;
  background: #FDFCFA;
  border-radius: 5px;
  border: 1px solid #F2EEE6;
  margin: 20px 0 30px;
  position: relative;
}
/*******************ban-bg*********************/
.ban-bg {
    background: #ccc;
    height: 200px;
    overflow: hidden;
    background-repeat:no-repeat;
    background-size: cover;
    background-position:center;
}
.ban-bg img {
    height: auto;
}
.ban-bg h3 {
    margin-top: 160px;
    color: #fff;
    text-align:center;
}
.newlistlr{padding-left:36px; padding-right:36px;}
.clearlr{padding-left:0px; padding-right:0px;}
.newlistlr .ban-bg,.clearlr .ban-bg{
    background-position:unset;
}
/*******************servicespro首页产品样式改版*************************/
.servicespro{
    height:280px;
    overflow:hidden;
    background-color:rgba(255,255,255,0.4);
    padding:20px;
    margin-bottom:40px;
    cursor:pointer;
}
.fh5copadding{
    margin-bottom:3em;
}
.servicespro .icon {
  height: 90px;
  display: table;
  text-align: center;
  margin: 0 auto;
}
.servicespro .icon i {
  display: table-cell;
  vertical-align: middle;
  font-size: 60px;
  color: #666;
}
.servicespro h3{
    color:#666;
}
.servicesprolink{
color:#666;
}
.servicespro .promore{
    display:block;
    border: 1px solid #CCC;
    color: #666;
    width:80px;
    margin:20px auto;
    cursor:pointer;
}
.servicespro:hover, .servicespro:focus{
    background:rgba(45,108,223,0.8);
}
.servicespro:hover .icon i, .servicespro:focus .icon i {
  color: #fff;
}
.servicespro:hover h3, .servicespro:focus h3{
   color: #fff;
}
.servicespro:hover p, .servicespro:focus p{
  color: #fff;
}
.servicespro:hover .promore, .servicespro:focus .promore{
    color: #fff;
}
/****************newprolist新产品列表*********************/
.newprolist .staff{
    height:300px;
    overflow:hidden;
    min-height:0px;
}
.newprolist .staff .staff-img{
    margin-bottom:10px;
}
.newprolist .staff h3{
    margin-bottom:5px;
}
/****************经销商工具样式*********************/
.jxsbg{
    background:url(../images/project/look/jxsgj.jpg) no-repeat bottom;
    height:600px;
    overflow:hidden;
}
.jxsbg .cont{
    position:relative;
    height:600px;
    overflow:hidden;
}
.jxsbg .cont .titdiv{
    position:relative;
    overflow:hidden;
    padding:20px;
    /*background:#000;
    opacity:0.9;*/
    background:rgba(0,0,0,0.4);
    float:right;
    top:20%;
    right:5%;
}
.jxsbg .cont .titdiv h1{
    color:#fedaaf;
}
.jxsbg .cont .titdiv h2{
    color:#fff;
    font-size:22px;
}
@media (max-width: 900px) {
    .jxsbg .cont .titdiv h2{
        color:#fff;
        font-size:18px;
    }
    .jxsbg .cont .titdiv {
        top:20%;
        width:98%;
        right:1%;
    }
}
.jxsbg .cont .titdiv img {
    height:200px;
}
.jxsbg .cont .titdiv span {
    text-align: center;
    display: block;
    width: 200px;
    color: #fff;
}
.jjfabody{
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    background: #fff;
    padding: 20px 20px 20px 20px;
    border-radius: 5px;
}
/***SaaS***/
.bannnerSmall-txt {
    font-size: 20px;
    color:#fff;
}

.saascj{
    padding:60px 0px 60px 0px;
    background:#fff;
}
.saascj h2{
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 1.5;
    color:#707981;
    font-weight:bold;
    text-transform: uppercase;
    position: relative;
}
.cjitem{
    height:124px;
    overflow:hidden;
    margin:20px 0px 20px 0px;
    cursor:pointer;
}
.cjitem .icon {
  height: 90px;
}
.cjitem h3{
    margin-top:10px;
    color:#707981;
    font-size:18px;
}

.jjfabanner-bg{
    background: center 0 no-repeat;
    background-size:cover;
    width:100%;
    min-height:250px;
    text-align:center;
    overflow:hidden;
}

.jjfabanner-bg h3{
    color:#fff;
    margin-top:290px;
    font-family:'Microsoft YaHei';
}

.saastuwen{
    width:100%;
    height:280px;
    color:#fff;
    /*background:#5486E2;*/
}
.saastuwen-title {
    font-size: 26px;
    font-weight:bold;
    margin-bottom: 20px;
    padding-top: 30px;
}
.saastuwen-wen {
    font-size: 18px;
    line-height: 35px;
}

.saaslist{
    padding:60px 0px 10px 0px;
    background:#fff;
}
.saaslist .col-md-6{
    overflow:hidden;
    margin-bottom:50px;
    min-height: 120px;
}
.saaslisty-div {
    float: left;
    width: 86px;
    height: 86px;
    line-height:86px;
    background: #5486E2;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    text-align: center;
    font-size: 46px;
    color: #fff;
}
.saaslist .righttxt{
    padding-left: 12px;
    overflow:hidden;
}
.saaslist .righttxt .bigtit{
    font-size:18px;
    background: url(../images/jiantou.png) no-repeat;
    background-position: center right;
}
.saaslist .righttxt a{
    color: #333;
}
.saaslist .righttxt .smalltit {
    /*font-size: 16px;*/
    /*color:#777;*/
}
.saasright{
    text-align:right;
}
.breadcrumb{
    background:#fff;
    margin-bottom:0px;
    border-radius: 0px;
}
.breadcrumb > li + li:before {
    color: #5486E2;
}
.breadcrumb a{
    color:#5486E2;
}
.tubanitem {
    overflow: hidden;
    margin-bottom: 40px;
    padding-left: 5px;
    padding-right: 5px;
}
.tubar{
    padding-left: 15px;
    font-size: 20px;
    line-height: 40px;
    width: 100%;
    height: 42px;
    background: url(../images/tubar.png) no-repeat;
    margin-bottom: 35px;
    color:#fff;
}
.tubar-wen {
    padding-bottom: 34px;
    border-bottom: 1px solid #ddd;
    letter-spacing: 1px;
    line-height: 29px;
    font-size:16px;
}
.tubar-title {
    font-size: 18px;
    margin-top: 35px;
    margin-bottom: 14px;
}
.tubar-title-wens {
    font-size: 16px;
    margin-bottom: 35px;
}
.tubar-nr {
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
    letter-spacing: 1px;
    line-height: 29px;
}
.tu-img-1 {
    height: 476px;
    background: url(../images/test.png) no-repeat;
    background-size: 100% 90%;
}
.tu-img-left {
    float: left;
    margin-top: 435px;
}
.tu-img-right {
    float: right;
    margin-top: 435px;
    margin-right: 205px;
}