.container {
    max-width: 1140px;
}

/*网站公共样式*/
@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"), url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
}


@font-face {
    font-family: "汉仪菱心体简";
    src: url("../fonts/汉仪菱心体简.woff2") format("woff2"), url("../fonts/汉仪菱心体简.woff") format("woff"), url("../fonts/汉仪菱心体简.ttf") format("truetype"), url("../fonts/汉仪菱心体简.eot") format("embedded-opentype"), url("../fonts/汉仪菱心体简.svg") format("svg");
}


.info-content {
    font-size: 15px;
    line-height: 2.5
}

a {
    color: #333;
    text-decoration: none;
}

    a:hover {
        color: brown
    }

    a:focus {
        color: brown
    }


    a.btn-more {
        display: inline-block;
        color: #9e282c;
        transition: all 0.5s ease;
        font-size: 16px;
        transition: all 0.5s ease;
        text-align: center;
        margin: 0px auto;
    }

        a.btn-more:hover {
            border-color: #40312f;
            color: #9e282c;
        }
.btn-more_div > a.btn-more {
    position: relative;
    width: 114px;
    height: 57px;
    display: inline-block;
    font-family: SourceHanSansCN-Regular;
    color: #9e282c;
    transition: all 0.5s ease;
    font-size: 16px;
    transition: all 0.5s ease;
    text-align: center;
    margin: 0px auto;
    margin-top: 0px;
    margin-left: 16px;
    background: url(../images/index/sj.png) no-repeat;
}
.btn-more-span {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
}

body {
    overflow-x: hidden;
}

.banner {
    height: 500px\9 !important;
    overflow: hidden\9 !important;
    overflow: hidden;
}
/*兼容ie低版*/

/*遮罩层*/
.mask-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    height: 100vh;
    background-color: rgba(0, 0, 0, .7);
    overflow: hidden;
    z-index: 99;
    top: 0;
    left: 0;
}

    .mask-bg.active {
        display: block;
    }

/*首页模块样式*/
.module-box {
    position: relative;
    padding: 40px 0px
}

    .module-box .module-title {
        clear: both;
        text-align: center;
        margin: 0px 0px 30px 0px;
        font-family: "Microsoft YaHei",Tahoma,Verdana,"Simsun";
    }

        .module-box .module-title .cn-title {
            display: block;
            color: #9e282c;
            font-size: 48px;
            line-height: 45px;
            font-family: 汉仪菱心体简;
        }

        .module-box .module-title .en-title {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            color: #999;
            font-size: 16px;
            font-family: Arial;
            padding-top: 21px;
            letter-spacing: 1px;
        }

            .module-box .module-title .en-title i {
                float: left;
                width: 55px;
                background: #CCC;
                height: 1px;
                margin-top: 15px;
            }

            .module-box .module-title .en-title span {
                float: left;
                margin: 0px 5px;
                letter-spacing: 1px
            }

        .module-box .module-title .MemberCenter_En span {
            letter-spacing: 6px
        }
/*顶部样式*/
.header {
    position: relative;
}

    .header .logo img {
        padding: 29px 0;

    }
/*底部样式*/
footer {
    text-align: left;
    width: 100%;
    min-height: 95px;
    background: #9e282c;
    line-height: 2.5
}

    footer > .container > .row > .col-lg-2 > h3 {
        font-family: Microsoft YaHei;
        font-size: 18px;
    }

    footer > .container > .row > .col-lg-2 > ul {
        font-family: 'Microsoft YaHei';
        font-size: 14px;
    }

    footer > .copyright {
        font-size: 16px;
        font-family: 'Microsoft YaHei';
        padding: 10px 0;
        border-top: 1px solid #fff;
    }
