@charset "utf-8";
.top-line{height: 34px;line-height: 34px;background-color:#24a38d;color: #fff; }
.top-box{overflow: hidden;}
.top-box p{float: left;}
.top-box ul{display: flex;float: right;}
.top-box ul.lang li a{display:inline-block;margin:0 10px;}
.top-box ul.lang li:first-child:after{content: '|';padding-right: 4px;}
.top-box ul.lang a{color: #fff;}
.top-box ul.tel{margin-right: 30px;}
.top-box ul.tel li:first-child:after{content: '|';padding: 0 20px;}
.top-box ul.tel li img{width:20px;}

.navbar-light .navbar-toggler{outline: none;}

.fixed-top{top:34px;}
.container{max-width: 1200px;}
.navbar{height: 110px;padding: 0;align-items: unset;}
.bg-light{background-color: #fff;}
.navbar-nav .nav-item{margin-left: 10px;position: relative;}
.navbar-nav .nav-item>a{width: 132px;text-align: center;}
.navbar-nav .nav-item.active>a{background-color: #24a38d;border-radius: 4px;}
.navbar-nav .nav-item.active a.nav-link{color: #fff;}
.navbar-nav .nav-item>a:hover{background-color: #24a38d;border-radius: 4px;}
.navbar-nav .nav-item:hover a.nav-link{color: #fff;background-color: #24a38d;border-radius: 4px;}
.navbar-nav .nav-item i{display: none;}
.navbar-light .navbar-nav .nav-link{color: #0C0C0C;}
.logo-sm-height{height: 80px;}
.head-sm-height{height: 112px;}
.navbar-collapse{height: 110px;}
.d_menu{position: absolute;display:none;width: 100%;text-align: center;padding: 10px 0;background-color: #f4f4f4;}
.d_menu a.nav_link1{display: block;height: 40px;line-height: 40px;}
.d_menu a.nav_link1:hover{background-color: #fff;}
.navbar-nav .nav-item:hover .d_menu{display: block;}

.search-index{height: 125px;background-color: #24a38d;color: #fff;}
.search-box{display: flex;justify-content: space-between;align-items: center;height: inherit;}
.hot-sear{display: flex;}
.hot-sear a{color: #fff;padding-right: 20px;}
.search-form form{display: flex;margin-top: 10px;}
.sear-input{height: 45px;line-height: 45px;border: #D3D3D3 1px solid;padding: 0 5px;color: #333;width: 557px;outline: none;}
.sear-submit{display: inline-block;width: 80px;height: 45px;border: none;background: url("../images/search01.gif") no-repeat;}
.sear-submit:hover{background: url("../images/search02.gif") no-repeat;}
.hot-tel{display: flex;align-items: center;}
.tel-txt{padding-left: 10px;}
.tel-txt span{display: block;font-size: 14px;}
.tel-txt strong{font-weight: normal;font-size: 30px;}

.fs-sm-32{font-size: 70px;font-weight: bold}
.position-absolute h4{width: 60%;line-height:1.8; }
.grey{background-color: rgb(245, 245, 245);}
.inabout-info{padding-top:50px;}
.inabout-info{display: flex;}
.inabout-con{text-indent: 30px;padding-left: 50px;}
.more-link{text-indent: 0;margin-top: 20px;}
.more-link a{display: inline-block;width: 230px;height: 50px;line-height: 50px;background-color: rgba(18,175,163,1);text-indent: 0;text-align: center;color: #fff;border-radius: 25px;text-transform: uppercase;}
.ys-list ul{display: flex;justify-content: space-between;margin-top: 30px;}
.ys-list ul li{background-color: rgba(18,175,163,1);color: #fff;padding:20px;border-radius: 4px;width: 24%;}
.ys-list ul li:hover{background-color: rgba(1,147,173,1);transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.ys-list ul li h4{font-size: 40px;font-weight: normal; position: relative;}
.ys-list ul li h4::after{content: '';display: inline-block;width: 20px;height: 2px;background-color: #fff;position: absolute;bottom: -3px;left: 0;}
.ys-list ul li p{font-size: 18px;}
.ys-list ul li span{text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;}
.inpro{margin-top: 20px;}
/*图片放大*/
.pic-scale .pic, .img-scale {
    position: relative;
    overflow: hidden;
}
.img-scale img, .pic-scale img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.img-scale:hover img, .pic-scale:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*图片去色*/
.img-gray {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.news-box{margin-top: 30px;}
.index-newslist li a{display:block;overflow:hidden;height: 49px;line-height: 49px;display: flex;justify-content: space-between;border-bottom: 1px dashed #c6c6c6;}
.index-newslist li a span{font-size: 12px;color: #acacac;}
.index-newslist li a p{width: 75%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*内页*/
.nbanner img{width: 100%;}
.position{height: 50px;line-height: 50px;background-color: rgb(246, 246, 246);}
.position a{color: rgb(67, 67, 67);}
.pos-box{display: flex;justify-content: space-between;}
.sort-list{display: flex;}
.sort-list .btn{line-height: 50px;border-radius: unset;padding: 0 20px;}
.sort-list .btn-info{color: #fff;}

    /*contact*/
.contact-con{display: flex;justify-content: space-between;}
.contact-con .content{width: 30%;}
.contact-con .con-map{width: 70%;}
    /*bottom*/
.footer{background-color: #27282d;}
.footer h5{color: #fff;}

.copyright{background-color: #191a1e;color: #fff;padding: 12px 0;}
.wap{display: none;}
@media (max-width:720px) {
    .logo-sm-height{width: 100%;height: auto;}
    .navbar-light .navbar-toggler{margin-right: 15px;}
    .navbar{height: 90px;}
    .navbar-light .navbar-brand{width: 80%;}
    .navbar-nav{background-color: #fff;}
    .navbar-nav .nav-item{margin: 0;}
    .navbar-nav .nav-item>a{width: 100%;}
    ul.lang li:first-child{display: none;}
    .sear-input{width: 80%;}
    .hot-tel{display: none;}
    .inabout-img img{width: 50%;}
    .inabout-info{padding-top: 20px;flex-wrap: wrap;}
    .inabout-pic img{width: 100%;}
    .inabout-con{padding-left: 0;}
    .more-link{text-align: center;}
    .ys-list ul{flex-wrap: wrap;}
    .ys-list ul li{width: 49.5%;margin-top: 5px;}
    .contact-con{flex-wrap: wrap;}
    .contact-con .content{width: 100%;}
    .contact-con .con-map{width: 100%;}
    .pc{display: none;}
    .wap{display: block;}
    .d_menu{position: relative;}
    .navbar-nav .nav-item i{display: block;position:absolute;top: 0;right: 20px;width: 35px;height: 35px;line-height: 35px;}
    .pos-box span{display: none;}
}