@charset "utf-8";
/* CSS Document */
/* header部分 */





#header {
    float: left;
    width: 100%;
}

#header {
    text-align: center;
    position  : fixed;
    background: #fffefe84;
    box-shadow: inset 4px 11px 20px rgba(0, 0, 0, 0.1);
    z-index   : 999;
}

#header a {
    font-size: 16px;
    padding  : 10px 5px;
}

@media screen and (max-width: 1300px) {
    #header a {
        font-size: 9px;
        padding  : 10px 0px;
    }

    #header img {
        padding: 0 0 0 0;
        margin : 12px 20px -3px 0;
    }
}


#header img {
    padding: 0 0 0 0;
    margin : 12px 33px -3px 0;


}


.logo-zuo {
    width      : 288px;
    float      : left;
    padding-top: 50px;
    margin     : -40px 0px 0px 230px;
}

.logo-you {
    width: auto;
    float: left;
}

.logo-you .yybb {
    width      : 692px;
    text-align : right;
    padding-top: 30px;
    color      : #808080;
}

.logo-you .yybb a {
    color: #808080;
}

.custom-hr {
    width        : 100%;
    margin-top   : 12px;
    /* 移除默认边框 */
    border       : none;
    /* 控制横线的粗细 */
    height       : 3px;
    /* 横线颜色 */
    background   : rgba(86, 86, 86, 0.3);
    /* 阴影效果：水平偏移、垂直偏移、模糊程度、颜色 */
    /* box-shadow: 0px 3px 6px rgba(193, 76, 76, 0.3);  */
}


.space-swd{
    margin: 20px;
}

#scroll-button {
    width              : 46px;
    height             : 62px;
    background-image   : url(/Upfiles/top-icon.png);
    background-size    : 100% 100%;
    background-position: 50%;
    position           : fixed;
    left               : calc(50% + 613px);
    bottom             : 150px;
    transform          : translateX(-100%);
    z-index            : 100;
    cursor             : pointer;
    opacity            : 0;
    transition         : opacity 0.5s ease-in-out;
}



#list-banner {
    width      : 100%;
    margin     : 64px auto 5px auto;
    clear      : both;
    font-weight: bold;
}

.imageBox {
    width : 100%;
    height: 538px;
}


@media screen and (max-width: 1300px) {
    .imageBox {
        width : 100%;
        height: 338px;
    }

}
.page-main{
    background:#f5f5f5
}

#overlay {
    display         : none;
    position        : fixed;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content : center;
    align-items     : center;
    opacity         : 0;
    transition      : opacity 0.3s ease-in-out;
}

#qrCode {
    max-width : 80%;
    max-height: 80%;
    opacity   : 0;
    transition: opacity 0.3s ease-in-out;
}

#overlay.active {
    opacity: 1;
}

#qrCode.active {
    opacity: 1;
}

#overlayBuy {
    display         : none;
    position        : fixed;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content : center;
    align-items     : center;
    opacity         : 0;
    transition      : opacity 0.3s ease-in-out;
}

#qrCodeBuy {
    max-width : 50%;
    max-height: 50%;
    opacity   : 0;
    transition: opacity 0.3s ease-in-out;
}


#overlayBuy.activeBuy {
    opacity: 1;
}

#qrCodeBuy.activeBuy {
    opacity: 1;
}



/**主内容区**/

/*----新产品中心---*/
.newProduct ul li img {
    width : 100%;
    height: 100%;

}

.newProduct {
    margin-top: 62px;
}

#sectionProject {
    text-align: center;


}

#sectionProject section {
    display        : flex;
    justify-content: space-between;
    text-align     : center;

}

#sectionProject section a {
    margin-right: 0px;
}


#sectionProject section img {
    width : 700px;
    height: 720px;
}

/* 关于优背景图 */
.companyBG ul li img {
    width        : 100%;
    height       : 400px;
    margin-bottom: -16px;
}

.miContainer {
    width       : 1226px;
    margin-right: auto;
    margin-left : auto;
}

a,
a:hover {
    text-decoration: none;
}

a {
    background-color: rgba(0, 0, 0, 0);
}







/*----新闻中心---*/
.xwgs {
    width         : 100%;
    clear         : both;
    overflow      : hidden;
    height        : 112px;
    border        : 1px solid #f4f4f4;
    /* margin-left: 12px; */
}



.xwgs .zs {
    float          : left;
    width          : 100%;
    overflow       : hidden;
    line-height    : 28px;
    font-size      : 15px;
    font-weight    : bold;
    color          : #007AC7;
    padding-left   : 8px;
    /* background  : url(../images/xw_bg_01.jpg) repeat-x top; */
    background     : url(../images/jb_bg_01.jpg) repeat-x top;
}

.xwgs .xw {
    float      : left;
    margin-left: 20px;
    width      : 100%;
    overflow   : hidden;
    background : url(../images/xw_bg_01.jpg) repeat-x top;
    height     : auto;
}

.marquee {
    width    : calc(100% - 20px);
    /* width : 100% ; */
    height   : 83px;
}


.xwgs .xw ul {}

.xwgs .xw ul li {
    list-style : none;
    height     : 28px;
    line-height: 28px;
}

.xwgs .xw ul li span {
    float       : right;
    margin-right: 20px;
}

.xwgs .xw ul li a {
    color: #414141;
}


/*-----产品中心----*/
.cpzs {
    width     : 978px;
    clear     : both;
    overflow  : hidden;
    background: url(../images/cp_bg_01.jpg) repeat-x top;
    height    : auto;
    border    : 1px solid #C1C1C1;
    margin-top: 10px;
}

.cpzs h2 {
    padding-top : 15px;
    padding-left: 20px;
    color       : #007AC7;
}

.cpzs h2 span {
    float       : right;
    margin-right: 20px;
}


/*--------------*/
#index-d {
    width       : 980px;
    clear       : both;
    padding-left: 10px;
}

