body { padding: 0px; margin: 0px; text-align: center; font-family: "Microsoft YaHei"; color: #172741 }


.layui-btn {
    background: #0080d0
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: #0080d0
}


.head { width: 100%; background-color: #F8F8F8; height: 75px; overflow: hidden }
.headLogo { float: left; width: 160px; }
    .headLogo img { width: 157px; padding-top: 8px; }

.headTop { margin: auto; max-width: 1440px; text-align: left; overflow: hidden }
.headMenu { float: right; }
.layui-nav .layui-nav-item { line-height: 40px; margin: 0 18px; }
    .layui-nav .layui-nav-item a { font-size: 14px; color: #172741; font-weight: bold; padding: 10px 2px 0px 2px; }
.layui-nav.layui-bg-gray .layui-this a, .layui-nav .layui-nav-item:hover a{ color: #BE996F }
.layui-nav .layui-this:after, .layui-nav-bar { background-color: #BE996F }
.mainBox { width: 1400px; margin: auto; }

    .mainBox h1 { font-weight: bold; font-size: 32px; margin-top: 40px }


.headTopBottom { box-shadow: -5px 8px 15px #eee; width: 100%; min-width: 1400px; }

.index-banner { max-width: 1440px; margin: auto; position: relative; }

.tuijian-new { position: relative; overflow: hidden }
.tuijian-left { line-height: 55px; top: 40%; position: absolute; border-radius: 50%; background: #EDEEF0DD; height: 56px; left: -60px; width: 56px; font-size: 45px; color: #fff; text-align: center; font-family: fangsong; cursor: pointer; font-weight: 600; }
.tuijian-right { right: -60px; left: auto; }
.tuijian-left:hover { background-color: #BE996Fdd }
.tuijian-new .tuijian-con {  overflow: hidden; }
    .tuijian-new .tuijian-con.dh { transition: all 1s }
    .tuijian-new .tuijian-con li { color: #6A6A6A; padding-top: 25px; line-height: 22px; float: left; width: 540px; text-align: center }
        .tuijian-new .tuijian-con li img { width: 520px; height: 406px; }
        .tuijian-new .tuijian-con li a { display: block }
            .tuijian-new .tuijian-con li a.sub { padding-top: 35px; text-align: center; font-size: 18px; font-weight: bold }


    .tuijian-new .tuijian-con.s2 li { line-height: 22px; float: left; width: 25%; text-align: center; position: relative; padding-top: 0px; }
        .tuijian-new .tuijian-con.s2 li img { width: 97%; height: 260px; border-radius: 5px 5px 0 0; }
        .tuijian-new .tuijian-con.s2 li a.dcon { padding: 40px; text-align: left; color: #9C9C9C; font-size: 14px; background-color: #F8F8F8; margin-left: 1.5%; margin-right: 1.5%; }
    .tuijian-new .tuijian-con.s2 b { font-size: 18px; color: #172741; display: block; margin-bottom: 5px; }

    .tuijian-new .tuijian-con.s2 .mcon { text-align: left; top: 0; position: absolute; left: 5px; right: 5px; height: 100%; color: #fff; background: #BE996Ffc; display: none }
        .tuijian-new .tuijian-con.s2 .mcon .mtit { font-size: 18px; margin-top: 90px; margin-left: 57px; }
        .tuijian-new .tuijian-con.s2 .mcon .mmc { font-size: 14px; margin-top: 25px; margin-left: 57px; margin-right: 40px; }

        .tuijian-new .tuijian-con.s2 .mcon .mb { font-size: 14px; color: #BE996F; background-color: #fff; position: absolute; right: 40px; bottom: 65px; }
    .tuijian-new .tuijian-con.s2 li:hover .mcon { display: block }

#tuijian ul { display:flex}
#tuijian ul li{ flex: 1 }
.l_pr { max-width: 1440px; overflow: hidden }
    .l_pr .l_lpr { width: 50%; position: relative; float: left; text-align: right; }
        .l_pr .l_lpr > img { width: 100%; }
        .l_pr .l_lpr .l_tit { padding-left: 56px; font-weight: bold; font-size: 26px; color: #172741; text-align: left; padding-top: 15%; }
        .l_pr .l_lpr .l_lpcon { padding-top: 10px; padding-left: 56px; font-weight: 400; font-size: 14px; color: #9C9C9C; line-height: 30px; text-align: left; }
            .l_pr .l_lpr .l_lpcon i { display:block}

            .l_pr .l_lpr .cbtn { color: #fff; background-color: #BE996F ;position:absolute;right:30px;bottom:20px;}
        .l_pr .l_lpr.ltr { float:right;}
        .l_pr .l_lpr.ltl { float: left; }


        .bottom-box { background-color: #BE996F }
    .bottom-box .index-banner { text-align: left; padding-top: 50px; padding-bottom: 50px; overflow: hidden; display:flex}
    .bottom-box .r_er { float: right; font-size: 14px; color: #FFFFFF;flex:1 }
        .bottom-box .r_er ul li { float: left; font-size: 14px; color: #FFFFFF; text-align: center; line-height: 45px;margin-right:4% }
            .bottom-box .r_er ul li:last-child { margin-right:0}
            .bottom-box .r_er ul li img { width:114px;height:116px;}
            .bottom-box .r_con { font-size: 14px; color: #FFFFFF; float: left; line-height: 23px; flex: 2 }


.index-banner .con { font-size: 14px; color: #9C9C9C; line-height: 30px; text-align: left; padding-top: 20px; padding-bottom: 40px; }


.m-about { display: none; text-align: left }
    .m-about .m-tit { font-weight: bold; font-size: 21px; margin-left: 14px; margin-top: 20px; }
    .m-about .con { font-size: 14px; margin-left: 14px; color: #172741 }
.m-bottom { display: none; position: fixed; left: 0px; bottom: 0px; width: 100%; height: 80px; background: #FFFFFF; box-shadow: 0px -3px 6px 1px rgba(0,0,0,0.05); }

.m-head { display: none; text-align: center; font-size: 17px; line-height: 44px; }

a.ico_index { font-size: 12px; display: inline-block; background: url(../img/index.png) center 2px no-repeat; padding-top: 31px; text-align: center; background-size: 26px; color: #9C9C9C }
    a.ico_index.sel { background-image: url(../img/index_sel.png); color: #BE996F }
a.ico_about { font-size: 12px; display: inline-block; background: url(../img/tabout.png) center 2px no-repeat; padding-top: 31px; text-align: center; background-size: 26px; }
    a.ico_about.sel { background-image: url(../img/tabout_sel.png); color: #BE996F }

.zin { padding-top: 50px; }


.m-top { display: none }
.ttab2, .ttab5, .ttab6 { display: none }
video { z-index: 1; position: relative }
.mmain { display: none }

@media screen and (max-width: 1440px) { .tuijian-left { left: 0px; z-index: 100 }
    .tuijian-right { right: 0px; left: auto }
    .tuijian-new .tuijian-con li a.sub { font-size: 17px; }
}

@media screen and (max-width: 970px) {
   
    .tuijian-new .tuijian-con.s2 li a.dcon { display: none }

    .tuijian-new .tuijian-con.s2 li { width: 50%; height: auto; margin-bottom: 10px; }
        .tuijian-new .tuijian-con.s2 li img { height: 268px; }

    .tuijian-new .tuijian-con.s2 .mcon { text-align: left; position: relative; margin-left: 1.5%; margin-right: 1.5%; color: #fff; background: #F8F8F8; display: block; height: 150px; left: 0; right: 0; border: 1px solid #EDEEF0; }
        .tuijian-new .tuijian-con.s2 .mcon .mtit { font-size: 17px; margin-top: 0px; margin-left: 10px; color: #172741; padding-top: 10px; font-weight: bold }
        .tuijian-new .tuijian-con.s2 .mcon .mmc { font-size: 14px; margin-left: 10px; margin-right: 10px; color: #9C9C9C; margin-top: 10px; }

    .l_pr .l_lpr .l_tit { padding-top: 8%; }
}

@media screen and (max-width: 768px) {
    body { padding-bottom:85px;}
    .bottom-box { display: none }
    .pc-about { display: none }
    .m-about { display: block }
    .head { display: none }
    .m-head { display: block; }
    .m-bottom { display: block }
    .p-top { display: none }
    .m-top { display: block }
    .ttab { width:280px;}
    .ttab1, .ttab4, .ttab { display: none }
    .ttab2, .ttab5, .ttab6 { display: block }
    .zin { padding-top: 20px;padding-left:10px; }
    .mmain { display: block }
    .tmain { display: none }

    .tuijian-new { margin-left: 10px; margin-right: 10px; }
    .tuijian-new .tuijian-con li img { width: 315px; height: 245px; }
    .tuijian-new .tuijian-con li { width:325px;}

    .tuijian-left { top: 33%; height: 40px; width: 40px; line-height: 40px; font-size: 35px; font-weight:normal}
    .tuijian-new .tuijian-con li a.sub { padding-top:15px;}

    .l_pr { background: #fff; display: block; border-bottom: 10px #F5F5F5 solid; padding: 20px 15px; }
        .l_pr:last-child {border:0 }
        .l_pr .l_lpr { width: 100%; text-align: center }
        .l_pr .l_lpr.ltr { float: left; }
            .l_pr .l_lpr .l_tit { text-align: center; padding-top: 10%; font-size: 22px; }
            .l_pr .l_lpr .cbtn { font-size:16px;}
            .l_pr .l_lpr .l_lpcon { padding: 10px; line-height: 24px; }
                .l_pr .l_lpr .l_lpcon i { display: inline-block;width:20px; }
            .l_pr .l_lpr .cbtn { position: initial; margin-bottom: 10px; margin-top: 20px; }
}