@font-face {
    font-family: 'iconfont';
    src: url('/public/fonts/fa-icon/iconfont.woff2') format('woff2'),
    url('/public/fonts/fa-icon/iconfont.woff') format('woff'),
    url('/public/fonts/fa-icon/iconfont.ttf') format('truetype');
}
html {

    font-family: Arial, Helvetica, sans-serif, "iconfont" !important;

    background-color: #fff;

    font-size: 14px;

}
.container{
    width:1200px;
    max-width: 100%;
    margin: 0 auto;
}
body {

    font-size: 15px;

    line-height: 26px;

    color: #333;

    background-color: #fff;

}

[data-iconb]:before {

    content: attr(data-iconb);

}



[data-icona]:after {

    content: attr(data-icona);

}

a{ color:#333; text-decoration: none;}





.page{ padding: 20px 0; background: #EBEBEB;}

.page-left-box{ width:240px; margin-right: 20px;}

.page-left-box .sub-box{ background: #fff; margin-bottom: 20px;}

.page-left-box .sub-box:last-child{ margin-bottom: 0;}

.page-left-box .sub-box .name{ height: 90px; line-height: 90px; font-size: 24px; font-weight: bold; text-align: center; text-transform: uppercase; color:#fff; background: #0764A7; border-radius: 10px 10px 0 0;}



.page-left-box .category{ padding: 12px;}

.page-left-box .category .sub-nav{ height: 44px; line-height: 44px; text-indent: 20px; font-size: 16px;position: relative; }

.page-left-box .category .sub-nav .nav-a{ display: block; }

.page-left-box .category .sub-nav.on .nav-a { color:#0764A7; font-weight: bold;}

.page-left-box .category .sub-nav.on:before{  content: ""; position: absolute; left:5px; top:20%; width:4px; height: 60%; background:#0764A7; }





.page-left-box .contact .list{ padding: 20px 10px;  position: relative;}

.page-left-box .contact:before{ position: absolute; left:20px; top:50%; transform: translateY(-50%); font-size: 40px; font-weight: bold; text-indent: 0; }

.page-left-box .contact .txt{ font-size: 16px; }

.page-left-box .contact .phone{ font-size: 20px; font-weight: bold;}

.page-right-box{ padding: 0 25px 25px; background: #fff; }

.currlocatinon .container {

    justify-content: space-between;''

line-height: 30px;

    padding: 30px 0 10px;

    margin-bottom: 20px;

    font-size: 14px;

    color: #666;

    border-bottom: 1px solid #0764A7;

}



.currlocatinon .nav_curr {

    font-size: 18px;

    font-weight: bold;

    max-width: 60%;

}

.currlocatinon .nav_x{ text-transform: uppercase; margin-left: 20px;}



.currlocatinon .container :before {

    color: #0764A7;

    margin-right: 5px;

}



.top-main{ padding: 10px 0; background: #f2f2f2;}

.top-right .item{margin-left: 10px;}

.top-right .item .tag-a:before{ margin-right: 5px; font-weight: bolder;}

.logo-tel{ padding: 10px 0;}

.logo-tel .logo{ margin-right: 20px;}

.logo-tel .company{ justify-content: center;}

.logo-tel .company-1 {margin-left: 0; color:#242424; font-size: 20px; line-height: 30px; font-weight: bolder;}

.logo-tel .company-2 {margin-left: 0; color:#636363; font-size: 16px; line-height: 24px; }

.logo-tel .contact-box {justify-content: center;}

.logo-tel .contact-box .contact{ margin-left: 0;}

.logo-tel .contact-box .contact:before{ margin-right: 5px; color:#0764A7;}


.main-nav{
    z-index: 99999;
}
.main-nav{ background: #1f5eab; height: 60px; text-transform: uppercase; }

.main-nav .nav-ul-1{ justify-content: space-between;}

.main-nav .nav-li-1{ flex: auto; position: relative;}

.main-nav .nav-li-1 .nav-a-1{ color:#fff; line-height: 60px; display: block; text-align: center; }



.main-nav .nav-dl-2{ position: absolute; left:0; top:100%; z-index: 999; background: #fff; min-width: 100%; white-space: nowrap; opacity: 0; visibility: hidden;  overflow: hidden; transition: 500ms;}

.main-nav  .nav-dd-2{ height: 40px; line-height: 40px; background: rgba(18,18,18,0.8);}

.main-nav  .nav-a-2{ display: block; color:#fff; padding: 0 5px;}

.main-nav .nav-li-1.hover .nav-a-1,

.main-nav .nav-li-1:hover .nav-a-1

{ background:#dd2121; }

.main-nav .nav-li-1:hover .nav-dl-2{ opacity: 1; visibility: visible;}

.main-nav  .nav-a-2:hover{background: rgba(221,33,33,0.8);}



.index-item{ padding-top: 40px;}

.index-item .title-box{font-size: 36px; font-weight: bold; color:#343434; height: 100px; line-height: 100px; text-align: center;}





.index-item .title-box  .txt{ display: inline-block; margin: 0 10px;}

.index-item .title-box .before,

.index-item .title-box  .after{ width: 100px; height: 100px;display: inline-block; position: relative;}

.index-item .title-box .before:before,

.index-item .title-box  .after:before

{ content: ""; width:100%; height: 0; border-bottom: 3px solid #dd2121; position: absolute; top:50%; left:0; transform: translateY(-50%);}





.index-about .left-box{ position: relative; padding-bottom: 50px;}

.index-about .left-box .title{ font-size: 36px; font-weight: bold; color:#343434; height: 100px; line-height: 100px;}

.index-about .left-box .more{ position: absolute; left:0; bottom:0; display: block; height: 40px; line-height: 40px; padding: 0 20px; background:#dd2121; color:#fff; }

.index-about  .right-box{ position: relative; padding: 30px 0 30px 30px; margin-left: 30px; display: flex; align-items: center;}

.index-about  .right-box:before{ content: ""; position: absolute; z-index: 1; left:0; top:0; width:60%; height:100%;box-shadow: 0px 0px 18px rgba(0,0,0,0.16)}

.index-about  .video{ position: relative;z-index: 3; }

.index-huanjing .item .title{ height: 30px; line-height: 30px; text-align: center; font-weight: bold;}

.index-processing .left-box{ margin-right: 40px; width:700px;}

.index-processing .txt{ padding-top: 20px; line-height: 26px;}

.index-processing .right-box{ justify-content: space-between;}

.index-processing .right-box .item{ width:48%;}

.index-processing .right-box .title{ text-align: center;}



.index-process .main-box{ margin-top: 20px; }

.index-process .list{justify-content: space-between;}

.index-process .item{ width:19%; }

.index-process .item .outer-div{ background: #f6f6f6; padding: 20px; border-radius: 10px; height: 100%;}

.index-process .item .pic{display: block; width:160px; height:160px; border-radius: 50%; overflow: hidden;}

.index-process .item img{ transition: 500ms;}

.index-process .item .name{ font-size: 18px; font-weight: bold; height: 60px; line-height: 60px;}

.index-process .item:hover img{ transform: rotate(8deg);}



.index-control .main-box .title{ font-size: 16px; color:#cc0000;font-weight: bold;}

.index-control .main-box .desc{ padding: 10px 0; }

.index-control .main-box .desc em{ font-weight: bold;}

.index-control .list{ margin-top: 20px;}

.index-liucheng .list{
    margin-top: 30px;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fill,minmax(100px,1fr));

}
.index-liucheng .item{
    text-align: center;
}
.index-liucheng .outer-div:before{
    font-size: 40px;
    line-height: 1em;
    color:#555;
}
.index-liucheng .outer-div:hover:before{

    color:#cc0000;
}
.index-liucheng .txt{
    margin-top: 10px;
}

.index-news .list{justify-content: space-between;}

.index-news .item{ width:49%; margin-bottom: 30px;}
.index-news .item .pic{
    margin-right: 20px;
}
.index-news .item .title{ font-size: 20px; height: 50px; line-height: 25px; overflow: hidden; margin-bottom: 10px;}

.index-news .time{ color:#a9a9a9; font-size: 12px; line-height: 12px; margin-bottom: 8px;}

.index-news  .desc{ height: 60px; line-height: 20px;-webkit-line-clamp:3; overflow: hidden; }

.index-news-2{
    padding-top: 60px;
}
.index-news-2 .left-box{ width:780px; overflow: hidden; margin-right: 50px;}
.index-news-2  .left-box-path-1{ width:410px; margin-right: 20px;}


.index-news-2  .left-box-path-1 .item-a{ display: block; position: relative; height: 100%;}
.index-news-2  .left-box-path-1 .pic{
    position: relative;
    height: 100%;
    min-height: 250px;
}
.index-news-2  .left-box-path-1 img{
   position: absolute;
    width:100%;
    height: 100%;
    left:0;
    top:0;
    object-fit: cover;
}

.index-news-2  .left-box-path-1 .title{width:100%; height: 36px; line-height: 36px; text-align: center;background-color: rgba(0,0,0,0.6); color:#fff; position: absolute; left:0; bottom:0; }
.index-news-2 .item .time{ margin-left: 10px;}

.index-news-2 .sort-box {
    width: 100%;
    line-height: 22px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding: 9px 0;
    position: relative;;
}
.index-news-2 .sort-box h3 {
    font-size: 20px;
    font-weight: bold;
    color: #343434;
}
.index-news-2 .sort-box h3:before {
    content: "";
    width: 4px;
    height: 22px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    background: #c00;
}

.index-news-2 .sort-box .more-a {
    position: absolute;
    right:10px;
    top:50%;
    transform: translateY(-50%);
    color: #575757;
    transition: all ease 300ms;
}
.index-news-2 .sort-box .more-a:hover{ right: 0;}

.index-news-2 .left-box-path-2 .item
,.index-news-2 .right-box .item{
    height: 38px; line-height: 38px; margin-bottom: 1px; border-bottom: 1px dashed #eee;
}




.index-product .list,.index-control .list{  margin-top: 20px;}

.index-product .item,.index-control .item{ width:25%;}

.index-product .outer-div,.index-control .outer-div{ margin: 0 5px 10px;}

.index-product .outer-div .title,.index-control .outer-div .title{ height: 40px; line-height: 40px; text-align: center;}





.footer{ margin-top: 40px; padding: 30px 0; background: #070707; color:#fff;}

.footer a{color:#fff;}

.footer .container{justify-content: space-between;}

.footer .path h3{ font-size: 26px; font-weight: bold; line-height: 50px; margin-bottom: 20px; position: relative;}

.footer .path h3:before{ content: ""; width:40px; height: 0; border-bottom: 2px solid #cc0000; position: absolute; left:0; bottom:0;}

.footer .footer-nav .list{ padding-right: 20px; }

.footer .footer-nav .list:last-child{ padding-right: 0;}

.footer .item{ height: 30px; line-height: 30px;}

.footer .weixin .qrcode{ padding-right: 20px;}

.footer .weixin .qrcode:last-child{ padding-right: 0;}

.footer .weixin img{width:120px;}

.footer .weixin dd{ height: 30px; line-height: 30px; text-align: center;}

.copyright{ padding: 10px 0; background: #ccc; color:#333; text-align: center; }

.copyright  a{color:#333;}



.page-list-box .list-1 .item {

    border-bottom: 1px solid #eaeaea;

    display: block;

    padding: 20px;

    transition: all .5s;

}



.page-list-box .list-1 .item a {

    color: #626669;

}



.page-list-box .list-1 .item .pic {

    margin-right: 10px;

}



.page-list-box .list-1 .item .txt-box {

    position: relative;

}



.page-list-box .list-1 .item .title {

    font-size: 18px;

    line-height: 50px;

    color: #333;

}



.page-list-box .list-1 .item .desc {

    -webkit-line-clamp: 3;

    line-height: 22px;

    height: 66px;

}



.page-list-box .list-1 .item .time {

    font-size: 12px;

    color: #666;

    position: absolute;

    top: 0;

    right: 20px;

    height: 50px;

    line-height: 50px;

}



.page-list-box .list-1 .item:hover {

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

}



.page-list-box .list-1 .item:hover .title {

    color: #0764A7;

}



.page-list-box .list-2 .outer-div {

    margin: 0 10px 10px;

    display: block;

    border: 1px solid #ddd;

    transition: 500ms;

    background: #7b7b7b;

}



.page-list-box .list-2 .title {

    height: 46px;

    line-height: 46px;

    color: #fff;

    text-align: center;

    transition: 500ms;



}



.page-list-box .list-2 .outer-div .pic {

    position: relative;

    overflow: hidden;

}

.page-list-box .list-2 .outer-div .img {

    transition: 500ms;

}





.page-list-box .list-2 .outer-div:hover {

    background-color: #0764A7;

    color: #fff;

}



.page-list-box .list-2 .outer-div:hover .title {

    color: #fff;

}

.page-list-box .list-2 .outer-div:hover .img  {

    transform: scale(1.1);

}

.page-list-box .list-video .pic {

   position: relative;
    padding-bottom: 56.2%;

}
.page-list-box .list-video .pic img {
  position: absolute;
    width:100%;
    height: 100%;
    top:0;
    left:0;
    object-fit: cover;
}

.page-show-box .show-1 .title {

    font-size: 24px;

    font-weight: bold;

    line-height: 60px;

    text-align: center;

}



.page-show-box .show-1 .time {

    display: block;

    line-height: 26px;

    text-align: center;

}



.page-show-box .show-1 .content {

    margin-top: 10px;

    padding-top: 10px;



}

.page-show-box .show-2 .show-head {

    text-align: center;

}



.page-show-box .show-2 .images-box{ margin-top: 20px; }

.page-show-box .show-2 .big-roll-box {

    overflow: hidden;

}



.page-show-box .show-2 .small-roll-box {

    margin-top: 20px;

    overflow: hidden;

}



.page-show-box .show-2 .small-roll-box .item {

    position: relative;

}



.page-show-box .show-2 .small-roll-box .item:before {

    content: "";

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    border: 5px solid #0764A7;

    position: absolute;

    left: 0;

    top: 0;

}



.page-show-box .show-2 .small-roll-box .swiper-slide {

    opacity: .6;

}



.page-show-box .show-2 .small-roll-box .swiper-slide-thumb-active {

    opacity: 1;

}

.page-show-box .show-2 .show-head .text-box{ text-align: left;}

.page-show-box .show-2 .show-head .title {

    height: 60px;

    line-height: 60px;

    font-size: 24px;

    color:#0764A7;

    border-bottom: 1px dashed #dcdcdc;

}

.page-show-box .show-2 .show-head .desc{ margin-top: 20px;}

.page-show-box .pro-show-ask {



    margin-top: 20px;

    padding: 6px 15px;

    background: #f3f3f3;

    font-size: 14px;

    font-weight: bold;

    position: relative;



}



.page-show-box .pro-show-ask li {font-size: 20px;  height: 65px; line-height: 65px;color:#666;}

.page-show-box .pro-show-ask .hottel{color:#0764A7; font-weight: normal;}

.page-show-box .pro-show-ask .ask-a{

    position: absolute; right:20px; top:50%; transform: translateY(-50%); display: block; height: 40px; line-height: 40px; padding: 0 20px; background:#0764A7; color:#fff;

}



.page-show-box .show-2 .show-content {

    margin-top: 40px;

}