.blue,
.blue a,
a.blue {
    color: #6cc6ea;
}

.blue a:hover,
a.blue:hover {
    color: #828282;
}

.orange,
.orange a,
a.orange {
    color: #fd8e00;
}

.orange a:hover,
a.orange:hover {
    color: #fd8e00;
}

.white,
.white a {
    color: #fff
}

.gray4,
a.gray4 {
    color: #999
}

.red,
.red a,
a.red {
    color: red;
}

.green {
    color: #0E774A
}


/*通用样式*/

.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

.bk,
.bk3,
.bk6,
.bk8,
.bk10,
.bk15,
.bk20,
.bk30,
.bk50,
.bk100 {
    clear: both;
    font-size: 1px;
    height: 0;
    line-height: 1px;
}

.bk3 {
    height: 3px;
}

.bk6 {
    height: 6px
}

.bk8 {
    height: 8px
}

.bk10 {
    height: 10px
}

.bk15 {
    height: 15px
}

.bk20 {
    height: 20px
}

.bk30 {
    height: 30px
}

.bk50 {
    height: 50px
}

.bk100 {
    height: 100px
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

#pages {
    margin: 20px 0;
}

#pages a {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    border: 1px solid #978a79;
    text-align: center;
    padding: 0 10px;
    margin: 0 2px;
}

#pages a.a1 {
    padding: 0 5px;
}

#pages a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #978a79;
}

#pages span,
#pages .hover {
    display: inline-block;
    color: #fff;
    background-color: #dfbe8f;
    height: 22px;
    line-height: 22px;
    border: 1px solid #dfbe8f;
    text-align: center;
    padding: 0 10px
}

.page .noPage {
    display: inline-block;
    width: 56px;
    height: 22px;
    line-height: 22px;
    background: #dfbe8f;
    border: 1px solid #e2e2e2;
    text-align: center;
    color: #755E52;
}

body {
    background-color: #111;
    color: #ffd9a3;
    font-family: 'microsoft yahei', Tahoma, Helvetica, Arial, sans-serif;
}

a:link,
a:visited,
a:hover,
a:active {
    color: #ffd9a3;
}

header {
    border-bottom: #3e2e17 1px solid;
    background-color: #070707;
}

header .logo {
    float: left;
    margin: 10px 30px;
}

header,
header a:link,
header a:visited {
    color: #d89f4e;
}


/* 菜单样式 */

#menu {
    font-size: 16px;
}

#menu .dropdown-menu {
    background-color: #2d2d2d;
    border: none;
    border-top: #b1803b 3px solid;
    border-radius: 0px;
    padding: 0px;
}

#menu ul.nav .dropdown-menu li a {
    color: #bebebe;
    text-decoration: none;
    margin: 0 15px;
}

#menu ul.nav .dropdown-menu li a:hover {
    text-decoration: none;
    color: #d89f4e;
}

#menu .dropdown-inner {
    display: table;
    width: 100%;
}

#menu .dropdown-inner ul {
    display: table-cell;
}

#menu .dropdown-inner ul li {
    border-bottom: #3c3c3c 1px solid;
}

#menu .dropdown-inner ul li:last-child {
    border-bottom: none;
}

#menu .dropdown-inner ul li a {
    display: block;
    clear: both;
    line-height: 35px;
}

#menu li.dropdown:hover>a,
#menu li.dropdown:focus>a,
#menu li:focus>a {
    background-color: transparent;
}

.navbar {
    margin: 0;
}

#menu .nav>li>a:hover,
#menu .nav>li>a:focus,
#menu .nav>li>a:active,
#menu .nav>li.active>a {
    color: #d89f4e;
}

#menu .btn-navbar {
    border: 3px solid #d89f4e;
}

#menu .icon-bar {
    background-color: #d89f4e;
}

.city-and-tel {
    margin: 0;
    padding: 8px 5px 0 22px;
}

.city-and-tel li {
    margin: 5px 10px;
    list-style: none;
    display: inline-block;
    background-image: url('../images/icon1-bg.png');
    background-repeat: no-repeat;
    height: 23px;
    line-height: 30px;
    overflow: hidden;
}