.d-zuo {
    width       : 21px;
    height      : 36px;
    padding-left: 5px;
    float       : left;
    padding-top : 55px;
    cursor      : pointer;
}

.d-you {
    width      : 21px;
    height     : 36px;
    float      : left;
    padding-top: 55px;
    margin-left: 15px;
    cursor     : pointer;
}

/*最新产品*/
#gg {
    text-align : center;
    padding-top: 10px;
    width      : 970px;
    float      : left;
}

#demo {
    overflow: hidden;
    width   : 100%;
    clear   : both;
}

#demo li {
    float     : left;
    padding   : 0 0 0 30px;
    list-style: none;
    display   : inline;
}

#demo li img {
    margin-top: 6px;
    padding   : 1px;
    width     : 205px;
    height    : 150px;
    border    : 0px solid #D3D3D3;
}

#demo li .fontclass {
    width       : 136px;
    padding-left: 20px;
}

#demo li .fontclass h4 {
    color         : #009194;
    /* font-family: Arial, Helvetica, sans-serif; */
    margin-top    : 50px;
}

#indemo {
    float: left;
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

/*-----类页面样式----*/
.list-product {
    border    : 1px solid #CBCBCB;
    width     : 978px;
    margin-top: 10px;
}

.list-product-top {
    width      : 978px;
    background : url(../images/list_bg_01.jpg) repeat-x top;
    height     : 28px;
    color      : #007AC7;
    text-indent: 10px;
    line-height: 28px;
    font-size  : 13px;
    font-weight: bold;
}

.list-product-class {
    width: 978px;
}

.list-product-class ul {
    width         : 950px;
    padding-left  : 15px;
    padding-top   : 10px;
    padding-bottom: 10px;
}

.list-product-class ul li {
    list-style  : none;
    margin-right: 5px;
    height      : 33px;
    line-height : 33px;
    float       : left;
    display     : block;
    border      : 0px dashed #007ac7;
    padding     : 0 5px;
    min-width   : 70px;
    text-align  : center;
}

.list-product-class ul li:hover {
    background-color: #007ac7;
    font-weight     : bold;
    cursor          : pointer;
}

.list-product-class ul li:hover a {
    color: #fff;
}

.showProduct {
    width         : 100%;
    border        : 1px solid #CBCBCB;
    padding-bottom: 10px;
    margin        : 0.5px auto;
    float         : left;
}

.showProductTitle {
    width      : 978px;
    background : url(../images/list_bg_01.jpg) repeat-x top;
    height     : 28px;
    color      : #007AC7;
    text-indent: 10px;
    line-height: 28px;
    font-size  : 13px;
    font-weight: bold;
}

.showProductContent {
    width          : 100%;
    padding-top    : 10px;
    /* padding-left: 10px; */
}

/* 关于品优的主要内容展示区 */



.aboutEpinuo {
    background     : url("../../Upfiles/companyBackground3.jpg") center center;
    background-size: cover;
    /* display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center; */
    /* height         : 100vh; */
    margin-top: 64px;
    width: 100%;
    height: 538px;
}

.aboutEpinuo .company-para1 {
    text-align: center;
}

.aboutEpinuo .company-para1 h1 {
    color         : rgb(248, 248, 204);
    margin        : 65px 0 20px 0;
    font-size     : 35px;
    transform     : scale(1, 2);
    line-height   : 2.5;
    letter-spacing: 0.025em;
}

.aboutEpinuo .company-para1 h2 {
    color    : rgb(248, 248, 204);
    font-size: 35px;

    letter-spacing: 0.065em;

}

.aboutEpinuo-rczp {
    background     : url("../../Upfiles/recruit.jpg") center center;
    background-size: cover;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    height         : 100vh;
}
.aboutEpinuo-contact{
    background     : url("../../Upfiles/19-cn.jpg") center center;
    width: 100%;
    height: 500px;
}

.aboutEpinuo-news{
    /* background     : url("../../Upfiles/17-banner.jpg") center center; */
    background     : url("../../Upfiles/19-cn.jpg") center center;
    width: 100%;
    height: 500px;
}


.aboutEpinuo2 {
    background        : url("../../Upfiles/companyBackground.jpg");
    background-size   : cover;
    display           : flex;
    flex-direction    : column;
    align-items       : center;
    justify-content   : center;
    /* height         : 100vh; */
    height            : 900px;
}

@media screen and (max-width: 1300px) {
    .aboutEpinuo2 {
        height: 900px;

    }
}


.company-para2 {
    color             : white;
    padding-top       : 101px;
    /* display        : flex;
    justify-content   : center;
    align-items       : center; */
    height            : 100%;
    /* flex-direction : row;
    flex-wrap         : wrap;
    align-content     : flex-start; */
    margin-left       : 156px;
}



.company-para2 h1 {
    font-size: 35px;
    transform: scale(1, 2);

}

.company-para2 h2 {
    font-size: 35px;

}

.company-para2 span {
    font-size     : 15px;
    line-height   : 1.9;
    letter-spacing: .085em;

}
.leftAlign {
    text-align: justify;
    width     : 830px;
}

.jobContainer-rczp {
    display        : flex;
    justify-content: center;
    /* 将内容水平居中 */
    text-align     : left;
    /* 左对齐文本 */
    font-size      : 15.5px;
    line-height    : 1.9;
    letter-spacing : 0.245em
}
.jobContentInside-rczp{
    max-width: 755px; /* 可根据需要调整最大宽度 */
}


.list-zuo,
.list-you {
    box-sizing: border-box;

}

.list-zuo {
    width      : 205px;
    float      : left;
    font-size  : 14px;
    margin-left: 2px;
}

@media screen and (max-width: 1300px) {
    .list-zuo {
        width: 200px;

    }

    .list-you {
        width: calc(99.8% - 201px);
    }
}


