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

.item .pic { overflow: hidden; }

div.banner { background: url(../images/banner/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: 20px 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: 20px 0 0 0; }

.sectionDetail { padding: 20px 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%; border: 1px solid #ccc; border-radius: 3px; }

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

#listProduct1 { padding: 30px 0 0 0; }

    #listProduct1 .main { margin: 0 -5px; }

    #listProduct1 li { width: 50%; float: left; }

        #listProduct1 li .item { margin: 5px; position: relative; }

        #listProduct1 li a:hover { }

            #listProduct1 li a:hover .pic { display: none; }

                #listProduct1 li a:hover .pic.hover { display: block; }

        #listProduct1 li .item .hover { display: none; }

        #listProduct1 li .item img { width: 100%; }

        #listProduct1 li .item h3 { display: none; width: 100%; padding: 10px; text-align: center; letter-spacing: 2px; font-size: 16px; font-weight: normal; line-height: 30px; position: absolute; left: 0px; bottom: 0px; color: #ff7500; background: rgba(114, 33, 135, 0.70); }

#listSite1 { }

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

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

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

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

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

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

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

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

#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: #D91C24; line-height: 30px; font-size: 18px; }

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

#listCase1 { }

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

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

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

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

#listNews { }

    #listNews .item { margin-bottom: 20px; padding: 8px; position: relative; border-bottom: 1px dashed #ccc; overflow: hidden; text-align: center; }

        #listNews .item .left { width: 25%; }

        #listNews .item .right { width: 71%; }

        #listNews .item .pic { }

            #listNews .item .pic img { width: 100%; }

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

        #listNews .item h3 { padding: 0px; margin: 0px; position: relative; text-align: left; }

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

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

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

        #listNews .item .more span { display: inline-block; float: right; padding: 5px 20px; }

#listNews1 .item { width: 25%; float: left; text-align: center; }

#listNews1 .bg img { width: 90%; }

#listNews1 .item h3 { font-size: 20px; }

#listProduct1 { background: url(/App_Uploads/Photo/Productbg.jpg) center no-repeat; height: 800px; }

    #listProduct1 .listProduct { float: right; width: 75%; margin-top: 165px; }

        #listProduct1 .listProduct .title { text-align: center; display: none; }

            #listProduct1 .listProduct .title h1 { text-align: center; color: #000; font-size: 22px; font-family: "黑体"; line-height: 26px; margin-top: 100px; }

                #listProduct1 .listProduct .title h1 span { display: block; color: #000; font-size: 26px; line-height: 40px; }

        #listProduct1 .listProduct .intro { text-align: center; display: none; }

        #listProduct1 .listProduct .btn { text-align: center; display: none; margin-top: 35px; }

            #listProduct1 .listProduct .btn a { border: 2px solid #121212; padding: 2px 5px; border-radius: 5px; color: #121212; font-size: 15px; }

        #listProduct1 .listProduct .intro p { font-size: 14px; line-height: 22px; color: #666; text-align: center; }

        #listProduct1 .listProduct .main { text-align: center; margin-right: -20px; margin-top: -35px; }

            #listProduct1 .listProduct .main li { float: left; width: 33.33%; }

            #listProduct1 .listProduct .main .item2 { margin-top: 100px; }

            #listProduct1 .listProduct .main .item { padding: 7px; margin: 15px; border-radius: 50%; background-color: rgba(0,0,0,0.30); }

                #listProduct1 .listProduct .main .item h3 { display: none; }

                #listProduct1 .listProduct .main .item img { width: 100%; }

            #listProduct1 .listProduct .main a .hover { display: none; }

            #listProduct1 .listProduct .main a:hover .hover { display: block; }

            #listProduct1 .listProduct .main a:hover .pic { display: none; }


/* 公司联系方式 **********************/
#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; height: 38px; border-bottom: 3px solid #c2c2c2; }

    div.location span.title { left: 0px; font-size: 16px; font-weight: bold; }

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

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

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

#secSite div.location span.space { display: none; }

.detailSite div.location span.space { display: none; }

.detailSite .detailMemo iframe { margin: 10px 0 20px; padding: 0; box-sizing: border-box; padding-left: 20px; border: none; }
/* 相关产品 **********************/
div.RelateProduct { }

    div.RelateProduct .title { }

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

        div.RelateProduct .main li a { }

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

        div.RelateProduct .main li h3 { background: #ff7500; padding: 3px 10px; line-height: 24px; margin: 0px; border: none; color: #fff; }

.detailSite .RelateProduct { display: none; }

.detailNews .RelateProduct { display: none; }


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; text-align: left; text-indent: 20px; }

        .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: 20px; }

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

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

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

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

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

    .detailMemo .memo table { width: 100%; border: none; margin: 10px 0; }

        .detailMemo .memo table tr td { border: 1px solid #ccc; padding: 5px; }

.detailMemo .photo img { max-width: 100%; margin: 0 auto; }

.detailMemo .photo h3 { margin-bottom: 15px; font-size: 18px; line-height: 24px; }

.detailPhoto { text-align: center; }

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

        .detailPhoto li img { max-width: 100%; }

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

.detailMaster { }

    .detailMaster .left { width: 68%; }

    .detailMaster .right { width: 30%; }

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

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

    .detailMaster .contact { margin: 20px 0; }

        .detailMaster .contact span a { font-size: 20px; line-height: 28px; color: #D81A00; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

    .detailMaster div.btn { padding: 10px 0; }

        .detailMaster div.btn a { margin: 0 20px 0 0; }

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

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

    .detailMaster .share { margin: 20px 0; }

#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; }

#divBrand { }

    #divBrand .row { border-bottom: 1px solid #ccc; padding: 5px 0 10px 0; }

    #divBrand .col-md-8 { padding: 30px 0 0 0; }

        #divBrand .col-md-8 p { font-size: 18px; }




@media (max-width: 768px) {
    div.header { position: relative; height: 82px; }

    .sectionDetail { padding: 20px 10px; }

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

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

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

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

    div#aboutus .contact { display: none; }


    .side .box { display: none; }

    .side .contact { display: none; }

    #listNews { }

        #listNews .item h3 .date { display: block; position: static; }

    #listCase1 .item { width: 100%; }

    #listProduct .item { width: 50%; }

        #listProduct .item img { height: auto; }

    #secProduct .listProduct { width: 100%; margin-top: 10px; }

        #secProduct .listProduct .main { width: 100%; }

    #listProduct1 { background: none; height: auto; }

        #listProduct1 .listProduct .btn { display: none; }

        #listProduct1 .listProduct .main li { float: none; width: 100%; }

        #listProduct1 .listProduct .main .item { margin: 10px auto; }

            #listProduct1 .listProduct .main .item .pic { box-shadow: 3px 3px 3px #ccc; width: 200px; margin: 0 auto; }

        #listProduct1 .listProduct .main .item2 { margin-top: 0; }

    .detailMaster .left { width: 100%; }

    .detailMaster .right { width: 100%; }

        .detailMaster .right .contact span { display: block; }

    div.location { }

        div.location .title { display: none; }

        div.location .space { font-size: 12px; }

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

    div.detailMemo .photo a h3 { text-align: center; padding-bottom: 10px; }

    div.photolist img { width: 100%; }

    #listProduct1 .listProduct { width: auto; float: none; margin-top: 0; }

        #listProduct1 .listProduct .main .item { background: none; }

            #listProduct1 .listProduct .main .item .pic { box-shadow: none; display: none; }

        #listProduct1 .listProduct .main a .hover { display: block; width: 200px; margin: 0 auto; }

    #listProduct1 li { width: 100%; }

    .detailMemo h1 { margin-top: 15px; font-size: 20px; }

    #listNews .item .left, #listNews .item .right { width: 100%; }

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

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

    .sectionDetail { padding: 20px 10px; }

    #divBrand .col-sm-4 { display: inline-block; vertical-align: bottom; }
    #divBrand .col-sm-8 { width: 40%; display: inline-block; }
        #divBrand .col-sm-8 span {font-size:12px; }
}