.footer_name > .container > .row > .copyright {
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 0 15px;
    line-height:32px;
}
.footer_name > .container > .row > div {
    color: #fff;
    font-size: 15px;
    text-align: left;
    line-height: 30px;
}

    /*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
    .nav .animated, .sub-nav .animated {
        -webkit-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

.navSlide {
    -webkit-animation-name: navSlide;
    animation-name: navSlide
}

@keyframes navSlide {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
        transform: translateY(0)
    }
}



/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
    .header .nav-toggle {
        display: none
    }

    .nav {
        padding-top: 54px
    }

        .nav > ul > li {
            float: left;
            text-align: center;
            /*line-height: 70px;*/
        }

            .nav > ul > li > ul {
                position: absolute;
            }

            .nav > ul > li > a {
                padding: 0px 25px;
              
                font-size: 16px;
            }

                .nav > ul > li > a > h3 {
                    color: #666;
                    margin-top: 0;
                    padding: 0px 30px;
                    font-size: 16px;
                    font-family: SourceHanSansCN-Regular;
                }

                .nav > ul > li > a > p {
                    color: #999;
                    /*padding: 0px 25px;*/
                    font-weight: normal;
                    font-size: 12px;
                    font-family: Arial;
                }

                .nav > ul > li.current > a>h3, .nav > ul > li > a>h3:hover {
                    color: #9e282c;
                }
                 .nav > ul > li.current > a>p, .nav > ul > li > a>h3:hover {
                    color: #9e282c;
                }

        .nav li:hover > ul {
            display: block;
        }

        .nav > ul > li > ul::before {
            display: block;
            margin: 0px auto;
            text-align: center;
            position: absolute;
            top: -8px;
            left: 45%;
            content: "";
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #9e282c;
        }

        .nav > ul > li > ul li ul::before {
            display: block;
            margin: 0px auto;
            text-align: center;
            position: absolute;
            top: 20px;
            left: -10px;
            content: "";
            width: 0;
            height: 0;
            border-bottom: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid transparent;
            border-left: 5px solid #fff;
        }

        .nav ul li ul li a {
            display: block;
            width: 100%;
            text-align: center;
            color: #fff;
            font-size: 15px;
            line-height: 50px
        }

            .nav ul li ul li a:hover {
                text-decoration: none;
                color: #fff;
                background: #771E21;
            }

        .nav ul li {
            position: relative;
        }

            .nav ul li .arrow {
                display: none
            }

            .nav ul li ul {
                background-color: #9e282c;
                display: none;
                position: absolute;
                top: 80px;
                left: -18%;
                z-index: 2;
                width: 150px
            }
                /*二级ul样式*/
                .nav ul li ul li ul {
                    left: 100%;
                    top: 0px;
                    display: none;
                }
    /*三级以后ul样式*/

    /*会员风采*/
    .Membership_style_cons .Message {
        line-height: 32px;
        padding-left: 68px;
    }

    footer > .container > .row > .col-lg-2 {
        width: 12%
    }

    footer > .container > .row > .footer_contact {
        width: 30%;
    }
}

@media (max-width:1000px) /*手机端*/
{
    .header .logo img {
        /*height: 80px;*/
    }

    .header .nav-toggle {
        position: absolute;
        right: 0px;
        top: 0px;
        font-size: 25px;
        color: #999;
        min-width: 60px;
        height: 160px;
        line-height: 160px;
        text-align: center;
        cursor: pointer;
        z-index: 1;
    }

        .header .nav-toggle.active {
            color: #ccc;
        }

    .nav {
        position: fixed;
        z-index: 100;
        top: 0px;
        right: 0px;
        width: 0px;
        background: #fff;
        height: 100%;
        height: 100vh;
        opacity: 0;
        transition: all 0.2s linear;
        overflow-y: auto
    }

        .nav.active {
            opacity: 1;
            width: 300px;
            max-width: 60%
        }

        .nav ul li {
            line-height: 45px;
            text-align: left
        }

            .nav ul li ul {
                display: none;
            }
            /*二级ul样式*/
            .nav ul li a {
                padding-left: 30px;
                display: block;
                color: #666;
                font-size: 15px;
                line-height: 3.5;
                border-bottom: 1px solid #dcdcdc
            }
                .nav ul li a h3 {
                    font-size: 16px;
                    line-height: 15px;
                }
                .nav ul li a p {
                    display:none
                }
            .nav ul li ul li a {
                padding-left: 60px;
                font-size: 14px;
                background-color: #eeeeee
            }

            .nav ul li ul li ul li a {
                padding-left: 90px;
            }

            .nav ul li ul li ul li li a {
                padding-left: 120px;
            }

        .nav ul li {
            position: relative;
        }

            .nav ul li .arrow {
                position: absolute;
                right: 0px;
                top: 0px;
                width: 50px;
                /*height: 50px;*/
                line-height: 15px;
                text-align: center;
                transition-duration: 0s
            }

                .nav ul li .arrow:after {
                    font-family: FontAwesome;
                    content: "\f105";
                    display: block;
                    font-weight: bold;
                    font-size: 18px
                }

            .nav ul li.current > a {
                color: #9e282c;
            }

            .nav ul li.active > ul {
                display: block
            }

            .nav ul li.active > .arrow {
                transform: rotate(90deg)
            }
}