.list-zuo h2 {
    background  : url(../images/gy_bg_01.jpg) repeat-x top;
    height      : 28px;
    color       : #007AC7;
    font-size   : 16.5px;
    padding-left: 10px;
    line-height : 27px;
}

.list-zuo .zuo-lm {
    padding: 10px;

}



.zuo-fl-lm {
    border    : 1px solid #CBCBCB;
    background: url(../images/jb_bg_01.jpg) repeat-x 0 28px #fff;
}


.zuo-fl-lm ul li {
    list-style   : none;
    padding-left : 8px;
    height       : 33px;
    line-height  : 33px;
    border-bottom: 1px dashed #A6A6A6;
}


.zuo-lx-lm {
    border: 1px solid #CBCBCB;

    margin-top : 8px;
    background : url(../images/jb_bg_01.jpg) repeat-x 0 28px #fff;
    line-height: 25px;
}


.list-you {
    width      : calc(99.8% - 206px);
    margin-left: 1px;
    float      : left;
    height     : 100%;
    border     : 1px solid #CBCBCB;
    font-size  : 15.5px;
}

.list-you-rczp {
    width    : 100%;
    float    : center;
    height   : 100%;
    border-top   : 1px solid #CBCBCB;
    font-size: 15.5px;
}

/* slider */
.slideshow-container {
    position : relative;
    max-width: 800px;
    margin   : auto;
    overflow : hidden;
}

.slides {
    display   : flex;
    transition: transform 1s ease;
}

.mySlides {
    width     : 100%;
    flex      : 0 0 auto;
    transition: opacity 1s ease;
}

.mySlides .active {
    opacity: 1;
}

.swd-prev,
.swd-next {
    position     : absolute;
    top          : 50%;
    width        : auto;
    padding      : 16px;
    margin-top   : -22px;
    font-size    : 20px;
    font-weight  : bold;
    color        : white;
    border       : none;
    border-radius: 5px;
    cursor       : pointer;
}

.swd-prev {
    left: 10px;
}

.swd-next {
    right: 10px;
}

.swd-prev:hover,
.swd-next:hover {
    background-color: #333;
    /* Background color on hover */
}

.dot-container {
    text-align: center;
    margin-top: 20px;
}

.swd-dot {
    height          : 15px;
    width           : 15px;
    margin          : 0 8px;
    background-color: #bbb;
    border-radius   : 50%;
    display         : inline-block;
    transition      : background-color 0.6s ease;
}

.active-dot {
    background-color: #717171;
}


.list-you h2 {
    background  : url(../images/list_bg_01.jpg) repeat-x top;
    height      : 28px;
    line-height : 27px;
    padding-left: 3px;
    color       : #007AC7;
    font-size   : 16.5px;
}

.list-you h2 span {
    float       : right;
    margin-right: 20px;
}

.aboutus {
    width      : 100%;
    margin     : 0 auto;
    padding-top: 10px;
    overflow   : hidden;
}

.aboutus span {
    color    : #252424;
    font-size: 16.5px;
    line-height: 2.2;
}
.aboutus b{
    font-size: 19.5px;
}
.aboutus p{
    font-size: 16.5px;
    line-height: 2.2;

}




/* 关于品优 */
@media(min-width:1200px) {
    .container-company {
        max-width: 1170px;
    }

}

.vc_clearfix:after,
.vc_clearfix:before {
    content: " ";
    display: table;
}

.container-company {
    margin-right : auto;
    margin-left  : auto;
    padding-left : 15px;
    padding-right: 15px;
}

/* .row {
    display      : -ms-flexbox;
    display      : flex;
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap;
    margin-right : -15px;
    margin-left  : -15px;
} */

.row {
    margin-left : -15px;
    margin-right: -15px;
}


@media (min-width: 768px) {
    .vc_col-sm-6 {
        width: 50%;
    }
}

@media (min-width: 768px) {

    .vc_col-sm-1,
    .vc_col-sm-10,
    .vc_col-sm-11,
    .vc_col-sm-12,
    .vc_col-sm-2,
    .vc_col-sm-3,
    .vc_col-sm-4,
    .vc_col-sm-5,
    .vc_col-sm-6,
    .vc_col-sm-7,
    .vc_col-sm-8,
    .vc_col-sm-9 {
        float: left;
    }
}

.vc_col-lg-1,
.vc_col-lg-10,
.vc_col-lg-11,
.vc_col-lg-12,
.vc_col-lg-2,
.vc_col-lg-3,
.vc_col-lg-4,
.vc_col-lg-5,
.vc_col-lg-6,
.vc_col-lg-7,
.vc_col-lg-8,
.vc_col-lg-9,
.vc_col-md-1,
.vc_col-md-10,
.vc_col-md-11,
.vc_col-md-12,
.vc_col-md-2,
.vc_col-md-3,
.vc_col-md-4,
.vc_col-md-5,
.vc_col-md-6,
.vc_col-md-7,
.vc_col-md-8,
.vc_col-md-9,
.vc_col-sm-1,
.vc_col-sm-10,
.vc_col-sm-11,
.vc_col-sm-12,
.vc_col-sm-2,
.vc_col-sm-3,
.vc_col-sm-4,
.vc_col-sm-5,
.vc_col-sm-6,
.vc_col-sm-7,
.vc_col-sm-8,
.vc_col-sm-9,
.vc_col-xs-1,
.vc_col-xs-10,
.vc_col-xs-11,
.vc_col-xs-12,
.vc_col-xs-2,
.vc_col-xs-3,
.vc_col-xs-4,
.vc_col-xs-5,
.vc_col-xs-6,
.vc_col-xs-7,
.vc_col-xs-8,
.vc_col-xs-9 {
    position          : relative;
    min-height        : 1px;
    padding-left      : 15px;
    padding-right     : 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}


.vc_column_container {
    padding-left : 0;
    padding-right: 0;
}

.vc_col-xs-12,
.vc_column_container {
    width: 100%;
}

