/* Page Banner Star */
.page-banner { background-size: cover; overflow: hidden; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 144px; height: 864px; max-height: 100vh; background: #f5f5f5;}
    .page-banner .text { padding-top:482px; text-align: center; color: #FFF; margin: 0 auto;}
    .page-banner h1 {padding: 0;font-size: 36px;display: block;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;line-height: 1.4;font-weight: 700;}
    .page-banner h2 {font-size: 14px;-webkit-animation-delay: 0.6s;animation-delay: 0.6s;text-transform: capitalize;font-family: 'OpenSansLight';margin-bottom: 50px;}
/* Page Banner End */


/* Page Content Star */
#page-content { padding: 40px 144px; overflow: hidden;}
    #page-content img { max-width: 100%;}
    .page-content { margin: 0;}
/* Page Content End */

/* Page About Star */
.page-about { margin: 30px 0 0 0;}
    .page-about .lefts { float: left; width: 48%;}
    .page-about .rights { float: right; width: 48%; padding: 20px 0 0 0;}
/* Page About End */

/* Page Quick Star */
.page-quick { text-align: center;}
    .page-quick ul { display: table; margin: 0 auto; border: solid 1px #1a1a1a;}
    .page-quick ul li { float: left; font-size: 18px; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;}
    .page-quick ul li a { display: block; padding: 5px 30px; }
    .page-quick ul li.active,.page-quick ul li:hover { background: #e75520;}
    .page-quick ul li.active a,.page-quick ul li:hover a { color: #FFF;}
/* Page Quick End */

/* Page Equipment Star */
.page-equipment { margin: 30px 0 0 0;}
    .page-equipment .lefts { float: left; width: 48%;}
    .page-equipment .rights { float: right; width: 48%; padding: 80px 0 0 0;}
/* Page Equipment End */


/* Page Service Star */
.page-service { margin: 30px 0 0 0;}
/* Page Service End */

/* Page Network Star */
.page-network { margin: 30px 0 0 0;}
    .page-network .lefts { float: left; width: 48%;}
    .page-network .rights { float: right; width: 48%; padding: 20px 0 0 0;}
/* Page Network End */

/* Page Media Star */
.page-media { margin: 30px 0 0 0;}
/* Page Media End */


/* Media Detail Star */
.media-detail { margin-top: 30px;}
    .media-detail .head { text-align: left; border-bottom: dotted 1px #d6d6d6;  padding-bottom: 20px;  margin-bottom: 20px; margin-top: 10px; }
    .media-detail .head h1 { color: #333; font-size: 26px;   text-align: center; margin: 0 0 15px 0;}
    .media-detail .head h1 a { }
    .media-detail .head span { font-size: 14px;  margin-top: 5px;   text-align: center; display: block; }
/* Media Detail End */



/* Page Join Star */
.page-join { margin: 30px 0 0 0;}
    .page-join .lefts { float: left; width: 48%;}
    .page-join .rights { float: right; width: 48%; padding: 20px 0 0 0;}
/* Page Join End */


/* Ajax Page Star */
.ajax-page { text-align: center; margin: 0 auto;}
    .ajax-page .current { color: #fff; background-color: #e75520; border-color: #e75520;}
/* Ajax Page End */

/* List Contact Star */
ul.list-contact {}
    ul.list-contact li { background: #f0f0f0; padding: 30px 50px; margin-bottom: 30px; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;}
    ul.list-contact li .address { float: left; width: 48%; padding-top: 50px;}
    ul.list-contact li .address .name { font-size: 24px; color: #e75520; font-weight: 700; border-bottom: solid 1px #545454; padding-bottom: 15px; margin-bottom: 15px; width: 80%;}
    ul.list-contact li .address .text { font-size: 18px;}
    ul.list-contact li .address .text .item { margin-bottom: 15px;}
    ul.list-contact li .address .text .item img { max-height: 24px; margin-right: 15px;}

    ul.list-contact li .map { float: right; width: 48%;}
    ul.list-contact li:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); behavior: url(ie-css3.htc);}
/* List Contact 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: #e75520; border: solid 1px #e75520;}
    .prev-next .prev:hover a { color: #FFF; display: block;}

    .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: #e75520; border: solid 1px #e75520;}

    .prev-next .next { width: 40%; float: right; text-align: right; 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: #e75520; border: solid 1px #e75520;}
    .prev-next .next:hover a { color: #FFF; display: block;}
/* Prev Next End */

/* Loading Star */
.loading { font-size: 0; text-align: center; line-height: 10px; margin: 20px auto;}
    .loading i { margin: 0 9px; display: inline-block; vertical-align: top; width: 10px; height: 10px; background-color: #333; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}

    .loading i:nth-of-type(1) {-webkit-animation: loading1 1s linear infinite;animation: loading1 1s linear infinite;}
    .loading i:nth-of-type(2) {opacity: .85;-webkit-animation: loading2 1s linear infinite;animation: loading2 1s linear infinite;}
    .loading i:nth-of-type(3) {opacity: .7;-webkit-animation: loading3 1s linear infinite;animation: loading3 1s linear infinite;}
    .loading i:nth-of-type(4) {opacity: .55;-webkit-animation: loading4 1s linear infinite;animation: loading4 1s linear infinite;}
    .loading i:nth-of-type(5) {opacity: .4;-webkit-animation: loading5 1s linear infinite;animation: loading5 1s linear infinite;}
    .loading i:nth-of-type(6) {-webkit-opacity: .25;animation: loading6 1s linear infinite;animation: loading6 1s linear infinite; }

    @keyframes loading1 { 0% {opacity: 1} 50% {opacity: .25} 100% {opacity: 1} }
    @keyframes loading2 { 0% {opacity: .85} 10% {opacity: 1} 60% {opacity: .25} 100% {opacity: .85} }
    @keyframes loading3 { 0% {opacity: .7} 20% {opacity: 1} 70% {opacity: .25} 100% {opacity: .7} }
    @keyframes loading4 { 0% {opacity: .55} 30% {opacity: 1} 80% {opacity: .25} 100% {opacity: .55} }
    @keyframes loading5 { 0% {opacity: .4} 40% {opacity: 1} 90% {opacity: .25} 100% {opacity: .4} }
    @keyframes loading6 { 0% {opacity: .25} 50% {opacity: 1} 100% {opacity: .25} }

    @-webkit-keyframes loading1 { 0% {opacity: 1} 50% {opacity: .25} 100% {opacity: 1} }
    @-webkit-keyframes loading2 { 0% {opacity: .85} 10% {opacity: 1} 60% {opacity: .25} 100% {opacity: .85} }
    @-webkit-keyframes loading3 { 0% {opacity: .7} 20% {opacity: 1} 70% {opacity: .25} 100% {opacity: .7}}
    @-webkit-keyframes loading4 { 0% {opacity: .55} 30% {opacity: 1} 80% {opacity: .25} 100% {opacity: .55}}
    @-webkit-keyframes loading5 { 0% {opacity: .4} 40% {opacity: 1} 90% {opacity: .25} 100% {opacity: .4}}
    @-webkit-keyframes loading6 { 0% {opacity: .25} 50% {opacity: 1} 100% {opacity: .25}}
/* Loading End */


.sitemap-title { margin-bottom: 15px; margin-top: 15px; font-weight: 700; border-bottom: dotted 1px #CCC; font-size: 18px; padding-bottom: 10px;}
.sitemap-menu { }
.sitemap-menu a { margin: 0 15px 10px 0;}



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

}

/* <1680的设备 */
@media screen and (max-width: 1680px){
    /* Page Banner Star */
    .page-banner { height: 676px;}
    .page-banner .text { padding-top:362px; }
    /* Page Banner End */
}

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

    /* Page Banner Star */
    .page-banner { height: 648px;}
    .page-banner .text { padding-top:348px; }
    /* Page Banner End */


    /* Page Content Star */
    #page-content { padding-left: 80px; padding-right: 80px;}
    /* Page End Star */
}

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

    /* Page Banner Star */
    .page-banner { height: 616px;}
    .page-banner .text { padding-top:330px; }
    /* Page Banner End */

    /* Page Content Star */
    #page-content { padding-left: 60px; padding-right: 60px;}
    /* Page End Star */
}

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

    /* Page Banner Star */
    .page-banner { height: 540px;}
    .page-banner .text { padding-top:290px; }
    /* Page Banner End */

    /* Page Content Star */
    #page-content { padding-left: 50px; padding-right: 50px;}
    /* Page End Star */
}

/* <1200的设备 */
@media screen and (max-width: 1200px){
    /* Page Content Star */
    #page-content { padding-left: 15px; padding-right: 15px;}
    /* Page End Star */
}

/* <991的设备 */
@media screen and (max-width: 991px){
    /* Page Banner Star */
    .page-banner { padding: 0 10px; height: 260px;}
    .page-banner .text { padding-top:135px;}
    .page-banner h1 { font-size: 16px;}
    .page-banner h2 { font-size: 12px;margin-bottom: 20px;}
    /* Page Banner End */

    /* Page Content Star */
    #page-content { padding: 30px 10px;}
    /* Page Content End */

    /* Page Quick Star */
    .page-quick ul li { font-size: 15px;}
    .page-quick ul li a { padding: 2px 10px; }
    .page-quick.many ul li { float: left; width: 25%;}
    /* Page Quick End */


    /* Page About Star */
    .page-about { margin: 20px 0 0 0;}
    .page-about .lefts { float: none; width: 100%;}
    .page-about .rights { float: none; width: 100%;}
    /* Page About End */


    /* Page Equipment Star */
    .page-equipment { margin: 20px 0 0 0;}
    .page-equipment .lefts { float: none; width: 100%;}
    .page-equipment .rights { float: none; width: 100%; padding: 20px 0 0 0;}
    /* Page Equipment End */


    /* Page Network Star */
    .page-network { margin: 20px 0 0 0;}
    .page-network .lefts { float: none; width: 100%;}
    .page-network .rights { float: none; width: 100%; padding: 20px 0 0 0;}
    /* Page Network End */

    /* Page Join Star */
    .page-join { margin: 20px 0 0 0;}
    .page-join .lefts { float: none; width: 100%;}
    .page-join .rights { float: none; width: 100%; padding: 20px 0 0 0;}
    /* Page Join End */
	
	/* List Contact Star */
    ul.list-contact li { padding: 10px;}
    ul.list-contact li .address { float: none; width: 100%; padding-top: 20px;}
    ul.list-contact li .address .name { font-size: 18px; width:100%;}
    ul.list-contact li .address .text { font-size: 16px;}

    ul.list-contact li .map { float: none; width: 100%;}
/* List Contact End */
}

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

}

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

}