body{background-color: #fff;color: #3e4252;font-family: Microsoft Yahei,Avenir,Segoe UI,Hiragino Sans GB,STHeiti,"Microsoft Sans Serif",WenQuanYi Micro Hei,sans-serif;font-size: 16px;line-height: 1;}
a{ color: #3e4252}
a:focus, a:hover {color: #3a53ad;}
ul,li,dd,dt,dl{list-style-type:none;}
*, :after, :before, a, a:after, a:before, button, button:after, button:before, div, div:after, div:before, p, p:after, p:before {box-sizing: border-box;}
.container{margin: 0 auto;padding: 0;max-width: 1200px;}
.space{ background-color: #F1F6FA; height: 10px; width: 100%; }
.img-scale{transition-duration: .3s;transition-property: transform;}
.img-scale:hover{transform: scale(1.06);}
.header{}
.bgc{  background-color: #204EA0;}
.header .container{padding: 20px 0; display: flex; justify-content: space-between; align-items: center;}
.header .container .box-left{ display: flex; justify-content: flex-start; align-items: center;}
.header .container .box-left .logo{ display: block; overflow: hidden;  }
.header .container .box-left .video-link{  margin-left: 3rem; }
.header .container .box-right{ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; color: #204EA0; }
.header .container .box-right img{ margin-right: 0.5rem;}
.header .container .box-right .tel{ margin-top: 1rem;display: flex; justify-content: flex-start; align-items: center;}
.header .container .box-right .tel .big{ font-size: 3rem; font-weight: bold;}

.bottom{ height: 320px; background-image:url(../images/bottom-bg.jpg); position: relative;}
.bottom:after {background-color: rgba(32,78,160,.9);content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 5;}
.bottom .container{ position: relative; z-index: 10; color: #FFF; padding-top: 80px;}
.bottom .container .btm-logo{}
.bottom .container .btm-ercode{ text-align: center;}
.bottom .container .btm-bdy{ padding: 20px 30px; width: 800px; }
.bottom .container .btm-bdy .btm-nav a{ font-size: 15px;color: #FFF; display: inline-block; line-height: 25px; width: 117px; position: relative; text-align: center;}
.bottom .container .btm-bdy .btm-nav a:after{ content: ""; position: absolute; height: 15px; width: 1px; background-color: #FFF; right: 0; top: 7px;}
.bottom .container .btm-bdy .btm-nav a:last-child:after{display: none;}
.bottom .container .btm-bdy .btm-line{ height: 1px; background-color: rgba(255,255,255,.6); margin: 10px 20px; }
.bottom .container .btm-bdy .btm-addr { font-size: 14px; padding:0 22px;}
.bottom .container .btm-bdy .btm-icp{ text-align: center; margin-top: 60px; font-size: 13px;}
.bottom .container .btm-bdy .btm-icp div{ margin-bottom: 10px;}
.bottom .container .btm-bdy .btm-icp span{ display: inline-block;}
.bottom .container .btm-bdy .btm-icp a{ color: #FFF;}


.navbar{ }
.navbar .open-sm-btn{ font-size: 36px; color: #407ED5; margin-right: 15px; margin-top: 10px;}
.navbar .am-topbar{color: #FFF; margin-bottom: 0; border:0;}
.navbar .am-nav{ width: 100%;}
.navbar .am-topbar .am-nav>li{width: 13.5%;}
.navbar .am-topbar .am-nav>li>a{ color: #FFF; font-size: 16px;line-height:60px;display: block; text-align: center; position: relative; z-index: 10;}
.navbar .am-topbar .am-topbar-brand a{ color: #FFF; position: relative;}
.navbar .am-topbar .am-nav>li{ cursor: pointer;}
.navbar .am-topbar .am-nav>li:focus a, .am-nav>li:hover a{ background: none;}
.navbar .am-topbar-nav>li:after{ background-color: hsla(0,0%,100%,.2);border-bottom: 3px solid #07b30c;bottom: 0;content: ""; display: block; height: 100%;left: 0;margin: 0 auto;position: absolute;right: 0;top: 0;transition-duration: .3s;transition-property: width;width: 0;z-index: 5;}
.navbar .am-topbar-nav>li:hover:after,.navbar .am-topbar-nav>li.on:after{width: 100%;}
.navbar .am-topbar-nav .dropdown-content{ position: absolute;z-index:9999;display: none; width: 100%;background-color: #5772d0; top: 44px; left: 1px; padding-left: 0;}
.navbar .am-topbar .am-nav>li:hover .dropdown-content{ display: block;}
.navbar .am-topbar-nav .dropdown-content a{ color: #FFF; font-size: 14px;}
.navbar .am-topbar-nav .dropdown-content li{ line-height: 45px; list-style: none; text-align: center;}
.navbar .am-topbar-nav .dropdown-content li:hover{background-color: hsla(0,0%,100%,.2);}
.navbar .am-topbar-nav>li>a:after{ background: none; border: 0; }

.lists-banner{ width: 100%; text-align: center;}
.lists-banner img{width: 100%;position: relative;left: 50%;transform: translate3d(-50%, 0, 0);height: calc(1.2*100%); }


@media only screen and (max-width: 992px){
    .navbar .am-topbar .am-nav>li{ width: 100%;min-width: 120px;}
    .navbar .am-topbar .am-nav>li>a{ line-height: 40px; width: 100%; color: #000; text-align: left;padding: .4em 1em}
    .navbar .am-topbar .am-nav>li>a b{display: block;width: 40px;height: 40px;background: url(../images/more1.png) no-repeat center center;position: absolute;right: 0;top: 8px;}
    .navbar .am-topbar{ background: #FFF; height: 60px;}
    .navbar .am-topbar .am-topbar-brand{ margin-top: 5px;}
    .navbar .am-topbar .logo-m{ height: 30px;}
    .navbar .am-topbar-nav .dropdown-content{ position: initial; display: block; margin-top: 0; background-color: #FFF;}
    .navbar .am-topbar-nav .dropdown-content a{ color: #000;}
    .navbar-container{ position: fixed; width: 0; right: 0px; top: 60px;z-index: 99999; background-color: #FFF;transition: all .5s;-webkit-transition: all .5s;overflow: hidden;height: calc(100vh - 60px); box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
    .navbar-container.show{ width: 50% !important; display: block; overflow-y: auto;}
    .navbar .am-topbar-nav .dropdown-content li{ line-height: 35px;}

    .bottom{ height: auto;margin-top: 10px;}
    .bottom .container{ padding: 30px 20px; padding-bottom: 10px;}
    .bottom .container h1{ font-size: 18px; font-weight:500;}
    .bottom .bdy{ font-size: 14px;}
    .bottom .bdy .addr{ margin-bottom: 10px;}
    .bottom .bdy .addr.clock{ padding-left: 85px;}
    .bottom .container .btm-bdy{ width: auto; padding: 0;}
    .bottom .container .btm-bdy .btm-icp{ margin-top: 0; text-align: left;}
    .bottom .container .btm-bdy .btm-icp{ padding-bottom: 10px;}
    .bottom .container .btm-bdy .btm-icp a{ display: block; margin-bottom: 10px;}
    .bottom .container .btm-bdy .btm-icp span.yy{ display: none;}
    .bottom .container .btm-ercode{ position: absolute; right: 20px;top: 35px;}
    .bottom .container .btm-ercode img{ width: 80px;}

}