.vc_row[data-vc-full-width] {
    -webkit-transition: opacity .5s ease;
    -o-transition     : opacity .5s ease;
    transition        : opacity .5s ease;
    overflow          : hidden;
}

.vc_row {
    margin-left : -15px;
    margin-right: -15px;
}

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

.section-type-3 {
    padding-top: 115px;
}


@media (min-width: 768px) {
    .vc_col-sm-6 {
        width: 50%;
    }
}

.vc_column_container>.vc_column-inner {
    box-sizing   : border-box;
    padding-left : 15px;
    padding-right: 15px;
    width        : 100%;
}

.vc_custom_1552575279483 {
    padding-top: 5px !important;
}

.vc_column-inner::after,
.vc_column-inner::before {
    content: " ";
    display: table;
}

.vc_custom_1552575225609 {
    padding-top: 40px !important;
}

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

.ui-slogan {
    margin-bottom : 13px;
    font-size     : 13px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color         : #333;
}

.ui-decor {
    position  : relative;
    /* padding: 10px; */
}

.ui-slogan .ui-decor:after {
    padding-right: 15px;
}

.ui-decor:after {
    display      : inline-block;
    padding-right: 7px;
    font-size    : 10px;
    font-style   : normal;
    content      : 'X';
    color        : #333;
}

.ui-slogan .ui-decor+.ui-decor:after {
    padding-left: 15px;
}

