/*数字*/
.number_box{ margin:auto; width:100%;color: #333333; position: relative; z-index:2;height:150px; overflow:hidden; background:#efefef; padding:20px 0; margin-bottom:50px;}
.number_box:before,
.number_box:after{content: ""; display: table;}
.number_box:after{clear: both;}
.number_box > .number_box_table{display: table; width:1260px; height: 43px; table-layout: fixed; margin:auto; margin-top: 22px;}
.number_box > .number_box_table > ul{display: table-row;}
.number_box > .number_box_table > ul > li{display: table-cell; text-align: center; font-size: 16px;}
.number_box > .number_box_table > ul > li:first-child{border-left: none;}
.number_box > .number_box_table > ul > li > div{position: relative; top: -10px; height: 40px;}
.number_box > .number_box_table > ul > li > div > span{font-size: 50px; color:#333333; font-weight:900}
.number_box > .number_box_table > ul > li > div > sup{font-size: 15px; vertical-align: top; position: relative; top: 10px; color:#333333;}
.number_box > .number_box_table > ul > li > div > p{ padding-top:10px;}
/*服务项目*/
.company p.tit01{width:100%;text-align:center;color:#2C2C2C;font-size:36px; text-transform:uppercase;letter-spacing:8px; margin-top:50px; overflow:hidden}
.company p.tit02{width:100%;text-align:center;color:#2C2C2C;font-size:24px;}
.xiangmu{width:100%; margin:auto; overflow:hidden; margin-top:20px;}
.xiangmu li { float:left;width: 31%; margin-right: 2.333%;margin-bottom:30px;border-radius: 6px;float: left;box-sizing: border-box;
	border: 2px solid #efefef;box-shadow: 0px 20px 40px 0px rgba(71, 71, 71, 0.1);padding:20px;}
.xiangmu li:nth-child(3n) {margin-right:0px;}
.xiangmu li p{ width:100%; text-align:center; font-size:25px; color:#333333; line-height:40px; margin-top:20px;}
.xiangmu li span{float:left; width:90%;line-height:25px;font-size:14px; padding-top:15px;}
.xiangmu li span a{ display:inherit; float:left; width:33%; line-height:40px; overflow:hidden; font-size:15px;}
/*index case*/

.index-case .case-list-box{overflow:hidden}
.index-case .list{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -9px -20px}
@media (max-width: 1024px){.index-case .list{margin:0 -.065rem -.1rem}}
.index-case .list .item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding-left:9px;padding-right:9px;margin-bottom:20px}
@media (max-width: 1024px){.index-case .list .item{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-left:.065rem;padding-right:.065rem;margin-bottom:.1rem}}
.index-case .list .item .wp{position:relative;z-index:1;padding-top:60.08584%;overflow:hidden}
.index-case .list .item .wp::before{content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;z-index:3}
.index-case .list .item .wp::after{content:'';display:block;width:100%;height:100%;background:rgba(180,21,21,0.9);position:absolute;left:0;top:100%;z-index:4;-webkit-transition:.6s ease all;-moz-transition:.6s ease all;-o-transition:.6s ease all;transition:.6s ease all}
.index-case .list .item .wp .bg{display:block;width:100%;height:100%;position:absolute;left:0;top:0;-o-object-fit:cover;object-fit:cover;z-index:2}
.index-case .list .item .wp .info{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-left:4.375vw;padding-right:4.375vw;margin-top:-moz-calc(16px * 1.8 * 2);margin-top:calc(16px * 1.8 * 2);-webkit-transition:.4s ease all;-moz-transition:.4s ease all;-o-transition:.4s ease all;transition:.4s ease all}
@media (min-width: 1920px){.index-case .list .item .wp .info{padding-left:84px;padding-right:84px}}
@media (max-width: 1024px){.index-case .list .item .wp .info{margin-top:0}}
.index-case .list .item .wp .info img{display:block;max-width:100%;width:auto;max-height:100px;margin-left:auto;margin-right:auto}
@media (min-width: 1024px){.index-case .list .item .wp .info img{max-width:10.41667vw;height:3.64583vw}}
@media (max-width: 1024px){.index-case .list .item .wp .info img{max-height:.29rem}}
.index-case .list .item .wp .info .p{margin-top:1.25vw;font-size:16px;line-height:30px;color:#fff;text-align:center;opacity:0;visibility:hidden;width:100%;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all;height:90px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
@media (min-width: 1920px){.index-case .list .item .wp .info .p{margin-top:24px}}
@media (max-width: 1024px){.index-case .list .item .wp .info .p{display:none}}
.index-case .list .item .wp .info .m-tit{display:none}
.index-case .list .item .wp:hover::before{-webkit-transition:all .1s ease 6s;-o-transition:all .1s ease 6s;-moz-transition:all .1s ease 6s;transition:all .1s ease 6s;opacity:0}
.index-case .list .item .wp:hover::after{top:0}.index-case .list .item .wp:hover .info{margin-top:0}
@media (min-width: 1024px){.index-case .list .item .wp:hover .info .p{opacity:1;visibility:visible}}
@media (max-width: 1024px){.index-case .list .item .wp:hover .info .m-tit{opacity:1;visibility:visible}}
.ca-m a{display: inline-block;width: 250px;height: 55px;text-align: center;line-height:55px;color: #fff; border-radius: 20px; background-image:linear-gradient(to right, #d70c18 , #b70611);}
.ca-m a:hover{box-shadow: 1px 1px 8px rgba(0,0,0,0.3)}
.tc{text-align:center;}
.index-choose{padding:50px;background:#e9e9e9; overflow:hidden; margin-top:50px;}
/*customer*/
.ul-list5{padding-top: 20px;overflow: hidden;}
.ul-list5 li{margin: 4px 4px;float: left;width:16.1%;}
.ul-list5 img{display: inline-block;vertical-align: middle;max-height: 100%;}
/*index news*/
/*news*/
.index-row{padding: 15px 0 15px;}
.dn{display:none;}
.ul-tab1{ margin-top:20px;}
.ul-tab1 li{margin: 5px;font-size: 13px;}
.ul-tab1 a{padding: 0 15px;}
.ul-tab1{text-align: center;margin-bottom: 50px;}
.ul-tab1 li{display: inline-block;line-height: 30px;border: 1px solid #d6d6d6;border-radius: 15px;margin: 0 10px;font-size: 15px;}
.ul-tab1 a{color: #666;display: block;padding: 0 35px;}
.ul-tab1 li.on{background-color: #ff4e00;color: #fff;border-color: #ff4e00;}
.ul-tab1 li.on a{color: #fff;}
.i-row{overflow: hidden;}
.i-col-l{width: 31%;float: left;}
.i-col-r{width: 67%;float: right;}
.m-hotNews{color: #666;background-color: #f5f5f5;border-radius: 5px;overflow: hidden;}
.m-hotNews a{color: #444;}
.m-hotNews a:hover{color: #ff4e00;}
.m-hotNews .pic{
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.m-hotNews .pic a{display: block;/*height: 160px;*/height:215px;}
.m-hotNews .con{padding: 15px 20px 15px;}
.m-hotNews .time{width: 88px;height: 80px;float: left;font-size: 15px;padding: 10px 5px;
    background-color: #ff4e00;color: #fff;font-family: 'Arial';text-align: center;margin-right: 20px;
}
.m-hotNews .time em{font-size: 30px;display: block;line-height: 40px; font-style: normal}
.m-hotNews .tit{font-size: 18px;overflow: hidden;margin: 10px 0;line-height: 2;
    white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;
}
.m-hotNews .info{overflow: hidden;}
.m-hotNews .info *{display: inline-block;padding-left: 25px;
    background-repeat: no-repeat;background-position: -5px center;
}
.m-hotNews .orign{background-image: url(../images/ico-user.png);}
.m-hotNews .visit{background-image: url(../images/ico-eye.png);float: right;}
.m-hotNews .det{/*padding-top: 15px;*/clear: both;overflow: hidden;/*line-height: 25px;max-height: 90px;*/padding-top:10px;line-height:20px;max-height:80px;}

.ul-list4{overflow: hidden;margin: 0 -12px;}
.ul-list4 li{float: left;width: 50%;margin-bottom: 15px;}
.ul-list4 .con{display: block;overflow: hidden;padding: 15px;margin: 0 12px;background-color: #f5f5f5;border-radius: 5px;}
.ul-list4 .time{margin-right: 20px;width: 85px;height: 85px;background-color: #afafaf;color: #fff;
    font-family: 'Arial';text-align: center;padding: 10px 5px;font-size: 15px;float: left;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.ul-list4 .time em{font-size: 30px;display: block;line-height: 40px;font-style: normal}
.ul-list4 .tit{font-size: 15px;color: #333;font-weight: bold;line-height: 35px;
    overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;
}
.ul-list4 .det{color: #666;line-height: 22px;height: 44px;overflow: hidden;}
.ul-list4 .con:hover .tit{color: #ff4e00;}
.ul-list4 .con:hover .time{background-color: #ff4e00;}

@media (max-width:768px) {
.number_box{ display:none;}
.company p.tit01{font-size:27px;letter-spacing:4px; margin-top:15px;}
.company p.tit02{font-size:20px;}
.xiangmu li{ width:100%; margin-right: 3.1%;margin-right: 0;margin-bottom:15px;padding: 10px;}
.xiangmu li p{font-size:20px;line-height:30px; margin-top:10px;}
.xiangmu li span a{ width:50%; line-height:30px;font-size:15px;}
/*customer*/
.index-choose{padding:10px;margin-top:20px;}
.ul-list5{padding-top: 20px;overflow: hidden;}
.ul-list5 li{margin: 4px 4px;float: left;width:47%;}
/*news*/
.i-col-l{width: 100%;float: left;}
.i-col-r{width: 100%;float: left;}
.ul-tab1 a{padding: 0 15px;}
.ul-list4{ float:left; width:98%;overflow: hidden;margin: 0 5px;box-sizing: border-box;}
.ul-list4 li{float: left;width: 100%;margin-bottom: 0; margin-top:10px;}
.ul-list4 .con{padding: 8px;margin: 0 0;border-radius: 5px;}
}


