/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body { background: #fff; color: #666666; font-family: "Microsoft Yahei","Open Sans", sans-serif; }
a { color: #65d9ff; transition: 0.5s; }
a:hover, a:active, a:focus { color: #fff; outline: none; text-decoration: none; }
p { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-family: "Microsoft Yahei","Montserrat", sans-serif; font-weight: 400; margin: 0 0 20px 0; padding: 0; }

/* Back to top button */
.back-to-top { position: fixed; display: none; background: #65d9ff; color: #fff; display: inline-block; width: 44px; height: 44px; text-align: center; line-height: 1; font-size: 16px; border-radius: 50%; right: 15px; bottom: 15px; transition: background 0.5s; z-index: 11; }
.back-to-top i { padding-top: 12px; color: #fff; }
@media (max-width:768px) {
  .back-to-top { bottom: 15px; }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header { padding: 0 0; height: 112px; line-height: 112px; position: fixed; left: 0; top: 0; right: 0; transition: all 0.5s; z-index: 997; }
#header.header-scrolled { background: rgba(0, 0, 0, 0.9); padding: 0; height: 112px; line-height: 112px; transition: all 0.5s; }
#header.header-scrolled02 { background: rgba(0, 0, 0, 0); padding: 0; height: 0; line-height: 112px; transition: all 0.5s; }
#header #logo h1 { font-size: 34px; margin: 0; padding: 0; font-family: "Microsoft Yahei", "Montserrat", sans-serif; font-weight: 700; letter-spacing: 3px; transition: all .5s ease .5s; }
#header #logo h1 a, #header #logo h1 a:hover { display: block; color: #fff; height: 112px; line-height: 112px; }
#header #logo h1 a { transition: all .5s ease .5s; }
#header #logo img { width: 173px; height: 44px; padding: 0; margin: 0; transition: all .5s ease .5s; }
#header.header-scrolled #logo h1 { height: 60px; line-height: 60px; transition: all .5s ease 0s; }
#header.header-scrolled #logo h1 a { height: 60px; line-height: 60px; transition: all .5s ease 0s; }
#header.header-scrolled #logo h1 a img { width: 118px; height: 30px; transition: all .5s ease 0s; }

#header.header-scrolled02 #logo{display:none;}
#header.header-scrolled02 #nav-menu-container{display:none;}

@media (max-width:768px) {
  #header.header-scrolled { height: 60px; }
  #header { height: 60px; line-height: 60px; }
  #header #logo h1 { font-size: 28px; }
  #header #logo h1 a, #header #logo h1 a:hover { height: 60px; line-height: 60px; }
  #header #logo img { width: 118px; height: 30px; }
  #mobile-nav-toggle { line-height: 24px !important; margin: 16px 10px 0 0 !important; }
  .move-down { width: 40px !important; height: 40px !important; background-size: 100% 100% !important; left: 15px !important; margin: 0 !important; }
}
.chs { text-indent: -9999px; height: 0; line-height: 0; font-size: 0; overflow: hidden; }

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/
#intro { display: table; width: 100%; height: 100vh; /* background: #000;*/ }
#intro .carousel-item { width: 100%; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; }
#intro .carousel-item::before { content: '';  /*background-color: rgba(0, 0, 0, 0.7);*/ position: absolute; height: 100%; width: 100%; top: 0; right: 0; left: 0; bottom: 0; }
#intro .carousel-container { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; top: 0; left: 0; right: 0; }
#intro .carousel-content { text-align: center; }
#intro h2 { color: #fff; margin-bottom: 0!important; font-size: 48px; font-weight: normal; text-transform: uppercase; }
@media (max-width:768px) {
  #intro h2 { font-size: 28px; }
}
#intro p { width: 80%; margin: 0 auto 65px auto; color: #fff; font-size:16px; }
@media (min-width:1024px) {
  #intro p { width: 60%; }
}
#intro .carousel-fade .carousel-inner .carousel-item { -webkit-transition-property: opacity; transition-property: opacity; }
#intro .carousel-fade .carousel-inner .carousel-item, #intro .carousel-fade .carousel-inner .active.carousel-item-left, #intro .carousel-fade .carousel-inner .active.carousel-item-right { opacity: 0; }
#intro .carousel-fade .carousel-inner .active, #intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left, #intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right { opacity: 1; transition: 0.5s; }
#intro .carousel-fade .carousel-inner .carousel-item-next, #intro .carousel-fade .carousel-inner .carousel-item-prev, #intro .carousel-fade .carousel-inner .active.carousel-item-left, #intro .carousel-fade .carousel-inner .active.carousel-item-right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#intro .carousel-control-prev, #intro .carousel-control-next { width: 10%; z-index: 800; }
@media (min-width:1024px) {
  #intro .carousel-control-prev, #intro .carousel-control-next { width: 5%; }
}
#intro .carousel-control-next-icon, #intro .carousel-control-prev-icon { background: none; font-size: 32px; line-height: 1; }
#intro .carousel-indicators li { cursor: pointer; }
#intro .carousel-indicatorsy li { cursor: pointer; }
#intro .btn-get-started { font-family: "Microsoft Yahei","Montserrat", sans-serif; font-weight: 500; font-size: 16px; letter-spacing: 1px; display: inline-block; padding: 8px 32px; border-radius: 50px; transition: 0.5s; margin: 10px; color: #fff; background: #65d9ff; }
#intro .btn-get-started:hover { background: #fff; color: #65d9ff; }

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Nav Menu Essentials */
.nav-menu, .nav-menu * { float: right; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.nav-menu { margin-right: 45px; }
.nav-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.nav-menu li { position: relative; white-space: nowrap; }
.nav-menu > li { float: left; height: 112px; }
.nav-menu li:hover > ul, .nav-menu li.sfHover > ul { display: block; }
.nav-menu ul ul { top: 0; left: 100%; }
.nav-menu ul li { min-width: 180px; }

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul { padding-right: 30px; }
.sf-arrows .sf-with-ul:after { content: "\f107"; position: absolute; right: 15px; font-family: FontAwesome; font-style: normal; font-weight: normal; }
.sf-arrows ul .sf-with-ul:after { content: "\f105"; }

/* Nav Meu Container */
#nav-menu-container { margin: 0; }
@media (max-width:768px) {
  #nav-menu-container { display: none; }
}


@media (max-width:768px) {
  .main-banner-default { height: 60px; background: #10212e; }
  .main-banner-default img{ display: none; }
}

/* Nav Meu Styling */
.nav-menu a { padding: 0 18px; text-decoration: none; display: inline-block; color: #fff; font-family: "Microsoft Yahei","Montserrat", sans-serif; font-size: 16px; text-transform: uppercase; outline: none; height: 110px; border-top: 2px solid transparent; }
@media (max-width:1200px) {
  .nav-menu a { padding: 0 10px; }
}
@media (max-width:990px) {
  .nav-menu a { height: 58px; line-height: 58px; font-size: 14px; }
}
.nav-menu li:hover > a, .nav-menu > .menu-active > a { color: #65d9ff; border-top: 2px solid #65d9ff; }
.nav-menu > li { margin-left: 1px; }
.nav-menu ul { margin: 4px 0 0 0; padding: 10px; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); background: #fff; }
.nav-menu ul li { transition: 0.3s; }
.nav-menu ul li a { padding: 10px; color: #333; transition: 0.3s; display: block; font-size: 13px; text-transform: none; }
.nav-menu ul li:hover > a { color: #65d9ff; }
.nav-menu ul ul { margin: 0; }

/* Mobile Nav Toggle */
#mobile-nav-toggle { position: fixed; right: 0; top: 0; z-index: 999; margin: 20px 20px 0 0; border: 0; background: none; font-size: 24px; display: none; transition: all 0.4s; outline: none; cursor: pointer; line-height: 70px; }
#mobile-nav-toggle i { color: #fff; }
@media (max-width:768px) {
  #mobile-nav-toggle { display: inline; }
}

/* Mobile Nav Styling */
#mobile-nav { position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998; background: rgba(0, 0, 0, 0.8); left: -260px; width: 260px; overflow-y: auto; transition: 0.4s; }
#mobile-nav ul { padding: 0; margin: 0; list-style: none; }
#mobile-nav ul li { position: relative; }
#mobile-nav ul li a { color: #fff; font-size: 13px; text-transform: uppercase; overflow: hidden; padding: 10px 22px 10px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none; font-weight: 700; font-family: "Microsoft Yahei","Montserrat", sans-serif; }
#mobile-nav ul li a:hover { color: #fff; }
#mobile-nav ul li li { padding-left: 30px; }
#mobile-nav ul .menu-has-children i { position: absolute; right: 0; z-index: 99; padding: 15px; cursor: pointer; color: #fff; }
#mobile-nav ul .menu-has-children i.fa-chevron-up { color: #65d9ff; }
#mobile-nav ul .menu-has-children li a { text-transform: none; }
#mobile-nav ul .menu-item-active { color: #65d9ff; }
#mobile-body-overly { width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(0, 0, 0, 0.7); display: none; }

/* Mobile Nav body classes */
body.mobile-nav-active { overflow: hidden; }
body.mobile-nav-active #mobile-nav { left: 0; }
body.mobile-nav-active #mobile-nav-toggle { color: #fff; }

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

/* Sections Header
--------------------------------*/
.section-header h3 { font-size: 40px; color: #65d9ff; text-transform: uppercase; text-align: center; margin-bottom: 0 !important; word-wrap: break-word; word-break: break-all; }

/*.section-header h3::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}*/

/*.section-header h3::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #18d26e;
  bottom: 0;
  left: calc(50% - 20px);
}*/

.section-header p { text-align: center; padding-bottom: 30px; color: #000; font-size: 30px; margin-bottom: 55px; }

/* Section with background
--------------------------------*/
.section-bg { /* background: #f7f7f7;*/ }

/* Featured Services Section
--------------------------------*/
#featured-services { background: #000; }
#featured-services .box { padding: 30px 20px; }
#featured-services .box-bg { background-image: linear-gradient(0deg, #000000 0%, #242323 50%, #000000 100%); }
#featured-services i { color: #65d9ff; font-size: 48px; display: inline-block; line-height: 1; }
#featured-services h4 { font-weight: 400; margin: 15px 0; font-size: 18px; }
#featured-services h4 a { color: #fff; }
#featured-services h4 a:hover { color: #65d9ff; }
#featured-services p { font-size: 14px; line-height: 24px; color: #fff; margin-bottom: 0; }

/* About Us Section
--------------------------------*/
#about { background: url("../images/about-bg.jpg") center top no-repeat fixed; background-size: cover; padding: 130px 0 130px 0; position: relative; }
#about::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; }
#about .container { position: relative; z-index: 10; }
#about .about-col {/*  background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  */  margin-bottom: 30px; }
  #about .about-col .img { position: relative; text-align: center; }
  #about .about-col .img img { border-radius: 4px 4px 0 0; }
  #about .about-col .icon { width: 64px; height: 64px; padding-top: 8px; text-align: center; position: absolute; background-color: #18d26e; border-radius: 50%; text-align: center; border: 4px solid #fff; left: calc(50% - 32px); bottom: -30px; transition: 0.3s; }
  #about .about-col i { font-size: 36px; line-height: 1; color: #fff; transition: 0.3s; }
  #about .about-col:hover .icon { background-color: #fff; }
  #about .about-col:hover i { color: #65d9ff; }
  #about .about-col h2 { color: #000; text-align: center; font-weight: 700; font-size: 20px; padding: 0; margin: 40px 0 12px 0; }
  #about .about-col h2 a { color: #000; }
  #about .about-col h2 a:hover { color: #65d9ff; }
  #about .about-col p { font-size: 14px; line-height: 24px; color: #333; margin-bottom: 0; padding: 0 20px 20px 20px; margin-top: 51px; }

  /* Services Section
  --------------------------------*/
  #services { background: #fff; background-size: cover; padding: 60px 0 40px 0; }
  #services .box { margin-bottom: 30px; }
  #services .icon { float: left; }
  #services .icon i { color: #65d9ff; font-size: 36px; line-height: 1; transition: 0.5s; }
  #services .title { margin-left: 60px; font-weight: 700; margin-bottom: 15px; font-size: 18px; }
  #services .title a { color: #111; }
  #services .box:hover .title a { color: #65d9ff; }
  #services .description { font-size: 14px; margin-left: 60px; line-height: 24px; margin-bottom: 0; }

  /* Call To Action Section
  --------------------------------*/
  #call-to-action { background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../images/call-to-action-bg.jpg) fixed center center; background-size: cover; padding: 60px 0; }
  #call-to-action h3 { color: #fff; font-size: 28px; font-weight: 700; }
  #call-to-action p { color: #fff; }
  #call-to-action .cta-btn { font-family: "Microsoft Yahei","Montserrat", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 16px; letter-spacing: 1px; display: inline-block; padding: 8px 28px; border-radius: 25px; transition: 0.5s; margin-top: 10px; border: 2px solid #fff; color: #fff; }
  #call-to-action .cta-btn:hover { background: #65d9ff; border: 2px solid #65d9ff; }

  /* Call To Action Section
  --------------------------------*/
  #skills { padding: 60px 0; }
  #skills .progress { height: 35px; margin-bottom: 10px; }
  #skills .progress .skill { font-family: "Open Sans", sans-serif; line-height: 35px; padding: 0; margin: 0 0 0 20px; text-transform: uppercase; }
  #skills .progress .skill .val { float: right; font-style: normal; margin: 0 20px 0 0; }
  #skills .progress-bar { width: 1px; text-align: left; transition: .9s; }

  /* Facts Section
  --------------------------------*/
  #facts { background: url("../images/facts-bg.jpg") center top no-repeat fixed; background-size: cover; padding: 130px 0 160px 0; position: relative; }
  #facts::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; }
  #facts .container { position: relative; z-index: 10; }
  #facts .counters span { font-family: "Microsoft Yahei","Montserrat", sans-serif; font-weight: bold; font-size: 48px; display: block; color: #18d26e; }
  #facts .counters p { padding: 0; margin: 0 0 20px 0; font-family: "Microsoft Yahei","Montserrat", sans-serif; font-size: 14px; color: #111; }
  #facts .facts-img { text-align: center; padding-top: 30px; }

  /* Portfolio Section
  --------------------------------*/
  #portfolio { padding: 60px 0; }
  #portfolio #portfolio-flters { padding: 0; margin: 5px 0 35px 0; list-style: none; text-align: center; }
  #portfolio #portfolio-flters li { cursor: pointer; margin: 15px 15px 15px 0; display: inline-block; padding: 10px 20px; font-size: 12px; line-height: 20px; color: #666666; border-radius: 4px; text-transform: uppercase; background: #fff; margin-bottom: 5px; transition: all 0.3s ease-in-out; }
  #portfolio #portfolio-flters li:hover, #portfolio #portfolio-flters li.filter-active { background: #65d9ff; color: #fff; }
  #portfolio #portfolio-flters li:last-child { margin-right: 0; }
  #portfolio .portfolio-wrap { box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); transition: 0.3s; }
  #portfolio .portfolio-wrap:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16); }
  #portfolio .portfolio-item { position: relative; height: 360px; overflow: hidden; }
  #portfolio .portfolio-item figure { background: #000; overflow: hidden; height: 240px; position: relative; border-radius: 4px 4px 0 0; margin: 0; }
  #portfolio .portfolio-item figure:hover img { opacity: 0.4; transition: 0.3s; }
  #portfolio .portfolio-item figure .link-preview, #portfolio .portfolio-item figure .link-details { position: absolute; display: inline-block; visibility: hidden; line-height: 1; text-align: center; width: 36px; height: 36px; background: #fff; border-radius: 50%; transition: 0.2s; }
  #portfolio .portfolio-item figure .link-preview i, #portfolio .portfolio-item figure .link-details i { padding-top: 6px; font-size: 22px; color: #333; }
  #portfolio .portfolio-item figure .link-preview:hover, #portfolio .portfolio-item figure .link-details:hover { background: #65d9ff; }
  #portfolio .portfolio-item figure .link-preview:hover i, #portfolio .portfolio-item figure .link-details:hover i { color: #fff; }
  #portfolio .portfolio-item figure .link-preview { left: calc(50% - 38px); top: calc(50% - 18px); }
  #portfolio .portfolio-item figure .link-details { right: calc(50% - 38px); top: calc(50% - 18px); }
  #portfolio .portfolio-item figure:hover .link-preview { visibility: visible; left: calc(50% - 44px); }
  #portfolio .portfolio-item figure:hover .link-details { visibility: visible; right: calc(50% - 44px); }
  #portfolio .portfolio-item .portfolio-info { background: #fff; text-align: center; padding: 30px; height: 90px; border-radius: 0 0 3px 3px; }
  #portfolio .portfolio-item .portfolio-info h4 { font-size: 18px; line-height: 1px; font-weight: 700; margin-bottom: 18px; padding-bottom: 0; }
  #portfolio .portfolio-item .portfolio-info h4 a { color: #333; }
  #portfolio .portfolio-item .portfolio-info h4 a:hover { color: #65d9ff; }
  #portfolio .portfolio-item .portfolio-info p { padding: 0; margin: 0; color: #b8b8b8; font-weight: 500; font-size: 14px; text-transform: uppercase; }

  /* Clients Section
  --------------------------------*/
  #clients { padding: 60px 0; }
  #clients img { max-width: 100%; opacity: 0.5; transition: 0.3s; padding: 15px 0; }
  #clients img:hover { opacity: 1; }
  #clients .owl-nav, #clients .owl-dots { margin-top: 5px; text-align: center; }
  #clients .owl-dot { display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 50%; background-color: #ddd; }
  #clients .owl-dot.active { background-color: #65d9ff; }

  /* Testimonials Section
  --------------------------------*/
  #testimonials { padding: 60px 0; }
  #testimonials .section-header { margin-bottom: 40px; }
  #testimonials .testimonial-item { text-align: center; }
  #testimonials .testimonial-item .testimonial-img { width: 120px; border-radius: 50%; border: 4px solid #fff; margin: 0 auto; }
  #testimonials .testimonial-item h3 { font-size: 20px; font-weight: bold; margin: 10px 0 5px 0; color: #111; }
  #testimonials .testimonial-item h4 { font-size: 14px; color: #999; margin: 0 0 15px 0; }
  #testimonials .testimonial-item .quote-sign-left { margin-top: -15px; padding-right: 10px; display: inline-block; width: 37px; }
  #testimonials .testimonial-item .quote-sign-right { margin-bottom: -15px; padding-left: 10px; display: inline-block; max-width: 100%; width: 37px; }
  #testimonials .testimonial-item p { font-style: italic; margin: 0 auto 15px auto; }
  @media (min-width:992px) {
    #testimonials .testimonial-item p { width: 80%; }
  }
  #testimonials .owl-nav, #testimonials .owl-dots { margin-top: 5px; text-align: center; }
  #testimonials .owl-dot { display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 50%; background-color: #ddd; }
  #testimonials .owl-dot.active { background-color: #65d9ff; }

  /* Team Section
  --------------------------------*/
  #team { background: #f3f3f3; padding: 130px 0 160px 0; }
  #team .member { text-align: center; margin-bottom: 20px; /* background: #000;*/ position: relative; background: #ffffff; }
  #team .member .member-info { visibility: hidden; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; top: 0; left: 0; right: 0; transition: 0.2s; }
  #team .member .member-info-content { margin-top: -50px; transition: margin 0.2s; }
  #team .member:hover .member-info { background: #61d5fa; visibility: visible; transition: 0.4s; }
  #team .member:hover .member-info-content { padding:18px; margin-top: 0; transition: margin 0.4s; }
  #team .member h4 { font-weight: normal; line-height:28px; margin-bottom: 2px; font-size: 16px; color: #fff; text-align:left; }
  #team .member span { font-style: italic; display: block; font-size: 13px; color: #fff; }
  #team .member .social { margin-top: 15px; }
  #team .member .social a { transition: none; color: #fff; }
  #team .member .social a:hover { color: #18d26e; }
  #team .member .social i { font-size: 18px; margin: 0 2px; }

  /* Contact Section
  --------------------------------*/
  #contact { padding: 60px 0; }
  #contact .contact-info { margin-bottom: 20px; text-align: center; }
  #contact .contact-info i { font-size: 48px; display: inline-block; margin-bottom: 10px; color: #65d9ff; }
  #contact .contact-info address, #contact .contact-info p { margin-bottom: 0; color: #000; }
  #contact .contact-info h3 { font-size: 18px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase; color: #999; }
  #contact .contact-info a { color: #000; }
  #contact .contact-info a:hover { color: #65d9ff; }
  #contact .contact-address, #contact .contact-phone, #contact .contact-email { margin-bottom: 20px; }
  @media (min-width:768px) {
    #contact .contact-address, #contact .contact-phone, #contact .contact-email { padding: 20px 0; }
  }
  @media (min-width:768px) {
    #contact .contact-phone { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
  }
  #contact .form #sendmessage { color: #65d9ff; border: 1px solid #65d9ff; display: none; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; }
  #contact .form #errormessage { color: red; display: none; border: 1px solid red; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; }
  #contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show { display: block; }
  #contact .form .validation { color: red; display: none; margin: 0 0 20px; font-weight: 400; font-size: 13px; }
  #contact .form input, #contact .form textarea { padding: 10px 14px; border-radius: 0; box-shadow: none; font-size: 15px; }
  #contact .form button[type="submit"] { background: #65d9ff; border: 0; padding: 10px 30px; color: #fff; transition: 0.4s; cursor: pointer; }
  #contact .form button[type="submit"]:hover { background: #13a456; }

  /*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/
  #footer { background: url(../images/footer02.png) no-repeat bottom center; background-size: cover; padding: 0 0 30px 0; color: #eee; font-size: 14px; min-height: 780px; overflow:hidden; }
  #footer .footer-top { padding: 118px 0 30px 0; border-bottom: 1px solid #2b2f38; }
  #footer .footer-top .footer-info { margin-bottom: 30px; }
  #footer .footer-top .footer-info h3 { font-size: 34px; margin: 0 0 20px 0; padding: 2px 0 2px 10px; line-height: 1; font-family: "Microsoft Yahei","Montserrat", sans-serif; font-weight: 700; letter-spacing: 3px; border-left: 4px solid #18d26e; }
  #footer .footer-top .footer-info p { font-size: 14px; line-height: 24px; margin-bottom: 0; font-family: "Microsoft Yahei","Montserrat", sans-serif; color: #eee; }
  #footer .footer-top .social-links a { font-size: 18px; display: inline-block; background: #333; color: #eee; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s; }
  #footer .footer-top .social-links a:hover { background: #18d26e; color: #fff; }
  #footer .footer-top h4 { font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; position: relative; padding-bottom: 12px; }
  #footer .footer-top h4::before, #footer .footer-top h4::after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; }
  #footer .footer-top h4::before { right: 0; background: #555; }
  #footer .footer-top h4::after { background: #18d26e; width: 60px; }
  #footer .footer-top .footer-links { margin-bottom: 30px; }
  #footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; }
  #footer .footer-top .footer-links ul i { padding-right: 8px; color: #ddd; }
  #footer .footer-top .footer-links ul li { border-bottom: 1px solid #333; padding: 10px 0; }
  #footer .footer-top .footer-links ul li:first-child { padding-top: 0; }
  #footer .footer-top .footer-links ul a { color: #eee; }
  #footer .footer-top .footer-links ul a:hover { color: #18d26e; }
  #footer .footer-top .footer-contact { margin-bottom: 30px; }
  #footer .footer-top .footer-contact p { line-height: 26px; }
  #footer .footer-top .footer-newsletter { margin-bottom: 30px; }
  #footer .footer-top .footer-newsletter input[type="email"] { border: 0; padding: 6px 8px; width: 65%; }
  #footer .footer-top .footer-newsletter input[type="submit"] { background: #18d26e; border: 0; width: 35%; padding: 6px 0; text-align: center; color: #fff; transition: 0.3s; cursor: pointer; }
  #footer .footer-top .footer-newsletter input[type="submit"]:hover { background: #13a456; }
  #footer .copyright { text-align: center; padding-top: 60px; }
  #footer a.footer-site{ display:inline-block; color:#8a8a8c; padding:5px;}
  #footer a.footer-site:hover{ color:#65d9ff;}
  #footer .credits { text-align: center; font-size: 13px; color: #ddd; }

  /**/
  img { vertical-align: middle; }
  img { border: 0; }
  .yingchan { margin-top: 14px; text-align: center; font-size: 14px; color: #6a6d72 !important; text-align: center }
  .footer-links span { display: block; padding: 0 10px; font-size: 14px; color: #bbb; }
  @media screen and (max-width:999px) {
    .img-responsive { float: none !important; margin: 0 auto !important; }
  }
  @media screen and (max-width:768px) {
    .yingchan { float: none !important; margin: 0 auto !important; margin-top: 10px !important; }
  }
  .lianjie { margin-top: 30px; font-size: 15px; text-align: center; }
  .footer-site{ position: relative; width: 10%; float: left; color: #bbb !important; }
  .footer-site:before{ content:''; width: 1px; height: 16px; background: #454a51; position: absolute; left: 0; top: 50%; margin-top: -8px; }
  .footer-site:first-child:before{ display: none; }
  .copyright2 { margin-top: 60px; font-size: 14px; color: #adadad; text-align: center; }
  .uanse { color: #8a8a8c !important; border-bottom: 1px solid #2c3139; padding-bottom: 60px; }

  .dianhuang { display: inline-block; vertical-align: middle; width: 38px; height: 38px; background: url(../images/footer03.png) center no-repeat; margin-right: 10px; }
  .dinha { color: #65d9ff; font-size: 38px; display: inline-block; vertical-align: middle; }
   @media screen and (max-width:768px) {
    .uanse { display: none; }
    .dinha{ font-size: 28px; }
  } 
  .dinha01 { display: inline-block; vertical-align: middle; margin-top: 10px; }
  .dinha02 { margin-top: 20px; font-size: 16px !important; }
  .dinha03 { margin-top: 6px; font-size: 16px !important; }
  .renyan { position: relative; animation: mymove; animation-duration: 1s;  /* Safari and Chrome */ -webkit-animation: mymove; -webkit-animation-duration: 1s; }
  @keyframes mymove {
    from { top: -200px; }
    to { top: 0px; }
  }
  @-webkit-keyframes mymove

  /* Safari and Chrome */
  {
    from { top: -200px; }
    to { top: 0px; }
  }
  .jianju p { margin: 0 !important; }
  .zhti01 { font-size: 16px !important; color: #565555 !important; }
  .zhti02 { font-size: 14px !important; color: #b1b1b1 !important; }
  .zhti03 { font-size: 14px !important; color: #797979 !important; }
  .hang { margin-bottom: 30px; }
  .dian { display: inline-block; vertical-align: middle; width: 5px; height: 5px; background: url(../images/footer10.png) center no-repeat; margin-right: 8px; margin-top: -3px; }
  .yashey { color: #b1b1b1; }
  .hangy {display:block; color:#666; margin-bottom: 16px; }
  .hangy:hover, .hangy:hover .yashey { color: #ff6d5b; color: #ff6d5b; }
  .hangy:hover .dian { display: inline-block; vertical-align: middle; width: 5px; height: 5px; background: url(../images/footer11.png) center no-repeat; margin-right: 8px; margin-top: -3px; }
  @media screen and (max-width:768px) {
    .xinwen { display: none; }
  }
  @media screen and (max-width:768px) {
    .imdy { width: 36%; }
    #team .member:hover .member-info { display: none; }
  }
  @keyframes fx_animate {
    to { transform: rotateY(360deg); }
  }
  @-webkit-keyframes fx_animate {
    to { -webkit-transform: rotateY(360deg); }
  }
  .fx_div1:hover, .fx_div2:hover, .fx_div3:hover ,.fx_div4:hover, .fx_div5:hover, .fx_div6:hover,.fx_div7:hover,.fx_div8:hover { animation: fx_animate 2s; -webkit-animation: fx_animate 2s; }
  .bian_yuan { border: 1px solid #e9e9e9; border-radius: 10px; }
  @media screen and (max-width:768px) {
    .ren { display: none; }
  }
  .ren01 { display: none; line-height: 30px; }
  @media screen and (max-width:768px) {
    .ren01 { display: block !important; line-height: 30px; }
  }

  /* rightsead */
  #rightsead { width: 57px; height: 350px; position: fixed; z-index: 99999; top: 50%; margin-top: -210px; right: 0; }
  *html #rightsead { position: absolute; top: expression(eval(document.documentElement.scrollTop)); }
  #rightsead li { width: 55px; height: 55px; margin-bottom: -1px; position: relative; z-index: 10; border: 1px solid rgba(255, 255, 255, .5); box-sizing: content-box; }
  #rightsead li a, #rightsead li a:hover { text-decoration: none; }
  #rightsead li i { display: block; width: 55px; height: 55px; background: url(../images/r_icon.png); }
  #rightsead li.r_app, #rightsead li.r_wb, #rightsead li.r_jsq { display: none; }
  #rightsead li.r_ph i.hides { background-position: 0 0; }
  #rightsead li.r_wb i.hides { background-position: -55px 0; }
  #rightsead li.r_wx i.hides { background-position: -110px 0; }
  #rightsead li.r_kf i.hides { background-position: -165px 0; }
  #rightsead li.r_app i.hides { background-position: -220px 0; }
  #rightsead li.r_jsq i.hides { background-position: -279px 0; }
  #rightsead li.r_top i.hides { background-position: -330px 0; }
  #rightsead li a { display: block; width: 55px; height: 55px; overflow: hidden; position: relative; cursor: pointer; }
  #rightsead li a .glob { position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .25); z-index: 900; }
  #rightsead li div.next_area { position: absolute; top: 0; z-index: -10; color: #555; padding-right: 10px; line-height: 22px; min-width: 180px; text-align: center; }
  #rightsead li div.next_area em { display: block; width: 8px; height: 12px; overflow: hidden; background: url(../images/r_icon.png) -392px 0 no-repeat; position: absolute; right: -8px; top: 15px; }
  #rightsead li div.next_area_box { position: relative; background: #FFF; border: 1px solid #45525b; padding: 10px; border-radius: 6px; }
  #rightsead li div.next_area_con { background: #f2f2f2; width: 130px; }
  #rightsead li div.next_area_con a { display: inherit; width: auto; height: auto; }
  #rightsead li.r_wb div.next_area_con, #rightsead li.r_kf div.next_area_con { width: 158px; padding: 15px 10px; }
  #rightsead li .next_area_con .text_date { width: 100px; line-height: 28px; height: 28px; padding: 0 5px; }
  #rightsead li .next_area_con .select_date { width: 78px; line-height: 28px; height: 30px; margin-left: 10px; }
  #rightsead li.r_jsq div.next_area_con { width: 338px; padding: 15px 10px; }
  #rightsead li .error { background: #ff4d4d; color: #FFF; line-height: 34px; height: 34px; padding: 0; border-radius: 3px; }
  #rightsead li a span { display: block; width: 55px; height: 55px; padding: 10px 0; line-height: 18px; font-size: 14px; color: #333; text-align: center; background: rgba(255, 255, 255, .4) }
  #rightsead li div.next_area .zxkf p { text-align: center; }
  #rightsead li div.next_area .zxkf .tit { font-size: 16px; color: #333; }
  #rightsead li div.next_area .zxkf .tel { font-size: 20px; color: #65d9ff; font-weight: bold; padding: 10px 0; margin-bottom: 0; }
  #top_btn { display: none; }

  /* ΢²© */
  #rightsead .ico_weibo { display: inline-block; width: 21px; height: 16px; background: url(../images/r_icon.png) -407px 0 no-repeat; }
  #rightsead .weibo_visit a { display: block; width: 100%; height: 21px; line-height: 21px; border-top: 1px solid #c6c6c6; color: #f26317; }
  #rightsead .weibo_visit a:hover { text-decoration: none; }
  #rightsead li div.next_area .zxkf .weibo a { width: 100px; height: 25px; color: #fff; }
  #rightsead li div.next_area .zxkf .weibo { cursor: pointer; background-color: #ff4d4d; width: 100px; height: 30px; text-align: center; color: #fff; line-height: 30px; border-radius: 3px; margin: 10px auto; }

  /* ÔÚÏß¿Í·þ */
  #rightsead .ico_service { width: 53px; height: 53px; margin: 0 auto 10px; background: url(../images/r_icon.png) -351px 0 no-repeat; }
  #rightsead .rightservice li, #rightsead .rightservice li a { width: 100%; height: 32px; line-height: 32px; }
  #rightsead li div.next_area .zxkf  .qq { text-align: center; width: 95px; margin: 10px auto; }
  #rightsead li div.next_area .zxkf .launchBtn { background: url(../images/launchbtn.png) no-repeat; width: 92px; height: 22px; }

  /* ¼ÆËãÆ÷ */
  #rightsead .item { margin-top: 5px; line-height: 30px; }
  #rightsead .form_name { line-height: 30px; width: 90px; }
  #rightsead .text { height: 28px; line-height: 28px; padding: 0 5px; width: 190px; margin-right: 5px; float: left; }
  #rightsead .text_qx { width: 65px; }
  #rightsead .radio_box { display: inline-block; *display: inline; *zoom: 1; float: left; }
  #rightsead .radio_box>span { display: inline-block; *display: inline; *zoom: 1; line-height: 30px; }
  #rightsead .radio_box_line { display: block; float: left; text-align: left; }
  #rightsead .radio_box_line>span { display: block; line-height: 30px; }
  #rightsead select { width: 200px; float: left; padding: 0; height: 30px; }
  #rightsead a.btn { width: 175px !important; height: 35px; line-height: 35px; margin: 0 4px; display: inline-block !important; *display: inline; *zoom: 1; float: left; }
  #rightsead a.btn_clear { background: #FF6000; }
  #rightsead .rightsead_more { color: #FF6000 }
  #rightsead li div.next_area .qq li { width: 92px; height: 22px; }
  .zxkf { font-size: 12px; }

  /* ÄÚÍâ±ß¾àͨ³£Èø÷¸öä¯ÀÀÆ÷ÑùʽµÄ±íÏÖλÖò»Í¬ */
  ul, ol, li { margin: 0; padding: 0; }

  /* È¥µôÁбíÇ°µÄ±êʶ, li »á¼Ì³Ð */
  ol, ul, li { list-style: none; }
  @media screen and (max-width:768px) {
    .fuchuang { display: none; }
  }

  /*内页底部*/
  .footer-inner { padding: 25px 0; background: #373737; overflow: hidden; font-size: 14px; color: #9c9c9c; line-height: 24px; }
  .footer-inner .credits { text-align: right; }
  @media screen and (max-width:990px) {
    .footer-inner { text-align: center !important; }
    .footer-inner .credits { text-align: center; }
  }

  /*关于我们--联系我们*/
  .top-banner { position: relative; width: 100%; height: 380px; background: url(../images/aboutus-banner.jpg) center no-repeat; overflow: hidden; text-align: center; }
  .top-banner-menu { display: inline-block; margin: 260px 30px 30px; }
  .top-banner-menu a { float: left; display: inline-block; height: 42px; line-height: 42px; padding: 0 25px; margin-left: -1px; margin-bottom: 5px; font-size: 18px; color: #fff; border: 1px solid #fff; }
  .top-banner-menu a:first-child { border-radius: 3px 0 0 3px; }
  .top-banner-menu a:last-child { border-radius: 0 3px  3px 0; }
  .top-banner-menu a:hover, .top-banner-menu a.active { background: #65d9ff; }
  .img-contactUs { float: left; margin: 4px 8px 28px 25px; }
  .contactUs-info { display: inline-block; height: 70px; margin-bottom: 50px; font-size: 18px; }
  .contactUs-info span { display: inline-block; color: #999; font-size: 14px; margin-bottom: 3px; }
  @media screen and (max-width:768px) {
    .top-banner-menu { margin: 260px 8px 30px; }
    .top-banner-menu a { padding: 0 5px; font-size: 14px; }
  }

  /*关于我们--团队介绍*/
  .teambox { margin: 40px 0; }
  .img-team { width: 100%; margin-bottom: 10px; }
  .team-info p { margin-bottom: 10px; text-align: center; }

  /*关于我们-企业介绍*/
  .aboutUs { margin: 40px 0 30px; }
  .aboutUs p { text-indent: 2em; margin-bottom: 10px; line-height: 24px; }
  .img-aboutUs-bg { width: 100%; margin-bottom: 20px; }
  @media screen and (max-width:768px) {
    .aboutUs { margin: 30px 0 30px; }
    .img-aboutUs-bg { width: 90%; margin-left: 5%; text-align: center; }
  }

  /*关于我们-招聘信息*/
  .jobbox { margin-bottom: 50px; }
  .jobbox h4 { color: #14b8ee; font-size: 24px; margin-top: 50px; }
  .jobbox p { color: #333; margin-bottom: 10px; }

  /*关于我们-企业荣誉*/
  .honorbox .product-list-img { border: 1px solid #ddd; }

  /*互金新闻-列表*/
  .top-banner.news { background: url(../images/news-banner.jpg) center no-repeat; }
  .newslist { margin-top: 40px; }
  a.newsitem { display: block; height: 160px; border-bottom: 1px solid #eee; transition: 0.5s; }
  .newscontainer { height: 90px; padding-top: 38px; }
  h4.newstitle { height: 22px; overflow: hidden; font-size: 21px; color: #333; margin-bottom: 15px; }
  .newsdescription { height: 40px; overflow: hidden; color: #999; transition: 0.5s; }
  .newsdate { border-left: 1px solid #eee; }
  .newsdate p { margin-bottom: 10px; margin-left: 30px; transition: 0.5s; }
  .newsdate .md { color: #5cdafd; font-size: 60px; line-height: 50px; transition: 0.5s; }
  .newsdate .year { color: #999; }
  .newsarrow { display: inline-block; width: 40px; height: 40px; background: url(../images/news-arrow01.png) center no-repeat; transition: 0.5s; margin-top: 18px; }
  a.newsitem:hover { background: #5cdafd; color: #fff; }
  .newsitem:hover h4.newstitle, .newsitem:hover .newsdescription, .newsitem:hover .md, .newsitem:hover .year { color: #fff; }
  .newsitem:hover .newsarrow { background: url(../images/news-arrow02.png) center no-repeat; }
  @media screen and (max-width:1169px) {
    .newsdate .md { font-size: 36px; }
  }
  @media screen and (max-width:768px) {
    .newsitem { height: 150px; }
    .newsarrowbox { padding: 0; }
    .newsdate p { margin-left: 0; }
    .newsdate .md { font-size: 16px; line-height: 30px; }
    .newstitle a { height: 19px; font-size: 18px; }
    .newsdescription { margin-bottom: 0; }
    .newsarrow { width: 16px; height: 16px; background-size: cover; background-image: url(../images/news-arrow01.png); margin-top: 24px; }
    .newsitem:hover .newsarrow { background-size: cover; background-image: url(../images/news-arrow02.png); }
  }

  /*互金新闻-详情*/
  .news-tilbox { margin: 40px 0; }
  .news-tilbox h4 { border-bottom: 1px solid #ddd; padding: 16px 0; font-size: 26px; color: #333; }
  .news-tilbox-info { color: #999; }
  .news-tilbox-info span { display: inline-block; margin-right: 30px; }
  .news-con p { margin-bottom: 8px; text-indent: 2em; }
  .news-con img,
  .news-con p img {max-width:100%; margin-bottom:5px;}
  .news-linksbox { margin-top: 42px; }
  .news-linksbox p { margin-bottom: 8px; color: #999; }
  .news-linksbox p a { color: #999; }
  .news-linksbox p a:hover { color: #65d9ff; }

  /*案例列表*/
  .portfolio-container{ min-height:1055px;}
  .portfolio-container.honorbox{ min-height:730px;}
  .main-banner-default { width: 100%; }
  .main-nav { overflow: hidden; margin-top: 20px; }
  .main-title-cn { line-height: 40px; font-size: 30px; color: #333; }
  .main-title-en, .main-crumb { height: 24px; line-height: 24px; font-size: 14px; color: #616161; }
  .main-crumb a { color:#616161; }
  .main-crumb a:hover { color: #65d9ff; }
  .main-title-en { font-family: 'Microsoft Yahei'; text-transform: uppercase; }
  .main-crumb { margin-top: 15px; }
  .product-list { display: block; margin-top: 50px; cursor: pointer; }
  @media screen and (min-width:1200px) {
    .product-list{ height:270px; }
    .portfolio-container.honorbox .product-list{ height:312px; }
	.product-list.product-detail-list {height: auto; }
  }
  @media screen and (max-width:768px) {
    .product-list{ height:285px; }
	.portfolio-container.honorbox .product-list{ height:320px; }
  }
  .product-list-img { display: block; width: 100%; height: auto; }
  .product-list-img img{ transition: all .5s ease 0s; }
  .product-list-title { position: relative; height: 24px; line-height: 24px; font-size: 16px; color: #333; text-align: center; overflow: hidden; transition: all .5s ease 0s; }
  .product-list-discribe { margin-top: 5px; height: 22px; line-height: 22px; font-size: 12px; color: #999; text-align: center; transition: all .5s ease 0s; }
  .product-list:hover .product-list-img img { transform: scale(1.15); }
  .product-list:hover .product-list-title { font-size: 18px; color: #0ab6ee; transform: translateY(12px) }
  .product-list:hover .product-list-discribe { opacity: 0; transform: translateY(-12px); }
  .pagination>li>a, .pagination>li>span { font-size: 16px; color: #333; border: none; }
  .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #fff; background-color: #65d9ff; border: none; }
  .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { color: #fff; background-color: #65d9ff; border: none; }
  .pagination { margin: 80px auto 40px; }
  #portfolio-flters { margin-top: 30px; text-align: center; }
  #portfolio-flters li { cursor: pointer; margin: 15px 15px 15px 0; display: inline-block; padding: 10px 20px; font-size: 14px; line-height: 24px; color: #666666; border-radius: 4px; text-transform: uppercase; background: #fff; margin-bottom: 5px; transition: all 0.3s ease-in-out; }
  #portfolio-flters li:hover, #portfolio-flters li.filter-active { background: #65d9ff; color: #fff; }

  /*案例详情*/
  .product-detail { margin-top: 90px; padding-bottom: 50px; }
  .product-detail .main-crumb { font-size: 12px; }
  .product-detail .main-title-en { margin-top: 25px; height: auto; }
  .product-detail-webseit { margin-top: 20px; font-size: 14px; color: #333; }
  .product-detail-webseit a { text-decoration: underline; color: #333; }
  .product-detail-webseit a:hover { color: #65d9ff; }
  .produt-detail-prev, .produt-detail-next, .produt-detail-list { display: block; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background: #565656; }
  .produt-detail-prev .fa, .produt-detail-next .fa { font-size: 18px; }
  .produt-detail-list .fa { font-size: 14px; }
  .produt-detail-linkbox { margin-top: 40px; padding: 45px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
  .produt-detail-prev:hover, .produt-detail-next:hover, .produt-detail-list:hover { background: #65d9ff; color: #fff; }
  .product-detail-container { margin-top: 20px; }
  .product-detail-container-img img { display: block; margin: 0 auto 20px; max-width: 100%; height: auto; }
  .produt-detail-prev2, .produt-detail-next2 { display: block; margin-top: 10px; font-size: 16px; color: #999; }
  .produt-detail-prev2:hover, .produt-detail-next2:hover { color: #65d9ff; }
  .produt-detail-prev2 { margin-top: 30px; }
  .product-detail-other { font-size: 21px; color: #333; }
  .product-list.product-detail-list { margin-top: 20px; }
  .product-list.product-detail-list .product-list-title { font-size: 12px; }
  .product-list.product-detail-list:hover .product-list-title { font-size: 14px; }
  
.detail-tab{ position: relative; margin: 0 auto 60px; width: 288px; height: 46px; background: #565656; border-radius: 23px; }

.detail-tab li{ float: left; }
.detail-tab li,
.detail-tab li a{ position: relative; z-index: 10; display: block; width: 144px; height: 46px; line-height: 46px; text-align: center; color: #fff ;}
.detail-tab-bg{ z-index: 0; content: ''; width: 144px; height: 46px; background: #65d9ff; position: absolute; left: -1px; top: 0; border-radius: 23px; border: 1px solid #65d9ff; transition: all .5s ease 0s;  }
  /*产品介绍*/
  .cp_js { border: 1px solid #eeeeee; margin-bottom: 30px; overflow: hidden; padding: 28px 0;cursor:pointer;}
  .cp_bt { color: #343434; font-size: 20px; margin-top: 6%; }
  .cp_xt { color: #c3c3c3; font-size: 12px; }
  @media screen and (max-width:768px) {
    .cp_bt { text-align: center; margin-top: 1% !important; }
  }
  @media screen and (max-width:768px) {
    .cp_xt { text-align: center; }
  }
  @media screen and (max-width:990px) {
    .cp_bt { margin-top: 2% !important; }
  }
  .cp_js:hover { }

  /*产品介绍-信用卡记账系*/
  .kuaishu { text-align: center; margin: 0 !important; margin-top: 31px !important; font-size: 26px !important; color: #1f1f1f !important; }
  .biantou { font-size: 15px; color: #1a3749; line-height: 30px; }
  .xin_yan { color: #373737; margin-bottom: 15px; }
  .chakan { display: block; width: 156px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; border: 1px solid #40aed3; font-size: 16px; color: #40aed3; border-radius: 3px; margin-top: 20px; }
  .chakan:hover { color: #fff; background: #40aed3; }

  /*产品介绍-CRM系统*/
  .main-title-line { margin: 0 auto; width: 32px; height: 2px; background: #65d9ff; }
  .pr-soft { margin-top: 60px; padding-bottom: 95px; background: #f4f4f4; overflow: hidden; font-size: 15px; }
  .main-sub-nav { position: relative; margin: 75px 0 70px; }
  .main-sub-nav .main-title-cn { position: relative; z-index: 10; display: inline-block; padding: 0 10px; font-size: 28px; background: #f4f4f4; }
  .main-sub-nav .main-title-en { position: relative; z-index: 10; font-size: 12px; }
  .main-nav-sub-bg { position: absolute; left: 50%; margin-left: -150px; top: 22px; z-index: 0; width: 300px; height: 45px; background: transparent; border: 1px solid #d2d2d2; }
  .pr-soft p { margin-bottom: 10px; }
  .pr-sys { font-size: 15px; padding-bottom: 80px; }
  .pr-sys p { margin-bottom: 15px; }
  .pr-sys .main-sub-nav .main-title-cn { background: #fff; }
  .pr-sys-progress { float: left; width: 18%; height: 46px; background: #20a8b8; border-radius: 3px; text-align: center; line-height: 46px; color: #fff; overflow: hidden; }
  .pr-sys-progress+.pr-sys-progress { margin-left: 2.5% }
  .pr-sys-progress-box { margin-top: 20px; margin-bottom: 50px; }
  @media screen and (max-width:768px) {
    .pr-sys-progress { width: 46%; margin-left: 0 !important; margin-right: 2%; margin-bottom: 20px; }
    .pr-sys-progress-box { margin-bottom: 30px; }
  }
  .pr-fun-title-box { margin-top: 30px; margin-bottom: 20px; }
  .pr-fun-title { display: inline-block; padding: 8px 50px; font-size: 16px; color: #fff; background: #1c374a; border-radius: 3px; }
  .pr-job-title { position: relative; margin-top: 20px; font-size: 15px; color: #0fc1fb; margin-bottom: 10px; }
  .pr-job-title, .pr-job-content { padding-left: 28px; }
  .pr-job-content p { margin-bottom: 5px; }
  .pr-job-title:before { content: ''; display: block; width: 8px; height: 8px; position: absolute; left: 0; top: 50%; margin-top: -4px; border-radius: 4px; background: #0fc1fb }

  /*产业链金*/
  .case-item { margin: 55px 0 0; }
  .case-title { margin-bottom: 10px; line-height: 40px; font-size: 26px; color: #333; font-weight: bold; }
  .pr-show-title { font-size: 28px; margin: 10px 0; }
  .pr-more-btn { margin-top: 80px; display: inline-block; padding: 8px 40px; font-size: 16px; color: #40aed3; border: 1px solid #40aed3; border-radius: 3px; }
  .pr-progress-title { margin-top: 120px; font-size: 40px; color: #333; }
  .adv-item { padding: 30px; border: 1px solid #e2e2e2; }
  .adv-item01 { text-align: center; margin-top: 30px; font-size: 20px; color: #2d2d2d; }
  .adv-item02 { margin-top: 20px; font-size: 14px; }

  /*电商交易*/
  .shop-item-title { font-size: 24px; text-align: center; font-weight: bold; padding: 20px 0; color: #fff; background: #1a3749 }
  .shop-item { margin-top: 40px; border: 1px solid #e2e2e2; }
  .shop-item-content { padding: 40px 50px; font-size: 16px; color: #222; }

  /*iloan银行存管系统*/
  .pr-iloan { margin-top: 20px; margin-bottom: 0; font-size: 15px; color: #1a3749; }
  .pr-iloan-adv-item-box { margin-top: 120px; overflow: hidden; }
  .pr-iloan-adv-item { position: relative; padding: 90px 30px 45px; border: 2px solid #65d9ff; }
  .pr-iloan-adv-item-icon { position: absolute; top: -60px; left: 50%; margin-left: -60px; }
  .pr-iloan-adv-item-title { font-size: 20px; color: #060606; text-align: center; }
  .pr-iloan-adv-item-content { margin-top: 25px; font-size: 14px; line-height: 30px; color: #787878; }

  /*产品介绍-众筹系统*/
  .ren_xin { border: 1px solid #d2d2d2; padding-top: 20px; background: #FFF; }
  .biao_tou { color: #343434; font-size: 24px; margin-top: 100px; }

  /*产品介绍-直销银行*/
  .zhi_xia { padding: 21px 0; }
  .cp_bty { margin-top: 12%; }
  @media screen and (max-width:990px) {
    .cp_bty { margin-top: 6% !important; }
  }
  @media screen and (max-width:768px) {
    .cp_bty { margin-top: 2% !important; }
  }
  .si_yans { text-align: center; font-size: 21px; color: #1a3749; width: 24%; display: inline-block; }
  @media screen and (max-width:660px) {
    .si_yans { font-size: 16px; }
    .si_yans01 { width: 20%; }
    .si_yans02 { width: 20%; }
    .si_yans03 { width: 20%; }
    .si_yans04 { width: 30%; }
  }
  @media screen and (max-width:400px) {
    .wap_yid { font-size: 24px !important; }
  }
  @media screen and (max-width:400px) {
    .bei_jiny { background: url(../images/cp_zc14-1.png) center 37px no-repeat !important; }
  }
  .qianduan { font-size: 25px; color: #FFF; background: #497a98; line-height: 50px; height: 50px; text-align: center; border-radius: 36px; margin-right: 15px; }
  .yan_daxz { margin-bottom: 10px; font-size: 16px; color: #221815; }
  @media screen and (min-width:768px) {
    .yan_daxz01 { margin-bottom: 10px; font-size: 16px; color: #221815; text-align: center; }
  }
  .bei_ysg { background: #ededec; padding-top: 20px; padding-bottom: 10px; border-radius: 36px; overflow: hidden; margin-bottom: 15px; }
  .kh_gl { text-align: center; font-size: 18px; color: #221815; height: 43px; border-bottom: 1px dashed #cfcfcf; line-height: 30px; margin: 0 10px; margin-bottom: 20px; }

  /*产品介绍-小额信贷管理系统*/
  .yangming { position: relative; top: 0; left: 0; margin-top: 50%; margin-top: -60px; }
  .renxiny { min-height: 360px; position: relative; }
  @media screen and (max-width:990px) {
    .renxiny { min-height: 400px !important; }
  }
  @media screen and (max-width:990px) {
    .ren_xiy { min-height: 320px !important; }
  }

  /*产品介绍-汽车加油充电管理系统*/
  .cy_sey { background: url(../images/cp25.png) center no-repeat; height: 57px !important; line-height: 57px !important; text-align: center !important; color: #ffffff !important; font-size: 20px; }
  .zhi_ed { margin-top: 10px !important; text-align: center; padding: 0 20px 0px 20px !important; }
  .ren_fen { text-align: center; margin-bottom: 20px; position: relative; background: #ffffff; padding-top: 31px; min-height: 450px; }
  .ren_fen01 { height: 38px; background: url(../images/cp27.png) bottom center no-repeat; font-size: 18px; color: #36acd3; margin-bottom: 25px; }
  .ren_fen02 { color: #232323; margin-bottom: 20px !important; font-size: 16px !important; }
  .ren_fen03 { font-size: 14px !important; color: #797979; margin-bottom: 10px !important; }
  @media screen and (max-width:1200px) {
    .ren_fen { min-height: inherit !important; }
  }
  
  /*产品介绍-物联网应用*/
  .infobox{ max-width:976px; line-height:30px; margin-top:30px; text-align:left; font-size:16px;}
  .info-name{ color:#5281e1;}
  .subbox{min-height:380px;border-bottom:2px solid #5281e1;}
  .subbox-top{height:138px; padding:10px 0 15px;background:#5281e1; text-align:center;}
  .subbox-top h2.title{height:36px;line-height:36px;color:#fff; font-size:25px; margin:0;}
  .subbox-top .imgbox{height:77px;line-height:77px;}
  .subbox-con{ font-size:16px; color:#333; line-height:36px; margin-top:18px;}
  @media screen and (min-width: 1200px) {
    .container.wu{ width:970px;}
  }
  
  /*产品介绍-供应链金融系统*/
  @media screen and (min-width: 1200px) {
    .container.system{ width:1230px;}
  }
 
  .systemLinkbox{margin-top:30px; text-align:center;}
  a.systemLink{float:left;display:inline-block;width:150px;height:50px; line-height:50px; font-size:16px; color:#666; text-align:center; border:1px solid #ddd; margin-left:-1px; margin-bottom:5px;} 
  a.systemLink.active,
  a.systemLink:hover{color:#fff;border:1px solid #65d9ff;background:#65d9ff;}
  .subSystem{ border-bottom:1px dashed #ddd;}
  .subSystem-til{ display:none;}
  @media screen and (max-width:320px) {
    a.systemLink{ width:142px; }
  }
  .subSystem-pic{width:100%;}
  .subSystem-info{padding:40px 73px 0;font-size:15px;color:#333;line-height:24px;}
  @media screen and (max-width: 1344px) {
    .subSystem{width:85%; margin:0 auto;}
	.subSystem-info{ padding:20px 0 0;}
  }
   @media screen and (max-width:990px) {
    .systemLinkbox{ text-align:center;}
    a.systemLink{float:none;}
	a.particulars-nav-item{float:none;width:140px; padding:0; }
	.subSystem-til{ display:block;text-align:center; padding:15px 0 10px;}
	.subSystem-til span{ display: inline-block; font-size:18px; color:#333; text-align:center; padding:5px 5px 3px; border-bottom:1px solid #65d9ff}
	.subSystem-info{ padding:0;}
  }
 
  /* 产品介绍-供应链金融系统-Arrows */
  .systembox .slick-prev, 
  .systembox .slick-next {height:59px; width:59px; cursor: pointer; background:url(../images/slick-prev.png) center no-repeat; top: 45%; margin-top: -30px;}
  .systembox .slick-next {background:url(../images/slick-next.png) center no-repeat;}
  .systembox .slick-prev { left: 0px; }
  .systembox .slick-prev:before { content:none; }
  .systembox .slick-next { right: 0px; }
  .systembox .slick-next:before { content:none; }
  @media screen and (min-width: 1360px) {
    .systembox .slick-prev { left: -59px;}
    .systembox .slick-next { right: -59px;}
  }
 
  @media screen and (max-width:1024px) {
    .systembox .slick-prev { left: -10px; top: 37%; }
    .systembox .slick-next { right: -10px; top: 37%; }
  }
.particulars-nav{position:relative; display:inline-block; text-align:center;}
.particulars-nav .particulars-nav-item{position:relative;float:left; display:inline-block;width:auto; padding:0 10px;height:50px; line-height:50px; font-size:16px; color:#666; text-align:center; border:1px solid #ddd; margin-left:-1px; margin-bottom:5px;}
.particulars-nav .particulars-nav-item.cur{background:#65d9ff; color:#fff;}
.particulars-nav-fixed{ position:fixed; top:0; left:0; z-index:9990; width:100%; height:60px; line-height:60px; text-align:center; overflow:hidden; background:#f5f5f5;border-bottom:2px solid #65d9ff;padding-top:6px;}
.particulars-nav-fixed .particulars-nav{ border:0 none;}
.particulars-nav-fixed .particulars-nav .particulars-nav-item{width:auto; padding:0 10px;margin-right:2px;margin-left:0; height:54px; line-height:54px;font-size:16px; color:#666; background:#e8e9e9;}
.particulars-nav-fixed .particulars-nav .particulars-nav-item.cur{ background:#65d9ff; color:#FFF; border-top:1px solid #65d9ff;}
.particulars-nav-fixed a.btn{ float:right; height:45px; line-height:45px;margin-top:2px;width:120px;font-size:16px;}
 @media screen and (min-width: 1440px) {
	.particulars-nav-fixed .particulars-nav .particulars-nav-item, 
    .particulars-nav .particulars-nav-item{ width:140px; padding:0; }
  }
 @media screen and (max-width:990px) {
	.particulars-nav-fixed{ display:none!important;}
	.particulars-nav .particulars-nav-item{float:none;width:150px; padding:0; }
	.subSystem-pic{ margin-bottom:8px;}
  }
  @media screen and (max-width:320px) {
   .particulars-nav .particulars-nav-item{ width:142px; }
  }
  /*服务项目*/
  .pr-sys.our-service { margin-top: 50px; border-top: 1px solid #e4e4e4; }
  .our-service-con p { text-align: center; }
  @media screen and (max-width:992px) {
    .our-service-con p { text-align: left; }
    .service-progress-item.service-progress-item2{ border-bottom: 1px solid #364757 !important; }
  }
  .our-service-title { font-size: 24px; color: #0fb6ed; text-align: center; }
  .pr-sys.our-service p { margin: 0; color: #999; line-height: 36px; }
  .pr-sys.our-service p span { color: #333; }
  .our-service-btn { display: inline-block; padding: 15px 30px; font-size: 20px; color: #fff; background: #65d9ff; border-radius: 5px; }
  .our-service-btn:hover { color: #fff; }
  .our-service-item { padding: 80px 0 0; }
  .our-service-item-title-box { position: relative; color: #65d9ff;}
  .our-service-item-title-box p{display:inline-block;margin-bottom:0;}
  img.our-service-item-title01 { display:inline-block;vertical-align: top; margin-top:2px; margin-right:10px;  }
  .our-service-item-title02 { font-size: 23px;}
  .our-service-item-title03 { font-size: 16px;}
  .our-service-item-con{ margin-top:20px;}
  .pr-sys.service-progress { width: 100%; height: auto; background: url(../images/our-service07.jpg) no-repeat center center; background-size: cover; }
  .pr-sys.service-progress .main-title-cn { background: transparent; color: #fff; }
  .pr-sys.service-progress .main-title-line { display: none; }
  .service-progress-item { float: left; width: 20%; min-height: 230px; border-bottom: 1px solid #364757; font-size: 12px; color: #fff; overflow: hidden; }
  .service-progress-item+.service-progress-item { border-left: 1px solid #233645 }
  .service-progress-item:nth-child(6) { border-left: none; }
  .pr-sys.service-progress p { margin: 0; line-height: 20px; }
  .service-progress01, .service-progress02 { padding: 0 35px; }
  .service-progress02 { margin-top: 20px; }
  .row .service-progress-item:first-child .service-progress01, .row .service-progress-item:first-child .service-progress02 { padding-left: 0 }
  .row .service-progress-item:nth-child(6) .service-progress01, .row .service-progress-item:nth-child(6) .service-progress02 { padding-left: 0 }

@media screen and (min-width:990px) {
    .row .service-progress-item:nth-child(5) .service-progress01, .row .service-progress-item:nth-child(5) .service-progress02 { padding-right: 0 }
.row .service-progress-item:nth-child(10) .service-progress01, .row .service-progress-item:nth-child(10) .service-progress02 { padding-right: 0 }

  }


  .service-progress-item.service-progress-item2 { padding-top: 30px; border-bottom: 0; }
  @media screen and (max-width:990px) {
    .service-progress-item { width: 50%; padding-top: 30px; }
    .service-progress-item+.service-progress-item { border-left: none; }
    .service-progress01, .service-progress02 { padding-left: 0; }
  }
  @media screen and (max-width:768px) {
    .service-progress-item { padding-left: 15px; padding-right: 15px; }
	.our-service-item-title-box { text-align:center; margin-top:15px;}
	
  }
  @media screen and (max-width:640px) {
    .service-progress-item { width: 100%; padding-top: 30px; }
    .service-progress-item.service-progress-item2 { border-left: 1px solid #233645 }
  }

  /*互金平台信息披露与监控系*/
  .jiank_01 { border: 1px dashed #c6e7f2; border-radius: 6px; margin-bottom: 20px; overflow: hidden; }
  .jiank_02 { padding: 50px 14px; font-size: 15px; color: #343434; overflow: hidden; min-height: 145px; }
  @media screen and (max-width:1200px) {
    .jiank_01 { border: none; margin-bottom: 0px; }
    .jiank_01 img { display: block; margin: 0 auto; }
    .jiank_02 { border: none; padding: 0px 0px; }
	 .carousel-content .renzy .renz01{width:53% !important;}
  }
  .wen_bianti { color: #343434; font-size: 18px; margin-bottom: 20px; }
  .bj_lan { height: 60px; background: #41afd4; margin-top: 15px; border-radius: 6px; line-height: 61px; text-align: center; color: #FFF; font-size: 18px; }
  .xo_tongmy { text-align: center; font-size: 24px; color: #343434; }

  /*iloan系统生态链*/
  .eco-sys-item-main-title { margin: 60px 0 40px; font-size: 30px; color: #047573; font-weight: bold; background: url(../images/eco-sys-bg.png) no-repeat center center; background-size: 100% auto; }
  .eco-sys-item { margin: 0 10px; border: 1px solid #cae8ea; border-radius: 2em; min-height: 395px; height: auto; font-size: 20px; color: #047573; overflow: hidden; }
  .eco-sys-item-title { padding: 25px 0; background: #047573; font-size: 26px; color: #f9eda8; text-align: center; }
  .eco-sys-item-content { padding: 20px 25px; }
  .eco-sys-item-content p { position: relative; margin-bottom: 5px; }
  .eco-sys-item-content p:before { content: '\2714'; display: inline-block; margin-right: 10px; }
  @media screen and (min-width:990px) {
    .eco-sys-item.eco-sys-item2 .eco-sys-item-content { padding-left: 100px; }
  }
  @media screen and (max-width:990px) {
    .eco-sys-item-main-title span { display: inline-block; padding: 0 20px; background: #fff; }
  }
  @media screen and (max-width:990px) {
    .eco-sys-item { margin-top: 30px; }
  }
  .eco-sys-introduce-item { margin-top: 100px; }
  .eco-sys-introduce { min-height: 250px; height: auto; margin-top: 30px; font-size: 14px; color: #221815; line-height: 24px; }

  /*banner文字动态效*/
  .animated-item-1, .animated-item-2, .animated-item-3, .animated-item-3, .animated-item-4, .animated-item-5, .animated-item-6, .animated-item-7, .animated-item-8 { opacity: 0; }
  #intro .active .animation.animated-item-1 { -webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both; -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both; }
  #intro .active .animation.animated-item-2 { -webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both; -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both; }
  #intro .active .animation.animated-item-3 { -webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both; -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both; }
  #intro .active .animation.animated-item-4 { -webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both; -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both; }
  #intro .active .animation.animated-item-5 { -webkit-animation: fadeInLeft 300ms linear 900ms both; -moz-animation: fadeInLeft 300ms linear 900ms both; -o-animation: fadeInLeft 300ms linear 900ms both; -ms-animation: fadeInLeft 300ms linear 9000ms both; animation: fadeInLeft 300ms linear 900ms both; }
  #intro .active .animation.animated-item-6 { -webkit-animation: fadeInRight 300ms linear 900ms both; -moz-animation: fadeInRight 300ms linear 900ms both; -o-animation: fadeInRight 300ms linear 900ms both; -ms-animation: fadeInRight 300ms linear 900ms both; animation: fadeInRight 300ms linear 1200ms both; }
  #intro .active .animation.animated-item-7 { -webkit-animation: fadeInLeft 300ms linear 1200ms both; -moz-animation: fadeInLeft 300ms linear 1200ms both; -o-animation: fadeInLeft 300ms linear 1200ms both; -ms-animation: fadeInLeft 300ms linear 12000ms both; animation: fadeInLeft 300ms linear 1200ms both; }
  #intro .active .animation.animated-item-8 { -webkit-animation: fadeInRight 300ms linear 1200ms both; -moz-animation: fadeInRight 300ms linear 1200ms both; -o-animation: fadeInRight 300ms linear 1200ms both; -ms-animation: fadeInRight 300ms linear 1200ms both; animation: fadeInRight 300ms linear 1200ms both; }
  #intro .slider-text-title { font-size: 35px !important; color: #fff !important;  opacity: 0; }
  #intro .slider-text-title span { color: #65d9ff; }
  #intro .slider-text-description { min-width: 496px !important; text-align: left !important; font-family: 'Microsoft Yahei'; font-size: 46px !important; color: #65d9ff; border-bottom: 1px solid #da737d; text-transform: uppercase; opacity: 0; }
  #intro .slider-text-fugai { font-size: 25px;  opacity: 0; }
  #intro .tp-bullets { bottom: 14% !important; opacity: 1 !important; }
  #intro .tp-bullets.simplebullets.round .bullet { width: 40px; height: 3px; background: #fff; border-radius: 0; margin: 0 6px; }
  #intro .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background: #65d9ff; }
  #intro .slider-text-title.slider-text-title2 { font-size: 46px; text-align: center; }
  #intro .slider-text-title.slider-text-title3 { font-size: 16px; text-align: center; }
  #intro .slider-text-title.slider-text-title4 { font-size: 22px; text-align: center; }
  #intro .tp-leftarrow.default { width: 72px !important; height: 72px !important; background: url(../images/index-arr-left.png) no-repeat 0 0 !important; }
  #intro .tp-rightarrow.default { width: 72px !important; height: 72px !important; background: url(../images/index-arr-right.png) no-repeat 0 0 !important; }
  #intro .tp-banner-container2 .tp-leftarrow.default { left: -60px !important; }
  #intro .tp-banner-container2 .tp-rightarrow.default { right: -60px !important; }
  #intro .slider-text-title01 { font-size: 35px !important; color: #fff !important; }
  #intro .slider-text-title01 span, #intro .slider-text-fugai01 span { color: #65d9ff; }
  #intro .slider-text-description01, #intro .slider-text-description02 { min-width: 450px !important; text-align: center !important; font-family: 'Microsoft Yahei'; font-size: 46px !important; color: #65d9ff; border-bottom: 1px solid #da737d; text-transform: uppercase; }
  #intro .slider-text-fugai01 { width: 496px !important; text-align: center; }
  #intro .da_xiay { font-size: 20px; }
  #intro .slider-text-description02 { min-width: 710px !important; }
  #intro .slider-text-title03 { font-size: 40px !important; text-align: center !important; color: #65d9ff; }
  #intro .slider-text-title04 { font-size: 30px !important; text-align: center !important; }
  #intro .slider-text-title05 { font-size: 23px !important; text-align: center !important; color: #65d9ff; text-align: left !important; margin: 0 0 0px 0;  height: 50px !important; }
  #intro .slider-text-title06 { font-size: 14px; text-align: left !important; margin: 0 0 30px 0; }
  #intro .slider-text-title07 { display: block; font-size: 14px !important; text-align: center !important; width: 119px; height: 30px; line-height: 30px; font-size: 14px; border: 1px solid #63d9ff; border-radius: 15px; }
  #intro .slider-text-title07:hover { background: #63d9ff; color: #FFF; }
  .gao_renty { margin-top: 38px !important; }
  .su_dibugao { margin-bottom: 100px; }
  .su_dibugao01 { margin-bottom: 20px; }
  .pr-sys { padding-bottom: 0px !important; }
  .ren_jia { padding: 51px 0 30px 0 !important; }
  .dan_dang { padding: 91px 0 80px 0 !important; }
  .di_buty { margin-top: 90px; }
  .ren_xiaoyao{ height:53px;}
  .wu_shi{padding: 21px 0 50px 0;}
  .wu_shi02{padding:21px 0 50px 0;}
  .di_wan{height:2px; width:45px; background:#d9747c; margin-bottom:30px;}
  .rensy{ margin-top:-150px; margin-bottom:121px;}
  .carousel-content .renzy{width:1920px !important; margin-top:36px;}
  .carousel-content .renzy .renz01{width:54%;}
  #intro .carousel-content .renzy .renz01 .renz01-1{text-align:right !important; width:100% !important;}
  .renzg{ display:none;}
  @media screen and (max-width:1820px) {
  .carousel-content .renzy .renz01{width:53% !important;}
  }
  @media screen and (max-width:768px) {
    #intro .slider-text-title, #intro .slider-text-title01 { font-size: 25px !important; text-align: center !important; }
    #intro .slider-text-description { width: 220PX !important; }
    #intro .slider-text-description01 { width: 200PX !important; }
    #intro .slider-text-description02 { width: 310PX !important;  margin-bottom: 10px; }
    #intro .slider-text-description, #intro .slider-text-description01, #intro .slider-text-description02 { font-size: 20px !important; text-align: center !important; min-width: inherit !important; }
    #intro .slider-text-fugai, #intro .slider-text-fugai01 { font-size: 13px !important; text-align: center !important; }
    .index-news-more { text-align: center !important; margin-top: 8px; }
    #intro .slider-text-fugai01 { width: 300px !important; }
    #intro .da_xiay { font-size: 15px !important; }
    #intro .tu_piqn img { width: 40%; margin-bottom: 10px !important; }
    #intro .tu_piqn { margin-bottom: 10px !important; }
    #intro .hidden-xs { display: none; }
    #intro .slider-text-title03 { font-size: 20px !important; text-align: center !important; color: #65d9ff; margin: 0px auto 10px auto !important; }
    #intro .slider-text-title04 { font-size: 15px !important; text-align: center !important; margin: 0 auto 10px auto !important; }
    #intro .slider-text-title05 { font-size: 14px !important; margin: 0 auto 10px auto !important; text-align: center !important; background: none; height: 20px !important; }
    #intro .slider-text-title06 { font-size: 13px !important; text-align: left !important; margin: 0 auto 10px auto !important; }
    #intro .slider-text-title07 { margin: 0 auto 10px auto !important }
    .gao_renty { margin-top: 0px !important; }
    #team { padding: 60px 0 40px 0; }
    #facts { padding: 60px 0 40px 0; }
    #about { padding: 60px 0 10px 0; }

    /*.yinchan{ display:none;}*/
    .renni01 { margin-top: -38% !important; }
    .renni02 { margin-top: -18% !important; }
    .renni03 { margin-top: -18% !important; }
    .renni04 { margin-top: -18% !important; }
    .carousel-control-prev { display: none !important; }
    .carousel-control-next { display: none !important; }
    .ren_jia { padding: 51px 0 0px 0 !important; }
    .kuaishu { font-size: 15px !important; padding: 0px 0px 20px 0px !important; margin-top: 15px !important; }
    .dan_dang { padding: 61px 0 0px 0 !important; }
    .di_buty { margin-top: 13% !important; }
    .our-service-item { padding: 30px 0 0px !important; }
    .pr-soft { padding:0 15px; padding-bottom: 45px !important; }
    .main-sub-nav { margin: 35px 0 30px }
	.ren_xiaoyao{ height:23px !important;}
	.ren_jiay{ padding:25px 0 0px 0 !important;}
	.wu_shi{padding: 21px 0 33px 0 !important;}
	.main-navy{margin-top:10px;}
	.wu_shi01{padding:40px 0 13px 0 !important;}
	.wu_shi02{padding: 20px 0 10px 0 !important;  margin-bottom:10px !important;}
	.wu_shi02{padding: 20px 0 10px 0 !important;  margin-bottom:10px !important;}
   .di_wan{height:2px; width:45px; background:#d9747c; margin-bottom:20px !important; margin:0 auto;}
    .rensy{ margin-top:inherit !important; margin-bottom:inherit !important;}
	.renzy{display:none !important;}
	.renzg{ display:block !important;}
	.krou01{ line-height:inherit !important;}
  }
  @media screen and (max-width:600px) {
    .renni04 { margin-top: -80%; }
  }
  .cehgn_ci { z-index: 999999999999 !important; }
  @media screen and (max-width:1200px) {
    .beijing_yinty { display: none; }
  }

@media screen and (min-width: 990px) {
    .padding-40{ padding-left: 40px !important; padding-right: 40px !important; }
  }
.item-price{ margin-top: 40px; }
.item-price th{ background: #1b2748; color: #fff; }
.item-price th,
.item-price td{ vertical-align: middle !important; padding-top: 15px !important; padding-bottom: 15px !important; }


/*2019/10/18新加*/
.img-v2 img{ display:block; width:100%; margin:0 auto; margin-top:36px; padding-bottom:50px;}
.particulars-nav-item{ background:#FFF;}
.img-v3 img{ display:block; width:100%;  margin:0 auto; margin-top:36px; padding-bottom:50px;}
.xinx-caizi{ color:#40aed3; font-size:20px; font-weight:bold;}
.xinx-caizi01{ display:inline-block; vertical-align:middle; margin-top:-1px; margin-right:8px; width:10px; height:10px; background:url(../images/cp_v212.png) no-repeat; background-size:10px 10px;}
.xinx-neir{ margin-top:15px; margin-bottom:25px; line-height:25px;}
.subSystem-infoty{padding: 40px 80px 0;}

.aisini { margin-top:91px;}
.aisini img{ display:block; margin:0 auto;}


/*2020/1/20新加*/
/* 清理浮动 */
.fn_clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fn_clear{zoom:1;/* for IE6 IE7 */}
/* tab选项卡 */
.tabsz{ width:602px; margin:0 auto; overflow:hidden; margin-top:191px; border:1px solid #dddddd;border-radius:10px;}
.tabsz a{float:left;display:block; font-size:20px; color:#000; margin-bottom:-1px; width:200px; text-align:center; height:56px; line-height:56px; background:#fff; border-right:1px solid #dddddd;}
.tabsz a.active { color:#fff; background:#249acb;}
@media screen and (min-width: 1360px){
.systemboxtz .slick-prev {left: -77px;}
.systembox .slick-next {right: -79px;}
}
@media screen and (max-width:768px) {
 .ainity{ display: block !important; height: 310px !important; }
 .tabsz{ width:302px; margin:0 auto; overflow:hidden; margin-top:251px; border:1px solid #dddddd;border-radius:10px;}
 .tabsz a{float:left;display:block; font-size:14px; color:#000; margin-bottom:-1px; width:100px; text-align:center; height:46px; line-height:46px; background:#fff; border-right:1px solid #dddddd;}

	
  }

/*知识产权列表*/
.patent-container{ min-height:1055px;margin: 20px 0; }
.patent-item {width: 48%;height: 250px; margin: 1%;cursor: pointer;border: 1px solid #ddd; background:#fff;padding: 18px 0;overflow: hidden; }
.patent-item-img { display: block;height: auto; }
.patent-item-img img{ transition: all .5s ease 0s;width: 100%;max-height: 100%;  }
.patent-item-title { position: relative; line-height: 24px; font-size: 16px; color: #333; text-align: left; overflow: hidden; transition: all .5s ease 0s; margin-top:5px; }
.num{font-size: 12px; display: inline-block;margin-left: 5px;color: #666;}
.patent-item-discribe { margin-top: 5px;line-height: 22px; font-size: 14px; color: #666; text-align: left; transition: all .5s ease 0s; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:8;-webkit-box-orient: vertical;}
@media screen and (min-width:1200px) {
  /* .patent-item{ height:245px; } */
  .patent-item.patent-detail-item {height: auto; }
}
@media screen and (max-width:850px) {
  .patent-item {height: auto;}
  .patent-item-img img{ width:150px; }
  .patent-item-discribe{ -webkit-line-clamp:18;}
}
@media screen and (max-width:768px) {
  .patent-container{ min-height:auto; }
  .patent-item{ min-height:180px;width:96%;margin: 2%; }
  .patent-item-title{margin-top: 0px;}
  .pagination{margin: 20px 0;}
}
.layui-layer-close{transition: none;}
.yc-openImg img{height: 100%;}