@charset "utf-8";
/*CSS reset*/
html{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0 auto;padding:0;font:14px/1.5 "Helvetica";background:#FFF;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,tr,td {margin:0;padding:0;}

ul,ol,li {list-style:none}
.editor-content *{word-break: break-word;}
.editor-content ul,.editor-content ol{list-style:inherit;max-width:100%;}
.editor-content li{list-style:inherit;margin-left:20px}
.about-wrap .content ul,.about-wrap .content ol {list-style:inherit;}
.about-wrap .content li{list-style:inherit;margin-left:20px}
table,td,input,textarea,button {font:inherit;outline:none; resize:none;}
textarea{overflow-y:auto;}
input[type="button"],input[type="submit"],input[type="reset"]{cursor:pointer}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#B2B2B2;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} /*去掉浏览器黄色背景*/
table {border-collapse:collapse;border-spacing:0;width:100%!important;}
table th,table td{word-break: break-word!important;padding:12px 12px!important;border-color:#E0E0E0!important;}
table th{background: #3F96CC!important;color: #fff!important;font-weight: bold!important;border-color:#fff!important;}
table th *{background:transparent!important;color: #fff!important;font-weight: bold!important;margin:0!important;}
table td *{word-break: break-word!important;background:transparent!important;margin:0!important;}
table tr:nth-of-type(2n+1){background: #F2F2F2;}
table tr:nth-of-type(2n){background: #FFFFFF;}
@media(max-width: 500px) {
  table.scroll-table {display: block;overflow-x: auto;}
  table.scroll-table tbody {display: block; width: 100%; min-width: 800px;}
}
img{
    max-width: 100%;
    border:0;
    object-fit: cover;
    image-rendering: -moz-crisp-edges; /* Firefox */     
    image-rendering: -o-crisp-edges; /* Opera */      
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ 
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */    
}
/*address,caption,cite,code,dfn,em,th,var,strong,i{font-style:normal;font-weight:normal}*/
q:before,q:after {content:''}
abbr,acronym {border:0}
a{text-decoration:none;font-family: inherit;color: inherit;}
a:active,a:hover {outline: 0;text-decoration:none;}
:focus{outline: 0;}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */word-wrap: break-word; /* Internet Explorer 5.5+ */  }


/*定位*/
.tal{text-align:left!important;}
.tac{text-align:center!important;}
.tar{text-align:right!important;}

.fl{float:left;}
.fr{float:right;}
.fn{float:none;}

.clearfix{*zoom: 1;}
.clearfix:after{content:""; display: block; height: 0; clear: both; visibility: hidden;}

.hide{display:none;}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mobile {
    display: none !important;
}
.waveWrapper {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100px;
    vertical-align: middle;
    overflow: hidden;
    margin-top: -57px;
    z-index: 999;
}
.waveWrapper1 {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100px;
    vertical-align: middle;
    overflow: hidden;
    margin-top: -57px;
    z-index: 999;
}
.waveWrapper svg,.waveWrapper1 svg {
    width: 100%;
    height: 100%;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
.waveWrapper path {
    fill: #FFF;
}
.waveWrapper1 path {
    fill: #f8f9fb;
}
.middle {
    background: url(../image/ace_bg1.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    z-index: 1;
    background-attachment: fixed;
    top: -100px;
}
.middle:before {
    content: "";
    background: rgba(0, 0, 0, 0.55);
    position: absolute;
    top: 0;
    min-height: 100%;
    left: 0;
    right: 0;
    z-index: -1;
    background: linear-gradient(90deg, #027AB7 0%, #19816E 100%);
    opacity: .8;
}
.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}
.welcome-left {
    max-width: 1000px;
    margin: 0 auto;
}
.title-small {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: 1px;
    color: #7e7d7d;
    display: block;
}
.welcome-left h3 {
    font-size: 40px;
    color: #fff;
    max-width: 1000px;
    margin: 4em auto 1.2em;
}
.welcome-left h4 {
    font-size: 24px;
    line-height: 50px;
    color: #fff;
    max-width: 1000px;
    margin: 0 auto 4em;
}
.service-item {
    position: relative;
    z-index: 1;
    padding: 5rem 0;
    text-align: center;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    background-color: #fff;
    border-radius: 10px;
    border-top-right-radius: 50px;
    transition: all .3s;
}
.service-item:hover {
    box-shadow: 0 0px 40px rgba(0, 0, 0, 0.1);
}
.service-item .icon {
    margin:0 auto 2.2rem;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 80px;
    transition: all .3s;
}
.services{
    margin-top: -2rem;
    margin-bottom: 8rem;
}

.first-service .icon {
    background-image: url(../image/service-icon-01.png);
}
.second-service .icon {
    background-image: url(../image/service-icon-02.png);
}
.third-service .icon {
    background-image: url(../image/service-icon-03.png);
}
.fourth-service .icon {
    background-image: url(../image/service-icon-04.png);
}

