/*

YUI 3.5.0 (build 5089)

Copyright 2012 Yahoo! Inc. All rights reserved.

Licensed under the BSD License.

http://yuilibrary.com/license/

*/

html {
    color: #000;
    background: #FFF
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

q:before,
q:after {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input,
textarea,
select {
    *font-size: 100%
}

legend {
    color: #000
}

#yui3-css-stamp.cssreset {
    display: none
}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

*:before,

*:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



body {

    min-width: 1200px;

    padding-top: 100px;

    overflow-x: hidden;

    font-family: "Microsoft Yahei";

    font-size: 14px;

    background-color: #fff;

}

a {

    color: #333;

    text-decoration: none;

}

a:hover {

    color: #000;

    text-decoration: none;

}



input:focus,

button:focus,

select:focus {

    outline: 0;

}



.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}



.clearfix:before,

.clearfix:after {

    display: table;

    content: " ";

}

.clearfix:after {

    clear: both;

}



.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt100 {
    margin-top: 100px;
}

.mt150 {
    margin-top: 150px;
}



.pt20 {
    padding-top: 20px;
}

.pt50 {
    padding-top: 50px;
}

.pt100 {
    padding-top: 100px;
}

.pt150 {
    padding-top: 150px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb100 {
    padding-bottom: 100px;
}

.pb150 {
    padding-bottom: 150px;
}



.pr100 {
    padding-right: 100px;
}

.pr150 {
    padding-right: 150px;
}

.pr200 {
    padding-right: 200px;
}



.pr {
    position: relative;
}

.pa {
    position: absolute;
}



.bg-gray {
    background-color: #252525;
}

.bg-light {
    background-color: #f1f1f1;
}

.bg-light2 {
    background-color: #f6f6f6;
}

.bg-black {
    background-color: #09090a;
}

.bg-dark {
    background-color: #1e1e1e;
}

.bg-black {
    background-color: #000;
}



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

.text-right {
    text-align: right;
}



.block {
    display: block;
}

.hide {
    display: none;
}





/***************** iconfont S *****************/

@font-face {
    font-family: "iconfont";

    src: url('../fonts/iconfont.eot');
    /* IE9*/

    src: url('../fonts/iconfont.eot') format('embedded-opentype'),
        /* IE6-IE8 */

        url('../fonts/9e7fa2aa51f349888135aacacb8a6356.woff') format('woff'),

        url('../fonts/iconfont.ttf') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/

        url('../fonts/iconfont.svg') format('svg');
    /* iOS 4.1- */

}



.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.icon-person:before {
    content: "\e601";
}



.icon-home:before {
    content: "\e63b";
}



.icon-phone:before {
    content: "\e693";
}



.icon-sheji:before {
    content: "\e612";
}



.icon-calendar:before {
    content: "\e605";
}



.icon-bulb:before {
    content: "\e603";
}



.icon-clock:before {
    content: "\e602";
}



.icon-back:before {
    content: "\e63d";
}



.icon-team:before {
    content: "\e63e";
}



.icon-express-model:before {
    content: "\e642";
}



.icon-weixin:before {
    content: "\e7e5";
}



.icon-shengchan:before {
    content: "\e61b";
}



.icon-message:before {
    content: "\e744";
}



.icon-menu:before {
    content: "\e61e";
}



.icon-download:before {
    content: "\e686";
}



.icon-liebiao:before {
    content: "\e65d";
}



.icon-signup:before {
    content: "\e600";
}



.icon-dianhua:before {
    content: "\e629";
}



.icon-zhifeiji:before {
    content: "\e61c";
}



.icon-yigouxuan:before {
    content: "\e691";
}



.icon-tel:before {
    content: "\e64a";
}



.icon-project:before {
    content: "\e683";
}



.icon-map:before {
    content: "\e715";
}



.icon-news:before {
    content: "\e662";
}



.icon-baobiao:before {
    content: "\e654";
}



.icon-kuaidiche:before {
    content: "\e69a";
}



.icon-QQ:before {
    content: "\e60f";
}



.icon-tags:before {
    content: "\e619";
}



.icon-refresh:before {
    content: "\e64b";
}



.icon-starplus:before {
    content: "\e61f";
}



.icon-email:before {
    content: "\e625";
}



.icon-hezuo:before {
    content: "\e61a";
}



.icon-duliang:before {
    content: "\e614";
}



.icon-kefu:before {
    content: "\e637";
}



.icon-sccx:before {
    content: "\e616";
}



.icon-zuoyegongyi:before {
    content: "\e63f";
}



.icon-arrow_right:before {
    content: "\e65e";
}



.icon-arrow_left:before {
    content: "\e65f";
}

/***************** iconfont E *****************/





.animatepic {

    display: block;

    -moz-transition: all .8s ease 0s;

    -ms-transition: all .8s ease 0s;

    -o-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

}

.thumb:hover .animatepic,

li:hover .animatepic,

a:hover .animatepic {

    transform: scale(1.1);

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

}





.wrap {

    width: 1200px;

    margin-left: auto;

    margin-right: auto;

}

@media (min-width: 1440px) {

    .wrap {

        width: 1350px;

    }

}

@media (min-width: 1920px) {

    .wrap {

        /*width: 1680px;*/

    }

}



/***************** header S *****************/

.header {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    z-index: 99;

    width: 100%;

    height: 100px;

    color: #fff;

    background-color: #252525;

}

.header .logo {

    width: 20%;

    padding-top: 15px;

}

.header .nav {

    width: 80%;

    font-size: 16px;

}

.header .nav ul {

    float: right;

    padding-right: 22px;

}

@media (min-width: 1440px) {

    .header .nav ul {

        padding-right: 50px;

    }

}

.header .nav li {

    float: left;

    margin: 0 10px;

}

.header .nav li a {

    display: block;

    height: 100px;

    line-height: 100px;

    padding: 0px 10px;

    color: #b0b0b0;

    border-bottom: 3px solid transparent;

}

.header .nav li.active a,

.header .nav li a:hover {

    color: #fff;

}

.header .nav li.active a {

    border-bottom-color: #b79e79;

}

.header .nav p {

    float: right;

    margin-top: 35px;

    line-height: 26px;

    color: #FFFF33;

}

.header .nav p span {

    display: inline-block;

    float: left;

    width: 26px;

    height: 26px;

    margin-right: 8px;

    background: url(../images/icon-tel.png) no-repeat;

}

@media (min-width: 1440px) {

    .header .nav p {

        font-size: 18px;

    }

}

/***************** header E *****************/





/***************** footer S *****************/



.footnav {

    padding-top: 45px;

    padding-bottom: 30px;

    color: #666;

    background-color: #272727;

}

.footnav a {

    color: #666;

}

.footnav a:hover {

    color: #ccc;

}

.footnav dl {

    display: block;

    width: 280px;

    margin-right: 70px;

}

.footnav dt {

    position: relative;

    padding: 10px 0;

    margin-bottom: 10px;

    color: #b79e79;

    font-size: 16px;

    border-bottom: 2px solid #333333;

}

.footnav dt span {

    position: absolute;

    left: 0;

    bottom: -1px;

    display: inline-block;

    width: 4em;

    height: 2px;

    background-color: #988567;

}

.footnav dd {

    line-height: 34px;

}

.footnav .weixin {

    width: 176px;

    padding-top: 50px;

    text-align: center;

}

.footnav .weixin p {

    padding-top: 6px;

}

.footnav .notice {

    margin-right: 0;

}

.footnav .notice dd {

    line-height: 24px;

}

.footnav .notice dd p {

    padding: 5px 0;

}

@media (min-width: 1440px) {

    .footnav dl {

        width: 300px;

    }

}

.footer {

    height: 70px;

    line-height: 70px;

    color: #666;

    background-color: #1e1e1e;

}

.footer a {

    color: #666;

}

.footer a:hover {

    color: #ccc;

}

.footer .fl {

    width: 45%;

}

.footer .fr {

    width: 55%;

    text-align: right;

}

.footer .fr a {

    margin-left: 1em;

}



.kefu {

    position: fixed;

    top: 50%;

    right: 0;

    width: 65px;

    margin-top: -140px;

    background-color: #4c4c4c;

}

.kefu li {

    border-top: 1px solid #252525;

}

.kefu li:first-child {

    border-top: none;

}

.kefu li a {

    position: relative;

    display: block;

    color: #fff;

}

.kefu li a>span {

    display: block;

    height: 68px;

    padding-top: 40px;

    padding-bottom: 8px;

    text-align: center;

    background: url(../images/kefu-icons.png) center top no-repeat;

}

.kefu li a>div {

    top: 0;

    right: 65px;

    display: none;

    width: 175px;

    padding: 5px;

    text-align: center;

    font-size: 14px;

    color: #666;

    background-color: #fff;

}

.kefu li a:hover {

    background-color: #b79e79;

}

.kefu li a:hover>div {

    display: block;

}

.kefu #kefu-tel a:hover,

.kefu #kefu-wx a:hover {

    background: #b79e79 url(../images/kefu-arr.png) left center no-repeat;

}

