/* 产品样式 */ .in-product{width: 100%;margin:100px auto;} .in-product .pro-list{width: 100%;position: relative;box-sizing: border-box;padding:0px 125px;} .in-product .pro-list .pro-bd li{width: 100%;display: flex;justify-content: space-between;} .in-product .pro-list .pro-bd li .pro-img{width:451px;height:369px;} .in-product .pro-list .pro-bd li .pro-img img{width: 100%;height: 100%;} .in-product .pro-list .pro-bd li .pro-title{width: 490px;padding-top: 55px;} .in-product .pro-list .pro-bd li .pro-title h3{font-size: 38px;line-height: 38px;color: #f13131;margin-bottom: 40px;} .in-product .pro-list .pro-bd li .pro-title .desc{font-size: 18px;line-height: 32px;color:#333333;} .in-product .pro-list .prev{width:28px;height: 75px;background:url(../images/left.png)no-repeat center;position:absolute;left: -67.5px;top: 40%;} .in-product .pro-list .next{width:28px;height: 75px;background:url(../images/right.png)no-repeat center;position:absolute;right: -67.5px;top: 40%;} .in-product .pro-list .prev:hover{background:url(../images/left-on.png)no-repeat center;} .in-product .pro-list .next:hover{background:url(../images/right-on.png)no-repeat center;} /* 行业应用 */ .in-hangye{width: 100%;overflow: hidden;background: #f7f7f7;padding:100px 0px;padding-bottom: 70px;} .in-hangye .hangye-list{width:100%;display: flex;justify-content: space-between;flex-flow: wrap;} .in-hangye .hangye-list li{width:400px;margin-bottom: 40px;height: 360px;position: relative;overflow: hidden;} .in-hangye .hangye-list li img{width: 100%;height: 100%;} .in-hangye .hangye-list li .hy-text{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 2;background: url(../images/back-icon.png)no-repeat center; height: 192px;text-align: center;box-sizing: border-box;padding-top: 90px;} .in-hangye .hangye-list li .hy-text h3{font-size: 32px;line-height: 60px;color: #fff;} .in-hangye .hangye-list li:nth-child(1) .hy-text h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:82px;height:60px;background:url(../images/yy-icon01.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(2) .hy-text h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:60px;height:60px;background:url(../images/yy-icon02.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(3) .hy-text h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:67px;height:60px;background:url(../images/yy-icon03.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(4) .hy-text h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:60px;height:60px;background:url(../images/yy-icon04.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(5) .hy-text h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:60px;height:60px;background:url(../images/yy-icon05.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(6) .hy-text h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:86px;height:60px;background:url(../images/yy-icon06.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(7) .hy-text h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:82px;height:60px;background:url(../images/yy-icon07.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(8) .hy-text h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:86px;height:60px;background:url(../images/yy-icon08.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(9) .hy-text h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:86px;height:60px;background:url(../images/yy-icon09.png)no-repeat center;} .in-hangye .hangye-list li:hover{cursor: pointer;} .in-hangye .hangye-list li .hy-info{width: 100%;height:360px;background: #fff;padding:37px;box-sizing: border-box;position: absolute;bottom:0;left: 0;z-index:-1;right: 0;margin:0 auto;} /*.in-hangye .hangye-list li:hover .hy-info{height: 360px;display:block;}*/ .in-hangye .hangye-list li .hy-info h3{font-size:32px;color: #f13131;line-height: 60px;text-align: center;margin-bottom: 30px;} .in-hangye .hangye-list li:nth-child(1) .hy-info h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:82px;height:60px;background:url(../images/yy-icon-on01.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(2) .hy-info h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:60px;height:60px;background:url(../images/yy-icon-on02.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(3) .hy-info h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:67px;height:60px;background:url(../images/yy-icon-on03.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(4) .hy-info h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:60px;height:60px;background:url(../images/yy-icon-on04.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(5) .hy-info h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:60px;height:60px;background:url(../images/yy-icon-on05.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(6) .hy-info h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:86px;height:60px;background:url(../images/yy-icon-on06.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(7) .hy-info h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:86px;height:60px;background:url(../images/yy-icon-on07.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(8) .hy-info h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:86px;height:60px;background:url(../images/yy-icon-on08.png)no-repeat center;} .in-hangye .hangye-list li:nth-child(9) .hy-info h3:before{content:'';display:inline-block;margin-right:30px;margin-bottom:-17px;width:86px;height:60px;background:url(../images/yy-icon-on09.png)no-repeat center;} .in-hangye .hangye-list li .hy-info .desc{font-size: 18px;line-height: 32px;color: #333333;text-align: justify;} .in-hangye .hangye-list li .hy-info .mores{display:block;width:148px;height:39px;border:1px solid #f13131;border-radius:39px;margin:25px auto;font-size: 16px;line-height:39px; text-align: center;color:#f13131;} /* 关于我们 */ .in-about{width: 100%;margin:100px auto;overflow: hidden;} .in-about .about-info .info-text{width:700px;} .in-about .about-info .info-text h3{font-size:30px;line-height: 30px;color:#f13131;margin-bottom:30px;} .in-about .about-info .info-text .desc{font-size: 16px;line-height: 32px;color: #333333;margin-bottom: 60px;} .in-about .about-info .ab-frimg{width:498px; overflow:hidden;} .in-about .about-info .ab-frimg:hover img{ transform:scale(1.2);} .in-about .about-info .ab-frimg img{width: 100%;} .in-about .about-info .ab-imgs img{width:223px;height: 155px;margin-right:15px;margin-bottom:40px;} .in-about .about-info .ab-imgs img:nth-child(3n){margin-right:0px;} /* 新闻资讯 */ .in-news{width: 100%;background: #f7f7f7;padding:100px 0px;padding-bottom: 60px;} .in-news .news-list{width: 100%;display: flex;justify-content: space-between;flex-flow: wrap;} .in-news .news-list li{width:620px;height:196px;margin-bottom:40px;overflow: hidden;} .in-news .news-list li p.news-img{width: 250px;height: 196px;overflow: hidden;} .in-news .news-list li p.news-img img{width:100%;height: 100%;} .in-news .news-list li:hover p.news-img img{transform: scale(1.2);} .in-news .news-list li .news-tit{width: 340px;} .in-news .news-list li .news-tit .times{width: 100%;display: flex;justify-content: space-between;flex-flow: row;margin-bottom:23px;} .in-news .news-list li .news-tit .times .days{font-family:'newsnum';font-size:52px;color:#c9c9c9; margin-bottom: 10px; line-height: 32px;} .in-news .news-list li .news-tit .times .year{font-size:14px;color: #c9c9c9;line-height: 14px;} .in-news .news-list li .news-tit h3{font-size: 20px;font-weight: bold;color: #333;line-height: 32px;margin-bottom: 10px;} .in-news .news-list li .news-tit .desc{font-size:14px;color: #666666;line-height: 24px;} .in-news .news-list li .news-tit .times .news-more{width:27px;height: 14px;display:block;background: url(../images/news-icons.png)no-repeat center;margin-top: 20px;} .in-news .news-list li:hover .news-tit h3{color:#f13131;} .in-news .news-list li:hover .news-tit .times .news-more{background: url(../images/news-iconson.png)no-repeat center;} /* 活动展会 */ .in-huodong{width: 100%;overflow: hidden;margin:60px auto;margin-top: 100px;} .in-huodong .huodong-list{width: 100%;} .in-huodong .huodong-list li{width: 400px;height: 140px;background: #f7f7f7;margin-bottom: 40px;display: flex; box-sizing: border-box;float:left;margin-right:60px;color:#fff;} .in-huodong .huodong-list li:nth-child(3n){margin-right:0px;} .in-huodong .huodong-list li .times{width: auto;text-align: center;font-family:'newsnum';float:left;box-sizing:border-box;padding:30px;height: 100%;background:#f13131;} .in-huodong .huodong-list li .times .days{font-size:52px;line-height: 32px;color: #fff;margin-bottom: 10px;} .in-huodong .huodong-list li .times .year{font-size: 14px;line-height: 14px;color: #fff;} .in-huodong .huodong-list li h3{flex:1;font-size: 20px;line-height: 32px;box-sizing:border-box;padding:30px;} .in-huodong .huodong-list li .adds{font-size:16px;line-height:32px;} .in-huodong .huodong-list li:hover{background:#f13131;cursor: pointer;} .in-huodong .huodong-list li:hover .times{background:#f7f7f7;} .in-huodong .huodong-list li:hover .times .days,.in-huodong .huodong-list li:hover .times .year,.in-huodong .huodong-list li:hover .adds{color:#f13131;} .in-huodong .huodong-list li:hover h3{color: #fff;}