/* home */ .banner{padding-left: 5.4vw;position: relative;} .banner img{border-radius: 0 0 0 4.1vw;} .banner .swiper-pagination{position: absolute;display: flex;flex-direction: column;width: 3.8vw;bottom: 113px;text-align: left;left: 15px;} .banner .swiper-pagination .swiper-pagination-bullet{width: 100%;height: 30px;padding-bottom: 6px;margin: 10px 0;position: relative;background: none;color: #666;opacity: 1;position: relative;} .banner .swiper-pagination .swiper-pagination-bullet::after{content: "";width: 0;height: 1px;background: #ff5f00;position: absolute;bottom: 0;left: 0;transition:all ease .3s} .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.banner .swiper-pagination .swiper-pagination-bullet:hover{color: #ff5f00;} .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after,.banner .swiper-pagination .swiper-pagination-bullet:hover:after{width: 100%;} .sec_type{text-align: center;padding-bottom: 35px;color: #ff5f00;position: relative;} .main{padding-bottom: 6vw;} /* section1 */ .section1 .sec_type{margin-bottom: 32px;} .section1 .sec_type::after{content: "";width: 100px;height: 1px;background: #E5E5E5;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;} .section1 .sec1_desc{width: 85%;margin: 0 auto;line-height: 32px;color: #666;} .about .section1 .sec1_desc{width:100%} .section1 .jt{margin:4vw 0 -1.6vw;text-align:center;position:relative;z-index:1} .section1 .sec1_img{position:relative;z-index:0} /* section2 */ .section2{margin-bottom: -20px;} .section2 .item{text-align: center;} .section2 .item .tit{margin-top: 25px;} /* section3 */ .section3 .swiper-pagination{display: none;} .section3 .list_news2{padding: 20px 0;} .bgf8{background: #f8f8f8;} /* list_news2 */ .list_news2 .item{transition: all .36s;cursor: pointer;position: relative;margin: 2px 0;border-bottom: 1px solid #EBECEC;} .list_news2 .item .pimg{overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center;} .list_news2 .item .pbox{padding: 0 15px 5px 15px;} .list_news2 .item .title{line-height: 28px;height: 56px;margin: 15px 0;color: #666;} .list_news2 .item .time{color: #666;font-size: 14px;margin: 18px 0 8px;height: 24px;line-height: 24px;} .list_news2 .item .time i{font-size: 24px;margin: 0 5px 0 0;} .list_news2 .item::after{content: "";width: 0;height: 1px;background: #ff5f00;position: absolute;bottom: 0;left: 0;transition: all ease-in .3s;-webkit-transition: all ease-in .3s;} .list_news2 .item:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);} .list_news2 .item:hover::after{width: 100%;} .list_news2 .item:hover .title{color: #ff5f00;} /* show_news */ .newsnr>h1{padding:0 0 25px 0; display:block; text-align:center;color: #666;} .newsnr>.riqi{color: #999; display:block; text-align:center; padding:10px 0;margin:0 0 25px;} .newsnr>.riqi i{font-size:24px;margin-right:10px;} .pagemnr{padding:20px 0;} .pagemnr,.pagemnr p{color: #555;text-decoration: none;line-height: 32px;} .pagemnr p{margin:15px 0} .pagemnr img{max-width:100%!important;height:auto!important;} .singlepre{border-top:1px #CCC solid; padding:40px 0;margin-top:30px;} .singlepre .fanye>div{margin-bottom:10px;} .singlepre .yaohui{text-align:right; padding-top:10px;} /* contact */ .section4 .contact{padding-top: 35px;} .contact .lx1 li{margin-bottom: 22px;} .contact .lx1 li .icon{width: 37px;height: 37px;line-height: 37px;flex-shrink: 0;text-align: center;border: 1px solid #666;color: #666;border-radius: 50%;margin-right: 15px;} .contact .lx1 li .icon i{font-size: 24px;} .contact .map{margin-top:25px;height:370px;} .contact .map img{max-width: initial !important;} .contact .msg{padding-left: 45px;} .contact .msg li{margin-bottom:8px;} .contact .msg li .group{background: #eee;padding: 10px 18px;} .contact .msg li .group .label{width: 75px;font-size: 14px;color: #666;} .contact .msg li .group .intbox{width: calc(100% - 70px);float: left;} .contact .msg li .group .int{height: 35px;line-height: 35px;background: none;width: 100%;outline: 0;} .contact .msg li .group textarea{width: 100%;background: none;border: 0;outline: 0;} .contact .msg li textarea{resize: none;} .contact .msg li ::-webkit-input-placeholder{color: #666;font-size: 14px;font-family: 'microsoft yahei';} .contact .msg li ::-moz-placeholder{color: #666;font-size: 14px;font-family: 'microsoft yahei';} .contact .msg li ::-ms-input-placeholder{color: #666;font-size: 14px;font-family: 'microsoft yahei';} .contact .msg li.yzm .yz{margin-left: 30px;} .contact .msg .msg_btn{padding-top: 25px;} .contact .msg .msg_btn button{width: 204px;height: 40px;line-height: 40px;text-align: center;background: #ff5f00;color: #fff;border: 0;outline: 0;} .contact .msg .msg_btn button:hover{background: rgba(224, 100, 29, 0.8);} /* about */ .about .video{position: relative;margin-top:35px;} .about .video .play{position: absolute;left: 50%;top: 50%;z-index: 2;transform: translate(-50%, -50%);} .about .video video{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 0;display: none;object-fit:fill;} /* culture */ .culture .wh1 .swiper-pagination{bottom: 25px;} .culture .wh1 .swiper-pagination .swiper-pagination-bullet{width: 48px;height: 6px;background: rgba(255, 255, 255, 0.6);opacity: 1;border-radius: 3px;} .culture .wh1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;} .culture .wh1 .wh1_cont{background: #494949;color: #fff;text-align: center;padding: 26px 0;} .culture .wh1 .wh1_cont li{width:33.33%;} .culture .wh2{margin-bottom: -70px;} .culture .wh2 .item{margin-bottom: 25px;} .culture .wh2 .item .title{text-align: center;height: 32px;line-height: 32px;} /* honor */ .honor .honor1{padding: 70px 0 20px;} .honor .ry2 .swiper-container{margin-top:20px} .honor .sec_type{text-align: left;} .honor .sec_desc{color: #666;margin: -15px 0 20px;} .sec_type2{padding: 80px 0 60px;text-align: left;} /* yanfa */ .yanfa{background: #faf8f8;} .list_yf{margin-bottom: -50px;} .list_yf .item{margin: 0 -20px;} .list_yf .item .item_tit .icon{width: 140px;height: 140px;background: url(../img/icon_yf.png) no-repeat left center;background-size: 100% 100%;padding: 30px 25px;margin-right: 20px;} .list_yf .item .item_tit .tit{color: #EB681A;} .list_yf .item .item_cont{width: 100%;height:580px;margin-top: -35px;background-repeat: no-repeat;background-position: left top;background-size: 100% 100%;background-image: url(../img/bg_yf1.png);padding: 105px 65px 55px 55px;transition: all ease .3s;line-height: 36px;color: #494949;} .list_yf .item .item_cont .info{height: 100%;overflow-y: auto;} .list_yf .item .item_cont .info::-webkit-scrollbar{width: 5px;} .list_yf .item:hover .item_cont{background-image: url(../img/bg_yf2.png);color:#fff;} .list_yf .item:hover .biao img{transform: scale(1.09) !important;} .list_yf.list_yf2 .item_tit .icon{width: 110px;height: 110px;padding: 25px 25px 20px 23px;} .list_yf.list_yf2 .item_cont{width: 100%;height: 360px;font-size: 15px;line-height: 31px;padding: 75px 65px 55px 40px;} /* sctd */ .ygfc{width: 100%;margin: 0 auto;padding-top: 120px;} .ygfc .swiper-slide{width: 75%;} .ygfc .swiper-slide img{display: block;width: 100%;-webkit-filter: blur(4px); filter: blur(4px);} .ygfc .swiper-slide-active img{-webkit-filter: blur(0); filter: blur(0); } .ygfc .swiper-button-next{background: url("../img/yjt.png") no-repeat center;background-size: cover;right: 3%;} .ygfc .swiper-button-prev{background: url("../img/zjt.png") no-repeat center;background-size: cover;left: 3%;} .ygfc .swiper-button-next, .ygfc .swiper-button-prev{top: 48%;width: 55px;height: 55px;} /* shiyan */ .list_shiyan{margin-bottom: -25px;} .list_shiyan .item .xu{color: #ff5f00;position: relative;padding-left: 35px;} .list_shiyan .item .xu::before{content: "";width: 100%;height: 20px;z-index: 0;background: #8E8E8E;position: absolute;left: 0;top: 32px;} .list_shiyan .item .xu span{position: relative;z-index: 1;} .list_shiyan .item .bimg{margin: 10px 0;} .list_shiyan .item .tit{background: #494949;color: #fff;transition: all ease .3s;text-align: center;padding: 13px 0;} .list_shiyan .item .tit img{height: 36px;margin-right: 10px;} .list_shiyan .item:hover .tit{background: #ff5f00;} /* list_product */ .probox .ny_slide{margin-top:45px} .probox .ny_slide.t1{margin-top:0} .product .pro_type{margin-top: 45px;margin-bottom: 25px;padding: 20px 0;border-bottom: 1px solid #E9E9E9;} .product .pro_type .cat{font-family: 'microsoft yahei';} .product .pro_type a{color: #666;} .product .pro_type a img{margin-right: 15px;} .product .pro_type a:hover{color: #ff5f00;} .product .list_pro li:nth-child(n+5){display:none} .product .list_pro.on li:nth-child(n+5){display:block!important} .product .list_pro .item{text-align: center;overflow: hidden;padding: 30px 20px;background:#f9f9f9;position: relative;} .product .list_pro .item .tit{margin: 15px 0 35px;font-family: 'microsoft yahei';} .product .list_pro .item .tit img{margin-right: 15px;} .product .list_pro .item .cpt{height: 300px;text-align: center;justify-content: center;overflow:hidden;} .product .list_pro .item .cpt .bimg{overflow:unset;} .product .list_pro .item::before{content: "";width: 100%;height:8px;background: #666;position: absolute;left: 0;top: 0;z-index: 1;} .product .list_pro .item::after{content: "";width: 0;height: 8px;background: #ff5f00;transition: all ease .3s;position: absolute;left: 0;top: 0;z-index: 2;} .product .list_pro .item:hover::after{width: 100%;} .adv2{margin: 65px 0;} /* show_product */ .det_tit{color: #ff5f00;padding-bottom: 35px;border-bottom: 1px solid #9B9B9B;} .detail .det2{padding: 55px 0 0 0;margin-bottom:-65px} .detail .det2 .det_cont1 .dd{background: url(../img/icon_sj.png) no-repeat left top;color: #494949;background-size: 21px 21px;padding-left: 40px;margin-bottom:35px;} .detail .det2 img{max-width:100%!important;height:auto!important} .detail .det2 .det_cont1 .dd .tit{margin-bottom: 15px;} .detail .det2 .det_cont1 .dd .info{line-height: 30px;} .detail .det2 .det_cont1 .dd .info .list_xz{max-width: 290px;margin-top: 25px;} .detail .det2 .det_cont1 .dd .info .list_xz li{padding: 9px 0;border-bottom: 1px solid #C1C1C1;} .detail .det2 .det_cont1 .dd .info .list_xz li:first-child{border-top: 1px solid #C1C1C1;} .detail .det2 .det_cont2{max-height:650px;overflow-y:auto} /* jobs */ .jobs .list li{font-size: 12px;margin: 10px 0;padding: 0;font-size: 18px;color: #666;margin-bottom: 10px;} .jobs .list li p.fold-head{padding: 15px;margin: 0;display: flex;align-items: center;justify-content: space-between;font-size: 20px;background-color: #E7E8EC;padding: 15px 35px;cursor: pointer;} .jobs .list li:hover p.fold-head{background: rgba(231, 232, 236, 0.8);} .jobs .list li .info{background-color: #fbfbfb;padding: 20px 35px 0 35px;display: none;} .jobs .list li .info .text{padding: 10px 0;} .jobs .list li .info .text p{margin-bottom: 4px;} .jobs .list li .apply_btn{overflow: hidden;} .jobs .list li .apply_btn a{padding: 13px 44px;background: #ff5f00;color: #fff;margin: 25px 0;cursor: pointer;border-radius: 6px;display: inline-block;} .jobs .list li .apply_btn a:hover{opacity: .8;} .jobs .list li i.fa{color: #ff5f00;font-size: 16px;width: 28px;height: 28px;display: inline-block;background: #ff5f00;color: #fff;border-radius: 50%;text-align: center;line-height: 28px;} .jobs .list li .info .text, .jobs .list li .info .text p{color: #666 !important;font-size: 14px;line-height: 28px;margin-bottom: 15px;} /* show_news */ .main.ptp{padding-top:45px;} .main.ptp .weizhi{margin:40px 0 16px 0} .main .xq1{background:#F7F8FA;padding:25px 0 60px 0;overflow:hidden;} .main .xq01{padding:25px 0;} .main .xq1 .title{font-weight:bold;margin:25px 0;line-height:1.5} .main .xq1 .subtitle{color:#666;margin-bottom:15px;} .main .xq1 .time{color:#666;font-size:14px} .main .xq1 .time span{margin:0 35px 0 0} .main .content,.main .content p{font-size:16px;line-height:32px;color:#666;} .main .content img{max-width:100%!important;height:auto!important} .main .xq2 .rbox{margin-left:45px;position:sticky;top: 90px;} .main .xq2 .rbox .item{background:#F7F8FA;padding:20px 20px ;margin-bottom:18px;} .main .xq2 .rbox .item .item_name{font-size:20px;font-weight:bold;margin-bottom:15px;} .main .xq2 .rbox .item .item_title{font-size:18px;line-height:30px;} .main .xq2 .rbox .item .item_title a{color:#666} .main .xq2 .rbox .item .item_title:hover a{color:#ff5f00} .main .xq2 .rbox .item .item_time{font-size:14px;color:#999;margin:15px 0 0 0} .main .xq2 .rbox .item_t2 .item_name{position:relative;padding-left:13px} .main .xq2 .rbox .item_t2 .item_name::before{content:"";width: 2px;height: 18px;background: #ff5f00;position:absolute;left:0;top:50%;margin-top:-9px} .main .xq2 .rbox .item_t2 .tags{margin:0 -8px 15px -8px} .main .xq2 .rbox .item_t2 .tags a{height:32px;line-height:32px;padding:0 10px;background: #fff;border: 1px solid #D2D2D2;display:inline-block;margin:6px;font-size:14px;color:#666} .main .xq2 .rbox .item_t2 .tags a:hover{background:#ff5f00;border-color:#ff5f00;color:#fff} .main .xq2 .item_share{clear:both;margin:15px 0 20px 0;} .main .xq2 .social-share .social-share-icon{float:left;margin-right:15px;width: 45px;height: 45px;line-height:45px;text-align:center;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} .main .xq2 .social-share .icon-wechat{background:#43AB35;border-color:#43AB35} .main .xq2 .social-share .icon-qq{background:#1c9bec;border-color:#1c9bec;color:#d2ebfb} .main .xq2 .social-share .icon-qq:hover{color:#fff} .main .xq2 .social-share .icon-weibo{background:#E41523;border-color:#E41523} .main .xq2 .social-share a:before{color:#fff;} .main .xq2 .rbox .share2{height:150px;} .main .back{margin-top:50px;} .main .back a{padding:15px 0;border:1px solid #ff5f00;border-radius:35px;text-align:center;color:#ff5f00;display:block;transition:all ease .3s;font-size:18px;} .main .back a:hover{background:#ff5f00;color:#fff} /* responsive */ @media screen and (max-width:1200px) { .product .list_pro .item::after,.product .list_pro .item::before{height:6px;} } @media screen and (max-width:1400px) { .detail .det2{padding: 55px 0 35px 0;margin-bottom:-25px!important} } @media screen and (max-width:980px) { .banner{padding-left:0;} .banner .swiper-slide img{border-radius:0;} .banner .swiper-pagination{bottom:10px;flex-direction: row;justify-content: center;width:unset;width:100%;left:0;} .banner .swiper-pagination .swiper-pagination-bullet{width:35px;padding-bottom:5px;margin:0 5px;color:#fff;text-align: center;} .banner .swiper-pagination .swiper-pagination-bullet-active::after{width:20px!important;bottom:6px;left:50%;transform: translateX(-50%);} .section1 .sec_type{ padding-bottom:20px; margin-bottom:15px; } .sec_type{ padding-bottom:20px; } .section2{ margin-bottom:0; } .section3 .list_news2{padding:0;} .section3 .swiper-wrapper{padding-bottom:45px;} .section3 .swiper-pagination{display:block} .section3 .swiper-pagination-bullet-active{background:#ff5f00} .main{padding-bottom:40px;} .section1 .sec1_desc{width:100%;} .section1 .jt{margin-bottom:-35px} .section1 .jt img{max-width:55px;} /* contact */ .section4 .contact{padding-top:15px;} .contact .msg{padding-left:0;padding-top:30px;} .contact .map{height:350px;margin-top:20px;} .contact .lx1 li{margin-bottom:15px;} .contact .msg li .group{padding:5px 10px;} .contact .msg li.yzm .group{width:180px;} .contact .msg li.yzm .yz{margin-left:15px;height:45px;} .contact .msg .msg_btn button{width:175px} /* about */ .about .video .play img{height:45px} .culture .wh1 .swiper-pagination{bottom:20px} .culture .wh1 .swiper-pagination .swiper-pagination-bullet{width:24px;height:3px;} .culture .wh1 .wh1_cont{padding:15px 0;} .culture .wh1 .wh1_cont li{margin:8px 0;width: 100%;} .culture .wh2{margin-bottom:-20px;} .culture .wh2 .item{margin-bottom:5px;} .honor .honor1{ padding:35px 0 10px; } .honor .ry2 .swiper-container{margin-top:20px} .honor .sec_desc{line-height:22px;margin:3px 0 10px} .sec_type2{padding:45px 0 30px;} .list_yf .item{margin:-5px -15px -5px -5px} .list_yf .item .item_cont{margin-top:-20px;padding:65px 45px 35px 35px;line-height:28px;height:350px;} .list_yf .item .item_tit .icon{width:90px;height:90px;padding:18px 0 15px 15px;margin-right:7px;} .list_yf .item .item_tit .icon img{width:45px} .ygfc{padding-top:75px;} .ygfc .swiper-container{width:88%;} .ygfc .swiper-slide { width:82%; } .ygfc .swiper-button-next, .ygfc .swiper-button-prev{top:55%; width: 25px; height: 25px; background-size: 25px 25px; } .list_shiyan .item .xu{padding-left:15px;} .list_shiyan .item .xu::before{top:10px;} .list_shiyan .item .tit{padding:10px 0;} .list_shiyan .item .tit img{height:25px;margin-right:5px;} /* product */ .product .pro_type{margin:10px 0;padding-bottom:10px;} .product .list_pro .item{padding:15px;} .product .list_pro .item .cpt{height:260px} .product .list_pro .item .tit{font-size:13px;} .product .list_pro .item .tit img{width:20px;margin-right:5px;} .product .pro_type .cat{font-size:16px} .product .pro_type a img{width:22px;margin-right:5px;} .detail.pt100{padding-top:30px;} .detail .det2 .det_cont1 .dd{background-size:15px;padding-left:25px;} .detail .det2{padding:25px 0 0 0} .det_tit{padding-bottom:15px;} .detail .det2 .det_cont2{padding-top:20px;} .detail .det2 .det_cont1 .dd{margin-bottom:50px;} .detail .det2 .det_cont1 .dd .tit{font-size:15px} .list_news2 .item .title{height:35px;max-height:70px;} /* jobs */ .jobs .list li p.fold-head{font-size:15px;padding:10px 15px} .jobs .list li i.fa{font-size:15px} .jobs .list li .info {padding:20px 15px;} .jobs .list li{font-size:14px;margin:18px 0;} .jobs .list li i.fa{font-size:14px;width:22px;height:22px;line-height:22px;} .jobs .list li .apply_btn a{margin:5px 0} .adv2{margin:30px 0;} .newsnr>h1{font-size:17px;padding-bottom:15px} .newsnr>.riqi{margin:0;} .singlepre{padding:15px 0;margin-top:15px;} /*show_news*/ .main.ptp{padding-top:0} .main.ptp .weizhi{margin:10px 0} .main .xq1{padding:15px 0 30px 0} .main .xq1 .title{font-size:18px;margin:10px 0 20px 0;line-height:1.6;} .main .xq1 .subtitle{font-size:16px} .main .xq1 .time span{margin:0 12px;font-size:12px} .main .content,.main .content p{font-size:14px;line-height:1.8;} .main .xq2 .rbox{margin-left:0;margin-top:15px;} .main .xq2 .rbox .item{padding:15px;margin-bottom:15px;} .main .xq2 .rbox .item .item_name{font-size:15px;margin-bottom:10px;} .main .xq2 .rbox .item .item_title{font-size:14px;line-height:25px;} .main .xq2 .rbox .item .item_time{margin:15px 0 0 0} .main .xq2 .rbox .share2{clear:both;margin:15px 0;height:130px} .main .xq2 .item_share li{margin-right:15px;width:30px;height:30px;line-height:30px;} .main .xq2 .item_share li i{font-size:16px;} .main .social-share .icon-wechat .wechat-qrcode{left:-35px} .main .social-share .icon-wechat .wechat-qrcode:after{left:30%} .main .back{margin-top:15px;} .main .back a{margin-top:0;max-width:180px;padding:10px 0;} .detail .det2 .det_cont2{padding:0 0 35px 0;} } @media screen and (max-width:680px) { .list_yf{margin-bottom:-20px;overflow: hidden;} .list_yf li{width:100%} .list_yf .item{margin:-5px -25px -5px -10px} .list_yf .item .item_tit{margin-left:25px;} .list_yf .item .item_cont{margin-top:-20px;padding:65px 45px 35px 35px;line-height:24px;height:300px} .list_yf .item .item_cont .info{max-height:280px;} .ygfc{padding-top:30px;} .product .list_pro .item .cpt{height:150px} }