@-webkit-keyframes bs2 {
    0% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-filter: scale(1.05);
        filter: scale(1.05);
        -webkit-filter: transform;
        filter: transform
    }

    8.3333333333% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-filter: scale(1.1);
        filter: scale(1.1);
        -webkit-filter: transform;
        filter: transform
    }

    16.6666666666% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        -webkit-filter: scale(1.15);
        filter: scale(1.15);
        -webkit-filter: transform;
        filter: transform
    }

    25% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-filter: scale(1.2);
        filter: scale(1.2);
        -webkit-filter: transform;
        filter: transform
    }

    33.3333333333% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        -webkit-filter: scale(1.15);
        filter: scale(1.15);
        -webkit-filter: transform;
        filter: transform
    }

    41.6666666667% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-filter: scale(1.1);
        filter: scale(1.1);
        -webkit-filter: transform;
        filter: transform
    }

    50% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-filter: scale(1.05);
        filter: scale(1.05);
        -webkit-filter: transform;
        filter: transform
    }

    58.3333333333% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-filter: scale(1.1);
        filter: scale(1.1);
        -webkit-filter: transform;
        filter: transform
    }

    66.6666666667% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        -webkit-filter: scale(1.15);
        filter: scale(1.15);
        -webkit-filter: transform;
        filter: transform
    }

    75% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-filter: scale(1.2);
        filter: scale(1.2);
        -webkit-filter: transform;
        filter: transform
    }

    83.333333333% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        -webkit-filter: scale(1.15);
        filter: scale(1.15);
        -webkit-filter: transform;
        filter: transform
    }

    91.666666666% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-filter: scale(1.1);
        filter: scale(1.1);
        -webkit-filter: transform;
        filter: transform
    }

    100% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-filter: scale(1.05);
        filter: scale(1.05);
        -webkit-filter: transform;
        filter: transform
    }
}

@keyframes bs2 {
    0% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-filter: scale(1.05);
        filter: scale(1.05);
        -webkit-filter: transform;
        filter: transform
    }

    8.3333333333% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-filter: scale(1.1);
        filter: scale(1.1);
        -webkit-filter: transform;
        filter: transform
    }

    16.6666666666% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        -webkit-filter: scale(1.15);
        filter: scale(1.15);
        -webkit-filter: transform;
        filter: transform
    }

    25% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-filter: scale(1.2);
        filter: scale(1.2);
        -webkit-filter: transform;
        filter: transform
    }

    33.3333333333% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        -webkit-filter: scale(1.15);
        filter: scale(1.15);
        -webkit-filter: transform;
        filter: transform
    }

    41.6666666667% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-filter: scale(1.1);
        filter: scale(1.1);
        -webkit-filter: transform;
        filter: transform
    }

    50% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-filter: scale(1.05);
        filter: scale(1.05);
        -webkit-filter: transform;
        filter: transform
    }

    58.3333333333% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-filter: scale(1.1);
        filter: scale(1.1);
        -webkit-filter: transform;
        filter: transform
    }

    66.6666666667% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        -webkit-filter: scale(1.15);
        filter: scale(1.15);
        -webkit-filter: transform;
        filter: transform
    }

    75% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-filter: scale(1.2);
        filter: scale(1.2);
        -webkit-filter: transform;
        filter: transform
    }

    83.333333333% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        -webkit-filter: scale(1.15);
        filter: scale(1.15);
        -webkit-filter: transform;
        filter: transform
    }

    91.666666666% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-filter: scale(1.1);
        filter: scale(1.1);
        -webkit-filter: transform;
        filter: transform
    }

    100% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-filter: scale(1.05);
        filter: scale(1.05);
        -webkit-filter: transform;
        filter: transform
    }
}

@-webkit-keyframes slide-bg {
    0% {
            background-position: 0 0
    }

    50% {
            background-position: 100% 100%
    }
    100% {
            background-position: 0 0
    }

}

@keyframes slide-bg {
    0% {
            background-position: 0 0
    }

    50% {
            background-position: 100% 100%
    }
    100% {
            background-position: 0 0
    }
}
@-webkit-keyframes scale-bg {
    0% {
        background-size: 100% 100%;
    }

    50% {
        background-size: 120% 120%;
    }

    100% {
        background-size: 100% 100%;
    }
}


