ul,li{margin: 0 ;padding: 0;list-style: none;}
.header-area{background: url(../img/top_bg.png)no-repeat top center;height: 44px;overflow: hidden;}
.toptext{font-size: 14px;line-height: 44px;color: #fff;overflow: hidden;}
.toplink{text-align: right;color: #999899;line-height: 44px;}
.toplink ul li a{font-size: 14px;display:inline-block;line-height: 44px;color: #999899;margin: 0 5px;}
/*logo*/
.logo{float: left;}
.logo a {display: block;}
.logo a img{height: 56px;}
.nav{float: right;position: relative;}
.nav a{font-size: 18px;line-height: 56px;display: inline-block;margin:  0 10px;color: #333;}
.search-icon{display: inline-block;}
.search-icon i.glyphicon-search{color: #0f5caa;font-size: 18px;}
.navbar-left {
    position: absolute;
    right: -18px;
    z-index: 9999;
    top: 42px;
}

/*产品*/
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.productslider{position: relative;}
.productslider h2{margin-bottom: 35px;}
.product_bd{height: 450px;background:#f4f4f4;}
.product_bd:hover{box-shadow:0 0 20px rgba(0,0,0,0.2);}
.products_list dl{height: 450px;}
.products_list dt img{display:block;width: 600px;height: 336px;object-fit: cover;}
.products_list dd{float: left;width: 350px;padding-left:50px;height: 450px;}
.products_list dd h3{height: 56px;position: relative;font-weight: normal;font-size:30px;line-height: 30px;}
.products_list dd h3 a{color: #1d232c;}
.products_list dd h3:after{position: absolute;width: 30px;height: 3px;background: #0f5caa;content: "";left: 0;bottom: 0;}
.products_list dd .idea{width: 310px;}
.products_list dd .idea b{display:block;font-size: 18px;color: #595959;line-height: 18px;height: 22px;}
.products_list dd .idea {font-size: 14px;color: #595959;line-height: 24px;height: 144px;overflow: hidden;}
.products_list dd .xq{display:block;width: 79px;height:30px;background:url(../img/product-more.png) no-repeat;}
.productslider .prev{position: absolute;width: 32px;height: 80px;top: 280px;left: -60px;font-size: 30px;color: #bbbbbb;}
.productslider .next{position: absolute;width: 32px;height: 80px;top: 280px;right:-60px;font-size: 30px;color: #bbbbbb;}
.htwd{background: #fff;border-right:10px solid #0f5caa;
    background: url(../img/product_bg.png) no-repeat top 65px center;}
.htwd h4{float: left;font-size: 16px;    margin: 0;color: #fff;width: 158px;line-height: 65px;padding-left: 30px;background:url(../img/icon_nextwhite.png)no-repeat right 20px center #0f5caa;}
.htwd p{float: left;padding-top: 24px;margin-left: 24px}
.htwd p a{float: left;font-size: 16px;color: #6a6a6a;line-height: 16px;padding:0 22px;border-right:1px solid #d1d1d1;}
.htwd p a:last-child{border: 0;}
.htwd p a:hover{color: #000;}
/*关于我们*/
.about_bg{background: url(../img/about-bg.png)no-repeat top center;}
.about-title{color: #fff;}
.about_neirong{font-size: 14px;line-height: 24px;color: #fff;height: 168px;overflow: hidden;}
.more_ab{font-size: 18px;color: #0f5caa;width: 120px;line-height: 32px;
display:block;text-align:center;background: #fff;padding: 0 10px;border-radius: 4px;}
.about-img{width: 660px;height: 450px;object-fit: cover;}
/*title*/
h1.titile_all{font-size: 32px;color: #0f5caa;text-align: center;margin-top: 40px;}
h2.title_line{background: #efefef;width: 160px;height: 2px;margin: 0 auto;margin-top: 20px;}
h1.titile_all i.english_title{font-size: 30px;color: #666;font-style: normal;}
p.title_int{font-size: 18px;color: #666666;text-align: center;margin-top: 20px;}
/*新闻*/
.news_bg{background: url(../img/news_bg.png)no-repeat left bottom #0f5caa;border-radius:12px;}
.newsltitle{background:url(../img/icon_next.png)no-repeat right 20px center #fff;
    font: 16px "Microsoft YaHei";line-height: 58px;
    padding: 0 20px;height: 58px;
    border-radius: 0.3rem;
    border: 1px solid #ebebeb;
    margin-bottom: 15px;}
.newsltitle a{color: #333;}
.newsltitle:hover a{color: #0f5caa;}
.newsltitle:hover{background: url(../img/icon_nexthover.png)no-repeat right 20px center #fff ;}
.newsl dl{overflow: hidden;}
.newsl dl dt{float: left;}
.newsl dl dt a img{width: 260px;height: 195px;object-fit: cover;}
.newsl dl dd{float: right;width: 258px;color: #fff;}
.newsl dl dd h3 a{font-size: 18px;color: #fff;}
.newsl dl dd p{font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;}
.newsl dl dd a.newsmore{display: block;}
.newsl ul li{height: 74px;font-size: 14px ;line-height: 74px;
    border: 1px solid #ebebeb;background: #fff;}
.newslistl li p{ width:115px; float:left; text-align:center; height:50px; margin-top:10px; font:16px Arial; color:#aaa;border-right:1px solid #ebebeb; margin-right:20px;}
.newslistl li p span{ display:block; font:24px Arial; color:#333;}
.newslistl li a{ display:block; color:#333;background: url(../img/icon_next.png) no-repeat right 20px center;}
.newslistl li a:hover{background: url(../img/icon_nexthover.png) no-repeat right 20px center;}
.newsr dl{ border-bottom:1px dashed #ebebeb; padding:5px 0;}
.newsr dt a{ display:block; font:16px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden; color:#fff;}
.newsr dd{ font:14px "Microsoft YaHei"; line-height:24px; color:#e6e6e6;  margin-top:5px;    height: 72px;
    overflow: hidden;}
.newsr dt a:hover{ color:#0f5caa;}
/*案例*/
.case_box{width: 1200px;margin: 0 auto;overflow: hidden;}
.case_box dl{width: 590px;height: 410px;position: relative;margin-bottom: 40px;}
.case_box dl a{display: block;}
.case_box dl a dt img{width:590px; height:410px;object-fit: cover;}
.case_box dl a{width:590px; height:410px; }
.case_box dl a:before{    width: 0;height: 0;content: "";background:rgba(15,92,170,.4);transition: 0.5s;
    position: absolute;top: 0;right: 0;}
.case_box dl a:after{    width: 0;height: 0;content: "";background: rgba(15,92,170,.4);transition: 0.5s;
    position: absolute;bottom: 0;left: 0;}
.case_box dl a:hover:before{    width: 295px;height: 205px;}
.case_box dl a:hover:after{    width: 295px;height: 205px;}
.case_box dl a dd strong{    display: block; z-index: 500;position: relative;}
.case_box dl a dd strong:before{    width: 0;height: 0;
    content: "";background: rgba(15,92,170,.4);transition: 0.5s;
    position: absolute;right: 0;bottom: 0;}
.case_box dl a:hover  dd strong:before {width: 295px;height: 205px;}
.case_box dl a dd strong:after{    width: 0;height: 0;
    content: "";background: rgba(15,92,170,.4);transition: 0.5s;
    position: absolute;left: 0;top: -410px;}
.case_box dl a:hover  dd strong:after {width: 295px;height: 205px;}
.case_box dl a dd strong span{display: block; font-size: 20px;text-align: center;line-height: 36px; color:#fff;border-bottom: 1px solid #fff;
    position: absolute;top: -220px;max-width: 185px;left: 50%;transform: translate(-50%, 0);opacity: 0;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;}
.case_box dl a:hover dd strong span{opacity: 1;transition: 1.25s;z-index: 2;}
/**/
.caseright {display: flex;justify-content: space-between;width: 600px;flex-wrap: wrap;}
.caseright dl{width:295px;height: 200px;position: relative;margin-bottom: 0;}
.caseright dl:nth-child(3){margin-top: 10px;}
.caseright dl:nth-child(4){margin-top: 10px;}
.caseright dl a{display: block;}
.caseright dl a dt img{width:295px; height:200px;object-fit: cover;}
.caseright dl a{width:295px; height:200px; }
.caseright dl a:before{    width: 0;height: 0;content: "";background:rgba(15,92,170,.4);transition: 0.5s;
    position: absolute;top: 0;right: 0;}
.caseright dl a:after{    width: 0;height: 0;content: "";background: rgba(15,92,170,.4);transition: 0.5s;
    position: absolute;bottom: 0;left: 0;}
.caseright dl a:hover:before{    width: 148px;height: 100px;}
.caseright dl a:hover:after{    width: 148px;height: 100px;}
.caseright dl a dd strong{    display: block; z-index: 500;position: relative;}
.caseright dl a dd strong:before{    width: 0;height: 0;
    content: "";background: rgba(15,92,170,.4);transition: 0.5s;
    position: absolute;right: 0;bottom: 0;}
.caseright dl a:hover  dd strong:before {width: 147px;height: 100px;}
.caseright dl a dd strong:after{    width: 0;height: 0;
    content: "";background: rgba(15,92,170,.4);transition: 0.5s;
    position: absolute;left: 0;top: -200px;}
.caseright dl a:hover  dd strong:after {width: 147px;height: 100px;}
.caseright dl a dd strong span{display: block; font-size: 20px;text-align: center;line-height: 36px; color:#fff;border-bottom: 1px solid #fff;
    position: absolute;top: -125px;max-width: 185px;left: 50%;transform: translate(-50%, 0);opacity: 0;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;}
.caseleft{float: left;}
.caseright{float:right;}
/*底部导航*/
.footernavbg{background: #0f5caa;}
.footernavlink{text-align: center;font-size: 18px;line-height: 60px;color: #fff;}
.footernavlink a{font-size: 18px;line-height: 60px;color: #fff;margin: 0 15px;}
/*底部友情链接*/
.footerlinkbg{background: #f4f4f4;}
.footerlink{font-size: 18px;color: #333;line-height: 60px;}
.footerlink i{font-style: normal;font-size: 14px;color: #999;margin-left: 5px;}
.footerlink a{font-size: 12px;color: #999;line-height: 60px;margin: 0 20px;}
/*底部content*/
.footerlogo a img{height: 56px;}
.footerdetail{    border-left: 1px solid #b2b2b2;box-sizing: border-box;
    position: relative;}
.footerdetail:after {width: 3px;height: 45px;display: block;
    background: #d3171f;position: absolute;
    top: 0;left: -2px;content: '';transition: .3s;}
.footerdetail h1{font-size: 26px;color: #d3171f;margin: 0;}
.footerdetail p{font-size: 12px;color: #666666;line-height: 24px;}
.footerdetail p a{font-size: 12px;color: #666666;line-height: 24px;}
.footerdetail ul li {font-size: 12px;color: #666666;line-height: 24px;}
.footerdetail:hover:after{height:100%;}