@charset "utf-8";
/*公共样式*/
.home_main{margin: 65px auto;}
.home_title{text-align: center;margin-bottom: 30px;}
.home_title span{font-size: 34px;font-weight: bold;}
.home_title em{display: block;font-size: 15px;margin-top: 8px;}

/*产品*/
.home_pro{margin-top: 50px;}
.home_pro .mainL{width: 280px;}
.home_pro .mainL h3{font-size: 24px;font-weight: bold;background: #286299;color: #fff;text-align: center;padding: 25px 0;box-sizing: border-box;}
.home_pro .mainL h3 em{display: block;text-transform: uppercase;font-size: 16px;opacity: .5;margin-top: 5px;}
.home_pro .mainL .mainL_l{padding: 15px 10px;background: #f4f4f4;box-sizing: border-box;}
.home_pro .mainL .mainL_l dl dt{height: 55px;line-height: 55px;padding: 0 20px;transition: 0.2s;border-bottom: 1px solid #e5e5e5;}
.home_pro .mainL .mainL_l dl dt a{display: block;}
.home_pro .mainL .mainL_l dl dt:last-child{border-bottom: none;}
.home_pro .mainL .mainL_p{background: #286299;text-align: center;color: #fff;padding: 20px 0;}
.home_pro .mainL .mainL_p img{vertical-align: middle;margin-right: 6px;}
.home_pro .mainL .mainL_p span{display: block;font-size: 22px;font-weight: bold;font-family: Arial;padding-top: 12px;}
.home_pro .mainL .mainL_l dl dt:hover{background: #e0e0e0;border-left: 2px solid #286299;color: #286299;}
.home_pro .mainR{width: 890px;}
.home_pro .mainR .crumbs{border-bottom: 1px solid rgb(238, 238, 238);padding-bottom: 15px;}
.home_pro .mainR .crumbs span{float: left;width: 300px;border-left: 4px solid #286299;color: #286299;font-size: 24px;height: 30px;line-height: 30px;display: inline-block;padding-left: 15px;}
.home_pro .mainR ul li{float: left;width: 32.33%;margin-top: 25px;margin-left: 1.5%;text-align: center;}
.home_pro .mainR ul li:nth-child(3n-2){margin-left: 0;}
.home_pro .mainR ul li .img{overflow: hidden;position: relative;border: 1px solid #e5e5e5;margin-bottom: -1px;height: 214px;}
.home_pro .mainR ul li .img img{transition: 0.5s;display: block;width: 100%;height: 100%;object-fit: cover;}
.home_pro .mainR ul li .tit{position: relative;overflow: hidden;height:50px;line-height: 50px;border: 1px solid #e5e5e5;box-sizing: border-box;font-size: 15px;}
.home_pro .mainR ul li .tit p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 15px;box-sizing: border-box;}
.home_pro .mainR ul li .tit span{color: #fff;position: absolute;width: 100%;height: 100%;background-color: #286299;left: 0;bottom: -100%;transition: 0.5s;}
.home_pro .mainR ul li:hover img{transform: scale(1.1);}
.home_pro .mainR ul li:hover .tit span{bottom: 0;}

/*优势*/
.home_advabg{width: 100%;background: #f7f7f7;padding-top: 65px;box-sizing: border-box;}
.home_adva{position: relative;width: 100%;}
.home_adva ul{width: 185px;margin-top: 90px;float: left;position: relative;z-index: 9999;}
.home_adva ul li{padding-top: 12px;position: relative;margin-bottom: 30px;cursor: pointer;}
.home_adva ul li i{display: block;padding-left: 55px;font-size: 20px;color: #5f5d5e;padding-top: 15px;padding-bottom: 10px;background: url(../images/ys_i1.png) no-repeat 0 10px;}
.home_adva ul li:nth-child(2) i{background: url(../images/ys_i2.png) no-repeat 0 10px;}
.home_adva ul li:nth-child(3) i{background: url(../images/ys_i3.png) no-repeat 0 10px;}
.home_adva ul li:nth-child(4) i{background: url(../images/ys_i4.png) no-repeat 0 10px;}
.home_adva ul li em{display: none;}
.home_adva ul li.cur:before{content: "";width: 100%;position: absolute;left: 0;top: 0;height: 2px; background: #1262a7;transition: all 0.2s;}
.home_adva ul li.cur i{background: url(../images/ys_i11.png) no-repeat 0 10px;font-size: 24px;color: #1262a7;font-weight: bold;}
.home_adva ul li:nth-child(2).cur i{background: url(../images/ys_i22.png) no-repeat 0 10px;}
.home_adva ul li:nth-child(3).cur i{background: url(../images/ys_i33.png) no-repeat 0 10px;}
.home_adva ul li:nth-child(4).cur i{background: url(../images/ys_i44.png) no-repeat 0 10px;}
.home_adva ul li.cur em{display: block;font-size: 15px;color: #1262a7;padding-left: 55px;margin-top: 5px;}
.home_adva .con{margin-left: 110px;height: 620px;}
.home_adva .con dl dt{width: 410px;height: 420px;margin-top: 90px;background: #1262a7;padding: 60px 55px 0;box-sizing: border-box;z-index: 999;position: relative;}
.home_adva .con dl dt h3{font-size: 28px;color: #fff;padding-bottom: 40px;}
.home_adva .con dl dt h3 span{display: block;font-weight: bold;padding-top: 15px;}
.home_adva .con dl dt p{font-size: 15px;line-height: 30px;color: rgba(255,255,255,0.8);}
.home_adva .con dl dt .icon{margin-top: 50px;}
.home_adva .con dl dt .icon .i1{color: #fff;font-weight: bold;}
.home_adva .con dl dt .icon .i1 span{font-size: 30px;}
.home_adva .con dl dt .icon .i2{width: 96px;}
.home_adva .con dl dt .icon .i2 img{display: block;float: left;width: 38px;margin-left: 10px;}
.home_adva .con dl dd{position: absolute;top: 0;right: 0;height: 680px;width: 1100px;}
.home_adva .con dl dd img{display: block;width: 100%;height: 620px;}

/*案例*/
.home_case{position: relative;}
.home_case .case_con{width: 385px;float: left;margin-right: 20px;border: 1px solid #D2D2D2;}
.home_case .case_con dl{padding: 10px;padding-bottom: 25px;box-sizing: border-box;}
.home_case .case_con dl dt{height: 250px;overflow: hidden;}
.home_case .case_con dl dt img{display: block;width: 100%;height: 100%;transition: all 0.5s;}
.home_case .case_con dl dd .tit{font-size: 17px;display: block;margin-top: 20px;margin-bottom: 8px;}
.home_case .case_con dl dd p{color: #666;}
.home_case .case_con dl dd .more{display: block;width: 100%;text-align: right;color: #1262a7;margin-top: 8px;}
.home_case .prev,.home_case .next{display: block;cursor: pointer;position: absolute;top: 200px;width: 35px;height: 35px;line-height: 32px;border-radius: 35px;background: #1262a7;color: #fff;text-align: center;font-size: 28px;font-weight: normal;}
.home_case .prev{left: -60px;}
.home_case .next{right: -60px;}
.home_case .case_con dl dt:hover img{transform: scale(1.05);}
.home_case .case_con dl dd .tit:hover{color: #1262a7;}
.home_case .case_con dl dd .more:hover{color: #0080db;}
.home_case .prev:hover,.home_case .next:hover{background: #0080db;}

/*关于*/
.home_about{height: 520px;background: url(../images/ab_bg.jpg) center no-repeat;padding: 60px 0;box-sizing: border-box;}
.home_about .con{width: 680px;}
.home_about .con .tit{margin-bottom: 20px;}
.home_about .con .tit h2{font-size: 34px;font-weight: bold;}
.home_about .con .tit span{color: #1262a7;}
.home_about .con .tit em{display: block;text-transform: uppercase;margin-top: 12px;}
.home_about .con h3{color: #1262a7;font-size: 18px;margin-bottom: 20px;}
.home_about .con .more{display: block;width: 150px;height: 45px;line-height: 45px;color: #fff;text-align: center;background: #1262a7;margin-top: 40px;}
.home_about .con .more:hover{background: #0080db;}

/*新闻*/
.home_news h3{margin-bottom: 10px;height: 40px;line-height: 40px;}
.home_news h3 a{display: block;font-size: 22px;color: #1262a7;}
.home_news ul li{width: 31.33%;float: left;padding: 30px;background: #f7f8fa;margin-right: 2%;box-sizing: border-box;}
.home_news ul li:last-child{wmargin-right: 0;}
.home_news ul li .img{width: 100%;height: 180px;overflow: hidden;}
.home_news ul li .img img{display: block;width: 100%;height: 100%;transition: 0.6s;object-fit: cover;}
.home_news ul li .txt{width: 100%;box-sizing: border-box;padding: 20px 25px;background: #fff;}
.home_news ul li .txt a{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.home_news ul li .txt p{color: #999999;margin-top: 4px;}
.home_news ul li .txt em{display: block;color: #999;margin-top: 8px;font-size: 13px;}
.home_news ul li .txt2{width: 100%;padding: 0;background: none;}
.home_news ul li dl{margin-top: 18px;}
.home_news ul li dl dt{border-top: 1px solid #e5e8ed;height: 50px;line-height: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.home_news ul li dl dt a{display: block;float: left;color: #666;}
.home_news ul li dl dt i{color: #1262a7;margin-right: 5px;}
.home_news ul li dl dt img{display: block;float: left;margin-top: 18px;margin-left: 5px;}
.home_news ul li dl dt span{display: block;float: right;color: #999;font-size: 13px;}
.home_news ul li .img:hover img{transform: scale(1.05);}
.home_news ul li .txt a:hover,.home_news ul li dl dt a:hover{color: #1262a7;}