.city-and-tel li.ico-sz {
    background-position: left center;
    padding-left: 18px;
}

.city-and-tel li.ico-hk {
    background-position: -98px center;
    padding-left: 20px;
}

.city-and-tel li.ico-bj {
    background-position: -188px center;
    padding-left: 30px;
}

.city-and-tel li.ico-gz {
    background-position: -295px center;
    padding-left: 25px;
}

.city-and-tel li.ico-sh {
    background-position: -396px center;
    padding-left: 28px;
}

.city-and-tel li.ico-tel {
    background-position: -544px center;
    padding-left: 26px;
    font-size: 16px;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 30px;
    float: right;
}


/* 底部 */

footer {
    border-top: #000 1px solid;
}

footer,
footer a:link,
footer a:visited {
    color: #d89f4e;
}

footer .container {
    max-width: 1200px;
}

.footer_menu {
    padding: 20px 0;
    background-color: #222;
}

.footer_menu dl {
    margin: 0;
    padding: 0;
}

.footer_menu dl dt {
    margin-bottom: 10px;
}

.footer_menu dl dd {
    line-height: 2em;
}

.footer_address {
    padding: 20px 0;
    background-color: #1b1b1b;
}

.footer_copyrights {
    padding: 10px 0;
    background-color: #222;
}

.footer_copyrights p {
    margin: 0;
}


/* 公共 */

.title1 {
    background: url('../images/title1-bg.png') center no-repeat;
    height: 91px;
    line-height: 45px;
}

.title1 span {
    display: block;
    line-height: 45px;
    height: 45px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
}

.title1 span[lang=en] {
    text-transform: uppercase;
}

.curloc {
    margin: 10px 0;
    display: none;
}

a.more1 {
    border: #9d8b71 1px solid;
    text-align: center;
    display: inline-block;
    padding: 5px 30px;
}

.keylink {
    color: #e14040!important;
}


/* 首页 */

.banner {
    clear: both;
}

.banner ul {
    margin: 0;
    padding: 0;
}

.banner ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.our-business {
    background: url('../images/our-business-bg.jpg') center repeat-y;
    min-height: 494px;
    padding: 50px 0;
}

.our-business-box {
    width: 176px;
    margin: 10px auto;
}

.our-business-box .ico-img {
    width: 100%;
    height: 176px;
}

.our-business-box .ico-img span {
    display: block;
    z-index: 2;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-image: url('../images/our-business-bg.png');
    transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
}

.our-business-box .ico-img span:before {
    position: absolute;
    content: '';
    width: 170px;
    height: 170px;
    left: 0;
    top: 0;
    border-radius: 100%;
    border: 1px dashed #FFD9A3;
    z-index: -1;
    transition: all .8s ease-out 0s;
    -webkit-transition: all .8s ease-out 0s;
    -moz-transition: all .8s ease-out 0s;
}

.our-business-box .ico-img span:after {
    position: absolute;
    content: '';
    width: 184px;
    height: 184px;
    left: -7px;
    top: -7px;
    border-radius: 100%;
    border: 1px solid #FFD9A3;
    z-index: -2;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
}

.our-business-box .ico-img:hover span:before {
    opacity: 0;
    transform: scale(1.45);
    -webkit-transform: scale(1.45);
    -moz-transform: scale(1.45);
}

.our-business-box .ico-img:hover span:after {
    opacity: 0;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transition: all .8s ease .3s;
    -webkit-transition: all .8s ease .3s;
    -moz-transition: all .8s ease .3s;
}

.our-business-box span.ico-img-1 {
    background-position: left top;
}

.our-business-box span.ico-img-2 {
    background-position: -254px top;
}

.our-business-box span.ico-img-3 {
    background-position: -512px top;
}

.our-business-box span.ico-img-4 {
    background-position: -767px top;
}

.our-business-box span.ico-img-5 {
    background-position: -1032px top;
}

