﻿@charset "utf-8";
.more{background: url(../images/more.png) no-repeat;width:205px;height: 45px;display: inline-block;line-height: 45px;font-size: 16px;color: #fff;box-sizing: border-box;padding-left: 20px; transition: 0.3s all;left: 0;}
.more:hover{position: relative;left: 20px;}
/* szdb_product */
.szdb_product{position: relative;padding:30px 0 ;box-sizing: border-box;}
.szdb_product .bd{position: relative;width: 100%;}
.szdb_product .bd ul{position: relative;}
.szdb_product .bd .pic{overflow: hidden;width: 100%;z-index: 1;}
.szdb_product .bd .item{position: absolute;width: 430px;height: 520px;background: rgba(7, 125, 202, 0.95);z-index:998;top: 40px;right: 0;box-sizing: border-box;padding:50px 75px;}
.szdb_product .bd .item .catname{color: #fff;font-size: 18px;margin-bottom: 50px;position: relative;}
.szdb_product .bd .item .catname::before{content: '';display: inline-block;width: 100px;background: #fff;height: 2px;position: absolute;left: -115px;top: 12px;}
.szdb_product .bd .item .tit_en{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 24px;font-weight: bold;text-align: left;color: #fff;text-transform: uppercase;line-height: 1.5;}
.szdb_product .bd .item .tit_cn{font-size: 24px;color: #fff;font-weight: bold;line-height: 2;margin-bottom: 50px;}
.szdb_product .next,.szdb_product .prev{display: block;position: absolute;right:50px;z-index: 5;width: 30px;height: 30px;border: 1px solid #fff;border-radius: 50%;top: 85px;z-index: 999;line-height: 30px;text-align: center;cursor: pointer;}
.szdb_product .next em,.szdb_product .prev em{color: #fff;}
.szdb_product .prev em{left: 3px;position: relative;}
.szdb_product .prev{right: 90px;}
.szdb_product .next:hover,.szdb_product .prev:hover{background: #fff;}
.szdb_product .next:hover em,.szdb_product .prev:hover em{color: #077dca;}
.szdb_product .hd{position: relative;z-index: 999;}

/* szdb_cases */
.szdb_cases{height: 720px;padding: 20px 0;box-sizing: border-box;background: -webkit-linear-gradient(top,#0584d0,#0e69b8);
    background: -moz-linear-gradient(top,#0584d0,#0e69b8);
    background: linear-gradient(top,#0584d0,#0e69b8);}
.szdb_cases_con{ width:100%;  position:relative;   }
.szdb_cases_con .hd{  }
.szdb_cases_con .hd .next,.szdb_cases_con .hd .prev{display: block;position: absolute;right:0;z-index: 5;width: 30px;height: 30px;border: 1px solid #fff;border-radius: 50%;top: -65px;z-index: 999;line-height: 30px;text-align: center;cursor: pointer;}
.szdb_cases_con .hd .next em,.szdb_cases_con .hd .prev em{color: #fff;}
.szdb_cases_con .hd .prev em{left: 3px;position: relative;}
.szdb_cases_con .hd .prev{right: 40px;}
.szdb_cases_con .hd .next:hover,.szdb_cases_con .hd .prev:hover{background: #fff;}
.szdb_cases_con .hd .next:hover em,.szdb_cases_con .hd .prev:hover em{color: #077dca;}
.szdb_cases_con .bd{ padding:0 0; width: 100%;overflow: hidden;  }
.szdb_cases_con .bd ul{ overflow:hidden; zoom:1; }
.szdb_cases_con .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:left;width: 400px;background: #fff;text-align: center;padding: 15px;margin-right: 30px;padding-bottom: 30px;position: relative;}
.szdb_cases_con .bd ul li:after{content: '';display: inline-block;width: 0;height: 3px;background: #e15616;transition: 0.3s all;position: absolute;bottom: 0;left:0;}
.szdb_cases_con .bd ul li:hover:after{width: 100%;}
.szdb_cases_con .bd ul li .pic{ text-align:center; width: 100%;}
.szdb_cases_con .bd ul li .pic img{ width:400px; max-height:300px; display:block;  }
.szdb_cases_con .bd ul li .pic a:hover img{ border-color:#999;  }
.szdb_cases_con .bd ul li .title{ line-height:24px; font-size: 20px;font-weight: bold;text-align: left;padding-top: 10px;line-height: 2.5;position: relative;  }
.szdb_cases_con .bd ul li .title:after{content: '';width: 30px;height: 3px;background: #e15616;display: inline-block;position: absolute;bottom: 0;left: 0;}
.szdb_cases_con .bd ul li .des{text-align: left;line-height: 2;font-size: 15px;padding-top: 10px;padding-bottom: 20px;color: #999;}
.szdb_cases_con .bd ul li .more{color: #333;text-align: left;}

/* news */
.szdb_news{background: #f6f7f7;padding-bottom: 0;margin-bottom: 0;padding-top: 20px;padding-bottom: 30px;}
.szdb_news .fl{width: 520px;height: 520px;background: #fff;box-sizing: border-box;padding: 30px;position: relative;}
.szdb_news .fl .hd{position: absolute;top: 330px;right: 30px;}
.szdb_news .fl .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.szdb_news .fl .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background: #bdbdbd;border-radius: 50%; }
.szdb_news .fl .hd ul li.on{ background-position:0 0;background: #024e99; }
.szdb_news .fl .bd ul li .pic{ text-align:center; width: 100%;}
.szdb_news .fl .bd ul li .pic img{ width:470px; max-height:280px; display:block;  }
.szdb_news .fl .bd ul li .pic a:hover img{ border-color:#999;  }
.szdb_news .fl .bd ul li .date{font-size: 30px;color: #999;margin-top: 20px;}
.szdb_news .fl .bd ul li .title{ line-height:24px; font-size: 20px;font-weight: bold;text-align: left;padding-top: 10px;line-height: 2.5;position: relative; overflow: hidden;text-overflow: ellipsis;word-spacing: normal; }
.szdb_news .fl .bd ul li .des{text-align: left;line-height: 2;font-size: 15px;color: #999;}



.szdb_news .fr{width: 790px;}
.szdb_news .fr .date{width: 90px;height: 120px;background: #fff;text-align: center;float: left;}
.szdb_news .fr .date .d{border-bottom: 1px solid #efefef;line-height: 60px;font-size: 30px;}
.szdb_news .fr .date .m{font-size: 20px;padding-top: 10px;}
.szdb_news .fr .date .y{line-height: 25px;font-size: 15px;color: #999;}
.szdb_news .fr .tit{width: calc(100% - 120px);float: right;}
.szdb_news .fr .tit span{font-size: 18px;line-height: 2.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.szdb_news .fr .tit .des{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #999;font-size: 14px;line-height: 2;}
.szdb_news .fr dl{border-bottom: 1px solid #dfe0e2;padding-bottom: 30px;margin-bottom: 30px;}
.szdb_news .fr .tit:hover span{color: #024e99;}
/* szdb_cat */
.szdb_cat{padding: 40px 0;}
.szdb_cat .fl{position: relative;width: 790px;height: 410px;}
.szdb_cat .fr{position: relative;width: 545px;height: 410px;}
.szdb_cat .szdb_tit_w{position: absolute;display: inline-block;top: 50%;left: 50%;text-align: center;transform: translate(-50%,-50%);width: 100%;}
.szdb_cat .szdb_tit_w .more{display: none;}
.szdb_cat a{display: inline-block;width: 100%;height: 100%;}
.szdb_cat .m{position: relative;}
.szdb_cat .m::before{content: '';width: 100%;height: 100%;background: transparent;display: inline-block;position: absolute;top: 0;left: 0;}
.szdb_cat .m:hover::before{content: '';width: 100%;height: 100%;background:rgba(10, 115, 194, 0.7);}


.szdb_cat .box-flex{
    width: 100%;
    display: flex;
    justify-content: center;
}
.szdb_cat .box-flex .item-flex{flex: 1;}
/* szdb_ad */
.szdb_ad{background:#0e69b8;height: 260px;color: #fff;text-align: center;box-sizing: border-box;padding-top: 60px;letter-spacing: 5px;}
.szdb_ad p{font-size: 36px;line-height: 2.5;}
.szdb_ad strong{font-size: 36px;font-weight: normal;}


/* szdb_cases */
.szdb_cases_m{border-top: 2px solid #efefef;margin-top: 20px;}
.szdb_cases_m_con{ width:100%;  position:relative;   }
.szdb_cases_m_con{ padding:0 0; width: 100%;overflow: hidden;  }
.szdb_cases_m_con ul{ overflow:hidden; zoom:1; }
.szdb_cases_m_con ul li{ float:left; border: 1px solid #efefef;margin-bottom: 20px; overflow:hidden; text-align:left;width: 400px;background: #fff;text-align: center;padding: 15px;margin-right: 30px;padding-bottom: 30px;position: relative;}
.szdb_cases_m_con ul li:after{content: '';display: inline-block;width: 0;height: 3px;background: #e15616;transition: 0.3s all;position: absolute;bottom: 0;left:0;}
.szdb_cases_m_con ul li:hover:after{width: 100%;}
.szdb_cases_m_con ul li .pic{ text-align:center; width: 100%;}
.szdb_cases_m_con ul li .pic img{ width:400px; max-height:300px; display:block;  }
.szdb_cases_m_con ul li .pic a:hover img{ border-color:#999;  }
.szdb_cases_m_con ul li .title{ line-height:24px; font-size: 20px;font-weight: bold;text-align: left;padding-top: 10px;line-height: 2.5;position: relative;  }
.szdb_cases_m_con ul li .title:after{content: '';width: 30px;height: 3px;background: #e15616;display: inline-block;position: absolute;bottom: 0;left: 0;}
.szdb_cases_m_con ul li .des{text-align: left;line-height: 2;font-size: 15px;padding-top: 10px;padding-bottom: 20px;color: #999;}
.szdb_cases_m_con ul li .more{color: #333;text-align: left;}
.szdb_cases_m_con ul li:nth-child(3n+0){margin-right: 0;}

.szdb_cases_wh{padding: 20px 0;}
.bg-blue{background-color:#0584d0 !important;}
.picList-wh{display: flex;justify-content: space-between;}
.picList-wh .bg-blue{padding: 30px !important;width: 32%;box-sizing: border-box;}
.picList-wh .bg-blue .pic img{width: 100%;}
.picList-wh .bg-blue .title{
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    line-height: 40px;
}