.ui-decor+.ui-decor:after {
    padding-right: 0;
    padding-left : 7px;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.ui-slogan .ui-decor+.ui-decor:after {
    padding-left: 15px;
}

.ui-decor+.ui-decor:after {
    padding-right: 0;
    padding-left : 7px;
}

.ui-slogan .ui-decor:after {
    padding-right: 15px;
}

.ui-title-block {
    position         : relative;
    margin-top       : 0;
    margin-bottom    : 30px;
    /* margin-bottom : 60px; */
    font-size        : 44px;
    line-height      : 1.2;
    letter-spacing   : .025em;
}



.b-blockquote_w-signature {
    margin-bottom: 70px;
}

.b-blockquote_w-signature blockquote {
    margin-top   : 42px;
    margin-bottom: 95px;
    padding      : 0 60px 0 0;
    font         : 14px/1.67 'PT Serif';
    color        : #333;
}



p {
    margin: 0 0 6px;
}

blockquote cite {
    display   : block;
    font-style: normal;
}

cite,
em,
var,
address,
dfn {
    font-style: italic;
}

.b-blockquote_w-signature .b-blockquote__author {
    display   : block;
    margin-top: 45px;
}

img {
    -webkit-transition: all .3s;
    transition        : all .3s;
}



img {
    border: 0;
}


.wpb_button,
.wpb_content_element {
    color: #333;
}

#content .wpb_alert p:last-child,
#content .wpb_text_column :last-child,
#content .wpb_text_column p:last-child,
.vc_message_box>p:last-child,
.wpb_alert p:last-child,
.wpb_text_column :last-child,
.wpb_text_column p:last-child {
    margin-bottom: 0;
    color        : #919191;
}

p {
    margin-bottom: 0;
}

p+p {
    margin-top: 34px;
}

#content .wpb_alert p:last-child,
#content .wpb_text_column :last-child,
#content .wpb_text_column p:last-child,
.vc_message_box>p:last-child,
.wpb_alert p:last-child,
.wpb_text_column :last-child,
.wpb_text_column p:last-child {
    margin-bottom: 0;
    color        : #919191;
}

.clearfix:after,
.dl-horizontal dd:after,
.container-company:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container-company:before,
.container-company:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.vc_row:after,
.vc_row:before {
    content: " ";
    display: table;
}

.vc_clearfix:after,
.vc_column-inner::after,
.vc_el-clearfix,
.vc_row:after {
    clear: both;
}


*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.section-area {
    position  : relative;
    margin-top: 25px;
}

.padd-right-col {
    padding-right: 68px;
}

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

.ui-decor-line {
    display      : block;
    margin-top   : -30px;
    margin-bottom: 10px;
    line-height  : 1;
}

.ui-decor-line:before {
    display         : inline-block;
    width           : 2px;
    height          : 100px;
    content         : '';
    background-color: #333;
}

.b-progress-list {
    position: relative;
}


ul {
    list-style-type: square;
}

ol,
ul {
    margin : 0;
    padding: 0 0 0 15px;
}

ul,
ol {
    margin-top   : 0;
    margin-bottom: 6px;
}

.b-progress-list__item {
    position      : relative;
    float         : left;
    width         : 33.3%;
    padding-top   : 9px;
    padding-bottom: 0;
}

ul li {
    display   : list-item;
    text-align: -webkit-match-parent;
}

.b-progress-list__percent {
    font-size  : 42px;
    font-weight: 900;
    line-height: 1;
    color      : black;
}

audio,
canvas,
progress,
video {
    display       : inline-block;
    vertical-align: baseline;
}

.b-progress-list__name {
    display: block;
    font   : italic 16px 'PT Serif';
}

.ova_img.block-paragraphs-1__img {
    margin-top   : 0px;
    margin-bottom: 0;
}

.block-paragraphs-1__img {
    position     : relative;
    display      : block;
    margin-top   : 95px;
    margin-bottom: -180px;
}

.vc_custom_1551076101402 {
    margin-top: 0px !important;
}

.tilter {
    position   : relative;
    color      : #fff;
    flex       : none;
    perspective: 1000px;
    z-index    : 100;
}

.tilter__figure {
    position: relative;
    z-index : 100;
}

.tilter__figure,
.tilter__image {
    margin : 0;
    width  : 100%;
    height : 100%;
    display: block;
}

.tilter * {
    pointer-events: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    transform: translate(0px, 0px);
}

.tilter--1 .tilter__figure::before {
    box-shadow: 0 30px 20px rgba(0, 0, 0, 0.5);
}

.tilter__figure::before {
    width: 88%;
}

.tilter__figure::before {
    content   : '';
    position  : absolute;
    width     : 90%;
    height    : 90%;
    top       : 5%;
    left      : 2%;
    box-shadow: 0 30px 20px rgba(35, 32, 39, 0.5);
}

.tilter__figure>* {
    transform: translateZ(0px);
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display  : block;
    max-width: 100%;
    height   : auto;
}

a {
    color           : #000;
    text-decoration : none;
    background-color: transparent;
}

a:hover {
    /* color: #FF3300; */
    /* color: #084992; */
    color: #0a5dbb;
}

b {
    color: #0a5dbb;
}


a:-webkit-any-link {
    /* color          : -webkit-link; */
    cursor            : pointer;
    /* text-decoration: underline; */
}

.vc_clearfix:after,
.vc_column-inner::after,
.vc_el-clearfix,
.vc_row:after {
    clear: both;
}

/* 第三个container */
.section-advantages {
    padding-top   : 165px;
    padding-bottom: 36px;
}

@media (min-width: 1200px) {
    .vc_col-lg-offset-6 {
        margin-left: 50%;
    }
}

@media (min-width: 1200px) {
    .vc_col-lg-6 {
        width: 50%;
    }
}

@media (min-width: 1200px) {

    .vc_col-lg-1,
    .vc_col-lg-10,
    .vc_col-lg-11,
    .vc_col-lg-12,
    .vc_col-lg-2,
    .vc_col-lg-3,
    .vc_col-lg-4,
    .vc_col-lg-5,
    .vc_col-lg-6,
    .vc_col-lg-7,
    .vc_col-lg-8,
    .vc_col-lg-9 {
        float: left;
    }
}

.ui-title-block_border {
    display: inline-block;
}

/* 第四个container */

.btn:hover:after,
.b-btn__inner:hover:after {
    -webkit-transition : .7s linear;
    transition         : .7s linear;
    background-position: 150% 0;
}

.section-advantages__col-left {
    padding-right: 65px;
}

.b-advantages-icons {
    position                 : relative;
    margin-top               : 60px;
    padding                  : 27px 30px 20px 38px;
    /* padding               : 0px 30px 1px 38px; */
    text-align               : center;
    background-image         : url(../../Upfiles/x.png);
    background-repeat        : no-repeat;
    background-size          : 100% 100%;
}

.b-advantages-icons__item {
    font-size       : 60px;
    color           : #000;
    background-color: #fff;
}

.b-advantages-icons__row {
    padding-top   : 117px;
    padding-bottom: 125px;
}

.b-advantages-icons__row:before,
.b-advantages-icons__row:after {
    display: table;
    content: "";
}

.b-advantages-icons__item_left {
    float      : left;
    margin-left: -8px;
}



.b-advantages-icons__item_right {
    float: right;
}

.b-advantages-icons__row:after {
    clear: both;
}


.b-advantages-icons:after {
    position        : absolute;
    top             : 50%;
    left            : 50%;
    width           : 77px;
    height          : 77px;
    margin-top      : -38px;
    margin-left     : -38px;
    content         : '';
    border-radius   : 50%;
    background-color: white;
}

.b-advantages.b-advantages-2 {
    margin-bottom: 0;
}

.b-advantages-2:first-child {
    /* margin-top: 40px; */
    margin-top: 55px;
}

.b-advantages {
    position: relative;
}

.b-advantages {
    margin-bottom: 50px;
}

.b-advantages-2 {
    margin-top      : 34px;
    /* margin-top   : 59px; */
    margin-bottom   : 0;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

.b-advantages-2 .b-advantages__title {
    display      : block;
    margin-top   : 16px;
    margin-bottom: 16px;
}

.ui-title-inner {
    margin-bottom : 20px;
    font-size     : 16px;
    text-transform: uppercase;
}

h3 {
    line-height: 1.0909090909;
    color      : #000;
    margin     : 36px 0 12px;
    clear      : both;
    font-weight: 900;
}

.b-advantages:after {
    clear: both;
}

.b-advantages:before,
.b-advantages:after {
    display: table;
    content: "";
}

.b-advantages__info {
    color    : #777;
    font-size: 14px;

}

/* 第五个container */
.section-default {
    position      : relative;
    padding-top   : 110px;
    padding-bottom: 107px;
}

@media (min-width: 768px) {
    .vc_col-sm-12 {
        width: 100%;
    }
}


.b-isotope {
    padding-top: 40px;
    background : #fff;
}

.container-fluid {
    margin-right : auto;
    margin-left  : auto;
    padding-left : 15px;
    padding-right: 15px;
}

.col-xs-12 {
    width: 100%;
}

.b-isotope-filter {
    margin-top   : -78px;
    margin-bottom: 80px;
    margin-left  : 0;
    text-align   : right;
}



.b-isotope-filter>li {
    display       : inline-block;
    margin-bottom : 16px;
    padding-left  : 46px;
    font-size     : 12px;
    font-weight   : 700;
    text-transform: uppercase;
}

.b-isotope-filter>li.current a,
.b-isotope-filter>li:hover a {
    color: #333;
}

.b-isotope-filter>li>a {
    position          : relative;
    -webkit-transition: all .3s;
    transition        : all .3s;
    letter-spacing    : 0;
    color             : #aaa;
}


.list-unstyled {
    padding-left: 0;
    list-style  : none;
}

.grid-sizer,
.grid-item {
    width: 33.3%;
}

.grid-item {
    padding-right : 30px;
    padding-bottom: 30px;
}

.b-isotope-grid {
    /* margin-right : -30px; */
    margin-right : 100px;
    margin-bottom: 75px;
}



.grid-item {
    float: left;
}


.b-isotope-grid__inner {
    display : block;
    overflow: hidden;
}

.b-isotope-1 .b-isotope-grid img {
    width: 100%;
}

.grid-item img {
    height: 100%;
}

.tilter__figure>* {
    transform: translateZ(0px);
}

.ova_load_more {
    position: relative;
}

.b-isotope-1 .b-btn {
    margin-top   : 7px;
    margin-bottom: 36px;
}

.b-btn {
    position: relative;
    z-index : 1;
    display : inline-block;
}

.ui-decor-line {
    display      : block;
    margin-top   : -30px;
    margin-bottom: 10px;
    line-height  : 1;
}

.ui-decor-line:before {
    display         : inline-block;
    width           : 2px;
    height          : 100px;
    content         : '';
    background-color: #333;
}

.btn,
.b-btn__inner {
    position: relative;
    overflow: hidden;
}


.btn,
.b-btn__inner {
    position: relative;
    overflow: hidden;
}

.b-btn__inner {
    font-size         : 11px;
    font-weight       : 900;
    -webkit-transition: all .3s;
    transition        : all .3s;
    text-transform    : uppercase;
    color             : #333;
    border            : none;
    border-bottom     : 1px solid transparent;
    background-color  : #fff;
}

.b-btn .ui-decor {
    font-weight: 400;
}

.ui-decor {
    position: relative;
}

.b-btn .ui-decor:last-child:after {
    padding-right: 0;
    padding-left : 7px;
}

.ui-decor+.ui-decor:after {
    padding-right: 0;
    padding-left : 7px;
}

.btn:after,
.b-btn__inner:after {
    position         : absolute;
    top              : 0;
    left             : 0;
    width            : 110%;
    height           : 100%;
    content          : '';
    -webkit-transform: skewX(-50deg);
    transform        : skewX(-50deg);
    background       : -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) no-repeat -2em 0;
    background       : linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) no-repeat -2em 0;
    background-size  : 2em 100%;
}