.our-business-box .ico-img:hover span.ico-img-1 {
    background-position: left bottom;
}

.our-business-box .ico-img:hover span.ico-img-2 {
    background-position: -254px bottom;
}

.our-business-box .ico-img:hover span.ico-img-3 {
    background-position: -512px bottom;
}

.our-business-box .ico-img:hover span.ico-img-4 {
    background-position: -767px bottom;
}

.our-business-box .ico-img:hover span.ico-img-5 {
    background-position: -1032px bottom;
}

.our-business-box h4 {
    border-bottom: #ffd9a3 1px solid;
    text-align: center;
    padding: 5px 0;
    margin-top: 40px;
}

.our-business-box h4 a:hover {
    text-decoration: none;
    color: #d6000e;
}

.home-case {
    background-color: #111;
    padding: 50px 0;
}

.home-case-box {
    width: 100%;
    height: 225px;
    overflow: hidden;
    margin: 5px auto;
}

.home-case-box .img {
    width: 100%;
    overflow: hidden;
    border: #534839 1px solid;
    text-align: center;
}

.home-case-box .img a {
    position: relative;
}

.home-case-box .img a:hover span {
    opacity: 0.5;
    background-color: #d89f4e;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.home-case-box .img img {
    max-width: 100%;
}

.home-case-box .text {
    margin: 5px 0 0;
    height: 34px;
    overflow: hidden;
}

.home-case-box .title {
    float: left;
    font-size: 12px;
}

.home-case-box .title span {
    display: block;
}

.home-case-box .text .more {
    float: right;
    margin: 6px 0 0;
}

.home-choose {
    background-color: #1e1e1e;
    padding: 50px 0;
}

.home-news {
    background-color: #111;
    padding: 50px 0;
}

.news-box {
    background-color: #151515;
    padding: 5px;
    margin: 8px 0;
    height: 128px;
    overflow: hidden;
}

.news-box .media-heading {
    border-bottom: #534839 1px solid;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.news-box .media-heading a {
    height: 16px;
    overflow: hidden;
    display: inline-block;
}

.news-box .desc {
    height: 3em;
    overflow: hidden;
}

.news-box .pull-left {
    width: 160px;
    margin-right: 10px;
}

.news-box .media-object {
    max-width: 160px;
    border: #534839 1px solid;
}

#home-about .container-fluid {
    padding: 0;
    position: relative;
}

#home-about .title {
    margin: 35px 0;
    clear: both;
}

#home-about .ha-img {
    background: #161616 url(../images/biz-bg.jpg) no-repeat center center;
    background-size: cover;
    position: absolute;
    min-height: 364px;
}

#home-about .ha-img>div {
    margin: 0 auto;
    height: 364px;
    vertical-align: middle;
    display: table-cell;
}

#home-about .ha-img>div>p {
    color: #fff;
}

#home-about .ha-text {
    background: #1B1B1B;
    padding: 15px 70px;
    float: right;
    min-height: 364px;
}

#home-about .ha-text-title {
    margin-bottom: 25px;
}

#home-about .ha-text-title h2 {
    font-size: 22px;
}

#home-about .ha-text-title p {
    font-size: 14px;
}

#home-about .ha-text-content {
    font-size: 12px;
    margin-bottom: 25px;
    line-height: 2.0;
}

#home-about .more-btn {
    clear: both;
    text-align: center;
}

#home-about .more-btn a {
    display: inline-block;
    padding: 18px 110px;
    font-size: 15px;
    border: 1px #ad9472 solid;
}

.home-customer {
    background-color: #1e1e1e;
    padding: 50px 0;
}


/* 文章内容页 */

.article {}

.article_bg {
    background-color: #151515;
    padding: 10px;
}

.article_bg>div {
    margin: 0 auto;
    max-width: 1200px;
}

.article_bg>div>h1 {
    border-bottom: #534839 1px solid;
    text-align: center;
    line-height: 1.5em;
    font-size: 20px;
    padding-bottom: 15px;
}

.article_bg>div>.content {
    margin-top: 20px;
}

.article_bg>div>.content img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
}

