/* Inside Banner Star */
#inside-banner { padding: 10% 0;}
    .inside-banner { color: #FFF; padding-left: 2%; padding-right: 2%;}
    .inside-banner .heads { font-size: 48px; font-weight: 700;}
/* Inside Banner End */

/* About Us Star */
#about-us { padding-top: 80px; padding-bottom: 80px;}
    .about-us .about { float: left; width: 45.000000%;}
    .about-us .about .content { font-size: 18px; margin-top: 60px; line-height: 1.4;}

    .about-us .imgs { float: right; width: 40.000000%; padding-top: 80px;}
/* About Us End */

/* Factory Introduction Star */
#factory-introduction { padding-top: 100px; padding-bottom: 50px;}
    .factory-introduction { margin-top: 50px;}
    .factory-introduction ul li { float: left; width: 49.000000%; margin-right: 2.000000%; margin-bottom: 20px;}
    .factory-introduction ul li:nth-child(2n) { margin-right: 0;}
/* Factory Introduction End */

/* Single Factory Start */
.single-factory { transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;  -o-transition: all 0.6s;}
    .single-factory .imgs { overflow: hidden; position: relative;}
    .single-factory .imgs img { -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
    .single-factory:hover .imgs img { transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
    .single-factory .floatings { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(25, 42, 121, 0.5); color: #FFF;  text-align: center; padding-top: 15px; padding-bottom: 15px; font-size: 18px;}
/* Single Factory End */

/* Inside Page Start */
#inside-page { padding: 80px 0;}
    .inside-page { margin-bottom: 30px;}

    .inside-page.case .intros { text-align: center; font-size: 22px; line-height: 1.4;}
    .inside-page.case ul.industry-case { margin-top: 100px;}
    .inside-page.case ul.industry-case li { margin-bottom: 60px;}
    .inside-page.case ul.industry-case li:last-child { margin-bottom: 0;}
    .inside-page.case ul.industry-case li .texts { float: left; width: 40.000000%; padding-top: 12%;}
    .inside-page.case ul.industry-case li .texts .names { color:#222; font-size: 28px; font-weight: 700;}
    .inside-page.case ul.industry-case li .texts .descs { margin-top: 30px; font-size: 18px; line-height: 1.4;}
    .inside-page.case ul.industry-case li .imgs { float: right; width: 50.000000%;}


    .inside-page.case ul.industry-case li:nth-child(2n) .texts { float: right; width: 40.000000%; padding-top: 12%;}
    .inside-page.case ul.industry-case li:nth-child(2n) .texts .names { color:#222; font-size: 28px; font-weight: 700;}
    .inside-page.case ul.industry-case li:nth-child(2n) .texts .descs { margin-top: 30px; font-size: 18px; line-height: 1.4;}
    .inside-page.case ul.industry-case li:nth-child(2n) .imgs { float: left; width: 50.000000%;}

/* Inside Page End */

/* List Pro Start */
ul.list-pro { }
    ul.list-pro li { float: left; width: 23.500000%; margin-bottom: 20px; margin-right: 2.000000%;}
    ul.list-pro li:nth-child(4n) { margin-right: 0;}
/* List Pro End */

/* List News Start */
ul.list-news { }
    ul.list-news li { float: left; width: 31.333333%; margin-bottom: 20px; margin-right: 3.000000%;}
    ul.list-news li:nth-child(3n) { margin-right: 0;}
/* List News End */

/* Pager Star */
.pager { text-align: center;}
    .pager .frame { display: inline-table; margin: 0 auto;}
    .pager .frame a { width: 42px; height: 42px; line-height: 42px; display: inline-block; font-size: 18px; color: #000; margin-left: 5px; margin-right: 5px; background:#f4f4f4; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden;}
    .pager .frame a.prev,.pager .frame a.next { color: #444;}
    .pager .frame a.on { background: #192a79; color: #FFF;}
/* Pager End */

/* Current Location Star */
.current-location { height: 64px; line-height: 64px; overflow: hidden; color: #818181;}
    .current-location .breadcrumbs { float: left;}
    .current-location .breadcrumbs span { float: left;}
    .current-location .breadcrumbs a { font-size: 16px; color: #818181; transition: color .3s;}
    .current-location .breadcrumbs i { width: 4px; height: 64px; display: block; float: left; background: url('../img/arrow.png') no-repeat center; margin: 0 10px; }
    .current-location .breadcrumbs i.fa { width: auto; height: 64px; color: #999; background: none; line-height: 64px; margin: 0 10px 0 0;}
    .current-location .icos { float: right; color: #999;}
/* Current Location End */

/* Frame Page Star */
#frame-page { padding-top: 5px;}
    .frame-page { }
    .frame-page .side-left { float: left; width: 340px;}
    .frame-page .side-right { float: right; width: calc(100% - 380px); min-height: 560px;}
/* Frame Page End */

/* Inside Pro Star */
ul.inside-pro { margin-bottom: 30px;}
    ul.inside-pro li { float: left; margin-right: 2.000000%; width: 32.0000000%; margin-bottom: 30px;}
    ul.inside-pro li:nth-child(3n) { margin-right: 0;}
/* Inside Pro End */

/* Side Columns Star
.side-columns { }
    .side-columns .titles { background:rgba(25, 42, 121, 0.77); color: #FFF; font-size: 22px; padding: 40px 0; text-align: center; text-transform: uppercase;}
    .side-columns ul.levels { background: rgba(187, 127, 51, 0.04); padding-top: 10px; padding-bottom: 30%;}
    .side-columns ul.levels li { padding: 10px 15px; font-size: 16px;}
    .side-columns ul.levels li i { float: right; display: none;}
    .side-columns ul.levels li.on i,.side-columns ul.levels li:hover i { display: inline-block;}
    .side-columns ul.levels li.on a { color:#192a79; font-weight: 700;}
    .side-columns ul.levels li:hover a { color:#192a79;}
Side Columns End */

/* Side Columns Star */
.side-columns { }
    .side-columns .titles { background:rgba(25, 42, 121, 0.77); color: #FFF; font-size: 22px; padding: 40px 0; text-align: center; text-transform: uppercase;}
    .side-columns ul.levels { background: rgba(187, 127, 51, 0.04); padding-top: 10px; padding-bottom: 30%;}
    .side-columns ul.levels>li { padding: 10px 15px; font-size: 16px; border-bottom: solid 1px #FAFAFA;}
    .side-columns ul.levels>li:last-child { border-bottom: none;}
    .side-columns ul.levels>li>a>i { float: right; display: none;}
    .side-columns ul.levels>li.on i,.side-columns ul.levels>li:hover i { display: inline-block;}
    .side-columns ul.levels>li.on>a { color:#192a79; font-weight: 700;}
    .side-columns ul.levels>li:hover>a { color:#192a79;}

    .side-columns ul.levels>li ul { margin-top: 10px; margin-left: 10px;}
    .side-columns ul.levels>li ul li { border-bottom: solid 1px #FAFAFA; line-height: 1.86;}
    .side-columns ul.levels>li ul li.on a { color:#192a79;}
/* Side Columns End */


/* Detail Pro Star */
.detail-pro { }
    .detail-pro .intros { background:#f1f1f1; padding: 50px;}
    .detail-pro .intros .titles { text-align: center; font-size: 24px; font-weight: 700; color:#575757;}
    .detail-pro .intros .contents { margin-top: 50px; font-size: 17px; color:#202020; line-height: 1.4;}

    .detail-pro .params { margin-top: 50px;}
    .detail-pro .params .titles { text-align: center; font-size: 24px; font-weight: 700; color:#575757;}
    .detail-pro .params .contents { margin-top: 50px; font-size: 17px; color:#202020; line-height: 1.4;}
/* Detail Pro End */

/* Param Table Star */
table.param-table { margin-bottom: 30px;}
    table.param-table td { padding-top: 20px; padding-bottom: 20px; border-right: solid 1px #d4d4d4;}
    table.param-table td:last-child { border-right: none;}
/* Param Table End */

/* List Video Start */
ul.list-video { }
    ul.list-video li { float: left; width: 32.000000%; margin-bottom: 20px; margin-right: 2.000000%;}
    ul.list-video li:nth-child(3n) { margin-right: 0;}
/* List Video End */

/* Contact Advert Start */
#contact-advert { padding: 8% 0; text-align: center;}
    .contact-advert { width: 42%; margin: 0 auto; color: #FFF; font-size: 32px; line-height: 1.2;}
/* Contact Advert End */

/* Contact Us Start */
#contact-us { padding: 100px 0;}
    .contact-us { }
    .contact-us .slogans { font-size: 24px; line-height: 1.4; margin-bottom: 50px; text-align: center; font-weight: 700; padding-left: 20%; padding-right: 20%;}

    .contact-us ul.contacts { padding-left: 33%; padding-right: 33%;}
    .contact-us ul.contacts li { margin-bottom: 50px; color:#222;}
    .contact-us ul.contacts li .icon { width: 50px; float: left;}
    .contact-us ul.contacts li .content { width: calc(100% - 50px); float: right; font-size: 18px;}
    .contact-us ul.contacts li .content .names { font-weight: 700; margin-bottom: 5px;}
/* Contact Us End */

/* Detail Content Star */
#detail-content { padding: 50px 0;}
    #detail-content img { max-width: 80%;}
    .detail-content .heads { border-bottom: 1px solid #f5f5f5; text-align: center; padding: 0 0 30px 0;}
    .detail-content .heads .names { font-size: 28px; line-height: 1; text-align: center; font-weight: 700;}
    .detail-content .heads .paras { margin: 10px 0;}
    .detail-content .heads .shares { }
    .detail-content .infos { margin: 0 auto; font-size: 16px; padding: 30px 0;}
/* Detail Content End */

/* Prev Next Star */
.prev-next { border-top: 1px solid #f5f5f5; padding: 20px 0 0 0;}
    .prev-next .prev { width: 40%; float: left; text-align: left; text-transform: capitalize; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; border: 1px solid #f5f5f5; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .prev-next .prev:hover { background: #192a79; border: solid 1px #192a79;}
    .prev-next .prev:hover a { color: #FFF;}

    .prev-next .back { width: 20%; float: left; text-align: center; text-transform: capitalize;}
    .prev-next .back a { display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; color: #545454; border: 1px solid #ddd; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .prev-next .back a:hover { color: #FFF; background: #192a79; border: solid 1px #192a79;}

    .prev-next .next { width: 40%; float: right; text-align: left; text-transform: capitalize; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; border: 1px solid #f5f5f5; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .prev-next .next:hover { background: #192a79; border: solid 1px #192a79;}
    .prev-next .next:hover a { color: #FFF;}
/* Prev Next End */

/* <1920的设备 */
@media screen and (max-width: 1920px){

}

/* <1680的设备 */
@media screen and (max-width: 1680px){

}

/* <1500的设备 */
@media screen and (max-width: 1500px){

}

/* <1440的设备 */
@media screen and (max-width: 1440px){

}

/* <1366的设备 */
@media screen and (max-width: 1366px){

}

/* <1200的设备 */
@media screen and (max-width: 1200px){
    /* About Us Star */
    .about-us .about { width: 50.000000%;}
    .about-us .imgs { width: 40.000000%; padding-top: 20px;}
    /* About Us End */
}

/* <991的设备 */
@media screen and (max-width: 991px){

    /* Inside Banner Star */
    #inside-banner { padding: 10% 0;}
    .inside-banner { padding-left: 10px; padding-right: 10px;}
    .inside-banner .heads { font-size: 22px;}
    /* Inside Banner End */

    /* About Us Star */
    #about-us { padding-top: 30px; padding-bottom: 30px;}
    .about-us .about { float: none; width: 100.000000%;}
    .about-us .about .content { font-size: 18px; margin-top: 5px; line-height: 1.4;}
    .about-us .imgs { float: none; width: 100.000000%; padding-top: 15px;}
    /* About Us End */

    /* Factory Introduction Star */
    #factory-introduction { padding-top: 30px; padding-bottom: 10px;}
    .factory-introduction { margin-top: 20px;}
    .factory-introduction ul li { float: none; width: 100.000000%; margin-right: 0; margin-bottom: 10px;}
    /* Factory Introduction End */

    /* Pager Star */
    .pager .frame a { width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
    /* Pager End */

    /* Inside Page Start */
    #inside-page { padding: 20px 0;}
    .inside-page { margin-bottom: 20px;}

    .inside-page.case .intros { font-size: 18px; line-height: 1.4;}
    .inside-page.case ul.industry-case { margin-top: 20px;}
    .inside-page.case ul.industry-case li { margin-bottom: 30px;}
    .inside-page.case ul.industry-case li .texts { float: none; width: 100.000000%; padding-top: 20px;}
    .inside-page.case ul.industry-case li .texts .names { font-size: 20px;}
    .inside-page.case ul.industry-case li .texts .descs { margin-top: 10px; font-size: 16px;}
    .inside-page.case ul.industry-case li .imgs { float: none; width: 100.000000%;}


    .inside-page.case ul.industry-case li:nth-child(2n) .texts { float: none; width: 100.000000%; padding-top: 20px;}
    .inside-page.case ul.industry-case li:nth-child(2n) .texts .names { font-size: 20px;}
    .inside-page.case ul.industry-case li:nth-child(2n) .texts .descs { margin-top: 10px; font-size: 16px;}
    .inside-page.case ul.industry-case li:nth-child(2n) .imgs { float: none; width: 100.000000%;}
    /* Inside Page End */

    /* List Pro Start */
    ul.list-pro li { width: 49.000000%; margin-bottom: 10px; margin-right: 2.000000%;}
    ul.list-pro li:nth-child(2n) { margin-right: 0;}
    /* List Pro End */

    /* Inside Pro Star */
    ul.inside-pro li { width: 49.0000000%; margin-bottom: 10px;}
    ul.inside-pro li:nth-child(2n) { margin-right: 0;}
    ul.inside-pro li:nth-child(3),ul.inside-pro li:nth-child(9) { margin-right: 2.000000%;}
    /* Inside Pro End */

    /* Current Location Star */
    .current-location { height: 48px; line-height: 48px;}
    .current-location .breadcrumbs { float: none; width: 100%;}
    .current-location .breadcrumbs i { width: 4px; height: 48px; margin: 0 5px; }
    .current-location .breadcrumbs i.fa { height: 48px; line-height: 48px; margin: 0 5px 0 0;}
    .current-location .icos { display: none;}
    /* Current Location End */

    /* Frame Page Star */
    #frame-page .container { padding-left: 0; padding-right: 0;}
    .frame-page .side-left { display: none;}
    .frame-page .side-right { float: none; width: 100%; min-height: auto;}
    /* Frame Page End */

    /* Detail Pro Star */
    .detail-pro .intros { padding: 30px 10px;}
    .detail-pro .intros .titles { font-size: 20px;}
    .detail-pro .intros .contents { margin-top: 10px;}

    .detail-pro .params { margin-top: 20px;}
    .detail-pro .params .titles { font-size: 20px;}
    .detail-pro .params .contents { margin-top: 10px;}
    /* Detail Pro End */

    /* List Video Start */
    ul.list-video li { float: left; width: 49.000000%; margin-bottom: 10px; margin-right: 2.000000%;}
    ul.list-video li:nth-child(2n) { margin-right: 0;}
    ul.list-video li:nth-child(3) { margin-right: 2.000000%;}
    /* List Video End */

    /* Contact Us Start */
    #contact-us { padding-top: 30px; padding-bottom: 10px;}
    .contact-us .slogans { font-size: 18px; margin-bottom: 20px; padding-left: 0; padding-right: 0;}

    .contact-us ul.contacts { padding-left: 0; padding-right: 0;}
    .contact-us ul.contacts li { margin-bottom: 15px;}
    .contact-us ul.contacts li .icon { width: 45px;}
    .contact-us ul.contacts li .content { width: calc(100% - 45px);}
    /* Contact Us End */

    /* Contact Advert Start */
    .contact-advert { width: 100%; font-size: 20px;}
    /* Contact Advert End */

    /* List News Start */
    ul.list-news li { float: none; width: 100%; margin-bottom: 20px; margin-right: 0;}
    /* List News End */

    /* Detail Content Star */
    #detail-content { padding-top: 10px; padding-bottom: 30px;}
    /* Detail Content End */

    /* Single News Start */
    .single-news .infos { padding: 20px 20px 24px 20px;}
    .single-news .infos .intros { height: auto; -webkit-line-clamp: none;}
    /* Single News End */
}

/* <767的设备 */
@media screen and (max-width: 767px){

}

/* <450的设备 */
@media screen and (max-width: 450px){

}