*{margin: 0;padding: 0;box-sizing: border-box;border-radius: 0;border: 0;outline: none;/* vertical-align: middle; */ font-family: 'Source Han Sans CN';}
ul,li,ol{list-style: none;}
a{text-decoration: none;color: #000;}
img{border: 0;}
table,th,td,tr{border-collapse:collapse;border: 1px solid #ddd;line-height: 1.5;padding: 10px;}
input,textarea,select,button{outline: none;resize: none;} input:focus,textarea:focus,select:focus,button:focus{outline: none;}
iframe,video{display: block;width: 100%;height: auto;border: 0;margin: 0 auto;}
html,body{width: 100%;min-height: 100vh;position: relative;font-size: .16rem;color: #000;background-color: #FFFFFF;}

.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.txthide4{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:4; text-overflow: ellipsis; overflow: hidden; text-align: justify;}

.wrapper{width: 13.6rem;margin: 0 auto;min-width: 960px;}
.sub_wrapper{width: 12rem;margin: 0 auto .9rem;min-width: 960px;padding: .75rem .4rem .6rem;box-shadow: 0 1px 10px 0 rgba(0,0,0,.05);background-color: #FFFFFF;}

.public_name{font-size: .4rem;color: #333;font-weight: bold;line-height: .42rem;text-align: center;padding-bottom: .35rem;}

.public_sub_name{font-size: .28rem;color: #000000;font-weight: bold;line-height: .3rem;text-align: center;margin-bottom: .35rem;}
.public_name.nameColor{color:#0061ae;}

.more{display: block;width: 1.18rem;height: .42rem;font-size: .16rem;color: #1c4590;text-align: center;line-height: .4rem;border:.01rem solid #b8bfcf;transition: .5s;}
.more:hover{background-color: #b8bfcf;color:#fff;}

/* 头 */
header{width: 100%;min-height: .96rem;position: absolute;top: 0;z-index: 3;}
header .logo{display: block;width: auto;height: 50px;}
header .nav dd a{display: block;height: .96rem;line-height: .96rem;padding: 0 .15rem;font-size: .18rem;color: #fff;transition:.5s;position: relative;}
header .nav dd:hover  a::after{display: block;content: '';width: 100%;height: 2px;background-color: #0061ae;position: absolute;bottom: .2rem;left: 0;}
.head  {position: relative;background-color: #FFFFFF;}
.head  .nav dd a{color: #333;}
.head .nav .active{background-color: #0061ae;color: #fff;}
.head .nav dd:hover  a{background-color: #0061ae;color: #fff;}
.head .nav dd:hover  a::after{display: none;}

/* banner */
.banner{width: 100%;position: relative;overflow: hidden;}
.banner .swiper-wrapper{transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
.banner img{width: 100%;display: block;}
.banner .swiper-pagination{position: absolute;bottom: 33px;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;opacity: .7;background: #fff;}
.banner .swiper-pagination-bullet-active{width: 17px;height: 8px;opacity: 1;border-radius: 8px;background: #fff;}


/* 简介 */
.intro{width: 100%;background-color: #f1f5f8;padding: .78rem 0;}
.intro .left{flex:1;}
.intro .left .name{font-size: .4rem;color: #1c4590;line-height: .42rem;font-weight: bold;margin-bottom: .2rem;}
.intro .left .desc{font-size: .18rem;color: #1f1f1f;line-height: .28rem;margin-bottom: .45rem;text-indent: .36rem;}
.intro .right_img{margin-left: 1rem;}
.intro .right_img img{display: block;width: 2.78rem;min-height: 3.66rem;}


/* 产品展示 */
.product{width: 100%;padding: .75rem 0;}
.product .column_head{margin-bottom: .35rem;}
.product .column_head dd{position: relative;}
.product .column_head dd:not(:last-child){margin-right: 60px;}
.product .column_head dd:not(:last-child)::after{display: block;content: '';width: 60px;height: 1px;position: absolute;top: 33px;left: 100%;background-color: #f2f7fa;}
.product .column_head dd .icon{width: 66px;height: 66px;background-color: #e9edf0;border-radius: 50%;overflow: hidden;margin: 0 auto;cursor: pointer;}
.product .column_head dd .icon img{display: block;width: 100%;}
.product .column_head dd .name{font-size: 14px;color:#6d83ac;text-align: center;line-height: .16rem;margin-top: 10px;}
.product .column_head .active .icon{background-color: #8c9aa4;}
.product .column_head .active .icon img{transform: translateY(-50%);}

.product .column_body{width: 15.6rem;    min-width: 960px;position: relative;margin: 0 auto .4rem;}
.product .column_body .column{display: none;overflow: hidden;position: relative;}
.product .column_body .column a{display: block;width: 100%;padding-top: 61.9%;position: relative;background-color: #eeeff3;border-radius: .18rem;overflow: hidden;}
.product .column_body .column img{display: block;max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);transition: .5s;}
.product .column_body .swiper-button-prev , .product .column_body  .swiper-button-next{width: .52rem;height: .52rem;background-color: #235abf;border-radius: 50%;}
.product .column_body .swiper-button-prev:after , .product .column_body  .swiper-button-next:after{font-size: .18rem;color: #fff;font-weight: bold;}
.product .column_body .column a:hover img{transform: translate(-50% , -50%) scale(1.1);}

.product .more{margin: 0 auto;}


/* 标语 */
.slogan{width: 100%;background:url(../images/slogan_bg.jpg)no-repeat top center / 100% auto;min-height: 160px;padding: .3rem 0;}
.slogan .left{font-size: .36rem;color: #FFFFFF;padding-right: .65rem;border-right: 1px solid rgba(255,255,255,.2);margin-right: .8rem;line-height: .46rem;}
.slogan .left .name , .slogan .left .tel{white-space: nowrap}
.slogan .left .tel{font-weight: bold;}
.slogan .left .tel img{display: block;height: .26rem;margin-right: 10px;}
.slogan .content{font-size: .16rem;color: #fff;line-height: .22rem;}


/* 新闻 */
.news{padding: .75rem 0;}
.news .isgoods{width: 3.8rem;margin-right: .4rem;background-color: #f5f6fa;}
.news .isgoods .box{width: 100%;height: fit-content;}
.news .isgoods .img{width: 100%;padding-top: 60.5%;position: relative;overflow: hidden;}
.news .isgoods .img img{display: block;width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;object-fit: cover;transform: translate(-50% , -50%);}
.news .isgoods .text{padding:  .2rem ;}
.news .title{font-size: .24rem;color: #000000;line-height: .24rem;font-weight: bold;}
.news  .desc{height: 54px;font-size: 14px; line-height: 18px;color: #666666;margin: .1rem 0 .0;}
.news .isgoods .bot{padding: .2rem .2rem ;line-height: .26rem;}
.news .date{font-size: 14px; color: #666666;}
.news .isgoods .bot span{font-size: .26rem;color: #ff6d08;}
.news  .item{flex:1;}
.news .item dd:not(:last-child){margin-bottom: .3rem;}
.news .item dd .list{display: flex;overflow: hidden;}
.news .item dd .list .img{width: 2rem;height: 1.2rem;overflow: hidden;}
.news .item dd .list .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: .5s;}
.news .item dd .list .text{flex:1;overflow: hidden;margin-left: .15rem;}
.news .item .title{font-size: .2rem;line-height: .22rem;}
.news .item dd .list .date{margin-top: .1rem;}
.news .more{margin: .4rem auto 0;}


.news .isgoods:hover{flex-direction: column-reverse;background-color: #0d81cd;}
.news .isgoods:hover .box{padding: 0 .2rem .3rem;}
.news .isgoods:hover .bot span{display: none;}
.news .isgoods:hover .title , .news .isgoods:hover .desc {color: #fff;}
.news .isgoods:hover .bot{padding: .2rem .2rem .1rem;}
.news .isgoods:hover .date{color: rgba(255,255,255,.3);}
.news .item dd .list :hover img{transform: scale(1.1);}

/* 线 */
.line{width: 16.4rem;height: 6px;background-color: #00a5f2;}

/* 联系 */
.contact{width: 210px;background-color: rgba(0,0,0,.7);padding: 25px 10px 15px;position: fixed;top: 50%;left: 10px;transform: translateY(-50%);transition: .5s;z-index: 99;}
.contact .top{font-size: 14px;color: #c0c0c0;text-align: center;line-height: 22px;}
.contact .top span{font-size: 22px;color: #ffffff;font-weight: bold;}
.contact .top .icon{display: block;width: 26px;height: 25px;margin-right: 5px;margin-top: 5px;}
.contact dl{width: 100%;padding-top: 15px;}
.contact dl dd{width: 100%;height: 55px;overflow: hidden;background-color: #fff;margin-bottom: 5px;}
.contact dl dd .name{display: flex;justify-content: center;align-items: center;flex-direction: column;width: 55px;height: 100%;background-color: #d9dcde;}
.contact dl dd .name img{display: block;width: 24px;height: 24px;}
.contact dl dd .name span{font-size: 12px;color:#ff6d08;line-height: 13px;margin-top: 3px;font-weight: bold;}
.contact dl dd .desc{flex:1;padding: 0 5px;cursor: pointer;}
.contact dl dd .desc .address , .contact dl dd .desc  .info{display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;height: 100%;font-size: 12px;text-align: center;line-height: 18px;}
.contact dl dd:hover .desc .address , .contact dl dd:hover .desc .info{transform: translateY(-100%);transition: .5s;}



footer{width: 100%;background-color: #282a32;padding: .5rem 0;}
footer .left{flex:1;}
footer .left .top{margin-bottom: .5rem;}
footer .left .top .logo{width: 1.95rem;height: .5rem;margin-right: .6rem;}
footer .left .top .logo img{display: block;width: 100%;height: 100%;}
footer .left .top .nav{flex:1;}
footer .left .top .nav dl{width: 100%;}
footer .left .top .nav dl dd:not(:last-child){margin-right: .4rem;}
footer .left .top .nav dl dd a {font-size: .18rem;color: #fff;font-weight: 300;}
footer .left .top .nav .info{font-size: .14rem;color: #fff;margin-top: .15rem;font-weight: 300;}
footer .left .top .nav .info .list:not(:last-child){margin-right: 1rem;}
footer .left .top .nav .info span{font-weight: 500;}


footer .qrcode{width: fit-content;margin-left: .2rem;}
footer .qrcode .img{display: block;width: 1rem;height: 1rem;margin: 0 auto .05rem;}
footer .qrcode .text{text-align: center;}
footer .qrcode .text , footer .left .bot , footer .left .bot  a{font-size: 14px;color:rgba(255,255,255,.4);}



/* 面包屑 */
.bread{width: 100%;background-color: #f5f5f5;margin-bottom: 26px;}
.bread .crumb{display: flex;justify-content: flex-end;width: 12rem;min-width: 960px;font-size: 14px;color: #666666;line-height: 60px;margin: 0 auto;}
.bread .crumb i{display: inline-block;margin: 0 5px;font-style: normal;font-family: 'SimSun';}
.bread .crumb a{color: #666666;l}
.bread .crumb span{color: #235abf;l}



/* 产品 */
.product_sub{width: 100%;}
.product_sub dd{width: calc((100% - .6rem) / 3);margin-bottom: .3rem;transition: .5s;}
.product_sub dd:not(:nth-child(3n)){margin-right: .3rem;}
.product_sub dd a{display: block;width: 100%;}
.product_sub dd a .img{width: 100%;height: 2.16rem;background-color: #f3f4f7;border-radius: .18rem;overflow: hidden;position: relative;transition: .5s;}
.product_sub dd a .img img{display: block;max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);transition: .5s;}
.product_sub dd a .title{width: 100%;text-align: center;font-size: .18rem;color: #000000;line-height: .2rem;margin-top: 10px;}
.product_sub dd:hover {transform: translateY(-10px);}
.product_sub dd:hover .img{box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);}
.product_sub dd :hover img{transform:  translate(-50% , -50%) scale(1.1)!important;}


/* 新闻 */
.news_sub , .news_sub dd{width: 100%;}
.news_sub dd a{display: block;width: 100%;padding:.35rem 0;position: relative;}
.news_sub dd a::after{display: block;content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0px;background-color: #ebebeb;transition: .5s;}
.news_sub dd a .title{width: 100% ;font-size: .2rem;color: #235abf;font-weight: bold;}
.news_sub dd a .desc , .news_sub dd a .date{width: 100% ;font-size: 14px;color:#595959;line-height: 24px;}
.news_sub dd a .date{margin-top: 5px;}

.news_sub dd:hover a::after{background-color: #235abf;}


/* 详情 */
.detail .content{display: block;font-size: .18rem;line-height: .36rem;color: #202020;font-weight: 300;}
.detail .content img{max-width: 100%;margin: 10px 0;}


/* 联系 */
.contact_sub .slogan{display: flex;justify-content: center;flex-direction: column;padding: .3rem .5rem;}
.contact_sub .slogan .left{margin-right: 0;border: none;padding: 0 0 12px;}
.contact_sub .map{display: flex;justify-content: flex-end;align-items: center;width: 100%;min-height: 4.5rem;position: relative;padding: .3rem .4rem;}
.contact_sub .map .info{width: 4.14rem;padding:.2rem .3rem;background-color: rgba(0,0,0,.8);color:#fff;}
.contact_sub .map .info .top{font-size: .18rem;padding-bottom: .15rem;margin-bottom: .2rem;line-height: .32rem;border-bottom: 1px solid rgba(255,255,255,.4);}
.contact_sub .map .info .top .tel{font-size: .24rem;font-weight: bold;}
.contact_sub .map .info .top .address{font-size: .14rem;line-height: .25rem;}
.contact_sub .map .info .text{font-size: .16rem;line-height: .24rem;}
.contact_sub .map .info .text  .list{display: flex;margin-bottom: 5px;overflow: hidden;}
.contact_sub .map .info .text span{margin-right: 10px;white-space: nowrap;}
.contact_sub .map .info .text div{flex:1;font-weight: 300;overflow: hidden;}

@media only screen and (max-width:1480px ) {
    header .nav dd a{font-size: 14px;}
    .news .isgoods .desc , .news .isgoods .date{font-size: 13px;}
    .news .item .desc , .news .item dd .list .date{font-size: 12px;}
    .news .item .desc{height: 36px;-webkit-line-clamp: 2;}
    .slogan .content{font-size: 14px;line-height: 18px;}
    .contact{left: -200px;border-radius: 4px;}
    .contact::after{display: block;content: '';width: 16px;height: 16px;position: absolute;top: 50%;right: -8px;background-color: rgba(0,0,0,.7);transform: translateY(-50%);border-radius: 0 100% 100% 0;cursor: pointer;clip-path: polygon( 50% 0, 100% 0,  100% 100% , 50% 100% );}
    .contact:hover{left: 10px;}
    
    footer .left .top .nav dl dd a {font-size: 14px;}
}