.kefu #kefu-tel a>div img {

    margin-top: 30px;

    margin-bottom: 15px;

}

.kefu #kefu-tel a>div span {

    display: block;

    padding-top: 5px;

    margin-bottom: 20px;

    font-family: Arial;

    font-size: 20px;

    color: #b79e79;

}

.kefu #kefu-tel a>span {

    background-position: center 16px;

}

.kefu #kefu-wx a>span {

    background-position: center -60px;

}

.kefu #kefu-msg a>span {

    background-position: center -129px;

}

.kefu #kefu-top a>span {

    background-position: center -205px;

}

/***************** footer E *****************/



/***************** banner S *****************/

.banner {

    width: 100%;

    height: 0;

    padding-bottom: 41.67%;

    overflow: hidden;

}

.banner .slick-slide div {

    width: 100%;

    max-width: 1920px;

    margin-left: auto;

    margin-right: auto;

    font-size: 0;

    letter-spacing: -4px;

    text-align: center;

}

.banner .slick-dots {

    position: absolute;

    bottom: 40px;

    width: 100%;

    text-align: center;

}

.banner .slick-dots li {

    display: inline-block;

    width: 40px;

    height: 5px;

    margin: 0 5px;

    cursor: pointer;

}

.banner .slick-dots li button {

    float: left;

    display: inline-block;

    width: 100%;

    height: 100%;

    border-radius: 0;

    font-size: 0;

    border: none;

    background-color: #c8c8c5;

    cursor: pointer;

}

