/* Inside Banner Start */
#inside-banner { position: relative;}
    .inside-banner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; }
    .inside-banner .container { display: flex; align-items: center; color: #FFF;}
    .inside-banner .container .titles { font-size:52px; font-weight: 700;}
    .inside-banner .container .intros { font-size:20px; margin-top: 30px; line-height: 1.4;}
/* Inside Banner 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 */

/* Inside Frame Star */
#inside-frame { padding-top: 50px; padding-bottom: 50px;}
    .inside-frame { }
/* Inside Frame End */

/* List Service Star */
ul.list-service { }
    ul.list-service li { margin-bottom: 50px;}
    ul.list-service li:last-child { margin-bottom: 0;}
/* List Service End */

/* Service Info Star */
.service-info { padding-left: 40px; padding-top: 15px;}
/* Service Info End */

/* Service Item Star */
ul.service-item { }
    ul.service-item li { float: left; width: 20.00000%; background: url("../img/home-services-item-bg.png") center no-repeat; background-size: 100% auto; height: 500px;}
    ul.service-item li a { display: block;}
/* Service Item End */

/* About Us Star */
.about-us {}
    .about-us .aboutL { width: 60%; float: left; background: #FFF;}
    .about-us .aboutL .summary { padding: 20px 30px 30px 0; font-size: 16px;}
    .about-us .aboutR { width: 40%; float: right; background: #FAFAFA;}
    .about-us .aboutR ul.data { margin: 20px 20px 10px 20px; }
    .about-us .aboutR ul.data li { float: left; width: 50%; position: relative; padding-left: 2vw; margin-bottom: 15px; margin-top: 15px; text-align: left; border-left: 1px solid #ccc;}
    .about-us .aboutR ul.data li h2.counter { font-family:'Geometric415BT BlackA'; font-size: 40px;line-height: 40px;display: inline-block;}
    .about-us .aboutR ul.data li i.year {font-size: 16px;color: #2062ed;text-align: right;display: inline-block;font-style: normal;}
    .about-us .aboutR ul.data li p {color: #999;font-size: 14px;line-height: 30px;}
    .about-us .aboutR ul.data li:before {content: '';position: absolute;left: -1px;top: 0;width: 1px;height: 30%;background: #2062ed;z-index: 1;}
/* About Us Star */

/* List News Star */
ul.list-news li { margin-bottom: 30px;}
    ul.list-news li:last-child { margin-bottom: 0;}
/* List News End */

/* Detail Info Star */
.detail-info { }
    .detail-info img { max-width: 100%; object-fit: cover; vertical-align: middle; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    .detail-info .heads { border-bottom: 1px solid #f5f5f5; text-align: center;}
    .detail-info .heads .names { font-size: 28px; font-weight: 700; line-height: 1; text-align: center; color: #212121;}
    .detail-info .heads .paras { margin: 10px 0; color: #7d7d7d;}
    .detail-info .heads .bdshare { margin: 0 auto; display: inline-block;}
    .detail-info .heads .bdshare span { float: left; vertical-align: middle; margin-top: 6px;}
    .detail-info .infos { margin: 0 auto; font-size: 16px; padding: 30px 0; line-height: 1.4;}
    .detail-info .infos video { max-width: 100%;}
/* Detail Info End */

/* Prev Next Star */
.prev-next { border-top: 1px solid #f5f5f5; padding: 20px 0 0 0;}
    .prev-next a { color: #545454;}
    .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; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    .prev-next .prev:hover { background: #2062ed; border: solid 1px #2062ed;}
    .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; border: 1px solid #ddd; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .prev-next .back a:hover { color: #FFF; background: #2062ed; border: solid 1px #2062ed;}

    .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; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    .prev-next .next:hover { background: #2062ed; border: solid 1px #2062ed;}
    .prev-next .next:hover a { color: #FFF;}
/* Prev Next End */

/* Company Start */
.company-map { margin: 30px 0 0 0; position: relative;}
    .company-map .containerMap { width: 100%; height: 420px; overflow: hidden; border: solid 1px #e4e4e4; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;}
    .company-map .mapIcon { text-align: left; position: absolute;left: 60px; top: 60px; background: rgba(255,255,255,.9);padding: 2%;max-width: 40%; color: #555;}
    .company-map .mapIcon a { color: #555;}
    .company-map .mapIcon a:hover { color: #2062ed;}
    .company-map .mapIcon .company { color: #212121; font-weight: 700;}
    .company-map .mapIcon ul.list { margin: 10px 0 0 0; font-size: 15px;}
    .company-map .mapIcon ul.list li { margin: 0 0 5px 0; font-weight: lighter;}
    .company-map .mapIcon ul.list li i { width: 16px; height: 16px; color: #888; display: inline-block; margin: 0 10px 0 0; text-align: center;}
/* Company End */

/* Pages Start */
.pages { text-align: center;}
    .pages.mt { margin-top: 30px;}
    .pages .frame { display: inline-table; margin: 0 auto;}
    .pages .frame a { width: 42px; height: 42px; line-height: 42px; display: inline-block; font-size: 18px; color: #242424; margin-left: 5px; margin-right: 5px; background:#f4f4f4; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;}
    .pages .frame a.prev,.pages .frame a.next { color: #444;}
    .pages .frame a.on,.pages .frame a:hover { background: #0056d2; color: #FFF;}
/* Pages End */

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

}

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

    /* Service Item Star */
    ul.service-item li { height: 450px;}
    /* Service Item End */

}

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

}

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

    /* Service Item Star */
    ul.service-item li { height: 400px;}
    /* Service Item End */

}

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

}

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

}

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

    .container { padding-left: 10px; padding-right: 10px;}

    /* Inside Banner Start */
    .inside-banner .container .titles { font-size:22px; font-weight: 700; margin-top: 20px;}
    .inside-banner .container .intros { font-size:16px; margin-top: 5px; }
    /* Inside Banner 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 */

    /* Inside Frame Star */
    #inside-frame { padding-top: 15px; padding-bottom: 0;}
    /* Inside Frame End */

    /* About Us Star */
    .about-us .aboutL { width: 100%; float: none;}
    .about-us .aboutL .summary { padding: 10px 0 0 0; font-size: 16px;}
    .about-us .aboutR { width: 100%; float: none; margin-top: 20px;}
    .about-us .aboutR ul.data { margin: 10px; }
    .about-us .aboutR ul.data li h2.counter { font-size: 22px;}
    .about-us .aboutR ul.data li i.year {font-size: 16px;color: #2062ed;text-align: right;display: inline-block;font-style: normal;}
    .about-us .aboutR ul.data li p {color: #999;font-size: 14px;line-height: 30px;}
    .about-us .aboutR ul.data li:before {content: '';position: absolute;left: -1px;top: 0;width: 1px;height: 30%;background: #2062ed;z-index: 1;}
    /* About Us Star */

    /* Service Item Star */
    ul.service-item { }
    ul.service-item li { width: 50.00000%;  height: 300px;}
    ul.service-item li a { display: block;}
    /* Service Item End */

    /* Service Info Star */
    .service-info { padding-left: 30px; padding-top: 10px;}
    /* Service Info End */

    /* Detail Info Star */
    .detail-info .heads .names { font-size: 18px;}
    .detail-info .heads .paras { margin: 10px 0; color: #7d7d7d;}
    .detail-info .infos { padding: 15px 0;}
    /* Detail Info End */

    /* Company Start */
    .company-map { margin-top: 0; margin-bottom: 30px;}
    .company-map .containerMap { height: 320px;}
    .company-map .mapIcon { left: 15px; top: 15px; padding: 20px;max-width: 96%;}
    /* Company End */

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

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

}

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

}