/* Bread Crumb Start */
.bread-crumb { background: url("../img/gradient-color.png") top repeat-x; background-size: auto 100%; padding-top: 20px; padding-bottom: 20px; font-size: 18px;}
    .bread-crumb img { width: 28px;}
    .bread-crumb a { margin: 0 15px;}
/* Bread Crumb End */

/* Frame Inside Start */
#frame-inside { margin-bottom: 60px;}
    .frame-inside { }
    .frame-inside .inside-left { float: left; width: 28.000000%;}
    .frame-inside .inside-right { float: right; width: 68.000000%;}
    .frame-inside .inside-right.mt { padding-top: 25px;}

    .frame-inside .inside-right .detail { margin-top: 30px; font-size: 18px; padding-bottom: 30px;}
/* Frame Inside End */

/* Inside Info Start */
.inside-info { line-height: 1.1;}
    .inside-info.mt { margin-top: 30px;}
    .inside-info .head { padding: 30px 0; color: #FFF; background: #007a46; text-align: center; -webkit-border-radius: 36px 36px 0 0; -moz-border-radius: 36px 36px 0 0; border-radius: 36px 36px 0 0;}
    .inside-info .head h2 { position: relative; font-weight: 700;}
    .inside-info .head h2:after { position: absolute; left: calc(50% - 40px); bottom: -10px; content: ''; width: 80px; height: 3px; background: #FFF;}
    .inside-info .main { background: #ededed; padding: 15px 25px 30px;}
    .inside-info .main ul.multi-level li { padding-top: 15px;}
    .inside-info .main ul.multi-level li a { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .inside-info .main ul.multi-level li a:hover { color: #007a46;}
    .inside-info .main ul.multi-level li .name { font-size: 22px; font-weight: 700; border-bottom: solid 1px #aeaeae; padding-left: 20px; padding-right: 5px; padding-bottom: 10px;}
    .inside-info .main ul.multi-level li.on .name a { color: #007a46;}
    .inside-info .main ul.multi-level li .name span { cursor: pointer; float: right; display: block; border-left: solid 1px #ababab; padding-left: 10px; width: 22px; height: 26px; background: url("../img/icon-down.png") right center no-repeat; background-size: auto 50%;}
    .inside-info .main ul.multi-level li .name span img { height: 12px;}
    .inside-info .main ul.multi-level li.on .name span { background: url("../img/icon-up.png") right center no-repeat; background-size: auto 50%;}



    .inside-info .main ul.multi-level li ul { display: none;}
    .inside-info .main ul.multi-level li.on ul { display: block;}

    .inside-info .main ul.multi-level li ul li { padding-left: 20px; border-bottom: dotted 1px #ababab; font-size: 18px; padding-top:8px; padding-bottom: 8px; }
    .inside-info .main ul.multi-level li ul li.on a { color: #007a46;}

    .inside-info .main ul.single-level li { text-align: center; border-bottom: dotted 1px #ababab; font-size: 22px; padding-top:10px; padding-bottom: 10px; }
    .inside-info .main ul.single-level li a { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .inside-info .main ul.single-level li a:hover,.inside-info .main ul.single-level li.on a { color: #007a46;}

    .inside-info .main ul.single-level-right { border-bottom: solid 1px #ababab; padding-bottom: 10px;}
    .inside-info .main ul.single-level-right li { font-size: 22px; padding: 8px 20px; }
    .inside-info .main ul.single-level-right li.on a { color: #007a46;}

    .inside-info .main .date { border-bottom: solid 1px #ababab; padding: 20px 20px; color: #007a46;}
    .inside-info .main .date .title { font-size: 22px; font-weight: 700;}
    .inside-info .main .date .year { font-size: 18px; font-weight: 700; margin-top: 8px; margin-bottom: 8px;}
    .inside-info .main .date ul.month { }
    .inside-info .main .date ul.month li { padding-top: 2px; padding-bottom: 2px;}
    .inside-info .main .date ul.month li a { color: #007a46; font-size: 18px;}
    .inside-info .main .date ul.month li a span { font-size: 16px; color: #181818;}

    .inside-info .main .keyword { padding: 20px 20px;}
    .inside-info .main .keyword .title { font-size: 22px; font-weight: 700; margin-bottom: 10px; color: #007a46;}
    .inside-info .main .keyword a { margin-right: 8px; font-size: 20px; line-height: 1.4; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .inside-info .main .keyword a:last-child { margin-right: 0;}
    .inside-info .main .keyword a:hover { color: #007a46;}

    .inside-info .main ul.contact { margin-top: 20px; margin-left: 15px; margin-right: 15px;}
    .inside-info .main ul.contact li { margin-bottom: 30px;}
    .inside-info .main ul.contact li:last-child { margin-bottom: 0;}
    .inside-info .main ul.contact li .image img { height: 42px;}
    .inside-info .main ul.contact li .company { font-weight: 700; font-size: 20px; margin: 8px 0;}
    .inside-info .main ul.contact li .info { font-size: 16px; }
/* Inside Info End */

/* Single Pro One Start */
.single-pro-one { }
    .single-pro-one .head { background: #ededed; line-height: 46px; padding: 10px 20px; margin-bottom: 3px;}
    .single-pro-one .head .name { float: left; font-weight: 700; color: #007a46; font-size: 18px; width: calc(100% - 50px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .single-pro-one .head .icon { float: right; width: 46px; height: 46px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
    .single-pro-one .image { overflow: hidden;}
    .single-pro-one .image img { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .single-pro-one:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
    .single-pro-one .frame .intro { color: #1f1f1f; font-size: 18px; margin-top: 20px; margin-bottom: 5px; height: 55px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .single-pro-one .frame .more { font-size: 18px; color: #007a46; text-align: right;}
/* Single Pro One End */

/* Single Pro Two Start */
.single-pro-two { }
    .single-pro-two .head { background: #ededed; line-height: 46px; padding: 10px 20px; margin-bottom: 3px;}
    .single-pro-two .head .name { float: left; font-weight: 700; color: #007a46; font-size: 18px; width: calc(100% - 50px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .single-pro-two .head .icon { float: right; width: 46px; height: 46px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
    .single-pro-two .frame { background: #ededed; padding: 15px 20px;}
    .single-pro-two .frame .item { border-bottom: solid 1px #FFF; color: #1f1f1f; font-size: 18px; padding-top: 10px; padding-bottom: 10px;}
    .single-pro-two .frame .item.one .texts,.single-pro-two .frame .item.three .texts { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; height: 52px; overflow: hidden;}
    .single-pro-two .frame .item:nth-child(3) { border-bottom: none;}
    .single-pro-two .frame .more { font-size: 18px; color: #007a46; text-align: left;}
/* Single Pro Two End */

/* Single Pro Three Start */
.single-pro-three { }
    .single-pro-three .head { display: flex; padding-left: 20px; padding-right: 20px; background: #ededed; font-weight: 700; color: #007a46; font-size: 18px; height: 66px; overflow: hidden; line-height: 1; align-items: center; vertical-align: middle; margin-bottom: 3px;}
    .single-pro-three .image { overflow: hidden;}
    .single-pro-three .image img { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .single-pro-three:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
    .single-pro-three .frame .intro { color: #1f1f1f; font-size: 18px; margin-top: 20px; margin-bottom: 5px; height: 55px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .single-pro-three .frame .more { font-size: 18px; color: #007a46; text-align: right;}
/* Single Pro Three End */

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

/* News Detail Start */
.news-detail { }
    .news-detail .time { color: #111; font-size: 22px; margin-bottom: 5px;}
    .news-detail .name { color: #007a46; font-size: 28px; font-weight: 700;}
    .news-detail .keyword { margin: 10px auto;}
    .news-detail .keyword a { background: #d2d2d2; margin-right: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px 15px; font-size: 16px;}
    .news-detail .intro { color: #060606; font-size: 18px; margin-top: 15px; margin-bottom: 20px;}
/* News Detail End */

/* Prev Next Start */
.prev-next { margin-top: 20px; font-size: 18px; line-height: 1.6; color: #007a46;}
    .prev-next a { color: #007a46;}
/* Prev Next End */

/* Get Quote Start */
.get-quote { border-top: solid 1px #d7d7d7; padding-top: 20px;}
    .get-quote .forms { margin-top: 10px;}
    .get-quote .forms .form-control { color: #000; padding: 6px 15px; font-size: 16px; font-weight: 700; display: block; height: auto; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; overflow: hidden;}

    .get-quote .forms ul li { float: left; margin-right: 4.000000%; width: 48.000000%; margin-bottom: 15px;}
    .get-quote .forms ul li.even { margin-right: 0;}
    .get-quote .forms ul li.fulls { width: 100%; margin-right: 0;}
    .get-quote .forms .form-control::placeholder { color: #000;}

    .get-quote .forms .input-group-addon { padding: 0; overflow: hidden; border-radius: 0;}
    .get-quote .forms .input-group-addon img { max-height: 32px;}

    .get-quote .forms .buttons { margin-top: 15px;}
    .get-quote .forms .buttons button { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; font-size: 20px; letter-spacing: 1px; padding: 10px 40px; line-height: 1; outline: 0; border: 0; background:#007a46; color: #FFF;}
    .get-quote .forms .buttons button:hover { background: #006a00;}

/* Get Quote End */

/* Recommend Hc Start */
.recommend-hc { border-top: solid 1px #d7d7d7; padding-top: 40px; }
    .recommend-hc .framework { position: relative;}
    .recommend-hc .swiper-button-prev { color: #848484;; font-size: 36px; left: -30px;}
    .recommend-hc .swiper-button-next { color: #848484;; font-size: 36px; right: -30px;}
    .recommend-hc .swiper-button-prev:after,.recommend-hc .swiper-button-next:after{display: none;}
    .recommend-hc .swiper-button-next.swiper-button-disabled, .recommend-hc .swiper-button-prev.swiper-button-disabled { opacity: 1;}

    .swiper-recommend-hc { margin-top: 30px;}
/* Recommend Hc End */

/* Recommend Dhfw Start */
.recommend-dhfw { border-top: solid 1px #d7d7d7; padding-top: 40px; position: relative; margin-top: 30px;}
    .recommend-dhfw .framework { position: relative;}
    .recommend-dhfw .swiper-button-prev { color: #848484;; font-size: 36px; left: -30px;}
    .recommend-dhfw .swiper-button-next { color: #848484;; font-size: 36px; right: -30px;}
    .recommend-dhfw .swiper-button-prev:after,.recommend-dhfw .swiper-button-next:after{display: none;}
    .recommend-dhfw .swiper-button-next.swiper-button-disabled, .recommend-dhfw .swiper-button-prev.swiper-button-disabled { opacity: 1;}
    .swiper-recommend-dhfw { margin-top: 30px;}
/* Recommend Dhfw End */

/* List Down Start */
ul.list-down { margin-top: 30px;}
    ul.list-down li { margin-bottom: 30px;}
    ul.list-down li .image { float: left; width: 40.000000%; overflow: hidden;}
    ul.list-down li .image img { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    ul.list-down li:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

    ul.list-down li .info { float: right; width: 55.000000%; padding-top: 5.000000%;}
    ul.list-down li .info .name { font-size: 22px; font-weight: 700; color: #006a00; margin-bottom: 10px;}
    ul.list-down li .info .intro { font-size: 17px;}
    ul.list-down li .info .date { font-size: 17px;}
    ul.list-down li .info .button { margin-top: 15px; font-size: 17px;}
    ul.list-down li .info .button a { padding: 5px 40px; border: solid 1px #000; -moz-border-radius: 36px; -webkit-border-radius: 36px; border-radius: 36px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    ul.list-down li .info .button a:hover { background: #006a00; border: solid 1px #006a00; color: #FFF; }
/* List Down End */

/* List Faq Start */
ul.list-faq { margin-top: 30px;}
    ul.list-faq li { margin-bottom: 15px;}
    ul.list-faq li .head { background: #ededed; padding: 10px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    ul.list-faq li .head .name { float: left; width: calc(100% - 50px); overflow: hidden; font-weight: 700; font-size: 20px; color: #006a00; background: url("../img/icon-people.png") left center no-repeat; background-size: auto 100%; padding-left: 30px;}
    ul.list-faq li .head .arrow { margin-top: 2px; float: right; width: 35px; height: 22px; background: url("../img/icon-down-green.png") center no-repeat; background-size: auto 100%;}
    ul.list-faq li .info { display: none; font-size: 18px; border: solid 1px #ededed; padding: 10px 20px; margin-top: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    ul.list-faq li.on .head .arrow { background: url("../img/icon-up-green.png") center no-repeat; background-size: auto 100%;}
    ul.list-faq li.on .info { display: block; }
/* List Faq End */

/* Online Feedback Start */
#online-feedback { background: #ededed; padding: 60px 0;}
    .online-feedback { }
    .online-feedback .forms { margin-top: 10px; padding-left: 10%; padding-right: 10%;}
    .online-feedback .forms .form-control { color: #000; padding: 6px 15px; font-size: 16px; font-weight: 700; display: block; height: auto; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; overflow: hidden;}

    .online-feedback .forms ul li { float: left; margin-right: 4.000000%; width: 48.000000%; margin-bottom: 15px;}
    .online-feedback .forms ul li.even { margin-right: 0;}
    .online-feedback .forms ul li.fulls { width: 100%; margin-right: 0;}
    .online-feedback .forms .form-control::placeholder { color: #000;}

    .online-feedback .forms .input-group-addon { padding: 0; overflow: hidden; border-radius: 0;}
    .online-feedback .forms .input-group-addon img { max-height: 32px;}

    .online-feedback .forms .buttons { margin-top: 15px;}
    .online-feedback .forms .buttons button { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; font-size: 20px; letter-spacing: 1px; padding: 10px 40px; line-height: 1; outline: 0; border: 0; background:#007a46; color: #FFF;}
    .online-feedback .forms .buttons button:hover { background: #006a00;}
/* Online Feedback End */

/* Website Map Start */
#website-map { background: #ededed; padding: 60px 0;}
    .website-map { margin-top: 30px;}

    .website-map ul.lists { }
    .website-map ul.lists li { }
    .website-map ul.lists li .drop-memu.list { margin-top: 20px; padding-bottom: 20px; border-bottom: solid 1px #cecece;}
    .website-map ul.lists li .drop-memu.list dl { float: left; width: 21.250000%; margin-right: 5.000000%;}
    .website-map ul.lists li .drop-memu.list dl a { color: #000;}
    .website-map ul.lists li .drop-memu.list dl a:hover { color:#007a46;}
    .website-map ul.lists li .drop-memu.list dl dt { font-size: 24px; font-weight: 700; margin-bottom: 10px;}
    .website-map ul.lists li .drop-memu.list dl dd { border-bottom: solid 1px #939393; font-size: 16px; padding: 8px 0;}
    .website-map ul.lists li .drop-memu.list dl dd span { float: right;}
    .website-map ul.lists li .drop-memu.list dl:nth-child(4n) { margin-right: 0;}
/* Website Map End */

/* Contact Us Start */
#contact-us { padding: 60px 0;}
    ul.contact-us { }
    ul.contact-us li { float: left; width: 22.750000%; margin-right: 3.000000%;}
    ul.contact-us li:nth-child(4n) { margin-right: 0;}
/* Contact Us End */

/* Single Contact Start */
.single-contact { }
    .single-contact .image { overflow: hidden; }
    .single-contact .image img { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .single-contact:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
    .single-contact .icon { margin-top: 30px;}
    .single-contact .icon img { height: 42px;}
    .single-contact .company { font-weight: 700; font-size: 20px; margin: 8px 0;}
    .single-contact .info { font-size: 16px;}
/* Single Contact End */

/* Popup Window Star */
#popup-window { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 99999999; background: rgba(0,0,0,0.63); text-align: center; padding-top: 15%; padding-left: 15px; padding-right: 15px;}
    #popup-window .videos { background: #000; display: inline-block; margin: 0 auto; position: relative;}
    #popup-window video { max-height: calc(100vh - 90px); border: solid 5px rgba(0,0,0,0.83);}
    #popup-window.active { display: block;}
    #popup-window .closes { z-index: 999999999; position: absolute; top: 10px; right: 10px; color: #FFF; font-size: 32px; cursor: pointer;}
/* Popup Window End */

/* Pages Star */
.pages { text-align: center; }
    .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: #000; margin-left: 5px; margin-right: 5px; background:#f4f4f4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden;}
    .pages .frame a.prev,.pager .frame a.next { color: #787878;}
    .pages .frame a.on { background: #007a46; color: #FFF;}
/* Pages 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){


}

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

    /* Bread Crumb Start */
    .bread-crumb { padding-top: 10px; padding-bottom: 10px; font-size: 15px;}
    .bread-crumb img { width: 18px;}
    .bread-crumb a { margin: 0 5px;}
    /* Bread Crumb End */

    /* Frame Inside Start */
    #frame-inside { margin-bottom: 30px;}
    .frame-inside .inside-left { display: none;}
    .frame-inside .inside-right { float: none; width: 100.000000%;}
    .frame-inside .inside-right.mt { padding-top: 0;}
    .frame-inside .inside-right .detail { margin-top: 15px; font-size: 16px; padding-bottom: 15px;}
    /* Frame Inside End */

    /* List two Start */
    ul.list-two { margin-bottom: 0;}
    ul.list-two.mt { margin-top: 10px;}
    ul.list-two li { width: 48.000000%; margin-right: 4.000000%; margin-bottom: 20px;}
    ul.list-two li:nth-child(3n) { margin-right: 4.000000%;}
    ul.list-two li:nth-child(2n) { margin-right: 0;}
    ul.list-two li:nth-child(3),.ul.list-two li:nth-child(9) { margin-right: 4.000000%;}
    /* List Pro End */

    /* Single Pro One Start */
    .single-pro-one .head { line-height: 36px; padding: 5px 10px; }
    .single-pro-one .head .name { font-size: 16px; width: calc(100% - 40px); overflow: hidden;}
    .single-pro-one .head .icon { width: 36px; height: 36px;}
    .single-pro-one .frame .intro { font-size: 15px; margin-top: 10px; line-height: 1.2;}
    .single-pro-one .frame .more { font-size: 15px; line-height: 1.2;}
    /* Single Pro One End */

    /* Single Pro Two Start */
    .single-pro-two { }
    .single-pro-two .head {line-height: 36px; padding: 5px 10px; }
    .single-pro-two .head .name { font-size: 16px; width: calc(100% - 40px); overflow: hidden; line-height: 1.2;}
    .single-pro-two .head .icon { width: 36px; height: 36px;}
    .single-pro-two .frame { padding: 5px 10px; line-height: 1.2;}
    .single-pro-two .frame .item { font-size: 15px; padding-top: 5px; padding-bottom: 5px;}
    .single-pro-two .frame .more { font-size: 15px;}
    /* Single Pro Two End */

    /* Single Pro Three Start */
    .single-pro-three .head { padding-left: 10px; padding-right: 10px; font-size: 16px; height: 86px;}
    .single-pro-three .frame .intro { font-size: 15px; margin-top: 10px; margin-bottom: 5px; line-height: 1.2;}
    .single-pro-three .frame .more { font-size: 15px;}
    /* Single Pro Three End */

    /* Get Quote Start */
    .get-quote .forms .input-group-addon img { max-width: none; }
    .get-quote .forms .buttons { margin-top: 10px; text-align: center;}
    /* Get Quote End */

    /* Recommend Hc Start */
    .recommend-hc { padding-top: 20px; }
    .recommend-hc .swiper-button-prev { color: #007a46; left: 0;}
    .recommend-hc .swiper-button-next { color: #007a46; right: 0;}
    .swiper-recommend-hc { margin-top: 15px;}
    /* Recommend Hc End */

    /* Recommend Dhfw Start */
    .recommend-dhfw { padding-top: 20px; margin-top: 15px;}
    .recommend-dhfw .swiper-button-prev { color: #007a46; left: 0;}
    .recommend-dhfw .swiper-button-next { color: #007a46; right: 0;}
    .swiper-recommend-dhfw { margin-top: 15px;}
    /* Recommend Dhfw End */

    /* News Detail Start */
    .news-detail .time { font-size: 18px;}
    .news-detail .name { font-size: 20px;}
    .news-detail .keyword { margin: 5px auto;}
    .news-detail .keyword a { display: inline-block; margin-right: 3px; margin-bottom: 5px; padding: 2px 10px; font-size: 14px;}
    .news-detail .intro { font-size: 16px; margin-top: 10px; margin-bottom: 10px;}
    /* News Detail End */

    /* Prev Next Start */
    .prev-next { margin-top: 20px; font-size: 16px; line-height: 1.4;}
    /* Prev Next End */

    /* List Down Start */
    ul.list-down { margin-top: 20px;}
    ul.list-down li { margin-bottom: 20px;}
    ul.list-down li .image { float: none; width: 100.000000%; }
    ul.list-down li .info { float: none; width: 100.000000%; padding-top: 10px;}
    ul.list-down li .info .name { font-size: 18px; margin-bottom: 5px;}
    ul.list-down li .info .intro { font-size: 16px; line-height: 1.4;}
    ul.list-down li .info .date { font-size: 16px;}
    ul.list-down li .info .button { margin-top: 10px; font-size: 16px; text-align: center;}
    /* List Down End */

    /* List Faq Start */
    ul.list-faq { margin-top: 20px;}
    ul.list-faq li { margin-bottom: 15px;}
    ul.list-faq li .head { padding: 5px 15px; display: flex; min-height: 50px;}
    ul.list-faq li .head .name { float: none; display: flex; align-items: center; vertical-align: middle; width: calc(100% - 25px); font-size: 16px; background: url("../img/icon-people.png") left center no-repeat; background-size: 30px auto; padding-left: 40px; line-height: 1.4;}
    ul.list-faq li .head .arrow { margin-top: 0; float: none; width: 35px; height: auto; background: url("../img/icon-down-green.png") right center no-repeat; background-size: 30px auto;}
    ul.list-faq li .info { font-size: 16px; padding: 5px 10px; }
    ul.list-faq li.on .head .arrow { background: url("../img/icon-up-green.png") right center no-repeat; background-size: 30px auto;}
    /* List Faq End */

    /* Online Feedback Start */
    #online-feedback { padding: 30px 0;}
    .online-feedback .forms { padding-left: 0; padding-right: 0;}
    .online-feedback .forms .input-group-addon img { max-width: none; }

    .online-feedback .forms .buttons { margin-top: 10px; text-align: center;}
    /* Online Feedback End */

    /* Contact Us Start */
    #contact-us { padding: 30px 0;}
    ul.contact-us li { float: none; width: 100.000000%; margin-right: 0; margin-bottom: 20px;}
    /* Contact Us End */

    /* Single Contact Start */
    .single-contact .icon { margin-top: 20px;}
    .single-contact .icon img { height: 32px;}
    .single-contact .company { font-size: 18px;}
    /* Single Contact End */

    /* Popup Window Star */
    #popup-window video { max-height: none; max-width: 100%;}
    /* Popup Window End */

    /* Pages Star */
    .pages .frame a.num { display: none;}
    /* Pages End */
}

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

}

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

}