.banner .slick-dots li.slick-active button {

    background-color: #fff;

}

/***************** banner E *****************/





.coltit {

    text-align: center;

}

.coltit span {

    font-family: Arial;

    font-size: 32px;

    text-transform: uppercase;

}

.coltit h3 {

    font-size: 27px;

}

.coltit p {

    padding-top: 10px;

    font-size: 16px;

    color: #999;

}



#gcsp {

    height: 400px;

    padding-top: 90px;

    margin-bottom: 300px;

}

@media (min-width: 1440px) {

    #gcsp {

        height: 450px;

        margin-bottom: 320px;

    }

}

/*@media (min-width: 1920px) {

  #gcsp {

    height: 500px;

    margin-bottom: 400px;

  }

}*/

#gcsp .coltit {

    color: #fff;

}

#gcsp .wrap {

    height: 485px;

}



.catlist {

    width: 100%;

    padding-bottom: 39px;

    background: url(../images/cat-shadow.png) center bottom no-repeat;

}

.catlist .cat {

    float: left;

    width: 20%;

}

.catlist .cat a {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

}

.catlist .cat a img {

    display: block;

}

.catlist .cat a .mask {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .45);

}

.catlist .cat .catname {

    position: absolute;

    top: 30px;

    left: 35px;

    font-size: 20px;

    color: #fff;

}

.catlist .cat .catname span {

    display: block;

}

.catlist .cat .more {

    position: absolute;

    left: 35px;

    bottom: 10px;

    display: block;

    width: 10px;

    height: 64px;

    background: url(../images/cat-more.png) no-repeat;

}

.catlist .cat .focus {

    position: absolute;

    left: 50%;

    top: 50%;

    display: none;

    width: 91px;

    height: 91px;

    margin-left: -45px;

    margin-top: -45px;

    background: url(../images/icon-plus.png) no-repeat;

}

.catlist .cat a:hover .mask {

    background: none;

}

.catlist .cat a:hover .catname {

    display: none;

}

.catlist .cat a:hover .more {

    display: none;

}

.catlist .cat a:hover .focus {

    display: block;

}



#jiangren {

    width: 100%;

    height: 0;

    padding-bottom: 33.86%;

    overflow: hidden;

    background-color: #18191d;

}

#jiangren img {

    display: block;

}

#jiangren>div.pa {

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

}

#jiangren .wrap {

    height: 100%;

}

#jiangren .text {

    position: absolute;

    right: 0;

    top: 50%;

    width: 520px;

    height: 225px;

    margin-top: -110px;

    text-indent: -999px;

    white-space: nowrap;

    overflow: hidden;

    background: url(../images/text-jiangren.png) no-repeat;

}





#cpfl {

    padding-top: 80px;

    padding-bottom: 80px;

}

#cpfl .panel-container>div {

    min-height: 612px;

}

#cpfl .panel-container a {

    position: relative;

    display: block;

    overflow: hidden;

}

#cpfl .panel-container img {

    width: 100%;

    height: 100%;

}

#cpfl .col-l {

    /*width: 67.5%;*/

    width: 810px;

}

#cpfl .col-r {

    /*width: 32.5%;*/

    width: 390px;

}

#cpfl .col-r img {

    height: 532px;

}

