/* CSS Document */

/* 
    Created on   : 22/08/2017. 
    Theme        : SEO+ - SEO & Business HTML Template!.
    Category     : SEO.
    Author       : @Unifytheme.
    Designed By  : @Unifytheme.
    Developed By : @Unifytheme.
   
*/

/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   01 - Loading Transition  */
/*   02 - Global stlye  */
/*   03 - Header  */
/*   04 - Theme Menu */
/*   05 - Theme Main Banner */
/*   06 - SEO Short Banner  */
/*   07 - Theme Pricing Plan  */
/*   08 - Theme Client Slider  */
/*   09 - SEO Compay Goal  */
/*   10 - Welocome To SEO  */
/*   11 - SEO Counter  */
/*   12 - Bottom Footer Banner  */
/*   13 - Theme Footer  */
/*   14 - Theme inner banner  */
/*   15 - Theme Sidebar  */
/*   16 - Theme Team  */
/*   17 - Theme Project  */
/*   18 - Theme Project Details  */
/*   19 - SEO Service One  */
/*   20 - SEO Service Two */
/*   21 - SEO Service Details  */
/*   22 - Theme Blog  */
/*   23 - Theme Blog Details  */
/*   20 - Theme Error Page  */
/*   21 - Theme Faq Page */
/*   22 - Theme Contact Page  */
/*   23 - Shop Page  */


/**
* Importing necessary  Styles.
**/

/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Source+Sans+Pro:300,400,600,700');*/
/*----bootstrap css ----- */
@import url('bootstrap.css');
/*----bootstrap Select ----- */
@import url('bootstrap-select.css');
/*----revolution-slider---*/
@import url('settings.css');
@import url('layers.css');
@import url('navigation.css');
/*-------fancy box --------*/
@import url('jquery.fancybox.css');
/*------- menu ------*/
@import url('slimmenu.css');
/*----font awesome -------*/
@import url('font-awesome.min.css');
/*----owl-carousel css----*/
@import url('owl.carousel.css');
@import url('owl.theme.css');
/*-------- animated css ------*/
@import url('animate.css');
/*--------- flat-icon ---------*/
@import url('flaticon.css');
/*-------Hover Css --------*/
@import url('hover.css');

/*** 

====================================================================
  Loading Transition
====================================================================

 ***/
#loader-wrapper {
    display:none!important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #fff;
  overflow: hidden;
}
#loader {
  background: url(../img/1.gif);
  width: 64px;
  height: 64px;
  position: relative;
  top: 50%;
  margin: -32px auto 0 auto;
}
/*==================== Click Top ====================*/
.scroll-top {
    width: 40px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    background: #ffc323;
}
    .scroll-top ul{}
    .scroll-top li{
        position:relative;
    }
        .scroll-top li a{
            display:block; text-align:center;padding:10px;
        }
        .scroll-top li > p {
            position: absolute;
            left: -150px;
            background: #f5f5f5;
            padding: 10px;
            width: 150px;
            height: 140px;
            bottom: 0;
            box-sizing: border-box;
            display:none;
        }
        .scroll-top li:hover p{
            display:block;
        }
        .scroll-top li:hover a {
            background: #3e60c2;
        }
            .scroll-top li a img{
                width:22px;
                height:22px;
                margin:0 auto;
            }
            .scroll-top li > p > img {
                width: 120px !important;
                height: 120px !important;
                padding: 0;
                box-sizing: border-box;
                margin: 0 auto;
            }
            .scroll-top li:after {
                position: absolute;
                bottom: 0;
                left: 5px;
                right: 5px;
                content: '';
                height: 1px;
                background: #fff;
            }
        .scroll-top li:hover:after{
            background:#3e60c2;
        }
        .scroll-top > button {
            width: 40px;
            height: 40px;
            background: #ffc323;
            font-size: 28px;
            display: none;
            text-align: center;
            color: #fff;
            display: block;
        }
    .scroll-top:after {
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 1;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
        background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    }
/* --------------------- Global stlye --------------------*/