.article .curloc {
    margin: 10px 0;
}

.article .curloc .back {
    float: right;
    border: #9d8b71 1px solid;
    text-align: center;
    display: inline-block;
    padding: 1px 10px;
    font-size: 12px;
}


/* 分类导航 */

a.btn-link,
a.btn-link:focus {
    border: #9d8b71 1px solid;
    text-align: center;
    display: inline-block;
    margin: 10px 0;
    padding: 10px 0px;
    text-decoration: none;
    width: 100%;
}

a.btn-link-active,
a.btn-link:hover {
    border: #ad9472 1px solid;
    color: #fff;
    text-decoration: none;
    background-color: #ad9472
}

.customer-box {
    width: 100%;
    height: 88px;
    border: #313131 1px solid;
    margin: 10px 0;
    overflow: hidden;
    text-align: center;
    line-height: 88px;
}

.customer-box img {
    max-width: 100%;
    max-height: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.customer-box:hover {
    border: #a27534 1px solid;
}

.customer-box:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: normal;
}

.contact-box {
    background-color: #151515;
    padding: 5px 10px;
    height: 190px;
    overflow: hidden;
    margin: 15px 0;
}

.home-customer .swiper-slide {
    text-align: center;
}

.home-customer .swiper-slide span {
    display: inline-block;
    width: 160px;
    height: 50px;
    line-height: 46px;
    overflow: hidden;
    border: #313131 1px solid;
    margin: 5px;
}

.home-customer .swiper-slide span img {
    max-width: 100%;
    max-height: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.home-customer .swiper-slide span:hover {
    border: #a27534 1px solid;
}

.home-customer .swiper-slide span:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: normal;
}


/* 选择我们的理由 */

.newsYoseist li .texgs .txt {
    display: inline-block;
    margin: 8px 0 0 8px;
}

.newsYoseist li .texgs .txt font,
.newsYoseist li .texgs .txt span {
    display: inline-block;
    color: #fff;
}

.newsYoseist li .texgs .txt font {
    height: 0px;
    font-size: 20px;
    text-transform: capitalize;
    font-family: 'arial';
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

.newsYoseist li .texgs .txt span {
    font-size: 18px;
    width: 18px;
}

.newsYoseist li i {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    transition: all .6s ease 0s;
}

.newsYoseist li .subnei {
    width: 80%;
    height: 60%;
    background-color: #D3242D;
    background-color: rgba(214, 0, 14, 0.8);
    position: absolute;
    left: 50%;
    margin-left: -40%;
    top: 20%;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-top: 60px;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transition: all .8s ease .4s;
    -webkit-transition: all .8s ease .4s;
    -moz-transition: all .8s ease .4s;
    opacity: 0;
}

.newsYoseist li .subnei strong {
    display: inline-block;
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    border-bottom: 1px solid #E24F58;
    padding-bottom: 10px;
}

.newsYoseist li .subnei small {
    display: inline-block;
    font-size: 12px;
    font-family: arial;
    text-transform: capitalize;
    letter-spacing: 5px;
    color: #E89598;
    border-bottom: 3px solid #E24F58;
    margin-top: 10px;
    padding-bottom: 10px;
    width: 123px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 5px;
}

.newsYoseist li.ne2 .texgs .txt font {
    height: auto;
    margin-left: -32px;
}

.newsYoseist li.ne5 .texgs .txt font {
    height: auto;
    margin-left: -26px;
}

.newsYoseist li.ne2 .subnei small,
.newsYoseist li.ne5 .subnei small {
    letter-spacing: 9px;
}

.newsYoseist li:hover img {
    opacity: 1;
}

.newsYoseist li:hover .texgs {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    opacity: 0;
}

.newsYoseist li:hover .subnei {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    opacity: 1;
}

.newsYoseist {
    width: 100%;
    margin: 50px 0;
    padding: 0;
}

.newsYoseist li {
    display: inline-block;
    vertical-align: top;
    width: 18.9%;
    height: 460px;
    margin: 0 1% 0 0;
    position: relative;
    list-style: none;
    padding: 0;
    background-color: #000;
}

.newsYoseist li:last-child {
    margin-right: 0%;
}

.newsYoseist li .imgs {
    width: 100%;
    height: 100%;
}

.newsYoseist li .imgs img {
    width: 100%;
    height: 460px;
    opacity: 0.6;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
}

.newsYoseist li .texgs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 11px solid #EFEFEF;
    bottom: 10%;
    transition: all .5s ease 0s;
}

