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: 14px; 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 */

/* Header One Start */
.header-one { margin: 0 auto; text-align: center; position: relative; display: inline-block; background: url("../img/header-one-bg.png") center no-repeat; min-width: 160px; white-space: nowrap;text-overflow: ellipsis;vertical-align: top;}
    .header-one h2 { position: relative; font-size: 20px; height: 40px;color: #fff; line-height: 40px;}
    .header-one h2:after { position: absolute; top: 40px; left: calc(50% - 6px); content: ''; display: block; width: 12px; height: 4px; background: url('../img/header-one-arrow.png') center bottom no-repeat;}

    .header-one:after { position: absolute; left: -24px; top: 0; content: ''; display: block; width: 24px; height: 40px; background: url('../img/header-one-left.png') left top no-repeat;}
    .header-one:before { position: absolute; right: -24px; top: 0; content: ''; display: block; width: 24px; height: 40px; background: url('../img/header-one-right.png') right top no-repeat;}
/* Header One Start */

/* Header Two Start */
.header-two {  height: 41px; min-height: 41px; line-height: 41px; background: linear-gradient(to bottom,#fff, #e7f0f7); border-top: #f8f8f8 1px solid; }
    .header-two h4 { float: left; line-height: 41px; padding-left: 32px; background: url('../img/title-line.png') no-repeat 12px center #4f8fbe; color: #fff; text-align: center; font-size: 18px; padding-right: 26px;}
    .header-two .more { float: right; margin-right: 18px; padding-right: 13px;background: url('../img/arrow-left-grey.png') no-repeat right center; font-size: 12px;}
/* Header Two End */


/* Toper Start */
#toper { background:#F7F7F7; border-bottom: 1px solid #F7F7F7; height: 32px; line-height: 32px;}
    .toper { }
    .toper .welcomes { float: left;}
    .toper .links { float: right; padding-top: 8px;}
    .toper .links ul li { float: left; border-right: 1px solid #ededed; line-height: 1; padding-right: 10px; padding-left: 10px;}
    .toper .links ul li:last-child { padding-right: 0; border-right: none;}
    .toper .links ul li.touch { position: relative;}
    .toper .links ul li.touch .drop-down { position: absolute; top: 32px; visibility: hidden; z-index: 99999999; background-color: #FFF; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.08); -moz-box-shadow:0 3px 8px 0 rgba(0,0,0,0.08); box-shadow:0 3px 8px 0 rgba(0,0,0,0.08); behavior: url(ie-css3.htc); -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .toper .links ul li.touch .drop-down.qrcode { width: 200px; height: 240px; font-size: 14px; text-align: center; right: 0;}
    .toper .links ul li.touch .drop-down.qrcode img { display: block; width: 140px; height: 140px; margin:0 auto;}
    .toper .links ul li.touch .drop-down.qrcode b { display: block; line-height: 1; padding: 25px 0 5px 0;}
    .toper .links ul li.touch .drop-down.qrcode p { line-height: 24px;}
    .toper .links ul li.touch .drop-down.qrcode p span { color: #eb0029;}
    .toper .links ul li.touch:hover .drop-down { visibility: visible;}
/* Toper End */

/* Header Start */
#header { }
    .header { }
    .header .logos { float: left; padding-top: 35px;}
    .header .hotlines { float: right;}
    .header .navigations { display: none;}
/* Header End */

#nav-mobile { display: none;}

/* Header Blank Star */
#header-blank { display: none;}
/* Header Blank End */

/* Menuer Start */
#menuer { background: url('../img/menu-bg.png') repeat-x; }
    ul.menuer>li { text-align: center; height: 50px; line-height: 50px; position: relative; float: left; width: calc(14.285714% - 6.857142px); font-size: 16px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    ul.menuer>li.line { width: 8px; background: url("../img/line.png") center no-repeat;}
    ul.menuer>li a { display: block; color: #FFF;}
    ul.menuer>li:not(.line):hover,ul.menuer>li.active { background: #10558c;}

    ul.menuer>li>ul.drop-menus { position: absolute; left: 0; top: 100%; width: 100%; min-width: 158px; z-index: 100; background: #10558c;-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;}
    ul.menuer>li ul.drop-menus>li { text-align: center; position: relative; border-bottom: 1px solid #115c97; line-height: 38px;}
    ul.menuer>li ul.drop-menus li:last-child { border-bottom: none;}
    ul.menuer>li ul.drop-menus li a { white-space:nowrap; display: block; font-size: 15px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    ul.menuer>li ul.drop-menus li:hover { background:#1877b7;}
    ul.menuer>li:hover ul.drop-menus { opacity:1; visibility:visible;}
/* Menuer End */

/* Home Banner Start */
#home-banner { position: relative;}
    :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{ --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: 10px; width: 10px; 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 */

/* Home Pro Start */
#home-pro { padding: 50px 0;}
    .home-pro .side-left { width: 220px; float: left;}
    .home-pro .side-right { width: calc(100% - 240px); float: right;}
/* Home Pro End */

/* Category Menu Start */
.category-menu { }
    .category-menu .title { color: #fff;font-size: 24px;line-height: 90px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background: url('../img/category_menu_bg.jpg') repeat center top; text-align: center;}
    .category-menu ul.list li {border: 1px solid #e8f1f8;background: #edf4f9;background: linear-gradient(to bottom,#edf4f9,#fff);font-size: 14px;text-align: center;line-height: 20px;overflow: hidden;color: #12558b; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .category-menu ul.list li a { display: block; padding: 14px 40px; color: #12558b; background: url('../img/arrow-left.png') no-repeat 30px center;}
    .category-menu ul.list li:hover,.category-menu ul.list li.active { background:linear-gradient(to bottom,#166fac,#1877b8); }
    .category-menu ul.list li:hover a,.category-menu ul.list li.active a { color:#fff;}
    .category-menu .more { background: #79afd5;}
    .category-menu .more a { display: block;padding: 12px 40px;color: #fff;overflow: hidden; text-align: center;}
/* Category Menu End */

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

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

/* Box Pro Start */
.box-pro { }
    .box-pro.mt-20 { margin-top: 20px;}
    .box-pro .title { height: 41px; min-height: 41px; line-height: 41px; background: linear-gradient(to bottom,#fff, #e7f0f7); border-top: #f8f8f8 1px solid; }
    .box-pro .title h4 { float: left; line-height: 41px; padding-left: 32px; background: url('../img/title-line.png') no-repeat 12px center #4f8fbe; color: #fff; text-align: center; font-size: 18px; padding-right: 26px;}
    .box-pro .title .more { float: right; margin-right: 18px; padding-right: 13px;background: url('../img/arrow-left-grey.png') no-repeat right center; font-size: 12px;}

    .box-pro .frame { padding: 5px; border: 1px solid #f0f0f0; background: #fff;}
    .box-pro .frame ul { }
    .box-pro .frame ul li { float: left; width: 23.500000%; margin-right: 2.000000%; padding: 10px;}
    .box-pro .frame ul li:nth-child(4n) { margin-right: 0;}

    .box-pro .frame ul li .names { padding: 5px 0; background: #f7f7f7; text-align: center;}
    .box-pro .frame ul li .imgs { overflow: hidden;}
    .box-pro .frame ul li .imgs img { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .box-pro .frame ul li:hover .imgs img { transform:scale(1.1); }
    .box-pro .frame ul li:hover { background: #79afd5;}
    .box-pro .frame ul li:hover .names { background: #79afd5; color: #FFF;}
/* Box Pro End */

/* Industry Application Start */
#industry-application { padding: 50px 0; text-align: center;}
    .industry-application { overflow: hidden; margin-top: 30px;}
    .industry-application ul li { float: left; padding: 10px;}
    .industry-application ul li .imgs { overflow: hidden;}
    .industry-application ul li .imgs img { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .industry-application ul li:hover .imgs img { transform:scale(1.1); }
    .industry-application ul li .names { padding: 5px 0; background: #f7f7f7;}

    .industry-application ul li:hover { background: #79afd5;}
    .industry-application ul li:hover .names { background: #79afd5; color: #FFF;}
/* Industry Application End */

/* Our Advantage Start */
#our-advantage { margin-bottom: 50px;}
/* Our Advantage End */

/* Home About Start */
#home-about { text-align: center; width: 100%; background-image: url('../img/about-bg.jpg'); background-repeat: no-repeat; background-position: 50% 0; margin: 0 auto; padding: 70px 0 30px 0; overflow: hidden; zoom: 1;}
    .home-about .intro { color: #FFF; margin: 20px auto;}
    .home-about .more { margin: 0 auto; display: inline-table;}
    .home-about .more a { position: relative; display: block;width: 40px;height: 40px;padding: 0;border: none;border-radius: 100%;background: #12558b;color: #fff;line-height: 20px;overflow: hidden; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .home-about .more a:after { position: absolute; right: 0; top: 0; width: 40px;height: 40px;color: #fff;text-indent: 0;line-height: 40px; font-size: 19px;content: "+";text-align: center;transition: all 0.3s ease-in-out;}
    .home-about .more a:hover { background: #79afd5;}

    .home-about .image { margin: 0 auto; padding: 30px; background: url('../img/about-img-bg.jpg') repeat;}
    .home-about .image img { width: 100%;}
/* Home About End */

/* Information Center Start */
#information-center { padding: 50px 0;}
    .information-center .item { float: left; margin-right: 2.000000%; width: 49.000000%;}
    .information-center .item:nth-child(2n) { margin-right: 0;}

    .information-center .item .image-text { margin-top: 15px; margin-bottom: 30px;padding: 0;border: 0;background-color: #f5f9fd;overflow: hidden;}
    .information-center .item .image-text .lefts { float: left; width: 40%; overflow: hidden;}
    .information-center .item .image-text .lefts img { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .information-center .item .image-text .rights { float: right; text-align: left; width: 55%; overflow: hidden; padding: 20px 30px 30px; color: #999; font-size: 12px; line-height: 22px;}

    .information-center .item .image-text .rights .more { width: 180px; line-height: 40px; text-align: center;}
    .information-center .item .image-text .rights .more a {display: block;background-color: #fff;color: #79afd5;transition: all 0.3s ease-in-out;border: 1px solid #d5e3f1;}
    .information-center .item:hover .image-text .rights .more a { background-color: #79afd5; color: #fff;  }
    .information-center .item:hover .image-text .lefts img { transform:scale(1.1);}


    .information-center .item .image-text .rights .name {margin-bottom: 12px;font-size: 16px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .information-center .item .image-text .rights .intro { color: #999;font-size: 12px;line-height: 22px; margin-bottom: 24px;}
/* Information Center End */

/* Text List Start */
ul.text-list { border: 1px solid #eee;}
    ul.text-list.mt-15 { margin-top: 15px;}
    ul.text-list li { border-bottom: 1px solid #eee; text-align: left; padding: 10px 20px;color: #999; transition: all 0.3s ease-in-out;}
    ul.text-list li span { float: right; width: 85px;}

    ul.text-list li a { float: left; position: relative; width: calc(100% - 85px); overflow: hidden; padding-left: 16px; left: 0; transition:all 0.3s ease-in-out; background-image: url('../img/line-gray.gif'); background-repeat: no-repeat; background-position: 0 45%; white-space: nowrap;text-overflow: ellipsis;vertical-align: top;}
    ul.text-list li:hover { background-color: #79afd5; color:#fff; }
    ul.text-list li:hover a { left: 8px; color: #fff; background-image:url('../img/line-white.gif'); }
/* Text List End */

/* Give Feedback Start */
#give-feedback { text-align: center; background-color: #eeeeee; background-image: url('../img/give-feedback-bg.jpg'); background-repeat: repeat-x; margin: 0px auto 0px auto;padding: 50px 0px 100px 0px;overflow: hidden; }
    #give-feedback .intro { margin-bottom: 20px;color: #8b8b8b;line-height: 46px;font-size: 14px; text-align: center;}
/* Give Feedback End */

/* Frame Input Start */
.frame-input { width: 100%; outline: 0; border: 1px solid #fff; background: #fff; box-sizing: border-box; padding: 8px 16px;font-size: 14px;transition: all 0.3s linear;vertical-align: top;}
    .frame-input.gray { border: 1px solid #e5e5e5;}
    .frame-input:hover { border:1px solid #999797; }
/* Frame Input End */

/* Thr Input Start */
ul.thr-input { }
    ul.thr-input li { float: left; width: 32.000000%; margin-right: 2.000000%;}
    ul.thr-input li:nth-child(3n) { margin-right: 0;}
/* Thr Input End */

/* Full Input Start */
.full-input.mt-15 { margin-top: 15px;}
/* Full Input End */

/* Two Input Start */
ul.two-input.mt-15 { margin-top: 15px;}
    ul.two-input li { float: left; width: 49.000000%; margin-right: 2.000000%;}
    ul.two-input li:nth-child(2n) { margin-right: 0;}

    ul.two-input li .button { width: 100%; outline: 0; display: block;height: 44px;border: 0;font-size: 18px;line-height: 44px;transition: all 0.3s linear;z-index: 1;vertical-align: top;}
    ul.two-input li .submit { background: #6ba1c8; color: #fff;}
    ul.two-input li .submit:hover { background:#79afd5;}
    ul.two-input li .reset { background:#999797; background: linear-gradient(to bottom,#999797,#999797); color: #fff;}
    ul.two-input li .reset:hover { background:#8a8888; background:linear-gradient(to bottom,#858585,#858585);}
/* Two Input End */

/* Enterprise Card Start */
#enterprise-card { padding: 50px 0; text-align: center;}
    .enterprise-card { margin: 40px auto 0; padding: 19px; box-shadow: 0 0 10px #ddd;}
    .enterprise-card img { width: 100%;}
/* Enterprise Card End */

/* Friendship Link Start */
#friendship-link { padding-bottom: 50px;}
    .friendship-link { }
    .friendship-link a { margin: 0 18px; color: #727084;}
/* Friendship Link End */

/* Footer Start */
#footer { text-align: center; background-color: #3f4040; padding: 30px 0;color: #fff;line-height: 26px;transition: all 0.3s ease 0s;}
    #footer a { color: #fff;}
/* Footer 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) {

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

    /* Toper Start */
    #toper { display: none;}
    /* Toper End */

    /* Header Start */
    #header { position: fixed; left: 0; top: 0; width: 100%; background: #FFF; z-index: 9991;}
    .header .logos { float: left; padding-top: 10px; padding-bottom: 10px;}
    .header .logos img { max-height: 36px;}
    .header .hotlines { display: none;}
    .header .navigations { float: right; display: block;}
    /* Header End */

    /* Mobile Menus Star */
    .hc-nav-trigger { top: 16px; right: 10px;}
    .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: 30px;}
    .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 */

    /* Menuer Start */
    #menuer { display: none;}
    /* Menuer End */

    /* Header Blank Star */
    #header-blank { display: block; width: 100%; height: 55px;}
    /* Header Blank 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 */

    /* Home Pro Start */
    #home-pro { padding: 20px 0;}
    .home-pro .side-left { display: none;}
    .home-pro .side-right { width: 100%; float: none;}
    /* Home Pro End */

    /* Box Pro Start */
    .box-pro.mt-20 { margin-top: 10px;}
    .box-pro .frame ul li { width: 49.000000%; padding: 0;}
    .box-pro .frame ul li:nth-child(2n) { margin-right: 0;}
    /* Box Pro End */

    /* Industry Application Start */
    #industry-application { padding: 20px 0;}
    .industry-application { overflow: hidden; margin-top: 15px;}
    .industry-application ul li { padding: 5px;}
    /* Industry Application End */

    /* Home About Start */
    .home-about .image { padding: 5px;}
    /* Home About End */

    /* Information Center Start */
    #information-center { padding: 20px 0;}
    .information-center .item { float: none; margin-right: 0; width: 100.000000%;}
    .information-center .item:nth-child(2n) { margin-right: 0; margin-top: 10px;}

    .information-center .item .image-text { margin-top: 10px; margin-bottom: 15px;}
    .information-center .item .image-text .lefts { width: 45%; }
    .information-center .item .image-text .rights { width: 50%; padding: 5px; }
    .information-center .item .image-text .rights .more { line-height: 30px;}
    .information-center .item .image-text .rights .name {margin-bottom: 5px;line-height: 32px;}
    .information-center .item .image-text .rights .intro { margin-bottom: 10px;}
    /* Information Center End */

    /* Give Feedback Start */
    #give-feedback { padding: 20px 0;}
    #give-feedback .intro { margin-bottom: 10px;line-height: 24px; margin-top: 15px;}
    /* Give Feedback End */

    /* Enterprise Card Start */
    #enterprise-card { padding: 20px 0; }
    .enterprise-card { margin: 15px auto 0; padding: 5px; }
    /* Enterprise Card End */

    /* Friendship Link Start */
    #friendship-link { padding-bottom: 20px;}
    .friendship-link a { margin: 0 10px;}
    /* Friendship Link End */

    /* Footer Start */
    #footer { padding: 20px 0 60px 0;}
    /* 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 */

}

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


}

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


}