#cpfl .col-l a {

    float: left;

    display: block;

    /*width: 48.76%;*/

    width: 395px;

    height: 260px;

    margin-right: 10px;

    margin-bottom: 11px;

}

#cpfl .col-l a img {

    display: block;

    height: 260px;



}

#cpfl .col-l .lite {

    /*width: 23.76%;*/

    width: 192px;

}

#cpfl .col-l .more {

    /*width: 23.76%;*/

    width: 193px;

    height: 260px;

    line-height: 260px;

    font-family: Arial;

    font-size: 18px;

    color: #ccc;

    text-align: center;

    background-color: #171719;

}

@media (min-width: 1440px) {

    #cpfl .col-l {

        width: 910px;

    }

    #cpfl .col-l a {

        width: 445px;

        height: 295px;

    }

    #cpfl .col-l a img {

        height: 295px;

    }

    #cpfl .col-l .lite {

        width: 220px;

    }

    #cpfl .col-l .more {

        width: 214px;

        height: 295px;

    }

    #cpfl .col-r {

        width: 440px;

    }

    #cpfl .col-r img {

        height: 600px;

    }

}



.tab-container {

    margin-top: 45px;

}



.etabs {

    margin-top: 15px;

    padding-bottom: 24px;

    background: url(../images/etabs-shadow.png) center bottom no-repeat;

}

.etabs li {

    float: left;

    display: block;

    width: 20%;

    padding-left: 1px;

    background: url(../images/etabs-line.png) left center no-repeat;

    background-color: #fff;

}

.etabs li:first-child {

    padding-left: 0;

    background-image: none;

}

.etabs li a {

    position: relative;

    display: block;

    width: 100%;

    padding: 60px 0;

    text-align: center;

    color: #666;

    font-size: 18px;

    line-height: 3.5em;

}

.etabs li a em {

    position: absolute;

    left: 50%;

    top: -11px;

    display: none;

    width: 20px;

    height: 11px;

    margin-left: -10px;

    background: url(../images/etabs-arr.png) no-repeat;

}

.etabs li a span {

    display: block;

    width: 48px;

    height: 48px;

    margin: 0 auto 0px auto;

    background-image: url(../images/icon-product.png);

    background-repeat: no-repeat;

}

.etabs li a span.icon-pro0 {

    background-position: 0 0;

}

.etabs li a span.icon-pro1 {

    background-position: 0 -48px;

}

.etabs li a span.icon-pro2 {

    background-position: 0 -96px;

}

.etabs li a span.icon-pro3 {

    background-position: 0 -144px;

}

.etabs li a span.icon-pro4 {

    background-position: 0 -192px;

}

.etabs li a:hover span.icon-pro0 {

    background-position: -96px 0;

}

.etabs li.active a span.icon-pro0 {

    background-position: -48px 0;

}

.etabs li a:hover span.icon-pro1 {

    background-position: -96px -48px;

}

.etabs li.active a span.icon-pro1 {

    background-position: -48px -48px;

}

.etabs li a:hover span.icon-pro2 {

    background-position: -96px -96px;

}

.etabs li.active a span.icon-pro2 {

    background-position: -48px -96px;

}

.etabs li a:hover span.icon-pro3 {

    background-position: -96px -144px;

}

.etabs li.active a span.icon-pro3 {

    background-position: -48px -144px;

}

.etabs li a:hover span.icon-pro4 {

    background-position: -96px -192px;

}

.etabs li.active a span.icon-pro4 {

    background-position: -48px -192px;

}

.etabs li a i {

    display: block;

    width: 2em;

    height: 1px;

    margin-left: auto;

    margin-right: auto;

    background-color: #666;

}

.etabs li a:hover {

    color: #b79e79;

}

.etabs li.active a {

    color: #fff;

    background-color: #b79e79;

}

.etabs li.active a em {

    display: block;

}

.etabs li a:hover i {

    background-color: #b79e79;

}

.etabs li.active a i {

    background-color: #fff;

}





#csr .photo {

    width: 100%;

    height: 0;

    padding-bottom: 33.86%;

    overflow: hidden;

    background-color: #0f1014;

}

#csr .photo img {

    display: block;

}

#csr .photo .pa {

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

}

#csr .photo .wrap {

    height: 100%;

}

#csr .photo .text {

    position: absolute;

    white-space: nowrap;

    text-indent: -999px;

    overflow: hidden;

    background-repeat: no-repeat;

}

#csr .photo .text a {

    display: block;

    width: 100%;

    height: 100%;

}

#csr .photo #text1 {

    top: 50px;

    left: 0;

    width: 502px;

    height: 152px;

    background-image: url(../images/text-csr-1.png);

}

