/* 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 .intros table{ margin:0 auto}
	.detail-pro .intros table td{ display:block; padding:5px}

/* 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; padding-left:10px; padding-right:10px;}

    .detail-pro .params .titles { font-size: 20px;}

    .detail-pro .params .contents { margin-top: 10px; word-wrap:break-word; overflow-wrap: break-word;}
	.detail-pro .params .contents p { word-wrap:break-word; overflow-wrap: break-word;}
    /* 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){



}