/*解决方案*/
.solution{width:1400px;margin:0 auto;}
.solution .title{margin-top:50px;text-align:center;}
.solution .title h2{font-size:30px;color:#b34f38;font-weight:bold;}
.solution .title h3{font-size:18px;color:#848283;font-weight:normal;padding-top:24px;}
.solution .row{margin-top:50px;}
.solution .row ul li{width:32%;height:325px;float:left;margin:0 2% 3% 0;background:url(../images/fabg4.jpg) right center no-repeat;background-size:100% 100%;border-radius:12px;position:relative;}
.solution .row ul li:nth-child(3n){margin-right:0;}
.solution .row ul li img{width:94%;padding:3%;position:absolute;bottom:0;left:0;}
.solution .row ul li .title{font-size:24px;color:#333;font-weight:bold;text-align:center;margin-top:27px;}
.solution .row ul li .more{width:135px;height:35px;margin:20px auto 0;line-height:35px;font-size:16px;color:#fff;background:#b04b3f;text-align:center;}
/*热销产品*/
.products{width:100%;margin:0 auto;}
.products .title{margin-top:50px;text-align:center;}
.products .title h2{font-size:30px;color:#b34f38;font-weight:bold;}
.products .title h3{font-size:18px;color:#848283;font-weight:normal;padding-top:24px;}
.products .row{width:1400px;margin:50px auto 0;position:relative;}
.products .tab_title{float:right;width:425px;position:absolute;top:45px;left:975px;z-index:999;}
.products .tab_title li{width:425px;height:125px;line-height:125px;margin-bottom:2px;font-size:18px;color:#fff;font-weight:bold;cursor:pointer;background:#34596c;text-align:center;}
.products .tab_title li:hover,.products .tab_title li.hit{color:#fff;background:#b04b3f;}
.products .tab_title li .img{float:left;width:112px;height:105px;background:url(../images/fabg4.jpg) right center no-repeat;background-size:100% 100%;padding:10px;}
.products .tab_title li img{width:100%;height:100%;object-fit:scale-down;}
.products .tab_title li span{float:left;width:293px;line-height:125px;}
.products .case_panes .pane{float:left;width:1107px;display:none;}
.products .case_panes .case_paneL{width:100%;height:595px;margin-bottom:15px;position:relative;cursor:pointer;}
.products .case_panes .case_paneL img{width:100%;height:100%;object-fit:cover;}
/*关于我们*/
.about{width:100%;margin:50px auto 0;}
.about .title{margin-top:50px;text-align:center;}
.about .title h2{font-size:30px;color:#b34f38;font-weight:bold;}
.about .title h3{font-size:18px;color:#848283;font-weight:normal;padding-top:24px;}
.about .row{position:relative;background:url(../images/company.jpg) no-repeat;background-size:100% 100%;padding:6% 0;margin-top:50px;}
.about .infobg{max-width:60%;background:rgba(0,0,0,0.3);color:#fff;padding:3em 5em;border-top-right-radius:50rem;border-bottom-right-radius:50rem;}
.about .infobg h2{font-size:40px;padding-bottom:12px;}
.about .infobg .desc{font-size:16px;position:relative;padding:12px 0 20px;}
.about .infobg .desc:before{content:"";width:50px;height:6px;background:#fff;border-radius:3px;position:absolute;bottom:0;left:0;}
.about .infobg .desc:after{content:"";width:8px;height:6px;background:#fff;border-radius:3px;position:absolute;bottom:0;left:55px;}
.about .infobg .content{font-size:16px;margin-top:2rem;line-height:2;}
.about .infobg .more{background:#b34f38;font-size:16px;color:#fff;display:inline-block;padding:10px 50px;margin-top:20px;border-radius:10rem;}
.about .number{color:#333;display:flex;gap:10%;justify-content:center;padding:2rem 0;background:#f2f6fa;}
.about .number .item p:first-child{font-size:30px;font-weight:bold;padding-bottom:7px;}
.about .number .item p{text-align:left;font-size:18px;}
/*客户案例*/
.cases{width:1400px;margin:0 auto;}
.cases .title{margin-top:50px;text-align:center;}
.cases .title h2{font-size:30px;color:#b34f38;font-weight:bold;}
.cases .title h3{font-size:18px;color:#848283;font-weight:normal;padding-top:24px;}
.cases .title .more{display:inline-block;width:118px;height:32px;text-align:center;position:relative;top:-5px;border-radius:4px;font-size:16px;line-height:32px;border:1px solid #666666;color:#666;margin-left:20px;}
.cases .row{margin-top:50px;position:relative;}
.cases .row ul li{width:23.5%;float:left;margin:0 2% 3% 0;background:linear-gradient(to bottom, #b9bbbe, #f2f6fa);border-radius:12px;position:relative;}
.cases .row ul li:nth-child(4n){margin-right:0;}
.cases .row ul li .img{width:100%;height:200px;}
.cases .row ul li img{width:100%;height:100%;object-fit:cover;}
.cases .row ul li .tit{font-size:18px;text-align:center;line-height:80px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*新闻中心*/
.newsbg{background:#f6f8fb;padding:35px 0 28px;}
.news{width:1400px;margin:0 auto;}
.news .title{margin-top:50px;text-align:center;}
.news .title h2{font-size:30px;color:#b34f38;font-weight:bold;}
.news .title h3{font-size:18px;color:#848283;font-weight:normal;padding-top:24px;}
.news .title .more{display:inline-block;width:118px;height:32px;text-align:center;position:relative;top:-5px;border-radius:4px;font-size:16px;line-height:32px;border:1px solid #666666;color:#666;margin-left:20px;}
.news .row{margin-top:50px;position:relative;}
.news .row .news-ul{margin-left:-3%;}
.news-ul li{float:left;width:44%;margin-left:2%;overflow:hidden;padding:20px;border-radius:4px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-bottom:40px;}
.news-ul li .img{float:left;display:block;width:225px;object-fit:cover;overflow:hidden;height:160px;}
.news-ul li .img img{display:block;width:100%;}
.news-ul li .text{float:right;width:60%;padding-left:18px;position:relative;}
.news-ul li .text .tit{display:block;font-size:18px;color:#333333;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;margin-bottom:10px;}
.news-ul li .text p{font-size:16px;color:#666666;line-height:28px;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:56px;margin-bottom:30px;}
.news-ul li .text span{font-size:16px;color:#666666;line-height:26px;display:inline-block;}
.news-ul li .text .more{display:block;width:80px;height:40px;line-height:40px;text-align:center;background:#b34f38;background:-moz-linear-gradient(left, #b8786a 0%, #b34f38 100%);background:-webkit-linear-gradient(left, #b8786a 0%, #b34f38 100%);background:-o-linear-gradient(left, #b8786a 0%, #b34f38 100%);background:-ms-linear-gradient(left, #b8786a 0%, #b34f38 100%);background:linear-gradient(to right, #b8786a 0%, #b34f38 100%);background-position:left center;background-size:200% 100%;background-repeat:no-repeat;transition:background-position .6s ease;position:absolute;right:-5px;bottom:-10px;border-radius:4px 0 4px 0;}
.news-ul li .text .more:hover{background-position:right center;}
.news-ul li:hover{-webkit-box-shadow:4px 10px 16px rgba(69, 0, 5, 0.05);-moz-box-shadow:4px 10px 16px rgba(69, 0, 5, 0.05);-ms-box-shadow:4px 10px 16px rgba(69, 0, 5, 0.05);-o-box-shadow:4px 10px 16px rgba(69, 0, 5, 0.05);box-shadow:4px 10px 16px rgba(69, 0, 5, 0.05);background-color:#fff;}
.news-ul li:hover .text .tit{color:#b34f38;}
.news .row .news-list{margin-left:-3%;margin-bottom:30px;}
.news-list li{float:left;width:47%;margin-left:3%;overflow:hidden;margin-bottom:10px;}
.news-list li a{display:block;color:#333333;line-height:38px;font-size:18px;padding-left:30px;background:url(https://www.hxjiqi.com/images/icon.png) no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list li span{display:block;float:right;line-height:38px;font-size:16px;color:#999999;margin-left:40px;}
.news-list li:hover a{padding-left:50px;color:#b34f38;}
.news-list li a:hover{color:#b34f38;}
@media (max-width: 1600px){
	.solution,.products .row{width:1200px;}
	.solution .row ul li{height:295px;}
	.products .case_panes .pane{width:1005px;}
	.products .tab_title{width:300px;top:80px;left:900px;}
	.products .tab_title li{width:300px;height:100px;line-height:100px;}
	.products .tab_title li .img{width:85px;height:80px;line-height:80px;}
	.products .tab_title li span{width:195px;line-height:100px;}
	.products .case_panes .case_paneL{height:560px;}
	.cases{width:1200px;}
	.cases .row ul li{height:325px;}
	.news{width:1200px;}
	.news-ul li .text{width:54%;}
}
@media (max-width: 1280px){
	.solution,.products .row{width:1160px;}
	.solution .row ul li{height:287px;}
	.products .case_panes .pane{width:965px;}
	.products .tab_title{width:300px;top:75px;left:860px;}
	.products .tab_title li{width:300px;height:95px;line-height:95px;}
	.products .tab_title li .img{width:85px;height:75px;line-height:75px;}
	.products .tab_title li span{width:195px;line-height:95px;}
	.products .case_panes .case_paneL{height:530px;}
	.cases{width:1160px;}
	.cases .row ul li{height:280px;}
	.news{width:1160px;}
	.news-ul li{width:43%;}
	.news-ul li .img{width:215px;}
	.news-ul li .text{width:54%;}
	.about .infobg .content{font-size:14px;line-height:1.5;}
}
@media (min-width: 360px) and (max-width: 480px){
    .solution,.products{width:90%;}
    .solution .title h2,.products .title h2{font-size:24px;}
    .solution .title h3,.products .title h3{font-size:14px;line-height:25px;padding-top:15px;}
    .solution .row{width:100%;overflow:hidden;overflow-x:auto;white-space:nowrap;margin-top:35px;}
    .solution .row ul li{width:90%;margin:0 3% 5% 0;display:inline-block;float:none;height:245px;}
    .solution .row ul li:nth-child(3){margin-right:3%;}
    .solution .row ul li .title{font-size:18px;}
    .solution .row ul li .more{width:120px;height:30px;line-height:30px;font-size:14px;margin:15px auto 0}
    .products .tab_title{position:unset;width:100%;/*overflow:hidden;overflow-x:auto;white-space:nowrap;*/}
    .products .tab_title li{display:inline-block;width:152px;height:50px;line-height:50px;margin:0 5% 4% 0;font-size:12px;border-top-right-radius:15px;border-bottom-right-radius:15px;}
    .products .tab_title li:nth-child(2n){margin-right:0;}
    .products .tab_title li .img{width:40px;height:30px;line-height:30px;}
    .products .tab_title li span{width:92px;line-height:50px;}
    .products .row{width:100%;margin-top:35px;}
    .products .case_panes .pane{width:100%;}
    .products .case_panes .case_paneL{height:auto;}
    .products .case_panes .case_paneL img{height:auto;}
    .about .title h2{font-size:24px;}
    .about .title h3{font-size:14px;padding-top:15px;}
    .about .number{width:100%;display:block;padding:2rem 0 1rem 20%;box-sizing:border-box;}
    .about .number .item{display:inline-block;width:45%;margin-bottom:5%;}
	.about .number .item p:first-child{font-size:18px;}
	.about .number .item p{font-size:14px;}
	.about .row{background:url(../images/company.jpg) center center no-repeat;background-size:cover;padding:10% 0;margin-top:35px;}
	.about .infobg{max-width:75%;padding:2em;border-top-right-radius:5rem;border-bottom-right-radius:5rem;}
	.about .infobg h2{font-size:24px;}
	.about .infobg .desc,.about .infobg .content{font-size:14px;}
	.about .infobg .content{line-height:1.5;height:80px;overflow:hidden;}
	.about .infobg .more{font-size:14px;padding:7px 35px;}
	.cases{width:90%;}
	.cases .title h2{font-size:24px;}
	.cases .title h3{font-size:14px;padding-top:15px;}
	.cases .title .more{width:88px;height:25px;font-size:12px;line-height:25px;top:0;}
	.cases .row{margin-top:35px;}
	.cases .row ul{width:100%;overflow:hidden;overflow-x:auto;white-space:nowrap;}
	.cases .row ul li{float:none;display:inline-block;width:70%;height:auto;margin:0 padding-top:15px;5% 7% 0;}
	.cases .row ul li .tit{font-size:14px;line-height:55px;}
	.news{width:90%;}
	.news .title{margin-top:7px;}
	.news .title h2{font-size:24px;}
	.news .title h3{font-size:14px;padding-top:15px;}
	.news .title .more{width:88px;height:25px;font-size:12px;line-height:25px;top:0;}
	.news .row{margin-top:18px;}
	.news .row .news-ul{width:100%;overflow:hidden;overflow-x:auto;white-space:nowrap;margin-left:0;}
	.news-ul li{float:none;display:inline-block;width:100%;padding:0;box-sizing:border-box;margin:0 20px 20px 0;}
	.news-ul li .img{float:none;width:100%;height:260px;}
	.news-ul li .img img{height:260px;}
	.news-ul li .text{float:none;width:100%;padding:15px 0 0;}
	.news-ul li .text .tit{font-size:16px;}
	.news-ul li .text p{font-size:14px;margin-bottom:15px;display:block;height:auto;}
	.news-ul li .text .more{width:50px;height:30px;line-height:30px;right:0;bottom:0;}
	.news-ul li .text .more img{width:15px;}
	.news .row .news-list{margin:0 0 30px;}
	.news-list li{float:none;width:100%;margin:0 0 10px;}
	.news-list li span{font-size:14px;margin-left:25px;}
	.news-list li a{font-size:16px;padding-left:20px;}
}