@charset "utf-8";
:root{--wz-color:#242d36;}
/*产品中心*/
.ind_tit{ display:block; text-align:center;}
.ind_tit span{ font-weight:700; position:relative; display:inline; }
.ind_tit span:before{ position:absolute; left:50%; bottom:-15px; width:70px; margin-left:-35px; height:3px; background:#000; content:"";}
.product{ background:#f7f9fd;}
.product .text_box{ max-width:1200px; color:#343a4f; text-align:center;}
@media screen and (min-width:1440px) {
.product{ padding-top:5%;}
.ind_tit span{ font-size:35px; line-height:45px;}
.product .text_box{ margin:50px auto; font-size:24px; line-height:38px;}
}
@media screen and (max-width:1440px) and (min-width:1060px) {
.product{ padding-top:30px;}
.ind_tit span{ font-size:28px; line-height:35px;}
.product .text_box{ margin:35px auto; font-size:20px; line-height:33px;}
}
@media screen and (max-width:1060px) {
.product{ padding-top:20px;}
.ind_tit span{ font-size:24px; line-height:25px;}
.product{ padding:20px;}
.product .text_box{ margin:20px auto; font-size:15px; line-height:24px;}
}
.product .text_box p{font-weight:200; max-width:90%; margin:auto;}
.product .list{ overflow:hidden;}
.product .list>ul:after,.product .list>ul>li .img_list ul:after,.product .list>ul>li .more a:after{content: "";height: 0;display: block;clear: both;}
.product .list>ul>li{background-repeat: no-repeat; background-position: center top;background-size:cover;  transition: all 0.3s;}
@media screen and (min-width:760px) {
.product .list>ul>li{width:25%;float:left; height:41.666vw;}
}
.product .list>ul>li .box{width:88%; margin:0 auto;}
.product .list>ul>li .img_list{display:none;margin:60px auto 0;width:41.666vw;}
.product .list>ul>li .img_list ul li{float:left; text-align:center; margin-right:20px; width:calc(40% - 20px);}
.product .list>ul>li .img_list ul li p{ margin-top:10px; font-size:16px;}
.product .list>ul>li .img_list ul li .img img{width:100%;}
.product .list>ul>li .text{ text-align:center;}

.product .list>ul>li .more{ border:#1d1f35 solid 1px;} 
.product .list>ul>li .more a{display:block;}
.product .list>ul>li .more a span{display:block;float:left;text-indent:24px;}
.product .list>ul>li .more a i{float:right;display:block;font-family:宋体;font-weight:600;border-left:#1d1f35 solid 1px;text-align:center;}
@media screen and (min-width:1440px) {
.product .list>ul>li .text{ padding-top:100px;}
.product .list>ul>li .text h3{font-size:32px;margin-bottom:30px;}
.product .list>ul>li .text p{font-size:18px;line-height:30px; height:90px; overflow:hidden;}
.product .list>ul>li .more{ width:158px; height:46px; line-height:46px; margin:60px auto 0;font-size:18px;}
.product .list>ul>li .more a i{width:46px; height:45px; line-height:45px; font-size:20px;}
}
@media screen and (max-width:1440px) and (min-width:960px) {
.product .list>ul>li .text{ padding-top:70px;}
.product .list>ul>li .text h3{font-size:24px;margin-bottom:20px;}
.product .list>ul>li .text p{font-size:16px;line-height:25px; height:75px; overflow:hidden;}
.product .list>ul>li .more{  width:130px;height:36px; margin:40px auto 0;font-size:16px; line-height:36px;}
.product .list>ul>li .more a i{width:36px; height:35px; line-height:35px; font-size:16px;}
}
@media screen and (min-width:960px) {
.product .list:hover>ul>li{width:16%;}
.product .list:hover>ul>li .text,.product .list:hover>ul>li .more{display:none;}
.product .list:hover>ul>li:hover{width:52%;}
.product .list:hover>ul>li:hover .more,.product .list:hover>ul>li:hover .img_list,.product .list:hover>ul>li:hover .text{display:block;}
.product .list:hover>ul>li:hover .box{width:41.66vw;}
.product .list:hover>ul>li:hover .text{text-align:left;}
.product .list:hover>ul>li:hover .more{margin:60px 0 0;}
.product .list:hover>ul>li:nth-child(1):hover {background-image:url(../images/img1_1.jpg) !important;}
.product .list:hover>ul>li:nth-child(2):hover {background-image:url(../images/img2_1.jpg) !important;}
.product .list:hover>ul>li:nth-child(3):hover {background-image:url(../images/img3_1.jpg) !important;}
.product .list:hover>ul>li:nth-child(4):hover {background-image:url(../images/img4_1.jpg) !important;}
}
@media screen and (max-width:960px) {
.product .list>ul>li{ margin-bottom:25px; width:50%; width: calc(50% - 8px); margin-right:16px; margin-bottom:16px; float:left; background-size:155% auto !important;}
.product .list>ul>li:nth-child(2n){ margin-right:0;}
.product .list>ul>li .box{  height:80vw;}
.product .list>ul>li .text h3{font-size:20px;margin-bottom:10px;}
.product .list>ul>li .text p{font-size:13px;line-height:25px; height:50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}
.product .list>ul>li .text{padding-top:20px; padding-bottom:10px; text-align:center;}
.product .list>ul>li .more{ width:100%; max-width:130px; height:29px; line-height:29px; margin:10px auto 0;font-size:13px;}
.product .list>ul>li .more a i{width:36px; height:28px; line-height:28px; font-size:14px;}
}

/*解决方案*/
.solution{padding:5% 0; background:#f7f9fd;}
.solution .text_box{ max-width:1200px;margin:50px auto;color:#343a4f;font-size:24px;line-height:38px;text-align:center;}
@media screen and (min-width:1440px) {
.solution .text_box{ margin:50px auto; font-size:24px; line-height:38px;}
}
@media screen and (max-width:1440px) and (min-width:1060px) {
.solution .text_box{ margin:35px auto; font-size:20px; line-height:33px;}
}
@media screen and (max-width:1060px) {
.solution .text_box{ margin:20px auto; font-size:15px; line-height:24px;}
}
.solution .text_box p{font-weight:200; max-width:90%; margin:auto;}
@media screen and (max-width:760px) {
.solution{padding:5% 20px 0px;}
.solution .text_box{ font-size:15px; line-height:24px; margin:20px auto;}
}
.mycases{ overflow:hidden; position:relative;}
.solution .mycases .list li{float:left;width:calc(50% - 5px);text-align:center;margin:0 10px 10px 0;overflow: hidden; background-repeat:no-repeat; background-position:center;background-size:cover;height:440px;}
.solution .mycases .list li:nth-child(2n){margin-right:0;}
.solution .mycases .list li a{display:block; display:flex; height:440px; align-items: center; justify-content: center; position: relative;  background:url(../images/sbg.png) repeat-x; background-size:auto 100%;}
.solution .mycases .list li a .box{padding:0 5%;}
.solution .mycases .list li i{width:240px;height:240px;margin:auto; background:url(../images/jjfaiconbg.png)no-repeat center;background-size:cover;display:flex;align-items: center;justify-content: center;}
.solution .mycases .list li i img{max-width:60px;}
.solution .mycases .list li h3{font-size:24px;color:#FFFFFF;margin-top:20px;  transition: all 0.3s;}
.solution .mycases .list li span{display:none;font-size:20px;margin:30px auto 0;width:34px;height:34px;border-radius: 50%; border:#fff solid 1px;line-height:30px;text-align:center;}
.solution .mycases .list li p{display:none;font-size:16px;color:#FFFFFF;font-weight:100;margin-top:20px;line-height:30px;}
.solution .mycases.list li:hover a{background-image:-webkit-linear-gradient(top, transparent, #ff0000);}
.solution .mycases .list li:hover h3{margin-top:-40px;}
.solution .mycases .list li:hover span{ color:#fff;}
.solution .mycases .list li:hover span,.solution .mycases .list li:hover p{display:block;}

/*经典案例*/
.indcase{background:#fff; padding:5% 0 0; overflow:hidden; position:relative;}
.indcase .text_box{ max-width:1200px; color:#343a4f; text-align:center;}
.indcase .text_box p{font-weight:200; max-width:90%; margin:auto;}
@media screen and (min-width:1440px) {
.indcase .text_box{ margin:50px auto; font-size:24px; line-height:38px;}
}
@media screen and (max-width:1440px) and (min-width:1060px) {
.indcase .text_box{ margin:35px auto; font-size:20px; line-height:33px;}
}
@media screen and (max-width:1060px) {
.indcase .text_box{ margin:20px auto; font-size:15px; line-height:24px;}
}
@media screen and (max-width:760px) {
.indcase .text_box{ font-size:15px; line-height:24px; margin:20px auto;}
}
.indcases{ position:relative; margin-top:50px;}
.indcases .swiper-slide img { display:block; width:100%;}
.bigpic { width:100%; position:relative; overflow:hidden;}
.bigpic .bigimg{ height:auto; overflow:hidden;}
.bigpic .bigtit{ color:#fff; position:absolute; z-index:10; box-sizing: border-box;}
.bigpic .bigtit h3{ color:#fff;}
.smallpic { width:100%; max-width:1200px; height:auto; z-index:5;}
.smallpic .swiper-slide { width: 25%; border:2px #ccc solid; background:#fff;}
.smallpic .swiper-slide-thumb-active { border:2px #e4581b solid; }

@media screen and (min-width:1440px) {
.bigpic .bigimg{ max-height:700px;}
.bigpic .bigtit{ padding:25px; font-size:18px; line-height:35px; left:10%; top:15%; max-width:540px; background-color:rgba(0,0,0,0.45);}
.bigpic .bigtit h3{ font-size:24px; line-height:2; }
.indcases{ padding-bottom:80px;}
.smallpic { position:absolute; left:50%; transform: translateX(-50%); bottom:0;}
.smallpic .swiper-slide { padding:20px 30px;}
}
@media screen and (max-width:1440px) and (min-width:1060px) {
.bigpic .bigimg{ max-height:580px;}
.bigpic .bigtit{ padding:25px; font-size:16px; line-height:30px; left:10%; top:15%; max-width:480px; background-color:rgba(0,0,0,0.45);}
.bigpic .bigtit h3{ font-size:21px; line-height:2; }
.indcases{ padding-bottom:70px;}
.smallpic { position:absolute; left:50%; transform: translateX(-50%); bottom:0; width:80%;}
.smallpic .swiper-slide { padding:15px 20px;}
}
@media screen and (max-width:1060px) {
.bigpic .bigtit{ font-size:14px; line-height:25px; width:100%; left:0; top:10px;}
.bigpic .bigtit h3{ font-size:18px; line-height:1.5; font-weight:200;}
.bigpic .bigtit p{ display:none;}
}

/*核心优势*/
.strengths{padding:90px 0 80px;}
.strengths .list{margin-top:60px;}
.strengths .list ul li{ background:#f0f0f0;text-align:center;  transition: all 0.3s;}
@media screen and (min-width:760px) {
.strengths .list ul li{float:left; width:calc(25% - 10px); margin-right:10px;}
}
@media screen and (max-width:760px) {
.strengths{padding:30px 0 20px;}
.strengths .list ul li{  margin-bottom:10px; width:calc(50% - 8px); float:left; margin-right:16px; margin-bottom:16px;}
.strengths .list ul li:nth-child(2n+0){ margin-right:0;}
}
.strengths .list ul li a{display:flex;align-items: center;justify-content: center; position: relative;height:600px;}
.strengths .list ul li a .box{ position: relative;}
.strengths .list ul li a em{display:block;margin:auto;width:50px;height:6px;background:var(--wz-color);}
.strengths .list ul li i{ display:inline-block; background:url(../images/hxys_icon1.png) no-repeat center; background-size:cover;}
.strengths .list ul li h3{ color:#050827;}
.strengths .list ul li .con{ display:none;}
.strengths .list ul li .con p{ color:#050827; font-weight:100;}
.strengths .list ul li span{ display:inline-block;width:34px;height:34px;font-size:24px;border-radius: 50%;border:#050827 solid 1px;line-height:30px;text-align:center; position: absolute;bottom:0;left:calc(50% - 17px);}
@media screen and (min-width:1440px) {
.strengths .list ul li{ height:600px;}
.strengths .list ul li a .box{ height:510px; }
.strengths .list ul li i{ width:130px; height:130px; margin-top:100px;}
.strengths .list ul li h3{ font-size:31px; margin-top:75px;}
.strengths .list ul li .con{ margin-top:30px; }
.strengths .list ul li .con p{ font-size:22px; line-height:45px;}
}
@media screen and (max-width:1440px) and (min-width:960px) {
.strengths .list ul li{ height:500px;}
.strengths .list ul li a .box{ height:420px; }
.strengths .list ul li i{ width:110px; height:110px; margin-top:80px;}
.strengths .list ul li h3{ font-size:24px; margin-top:55px;}
.strengths .list ul li .con{ margin-top:20px; }
.strengths .list ul li .con p{ font-size:18px; line-height:35px;}
}
@media screen and (max-width:960px) {
.strengths .list ul li a .box{ position:relative; padding-bottom:10px; display:block;}
.strengths .list ul li i{ width:60px;height:60px; margin-top:20px;}
.strengths .list ul li a{ height:auto; padding-bottom:30px;}
.strengths .list ul li a .box{ height:auto;}
.strengths .list ul li h3{ font-size:21px; margin:20px 0; }
.strengths .list ul li .con{display:block;}
.strengths .list ul li .con p{ font-size:15px; line-height:24px; }
}
.strengths .list ul li:nth-child(2) i{background-image:url(../images/hxys_icon2.png);}
.strengths .list ul li:nth-child(3) i{background-image:url(../images/hxys_icon3.png);}
.strengths .list ul li:nth-child(4) i{background-image:url(../images/hxys_icon4.png);}
@media screen and (min-width:760px) {
.strengths .list:hover ul li{width:calc(20% - 10px);}
.strengths .list ul li:hover{width:calc(40% - 10px);}
.strengths .list ul li:hover em{display:none;}
.strengths .list ul li:hover i{background-image:url(../images/hxys_icon1_1.png);margin-top:0px;}
.strengths .list ul li:hover .con{display:block;}
.strengths .list ul li:hover h3{margin-top:45px;}
.strengths .list ul li:nth-child(1):hover i{background-image:url(../images/hxys_icon1_1.png);}
.strengths .list ul li:nth-child(2):hover i{background-image:url(../images/hxys_icon2_1.png);}
.strengths .list ul li:nth-child(3):hover i{background-image:url(../images/hxys_icon3_1.png);}
.strengths .list ul li:nth-child(4):hover i{background-image:url(../images/hxys_icon4_1.png);}
}

/*新闻资讯*/
.news_list{background:#f7f9fd; padding:5% 0 4%;}
.news_list .list{margin-top:60px;}
.news_list .list ul:after,.news_list .list .more a:after{content: "";height: 0;display: block;clear: both;}
.news_list .list ul li{background:#fff;  transition: all 0.3s;}
@media screen and (min-width:960px) {
.news_list .list ul li{ width:calc(25% - 20px);float:left;margin:0 10px; }
}
@media screen and (max-width:960px){
.news_list .list ul li{ width:calc(50% - 20px);float:left;margin:0 10px; }
.news_list .list ul li:nth-child(3){ display:none;}
.news_list .list ul li:nth-child(4){ display:none;}
}
.news_list .list ul li:hover{ box-shadow:0px 0px 20px #ccc; transform: translateY(-15px);}
.news_list .list ul li .imgbox{ overflow: hidden;background-repeat:no-repeat; background-position: center; background-size:cover;}
.news_list .list ul li .imgbox img{width:100%;}
.news_list .list ul li .textbox{padding:35px 30px;text-align:center; position: relative;}
.news_list .list ul li .textbox p{ color:#888; }
.news_list .list ul li .textbox h3{ color:#050826; overflow:hidden; display:block;}
.news_list .list ul li .textbox span{ display:block; width:34px;height:34px;font-size:24px;border-radius: 50%;border:#050827 solid 1px;line-height:30px;text-align:center; margin:25px auto 0;}
@media screen and (min-width:1440px) {
.news_list .list ul li .imgbox{ height:320px; }
.news_list .list ul li .textbox p{ font-size:20px; }
.news_list .list ul li .textbox h3{ font-size:21px;line-height:35px; height:70px; margin-top:25px;}
}
@media screen and (max-width:1440px) and (min-width:960px) {
.news_list .list ul li .imgbox{ height:280px; }
.news_list .list ul li .textbox p{ font-size:18px; }
.news_list .list ul li .textbox h3{ font-size:19px;line-height:30px; height:60px; margin-top:20px;}
}
@media screen and (max-width:960px) {
.news_list .list ul li .imgbox{ height:260px; }
.news_list .list ul li .textbox p{ font-size:16px; }
.news_list .list ul li .textbox h3{ font-size:17px;line-height:25px; height:50px; margin-top:15px;}
}
.news_list .list ul li:hover span{ background:#050827; color:#fff;}
.news_list .list .more{width:158px;height:46px;border:#1d1f35 solid 1px;margin:60px auto 0;font-size:18px;} 
.news_list .list .more a{display:block;}
.news_list .list .more a span{display:block;float:left;text-indent:24px; line-height:46px;}
.news_list .list .more a i{float:right;display:block;font-family:宋体;width:46px;height:46px;font-size:20px;font-weight:600;border-left:#1d1f35 solid 1px; line-height:46px;text-align:center;}
@media screen and (max-width:560px){
.news_list .list ul li .imgbox{height:240px;}
.news_list .list ul li .textbox p{font-size:15px;}
.news_list .list ul li .textbox h3{ font-size:18px; line-height:25px; height:50px;}
}

/*品牌故事*/
.khxl_box{padding:2% 0 3%;background:##fff;}
.khxl_box .khxl_top:after,.khxl_box .khxl_top .ppgs_link a:after,.khxl_box .khxl_list ul:after{content: "";height: 0;display: block;clear: both;}
.khxl_box .khxl_top{padding:20px 0;border-bottom:solid 1px #d3d5e6;margin-bottom:40px;}

.khxl_box .khxl_top .ppgs_link{ display:flex; height:90px; align-items: center; justify-content: center;}
.khxl_box .khxl_top .ppgs_link a{ display:block; border:#1d1f35 solid 1px; margin:0 auto 0;}
.khxl_box .khxl_top .ppgs_link a span{ display:block; float:left;}
.khxl_box .khxl_top .ppgs_link a i{ float:right; display:block; font-family:宋体; font-weight:600; border-left:#1d1f35 solid 1px; text-align:center;}

@media screen and (min-width:960px) {
.khxl_box .khxl_list ul li{float:left;width:calc(25% - 75px);margin-right:100px;}
.khxl_box .khxl_list ul li:last-child{margin-right:0;}

}
@media screen and (max-width:960px) {
.khxl_box .khxl_list ul li{float:left;width:calc(50% - 15px);margin-right:30px; margin-bottom:20px;}
.khxl_box .khxl_list ul li:nth-child(2n+0){ margin-right:0;}
.khxl_box .khxl_top img{ max-width:70%;}
.khxl_box .khxl_top .ppgs_link{ display:none;}
}

.khxl_box .khxl_list ul li i{ display:block; }
.khxl_box .khxl_list ul li a{ display:block;}
.khxl_box .khxl_list ul li h3{ color:#222; }
.khxl_box .khxl_list ul li p{color:#777;}
@media screen and (min-width:1440px) {
.khxl_box .khxl_top .ppgs_link a{width:158px;height:46px;font-size:18px;}
.khxl_box .khxl_top .ppgs_link a span{ line-height:46px; text-indent:24px;}
.khxl_box .khxl_top .ppgs_link a i{width:46px;height:45px;font-size:20px; line-height:45px;}
.khxl_box .khxl_top img{ height:60px;}
.khxl_box .khxl_list ul li i{ height:80px; width:80px;}
.khxl_box .khxl_list ul li i img{ height:80px;}
.khxl_box .khxl_list ul li h3{ font-size:23px; margin:20px 0 15px;}
.khxl_box .khxl_list ul li p{ font-size:17px; line-height:30px;}
}
@media screen and (max-width:1440px) and (min-width:960px) {
.khxl_box .khxl_top .ppgs_link a{width:130px;height:38px;font-size:16px;}
.khxl_box .khxl_top .ppgs_link a span{ line-height:38px; text-indent:14px;}
.khxl_box .khxl_top .ppgs_link a i{width:38px;height:37px;font-size:18px; line-height:37px;}
.khxl_box .khxl_top img{ height:50px;}
.khxl_box .khxl_list ul li i{ height:65px; width:65px;}
.khxl_box .khxl_list ul li i img{ height:65px;}
.khxl_box .khxl_list ul li h3{ font-size:20px; margin:15px 0 10px;}
.khxl_box .khxl_list ul li p{ font-size:16px; line-height:25px;}
}
@media screen and (max-width:960px) and (min-width:560px) {
.khxl_box .khxl_top img{ height:40px;}
.khxl_box .khxl_list ul li i{ height:55px; width:55px;}
.khxl_box .khxl_list ul li i img{ height:55px;}
.khxl_box .khxl_list ul li h3{ font-size:18px; margin:15px 0 10px;}
.khxl_box .khxl_list ul li p{ font-size:15px; line-height:25px;}
}
@media screen and (max-width:560px) {
.khxl_box .khxl_list ul li i { height:40px;}
.khxl_box .khxl_list ul li i img{ height:40px;}
.khxl_box .khxl_list ul li h3{font-size:18px;}
.khxl_box .khxl_list ul li p{font-size:15px;line-height:24px;}
}

.tabBox { position:relative; color:#fff;}
@media screen and (min-width:1560px){
.tabBox .hd { position:absolute; left:0; top:0; width:30%; height:100%; background: linear-gradient(to right, #e6571f, #d3440c); }
.tabBox .hd ul li { float:left; width:50%; height:185px; box-sizing: border-box; padding:6% 30px; text-align:center; font-size:16px; cursor: pointer; transition:.5s;}
.tabBox .hd ul li img{ display:block; margin:10px auto; width:20%;}
.tabBox .hd ul li.on { background: #a5360b; box-sizing: border-box; color: #fff;}
.tabBox .bd{ width:100%;}
.tempWrap{ float:right; width:70%;}
.tabBox .bd ul { zoom: 1; }
.fangnimg{ display:block; position:relative; height:740px; overflow:hidden;}
.fangnimg img{ position: absolute; left: 0;  top: 0; width:72%; height: 100%; object-fit: cover;}
.fangnimg p{ position:absolute; z-index:10; left:0; bottom:-50px; padding:30px 5%; color:#fff; width:100%; transition:.5s;  background:url(../images/sbg.png) repeat-x; background-size:auto 100%;}
.fangnimg p span{ display:block; line-height:80px; color:#fff; font-size:24px; font-weight:700;}
.fangnimg p i{ line-height:35px; height:70px; overflow:hidden; opacity:0; transition:.5s;}
.fangnimg:hover p{ bottom:0;}
.fangnimg:hover p i{ opacity:1;}
}
@media screen and (max-width:1560px) and (min-width:1300px) {
.tabBox .hd { position:absolute; left:0; top:0; width:30%; height:100%; background: linear-gradient(to right, #e6571f, #d3440c); }
.tabBox .hd ul li { float:left; width:50%; height:140px; box-sizing: border-box; padding:6% 25px; text-align:center; font-size:15px; cursor: pointer; transition:.5s;}
.tabBox .hd ul li img{ display:block; margin:10px auto; width:20%;}
.tabBox .hd ul li.on { background: #a5360b; box-sizing: border-box; color: #fff;}
.tabBox .bd{ width:100%;}
.tempWrap{ float:right; width:70%;}
.tabBox .bd ul { zoom: 1; }
.fangnimg{ display:block; position:relative; height:560px; overflow:hidden;}
.fangnimg img{ position: absolute; left: 0;  top: 0; width:72%; height: 100%; object-fit: cover;}
.fangnimg p{ position:absolute; z-index:10; left:0; bottom:-50px; padding:30px 5%; color:#fff; width:100%; transition:.5s;  background:url(../images/sbg.png) repeat-x; background-size:auto 100%;}
.fangnimg p span{ display:block; line-height:80px; color:#fff; font-size:24px; font-weight:700;}
.fangnimg p i{ line-height:35px; height:70px; overflow:hidden; opacity:0; transition:.5s;}
.fangnimg:hover p{ bottom:0;}
.fangnimg:hover p i{ opacity:1;}
}
@media screen and (max-width:1300px) and (min-width:960px) {
.tabBox .hd { position:absolute; left:0; top:0; width:30%; height:100%; background: linear-gradient(to right, #e6571f, #d3440c); }
.tabBox .hd ul li { float:left; width:50%; height:120px; box-sizing: border-box; padding:5% 20px; text-align:center; font-size:13px; cursor: pointer; transition:.5s;}
.tabBox .hd ul li img{ display:block; margin:10px auto; width:20%;}
.tabBox .hd ul li.on { background: #a5360b; box-sizing: border-box; color: #fff;}
.tabBox .bd{ width:100%;}
.tempWrap{ float:right; width:70%;}
.tabBox .bd ul { zoom: 1; }
.fangnimg{ display:block; position:relative; height:480px; overflow:hidden;}
.fangnimg img{ position: absolute; left: 0;  top: 0; width:72%; height: 100%; object-fit: cover;}
.fangnimg p{ position:absolute; z-index:10; left:0; bottom:-50px; padding:30px 5%; color:#fff; width:100%; transition:.5s;  background:url(../images/sbg.png) repeat-x; background-size:auto 100%;}
.fangnimg p span{ display:block; line-height:80px; color:#fff; font-size:24px; font-weight:700;}
.fangnimg p i{ line-height:35px; height:70px; overflow:hidden; opacity:0; transition:.5s;}
.fangnimg:hover p{ bottom:0;}
.fangnimg:hover p i{ opacity:1;}
}
@media screen and (min-width:960px) { .fan_wap{ display:none;} }
@media screen and (max-width:960px) {
.tabBox{ display:none;}
.solution{ background:#f5f5f5;}
.fan_wap{ display:block;}
.fan_wap li{ width: calc(50% - 8px); float:left; margin-right:16px; margin-bottom:16px;}
.fan_wap li:nth-child(2n){ margin-right:0;}
.fan_wap li .wapimg{ width:100%; height:27vw; overflow:hidden;}
.fan_wap li .wapimg img{ width:100%;}
.fan_wap li span{ display:block; height:50px; overflow:hidden; font-size:16px; line-height:25px !important;}
.fan_wap li i{ display:none;}
}

.indfuwu{ background: #f7f9fd; padding: 5% 0 4%; }
.indfuwu .text_box{ max-width:1200px; color:#343a4f; text-align:center;}
@media screen and (min-width:1440px) {
.indfuwu .text_box{ margin:50px auto; font-size:24px; line-height:38px;}
}
@media screen and (max-width:1440px) and (min-width:1060px) {
.indfuwu .text_box{ margin:35px auto; font-size:20px; line-height:33px;}
}
@media screen and (max-width:1060px) {
.indfuwu .text_box{ margin:20px auto; font-size:15px; line-height:24px;}
}
.indfuwu_list{ margin-top:3%;}
.indfuwu_list li{ float: left; width: 19.2%; margin-right: 1%; position: relative; overflow: hidden;}
.indfuwu_list li img{ width: 100%; height: auto;transition: all 0.5s ease;object-fit: cover;display: block;}
.indfuwu_list li:hover img{transform: scale(1.1);}
.indfuwu_list li:last-child{ margin-right: 0;}
.indfuwu_list li:nth-child(2n){ margin-top:50px;}
.indfuwu_list li p{ position:absolute; z-index:5; width:100%; height:100%; background:linear-gradient( to bottom right,rgba(112,112,112,.9),rgba(112,112,112,0.01)); transition: .2s ease;}
.indfuwu_list li p{ padding: 50px 35px 0; box-sizing: border-box; color:#fff;}
.indfuwu_list li p em{ font-family: sourm; font-weight: normal; color: #fff; font-size: 30px; display: inline-block;  line-height: 36px; height: 36px; position: relative; z-index: 9; margin-bottom: 30px;}
.indfuwu_list li p span{ display:none; line-height:24px;}
.indfuwu_list li p i{ font-size: 64px; font-family: dinm; color: #fff; position: absolute; right: 30px; top: 30px; height: 60px; line-height: 60px; font-weight: bold; font-style: italic; z-index: 3;}
.indfuwu_list li:hover p{ background:  linear-gradient( to bottom right,rgba(225,147,113,.9),rgba(225,147,113,0.01)); }
.indfuwu_list li:hover p span{ display: block;}

@media (max-width: 1441px){
.indfuwu_list li p{ padding: 35px 25px 0;}
.indfuwu_list li p em{ font-size: 26px; line-height: 32px; height: 32px;}
.indfuwu_list li p i{ font-size: 50px; line-height: 50px; top: 20px; right: 20px;}
}
@media (max-width: 1024px){
.indfuwu_list li p{ padding: 25px 15px;}
.indfuwu_list li p em{font-size: 22px; margin-bottom: 15px;}
.indfuwu_list li p em:after{ width: 100px;}
.indfuwu_list li p i{font-size: 40px; line-height: 40px;}
}
@media (max-width: 768px){
.indfuwu_list{ margin:0 15px;}
.indfuwu_list li{ margin-bottom:10px; width:100%; float:none;}
.indfuwu_list li img{ position:absolute; width:100%; left:0; top:-10%;}
.indfuwu_list li:nth-child(2n){ margin-top:0px;}
.indfuwu_list li p{ position:relative; padding-bottom:60px;}
.indfuwu_list li p span{ display: block; font-size:16px;}
.indfuwu_list li p em{font-size:18px; margin-bottom: 15px;}
.indfuwu_list li p i{font-size:25px; line-height:30px;}
}