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;}

html,body{ font-size: 15px; width: 100%; max-width: 1920px; margin: 0 auto; line-height: 186%; background-color: #FFF; color: #666; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
*{ moz-user-select: -moz-none;  -moz-user-select: none;  -o-user-select:none;  -khtml-user-select:none;  -webkit-user-select:none;  -ms-user-select:none;  user-select:none; }

.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);}


::-webkit-scrollbar{
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c1c1c1;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
::-webkit-scrollbar-thumb:hover { background-color: #a8a8a8;}
/* Scrollbar End */

/* links */
a{color:#666; text-decoration:none; outline:none !important;}
a:hover{color:#1a73e8; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus { color:#666; text-decoration: none; }

/* Float Layer Start */
.float-layer { position: fixed; width: 100%; left: 0; z-index: 999999999; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
/* Float Layer End */

/* Header One Start */
.header-one { text-align: center; color: #231815;}
    .header-one h2 { font-size: 38px; font-weight: 700;}
    .header-one h3 { font-size: 28px; margin-top: 10px;}
/* Header One End */

/* Header Two Start */
.header-two { text-align: center; color: #231815;}
    .header-two h2 { font-size: 38px; font-weight: 700;}
    .header-two h3 { font-size: 28px; margin-top: 10px;}
    .header-two .desc { font-size: 15px; border-top: solid 1px #231815; display: inline-block; margin-top: 20px; padding-top: 5px;}
/* Header Two End */

/* Header Three Start */
.header-three { text-align: center; color: #FFF;}
    .header-three h2 { font-size: 38px; font-weight: 700;}
    .header-three h3 { font-size: 28px; margin-top: 10px;}
/* Header Three End */

/* Header Four Start */
.header-four { color: #231815;}
    .header-four .heads { }
    .header-four .heads .titles { float: left; font-size: 42px; font-weight: 700; line-height: 1;}
    .header-four .heads .companys { float: right; font-size: 12px; text-align: right;}
    .header-four .heads .companys p { line-height: 1;}
    .header-four .heads .companys p:nth-child(2) { margin-top: 5px;}

    .header-four .foots { font-size: 38px; margin-top: 15px; position: relative; border-right: solid 2px #463d3b; padding-bottom: 20px;}
    .header-four .foots:after { position: absolute; left: 0; bottom: 0; width: 116px; content: ''; height: 2px; background: #1a73e8;}
/* Header Four End */


/* Header Start */
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999999; background: #FFF;}
    .header .logos { float: left; margin-top: 14px;}
    .header .logos img { height: 62px;}
    .header ul.menus { float: right;}
    .header ul.menus>li { float: left; position: relative; height: 90px; line-height: 90px; padding-left: 25px; padding-right: 25px;}
    .header ul.menus>li:last-child { padding-right: 0;}
    .header ul.menus>li>a { text-transform: uppercase; display: block; font-size: 18px; color: #666;}
    .header ul.menus>li.active>a { font-weight: 700; }


    .header ul.menus>li a:hover { color: #666;}

    .header ul.menus>li>ul.drop-menus { position: absolute; left: 0; top: 100%; min-width: 120px; z-index: 100; background: rgba(255,255,255,.7);-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;height: 0;overflow: hidden;-webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
    .header ul.menus>li>ul.drop-menus li { height: 42px; line-height: 42px;}

    .header ul.menus>li:hover>ul.drop-menus { opacity:1; visibility:visible; height: auto;}
    .header ul.menus>li:hover ul.drop-menus li { border-bottom: solid 1px #DDD; text-align: center; padding: 0 20px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .header ul.menus>li:hover ul.drop-menus li:last-child { border-bottom: none;}
    .header ul.menus>li:hover ul.drop-menus li a { text-transform: capitalize; white-space:nowrap; display: block; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .header ul.menus>li:hover ul.drop-menus li a:hover { color: #FFF;}

    .header ul.menus>li:hover ul.drop-menus li:hover { background: rgba(26,115,232,.8); }


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

/* Navigation Start */
#navigation { display: none;}
/* Navigation End */

/* Header Blank Start */
.header-blank { width: 100%; height: 90px;}
/* Header Blank End */

/* Home Banner Start */
#home-banner { position: relative;}
    #home-banner .swiper { width: 100%; height: 100%;}
    #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-box-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-slide .floating-layers { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #FFF;  text-align: left;}
    #home-banner .swiper-slide .floating-layers .contents { margin-top: 20%; margin-right: 35%;}
    #home-banner .swiper-slide .floating-layers .contents .titles { display: inline-block; font-size: 48px; font-weight: 700;}
    #home-banner .swiper-slide .floating-layers .contents .mores { margin: 80px auto; font-size: 18px;}
    #home-banner .swiper-slide .floating-layers .contents .mores a { display: inline-block; background: #1a73e8; padding: 5px 30px; color: #FFF; -moz-border-radius: 36px; -webkit-border-radius: 36px; border-radius: 36px;}

    #home-banner .swiper-slide.one .floating-layers .contents .lists { }
    #home-banner .swiper-slide.one .floating-layers .contents .lists ul li { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; font-size: 16px; float: left; text-align: center; margin: 0 2% 30px 0; width: 23.500000%; -moz-border-radius: 36px; -webkit-border-radius: 36px; border-radius: 36px; border: solid 3px #FFF;}
    #home-banner .swiper-slide.one .floating-layers .contents .lists ul li:nth-child(3) { margin-right: 0; width: 49.000000%;}
    #home-banner .swiper-slide.one .floating-layers .contents .lists ul li:nth-child(7) { margin-right: 0;}
    #home-banner .swiper-slide.one .floating-layers .contents .lists ul li a { color: #FFF; display: inline-block;}
    #home-banner .swiper-slide.one .floating-layers .contents .lists ul li:hover { background: #1a73e8; border: solid 3px #1a73e8;}


    #home-banner .swiper-slide.two .floating-layers .contents .lists { margin-right: 60%;}
    #home-banner .swiper-slide.two .floating-layers .contents .lists ul li { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; font-size: 16px; float: left; text-align: center; margin: 0 2% 30px 0; width: 49.000000%; -moz-border-radius: 36px; -webkit-border-radius: 36px; border-radius: 36px; border: solid 3px #FFF;}
    #home-banner .swiper-slide.two .floating-layers .contents .lists ul li:nth-child(2n) { margin-right: 0;}
    #home-banner .swiper-slide.two .floating-layers .contents .lists ul li a { color: #FFF; display: inline-block;}
    #home-banner .swiper-slide.two .floating-layers .contents .lists ul li:hover { background: #1a73e8; border: solid 3px #1a73e8;}

    #home-banner .swiper-slide.three .floating-layers ul.parameters { margin: 8% 10% 0 10%;}
    #home-banner .swiper-slide.three .floating-layers ul.parameters li { float: left; width: 50.000000%; text-align: center; padding: 6% 0;}
    #home-banner .swiper-slide.three .floating-layers ul.parameters li:nth-child(1) { border-bottom: solid 2px #FFF; border-right: solid 2px #FFF;}
    #home-banner .swiper-slide.three .floating-layers ul.parameters li:nth-child(2) { border-bottom: solid 2px #FFF;}
    #home-banner .swiper-slide.three .floating-layers ul.parameters li:nth-child(3) { border-right: solid 2px #FFF;}

    #home-banner .swiper-slide.three .floating-layers ul.parameters li .heads { line-height: 1;}
    #home-banner .swiper-slide.three .floating-layers ul.parameters li .heads .nums { display: inline-block; font-size: 110px; font-weight: 700; vertical-align: middle; }
    #home-banner .swiper-slide.three .floating-layers ul.parameters li .heads .pluss { display: inline-block; font-size: 42px; font-weight: 700; vertical-align: middle; margin-left: 10px;}
    #home-banner .swiper-slide.three .floating-layers ul.parameters li .heads .units { font-size: 28px;}
    #home-banner .swiper-slide.three .floating-layers ul.parameters li .foots { font-size: 32px; line-height: 1; margin-top: 2px;}

    #home-banner .swiper{ --swiper-theme-color: #FFF; --swiper-pagination-color: #1a73e8;}
    #home-banner .swiper-pagination-bullet { width: 280px; height: 3px; background: #FFF; opacity:1; margin: 0 30px; border-radius:0; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
    #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 { /*height: 6px;*/ background: #1a73e8; }
/* Home Banner End */

/* Pro Home Start */
#pro-home { }
    #pro-home .swiper-button-prev:after,#pro-home .swiper-button-next:after{display: none;}
    #pro-home .swiper-button-prev { color: rgba(26,115,232,.8); font-size: 22px; left: 50px; background: rgba(255, 255, 255, 1);}
    #pro-home .swiper-button-next { color: rgba(26,115,232,.8); font-size: 22px; right: calc(50% + 50px); background: rgba(255, 255, 255, 1);}

    #pro-home .swiper-button-next, #pro-home .swiper-button-prev { width: 44px;}
/* Pro Home End */

/* Pro Switch Start */
.pro-switch { }
    .pro-switch .lefts { float: left; width: 50.000000%; position: relative;}
    .pro-switch .lefts .texts { overflow: hidden; background: rgba(26,115,232,.8); width: 100%; color: #FFF; text-align: center; position: absolute; left: 0; bottom: 0; height: 48px; line-height: 48px; border-top: solid 1px #FFF;}
    .pro-switch .lefts .texts .feature { float: left; width: 50.000000%; border-right: solid 1px #FFF;}
    .pro-switch .lefts .texts .element { float: right; width: 50.000000%;}

    .pro-switch .rights { float: right; width: 50.000000%; position: relative;}
    .pro-switch .rights .texts { position: absolute; left: 0; top: 7%; padding: 0 9% 20px 9%; width: 100%;}
    .pro-switch .rights .texts .titles { }
    .pro-switch .rights .texts .titles h1 { font-size: 30px;}
    .pro-switch .rights .texts .titles h2 { font-size: 18px; margin-top: 5px;}
    .pro-switch .rights .texts .subtitles { margin-top: 30px;}
    .pro-switch .rights .texts .subtitles h1 { font-size: 24px;}
    .pro-switch .rights .texts .subtitles h2 { font-size: 14px; margin-top: 5px;}
    .pro-switch .rights .texts .intros { font-size: 18px; margin-top: 35px;}
    .pro-switch .rights .texts .intros img { max-width: 75%;}
/* Pro Switch End */

/* Technology Advantage Start */
#technology-advantage { background: url("../img/advantage/bg.jpg") center no-repeat; padding: 50px 0;}
    .technology-advantage { margin-top: 60px; margin-left: 9%; margin-right: 9%;}
    .technology-advantage ul.lists { }
    .technology-advantage ul.lists li { float: left; margin: 0 2% 20px 0; width: 34.52000%; -webkit-box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.2); -moz-box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.2); box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.2); behavior: url(ie-css3.htc);}
    .technology-advantage ul.lists li:nth-child(3n) { margin-right: 0;}
    .technology-advantage ul.lists li.graph { width: 26.960000%;}
/* Technology Advantage End */


/* Enterprise Honor Start */
#enterprise-honor { background: url("../img/honor/bg.jpg") center no-repeat; padding: 100px 0 50px 0; overflow: hidden; border-top: solid 1px #bbb7b4; border-bottom:solid 1px #bbb7b4; }
    .enterprise-honor {position: relative;margin: 50px auto 0 auto;width: 1200px;}
    .enterprise-honor .honor-name { text-align: center; width: 520px; background: #FFF; height: 36px; line-height: 36px; font-size: 22px; margin: 0 auto;}
    .enterprise-honor .swiper-container {padding-bottom: 20px;}

    .enterprise-honor .swiper-slide {width: 520px;background: #fff;-webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); behavior: url(ie-css3.htc);-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;overflow: hidden;}
    .enterprise-honor .swiper-slide img{display:block;}
    .enterprise-honor .swiper-button-prev { left: -30px;-moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; color: rgba(26,115,232,.8); font-size: 22px; background: rgba(255, 255, 255, 1);}
    .enterprise-honor .swiper-button-prev:hover {background: rgba(26,115,232,1);color: rgba(255, 255, 255, 1);}
    .enterprise-honor .swiper-button-next { right: -30px;-moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; color: rgba(26,115,232,.8); font-size: 22px; background: rgba(255, 255, 255, 1);}
    .enterprise-honor .swiper-button-next:hover {background: rgba(26,115,232,1);color: rgba(255, 255, 255, 1);}
    .enterprise-honor .swiper-button-prev::after,.enterprise-honor .swiper-button-next::after{content: '';}
/* Enterprise Honor End */

/* Project Cases Start */
#project-cases { background: url("../img/case/bg.jpg") center no-repeat; padding: 50px 0; overflow: hidden;}
    .project-cases { margin-top: 50px; margin-bottom: 40px;}
/* Project Cases End */

/* Case List Start */
ul.case-list { }
    ul.case-list li { float: left; width: 25.000000%; background: #f2f2f2; }
    ul.case-list li:nth-child(2n) { background: #e3e3e2;}

    ul.case-list li .texts { padding: 5% 8%; text-align: center;}
    ul.case-list li .texts .names { font-size: 18px; border-bottom: solid 1px #231815; padding-bottom: 5px; margin-bottom: 5px;}
    ul.case-list li .texts .descs { font-size: 13px;}
    ul.case-list li .texts .areas { font-size: 15px;}
    ul.case-list li .mores { background: #939ca6; padding: 3% 8%; color: #FFF; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    ul.case-list li:nth-child(2n) .mores { background: #676e72;}

    ul.case-list li .mores .icos { float: right;}

    ul.case-list li:hover .mores { background: #1a73e8;}
/* Case List End */


/* Read More Start */
.read-more { text-align: center; margin: 0 auto; }
    .read-more a { letter-spacing: 4px; width: 36.000000%; height: 60px; line-height: 60px; background: #FFF; display: inline-block;}
    .read-more a i { margin-left: 8px; margin-right: 8px;}
    .read-more a:hover { color: #1a73e8;}
/* Read More End */

/* Footer Start */
#footer { padding: 60px 6%; background: url("../img/footer/bg.jpg") center no-repeat; background-size: cover; overflow: hidden;}
    .footer { color: #FFF;}
    .footer a { color: #FFF; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; display: inline-block;}
    .footer a:hover { text-decoration: underline;}
    .footer .heads { color: #FFF; border-bottom: solid 1px #e8ecf1; padding-bottom: 20px; margin-bottom: 30px;}
    .footer .heads .logos { float: left;}
    .footer .heads .slogans { float: right; font-size: 22px; margin-top: 32px;}

    .footer .foots { }
    .footer .foots .navigations { float: left; width: 55.000000%;}
    .footer .foots .navigations dl { float: left; margin-right: 6.000000%; text-align: center;}
    .footer .foots .navigations dl:last-child { margin-right: 0;}
    .footer .foots .navigations dl dt { font-size: 20px; font-weight: 700; margin-bottom: 10px;}
    .footer .foots .navigations dl dd { margin-bottom: 10px;}
    .footer .foots .navigations dl dd:last-child { margin-bottom: 0;}

    .footer .foots .contacts { float: left;}
    .footer .foots .contacts ul li { margin-bottom: 10px;}
    .footer .foots .contacts ul li .ico { margin-right: 10px;}
    .footer .foots .contacts ul li:nth-child(2) { float: left; width: 50.000000%;}
    .footer .foots .contacts ul li:nth-child(3) { float: right; width: 50.000000%; text-align: right;}

    .footer .foots .shares { float: right;}
    .footer .foots .shares ul { display: block;}
    .footer .foots .shares ul li { position: relative; float: left; margin-right: 30px; width: 48px; height: 48px; line-height: 46px; border: solid 1px #FFF; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}

    .footer .foots .shares ul li .contents { position: absolute; bottom: calc(100% + 5px); left: -36px; display: none; width: 120px; height: 120px; text-align: center; background: #1a73e8;}
    .footer .foots .shares ul li:hover .contents { display: block;}

    .footer .foots .shares ul li i { font-size: 24px; display: inline-block; text-align: center; vertical-align: middle;}
    .footer .foots .shares ul li:last-child { margin-right: 0;}
    .footer .foots .shares ul li:hover { background: #1a73e8; color: #FFF; border: solid 1px #1a73e8;}
/* Footer End */

/* Floating Link Star */
#floating-link { position: fixed; z-index: 10000000; bottom: 15px; right: 15px;}
    #floating-link.one { bottom: 50px;}
    #floating-link ul li { position: relative; display: block; text-align: center; margin-bottom: 1px; width: 54px; height: 54px; padding-top: 8px; vertical-align: middle; font-size: 16px; transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: .3s; cursor: pointer; color: #FFF; background: #1a73e8; -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);}

    #floating-link ul li .icos { margin: 0 auto; width: 38px; height: 38px; line-height: 38px; border: solid 1px #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
    #floating-link ul li:last-child { margin-bottom: 0;}
    #floating-link ul li a { color: #FFF;}
    #floating-link ul li i { font-size: 22px;}

    #floating-link ul li.wechats .contents { position: absolute; top: 0; left: -140px; display: none; width: 140px; height: 140px; text-align: center; background: #1a73e8;}
    #floating-link ul li.wechats:hover .contents { display: block;}
/* Floating Link Star */

/* Xl Star */
@keyframes xl {
    0% {
        bottom: 15px;
    }
    50% {
        bottom: 30px;
    }
    100% {
        bottom: 15px;
    }
}
/* Xl 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){
    /* Home Banner Start */
    #home-banner .swiper-slide .floating-layers .contents { margin-top: 15%; margin-right: 35%;}

    #home-banner .swiper-slide.three .floating-layers ul.parameters li { float: left; width: 50.000000%; text-align: center; padding: 4% 0;}
    /* Home Banner End */

    /* Footer Start */
    .footer .foots .navigations { float: left; width: 54.000000%;}
    .footer .foots .navigations dl { margin-right: 5.200000%;}
    .footer .foots .shares ul li { margin-right: 25px;}
    /* Footer End */
}

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

    /* Footer Start */
    .footer .foots .navigations { width: 52.000000%;}
    .footer .foots .navigations dl { margin-right: 4.000000%;}

    .footer .foots .shares ul li i { font-size: 18px;}
    /* Footer End */
}

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

    /* Pro Switch Start */
    .pro-switch .rights .texts { top: 6%; padding: 0 5% 20px 5%;}
    .pro-switch .rights .texts .titles h1 { font-size: 24px;}
    .pro-switch .rights .texts .titles h2 { font-size: 16px;}
    .pro-switch .rights .texts .subtitles { margin-top: 20px;}
    .pro-switch .rights .texts .subtitles h1 { font-size: 18px;}
    .pro-switch .rights .texts .subtitles h2 { font-size: 14px;}
    .pro-switch .rights .texts .intros { font-size: 16px; margin-top: 25px;}
    .pro-switch .rights .texts .intros img { max-width: 70%;}
    /* Pro Switch End */
}

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

    /* Pro Switch Start */
    .pro-switch .rights .texts .intros { font-size: 15px; margin-top: 20px;}
    /* Pro Switch End */

    /* Footer Start */
    #footer { padding: 30px 10px;}
    .footer .foots .navigations { width: 54.000000%;}

    .footer .foots .shares ul li { margin-right: 10px; width: 38px; height: 38px; line-height: 36px;}
    .footer .foots .shares ul li i { font-size: 18px;}
    /* Footer End */
}

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

}

/* <991的设备 */
@media screen and (max-width: 991px) {
    .container { padding-left: 10px; padding-right: 10px;}

    /* Header One Start */
    .header-one h2 { font-size: 28px;}
    .header-one h3 { font-size: 18px;}
    /* Header One End */

    /* Header Two Start */
    .header-two h2 { font-size: 28px;}
    .header-two h3 { font-size: 18px;}
    /* Header Two End */

    /* Header Three Start */
    .header-three h2 { font-size: 28px;}
    .header-three h3 { font-size: 18px;}
    /* Header Three End */

    /* Header Four Start */
    .header-four .heads .titles { font-size: 32px;}
    .header-four .foots { font-size: 28px;}
    .header-four .foots:after { width: 116px;}
    /* Header Four End */

    /* Header Blank Start */
    .header-blank { height: 52px;}
    /* Header Blank End */

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

    .header ul.menus { display: none;}

    .header .navigations { float: right; display: block; margin-top: 18px;}
    .header .navigations .text { float: left; font-size: 16px; margin-top: -5px; margin-right: 5px;}

    .header .navigations .icon { width: 24px; float: right; }
    .header .navigations .icon span { width: 100%; display: block; height: 2px;margin-bottom: 5px;border-radius: 3px;background-color: #000;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
    .header .navigations .icon span:last-child {margin-bottom: 0;}
    .header .navigations.active .icon { margin-top: 6px;}
    .header .navigations.active .icon span:nth-child(1) {transform: rotate(45deg); margin: 2px 0 0 0;}
    .header .navigations.active .icon span:nth-child(2) {display: none;}
    .header .navigations.active .icon span:nth-child(3) {transform: rotate(-45deg); margin: -2px 0 0 0;}
    /* Header End */

    /* Navigation Start */
    #navigation { background: #FFF; position: fixed; top: 52px; left: 0; width: 100%; z-index: 9999999; height: calc(100vh - 52px); border-top: 1px solid rgba(242, 242, 242, 1);}
    #navigation .menus { width: 100%; background: #FFF; font-size: 16px;}
    #navigation .menus>ul>li { border-bottom: 1px solid rgba(242, 242, 242, 1); line-height: 42px; padding-left: 15px; padding-right: 15px;}
    #navigation .menus>ul>li .links { position: relative; }
    #navigation .menus>ul>li span.arrows { float: right;}
    #navigation .menus>ul>li span.arrows:after { content: ""; position: absolute; top: 13px; right: 0; width: 10px; height: 10px; border-right: 1px solid #7c8287; border-top: 1px solid #7c8287; border-left: 0; border-bottom: 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;  -o-transition: all 0.6s;}
    #navigation .menus>ul>li span.arrows.active:after { -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
    #navigation .menus>ul>li ul { display: none; border-top: solid 1px rgba(248, 248, 248, 1);}
    /* Navigation End */


    /* Home Banner Start */
    #home-banner .swiper-slide .floating-layers .contents { margin-top: 8%; margin-right: 0;}
    #home-banner .swiper-slide .floating-layers .contents .titles { font-size: 28px; text-align: center; line-height: 1.2;}
    #home-banner .swiper-slide .floating-layers .contents .mores { margin: 10px auto 0 auto; font-size: 15px; text-align: center;}
    #home-banner .swiper-slide .floating-layers .contents .mores a { padding: 2px 15px;}

    #home-banner .swiper-slide.one .floating-layers .contents .lists { display: none;}
    #home-banner .swiper-slide.two .floating-layers .contents .lists { display: none;}

    #home-banner .swiper-slide.three .floating-layers ul.parameters { margin: 8% 10px 0 10px;}
    #home-banner .swiper-slide.three .floating-layers ul.parameters li { width: 50.000000%; padding: 2% 0;}
    #home-banner .swiper-slide.three .floating-layers ul.parameters li:nth-child(1) { border-bottom: solid 2px #FFF; border-right: solid 2px #FFF;}
    #home-banner .swiper-slide.three .floating-layers ul.parameters li:nth-child(2) { border-bottom: solid 2px #FFF;}
    #home-banner .swiper-slide.three .floating-layers ul.parameters li:nth-child(3) { border-right: solid 2px #FFF;}

    #home-banner .swiper-slide.three .floating-layers ul.parameters li .heads .nums { font-size: 28px; }
    #home-banner .swiper-slide.three .floating-layers ul.parameters li .heads .pluss { font-size: 16px;}
    #home-banner .swiper-slide.three .floating-layers ul.parameters li .heads .units { font-size: 14px;}
    #home-banner .swiper-slide.three .floating-layers ul.parameters li .foots { font-size: 14px;}

    #home-banner .swiper-pagination-bullet { width: 50px; margin: 0 5px;}
    #home-banner .swiper-horizontal>.swiper-pagination-bullets, #home-banner .swiper-pagination-bullets.swiper-pagination-horizontal, #home-banner .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; }
    /* Home Banner End */

    /* Pro Home Start */
    #pro-home .swiper-button-prev { left: 10px;}
    #pro-home .swiper-button-next { right: 10px;}

    #pro-home .swiper-button-next, #pro-home .swiper-button-prev { width: 44px; top: 15%;}
    /* Pro Home End */

    /* Pro Switch Start */
    .pro-switch .lefts { float: none; width: 100.000000%;}
    .pro-switch .lefts .texts { position: static;}

    .pro-switch .rights { float: none; width: 100.000000%; position: static;}
    .pro-switch .rights .texts { background: url("../img/pro/bg.png") center no-repeat; background-size: cover; position: static; padding: 20px 10px;}
    .pro-switch .rights .texts .titles h1 { }
    .pro-switch .rights .texts .titles h2 { margin-top: 5px; word-break: nowrap;}
    .pro-switch .rights .texts .subtitles { margin-top: 15px;}
    .pro-switch .rights .texts .subtitles h2 { margin-top: 5px;}
    .pro-switch .rights .texts .intros { margin-top: 20px;}
    /* Pro Switch End */

    /* Technology Advantage Start */
    #technology-advantage { background-size: cover; padding: 30px 0;}
    .technology-advantage { margin-top: 20px; margin-left: 10px; margin-right: 10px;}
    .technology-advantage ul.lists li { float: none; width: 100%; margin-right: 0; margin-bottom: 10px;}
    .technology-advantage ul.lists li.graph { width: 100.000000%;}
    /* Technology Advantage End */

    /* Enterprise Honor Start */
    .enterprise-honor {width: 308px;}
    .enterprise-honor .honor-name { width: 288px;}
    .enterprise-honor .swiper-slide {width: 288px;}
    /* Enterprise Honor End */

    /* Project Cases Start */
    #project-cases { padding: 30px 0; background-size: cover;}
    .project-cases { margin-top: 20px; margin-bottom: 20px;}
    /* Project Cases End */

    /* Case List Start */
    ul.case-list { }
    ul.case-list li { float: none; width: 100.000000%; background: #f2f2f2; margin-bottom: 15px;}
    /* Case List End */

    /* Read More Start */
    .read-more a { width: 90.000000%;}
    /* Read More End */

    /* Footer Start */
    #footer { padding: 30px 10px; background-size: cover;}
    .footer .heads { color: #FFF; border-bottom: solid 1px #e8ecf1; padding-bottom: 15px; margin-bottom: 20px;}
    .footer .heads .logos { float: none; width: 100%; padding-right: 30.000000%;}
    .footer .heads .slogans { float: none; width: 100%; font-size: 14px; margin-top: 15px; line-height: 1.4;}

    .footer .foots .navigations { display: none;}
    .footer .foots .contacts { float: none; width: 100%;}
    .footer .foots .contacts ul li { margin-bottom: 5px;}

    .footer .foots .shares { float: none; width: 100%; text-align: center; margin-top: 10px;}
    .footer .foots .shares ul { margin:0 auto; text-align: center; display: inline-block;}
    .footer .foots .shares ul li { width: 40px; height: 40px; line-height: 40px; padding: 0; display: inline-block;}
    .footer .foots .shares ul li i { font-size: 18px; width: 20px; height: 20px; line-height: 20px;}
    /* Footer End */

    /* Floating Link Star */
    #floating-link { display: none;}
    /* Floating Link End */
}

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

}

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

}