.b-isotope:after {
    clear: both;
}

.b-isotope:before,
.b-isotope:after {
    display: table;
    content: "";
}

.vc_column-inner::after,
.vc_column-inner::before {
    content: " ";
    display: table;
}


.vc_clearfix:after,
.vc_column-inner::after,
.vc_el-clearfix,
.vc_row:after {
    clear: both;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position     : relative;
    min-height   : 1px;
    padding-left : 15px;
    padding-right: 15px;
}

/* 第六个模块 */

.owl-theme {
    max-width   : 1920px;
    margin-right: auto;
    margin-left : auto;
}

.owl-carousel {
    display         : none;
    position        : relative;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility   : hidden;
    -ms-backface-visibility    : hidden;
    -webkit-transform          : translate3d(0, 0, 0);
    -moz-transform             : translate3d(0, 0, 0);
    -ms-transform              : translate3d(0, 0, 0);
}

.owl-carousel .owl-wrapper {
    display          : none;
    position         : relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-origin {
    -webkit-perspective         : 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective            : 1200px;
    -moz-perspective-origin-x   : 50%;
    -moz-perspective-origin-y   : 50%;
    perspective                 : 1200px;
}

.b-blockquote-1 {
    max-width: 1020px;
    margin   : auto;
    padding  : 0;
}

.b-blockquote-1 .b-blockquote__img {
    position   : relative;
    float      : left;
    margin-top : 10px;
    margin-left: 10px;
}

.b-blockquote-1 .b-blockquote__img img {
    overflow     : hidden;
    width        : 145px;
    height       : 145px;
    border-radius: 50%;
}

.b-blockquote-1 .b-blockquote__img:after {
    position        : absolute;
    right           : -10px;
    bottom          : -10px;
    width           : 50px;
    height          : 50px;
    content         : '';
    background-image: url(data:image/png;base64,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);
}

.b-blockquote-1 blockquote {
    margin-top      : 0;
    margin-bottom   : 0;
    padding-top     : 3px;
    /* padding-left : 223px; */
    padding-left    : 218px;
    font            : italic 18px/1.67 'PT Serif';
    color           : #333;
}

blockquote {
    padding    : 10px;
    margin     : 20px 0 12px;
    position   : relative;
    font-weight: 400;
}

blockquote p {
    margin-bottom: 10px;
    font-weight  : 400;
    text-align   : justify;
}


.b-blockquote-1 .b-blockquote__author {
    display       : block;
    margin-top    : 36px;
    margin-bottom : 6px;
    font          : 900 13px Lato;
    text-transform: uppercase;
    color         : black;
}

.b-blockquote-1 .b-blockquote__category {
    display: block;
    font   : italic 13px Lato;
    color  : #333;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-fade-out {
    z-index          : 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation   : fadeOut .7s both ease;
    animation        : fadeOut .7s both ease;
}

.owl-carousel .owl-wrapper:after {
    content    : ".";
    display    : block;
    clear      : both;
    visibility : hidden;
    line-height: 0;
    height     : 0;
}

.ova_testi_slide.owl-theme .owl-controls {
    left: 0;
}

.owl-theme .owl-controls {
    position  : absolute;
    top       : 50%;
    left      : 100px;
    width     : 100%;
    margin-top: -21px;
}

.owl-controls {
    -webkit-user-select        : none;
    -khtml-user-select         : none;
    -moz-user-select           : none;
    -ms-user-select            : none;
    user-select                : none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-theme .owl-controls .owl-page {
    display: block;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
    width           : 50px;
    height          : 6px;
    border-color    : #ccc;
    background-color: transparent;
}

.owl-theme .owl-controls .owl-page span {
    display           : block;
    width             : 25px;
    height            : 3px;
    margin-bottom     : 10px;
    cursor            : pointer;
    -webkit-transition: all .3s;
    transition        : all .3s;
    border            : 1px solid transparent;
    background-color  : #ccc;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width   : 100%;
}

/* 第七模块 */

.wpb_single_image img {
    height        : auto;
    max-width     : 100%;
    vertical-align: top;
}





/* 室内定位 */

.tab {
    height    : 795px;
    background: #f4f2f2e4;
    overflow  : hidden;
}

.tab input {
    display: none;
}

.tab label {

    /* width: 319px; */

    height: 40px;

    display: inline-block;

    /* background-color: #ccc; */
    background-color: #d2cfcf;

    text-align: center;

    color: white;

    line-height: 40px;

    cursor: pointer;

    border-radius: 12px 12px 0 0;

    float: left;

    /* 还是有点间距好 */

    margin-left: 2px;


}

.tab label:hover {

    background: orange;

}

.content {

    float     : left;
    transition: 0.3s;

}

.content li {

    text-align: center;
    float     : left;

}

/* 选项被选中时背景为orange色 */

#ck1:checked~label[for="ck1"] {
    background: #ff6700;
}

#ck2:checked~label[for="ck2"] {
    background: #ff6700;
}