@font-face {
  font-family: 'font-awesome';
  src: url('fontawesome-webfont.ttf');
  src: url('fontawesome-webfont.eot'), /* IE9 Compat Modes */
       url('fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-family:'Microsoft YaHei';
  font-weight: normal;

  color:rgba(0,0,0,0.6);
  font-size: 14px;
  line-height: 28px;
  position: relative;
}
body .main-page-wrapper {overflow-x:hidden;} 
.seo-theme a {}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Roboto', sans-serif;
  font-family:'Microsoft YaHei';
  font-weight: normal;
  font-weight:300;
  /*text-shadow: 1px 1px 1px rgba(0,0,0,.3);*/
}
h2 {font-size: 36px; color:#323232;}/*42,36,28,22,18*/
h3 {font-size: 28px; color:#393939;}
h4 {font-size: 22px; color:#393939;}
h5 {font-size: 18px; color:#393939;}
h6 {font-size: 16px; color:rgba(0,0,0,0.6);font-weight: 500;}
h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
ul {list-style-type: none;}
a {text-decoration: none; display: inline-block;color:rgba(0,0,0,0.6)}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
img {max-width: 100%; display: block;}
button {border:none;outline: none;box-shadow: none;display: block; padding: 0;}
input,textarea {outline: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.float-left {float:left;}
.float-right {float:right;}
.round-border {border-radius: 50%;}
.m-top0 {margin-top: 0 !important;}
.m-bottom0 {margin-bottom: 0 !important;}
.fancybox-skin {padding: 5px !important;}
/* ------------------------------ Button Style -------------------*/
.button-one,.button-two,.button-three,.button-four,.button-five {
  font-family: 'Roboto', sans-serif;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  color: #fff;
}
.button-one,.button-three,.button-four,.button-five,.button-six {line-height: 50px;}
.button-one {width: 165px;}
.button-two {width: 150px;line-height: 45px;}
.button-three {width: 230px;}
.button-four {width: 184px;}
.button-five {width: 200px;}
.button-six {
  width: 210px;
  border-radius: 30px;
  color: #fff;
  position: relative;
  padding-left: 30px;
}
.button-six i {
  line-height: 50px;
  border-radius: 0 30px 30px 0;
  border-left:1px solid #e8bd37;
  float:right;
  width: 50px;
  font-size: 20px;
  text-align: center;
}
.button-six:hover {color: #fff;}
body .button-seven {
  width: 205px;
  line-height: 55px;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
/* ------------------------- Color Css --------------------*/
.se-p-color,.seo-header .top-header .left-side ul li a:hover,.seo-header .top-header .right-side ul li a:hover,.seo-theme .our-project .single-project .hover a:hover,.seo-theme .theme-inner-banner ul li a:hover,
.shop-sidebar .shop-popular-product ul li:hover .name h6 a,.seo-theme .seo-sidebar .call-us a:hover {
  color: #3e60c2;
}
.se-p-bg-color,.seo-theme .theme-main-menu .right-content a:hover,.seo-theme .theme-main-menu .right-content #search-button:hover,.seo-theme .our-service .seo-title-one a:hover,.seo-theme .latest-blog .seo-title-one a:hover,
.seo-theme .theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box h6:before,.seo-theme .blog-inner-page .page-pagination li a:hover,
.seo-theme .theme-blog-large-sideOne .comment-area .single-comment button:hover,.shop-sidebar .search button,.shop-details .review-tab .nav-tabs > li.active > a,.shop-details .review-tab .nav-tabs > li.active > a:hover,
.shop-details .review-tab .nav-tabs > li.active > a:focus,.shop-page .bootstrap-select.btn-group .dropdown-menu li.selected a,.shop-page .bootstrap-select.btn-group .dropdown-menu li:hover a,.shop-pagination li a:hover,
.shop-pagination li.active a,.shop-details .single-product-details .product-order-details .clearfix a:hover,.shop-details .single-product-details .product-order-details .clearfix ul li button:hover {
  background: #3e60c2;
}
.seo-theme .theme-main-menu .right-content a:hover,.seo-theme .theme-main-menu .right-content #search-button:hover,.seo-theme .our-project .single-project .hover a:hover,.seo-theme .theme-blog-large-sideOne .leave-reply form textarea:focus,
.seo-theme .theme-blog-large-sideOne .leave-reply form input:focus,.seo-theme .theme-contact-page-styleOne .contact-us-form form input:focus,.seo-theme .theme-contact-page-styleOne .contact-us-form form textarea:focus {
  border-color: #3e60c2;
  border-style: solid;
}
.se-s-color,.seo-theme .theme-main-menu .right-content a,.seo-theme .our-service .single-service:hover h5 a,.seo-theme .our-project .mixitUp-menu li:hover,.seo-theme .our-project .mixitUp-menu li.active,
.seo-theme .latest-blog .single-blog .post .post-tag ul li a:hover,.seo-theme .latest-blog .single-blog .post .post-tag ul li a:hover i,.seo-theme .latest-blog .single-blog:hover .post h5 a,
.seo-theme .latest-blog .single-blog:hover .post h4 a,.seo-theme .bottom-footer-banner .button-five:hover,.default-footer.seo-footer .top-footer .footer-list ul li a:hover,.seo-theme .seo-sidebar .wrapper ul li a:hover,
.default-footer.seo-footer .top-footer .footer-latest-news .single-news:hover h5 a,.theme-team-style-one .single-team-member:hover .title h6 a,.seo-theme .our-service.style-two .single-service:hover .more,
.seo-theme .service-large-sidebar .image-content .right-side ul li:before,.seo-theme .service-large-sidebar .service-middle-text .list i,.seo-theme .seo-sidebar .brochure a:hover,
.seo-theme .theme-blog-sidebarOne .sidebar-categories ul li a:hover,.seo-theme .theme-blog-sidebarOne .sidebar-recent-news ul li:hover .post h6 a,.seo-theme .blog-details .single-blog .post .post-tag ul li a,
.seo-theme .theme-contact-page-styleOne .contact-us-form form button:hover,.seo-theme .theme-contact-page-styleOne .contactUs-address .single-address .icon,.shop-sidebar .sidebar-shop-categories ul li a:hover,
#mega-menu-holder>ul> li.active> a,#mega-menu-holder li.active .sub-toggle,.shop-details .single-product-details .product-order-details .price li:first-child {
  color: rgba(255,195,35,1);
}
.se-s-bg-color,#banner .tp-caption a:hover,.seo-theme .short-banner a:hover,.seo-theme .pricing-plan .single-price-table:hover,.default-footer.seo-footer .bottom-footer ul li a:hover,
.theme-team-style-one .single-team-member .title ul li a:hover,.seo-theme .theme-blog-sidebarOne .sidebar-keywords ul li a:hover,.seo-theme .theme-blog-large-sideOne .leave-reply form button:hover,
.seo-theme .error-page a:hover,#mega-menu-holder ul.dropdown li a:hover,.seo-theme .pricing-plan .single-price-table.active {
  background: #ffc323;
}
.seo-theme .theme-main-menu .right-content a,.seo-theme .short-banner a:hover,.seo-theme .company-goal .single-goal:hover .img-icon:before,.seo-theme .our-project .mixitUp-menu li.active,
.seo-theme .our-project .mixitUp-menu li:hover,.default-footer.seo-footer .bottom-footer ul li a:hover,.theme-team-style-one .single-team-member .title ul li a:hover,
.seo-theme .theme-blog-sidebarOne .sidebar-keywords ul li a:hover {
  border-color: rgba(255,195,35,1);
  border-style: solid;
}
/* ------------------------ Transition ----------------------*/
.tran3s,.button-one,.button-two,.button-three,.button-four,.button-five,.button-six,.button-six i,body .button-seven,
.dropdown-menu > li > a,.hesperiden.tparrows,.owl-theme .owl-nav [class*=owl-],.panel-group .panel-heading a:before,.seo-theme .company-goal .single-goal .img-icon:before,
.owl-theme .owl-dots .owl-dot span,.owl-theme .owl-dots .owl-dot span:before,.ollo-details-page-one .ollo-sidebar-one .ollo-sidebarlist ul li a i {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.tran4s,.shop-details .single-product-details .product-order-details .clearfix ul li button {
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.tran5s,.seo-theme .our-service .single-service img {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.tran6s,.img img {
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
/* ---------------------------- Theme Title -----------------------*/
.seo-title-one {position: relative;}
.seo-title-one h2 {
  font-weight: 500;
  margin-bottom: 14px;
  
}
.seo-title-one h6 {font-weight: normal; line-height: 28px;text-shadow:none; }
/* ------------------------------------ Header -------------------------------*/
#searchWrapper {
  position: fixed;
  top:0;
  right: 0;
  bottom: 0;
  left:0;
  background: rgba(255,255,255,0.95);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
}
#searchWrapper.show-box {
  opacity: 1;
  visibility: visible;
}
#searchWrapper .container {
  height: 100%;
}
#searchWrapper img {
  margin:0 auto;
  position: relative;
  top:20%;
}
#searchWrapper form {
  position: relative;
  top:40%;
  height: 70px;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}
#searchWrapper form input {
  height: 100%;
  width: 100%;
  border: 1px solid rgba(0,0,0,0.09);
  border-radius: 5px;
  padding: 0 95px 0 20px;
  background: transparent;
  font-size: 20px;
}
#searchWrapper form input:focus {
  -webkit-box-shadow: 0px 0px 18px -3px rgba(2,181,255,0.3);
-moz-box-shadow: 0px 0px 18px -3px rgba(2,181,255,0.3);
box-shadow: 0px 0px 18px -3px rgba(2,181,255,0.3);
}
#searchWrapper form button {
  position: absolute;
  top:0;
  right: 0;
  width: 90px;
  height: 100%;
  position: absolute;
  font-size: 20px;
  color:#fff;
  border-radius: 0 5px 5px 0;
}
#searchWrapper #close-button {
  position: absolute;
  top:20px;
  right: 20px;
  width: 60px;
  height: 60px;
  font-size: 35px;
  background: transparent;
}
#searchWrapper .search-tag{
    position:relative;
    top:45%;
}
#searchWrapper .search-tag a{padding:0 10px;}
.seo-header .top-header ul li {display: inline-block; line-height: 44px;}
.seo-header .top-header .left-side ul li a {
  color: #dbd9d9;
  margin: 0 5px;
  font-size: 18px;
}
.seo-header .top-header .left-side ul li {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #393939;
  margin-right: 5px;
}
.seo-header .top-header .right-side ul li {
  border-left: 1px solid #f6f6f6;
  padding: 0 25px 0 22px;
}
.seo-header .top-header .right-side ul li:last-child {border-right: 1px solid #f6f6f6;}
.seo-header .top-header .right-side ul li a {
  font-size: 14px;
  color: #393939;
}
.seo-header .top-header .right-side ul li a i {
  margin-right: 8px;
  color: #dbd9d9;
  font-size: 18px;
  vertical-align: middle;
}
.seo-header .top-header {border-bottom: 1px solid #f6f6f6;}
/* ------------------------------------ Theme Menu -------------------------------*/
.seo-theme .theme-main-menu {
  position: relative;
  z-index: 9;
  box-shadow: 0px 5px 12px 0px rgba(97, 97, 97, 0.05);
}
.seo-theme .theme-main-menu .right-content #search-button {
  width: 45px;
  height: 45px;
  border: 1px solid #e1e1e1;
  color: #c4c4c4;
  background: transparent;
  display: inline-block;
  margin-left: 15px;
}
.seo-theme .theme-main-menu .right-content #search-button:hover {color: #fff;}
.seo-theme .theme-main-menu .right-content a {
  line-height: 41px;
  border-width: 2px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  margin-left: 10px;
}
.seo-theme .theme-main-menu .right-content a:hover {color: #fff;}
.seo-theme .theme-main-menu {padding-top: 36px;}
#mega-menu-holder li>ul.dropdown {border-top:1px solid rgba(255,195,35,1);}
.header-style-two .theme-main-menu {box-shadow: none;}
/*================= Sticky Menu ===============*/
@-webkit-keyframes menu_sticky {
  0%   {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
@keyframes menu_sticky {
  0%   {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
.theme-main-menu.fixed {
  position: fixed;
  width:100%;
  top:0;
  left:0;
  z-index: 999;
  background: #fff;
  padding-top: 10px;
  margin:0;
  -webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.15);
  box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.15);
  -webkit-animation: menu_sticky  0.70s ease-in-out;
  animation: menu_sticky  0.70s ease-in-out;
}
.theme-main-menu.fixed #mega-menu-holder>ul> li> a {padding-bottom: 30px;}
/* ---------------------------------- Theme Main Banner ----------------------------- */
#banner .tp-caption h1 {
  color: #222222;
  font-size: 50px;
  font-weight: 300;
  line-height: 1.2;
}
#banner .tp-caption p {
  font-size: 16px;
  font-weight: 300;
  color: #8a8a8a;
  line-height: 1.4;
}
#banner .tp-caption a {
  border: none;
  width: 155px;
  /*color: #222222;*/
  background: #fff;
  font-size: 16px;
  border:3px solid #eba409;color:#eba409
}
#banner #seo-main-banner-two .tp-caption a {border:1px solid rgba(0,0,0,0.1);}
#banner .tp-caption a:hover {color: #fff;border:3px solid white;}
/* -------------------------- SEO Short Banner --------------------------- */
.seo-theme .short-banner {
  padding: 40px 0;
  margin-bottom: 85px;
}
.seo-theme .short-banner h4 {
  color: #fff;
  margin-top: 10px;
}
.seo-theme .short-banner h4>small{
    color:#fff;font-weight:300;
}
.seo-theme .short-banner a {
  width: 170px;
  line-height: 46px;
  border: 2px solid #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
/* ------------------------------ Theme Pricing Plan --------------------------*/
.seo-theme .pricing-plan {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 100px;
  margin-bottom: 90px;
}
.seo-theme .pricing-plan .single-price-table {
  float:left;
  width: 25%;
  text-align: center;
  border-radius: 5px;
  position: relative;
  z-index: 9;
  overflow: hidden;
  margin-top: 70px;
  padding: 60px 0 80px 0;
}
.seo-theme .pricing-plan .single-price-table:last-child {border:none;}
.seo-theme .pricing-plan .single-price-table>span {
  font-size: 14px;
  font-weight: 700;
  color: rgba(33,33,33,0.5);
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
.seo-theme .pricing-plan .single-price-table h2 {
  font-size: 64px;
  font-weight: 700;
  margin: -4px 0 25px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f1f1;
}
.seo-theme .pricing-plan .single-price-table h2 sub {
  font-size: 33px;
  font-weight: normal;
  bottom: 0;
}
.seo-theme .pricing-plan .single-price-table h2 span {
  font-size: 33px;
  font-weight: normal;
  display: inline-block;
  margin-left: -12px;
}
.seo-theme .pricing-plan .single-price-table h2 span strong {
  font-size: 12px;
  font-weight: 900;
  display: block;
  text-transform: uppercase;
}
.seo-theme .pricing-plan .single-price-table ul li {line-height: 27px;}
.seo-theme .pricing-plan .single-price-table a {
  width: 140px;
  line-height: 43px;
  border: 2px solid #d8d8d8;
  font-weight: 900;
  font-size: 13px;
  text-transform: uppercase;
  color: #525252;
  margin-top: 28px;
}
.seo-theme .pricing-plan .single-price-table img {
  position: absolute;
  top:0;
  left:50%;
  transform:translateX(-50%) translateY(-100%);
  z-index: -1;
}
.seo-theme .pricing-plan .single-price-table:hover img,
.seo-theme .pricing-plan .single-price-table.active img {
  transform:translateX(-50%) translateY(0);
}
.seo-theme .pricing-plan .single-price-table:hover>span,
.seo-theme .pricing-plan .single-price-table:hover h2,
.seo-theme .pricing-plan .single-price-table:hover ul,
.seo-theme .pricing-plan .single-price-table:hover a,
.seo-theme .pricing-plan .single-price-table.active>span,
.seo-theme .pricing-plan .single-price-table.active h2,
.seo-theme .pricing-plan .single-price-table.active ul,
.seo-theme .pricing-plan .single-price-table.active a {
  color: #fff;
}
.seo-theme .pricing-plan .single-price-table:hover a,
.seo-theme .pricing-plan .single-price-table.active a {border-color: #fff;}
.seo-theme .pricing-plan .single-price-table:hover h2,
.seo-theme .pricing-plan .single-price-table.active h2 {border-color: transparent;}
/* ------------------------------ Theme Client Slider --------------------------*/
.seo-theme .client-slider {
  background: url(../img/home/bg.jpg) no-repeat center;
  background-size: cover;
  padding: 80px 0 65px 0;
  margin-bottom: 100px;
}
.seo-theme .client-slider h2 {}
.seo-theme .client-slider .sldier-wrapper {
  padding:70px 45px 0 45px;
  margin: 0 -22px;
}
.seo-theme .client-slider .seo-client-slider .item {margin:0 22px;}
.seo-theme .client-slider .seo-client-slider .item .clearfix {
  background:#fff;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  padding: 45px 30px 40px 40px;
}
.seo-theme .client-slider .seo-client-slider .item .clearfix img {
  width: 70px;
  height: 70px;
}
.seo-theme .client-slider .seo-client-slider .item .clearfix .text {
  width: calc(100% - 70px);
  padding-left: 22px;
}
.seo-theme .client-slider .seo-client-slider .item .clearfix .text h5 {
  font-weight: 600; text-shadow:none;
}
.seo-theme .client-slider .seo-client-slider .item .clearfix .text span {
  display: block;
  margin: 0 0 10px 0;
}
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot span {
  width: 6px;
  height: 6px;
  background: #3e60c2;
  border: none;
  position: relative;
  margin-top: 50px;
}
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot span:before {
  content: '';
  position: absolute;
  border-radius: 50%;
  top:-5px;
  right: -5px;
  bottom: -5px;
  left:-5px;
  background: rgba(62,96,194,0);
}
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot.active span,
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot:hover span {
  background: #3e60c2;
}
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot.active span:before,
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot:hover span:before {
  background: rgba(62,96,194,0.3);
}
/*--------------------------- SEO Compay Goal ---------------------*/
.seo-theme .company-goal {
  background: #f7f7f7;
  padding: 75px 0 35px 0;
  margin-bottom: 130px;
}
.seo-theme .company-goal h2 {

  line-height: 50px;
  margin-bottom: 0;
}
.seo-theme .company-goal .container> p {

  line-height: 50px;
  margin-bottom: 115px;
}
.seo-theme .company-goal .single-goal {
  position: relative;
  background: #fff;
  padding: 85px 30px 45px 30px;
  border-radius: 5px;
  margin-bottom: 85px;
}
.seo-theme .company-goal .single-goal h5 {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 10px;
}
.seo-theme .company-goal .single-goal .img-icon {
  border:5px solid #fff;
  position: absolute;
  top:-55px;
  left:50%;
  margin-left: -55px;
  z-index: 1;
}
.seo-theme .company-goal .single-goal .img-icon:before {
  content: '';
  position: absolute;
  left:-4px;
  top: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 50%;
  border:5px solid #fff;
}
/*--------------------------- Welocome To SEO ---------------------*/
.seo-theme .welcome-seo .wrapper {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 100px;
  margin-bottom: 80px;
}
.seo-theme .welcome-seo .text h2 {
  font-weight: 300;
  line-height: 1;
 

}
.seo-theme .welcome-seo .text h2>span{
        font-size: 42px; font-weight: 300;
  line-height: 1;
  display:inline-block;
}
.seo-theme .welcome-seo .text span {
  font-size: 20px;
  font-weight: 300;
  display: block;
  margin: 8px 0 20px 0;
}
.seo-theme .welcome-seo .text ul li {
  float: left;
  width: 50%;
  padding-left: 58px;
  position: relative;
  margin-top: 45px;
}
.seo-theme .welcome-seo .text ul li h6 {
  color: #393939;
  margin-bottom: 2px;
}
.seo-theme .welcome-seo .text ul li p{
    font-size:12px; font-weight:normal;
}
.seo-theme .welcome-seo .text ul li i {
  position: absolute;
  top:6px;
  left:0;
  font-size: 45px;
  color: #a9a9a9;
}
/*--------------------------- SEO Counter ---------------------*/
.seo-theme .seo-counter {
  background: url(../img/home/8.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  margin: 20px 0 110px 0;
}
.seo-theme .seo-counter:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background: rgba(255,195,35,0.9);
  z-index: 1;
}
.seo-theme .seo-counter .main-content {
  position: relative;
  z-index: 1;
  padding-bottom: 80px;
}
.seo-theme .seo-counter img {width: 100%;}
.seo-theme .seo-counter .single-box .number {
  font-weight: 300;
  font-size: 60px;
  color: #fff;
}
.seo-theme .seo-counter .single-box p {
  font-size: 20px;
  color: #fff;
}
.seo-theme .seo-counter .single-box {
  text-align: center;
  position: relative;
}
.seo-theme .seo-counter .single-box:after {
  content: '';
  width: 1px;
  height: 80px;
  background: #fff;
  position: absolute;
  right: -15px;
  top:6px;
}
.seo-theme .seo-counter .single-box.border-fix:after {display: none;}
/* ---------------------------- Bottom Footer Banner  ------------------------*/
.bottom-footer-banner {padding: 35px 0;}
.bottom-footer-banner h3 {
  color: #fff;
  margin-top: 8px;
}
.bottom-footer-banner .button-five {
  line-height: 46px;
  font-size: 15px;
  font-weight: 500;
  border-width: 2px;
  color: #fff;
  border-color: #fff;
  width: 175px;
  text-transform: uppercase;
}
.seo-theme .bottom-footer-banner .button-five:hover {background: #fff;}
/*------------------------------- Partner Logo ------------------------*/
#partner-logo .item img {margin: 0 auto;}
.seo-theme .partners-section {border-top: 1px solid #ececec;}
.seo-theme #partner-logo {padding: 60px 0;}
/* ------------------------------ Theme Footer --------------------------*/
.default-footer {
  padding: 55px 0 0 0;
  position: relative;
  background: url(../img/home/8.jpg) no-repeat center;
  background-size: cover;
  z-index: 1;
}
footer.seo-footer:before {
  content:'';
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(35,52,78,0.97);
  z-index: -1;
}
footer.seo-footer p {font-size: 15px;}
.default-footer .footer-logo p {
  color: rgba(255,255,255,0.6);
  margin-top: 14px;
}
.default-footer .top-footer .footer-list {padding-left: 55px;}
.default-footer .top-footer h6 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.default-footer .top-footer .footer-list ul li a {
  font-size: 15px;
  color: rgba(255,255,255,0.6);
  margin-bottom: 10px;
  font-weight: normal;
  display: block;
}
.default-footer .top-footer .footer-latest-news {padding-left: 85px;}
.default-footer .top-footer .footer-latest-news .single-news h5 a {
  font-size: 17px;
  line-height: 25px;
  color: #e9e9e9;
}
.default-footer .top-footer .footer-latest-news .single-news span {color: rgba(125,153,195,0.6);}
.default-footer .top-footer .footer-latest-news .single-news {
  margin-bottom: 16px;
}
.default-footer .top-footer .footer-subscribe {padding-left: 0;    width: 140px;
    float: right;}
.default-footer .top-footer .footer-subscribe p {color: rgba(255,255,255,0.6);}
.default-footer .top-footer .footer-subscribe form {
  margin: 40px 0 0 0;
  height: 60px;
  position: relative;
}
.default-footer .top-footer .footer-subscribe form input {
  width: 100%;
  height: 100%;
  border:none;
  background: #fff;
  border-radius: 30px;
  padding: 0 63px 0 30px;
  font-size: 15px;
}
.default-footer .top-footer .footer-subscribe form button {
  position: absolute;
  top:0;
  right: 0;
  height: 100%;
  width: 60px;
  color: #fff;
  border-radius: 0 30px 30px 0;
  font-size: 30px;
}
.default-footer .bottom-footer p {
  color: #c3c3c3;
  line-height: 1.8;
}
.default-footer .bottom-footer p a {font-weight: normal; color:rgba(255,255,255,0.6)}
.default-footer .bottom-footer ul li {
  display: inline-block;
  margin-left: 5px;
}
.default-footer .bottom-footer ul li a {
  color: #a1a6ad;
  border-color: #394b66;
  width: 35px;
  line-height: 33px;
  border-width: 1px;
  border-style: solid;
  text-align: center;
}
.default-footer.seo-footer .bottom-footer ul li a:hover {color: #fff;}
.default-footer .bottom-footer {margin-top: 10px; padding: 0;}
.default-footer .bottom-footer .wrapper {padding: 24px 0;}
.default-footer.seo-footer .bottom-footer .wrapper {border-top:1px solid #304361;}
/* ---------------------------- Theme Inner Banner ------------------------*/
.seo-theme .theme-inner-banner {
  background: url(../img/inner-page/banner-3.jpg) no-repeat center;
  background-size: cover;
  margin-bottom: 115px;
}
.seo-theme .theme-inner-banner .opacity {
 background: rgba(255,195,25,0.97);
  padding: 55px 0;
  text-align: center;
}
.seo-theme .theme-inner-banner h2 {
  font-weight: 500;
  font-size: 36px;
  color: #fff;
}
.seo-theme .theme-inner-banner ul li {
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  margin: 10px 0 0 5px;
  color: #fff;
  vertical-align: middle;
  text-transform: capitalize;
}
.seo-theme .theme-inner-banner ul li a {
  color: #fff;
  font-weight: normal;
}
/* ---------------------------- Theme Sidebar  ------------------------*/
.seo-theme .seo-sidebar {width: 21.4%;}
.theme-blog-sidebarOne .sidebar-search form {
  height: 55px;
  position: relative;
}
.theme-blog-sidebarOne .sidebar-search form input {
  height: 100%;
  width: 100%;
  border-radius: 30px;
  border: 1px solid #f0f0f0;
  padding: 0 58px 0 25px;
}
.theme-blog-sidebarOne .sidebar-search form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 56px;
  color: #fff;
  border-radius: 0 30px 30px 0;
  font-size: 18px;
}
.theme-blog-sidebarOne h4 {
  font-weight: 500;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px;
  margin-bottom: 25px;
  margin-top: 65px;
}
.theme-blog-sidebarOne .sidebar-categories ul li a {
  font-weight: 600;
  color: rgba(0,0,0,0.4);
  margin-bottom: 18px;
  display: block;
}
.theme-blog-sidebarOne .sidebar-recent-news ul li img {
  width: 90px;
  border-radius: 5px;
}
.theme-blog-sidebarOne .sidebar-recent-news ul li {
  margin-bottom: 30px;
}
.theme-blog-sidebarOne .sidebar-recent-news ul li .post {
  width: calc(100% - 90px);
  padding-left: 28px;
}
.theme-blog-sidebarOne .sidebar-recent-news ul li .post h6 a {
  line-height: 26px;
  color: #25292f;
}
.theme-blog-sidebarOne .sidebar-keywords ul li {
  display: inline-block;
  margin:0 4px 10px 0;
}
.theme-blog-sidebarOne .sidebar-keywords ul li a {
  line-height: 35px;
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  font-weight: normal;
  color: rgba(0,0,0,0.6);
  padding: 0 13px;
}
.seo-theme .seo-sidebar .wrapper {
  background: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 35px;
}
.seo-theme .seo-sidebar .wrapper ul li a {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  color: rgba(0,0,0,0.7);
  line-height: 62px;
  border-bottom: 1px solid #e9e9e9;
  padding-left: 46px;
  position: relative;
  display: block;
}
.seo-theme .seo-sidebar .wrapper ul li a:before {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top:50%;
  left: 30px;
  margin-top: -3px;
  background: #dcd9d9;
  border-radius: 50%;
}
.seo-theme .seo-sidebar .wrapper ul li:last-child a {
  border: none;
  border-radius: 0 0 5px 5px;
}
.seo-theme .seo-sidebar .wrapper ul li:first-child a {
  border-radius: 5px 5px 0 0;
}
.seo-theme .seo-sidebar .brochure {
  padding: 22px 10px 30px 25px;
}
.seo-theme .seo-sidebar .brochure h5 {font-weight: 500;}
.seo-theme .seo-sidebar .brochure p {
  margin: 10px 0 12px 0;
}
.seo-theme .seo-sidebar .brochure a {
  font-size: 14px;
  font-weight: 700;
  color: #2c2c2c;
  text-transform: uppercase;
  line-height: 30px;
}
.seo-theme .seo-sidebar .brochure a img {margin-right: 14px;display: inline-block;}
.seo-theme .seo-sidebar .call-us {
  padding: 22px 0 30px 0;
  text-align: center;
}
.seo-theme .seo-sidebar .call-us span {
  line-height: 30px;
}
.seo-theme .seo-sidebar .call-us h6 {
  font-weight: 700;
  margin: 10px 0 12px 0;
}
.seo-theme .seo-sidebar .call-us a {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  color: rgba(0,0,0,0.8);
}
.seo-theme .theme-large-sidebar {
  width: 78.6%;
  padding-left: 60px;
}
.seo-theme .theme-blog-sidebarOne a {font-family: 'Source Sans Pro', sans-serif;}
.seo-theme .theme-blog-sidebarOne .sidebar-recent-news ul li .post h6 a {font-family: 'Roboto', sans-serif;}
.seo-theme .theme-blog-sidebarOne .sidebar-keywords ul li a:hover {color: #fff;}
/* ---------------------------- Theme Team  ------------------------*/
.theme-team-style-one {margin-bottom: 50px;}
.seo-theme .theme-team-style-one .seo-title-one {margin-bottom: 60px;}
.theme-team-style-one .single-team-member {margin: 0 0 70px 0;}
.theme-team-style-one .single-team-member .img,
.theme-team-style-one .single-team-member .img img {
  border-radius: 8px;
  background: transparent;
  width: 100%;
}
.theme-team-style-one .single-team-member .title h6 a {
  color: #393939;
  display: block;
  margin:32px 0 5px 0;
}
.theme-team-style-one .single-team-member .title p {margin: 8px 0 15px 0;}
.theme-team-style-one .single-team-member .title ul li {
  display: inline-block;
}
.theme-team-style-one .single-team-member .title ul li a {
  width: 35px;
  line-height: 33px;
  border:1px solid #e7e7e7;
  text-align: center;
  color: #cfd1d9;
  margin-right: 4px;
}
.theme-team-style-one .single-team-member .title ul li a:hover {
  color: #fff;
}
/* ------------------------------ Theme Project --------------------------*/
.seo-theme .our-project .mixitUp-menu {margin: 50px 0 70px 0;}
.seo-theme .our-project .mixitUp-menu li {
  display: inline-block;
  line-height: 36px;
  border: 2px solid #eaeaea;
  border-radius: 30px;
  padding: 0 26px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 14px;
  margin: 10px 10px;
}
.seo-theme .our-project .row {margin: 0 -10px;}
.seo-theme .our-project .row .mix {
  padding: 0 10px;
  width: 20%;
  float: left;
}
.mix {display: none;}
.seo-theme .our-project .single-project {
  padding: 22px 22px 0 22px;
  position: relative;
}
.seo-theme .our-project .single-project .hover {
  position: absolute;
  top:0;
  right:0;
  bottom: 0;
  left:0;
  text-align: center;
  opacity: 0;
  transform:scale(0.4);
}
.seo-theme .our-project .single-project .hover div {
  position: relative;
  top:50%;
  transform:translateY(-50%);
}
.seo-theme .our-project .single-project:hover .hover {
  opacity: 1;
  transform:scale(1);
}
.seo-theme .our-project .single-project .hover p {font-size: 18px;}
.seo-theme .our-project .single-project .hover h5 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 700;
}
.seo-theme .our-project .single-project .hover a {
  width: 35px;
  line-height: 31px;
  border: 2px solid #fff;
  font-weight: 700;
  font-size: 22px;
  color: #fff;
}
.seo-theme .our-project .single-project img {
  width: 100%;
  -webkit-box-shadow: 0px -1px 20px -3px rgba(54,54,54,0.52);
  -moz-box-shadow: 0px -1px 20px -3px rgba(54,54,54,0.52);
  box-shadow: 0px -1px 20px -3px rgba(54,54,54,0.52);
}
.seo-theme .our-project .single-project:hover img {opacity: 0.05;} 
.seo-theme .our-project .single-project.color1 {background: #f6cdcd;}
.seo-theme .our-project .single-project.color2 {background: #d0fbff;}
.seo-theme .our-project .single-project.color3 {background: #f1d5ff;}
.seo-theme .our-project .single-project.color4 {background: #aaf0ae;}
.seo-theme .our-project .single-project.color5 {background: #fbe8b6;}
.seo-theme .our-project .single-project.color6 {background: #1fd2bc;}
.seo-theme .our-project .single-project.color7 {background: #e74b3b;}
.seo-theme .our-project .single-project.color8 {background: #f6861c;}
.seo-theme .our-project .single-project.color9 {background: #00be90;}
.seo-theme .our-project .single-project.color10 {background: #e19e6e;}
.seo-theme .our-project .single-project.color11 {background: #256490;}
.seo-theme .our-project .single-project.color12 {background: #18b6db;}
.seo-theme .our-project .single-project.color13 {background: #ec7666;}
.seo-theme .our-project.project-v1 #mixitUp-item .single-project img,
.seo-theme .our-project.project-v2 #mixitUp-item .single-project img {box-shadow: none;}
.seo-theme .our-project.project-v1 #mixitUp-item .single-project:hover img {opacity: 0.1;} 
.seo-theme .our-project.project-v1 #mixitUp-item .mix {
  width: 25%;
  float: left;
}
.seo-theme .our-project.project-v1 #mixitUp-item .single-project {padding: 0;}
.seo-theme .our-project.project-v1 #mixitUp-item .single-project .hover p,
.seo-theme .our-project.project-v1 #mixitUp-item .single-project .hover h5 {color: #fff;}
.seo-theme .our-project.project-v1 .mixitUp-menu,
.seo-theme .our-project.project-v2 .mixitUp-menu {margin-top: 0;}
.seo-theme .our-project.project-v2 .row {margin: 0 -15px;}
.seo-theme .our-project.project-v2 #mixitUp-item .single-project {margin-bottom: 30px;}
.seo-theme .our-project.project-v2 .row .mix {width: 33.33333333%;padding: 0 15px;}
.seo-theme .our-project.project-v2 {margin-bottom: 80px;}
/* ---------------------------- Theme Project Details  ------------------------*/
.theme-default-project-details .project-large-sidebar .image-gallery {margin: 0 -10px;}
.theme-default-project-details .project-large-sidebar .image-gallery [class*="col-"] {padding: 0 10px; float:left;}
.theme-default-project-details .project-large-sidebar .image-gallery .col-8 {width: 69.4%;}
.theme-default-project-details .project-large-sidebar .image-gallery .col-4 {width: 30.6%;}
.theme-default-project-details .project-large-sidebar .image-gallery [class*="col-"] img {
  margin-bottom: 15px;
}
.theme-default-project-details .project-large-sidebar .top-text h4 {
  font-weight: 700;
  margin: 35px 0 16px 0;
}
.theme-default-project-details .project-large-sidebar .top-text h6 {
  color: #393939;
  line-height: 30px;
  margin-bottom: 20px;
}
.theme-default-project-details .project-large-sidebar .top-text {
  border-bottom: 1px solid #efefef;
  padding-bottom: 40px;
  margin-bottom: 85px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .left-side {width: 43%;}
.theme-default-project-details .project-large-sidebar .bottom-text .left-side img {margin-bottom: 30px;}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side {width: 57%;padding-left: 55px;}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side h4 {
  font-weight: 700;
  margin-bottom: 16px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box {
  position: relative;
  padding-left: 30px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box:before {
  content: '';
  width: 1px;
  height: 73%;
  position: absolute;
  top:10px;
  left:5px;
  background: #eaeaea;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box h6 {
  color: #393939;
  position: relative;
  line-height: 28px;
  margin: 25px 0 10px 0;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box h6:before {
  content: '';
  width: 11px;
  height: 11px;
  border-radius: 50%;
  position: absolute;
  left:-30px;
  top:8px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .single-content {margin-bottom: 60px;}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side>h6 {
  margin: 20px 0 15px 0;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side ul li {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 12px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side ul li i {
  margin-right: 12px;
  font-size: 18px;
}
.theme-default-project-details .project-large-sidebar {
  padding-bottom: 50px;
}
/* ------------ SEO Service One --------------*/
.seo-theme .our-service.bg-color {
  background: #fafafa;
  margin: 130px 0 0 0;
  padding: 125px 0 90px 0;
}
.seo-theme .our-service .seo-title-one a {
  color: #fff;
  border: none;
  line-height: 45px;
  position: absolute;
  top: 18px;
  right: 0;
}
.seo-theme .our-service .seo-title-one {margin-bottom: 55px;}
.seo-theme .our-service .single-service {
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  padding: 40px 30px 35px 105px;
  position: relative;
  margin-bottom: 30px;
  height:195px;
}
.seo-theme .our-service .single-service h5 a {
  font-size: 18px;
  color: #222222;
  font-weight: 500;
  display: block;
  margin-bottom: 13px;
}
.seo-theme .our-service .single-service img {
  position: absolute;
  top:43px;
  left:35px;
}
.seo-theme .our-service .single-service:hover img {
  transform:scale(1.1);
}
.seo-theme .our-service .single-service h2 {
  font-size: 45px;
  font-weight: 900;
  color: #f6f6f6;
  position: absolute;
  left:35px;
  bottom: 40px;
  text-shadow:none;
}
.seo-theme .our-service .single-service:hover {
  box-shadow: 0px 0px 30px 0px rgba(88, 88, 88, 0.10);
  border-color: #fff;
}
.seo-theme .our-service.m-fix {margin: 100px 0 0 0;}
.seo-theme .our-service.m-fix .single-service img {
  left:25px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
}
/* ------------ SEO Service Two --------------*/
.seo-theme .our-service.style-two .single-service img {
  border-radius: 50%;
  width: 110px;
  height: 110px;
  top:-55px;
  left:50%;
  margin-left: -55px;
}
.seo-theme .our-service.style-two .single-service:hover img {
  transform:scale(0.95);
}
.seo-theme .our-service.style-two .single-service {
  padding: 78px 30px 32px 30px;
  margin-bottom: 125px;
}
.seo-theme .our-service.style-two .single-service .more {
  font-weight: normal;
  font-size: 15px;
  color: #393939;
  margin-top: 14px;
}
.seo-theme .our-service.style-two .single-service .more i {
  margin-left: 5px;
}
.seo-theme .our-service.style-two .seo-title-one {margin-bottom: 135px;}
            /* ------------- SEO Service Details --------------*/
.seo-theme .our-service-details {margin-bottom: 160px;}
.seo-theme .service-large-sidebar h4 {font-weight: 700;}
.seo-theme .service-large-sidebar .image-content img {
  width: 51%;
}
.seo-theme .service-large-sidebar .image-content .right-side {
  width: 49%;
  padding-left: 50px;
}
.seo-theme .service-large-sidebar .image-content .right-side span {
  display: block;
  font-weight: 500;
  font-size: 16px;
  margin: 5px 0 15px 0;
}
.seo-theme .service-large-sidebar .image-content .right-side ul {margin-top: 40px;}
.seo-theme .service-large-sidebar .image-content .right-side ul li {
  padding-left: 62px;
  position: relative;
  margin-bottom: 30px;
}
.seo-theme .service-large-sidebar .image-content .right-side ul li:before {
  content: "\f104";
  font-family: "Flaticon";
  width: 40px;
  height: 40px;
  line-height: 38px;
  border: 2px solid #f1f1f1;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left:0;
  top:3px;
}
.seo-theme .service-large-sidebar .image-content .right-side ul li h6 {
  color: #222222;
}
.seo-theme .service-large-sidebar .image-content .right-side ul li p {
  font-size: 15px;
}
.seo-theme .service-large-sidebar .service-middle-text {
  margin: 65px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9;
}
.seo-theme .service-large-sidebar .service-middle-text h4 {
  margin-bottom: 20px;
}
.seo-theme .service-large-sidebar .service-middle-text .list {
  padding-left: 100px;
  position: relative;
  margin-bottom: 50px;
}
.seo-theme .service-large-sidebar .service-middle-text .list h6 {
  color: #222222;
  margin-bottom: 7px;
}
.seo-theme .service-large-sidebar .service-middle-text .list i {
  width: 75px;
  line-height: 75px;
  border: 1px solid #ececec;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  font-size: 35px;
  left:0;
  top:0;
}
.seo-theme .service-large-sidebar .service-middle-text .row {margin-top: 50px;}
.seo-theme .service-large-sidebar .project-analaysis h4 {margin-bottom: 50px;}
.seo-theme .service-large-sidebar .project-analaysis h4 span {
  font-weight: 300;
  color: #bebebe;
}
.seo-theme .service-large-sidebar .project-analaysis .chart-box {
  width: 180px;
}
.seo-theme .service-large-sidebar .project-analaysis .info {
  width: calc(100% - 180px);
  padding-left: 35px;
}
.seo-theme .service-large-sidebar .project-analaysis .info h2 {
  font-size: 50px;
  font-weight: 900;
}
.seo-theme .service-large-sidebar .project-analaysis .info h2 sub {
  font-weight: normal;
  font-size: 18px;
  bottom: 3px;
}
.seo-theme .service-large-sidebar .project-analaysis .info p {
  font-size: 18px;
  margin: 0 0 22px 0;
}
.seo-theme .service-large-sidebar .project-analaysis .info ul li {
  margin-bottom: 15px;
  padding-left: 25px;
  position: relative;
}
.seo-theme .service-large-sidebar .project-analaysis .info ul li span {
  font-weight: 700;
  color: #5c5b5b;
}
.seo-theme .service-large-sidebar .project-analaysis .info ul li:before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top:10px;
  left:0;
}
.seo-theme .service-large-sidebar .project-analaysis .info.infoOne ul li:first-child:before {background: #4e71d5;}
.seo-theme .service-large-sidebar .project-analaysis .info.infoOne ul li:last-child:before {background: #ffc75a;}
.seo-theme .service-large-sidebar .project-analaysis .info.infoTwo ul li:first-child:before {background: #25caad;}
.seo-theme .service-large-sidebar .project-analaysis .info.infoTwo ul li:last-child:before {background: #8e3ef0;}
.seo-theme .service-large-sidebar .project-analaysis .score-list {margin: 80px -20px 0 -20px}
.seo-theme .service-large-sidebar .project-analaysis .score-list li {
  float: left;
  padding: 0 20px;
  padding-left: 60px;
  position: relative;
}
.seo-theme .service-large-sidebar .project-analaysis .score-list li h6 {color: #393939;}
.seo-theme .service-large-sidebar .project-analaysis .score-list li i {
  position: absolute;
  top:5px;
  left: 0;
  font-size: 40px;
  color: rgba(0,0,0,0.3);
}
/* ------------------------------ Theme Blog --------------------------*/
.theme-blog-sidebarOne {width: 24%;}
.theme-blog-large-sideOne {
  width: 76%;
  padding-right: 88px;
}
.blog-inner-page .page-pagination li {
  display: inline-block;
  margin-right: 4px;
}
.blog-inner-page .page-pagination.text-center li {margin: 0 2px;}
.blog-inner-page .page-pagination li a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  background: #f3f3f3;
  border-radius: 5px;
  line-height: 36px;
  padding: 0 14px;
  color: #8c8c8c;
  text-transform: uppercase;
}
.blog-inner-page .page-pagination li a:hover {color: #fff;}
.seo-theme .latest-blog .seo-title-one a {
  color: #fff;
  border: none;
  line-height: 45px;
  position: absolute;
  top: 0;
  right: 0;
}
.seo-theme .latest-blog .seo-title-one {margin-bottom: 55px;}
.seo-theme .latest-blog .grid-blog-wrapper {margin: 0 -30px 0 -30px;}
.seo-theme .latest-blog .grid-blog-wrapper .single-blog {
  float:left;
  width: 33.33333333%;
  padding: 0 30px;
}
.seo-theme .latest-blog .single-blog {margin-bottom: 70px;}
.seo-theme .latest-blog .single-blog .img-holder {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  height:230px;
}
.seo-theme .latest-blog .single-blog .img-holder img {width: 100%;}
.seo-theme .latest-blog .single-blog .img-holder .tag {
  display: block;
  line-height: 20px;
  width: 68px;
  border-radius: 3px;
  position: absolute;
  top:25px;
  left: 38px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1.5px;
}
.seo-theme .latest-blog .single-blog .img-holder .tag.color1 {background: #08c5a1;}
.seo-theme .latest-blog .single-blog .img-holder .tag.color2 {background: #52b2f6;}
.seo-theme .latest-blog .single-blog .img-holder .tag.color3 {background: #f67878;}
.seo-theme .latest-blog .single-blog .img-holder .tag.color4 {background: #ffba34;}


.seo-theme .latest-blog .single-blog .post {
  border: 1px solid #eaeaea;
  padding: 23px 0 20px 0;
  border-radius: 0 0 7px 7px;
  background: #fff;
}
.seo-theme .latest-blog .grid-blog-wrapper .single-blog .post {
  margin: -55px 35px 0 35px;
  position: relative;
  z-index: 9;
}
.seo-theme .latest-blog .single-blog .post h5 a,
.seo-theme .latest-blog .single-blog .post h4 a {
  line-height: 1.3;
  color: #393939;
  font-weight: 500;
  margin-bottom: 10px;

  display:block;
  overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;
}
.seo-theme .latest-blog .single-blog .post h5 a,
.seo-theme .latest-blog .single-blog .post h4 a,
.seo-theme .latest-blog .single-blog .post p {padding: 0 20px 0 20px; font-size}

.seo-theme .latest-blog .single-blog .post .post-tag {
  border-top: 1px solid #eaeaea;
  padding-left: 34px;
  margin-top: 25px;
}
.seo-theme .latest-blog .single-blog .post .post-tag ul li {
  display: inline-block;
  line-height: 55px;
}
.seo-theme .latest-blog .single-blog .post .post-tag ul li a {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  color: rgba(0,0,0,0.5);
  margin-right: 15px;
}
.seo-theme .latest-blog .single-blog .post .post-tag ul li a i {
  color: #cdd7d8;
  margin-right: 3px;
}
.seo-theme .latest-blog .theme-blog-large-sideOne .single-blog .img-holder {border-radius: 5px 5px 0 0;}
.seo-theme .latest-blog .theme-blog-large-sideOne .single-blog .post {border-top: none;}
.seo-theme .latest-blog .theme-blog-large-sideOne .single-blog .post .post-tag ul li.float-right a {
  width: 125px;
  padding: 0;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  border-left: 1px solid #eaeaea;
}
.seo-theme .blog-inner-page {margin-bottom: 190px;}
/* ------------------------------ Theme Blog Details --------------------------*/
.theme-blog-large-sideOne .comment-area h4 {
  margin-bottom: 35px;
}
.theme-blog-large-sideOne .comment-area .main-comment {
  border: 1px solid #e9e9e9;
  padding: 25px 55px 50px 35px;
  margin-bottom: 20px;
}
.theme-blog-large-sideOne .comment-area .single-comment img {
  width: 75px;
  border-radius: 5px;
}
.theme-blog-large-sideOne .comment-area .single-comment .comment {
  width: calc(100% - 75px);
  padding-left: 20px;
  position: relative;
}
.theme-blog-large-sideOne .comment-area .single-comment .comment p {
  margin-top: 13px;
}
.theme-blog-large-sideOne .comment-area .single-comment .comment h6 {
  color: #393939;
}
.theme-blog-large-sideOne .comment-area .single-comment.reply-comment {
  margin-left: 95px;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #e9e9e9;
}
.theme-blog-large-sideOne .comment-area .single-comment button {
  width: 60px;
  line-height: 30px;
  background: #f4f4f4;
  color: #393939;
  text-transform: uppercase;
  position: absolute;
  top:0;
  right: 0;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
}

.theme-blog-large-sideOne .comment-area .single-comment button:hover {color: #fff;}
.theme-blog-large-sideOne .leave-reply h4 {
  margin: 70px 0 8px 0;
}
.theme-blog-large-sideOne .leave-reply form {margin-top: 25px;}
.theme-blog-large-sideOne .leave-reply form textarea,
.theme-blog-large-sideOne .leave-reply form input {
  width: 100%;
  max-width: 100%;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  margin-bottom: 23px;
  padding: 0 15px;
}
.theme-blog-large-sideOne .leave-reply form textarea {
  height: 210px;
  max-height: 210px;
  padding: 20px 15px;
}
.theme-blog-large-sideOne .leave-reply form input {
  height: 55px;
}
.theme-blog-large-sideOne .leave-reply form button {
  text-transform: uppercase;
  border:none;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
}
.seo-theme .blog-details .single-blog .row {
  margin: 40px -15px 35px -15px;
  padding: 0 35px;
}
.seo-theme .blog-details .single-blog .row img {
  border-radius: 5px;
  width: 100%;
}
.seo-theme .latest-blog.blog-details .theme-blog-large-sideOne .single-blog .post .post-tag ul li.float-right a {color: #a3a3a3;}
.seo-theme .theme-blog-large-sideOne h4 {font-weight: 700;}

/* ---------------------------- Theme Error Page  ------------------------*/
.seo-theme .error-page {
  text-align: center;
  margin-bottom: 150px;
}
@keyframes error-load {
  0% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  20% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  60% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  80% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.seo-theme .error-page img {
  margin: 0 auto;
  -webkit-animation:error-load 7s linear infinite;
  animation:error-load 7s linear infinite;
}
.seo-theme .error-page h2 {
  font-size: 150px;
  margin-top:40px;
  font-weight: 900;
  letter-spacing: 14px;
}
.seo-theme .error-page h3 {
  font-weight: normal;
  font-size: 60px;
  margin-bottom: 25px;
}
.seo-theme .error-page p {
  font-size: 18px;
  margin-bottom: 41px;
}
.seo-theme .error-page a {
  line-height: 55px;
  width:128px;
  color:#fff;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 4px;
  text-align: center;
}
.seo-theme .error-page span.or {
  font-size: 18px;
  color:#2f2f2f;
  margin:0 16px;
}
.seo-theme .error-page form {
  height:55px;
  width:380px;
  position: relative;
  display: inline-block;
}
.seo-theme .error-page form input {
  padding: 0 58px 0 20px;
  border:1px solid #f0f0f0;
  height: 100%;
  width: 100%;
}
.seo-theme .error-page form button {
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  width: 55px;
  border-left: 1px solid #f0f0f0;
  background: transparent;
  font-size: 20px;
  color: #a3a3a3;
}
/* ---------------------------- Theme Faq Page  ------------------------*/
.seo-theme .seo-faq-section {
  background: #f9f9f9;
  padding: 95px 0 100px 0;
}
.seo-theme .seo-faq-section h3 {
  font-size: 38px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 65px;
}
.seo-theme .seo-faq-section .faq-content {
  background: #fff;
  padding: 30px 35px 30px 40px;
  margin-bottom: 30px;
}
.seo-theme .seo-faq-section .faq-content h6 {
  font-weight: 700;
  color: #393939;
  margin-bottom: 20px;
}

/* ------------- Google Map  --------------*/
.seo-theme #google-map-area {
  height: 570px;
  padding: 20px;
  border: 1px solid #ececec;
  margin: 85px 0 130px 0;
}
.seo-theme #contact-google-map {
  width: 100%;
  height: 100%;
}
/*** 

====================================================================
  Conatct Form Activation
====================================================================

 ***/
.alert-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
  z-index: 9999999;
}
#success,
#error {
  position: relative;
  width:500px;
  height: 100px;
  top: calc(50% - 50px);
  left:calc(50% - 250px);
  background: rgba(0,0,0,0.8);
  text-align: center;
}
#success .wrapper,
#error .wrapper {
  display: table;
  width:100%;
  height: 100%;
}
#success .wrapper p,
#error .wrapper p {
  display: table-cell;
  vertical-align: middle;
  letter-spacing: 1px;
}
#success {
  color: #ffce6e;
}
#error {
  color: #C9182B;
}
#error button,
#success button {
  color:#fff;
  width:40px;
  height:40px;
  line-height: 20px;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 20px;
}
.form-validation label.error {
  display: none !important;
}
.form-validation input.error,
.form-validation textarea.error {
  border:1px solid #f03838 !important;
}
/* ------------- Theme Contact Page --------------*/
.theme-contact-page-styleOne h4 {
  font-weight: 500;
  font-size: 38px;
  margin-bottom: 55px;
  color:#2f373a;
}
.theme-contact-page-styleOne .contact-us-form .row {
  margin: 0 -10px;
}
.theme-contact-page-styleOne .contact-us-form .row [class*="col-"] {
  padding: 0 10px;
}
.theme-contact-page-styleOne .contact-us-form form .single-input {
  margin-bottom: 22px;
}
.theme-contact-page-styleOne .contact-us-form form input,
.theme-contact-page-styleOne .contact-us-form form textarea {
  width: 100%;
  max-width: 100%;
  font-size: 15px;
  border:1px solid #ececec;
  padding: 0 15px 0 15px;
  border-radius: 5px;
}
.theme-contact-page-styleOne .contact-us-form form input {
  height: 50px;
}
.theme-contact-page-styleOne .contact-us-form form textarea {
  height: 165px;
  max-height: 165px;
  padding: 15px;
}
.theme-contact-page-styleOne .contact-us-form form button {
  border-radius: 5px;
  line-height: 45px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
}
.theme-contact-page-styleOne .contactUs-address {
  padding-left: 38px;
}
.theme-contact-page-styleOne .contactUs-address>p {
  margin:-7px 0 30px 0;
}
.theme-contact-page-styleOne .contactUs-address .single-address .icon {
  width: 65px;
  height: 65px; 
  line-height: 63px;
  border: 1px solid #e5e5e5;
  text-align: center;
  margin-top: 7px;
  color:#fff;
  font-size: 30px;
}
.theme-contact-page-styleOne .contactUs-address .single-address h6 {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 5px;
  color: #393939;
}
.theme-contact-page-styleOne .contactUs-address .single-address span {
  font-size: 16px;
}
.theme-contact-page-styleOne .contactUs-address .single-address {
  margin-bottom: 30px;
}
.theme-contact-page-styleOne .contactUs-address .single-address .text {
  padding-left: 26px;
  margin-top: 10px;
}
/*----------------------- Shop Page ---------------------*/
.shop-sidebar .search {
  height: 45px;
  position: relative;
}
.shop-sidebar .search input {
  width: 100%;
  height: 100%;
  background: #eeeeee;
  border: none;
  padding: 0 102px 0 10px;
  font-style: italic;
  font-size: 15px;
}
.shop-sidebar .search button {
  position: absolute;
  width: 100px;
  height: 100%;
  top:0;
  right: 0;
  color: #fff;
}
.shop-sidebar h4 {
  position: relative;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.shop-sidebar h4:before {
  content: '';
  position: absolute;
  bottom: 0;
  left:0;
  width: 85px;
  height: 2px;
  background: #3e60c2;
}
.shop-sidebar .sidebar-shop-categories {margin: 60px 0;}
.shop-sidebar .sidebar-shop-categories ul li a {
  font-size: 17px;
  color: rgba(36,34,34,0.6);
  display: block;
  margin-bottom: 18px;
}
.shop-sidebar .shop-popular-product ul li img {width: 100px;}
.shop-sidebar .shop-popular-product ul li .name {
  width: calc(100% - 100px);
  padding-left: 20px;
}
.shop-sidebar .shop-popular-product ul li .name h6 a {
  font-weight: 500;
  color: #242222;
  display: block;
  margin: 10px 0;
}
.shop-sidebar .shop-popular-product ul li .name strong {
  font-family: 'Roboto', sans-serif;
  display: block;
  font-weight: 900;
  font-size: 18px;
}
.shop-sidebar .shop-popular-product ul li {margin-bottom: 30px;}
.shop-product .single-product .image {overflow: hidden;}
.shop-product .single-product .image img {
  -webkit-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
  width: 100%;
}
.shop-product .single-product:hover .image img {
  -webkit-transform:scale3D(1.1,1.1,1);
          transform:scale3D(1.1,1.1,1);
}
.shop-product .single-product .info {
  border: 1px solid #f0f0f3;
  border-top: none;
  text-align: center;
  padding: 32px 0 35px 0;
  margin-bottom: 30px; 
}
.shop-product .single-product .info h6 a {
  font-weight: 600;
  color: #242222;
  display: block;
}
.shop-product .single-product .info strong {
  font-family: 'Roboto', sans-serif;
  display: block;
  color: #242222;
  font-size: 18px;
  margin: 12px 0 15px 0;
}
.shop-product .single-product .info>a {
  width: 130px;
  line-height: 40px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
.shop-pagination {text-align: center;margin: 30px 0 0 0;}
.shop-pagination li {display: inline-block;vertical-align: middle;}
.shop-pagination li a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
  margin: 0 4px;
}
.shop-pagination li:last-child a {
  font-size: 12px;
  margin-left: 12px;
}
.shop-details .single-product-details img {width: 54%;}
.shop-details .single-product-details .product-order-details {
  width: 46%;
  padding-left: 30px;
}
.shop-details .single-product-details .product-order-details h3 {
  font-weight: 600;
  font-size: 32px;
}
.shop-details .single-product-details .product-order-details .price li {
  display: inline-block;
  vertical-align: middle;
  color: rgba(36,34,34,0.9);
  padding: 10px 0;
  font-family: 'Roboto', sans-serif;
}
.shop-details .single-product-details .product-order-details .price li:first-child {
  font-weight: 500;
  font-size: 32px;
}
.shop-details .single-product-details .product-order-details .price li:nth-child(2) {
  font-weight: 500;
  font-size: 24px;
  margin: 0 12px 0 30px;
}
.shop-details .single-product-details .product-order-details .price li:nth-child(3) {
  font-size: 14px;
}
.shop-details .single-product-details .product-order-details .price {margin: 16px 0 3px 0;}
.shop-details .single-product-details .product-order-details .rating li {
  display: inline-block;
  margin-right: 3px;
  color: #ffc520;
}
.shop-details .single-product-details .product-order-details .rating {margin: 20px 0 30px 0;}
.shop-details .single-product-details .product-order-details .clearfix ul li {
  display: inline-block;
  vertical-align: middle;
}
.shop-details .single-product-details .product-order-details .clearfix ul li button {
  width: 65px;
  height: 40px;
  color: #fff;
  font-size: 18px;
}
.shop-details .single-product-details .product-order-details .clearfix ul li:nth-child(2) {
  width: 70px;
  height: 40px;
  line-height: 40px;
  background: #eaede8;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.shop-details .single-product-details .product-order-details .clearfix a {
  width: 130px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.shop-details .single-product-details .product-order-details .clearfix {margin-top: 74px;}
.shop-details .review-tab {margin: 80px 0 100px 0;}
.shop-details .review-tab .nav-tabs > li {margin: 0;}
.shop-details .review-tab .nav-tabs > li > a {
  line-height: 60px;
  font-size: 20px;
  color: #242222;
  border: none;
  padding: 0 55px;
  background: #eaede8;
  border-radius: 0;
}
.shop-details .review-tab .nav-tabs {border: none; margin: 0 0 40px 0;}
.shop-details .review-tab .nav-tabs > li.active > a,
.shop-details .review-tab .nav-tabs > li.active > a:hover,
.shop-details .review-tab .nav-tabs > li.active > a:focus {color: #fff;}
.shop-details .review-tab .tab-pane p {
  font-size: 18px;
  line-height: 35px;
}
.shop-details .review-tab .tab-pane h4 {margin-bottom: 40px;}
.shop-details .review-tab .tab-pane ul li {
  line-height: 45px;
  font-size: 18px;
}
.shop-details .related-product h4 {
  position: relative;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
.shop-details .related-product h4:before {
  content: '';
  position: absolute;
  bottom: 0;
  left:0;
  width: 85px;
  height: 2px;
  background: #3e60c2;
}
.shop-details .related-product .item {margin: 0 15px;}
.shop-page .top-select-section {margin-bottom: 63px;}
.shop-page .top-select-section>li:last-child {
  line-height: 45px;
  font-size: 18px;
}
.shop-page .bootstrap-select > .dropdown-toggle {
  width: 200px;
  height: 45px;
  padding: 0 0 0 15px;
  background: transparent;
  border: 1px solid #ececec !important;
  position: relative;
  outline: none !important;
}
.shop-page .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: 16px;
}
.shop-page .bootstrap-select.btn-group .dropdown-toggle .caret {
  top:23px;
  border-top-color: #969696;
}
.shop-page .bootstrap-select > .dropdown-toggle:hover,
.shop-page .bootstrap-select > .dropdown-toggle:focus {
  background: transparent;
  outline: none !important;
}
.shop-page .bootstrap-select.btn-group .dropdown-menu li a span.text {
  font-size: 16px;
}
.shop-page .bootstrap-select.btn-group .dropdown-menu li.selected a span.text,
.shop-page .bootstrap-select.btn-group .dropdown-menu li:hover a span.text {color: #fff;}
.shop-page .dropdown-menu  {
  border: 1px solid rgba(0,0,0,0.06)
}
.shop-page{margin-bottom: 100px;}

.bottom-footer .bdsharebuttonbox a{
    background:none!important; text-indent:0!important;
    border:1px solid #394b66!important;
    border-radius:100%;
    text-align:center;
    line-height:1!important;
    margin:0!important;
    width:35px;
    height:35px;
    line-height:35px!important;
    color:#a1a6ad!important;
}
.bottom-footer .bdsharebuttonbox a+a{margin-left:10px!important;}
.bottom-footer .bdsharebuttonbox a:before{font-size:18px!important;}

.top-header b{float:left; font-weight:300;height:35px!important; display:block; line-height:45px; margin-right:10px; }
.top-header .bdsharebuttonbox{display:inline-block!important; height:35px!important;overflow:hidden!important;}
.top-header .bdsharebuttonbox a{
    background:none!important; text-indent:0!important;
    text-align:center;
    line-height:1!important;
    margin:0!important;
    width:35px;
    height:45px;
    line-height:45px!important;
    color:rgba(0, 0, 0, 0.25) !important;
    overflow:hidden!important;
}
.latest-blog .seo-title-one:after{content:'';display:block; clear:both;}
.latest-blog .seo-title-one ul{position:absolute;left:200px;top:0;}
.latest-blog .seo-title-one ul>li{float:left; line-height:40px;padding:0 5px;}
.latest-blog .seo-title-one ul>li.active>a{color:#fff!important;background:#3e60c2; font-weight:300;}
.latest-blog .seo-title-one ul>li>a{position:relative!important; color:rgba(0,0,0,0.6)!important;padding:0 20px; border-radius:30px;}
.latest-blog .seo-title-one ul>li>a:hover{color:#fff!important;}


.gdmap{margin-top:-115px; position:relative;}
.gdmap .container{position:relative; height:500px;}
.my-map { margin: 0 auto; width: 100%; height: 500px; position:absolute; }

		.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
		.my-map .icon-cir { height: 31px; width: 28px; }
		.my-map .icon-cir-red { background-position: -11px -5px; }
		.amap-container{height: 100%;}


.gdmap .contactUs-address {
   margin-top:130px;
  background:#fff;
  width:480px;box-sizing:border-box;
  padding:40px 10px 30px 40px;

  -moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 50px rgba(0,0,0,.3);
}
.gdmap .contactUs-address>p {
  margin:-7px 0 30px 0;
}
.gdmap .contactUs-address .single-address .icon {
  width: 45px;
  height: 45px; 
  line-height: 45px;
  border: 1px solid #e5e5e5;
  text-align: center;
  margin-top: 7px;
  color:#fff;
  font-size: 20px;
  color: #ffc323;
}
.gdmap .contactUs-address h4 {
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 25px;
  color: #393939;
  display:block;
  text-shadow:2px 2px 0px #ccc;
}
.gdmap .contactUs-address .single-address span {
  font-size: 16px;
  line-height:1;
}
.gdmap .contactUs-address .single-address {
  margin-bottom: 10px;
}
.gdmap .contactUs-address .single-address .text {
  padding-left: 26px;
  margin-top: 10px;
}


/*news*/
.news-cls{ text-align:center;padding-bottom:50px;background: rgba(35,52,78,0.97);}
.news-cls h2{color:#fff; font-weight:300;display:block;padding:50px 0 30px 0;}
.news-cls>ul{padding:0;margin:0;display:inline-block;}
.news-cls li{display:inline-block;text-transform: uppercase;font-size:16px; font-weight:300;line-height:16px;list-style:none; }
.news-cls li+li{}
.news-cls li.active{}
.news-cls li.active>a{background:rgba(35,52,78,1); color:#fff; border-color:rgba(35,52,78,1);}
.news-cls a{
    display: block;
    border-radius: 0;
  
    color: #b2b2b2;
    padding: 10px 35px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
   
}
.news-cls a:hover{
    background: rgba(35,52,78,0.27);
    color:#fff;
}

.news-cls2{ padding-bottom:50px; margin-top:0;}
.news-cls2>ul{padding:0;margin:0;display:inline-block; box-shadow: 0 0px 25px rgba(0,0,0,0.1);}
.news-cls2 li{display:inline-block;text-transform: uppercase;font-size:16px; font-weight:300;line-height:30px;list-style:none; background:#fff; }
.news-cls2 li+li{}
.news-cls2 li.active{}
.news-cls2 li.active>a{background:rgba(35,52,78,1); color:#fff; border-color:rgba(35,52,78,1);}
.news-cls2 a{
    display: block;
    border-radius: 0;
    border:1px rgba(35,52,78,.29) solid;
    border:none;
    color: #b2b2b2;
    padding: 10px 35px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
   
}
.news-cls2 a:hover{
    background: rgba(35,52,78,0.27);
    color:#fff;
}

.news-list{padding:50px 0;}
.news-list .item,.news-list .item *{ -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
.news-list .item{
    margin-bottom:30px;
    height:280px;
    transition: all 0.5s;
    cursor:pointer;
    box-shadow: 0 0px 25px rgba(0,0,0,0.1);
    padding:15px 30px 30px 30px;
    border-radius:3px;
    position:relative;
}
.news-list .item:after{
    content:'';
    display:block;
    background:url(/images/news/right1.png) no-repeat center center;
    width:22px;
    height:18px;
    position:absolute;right:30px;bottom:30px; font-size:32px; font-weight:300;
}
.news-list .item:hover{
        -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1);
    box-shadow: 0 5px 25px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    background: #f67524;
}
.news-list .item:hover:after{
    background:url(/images/news/right1s.png) no-repeat center center;
}
.news-list .item:hover a,.news-list .item:hover h2,.news-list .item:hover p,.news-list .item:hover span,.news-list .item:hover .time{color:#fff!important;text-shadow:2px 2px 1px rgba(0,0,0,0.6);}
.news-list .item:hover a.title>h2{text-shadow:2px 2px 1px rgba(0,0,0,0.6);}
.news-list .item a.title{
    height:48px; margin:0;overflow:hidden;
    display:block;
}
.news-list .item a.title>h2{
    display:block;margin:0;padding:0;line-height:48px;
    color: #000000;
    font-size: 18px;
    font-weight:500;
    transition: all 0.3s;
    height:48px; overflow:hidden;
    overflow: hidden;
}
.news-list .item p.des{font-size:14px; margin:0; line-height:1.6; height:48px;overflow:hidden;color:#333;}
.news-list .item .tag{ margin-top:0;font-size:12px; color:#999;height:48px; line-height:48px;}
.news-list .item .tag>span{font-weight:bold;}
.news-list .item .tag a{color:#999; margin-right:10px;}
.news-list .item .tag a:hover{color:#fff;}
.news-list .item .time{border-top:1px solid #f2f2f2;padding:20px 0 0 0;line-height:1;}
.news-list .item .time>span{font-size:52px;display:block; font-weight:300; font-family:Arial;padding-bottom:0;line-height:1; color:#000;}

.news-list .item>a.img{position:absolute;top:0;right: 0;bottom: 0;left: 0; overflow:hidden;border-radius:3px;}
.news-list .item>a.img>img{position:absolute;left:0; top:0;right:0;bottom:0; width:100%;}
.news-list .item>a.img>h2{position:absolute; bottom:-300px;font-size:18px;color:#000;text-shadow:2px 2px 1px #333333;left:30px;}
.news-list .item:hover>a.img>h2{bottom:25px;}

.bg-color{background:#f7f7f7;}

.news-page{padding-top:40px;padding-bottom:90px;}
.news-box{
        overflow: hidden;
    color: #333;
    background: #fff;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
}
.news-title{
        margin-top: 30px;
    padding-bottom: 23px;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1;
}
.news-title>h1{
        font-size: 24px;
    line-height: 38px;
    overflow: hidden;
    color: #000;
    font-weight: normal;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
.news-title>p{
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 16px; color:#686868;
}
.news-body{
    padding-top: 35px;
    line-height: 30px;
    font-size: 16px;
    color:#686868;
}
.news-body:after{content:'';display:block;clear:both;}

.news-box .fenxiang {
    overflow: hidden;
    text-align: center;
    border-top: 1px solid #e8e8e8;
    padding-top: 2%;
    margin-top: 2%;
}
.news-box .fenxiang .span {
    line-height: 34px;
    color: #333333;
    display: block;
    font-size: 18px;
}
.news-box  .fenxiang .news_fx {
    text-align: center;
    margin-top: 3%;
    margin-bottom: 4%;
}

.news-box  .fenxiang .news_fx ul li {
    display: inline-block;
    width: 58px;
    height: 58px;
    overflow: hidden;
    margin-left: 3%;
    margin-right: 3%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.news-box  .fenxiang .news_fx ul li.bgs1 {
    background-image: url(/images/news/ico1.png);
}
.news-box  .fenxiang .news_fx ul li.bgs2 {
    background-image: url(/images/news/ico2.png);
}
.news-box  .fenxiang .news_fx ul li.bgs3 {
    background-image: url(/images/news/ico3.png);
}
.bdshare-button-style0-32 a{
    background: none!important;
    padding: 0;
}
.news-box .fenxiang .news_fx ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.news-box .prenext {
    text-align: center;
    padding-bottom: 3%;
    overflow: hidden;
    border-top: 1px solid #e8e8e8;
    padding-top: 4%;
}
.news-box .prenext a {
    color: #333333;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 172px;
    overflow: hidden;
    font-size: 18px;
    background: #e8e8e8;
}
.news-box .prenext a:first-child{float:left;}
.news-box .prenext a:last-child{float:right;}
.news-box .prenext a label.a {
    padding-right: 12%;
}
.news-box .prenext a label {
    font-family: "宋体";
    font-size: 22px;
}
.news-box .prenext a label.b {
    padding-left: 12%;
}
.news-box .prenext a label {
    font-family: "宋体";
    font-size: 22px;
}
.news-box .prenext a:hover {
    color: #fff;
    background: #f67524;
    text-decoration: none;
}

.news_show_r .news_show_rnews {
    overflow: hidden;
    color: #666;
    background: #fff;
}
.news_show_r .new_show_right_top {
    font-size: 24px;
    color: #000;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: normal;
    height: 38px;
    line-height: 38px;
    font-family: "华文细黑";
    padding-left: 30px;
    padding-right: 30px;
}
.news_show_rnews .ul li {
    display: block;
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-left: 30px;
    margin-right: 30px;
}
.news_show_rnews .ul li h1 {
    font-weight: normal;
    font-size: 18px;
    color: #000000;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}
.news_show_rnews .ul li h1 a {
    color: #000000;
}
.news_show_rnews .ul li p {
    color: #666666;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}


/*案例*/
.page-works{padding:0 0 110px 0;}
.page-works-cls{ text-align:center;padding-bottom:100px;}
.page-works-cls>ul{padding:0;margin:0;display:inline-block;}
.page-works-cls li{display:inline-block;text-transform: uppercase;font-size:16px; font-weight:300;line-height:16px;margin-left:-3px; list-style:none; }
.page-works-cls li+li{}
.page-works-cls li.active{}
.page-works-cls li.active>a{background:#ffc323; color:#fff;}
.page-works-cls a{
    display: block;
    border-radius: 0;
    background: #f2f2f2;
    color: #b2b2b2;
    padding: 10px 35px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
   
}
.page-works-cls a:hover{
    background:#fbe6ae;
    color:#333;
}

.page-works .item{  
    display: block;
    padding: 0;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 0 auto;
    border-radius: 0;
    background-color: transparent;
    position: relative;
    margin-top: 32px;
    border: solid 1px #e6e6e6;
    cursor:pointer;
}
.page-works .item .img{
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    position: relative;
    margin-top: 0;
        zoom: 1;
}
.page-works .item .img img{}
.page-works .item .hover{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding: 15px;
    color: #ffffff;
    opacity: 0;
    z-index: 10;
    text-align: center;
    padding: 0;
    background-color: rgba(25, 25, 25, 0.96);
        -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.page-works .item .hover:before{
    position:absolute;
    content:'';
    left:15px;
    top:15px;
    right:15px;
    bottom:15px;
    border:1px solid #fff;
}
.page-works .item .hover .div-table{position:relative; z-index:2;}
.page-works .item .hover a{ border:1px solid #ccc; font-size:14px;padding:10px 30px;line-height:1; color:#fff; margin:0 10px; -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; border-radius:3px;
    font-weight:300;
}
.page-works .item .hover a:hover{background:#ffc323; color:#fff;border-color:#ffc323;}
.page-works .item:hover .hover{opacity:1;}
.page-works .item:hover{
    -webkit-box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.16);
}
.page-works .item .hover a{}
.page-works .item .hover a.view{}
.page-works .item .hover a.url{}
.page-works .item .txt{
        -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
        overflow: visible;
    position: relative;
    z-index: 10;
    margin-top: 0;
    padding: 18px 20px 18px 20px;
    border-top: solid 1px #e6e6e6;
    background-color: #ffffff;
        color: #888888;
}
.page-works .item .txt h3{
    font-weight:300;
    font-family: 'uni_sansheavy_caps', 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 28px;
    margin: 0 0 28px 0;
    color: #333333;
        -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
        font-size: 16px;
    letter-spacing: 0.06em;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
        margin-bottom: 0;
    color: #191919;
    
}
.page-works .item .txt h3>a{position:relative; }
.page-works .item .txt h3>a:hover{color:#333;}
.page-works .item .txt h3>a:hover:after{content:'';display:block; position:absolute;left:0;bottom:3px;right:0;height:1px; background:#333;}
.page-works .item .txt p{
    font-weight:300;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 0.07em;
    margin-bottom: 0;
    color: #a7a7a7;
}
.page-works .item .txt a{}

.div-table{display:table!important; height:100%!important; width:100%!important;}
.div-cell{display:table-cell!important; height:100%!important; vertical-align:middle!important;}

.page-works .h1title{font-size:36px; color:#000;display:block;padding-bottom:30px; text-align:center; font-weight:500;}


.case_banner2 {
    overflow: hidden;
    position: relative;
}
.case_banner2 img {
    display: block;
    width: 100%;
}
.case_banner2 .txts {
    width: 1440px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 2;
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
}
.case_banner2 .txts .case_title {
    float: left;
    overflow: hidden;
    width: 70%;
}
.case_banner2 .txts .case_title h2 {
    font-weight: normal;
    margin-bottom: 2%;
    padding-bottom: 2%;
    font-family: "华文细黑";
    background: url(/images/news/bgs3.png) left bottom no-repeat;
    font-size: 48px;
    color: #fff;
}
.case_banner2 .txts .case_title p {
    color: #fff;
    font-family: "华文细黑";
    font-size: 24px;
}

.case_banner2 .txts .txts_r {
    float: right;
    overflow: hidden;
    margin-top: 60px;
}
.case_banner2 .txts .txts_r a {
    float: left;
    width: 54px;
    height: 54px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    overflow: hidden;
    margin-left: 20px;
    position: relative;
}
.case_banner2 .txts .txts_r a.bgs1 {
    background-image: url(/images/news/case_ico1.png);
}
.case_banner2 .txts .txts_r a.bgs2 {
    background-image: url(/images/news/case_ico2.png);
}
.case_banner2 .txts .txts_r a.bgs3 {
    background-image: url(/images/news/case_ico3.png);
}
.case_banner2 .txts .txts_r a.bgs1:after {
    background-image: url(/images/news/case_ico1_on.png);
}
.case_banner2 .txts .txts_r a.bgs2:after {
    background-image: url(/images/news/case_ico1_on.png);
}
.case_banner2 .txts .txts_r a.bgs3:after {
    background-image: url(/images/news/case_ico1_on.png);
}
.case_banner2 .txts .txts_r a:hover:after {
    background-size: 100% 100%;
}
.case_banner2 .txts .txts_r a:after {
    content: "";
    width: 54px;
    height: 54px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
    background-size: 0% 0%;
    background-repeat: no-repeat;
    background-position: center center;
}



.case_show_one {
    background: url(/images/news/2.jpg) right center no-repeat;
    background-size: 50% 100%;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}
.case_show_one .case_show_one_l {
    background: #fff;
    width: 50%;
    float: left;
    overflow: hidden;
    min-height: 464px;
}
.case_show_one .case_show_one_l .case_txt {
    width: 86%;
    margin: 0 auto;
    overflow: hidden;
}
.case_show_one .case_show_one_l .case_txt .h2 {
    margin-top: 50px;
    height: 90px;
    line-height: 90px;
    
    color: #010000;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 33px;
}
.case_show_one .case_show_one_l .case_txt .h2:after{
    content:'';
    display:block;
    width:1em;
    height:3px;
    background:#ccc;
}
.case_show_one .case_show_one_l .case_txt .divs {
    line-height: 30px;
    color: #666666;
    font-size: 16px;
}

.case_show_one .foot_button2 {
    margin-top: 30px;
}
.case_show_one .foot_button2 li {
    width: 58px;
    height: 58px;
    text-align: center;
    float: left;
    margin: 0 12px;
    position: relative;
}
.case_show_one .case_show_one_r {
    width: 50%;
    float: right;
    overflow: hidden;
}
.case_show_one .case_show_one_r .case_txt {
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
    color: #fff;
}
.case_show_one .case_show_one_r .h2 {
    margin-top: 50px;
    height: 90px;
    line-height: 90px;
    background: url(../img/2018/case/case_bg3.jpg) left bottom no-repeat;
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 33px;
}
.case_show_one .case_show_one_r ul li {
    font-size: 18px;
    display: block;
    height: 48px;
    line-height: 48px;
}

.case_show_box{padding:30px; margin-bottom:80px;background:#fff;}

.seo-theme .seo-sidebar .wrapper ul li a.active{color:#ffc323;}


.page{text-align:center;}


.news_show_rtag{overflow: hidden; color:#666; background:#fff; margin-bottom:30px;}
.news_show_rtag .tagul{margin-bottom:30px; overflow:hidden; margin-left:30px; padding-right:10px; margin-top:20px;}
.news_show_rtag .tagul li{ display:block; overflow:hidden;}
.news_show_rtag .tagul li a{ float:left; margin-bottom:10px; margin-right:10px; height:34px; line-height:34px;font-size:14px; color:#666; padding-left:18px; padding-right:18px; border:1px solid #cccccc; margin-right:10px; }
.news_show_rtag .tagul li a:hover{ border:1px solid #f67524; color:#f67524;}
.tag_ul{ padding-top:30px; overflow:hidden; }
.tag_ul ul li{ display:block; overflow:hidden; transition:all 0.5s; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #ccc;}
.tag_ul ul li:nth-child(3n+0){ margin-right:0;}
.tag_ul ul li .txts{ overflow:hidden;}
.tag_ul ul li .txts .h2{ color:#000; font-size:18px; font-weight:normal; height:32px; line-height:32px; margin-top:3px;transition:all 0.3s; overflow:hidden;}
.tag_ul ul li .txts .p{ font-size:16px; color:#333; line-height:24px; height:48px; overflow:hidden;transition:all 0.3s; margin-top:13px;}
.tag_ul ul li .txts .dates{ font-size:14px; color:#999;line-height:20px; height:20px; overflow:hidden;}
.tag_ul ul li .txts .tagse{  color:#999;line-height:24px; height:24px; overflow:hidden; margin-top:18px;}
.tag_ul ul li .txts .tagse span{ float:left; margin-right:6px; font-size:14px; }
.tag_ul ul li .txts .tagse  a{ float:left; margin-right:3px; padding-left:6px; padding-right:6px; font-size:14px; color:#999;line-height:22px; height:22px; overflow:hidden; border:1px solid #fff;}
.tag_ul ul li .txts .tagse  a:hover{border:1px solid #f45900; color:#f45900;}
.tag_ul ul li .imgs{ float:left; width:260px; margin-right:30px;}
.tag_ul ul li .imgs img{ width:100%; height:160px; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.tag_ul ul li .imgs:hover img{ -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.tag_ul ul li .txts a:hover .h2{ color:#f45900;}

.news_show_l{color:#333; background:#fff; padding-left:30px; padding-right:30px; padding-bottom:60px;}


.project-liks{background:#f7f7f7;position:relative;margin-top:50px;}


.project-liks-txt{padding:30px 0 30px 40px;background:#f7f7f7; width:50%;}
.project-liks-txt>h3{font-size:24px; font-weight:500;display:block;line-height:1;padding-bottom:20px;}
.project-liks-txt>h3>small{display:block;font-size:16px;padding-top:10px;}
.project-liks-txt>ul{padding-bottom:20px;padding-right:30px;}
.project-liks-txt>ul:after{content:'';display:block; clear:both;}
.project-liks-txt>ul>li{width:33.33%; float:left;height:50px;}
.project-liks-txt>ul>li>a{display:block;height:50px; text-indent:-9999em; border:1px solid #ccc;}
.project-liks-txt>a.more{display:block; width:130px;height:40px; background:#ffc323; border-radius:20px; color:#fff; text-align:center;line-height:40px;}
.project-liks-txt>a.more:hover{}
.project-liks-img{position:absolute; width:50%;right:0;bottom:0;top:0;}
.project-liks-txt>div{padding:0 30px 40px 0; display:block;}
.project-liks-txt table{width:100%;border:1px solid #ccc;border-collapse:collapse;}
.project-liks-txt table td{border:1px solid #ccc;border-collapse:collapse; height:60px;padding:0;text-align:center;}
.project-liks-txt table td>a{display:block; height:60px;text-indent:-9999em;overflow:hidden;}

.linkurl{overflow:hidden;padding-top:30px;}
.linkurl:after,.linkurl:before{display:block; clear:both; content:'';}
.linkurl ul{margin:0 -10px;}
.linkurl li{display:block;float:left;padding:0px 10px;position:relative;line-height:1; margin:8px 0;}
.linkurl li+li:before{
    position:absolute;
    content:'';
    left:0;
    top:2px;
    bottom:2px;
    width:1px;
    background:rgba(255,255,255,0.2);
}
.linkurl a{color: rgba(255,255,255,0.6);display:block;line-height:1; transition:all ease-in-out .3s;}
.linkurl a:hover{color: rgba(255,255,255,0.8);}



.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 200px;
    right: -127px;
    cursor: pointer;
    transition: all .3s ease;
}

.yb_bar ul li {
    width: 180px;
    height: 53px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}

.yb_bar .yb_top {
    background: #ff4a00 url(../img/kf/rightbar.png) no-repeat 0 0;
}

.yb_bar .yb_phone {
    background: #ff4a00 url(../img/kf/rightbar.png) no-repeat 0 -57px;
}

.yb_bar .yb_QQ {
    text-indent: 0;
    background: #ff4a00 url(../img/kf/rightbar.png) no-repeat 0 -113px;
}

.yb_bar .yb_ercode {
    background: #ff4a00 url(../img/kf/rightbar.png) no-repeat 0 -169px;
}
    .yb_bar .yb_ercode img{
        width:225px!important;
    }
    .hd_qr {
        padding: 0 29px 25px 29px;
    }

.yb_QQ a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
}


/**/
.wc-header{
    background:url(/Content/webCity/img/1.jpg) no-repeat center top;
    padding-top:50px;
}
.wc-h1{
    text-align:center;
    color:#fff;
    padding-bottom:2em;
}
.wc-h1 h1{
    font-weight:400;
    position:relative;
    display:block;
    font-size:3rem;
    line-height:1;
    padding-bottom:1em;
}
.wc-h1 h1:after{
    position:absolute;
    height:2px;
    background:#fff;
    width:1em;
    content:'';
    bottom:.5em;
    left:50%;
    margin-left:-.5em;
}
.wc-h1 p{
    line-height:1;
    margin:0;
    padding:0;
    display:block;
    font-size:1.8rem;
    font-weight:300;
    color:rgba(255,255,255,.8);
}

.wc-fw{
    background:#fff;
    margin:0 20px;
    padding:20px 0;
}
.wc-fw ul{
    height:90px;
}
    .wc-fw ul:after{}
    .wc-fw li {
        float:left;
        width:25%;
        height:100%;
        text-align:center;
        position:relative;
    }
    .wc-fw li+li:before{
        position:absolute;
        content:'';
        top:0;
        bottom:0;
        left:0;
        width:1px;
        background:rgba(0,0,0,.052);
    }
    .wc-fw li a{
        display:block;padding:10px 10px;
    }
    .wc-fw .wc-icon{
        display:block;text-align:center;
        padding-bottom:10px;
        height:40px;

    }
        .wc-fw .wc-icon:before {
            font-family: "iconfontCity" !important;
            font-size: 32px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .wc-fw .wc-icon.wc-icon-1:before {
            content: "\e604";
        }
        .wc-fw .wc-icon.wc-icon-2:before {
            content: "\e6d8";
        }
        .wc-fw .wc-icon.wc-icon-3:before {
            content: "\e6ac";
        }
        .wc-fw .wc-icon.wc-icon-4:before {
            content: "\e67e";
        }
      

        .wc-fw li strong {
            line-height: 1.3;
            display: block;
            font-size: 1rem;
        }
.wc-bg{
    background:rgba(0,0,0,.042);
}
.wc-h2{
    padding:3em 0 1em 0;
    display:block;
    text-align:center;
}
.wc-h2 h2{
    font-size:2.2rem;
    font-weight:400;
    display:block;line-height:1;
    font-size:30px;
    font-weight:300;
}
.wc-h2 p{
    font-size:1.4rem;
    margin:0;padding:0;
    display:block;
    line-height:1.2;
    padding-top:.5em;
}
.wc-tabs .nav-tabs {
    border: none;
    margin: 0 -2px;
    padding-bottom: 20px;
}

    .wc-tabs .nav-tabs > li {
        width: 20%;
        padding: 0 2px;
    }
        .wc-tabs .nav-tabs > li > a {
            border-radius: 10em;
            border: 1px solid rgba(0,0,0,0.1);
            color: #000;
            font-size: .8rem;
            padding: 4px 5px;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            text-align: center;
        }
        .wc-tabs .nav-tabs > li.active > a, .wc-tabs .nav-tabs > li.active > a:hover, .wc-tabs .nav-tabs > li.active > a:focus {
            border: 1px solid #ffc323;
            background: #ffc323;
            color: #fff;
        }
.wc-tabs .wc-img{
    position:relative;
    width:100%;
    height:200px;
    
}
.wc-tabs .wc-img img{
    object-fit:cover;
    width:100%;height:100%;
}
.wc-tabs .wc-txt{
    padding-top:20px;
}
.wc-tabs .wc-txt strong{
    font-size:1.6rem;
    color:#000;
    display:block;
}
.wc-tabs .wc-txt p{

}
    .wc-tabs .wc-txt .wc-more {
        margin-top: 20px;
        position: relative;
        display: block;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        color: #ffc420;
        padding-left: 20px;
        padding-right: 20px;
    }
    .wc-tabs .wc-txt .wc-more:hover:after{
        right:0;
    }
    .wc-tabs .wc-txt .wc-more:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        content: '';
        border: 1px solid #ffc323;
        border-left: none;
        border-right: none;
        bottom: 0;
    }
    .wc-tabs .wc-txt .wc-more:after {
        position: absolute;
        font-family: "iconfontCity" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e704";
        right: -20px;
        top: 0;
        margin-top: 0;
        transition: all ease .3s;
        color: #ffc323;
    }
        .wc-tabs .wc-txt .wc-more span img {
           
        }
        .wc-tabs {
            padding-bottom: 50px;
        }
.wc-case{}
.wc-case .row{margin:0;}
.wc-case .col-xs-6{padding:0;}
.wc-case a{
    display:block;
    position:relative;
}
.wc-case a>img{
    position:relative;z-index:1;
    width:100%;
}
    .wc-case a > p {
        position: absolute;
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%;
        background: rgba(0,0,0,.83);
        z-index: 2;
        transition: all ease .3s;
        overflow: hidden;
        
        color:#fff;
        text-align:center;
    }
        .wc-case a > p>strong{
            display:block;
            padding-top:25%;
            font-size:1.8rem;
            font-weight:400;
        }
        .wc-case a > p>span{
            color:rgba(255,255,255,.8);
            padding:0 2px;
        }
            .wc-case a > p > span:hover{
                color:#fff;
                background:#333;
                text-align:center;
            }
            .wc-case a:hover > p {
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }
.wc-pl{
    padding-top:40px;
}
.wc-pl-txt{
    border:1px solid rgba(0,0,0,.123);
    border-radius:4px;
    padding:20px;
    position:relative;
}
    .wc-pl-txt:before {
        position: absolute;
        width: 60px;
        height: 60px;
        background: #f7f7f7;
        content: '';
        top: -30px;
        border-radius: 100%;
        border: 2px solid rgba(0,0,0,.123);
    }
    .wc-pl-txt:after {
        font-family: "iconfontCity" !important;
        font-size: 32px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e63c";
        position:absolute;
        top:-15px;
        color:#3e60c2;
        left:35px;
    }
        .wc-pl-txt > div {
            padding-top:20px;
           text-align:justify;
           line-height:1.8;
        }
    .wc-pl-txt > div:before{}
            .wc-pl-txt > div:after {
                position: relative;
                content: '';
                width: 20px;
                height: 20px;
                border: 1px solid rgba(0,0,0,.123);
                display:block;
                border-top:none;border-right:none;
                transform:rotate(-45deg);
                bottom:-30px;
                left:10px;
                background:#fff;
            }
    .wc-pl-txt > div > p {
    }
.wc-pl-user{
    padding-top:20px;
}
.wc-pl-user-img {
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
    float: left;
}
.wc-pl-user-img img{
    width:100%;height:100%;object-fit:cover;
}
.wc-pl-user-txt{
    padding-left:100px;
    padding-top:10px;
}
.wc-pl-user-txt>strong{
    display:block;
    font-size:1.6rem;
    line-height:1;
    color:#000;
}
.wc-pl-user-txt>p{}
.wc-pl-user-txt ul{

}
    .wc-pl-user-txt li {
        float:left;
        color:rgba(0,0,0,0.1);
        font-family: "iconfontCity" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
        .wc-pl-user-txt li:before {
            content: "\e6b0";
        }
        .wc-pl-user-txt li.active {
            color:#ffc323;
        }
.wc-news{padding-top:30px;}
.wc-news-item{
    position:relative;
}
    .wc-news-item:after {
        position: absolute;
        left: 0px;
        bottom: 0;
        top: 20px;
        right: 0px;
        -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);
        box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);
        content: '';
        opacity: 0;
        transition: all ease-in-out .3s;
    }
    .wc-news-item:hover:after{
        opacity:1;
    }
    .wc-news-item + .wc-news-item {
        padding-top: 20px;
    }
    .wc-news-item a {
        display: block;
        height: 80px;
        overflow: hidden;
        position:relative;
        z-index:22;
        background:#fff;
    }
.wc-news-item-time{
    width:80px;height:80px;
    background:#ffc323;color:#fff;
    border-radius:4px;
    float:left;
    text-align:center;
}
.wc-news-item-time span{
    display:block;
    font-size:3rem;
    line-height:1;padding-top:15px;
}
.wc-news-item-time small{
    display:block;font-size:1rem;
}
.wc-news-item-tt{
    padding-left:100px;
}
    .wc-news-item-tt h3 {
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-size:1.6rem;
        font-weight:bold;
        padding-top:10px;
    }
    .wc-news-item-tt p {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
        line-height:1.4;
        margin-top:10px;
        color:#999;
        font-size:1.2rem;
    }
.wc-box{
    padding:40px 0;
}
.wc-box h3{
    display:block;
    position:relative;
    font-size:1.6rem;
    font-weight:bold;
    line-height:1;
    padding-bottom:1em;
}
.wc-box h3:after{
    position:absolute;
    left:0;
    bottom:0;
    width:1em;
    height:2px;
    background:#555;
    content:'';
}
.wc-box h3+div{
    margin-top:20px;
    background:#fff;
    border:1px solid rgba(0,0,0,.056);
    padding:15px;
    line-height:1.6;
    text-align:justify;
}
    .wc-box h3 + div p:last-child{
      
    }
    .wc-box .col-xs-12 + .col-xs-12 {
        padding-top: 30px;
    }

.wc-link{
    padding:20px 15px;
}
.wc-link h2{
    display:block;
    font-size:2rem;
    font-weight:bold;
    
}
.wc-link .container{
    overflow:hidden;
    padding:0;
}
.wc-link ul{
    text-align:justify;
    margin:0 -10px;
    padding-top:10px;
    overflow:hidden;
    
}
.wc-link li{
    display:inline-block;padding:0 10px;
    position:relative;
}
    .wc-link li + li:before {
        position: absolute;
        content: '';
        left: 0;
        width: 1px;
        background: rgba(0,0,0,0.1);
        top: 20%;
        bottom: 20%;
    }

@media(min-width:768px){
    .wc-header{
        padding-top:80px;
    }
    .wc-fw{
        padding:25px 0;
    }
        .wc-fw .wc-icon{
            height:60px;
        }
            .wc-fw .wc-icon:before{
                font-size:40px;
                line-height:40px;
            }
    .wc-h2{
        padding-bottom:20px;
    }
    .wc-tabs .nav-tabs > li > a{
        font-size:14px;
        padding:8px;
    }
    .wc-tabs .wc-img:after{
        position:absolute;
        height:20px;
        background:#ffc323;
        left:20px;right:20px;
        bottom:-20px;
        content:'';
    }
    .wc-tabs .wc-txt{
        padding-top:0;
    }
    .wc-tabs .tab-content{
        padding-top:20px;
    }
    .wc-case a > p{
        padding:0 20px;
    }
    .wc-box .col-xs-12 + .col-xs-12{
        padding-top:0;
    }
}
@media(min-width:992px) {
}
@media(min-width:1200px) {
    .wc-header{
        height:530px;
        position:relative;
        background:none;
        padding-top:0;
    }
        .wc-header:before {
            position: absolute;
            background: url(/Content/webCity/img/1.jpg) no-repeat center top;
            background-size:cover;
            content:'';
            left:0;top:0;right:0;height:420px;
        }
    .wc-header .container{
        position:relative;
        z-index:2;
    }
    .wc-h1{padding-top:100px;position:relative;z-index:2;padding-bottom:60px;height:280px;}
        .wc-h1 h1{font-size:42px;}
            .wc-h1 h1:after{height:3px;bottom:10px;}
        .wc-h1 p{
            font-size:32px;padding-top:20px;
        }
    .wc-fw {
        height: 250px;
        padding:50px 0;
    }
        .wc-fw ul{
            height:100%;
        }
        .wc-fw .wc-icon{
            height:80px;
        }
            .wc-fw .wc-icon:before {
                font-size: 60px;
                line-height: 80px;
            }
        .wc-fw li strong{
            font-size:16px;
        }
    .wc-h2{
        padding-top:80px;
        padding-bottom:30px;
    }
        .wc-h2 h2{
            font-size:36px;
            font-weight:300;
            color:#000;
        }
        .wc-h2 p{
            font-size:18px;
            padding-top:15px;
        }
    .wc-tabs .nav-tabs > li > a{
        font-size:18px;
        line-height:1;
        padding:15px;
        border-width:2px;
    }
    .wc-tabs .nav-tabs > li{
        padding:0 10px;
    }
    .wc-tabs .nav-tabs{
        margin:0 -10px;
    }
    .wc-tabs .wc-img{
        width:380px;
        height:420px;
    }
    .wc-tabs .wc-img:after{
        width:55px;
        right:-55px;
        top:20px;
        bottom:20px;
        left:auto;
        height:auto;
    }
    .wc-tabs .wc-txt{
        padding-left:100px;
        padding-top:80px;
    }
        .wc-tabs .wc-txt strong{
            font-size:26px;
            font-weight:400;
        }
        .wc-tabs .wc-txt p{
            font-size:15px;
            padding-top:30px;
            padding-bottom:30px;
        }
        .wc-tabs .wc-txt .wc-more{
            font-size:16px;
            height:50px;
            line-height:50px;
        }
    .wc-case a > p > strong{
        font-size:24px;padding-bottom:20px;
        line-height:1.4;font-weight:300;
    }
    .wc-tabs{
        padding-bottom:80px;
    }
    .wc-pl-txt > div > p{
        font-size:14px;
    }
    .wc-box{
        padding:60px 0;
    }
    .wc-box h3 {
        font-size: 26px;
        font-weight: 300;
        color: #000;
    }
        .wc-box h3 + div{
            min-height:200px;
            line-height:2;
            font-size:13px;
        }
        .wc-box .col-sm-4:nth-child(2) p{
            width:50%;
            float:left;
            padding-right:10px;
        }
        .wc-box .col-sm-4:nth-child(2) p+p{
            padding-left:10px;
            padding-right:0;
        }
    .wc-link{
        padding:30px 15px;
    }
        .wc-link h2{
            font-size:26px;
            font-weight:300;
            position:relative;
            padding-bottom:20px;
        }
        .wc-link h2:after{
            position:absolute;
            content:'';
            bottom:0;
            width:.5em;
            height:2px;
            background:#393939;
            left:0;
        }
    .wc-news-item a{
        height:120px;
    }
    .wc-news-item-time{
        height:120px;
        width:120px;
    }
        .wc-news-item-time span{
            padding-top:30px;
        }
    .wc-news-item-tt{
        padding-left:160px;
        padding-right:30px;
    }
        .wc-news-item-tt h3{
            padding-top:30px;font-size:16px;
            
        }
}

.wc-banner{
    height:220px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}

.wc-case-logo{
    padding:40px 0;
}
.wc-case-logo .wc-list{
    padding-top:20px;
}
    .wc-case-logo .wc-list ul{}
    .wc-case-logo .wc-list ul:after{
        display:block;clear:both;content:'';
    }
    .wc-case-logo .wc-list li {
        float: left;
      
        width:33.33%;
        position:relative;
       
    }
    .wc-case-logo .wc-list li:first-child{
        background:url(/Content/webCity/img/2.jpg) no-repeat center center;
        background-size:cover;
        width:66.66%;
        height:160px;
    }
    .wc-case-logo .wc-list li:first-child span{
        position:absolute;
        font-size:5.5rem;
        color:#fff;
        font-weight:300;
        top:0;
        padding-left:10px;
        padding-top:50px;
        left:0;
        display:block;line-height:1;
    }
    .wc-case-logo .wc-list li:first-child p{
        position:absolute;
        left:30%;
        top:0;
        padding-right:20px;
        color:#fff;
        padding-top:45px;
    }
    .wc-case-logo .wc-list li:first-child strong{
        display:block;
        font-size:1.5rem;
        line-height:1;
        font-weight:600;
    }
        .wc-case-logo .wc-list li:first-child i{

            font-style:normal;
            font-size:2rem;
            font-weight:400;
           
        }
        .wc-case-logo .wc-list li > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .wc-case-logo .wc-list li + li:before {
            position: absolute;
            border: 1px solid rgba(0,0,0,.034);
            content:'';
            top:0;left:0;right:0;bottom:0;
            border-top:0;
           
        }
    .wc-case-logo .wc-list li:nth-child(n+4){
        width:33.33%;
    }
        .wc-case-logo .wc-list li:nth-child(2), .wc-case-logo .wc-list li:nth-child(3) {
            height: 80px;
        }
        .wc-case-logo .wc-list li:not(:nth-child(3n+1)):before {
            border-left: none;
        }
    .wc-case-logo .wc-list li:hover:before{
        border-color:#ffc323;
        border:1px solid #ffc323;
    }

    .wc-news2{
        padding:40px 0;
    }
        .wc-news2 .row{
            padding-top:20px;
        }
        .wc-news2 .item {
            padding:20px 0;
            position: relative;
        }
            .wc-news2 .item:hover:after{
                opacity:1;
            }
            .wc-news2 .item:after {
                position: absolute;
                left: 0px;
                bottom: 20px;
                top: 20px;
                right: 0px;
                -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.35);
                -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.35);
                box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.35);
                content: '';
                opacity: 0;
                transition:all ease-in-out .3s;
            }
            .wc-news2 .item a {
                display: block;
                position: relative;
                background: #fff;
                z-index:2;
            }
.wc-news2 .item .img{
    height:180px;overflow:hidden;
}
.wc-news2 .item .img img{
    width:100%;height:100%;
    object-fit:cover;
}
.wc-news2 .item .txt{
    padding:20px;
}
    .wc-news2 .item .txt h2 {
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-size: 1.6rem;
        font-weight:bold;
    }
    .wc-news2 .item .txt p{
        line-height:1.4;
        margin:15px 0;
    }
    .wc-news2 .item .txt span {
        display:block;
        border-top:1px solid rgba(0,0,0,0.1);
        padding-top:10px;
        position:relative;
    }
        .wc-news2 .item .txt span:after {
            position: absolute;
            font-family: "iconfontCity" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e704";
            right: 0;
            top: 10px;
            margin-top: 0;
            transition: all ease .3s;
            color: #666;
        }
.wc-tab2{
    padding:30px 0;
}
.wc-tab2 .wc-tabs{padding-top:20px;}
.wc-tab2 .wc-news{padding-top:0;}

    .wc-tab2 .wc-news-item a{
        border:1px solid #eee;
    }
    .wc-tab2 .wc-news-item:hover a{
        border-color:#ffc323;
        background:#ffc323;
    }
    .wc-tab2 .wc-news-item:hover .wc-news-item-time{
        color:#fff;
    }
        .wc-tab2 .wc-news-item:hover .wc-news-item-time:after{
            background:#fff;
        }
        .wc-tab2 .wc-news-item:hover .wc-news-item-tt h3{
            color:#fff;
        }
    .wc-tab2 .wc-news-item:hover .wc-news-item-tt p {
        color: #fff;
    }
        .wc-tab2 .wc-news-item-time {
            position: relative;
            background: none;
            color: #666;
        }
    .wc-tab2 .wc-news-item-time:after {
        position: absolute;
        content: '';
        right: -10px;
        top: 10px;
        bottom: 10px;
        width: 1px;
        background: #eee;
    }

.wc-news-rt {
    padding: 20px 0;
    position:relative;
   
}
    .wc-news-rt a {
        display: block;
        padding: 20px;
        background: #f8f8f8;
        position:relative;
        z-index:2;
    }
    .wc-news-rt a h3{
        font-size:1.6rem;
        font-weight:bold;
        display:block;line-height:1;
    }
    .wc-news-rt a span{
        font-size:1.2rem;
        display:block;padding:10px 0;
    }
    .wc-news-rt a p{
        line-height:1.4;
        padding-bottom:20px;
        text-align:justify;
    }
        .wc-news-rt a .img{
            height:200px;
            position:relative;
           margin-right:-20px;
           margin-left:-20px;
           margin-bottom:-20px;
        }

        .wc-news-rt a img {
            width:100%;
            height:100%;
            object-fit:cover;
        }
    .wc-news-rt:after {
        position: absolute;
        left: 0px;
        bottom: 20px;
        top: 20px;
        right: 0px;
        -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.35);
        -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.35);
        box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.35);
        content: '';
        opacity: 0;
        transition: all ease-in-out .3s;
    }
    .wc-news-rt:hover:after {
        opacity:1;
    }

@media(min-width:768px){
    .wc-banner {
        height: 280px;
    }
    .wc-case-logo .wc-list li:first-child{
        height:240px;
    }
    .wc-case-logo .wc-list li:nth-child(2), .wc-case-logo .wc-list li:nth-child(3){
        height:120px;
    }
    .wc-case-logo .wc-list li:first-child span{
        font-size:85px;
        padding-left:50px;
        padding-top:80px;
    }
    .wc-case-logo .wc-list li:first-child p{
        padding-top:75px;
    }
    .wc-case-logo .wc-list li:first-child strong{
        font-size:18px;
    }
    .wc-case-logo .wc-list li:first-child i{
        font-size:40px;
        margin-left:-4px;
    }
    .wc-news-rt{
        padding-top:0;
    }
        .wc-news-rt a{
            height:480px;
        }
        .wc-news-rt a h3 {
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }
        .wc-news-rt a p {
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            overflow: hidden;
            word-break: break-all;
            padding:0;
            margin-bottom:20px;
        }
        .wc-news-rt a .img{
            height:280px;
            position:absolute;bottom:0;
            right:0;
            margin:0;
            left:0;
        }
    .wc-tab2 .wc-tabs{
        padding-bottom:0px;
    }
    .wc-news2 .item .txt p {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
        
    }
    .wc-news2 .item .txt{
        height:160px;
    }
}
@media(min-width:992px) {
    .wc-banner {
        height: 300px;
    }
    .wc-case-logo .wc-list li:first-child{
        width:40%;
        height:220px;
    }
    .wc-case-logo .wc-list li{
        width:20%;
    }
        .wc-case-logo .wc-list li:nth-child(n+4){
            width:20%;
        }
        .wc-case-logo .wc-list li:nth-child(2), .wc-case-logo .wc-list li:nth-child(3), .wc-case-logo .wc-list li:nth-child(4), .wc-case-logo .wc-list li:nth-child(5), .wc-case-logo .wc-list li:nth-child(6), .wc-case-logo .wc-list li:nth-child(7) {
            height: 110px;
        }
        .wc-case-logo .wc-list li:first-child p{
            padding-left:20px;
        }
        .wc-case-logo .wc-list li + li:before{
            border-top:1px solid rgba(0,0,0,0.034);
        }
        .wc-case-logo .wc-list li:nth-child(n+4)+li:before{
            border-top:none;
        }
        .wc-case-logo .wc-list li:nth-child(n+4) + li:hover:before {
           
            margin-top:-1px;
        }
        .wc-case-logo .wc-list li:not(:nth-child(3n+1)):before{
            border-left:1px solid rgba(0,0,0,0.0341);
        }
    .wc-case-logo .wc-list li+li:before{
        border-left:none!important;
    }
        .wc-case-logo .wc-list li:nth-child(8):before {
            border-left: 1px solid rgba(0,0,0,0.0341)!important;
        }
    .wc-case-logo .wc-list li+li:hover:before{
        border:1px solid #ffc323!important;
    }
}
@media(min-width:1200px) {
    .wc-banner{
        height:390px;
    }
    .wc-case-logo .wc-list li:first-child{
        height:260px;
    }
    .wc-case-logo .wc-list li:nth-child(2), .wc-case-logo .wc-list li:nth-child(3), .wc-case-logo .wc-list li:nth-child(4), .wc-case-logo .wc-list li:nth-child(5), .wc-case-logo .wc-list li:nth-child(6), .wc-case-logo .wc-list li:nth-child(7){
        height:130px;
    }
    .wc-case-logo .wc-list li:first-child span{
        font-size:90px;
        font-weight:400;
    }
    .wc-case-logo .wc-list li:first-child p{
        padding-left:30px;padding-top:80px;
    }
    .wc-case-logo {
        padding: 0;
        padding-bottom: 80px;
    }
    .wc-news2{
        padding:0;
        padding-bottom:60px;
    }
    .wc-tab2 {
        padding: 0;
        padding-bottom: 60px;
    }
    .wc-tab2 .col-sm-6{
        width:65%;
    }
        .wc-tab2 .col-sm-6:last-child{
            width:35%;
        }
    .wc-news-rt a{
        height:680px;
        padding-left:30px;
        padding-right:30px;
        padding-top:50px;
    }
        .wc-news-rt a p{
            font-size:14px;line-height:1.8;
        }
    .wc-pl-txt > div{
        padding-left:50px;
        padding-right:60px;
    }
}