#csr .photo #text2 {

    left: 0;

    bottom: 50px;

    width: 235px;

    height: 150px;

    background-image: url(../images/text-csr-2.png);

}

#csr .photo #text3 {

    top: 50px;

    right: 0;

    width: 153px;

    height: 75px;

    background-image: url(../images/text-csr-3.png);

}



#csr .promise {

    padding-top: 50px;

    padding-bottom: 20px;

}

#csr .promise li {

    float: left;

    width: 25%;

    margin-right: 150px;

    margin-bottom: 30px;

    font-size: 18px;

    color: #fff;

}

#csr .promise li.last {

    margin-right: 0;

}

#csr .promise li span {

    float: left;

    display: inline-block;

    width: 40px;

    height: 50px;

    margin-right: 15px;

    background: url(../images/icon-font.png) no-repeat;

}

#csr .promise li span.icon-wz1 {

    background-position: 0 0;

}

#csr .promise li span.icon-wz2 {

    background-position: -40px 0;

}

#csr .promise li span.icon-wz3 {

    background-position: -80px 0;

}

#csr .promise li span.icon-wz4 {

    background-position: -120px 0;

}

#csr .promise li span.icon-wz5 {

    background-position: -160px 0;

}

#csr .promise li span.icon-wz6 {

    background-position: -200px 0;

}

#csr .promise li p {

    font-size: 15px;

    color: #ccc;

}





#case {

    padding-top: 80px;

    padding-bottom: 100px;

    overflow-x: hidden;

}

@media (min-width: 1440px) {

    #case .slider {

        height: 740px;

        overflow: hidden;

    }

}

#case .slick-arrow {

    position: absolute;

    top: 50%;

    display: block;

    width: 75px;

    height: 75px;

    margin-top: -37px;

    font-size: 0;

    border: none;

    background: url(../images/icon-arr.png) no-repeat;

    cursor: pointer;

}

#case .slick-prev {

    left: -80px;

    background-position: 0 0;

}

#case .slick-next {

    right: -80px;

    background-position: -75px 0;

}

#case .slick-prev:hover,

#case .slick-prev:focus {

    background-position: 0 -75px;

}

#case .slick-next:hover,

#case .slick-next:focus {

    background-position: -75px -75px;

}



#case .slick-slide {

    position: relative;

    padding: 25px 15px;

}

#case .slick-slide a {

    display: block;

    margin-top: 0;

    -moz-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

}

#case .slick-slide .pic img {

    display: block;

}

#case .slick-slide .text {

    padding-top: 25px;

    padding-bottom: 25px;

    text-align: center;

    background-color: #fff;

}

#case .slick-slide .text span {

    display: block;

    width: 2em;

    height: 2px;

    margin: 0 auto;

    background-color: #b79e79;

}

#case .slick-slide .text h4 {

    padding-top: 20px;

    padding-bottom: 10px;

    font-size: 20px;

}

#case .slick-slide .text p {

    color: #888;

}

#case .slick-slide a:hover {

    margin-top: -25px;

    -moz-box-shadow: 0 0 20px #ccc;

    -webkit-box-shadow: 0 0 20px #ccc;

    box-shadow: 0 0 20px #ccc;

}





#about {

    width: 100%;

    height: 0;

    padding-bottom: 56.25%;

    overflow: hidden;

    background-color: #404042;

}

#about>img {

    display: block;

}

#about>.pa {

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    padding-top: 80px;

}

#about .coltit {

    color: #fff;

}

#about .wrap {

    padding-top: 170px;

    padding-bottom: 30px;

    background-color: #fff;

    background: rgba(255, 255, 255, .75);

}

#about .wrap .icon-logo {

    top: 50px;

    left: -100px;

    padding: 10px 45px 10px 135px;

    background-color: #b79e79;

}

#about .wrap .icon-logo img {

    display: block;

}

#about .wrap .bd {

    width: 750px;

    padding-left: 100px;

    font-size: 15px;

    color: #17171a;

    line-height: 1.5em;

}

#about .wrap .bd p {

    margin-bottom: 1.5em;

}

/*@media (min-width: 1920px) {

  #about > .pa {

    padding-top: 100px;

  }

  #about .wrap {

    padding-top: 220px;

  }

  #about .wrap .icon-logo {

    top: 70px;

  }

}*/





#news {

    padding-top: 80px;

    padding-bottom: 80px;

}

#news .headline {

    width: 48%;

    color: #666;

}

#news .headline a {

    display: block;

}

#news .headline a img {

    display: block;

    margin-bottom: 40px;

}

#news .headline h4 {

    font-size: 18px;

}

