/*header*/ .header{position:fixed;top:0;left:0;width:100%;z-index:20;font-size:0;background:#FFF;line-height:1rem;box-shadow:4px 4px 6px rgba(0,0,0,.18);} .header .w1400 {z-index:2} .header>div>div{padding:0} .header .logo a{position:relative;display:inline-block;} .header .logo img {max-height:.78rem;transition:none;} .header .nav_list li{display:inline-block;padding:0 .28rem;line-height:normal;} .header .nav_list li a{font-size:.16rem;color:#282828;font-weight:bold;} .header .nav_list li.on a,.header .nav_list li a:hover {color:#0d3d92} .header>div>div:last-child>div{display:inline-block;vertical-align:middle;line-height:normal;} .header .langs a {font-size:.16rem;color:#282828;padding-left:.3rem;display:inline-block;background:url(../images/icon1.png) 0 center no-repeat;background-size:.18rem .18rem;line-height:.18rem;} #open_menu{width:40px;height:30px;position:relative;z-index:101;transition:background 0.3s;cursor: pointer;margin-left:.43rem;} #open_menu i, #open_menu i::before, #open_menu i::after{background:#282828;position:absolute;transition:all .45s} #open_menu i{ width:40%; top:50%; left:20%; margin-top:-1px; height:2px;} #open_menu i::before, #open_menu i::after{right:0;width:140%;height:100%;content:'';transition:transform 0.3s;} #open_menu i::before{ top:6px;} #open_menu i::after{top:-6px;} #open_menu.open_menu_on{ border-color:#282828;} #open_menu.open_menu_on i{ background:none !important;} #open_menu.open_menu_on i::before, #open_menu.open_menu_on i::after{ background:#282828; margin-top:0;} #open_menu.open_menu_on i::before, #open_menu.open_menu_on i::after{ top:0 !important;} #open_menu.open_menu_on i::before{ transform:rotate(45deg);} #open_menu.open_menu_on i::after{ transform:rotate(-45deg);} .is_header,.on_header {background:#FFF;box-shadow:0 0 11px rgba(0,0,0,.2)} .is_header .logo .logo_g,.header.on .logo .logo_g,.on_header .logo .logo_g{opacity:1;visibility:visible;top:50%} .is_header .logo .logo_h,.header.on .logo .logo_h,.on_header .logo .logo_h {opacity:0;visibility:hidden;} .is_header .nav_list li a,.on_header .nav_list li a{color:#282828} .is_header .langs a,.header.on .langs a,.on_header .langs a{color:#282828;background:url(../images/icon1.png) 0 center no-repeat;background-size:.18rem .18rem;line-height:.18rem;} .is_header #open_menu i,.is_header #open_menu i::before,.is_header #open_menu i::after{background:#282828} .on_header #open_menu i,.on_header #open_menu i::before,.on_header #open_menu i::after{background:#282828} .header.on #open_menu i,.header.on #open_menu i::before,.header.on #open_menu i::after{background:#282828} .header.on .nav_list{opacity:0;visibility:hidden;} .pro_he {top:-1.1rem;} .product_box .menus.pros_on, .show_product .menus.pros_on {position:fixed;width:100%;left:0;top:0;margin:0} /*导航展开*/ .navmenu {position:fixed;top:0;left:0;width:100%;height:0;transition: all .6s;overflow:hidden;z-index:1} .header.on .navmenu{height:100%;} .navmenu>ul{width:100%;height:100%;background:url(../images/side_bg.jpg) center no-repeat;background-size:cover;} .navmenu li {width: 14.285%; padding-top: 16%; transition: height .6s,background 0.3s; opacity: 1; border-right: 1px solid #ebebeb; background: #FFFFFF;float:left;height:100%} .navmenu li>em{padding: 0 15px; font-style: inherit; line-height: .68rem; height: .68rem; display: block; text-align: center; position: relative; transition: all .6s;} .navmenu li>em a {font-size:.18rem;font-weight:bold;color: #4e494b;} .navmenu li>em:after{position: absolute; content: ""; width: 23px; height: 2px; background: #c2c2c2; bottom: 0; left: 50%; margin-left: -11px;} .navmenu li>dl{margin:.2rem 0 0;padding:0} .navmenu li>dl dd a{display: block; line-height: 44px; text-align: center; color: #999999; font-size: 16px;} .navmenu li:hover{background:none;} .navmenu li:hover em a,.navmenu li:hover dl dd a{color:#FFF} .navmenu li dl dd a:hover,.navmenu li em a:hover{color:#0d3d92} /*banner*/ .tem_banner{padding:1rem 0 0;} .tem_banner,.page_banners{position:relative;} .tem_banner .swiper-slide,.page_banners .swiper-slide {overflow:hidden;} .tem_banner .swiper-slide .img {background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#000;transition:1s linear 2s;transform:scale(1.1,1.1);} .tem_banner .swiper-slide-active .img,.swiper-slide-duplicate-active .img{transition:6s linear;transform:scale(1,1);} @keyframes changes { form{ bottom:.4rem }to{ bottom:.6rem; } } .tem_banner.index:after{content:'';width:16px;height:25px;background:url(../images/icon2.png) 0 no-repeat;position:absolute;left:50%;transform:translateX(-50%);bottom:.4rem;animation: changes .8s .3s linear infinite alternate;z-index:2} .tem_banner .swiper-page,.page_banners .swiper-page {position:absolute;bottom:.52rem;left:50%;transform:translateX(-50%);width:100%;max-width:14rem;z-index:5;} .tem_banner .swiper-page>div,.page_banners .swiper-page>div{width:28px;height:28px;border:1px solid #bbbbbc;line-height:28px;text-align:center;float:left;outline:none;font-size:14px;color:#bbbbbc;border-radius:100%} .tem_banner .swiper-page>div.slide-button-next,.page_banners .swiper-page>div.slide-button-next {float:right;} .tem_banner .slide-pagination {position:absolute;bottom:1.2rem;left:50%;transform:translateX(-50%);z-index:2;font-size:0} .tem_banner .slide-pagination span {outline:none;opacity:1;margin:0 .2rem;background:none;border-radius:0;font-size:.16rem;color:#d9d9d9;width:auto;height:auto;vertical-align:middle;} .tem_banner .slide-pagination span.swiper-pagination-bullet-active{color:#FFF} .tem_banner .label_txt{position:absolute;top:50%;left:0;width:100%;text-align:center;font-size:.48rem;color:#FFF;font-weight:bold;transform:translateY(-50%);opacity:0;transform:translateY(3vw)} .tem_banner .label_txt p{margin:0} .tem_banner .swiper-slide-active .label_txt{transform:none;opacity:1;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms} /*关于我们*/ .tem_index_about {background:#f5f5f5} .tem_infos {text-align:center;padding:.9rem 0 1.03rem;background:url(../images/icon3.png) center 0 no-repeat;background-size:100% auto;} .tem_infos h3{font-size:.4rem;color:#3c3b3c;font-weight:bold;} .tem_infos p.slogan {margin:.3rem 0 0;font-size:.18rem;color:#787677;} .tem_infos .lists{margin:.56rem 0 0;position:relative;background:url(../images/icon4.jpg) center no-repeat;background-size:cover;} .tem_infos .lists li{width: 25%;float: left; padding-top: 13%; position: relative;z-index: 9;height: 5rem;transition: all 0.5s;} .tem_infos .lists li:nth-child(odd){background: rgba(94,94,94,0.3) ;} .tem_infos .lists li:nth-child(even){background: rgba(94,94,94,0.6) ;} .tem_infos .lists li .box{text-align: center;width: 100%;transition: all 0.2s;padding:0 .36rem;} .tem_infos .lists li h4{text-align: center;font-size: .2rem;color: #FFFFFF;margin: 0 0 10px 0;height: .9rem;font-weight: 100;} .tem_infos .lists li h4 span{font-size: .5rem;font-weight: 100;margin-right: 8px;transition: all 0.4s;display: inline-block;font-family: "DINCOND";font-weight:bold} .tem_infos .lists li h4 i{font-style: inherit;position: absolute;} .tem_infos .lists li p{font-size: .16rem;line-height: 1.7;margin: 0 0 16px 0;color: #FFFFFF;text-align: center;} .tem_infos .lists li p em {font-size:.23rem;} .tem_infos .lists li p img{height:16px;} .tem_infos .lists li h4:hover span{transform: scale(1.1);} .tem_infos .lists li.on{transform: scale(1.14,1.08); z-index: 10; box-shadow: 0px 0px 20px rgba(0,0,0,0.5);background-size: cover; background-repeat: no-repeat; background-position: center center;} .tem_infos .lists li.on .box{transform: scale(0.9,0.95);padding:0} .tem_infos .lists li.li1.on{background-image: url(../images/index-honor2.jpg); } .tem_infos .lists li.li2.on{background-image: url(../images/index-honor3.jpg); } .tem_infos .lists li.li3.on{background-image: url(../images/index-honor4.jpg); } .tem_infos .lists li.li4.on{background-image: url(../images/index-honor5.jpg); } /*大事记*/ .tem_history {font-size:0;position:relative;background:url(../images/icon5.png) center 0 no-repeat;background-size:auto 5.12rem;padding:0 0 .64rem;} .tem_history h3{font-size:.36rem;color:#3c3b3c;font-weight:bold;margin:0 0 .52rem;text-align:center;} .tem_history .lists{position:relative;background:url(../images/icon5-1.png) center 1.23rem no-repeat;} .tem_history .lists .swiper-wrapper { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear;} .tem_history .lists .swiper-slide{padding:.15rem 0 .17rem} .tem_history .lists .swiper-slide .item {padding:.37rem .27rem 0;min-height:2.75rem;position:relative;cursor:pointer} .tem_history .lists .swiper-slide .item:after{content:'';width:100%;height:.17rem;background:url(../images/icon5-2.png) 0 0 no-repeat;background-size:100% 100%;position:absolute;left:0;bottom:-.17rem;z-index:1;transition:all .6s;opacity:0} .tem_history .lists .item h6 {font-size:.3rem;color:#3c3b3c;font-weight:bold;font-style:oblique;position:relative} .tem_history .lists .item span {position:relative;height:19px;display:block;} .tem_history .lists .item .cnts {font-size:.14rem;color:#3c3b3c;position:relative} .tem_history .lists .item .cnts p {margin:0} .tem_history .lists .item.on h6{height:.71rem;padding:.25rem 0 0;} .tem_history .lists .item span:before{content:'';width:11px;height:11px;background:#7d7d7d;border-radius:100%;position:absolute;left:4px;top:4px;transition:all .65s;z-index:1} .tem_history .lists .item span:after{content:'';width:19px;height:19px;background:rgba(125,125,125,.3);border-radius:100%;position:absolute;top:0;left:0;transition:all .65s} .tem_history .lists .item.on .cnts {padding:.23rem 0 0;} .tem_history .lists .item.on1 .cnts {height:.71rem;overflow:hidden;line-height:.2366rem;} .tem_history .lists .item.on1 h6{padding:.23rem 0 0} .tem_history .lists .item>*:last-child:after{content:'';width:0;height:1px;background:#efefef;position:absolute;top:-9px;right:0;transition:all .6s} .tem_history .lists .swiper-slide .item:hover {background:#c3dbff;box-shadow:0 0 12px rgba(0,0,0,.2)} .tem_history .lists .swiper-slide .item:hover:after{opacity:1} .tem_history .lists .swiper-slide .item:hover span:before{background:#0d3d92;} .tem_history .lists .swiper-slide .item:hover span:after{background:rgba(13,61,146,.3)} .tem_history .lists .swiper-slide .item:hover>*:last-child:after{width:80%} .tem_history .lists .swiper-page{margin:.42rem 0 0} .tem_history .lists .swiper-page>div{float:left;outline:none;width:.37rem;height:.37rem;background:#FFF;border:1px solid #e5e5e5;border-radius:100%;line-height:.37rem;text-align:center;font-size:.16rem;color:#656565} .tem_history .lists .swiper-page>div.slide-button-next{float:right;} .tem_history .lists .swiper-page>div:hover{background:#0d3d92;border-color:#0d3d92;color:#FFF} /*产品展示*/ .tem_index_product{background:url(../images/icon6-1.jpg) center no-repeat;padding:.8rem 0 .73rem;background-size:cover;} .tem_index_product h3{font-size:.4rem;color:#3c3b3c;font-weight:bold;text-align:center} .tem_index_product .slogan {text-align:center;padding:.28rem 0 .32rem;} .tem_index_product .mains {position:relative} .tem_index_product .mains ol {margin:0;padding:0;position:absolute;right:0;top:0;height:100%;width:14%} .tem_index_product .mains ol li {height:14.285%;display:table;width:100%;position:relative;} .tem_index_product .mains ol li a{display:table-cell;text-align:center;vertical-align:middle;position:relative;z-index:2;font-size:.18rem;color:#FFF} .tem_index_product .mains ol li a:before{content:'';width:.23rem;height:.27rem;background:url(../images/icon8.png) 0 0 no-repeat;background-size:.23rem .27rem;position:absolute;left:-.23rem;top:0;transition:all .75s;opacity:0} .tem_index_product .mains ol li p{font-size:.14rem;color:#FFF;margin:.1rem 0 0;text-transform:capitalize;} .tem_index_product .mains ol li:before{content:'';width:100%;height:100%;background:#000;opacity:.25;position:absolute;top:0;left:0} .tem_index_product .mains ol li:after{content:'';width:100%;height:3px;background:#ecf1f4;position:absolute;left:0;bottom:0;z-index:5} .tem_index_product .mains ol li:last-child:after{display:none;} .tem_index_product .mains ol li.li0{background:url(../images/icon7-1.jpg) center no-repeat;background-size:cover;} .tem_index_product .mains ol li.li1{background:url(../images/icon7-2.jpg) center no-repeat;background-size:cover;} .tem_index_product .mains ol li.li2{background:url(../images/icon7-3.jpg) center no-repeat;background-size:cover;} .tem_index_product .mains ol li.li3{background:url(../images/icon7-4.jpg) center no-repeat;background-size:cover;} .tem_index_product .mains ol li.li4{background:url(../images/icon7-5.jpg) center no-repeat;background-size:cover;} .tem_index_product .mains ol li#current:before{background:#0d3d92;opacity:.83} .tem_index_product .mains ol li#current p {color:#FFF} .tem_index_product .mains ol li#current a:before{opacity:1;left:0} .tem_index_product .mains .itembox {width:86%;background:#FFF;font-size:0;min-height:5rem;} .tem_index_product .mains .item>div{display:inline-block;vertical-align:middle;} .tem_index_product .mains .item .img {width:42%;overflow:hidden} .tem_index_product .mains .item .img img {width:100%;height:5rem;object-fit:cover;} .tem_index_product .mains .item .img:hover img{transform:scale(1.2)} .tem_index_product .mains .item .text {width:58%;padding:0 .6rem;} .tem_index_product .mains .item h4{font-size:.3rem;color:#3c3b3c;text-transform:uppercase;margin:0 0 .37rem} .tem_index_product .mains .item h4 em {font-size:.3rem;color:#e5e2e2} .tem_index_product .mains .item .cnts p{font-size:.2rem;color:#252525;margin:0} .tem_index_product .mains .item .cnts h5{font-size:.36rem;color:#0d3d92;padding:.4rem 0 .5rem;} .tem_index_product .mains .item .cnts h5 em {font-size:.16rem;color:#626262;display:block;margin:.18rem 0 0} .tem_index_product .mains .item .cnts .t>div{display:inline-block;margin-right:.38rem;text-align:center;cursor:pointer} .tem_index_product .mains .item .cnts .t>div img {border:1px solid #d2d2d2} .tem_index_product .mains .item .cnts .t>div p {font-size:.16rem;color:#0d3d92;margin:0 0 .1rem;} .tem_index_product a.more {display:block;margin:.35rem auto 0;width:1.5rem;height:.45rem;font-size:.16rem;color:#252525;border:1px solid #252525;text-align:center;line-height:.45rem;} .tem_index_product a.more:hover {background:#FFF;border-color:#FFF} /*智能制造*/ .tem_index_case{padding:1.05rem 0 .86rem;text-align:center;background:url(../images/icon9.png) center .55rem no-repeat;background-size:6.43rem auto;} .tem_index_case h3{font-size:.4rem;color:#3c3b3c;margin:0 0 .33rem;} .tem_index_case p.slogan {font-size:.18rem;color:#787677;line-height:1.8;margin:0} .tem_index_case .lists{margin:.48rem 0 0} .tem_index_case .lists>div{padding:0 .11rem;} .tem_index_case .lists a{display:block;position:relative;overflow:hidden;} .tem_index_case .lists a:before{content:'';width:100%;height:0;background:#0d3d92;opacity:0;position:absolute;bottom:0;left:0;transition:all .65s;z-index:1} .tem_index_case .lists>div:first-child+div a:before{background:#0d3d92;} .tem_index_case .lists>div:last-child a:before{background:#0d3d92;} .tem_index_case .lists .img{overflow:hidden;} .tem_index_case .lists .text {position:absolute;bottom:0;left:0;width:100%;z-index:2;} .tem_index_case .lists .text h5{padding:.3rem 0 .38rem;font-size:.2rem;color:#FFF} .tem_index_case .lists .text p{font-size:.16rem;color:#FFF;margin:0;opacity:0;visibility:hidden;transform:translateY(25px)} .tem_index_case .lists a:hover:before{opacity:.83;height:100%} .tem_index_case .lists a:hover .text{bottom:1.2rem;} .tem_index_case .lists a:hover .text p{opacity:1;visibility:visible;transform:none;} .tem_index_case .lists a:hover img{transform:scale(1.06)} /*新闻资讯*/ .tem_index_news {background:url(../images/icon10.jpg) center no-repeat;background-size:cover;padding:.75rem 0 .7rem;} .tem_index_news .title{margin:0 0 .75rem;font-size:0} .tem_index_news .title>div{display:inline-block;vertical-align:bottom;width:40%} .tem_index_news .title h3{font-size:.36rem;color:#3c3b3c;} .tem_index_news .title p {font-size:.18rem;color:#787677;margin:.16rem 0 0} .tem_index_news .title .menulist{width:60%;text-align:right;} .tem_index_news .menulist ol {margin:0;padding:0} .tem_index_news .menulist li {margin-left:7px;display:inline-block;} .tem_index_news .menulist li a {display:block;width:1.32rem;line-height:.5rem;text-align:center;font-size:.16rem;color:#353535;border:1px solid #dcdcdc;background:#FFF} .tem_index_news .menulist li a:hover {background:#0d3d92;border-color:#0d3d92;color:#FFF} .tem_index_news .mains{font-size:0;} .tem_index_news .mains>div{display:inline-block;vertical-align:middle;} .tem_index_news .mains .first{width:41%;position:relative;box-shadow:0 0 13px rgba(0,0,0,.2)} .tem_index_news .mains .first a{display:block;position:relative;overflow:hidden;} .tem_index_news .mains .first .swiper-slide .img {overflow:hidden;} .tem_index_news .mains .first .swiper-slide p {position:absolute;bottom:0;left:0;margin:0;background:rgba(0,0,0,.5);z-index:1;font-size:.18rem;color:#FFF;padding:0 .3rem;line-height:.65rem;width:100%;transform:translateY(20px);opacity:0;visibility:hidden;} .tem_index_news .mains .first .swiper-slide-active p{transform:none;opacity:1;visibility:visible;transition-delay:.23s} .tem_index_news .mains .first a:hover img {transform:scale(1.1)} .tem_index_news .mains .first .slide-pagination{position:absolute;right:.15rem;bottom:.2rem;z-index:2} .tem_index_news .mains .first .slide-pagination span {margin:0 5px;outline:none;opacity:1;width:11px;height:11px;background:none;border:2px solid #FFF;} .tem_index_news .mains .first .slide-pagination span.swiper-pagination-bullet-active{background:#0d3d92;border-color:#0d3d92} .tem_index_news .mains .lists {width:59%;padding:0 .25rem 0 .6rem;} .tem_index_news .mains .lists li{border-bottom:1px solid #dcdcdc} .tem_index_news .mains .lists li:first-child{border-top:1px solid #dcdcdc} .tem_index_news .mains .lists li a{display:block;position:relative;padding:.24rem 0 .2rem;overflow:hidden;} .tem_index_news .mains .lists li .hover{opacity:0;transform:translateY(65px);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#c3dbff} .tem_index_news .mains .lists li .deflat h5{font-size:.18rem;color:#3a3a3a;margin:0 0 .15rem;} .tem_index_news .mains .lists li .deflat span {font-size:.14rem;color:#7c7c7c;font-weight:bold;} .tem_index_news .mains .lists li.cur a{padding:.37rem 0 .36rem;} .tem_index_news .mains .lists li.cur .deflat {opacity:0;transform:translateY(-65px);} .tem_index_news .mains .lists li.cur .hover{opacity:1;transform:none;} .tem_index_news .mains .lists li .hover>div{display:inline-block;vertical-align:middle;} .tem_index_news .mains .lists li .hover .img {width:32%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;} .tem_index_news .mains .lists li .hover .txt {width:68%;padding:0 .45rem 0 .2rem;} .tem_index_news .mains .lists li .hover .txt h5{font-size:.18rem;color:#303030;} .tem_index_news .mains .lists li .hover .txt p {font-size:.15rem;color:#707070;margin:.15rem 0 .18rem;} .tem_index_news .mains .lists li .hover .txt em {font-size:.15rem;color:#303030;} .tem_index_news a.more {font-size:.16rem;color:#343434;display:inline-block;border:1px solid #dcdcdc;border-radius:55px;padding:0 .26rem;line-height:.46rem;margin:.33rem 0 0;background:#FFF} .tem_index_news a.more:after{content:'';width:24px;height:12px;background:url(../images/icon6.png) 0 0 no-repeat;display:inline-block;margin-left:.2rem;} .tem_index_news a.more:hover {background:#0d3d92;color:#FFF;border-color:#0d3d92;} /*底部链接*/ .tem_links{background:#f6f6f6;border-top:1px solid #d2d2d2;border-bottom:1px solid #dcdcdc} .tem_links>div>div{padding:0;border-right:1px solid #eee;text-align:center;} .tem_links a{display:block;position:relative;line-height:1.05rem;font-size:.14rem;color:#515151;font-weight:bold;} .tem_links a span {display:inline-block;padding-left:.6rem;position:relative;} .tem_links a span:before{content:'';width:.5rem;height:.5rem;background-size:.5rem .5rem !important;position:absolute;left:0;top:50%;transform:translateY(-50%);transition:all .65s} .tem_links .order1 span:before{background:url(../images/icon11-1.png) 0 0 no-repeat;} .tem_links .order2 span:before{background:url(../images/icon11-2.png) 0 0 no-repeat;} .tem_links .order3 span:before{background:url(../images/icon11-3.png) 0 0 no-repeat;} .tem_links .order4 span:before{background:url(../images/icon11-4.png) 0 0 no-repeat;} .tem_links a:hover span:before{top:40%} .tem_links a:hover {color:#0d3d92} .tem_links .order1 a:hover span:before {background:url(../images/icon11-1-h.png) 0 0 no-repeat;} .tem_links .order2 a:hover span:before {background:url(../images/icon11-2-h.png) 0 0 no-repeat;} .tem_links .order3 a:hover span:before {background:url(../images/icon11-3-h.png) 0 0 no-repeat;} .tem_links .order4 a:hover span:before {background:url(../images/icon11-4-h.png) 0 0 no-repeat;} /*底部*/ .footer {background:url(../images/icon12.jpg) right center no-repeat;background-size:cover;border-top:1px solid #dcdcdc;padding:.45rem 0} .footer >div{display:flex;justify-content:space-between;} .footer .logos{flex:0 0 20.5%} .footer .navbox {font-size:0;display:flex;flex:1;justify-content:space-between;padding:.12rem 0 0} .footer .navbox dl {margin:0;padding:0} .footer .navbox dl dt {margin:0 0 .22rem;font-weight:normal;} .footer .navbox dl dt a{font-size:.16rem;color:#0d3d92} .footer .navbox dl dd{display:inline-block;} .footer .navbox dl dd a {font-size:.14rem;color:#898989;display:block;margin:0 0 .15rem;} .footer .navbox dl dd a:last-child{margin:0} .copy{border-top:1px solid #535353;background:#0d3d92;padding:.24rem 0} .copy p{margin:0} .copy>div>p{float:left;font-size:.14rem;color:#FFF;} .copy>div>p a{margin:0 .35rem;font-size:.14rem;color:#FFF;display:inline-block;vertical-align:middle;} .copy>div>.support{float:right;} .copy>div>.support>* {display:inline-block;vertical-align:middle;} .copy>div>.support .f_link{margin-right:.35rem;font-size:.14rem;color:#FFF} .copy>div>.support .f_link a {font-size:.14rem;color:#FFF;margin:0 .12rem;} .copy>div>.support p{margin:0;font-size:.14rem;color:#FFF;} .copy>div>.support p a{color:#FFF;font-size:.14rem;} /**/ .online_message{position:fixed;bottom:10%;right:.15rem;z-index:99;font-size:0;} .online_message>a{display:block;width:.58rem;height:.58rem;border-radius:100%;background:#003d9f;line-height:.58rem;text-align:center;} .online_message>a img {max-height:.35rem;transition:none} .online_message .online_box {position:absolute;bottom:100%;z-index:1;background:#fafafa;border-radius:10px;overflow:hidden;width:3.45rem;box-shadow:0 24px 32px 4px rgba(167,174,186,.42),0 4px 10px rgba(247,110,17,.05);transform:scale(.15);opacity:0;visibility:hidden;right:-3.45rem;margin:0 0 .2rem;} .online_message .online_box.ons{right:0;transform:none;visibility:visible;opacity:1;} .online_message .online_box h3 {font-size:.18rem;color:#FFF;font-weight:bold;line-height:.6rem;padding:0 .16rem;background-color:#003d9f;display:flex;justify-content:space-between;align-items:center} .online_message .online_box h3 a{font-size:.16rem;font-weight:normal;color:#FFF} .online_message .online_box .boxs {padding:.4rem .2rem 1px;} .online_message .online_box .boxs .txt {font-size:.14rem;color:#999;margin:0 0 .15rem;padding:0 0 .22rem;border-bottom:1px solid #f0f0f0} .online_message .online_box .boxs .lists li {margin:0 0 .16rem;position:relative} .online_message .online_box .boxs .lists li p{margin:0;position:absolute;bottom:-.15rem;left:0;font-size:12px;color:red;} .online_message .online_box .boxs .lists li input,.online_message .online_box .boxs .lists li textarea {width:100%;height:42px;font-size:14px;color:#606266;background:#FFF;border:1px solid #dcdfe6;padding:0 .16rem 0 .32rem} .online_message .online_box .boxs .lists li .err {border-color:red;} .online_message .online_box .boxs .lists li textarea{height:95px;padding:.1rem .16rem .1rem .32rem} .online_message .online_box .boxs .lists li input[name="checkcode"]{width:45%;padding-left:.16rem} .online_message .online_box .boxs .lists li img {max-height:35px;} .online_message .online_box .boxs .lists li.codes>*{display:inline-block;vertical-align:middle} .online_message .online_box .boxs .lists li button {display:block;background:#003d9f;border-radius:6px;font-size:14px;color:#FFF;font-weight:bold;text-align:center;height:40px;border:0;width:100%} .online_message .online_box .boxs .lists li:nth-child(1) input{background:url(../images/1.png) 8px center no-repeat;} .online_message .online_box .boxs .lists li:nth-child(2) input{background:url(../images/2.png) 8px center no-repeat;} .online_message .online_box .boxs .lists li:nth-child(3) input{background:url(../images/2.png) 8px center no-repeat;} .online_message .online_box .boxs .lists li:nth-child(4) input{background:url(../images/3.png) 8px center no-repeat;} .online_message .online_box .boxs .lists li:nth-child(5) textarea{background:url(../images/4.png) 8px .1rem no-repeat;} /*通用内页*/ .tem_banner.inside {padding:1rem 0 0;} .tem_banner.inside .page_label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) ;z-index:2} .tem_banner.inside .page_label.midle {top:20%;transform:translateX(-50%)} .tem_banner.inside .page_label h4{font-size:.56rem;color:#FFF} .tem_banner.inside .page_label .mbx {margin:.3rem 0 0;font-size:.14rem;color:#FFF} .tem_banner.inside .page_label .mbx a{font-size:.14rem;color:#FFF} /*企业概括*/ .about_box{position:relative;} .company {position:absolute;bottom:100%;left:0;width:100%;z-index:10;transform: translateY(-1.2rem);} .company h5{font-size:.38rem;color:#FFF;margin:0 0 .4rem;} .company .editor{font-size:0;display:flex;align-items:center;gap:0 1.25rem} .company .editor .time {font-size:.6rem;color:#FFF} .company .editor .text {font-size:.16rem;color:#FFF;padding-left:.67rem;position:relative;line-height:1.8;text-shadow:2px 2px 4px rgba(0,0,0,.12)} .company .editor .text:before{content:'';width:.54rem;height:1px;background:#FFF;opacity:.4;position:absolute;left:0;top:50%;transform:translateY(-50%)} .company .mores {font-size:0;margin:1.5rem 0 0} .company .mores>div{display:inline-block;vertical-align:bottom;position:relative;opacity:0} .company .mores>div.item1{width:4%;height:2.8rem;} .company .mores>div.item2{width:34%;height:2.22rem;} .company .mores>div.item3{width:39%;height:2rem;} .company .mores>div.lines{border-right:1px solid rgba(255,255,255,.5);} .company .mores>div.lines:before{content:'';width:10px;height:10px;background:#FFF;border-radius:100%;position:absolute;right:-5px;top:0;} .company .mores>div.more{width:23%} .company .mores>div.more a{display:inline-block;padding:0 .8rem;line-height:.6rem;font-size:.16rem;color:#FFF;border-radius:35px;background:#0d3d92;margin:0 0 1.5rem;} /*浮动导航*/ .fixed_box{position:fixed;right:.25rem;top:35%;z-index:50;min-width:.86rem;} .fixed_box li{border-bottom:1px solid rgba(255,255,255,.17);} .fixed_box li:last-child{border:0} .fixed_box li a{display:block;padding:.26rem 0;background:rgba(0,0,0,.5);font-size:.14rem;color:#c2c2c2;text-align:center;} .fixed_box li:first-child a{padding:.46rem 0 .26rem;border-top-left-radius:50%;border-top-right-radius:50%} .fixed_box li:last-child a{padding:.26rem 0 .46rem;border-bottom-left-radius:50%;border-bottom-right-radius:50%} .fixed_box li a:hover,.fixed_box li.ons a {background:#0d3d92;color:#FFF} /*企业文化*/ .culture{padding:1.28rem 0 .84rem;font-size:0;background:#FFF;overflow:hidden;} .culture .info{margin:0 0 .93rem;position:relative;z-index:2} .culture .info>div{display:inline-block;vertical-align:top;} .culture .info .title {width:36%;padding-right:.7rem;padding-top:.3rem;} .culture .info .title h5{font-size:.38rem;color:#0d3d92;margin:0 0 .4rem;} .culture .info .title p{font-size:.16rem;color:#3c3c3c;margin:0;line-height:1.7} .culture .info .imgs {width:64%} .culture .info .imgs>*{display:inline-block;vertical-align:middle;} .culture .info .imgs>div{position:relative;max-width:1.17rem;cursor:pointer;} .culture .info .imgs>div img {padding:5px;border:1px solid #FFF;border-radius:100%;} .culture .info .imgs>div .txt {position:absolute;top:100%;left:50%;background:#fdf8ff;border-radius:5px;padding:.4rem .45rem;min-width:4.05rem;z-index:5;transform:translateX(25px);opacity:0;visibility:hidden;} .culture .info .imgs>div .txt h6{font-size:.24rem;color:#0d3d92;margin:0 0 .4rem;} .culture .info .imgs>div .txt p{font-size:.16rem;color:#0d3d92;line-height:1.7} .culture .info .imgs>div.img4 .txt {left:-60%} .culture .info .imgs em{font-size:.37rem;color:#0d3d92;padding:0 .18rem;} .culture .info .imgs>*:last-child{padding-left:.3rem;max-width:2.34rem;} .culture .info .imgs>*:last-child img {padding:0;border:0;border-radius:0} .culture .info .imgs>div:hover .txt {transform:none;opacity:1;visibility:visible;} .culture .info .imgs>div:hover img {border-color:#0d3d92} .culture .lists .swiper-slide>div{position:relative;overflow:hidden;} .culture .lists .swiper-slide .img {overflow:hidden;} .culture .lists .swiper-slide .titles{position:absolute;top:.7rem;left:0;width:100%;padding:0 .35rem;} .culture .lists .swiper-slide .titles h6{font-size:.24rem;color:#FFF;margin:0 0 .22rem;} .culture .lists .swiper-slide .titles .editor{font-size:.16rem;color:#FFF;} .culture .lists .swiper-slide>div:hover img {transform:scale(1.06)} .culture .lists .slide-pagination{margin:.65rem 0 0;text-align:center;} .culture .lists .slide-pagination span{margin:0 .14rem;outline:none;opacity:1;width:.16rem;height:.16rem;background:none;border:1px solid #0d3d92;border-radius:100%;} .culture .lists .slide-pagination span.swiper-pagination-bullet-active{background:#0d3d92} /*组织架构*/ .orgian{padding:0 0 1.54rem;font-size:0} .orgian:before{content:'';width:100%;height:100%;position:fixed;top:0;left:0;background:url(../images/icon13.jpg) center no-repeat;background-size:cover;z-index:-1} .orgian>div{display:flex;justify-content:space-between;align-items:flex-end} .orgian .title{padding:2.62rem 0 0} .orgian .title h5{font-size:.38rem;color:#FFF;} .orgian .title p{font-size:.24rem;color:#FFF;margin:.35rem 0 0} .orgian .nums{display:flex;gap:0 1.15rem;} .orgian .nums p{font-size:.24rem;color:#FFF;margin:0 0 .25rem;} .orgian .nums h5 {font-size:.14rem;color:#FFF;} .orgian .nums h5 em {font-size:.48rem;font-weight:bold;line-height:1} .orgian .mores {padding:3.4rem 0 0 .45rem;position:relative;} .orgian .mores:before{content:'';width:1px;height:3.7rem;background:rgba(255,255,255,.3);position:absolute;left:0;top:0} .orgian .mores:after{content:'';width:.12rem;height:.12rem;background:#FFF;position:absolute;top:3.7rem;left:-.06rem;border-radius:100%} .orgian .mores a{display:inline-block;background:#FFF;padding:0 .4rem;font-size:.16rem;color:#626262;line-height:.52rem;border-radius:35px;} /*发展历程*/ .history{background:#FFF;font-size:0} .history >div>div{display:inline-block;vertical-align:middle;} .history .title {width:30%;} .history .title h5{font-size:.38rem;color:#0d3d92;} .history .title p{font-size:.8rem;color:#eee;opacity:.54;text-transform:uppercase;font-weight:bold;margin:.85rem 0 0} .history .title .swiper-page>div{display:inline-block;vertical-align:middle;margin:0 .1rem;width:34px;height:34px;background:#c2c2c2;font-size:.16rem;color:#FFF;text-align:center;line-height:34px;outline:none;} .history .title .swiper-page>div:hover {background:#0d3d92} .history .lists {width:70%;} .history .lists .swiper-slide .item {position:relative;padding:4.2rem 0 0 .2rem} .history .lists .swiper-slide .item.on{padding:3.4rem 0 0 .2rem;} .history .lists .swiper-slide .item h6{font-size:.2rem;color:#2e2e2e;font-weight:bold;margin:0 0 .2rem;} .history .lists .swiper-slide .item .editor{font-size:.14rem;color:#747474;line-height:1.7} .history .lists .swiper-slide .item .editor p{margin:0} .history .lists .swiper-slide .item .img {margin:.1rem 0 0} .history .lists .swiper-slide .item:before{content:'';width:1px;height:93%;background:#ededed;position:absolute;top:0;left:4px;} .history .lists .swiper-slide .item:after{content:'';width:9px;height:9px;background:#1b1b1b;border-radius:100%;position:absolute;left:0;bottom:7%} /*企业荣誉*/ .honor{background:url(../images/icon14.jpg) center no-repeat;background-size:cover;padding:.97rem 0 .75rem;font-size:0} .honor .title {margin:0 0 .5rem;} .honor .title>*{display:inline-block;vertical-align:middle;} .honor .title h5{width:40%;font-size:.38rem;color:#0d3d92;} .honor .title ol{margin:0;padding:0;width:60%;text-align:right;} .honor .title ol li {display:inline-block;} .honor .title li a{display:block;padding:0 .4rem;line-height:.55rem;font-size:.16rem;color:#636363;background:#FFF} .honor .title li#current a,.honor .title li a:hover {background:#0d3d92;color:#FFF} .honor .itembox{position:relative} .honor .itembox .swiper-slide a {display:block;position:relative;overflow:hidden;text-align:center;background:#FFF;height:3.56rem;line-height:3.56rem;text-align:center;padding:0 .1rem;} .honor .itembox .swiper-slide img {max-height:3.46rem;transition:none} .honor .itembox .swiper-page>div{position:absolute;left:0;top:50%;transform:translateY(-50%);width:34px;height:34px;background:#0d3d92;font-size:.16rem;color:#FFF;z-index:5;line-height:34px;text-align:center;outline:none;} .honor .itembox .swiper-page>div.slide-button-next{left:auto;right:0} .honor .more{margin:.7rem 0 0;text-align:center;} .honor .more a{display:inline-block;background:#FFF;padding:0 .46rem;line-height:.55rem;font-size:.16rem;color:#5f5f5f;border-radius:35px;} /*社会责任*/ .social{background:#FFF;padding:.9rem 0 .85rem;} .social h5{font-size:.38rem;color:#0d3d92;margin:0 0 .55rem;} .social .mains {background-position:center;background-repeat:no-repeat;background-size:cover;padding:.85rem 1.8rem 1.02rem;text-align:center} .social .mains h6{font-size:.3rem;color:#FFF;margin:0 0 .55rem;} .social .mains .text>div{padding:0 .17rem;} .social .mains .text .item {min-height:1.53rem;background:#FFF;border-radius:5px;padding:.3rem .5rem 0} .social .mains .text .item p{font-size:.16rem;color:#474747;margin:0;padding:.6rem 0 0;background-size:.43rem .43rem !important;line-height:1.8} .social .mains .text .item p.t1 {background:url(../images/icon15-1.png) center 0 no-repeat} .social .mains .text .item p.t2 {background:url(../images/icon15-2.png) center 0 no-repeat} .social .mains .text .item p.t3 {background:url(../images/icon15-3.png) center 0 no-repeat} .social .lists{margin:.5rem 0 0;} .social .lists>h6 {text-align:center;font-size:.3rem;color:#3f3e3f;margin:0 0 .35rem;} .social .lists .swiper-slide {padding:0 0 .2rem;} .social .lists .swiper-slide .item {background:#f8f8f8;border-bottom-left-radius:10px;border-bottom-right-radius:10px;} .social .lists .swiper-slide .item .img {overflow:hidden;} .social .lists .swiper-slide .item img {border-top-left-radius:10px;border-top-right-radius:10px;} .social .lists .swiper-slide .item .text {padding:.4rem .18rem;min-height:2.5rem;} .social .lists .swiper-slide .item .text h4{font-size:.18rem;color:#555;margin:0 0 .3rem;} .social .lists .swiper-slide .item .text .editor p{font-size:.15rem;color:#7f7f7f} .social .lists .swiper-slide .item .text .editor>*:first-child{font-size:.18rem;color:#7f7f7f;margin:0 0 .35rem;font-style:oblique} .social .lists .swiper-slide .item:hover {box-shadow:6px 6px 14px rgba(0,0,0,.2)} .social .lists .swiper-page {margin:.36rem 0 0;text-align:center;} .social .lists .swiper-page>div{display:inline-block;vertical-align:middle;} .social .lists .swiper-page>div.slide-button-next,.social .lists .swiper-page>div.slide-button-prev {margin:0 7px;width:.43rem;height:.43rem;background:#0d3d92;outline:none;line-height:.43rem;text-align:center;font-size:.16rem;color:#FFF} .social .lists .swiper-page>div.slide-pagination span{outline:none;opacity:1;width:.43rem;height:.43rem;line-height:.43rem;text-align:center;background:none;font-size:.16rem;color:#1b1b1b;border:1px solid #d2d2d2;border-radius:0;margin:0 5px;} .social .lists .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active{background:#0d3d92;color:#FFF;border-color:#0d3d92} /*企业简介--内页*/ .common_flash{background:#f5f5f5;padding:.28rem 0 1.24rem;} .common_flash .mains{background:#FFF;padding:.35rem .8rem 1.7rem;} .common_flash .mains .mbx{text-align:right;font-size:.14rem;color:#5b5b5b} .common_flash .mains .mbx a{font-size:.14rem;color:#5b5b5b} .common_flash .mains .title {margin:.2rem 0} .common_flash .mains .title h4{font-size:.3rem;color:#252525;font-weight:bold;} .common_flash .mains .title p{margin:.13rem 0 0;padding:.18rem .2rem 0 0;position:relative;display:inline-block;background:url(../images/icon16.png) right 0 no-repeat;background-size:100% auto;font-size:.14rem;color:#898989;text-transform:uppercase;min-width:1.69rem;min-height:.27rem;} .common_box{padding:.7rem 0 1.3rem;background:url(../images/icon_compage.jpg) center no-repeat;background-size:cover;font-size:0} .common_box>div>div{display:inline-block;vertical-align:middle;} .common_box .editor {width:55%;font-size:.2rem;color:#414040;line-height:1.9;text-align:justify;padding-right:.55rem;} .common_box .video {width:45%;position:relative;} .common_box .video video {width:100%;height:3.5rem;background:#000} .common_box .video .play{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;} .common_box .video .play i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.76rem;height:.76rem;background:#FFF;border-radius:100%;line-height:.76rem;text-align:center;font-size:.25rem;color:#313131;cursor:pointer;} .common_box .video .play.play_on i{opacity:0;visibility:hidden;} /*组织架构*/ .orgin_box{} .orgin_box .editor{padding:.45rem 0 0} .orgin_box .editor .img {position:relative;margin:0 0 .6rem;} .orgin_box .editor .img p{position:absolute;left:.4rem;top:.6rem;margin:0;font-size:.2rem;color:#FFF;padding-left:.3rem;background:url(../images/icon17.png) 0 center no-repeat;background-size:.13rem .15rem} .orgin_box .editor img{width:auto !important;height:auto !important} /*企业荣誉*/ .honor_box .title {position:relative} .honor_box .title ol{margin:0;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:0} .honor_box .title ol li{display:inline-block;} .honor_box .title ol li a{display:block;padding:0 .4rem;line-height:.55rem;background:#f5f5f5;font-size:.16rem;color:#636363} .honor_box .title ol li.on a,.honor_box .title ol li a:hover {background:#0d3d92;color:#FFF} .honor_box .lists{padding:.45rem 0 0} .honor_box .lists .swiper-slide{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.27rem .27rem;} .honor_box .lists .swiper-slide a{display:block;position:relative;background:#fafafa;padding:.2rem .18rem .1rem;text-align:center;height:100%} .honor_box .lists .swiper-slide .img {display:inline-block;overflow:hidden;margin:0 0 .24rem;} .honor_box .lists .swiper-slide p{border-top:1px solid #e0e0e0;font-size:.16rem;color:#484848;position:relative;padding:.2rem .35rem .2rem 6px;text-align:left;} .honor_box .lists .swiper-slide p:after{content:'';width:.16rem;height:.17rem;background:url(../images/icon18.png) 0 0 no-repeat;background-size:.16rem .17rem;position:absolute;right:.2rem;top:50%;transform:translateY(-50%)} .honor_box .lists .swiper-slide a:hover img {transform:scale(1.06)} .honor_box .slide-pagination {margin:.7rem 0 0;text-align:center;} .honor_box .slide-pagination span {margin:0 .1rem;width:12px;height:12px;border:1px solid #553850;border-radius:100%;outline:none;opacity:1;background:none;} .honor_box .slide-pagination span.swiper-pagination-bullet-active{background:#0d3d92} .honor_box .lists2 {padding:.65rem 0 0} .honor_box .lists2 .editor{font-size:.18rem;color:#202020;margin:0 0 .4rem;} .honor_box .lists2 .swiper-slide img {width:100%;height:4.38rem;object-fit:cover;transition:none} .honor_box .lists2 .swiper-slide a:hover .img {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)} /*产品中心*/ .product_box{padding:.34rem 0 2.5rem;background:#f5f5f5;position:relative} .product_box .menus,.show_product .menus {margin:0 0 .48rem;font-size:0;text-align:center;background:#dce2ec;top:-10px;z-index:2} .product_box .menus li,.show_product .menus li{display:inline-block;width:50%;text-align:center;position:relative} .product_box .menus li>a,.show_product .menus li>a{display:block;font-size:.2rem;color:#424242;line-height:.66rem;position:relative;padding:0 .18rem;} .product_box .menus li.ons>a,.product_box .menus li>a:hover,.show_product .menus li>a:hover,.show_product .menus li.ons>a {color:#FFF;background:#0040a1} .show_product .menus li>dl{position:absolute;top:100%;left:35%;transform:translateX(-50%);z-index:5;background:#FFF;box-shadow:0 .26rem .51rem rgba(0,0,0,.11);margin:0;padding:0;visibility:hidden;opacity:0;width:2.2rem;border-top:2px solid #00399d} .show_product .menus li>dl dd a{display:block;line-height:.45rem;font-size:.18rem;color:#666;text-align:center;} .show_product .menus li:hover>dl {opacity:1;visibility:visible;left:50%;} .show_product .menus li:hover>a,.products_navbox li>a.op{background:#0040a1;color:#FFF} .show_product .menus li>dl dd a:hover,.show_product .menus li>dl dd a.op {color:#00399d} .product_box .mains {position:relative} .product_box .mains li{margin:0 0 .3rem;font-size:0} .product_box .mains li a{display:block;position:relative;overflow:hidden;background:#FFF;box-shadow:0 0 8px rgba(0,0,0,.23);} .product_box .mains li a>div{display:inline-block;vertical-align:middle;width:50%} .product_box .mains li .text{padding:0 .9rem 0 1.05rem;} .product_box .mains li .text h5{font-size:.36rem;color:#0d3d92;margin:0 0 .27rem;} .product_box .mains li .text p{font-size:.14rem;color:#5b5b5b;margin:0 0 .65rem;line-height:1.7} .product_box .mains li .text em{font-size:.14rem;color:#0d3d92;text-transform:uppercase;} .product_box .mains li .img {padding:0 0 0 .3rem;text-align:right} .product_box .mains li a:hover {box-shadow: 0 0 25px rgba(0,0,0,.23)} .product_box .mains .load {position:absolute;width:100%;height:100%;text-align:center;background:#f5f5f5;font-size:.3rem;color:#333;padding:.5rem 0 0;z-index:1;top:0;left:0} /**/ .products_navbox {position:absolute;bottom:100%;left:0;width:100%;background:#FFF;font-size:0} .products_navbox li{display:inline-block;width:50%;text-align:center;position:relative} .products_navbox li>a{display:block;padding:0 .18rem;line-height:.66rem;font-size:.2rem;color:#424242;position:relative} .products_navbox li>dl{position:absolute;top:100%;left:35%;transform:translateX(-50%);z-index:1;background:#FFF;box-shadow:0 .26rem .51rem rgba(0,0,0,.11);margin:0;padding:0;visibility:hidden;opacity:0;width:2.2rem;border-top:2px solid #00399d} .products_navbox li>dl dd a{display:block;line-height:.45rem;font-size:.18rem;color:#666;text-align:center;} .products_navbox li:hover>dl {opacity:1;visibility:visible;left:50%;} .products_navbox li:hover>a,.products_navbox li>a.op,.products_navbox li.ons>a{background:#0040a1;color:#FFF} .products_navbox li>dl dd a:hover ,.products_navbox li>dl dd a.op{color:#00399d} .products_navbox.pros_on2 {position: fixed;width: 100%;left: 0;bottom: auto;top: 0;margin: 0;background: #FFF;z-index:2;box-shadow:0 0 12px rgba(0,0,0,.1)} /*产品详情*/ .show_product {padding:.65rem 0 1.2rem;font-size:0;background:#f5f5f5} .show_product .menus{margin:0 0 .33rem;} .show_product .product_info{background:#FFF} .show_product .product_info>div{display:inline-block;vertical-align:middle;position:relative} .show_product .product_info .imglist{width:61%;height:6rem;background:#e5e5e5;text-align:center;padding:0 .45rem;} .show_product .product_info .imglist .swiper-slide {line-height:6rem;} .show_product .product_info .imglist .swiper-page>div{position:absolute;left:0;top:50%;transform:translateY(-50%);width:.45rem;height:.45rem;background:#dce2ec;line-height:.45rem;text-align:center;font-size:.18rem;color:#013a9d;outline:none;} .show_product .product_info .imglist .swiper-page>div.slide-button-next{left:auto;right:0} .show_product .product_info .imglist .swiper-page>div:hover {background:#0d3d92;color:#FFF} .show_product .product_info .infos{width:39%;padding:0 .69rem;} .show_product .product_info .infos h5{font-size:.24rem;color:#0d3d92;margin:0 0 .68rem;} .show_product .product_info .infos .desc span{font-size:.16rem;color:#0d3d92;display:block;margin:0 0 .15rem;} .show_product .product_info .infos .desc p{font-size:.16rem;color:#565656;margin:0 0 .15rem;} .show_product .product_info .infos .link{margin:.7rem 0 0} .show_product .product_info .infos .link a{display:inline-block;margin:0 7px 0 0;width:1.55rem;line-height:.52rem;text-align:center;font-size:.14rem;color:#FFF;background:#0d3d92} .show_product .boxs{padding:.95rem 0 0;} .show_product .boxs ol{margin:0;padding:0;position:relative;border-bottom:1px solid #dcdcdc;display:flex;gap:0 1px;} .show_product .boxs ol li a{display:block;position:relative;background:#e5e5e5;font-size:.16rem;color:#323232;line-height:.5rem;padding:0 .7rem;} .show_product .boxs ol li a:hover,.show_product .boxs ol li#current a {background:#00399d;color:#FFF} .show_product .boxs .itembox>div{font-size:.16rem;color:#565656;line-height:1.8;} .show_product .boxs .itembox{padding:.4rem 0 0} .product_detail{padding:1.3rem 0 0} .product_detail>h5.t {padding:0 0 .3rem;font-size:.3rem;color:#0d3d92;font-weight:bold;border-bottom:1px solid #dcdcdc;margin:0 0 .35rem;} .product_detail .swiper-slide a{display:block;position:relative} .product_detail .swiper-slide img {width:100%;height:3.58rem;object-fit:cover;transition:none;} .product_detail .swiper-slide a:hover {transform:scale(.98);box-shadow:4px 4px 6px rgba(0,0,0,.12)} /*制造中心*/ .maker_box{position:relative;} .maker_box .mains{position:absolute;bottom:100%;left:0;width:100%;z-index:2;font-size:0;margin:0 0 8%} .maker_box .mains>div>div>div{display:inline-block;vertical-align:middle;} .maker_box .mains .info1 {width:32%} .maker_box .mains .info1 h5{font-size:.48rem;color:#FFF;text-shadow:0 0 10px rgba(0,0,0,.23)} .maker_box .mains .info1 p{font-size:.24rem;color:#FFF;margin:.3rem 0 0;text-shadow:0 0 10px rgba(0,0,0,.23)} .maker_box .mains .info2 {width:38%;text-align:center;} .maker_box .mains .info3 {width:30%;text-align:right;font-size:.48rem;color:#FFF;padding:15% 0 0;text-shadow:0 0 10px rgba(0,0,0,.23)} .maker_box .tech_box{background-position:center;background-repeat:no-repeat;background-size:cover;padding:2.9rem 0 1.65rem;} .maker_box .tech_box h3 {font-size:.56rem;color:#FFF;font-weight:bold;margin:0 0 .5rem;} .maker_box .tech_box .editor{font-size:.16rem;color:#FFF;} .maker_box .rd_box{background:url(../images/p1.jpg) center bottom no-repeat;background-size:cover;padding:.95rem 0 .55rem;text-align:center} .maker_box .rd_box h3 {font-size:.36rem;color:#2b2b2b;} .maker_box .rd_box .editor{font-size:.16rem;color:#626162;margin:.3rem auto .95rem;width:8.5rem;max-width:100%;line-height:1.65} .maker_box .rd_box ol{margin:0;padding:0;display:flex;justify-content:center;align-items:center;gap:0 2px;} .maker_box .rd_box ol li a{display:block;position:relative;background:#f5f5f5;font-size:.16rem;color:#636363;line-height:.55rem;min-width:1.46rem;} .maker_box .rd_box ol li a:hover {background:#0d3d92;color:#FFF} .maker_box .production{padding:1rem 0 .8rem;text-align:center;background:#fafafa;} .maker_box .production h3 {font-size:.36rem;color:#292929;} .maker_box .production .editor{font-size:.16rem;color:#5c5c5c;line-height:1.7;margin:.35rem 0 .55rem;padding:0 1.1rem;} .maker_box .production .swiper-slide img {width:100%;height:2.72rem;object-fit:cover;transition:none;} .maker_box .production .swiper-slide p{font-size:.16rem;color:#424242;margin:.25rem 0 0} .maker_box .production .swiper-slide a:hover .imgs{box-shadow:4px 4px 6px rgba(0,0,0,.12);transform:scale(.98)} .maker_box .production .swiper-page{margin:.8rem 0 0;display:flex;align-items:center;gap:0 .22rem;justify-content:center;} .maker_box .production .swiper-page .itm {width:.4rem;height:.4rem;border:1px solid #51344c;border-radius:100%;font-size:.18rem;color:#51344c;line-height:.38rem;} .maker_box .production .swiper-page .slide-pagination{width:auto;display:flex;align-items:center;gap:0 .12rem;} .maker_box .production .swiper-page .slide-pagination span {width:.4rem;height:.4rem;border:1px solid #51344c;border-radius:100%;font-size:.16rem;color:#51344c;line-height:.38rem;opacity:1;outline:none;background:none;} .maker_box .production .swiper-page .slide-pagination span.swiper-pagination-bullet-active,.maker_box .production .swiper-page .itm:hover{background:#0d3d92;color:#FFF;border-color:#0d3d92} .maker_box .process{padding:.6rem 0 2.6rem;} .maker_box .process h3 {font-size:.36rem;color:#292929;font-weight:bold;text-align:center;margin:0 0 .35rem;} .maker_box .process ol{margin:0;padding:.35rem 0 .55rem;display:flex;justify-content:center;align-items:center;gap:0 2px;} .maker_box .process ol li a{display:block;position:relative;background:#f5f5f5;font-size:.16rem;color:#636363;padding:0 .15rem;min-width:1.46rem;text-align:center;line-height:.55rem;} .maker_box .process ol li#current a{background:#0d3d92;color:#FFF} .maker_box .process .lists{position:relative;background:url(../images/icon5-1.png) center center no-repeat;padding:0 1.28rem 0 2.27rem;margin:0 0 .42rem} .maker_box .process .swiper-wrapper { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear;} .maker_box .process .swiper-slide .item a{display:flex;height:5.05rem;flex-direction: column;position:relative} .maker_box .process .swiper-slide .item .imgs{position:relative;height:2.525rem;} .maker_box .process .swiper-slide .item .imgs img {width:100%;height:2.25rem;object-fit:cover;transition:none} .maker_box .process .swiper-slide .item h6 {font-size:.3rem;color:#3c3b3c;position:relative;font-weight:bold;font-style:oblique;margin:0;padding:0 0 0 .3rem;position:absolute;top:36%;left:100%;width:100%} .maker_box .process .swiper-slide .item .imgs:before,.maker_box .process .swiper-slide .item .imgs:after{content:'';width:.19rem;height:.19rem;background:rgba(13,61,146,.3);border-radius:100%;position:absolute;bottom:-.08rem;left:.26rem;} .maker_box .process .swiper-slide .item .imgs:after{width:.1rem;height:.1rem;background:#0d3d92;bottom:-.03rem;left:.3rem;} .maker_box .process .swiper-slide:nth-child(2n) .item a{flex-direction: column-reverse;} .maker_box .process .swiper-slide:nth-child(2n) .item h6{top:auto;bottom:0;} .maker_box .process .swiper-slide:nth-child(2n) .item .imgs{display:flex;align-items:flex-end;} .maker_box .process .swiper-slide:nth-child(2n) .item .imgs:before{bottom:auto;top:-.08rem} .maker_box .process .swiper-slide:nth-child(2n) .item .imgs:after{bottom:auto;top:-.03rem;} .maker_box .process .swiper-page{} .maker_box .process .swiper-page>div{float:left;outline:none;width:.37rem;height:.37rem;background:#FFF;border:1px solid #e5e5e5;border-radius:100%;line-height:.37rem;text-align:center;font-size:.18rem;color:#656565} .maker_box .process .swiper-page>div.slide-button-next{float:right;} .maker_box .process .swiper-page>div:hover{background:#0d3d92;border-color:#0d3d92;color:#FFF} /*媒体中心*/ .news_box{} .companynews{padding:1.3rem 0} .companynews h3 {font-size:.36rem;color:#242323;text-align:center;margin:0 0 .6rem;} .companynews>div{display:flex;} .companynews>div>div{flex:0 0 50%;max-width:50%} .companynews .imgs{padding-right:.25rem;} .companynews .imgs img{width:100%;height:4.66rem;object-fit:cover;transition:none;} .companynews .swiper-container{height:4.66rem;} .companynews .swiper-slide{border-bottom:1px solid #dcdcdc} .companynews .swiper-slide>a{display:flex;width:100%;height:100%; flex-direction: column; justify-content: center;padding-left:.3rem;} .companynews .swiper-slide .tit {margin:0 0 .25rem;display:flex;align-items:center;position:relative;justify-content:space-between} .companynews .swiper-slide .tit h6{font-size:.2rem;color:#333333;font-weight:bold;flex:0 0 75%;max-width:75%;position:relative} .companynews .swiper-slide .tit span {font-size:.2rem;color:#7a7a7a;} .companynews .swiper-slide p{font-size:.16rem;color:#333;margin:0;max-width:100%} .companynews .swiper-slide .tit:before{content:'';width:.08rem;height:.08rem;background:#b5b5b5;border-radius:100%;position:absolute;left:-.25rem;top:50%;transform:translateY(-50%);transition:all .35s linear} .companynews .swiper-slide a:hover .tit h6 {color:#0040a1} .companynews .swiper-slide a:hover .tit:before{background:#0040a1} .dynamic {padding:.68rem 0 .75rem;} .dynamic h5{font-size:.36rem;color:#242323;margin:0 0 .4rem;text-align:center} .dynamic .swiper-slide a{display:block;position:relative;} .dynamic .swiper-slide a:before{content:'';width:100%;height:100%;background:#000;opacity:.5;position:absolute;top:0;left:0;z-index:1;transition:all .35s linear} .dynamic .swiper-slide .img {overflow:hidden;} .dynamic .swiper-slide .img img {width:100%;height:5rem;object-fit:cover;transition:none;} .dynamic .swiper-slide .time {position:absolute;top:.6rem;left:.45rem;z-index:2} .dynamic .swiper-slide .time p{font-size:.24rem;color:#FFF;margin:0 0 .15rem;} .dynamic .swiper-slide .time em{font-size:.14rem;color:#FFF} .dynamic .swiper-slide h6{font-size:.24rem;position:absolute;bottom:.7rem;left:0;padding:0 .45rem .18rem;color:#FFF;z-index:2;width:100%} .dynamic .swiper-slide h6:after{content:'';width:.9rem;height:2px;background:#FFF;position:absolute;left:.45rem;bottom:0} .dynamic .swiper-slide a:hover:before{background:#0040a1} .news_box .swiper-page{margin:.55rem 0 0;text-align:center;} .news_box .swiper-page>div{display:inline-block;vertical-align:middle;} .news_box .swiper-page>div.slide-button-prev,.news_box .swiper-page>div.slide-button-next{margin:0 7px;outline:none;width:.43rem;height:.43rem;border:1px solid #d2d2d2;line-height:.43rem;font-size:.16rem;color:#1b1b1b;} .news_box .swiper-page>div.slide-pagination span{outline:none;opacity:1;margin:0 7px;width:.43rem;height:.43rem;border:1px solid #d2d2d2;line-height:.43rem;font-size:.16rem;color:#1b1b1b;background:none;border-radius:0} .news_box .swiper-page>div.slide-button-prev:hover,.news_box .swiper-page>div.slide-button-next:hover {background:#0d3d92;color:#FFF;border-color:#0d3d92} .news_box .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active,.news_box .swiper-page>div.slide-pagination span:hover {background:#0d3d92;color:#FFF;border-color:#0d3d92} .industry{background:#f3f3f3;padding:.9rem 0 1.3rem;} .industry h5{font-size:.36rem;color:#242323;text-align:center;margin:0 0 .5rem;} .industry .swiper-slide{font-size:0} .industry .swiper-slide>div{margin:0 0 .35rem;} .industry .swiper-slide a{display:flex;background:#FFF;position:relative;font-size:0;padding:.45rem .55rem;align-items:center} .industry .swiper-slide .img{flex:0 0 37.3%} .industry .swiper-slide .img img {width:100%;height:2.88rem;object-fit:cover;transition:none} .industry .swiper-slide .text{flex:0 0 62.7%;max-width:62.7%;padding-left:.55rem;} .industry .swiper-slide .text h6 {font-size:.2rem;color:#303030;margin:0 0 .25rem;display:flex;justify-content:space-between;align-items:center} .industry .swiper-slide .text h6 span {font-size:.14rem;color:#7a7a7a} .industry .swiper-slide .text .editor_{font-size:.15rem;color:#707070;margin:0 0 .2rem;} .industry .swiper-slide .text>em {display:block;text-align:right;font-size:.15rem;color:#303030} /*品牌中心*/ .brand_box{} .brand_box .section {background-position:center;background-repeat:no-repeat;background-size:cover;} .brand_box .section1 .titles {margin:0 0 .3rem;font-size:0} .brand_box .section1 .titles>*{display:inline-block;vertical-align:bottom;} .brand_box .section1 .titles .names {width:30%} .brand_box .section1 .names h4{font-size:.56rem;color:#FFF} .brand_box .section1 .names .mbx {margin:.3rem 0 0;font-size:.14rem;color:#FFF} .brand_box .section1 .names .mbx a{font-size:.14rem;color:#FFF} .brand_box .section1 .titles h5{width:70%;text-align:right;font-size:.3rem;color:#FFF;letter-spacing:.4rem;} .brand_box .section1 .mains {font-size:0} .brand_box .section1 .mains>div{display:inline-block;vertical-align:middle;} .brand_box .section1 .mains .item1 {width:34%;background:rgba(0,0,0,.34);height:5.06rem;padding:.5rem .4rem 0;} .brand_box .section1 .mains .item1 .img {text-align:center;margin:0 0 .5rem;} .brand_box .section1 .mains .item1 .img img {max-width:1.59rem;} .brand_box .section1 .mains .item1 p{font-size:.16rem;color:#FFF;line-height:1.7;margin:0 0 .5rem;} .brand_box .section1 .mains .item1 a{display:block;margin:0 auto;width:1.35rem;line-height:.47rem;background:#0d3d92;font-size:.16rem;color:#FFF;border-radius:35px;text-align:center;} .brand_box .section1 .mains .item2{width:35.5%;height:5.06rem;background:url(../images/icon24-1.png) 0 0 no-repeat;background-size:100% 100%;text-align:center;padding:1.65rem .65rem 0} .brand_box .section1 .mains .item2 p,.brand_box .section1 .mains .item3 p{margin:0} .brand_box .section1 .mains .item2 p:last-child{font-size:.16rem;color:#0d3d92;text-transform:uppercase;margin:.35rem 0 0} .brand_box .section1 .mains .item3 {width:30.5%;background:url(../images/icon24-2.png) 0 0 no-repeat;background-size:100% 100%;text-align:center;padding:1.28rem 0 0;height:4.15rem;} .brand_box .section1 .mains .item3 p:last-child{font-size:.16rem;color:#0d3d92;text-transform:uppercase;margin:.65rem 0 0} .brand_box .section1 .mains .item2 img {max-width:3.89rem} .brand_box .section1 .mains .item3 img {max-width:2.89rem;} .brand_box .section2 .editor .title{margin:0 0 .37rem} .brand_box .section2 .editor .title h5{font-size:.48rem;color:#0d3d92;margin:0 0 .3rem;} .brand_box .section2 .editor .title p{font-size:.14rem;color:#0d3d92;line-height:1.8} .brand_box .section2 .editor .mains {position:relative;text-align:center;font-size:0} .brand_box .section2 .editor .mains h6{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.3rem;color:#FFF;letter-spacing:.4rem;word-break: break-all; writing-mode: tb-rl;height:100%;letter-spacing:.2rem} .brand_box .section2 .editor .mains .imgs>div{display:inline-block;} .brand_box .section2 .editor .mains .imgs .img1 {position:relative;right:-.45rem;z-index:2} .brand_box .section2 .editor .mains .imgs .img2 {position:relative;left:-.45rem;} .brand_box .section2 .editor .mains>a {position:absolute;left:50%;background:#0d3d92;font-size:.16rem;color:#FFF;border-radius:35px;transform:translateX(-50%);bottom:-.35rem;padding:0 .35rem;line-height:.47rem;} .brand_box .section3{font-size:0;} .brand_box .section3 .editor{display:inline-block;text-align:center;} .brand_box .section3 .editor h5{font-size:.4rem;color:#FFF;margin:0 0 .35rem;} .brand_box .section3 .editor p{font-size:.16rem;color:#FFF;margin:0 0 .7rem;} .brand_box .section3 .editor h4{font-size:.3rem;color:#FFF;margin:0 0 .85rem} .brand_box .section3 .editor a{font-size:.16rem;color:#606060;background:#FFF;border-radius:35px;line-height:.47rem;padding:0 .35rem;display:inline-block;} /*合作加盟*/ .brand_join{position:relative} .brand_join .mains1 {position:absolute;width:100%;z-index:1;bottom:100%;left:0} .brand_join .mains1 h5{font-size:.38rem;color:#FFF;text-align:center;margin:0 0 1.1rem;} .brand_join .mains1 .lists {background:url(../images/icon25.png) 0 0 no-repeat;background-size:100% 4.31rem;position:relative;height:4.31rem;} .brand_join .mains1 .lists>div{height:100%} .brand_join .mains1 .lists>div>div{position:absolute;font-size:.16rem;color:#FFF;line-height:1.8;padding-left:.5rem;background-size:.4rem .4rem !important;} .brand_join .mains1 .lists .item1 {bottom:54%;left:0;background:url(../images/icon26-3.png) 0 0 no-repeat;} .brand_join .mains1 .lists .item2 {bottom:35%;left:37%;background:url(../images/icon26-2.png) 0 0 no-repeat;} .brand_join .mains1 .lists .item3 {bottom:71%;right:0;background:url(../images/icon26-1.png) 0 0 no-repeat} .brand_join .mains1 .lists>div>div em {position:absolute;width:.24rem;height:.24rem;border-radius:100%;background:rgba(255,255,255,.3);} .brand_join .mains1 .lists>div>div em:before{content:'';width:.11rem;height:.11rem;background:#FFF;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .brand_join .mains1 .lists .item1 em {bottom:-.3rem;left:0} .brand_join .mains1 .lists .item2 em {bottom:-.6rem;left:0} .brand_join .mains1 .lists .item3 em {bottom:-.95rem;left:.5rem} .brand_join .mains2 {padding:.8rem 0 .85rem;background:#FFF} .brand_join .mains2 h5{font-size:.38rem;color:#303031;margin:0 0 .6rem;text-align:center} .brand_join .mains2 .editor>div{padding:0 .16rem;} .brand_join .mains2 .editor .item {background:#f1f1f1;height:3.15rem;border-bottom-right-radius:20px;padding:.27rem .23rem 0} .brand_join .mains2 .editor .item>div:first-child{position:relative;margin:0 0 .5rem;height:.7rem;background-size:.7rem .7rem !important;} .brand_join .mains2 .editor .item>div:first-child:before{content:'';width:.24rem;height:1px;background:#9c9c9c;position:absolute;left:0;top:50%} .brand_join .mains2 .editor .item .icon1 {background:url(../images/icon27-1.png) right center no-repeat;} .brand_join .mains2 .editor .item .icon2 {background:url(../images/icon27-2.png) right center no-repeat;} .brand_join .mains2 .editor .item .icon3 {background:url(../images/icon27-3.png) right center no-repeat;} .brand_join .mains2 .editor .item .icon4 {background:url(../images/icon27-4.png) right center no-repeat;} .brand_join .mains2 .editor .item .text h6{font-size:.24rem;color:#515151;margin:0 0 .25rem;} .brand_join .mains2 .editor .item .text p{font-size:.15rem;color:#878787;margin:0;line-height:1.7} .brand_join .mains2 .editor .item:hover {background:#0d3d92;} .brand_join .mains2 .editor .item:hover>div:first-child:before{background:#FFF} .brand_join .mains2 .editor .item:hover .icon1 {background:url(../images/icon27-1-h.png) right center no-repeat} .brand_join .mains2 .editor .item:hover .icon2 {background:url(../images/icon27-2-h.png) right center no-repeat} .brand_join .mains2 .editor .item:hover .icon3 {background:url(../images/icon27-3-h.png) right center no-repeat} .brand_join .mains2 .editor .item:hover .icon4 {background:url(../images/icon27-4-h.png) right center no-repeat} .brand_join .mains2 .editor .item:hover .text h6,.brand_join .mains2 .editor .item:hover .text p{color:#FFF} .brand_join .mains3:before{content:'';background:url(../images/icon28.jpg) center no-repeat;position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;z-index:-1;} .brand_join .mains3{text-align:center;padding:1.35rem 0 1.25rem;} .brand_join .mains3 .titles {display:inline-block;width:5.2rem;height:5.2rem;background:rgba(0,0,0,.05);border-radius:100%;border:1px solid rgba(255,255,255,.3);position:relative;} .brand_join .mains3 .titles:after{content:'';width:4.03rem;height:4.03rem;border-radius:100%;border:1px solid rgba(255,255,255,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .brand_join .mains3 .titles h5{font-size:.38rem;color:#FFF;line-height:5.2rem;} .brand_join .mains3 .lists>div{position:absolute;width:50%;} .brand_join .mains3 .lists .order0,.brand_join .mains3 .lists .order2 {left:0;text-align:right;padding-right:2.38rem;top:.6rem;} .brand_join .mains3 .lists .order2 {top:auto;bottom:-.18rem;padding-right:1.85rem;} .brand_join .mains3 .lists .order1,.brand_join .mains3 .lists .order3 {right:0;padding-left:1.52rem;top:0;text-align:left;} .brand_join .mains3 .lists .order3 {bottom:-.35rem;top:auto;padding-left:2.12rem;} .brand_join .mains3 .lists .text h6{font-size:.24rem;color:#FFF;margin:0 0 .2rem;} .brand_join .mains3 .lists .text .desc {font-size:.16rem;color:#FFF;margin:0 0 .25rem;} .brand_join .mains3 .lists .text a{display:inline-block;font-size:.14rem;color:#FFF;background:#0d3d92;border-radius:35px;padding:0 .32rem;line-height:.43rem;} .brand_join .mains3 .lists .text{position:relative} .brand_join .mains3 .lists .text:before,.brand_join .mains3 .lists .text:after{content:'';width:.32rem;height:.32rem;background:#0d3d92;opacity:.33;position:absolute;right:-.52rem;top:.18rem;border-radius:100%} .brand_join .mains3 .lists .text:after{width:.13rem;height:.13rem;opacity:1;top:.28rem;right:-.43rem;} .brand_join .mains3 .lists .order2 .text:before {top:0} .brand_join .mains3 .lists .order2 .text:after{top:.1rem} .brand_join .mains3 .lists .order1 .text:before {top:.15rem;right:auto;left:-.48rem;} .brand_join .mains3 .lists .order1 .text:after{top:.25rem;right:auto;left:-.39rem;} .brand_join .mains3 .lists .order3 .text:before {top:-.11rem;right:auto;left:-.85rem;} .brand_join .mains3 .lists .order3 .text:after{top:-1px;right:auto;left:-.75rem;} .fix_ed {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;display:none;transition:none;} .fix_ed .mains_box {background:#FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:8px;padding:.65rem .25rem .45rem;width:100%;max-width:7.5rem;} .fix_ed .mains_box >i {position:absolute;right:.15rem;top:.15rem;width:.35rem;height:.35rem;background:#333;border-radius:100%;font-size:.16rem;color:#FFF;text-align:center;line-height:.35rem;cursor:pointer;} .fix_ed .mains_box .infos h6{font-size:.24rem;color:#333;margin:0 0 .35rem;} .fix_ed .mains_box .infos .editor {font-size:.16rem;color:#333;line-height:1.7;text-align:left;} .fix_ed .mains_op {opacity:0;visibility:hidden;top:70%} .brand_join .mains4{padding:.98rem 0 1.05rem;background:#FFF} .brand_join .mains4 h5 {text-align:center;font-size:.38rem;color:#303031;margin:0 0 .9rem;} .brand_join .mains4 .lists{display: table; width: 100%;} .brand_join .mains4 .lists .item{display: table-cell; height: 5rem; transition: all .8s;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;border-left:1px solid #d2d2d2;padding:.6rem 0 0} .brand_join .mains4 .lists .item.ons{width: 23%;} .brand_join .mains4 .lists .item.on{width: 54%;} .brand_join .mains4 .lists .item:hover{width: 54%;} .brand_join .mains4 .lists .item:before{content:'';width:.18rem;height:.18rem;background:#0d3d92;position:absolute;left:-.09rem;top:0;border-radius:100%} .brand_join .mains4 .lists .item .text{background-position:center;background-repeat:no-repeat;background-size:cover;height:4.4rem;position:relative;} .brand_join .mains4 .lists .item.ons .text{background-image: inherit !important;} .brand_join .mains4 .lists .item .text .pad {position:absolute;bottom:10%;left:0;width:100%;padding:0 .35rem;} .brand_join .mains4 .lists .item .text .pad h6{font-size:.24rem;color:#0d3d92;margin:0 0 .3rem;} .brand_join .mains4 .lists .item .text .pad .desc {font-size:.16rem;color:#616060;line-height:.26rem;height:.52rem;overflow:hidden;} .brand_join .mains4 .lists .item .text .pad .editor{font-size:.16rem;color:#616060;line-height:1.7;opacity:0;visibility:hidden;transform:translateY(30px);height:0} .brand_join .mains4 .lists .item.on .text .pad h6{color:#FFF} .brand_join .mains4 .lists .item.on .text .pad .desc {opacity:0;visibility:hidden;transform:translateY(-20px);height:0;} .brand_join .mains4 .lists .item.on .text .pad .editor {color:#FFF;opacity:1;visibility:visible;transform:none;transition-delay:.4s;height:auto;} .brand_join .mains5 {padding:1.3rem 0 1.1rem;background:url(../images/icon29.jpg) center no-repeat;background-size:cover;} .brand_join .mains5 h5 {font-size:.38rem;color:#FFF;margin:0 0 1.7rem;text-align:center;} .brand_join .mains5 .lists {position:relative} .brand_join .mains5 .lists:before{content:"";width:100%;height:1px;background:#FFF;opacity:.3;position:absolute;left:0;top:20px;} .brand_join .mains5 .swiper-slide .items{padding:.9rem .3rem 0;position:relative;text-align:center} .brand_join .mains5 .swiper-slide .items span {position:absolute;width:.15rem;height:.15rem;background:#0d3d92;border-radius:100%;top:12px;left:50%;transform:translateX(-50%);box-shadow:0 0 10px rgba(255,255,255,.5)} .brand_join .mains5 .swiper-slide .items span:before{content:'';width:.05rem;height:.05rem;background:#FFF;border-radius:100%;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute} .brand_join .mains5 .swiper-slide .items em {font-size:.3rem;color:#FFF} .brand_join .mains5 .swiper-slide .items .editor{margin:.3rem 0 0;font-size:.16rem;color:#FFF;line-height:1.7} .brand_join .mains5 .swiper-page>div{position:absolute;outline:none;font-size:.5rem;color:#FFF;left:0;bottom:10%;z-index:1} .brand_join .mains5 .swiper-page>div.slide-button-next{left:auto;right:0} .brand_join .mains5 .swiper-page>div:hover {color:#04b9ef} .brand_join .mains6 {background:#FFF;padding:.9rem 0 1.06rem;} .brand_join .mains6 h5 {text-align:center;font-size:.38rem;color:#303031;margin:0 0 .54rem;} .brand_join .mains6 .editor {font-size:0} .brand_join .mains6 .editor>div{display:inline-block;vertical-align:middle;width:50%} .brand_join .mains6 .editor .img {padding-right:.15rem;} .brand_join .mains6 .editor .img img {border-bottom-left-radius:30px;} .brand_join .mains6 .editor .text{padding:0 .2rem;} .brand_join .mains6 .editor .text>div{padding:0 .1rem;margin:.1rem 0;display:inline-block;vertical-align:middle;width:50%;text-align:center} .brand_join .mains6 .editor .text .ts{padding:.4rem 0 0;height:3.07rem;} .brand_join .mains6 .editor .text .ts em {font-size:.48rem;color:#FFF;font-weight:bold;} .brand_join .mains6 .editor .text .ts h6{font-size:.24rem;color:#FFF;margin:.35rem 0 .25rem;} .brand_join .mains6 .editor .text .ts p {font-size:.15rem;color:#FFF;line-height:1.7;margin:0} .brand_join .mains6 .editor .text .t1 .ts {background:#0d3d92;border-top-right-radius:45%;border-bottom-left-radius:45%;} .brand_join .mains6 .editor .text .t2 .ts {background:#b199ac;border-top-left-radius:45%;border-bottom-right-radius:45%;} .brand_join .mains6 .editor .text .t3 .ts {background:#d8c7dc;border-top-left-radius:45%;border-bottom-right-radius:45%;} .brand_join .mains6 .editor .text .t4 .ts {background:#0d3d92;border-top-right-radius:45%;border-bottom-left-radius:45%;} .brand_join .mains7 {background:#f4eef5;padding:.8rem 0 1.15rem;} .brand_join .mains7 h5 {text-align:center;font-size:.38rem;color:#303031;margin:0 0 .85rem;} .brand_join .mains7 ol{margin:0;padding:0;position:relative;font-size:0;text-align:center;} .brand_join .mains7 ol:before{content:'';width:100%;height:1px;background:#FFF;position:absolute;bottom:.11rem;left:0} .brand_join .mains7 li{display:inline-block;vertical-align:middle;padding:0 .5rem;position:relative} .brand_join .mains7 li span {font-size:.16rem;color:#303031;display:block;padding:0 0 .42rem;position:relative} .brand_join .mains7 li span:before,.brand_join .mains7 li span:after{content:'';width:.24rem;height:.24rem;background:#0d3d92;opacity:.3;border-radius:100%;position:absolute;bottom:0;left:50%;transform:translateX(-50%)} .brand_join .mains7 li span:after{width:.1rem;height:.1rem;bottom:.07rem;opacity:1} .brand_join .mains7 li p {position:absolute;top:20%;left:0;background:#FFF;font-size:.16rem;color:#303031;padding:.35rem 0 .3rem;width:100%;border-radius:12px;box-shadow:0 0 8px rgba(0,0,0,.2);opacity:0;visibility:hidden;} .brand_join .mains7 li p:after{content:'';width:.17rem;height:.14rem;background:url(../images/icon31.png) 0 0 no-repeat;background-size:.17rem .14rem;position:absolute;top:100%;left:50%;tarn :translateX(-50%)} .brand_join .mains7 li#current p {opacity:1;visibility:visible;top:0} .brand_join .mains7 .itembox {padding:.6rem 0 0;text-align:center} .brand_join .mains7 .item h6{font-size:.24rem;color:#303031;padding:.85rem 0 0;position:relative;margin:0 0 .65rem;} .brand_join .mains7 .item h6:before{content:'';width:1px;height:.63rem;background:#0d3d92;position:absolute;top:0;left:50%} .brand_join .mains7 .item .text p{display:inline-block;vertical-align:middle;padding:0 .5rem;} .brand_join .mains7 .item .text p em {font-size:.16rem;color:#303031;padding-left:.3rem;background-size:.25rem .25rem;line-height:.25rem;background-size:.25rem .25rem !important} .brand_join .mains7 .item .text p em.tel {background:url(../images/icon32-1.png) 0 center no-repeat;} .brand_join .mains7 .item .text p em.email {background:url(../images/icon32-2.png) 0 center no-repeat;} .brand_join .mains7 .item .text p em.qq {background:url(../images/icon32-3.png) 0 center no-repeat;} /*人才中心*/ .com_mbx{position:absolute;top:2.15rem;left:0;z-index:1;width:100%} .com_mbx h3 {font-size:.55rem;color:#FFF;font-weight:bold;margin:0 0 .25rem;} .com_mbx p{margin:0;font-size:.14rem;color:#FFF} .com_mbx p a{font-size:.14rem;color:#FFF} .talent_box {position:relative} .talent_box .mains1 {position:absolute;bottom:100%;left:0;width:100%;z-index:1;background:url(../images/icon33.png) 0 0 no-repeat;background-size:100% auto;text-align:center;margin:0 0 1.3rem;} .talent_box .mains1 .title{font-size:.38rem;color:#FFF;margin:0 0 .7rem;} .talent_box .mains1 .editor{display:flex;justify-content:space-between;} .talent_box .mains1 .editor p{margin:0;font-size:.19rem;color:#FFF} .talent_box .mains1 .editor p em {display:block;margin:0 auto;height:.78rem;} .talent_box .mains1 .editor p em img {max-height:.55rem;transition:none} .talent_box .mains2 {background:url(../images/icon36.png) center bottom no-repeat;background-size:100% auto;padding:1rem 0 .8rem;} .talent_box .mains3 {background:#eee;padding:.65rem 0 .85rem;} .talent_box .mains3 h5{font-size:.38rem;color:#1e1e1e;text-align:center;margin:0 0 .45rem;} .talent_box .mains3 .swiper-slide{font-size:0} .talent_box .mains3 .swiper-slide>div{display:inline-block;padding:0 .15rem;margin:0 0 .35rem;width:33.333%} .talent_box .mains3 .swiper-slide a{display:block;position:relative;overflow:hidden;text-align:center} .talent_box .mains3 .swiper-slide .img {overflow:hidden;} .talent_box .mains3 .swiper-slide p{background:#FFF;font-size:.16rem;color:#1e1e1e;margin:0;line-height:.58rem;} .talent_box .mains3 .swiper-slide a:hover img {transform:scale(1.06)} .talent_box .mains3 .slide-pagination{text-align:center;margin:.25rem 0 0} .talent_box .mains3 .slide-pagination span{outline:none;opacity:1;width:.43rem;height:.43rem;background:none;font-size:.16rem;color:#2e2e2e;border:1px solid #0d3d92;margin:0 4px;line-height:.43rem;} .talent_box .mains3 .slide-pagination span.swiper-pagination-bullet-active{background:#0d3d92;color:#FFF} .talent_box .mains4{padding:.8rem 0 2rem;} .talent_box .mains4 h5{font-size:.38rem;color:#1e1e1e;text-align:center;margin:0 0 .58rem;} .talent_box .mains4 .lists li{margin:0 0 .13rem;font-size:0} .talent_box .mains4 .lists li>a{display:block;background:#eee;position:relative} .talent_box .mains4 .lists li>a span {display:inline-block;line-height:.72rem;font-size:.16rem;color:#494949;text-align:center;} .talent_box .mains4 .lists li>a>*:first-child {font-size:.24rem;color:#494949;width:15%} .talent_box .mains4 .lists li>a>span:nth-child(2){width:10%} .talent_box .mains4 .lists li>a>span:nth-child(3){width:13%} .talent_box .mains4 .lists li>a i{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);width:.31rem;height:.31rem;border:1px solid #0d3d92;font-size:.16rem;color:#0d3d92;line-height:.31rem;text-align:center;border-radius:100%} .talent_box .mains4 .lists li.opens>a i {background:#0d3d92;color:#FFF;transform:rotate(180deg) translateY(50%)} .talent_box .mains4 .lists li>a:hover i{background:#0d3d92;color:#FFF} .talent_box .mains4 .lists li .submenu {transition:none;background:#eee;padding:.35rem .53rem .9rem;display:none;} .talent_box .mains4 .lists li .submenu>div{transition:none;} .talent_box .mains4 .lists li .submenu .infos {background:#FFF;border-bottom:1px solid #e5e5e5;} .talent_box .mains4 .lists li .submenu .infos p {margin:0;display:inline-block;padding:0 .33rem;font-size:.14rem;color:#494949;line-height:.73rem;} .talent_box .mains4 .lists li .submenu .editor {background:#FFF;position:relative;padding:.4rem .33rem .79rem;font-size:.14rem;color:#494949;line-height:1.7} .talent_box .mains4 .lists li .submenu .editor>a {position:absolute;right:1.1rem;bottom:.79rem;background:#0d3d92;padding:0 .58rem;line-height:.4rem;font-size:.14rem;color:#FFF;border-radius:12px;} /*联系我们*/ .contact{font-size:0} .contact .infos {background:#f5f5f5;padding:1.6rem 0 .9rem;} .contact .infos #container{height:5.46rem;min-height:360px;position:relative;z-index:2} .infowindow-cntsinfo{background:#FFF;box-shadow:0 0 9px rgba(76,45,7,.46);padding:.25rem .43rem;} .infowindow-cntsinfo p{font-size:.14rem;color:#575757;margin:0 0 .25rem;padding-left:.28rem;position:relative} .infowindow-cntsinfo p:last-child{margin:0} .infowindow-cntsinfo p img {position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1;max-height:.25rem !important;transition:none;} .contact .faq{padding:.95rem 0 .65rem;} .contact .faq h3 {font-size:.36rem;color:#242323;margin:0 0 .5rem;text-align:center;} .contact .faq .swiper-slide {display:grid;grid-template-columns:1fr 1fr;gap:.26rem .26rem;padding:6px;} .contact .faq .swiper-slide>div{border:1px solid #ededed;box-shadow:0 0 6px rgba(131,131,131,.36);padding:.45rem .65rem .3rem;} .contact .faq .swiper-slide h4{font-size:.24rem;color:#303030;} .contact .faq .swiper-slide .editor{font-size:.14rem;color:#5b5b5b;margin:.15rem 0 0;} .contact .faq .swiper-slide .editor p{margin:0} .contact .faq .slide-pagination{margin:.4rem 0 0;display:flex;justify-content:center;align-items:center;gap:0 .1rem;} .contact .faq .slide-pagination span {opacity:1;outline:none;width:.43rem;height:.43rem;border:1px solid #a5a5a5;border-radius:100%;line-height:.41rem;text-align:center;font-size:.16rem;color:#2e2e2e;background:none;} .contact .faq .slide-pagination span.swiper-pagination-bullet-active{background:#00399d;border-color:#00399d;color:#FFF} .flag_page{position:relative;top:-1rem;} /********<=767 mobile nav style css********/ .m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)} .m-header >.col-xs-6>div {color:#212121;margin-left:5px;} .m-header >.col-xs-6>div span {font-size:12px;color:#333;margin-left:3px;} .m-header >.col-xs-6 img {max-height:45px;} .st-container .st-menu {background:#FFF; -webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; transition: all .6s cubic-bezier(.77,0,.175,1) 0s; } .st-container .st-menu ul li a {color:#333;position:relative;font-size:.25rem} .st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#0d3d92;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF} .st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#0d3d92} .st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF} .st-container .st-menu ul li>dl {transition:none;margin:0} .st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#333;padding-left:0} .st-container .st-menu ul li>dl dd a i {padding-right:10px;} .st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#0d3d92} .st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px} .st-effect-1.st-menu {display:block;} /**************************/ @media(max-width:1600px){ .tem_banner.inside .page_label.midle{top:15%} .company h5{margin:0 0 .25rem;} .brand_join .mains1 .lists .item1{left:8%} .brand_join .mains1 .lists .item3{right:3%} } @media(max-width:1440px){ .brand_box .section2 .editor .mains .imgs .img1{text-align:right;} .brand_box .section2 .editor .mains .imgs .img2{text-align:left;} .brand_box .section2 .editor .mains .imgs>div img {max-width:65%;} .brand_box .section2 .editor .mains h6{letter-spacing:.1rem;} .maker_box .process .lists{padding:0 1.28rem;} } @media(max-width:1300px){ .brand_box .section2 .editor .mains .imgs>div img {max-width:50%;} } @media(max-height:900px){ .brand_box .section .fp-tableCell{vertical-align:top !important;padding:1.2rem 0 0} .brand_box .section.section4 .fp-tableCell {padding:0} .brand_box .section.section3 .fp-tableCell {vertical-align:middle !important;} } /******ipad****/ @media(max-width:990px){ body{overflow-x:hidden;} .st-menu {display:block;} .header {display:none;} .m-header {top:0;opacity:1;} .tem_banner,.tem_banner.inside{padding:60px 0 0} .tem_index_product .mains .item .cnts .t > div{width:25%;padding:0 .19rem;margin:0} .tem_banner.inside .page_label.midle{top:17%} .brand_box .section2 .editor .mains .imgs > div{width:50%} .brand_box .section2 .editor .mains .imgs > div img{max-width:90%} .brand_join .mains1 .lists .item1{bottom:69%} .brand_join .mains1 .lists .item3 em{bottom:-80%} .maker_box .process .lists{padding:0 15px;} .infowindow-cntsinfo p{font-size:12px} } /********mobile*********/ @media(max-width:767px){ .tem_banner,.page_banners{padding:60px 0 0} .tem_banner .swiper-slide .img{background:none !important;} .tem_banner .label_txt {font-size:.3rem;} .tem_index_product .mains ol{position:relative;width:100%;font-size:0} .tem_index_product .mains ol li{display:inline-block;vertical-align:middle;width:50%} .tem_index_product .mains ol li a {height:1.5rem;display: flex; flex-direction: column; justify-content: center;} .tem_index_product .mains ol li a::before{top:50%;transform:translateY(-50%)} .tem_index_product .mains .itembox{width:100%} .tem_index_product .mains .item > div{display:block;position:relative;width:100% !important;} .tem_index_product .mains .item .text{padding:.45rem .25rem;} .tem_index_news .title > div{display:block;width:100% !important;} .tem_index_news .title > div.names{margin:0 0 .45rem;} .tem_index_news .title .menulist{text-align:left;} .tem_index_news .mains > div{display:block;width:100% !important;} .tem_index_news .mains .lists{padding:.45rem 0 0} .footer{display:none;} .copy > div > p{float:none;text-align:center;} .copy > div > .support{float:none;text-align:center;} .tem_banner.inside .page_label.midle{top:60px} .tem_banner.inside .page_label h4{font-size:.36rem;} .company .mores > div.lines {display:none;} .company .mores > div.more a{margin:0} .company .mores > div.more{display:block;width:100%} .company .editor .time{font-size:.3rem;} .company .editor .text{width:72%} .company .mores{margin:.25rem 0} .company h5{margin:0 0 .25rem;font-size:.3rem;} .culture .info > div{display:block;width:100% !important;} .culture .info .title{padding-right:0} .orgian .title{width:70%} .orgian .mores{width:30%} .history .title p{font-size:.6rem;} .social .mains .text > div{margin:0 0 .12rem} .common_flash>div>div{display:block;width:100% !important} .common_flash .editor{padding-right:0;margin:0 0 .45rem;} .common_flash .mains{padding:.35rem .25rem 1.7rem} .product_box .menus li, .show_product .menus li,.products_navbox li{padding:0;width:20%} .products_navbox li a,.show_product .menus li a{padding:0 .1rem} .product_box .mains li a > div{display:block;width:100% !important;} .product_box .mains li .text{padding:0 .25rem;} .product_box .mains li .img{padding:0 .25rem;margin:.35rem 0 0} .show_product .product_info > div{display:block;width:100% !important;} .show_product .product_info .infos{padding:.35rem .15rem} .maker_box .mains .info1 h5{font-size:.2rem;} .maker_box .mains .info1 p{font-size:.14rem;} .maker_box .mains .info3{font-size:.2rem;} .maker_box .mains{margin:0 0 3%} .industry .swiper-slide > div{width:100%;} .brand_box .section .fp-tableCell{vertical-align:middle !important;padding:0} .brand_box .section1 .names h4{font-size:.4rem;} .brand_box .section1 .titles h5{letter-spacing:.12rem} .brand_box .section1 .mains .item2 img,.brand_box .section1 .mains .item3 img{max-width:100%} .brand_box .section1 .mains .item3,.brand_box .section1 .mains .item2{padding-left:.25rem;padding-right:.25rem;} .brand_box .section1 .mains .item1{padding:.25rem .15rem 0} .brand_box .section2 .editor .mains h6{letter-spacing:.05rem} .brand_join .mains1 h5{margin:0 0 .25rem;} .brand_join .mains1 .lists{height:auto;background:none} .brand_join .mains1 .lists > div > div{position:relative;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;margin:0 0 .2rem;} .brand_join .mains2 .editor > div{margin:0 0 .35rem;} .brand_join .mains3 .titles{display:block;width:auto;height:auto;border:0;border-radius:0;background:none;} .brand_join .mains3 .titles::after{display:none;} .brand_join .mains3 .titles h5{line-height:normal;} .brand_join .mains3 .lists > div{position:relative;width:100%;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;padding:0 !important;text-align:left !important;margin:0 0 .35rem;} .brand_join .mains3 .lists .text::before, .brand_join .mains3 .lists .text::after{display:none;} .brand_join .mains6 .editor > div{display:block;width:100%;padding:0 !important;margin:0 0 .35rem;} .brand_join .mains7 .item .text p{display:block;} .talent_box .mains1 .editor{padding:0 0 .25rem;} .contact > div > div{display:block;width:100% !important;} .contact .infos{height:auto;margin:0 0 .35rem;} .companynews > div > div{max-width:100%} .companynews > div{display:block} .companynews .imgs{padding:0 0 .35rem;} .industry .swiper-slide a{display:block} .industry .swiper-slide .text{max-width:100%;margin:.35rem 0 0;padding:0} .flash img{width:100%;height:320px;object-fit:cover;transition:none;} .talent_box .mains3 .swiper-slide > div{width:50%} .talent_box .mains4 .lists li > a > :first-child{width:35%} .contact .faq .swiper-slide{grid-template-columns:1fr;gap:.26rem 0} .honor_box .lists .swiper-slide{grid-template-columns:1fr 1fr} }