@keyframes scale-bg {
    0% {
        background-size: 100% 100%;
    }

    50% {
        background-size: 120% 120%;
    }

    100% {
        background-size: 100% 100%;
    }
}
@keyframes jump-icon {
    0% {
            -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    }

    100% {
            -webkit-transform: translateY(12px);
            transform: translateY(12px);
    }
}
body {
    font-size: 14px;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
 
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

[class*="am-u-"] {
    padding: 0
}
[class*="am-animation-"] {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.am-modal-dialog{
    border-radius: 6px;
}
.am-form select,
.am-form textarea,
.am-form input[type="text"],
.am-form input[type="password"],
.am-form input[type="datetime"],
.am-form input[type="datetime-local"],
.am-form input[type="date"],
.am-form input[type="month"],
.am-form input[type="time"],
.am-form input[type="week"],
.am-form input[type="number"],
.am-form input[type="email"],
.am-form input[type="url"],
.am-form input[type="search"],
.am-form input[type="tel"],
.am-form input[type="color"],
.am-form-field {
    font-size: 14px
}

.am-slider-default {
    background: none
}

a {
    color: #333
}

a:hover {
    color: #124eda;
    transition: all 1.2s ease-in-out; 
}

img {
    max-width: 100%;
    transition: all 1.2s ease-in-out; 
}
.p15{
    padding: 1.5rem;
}
.f-14 {
    font-size: 1.4rem
}
.f-16 {
    font-size: 1.6rem
}

.f-18 {
    font-size: 1.8rem
}

.f-20 {
    font-size: 2rem
}
.f-21 {
    font-size: 2.1rem
}

.f-24 {
    font-size: 2.4rem
}

.f-30 {
    font-size: 3rem
}

.f-48 {
    font-size: 4.8rem
}

.f-60 {
    font-size: 6rem
}

.f-60 {
    font-size: 6rem
}
.f-90 {
    font-size: 9rem
}

.f-120 {
    font-size: 12rem
}

.f-150 {
    font-size: 15rem}
.am-container-sm {
    max-width: 1000px;
    margin: 0 auto
}

.am-container {
    max-width: 1280px;
    padding: 0
}

.am-container-avg {
    max-width: 1310px;
    margin: 0 auto
}

.am-btn {
    font-size: 16px;
    border-radius: 3px; 
    padding: .6em 1.2em;
}

.am-btn-primary {
    background-color: #124eda;
    border-color: #124eda
}

.am-btn-primary:focus,
.am-btn-primary:hover {
    background-color: #024eff;;
    border-color: #024eff;
}
 

.am-btn:hover  {
    box-shadow:3px 6px 12px rgb(0 54 163 / 30%);  
    transform: translate3d(0, -6px, 0); 
}
.am-ani-jump { 
    transition: all 1.2s ease-in-out;
    animation: jump-icon 1.2s infinite alternate cubic-bezier(0.65, 0.05, 0.36, 1);
}
.am-en{
    text-transform: uppercase;
}
.am-bg-success {
    background-color: #5eb95e;
}

.am-bg-primary {
    background-color: #124eda;
}
.am-with-topbar-fixed-top{
    padding-top: 0;
}
.am-text-primary{
    color: #024eff;;
}
.am-bg-danger {
    background-color: #dd514c;
}
.am-boxadow {
    box-shadow:3px 6px 12px rgb(0 54 163 / 9%); 
    border-radius: 6px; 
}
.am-boxadow-hover {
    box-shadow:3px 6px 12px rgb(0 54 163 / 6%); 
    border-radius: 6px; 
}


.am-boxadow-hover:hover {
    box-shadow:3px 6px 12px rgb(0 54 163 / 30%);  
    transform: translate3d(0, -6px, 0); 
    transition: all 1.2s ease-in-out; 

}

.am-show {
    display: block !important
}

.border-main {
    border: 1px solid #ececec
}

 

.p-main {
    padding: 150px 0
}

 

.bg-main {
    background-color: #124eda
}

.c-white {
    color: #fff !important
}
.am-img-hover:hover {
    transform: scale(1.1);
    transition: all 1s ease;
    overflow: hidden;
}
  

/* swiper组件 */
 
.swiper-button-prev,
.swiper-button-next{
    width: 48px;
    height: 48px; 
    transition: all 1s ease-in-out;
    border-radius: 3px;
}
 
.swiper-button-prev{
    background: url(../images/pre_fff.png) center no-repeat #124eda;
}
.swiper-button-next{
    background: url(../images/next_fff.png) center no-repeat #124eda;
}
.swiper-button-prev:hover{
    background-color: #024eff;;
    opacity: 1;
    transition: all 1s ease-in-out;
}
.swiper-button-next:hover{
    background-color: #024eff;;
    opacity: 1;
    transition: all 1s ease-in-out;
}
.swiper-pagination-bullet-active{
    background-color: #124eda;
} 

/* 头部 */
.head {
    transition: all 1s;   
    background: #00000030;

}

 .head-fixed { 
    background: #fff; 
    transition: all 1s;
    box-shadow: 3px 6px 9px rgba(0, 0, 0, 0.1);
} 
 

.head-fixed .navmenu .navli  a{ 
    color: #333;
}

 
.logo {
    height: 100px;
    line-height: 100px;
    overflow: hidden;
    transition: all 1s;  
    /*background: #fff;*/
    max-width: 180px;
}

.logo img {
    height: 80px;
    transition: all 1s
}
   
.search-form button {
    right: 0 !important;
    top: 8px !important;
    height: 32px
}

.search-form {
    position: relative;
    padding: 20px
}

/* 导航 */
.navmenu {
    transition: all 1s;
}

.navmenu .navli {
    line-height: 98px;
    position: relative;
    display: block;
    text-align: center;
}

.navmenu a {
    display: inline-block;
    position: relative;
    font-size: 17px;
    font-weight: bold;
    color: #fff;

}

.navmenu a::after {
    content: '';
    background: transparent;
    width: 0%;
    height: 4px;
    border-radius: 1px;
    left: 0;
    bottom: -2px;
    position: absolute;
    transition: 1s;
}

.navmenu .active a.dropdown::after,
.navmenu a:hover::after,
.navmenu .am-dropdown-content a:hover::after {
    background-color: #124eda;
    width: 100%;

}

.navmenu .active a.dropdown,
.navmenu a:hover,
.navmenu .am-dropdown-content a:hover {
    color: #124eda;
    font-weight: bold;
}

.navmenu .am-dropdown-content {
    left: 0;
    background: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    min-width: 100%;
    border: none;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
    border-end-start-radius: 4px;
    border-end-end-radius: 4px
}

.navmenu .am-dropdown-content:before,
.am-dropdown-content:after {
    display: none
}

.navmenu .am-dropdown-content a {
    padding: 0;
    line-height: 50px;
    border-top: 1px solid #ececec;
    font-weight: normal;
    font-size: 14px;
}

.navmenu .am-dropdown-content li:first-child a {
    border: none
}

.navmenu .open .am-dropdown-content {
    display: block
}


/* 轮播图 */
.banner {
    overflow: hidden;
    height:100vh;
    background: #ececec;
}

.banner-item {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    height:100vh;
    animation: slide-bg 18s infinite alternate cubic-bezier(0.65, 0.05, 0.36, 1);
}

.banner-info {
    padding-top: 300px;
    overflow: hidden;
    color: #fff;
}

.banner-info h2 {
    font-size: 6rem;
}

.banner-info h3 {
    font-size: 2.4rem;  
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 40px;
}

 
.banner-item img {
    height: 100%
}


/* 标题 */
.title { 
    position: relative; 
    overflow: hidden;
    margin-bottom: 4.5rem;
}

.title h2 {
    font-size: 4.8rem
}

.title h3 {
    font-size: 3rem; 
    color: #666;
    text-transform: uppercase;
    position: relative;
}

.title h3 span{
    font-size: 3rem; 
    color: #666;
    text-transform: uppercase;
    position: relative;
}
 
.title a{
    position: absolute;
    font-size: 18px;
    right: 0;
    bottom: 20px;
}
/* 品牌 */

.brand {
    background-image: url(/uploads/images/brand-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;  
}

.brand-container {
    overflow: hidden; 
    padding: 0 10px 20px; 
}
 

  
.brand-info {
    overflow: hidden; 
    padding-right: 40px;
}

.brand-txt {
    overflow: hidden;
}

.brand-txt h3 {
    font-size: 20px;
    margin-bottom: 20px;
    position: relative;
}
 

.brand-txt p {
    margin-bottom: 10px;
    font-size: 16px;
}

.brand-txt .brand-more {
    margin-top: 40px;
}

.brand-pic {
    overflow: hidden; 
    position: relative; 
    text-align: center;
}

.brand-pic a {
    display: block;
    overflow: hidden;
}
 
.brand-light { 
    text-align: center;
    overflow: hidden; 
    padding: 20px; 
}

.brand-light p { 
    margin-top:10px; 
}

.brand-light img {
    padding: 20px;
    width: 60px;
    height: 60px;
    border-radius: 5px;
}
/* 主营项目 */
.service {
    overflow: hidden;
    background-image: url(/uploads/images/product-bg.jpg);
    background-position: center bottom;
    background-size: cover; 
    background-repeat: no-repeat;
    background-attachment: fixed;
}

 .service-prev{
    top: 30px;
    right: 75px;
    left: auto;
 }

 .service-next{
    top: 30px;
    right: 15px;
 }
.service-list  {
    padding: 9rem 0;
    
}
.service-list .swiper-slide {
    padding: 1.5rem
}
 
.service-item{
    overflow: hidden;
    background: #fff;
    border-radius: 3px;
}
.service-item-pic{
    overflow: hidden;
    position: relative;
    padding-bottom: 75%;
}
.service-item-pic img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.service-item-txt{
   overflow: hidden;
   padding: 1.5rem;
}
 
.map-banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
    background-attachment: fixed;
    background-color: #363636;
    position: relative;
    display: flex;
    align-items: center;
}

.map-content {
    overflow: hidden;
    margin-top: 6rem;
    padding: 6rem;
    color: #fff;
    border-radius: 6px;
}

.map-txt {
    overflow: hidden;
    color: #fff;
    line-height: 2;
    max-height: 300px;
    overflow-y: scroll;
}

.map-txt::-webkit-scrollbar {
    background-color: #013db5;
    width: 6px;
}

/* 新闻 */
.inews {
    background-image: url(/uploads/images/inews-bg.png);
    background-position: left bottom;
    background-size: cover; 
    background-repeat: no-repeat;
    animation: slide-bg 6s infinite alternate cubic-bezier(0.65, 0.05, 0.36, 1);
}
.inews li{
    padding: 15px;
}
.inews-item{
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 30px;
    min-height: 25.3rem;
    position: relative;
}
.inews-item:hover{
    color: #fff;
    background-color: #124eda;
}
.inews-item:hover a{
    color: #fff;
}
.inews-item:hover p{
    color: #fff;
}
.inews-item h4{
   font-size: 16px; 
}
.inews-item h3{
   font-size: 18px;
   margin: 10px 0; 
}
.inews-item p{
  color: #999; 
}
.inews-item a{
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.inews-item a:hover{
    transform: translate3d(12px, 0, 0); 

}

/* 发展理念 */
.develop {
    background-image: url(/uploads/images/develop-bg.jpg);
    background-position: center bottom;
    background-size: cover; 
    background-repeat: no-repeat;
}

.develop .title {
    margin: 200px 0;
    color: #fff;
    text-align: left;
}

.develop .title h2{
    color: #fff;
    margin: 20px 0;
}
 
.develop .title h3 span{
    color: #fff;  
}
 
.develop .title h3 span::before,.develop .title h3 span::after{
    left: 0;
    height: 2px;
}
.develop .title p{
    font-size: 18px;
}
/* 专家顾问 */
.expert { 
    overflow: hidden
}
.expert li{
    padding: 1.5rem;
}
/* expert-item */
.expert-item{
    overflow: hidden;
    background: #fff; 
    text-align: center;
}
.expert-item-pic{
    overflow: hidden;
    position: relative;
    padding-bottom: 27rem; 
    box-shadow: 4px 6px 9px 3px #d0dbf3;;
    border: 12px solid #f6f6f6;
    border-top: 12px solid #e6e6e6;
    border-bottom: 12px solid #e6e6e6;
}
.expert-item-pic img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.expert-item-txt{
   overflow: hidden;
   padding: 1.5rem 0; 
}
/* 联系我们 */

.contact-bg {
    background-image: url(/uploads/images/contact-bg.jpg);
    background-size: cover; 
    background-repeat: no-repeat;
    color: #fff;
}

.contact-bg .title h3 { 
    color: #fff;
}

.contact-map {
    overflow: hidden; 
    border-radius: 3px;
    padding-left: 20px; 
}

.contact-info {
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
}

.contact-list{
    overflow: hidden;
    padding-left: 20px;
}

.contact-list li {
    padding:0 0 20px
}

.contact-list .item{
    padding: 20px;
    background: #fff; 
    border-radius: 3px;
    color: #333;
}

.contact-list i {
    font-size: 16px
}

.inner-title {
    overflow: hidden;
    text-align: center;
    padding: 6rem 0;
}

.inner-title h2 {
    position: relative;
    font-size: 4.8rem;
    
}

.inner-title h3 {
    position: relative;
    font-size: 3rem;
    
}

.inner-title h3::after {
    position: absolute;
    width: 6rem;
    margin-left: -3rem;
    left: 50%;
    background: #0036A3;
    height: 6px;
    content: '';
    bottom: -15px;
}
.inner-banner {
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    background-position: center top;
    height: 60rem;
    background-size: cover;
    animation: slide-bg 15s linear infinite; 
}

.inner-banner h2 { 
    font-size: 6rem;
    color: #fff; 
    padding: 24rem 0 1.5rem;
}
.inner-banner p {  
    color: #fff;  
    text-transform: uppercase;
}

.sidebar {
    overflow: hidden;  
    margin: 6rem 0 4.5rem;
    text-align: center;
}

.sidebar .active,
.sidebar a:hover {
    background: #124eda;
    color: #fff;
    border-color: #124eda
}

.sidebar a { 
    padding: 1.5rem 3rem;
    font-size: 18px;
    margin: .5rem;
    font-weight: bold;
    display: inline-block; 
    border:1px solid #ececec;
    border-radius: 3px; 
}

.position {
    border-bottom: 1px solid #ececec;
    overflow: hidden;
    color: #888;
    margin-bottom: 20px
}

.position .am-breadcrumb {
    margin: 0;
    padding: 0
}

.position a {
    font-size: 12px;
    padding: 10px 5px;
    display: inline-block
}

.position a.am-active {
    color: #124eda
}

.time-icon {
    text-align: right
}

/* 新闻列表 */

.list-time li {
    overflow: hidden;
   padding: 10px;
}

.list-time-item {
    overflow: hidden;
    padding: 40px;
    position: relative;
    display: flex;
    align-items: center;
    background: #fff; 
    box-shadow: 2px 5px 10px rgba(10, 146, 173, 0.02);
    border-radius: 3px;
}

.list-time-item:hover { 
    transition: all 1s;  
    box-shadow: 2px 5px 10px rgba(10, 146, 173, 0.1);
    transform: translate3d(0px, -5px, 0);
         transition: all 1s;
         -webkit-transform: translate3d(0px, -5px, 0);
         -moz-transform: translate3d(0px, -5px, 0);
         -ms-transform: translate3d(0px, -5px, 0);
         -o-transform: translate3d(0px, -5px, 0);
}

.list-time-date {
    width: 15%;
    overflow: hidden;
    color: #0b6d5f;
    text-align: center;
    position: relative;
}

.list-time-date::after {
    position: absolute;
    height: 100%;
    background: #e6e6e6;
    right: 0px;
    top: 0px;
    content: '';
    width: 1px;
}

.list-time-date h3 {
    font-size: 3rem;
}

.list-time-date p {
    font-size: 12px;
}

.list-time-info {
    width: 85%;
    position: relative;
    padding-left: 40px;
    font-size: 16px;
}

.list-time-info p {
    margin-top: 10px;
    font-size: 14px;
    color: #888;
}
.list-images li{
    padding: 1.5rem;
}

.list-images-item{
    overflow: hidden;
    background: #fff;
    border-radius: 3px;
}
.list-images-item .pic{
    overflow: hidden;
    position: relative;
    padding-bottom: 54rem;
}
.list-images-item .pic img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.list-images-item .txt{
   overflow: hidden;
   padding: 1.5rem;
}
 
.inner-container {
    overflow: hidden; 
    background: #fff; 
    margin: 0px 0 40px; 
}

.am-article {
    overflow: hidden;
    padding: 3rem 0;
}

.am-article img {
    height: auto !important;
    display: inline-block
}

.am-article-title {
    border-bottom: 1px solid #ececec;
    font-size: 2.4rem;
    font-weight: 600;
    padding-bottom: 15px;
    position: relative;
    line-height: 1.6;
    padding-left: 20px;
    margin-bottom: 15px;
    color: #124eda
}

.am-article-title::before {
    position: absolute;
    left: 0px;
    top: 6px;
    content: "";
    background: #124eda;
    width: 8px;
    height: 24px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.am-article-bd {
    overflow: hidden;
    line-height: 1.8;
    font-size: 16px
}

.am-article-bd h2 {
    font-size: 3rem; 
    margin: 20px 0
}

.am-article-meta {
    margin: 20px 0;
    overflow: hidden
}

.am-article-meta span {
    padding: 0 5px
}

.am-article p {
    overflow: hidden
}

.article-footer {
    overflow: hidden;
    margin: 40px 0 0;
    background: #f6f6f6;
    border: 1px solid #f1f2f3;
    padding: 10px
}

.am-article-bd h3 {
    font-size: 18px
}

.am-article-prne {
    margin: 20px 0 0;
    overflow: hidden;
    border-bottom: 1px solid #f1f2f3
}

.am-article-prne a {
    display: block;
    padding: 10px 0
}

.am-article-prne a:first-child {
    border-bottom: 1px solid #f1f2f3
}

.am-article-prne .nomore {
    color: #888
}

.am-pagination {
    margin: 20px 0;
    overflow: hidden
}

.am-pagination ul {
    padding: 0;
    margin: 0;
    overflow: hidden
}

.am-pagination li {
    float: left;
    list-style: none;
    padding: 5px
}

.am-pagination li.active span,
.am-pagination li a:hover {
    background: #124eda;
    color: #fff
}

.am-pagination a,
.am-pagination span {
    display: block;
    padding: .4em 1em;
    border: 1px solid #ececec;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.footer {
    background: url(/uploads/images/contact-bg.jpg) no-repeat center bottom;
    overflow: hidden;
    padding: 1rem 0; 
    color: #fff
}

.footer-link {
    margin:0.5rem 0  
}

.footer-link span {
    font-weight: bold
}

.footer-link a {
    color: #ececec; 
    padding: 0 .6rem
}

.footer-banquan p{ 
    margin-bottom: .6rem;
    
}

@media only screen and (max-width:641px) {
    html{
        font-size: 8px;
    }
    body,
    a {
        font-size: 15px
    }

    .am-container {
        padding: 0 1.5rem
    }
    .am-container-avg {
        padding: 0 1.5rem
    }
    .am-btn{
        padding: 0.5em 1em;
        font-size: 14px;
    }
    .p-main {
        padding: 4.5rem 0
    }

    .wap-m-b {
        margin-bottom: 20px
    }
    .head{
        position: fixed;
        z-index: 999;
        background: #fff;
        top: 0;
        width: 100%;

    }
    .head-search .am-btn {
        position: fixed;
        right: 60px;
        top: 12px
    }

    .head-search {
        margin: 0
    }

    .logo {
        height: 50px;
        line-height: 50px;
        padding: 0
    }

    .logo img {
        height: 49px
    }

    .wap-nav-icon {
        position: fixed;
        z-index: 9999;
        right: 10px;
        top: 8px
    }
    .head .am-container{
        padding: 0;
    }
    .navmenu .navul {
        display: none;   
        background: #fff;    
        box-shadow: 3px 6px 9px rgba(0, 0, 0, 0.15);
    }

    .navmenu .navli {
        text-align: left;
        line-height: 50px;
        height: auto;
    }

    .navmenu .navli a {
        padding: 0 3rem;
        color: #333;
        display: block;
        border-top: 1px solid #e6e6e6;
        font-weight: normal;
    }

    .navmenu .navli a::after {
        display: none
    }

    .navmenu .am-dropdown-content {
        text-align: left;
        display: block;
        box-shadow: none;  
        position: relative; 
        border-top: 1px solid #e6e6e6;
        text-indent: 1em;
    }

    .banner {
        height: 75rem
    }

    .banner-item {
        height: 75rem
    }
 
    .about-list .rl-item {
        padding: 20px 10px
    }

    .about-list .rl-item .pic {
        margin-bottom: 10px
    }

    .ad {
        padding: 0 10px
    }
    .swiper-button-prev, .swiper-button-next{
        display: none;
    }
    .banner-info { 
        margin-top: 24rem;
        padding: 0 3rem;
    }
    .banner-info h2{
        font-size: 4.2rem; 
    }
    .banner-info h3{
        font-size: 1.4rem;
        margin-bottom: 1.5rem;
    }
    .banner-info p{
        display: none;
    }
    .inner-banner {
        height: 45rem
    }
    .title {
        padding: 0 1.5rem;
    }
    .title h2{
        font-size:3rem; 
    }
    .title h3{ 
        font-size: 2.4rem;
    }
    .title h3 span{
        font-size: 14px;
    }
    .brand-txt {
        padding: 0 1.5rem;
    }
 
    .brand-container{
        padding: 0;
    }
    .brand-pic{
        padding: 0; 
        border-radius: 4px;
        box-shadow: 2px 5px 5px rgba(10, 146, 173, 0.02);
    }
    .brand-info{
        padding:0 0 10px;
    }
 
 
 
    .brand-light{
        padding: 20px;
        position: relative;

        margin-top: 10px;
    }
    .brand-light img{
        width: 48px;
        height: 48px;
        padding: 10px;
    }
    .inner-banner h2 {
        margin-top: 18rem; 
        padding: 0 1.5rem;
        font-size:4.5rem; 
    }
    .inner-banner p { 
        padding: 0 1.5rem; 
    }
    .service-item-pic{
        padding-bottom: 75%;
    }
    .contact-bg{
        padding: 20px 10px;
    }
    .contact-info{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .contact-list li{
        padding-bottom: 10px;
    }
    .contact-list .item{
        padding: 10px;
        border-radius: 4px;
    }
    .contact-list{
        padding: 0;
    }
    .position {
        padding:0 10px;
        margin: 0;
    }
    .inner-title {
        overflow: hidden;
        text-align: center;
        padding: 4.5rem 0 6rem;
    }
    
    .inner-title h2 {
        position: relative;
        font-size: 3rem;
        
    }
    .am-article{
        padding:3rem 1.5rem;
    }
    .inner-title h3 {
        position: relative;
        font-size:2.4rem;
        
    }
    .sidebar {
       margin-bottom: 10px;
    }

    .sidebar a {
        margin: 5px
    }

    .footer {
        padding:10px
    }
    .list-images-item .pic{
        padding-bottom: 33rem;
    }
    .service .am-container-avg{
        padding:20px 0;
    }
    .service-bg .title {
        margin-top: 0;
        text-align: center
    }
 
    .title   {
       margin-bottom: 1.5rem;
    }
 
    .title h3 {
        font-size: 2.4rem
    }
 
    .service-list {
        padding: 0
    }

    .about-list .rl-item .pic img {
        height: 100px
    }
    .rl-item{
        border-radius: 4px;
    }
    .rl-item .txt h3{
        font-size: 14px;
    }
    .service-list li {
        padding: 5px
    }

    .rl-list-img li {
        padding: 5px
    }

    .rl-list-img {
        padding: 5px
    }

    .am-article-title {
        margin: 0px 0 10px;
        font-size: 20px;
    }
    .am-article-title::before{
        height: 20px;
    } 
    .list-time-item{
        padding: 20px ;
        border-radius: 4px;
    }
    .list-time li{
        padding: 0 10px 10px;
    }
    .list-time-info{
        padding-left: 20px;
        width: 80%;
    }
    .list-time-date{
        width: 20%;
    }
    .develop{
        padding: 20px 10px;
    }
    .develop .title{
        margin: 40px 0;
    }
    .develop .title p{
        font-size: 14px;
    }
    .expert{
        padding: 40px 10px;
    }
    .contact-map {
        margin: 0;
        padding: 0;
        border-radius: 4px;
    }

    .system-list .rl-item {
        padding: 10px
    }

    .system-list .rl-item .pic img {
        height: auto
    }

    .system-list .rl-item .txt {
        padding: 10px 0
    }

    .rl-list .rl-item {
        padding: 10px
    }
}