html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0; padding: 0; border: none; }
img{ vertical-align: middle; border-style: none; max-width: 100%; object-fit: cover;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{ content: "."; display: block; overflow: hidden; height: 0; clear: both; visibility: hidden}
.fl{float: left}
.fr{float: right}
b,strong{ font-weight:900;}

@font-face {
    font-family:'Geometric415BT BlackA'; src:url("../fonts/geometric/Geometric415BT-BlackA.eot");src:url("../fonts/geometric/Geometric415BT-BlackA.eot?#iefix") format("embedded-opentype"),url("../fonts/geometric/Geometric415BT-BlackA.woff") format("woff"),url("../fonts/geometric/Geometric415BT-BlackA.ttf") format("truetype"),url("../fonts/geometric/Geometric415BT-BlackA.svg#YourWebFontName") format("svg");
}

html,body{ font-size: 15px; width: 100%; line-height: 186%; background-color: #FFF; color:#231815; font-family:"Microsoft YaHei","Microsoft JhengHei","幼圆",Arial,Helvetica,sans-serif;}

.filletBox { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}

/* Links Start */
a{color:#333; text-decoration:none; outline:none !important;}
a:hover{color:#e62800; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus { color:#333; text-decoration: none; }
/* Links End */

/* Float Layer Star */
.float-layer { position: fixed; /*background: rgba(192, 138, 74, 0.63);*/ width: 100%; left: 0; z-index: 9990; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .float-layer.ups { opacity:1; top: 0;}
    .float-layer.downs{ opacity:0;top: -100px;}
    .float-layer.active #header { background: rgba(255, 255, 255, 0.93);}
/* Float Layer End */

/* Btn More Star */
.btn-more a { min-width: 170px;padding: 5px 10px 4px 10px;font-size: 16px;line-height: 24px;overflow: hidden;vertical-align: top;z-index: 1;position: relative;display: inline-block;text-align: center;}
    .btn-more a .regular {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: inherit;transition: all 300ms linear;opacity: 1;z-index: 2;line-height: 28px;}
    .btn-more a .hover {opacity: 1;visibility: visible;transition: transform 700ms cubic-bezier(.19,1,.22,1);width: calc(100% + 1px);height: calc(100% + 1px);transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: bottom right;-ms-transform-origin: bottom right;position: absolute;top: 0;left: 0;z-index: 3;}
    .btn-more a:hover .hover {transform: scaleX(1);-ms-transform: scaleX(1);transform-origin: bottom left;}
    .btn-more a .text{position: relative;z-index: 4;display: inline-block;vertical-align: middle;line-height: 28px;letter-spacing: 1px;}
    .btn-more a .icon{position: relative;z-index: 4;display: inline-block;vertical-align: middle;margin: 0 0 0 10px;font-size: 18px;}
/* Btn More End */

/* Header One Star */
h2.header-one { text-align: left; position: relative; font-size: 28px; font-weight: normal; text-transform: capitalize; padding-bottom: 15px;}
    h2.header-one:after { position: absolute; content: ''; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #2f318b;}
/* Header One End */

/* Header Three Star */
.header-three { text-align: left; position: relative; font-size: 20px; font-weight: lighter; text-transform: capitalize; padding-bottom: 15px; color: #fff; margin-bottom: 30px;}
    .header-three:after { position: absolute; content: ''; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #FFF;}
/* Header Three End */


/* Header Four Star */
.header-four { margin: 0; padding: 0; display: block; color: #054e8e; text-align: center;}
    .header-four em { font-family: 'OswaldBold'; text-transform: uppercase; font-size: 36px; font-weight: 700; letter-spacing: 1px;}
    .header-four em label { font-family: 'OswaldLight'; font-weight: lighter;}
    .header-four i { display: block; outline: none; border: 2px solid #e62800; width: 38px; margin: 5px auto 6px auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden;}
    .header-four span { display: block; font-size: 16px; color: #333; font-weight: normal; letter-spacing: 2px;}
/* Header Four End */

/* Header Five Star */
.header-five { text-align: left; position: relative; font-size: 20px; font-weight: 700; text-transform: capitalize; padding-bottom: 15px; color: #231815; margin-bottom: 30px;}
    .header-five:after { position: absolute; content: ''; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #e62800;}
/* Header Five End */

/* Header Six Star */
.header-six { text-align: left; position: relative; padding-bottom: 10px; color: #231815; margin-bottom: 20px;}
    .header-six .cng { font-size: 24px; font-weight: 700; text-transform: capitalize;}
    .header-six .eng { font-size: 16px; font-family: 'OswaldBold'; text-transform: capitalize; margin-top: 20px;}
    .header-six:after { position: absolute; content: ''; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #054e8e;}
/* Header Six End */

/* Header Seven Star */
.header-seven { text-align: left; position: relative; padding-bottom: 10px; color: #231815; margin-bottom: 20px;}
    .header-seven .cng { font-size: 24px; font-weight: 700; text-transform: capitalize;}
    .header-seven .eng { font-size: 16px; font-family: 'OswaldBold'; text-transform: capitalize; margin-top: 20px;}
    .header-seven:after { position: absolute; content: ''; right: 0; bottom: 0; width: 30px; height: 1px; background-color: #054e8e;}
/* Header Seven End */

/* Header Eight Star */
.header-eight { position: relative; border-bottom: 1px solid #e6e6e6;}
    .header-eight .cng { text-align: left;position: relative;font-size: 20px;font-weight: 700;text-transform: capitalize;padding-bottom: 10px;}
    .header-eight .cng:after { position: absolute; content: ''; left: 0; bottom: -1px; width: 40px; height: 1px; background-color: #054e8e;}
    .header-eight .eng { position: absolute;right: 0;top: 0;font-family: impact !important;color: #e6e6e6;font-size: 32px;text-transform: uppercase;line-height: 32px;}
/* Header Eight End */

/* Header Nine Star */
h2.header-nine { text-align: left; position: relative; font-size: 18px; font-weight: 700; text-transform: capitalize; padding-bottom: 10px;}
    h2.header-nine:after { position: absolute; content: ''; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #014099;}
/* Header Nine End */

/* Header Ten Star */
.header-ten { font-size: 30px; text-align: center; color: #666; margin-bottom: 50px;}
    .header-ten span {padding-left: 50px;padding-right: 50px;font-weight: bold;color: #000;}
/* Header Ten End */

/* Header Eleven Star */
.header-eleven { margin: 0 auto; display: table; text-align: left;}
    .header-eleven a {color: #333;}
    .header-eleven .titles { float: left; font-size: 36px; color: #333; display: inline-block; line-height: 100%;}
    .header-eleven .titles b { font-weight: 700;}
    .header-eleven .lines { float: left; display: inline-block; margin: 8px 10px 0 10px;}
    .header-eleven .intros { float: left; display: inline-block; margin: 3px 0 0 0;}
    .header-eleven .intros span { font-size: 20px;color: #4e4e4e; font-weight: normal; line-height: 100%;}
    .header-eleven .intros em { display: block; font-size: 12px; color: #d7d7d7; line-height: 100%;}
/* Header Eleven End */

/* White Star */
.white{position:relative;overflow:hidden;}
    .white:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));transform:skewx(-25deg);}
    .white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s;}
/* White End */

/* Header Star */
#header { /*border-bottom:1px solid rgba(255, 255, 255, 0.25);*/ width: 100%; background: rgba(255, 255, 255, 0.63); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .header { position: relative; }
    .header .logos { float: left; margin-top: 25px;}
    .header .logos img { max-height: 46px;}

    .header ul.menus { float: left; margin-left: 100px;}
    .header ul.menus>li { float: left; position: relative; text-align: center; border-bottom: 3px solid transparent;}
    .header ul.menus>li em.eng { display: block; font-size: 10px;color: #a7a7a7;font-weight: normal;line-height: 16px;text-transform: uppercase;}
    .header ul.menus>li em.cng { font-weight: 500;}
    .header ul.menus>li>a { float: left; text-transform: uppercase; display: block; padding: 30px 22px 0; height: 91px; box-sizing: border-box; font-size: 18px; line-height: 18px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}

    .header ul.menus>li:hover,.header ul.menus>li.active { /*background: #054e8e;*/ border-bottom: 3px solid #054e8e;}
    .header ul.menus>li:hover em.eng,.header ul.menus>li.active em.eng { /*color: #FFF;*/}
    .header ul.menus>li:hover>a,.header ul.menus>li.active>a { /*color: #FFF;*/}

    .header ul.menus>li>a i { margin: 0 0 0 10px;}

    .header ul.menus>li>ul.drop-menus { position: absolute; left: 0; top: 100%; min-width: 158px; z-index: 100; border-top: 3px solid #054e8e; background: rgba(255, 255, 255, 0.63);-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);opacity: 0;visibility: hidden;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;-moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;}
    .header ul.menus>li ul.drop-menus li { text-align: left; padding: 0 20px; position: relative; border-bottom: solid 1px rgba(255, 255, 255, 0.33);}
    .header ul.menus>li ul.drop-menus li:last-child { border-bottom: none;}
    .header ul.menus>li ul.drop-menus li a { white-space:nowrap; padding: 10px 0; display: block; font-size: 15px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .header ul.menus>li ul.drop-menus li a i { float: right; margin: 4px 0 0 0;}
    .header ul.menus>li ul.drop-menus li:hover>a { color: #054e8e;}
    .header ul.menus>li:hover ul.drop-menus { opacity:1; visibility:visible;}

    .header ul.menus>li ul.drop-menus>li ul.child-menus { position: absolute; left: 100%; top: -3px; min-width: 188px; z-index: 101; border-top: 3px solid #054e8e; opacity:0; visibility:hidden;background: rgba(255, 255, 255, 0.85);-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;-moz-border-radius: 0 0 2px 0; -webkit-border-radius: 0 0 2px 0; border-radius: 0 0 2px 0;}
    .header ul.menus>li ul.drop-menus>li:hover ul.child-menus { opacity:1; visibility:visible;}
    .header ul.menus>li ul.drop-menus>li ul.child-menus>li ul.tiny-menus { position: absolute; left: 100%; top: -2px; min-width: 188px; z-index: 101; border-top: 2px solid #054e8e; opacity:0; visibility:hidden;background: rgba(255, 255, 255, 0.85);-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;-moz-border-radius: 0 0 2px 0; -webkit-border-radius: 0 0 2px 0; border-radius: 0 0 2px 0;}
    .header ul.menus>li ul.drop-menus>li:hover ul.child-menus>li:hover ul.tiny-menus { opacity:1; visibility:visible;}

    .header .hotlines { float: right; margin-top: 24px; text-align: left; color: #333; line-height: 16px; padding: 1px 0 0 55px; background: url('../img/phone-ico-black.png') no-repeat 3px 0; background-size: auto 100%; font-size: 16px;}
    .header .hotlines b { font-family:'Geometric415BT BlackA'; line-height: 24px; height: 24px;  display: block; font-weight: 700; font-size: 24px; margin-top: 3px;}

    .header .navigations { display: none;}
/* Header End */

#nav-mobile { display: none;}

/* Bottom Menus Star */
#bottom-menus { display:none;}
/* Bottom Menus End */

/* Popup Overlay Star */
.popup-overlay { display: none;}
/* Popup Overlay End */

/* Header Blank Star */
#header-blank { display: block; width: 100%; height: 94px;}
/* Header Blank End */

/* Home Banner Start */
#home-banner { position: relative;}
    #home-banner .swiper { width: 100%; max-height: 860px; }
    :root { --swiper-navigation-size:34px;}
    #home-banner .swiper-slide { position: relative; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-bsox-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
    #home-banner .swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}

    #home-banner .swiper{ --swiper-theme-color: #054e8e; --swiper-pagination-color: #054e8e; --swiper-pagination-bullet-inactive-color: #FFF; --swiper-pagination-bullet-inactive-opacity:1;}
    #home-banner .swiper-pagination-bullet { height: 15px; width: 15px; border-radius:10px; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}

    #home-banner .swiper-button-prev { }
    #home-banner .swiper-button-next { }

    #home-banner .swiper-horizontal>.swiper-pagination-bullets, #home-banner .swiper-pagination-bullets.swiper-pagination-horizontal, #home-banner .swiper-pagination-custom, .swiper-pagination-fraction { /*bottom: 70px;*/}
    #home-banner .swiper-pagination-bullet-active { width: 42px;}
/* Home Banner End */

/* Slide Text Start */
.slide-text {left: 0;top: 10%;right: 0;margin: auto;position: absolute;text-align: center;padding: 10px 85px;overflow: hidden;}
    .slide-text h1 { padding: 0;color: #fff;font-size: 22px;display: block;-webkit-animation-delay: 0.7s;animation-delay: 0.7s;margin-bottom: 10px;line-height: 175%;font-weight: 500;}
    .slide-text h2 { color: #ffffff;font-size: 26px;display: block;-webkit-animation-delay: 0.7s;animation-delay: 0.7s;text-transform: capitalize;font-weight: 500;}
    .slide-text h2 label { font-size: 36px;font-weight: 700;color: #e72525;margin: 0 10px;}
    .slide-text h3 {color: #ffffff;font-size: 20px;display: block;letter-spacing: 3px;-webkit-animation-delay: 0.7s;animation-delay: 0.7s;text-transform: capitalize;margin: 20px 0 30px 0;background: url("../img/line2.png") center no-repeat;font-weight: 500;}
    .slide-text a {color: #FFF;font-size: 18px;letter-spacing: 1px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;border: solid 1px #054e8e;padding: 6px 30px;-webkit-animation-delay: 0.7s;animation-delay: 0.7s;background: #054e8e;font-weight: 500;}
    .slide-text a:hover { background: rgba(255,255,255,0.63); color: #054e8e; border: 1px solid rgba(255,255,255,0.63);}
    .slide-text a img { margin-left: 10px; margin-bottom: 5px;}
    .slide-text .boxs { display: table; background-color: rgba(0, 0, 0, 0.1)!important; margin: 0 auto; padding: 50px 60px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
/* Slide Text End */

/* Product Through Start */
#product-through { padding: 60px 0 30px 0; overflow: hidden;}
    #product-through img { max-width: 100%; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .product-through { margin: 40px 0 30px 0; position: relative;}

    .product-through .swiper-button-prev { color: #FFF; font-size: 22px; width: 50px; height: 50px; left: 5px; top: calc(100% - 35px); background: #054e8e;}
    .product-through .swiper-button-next { color: #FFF; font-size: 22px; width: 50px; height: 50px; right: 5px; top: calc(100% - 35px); background: #054e8e;}
    .product-through .swiper-button-prev:after,.product-through .swiper-button-next:after{display: none;}

    .product-through .swiper-button-next.swiper-button-disabled, .product-through .swiper-button-prev.swiper-button-disabled { opacity: 1;}
/* Product Through End */

/* Single Product Start */
.single-product { margin: 0 5px; background: #f6f6f6; position: relative;}
    .single-product .imgs {
        width: 100%;
        height: 240px;
        overflow: hidden;
        position: relative;
        background: #f5f5f5; /* 留白底色 */
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .single-product .imgs img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }
    .single-product:hover .imgs img { /*transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);*/}
    .single-product .texts { text-align: left; box-sizing: border-box; padding: 20px 20px 25px;}
    .single-product .texts .t {display: block;font-size: 22px;line-height: 1.4;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s ease;-webkit-transition: all .3s ease;}
    .single-product .texts .d {font-size: 14px;margin-top: 10px;color: #777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .single-product .texts .more {display: inline-block;font-size: 14px;color: #333;position: relative; text-align: center; margin: 15px auto 0 auto; width: 100%; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .single-product:after { position: absolute; transition: all .3s ease; -webkit-transition: all .3s ease; left: calc(50% - 35px); width: 70px; bottom: 0; background: #333; height: 3px;content: "";}
    .single-product:hover .texts .more { color: #054e8e;}
    .single-product:hover { background: #f0f0f0;}
    .single-product:hover:after { left: 0; width: 100%;}
    .single-product:hover .texts .t { color: #054e8e;}
/* Single Product End */

/* Mores Center Sta */
.mores-center { margin: 0 auto; text-align: center;}
    .mores-center a { color: #FFF; text-transform: capitalize; display: block;  width: 200px; padding: 10px 0 8px 0;  text-align: center;  font-size: 16px; margin: 0 auto; border: 1px solid #054e8e; background: #054e8e; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
    .mores-center a:hover { color: #FFF; background: #1a73e8; border: 1px solid #1a73e8; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
/* Mores Center End */


/* Group Industry Star */
#group-industry {  padding: 80px 0; margin: 50px auto 0 auto; background: url("../img/bg-group-industry.png") center no-repeat; background-attachment: fixed; background-size: cover; overflow: hidden;}
    .group-industry { margin: 50px auto 0 auto;}
    .group-industry ul li { float: left; margin-right: 3%; width: 22.750000%; position: relative; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15); behavior: url(ie-css3.htc);}
    .group-industry ul li img { max-width: 100%;}
    .group-industry ul li a { color: #FFF;}
    .group-industry ul li:nth-child(4n) { margin-right: 0;}

    .group-industry ul li .icon { position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -105px; width: auto; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s; }
    .group-industry ul li .layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.52);}

    .group-industry ul li .text { position: absolute; left: 0; top: 49%; width: 100%; height: 100%; color: #FFF; padding: 0 5%; text-align: center; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s; }

    .group-industry ul li .text .name { font-weight: 700; font-size: 20px;}
    .group-industry ul li .text .intro { margin: 10px auto 0 auto;}

    .group-industry ul li .info { position: absolute; top: -5px;left: -5px;right: -5px; bottom: -5px;box-shadow: 5px 5px 20px rgb(88 88 88 / 60%);-webkit-box-shadow: 5px 5px 20px rgb(88 88 88 / 60%);text-align: center; background: #054e8e; color: #fff; visibility: hidden; opacity: 0; padding-top: 135px; z-index: 1; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
    .group-industry ul li:hover .info { visibility: visible;opacity: 1;}
    .group-industry ul li:hover .icon { margin-top: -45px; z-index: 2; transform:scale(.8); -webkit-transform:scale(.8); -moz-transform:scale(.8); -ms-transform:scale(.8); top: 70px!important; visibility: visible; opacity: 1;}

    .group-industry ul li .info .name { font-size: 20px; font-weight: 700;}

    .group-industry ul li .info dl.category { width: 80%;margin: 25px auto 30px;}
    .group-industry ul li .info dl.category dd { position: relative;}
    .group-industry ul li .info dl.category dd a { height: 42px;line-height: 42px;border-bottom: 1px solid rgba(255, 255, 255, 0.15);font-size: 16px;display: block; color: #fff; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; -o-transition: 0.5s;}
    .group-industry ul li .info dl.category dd a:after { content: '';height: 1px;width: 0;background: #054e8e;position: absolute;left: 0;bottom: 0;transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;}
    .group-industry ul li .info dl.category dd a:hover:after{ /*width:100%;*/}
    .group-industry ul li .info dl.category dd a:hover{ letter-spacing: 1px;}

    .group-industry ul li .info .more { margin: 50px auto 0 auto; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;  display: inline-block;height: 34px;line-height: 34px;border: 1px solid #fff;width: 110px;text-align: center;color: #054e8e;position: relative;padding-right: 8px;transition-property: all!important;-webkit-transition-property: all;}
    .group-industry ul li .info .more a { color: #FFF; display: block;}
    .group-industry ul li .info .more a i { position: absolute;background: url('../img/icon-arrow-white.png') center center no-repeat; width: 50px; height: 20px;right: -25px;top: 6px; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; -o-transition: 0.5s;}
    .group-industry ul li .info .more:hover a i { right: 15px;}
    .group-industry ul li .info .more:hover { width:150px; padding-right: 30px;}
/* Group Industry End */


/* About Us Start */
#about-us { padding: 60px 0; border-top:1px solid rgba(192, 138, 74, 0.1); overflow: hidden;}
    .about-us { margin-top: 30px;}
    .about-us .company { box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);}
    .about-us .company .image { float: left; width: 50%;}
    .about-us .company .content { float: right; width: 50%; padding: 45px 30px; text-align: left;}
    .about-us .company .content .intro { margin: 30px auto 0 auto; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden;}
    .about-us .company .content .intro h1.enterprise { font-weight: 700; color: #054e8e; font-size: 20px; margin: 15px auto 15px auto;}

    .about-us .company .content .more { margin: 30px auto 0 auto; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;  display: inline-block;height: 34px;line-height: 34px;border: 1px solid #231815;width: 110px;text-align: center;color: #e62800;position: relative;padding-right: 8px;transition-property: all!important;-webkit-transition-property: all;}
    .about-us .company .content .more a { color: #231815;}
    .about-us .company .content .more a i { position: absolute;background: url('../img/icon-arrow-black.png') center center no-repeat; width: 50px; height: 20px;right: -25px;top: 6px; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; -o-transition: 0.5s;}
    .about-us .company .content .more:hover a i { right: 15px;}
    .about-us .company .content .more:hover { width:150px; padding-right: 30px;}
/* About Us End */

/* News Information Star */
#news-information { padding: 60px 0;}
    #news-information img { max-width: 100%;}
    #news-information .head { }
    #news-information .head .title { float: left;}
    #news-information .head .more { float: right;}

    #news-information .head .more .link { }
    #news-information .head .more .link a { color: #054e8e;}
    #news-information .head .more .link a .regular { box-shadow: inset 0 0 0 1px #054e8e;}
    #news-information .head .more .link a .hover {background-color: #054e8e;box-shadow: inset 0 0 0 1px #054e8e;}
    #news-information .head .more .link a:hover .text {color: #FFF;}
    #news-information .head .more .link a:hover .icon {color: #FFF;}

    .news-information { margin-top: 20px;}

    ul.list-news { }
    ul.list-news li { float: left; margin: 0 2% 30px 0; width: 23.500000%; border-top: solid 1px #ededed; position: relative; padding: 10px 0 0 0;}
    ul.list-news li:nth-child(4n) { margin-right: 0;}
    ul.list-news li:after { position: absolute; top: -1px; left: 0; width: 0; content: ''; height: 1px; background: #afafaf; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    ul.list-news li:hover:after { width: 100%;}
    ul.list-news li .image { overflow: hidden;}
    ul.list-news li img { transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    ul.list-news li:hover .image img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}

    ul.list-news li .date { color: #777; font-family: impact !important; text-align: left;}
    ul.list-news li .name { text-align: left; font-size: 16px; font-weight: 700; margin: 5px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 30px; overflow: hidden; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    ul.list-news li .intro { text-align: left; color: #777; margin: 0 0 15px 0; height:52px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    ul.list-news li .more { text-transform: uppercase; color: #777; font-family: impact !important; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    ul.list-news li .more span { font-weight: 700; float: left; line-height: 30px;}
    ul.list-news li .more i { margin: 0 0 0 20px; float: right; line-height: 30px; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    ul.list-news li:hover .name,ul.list-news li:hover .more { color: #2f318b;}

/* News Information End */

/* Footer Star */
#footer { overflow: hidden; background:/* url("../img/bg-footer.jpg") no-repeat */#005bac; /*background-size: cover;*/ color: #f8f8f8; padding: 60px 0 0 0; }
    #footer a { color: #f8f8f8; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    #footer a:hover { color: #FFF;}
    #footer img { max-width: 100%;}

    #footer .infos { margin: 0 0 40px 0;}
    #footer .infos .abouts { float: left; width: 37%; text-align: left;}
    #footer .infos .abouts .logo { margin: 0 0 30px 0;}
    #footer .infos .abouts .content { margin: 0 0 10px 0;}

    #footer .infos .abouts .contact { margin: 0 0 20px 0;}
    #footer .infos .abouts ul.notes { }
    #footer .infos .abouts ul.notes li { margin: 0 0 5px 0;}
    #footer .infos .abouts ul.notes li i { width: 16px; height: 16px; color: #f8f8f8; display: inline-block; margin: 0 10px 0 0; text-align: center;}

    #footer .infos .abouts .share ul li { position: relative; display: inline-block; margin: 0 10px 0 0;}
    #footer .infos .abouts .share ul li a { background: rgba(0, 0, 0, 0.3); position: relative; width: 40px; height: 40px; color: #d7d7d7; font-size: 16px; line-height: 40px; text-align: center; border-radius: 50%; display: inline-block; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease;}
    #footer .infos .abouts .share ul li a:hover { color: #FFF;}

    #footer .infos .links { float: left; width: 40%; margin: 0 4%; text-align: left;}
    #footer .infos .links .lists ul.item { float: left; width: 33.333333%; padding: 0 10px 0 0;}
    #footer .infos .links .lists ul.item li { transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    #footer .infos .links .lists ul.item li:hover { padding-left: 5px;}
    #footer .infos .links .lists ul.item li i { margin: 0 15px 0 0;}

    #footer .infos .follows { float: right; width: 12%; text-align: left;}
    #footer .infos .follows .qr-code { margin: 5px 0 0 0;}
    #footer .infos .follows .qr-code ul li { float: left; text-align: left;}
    #footer .infos .follows .qr-code ul li img { max-width: 140px;}
    #footer .infos .follows .qr-code ul li p { margin: 10px 0 0 0; font-size: 14px; text-align: center;}

    #footer .copyrights { padding: 20px 0 15px 0; text-align: center; background: #054e8e; color: #f8f8f8;}
    #footer .copyrights a { color: #f8f8f8; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    #footer .copyrights a:hover { color: #FFF;}
/* Footer End */

/* Back To Top Star */
#back-to-top { position: fixed; cursor: pointer; z-index: 999999; bottom: 24px; right: 24px; display: block; transition: all 300ms ease-out; visibility: hidden; opacity: 0; text-align: center; width: 48px; height: 48px; line-height: 48px !important; font-size: 16px;border-radius: 150px;color: #054e8e;background-color: #ffffff;-webkit-box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08); behavior: url(ie-css3.htc);}
    #back-to-top.show { visibility: visible;opacity: 1;}
    #back-to-top:hover { color: #FFF; background: #054e8e;}
/* Back To Top End */


/* moveRight Star */
@keyframes moveRight { 0% { transform: translate(-6px, 0); } 100% { transform: translate(6px, 0); } }
/* moveRight End */

@-webkit-keyframes wave {
    0% {
        background:rgba(0,0,0,.25);
        transform:translateX(-50%) translateY(-50%) scale(0)
    }
    to {
        background:transparent;
        transform:translateX(-50%) translateY(-50%) scale(1)
    }
}@keyframes wave {
     0% {
         background: rgba(0, 0, 0, .25);
         transform: translateX(-50%) translateY(-50%) scale(0)
     }
     to {
         background: transparent;
         transform: translateX(-50%) translateY(-50%) scale(1)
     }
 }

/* Xl Star */
@keyframes xl {
    0% {
        bottom: 15px;
    }
    50% {
        bottom: 30px;
    }
    100% {
        bottom: 15px;
    }
}
/* Xl End */

/* Famove1 Star */
@-webkit-keyframes famove1 {
    0% { width: 0px; height: 0px; opacity: 0;}
    50% { width: 20px; height: 20px;opacity: 1; }
    75% { width: 25px;height: 25px;opacity: .5; }
    100% { width: 30px;height: 30px;opacity: 0; }
}

@-moz-keyframes famove1 {
    0% { width: 0px;height: 0px;opacity: 0; }
    50% { width: 20px;height: 20px;opacity: 1; }
    75% { width: 25px;height: 25px;opacity: .5; }
    100% { width: 30px;height: 30px;opacity: 0; }
}

@-o-keyframes famove1 {
    0% { width: 0px;height: 0px;opacity: 0; }
    50% { width: 20px;height: 20px;opacity: 1; }
    75% { width: 25px;height: 25px;opacity: .5; }
    100% { width: 30px;height: 30px;opacity: 0; }
}

@keyframes famove1 {
    0% { width: 0px;height: 0px;opacity: 0; }
    50% { width: 20px;height: 20px;opacity: 1; }
    75% { width: 25px;height: 25px;opacity: .5; }
    100% { width: 30px;height: 30px;opacity: 0; }
}
/* Famove1 End */


/* Bounce Up Star */
@-webkit-keyframes bounce-up {
    10% {
        transform: rotate(20deg);
    }
    20% {
        transform: rotate(-10deg);
    }
    30% {
        transform: rotate(5deg);
    }
    40% {
        transform: rotate(-5deg);
    }
    50%,100% {
        transform: rotate(0deg);
    }
}
@keyframes bounce-up {
    10% {
        transform: rotate(20deg);
    }
    20% {
        transform: rotate(-10deg);
    }
    30% {
        transform: rotate(5deg);
    }
    40% {
        transform: rotate(-5deg);
    }
    50%,100% {
        transform: rotate(0deg);
    }
}
/* Bounce Up End */

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

}

/* <1680的设备 */
@media screen and (max-width: 1680px){
    /* Header Star */
    .header ul.menus { margin-left: 70px;}
    /* Header End */

    /* Group Industry Star */
    .group-industry ul li:hover .icon { transform:scale(.7); -webkit-transform:scale(.7); -moz-transform:scale(.7); -ms-transform:scale(.7); top: 60px!important;}
    .group-industry ul li .info { padding-top: 115px;}

    .group-industry ul li .info dl.category {width: 90%;margin: 15px auto 20px;}
    /* Group Industry End */
}

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

    /* Header Star */
    .header ul.menus { margin-left: 20px;}
    /* Header End */

    /* Group Industry Star */
    .group-industry ul li:hover .icon { transform:scale(.6); -webkit-transform:scale(.6); -moz-transform:scale(.6); -ms-transform:scale(.6); top: 50px!important;}
    .group-industry ul li .info { padding-top: 105px;}

    .group-industry ul li .info dl.category {margin: 10px auto 15px;}
    /* Group Industry End */
}

/* <1440的设备 */
@media screen and (max-width: 1440px){
    /* Header Star */
    .header ul.menus>li>a { padding-left: 20px; padding-right: 20px;}
    .header .hotlines b { font-size: 22px;}
    /* Header End */
}

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

    /* Header Star */
    .header ul.menus>li>a { padding-left: 15px; padding-right: 15px;}
    .header .hotlines b { font-size: 20px;}
    /* Header End */

    /* Footer Star */
    #footer .infos { margin-left: 30px; margin-right: 30px;}
    /* Footer End */
}

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

    /* Footer Star */
    #footer .infos { margin-left: 10px; margin-right: 10px;}
    /* Footer End */
}

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

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

    /* Header One Star */
    h2.header-one { font-size: 22px; padding-bottom: 10px;}
    /* Header One End */

    /* Header Four Star */
    .header-four em { font-size: 26px;}
    .header-four span { font-size: 14px; line-height: 1.4;}
    /* Header Four End */

    /* Header Five Star */
    .header-five { margin-bottom: 10px;}
    /* Header Five End */


    /* Header Eleven Star */
    .header-eleven .titles { float: none; font-size: 24px;}
    .header-eleven .lines { display: none;}
    .header-eleven .intros { display: none;}
    /* Header Eleven End */

    /* Header Star */
    .header .logos { margin-top: 6px; margin-bottom: 6px;}
    .header .logos img { height: 32px;}

    .header ul.menus { display: none;}
    .header .hotlines { display: none;}

    .header .navigations { float: right; display: block;}
    /* Header End */

    /* Home Banner Start */
    #home-banner .swiper-pagination-bullet { height: 10px; width: 10px;}
    #home-banner .swiper-button-prev,#home-banner .swiper-button-next { top: 60%; width: 30px; height: 30px;}
    #home-banner .swiper-horizontal>.swiper-pagination-bullets, #home-banner .swiper-pagination-bullets.swiper-pagination-horizontal, #home-banner .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0;}
    #home-banner .swiper-button-next:after, #home-banner .swiper-button-prev:after { font-size: 26px;}
    #home-banner .swiper-pagination-bullet-active { width: 32px;}
    /* Home Banner End */

    /* Slide Text Start */
    .slide-text { display: none;}
    /* Slide Text End */

    /* Mobile Menus Star */
    .hc-nav-trigger { top: 10px; right: 0;}
    .toggle span, .toggle span::before, .toggle span::after { background: #FFF;}
    .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after { background: #054e8e; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;}
    .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul { background-color: #FFF;}
    .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul { background: #FFF;}

    .hc-offcanvas-nav h2 { color: #333; padding: 12px 17px; font-weight: 700; border-bottom: 1px solid #0a53c6; text-align: left;}
    .hc-offcanvas-nav h2 img { height: 36px;}
    .hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a { border-top: 1px solid #eaeaea;}
    .hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a i { margin-right: 10px; color: #c3c3c3;}
    .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a { background: #0a53c6; color:#FFF; border-top: 1px solid #0a53c6; border-bottom: 1px solid #0a53c6;}
    .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover { background: #036eb8;}
    .hc-offcanvas-nav a { border-bottom: 1px solid #eaeaea; color: #333;}
    .hc-offcanvas-nav:not(.touch-device) a:hover { background: #2d2f2e;}
    .hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next { border-left: 1px solid #eaeaea;}
    .hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before { border-top: 2px solid #eaeaea;  border-left: 2px solid #eaeaea;}
    .hc-offcanvas-nav.nav-levels-overlap ul li i { margin-right: 10px; color: #c3c3c3; width: 20px; height: 20px; display: inline-block; text-align: center;}
    .hc-offcanvas-nav a { padding: 10px 12px;}
    /* Mobile Menus End */

    /* Product Through Start */
    #product-through { padding: 20px 0 15px 0;}
    .product-through { margin: 15px 0 10px 0;}
    /* Product Through End */

    /* Single Product Start */
    .single-product .texts { padding: 10px 10px 15px;}
    .single-product .texts .t { font-size: 15px; font-weight: 700;}
    .single-product .texts .d {font-size: 13px; margin-top: 5px; line-height: 1.4;}
    .single-product .texts .more { margin-top: 3px;}
    /* Single Product End */

    /* Group Industry Star */
    #group-industry {  padding: 40px 0; margin: 20px auto 0 auto;}
    #group-industry .container { padding-left: 0; padding-right: 0;}
    .group-industry { margin: 30px auto 0 auto;}
    .group-industry ul li { float: none; margin-right: 0; width: 100%;}
    /* Group Industry End */

    /* About Us Start */
    #about-us { padding: 30px 0;}
    .about-us { margin-top: 20px;}
    .about-us .company .image { float: none; width: 100%;}
    .about-us .company .content { float: none; width: 100%; padding: 20px 15px;}
    .about-us .company .content .intro { margin-top: 0;}
    .about-us .company .content .intro h1.enterprise { margin-top: 10px; margin-bottom: 10px;}
    /* About Us End */

    /* News Information Star */
    #news-information { padding: 30px 0 0 0;}
    .news-information { margin-top: 10px;}

    ul.list-news { }
    ul.list-news li { float: none; margin-right: 0; width: 100.000000%;}
    ul.list-news li:nth-child(4n) { margin-right: 0;}
    ul.list-news li:after { position: absolute; top: -1px; left: 0; width: 0; content: ''; height: 1px; background: #afafaf; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    ul.list-news li:hover:after { width: 100%;}
    ul.list-news li .image { overflow: hidden;}
    ul.list-news li img { transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    ul.list-news li:hover .image img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}

    ul.list-news li .date { color: #777; font-family: impact !important; text-align: left;}
    ul.list-news li .name { text-align: left; font-size: 16px; font-weight: 700; margin: 5px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 30px; overflow: hidden; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    ul.list-news li .intro { text-align: left; color: #777; margin: 0 0 15px 0; height:52px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    ul.list-news li .more { text-transform: uppercase; color: #777; font-family: impact !important; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    ul.list-news li .more span { font-weight: 700; float: left; line-height: 30px;}
    ul.list-news li .more i { margin: 0 0 0 20px; float: right; line-height: 30px; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    ul.list-news li:hover .name,ul.list-news li:hover .more { color: #2f318b;}

    /* News Information End */

    /* Footer Star */
    #footer { padding: 30px 0 0 0;}
    #footer .infos { margin: 0 10px 15px 10px;}
    #footer .infos .abouts { float: none; width: 100%;}
    #footer .infos .abouts .share { display: table; margin: 0 auto;}
    #footer .infos .links { display: none;}
    #footer .infos .follows { float: none; width: 100%; margin: 15px 0 0 0;}
    #footer .infos .follows .qr-code { margin: 5px auto 0 auto; display: table;}
    #footer .copyrights { padding: 10px 10px;}
    /* Footer End */

    /* Bottom Menus Star */
    #bottom-menus {display: block;box-shadow:0 -1px 10px rgba(0,0,0,0.1);background-color:#e62800;background-image:-webkit-linear-gradient(top,#e62800,#EC2227);background-image:-o-linear-gradient(top,#ea4335,#f22a12);background-image:-ms-linear-gradient(top,#ea4335,#f22a12);background-image:linear-gradient(top,#ea4335,#f22a12);background-repeat: repeat-x;width: 100%;position: fixed;bottom: 0;z-index: 9990;padding: 10px 0;}
    #bottom-menus ul li {float: left;width: 33.333333%;border-right: solid 1px #dbdbdb;text-align: center;color: #FFF;font-size: 17px;font-weight: 600;}
    #bottom-menus ul li a { color: #FFF;}
    #bottom-menus ul li img { height: 22px; margin: 0 6px 0 0;}
    #bottom-menus ul li:last-child{border-right: none;}
    /* Bottom Menus End */

    /* Popup Overlay Star */
    .popup-overlay { display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(255, 255, 255, 0.95); z-index: 999999; -webkit-transition-duration: .4s; transition-duration: .4s;  -webkit-transform: translate3d(0,100%,0);  transform: translate3d(0,100%,0);  -webkit-transition-property: opacity,-webkit-transform;  transition-property: opacity,-webkit-transform;  transition-property: transform,opacity;  transition-property: transform,opacity,-webkit-transform;  opacity: 0; }
    .popup-overlay.active { opacity: 1; -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0); }
    .popup-overlay .infos {  width: 100%;  padding: 0 20px;  margin-top: 15px;  display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  text-align: center;  }
    .popup-overlay .closes {  width: 20px;  height: 20px; position: absolute;  left: 50%;  bottom: 10px;  transform: translateX(-50%);  }
    .popup-overlay .closes img { max-width: 100%;}

    .popup-overlay .infos .slogans { display: block; width: 100%; margin: 0 auto 10px auto;}
    .popup-overlay .infos .slogans h1 { font-size: 26px; margin: 0 0 10px 0;}
    .popup-overlay .infos .slogans h2 { font-size: 18px;}

    .popup-overlay .infos .wechat { max-width: 100%; margin: 0 auto; }
    .popup-overlay .infos .wechat img { max-width: 120px;}
    .popup-overlay .infos .wechat-text { display: block; text-align: center; width: 100%; margin: 10px 0 0 0; font-size: 14px; }

    .popup-overlay .infos .clipboardBtn { display: block; width: 100%; color: #FFF; margin: 10px auto 0 auto; font-size: 14px; padding: 5px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: transparent; background-color: #ff6a6a;}
    .popup-overlay .infos .wechatBtn { display: block; width: 100%; color: #FFF; margin: 10px auto 0 auto; font-size: 14px; padding: 5px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: transparent; background-color: #2ba245;}

    .popup-overlay .infos .examples { margin: 15px auto 0 auto;}
    .popup-overlay .infos .examples img { max-width: 100%;}
    /* Popup Overlay End */


    /* Back To Top Star */
    #back-to-top { bottom: 60px; right: 15px; width: 38px; height: 38px; line-height: 34px !important;}
    /* Back To Top End */

    /* Header Blank Star */
    #header-blank { height: 44px;}
    /* Header Blank End */

}

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


}

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


}