/* pc产品模块 */

.product{width: 100%; height: auto; overflow: hidden;}

.product .pc {width: 100%; height: auto; overflow: hidden;position: relative;}

.pc .main .iproduct{width: 100%; height: auto; overflow: hidden;position: relative;z-index: 2;padding: 0.59rem 0;}

.pc .main  .iptitle{width: 4rem; height: auto; overflow: hidden; margin: 0 auto;  color: #000;;}

.pc .main  .iptitle .ipt{width: 4rem; height: 1.6rem; overflow: hidden; background: url(../images/titlebg_03.jpg) no-repeat center top}

.pc .main  .iptitle .ipt p{font-size:0.49rem; font-family:eaglebook;text-align: center;padding-top: 0.45rem; line-height: 0.5rem;text-transform: uppercase }

.pc .main  .iptitle .ipt p.smt{font-size: 0.18rem;font-family: '微软雅黑';padding-top: 0; line-height: 0.18rem;}

.pc .main  .iptitle .iptintro{text-align: center;font-size: 0.16rem;padding-top: 0.1rem}



.product .pc .main .iproduct .ipclass{width: 11rem; height: auto; overflow: hidden;font-size: 0.18rem; margin: 0.4rem auto; display: flex;justify-content: center}

.product .pc .main .iproduct .ipclass a{padding:0 0.2rem;border-right: 1px solid #000; line-height:0.4rem}

.product .pc .main .iproduct .ipclass a:hover{background: #ef0a0f;color: #fff;}

.product .pc .main .iproduct .ipclass a:last-child{border: none}

.product .pc .main .iproduct .iplist{width: 100%; height: auto; overflow: hidden;;}

.product .pc .main .iproduct .iplist ul{width: 100%; height: auto; overflow: hidden; display: flex;flex-wrap: wrap;justify-content: space-around;}

.product .pc .main .iproduct .iplist ul li{width: 2.95rem; height: auto; overflow: hidden; border: 1px solid #e6e3e1;margin-bottom: 0.4rem}

.product .pc .main .iproduct .iplist ul li mip-img{width: 2.95rem; height: 2.21rem;;}

.product .pc .main .iproduct .iplist ul li p{font-size: 0.18rem; color: #c30507;padding: 0.1rem}

.product .pc .main .iproduct .iplist ul li p.intro {color: #6f6f6f;font-size: 0.16rem;padding-top: 0}

.product .pc .more{width: 1.26rem; height: 0.35rem; overflow: hidden; background: url(../images/ckgd_03.png) no-repeat center center; margin: 0 auto;font-size: 0.16rem; line-height: 0.35rem;text-indent: 0.25rem}

.product .pc .more a{color: #fff;}

.product .pc .ipg{position: absolute;bottom: 0;left: 0;width: 100%; height: auto; overflow: hidden;z-index: 1;;}



/* ipad产品 */

.product .ipad{width: 100%; height: auto; overflow: hidden; margin: 0 auto;;}

.product .ipad .iproduct{width: 9.2rem; height: auto; overflow: hidden; margin: 0 auto}

.product .ipad .iproduct .ipclass{ width: 100%; height: auto; overflow: hidden; margin:  0 auto 0.6rem; display: flex;justify-content: center}

.product .ipad .iproduct .ipclass .redse{width: 0.42rem; height: 1.63rem; overflow: hidden; background: #db0d0f;margin-top: 2.54rem;}

.product .ipad .iproduct .ipclass .ipcl01{width: 2.4rem; height: auto; overflow: hidden;;}

.product .ipad .iproduct .ipclass .ipcl01 mip-img{ border: 1px solid #656667;}

.product .ipad .iproduct .ipclass .ipcl01 .ipc01txt{width: 2rem; height: 1.4rem; overflow: hidden; margin: 0 auto;/*border: 1px solid #f6f5f4*/}

.product .ipad .iproduct .ipclass .ipcl01 .ipc01txt .num{text-align: center;padding-top: 0.1rem;font-size: 0.54rem;color: #afadb2;font-family: 'ac'; line-height: 0.5rem}

.product .ipad .iproduct .ipclass .ipcl01 .ipc01txt .ipctitle{text-align: center;font-size: 0.28rem;color: #373737;}

.product .ipad .iproduct .ipclass .ipcl01 .ipc01txt span{width: 0.58rem; height: 0.03rem; overflow: hidden; margin: 0 auto; display: block;background: #db0d0f;margin-top: 0.16rem}



.product .ipad .iproduct .ipclass .ipcl02{width: 2.4rem; height: auto; overflow: hidden;;}



.product .ipad .iproduct .ipclass .ipcl02 .ipc01txt{width: 2rem; height: 1.4rem; overflow: hidden; margin: 0 auto;}

.product .ipad .iproduct .ipclass .ipcl02 .ipc01txt .num{text-align: center;padding-top: 0.1rem;font-size: 0.54rem;color: #afadb2;font-family: 'ac';line-height: 0.5rem}

.product .ipad .iproduct .ipclass .ipcl02 .ipc01txt .ipctitle{text-align: center;font-size: 0.28rem;color: #373737;}

.product .ipad .iproduct .ipclass .ipcl02 .ipc01txt span{width: 0.58rem; height: 0.03rem; overflow: hidden; margin: 0 auto; display: block;background: #db0d0f;margin-top: 0.16rem}

.product .ipad .iproduct .ipclass .ipcmore{width: 1.52rem; height: 1.64rem; overflow: hidden; background: #db0d0f; margin-top: 1.3rem;}

.product .ipad .iproduct .ipclass .ipcmore mip-img{width: 0.53rem; height: 0.37rem; margin: 0 auto;margin-top: 0.47rem}

.product .ipad .iproduct .ipclass .ipcmore p{text-align: center;font-size: 0.27rem;color: #fff;}

.ipad .iproduct .iprolist{width: 9.2rem; height: auto; overflow: hidden; }

.ipad .iproduct .iprolist .iprotitle{width: 9.2rem; height: auto; overflow: hidden; display: flex;justify-content: space-between}

.ipad .iproduct .iprolist .iprotitle .iptl{width: 50%; height: auto; overflow: hidden; background: url(../images/titbg_03.png) no-repeat left center; background-size:auto; font-size: 0.38rem;padding-left: 0.2rem;color: #000; line-height: 0.5rem}

.ipad .iproduct .iprolist .iprotitle .ipmore{width: 50%; height: auto; overflow: hidden;background: url(../images/titbg_05.png) no-repeat center right;background-size: auto ;text-align: right;font-size: 0.32rem; color: #686868;line-height: 0.5rem;padding-right: 0.35rem}

.ipad .iproduct .iprolist .iprotitle .ipmore a{color: #686868;}

.product .ipad .iproduct .iprolist .ipritems{width: 9.2rem; height: auto; overflow: hidden; margin: 0.34rem auto;;}

.product .ipad .iproduct .iprolist .ipritems ul{width: 9.2rem; height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap;padding-bottom: 0.5rem}

.product .ipad .iproduct .iprolist .ipritems ul li{width: 4.5rem; height: auto; overflow: hidden; border: 1px solid #eae8e6;padding-bottom: 0.2rem;margin-bottom: 0.2rem}

.product .ipad .iproduct .iprolist .ipritems ul li mip-img{width:4.5rem; height: 3.38rem; }

.product .ipad .iproduct .iprolist .ipritems ul li p{padding: 0 0.2rem}

.product .ipad .iproduct .iprolist .ipritems ul li p.ptit{font-size: 0.32rem; color: #c30507;line-height: 0.6rem;padding-top: 0.1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.product .ipad .iproduct .iprolist .ipritems ul li p.intros{font-size: 0.27rem; color: #6f6f6f;padding-top: 0.1rem; display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}





/* mobile产品 */

.product .mobile{width: 100%; height: auto; overflow: hidden; margin: 0.4rem auto 0;}

.product .mobile .iproduct{width: 6.2rem; height: auto; overflow: hidden; margin: 0 auto}

.product .mobile .iproduct .ipclass{ width: 100%; height: auto; overflow: hidden; margin:  0 auto 0.6rem; display: flex;justify-content: center}

.product .mobile .iproduct .ipclass .redse{width: 0.28rem; height: 1.02rem; overflow: hidden; background: #db0d0f;margin-top: 1.57rem;}

.product .mobile .iproduct .ipclass .ipcl01{width: 1.7rem; height: auto; overflow: hidden;;}

.product .mobile .iproduct .ipclass .ipcl01 mip-img{ border: 1px solid #656667;}

.product .mobile .iproduct .ipclass .ipcl01 .ipc01txt{width: 1.25rem; height: 0.87rem; overflow: hidden; margin: 0 auto;/*border: 1px solid #f6f5f4*/}

.product .mobile .iproduct .ipclass .ipcl01 .ipc01txt .num{text-align: center;font-size: 0.37rem;color: #afadb2;font-family: 'ac'; line-height: 0.37rem}

.product .mobile .iproduct .ipclass .ipcl01 .ipc01txt .ipctitle{text-align: center;font-size: 0.17rem;color: #373737;}

.product .mobile .iproduct .ipclass .ipcl01 .ipc01txt span{width: 0.36rem; height: 0.03rem; overflow: hidden; margin: 0 auto; display: block;background: #db0d0f;margin-top: 0.06rem}



.product .mobile .iproduct .ipclass .ipcl02{width: 1.7rem; height: auto; overflow: hidden;;}



.product .mobile .iproduct .ipclass .ipcl02 .ipc01txt{width: 1.25rem; height: 0.87rem; overflow: hidden; margin: 0 auto;}

.product .mobile .iproduct .ipclass .ipcl02 .ipc01txt .num{text-align: center;padding-top: 0.1rem;font-size: 0.37rem;color: #afadb2;font-family: 'ac'; line-height: 0.37rem}

.product .mobile .iproduct .ipclass .ipcl02 .ipc01txt .ipctitle{text-align: center;font-size: 0.17rem;color: #373737;}

.product .mobile .iproduct .ipclass .ipcl02 .ipc01txt span{width: 0.36rem; height: 0.03rem; overflow: hidden; margin: 0 auto; display: block;background: #db0d0f;margin-top: 0.06rem}

.product .mobile .iproduct .ipclass .ipcmore{width: 0.95rem; height: 1.02rem; overflow: hidden; background: #db0d0f; margin-top: 0.29rem;}

.product .mobile .iproduct .ipclass .ipcmore mip-img{width: 0.35rem; height: 0.23rem; margin: 0 auto;margin-top: 0.29rem}

.product .mobile .iproduct .ipclass .ipcmore p{text-align: center;font-size: 0.17rem;color: #fff;}

.mobile .iproduct .iprolist{width: 6.2rem; height: auto; overflow: hidden; }

.mobile .iproduct .iprolist .iprotitle{width:6.2rem; height: auto; overflow: hidden; display: flex;justify-content: space-between}

.mobile .iproduct .iprolist .iprotitle .iptl{width: 50%; height: auto; overflow: hidden; background: url(../images/titbg_03.png) no-repeat left center; background-size: auto 80%; font-size: 0.23rem;padding-left: 0.2rem;color: #000; line-height: 0.5rem}

.mobile .iproduct .iprolist .iprotitle .ipmore{width: 50%; height: auto; overflow: hidden;background: url(../images/titbg_05.png) no-repeat center right;text-align: right;font-size: 0.2rem; color: #686868;line-height: 0.5rem;padding-right: 0.3rem;background-size: auto 50%}

.mobile .iproduct .iprolist .iprotitle .ipmore a{color: #686868;}

.product .mobile .iproduct .iprolist .ipritems{width: 6.2rem; height: auto; overflow: hidden; margin: 0.34rem auto 0;;}



.product .mobile .iproduct .iprolist .ipritems ul{width: 6.2rem; height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap;padding-bottom: 0.5rem}

.product .mobile .iproduct .iprolist .ipritems ul li{width: 3rem; height: auto; overflow: hidden; border: 1px solid #eae8e6;padding-bottom: 0.2rem;margin-bottom: 0.2rem}

.product .mobile .iproduct .iprolist .ipritems ul li mip-img{width:3rem; height: 2.25rem; }

.product .mobile .iproduct .iprolist .ipritems ul li p{padding: 0 0.1rem}

.product .mobile .iproduct .iprolist .ipritems ul li p.ptit{font-size: 0.2rem; color: #c30507;line-height: 0.4rem;padding-top: 0.1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.product .mobile .iproduct .iprolist .ipritems ul li p.intros{font-size: 0.17rem; color: #6f6f6f; display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}









/* 第一条广告位 */

.ad .pc .ad01{width: 100%; height: auto; overflow: hidden;justify-content: space-between;;}

.ad .ipad .ad01{width: 100%; height: auto; overflow: hidden;justify-content: space-between;;}



/* 合作案例 */

.case{width: 100%; height: auto; overflow: hidden;position: relative;}

.case .pc{width: 100%; height: auto; overflow: hidden;position: relative;padding-top: 0.6rem}

.case .pc .icbg{position: absolute;top: 0;left: 0;width: 100%; height: auto; overflow: hidden;z-index: 1;}

.case .pc .icase{width: 100%; height: auto; overflow: hidden; position: relative;z-index: 9;;}



.case .pc .icase .icaselist {width: 100%; height: auto; overflow: hidden;display: flex;justify-content: space-between; margin: 0.5rem auto}

.case .pc .icase .icaselist .icasead{width: 3.88rem; height: 8.7rem; overflow: hidden;;;}

.case .pc .icase .icaselist .icaseright{width: 8rem; height: auto; overflow: hidden;}

.case .pc .icase .icaselist .icaseright ul{width: 100%; height: auto; overflow: hidden; display: flex;justify-content: space-between; flex-wrap: wrap}

.case .pc .icase .icaselist .icaseright ul li{width: 3.86rem; height: auto; overflow: hidden;  border: 1px solid #e6e3e1;padding-bottom: 0.1rem; margin-bottom: 0.28rem}

.case .pc .icase .icaselist .icaseright ul li mip-img{width: 3.86rem; height: 2.9rem;;}

.case .pc .icase .icaselist .icaseright ul li p{font-size: 0.18rem; color: #c30507;padding: 0.1rem}

.case .pc .icase .icaselist .icaseright ul li p.intro{color: #6f6f6f;font-size: 0.16rem;padding-top: 0}

.case .pc .icase .icaselist .icaseright ul li p.mores{width: 0.59rem; height: 0.18rem; background: url(../images/more_07.jpg) no-repeat center center; color: #fff;font-size: 0.12rem; line-height: 0.18rem; padding: 0; margin-left: 0.1rem;text-indent: 0.05rem}





.case .pc .more{width: 1.26rem; height: 0.35rem; overflow: hidden; background: url(../images/ckgd_03.png) no-repeat center center; margin: 0 auto;font-size: 0.16rem; line-height: 0.35rem;text-indent: 0.25rem}

.case .pc .more a{color: #fff;}



/* ipad合作案例 */

.case .ipad{width: 9.6rem; height: auto; overflow: hidden;position: relative; margin: 0.4rem auto 0}

.case .ipad .icaselist{width: 9.6rem; height: auto; overflow: hidden; display: flex;justify-content: space-between;margin-top: 0.3rem }

.case .ipad .icaselist .icaseleft{width: 3.29rem; height: auto; overflow: hidden;;}



.case .ipad .icaselist .icaseright{width: 6.1rem; height: auto; overflow: hidden;;}

.case .ipad .icaselist .icaseright li{width: 6.1rem; height: auto; overflow: hidden;padding: 0.2rem 0.15rem 0.5rem 0.06rem; border-bottom: 1px solid #ebeaea}

.case .ipad .icaselist .icaseright li:last-child{border: none;padding-top: 0.5rem}

.case .ipad .icaselist .icaseright li a{width: 100%; height: auto; overflow: hidden; display: flex; justify-content: space-between}

.case .ipad .icaselist .icaseright li mip-img{width: 2.83rem; height: 2.12rem;}

.case .ipad .icaselist .icaseright li .icaintro{width: 2.9rem; height: auto; overflow: hidden;}

.case .ipad .icaselist .icaseright li .icaintro .ictitle{font-size: 0.37rem; color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.case .ipad .icaselist .icaseright li .icaintro .ictro{font-size: 0.26rem;color: #aca3a4; display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 0.33rem;padding-top: 0.12rem}

.case .ipad .icaselist .icaseright li .icaintro .icmore{width: 1.09rem; height: 0.33rem; overflow: hidden; background: #ec0203; text-align: center; line-height: 0.33rem; font-size: 0.19rem;color: #fff;display: flex;align-items: center;justify-content: center;margin-top: 0.12rem}

.case .ipad .icaselist .icaseright li .icaintro .icmore span{font-size: 0.3rem}

.case .ipad .iproduct .iprolist{width: 9.6rem;}

.case .ipad .iproduct .iprolist .iprotitle{width: 9.2rem; height: auto; overflow: hidden; display: flex;justify-content: space-between;margin: 0 auto}







/* mobile合作案例 */

.case .mobile{width: 100%; height: auto; overflow: hidden;position: relative; margin: 0.4rem auto 0}

.case .mobile .icaselist{width: 6.2rem; height: auto; margin: 0 auto; overflow: hidden; display: flex;justify-content: space-between;margin-top: 0.3rem }

.case .mobile .icaselist .icaseleft{width: 2.05rem; height: auto; overflow: hidden;;}



.case .mobile .icaselist .icaseright{width:3.96rem; height: auto; overflow: hidden;padding-top: 0.1rem;}

.case .mobile .icaselist .icaseright li{width:3.96rem; height: auto; overflow: hidden; border-bottom: 1px solid #ebeaea; padding: 0.1rem}

.case .mobile .icaselist .icaseright li:first-child{padding-bottom: 0.2rem}

.case .mobile .icaselist .icaseright li:last-child{border: none;padding-top: 0.2rem}

.case .mobile .icaselist .icaseright li a{width: 100%; height: auto; overflow: hidden; display: flex; justify-content: space-between}

.case .mobile .icaselist .icaseright li mip-img{width: 1.77rem; height: 1.33rem;}

.case .mobile .icaselist .icaseright li .icaintro{width: 1.91rem; height: auto; overflow: hidden;}

.case .mobile .icaselist .icaseright li .icaintro .ictitle{font-size: 0.23rem; color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 0.25rem}

.case .mobile .icaselist .icaseright li .icaintro .ictro{font-size: 0.16rem;color: #aca3a4; display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 0.23rem;padding-top: 0.08rem}

.case .mobile .icaselist .icaseright li .icaintro .icmore{width: 0.66rem; height: 0.2rem; overflow: hidden; background: #ec0203; text-align: center; line-height: 0.2rem; font-size: 0.11rem;color: #fff;display: flex;align-items: center;justify-content: center;margin-top: 0.12rem}

.case .mobile .icaselist .icaseright li .icaintro .icmore span{font-size: 0.3rem}



.case .mobile .iproduct .iprolist{width:100%;overflow: hidden; margin: 0 auto}

.case .mobile .iproduct .iprolist .iprotitle{width: 6.2rem; height: auto; overflow: hidden; display: flex;justify-content: space-between;margin: 0 auto}





/* 首页关于我们 */

.about{width: 100%; height: auto; overflow: hidden; margin: 0.5rem auto;}

.about .pc{width: 100%; height: auto; overflow: hidden;}

.about .pc .iabout{width: 100%; height: 5.12rem; overflow: hidden;position: relative;;}

.about .pc .iabout .iaboutcon{width: 12rem;height: 3.58rem;border: 0.05rem solid #d70e0e; margin-top: 0.86rem;position: relative;color: #000}

.about .pc .iabout .iaboutcon p{padding-left: 0.33rem;}

.about .pc .iabout .iaboutcon p.cntitle{font-size: 0.22rem;padding-top: 0.4rem}

.about .pc .iabout .iaboutcon p.entitle{font-size: 0.49rem;font-family: eaglebook;text-transform: uppercase;line-height: 0.5rem;padding-left: 0.23rem;}

.about .pc .iabout .iaboutcon p.iacontent{font-size: 0.16rem; padding-top: 0.37rem;width: 6.2rem; overflow: hidden; height: auto;}

.about .pc .iabout .iaboutcon .iabpic{width: 4.17rem; height: 5.12rem;overflow: hidden;position: absolute;top: -0.86rem;right: 1rem;}

.about .pc .iabout .iaboutcon .jia{width: 0.36rem; height: 0.39rem;overflow: hidden;position: absolute;bottom: -0.3rem;left: 0.5rem;}

.about .pc .iabout .logoimg{width: 2.09rem; height: 0.62rem; overflow: hidden;position: absolute;right: 0;top: 2.54rem}



/* 关于我们ipad */



.about .ipad{width: 9.2rem; height: auto; overflow: hidden; margin: 0 auto}

.about .ipad .iabout{width: 9.2rem; height: auto; overflow: hidden; margin: 0.3rem auto;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 8;-webkit-box-orient: vertical;font-size: 0.3rem;}





.about .mobile{width: 6.2rem; height: auto; overflow: hidden; margin: 0 auto}



.about .mobile .iabout{width: 6.2rem; height: auto; overflow: hidden; margin: 0.3rem auto 0;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 8;-webkit-box-orient: vertical;font-size: 0.2rem;}



/* 关于我们ipad */



/* 第一条广告位 */

.iad .pc .ad01{width: 100%; height: auto; overflow: hidden;}



.iad .ipad .ad02{width: 9.2rem; height: auto; overflow: hidden; margin: 0 auto;}

.iad .mobile .ad02{width: 6.2rem; height: auto; overflow: hidden; margin: 0 auto;}



.iad .ipad .cg{width: 9.2rem; height: 1.97rem; overflow: hidden; margin: 0 auto;}



.iad .mobile .cg{width: 9.2rem; height: 1.24rem; overflow: hidden; margin: 0 auto;}





/* 新闻资讯 */

.product .pc .iproduct .newslist{width: 100%; height: auto; overflow: hidden; margin: 0.4rem auto;}

.product .pc .iproduct .newslist ul{width: 100%; height: auto; overflow: hidden; display: flex;justify-content: space-between;}

.product .pc .iproduct .newslist ul li{width: 3.85rem; height: 3.77rem; overflow: hidden;    ;}

.product .pc .iproduct .newslist ul li .newstop{width: 100%; width: 3.86rem; height: 2.9rem; overflow: hidden;border-bottom: 1px solid #dad6d6;}

.product .pc .iproduct .newslist ul li .newstop p{padding-left: 0.27rem;}

.product .pc .iproduct .newslist ul li .newstop p.ntime{font-size: 0.28rem; color: #4b4a4a;padding-top: 0.3rem}

.product .pc .iproduct .newslist ul li .newstop p.ntime span{font-size: 0.18rem}

.product .pc .iproduct .newslist ul li .newstop p.ntitle{font-size: 0.22rem;color: #232222;padding-top: 0.3rem;}

.product .pc .iproduct .newslist ul li .newstop p.intro{font-size: 0.16rem;color: #beb3b3;padding-top: 0.36rem; padding-right: 0.25rem}

.product .pc .iproduct .newslist ul li .newsbot{width: 3.86rem; height: 0.87rem; overflow: hidden;padding: 0 0.36rem;display: flex; justify-content: space-between;font-size: 0.18rem; line-height: 0.87rem;align-items: center}

.product .pc .iproduct .newslist ul li .newsbot span{width: 0.31rem; height: 0.31rem;background: url(../images/newsjiantou.png) no-repeat center center;display: none}

.product .pc .iproduct .newslist ul li:hover .newstop{ background: url(../images/newsbg_03.jpg) no-repeat center center;border: none}

.product .pc .iproduct .newslist ul li:hover .newstop p.ntime{color: #fff;}

.product .pc .iproduct .newslist ul li:hover .newstop p.ntitle{color: #fff;}

.product .pc .iproduct .newslist ul li:hover .newsbot{background: #ef0a0f;color: #fff}

.product .pc .iproduct .newslist ul li:hover .newsbot span{display: block}



.product .ipad .iproduct .inlist{width: 100%; height: auto; overflow: hidden; margin: 0.4rem auto;}

.product .ipad .iproduct .inlist li{width: 9.2rem; height: auto; overflow: hidden; border-bottom: 1px solid #f1f0f0;padding: 0.27rem 0.1rem 0.15rem}

.product .ipad .iproduct .inlist li a{width: 100%; height: auto; overflow: hidden;display: flex; justify-content: space-between}

.product .ipad .iproduct .inlist li mip-img{width: 3.18rem;}



.product .ipad .iproduct .inlist li .inlr{width: 5.66rem; height: auto; overflow: hidden;;}

.product .ipad .iproduct .inlist li .inlr .intitle{font-size: 0.34rem;color: #000;font-weight: bold;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.product .ipad .iproduct .inlist li .inlr .inintro{font-size: 0.3rem;color: #6d6b6c;line-height: 0.8rem}

.product .ipad .iproduct .inlist li .inlr .inclick{font-size: 0.3rem;color: #f10102;display: flex;align-items: center}

.product .ipad .iproduct .inlist li .inlr .inclick mip-img{width: 0.35rem; height: 0.25rem;margin-left: 0.1rem;}







.product .mobile .iproduct .inlist{width: 100%; height: auto; overflow: hidden; margin: 0 auto;}

.product .mobile .iproduct .inlist li{width: 6.2rem; height: auto; overflow: hidden; border-bottom: 1px solid #f1f0f0;padding: 0.27rem 0.1rem 0.15rem}

.product .mobile .iproduct .inlist li a{width: 100%; height: auto; overflow: hidden;display: flex; justify-content: space-between}

.product .mobile .iproduct .inlist li mip-img{width: 2rem; height: 1.5rem;}



.product .mobile .iproduct .inlist li .inlr{width: 3.45rem; height: auto; overflow: hidden;;}

.product .mobile .iproduct .inlist li .inlr .intitle{font-size: 0.21rem;color: #000;font-weight: bold;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.product .mobile .iproduct .inlist li .inlr .inintro{font-size: 0.18rem;color: #6d6b6c;line-height: 0.5rem}

.product .mobile .iproduct .inlist li .inlr .inclick{font-size: 0.18rem;color: #f10102;display: flex;align-items: center}

.product .mobile .iproduct .inlist li .inlr .inclick mip-img{width: 0.22rem; height: 0.15rem;margin-left: 0.1rem;}







/*移动端导航*/

.mobileNav{width:100%;height:1rem;}

.mobileNavBig{position:fixed;top:0;left:0;z-index:333;display:flex;padding:0 .4rem;width:100%;height:1rem;background:#fff;justify-content:space-between;align-items:center;}

.mobilelinkicon{width:.5rem;}

.guanbi{display:flex;padding:0 .2rem 0 .3rem;height:1rem;justify-content:flex-end;align-content:center;align-items:center;}

.mebul li{margin-top:.3rem;padding-left:.34rem;background:url(../img/mobile/28.png) no-repeat center left;background-size:.2rem .2rem;font-size:.3rem;font-family:"苹方","微软雅黑";}

.mebul{padding:0 .2rem 0 .3rem;width:3rem;}

.mobilenavmeun{width:calc(100% - .7rem);height:.5rem!important;}

.mobilenavBox{display:flex;justify-content:space-between;align-items:center;align-content:center;}

.mobilenavmeun a{display:block;display:flex;margin:0 .15rem;height:.5rem;font-size:.26rem;justify-content:center;align-content:center;align-items:center;}



.newclassbox mip-sidebar{width:4rem;background:#fff;}

.newclassbox .nav_item>.classmain{width:3.2rem;margin:0.7rem auto 0.2rem auto;}

.newclassbox .navimg{width:0.38rem;height:0.38rem;float:left;margin-left:0.21rem;}

.newclassbox .nav_item{position: relative;overflow: hidden;margin-top:0.24rem;}

.newclassbox .main_nav{width:100%;line-height:0.54rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.newclassbox .main_nav .text{font-size:0.3rem;color:#333;line-height:0.54rem;margin-left:0.12rem;display: inline-block;vertical-align: middle;}

.newclassbox .navyuanimg{width:0.18rem;height:0.18rem;display: inline-block;vertical-align: middle;}

.newclassbox .navjtimg{width:0.1rem;height:0.15rem;float:left;margin-top:0.15rem;}

.newclassbox .sideNavOpen{width:1.12rem;height:1.12rem;position: absolute;left: 0;top: 0;z-index: 99;}

.newclassbox .fir_nav{padding-left:0.3rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.newclassbox .fir_nav .text{font-size:0.24rem;color:#333;line-height:0.44rem;margin-left:0.12rem;display: inline-block;vertical-align: middle;}

.newclassbox .sec_nav{padding-left:0.7rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.newclassbox .fir_nav,.sec_nav{width:100%;height:0.44rem;line-height:0.44rem;font-size:0.23rem;border-radius:0.12rem;background-color: #f3f3f3;color:#333;margin-top: .23rem;}

.newclassbox .sec_nav .text{font-size:0.24rem;color:#333;line-height:0.44rem;margin-left:0.12rem;display: inline-block;vertical-align: middle;}