#news .headline h4 a {

    color: #000;

}

#news .headline span {

    display: block;

    padding-top: 10px;

    padding-bottom: 15px;

}

#news .headline p {

    line-height: 1.5em;

}

#news .newslist {

    width: 42%;

}

#news .newslist li {

    padding-top: 30px;

}

#news .newslist li .date {

    float: left;

    width: 90px;

    text-align: right;

    font-size: 26px;

    color: #333;

}

#news .newslist li .date span {

    display: block;

    font-size: 16px;

}

#news .newslist li .text {

    margin-left: 120px;

    padding-bottom: 25px;

    line-height: 1.5em;

    border-bottom: 1px solid #ededed;

}

#news .newslist li .text a {

    font-size: 18px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

#news .newslist li .text p {

    padding-top: 10px;

    color: #999;

}



#news .newslist .more {

    display: block;

    width: 220px;

    height: 40px;

    margin: 40px auto;

    line-height: 40px;

    text-align: center;

    font-family: Arial;

    color: #222;

    background-color: #e9e9e9;

}

#news .newslist .more:hover {

    color: #fff;

    background-color: #b79e79;

}







.page-banner {

    width: 100%;

    height: 0;

    padding-bottom: 33.86%;

    max-width: 1920px;

    margin-left: auto;

    margin-right: auto;

    overflow: hidden;

}

.page-banner>img {

    display: block;

}

.page-banner .pa {

    top: 50%;

    left: 0;

    right: 0;

    width: 100%;

    margin-top: -100px;

}

.page-banner .pa>h3 {

    font-size: 40px;

    color: #b79e79;

}

.page-banner .pa>p {

    font-size: 46px;

    text-transform: uppercase;

    color: #fff;

}

.page-banner .pa>span {

    display: block;

    width: 54px;

    height: 54px;

    margin: 20px auto;

    background: url(../images/banner-arr.png) no-repeat;

}





.subnav {

    width: 12.5%;

}

.subnav li {

    line-height: 22px;

    margin-bottom: 50px;

}

.subnav li a {

    padding-left: 28px;

    font-size: 16px;

    color: #949494;

    background: url(../images/li-dot.png) left center no-repeat;

}

.subnav li.active a,

.subnav li a:hover {

    color: #b79e79;

    background-image: url(../images/li-dot-active.png);

}



.list {

    width: 86.7%;

}

.prolist li {

    float: left;

    width: 25%;

    padding: 0 10px;

    margin-bottom: 30px;

}

.prolist li .thumb {

    width: 100%;

}

.prolist li .thumb a {

    position: relative;

    display: block;

    width: 100%;

    height: 0;

    padding-bottom: 75%;

    overflow: hidden;

}

.prolist li .thumb img {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    min-height: 100%;

}

.prolist li .text {

    padding-top: 10px;

}

.prolist li .text a {

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    color: #bfbfbf;

}

.prolist li .text p {

    min-height: 48px;

    padding: 5px 0;

    color: #7d7d7d;

}

.prolist li .text p span {

    padding: 0 1em;

}





.pager {

    padding: 20px 0;

    text-align: center;

}

.pager li {

    display: inline;



}

.pager li a,

.pager li span {

    display: inline-block;

    min-width: 18px;

    padding: 5px 8px;

    color: #bfbfbf;

    border: 1px solid #bfbfbf;
    

}
.page-num{
  margin:0 2px;
}

.pager li.thisclass span,

.pager li.thisclass a,

.pager li a:hover {

    color: #b79e79;

    text-decoration: none;

    border-color: #b79e79;

    background-color: #eaeaea;

}





.breadcumb {

    padding: 15px 0;

}



.box {

    margin-bottom: 15px;

    border: 1px solid #e6e6e6;

    background-color: #fff;

}

.box .hd {

    height: 55px;

    padding: 22px 12px 12px 20px;

    border-bottom: 1px solid #e6e6e6;

}

.box .hd h3 {

    float: left;

    padding-left: 15px;

    font-size: 18px;

    line-height: 1em;

    color: #333;

    border-left: 2px solid #c9b69b;

}

.box .hd .refresh {

    float: right;

    padding-left: 18px;

    background: url(../images/icon-arc.png) 0 -58px no-repeat;

}

.box .subnav {

    width: 100%;

    padding: 40px 0 20px 70px;

}

.box .subnav li {

    margin-bottom: 20px;

}



.sidebar {

    width: 25%;

}

.sidepro {

    padding: 20px 15px;

}

.sidepro li {

    margin-bottom: 15px;

}

.sidepro li .thumb a {

    position: relative;

    display: block;

    width: 100%;

    height: 0;

    padding-bottom: 80%;

    overflow: hidden;

}