#ck3:checked~label[for="ck3"] {
    background: #ff6700;
}

#ck4:checked~label[for="ck4"] {
    background: #ff6700;
}

.tab img {

    width: 1100px;

    height: 605px;

    margin-top: 50px;

    margin-bottom: 30px;

}

/* 点击后ul位置变化 */

#ck1:checked~ul {
    margin-left: 0px;
}

#ck2:checked~ul {
    margin-left: -1285.15px;
}

#ck3:checked~ul {
    margin-left: -2570.3px;
}

#ck4:checked~ul {
    margin-left: -3855.45px;
}



.deleted {
    text-decoration: line-through;
    color          : #b0b0b0;
    font-size      : 13.5px;
}

#actualPrice {
    color          : #ff6700;
    /* padding-left: 3px; */

}

.map {
    width: 800px;
}



/**底部**/
#footer span {
    font-size  : 13px;
    text-align : center;
    line-height: 20px;
    margin     : 0px;
    font-weight: normal;
    color      : #484747;
    line-height: 30px;
    width      : 100%;
    float      : left;
    border-top : 1px solid #e0e0e0;
}

#footer span a {
    color: #484747;
}

#footer span .footer-content {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    margin        : 11px 0;

}

#footer span .footer-content p {
    margin: -5px 0;
}


#footer img {
    text-align: center;
    width     : 100%;
    margin-top: 3px;
}

.contact-footerImage img{
    text-align: center;
    width     : 100%;
    margin-top: 3px;
  
}

.footer-links {
    padding    : 0 0 30px 0;
    /* margin-left: -25px; */
    margin-left: -74px;
}

.footer-links .col-links {
    float : left;
    width : 160px;
    margin: 0;
}

.footer-links .col-links dt {
    margin     : -1px 0 26px;
    font-size  : 15px;
    line-height: 1.25;
    color      : #424242;
}

.footer-links .col-links dd {
    margin   : 10px 0 0;
    font-size: 14px;
}

.footer-links .col-links a {
    color: #757575;
}

.footer-links .col-links a:hover {
    color: #0a5dbb;
}

.container-mi {
    width : 1226px;
    margin: 20px auto;
}

.footer-links .col-contact {
    float        : right;
    width        : 251px;
    border-left  : 1px solid #e0e0e0;
    text-align   : center;
    color        : #616161;
    font-size    : 0;
    padding-right: 88px;
}

.footer-links .col-contact .phone {
    font-size  : 22px;
    line-height: 1;
    color      : #0a5dbb;
    margin   : 0 0 20px 0px;

}

.footer-links .col-contact p:nth-child(2) {
    /* margin   : 0 0 5px; */
    margin   : 0 0 20px 0px;
    padding: 0 0 0 5px;
    font-size: 14px;
}

.btn-small {
    display    : inline-block;
    width      : 160px;
    height     : 28px;
    font-size  : 14px;
    line-height: 28px;
    cursor     : pointer;
}

.btn-line-primary:hover {
    color              : #fff;
    /* background-color: #f25807;
    border-color       : #f25807; */

    background-color: #0a5dbb;
    border-color    : #0a5dbb;
}

.btn-line-primary {
    border          : 1px solid #0a5dbb;
    /* background   : #fff; */
    color           : #0a5dbb
}

/*全局标签*/
/*网站搜索*/
.searchboxinput {
    background  : url(../images/serarch_bg.gif) no-repeat left center #fff;
    border      : 1px solid #EFEFEF;
    color       : #999;
    padding-left: 20px;
    line-height : 18px;
    height      : 18px;
}

.searchbotton {
    background : url(../images/button_bg.gif) no-repeat left center;
    border     : 0px solid #999;
    color      : #FFF;
    font-size  : 12px;
    font-weight: bold;
    border     : 0px;
    line-height: 18px;
    width      : 55px;
}

/**新闻中心**/
.news {
    /* overflow: hidden;
    width   : 100%; */
}


.news li {
    /* border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #603b2f;
    padding-top        : 2px;
    padding-left       : 10px;
    list-style-position: inside;
    color              : #603b2f;
    text-align         : left;
    line-height        : 25px; */
}

.news li span {
    /* float       : right;
    margin-right: 20px;
    color       : #333; */
}

.newslist {
    padding   : 10px 20px 0 20px;
    text-align: center;
}

.newslist h1 {
    text-align: center;
    font-size : 16px;
    margin    : 10px 0;
}

/**产品展示**/
.pro {
    height    : auto;
    text-align: center;
    float     : left;
}


.pro li {
    text-align   : center;
    list-style   : none;
    padding      : 10px 0 0 8px;
    float        : left;
    width        : 200px;
    height       : 224px;
    display      : block;
    overflow     : hidden;
    margin-bottom: 15px;

}

.pro li img {
    border    : 0px solid #ccc;
    float     : left;
    height    : 140px;
    width     : 169px;
    transition: 0.6s;
}

.pro li img:hover {
    transform: scale(1.2);
}

.pro li span {
    line-height: 26px;
    text-align : center;
    clear      : both;
    width      : 169px;
    display    : block;
    overflow   : hidden;
    padding-top: 9px;
}