.subcate a,
.subcate a:focus,
.subcate a:active,
.subcate a:link,
.subcate a:visited {
    width: 75%;
}

@media (min-width:1200px) {
    .container {
        width: auto !important;
        max-width: 1420px
    }
}

@media (min-width:769px) {
    #menu .nav {
        width: 100%;
    }
    /*#menu .nav > li{width:20%; text-align:center;}*/
    #menu .nav>li>a {
        margin: 0 10px;
    }
    #menu .nav>li>a:after {
        width: 0%;
        height: 4px;
        background-color: #AC8348;
        position: absolute;
        content: '';
        left: 0%;
        bottom: 0;
        transition: all .4s ease 0s;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
    }
    #menu .nav>li>a:hover:after,
    #menu .nav>li>a.active:after {
        width: 100%;
    }
    .home-case-box .img a {
        height: 180px;
        display: table-cell;
        vertical-align: middle;
    }
}

@media (max-width: 768px) {
    #logo-box,
    .city-and-tel {
        display: none;
    }
    ;
    .our-business ul li {
        width: 100%;
    }
    .home-case-box {
        height: auto !important;
        overflow: auto !important;
    }
    .newsYoseist li {
        width: 100%;
        margin-right: 0;
    }
    .uplist a {
        width: 100%;
        margin-bottom: 5px;
    }
    .newsYoseist li {
        margin-bottom: 15px;
    }
    .newsYoseist li .subnei strong {
        width: 156px;
        display: block;
        margin: 0 auto;
    }
    .newsYoseist li .subnei small {
        width: 156px;
    }
    .newsYoseist li .texgs {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        opacity: 0;
    }
    .newsYoseist li .subnei {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        opacity: 1;
    }
}

.float_qq {
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -101px;
    width: 50px;
    height: 203px;
    z-index: 6666
}

.float_qq ul {
    list-style: none;
}

.float_qq li {
    width: auto;
    height: 50px;
    z-index: 20
}

.float_qq li.float_qq1,
.float_qq li.float_qq4 {
    position: absolute;
    left: 0;
    width: 62px
}

.float_qq li.float_qq1 {
    top: 0
}

.float_qq li.float_qq2 {
    position: absolute;
    top: 51px;
    left: 0;
    width: 126px
}

.float_qq li.float_qq2_5 {
    position: absolute;
    top: 102px;
    left: 0;
    width: 126px
}

.float_qq li.float_qq3 {
    position: absolute;
    top: 153px;
    left: 0;
    width: 172px
}

.float_qq li.float_qq4 {
    top: 204px
}

.float_qq4 {
    position: absolute;
    top: 204px;
    left: 0
}

.float_qq li a {
    display: block;
    font-family: "Microsoft Yahei";
    color: #FFF;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background-color: #c70c1f;
    opacity: .8;
    border-radius: 6px
}

.float_qq li a img {
    display: block;
    float: left;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 12px 12px 14px 14px
}

.float_qq li a:hover {
    background-color: #f2b741;
    opacity: 1
}

.float_shwx {
    position: absolute;
    top: -226px;
    left: -216px;
    background: url(../images/float_wxbd.png) no-repeat bottom right;
    width: 216px;
    height: 216px;
    padding-bottom: 9px;
    display: none
}

.float_shwx p {
    margin: 0px;
}

.float_shwx img {
    display: block;
    padding: 14px;
    background-color: #FFF;
    width: auto;
    height: calc(100% - 9px);
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
}

#qLpercentage {
    width: 105px;
    height: 104px;
    line-height: 104px;
    text-align: center
}