.sidepro li .thumb img {

    display: block;

    min-height: 215px;

}

.sidepro li .text {

    padding: 15px;

    color: #999;

    border: 1px solid #e6e6e6;

}

.sidepro li .text a {

    font-size: 16px;

    color: #333;

}

.sidepro li .text p {

    margin-top: 8px;

}

.sidepro li .text p span {

    padding: 0 6px;

}



.detail {

    width: 73.5%;

}



.title {

    text-align: center;

}

.title h1 {

    margin-top: 30px;

    font-size: 24px;

    color: #333;

}

.arcmeta {

    padding-top: 15px;

    padding-bottom: 15px;

    margin-bottom: 20px;

    border-bottom: 1px solid #e6e6e6;

}

.arcmeta span {

    margin-right: 20px;

    padding-left: 22px;

    background: url(../images/icon-arc.png) no-repeat;

}

.arcmeta span.ico-clock {

    background-position: 0 2px;

}

.arcmeta span.ico-eye {

    background-position: 0 -27px;

}

.article {

    padding: 30px;

    line-height: 2em;

    overflow: hidden;

}

.article p {

    margin-bottom: 1em;

}

.article img {

    max-width: 100%;

}





.product {

    padding: 40px 80px;

}

.product .thumb {

    width: 45%;

}

.product .text {

    width: 50%;

}

.product .text h1 {

    font-size: 24px;

    color: #333;

}

.product .text li {

    margin-bottom: 15px;

    font-size: 16px;

    color: #7d7d7d;

}





.concept {

    border-top: 1px solid #e6e6e6;

}

.concept .bd {

    padding: 60px 70px;

}

.concept li {

    position: relative;

    float: left;

    width: 20%;

    text-align: center;

}

.concept li p {

    padding: 10px 0;

    font-size: 16px;

}

.concept li span {

    display: block;

    width: 64px;

    height: 64px;

    margin-left: auto;

    margin-right: auto;

    background: url(../images/icon-concept.png) no-repeat;

}

.concept #concept-1 span {

    background-position: 0 0;

}

.concept #concept-1:hover span {

    background-position: 0 -64px;

}

.concept #concept-2 span {

    background-position: -64px 0;

}

.concept #concept-2:hover span {

    background-position: -64px -64px;

}

.concept #concept-3 span {

    background-position: -128px 0;

}

.concept #concept-3:hover span {

    background-position: -128px -64px;

}

.concept #concept-4 span {

    background-position: -192px 0;

}

.concept #concept-4:hover span {

    background-position: -192px -64px;

}

.concept #concept-5 span {

    background-position: -256px 0;

}

.concept #concept-5:hover span {

    background-position: -256px -64px;

}

.concept li img {

    position: absolute;

    bottom: 120px;

    display: none;

    padding: 10px;

    border: 1px solid #e6e6e6;

    background-color: #fff;

}

.concept li:hover {

    color: #b79e79;

}

.concept li:hover img {

    display: block;

}

.concept #concept-1:hover img {

    left: 0;

}

.concept #concept-2:hover img {

    left: -125%;

}

.concept #concept-3:hover img {

    left: -150%;

}

.concept #concept-4:hover img {

    right: -125%;

}

.concept #concept-5:hover img {

    right: 0;

}



.arcnav {

    margin: 40px auto;

    text-align: center;

}

.arcnav a {

    display: inline-block;

    height: 35px;

    padding: 0 18px;

    margin: 0 4px;

    line-height: 33px;

    font-size: 16px;

    color: #333;

    border: 1px solid #e6e6e6;

    background-color: #fff;

}

.arcnav a span {

    padding-right: 5px;

}

.arcnav a:hover {

    color: #fff;

    border-color: #b79e79;

    background-color: #b79e79;

}





.casenav {

    height: 70px;

    margin-bottom: 50px;

    line-height: 70px;

    text-align: center;

    background-color: #2a2a2a;

}

.casenav li {

    display: inline-block;

}

.casenav li a {

    display: inline-block;

    height: 100%;

    margin: 0 5px;

    padding: 0 35px;

    font-size: 18px;

    color: #6e6e6e;

}

.casenav li a:hover {

    color: #fff;

}

.casenav li.active a {

    color: #fff;

    background: #b79e79 url(../images/casenav-arr.png) center bottom no-repeat;

}



@media (min-width: 1440px) {

    .casenav {

        height: 90px;

        margin-bottom: 80px;

        line-height: 90px;

    }

}





.caselist li {

    float: left;

    width: 49%;

    margin: 0 2% 2% 0;

    _margin: 0 20px 20px 0;

    padding: 15px;

    background-color: #2a2a2a;

}