/*子栏目样式*/
.sub-nav-box {
    clear: both;
    position: relative;
}

    .sub-nav-box .sub-nav-title {
        /*line-height: 57px;*/
        text-align: left;
        background: #e6e6e6;
        padding: 22px 0 22px 30px;
        font-size: 24px;
        color: #333333;
        font-family: "SourceHanSansCN-Regular";
    }

        .sub-nav-box .sub-nav-title p {
            font-size: 14px;
            font-family: Arial;
            margin: 0;
        }

    .sub-nav-box .sub-nav {
        clear: both;
        text-align: left;
        margin-bottom: 20px;
        width: 100%;
        overflow: visible;
        background: #fafafa;
    }

        .sub-nav-box .sub-nav ul {
            /*padding-left: 40px;*/
            background: #e6e6e6;
            color: #ccc;
        }


        .sub-nav-box .sub-nav li {
            width: 100%;
            padding: 0px;
            text-align: left;
            position: relative;
            text-indent: 60px;
            /*list-style-type:disc;*/
        }

            .sub-nav-box .sub-nav li:before {
                content: "";
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: #ccc;
                border: 1px #ccc solid;
                display: block;
                position: absolute;
                left: 30px;
                top: 42%;
            }

            .sub-nav-box .sub-nav li:hover:before {
                background: #fff;
                border: 1px #fff solid;
            }

            .sub-nav-box .sub-nav li a {
                display: block;
                line-height: 54px;
                font-size: 14px;
                color: #808080;
                font-family: "Microsoft YaHei",Tahoma,Verdana,"Simsun";
                font-size: 15px
            }

                .sub-nav-box .sub-nav li a:hover {
                    color: #fff;
                    background: #9e282c
                }

            .sub-nav-box .sub-nav li ul {
                display: none
            }

                .sub-nav-box .sub-nav li ul li a {
                    padding-left: 55px;
                }

                .sub-nav-box .sub-nav li ul li ul li a {
                    padding-left: 85px
                }

    .sub-nav-box li .arrow {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 54px;
        height: 54px;
        line-height: 54px;
        text-align: center;
        transition-duration: 0.1s;
        cursor: pointer
    }

        .sub-nav-box li .arrow:after {
            font-family: FontAwesome;
            content: "\f105";
            display: block;
            font-weight: bold;
            font-size: 18px
        }

    .sub-nav-box .sub-nav li.current {
        background: #9e282c;
        color: #fff;
    }

        .sub-nav-box .sub-nav li.current > a {
            color: #fff;
        }

        .sub-nav-box .sub-nav li.current:before {
            background: #fff;
        }

    .sub-nav-box .sub-nav li.active > ul {
        display: block
    }

    .sub-nav-box .sub-nav li.active > .arrow {
        transform: rotate(90deg)
    }


/*首页>>产品展示*/
.product-module-box {
    background: url(../images/index/hyfc_background.png) no-repeat 0 0;
    background-size: cover;
}



/*首页>>我们的优势*/
.advantages-list {
    clear: both;
    overflow: hidden;
    margin: 15px auto;
    line-height: 2
}

.column > li {
    padding: 0px 10px;
}

.column p img {
    display: block;
    width: 100%;
    max-width: 220px;
    height: auto;
    margin: 0px auto;
}

.column p span {
    display: block;
    line-height: 35px;
    margin: 10px 0px 15px 0px;
    color: #4d4d4d;
}

.column p {
    color: #4d4d4d;
}

.advantages-list .last {
    margin-right: 0px;
}


/*首页>>案例*/
.case-list .item {
    float: left;
    position: relative;
    padding-left: 0px;
    padding-right: 0px
}

    .case-list .item a {
        display: block;
        width: 100%;
        overflow: hidden;
    }

        .case-list .item a img {
            clear: both;
            overflow: hidden;
            display: block;
            width: 100%;
            height: auto;
            text-align: center;
            transition: all 0.5s ease;
        }

        .case-list .item a:hover img {
            transform: scale(1.3);
            transition: all 0.5s ease;
        }

        .case-list .item a .tit {
            position: absolute;
            top: 38%;
            left: 0px;
            z-index: 2;
            line-height: 30px;
            color: #ffffff;
            font-size: 16px;
            text-align: center;
            display: block;
            width: 100%;
            opacity: 0;
            filter: alpha(opacity=0);
            transition: all 0.5s ease;
            padding: 0px 5px;
        }

        .case-list .item a:hover .tit {
            opacity: 1;
            filter: alpha(opacity=100);
            top: 40%;
            font-size:14px
        }

        .case-list .item a .cover-bg {
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 1;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0;
            filter: alpha(opacity=0);
            transition: all 0.5s ease;
        }

        .case-list .item a:hover .cover-bg {
            opacity: 0.6;
            filter: alpha(opacity=60);
        }


