#tbPage { margin: 50px 0 20px 0; display: none; }

.item .pic { overflow: hidden; }



div.banner { background: url(../images/banner1.jpg) bottom center no-repeat; background-size: auto 100%; }

    div.banner img { width: 100%; }



div.gettopbox { position: fixed; top: 50%; right: 10px; margin-top: -120px; }

    div.gettopbox a { background: #c4c4c4; color: #fff; text-align: center; width: 63px; height: 63px; line-height: 60px; border-bottom: 2px solid #fff; display: block; font-family: "simsun"; font-weight: bold; font-size: 44px; }

        div.gettopbox a.top { font-family: "Arial"; font-size: 18px; }

        div.gettopbox a.cate { font-family: 'Microsoft YaHei'; font-size: 24px; }

        div.gettopbox a:hover { background: #d71518; }



@media (min-width: 1014px) {

    .section { padding: 40px 0 0 0; }

        .section .row { margin: 0 -5px; }

        .section .col-md-8, .section .col-md-6, .section .col-md-4, .section .col-md-3, .section .col-md-2 { padding: 0 5px; }

}





.sectionList { padding: 40px 0 0 0; }

.sectionDetail { padding: 40px 0 0 0; }



h3.title { border-bottom: 1px solid #cbcbcb; padding: 0 0 15px 0; margin-bottom: 18px; }

    h3.title span { font-size: 15px; padding: 0px 15px; }



/*　常用按纽　*/

div.request { margin: 30px auto 0 auto; text-align: center; }

    div.request a { margin: 15px 0; padding: 15px 30px 15px 10px; border: 1px solid #808080; font-size: 16px; line-height: 22px; color: #808080; }





/*　常用列表　*/

#listProduct { }

    #listProduct .item { float: left; width: 33.33%; }

        #listProduct .item .bg { margin: 10px; }

        #listProduct .item img { width: 100%; height: 187px; border: 1px solid #ccc; border-radius: 3px; }

        #listProduct .item h3 { font-size: 14px; color: #333; line-height: 30px; margin: 5px 0 15px 0; text-align: center; }



#listPartner { }

    #listPartner .item { margin: 10px 0; float: left; width: 25%; }

        #listPartner .item .bg { margin: 10px; }

        #listPartner .item img { width: 100%; border: 1px solid #ccc; }

        #listPartner .item h3 { text-align: center; }



#listCase { }

    #listCase .item { margin-bottom: 20px; border-bottom: 1px dashed #ccc; }

        #listCase .item .left { width: 30%; }

        #listCase .item .right { width: 68%; }

        #listCase .item .bg { margin: 10px; padding-right: 10px; }

        #listCase .item a:hover .bg { background: rgba(204, 204, 204, 0.81); }

        #listCase .item img { width: 100%; border: 1px solid #ccc; border-radius: 3px; }

        #listCase .item h3 { padding: 0px; margin: 0px; color: #d71518; line-height: 30px; font-size: 18px; }

        #listCase .item .intro { padding: 5px 0; line-height: 24px; font-size: 15px; color: #666; }



#listCase1 { }

    #listCase1 .item { margin: 10px 0; float: left; width: 25%; }

        #listCase1 .item .bg { margin: 10px; }

        #listCase1 .item img { width: 100%; border: 1px solid #ccc; }

        #listCase1 .item h3 { text-align: center; }



#listNews { }

    #listNews .item { margin-bottom: 20px; padding: 8px 0; position: relative; border-bottom: 1px dashed #ccc; }

        #listNews .item h3 { padding: 0px; margin: 0px; position: relative; }

            #listNews .item h3 span { color: #d71518; line-height: 30px; font-size: 18px; }

            #listNews .item h3 .date { line-height: 30px; font-size: 14px; position: absolute; top: 0px; right: 10px; }

        #listNews .item .intro { padding: 5px 0; line-height: 24px; font-size: 15px; color: #666; }



#listNews1 .item { float: left; width: 50%; margin: 10px 0; }

    #listNews1 .item .bg { width: 95%; max-width: 540px; margin: 0px auto; border: 2px solid #ccc; }

    #listNews1 .item img { width: 100%; display: block; }

    #listNews1 .item h3 { display: none; }

    #listNews1 .item .intro { margin: 0px auto; padding: 10px; background: rgba(92, 92, 92, 0.81); }

        #listNews1 .item .intro p { color: #fff; line-height: 22px; font-size: 15px; height: 44px; overflow: hidden; }

    #listNews1 .item a:hover .bg { border: 2px solid #ec0c0c; }

    #listNews1 .item a:hover .intro { background: rgba(236, 12, 12, 0.81); }



/* 公司联系方式 **********************/

#divCompanyContact { }

    #divCompanyContact table { width: 100%; }

        #divCompanyContact table td { padding: 5px; font-size: 16px; }

            #divCompanyContact table td.title { width: 100px; }



div.contact { }

    div.contact .main { padding: 10px; }

        div.contact .main a { display: inline-block; }



/* 当前位置 **********************/

div.location { position: relative; border-bottom: 3px solid #c2c2c2; }

    div.location span.title { position: static; font-size: 16px; font-weight: bold; line-height: 44px; }

    div.location span.space { right: 0px; }

    div.location span { position: absolute; top: 0px; line-height: 24px; padding: 10px 0px; font-size: 14px; }

        div.location span.title::after { position: absolute; bottom: 0px; left: 0px; width: 100%; content: ""; border: 2px solid #d71518; }



/* 相关产品 **********************/

div.RelateProduct { }

    div.RelateProduct .title { }

    div.RelateProduct .main li { float: left; width: 25%; }

        div.RelateProduct .main li a { border: none; }

        div.RelateProduct .main li img { width: 100%; border: 1px solid #ccc; }

        div.RelateProduct .main li h3 { background: #ccc; padding: 3px 10px; font-size: 15px; line-height: 24px; margin: 0px; border: none; }





@media (max-width: 768px) {



    div.RelateProduct .main li { float: none; width: auto; }

}



div.online { margin: 50px 0; }

    div.online a { color: #d71518; line-height: 24px; padding: 0 24px; }



.detailMemo span.title { font-size: 13px; color: #333; line-height: 24px; font-weight: bold; }

.detailMemo h1 { margin-top: 30px; font-size: 24px; text-align: center; }

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

.detailMemo .sub { margin: 10px; padding: 10px; font-size: 14px; background: #ccc; border-radius: 3px; }

.detailMemo .intro { font-size: 12px; color: #808080; line-height: 24px; margin: 5px 0; }

.detailMemo .memo { margin: 20px 0; }

    .detailMemo .memo h3 { margin: 20px 0 0 0; }

        .detailMemo .memo h3 span { background: #d71518; color: #fff; font-size: 16px; padding: 4px 10px; line-height: 32px; }

    .detailMemo .memo h4 { margin-top: 15px; font-size: 16px; line-height: 26px; font-weight: bold; text-indent: 2em; }

    .detailMemo .memo b, .detailMemo .memo strong { font-weight: normal; }

    .detailMemo .memo em { font-style: normal; }

    .detailMemo .memo img { max-width: 100%; }

    .detailMemo .memo table { width: 100%; }

        .detailMemo .memo table td { padding: 3px; }

        .detailMemo .memo table p, .detailMemo .memo table div { text-indent: 0; }

    .detailMemo .memo p, .detailMemo .memo div { margin-top: 10px; font-size: 14px; text-indent: 2em; }

        .detailMemo .memo p img, .detailMemo .memo div img { margin-left: -2em; }

        .detailMemo .memo p embed, .detailMemo .memo div embed { margin-left: -2em; }



.detailPhoto { text-align: center; }

    .detailPhoto li { text-align: center; margin: 10px 0 5px 0; width: 50%; float: left; }

        .detailPhoto li img { max-width: 90%; display: block; margin: 0 auto; }

        .detailPhoto li h3 { line-height: 24px; font-size: 15px; text-align: center; }



.detailMaster { }

    .detailMaster .left { width: 40%; }

    .detailMaster .right { width: 57%; }

    .detailMaster .pic img { width: 100%; }

    .detailMaster h1 { line-height: 40px; font-size: 20px; border-bottom: 1px solid #808080; margin-bottom: 10px; }

    .detailMaster .intro { margin: 10px 0; font-size: 15px; line-height: 22px; }

    .detailMaster .contact span { font-size: 15px; color: #D81A00; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

    .detailMaster .btnQQ { background: #317679; color: #fff; }

    .detailMaster .btnKf { background: #89CCCF; color: #fff; }



#job { padding-top: 20px; display: none; }

    #job .jobbox { }

        #job .jobbox h3 { padding: 0px 30px; background: #e7e7e7; line-height: 40px; font-size: 18px; cursor: pointer; }

        #job .jobbox .jobdetail { display: none; }

    #job .jobbtn { text-align: center; margin: 20px 0; font-size: 18px; color: #d71518; }



@media (max-width: 768px) {





    h3.title { padding: 0 0 15px 15px; }

    div.tab li { margin-bottom: 10px; }

    div.side { padding-left: 0px; display: none; }

    div.kf { margin-top: 20px; }



    .sectionDetail { padding: 20px 10px; }



    #listProduct .item { width: auto; float: none; }

        #listProduct .item img { height: auto; }



    #listCase1 .item { width: 50%; }

        #listCase1 .item .bg { margin: 10px 5px; }



    #listNews1 .item { float: none; width: auto; }

}





@media (min-width: 960px) {

}



@media (min-width: 768px) {

}



@media (max-width: 768px) {

}