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{}
*,*::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: 'DingTalkJinBuTi Regular';
    src:url('https://puhuiti.oss-cn-hangzhou.aliyuncs.com/DingTalkJinBuTi/DingTalkJinBuTi-Regular/DingTalkJinBuTi-Regular.eot') format('embedded-opentype'),
    url('https://puhuiti.oss-cn-hangzhou.aliyuncs.com/DingTalkJinBuTi/DingTalkJinBuTi-Regular/DingTalkJinBuTi-Regular.otf') format('opentype'),
    url('https://puhuiti.oss-cn-hangzhou.aliyuncs.com/DingTalkJinBuTi/DingTalkJinBuTi-Regular/DingTalkJinBuTi-Regular.ttf') format('TrueType'),
    url('https://puhuiti.oss-cn-hangzhou.aliyuncs.com/DingTalkJinBuTi/DingTalkJinBuTi-Regular/DingTalkJinBuTi-Regular.woff') format('woff'),
    url('https://puhuiti.oss-cn-hangzhou.aliyuncs.com/DingTalkJinBuTi/DingTalkJinBuTi-Regular/DingTalkJinBuTi-Regular.woff2') format('woff2');
}

html,body{ font-size: 14px; width: 100%; line-height: 186%; color:#000; font-family: /*"DingTalkJinBuTi Regular","Microsoft YaHei",*/Arial,Helvetica,sans-serif,'Times New Roman',Georgia,Serif;}

/* Links Star */
a{color:#000; text-decoration:none; outline:none !important;}
a:hover{color:#5fc2c7; 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 Star */
.header-one { color: #5fc2c7; text-align: center; font-size: 26px; font-weight: 700; font-style: italic;}
/* Header One End */

/* Header Star */
#header { margin-top: 45px; background: #FFF;}
    .header { border: solid 1px #000; height: 62px; line-height: 60px; overflow: hidden;}
    .header .logos { float: left; padding-left: 20px;}
    .header .logos img { height: 42px;}
    .header .companys { float: right; font-weight: 700; font-size: 22px; color: #5fc2c7; font-style: italic; margin-right: 40px;}
    .header .navigations { display: none;}

    ul.menus { font-style: italic; font-weight: 700; font-size: 20px; border-bottom: solid 1px #000; height: 50px; line-height: 50px; margin-top: 5px;}
    ul.menus li { float: left; margin-right: 10.700000%; }
    ul.menus li.active a { color: #5fc2c7;}

    ul.menus li:last-child { margin-right: 0;}
/* Header End */

#navigation { display: none;}

/* Banner Star */
#banner { margin-top: 22px;}
    .banner { overflow: hidden; position: relative;}

    .leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
    @-webkit-keyframes leftUp{
        0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
        100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
    @keyframes leftUp{
        0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
        100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

    .moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
    @-webkit-keyframes moveRight{
        0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
        100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
    @keyframes moveRight{
        0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
        100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

    .moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
    @-webkit-keyframes moveDown{
        0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
        100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
    @keyframes moveDown{
        0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
        100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

    .centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
    @-webkit-keyframes centerBig{
        100%{transform:scale(1.1,1.1);}}
    @keyframes centerBig{
        100%{transform:scale(1.1,1.1);}}

    .rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
    @-webkit-keyframes rightDownBig{
        100%{transform:scale(1.1,1.1) translate(4%,4%);}}
    @keyframes rightDownBig{
        100%{transform:scale(1.1,1.1) translate(4%,4%);}}

    .swiper-slide img{
        animation-duration:5s;
        animation-timing-function:linear;
        animation-fill-mode: forwards;
        -webkit-animation-duration:5s;
        -webkit-animation-timing-function:linear;
        -webkit-animation-fill-mode: forwards;
    }
    .swiper-pagination{
        bottom:30px;
        right:0px;
        width:100%;
        text-align:center;
    }
    .swiper-pagination-bullet-active{opacity:1;background:#52a8b5}
    .swiper-pagination-bullet{
        width:20px;
        height:20px;
        background:#fff;
        margin:0 5px;
    }
/* Banner End */

/* Footer Start */
#footer { margin-top: 20px;}
    .footer { text-align: right; color:#5fc2c7; font-weight: 700; font-size: 16px;}
/* Footer End */

/* Back To Top Star */
#back-to-top { position: fixed; cursor: pointer; z-index: 999999; bottom: 50px; right: 15px; display: block; transition: all 300ms ease-out; visibility: hidden; opacity: 0; text-align: center; width: 48px; height: 48px; line-height: 46px !important; font-size: 16px;border-radius: 150px;color: #FFF;background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);-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-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);}
/* Back To Top 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){
    /* Header Star */
    ul.menus li { margin-right: 10.500000%; }
    /* Header End */
}

/* <1366的设备 */
@media screen and (max-width: 1366px){
    /* Header Star */
    ul.menus li { margin-right: 9.800000%; }
    /* Header End */
}

/* <1200的设备 */
@media screen and (max-width: 1200px){
    /* Header Star */
    ul.menus li { margin-right: 7.400000%; }
    /* Header End */
}

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

    /*html,body{ font-family: "PingFang SC","helvetica neue","arial","阿里巴巴普惠体","思源黑体 CN","microsoft yahei ui","microsoft yahei","sans-serif";}*/

    /* Header Star */
    .header .logos { padding-left: 10px;}
    .header .companys { float: left; font-size: 15px; margin-right: 0; margin-left: 10px; line-height: 63px;}
    .header .navigations { float: right; margin-right: 10px; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; height: 100%; width: 24px;}
    .header .navigations span { display: block;width: 100%;height: 2px;margin-bottom: 5px;border-radius: 3px;background-color: #000;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
    .header .navigations span:last-child {margin-bottom: 0;}
    .header .navigations.active { }
    .header .navigations.active span:nth-child(1) {transform: rotate(45deg);margin: 0;margin-top: 2px;}
    .header .navigations.active span:nth-child(2) {display: none;}
    .header .navigations.active span:nth-child(3) {transform: rotate(-45deg);margin: 0;margin-top: -2px;}

    ul.menus { display: none;}
    /* Header End */


    #navigation { background: #FFF;}
    .navigation { font-style: italic;}

    .navigation dl { border-bottom: solid 1px #a0a0a0; padding: 15px 0;}
    .navigation dl dt { font-size: 16px;}
    .navigation dl dt.active a { color: #5fc2c7;}
    .navigation dl dd { margin-top: 10px;}
    .navigation dl dd.active a { color: #5fc2c7;}

    /* Back To Top Star */
    #back-to-top { text-align: center; width: 30px; height: 30px; line-height: 28px !important; font-size: 14px;}
    /* Back To Top End */



}

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

}

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

}