/*图片列表*/
.images-list .row .item a {
    display: block;
    overflow: hidden;
    color: #666666;
    font-family: SourceHanSansCN-Regular;
    padding:10px 0;
}

.images-list .row .item img {
    display: block;
    width: 100%;
    height: auto;
}

.images-list .row .item a:hover img {
    transform: scale(1.3,1.3);
    transition: all 0.3s ease-out 0s;
}


/*新闻资讯-首页、子栏目公用*/
.news-list {
    clear: both;
    overflow: hidden;
}

    .news-list li.tw {
        clear: both;
        overflow: hidden;
        display: block;
        width: 100%;
        margin: 0px 0px 15px 0px;
        text-align: left;
    }

        .news-list li.tw .pic {
            float: left;
            width: 160px;
            height: 105px;
            overflow: hidden;
            margin-right: 10px;
        }

            .news-list li.tw .pic img {
                width: 100%;
                height: 100%;
                display: block;
            }

        .news-list li.tw .content {
            display: inline;
        }

            .news-list li.tw .content a {
                display: block;
                line-height: 30px;
                font-size: 16px;
            }

            .news-list li.tw .content span {
                color: #808080;
                height: 75px;
                line-height: 25px;
            }

    .news-list li.item {
        clear: both;
        overflow: hidden;
        width: 100%;
        padding: 30px 0px 10px 0px;
    }

        .news-list li.item .title {
            padding-left: 11px;
            background: url(images/icon-dot.gif) no-repeat left center;
            max-width: 80%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .news-list li.item .date {
            float: right;
        }


/*首页-加盟优势*/

.jmys-box a {
    display: block;
    height: 100%;
    position: relative;
}

.jmys-box .pptyg {
    clear: both;
    overflow: hidden;
    padding: 10px 0px;
}

    .jmys-box .pptyg span {
        float: left;
        line-height: 40px;
        color: #4d4d4d;
        font-weight: 600;
        font-size: 16px;
    }

.jmys-box .yc_box {
    clear: both;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    padding: 0px 10%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease;
}

.jmys-box a:hover .yc_box {
    opacity: 1;
    filter: alpha(opacity=100);
}

.jmys-box .yc_box span {
    display: block;
    text-align: center;
    color: white;
}

.jmys-box .yc_box .yc_title {
    line-height: 45px;
    font-size: 25px;
    margin-top: 90px;
    transition: all 0.5s ease;
}

.jmys-box a:hover .yc_title {
    margin-top: 70px;
}

.jmys-box .yc_box .yc_con {
    line-height: 20px;
    padding: 10px 0px;
    margin-top: -30px;
    transition: all 0.5s ease;
    text-align: center;
}

.jmys-box a:hover .yc_con {
    margin-top: 0px;
}

.jmys-box .yc_box .yc_cksq {
    line-height: 33px;
    width: 94px;
    height: 33px;
    border: 1px #fff solid;
    margin: 0px auto;
}

.jmys-box .xs_title {
    position: absolute;
    bottom: 10%;
    left: 10%;
    z-index: 2;
    font-size: 20px;
    color: white;
    line-height: 35px;
    border-bottom: 1px #fff solid;
    padding: 0px 10px 0px 0px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.jmys-box a:hover .xs_title {
    opacity: 0;
    filter: alpha(opacity=0);
}

.jmys-box .yc_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #5a342b;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease;
}

.jmys-box a:hover .yc_bg {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

@media only screen and (max-width:768px) {
    .jmys-box a:hover .yc_box {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .jmys-box a:hover .xs_title {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .jmys-box a:hover .yc_bg {
        opacity: 0;
        filter: alpha(opacity=0);
    }
}



/*产品内容页样式*/
.product-content .detail .title {
    clear: both;
    text-align: left;
    overflow: hidden;
    background: #ad7669;
    line-height: 40px;
    color: rgb(255,255,255);
    font-weight: 600;
    padding-left: 15px;
    font-size: 16px;
}




#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 12px;
    right: 12px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    text-indent: -9999px;
    background: url(Images/ui.totop.png) no-repeat left 0px;
    background-size: auto;
    background-size: cover;
    z-index: 190;
    border-radius: 50%;
    transition: all 0.2s linear;
}

    #toTop:hover {
        background-position: left -50px;
        background-size: cover;
    }