/*产品内容页样式*/
.prolist {
    text-align: center;
    /* background: url(../images/bg_down.jpg) no-repeat left bottom; */
}

.prolist img {
    /* margin       : 20px 0; */
    /* text-align: left; */
    /* max-width    : 715px; */
}

.pro_title {
    height     : 50px;
    line-height: 25px;
    text-align : left;
    padding    : 10px 20px 0 20px;
    border-top : 1px dashed #8ab2f4;
}

.pro_content {
    line-height   : 25px;
    /* text-align : left; */
    padding       : 0 20px;
    margin        : 0px;
}


/*客户反馈*/
.k_info {
    width     : 100%;
    height    : auto;
    margin    : 5px 0px;
    text-align: left;
    display   : table;
    border    : 1px solid #e7c4a0;
}

/*这是大边框*/
.class_line {
    border: 1px solid #e7c4a0;
}

.feedbackcss {
    width: 500px
}

.text001 {
    border    : 1px solid #CCC;
    background: #FFFFFF;
}

/*在线订购*/
.orderlist {
    line-height: 30px;
}


/*滚动*/
#pro_gg {
    height    : auto;
    text-align: center;
    overflow  : hidden;
}

#pro_demo {
    overflow: hidden;
    width   : 100%;
    height  : auto;
}

#pro_demo li {
    border    : 0px solid #F2F2F2;
    float     : left;
    margin    : 0 10px;
    text-align: center;
    list-style: none;
    display   : inline
}

#pro_demo li img {
    margin-top: 6px;
    border    : 0px solid #ccc;
    width     : 205px;
    height    : 150px;
}

#pro_indemo {
    float: left;
    width: 880%;
}

#pro_demo1 {
    float: left;
}

#pro_demo2 {
    float: left;
}

/*滚动条样式*/
.autoscr {
    display             : block;
    padding             : 5px;
    margin-top          : 5px;
    width               : 600px;
    height              : 350px;
    overflow            : auto;
    SCROLLBAR-FACE-COLOR: #890a04;
    SCROLLBAR-BASE-COLOR: #000;
    hightlight-color    : #ffffff;
}

/*官方链接样式*/
.chineve_link {
    clear  : both;
    display: none
}

.chineve_link ul {
    padding-left: 10px
}

.chineve_link h3 {
    font-size  : 12px;
    text-align : left;
    text-indent: 28px;
    background : url(../images/tubiao3.gif) no-repeat 10px center
}

.chineve_link h3 span a {
    font-weight    : normal;
    text-decoration: underline;
    font-size      : 10px;
}

.chineve_link li {
    padding    : 0 10px;
    list-style : none;
    line-height: 25px;
    background : url(../images/biao.gif) no-repeat 3px center;
    display    : inline
}



/*-------------------*/
.cpxx-lanm {
    width      : 625px;
    margin     : 0 auto;
    overflow   : hidden;
    padding-top: 5px;
    color      : #535353;
}

.cpxx-lanm ul {
    background   : #E7EBEE;
    height       : 30px;
    line-height  : 37px;
    padding-top  : 7px;
    border-bottom: 1px solid #ccc;
    border-top   : 1px solid #ccc;
}

.cpxx-lanm ul li {
    list-style  : none;
    float       : left;
    height      : 25px;
    line-height : 25px;
    padding     : 0 38px;
    cursor      : pointer;
    border-right: 1px solid #ccc;
    overflow    : hidden;
}

.cpxx-lanm ul .zhli {
    border: none;
}


.cpxx-lanm .zi1 {
    padding     : 0 10px;
    text-align  : justify;
    text-justify: inter-ideograph;
}

.cpxx-lanm .zi2 {
    display     : none;
    padding     : 0 10px;
    text-align  : justify;
    text-justify: inter-ideograph;
}

.cpxx-lanm .zi2 ul,
#cpbr-c .cpxx-lanm .zi1 ul {
    background: #fff;
    height    : auto;
    border    : none;
}

.cpxx-lanm .zi2 ul li,
#cpbr-c .cpxx-lanm .zi1 ul li {
    clear      : both;
    padding    : 0;
    margin     : 0;
    border     : none;
    height     : 25px;
    line-height: 25px;
    width      : 610px;
}

.cpxx-lanm .zi2 ul li span {
    float       : right;
    margin-right: 20px;
}

/*--------------*/
.datu {
    width : 675px;
    margin: 0 auto;
}


.fl h2 {
    margin-bottom: 20px;
}

.fl .fl-zuo {
    width      : 217px;
    float      : left;
    border     : 1px solid #CBCBCB;
    background : url(../images/jb_bg_01.jpg) repeat-x 0 28px #fff;
    overflow   : hidden;
    height     : 220px;
    margin-left: 15px;
}

.fl .fl-zhong {
    width      : 217px;
    float      : left;
    border     : 1px solid #CBCBCB;
    background : url(../images/jb_bg_01.jpg) repeat-x 0 28px #fff;
    overflow   : hidden;
    height     : 220px;
    margin-left: 15px;
}

.fl .fl-you {
    width      : 217px;
    float      : left;
    border     : 1px solid #CBCBCB;
    background : url(../images/jb_bg_01.jpg) repeat-x 0 28px #fff;
    overflow   : hidden;
    height     : 220px;
    margin-left: 15px;
}


.fl .fl-zuo ul li {
    list-style   : none;
    padding-left : 8px;
    height       : 33px;
    line-height  : 33px;
    border-bottom: 1px dashed #A6A6A6;
}

.fl .fl-zhong ul li {
    list-style   : none;
    padding-left : 8px;
    height       : 33px;
    line-height  : 33px;
    border-bottom: 1px dashed #A6A6A6;
}

.fl .fl-you ul li {
    list-style   : none;
    padding-left : 8px;
    height       : 33px;
    line-height  : 33px;
    border-bottom: 1px dashed #A6A6A6;
}