.caselist li.last {

    margin-right: 0;

}

.caselist li .thumb {

    float: left;

    width: 65%;

    overflow: hidden;

}

.caselist li .thumb a {

    position: relative;

    display: block;

    width: 100%;

    height: 0;

    padding-bottom: 75%;

}

.caselist li .thumb img {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    min-height: 100%;

}

.caselist li .text {

    float: right;

    width: 35%;

    padding-left: 30px;

    color: #888;

}

.caselist li .text a {

    display: block;

    padding: 70px 0 30px 0;

    font-size: 20px;

    color: #e4e4e4;

}

.caselist li .text p {

    line-height: 1.5em;

}

@media (min-width: 1440px) {

    .caselist li .text a {

        padding: 90px 0 40px 0;

    }

}





.newslist li {

    padding: 15px 0;

    border-bottom: 1px solid #eaeaea;

}

.newslist li .thumb {

    float: left;

    width: 20%;

    margin-right: 35px;

    overflow: hidden;

}

.newslist li .thumb a {

    position: relative;

    display: block;

    width: 100%;

    height: 0;

    padding-bottom: 75%;

}

.newslist li .thumb img {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    min-height: 100%;

}

.newslist li .text {}

.newslist li .text>a {

    font-size: 18px;

    color: #333;

}

.newslist li .text span {

    display: block;

    padding: 10px 0;

    color: #999;

}

.newslist li .text span .icon-tags {

    margin-left: 2em;

}

.newslist li .text span a {

    margin-left: 3px;

    color: #b79e79;

}

.newslist li .text p {

    line-height: 2em;

    color: #999;

}





#partner {

    padding-top: 80px;

    padding-bottom: 80px;

}

.logolist {

    overflow: hidden;

}

.logolist>ul {

    display: block;

    width: 110%;

}

.logolist li {

    float: left;

    margin: 0 25px 25px 0;

}

.logolist li img {

    display: block;

    width: 250px;

    height: 150px;

    border: 1px solid #ddd;

}





#zzgy-6 {

    background: #baa27f url(../images/bg.jpg) center no-repeat;

    background-size: cover;

}

.gylist li {

    float: left;

    display: block;

    width: 25%;

    text-align: center;

    color: #111;

}

.gylist li span {

    display: block;

    width: 95px;

    height: 95px;

    margin: 0 auto;

    background: url(../images/icon-gylist.png);

}

.gylist li span#ico-1 {

    background-position: 0 0;

}

.gylist li span#ico-2 {

    background-position: 0 -95px;

}

.gylist li span#ico-3 {

    background-position: 0 -190px;

}

.gylist li span#ico-4 {

    background-position: 0 -285px;

}

.gylist li h4 {

    padding: 20px 0;

    font-size: 30px;

}

.gylist li p {

    line-height: 1.5em;

    font-size: 20px;

}





#designer {

    padding-top: 80px;

    padding-bottom: 80px;

}



#designer .col-l {

    width: 60%;

}

#designer .col-r {

    width: 40%;

}

#designer .item {

    float: left;

    width: 240px;

}

#designer .item a {

    position: relative;

    display: block;

    width: 100%;

}

#designer .item a img {

    display: block;

    width: 100%;

}

#designer .item a .text {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 3;

    display: block;

    width: 100%;

    padding: 10px;

    font-size: 12px;

    color: #fff;

    background-color: rgba(0, 0, 0, 0.8);

    filter: alpha(opacity=0);

    opacity: 0;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;

}

#designer .item a:hover .text {

    filter: alpha(opacity=100);

    opacity: 1;

}

#designer .item a .text h5 {

    font-size: 16px;

}

#designer .item a .text p {

    padding-top: 7px;

}

#designer .slider .item {

    float: none;

    width: 100%;

}

#designer .slider .item a .text {

    filter: alpha(opacity=100);

    opacity: 1;

}

#designer .slick-dots {

    position: absolute;

    right: 0;

    bottom: 30px;

    width: 60px;

    text-align: right;

}

#designer .slick-dots li {

    display: inline-block;

    width: 12px;

    height: 12px;

    margin: 0 5px 0 3px;

    cursor: pointer;

}

#designer .slick-dots li button {

    float: left;

    display: inline-block;

    width: 100%;

    height: 100%;

    border-radius: 0;

    font-size: 0;

    border: none;

    background-color: #c8c8c5;

    border-radius: 6px;

    cursor: pointer;

}

#designer .slick-dots li.slick-active button {

    background-color: #fff;

}

@media (min-width: 1440px) {

    #designer .item {

        width: 270px;

    }

}