/*pc*/
.ad1 .pc{width: 100%;}

.case .pc{padding-bottom: 0.2rem;}
.case .pc .casebox{width:100%;padding:0.2rem 0;text-align: center;font-size: 0;overflow: hidden;}
.case .pc .caseclass{width: 2.2rem;height: 5.6rem;float: left;padding:0 0.1rem;position: relative;}
.case .pc .caseclass:before{content:'';width:0.02rem;height: 1.3rem;position: absolute;background: #ffa200;left: 0.05rem;top: -0.2rem;}
.case .pc .caseclass:after{content:'';width:2.3rem;height: 0.02rem;position: absolute;background: #ffa200;left: -0.2rem;top: -0.05rem;}
.case .pc .caseclass .titbox{width: 2rem;height: 1.11rem;background: #f76f0c;padding:0.2rem 0.1rem;text-align: left;color: #fff;}
.case .pc .caseclass .titbox .maintit{font-size: 0.36rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case .pc .caseclass .titbox .subtit{font-size: 0.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case .pc .caseclass .cls{width: 2rem;display: block;height: 0.52rem;line-height: 0.52rem;text-indent: 0.15rem;background: #787878;margin-bottom: 0.12rem;font-size: 0.2rem;text-align: left;color: #fff;}
.case .pc .caseclass .cls:hover{background: #f76f0c}
.case .pc .casepro{width: 8.8rem;text-align: center;font-size: 0;float: right;}
.case .pc .casepro .ifp{width: 2.52rem;height: 2.66rem;display: inline-block;overflow: hidden;margin:0 0.2rem;border:0.01rem solid #f76f0c;margin-bottom: 0.2rem}
.case .pc .casepro .ifp mip-img{width: 100%;height: 2rem;display:block;}
.case .pc .casepro .ifp p{width: 100%;height:0.64rem;line-height:0.64rem;display:block;text-align: center;font-size:0.24rem;color: #000;background: #fff;}
.case .pc .casebox .more{border:0.01rem solid #c54d12;border-radius: 0.05rem;width: 1.88rem;height: 0.45rem;line-height: 0.45rem;text-align: center;margin:0.2rem auto;font-size: 0.18rem;color: #c54d12;display: block;}

.ad2 .pc{width: 100%;}

.manage .pc{}
.manage .pc .managebox{text-align: center;margin-bottom: 0.1rem;}
.manage .pc .managebox ul li{width: 2.46rem;height: 2.58rem;display: inline-block;vertical-align: middle;overflow:hidden;margin:0.1rem;border:0.01rem solid #f76f0c;}
.manage .pc .managebox ul li mip-img{width: 100%;height: 2rem;display: block;}
.manage .pc .managebox ul li p{width: 100%;height: 0.6rem;line-height: 0.6rem;display: block;text-align: center;font-size:0.24rem;color: #000;}

.ad3 .pc{width: 100%;}

.work .pc{}
.work .pc .workbox{text-align: center;margin-bottom: 0.1rem;}
.work .pc .workbox ul li{width: 2.46rem;height: 2.58rem;display: inline-block;vertical-align: middle;overflow:hidden;margin:0.1rem;border:0.01rem solid #f76f0c;}
.work .pc .workbox ul li mip-img{width: 100%;height: 2rem;display: block;}
.work .pc .workbox ul li p{width: 100%;height: 0.6rem;line-height: 0.6rem;display: block;text-align: center;font-size:0.24rem;color: #000;border:0.01rem solid #f76f0c;}

.news .pc{}
.news .pc .newsbox{overflow: hidden;}
.news .pc .newsbox mip-img{float: left;width:3.65rem;height:2.9rem;border:0.02rem solid #f76f0c;}
.news .pc .newsbox ul{float: right;width: 7.23rem;height: 2.9rem;background: #fff;padding: 0.15rem 0.3rem;position: relative;}
.news .pc .newsbox ul:before{content:'';width:0.02rem;height:3rem;position: absolute;background: #ffa200;left: 0.05rem;top: -0.2rem;}
.news .pc .newsbox ul:after{content:'';width:7rem;height:0.02rem;position:absolute;background:#ffa200;left:-0.1rem;top:0.05rem;}
.news .pc .newsbox ul li{margin-bottom: 0.1rem;overflow: hidden;}
.news .pc .newsbox ul li a{display: block;}
.news .pc .newsbox ul li .tit{font-size:0.18rem;color: #000;font-weight: bold;width: 80%;float: left;}
.news .pc .newsbox ul li .time{font-size:0.16rem;color: #474747;line-height: 0.24rem;float: right;}
.news .pc .newsbox ul li .intro{font-size:0.16rem;color: #888888;display: none}
.news .pc .newsbox ul li.hover .tit{float: none;}
.news .pc .newsbox ul li.hover .time{float: none;}
.news .pc .newsbox ul li.hover .intro{display: -webkit-box}
.news .pc .more{border:0.01rem solid #c54d12;border-radius: 0.05rem;width: 1.88rem;height: 0.45rem;line-height: 0.45rem;text-align: center;margin:0.4rem auto;font-size: 0.18rem;color: #c54d12;display: block;}

.about .pc{padding-bottom: 0.5rem;}
.about .pc .aboutbox{width:100%;height: 2.73rem;overflow: hidden;background: #dddddd}
.about .pc .aboutleft{width:7.5rem;height: 2.73rem;float: left;padding:0.3rem;}
.about .pc .aboutleft .tit{font-size: 0.22rem;margin-bottom: 0.3rem;color: #f76f0c}
.about .pc .aboutleft .intro{font-size: 0.16rem;color: #666666;line-height: 0.3rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
.about .pc .aboutleft .more{width: 1.2rem;height: 0.36rem;line-height: 0.36rem;font-size: 0.14rem;color: #fff;background: #c54d12;text-align: center;margin-top: 0.2rem;}
.about .pc .aboutright{width:3.22rem;height: 2.73rem;float: right;}
.about .pc .aboutright mip-img{width:3.22rem;height: 2.73rem;border:0.01rem solid #f76f0c;}

/*ipad*/
.ad1 .ipad{width: 100%;}

.case .ipad{padding-bottom: 0.2rem;}
.case .ipad .casebox{width:100%;text-align: center;font-size: 0;overflow: hidden;}
.case .ipad .caseclass{width: 100%;margin:0.4rem auto;position: relative;padding-top: 0.1rem;overflow: hidden;}
.case .ipad .caseclass .titbox{width:1.96rem;display:inline-block;vertical-align: middle;height: 0.76rem;background: #f76f0c;text-align: left;color: #fff;margin:0.05rem;padding: 0.02rem 0.1rem;position: relative;}
.case .ipad .caseclass .titbox:before{content:'';width:0.02rem;height: 0.9rem;position: absolute;background: #ffa200;left: -0.1rem;top: -0.2rem;}
.case .ipad .caseclass .titbox:after{content:'';width:2.3rem;height: 0.02rem;position: absolute;background: #ffa200;left: -0.2rem;top: -0.1rem;}
.case .ipad .caseclass .titbox .maintit{font-size: 0.36rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case .ipad .caseclass .titbox .subtit{font-size: 0.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case .ipad .caseclass .cls{width:1.96rem;display:inline-block;vertical-align: middle;height: 0.76rem;line-height: 0.76rem;background: #787878;margin: 0.05rem;font-size: 0.2rem;text-align: center;color: #fff;}
.case .ipad .caseclass .cls:hover{background: #f76f0c}
.case .ipad .casepro{width:100%;text-align: center;font-size: 0;}
.case .ipad .casepro .ifp{width: 2.9rem;height: 3rem;display: inline-block;overflow: hidden;margin:0 0.1rem;border:0.01rem solid #f76f0c;margin-bottom: 0.2rem}
.case .ipad .casepro .ifp mip-img{width: 100%;height: 2.32rem;display:block;}
.case .ipad .casepro .ifp p{width: 100%;height:0.65rem;line-height:0.65rem;display:block;text-align: center;font-size:0.24rem;color: #fff;background: #f76f0c;border-top:0.01rem solid #f76f0c;}
.case .ipad .casebox .more{border:0.01rem solid #c54d12;border-radius: 0.05rem;width: 1.88rem;height: 0.45rem;line-height: 0.45rem;text-align: center;margin:0.2rem auto;font-size: 0.18rem;color: #c54d12;display: block;}

.ad2 .ipad{width: 100%;}

.manage .ipad{}
.manage .ipad .managebox{text-align: center;margin-bottom: 0.1rem;}
.manage .ipad .managebox ul li{width: 2.85rem;height: 3rem;display: inline-block;overflow: hidden;margin:0 0.1rem;border:0.01rem solid #f76f0c;margin-bottom: 0.2rem}
.manage .ipad .managebox ul li mip-img{width: 100%;height: 2.32rem;display:block;}
.manage .ipad .managebox ul li p{width: 100%;height:0.65rem;line-height:0.65rem;display:block;text-align: center;font-size:0.24rem;color: #000;border-top:0.01rem solid #f76f0c;}

.ad3 .ipad{width: 95%;margin:0 auto;}

.work .ipad{}
.work .ipad .workbox{text-align: center;margin-bottom: 0.1rem;}
.work .ipad .workbox ul li{width: 2.85rem;height: 3rem;display: inline-block;overflow: hidden;margin:0 0.1rem;border:0.01rem solid #f76f0c;margin-bottom: 0.2rem}
.work .ipad .workbox ul li mip-img{width: 100%;height: 2.32rem;display:block;}
.work .ipad .workbox ul li p{width: 100%;height:0.65rem;line-height:0.65rem;display:block;text-align: center;font-size:0.24rem;color: #000;border-top:0.01rem solid #f76f0c;}

.news .ipad{}
.news .ipad .newsbox{overflow: hidden;padding:0 0.15rem;text-align: center;}
.news .ipad .newsbox mip-img{width:3.65rem;height:2.9rem;border:0.02rem solid #f76f0c;display: inline-block;vertical-align: middle;}
.news .ipad .newsbox ul{display:inline-block;vertical-align:middle;width:5rem;height:2.9rem;background:#fff;padding:0.15rem 0rem 0.15rem 0.3rem;position:relative;margin-left:0.1rem;}
.news .ipad .newsbox ul:before{content:'';width:0.02rem;height:3rem;position: absolute;background: #ffa200;left: 0.05rem;top: -0.2rem;}
.news .ipad .newsbox ul:after{content:'';width:5.6rem;height:0.02rem;position:absolute;background:#ffa200;left:-0.1rem;top:0.05rem;}
.news .ipad .newsbox ul li{margin-bottom: 0.1rem;overflow: hidden;}
.news .ipad .newsbox ul li a{display: block;text-align: left;}
.news .ipad .newsbox ul li .tit{font-size:0.18rem;color: #000;font-weight: bold;width: 80%;float: left;}
.news .ipad .newsbox ul li .time{font-size:0.16rem;color: #474747;line-height: 0.24rem;float: right;}
.news .ipad .newsbox ul li .intro{font-size:0.16rem;color: #888888;display: none;}
.news .ipad .newsbox ul li.hover .tit{float: none;}
.news .ipad .newsbox ul li.hover .time{float: none;}
.news .ipad .newsbox ul li.hover .intro{display: -webkit-box}
.news .ipad .more{border:0.01rem solid #c54d12;border-radius: 0.05rem;width: 1.88rem;height: 0.45rem;line-height: 0.45rem;text-align: center;margin:0.4rem auto;font-size: 0.18rem;color: #c54d12;display: block;}

.about .ipad{padding-bottom: 0.5rem;width: 95%;margin:0 auto;}
.about .ipad .aboutbox{width:100%;background: #dddddd}
.about .ipad .aboutleft{width:100%;height: 2.73rem;padding:0.3rem;}
.about .ipad .aboutleft .tit{font-size: 0.24rem;margin-bottom: 0.2rem;color: #f76f0c;font-weight: bold;}
.about .ipad .aboutleft .intro{font-size: 0.16rem;color: #666666;line-height: 0.3rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
.about .ipad .aboutleft .more{width: 1.2rem;height: 0.36rem;line-height: 0.36rem;font-size: 0.14rem;color: #fff;background: #c54d12;text-align: center;margin-top: 0.2rem;}
.about .ipad .aboutright{width:100%;}
.about .ipad .aboutright mip-img{width:100%;border:0.01rem solid #f76f0c;}


/*mobile*/
.ad1 .mobile{width: 100%;}

.case .mobile{padding-bottom: 0.2rem;}
.case .mobile .casebox{width:100%;text-align: center;font-size: 0;overflow: hidden;}
.case .mobile .caseclass{width: 100%;margin:0.2rem auto;position: relative;overflow: hidden;margin-top: 0;padding-top: 0.2rem}
.case .mobile .caseclass .titbox{width:1.75rem;display:inline-block;vertical-align: middle;height: 0.66rem;background: #f76f0c;text-align: left;color: #fff;margin:0.05rem;padding: 0.02rem 0.1rem;position: relative;}
.case .mobile .caseclass .titbox:before{content:'';width:0.02rem;height: 0.9rem;position: absolute;background: #ffa200;left: -0.1rem;top: -0.2rem;}
.case .mobile .caseclass .titbox:after{content:'';width:2.3rem;height: 0.02rem;position: absolute;background: #ffa200;left: -0.2rem;top: -0.1rem;}
.case .mobile .caseclass .titbox .maintit{font-size: 0.32rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case .mobile .caseclass .titbox .subtit{font-size: 0.12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case .mobile .caseclass .cls{width:1.75rem;display:inline-block;vertical-align: middle;height: 0.66rem;line-height: 0.66rem;background: #787878;margin: 0.05rem;font-size: 0.2rem;text-align: center;color: #fff;}
.case .mobile .caseclass .cls:hover{background: #f76f0c}
.case .mobile .casepro{width:100%;text-align: center;font-size: 0;}
.case .mobile .casepro .ifp{width: 2.7rem;height: 2.9rem;display: inline-block;overflow: hidden;margin:0 0.1rem;border:0.01rem solid #f76f0c;margin-bottom: 0.2rem}
.case .mobile .casepro .ifp mip-img{width: 100%;height: 2.26rem;display:block;}
.case .mobile .casepro .ifp p{width: 100%;height:0.65rem;line-height:0.65rem;display:block;text-align: center;font-size:0.26rem;color: #fff;background: #f76f0c;border-top:0.01rem solid #f76f0c;}

.ad2 .mobile{width: 100%;}

.manage .mobile{}
.manage .mobile .managebox{text-align: center;margin-bottom: 0.1rem;}
.manage .mobile .managebox ul li{width: 2.7rem;height: 2.9rem;display: inline-block;overflow: hidden;margin:0 0.1rem;border:0.01rem solid #f76f0c;margin-bottom: 0.2rem}
.manage .mobile .managebox ul li mip-img{width: 100%;height: 2.25rem;display:block;}
.manage .mobile .managebox ul li p{width: 100%;height:0.65rem;line-height:0.65rem;display:block;text-align: center;font-size:0.24rem;color: #000;border-top:0.01rem solid #f76f0c;}

.ad3 .mobile{width: 95%;margin:0 auto;}

.work .mobile{}
.work .mobile .workbox{text-align: center;margin-bottom: 0.1rem;}
.work .mobile .workbox ul li{width: 2.8rem;height: 2.9rem;display: inline-block;overflow: hidden;margin:0 0.1rem;border:0.01rem solid #f76f0c;margin-bottom: 0.2rem}
.work .mobile .workbox ul li mip-img{width: 100%;height: 2.25rem;display:block;}
.work .mobile .workbox ul li p{width: 100%;height:0.65rem;line-height:0.65rem;display:block;text-align: center;font-size:0.24rem;color: #000;border-top:0.01rem solid #f76f0c;}

.news .mobile{}
.news .mobile .newsbox{overflow: hidden;padding:0 0.15rem;text-align: center;}
.news .mobile .newsbox ul{width:95%;background:#fff;position:relative;margin:0 auto;}
.news .mobile .newsbox ul li{margin-bottom: 0.1rem;overflow: hidden;}
.news .mobile .newsbox ul li a{display: block;text-align: left;}
.news .mobile .newsbox ul li .tit{font-size:0.18rem;color: #000;font-weight: bold;width: 80%;float: left;}
.news .mobile .newsbox ul li .time{font-size:0.16rem;color: #474747;line-height: 0.24rem;float: right;}
.news .mobile .newsbox ul li .intro{font-size:0.16rem;color: #888888;display: none;}
.news .mobile .newsbox ul li.hover .tit{float: none;}
.news .mobile .newsbox ul li.hover .time{float: none;}
.news .mobile .newsbox ul li.hover .intro{display: -webkit-box}

.about .mobile{padding-bottom: 0.5rem;width: 95%;margin:0 auto;}
.about .mobile .aboutbox{width:100%;background: #dddddd}
.about .mobile .aboutleft{width:100%;height: 2.73rem;padding:0.3rem;}
.about .mobile .aboutleft .tit{font-size: 0.24rem;margin-bottom: 0.2rem;color: #f76f0c;font-weight: bold;}
.about .mobile .aboutleft .intro{font-size: 0.16rem;color: #666666;line-height: 0.3rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
.about .mobile .aboutleft .more{width: 1.2rem;height: 0.36rem;line-height: 0.36rem;font-size: 0.14rem;color: #fff;background: #c54d12;text-align: center;margin-top: 0.2rem;}
.about .mobile .aboutright{width:100%;}
.about .mobile .aboutright mip-img{width:100%;border:0.01rem solid #f76f0c;}