@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 
*
* ======================================================= */
*{padding:0px; margin:0px;}
body {
  font-family:"Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #303030;
  background: #fff;
}
ul{margin-bottom:0px;}
li{list-style: none;}
.nopadding{padding:0px;}
#page {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#page.drop{margin-top:82px; padding-bottom:82px;}
.offcanvas #page {
  /*overflow: hidden;*/
  position: absolute;
  height:100%;
}
.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: #303030;
}
a:hover{color:#f14422;}
a:hover, a:active, a:focus {
  outline: none;
  text-decoration: none;
}
img{max-width:100%;}
h1, h2, h3, h4, h5, h6, figure {
  color: #333;
  font-family: "Work Sans", Arial, sans-serif;
  font-weight: 400;
  margin: 10 0 20px 0;
}

::-webkit-selection {
  color: #fff;
  background: #50CB86;
}

::-moz-selection {
  color: #fff;
  background: #50CB86;
}

::selection {
  color: #fff;
  background: #50CB86;
}
.btn-c{background-color: #f14422; color:#fff; border-radius: 8px; padding:10px 50px; font-size:16px;}
.btn-c:hover{color:#fff;}
.tipcolor{color:#f14422;}
.text-white{color:#fff !important;}
.bg-white{background-color: #fff !important;}
.text-black{color:#303030 !important;}
.bg-gray{background-color: #a3a3a3 !important;}
.pt-60{padding-top:60px !important;}
.pt-70{padding-top:70px !important;}
.pb-50{padding-bottom:50px !important;}
.pb-60{padding-bottom:60px !important;}
.topTip{ background-color: #f14422; line-height: 45px; color:#fff; font-size:16px;}
.topNav{background-color: #f5f5f5;line-height: 35px;}
.service-call span:nth-child(2){margin-left:30px;}
.loginTip a{margin:0px 20px;}
.navRight{margin:26px 20px 26px 0px; color:#fff;}
.navRight a{display: inline-block;     height: 30px;  line-height: 30px;  font-size: 18px;  margin-left: 20px; color:#fff;}
.navRight a em{display:inline-block; width:30px; height:30px; float: left;  margin-right: 10px;}
.navRight #registerNav em{ background: url(../images/commom/edit.png) no-repeat center;}
.navRight #leagueNav em{ background: url(../images/commom/join.png) no-repeat center;}

.fh5co-nav {
  position: absolute;;
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: 1001;background: rgba(48,48,48,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2303030,endcolorstr=#B2303030);
}
.fh5co-nav>.container{padding:0px;}
@media screen and (max-width: 768px) {
  .fh5co-nav {
    padding:0px;
    position: fixed;top:0px;
    background-color: #fff;
    box-shadow: 0 1px 5px #303030;
  }
  .navwarp{border-radius: 0px;}
  .banner{margin-top:72px;}
}
.fh5co-nav #fh5co-logo {
  margin:0px 20px;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.fh5co-nav #fh5co-logo a{display:block; height:42px; margin-top:10px;}
.fh5co-nav #fh5co-logo a img{max-height:42px;}
.fh5co-nav ul li a {
  padding: 5px 10px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .fh5co-nav .menu-1 {
    display: none;
  }
}
.fh5co-nav ul {
  padding: 0;
  margin:0px;
}
#navUl{height: 82px;}
.fh5co-nav ul li {
  padding: 0px 15px;
  list-style: none;
  display: inline-block;
}
#navUl>li{height:82px; line-height: 82px;position: relative;}
#navUl>li>a{ margin:0px 5px;}
.fh5co-nav ul li:hover>a{color:#f14422;}
.menu-1{height: 82px;}
.fh5co-nav .menu-1 ul li.active, #navUl>li:hover{border-bottom:3px #f14422 solid;}
.fh5co-nav ul li a {
  font-size: 18px;
  padding: 5px;
  color: #F5F5F5;
}
@media(max-width:1200px){
  .fh5co-nav ul li{padding:0px 8px;}
}
@media(min-width:992px) and (max-width:1199px){
  .fh5co-nav #fh5co-logo{margin:0px;}
  .navRight{margin-right:15px;}
  .navRight a{margin-left:15px;}
}
@media(min-width:768px) and (max-width:991px){
  #navUl>li>a{font-size:16px;}
  .fh5co-nav #fh5co-logo{margin:0px;}
}
.fh5co-nav ul li a:hover, .fh5co-nav ul li a:focus, .fh5co-nav ul li a:active {
  color: white;
}
.fh5co-nav ul li a:hover, .fh5co-nav ul li a:focus, .fh5co-nav ul li a:active{color:#f14422;}
.fh5co-nav ul li.active > a{color:#f14422 !important;}
.fh5co-nav ul li.has-dropdown:hover a, .fh5co-nav ul li.has-dropdown:focus a{color:#f14422;}
.fh5co-nav ul li.has-dropdown {
  position: relative;
}
.fh5co-nav ul li.has-dropdown .dropdown {
  width: 160px;
  -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);
  z-index: 1002;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 40px;
  left: 0;
  text-align: left;
  background: #fff;
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  border:1px #cc6164  solid;
}
.fh5co-nav ul li.has-dropdown .dropdown:before {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #cc6164 ;
  border-width: 8px;
  margin-left: -8px;
}
.fh5co-nav ul li.has-dropdown .dropdown li {
  display: block;
  margin-bottom: 7px; margin:0px 10px;
}
.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: #999999;
  line-height: 1.2;
  text-transform: none;
  font-size: 15px;
}
.fh5co-nav ul li.has-dropdown .dropdown li a:hover {
  color: #000;
}
.fh5co-nav ul li.has-dropdown:hover a, .fh5co-nav ul li.has-dropdown:focus a {
  color: #fff;
}
.fh5co-nav ul li.btn-cta a {
  color: #50CB86;
}
.fh5co-nav ul li.btn-cta a span {
  background: #fff;
  padding: 4px 20px;
  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: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
}
.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);
}
.subMenus{background: rgba(48,48,48,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2303030,endcolorstr=#B2303030);position: absolute;top:82px;left:0px;display:none;padding: 5px 0px; line-height: 16px;width: 100%;}
.subMenus ul{text-align: center;height:auto;}
.subMenus ul li{padding:0px; margin:10px 0px; height:auto; line-height:normal; display:block;}
.subMenus ul li a{font-size:15px; color:#f5f5f5;}
@media(max-width:767px){
  .subMenus{ position: static; background: none;}
  #fh5co-offcanvas #navUl>li.active .subMenus{display:block !important;}
  #fh5co-offcanvas .subMenus ul{text-align: left; margin-left:20px;}
}
/*.banner img{width:100%;}*/
.messagesTip{ background-color: #303030; padding:15px 0px; color:#fff;}
.messagesTip ul li{width:33.333333333333333%;float:left;}
.messagesTip ul li span{margin-left:10px;}
.messagesTip a{color:#fff;}
.footer{background: url("../images/commom/footerbg.png") no-repeat center bottom; background-size: 100% 100%; padding:30px 0px; color:#a3a3a3;}
.footer .col-lg-8{margin-top:25px; padding:0px; max-width:625px;}
.footer .col-lg-4{float: right;}
.mpFooterLinks{width: 100px;  text-align: center;  margin-right: 65px;}
.mpFooterLinks:last-child{margin-right:0px;}
.mpFooterLinks .title, .footpartner .title{font-weight:bold; color:#303030; font-size:16px;}
.mpFooterLinks ul, .footpartner ul{margin-top:10px;}
.mpFooterLinks ul li{line-height:35px;}
.mpFooterLinks ul li a{color:#a3a3a3;}
.mpFooterLinks ul li a:hover{color:#f14422;}
.footpartner ul li{width:50%; float:left; line-height: 40px;}
.footerLinks{height:40px;}
#links_zfb{ background: url("../images/commom/links_zfb1.png") no-repeat center;}
#links_wx{background: url("../images/commom/links_wx1.png") no-repeat center;}
#links_bd{background: url("../images/commom/links_bd1.png") no-repeat center;}
#links_aly{background: url("../images/commom/links_aly1.png") no-repeat center;}
#links_my{background: url("../images/commom/links_my1.png") no-repeat center;}
#links_albb{background: url("../images/commom/links_albb1.png") no-repeat center;}
#links_jd{background: url("../images/commom/links_jd1.png") no-repeat center;}
#links_hhkj{background: url("../images/commom/links_hhkj1.png") no-repeat center;}

#links_zfb:hover{ background: url("../images/commom/links_zfb2.png") no-repeat center;}
#links_wx:hover{background: url("../images/commom/links_wx2.png") no-repeat center;}
#links_bd:hover{background: url("../images/commom/links_bd2.png") no-repeat center;}
#links_aly:hover{background: url("../images/commom/links_aly2.png") no-repeat center;}
#links_my:hover{background: url("../images/commom/links_my2.png") no-repeat center;}
#links_albb:hover{background: url("../images/commom/links_albb2.png") no-repeat center;}
#links_jd:hover{background: url("../images/commom/links_jd2.png") no-repeat center;}
#links_hhkj:hover{background: url("../images/commom/links_hhkj2.png") no-repeat center;}

.warrper{padding:30px 0px; font-size:15px;}
.warrper .content{line-height: 28px; color:#a3a3a3;}
.bg-f5{background-color: #f5f5f5;}
.bg-y{background-color: #f14422; color:#fff;}
.warrper .titleWarp{ background: url(../images/commom/titlebg.png) no-repeat center top;  position: relative; text-align: center; width:504px; min-height:48px; margin:0px auto; margin-top:20px; margin-bottom:50px; background-size: 100% 100%;}
.warrper .titleWarp.titleWarp_white{background: url(../images/commom/titlebg_white.png) no-repeat center top; background-size: 100% 100%;}
.titleWarp .title{font-size:22px; font-weight:bold; margin:0px; position: absolute;top:-12px; width:504px;}
.titleWarp_white .title{color:#ffffff;}
.titleBox{text-align: center; margin-bottom:20px;}
.titleBox .title{font-size:22px; font-weight:bold; color:#f14422; text-align: center; margin-bottom:0px;}
.titleBox span{width: 42px;
  height: 3px;
  background-color: #f14422;
  display: inline-block;}
.titleBox span.short{width:21px; height:6px; margin-top:21px;}
.titleBox p{color:#a3a3a3; margin-top:10px;}

.subTitle{padding-top:15px;}
.list-type-ul{margin-top:60px;}
.list-type-ul li{list-style-image: url("../images/commom/square.png"); max-width: 500px; letter-spacing: 1px; margin-bottom:30px;}
.describe-head{max-width:830px; margin:auto;margin-bottom:30px;}
.dowarp{padding-top:30px;}
.bottom-title{color:#f14422;}
.bottom-title span{display:block;}
.line-bottom{width:30px; height:3px; background-color: #f14422;     margin: 0px auto;  margin-top: 10px;}
.dowarp .describe{ margin-top:30px; padding:20px 50px;}
/*.dowarp>div:nth-child(2){border-right:2px #a3a3a3 dashed; border-left:2px #a3a3a3 dashed;}*/
#ourTeam{background: url("../images/index/teambg.png")no-repeat bottom center; background-size: 100% 100%; color:#fff; padding-top:0px;}
#ourTeam .titleWarp{margin-top:150px;}
#ourTeam .content{margin-top:30px;}
#ourTeam .content p{color:#fff; margin-bottom:0px;}
.assureWarp{margin-bottom:40px;}
.assureCont{max-width:560px;padding-top:15px;}
.assureCont .title{color:#f14422; font-weight:bold;}
.assureCont .title span{border-top:1px #303030 solid;border-bottom:1px #303030 solid; font-size:18px; padding:15px 0px; display:inline-block}
.assureCont  p{margin-top:10px; color:#a3a3a3}
.assureImg-right{float:right;}
.assureCont-right{float:right;}
.assureCont-right .title{text-align: right;}
#terraceLeft_2{margin-top:20px;}
#terracewarp2{width:50%;padding-right:10px;}
#terracewarp3{width:50%;padding-left:10px;}
#terracewarp4{width:50%; padding:0px 10px;}
#terracewarp5{width:50%; padding:0px 10px;}
#terraceRight{padding-left:20px;}
.terracewarp{position: relative}
.suspend{position: absolute;width:100%;height:100%;top:0px; left:0px; text-align: center;background: rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);color:#fff;}
.suspend .title{font-weight:bold; font-size:24px; margin-top:10%; line-height: 45px;}
.suspend span{width:50px; height:5px; background-color: #fff;display: inline-block;}
.terracewarp:hover span{background-color: #f14422;}
#terracewarp4 .title, #terracewarp5 .title{margin-top:50%;}

.modeWarp{border:2px #eee solid; padding:55px 25px 15px 25px; color:#a3a3a3; margin:0px 25px;}
.modeTitle{color:#fff; background-color:#f14422; line-height: 34px; height:34px; margin-top:50px;}
.demoLeft h3{border-left:10px #f14422 solid; padding-left:10px;}
.demoLeft p{max-width:350px; margin-top:20px;}
.demoLeft a{display:inline-block; border:2px #f14422 solid;  padding:0px 30px; line-height: 36px;  color:#f14422; margin-top:20px;}
.demoRight{background-color: #fff;}
.demoItem{padding:20px; cursor: pointer;}
.demoItem.active{ background-color: #f14422; color:#fff;}
.itemPic{width:45%; padding:0px 10px;}
.itemPic img{border:1px #f5f5f5 solid;}
.item-right{width:55%; padding:0px 10px;}
.demoItem h4{font-weight:bold; font-size:15px;}
.demoItem.active h4{color:#fff;}
.itemBrief{font-size:14px;}
.demoPage{margin-right:45px; color:#303030; padding-bottom:20px;}
.demoPage .pageBtn{margin:0px 10px;}
.demoPage .curPage{font-size:18px; color:#f14422;}

@media(min-width:768px) and (max-width:991px){
  .mpFooterLinks{margin-right:15px;}
}
@media(max-width:767px){
  .warrper .titleWarp{width:100%;}
  .titleWarp .title{width:100%;}
  .titleWarp .title{font-size:18px; top:-10px;}
  .dowarp>div:nth-child(2){border:0px none;}
  .dowarp .describe{padding:20px;}
  #terraceRight{padding-left:0px; margin-top:20px;}
  #terracewarp4{padding-left:0px;}
  #terracewarp5{padding-right:0px;}
  .modeWarp{margin:10px;}
  .footlogo{width:100%; text-align: center;}
  .assureImg-right{float:none;}
  .demoRight{margin-top:30px;}
}



#fh5co-header,
#fh5co-counter,
.fh5co-bg {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

.fh5co-bg {
  background-size: cover;
  background-position: center center;
  position: relative;
  width: 100%;
  float: left;
  position: relative;
}


.fh5co-cover {
  height: 800px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 100%;
}
.fh5co-cover .overlay {
  z-index: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: #ff5db1;
  background: -moz-linear-gradient(-45deg, #ff5db1 0%, rgba(0, 87, 137, 0.7) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff5db1), color-stop(100%, rgba(0, 87, 137, 0.7)));
  background: -webkit-linear-gradient(-45deg, #ff5db1 0%, rgba(0, 87, 137, 0.7) 100%);
  background: -o-linear-gradient(-45deg, #ff5db1 0%, rgba(0, 87, 137, 0.7) 100%);
  background: -ms-linear-gradient(-45deg, #ff5db1 0%, rgba(0, 87, 137, 0.7) 100%);
  background: linear-gradient(135deg, #ff5db1 0%, rgba(0, 87, 137, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#005789', GradientType=1 );
}
.fh5co-cover > .fh5co-container {
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .fh5co-cover {
    height: 600px;
  }
}
.fh5co-cover .display-t,
.fh5co-cover .display-tc {
  z-index: 9;
  height: 900px;
  display: table;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .fh5co-cover .display-t,
  .fh5co-cover .display-tc {
    height: 600px;
  }
}
.fh5co-cover.fh5co-cover-sm {
  height: auto;
}
.fh5co-cover.fh5co-cover-sm .display-t,
.fh5co-cover.fh5co-cover-sm .display-tc {
  height: 600px;
  display: table;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .fh5co-cover.fh5co-cover-sm .display-t,
  .fh5co-cover.fh5co-cover-sm .display-tc {
    height: 400px;
  }
}
.fh5co-heading {
  margin-bottom: 5em;
}
.fh5co-heading.fh5co-heading-sm {
  margin-bottom: 2em;
}
.fh5co-heading h2 {
  font-size: 36px;
  margin-bottom: 20px;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}
.fh5co-heading p {
  font-size: 18px;
  line-height: 1.5;
  color: #828282;
}
#fh5co-offcanvas {
  position: fixed;
  z-index: 1002;
  width: 270px;
  background: black;
  top: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 45px 40px 40px 40px;
  overflow-y: auto;
  -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;
}
.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);
  font-size: 18px;
  line-height: 30px;
  display: block;
}
#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: 5px 0px;
  list-style: none; height:auto; line-height: auto;
}
#fh5co-offcanvas ul li:hover{border-bottom:0px none;}
#fh5co-offcanvas ul li > ul {
  padding-left: 20px;
  display: none;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a {
  display: block;
  position: relative;
}
#fh5co-offcanvas ul li.offcanvas-has-subMenus > 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: "\e921";
  font-size: 20px;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-offcanvas ul li.offcanvas-has-subMenus.active a:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.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: #fff;
}
.fh5co-nav-toggle.fh5co-nav-white > i::before, .fh5co-nav-toggle.fh5co-nav-white > 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: fixed;
  right: 0px;
  top: 22px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 1003;
  border-bottom: none !important;
}
@media screen and (max-width: 768px) {
  .fh5co-nav-toggle {
    display: block;
  }
}
.form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300;
}
.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #50CB86;
}
/*# sourceMappingURL=style.css.map */
.warp{height:100%;z-index:98; position: fixed;  width:100%;}
.offcanvas .warp{height:100% !important; z-index:101;}
.bg img{max-width:100%;}
#fh5co-header{margin-top:89px; position:relative;}
#fh5co-header img{width:100%; max-width:100%;}
.fh5co-nav-toggle.fh5co-nav-white > i::before, .fh5co-nav-toggle.fh5co-nav-white > i::after{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.fh5co-nav-white > i{background-color: #000;}
.fh-text{position: absolute; color:#fff; top:40%; text-align: center; width:100%;}
.fh-text h3{color:#fff;font-size:30px; margin-bottom:30px; }
.fh-text p{font-size:16px; max-width:1000px; padding:0px 20px; margin:0px auto; line-height: 24px;}
.ggt img{width:100%;}


.roundabout-holder{list-style:none;width:500px;height:300px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:300px;width:360px;cursor:pointer;padding:5px;border:1px solid #aaaaaa;-webkit-border-radius:5px;-moz-border-radius:5px;background:#f9f9f9;}
.roundabout-moveable-item img{height:75%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder span{display:none;}
.roundabout-in-focus:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}
.roundabout-moveable-item p{    height: 25%;
  background-color: #1b1b1b;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  vertical-align: middle;
  padding-top: 5%; color:#fff;}
.swiper-container {
  width: 100%;
  height: 100%;

}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media(max-width:767px){
  .roundabout-holder{width:100%;}
  .roundabout-moveable-item{width:60%; height:60%;}
  .roundabout-moveable-item p{font-size:16px;}
}
/*关于来付*/
.showWarp{background-color:#f5f5f5;}
.firmwarp{max-width:920px; margin:0px auto; position: relative; padding:0px 85px;}
.firmwarp img{width:100%;}
.firmwarp .prevBtn, .firmwarp .nextBtn{width:38px; height:38px;display:inline-block; position: absolute;top:50%; margin-top:-19px;z-index:9;}
.firmwarp .prevBtn{ background: url("../images/about/left.png") no-repeat; left:0px;}
.firmwarp .nextBtn{background: url("../images/about/right.png") no-repeat; right:0px;}
.firmwarp .prevBtn:hover{ background: url("../images/about/left_active.png") no-repeat; left:0px;}
.firmwarp .nextBtn:hover{background: url("../images/about/right_active.png") no-repeat; right:0px;}
.showBigPic{float:left; width:65%;}
.explain{float:left;width:35%; padding:70px 30px 30px 30px;}
.explain .title{margin-bottom:15px;}
.explain .title h3{color:#f14422; font-size:18px; margin:0px;line-height: 5px;}
.explain .title span{display:inline-block; height:3px; width:34px; background-color: #f14422;}
.explain p{margin-bottom: 0px;}
.firmList{margin-top:15px;}
.firmList li{width:25%; float:left;  padding:3px; border:2px #fff solid;}
.firmList li:hover{border:2px #f14422 solid;}
.firmList li.active{border:2px #f14422 solid;}
.sy-w{background-color: #fff; padding:20px 23px;}
.sy-w h4{font-weight:bold; color:#000;}
.sy-w li{line-height: 30px; height:30px; font-size:16px; letter-spacing: 1px;}
#ourTeam2{background: url("../images/about/teambg.png")no-repeat bottom center; background-size: 100% 100%; color:#fff; }
@media(min-width:768px) and (max-width:991px){
  .sy-w{padding:15px;}
  .sy-w li{font-size:14px;}
}
@media screen and (max-width:767px){
  .showBigPic, .explain{float:none; width:100%;}
  .firmwarp{padding:0px 65px;}

}
/*新闻资讯*/
.newItems{border-bottom:1px #a3a3a3 solid; padding:40px 0px;}
.newsHead{margin-bottom:20px;}
.newsHead span{border-left:1px #f14422 solid; border-right:1px #f14422 solid; display:inline-block; color:#f14422; padding:0px 10px; height:20px; font-size:18px; line-height: 20px;margin-top:4px;}
.newsHead .title, .itemCont .title{display:inline-block; width:75%; margin:0px; padding-left:56px; font-size:22px;white-space: nowrap;overflow-x: hidden; text-overflow: ellipsis;}
.newsLeft{width:30%;}
.newsRight{width:70%;padding:0px 10px;}
.newsRight p{margin-bottom:0px; overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; }
.newTips{font-size:13px;}
.newTips .editor{margin-left:40px;}
.itemCont .title{padding-left:0px; width:100%; font-size:16px; font-weight:bold;}
.someNews{background-color: #f5f5f5; padding:25px;}
.someNews .newItems{padding:6px 0px; border-bottom:1px #eee solid;}
.someNewshead{border-bottom:1px #303030 solid; padding-bottom:5px;}
.someNewshead h3{font-size:22px;margin:0px;}

.news-detail-head{border-bottom:1px #a3a3a3 dashed; padding-bottom:20px;}
.news-detail-head .editor{margin-left:50px;}
.news-foot{border-top:1px #a3a3a3 solid; padding-top:26px;}
.news-foot a{color:#f14422;}
.change-article{width:50%; float:left; white-space:nowrap; overflow-x: hidden; text-overflow: ellipsis;}
.change-article.change-article-next{text-align: right;}
.newsContent{margin-top:50px;}
.newsContent p{margin-bottom:20px;}
.more-icon{ background: url("../images/news/more-icon.png") no-repeat center left; padding-left:20px;color:#a3a3a3;}
.editTime{background: url("../images/news/time-icon.png") no-repeat center left;padding-left: 20px;}

.panel-footer{background-color: #fff; border-top:0px none; text-align: right; padding:0px;}
.pagination > li > a, .pagination > li > span{padding:5px 10px; margin:5px; font-size:12px;}
.pagination > li > a, .pagination > li > span{color:#a3a3a3; background-color: #f5f5f5; border:0px none;}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus{background-color: #f14422;
  border:0px none;}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus{color:#f14422;}

@media(max-width:767px){
  .newsHead .title{width:70%; font-size:18px; padding-left:20px;}
  .newItems{line-height: 20px; padding:15px 0px;}
  .change-article{width:100%; float: none;}
  .change-article.change-article-next{text-align: left;}
}
@media(max-width:480px){
  .newsHead span{font-size:14px; margin-top:0px;}
  .newsRight p{font-size:14px;}
  .news-detail-head .editor{margin-left:20px;}
  .pagination > li > a, .pagination > li > span{margin:2px;}
}

/*莱付宝*/
.title-brL{border-left:6px #ff0000 solid; padding-left:20px; font-weight:bold;}
.title-brR{border-right:6px #ff0000 solid; padding-right:20px; font-weight:bold;}
.payways-warp{margin:40px 0px;}
.paywaysLeft{padding-top:40px;}
.paywaysLeft-cont{letter-spacing: 1px;margin-top:60px;}
.advantageBox{padding-bottom:150px; padding-top:70px;}
.advantageCont{position: relative; margin-top:69px;}
.advantageRight{position: absolute;left: 35%; top:60px;}
.advantage-warp{filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#D8FFFFFF,endColorStr=#D8FFFFFF); /* IE5.5 - IE8 */
  background: rgba(255, 255, 255, .85); /* 其他浏览器 */ padding:15px 30px; }
.advantageItems{width:50%; float:left; margin:23px 0px;}
.advantageItems h5{font-size:18px; color:#f14422; font-weight:bold; margin-bottom:26px;}
.advantageItems p{margin-bottom:0px;}
@media(max-width:991px){
  .advantageBox{padding-bottom:40px;}
  .advantageRight{position: static; margin-top:50px;}
}
@media(max-width:767px){
  .payways-warp{margin:20px 0px;}
  .paywaysLeft{padding-top:0px;}
  .advantageBox{padding-top:0px;}
}
@media(max-width:480px){
  .advantageItems{width:100%;}
}
/*mpos*/
.trend_ul{margin-left:15px;}
.trend_ul li{margin-bottom:0px;}
#Mpos-introduction{background-image: url("../images/pro/bg-line.png"); background-repeat:repeat-x; background-position: center top 200px;}
.mpos-cont{margin-top:100px;}
.mposItems .title{font-size: 18px;  color: #f14422;  font-weight: bold;  margin: 35px 0px 48px 0px;}
#userScene{
  background-image: url("../images/pro/bg-line2.png"); background-repeat:no-repeat; background-position: center bottom 25%;}
.userSceneCont{margin-top: 98px;  margin-bottom: 30px}
#userScene-left{padding-right:100px;}
#userScene-right{padding-left:100px; margin-top:145px;}
#userScene .assureCont .title{font-weight: normal;margin-bottom: 28px;}
#userScene .assureCont .title span{border-color:#fff; padding:10px 0px;}
@media(max-width:767px){
  .mpos-cont{margin-top:50px;}
  .mposItems{margin:10px 0px;}
  #userScene{background-image: none;}
  #userScene-left{padding-right:15px;}
  #userScene-right{padding-left:15px; margin-top:30px;}
  .userSceneCont{margin-top:40px;}
  #Mpos-introduction .content{padding-bottom:30px !important; padding-top:30px !important;}
}

/*合作加盟*/
.subNavs{border-bottom:1px #a3a3a3 solid; text-align: center;}
.subNavs ul li{display:inline-block;padding:30px 0px; margin:0px 25px;}
.subNavs ul li.active{border-bottom:2px #f14422 solid;}
.subNavs ul li a{color:#303030;  font-size:18px;}
.subNavs.drop{position: fixed; width: 100%;background-color: #fff; z-index: 99;top: 0px;}
.investmentBtn{border: 1px #f14422 solid;
  border-radius: 20px;
  padding: 5px 10px;
  color: #f14422 !important;}
.moduleHead{color:#f14422;font-size:18px; padding:86px 100px 68px 100px; line-height: 28px;}
.moduleTitle{margin-top:20px;}
.module-tip{color:#f14422; margin-bottom:80px;margin-top:40px; font-size:18px; font-weight:bold;}
.systemPro{margin-top:71px;}
.systemPro .systemProItems{float:left; color:#fff; border:1px #fff solid; padding:5px 16px; margin-right:22px;
  cursor: pointer; position: relative;}
.systemPro .systemProItems.active{ background-color: #f14422; color:#fff; border-color: #f14422;}
.systemPro .systemProItems.active:before {
  content: " ";
  display: table;
}
.systemPro .systemProItems.active:after{
  position: absolute;
  top: 39px;
  right: 50%;
  display: block;
  overflow: hidden;
  margin-right: -10px;
  width: 0;
  height: 0;
  border-color: #f14422 transparent transparent transparent;
  border-style: solid;
  border-width: 9px 10px 0 10px;
  content: '';}

.support-warp{position: absolute; top:81px; right:0px;}
.supportNavs, .support-cont{float:right;}
.supportNavs{ width:33%; padding-left:36px; padding-top:44px;}
.support-cont{width:67%;}
.supportNavs ul li a{color:#a3a3a3; font-size:22px; padding:32px 48px;padding-left:53px; display:block;}
.supportNavs ul li.active a{background-color: #f14422; color:#fff;}
.support-right-border{float:right; border:4px #f00 solid; width:46%;height: 630px; margin-right:25px; padding-top:110px; padding-bottom:102px;}
.v-line{width:1px; height:100%; background-color: #a3a3a3; margin-left:50%}
.support-cont-img{padding: 44px 0px;    background-color: #fff;}
.support-cont p{width:76%; padding-right:25px;}


.moduleWarp .modeWarp{margin:0px; font-size:15px;padding: 20px 10px 15px 10px;}
.moduleWarp .modeTitle{margin-top:30px;}
.moduleWarp .modeCont{height:140px;}
.requirements-right{margin-top:20px;}
.requirements li{float:left; border-right:1px #a3a3a3 solid; font-size:18px;padding:0px 40px; }
.requirements li:first-child{padding-left:0px;}
.requirements li:last-child{border-right:0px none; }
.requirements li a{position: relative; color:#a3a3a3; padding-bottom:10px;}
.requirements li a.active{border-bottom:1px #f14422 solid; color:#f14422;}
.requirements li a.active:after{position: absolute;
  top: 35px;
  right: 50%;
  display: block;
  overflow: hidden;
  margin-right: -10px;
  width: 0;
  height: 0;
  border-color: #f14422 transparent transparent transparent;
  border-style: solid;
  border-width: 9px 10px 0 10px;
  content: '';}
.dashed-line{height:1px;background: url(../images/investment/dashed-line.png) repeat-x bottom;}
.companyViews{margin-top:20px; margin-bottom:78px;}
@media(max-width:1199px){
  .subNavs ul li{margin:0px 15px;}
  .supportNavs{padding-left:26px;}
  .supportNavs ul li a{ font-size:20px; padding:25px 48px;}
  .support-right-border{height:530px;padding-top: 90px;    padding-bottom: 100px}
  .support-warp{top:61px;}
  .support-cont-img{padding:34px 0px;}
  .systemPro .systemProItems{margin-right:10px;}
  .requirements li{padding:0px 20px;}
}
@media(min-width:768px) and (max-width:991px){
  .moduleWarp .modeWarp{font-size:14px;}
  .moduleWarp .modeCont{height:196px;}
  .support-right-border{height:500px; padding-top:70px; padding-bottom:120px;}
  .supportNavs{padding-top:24px;}
  .supportNavs ul li a{font-size:18px; padding:20px 40px;}
  .support-cont-img{padding:24px 0px;}
  .systemPro .systemProItems{padding:5px 6px;font-size:14px;}
  .requirements li{padding:0px 10px; font-size:16px;}
  .requirements li a.active:after{top:32px;}
}
@media(max-width:767px){
  .moduleTitle{text-align: center; margin-bottom:20px;}
  .module-tip{margin-bottom:40px;}
  .support-warp{position: static;}
  .supportNavs, .support-cont{float:none; width:100%;}
  .supportNavs{padding-left:0px; padding-top:0px;}
  .systemPro .systemProItems{float:none; text-align: center; margin-bottom:20px; margin-right:0px;}
  .support-cont p{width:100%; padding-right:0px;}
  .moduleWarp .modeWarp{margin:10px 0px;}
  .requirements li{border:0px none;width: 50%;text-align: center; margin: 10px 0px; padding:0px 5px;}

  .supportNavs ul li{float:left; width:25%;text-align: center;margin: 10px 0px;padding: 0px 5px;}
  .supportNavs ul li a{padding:0px 5px 5px 5px; font-size:18px; display:inline-block; position:relative; border-bottom:1px #fff solid;}
  .supportNavs ul li.active a{border-bottom: 1px #f14422 solid;  color: #f14422; background-color:#fff;  }
  .supportNavs ul li.active a:after {
    position: absolute;
    top: 34px;
    right: 50%;
    display: block;
    overflow: hidden;
    margin-right: -10px;
    width: 0;
    height: 0;
    border-color: #f14422 transparent transparent transparent;
    border-style: solid;
    border-width: 9px 10px 0 10px;
    content: '';
  }
  .moduleHead{padding:60px 15px 38px 15px;}
}
@media(max-width:480px){
  .modeWarpItems{width:100%;}
  .requirements-right{padding:0px;}
  .requirements li a, .supportNavs ul li a{font-size:15px;padding-bottom:5px;}
  .requirements li a.active:after{top:26px;}
  .supportNavs ul li{width:50%; margin:10px 0px;}

}
/*download*/
.download-warp{background: url(../images/user/2.jpg) no-repeat center; background-size: 100% 100%;}
.download-header{border-bottom:1px #9fa1a2 solid;}
.downMenus li{width:50%; float:left; text-align: center; padding:40px 0px; position: relative;}
.downMenus li a{width:76px; height:34px; display:inline-block; position: relative;}
.downMenus li#down-mpos a{background: url("../images/user/downiMenus1-1.png") no-repeat;}
.downMenus #down-mpos.active a{background: url("../images/user/downiMenus1-2.png") no-repeat;}
.downMenus li#down-lfb a{background: url("../images/user/downiMenus2-1.png") no-repeat;}
.downMenus #down-lfb.active a{background: url("../images/user/downiMenus2-2.png") no-repeat;}
.downMenus li.active:before {
  content: " ";
  display: table;
}
.downMenus li.active:after{
  position: absolute;
  top:0px;
  right: 50%;
display:block;
  overflow: hidden;
  margin-right: -10px;
  width: 0;
  height: 0;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 19px 19px 0 19px;
  content: '';}
.down-main{max-width:960px;}
.down-main .content{padding:160px 0px 167px 0px;}
.download-content{margin-top:100px;}
.downRight .title{font-size:22px; color:#fff; padding-left:17px; border-left:5px #f14422 solid;}
.download-link, .downloadCode{float:left;}
.download-link .download-btn{ display:block;margin-bottom:46px; width:223px; height:56px;}
#ios-down{ background: url("../images/user/ios-downIcon1.png") no-repeat center; background-size: 100% 100%;}
#ios-down:hover{background: url("../images/user/ios-downIcon2.png") no-repeat center; background-size: 100% 100%;}
#android-down{background: url("../images/user/android-downIcon1.png") no-repeat center; background-size: 100% 100%;}
#android-down:hover{background: url("../images/user/android-downIcon2.png") no-repeat center; background-size: 100% 100%;}
.downloadCode{margin-left:56px;}
.down-foot{position: absolute; width:100%;bottom:0px; background: rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}
.instructionsList li{float:left;  width:33.33333333%; text-align: center; padding:28px 0px 22px 0px;}
.instructionsList li a{color:#fff; background: url("../images/user/downloadIcons.png") no-repeat right; padding-right:34px; font-size:16px;}
.instructionsList li a:hover{color:#f14422;}
.instructionsList li span{border-bottom:1px #9d9e9f solid; display:inline-block;padding:0px 10px 15px 10px;}
@media(max-width:767px){
  .down-main .content{padding:60px 0px 30px 0px}
  .instructionsList li{width:100%; float:none;}
  .download-content{margin-top:50px;}
  .downLeft img{max-width:50%;}
  .download-link, .downloadCode{float:none; text-align: center;}
  .download-link .download-btn{margin:auto; margin-bottom:20px; }
  .downloadCode{margin-left:0px; text-align: center;}
  .down-foot{position: static;}


}

/*莱付钱包*/
.advantage_lf_warp{width:20%; float:left; padding:6px;}
.advantage_lfpay{padding-top:63px; padding-bottom:74px; background:url(../images/lfwallet/title_bg.png) no-repeat left top;}
#advantage_lfpay{ }
.advantage_lf_cont{background-color: #fdfdfd; text-align: center; padding:45px 6px 30px 6px; border:3px #ededef solid;}
.advantage_icon{margin-bottom:32px; display: block;}
.advantage_lf_cont .title{color:#303030; font-size:16px; font-weight:bold;}
.advantage_lf_cont p{margin-top:20px; font-size:14px; height:110px;}
.advantage_lf_cont .bottom_arrow{margin-top:20px;}
.swiper-button-next, .swiper-button-prev{width:45px; height:45px;}
.swiper-button-next{background: url("../images/lfwallet/arrow_right.png") no-repeat;}
.swiper-button-prev{background: url("../images/lfwallet/arrow_left.png") no-repeat;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{display:none;}
#processWarp{margin-top:50px;padding-top: 50px; padding-bottom: 30px; background-color: fbfbfb;}
.shadowWarp{position: absolute;right:0px; top:0px; height:100%; width:34px; background: url("../images/lfwallet/shadow.png") right top; background-repeat: repeat-y; z-index:3;}
#processWarp .swiper-slide{border-right:1px #d8d8d8 solid;}
#processWarp .swiper-slide:last-child{border-right:0px none;}
@media(max-width:767px){
	.advantage_lfpay{background: none;}
	.advantage_lf_warp{width:50%;}
	.advantage_lf_cont{padding: 30px 6px 20px 6px;}
	.advantage_icon{margin-bottom:20px;}
	.advantage_lf_warp:nth-child(3){width:100%;}
	.swiper-button-next, .swiper-button-prev{display:none;}
	.advantage_lf_warp:nth-child(3) .advantage_head{float:left; width:35%;}
	.advantage_lf_warp:nth-child(3) p{float:left;width:65%; margin-top:0px; height:100px;}
	.advantage_lf_warp{padding:6px 2px;}
	#processWarp .swiper-slide{border-right:0px;}
}
#lfpay_msg{padding:72px 0px 50px 0px;}
.msgBtn{border:1px #fff solid; color: #fff; padding:10px 50px;}
.msgBtn:hover{color:#fff;}
#lfpay_msg .title{font-size:22px; margin-bottom:31px;}
#lfpay_msg p{margin-bottom:63px;}