body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px; font-family: 'arial','微软雅黑'; line-height:1;font-weight: normal;letter-spacing: 0.5px;} body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;} img{display: block;} a{ color:#333; text-decoration:none; font-size: 16px;} ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;} html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;} .fl{float: left;} .fr{float: right;} .clearfix:after{display: block;content: '';clear: both;} .bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;} /*IE*/ .web-ie2018{ font-family: microsoft yahei; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;} .web-ie2018 dl{ position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;} .web-ie2018 dl #img{ display: block;margin: 50px auto;} .web-ie2018 dl h3{ display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;} .web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;} .web-ie2018 dl dd{ margin: 0 auto 50px; display: block;text-align: center; margin-bottom:50px;} .web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;} .web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;} .web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;} /*<------------------------------------->*/ /* pc */ .pc-1200px{display: none;} @media only screen and (max-width:1260px){ .pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;} .pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;} .pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;} .pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;} .pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;} } body, html {height: 100%;position: relative;width: 100%;background-color: #ffffff;} .i-cont{width: 1400px;margin: auto;} .drawer-nav { display: none; } /* 按钮 */ .more{display: block;width: 160px;height: 46px;line-height: 46px;border: 1px solid #fff;color: #FFFFFF;font-size: 14px;text-align: center;background-color: transparent;position: relative;z-index: 0;overflow: hidden;border-radius: 4px;} .more:before{content: '';display: block;width: 0%;height: 100%;background-color: #FFFFFF;z-index: -1;position: absolute;transition: all .3s;} .more:hover:before{width: 100%;} .more:hover{color: #e62129;} /* header */ .headerwrap{width: 100%;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);left: 0;position: fixed;top: 0;z-index: 999;} .header{width: 1400px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .header .logo {display: block;min-width: 210px;} .header .logo img {display: block;width: auto;height: 45px;} .header .nav{display: flex;display: -webkit-flex;} .header .nav li{margin-right: 40px;position: relative;} .header .nav li:last-child{margin-right: 0;} .header .nav li>a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 16px;color: #444;line-height: 90px;transition: all .3s;} .header .nav li>a i{font-size: inherit;color: inherit;margin-left: 5px;} /* p-language */ .p-language{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .p-language i{margin-right: 5px;} .p-language i,.p-language a{font-size: 14px;color: #aaa;} .p-language span{display: block;width: 1px;height: 14px;background-color: #aaa;margin: 0 10px;} .header .nav li .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;min-width: 190px;width: auto;left: -30px;margin-left: 0px;text-align: center;top: 51.5px;display: none;justify-content: center;flex-flow: row;white-space: nowrap;transition: all .3s;top: 90px;} .header .nav li .nav02 a{display: inline-block;width: auto;font-size: 15px;color: #666;line-height: 40px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding-left: 30px;padding-right: 10px;} .header .nav li .nav02 a:last-child{margin-right: 0;} .header .nav li .nav02 a:hover{color: #e62129;background-color: #fff;} .header .nav li .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #e62129;position: absolute;top: 14px;left: 5px;opacity: 0;} .header .nav li .nav02 a:hover:before{opacity: 1} .header .nav li .nav02 a i{opacity: 0;transition: all .6s;} .header .nav li .nav02 a:hover i{opacity: 1;} .header .nav li .nav02{background-color: rgba(255,255,255,0.9);padding: 0;box-shadow: 0px 2px 2px rgba(34,34,34,0.3)} .header .nav li .nav02 a{display: block;display: flex;justify-content: space-between;align-items: center;} .header .nav li:after{content: '';display: block;width: 0%;height: 2px;position: absolute; bottom: 0;left: 0;background-color: #e62129;transition: all .4s;} .header .nav li:hover::after{width: 100%;} .header .nav li:hover>a{color: #e62129;} .header .nav li:hover .nav02{display: block;} .swiper01{width: 100%;overflow: hidden;} .swiper01 .swiper-slide{width: 100%;} .banner{height: calc(100% - 90px);margin-top: 90px;overflow: hidden;} .banner .swiper-container01 {width: 100%;height: 100%;z-index: 0;} .banner .swiper-slide img{width: 100%;} .banner .banner-txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1040px;padding-bottom:90px;} .banner .banner-txt strong{font-size: 16px;color: #fff;margin-bottom: 24px;text-align: center;display: block;font-weight: normal;} .banner .banner-txt .h3box{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .banner .banner-txt .h3box h3{font-size: 58px;font-weight: bold;color: #fff;text-align: center;margin:0 40px 0px;} .banner .banner-txt .h3box span{display: block;width: 180px;height: 2px;background: linear-gradient(to right,rgba(255,255,255,0),rgb(255,255,255,1));} .banner .banner-txt .h3box span:nth-last-of-type(1){display: block;width: 180px;height: 2px;background: linear-gradient(to left,rgba(255,255,255,0),rgb(255,255,255,1));} .banner .banner-txt h4{font-size: 24px;color: #fff;text-align: center;margin-bottom: 30px;margin-top:30px;} .banner .banner-txt a{margin: auto;} .banner .bbicon{ position: absolute;width: 200px;bottom:70px;z-index: 2; display: block; text-align: center; height: 52px; display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center; left: 50%;transform: translateX(-50%);} .banner .swiper-button-next,.banner .swiper-button-prev{background-image: none;font-size: 20px;color: #fff;position: relative;top: 0;left: 0;right: 0;bottom: 0;margin: 0;height: auto;width: auto;} .banner .swiper-pagination {position: relative;margin: 0;bottom: 0;left: 0;top: 0;right: 0;margin: 0 40px;display: flex;display: -webkit-flex;} .banner .swiper-pagination-bullet {width: 8px;height: 8px;border-radius: 50%;border: 1px solid #DDDDDD;background-color: transparent;opacity: 1;margin-right: 10px;} .banner .swiper-pagination-bullet-active{ background:#fff; } .banner .swiper-pagination-bullet:nth-last-of-type(1){margin-right: 0;} .index01wrap{margin: 100px auto 0;} .index01{} .index01 .title{position: relative;margin: auto;width: 1400px;} .index01 .title p{font-size: 13px;font-weight: bold;color: #e62129;margin-bottom: 20px;text-transform: uppercase;} .index01 .title h3{font-size: 36px;color: #222;font-weight: bold;} .index01 .title .box1{position: absolute;left: 0;top: 0;z-index: -1;} .index01 .title .box1 img{width: auto;} .index01 .itembox{} .index01 .itembox:nth-child(1){display: block;} .index01 .item{margin-left: calc(25% - 350px);margin-left: -webkit-calc(25% - 350px);width: calc(1050px + 25%);width: -webkit-calc(1050px + 25%);margin-top: 50px;display: flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;z-index: 1;} .index01 .item .imgbox{width: 70%;overflow: hidden;position: relative;} .index01 .itemwrap{display:none;} .index01 .itemwrap:nth-of-type(1){display:block;} .index01 .item .imgbox img{width: 100%;} .index01 .item .right{width: 50%;box-sizing: border-box;position: relative;margin-left: -20%;display: flex;display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end;padding-left: 140px;padding-bottom: 40px;margin-bottom: -40px;} .index01 .item .right .textbox{ background-color: #FFFFFF;box-sizing: border-box;padding: 80px;} .index01 .box01{position: relative;} .index01 .item .right .textbox span{font-size: 14px;font-weight: bold;color: #e62129;vertical-align: middle;} .index01 .item .right .textbox span strong{display: inline-block;width: 54px;height: 1px;vertical-align: middle;background-color: #e62129;margin-right: 14px;} .index01 .item .right .textbox h3{font-size: 30px;color: #222;font-weight: bold;margin: 30px 0;} .index01 .item .right .textbox p{font-size: 15px;color: #666;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;} .index01 .item .right .more {position: absolute;left: -140px;bottom: 0;width: 278px;height: 76px;background-color: #e62129;color: #fff;font-size: 18px;line-height: 76px;border: 1px solid #e62129;border-radius: 0;} .index01 .item .right .more:hover{color: #e62129;} .index01 .index01tab{position: absolute;right: calc(50% - 700px);top: 0;z-index: 2;display: block!important;right: -webkit-calc(50% - 700px);} .index01 .index01tab a{display: block;font-size: 15px;font-weight: bold;color: #aaa ;height: 30px;line-height: 30px;position: relative;padding-left: 14px;margin-bottom: 10px;} .index01 .index01tab a span{display: inline-block;margin-right: 20px;line-height: 30px;} .index01 .index01tab a::before{content: '';display: block;width: 2px;height: 100%;position: absolute; top: 0;left: 0;background-color: #aaa;z-index: 0;} .index01 .index01tab a.active{color: #e62129;} .index01 .index01tab a.active::before{color: #e62129;} .index01 .bgimg{position: absolute;right: 10%;top: 0%;} .index01 .bgimg img{width: auto;opacity:0.35;} /* index02 */ .index02wrap{padding:310px 0 100px;background: url(../img/index_03.jpg)no-repeat;background-size: cover;margin: -200px auto 0;} .index02{margin: auto;margin-bottom: 0px;} .index02 .line{width: 100%;height: 1px;background-color: #b9b9b9;margin-bottom: 50px;} .mumping_mun01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .mumping_mun01 li{position: relative;} .mumping_mun01 li::after{content: '';display: block;width: 8px;height: 8px;position: absolute; top: -60px;left: 50%;background-color: #e62129;z-index: 0;border: 5px solid #fff;border-radius: 50%;transform: translateX(-50%);} .mumping_mun01 li .circleChart{width: 160px;height: 160px;background-color: #d1dce1;border-radius: 50%;box-sizing: border-box;padding: 5px;margin: auto;position: relative;} .mumping_mun01 li h2{width: 146px;height: 146px;box-sizing: border-box;background-color: #FFFFFF;border-radius: 50%;top:7px;left: 7px;position: absolute;font-size: 36px;color: #e62129;text-align: center;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .mumping_mun01 li:nth-of-type(2) h2:after{content: '';font-size: 14px;color: #e62129;margin-bottom: -22px;} .mumping_mun01 li .text{width: 100%;text-align: center;} .mumping_mun01 li .text h3{font-size: 18px;line-height: 26px;color: #444;margin-top: 20px;font-weight:bold;} /* index03 */ .index03{margin: 100px auto;} .title-p{width: 860px;margin: auto;position: relative;} .title-p h3{font-size: 40px;color: #222;font-weight: bold;text-align: center;} .title-p strong{width: 40px;height: 2px;background-color: #e62129;display: block;margin: 30px auto;} .title-p p{font-size: 16px;color: #666;line-height: 30px;text-align: center;} .title-p .box1{position: absolute;left: 50%;top: -30px;z-index: -1;transform: translateX(-50%);} .title-p .box1 img{width: auto;} .index03 .swiper-container02{width: 100%;margin-top: 50px;} .index03 .item{padding-bottom: 40px;} .index03 .hMaskScale {position: relative;line-height: 0;overflow: hidden;} .index03 .hMaskScale::before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background-color: rgba(18, 31, 44, 0.5);z-index: 1;pointer-events: none;transition: all .4s;} .index03 .hMaskScale>img{width: 100%;} .index03 .serviceIconBox { position: absolute; top: 50%; left: 50%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 170px; height: 150px; margin-left: -85px; margin-top: -75px; color: #fff; box-shadow: 0 0 15px rgba(17, 22, 25, 0.55); z-index: 2; opacity: 1; pointer-events: none; transition: all .4s; border-radius: 4px; } .index03 .serviceIcon {margin-bottom: 20px;} .index03 .serviceIconBox h4{font-size: 18px;color: #fff;} .index03 .txt{padding: 30px;} .index03 .txt h3{font-size: 24px;color: #222;font-weight: bold;margin-bottom: 20px;text-align: left;} .index03 .txt p{font-size: 15px;color: #666;line-height: 24px;text-align: left;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .index03 a:hover .item .hMaskScale::before{opacity: 0;} .index03 a:hover .item .serviceIconBox{background-color: rgba(230,33,41,0.9);} .index03 a:hover .item .txt {box-shadow: 0 2px 40px rgba(6, 21, 34, 0.1);background-color: #fff;} .index03 a:hover{z-index: 1;} .index03 .swiper-button-next,.index03 .swiper-button-prev{width: 38px;height: 48px;background-color: #fff;color: #e62129;font-size: 18px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;outline: none;top: 38%;margin-bottom: -24px;} .index03 .swiper-button-next{right: 0;} .index03 .swiper-button-prev{left: 0;} /* 行业应用 */ .index04{margin: 100px auto 0;} .index04 .solutionbox{ width: 100%; box-sizing: border-box; margin: 0; padding: 0 10px; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 50px;} .index04 .solutionbox .item{width: calc((100% - 10px)/2);} .index04 .solutionbox .item .box{overflow: hidden;position: relative;display: block;} .index04 .solutionbox .item .box:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(45,46,64,0.25);transition: all .3s;z-index: 1;} .index04 .solutionbox .item .box img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .6s;z-index: 0;} .index04 .solutionbox .item .box:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);} .index04 .solutionbox .item .box p{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);padding: 10px 0;border-top: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);font-size: 24px;color: #ffffff;font-weight: bold;z-index: 2;} .index04 .solutionbox .item .box p:before,.index04 .solutionbox .item .box p:after{content: '';display: block;width: 0%;height: 1px;background-color: #FFFFFF;position: absolute;transition: all .3s;} .index04 .solutionbox .item .box p:before{top: 0;left: 0;} .index04 .solutionbox .item .box p:after{right: 0;bottom: 0;} .index04 .solutionbox .item .box:hover p:before,.index04 .solutionbox .item .box:hover p:after{width: 100%;} .index04 .solutionbox .item .box-top{width: 100%;} .index04 .solutionbox .item .box-bot2{margin-top:0;} .index04 .solutionbox .item .box-bot{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 10px;} .index04 .solutionbox .item .box-bot .box{width: calc((100% - 10px)/2);} .index04 .solutionbox .item02{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .index04 .solutionbox .item02 .box-item{width: calc((100% - 10px)/2);} .index04 .solutionbox .item02 .box-right .box{width: 100%;height: calc((100% - 10px)/2);} .index04 .solutionbox .item02 .box-right .box:last-child{margin-top: 10px;} .index04 .solutionbox .item .box:hover:before{background-color: rgba(45,46,64,0.5);} .index04 .solutionbox .item .box-bot2{margin-top:0;} /* 首页合作伙伴 */ .index05wrap{width: 100%;overflow: hidden;padding-top:100px;} .index05{position: relative;height: 480px;margin-top: 50px;z-index: 10;text-align: center;} .index05 a {position: absolute;display:block;width: 260px;height: 226px;background-size: 100%;clear: both;margin:5px auto;background: url(../img/cooperative3.png) center no-repeat;} .index05 a:hover {background: url(../img/cooperative1.png)center no-repeat;background-size: 100%;} .index05 a i {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;opacity: 1;} .index05 a.item1 {left: 50%;top: 0;transform: translateX(-50%);} .index05 a.item2 {left: 50%;top: 236px;transform: translateX(-50%);} .index05 a.item3 {left: 26%;top: 118px;} .index05 a.item4 {right: 26%;top: 118px;} .index05 a.item5 {left: 11.4%;top: 0;} .index05 a.item6 {left: 11.4%;top: 236px;} .index05 a.item7 {right: 11.4%;top: 0;} .index05 a.item8 {right: 11.4%;top: 236px;} .index05 a.item9 {left: -45px;top: 118px;} .index05 a.item10 {right: -45px;top: 118px;} .index05 a i .img-center{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;opacity: 1;transition: all .3s;} .index05 a i .imghover{opacity: 0;transition: all .3s;} .index05 a:hover i .img-center{opacity: 0;} .index05 a:hover i .imghover{opacity: 1;} .index05wrap .more{margin:50px auto 100px;border-color:#e62129 ;color: #e62129;} .index05wrap .more::before{background-color: #e62129;} .index05wrap .more:hover{color: #fff;} /* index06 */ .index06wrap{width: 100%;position: relative;background-color: #f5f6fb;overflow: hidden;} .index06{width: 1400px;padding: 100px 0;position: relative;z-index: 1;margin: auto;} .index06 .min02{width: 100%;box-sizing: border-box;margin: auto;position: relative;margin-top: 50px;} .index06 .min02 .left{width: 60%;float: left;box-sizing: border-box;padding-right: 140px;position: relative;display: block;} .index06 .min02 .left .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;z-index: 2;} .index06 .min02 .left img{display: block;width: 100%;transition: all .6s;} .index06 .min02 .left:hover img{transform: scale(1.1);} .index06 .min02 .left:after{content: '';display: block;width: 700px;height: 100%;border: 1px solid #dddddd;position: absolute;top: 30px;right: 110px;z-index: 0;width: 80%;} .index06 .min02 .left .text{width: 62%;box-sizing: border-box;background-color: rgba(34,34,34,0.8);padding: 30px 120px 30px 40px;position: absolute;right: 140px;top: 50%;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .index06 .min02 .left:hover .text h3{color: #e62129;} .index06 .min02 .left .text h3{font-size: 24px;color: #fff;margin-bottom: 25px;line-height: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: bold;} .index06 .min02 .left .text h4{font-size: 16px;color: #fff;line-height: 24px;opacity:0.75;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: justify;} .index06 .min02 .left .text h5{background-color: #e62129;width: 140px;height: 140px;border-radius: 50%;text-align: center;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;right: -60px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-shadow: 5px 2px 10px rgba(0,0,0,0.3);} .index06 .min02 .left .text h5:after{content: '';display: block;width: 162px;height: 162px;border-radius: 50%;border: 1px solid #fff;left: -12px;top: -12px;position: absolute;} .index06 .min02 .left .text h5 p{display: block;color: #fff;font-size: 50px;font-weight: bold;} .index06 .min02 .left .text span{font-size: 16px;display: inline-block;color: #fff;margin-top: 10px;} .index06 .min02 .right{width: 40%;float: right;position: absolute;height: 100%;right: 0;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;} .index06 .min02 .right a{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;height: auto;margin: 0;position: relative;height: calc(100% / 3);} .index06 .min02 .right a .text{width: 56%;} .index06 .min02 .right a .text h3{font-size: 20px;color: #222222;line-height: 24px;font-weight:bold;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .index06 .min02 .right a:hover .text h3{color: #e62129;} .index06 .min02 .right a .img{width: 35%;overflow: hidden;} .index06 .min02 .right a .img img{display: block;width: 100%;transition: all .6s;} .index06 .min02 .right a:hover .img img{transform: scale(1.1);} .index06 .min02 .right a .text .font{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;flex-flow: row;-webkit-flex-flow: row;margin-top: 20px;} .index06 .min02 .right a .text .font h3{font-size: 14px;color: #666666;font-weight:normal;} .index06 .min02 .right a .text .font p{display: block;width: 70px;height: 25px;background-color: #e62129;color: #ffffff;font-size: 12px;border-radius: 5px;line-height: 25px;text-align: center;} .index06 .more{margin-top: 80px;} .index06wrap .more{margin:80px auto 0px;border-color:#e62129 ;color: #e62129;} .index06wrap .more::before{background-color: #e62129;} .index06wrap .more:hover{color: #fff;} /* footer */ .footerwrap{width: 100%;box-sizing: border-box;padding: 60px 0 0px;background: #1f2428;background-size: cover;} .footer{margin: auto;} /* .f-top */ .f-top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content:space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-bottom: 40px;border-bottom: 1px solid rgba(255,255,255,0.5);margin-bottom: 40px;} .f-top .f-topl{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} /* f-logo */ .f-logo{display: block;} .f-logo img{display: block;width: auto;height: 44px;} /* f-topllx */ .f-topllx{padding-left: 40px;padding-top: 5px;margin-left: 40px;border-left: 1px solid #ffffff;font-size: 14px;line-height: 30px;color: #ffffff;opacity: 0.66;} /* f-share */ .footer .f-share{display: flex;display: -webkit-flex;} .footer .f-share a{display: flex;display: -webkit-flex;border:1px solid rgba(255,255,255,0.3);border-radius: 50%;width: 34px;height: 34px;font-size: 14px;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;color: #FFFFFF;padding: 0;margin: 0;margin-right: 10px;background-image: none;opacity: 1;} .footer .f-share a:last-child{margin-right: 0;} .footer .f-share a:hover{opacity: 0.8;} .footer .f-share a:hover:before{color: #FFFFFF;} /* f-nav */ .footerwrap .f-nav{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding-bottom: 80px;} .footerwrap .f-nav li h3 a{font-size: 16px;color: #FFFFFF;font-weight: bold;} .footerwrap .f-nav li .min{width: 100%;box-sizing: border-box;margin-top: 30px;} .footerwrap .f-nav li .min p{margin-bottom: 15px;} .footerwrap .f-nav li .min p a{font-size: 14px;position: relative;color: rgba(255,255,255,0.66);padding-bottom: 4px;} .footerwrap .f-nav li .min p a::after{content: '';display: block;width: 0%;height: 1px;background-color: #FFFFFF;position: absolute;left: 0;bottom: 0;transition: all .3s;} .footerwrap .f-nav li .min p a:hover::after{width: 100%;} .footerwrap .f-nav li .min p a:hover{color: #FFFFFF;} /* copyright */ .footerwrap .copyrightwrap{width: 100%;background: #171b1e;} .footerwrap .copyright{width: 1400px;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding: 24px 0;margin: auto;} .footerwrap .copyright h3,.footerwrap .copyright a{font-size: 14px;color: rgba(255,255,255,0.4);} .footerwrap .copyright h3 a{margin-left: 40px;} .footerwrap .copyright a:hover{color: #FFFFFF;} /* 内页 */ .inbanner{width: 100%;position: relative;margin-top:84px;z-index:1;} .inbanner img{width: 100%;} .inbanner .intext{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .inbanner .intext h3{font-size: 60px;color: #fff;margin-bottom: 24px;font-weight: bold;text-transform: uppercase;} .inbanner .intext h4{font-size: 28px;color: #fff;position: relative;} .mbx{width: 1400px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 30px;position: absolute;} .mbx a{font-size: 13px;color: #fff;} .mbx a i{margin-right: 10px;font-size: inherit;color: inherit;} .mbx>i{font-size: 14px;color: #fff;margin: 0 12px;} .mbx a:hover{text-decoration: underline;} /* 优势 */ .nav-height{} .nav-wrap{} .nav-wrap ul{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;background: #fff;box-shadow: 0px 10px 50px 0px rgba(15, 23, 38, 0.1);position: absolute;left: 50%;bottom: -38px;z-index: 3;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .nav-wrap ul li{box-sizing: border-box;width: 25%;} .nav-wrap ul li a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;border-right: 1px solid #ccc;box-sizing: border-box;padding: 26px 0px 26px 110px;transition: all .4s;} .nav-wrap ul li a i{margin-right: 20px;} .nav-wrap ul li a i img{width: 24px;} .nav-wrap ul li a i .hicon{display: none;} .nav-wrap ul li a:hover{background-color: #e62129;} .nav-wrap ul li a:hover i .hicon{display: block;} .nav-wrap ul li a:hover i .picon{display: none;} .nav-wrap ul li a h6{font-size: 15px;color: #666;} .nav-wrap ul li a:hover h6{color: #fff;} .nav-wrap.navFix{position: fixed;top: 130px;left: 50%;box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom: 1px solid #e3e3e3\9;z-index: 99999;} /* ys01 */ .ys01wrap{overflow: hidden;width: 100%;} .ys01{margin: 135px auto 80px;} .ys01 .text{width: 900px;margin:0 auto 50px;} .ys01 .text .entitle{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 30px;} .ys01 .text .entitle strong{width: 330px;display: block;height: 1px;background-color: #ccc;} .ys01 .text .entitle span{font-size: 14px;color: #666;} .ys01 .text h3{font-size: 34px;color: #222;text-align: center;font-weight: bold;} .ys01 .text h4{font-size: 20px;color: #222;text-align: center;margin: 30px auto;} .ys01 .text p{font-size: 16px;line-height: 30px;color: #444;text-align: center;} .ys01 .imgbox{width: 100%;} .ys01 .imgbox img{width: 100%;} /* ys02 */ .ys02wrap{overflow: hidden;width: 100%;background-image: url(../img/ad_02.jpg);background-size: cover; background-color: #1b2946;} .ys02{margin: auto;padding: 80px 0;} .ys02 .f1{width: 900px;margin: auto;text-align: center;} .ys02 .f1 span{font-size: 14px;color: #aaaaaa;} .ys02 .f1 h3{font-size: 34px;font-weight: bold;color: #fff;margin: 24px auto 34px;} .ys02 .f1 p{font-size: 16px;color: #fff;line-height: 30px;} .ys02 .f2{margin: 45px auto 65px;display: flex;padding:45px 0 65px ;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;border-top: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);} .ys02 .f2 .item{box-sizing: border-box;margin: auto;padding: 0 100px;border-right: 1px solid rgba(255,255,255,0.3);width:50%;} .ys02 .f2 .item:nth-last-child(1){border-right: none;} .ys02 .f2 .item .iconbox{width: 64px;height: 64px;background-color: #fff;border-radius: 50%;position: relative;margin: auto;} .ys02 .f2 .item .iconbox::after{content: '';display: block;width: 74px;height: 74px;position: absolute; top: 50%;left: 50%;background-color: rgba(255,255,255,0.33);z-index: 0;border-radius: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .ys02 .f2 .item .iconbox font{font-size: 22px;color: #444;line-height: 64px;text-align: center;width: 64px;display: block;} .ys02 .f2 .item p{margin-top: 20px;color: #fff;font-size: 16px;line-height: 30px;text-align: center;} .ys02 .f3{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .ys02 .f3 .imgbox{width: 49%;} .ys02 .f3 .imgbox img{width: 100%;height: 383px;} .ys02 .f3 .text{width: calc(50% - 10px);width: -webkit-calc(50% - 10px);margin-left: 20px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .ys02 .f3 .text .imgbox2{width: calc(50% - 10px);width: -webkit-calc(50% - 10px);} .ys02 .f3 .text .imgbox2 img{width:100%;height: 383px;} /*.ys02 .f3 .text h4{font-size: 22px;line-height: 34px;color: #fff;margin-bottom: 30px;}*/ /*.ys02 .f3 .text p{font-size: 16px;line-height: 30px;color: #fff;}*/ /* ys03 */ .ys03wrap{padding: 80px 0 0;margin:auto;} .ys03 .text{width: 900px;margin:0 auto 50px;} .ys03 .text .entitle{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 30px;} .ys03 .text .entitle strong{width: 330px;display: block;height: 1px;background-color: #ccc;} .ys03 .text .entitle span{font-size: 14px;color: #666;} .ys03 .text h3{font-size: 34px;color: #222;text-align: center;font-weight: bold;} .ys03 .text h4{font-size: 20px;color: #222;text-align: center;margin: 30px auto;} .ys03 .text p{font-size: 16px;line-height: 30px;color: #444;text-align: center;} .lb01{margin: auto;box-sizing: border-box;position: relative;} .lb01 .swiper-slide{background-color: #eee;} .lb01 a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #eeeeee;padding: 40px 0;height: 350px;box-sizing: border-box;} .lb01 a img{display: block;width: auto;height: auto;max-width: 90%;max-height: 100%;transition: all .6s;border: 3px solid #e62129;} .lb01 a:hover img{transform: scale(1.1);} .lb01 .swiper-button-next,.lb01 .swiper-button-prev{background-image: none;font-size: 30px;color: #e63327;top: 50%;margin-top: -15px;width: auto;height: auto;outline: none;} .lb01 .swiper-button-next{right: -40px;} .lb01 .swiper-button-prev{left: -40px;} .ys03 .lb01 .swiper-container-zs2 h3{font-size: 15px;color: #444;margin-top: 20px;text-align: center;} .ys03 .lb01 .swiper-container-zs2 .swiper-slide a{flex-direction: column;-webkit-flex-direction: column;} .ys03 .swiper-pagination{position: relative;width: 100%;margin-top: 40px;} .ys03 .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;margin: 0;margin-right: 10px;background-color: #bbbbbb;} .ys03 .swiper-pagination-bullet:last-child{margin-right: 0;} .ys03 .swiper-pagination-bullet-active{background-color: #e63327;} .ys04wrap{margin-bottom: 80px;padding-top:80px;} /* 新闻 */ .newsnav{} /* news01wrap */ .newsnav ul li{width: 50%;} .newsnav ul li a{padding-left:300px;} .news01wrap{width: 100%;box-sizing: border-box;} .news01wrap .li{display: block;width: 100%;box-sizing: border-box;padding: 50px 0px;border-bottom: 1px solid #DDDDDD;transition: all .3s;} .news01wrap .li:hover{background-color: #f1f2f3;} .news01wrap .item{box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .news01wrap .item .imgbox{width: 25%;box-sizing: border-box;overflow: hidden;} .news01wrap .item .imgbox img{display: block;width: 100%;transition: all .6s;} .news01wrap .li:hover .item .imgbox img{transform: scale(1.1);} .news01wrap .item .text{width: 70%;box-sizing: border-box;padding-left: 60px;padding-right: 200px;} .news01wrap .item .text p{font-size: 14px;color: #aaaaaa;margin-bottom: 20px;} .news01wrap .item .text h3{font-size: 20px;color: #222222;margin-bottom: 30px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news01wrap .item .text h4{font-size: 16px;line-height: 30px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news01wrap .li:hover .item .text h3{color: #e41900;} .news01wrap .item i{font-size: 18px;color: #e41900;display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #e41900;border-radius: 50%;transition: all .4s;background-color: transparent;} .news01wrap .li:hover i{background-color: #e41900;color: #fff;} .fy,.nav-links{box-sizing: border-box;display: flex;display: -webkit-flex;} .fy h2{display:none;} .fy a,.nav-links a,.nav-links span{display: block;width: auto;min-width: 32px;height: 32px;line-height: 30px;border-radius: 4px;border: 1px solid #DDDDDD;text-align: center;margin-right: 10px;transition: all .3s;font-size: 14px;color: #666;box-sizing: border-box;padding: 0 12px;} .fy a:last-child{margin-right: 0;} .fy a:hover,.fy a.active,.nav-links span,.nav-links a:hover{background-color: #e41900;border-color: #e41900;color: #FFFFFF;} .n-fywrap{width: 100%;box-sizing: border-box;margin: 50px auto 100px;} .news01wrap .li:nth-child(1){padding-top: 88px;} /* about */ .aboutnav ul li{width: 33.333%;} .about01wrap{padding: 135px 0 80px;position: relative;margin: auto;} .about01wrap::after{content: '';display: block;width: 30%;height: 100%;position: absolute; top: 0;right: 0;background-color: #e62129;z-index: 0;} .about01{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;position: relative;z-index: 1;} .about01 .left{width: 40%;margin-right: 5%;} .about01 .left .title{position: relative;} .about01 .left .title h3{font-size: 34px;color: #222;font-weight: bold;z-index: 1;position: relative;} .about01 .left .title img{position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 0;} .about01 .left strong{display: block;width: 48px;height: 3px;background-color: #e41900;margin: 30px 0 44px;} .about01 .left p{font-size: 16px;line-height: 28px;color: #666;margin-bottom: 30px;} .about01 .left .abmore{position: relative;border-bottom: 1px solid #bbb;padding-bottom: 15px;} .about01 .left .abmore::after{content: '';display: block;width: 0%;height: 1px;position: absolute; bottom: 0;left: 0;background-color: #e41900;z-index: 0;transition: all .4s;} .about01 .left .abmore:hover:after{width: 100%;} .about01 .left .abmore font{font-size: 15px;color: #222;transition: all .4s;} .about01 .left .abmore:hover font{color: #e41900;} .about01 .left .abmore i{width: 24px;height: 24px;background-color: #e62129;border-radius: 50%;line-height: 24px;text-align: center;color: #fff;margin-left: 30px;} .about01 .right{width: 55%;} .about01 .right img{width: 100%;} .about02wrap{width: 100%;overflow: hidden;position: relative;background-color: #f1f2f3;} .about02wrap::after{ content: '';display: block;width: 100%;height: 64.1%;;background-color: #f1f2f3;position: absolute;left: 0;top: 0;z-index: 0;background-image: url(../img/about_06.jpg);background-size: cover;} .about02{position: relative;z-index: 1;padding-top: 100px;padding-bottom: 10px;} .about02>h3{font-size: 34px;font-weight: bold;color: #fff;margin-bottom: 30px;} .about02>p{font-size: 16px;line-height: 30px;color: #fff;width:75%;} .about02 .bottom{margin-top: 50px;} .about02 .bottom .swiper-container-ls{padding-bottom: 4px;} .about02 .bottom .swiper-slide{display: block;border-radius: 6px;box-sizing: border-box;} .about02 .bottom .swiper-slide::after{content: '';display: block;width: 100%;height: 100%;position: absolute; top: 0;left: 0px;z-index: 1;border: 2px solid #e62129;opacity: 0;transition: all .4s;border-radius: 4px;box-sizing: border-box;} .about02 .bottom .swiper-slide:hover::after{opacity: 1;} .about02 .bottom .swiper-slide-active:after{opacity: 1;} .about02 .bottom .imgbox{overflow: hidden;position:relative;} .about02 .bottom .imgbox:after{content: '';display: block;width: 100%;height: 100%;;background-color: rgb(15 56 107 / 62%);position: absolute;left: 0;top: 0;z-index: 0;opacity:1;transition:all .4s;} .about02 .bottom .swiper-slide-active .imgbox:after{opacity:0;} .about02 .bottom .swiper-slide:hover .imgbox:after{opacity:0;} .about02 .bottom .imgbox img{width: 100%;} .about02 .bottom .text{text-align: left;padding: 20px 20px;} .about02 .bottom .text h3{font-size: 20px;font-weight: bold;color: #222;margin-bottom: 16px;} .about02 .bottom .text p{font-size: 15px;color: #444;line-height: 28px;overflow: hidden;min-height: 84px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .about02 .page{width: 1400px;margin: auto;height: 50px;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-top: 40px;} .about02 .page .swiper-button-next,.about02 .page .swiper-button-prev{background-image: none;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 20px;color: #333;border: 1px solid #d3d3d3;position: relative;padding: 0;margin: 0;top: 0;left: 0;right: 0;width: 50px;height: 50px;outline: none;background-color: transparent;border-radius: 50%;} /* .about04 .swiper-slide .box:hover .text{background-color: #e6771b;} */ .about02 .swiper-slide .box:hover .text h3,.about02 .swiper-slide .box:hover .text h4{color: #fff;} .about02 .swiper-scrollbar{opacity: 1!important;width: calc(100% - 120px);height: 6px;background:#dddddd;} .about02 .swiper-scrollbar-drag{background: #e63327;border-radius: 10px;} .about03wrap{width: 100%;overflow: hidden;background: url(../img/about_bg2.jpg);background-size: cover;} .about03{padding: 100px 0;} .about03 h3{font-size: 34px; color: #222;margin-bottom: 30px;font-weight:bold;} .about03 .wh{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .about03 .wh .left,.about03 .wh .right{width: calc((100% - 14px)/2);width: -webkit-calc((100% - 14px)/2);} .about03 .wh .left .l-t,.about03 .wh .right .l-t{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 14px;} .about03 .wh .item{width: calc((100% - 14px)/2);width: -webkit-calc((100% - 14px)/2);box-sizing: border-box;padding: 40px 40px;text-align: center;position: relative;background-size: cover;transition: all .4s;} .about03 .wh .item::after{content: '';display: block;width: 100%;height: 100%;position: absolute; top: 0;left: 0;background-color: #fff;z-index: 0;transition: all .4s;} .about03 .wh .item:hover:after{background-color: rgba(14,35,51,0.66);} .about03 .wh .item .item_icon{text-align: center;text-align: center;width: 54px; height: 54px; margin: 0 auto;background-color: #fff;border-radius: 50%;display: flex;justify-content: space-between;align-items: center;border: 6px solid rgba(230,51,39,1);position: relative;z-index: 3;} .about03 .wh .item .item_icon:after{content: '';display: block;width: 66px;height: 66px;background-color: transparent;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);border-radius: 50%;z-index: 2;border: 6px solid rgba(230,51,39,0.33);} .about03 .wh .item .item_icon img{width: 48px;height: auto;margin: 0 auto;z-index: 2;} #wenhua01{background: url(../img/about_11.jpg);} #wenhua02{background: url(../img/about_12.jpg);} #wenhua03{background: url(../img/about_14.jpg);} #wenhua04{background: url(../img/about_13.jpg);} #wenhua05{background: url(../img/about_16.jpg);} #wenhua06{background: url(../img/about_15.jpg);} .about03 .wh .item h3{font-size: 20px;color: #222;margin-bottom: 24px;font-weight: bold;margin-top: 24px;position: relative;z-index: 1;} .about03 .wh .item p{font-size: 16px;color: #666;line-height: 30px;position: relative;z-index: 1;min-height: 60px;opacity: 1;transition: all .4s;} .about03 .wh .item:hover p{opacity: 1;} .about03 .wh .item:hover h3{color: #fff;} .about03 .wh .item:hover p{color: #ffffffbf;} .about03 .wh .bottom{} .about03 .wh .bottom .item02{width:100%;} .about03 .wh .right{} .about03 .wh .right .l-t{margin-bottom: 0px;margin-top: 14px;} .about03 .wh .right .bottom{} /* 联系我们 */ .innerwrap{width: 100%;overflow: hidden;} .contact01wrap{width: 100%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .contact01wrap .map{width: 50%;height: 700px;} .contact01wrap .text{width: 40%;margin-left: 5%;padding-top:30px;} .contact01wrap .text h3{font-size: 30px;color: #222;font-weight: bold;margin-bottom: 30px;} .contact01wrap .text .line{display: block;width: 100%;height: 4px;background-color: #e62129;} .contact01wrap .text .info{} .contact01wrap .text .info .item{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;padding: 30px 0;border-bottom: 1px solid #ccc;} .contact01wrap .text .info .item .iconbox{width: 42px;height: 42px;border: 1px solid #444;border-radius: 50%;display: flex;display: -webkit-flex;}.contact01wrap .text .info .item .iconbox img{ width: 30px;margin: auto;} .contact01wrap .text .info .item .txtbox{margin-left: 18px;} .contact01wrap .text .info .item .txtbox h4{font-size: 16px;font-weight: bold;color: #222;margin-bottom: 2px;} .contact01wrap .text .info .item .txtbox p{font-size: 16px;line-height: 34px;color: #444;} .contact01wrap .text .info .item02{width: 50%;} .contact01wrap .text .info .floor2{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .contact01wrap .text .info .floor2 .item02:nth-child(2n){padding-left: 30px;position: relative;} .contact01wrap .text .info .floor2 .item02:nth-child(2n)::after{content: '';display: block;width: 1px;height: 120px;position: absolute; top: 30px;left: 0;background-color: #ccc;z-index: 0;} .contact01wrap .text .info .floor3 .item02:nth-child(2n)::after{content: '';display: block;width: 1px;height: 52px;position: absolute; top: 30px;left: 0;background-color: #ccc;z-index: 0;} .contact02wrap{padding-top: 100px;overflow: hidden;width: 100%;} .contact02{width: 1000px;margin: auto;padding-bottom: 70px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .contact02 .item{width: 48%;margin-right: 4%;} .contact02 .item:nth-last-child(1){margin-right: 0;} .contact02 .item img{width: 100%;} .contact02 .item h3{font-size: 20px;color: #222;font-weight: bold;margin-bottom: 24px;margin-top: 30px;} .contact02 .item p{font-size: 16px;line-height: 32px;color: #444;} .contact03wrap{} .contact03wrap .contact03{margin: auto;padding: 80px 0;border-top: 2px solid #ddd;} .contact03{width: 1000px;margin: auto;} .contact03 .box{position: relative;} .contact03 .box h4{font-size: 14px;color: #aaa;margin-bottom: 20px;text-align: center;} .contact03 .box h3{font-size: 32px;color: #222;margin-bottom: 30px;position: relative;font-weight: bold;text-align: center;} .contact03 .box img{position: absolute;bottom: 50%;left: 50%;transform: translate(-50%, 50%);opacity: 0.7;width: 100%;} .c-form{width: 100%;box-sizing: border-box;} .c-form p{width: 100%;box-sizing: border-box;background-color: #ffffff;border: 1px solid #DDDDDD;position: relative;margin-bottom: 15px;padding-left: 20px;display: inline-block;} .c-form p:nth-child(1){width: 49%;margin-right: 2%;} .c-form p:nth-child(2){width: 48.5%;margin-right: 0%;} .c-form input,.c-form select{width: 100%;outline: none;height: 40px;border: none;font-size: 14px;color: #666666;} .c-form p textarea{height: 120px;padding: 13px 0;resize: none;border: none;outline: none;font-size: 14px;color: #666;box-sizing: border-box;width:90%;} .c-form .more{margin: 15px auto 0px;border-color: #e62129;color: #e62129;padding:0;} .c-form .more::before{background-color: #e62129;} .c-form .more:hover{color: #fff;} /* chairman */ .chairman{margin: 100px auto;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;} .chairman .text{width: 66%;box-sizing: border-box;padding-right: 60px;} .chairman .text h3{font-size: 18px;color: #222222;font-weight: bold;} .chairman .text .min{width: 100%;box-sizing: border-box;margin-top: 40px;} .chairman .text .min h4{font-size: 16px;color: #707070;line-height: 30px;text-align: justify;margin-bottom: 30px;} .chairman .text .min h4:last-child{margin-bottom: 0;} .chairman .imgbox{width: 33%;box-sizing: border-box;padding-left: 60px;} .chairman .imgbox .box{width: 100%;overflow: hidden;} .chairman .imgbox .box img{display: block;width: 100%;} .chairman .imgbox h3{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 18px;color: #222222;font-weight: bold;margin: 30px 0;} .chairman .imgbox h3::after{content: '';display: block;width: 80px;height: 1px;background-color: #707070;margin-left: 20px;} .chairman .imgbox .autograph{display: block;width: auto;} .chairman::after{content: '';display: block;width: 1px;height: 100%;background-color: #ddd;position: absolute;top: 0;left: 66%;} .chairman .imgbox .bottom{} .chairman .imgbox .bottom .item{display: flex;display: -webkit-flex;-webkit-align-items: flex-start;align-items: flex-start;margin-bottom: 12px;} .chairman .imgbox .bottom .item h4{font-size: 15px;color: #222;font-weight: bold;margin-right: 20px;line-height: 24px;} .chairman .imgbox .bottom .item span{font-size: 15px;color: #666;line-height: 24px;} .morelist{width: 100%;box-sizing: border-box;display: flex;display: -webkit-inline-flex;-webkit-justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .morelist a{display: block;width:calc((100% - 2px) / 4); position: relative;overflow: hidden;margin-bottom:1px;} .morelist a img{display: block;width: 100%;} .morelist a .first{width: 100%;font-size: 20px;color: #ffffff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;opacity: 1;transition: all .5s;} .morelist a .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;background-color: rgb(230 33 41 / 83%);box-sizing: border-box;padding: 30px;opacity: 0;transition: all .3s;} .morelist a .text h3{font-size: 20px;color: #FFFFFF;margin-bottom: 20px;} .morelist a .text i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;color: #00307f;width: 36px;height: 36px;border-radius: 50%;background-color: #FFFFFF;} .morelist a:hover .text{opacity: 1;} .morelist a:hover .first{opacity: 0;} .morelist a .text::after,.morelist a .text::before{position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;} .morelist a .text::before{border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);} .morelist a .text::after{border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);} .morelist a:hover .text::after,.morelist a:hover .text::before{opacity: 1;-webkit-transform: scale(1);transform: scale(1);} /* 行业应用 */ .industry01wrap{width: 100%;overflow: hidden;} .industry01{margin: 120px auto 100px;} .industry01 h3{margin-bottom: 40px;font-size: 32px;color: #222;font-weight: bold;text-align: center;} .industry01 ul{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .industry01 ul li{width: 24%;margin-right: 1.333%;} .industry01 ul li:nth-last-child(1){margin-right: 0;} .industry01 ul li .item{position: relative;overflow: hidden;border-radius: 4px;} .industry01 ul li .item::after{content: '';display: block;width: 100%;height: 100%;position: absolute; top: 0;left: 0;background-color: rgba(0,0,0,0.5);z-index: 0;} .industry01 ul li .item img{width: 100%;} .industry01 ul li .item .textbox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 5;transition: all .4s;width: 80%;} .industry01 ul li .item .textbox h3{font-size: 20px;color: #fff;font-weight: bold;line-height: 24px;min-height: 48px;} .industry01 ul li .item .hoverbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;background-image: linear-gradient(#e6343b73, #e01820e8);opacity: 0;transition: all .6s;text-align: center;} .industry01 ul li .item:hover .hoverbox{opacity: 1;} .industry01 ul li .item .hoverbox .ht{width: 80%;position: absolute;bottom: -11%;left: 10%;transition: all .4s;transform: translateY(50%);} .industry01 ul li .item:hover .hoverbox .ht{bottom: 50%;} .industry01 ul li .item:hover .textbox{opacity: 0;} .industry01 ul li .item .hoverbox h3{font-size: 20px;font-weight: bold;color: #fff;line-height: 24px;} .industry01 ul li .item .hoverbox span{display: block;width: 100%;height: 1px;margin: 30px auto;background-color: #fff;} .industry01 ul li .item .hoverbox h4{font-size: 18px;font-weight: bold;color: #fff;margin-bottom: 20px;line-height:24px;} .industry01 ul li .item .hoverbox p{font-size: 15px;line-height: 26px;color: #fff;opacity: 0.75;} .caselistwrap{width: 100%;background-color: #f1f2f3;padding: 100px 0;} .caselist{margin: auto;} .caselist>h3{font-size: 32px;font-weight: bold;color: #222;text-align: center;} .caselist .list{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 40px;} .caselist .list .item{width: 48%;margin-right: 4%;margin-bottom: 60px;} .caselist .list .item:nth-child(2n){margin-right: 0;} .caselist .list .item .imgbox{overflow: hidden;} .caselist .list .item img{width: 100%;transition: all .4s;} .caselist .list .item .text{padding: 40px 40px;border-bottom: 1px solid #ccc;} .caselist .list .item .text h3{font-size: 24px;color: #222;font-weight: bold;margin-bottom: 20px;transition: all .4s;} .caselist .list .item .text p{font-size: 16px;color: #444;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;margin-bottom: 20px;line-height:30px;height: 30px;} .caselist .list .item .text .more{color: #fff;background-color: #e62129;} .caselist .list .item .text .more::before{background-color: #cf1d26;} .caselist .list .item:hover .text .more{color: #fff;} .caselist .list .item:hover .text{border-color: #e62129;} .caselist .list .item:hover img{transform: scale(1.1);} .caselist .list .item:hover .text h3{color: #e62129;} .caselistwrap .fy,.nav-links{box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: center;align-items: center;display: -webkit-flex;-webkit-justify-content: center;} .caselistwrap .n-fywrap{width: 100%;box-sizing: border-box;margin: 0px auto 0px;} .caselistwrap .fy .screen-reader-text{display:none;} .caselistwrap .hy-fywrap{margin: 0 auto;} /* 产品中心 */ .pro01wrap{overflow: hidden;width: 100%;} .pro01{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .pro01 .left{width: 30%;margin-right: 3%;padding-right: 3%;box-sizing: border-box;padding-left: calc(50% - 700px);padding-left: -webkit-calc(50% - 700px);background-color: #f5f6fb;padding-top: 80px;} .pro01 .left h3{display: block;font-size: 18px;color: #fff;width: 100%;height: 48px;line-height: 48px;background-color: #e62129; box-sizing: border-box;padding-left: 20px;font-weight: bold;} .pro01 .left .lb{width:100%} .pro01 .left .lb .item{} .pro01 .left .lb .item>a{display: block;height: 52px;line-height: 52px;font-size: 15px;color: #444444;border-bottom: 1px solid #ddd;padding: 0 20px;display: flex;-webkit-justify-content: space-between;justify-content: space-between;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .pro01 .left .lb .item>a.active2go{color: #e62129;} .pro01 .left .lb .item>a:hover{color: #e62129;} .pro01 .left .lb .item .info{width: 100%;box-sizing: border-box;padding: 0;border-bottom: 1px solid #ddd;display: none;} .pro01 .left .lb .opens .info {display: block;} .pro01 .left .lb .item .info>a{display: block;box-sizing: border-box;padding: 10px 20px 10px;font-size: 14px;color: #444444;margin-left: 20px;position: relative;} .pro01 .left .lb .item .info>a::after{content: '';display: block;width: 4px;height: 1px;position: absolute; top: 50%;left: 0;background-color: #aaa;z-index: 0;} .pro01 .left .lb .item .info>a:hover{color: #e62129;text-decoration: underline;} .pro01 .left .lb .item .info>a:nth-child(1){margin-top:10px;} .pro01 .left .lb .item .info>a.active2go{color: #e62129;text-decoration: underline;} .pro01 .rightwrap{width: 66%;padding-top: 80px;padding-right: 5%;box-sizing: border-box;} .pro01 .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .pro01 .left .lb .item>a i{color: inherit;font-size: inherit;} .pro01 .left .lb .item>a.active i{transform: rotate(180deg);-webkit-transform: rotate(180deg);} .pro01 .left .lb .item>a.active{color: #e62129;} .pro01 .left .bot{width: 100%;box-sizing: border-box;position: relative;margin-top: 40px;} .pro01 .left .bot .min{width: 100%;box-sizing: border-box;} .pro01 .left .bot .min a{display: block;width: 100%;padding: 20px ;border-bottom: 1px solid #ddd;box-sizing: border-box;} .pro01 .left .bot .min a p{font-size: 16px;color: #e62129;margin-bottom: 10px;} .pro01 .left .bot .min a font{display: block;font-size: 14px;color: #444444;} .pro01 .left .bot .min a:last-child{border-bottom: none;} .pro01 .right>a{width: 48%;margin-right: 4%;margin-bottom: 30px;} .pro01 .right>a:nth-child(2n){margin-right: 0;} .pro01 .right>a .imgbox{width: 100%;overflow: hidden;position: relative;background-image: url(../img/pro_bg.jpg);background-size: cover;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .pro01 .right>a .imgbox img{width: 100%;transition: all .4s;z-index: 0;margin: auto;} .pro01 .right>a .imgbox i{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 20px;color: #fff;display: block;width: 44px;height: 44px;border: 1px solid #fff;border-radius: 50%;text-align: center;line-height: 44px;z-index: 1;opacity: 0;} .pro01 .right>a .textbox{width: 100%;box-sizing: border-box;padding: 35px;transition: all .4s;} .pro01 .right>a .textbox h3{font-size: 20px;color: #222;font-weight: bold;margin-bottom: 10px;} .pro01 .right>a .textbox p{font-size: 15px;color: #666;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;height: 22px;} .pro01 .right>a .imgbox:before {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(1,1,1,0.5);opacity: 0;transition: all .3s;z-index: 1;} .pro01 .right>a .imgbox:after {content: '';display: block;width: 0%;height: 5px;background-color: #e62129;position: absolute;left: 0;bottom: 0;transition: all .3s;z-index: 2;} .pro01 .right>a:hover .textbox{background-color: #fff;box-shadow:0px 9px 12px rgba(6, 21, 34, 0.1);} .pro01 .right>a:hover .imgbox img{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);} .pro01 .right>a:hover .textbox h3{color: #e62129;} .pro01 .right>a:hover .imgbox:before{opacity: 1;} .pro01 .right>a:hover .imgbox:after{width: 100%;} .pro01 .right>a:hover .imgbox i{opacity: 1;} .pro01wrap .n-fywrap{margin-top: 10px;} /* 产品详情 */ /* floor01 */ .floor01{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;width: 100%;} .floor01 .f-left{width: 50%;} .floor01 .gallery-top{border: 1px solid #ddd;} .floor01 .gallery-top .swiper-slide{cursor: pointer;} .floor01 .gallery-top .swiper-slide img{ display: block; width: 100%;} .floor01 .gallery-thumbs{margin: 2px 0 0 0;} .floor01 .gallery-thumbs .swiper-slide{cursor: pointer;} .floor01 .gallery-thumbs .swiper-slide img{ display: block; width: 100%; opacity: 0.7; transition: all .3s;} .floor01 .gallery-thumbs .swiper-slide-thumb-active img,.pro-single-imageslist .gallery-thumbs .swiper-slide:hover img{ opacity: 1; } .floor01 .gallery-thumbs .swiper-slide:after {content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;opacity: 1;transition: all .3s;} .floor01 .gallery-thumbs .swiper-slide-thumb-active:after,.pro-single-imageslist .gallery-thumbs .swiper-slide:hover:after {opacity: 0;} .floor01 .swiper-button-next03, .floor01 .swiper-button-prev03{position: absolute;background: none;width: 48px;height: 48px;text-align: center;color: #333;font-size: 20px;line-height: 48px;background-color: #fff;border-radius: 50%;top: 50%;margin: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .floor01 .swiper-button-next03:hover, .floor01 .swiper-button-prev03:hover{-webkit-box-shadow:0 0 10px rgba(0, 204, 204, .5);-moz-box-shadow:0 0 10px rgba(0, 204, 204, .5);box-shadow:0 0 10px rgba(66, 66, 66, 0.5);opacity: 1;} .floor01 .swiper-button-next03{right: 8px;z-index: 1;} .floor01 .swiper-button-prev03{left: 8px;z-index: 1;} .floor01 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:1;} .industryinfo01 .swiper-button-next03, .industryinfo01 .swiper-button-prev03{position: absolute;background: none;width: 48px;height: 48px;text-align: center;color: #333;font-size: 20px;line-height: 48px;background-color: #fff;border-radius: 50%;top: 50%;margin: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index:1;} .industryinfo01 .swiper-button-next03:hover, .industryinfo01 .swiper-button-prev03:hover{-webkit-box-shadow:0 0 10px rgba(0, 204, 204, .5);-moz-box-shadow:0 0 10px rgba(0, 204, 204, .5);box-shadow:0 0 10px rgba(66, 66, 66, 0.5);opacity: 1;} .industryinfo01 .swiper-button-next03{right: 8px;z-index: 1;} .industryinfo01 .swiper-button-prev03{left: 8px;z-index: 1;} .industryinfo01 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:1;} .floor01 .f-right{width: 46%;margin-left: 4%;} .floor01 .f-right h3{font-size: 30px;color: #222;font-weight: bold;margin-bottom: 30px;} .floor01 .f-right strong{display: block;background-color: #ccc;width: 100%;height: 1px;position: relative;} .floor01 .f-right strong::after{content: '';display: block;width: 40px;height: 3px;position: absolute; top: -1px;left: 0;background-color: #e62129;z-index: 0;} .floor01 .f-right p{font-size: 16px;color: #444;margin-top: 30px;line-height: 30px;} .floor01 .f-right a{margin-top: 30px;} /* floor02 */ .floor02{margin-top: 80px;width: 100%;} .floor02 h3{font-size: 30px;color: #222;font-weight: bold;margin-bottom: 30px;} .floor02 strong{display: block;width: 100%;height: 1px;background-color: #ccc;position: relative;} .floor02 strong::after{content: '';display: block;width: 30px;height: 3px;position: absolute; top: -1px;left: 0;background-color: #e62129;z-index: 0;} .floor02 .list02{width: 100%;margin-top: 30px;} .floor02 .list02 li{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;margin-bottom: 20px;} .floor02 .list02 li:last-child{margin-bottom: 0;} .floor02 .list02 li i{font-size: 26px;color: #e62129;margin-right: 20px;} .floor02 .list02 li p{font-size: 16px;color: #222222;line-height:24px;} .xh .imgbox{width:100%;margin-top:30px;} .xh .imgbox img{max-width:100%;width:auto;} /* floor03 */ .floor03{margin-top: 80px;width: 100%;} .floor03 h3{font-size: 30px;color: #222;font-weight: bold;margin-bottom: 30px;} .floor03 strong{display: block;width: 100%;height: 1px;background-color: #ccc;position: relative;} .floor03 strong::after{content: '';display: block;width: 30px;height: 3px;position: absolute; top: -1px;left: 0;background-color: #e62129;z-index: 0;} .floor03 .list03{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 30px;} .floor03 .list03 li{width: 24%;margin-right: 1%;box-sizing: border-box;padding: 40px;background: #eee;border-radius: 4px;transition: all .4s;margin-bottom: 20px;} .floor03 .list03 li:hover{background: #d31d25;} .floor03 .list03 li:hover p{color: #fff;} .floor03 .list03 li:nth-child(4n){margin-right: 0;} .floor03 .list03 li img{width: auto;margin: auto;} .floor03 .list03 li img.uimg{display:block;} .floor03 .list03 li:hover img.uimg{filter: none;filter: grayscale(1) brightness(30);} .floor03 .list03 li p{font-size: 18px;margin-top: 20px;text-align: center;} /* floor04 */ .floor04{margin-top: 80px;width: 100%;} .floor04 h3{font-size: 30px;color: #222;font-weight: bold;margin-bottom: 30px;} .floor04 strong{display: block;width: 100%;height: 1px;background-color: #ccc;position: relative;} .floor04 strong::after{content: '';display: block;width: 30px;height: 3px;position: absolute; top: -1px;left: 0;background-color: #e62129;z-index: 0;} .floor04 .f03-lb{margin-top: 30px;position: relative;} .floor04 .f03-lb .swiper-slide{position: relative;} .floor04 .f03-lb .swiper-slide>a{display:block;} .floor04 .f03-lb .imgbox{width: 100%;overflow: hidden;} .floor04 .f03-lb .imgbox img{width: 100%;} .floor04 .f03-lb .textbox{box-sizing: border-box;width: 260px;height: 60px;background-color: #e62129d8;position: absolute;left: 0;bottom: 0;} .floor04 .f03-lb .textbox p{font-size: 16px;color: #fff;font-weight: bold;line-height: 60px;margin-left: 30px;text-align: left;} .floor04 .f03-lb .ta{position: absolute;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;left: 0;bottom: -40px;} .floor04 .f03-lb .ta .swiper-button-prev-pinf{background-image: none;font-size: 20px;color: #222;position: relative;top: 0;left: 0;right: 0;bottom: 0;margin: 0;height: 30px;width: 30px;text-align:center;line-height: 30px;} .floor04 .f03-lb .ta .swiper-button-next-pinf{background-image: none;font-size: 20px;color: #222;position: relative;top: 0;left: 0;right: 0;bottom: 0;margin: 0;height: 30px;width: 30px;text-align:center;line-height: 30px;} .floor04 .f03-lb .ta .swiper-pagination{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;position: relative;margin: 0 20px;} .floor04 .f03-lb .ta .swiper-pagination-bullet-active{background-color: #e63327;} .floor04 .f03-lb .ta .swiper-pagination span{margin-right: 10px;} .floor04 .f03-lb .ta .swiper-pagination span:nth-last-child(1){margin-right: 0;} .pro01wrap .pinfo-fywrap{margin-top: 100px;} .pro01wrap .more {margin: 50px 0 100px;border-color: #e62129;color: #e62129;} .pro01wrap .more::before {background-color: #e62129;} .pro01wrap .more:hover {color: #fff;} /* 行业应用详情页 */ .inbanner02{padding-top: 90px;background-color: #eee;} .mbx02{position: relative;top: 0;padding: 20px 0;} .mbx02 a{color: #888;} .mbx02 i{color: #888;} .industryinfo01wrap{} .industryinfo01wrap .topic{margin-top: 80px;} .industryinfo01wrap .topic h3{font-size: 38px;font-weight: bold;color: #222;margin-bottom: 40px;} .industryinfo01{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;margin: 80px auto 80px;} .industryinfo01 .f-left{width: 50%;position:relative;} .industryinfo01 .gallery-top{border: 1px solid #ddd;} .industryinfo01 .gallery-top .swiper-slide{cursor: pointer;} .industryinfo01 .gallery-top .swiper-slide img{ display: block; width: 100%;} .industryinfo01 .gallery-thumbs{margin: 2px 0 0 0;} .industryinfo01 .gallery-thumbs .swiper-slide{cursor: pointer;} .industryinfo01 .gallery-thumbs .swiper-slide img{ display: block; width: 100%; opacity: 0.7; transition: all .3s;} .industryinfo01 .gallery-thumbs .swiper-slide-thumb-active img,.pro-single-imageslist .gallery-thumbs .swiper-slide:hover img{ opacity: 1; } .industryinfo01 .gallery-thumbs .swiper-slide:after {content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;opacity: 1;transition: all .3s;} .industryinfo01 .gallery-thumbs .swiper-slide-thumb-active:after,.pro-single-imageslist .gallery-thumbs .swiper-slide:hover:after {opacity: 0;} /*.industryinfo01 .swiper-button-next, .industryinfo01 .swiper-button-prev{background: none;width: 48px;height: 48px;text-align: center;color: #333;font-size: 20px;line-height: 48px;background-color: #fff;border-radius: 50%;top: 50%;margin: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}*/ /*.industryinfo01 .swiper-button-next:hover, .industryinfo01 .swiper-button-prev:hover{-webkit-box-shadow:0 0 10px rgba(0, 204, 204, .5);-moz-box-shadow:0 0 10px rgba(0, 204, 204, .5);box-shadow:0 0 10px rgba(66, 66, 66, 0.5);opacity: .8;}*/ .industryinfo01 .f-right{width: 46%;margin-left: 4%;} .industryinfo01 .f-right h3{font-size: 30px;color: #222;font-weight: bold;margin-bottom: 30px;text-align: left;} .industryinfo01 .f-right strong{display: block;background-color: #ccc;width: 100%;height: 1px;position: relative;} .industryinfo01 .f-right strong::after{content: '';display: block;width: 40px;height: 3px;position: absolute; top: -1px;left: 0;background-color: #e62129;z-index: 0;} .industryinfo01 .f-right p{font-size: 16px;color: #444;margin-top: 30px;line-height: 30px;} .industryinfo01 .f-right a{margin-top: 30px;} .more02 {margin: 50px 0 0px;border-color: #e62129;color: #e62129;} .more02::before {background-color: #e62129;} .more02:hover {color: #fff;} .industryinfo01wrap .page{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px; border-top: 1px solid #ccc;margin-bottom: 80px;} .industryinfo01wrap .page a{font-size: 14px;color: #666666;} .industryinfo01wrap .page a i{font-size: inherit;color: inherit;margin-right: 10px;} .industryinfo01wrap .page a:last-child i{margin-right: 0;margin-left: 10px;} .industryinfo01wrap .page a:hover{color: #e62129;} .industryinfo03{margin: 100px auto 80px;} .industryinfo03 h3{font-size: 30px;color: #222;font-weight: bold;margin-bottom: 30px;} .industryinfo03 strong {display: block;width: 100%;height: 1px;background-color: #ccc;position: relative;} .industryinfo03 strong::after {content: '';display: block;width: 30px;height: 3px;position: absolute;top: -1px;left: 0;background-color: #e62129;z-index: 0;} .industryinfo03 ul{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 30px;} .industryinfo03 ul li{width: 48%;border: 1px solid #ccc;border-radius: 10px;box-sizing: border-box;margin-right:4%;padding: 30px 40px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .industryinfo03 ul li:nth-last-child(1){margin-right: 0;} .industryinfo03 ul li .iconbox{width: 76px;height: 76px;border: 1px solid #ccc;border-radius: 50%;box-sizing: border-box;box-shadow:0 0 11px 2px #e4e4e4;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .industryinfo03 ul li .iconbox img{width: auto;margin: auto;} .industryinfo03 ul li .text{margin-left: 40px;} .industryinfo03 ul li .text h3{font-size: 18px;color: #222;margin-bottom: 10px;} .industryinfo03 ul li .text p{font-size: 16px; color: #666;} /* 人才 */ .presonnel01wrap{width: 100%;position: relative;padding: 140px 0;} .presonnel01wrap:after{content: '';display: block;width: 30%;height: 100%;position: absolute;top: 0;right: 0;background-color: #f1f2f3;z-index: 0;} .presonnel01{position: relative;margin: auto;z-index: 1;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .presonnel01-t{width: 50%;box-sizing: border-box;padding-right: 260px;} .presonnel01-t font{font-size: 13px;color: #e62129;margin-bottom: 30px;display: block;} .presonnel01-t h3{font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 30px;} .presonnel01-t p{font-size: 20px;color: #222222;} .presonnel01-t strong{display: block;width: 90%;height: 1px;background-color: #dddddd;margin: 30px 0;} .presonnel01-t h4{font-size: 15px;line-height: 26px;color: #666666;margin-bottom: 20px;} .presonnel01-t h4:last-child{margin-bottom: 0;} .presonnel01-i{width: 50%;position: relative;} .presonnel01-i .imgbox{width: 100%;overflow: hidden;} .presonnel01-i .imgbox img{display: block;width: 100%;} .presonnel01-i .fontbox{width: 380px;height: 220px;box-sizing: border-box;padding: 0 60px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;background-color: #e62129;justify-content: center;-webkit-justify-content: center;position: absolute;left: -190px;top: 50%;margin-top: -110px;display: none; } .presonnel01-i .fontbox img{display: block;width: auto;max-width: 100%;} /* presonnel02wrap */ .presonnel02wrap{width: 100%;box-sizing: border-box;padding: 180px 0;background: url(../img/per_02.jpg)no-repeat;background-size: cover;} .presonnel02{margin: auto;box-sizing: border-box;;} .presonnel02>div{width: 50%;box-sizing: border-box;padding-right: 150px;} .presonnel02 h3{font-size: 36px;color: #ffffff;font-weight: bold;margin-bottom: 30px;} .presonnel02 p{font-size: 18px;color: #ffffff;} .presonnel02 strong{display: block;width:60%;height: 1px;background-color: #dddddd;margin: 30px 0;opacity: 0.66;} .presonnel02 h4{font-size: 15px;line-height: 26px;color: #ffffff;margin-bottom: 20px;opacity: 0.66;box-sizing: border-box;padding-right: 40%;} .presonnel02 h4:last-child{margin-bottom: 0;} /* presonnel03wrap */ .presonnel03wrap{width: 100%;position: relative;padding: 130px 0;} .presonnel03wrap:before{content: '';display: block;width: 70%;position: absolute;left: 0;z-index: 0;background-color: #f1f2f3;height: 100%;top: 0;} .presonnel03{position: relative;margin: auto;z-index: 1;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin: auto;-webkit-align-items: center;align-items: center;} .presonnel03-t{width: 50%;box-sizing: border-box;padding-right: 130px;} .presonnel03-t h3{font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 30px;} .presonnel03-t p{font-size: 18px;color: #222222;line-height:28px;} .presonnel03-t strong{display: block;width: 90%;height: 1px;background-color: #dddddd;margin: 30px 0;} .presonnel03-t h4{font-size: 15px;line-height: 26px;color: #666666;margin-bottom: 20px;} .presonnel03-t h4:last-child{margin-bottom: 0;} .presonnel03-i{width: 50%;box-sizing: border-box;overflow: hidden;} .presonnel03-i img{display: block;width: 100%;transition: all .6s;} .presonnel03-i:hover img{transform: scale(1.1);} .presonnel02 font {font-size: 13px;color: #fff;margin-bottom: 30px;display: block;} .presonnel03 font {font-size: 13px;color: #e62129;margin-bottom: 30px;display: block;} /* join02 */ .join02{width: 100%;background-color: #fff;box-sizing: border-box;padding: 80px 0 80px;background-color:#f1f2f3;} .join02 .cont{width: 1400px;margin: auto;box-sizing: border-box;} .join02 .cont .toh3{font-size: 32px;color: #222;margin-bottom: 30px;text-align: left;font-weight:bold;} .join02 .cont .min{width: 100%;box-sizing: border-box;position: relative;} .join02 .cont .min .item{width: 100%;border-bottom: 1px solid #DDDDDD;} .join02 .cont .min .item:first-child{border-top: 1px solid #DDDDDD;} .join02 .cont .min li a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 64px;} .join02 .cont .min li a p{font-size: 18px;color: #222222;font-weight: bold;} .join02 .cont .min li a i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 20px;height: 20px;border: 1px solid #e62129;border-radius: 50%;font-size: 12px;color: #fff;background-color: #e62129;} .join02 .cont .min .item .info{width: 100%;box-sizing: border-box;position: relative;margin: 0 0 40px;border-top: 1px solid #DDDDDD;padding-top: 30px;display: none;} .join02 .cont .min .item .info::before{content: '';display: block;width: 1px;height: calc(100% - 30px);position: absolute;left: 15%;top: 25px;background-color: #DDDDDD;z-index: 0;} .join02 .cont .min .item .info li{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding-bottom: 40px;position: relative;z-index: 1;} .join02 .cont .min .item .info li p{width: 15%;font-size: 16px;color: #e62129;border-right: 2px solid #e62129;margin-top: 5px;font-weight:bold;} .join02 .cont .min .item .info li h4{width: 85%;font-size: 15px;color: #666666;line-height: 30px;box-sizing: border-box;padding-left: 50px;} .join02 .cont .min .item:first-child .info{display: block;} .join02 .cont .min .item.active a .fa{transform: rotate(180deg);-webkit-transform: rotate(180deg);} /* join03 */ .join02 .top{width: 100%;box-sizing: border-box;margin-bottom: 30px;} .join02 .top h4{font-size: 16px;color: #222222;line-height: 30px;margin-bottom: 30px;} .join02 .top h3{font-size: 16px;color: #222222;font-weight: bold;margin-bottom: 10px;} .join02 .top h5{font-size: 16px;color: #222;line-height: 30px;} .join02 .top h5 font{font-size: 16px;color: #222;line-height: 30px;font-weight: bold;} /* 新闻详情 */ .n-infowrap{width: 100%;box-sizing: border-box;position: relative;margin-top: 90px;overflow: hidden;height: 300px;background-color: #f1f2f3;} .n-infowrap img{display: block;width: 100%;} .newinfotext{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .newinfotext h3{font-size: 32px;color: #222;line-height: 50px;font-weight: bold;} .newinfotext p{font-size: 14px;color: #444;opacity: 0.75;margin-top: 20px;} /* newsinfowrap */ .newsinfowrap{background-color: #fff;} .newsinfo{margin: auto;box-sizing: border-box;padding: 80px 0;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .newsinfo:after{content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;right: 30%;background-color: #DDDDDD;} .newsinfo-left{width: 70%;box-sizing: border-box;position: relative;padding-right: 60px;} .newsinfomin{width: 100%;box-sizing: border-box;position: relative;border-bottom: 1px solid #DDDDDD;margin-bottom: 30px;} .newsinfomin p{font-size: 15px;line-height: 28px;color: #4b4d4f;margin-bottom: 30px;} .newsinfomin p img{ display: block;width: auto;height: auto;margin: 20px 0; max-width: 100%;} .newsinfomin h4{font-size: 24px;color: #4b4d4f;font-weight: bold;margin-bottom: 30px;} .newsinfo-left .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;} .newsinfo-left .page a{font-size: 14px;color: #545454666;} .newsinfo-left .page a i{font-size: inherit;color: inherit;margin-right: 10px;} .newsinfo-left .page a:last-child i{margin-right: 0;margin-left: 10px;} .newsinfo-left .page a:hover{color: #00307f;} /* newsinfo-right */ .newsinfo-right{width: 30%;box-sizing: border-box;padding-left: 60px;} .newsinfo-right .tl{font-size: 24px;color: #4b4d4f;font-weight: bold;margin-bottom: 30px;} .newsinfo-right .list{width: 100%;} .newsinfo-right .list a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 20px 0;border-bottom: 1px solid #dddddd;} .newsinfo-right .list a:first-child{border-top: 1px solid #dddddd;} .newsinfo-right .list a .imgbox{width: 30%;box-sizing: border-box;overflow: hidden;} .newsinfo-right .list a .imgbox img{display: block;width: 100%;transition: all .6s;} .newsinfo-right .list a:hover .imgbox img{transform: scale(1.1);} .newsinfo-right .list a .text{width: 62%;box-sizing: border-box;} .newsinfo-right .list a .text h3{font-size: 14px;line-height: 25px;color: #4b4d4f;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 10px;} .newsinfo-right .list a .text p{font-size: 12px;color: #aaaaaa;} .newsinfo-right .list a:hover .text h3,.newsinfo-right .list a:hover .text p{color: #00307f;} .join01{margin: 100px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .join01 .imgbox{width: 50%;box-sizing: border-box;} .join01 .imgbox img{width:100%;} .join01 .text{width: 45%;box-sizing: border-box;margin-left: 5%;} .join01 .text h3{font-size: 32px;color: #222222;margin-bottom: 20px;font-weight: bold;} .join01 .text strong{display: block;width: 80px;height: 2px;background-color: #e62129;margin: 30px 0;} .join01 .text h4{font-size: 16px;color: #666666;line-height: 30px;} .forem .wpcf7 p textarea{width:100%;} @media only screen and (max-width: 1600px){ .header .logo img{height:38px;} .i-cont{width: 1160px;} .index01 .title{width: 1160px;} .index06{width: 1160px;} .header{width: 1160px;} .footerwrap .copyright{width: 1160px;} .banner .banner-txt .h3box h3{font-size: 50px;} .banner .banner-txt strong{font-size: 14px;} .banner .banner-txt h4{font-size: 22px;} .index01 .item{margin-left: calc(25% - 290px); margin-left: -webkit-calc(25% - 290px); width: calc(870px + 25%); width: -webkit-calc(870px + 25%); } .index01 .index01tab{right: calc(50% - 580px);right: -webkit-calc(50% - 580px);} .index01 .item .right .textbox{padding: 60px;} .index01 .item .right{padding-left: 100px;} .index01 .item .right .more{left: -132px;width: 230px;height: 62px;line-height: 62px;font-size: 16px;} .index01 .item .right{padding-bottom: 31px;margin-bottom: -31px;} .banner .bbicon{bottom: 30px;} .index05{height: 400px;} .index05 a{width: 218px;height: 200px;background-size: 100%;} .index05 a.item2 {left: 50%;top: 196px;transform: translateX(-50%);} .index05 a.item3 {left: 26%;top: 98px;} .index05 a.item4 {right: 26%;top: 98px;} .index05 a.item5 {left: 11.4%;top: 0;} .index05 a.item6 {left: 11.4%;top: 196px;} .index05 a.item7 {right: 11.4%;top: 0;} .index05 a.item8 {right: 11.4%;top: 196px;} .index05 a.item9 {left: -38px;top: 98px;} .index05 a.item10 {right: -38px;top: 98px;} .index05 a i{ width: 70%; margin: auto;} .index05 a i .img-center{max-width: 70%;} .title-p h3{font-size:34px;} .title-p strong{margin: 22px auto;} .index03 .txt h3{font-size:20px;} .index03 .serviceIconBox h4{font-size:16px;} .index06 .min02 .right a .text h3{font-size:17px;} .index01 .bgimg{right:0;} .banner .banner-txt{width:950px;} .banner .banner-txt{padding-bottom:60px;} .header .nav li>a{line-height: 80px;} .banner {height: calc(100% - 80px);margin-top: 80px;overflow: hidden;} .mbx{width: 1160px;} .nav-wrap ul li a{padding: 22px 0px 22px 94px;} .nav-wrap ul{bottom: -34px;} .ys01 .text p{font-size: 15px;} .ys02 .f1 p{font-size: 15px;} .ys02 .f2 .item p{font-size: 15px;} .ys02 .f3 .text p{font-size: 15px;} .ys02 .f3 .text h4{font-size: 20px;} .inbanner{margin-top: 80px;} .about01 .left p{font-size: 15px;line-height: 26px;} .about02 p{font-size: 15px;line-height: 26px;} .about02wrap::after{height: 63.4%;} .about03 .wh .item p{font-size: 15px;line-height: 24px;} .about03 .wh .item{padding:30px;} .about03 .wh .item h3{margin-bottom:20px;} .about02 .page{width:1160px;} .news01wrap .item .text h3{font-size:18px;} .newsnav ul li a{padding-left:240px;} .contact01wrap .map{height: 580px;width: 50%;} .contact01wrap .text .info .item .txtbox p{font-size: 14px;line-height: 28px;} .contact01wrap .text{width: 45%;margin-left: 3%;} .contact01wrap .text h3{font-size:26px;} .contact02 .item h3{font-size: 18px;} .contact02 .item p{font-size: 15px;line-height: 30px;} .header .nav li>a{font-size: 15px;} .inbanner .intext h3{font-size: 50px;} .morelist a .text h3{font-size:18px;} .chairman .text .min h4{font-size:15px;line-height:26px;} .about01 .left .title img{height:60px;opacity:0.75;} .industry01 ul li .item .textbox h3{font-size:18px;} .industry01 ul li .item .hoverbox h3{font-size:18px;} .industry01 ul li .item .hoverbox p{font-size:14px;line-height:26px;} .pro01 .left{padding-left: calc(50% - 580px);padding-left: -webkit-calc(50% - 580px);width: 32%;} .pro01 .right a .textbox{padding: 20px;} .floor01 .f-right p{font-size:15px;line-height:24px;} .floor02 h3,.floor03 h3,.floor04 h3,.floor01 .f-right h3{font-size: 28px;} .floor02 .list02 li p{font-size: 15px;} .floor03 .list03 li{padding: 20px;} /* .floor03 .list03 li:nth-child(6n) {margin-right: 1%;}*/ /* .floor03 .list03 li:nth-child(5n) {margin-right: 0;}*/ .floor03 .list03 li p{font-size:16px;} .industryinfo01 .f-right p{font-size:15px;line-height:24px;} .industryinfo01wrap .topic h3{font-size:32px;} .industryinfo01 .f-right h3{font-size:28px;} .inbanner02{padding-top:80px;} .join02 .cont{width: 1160px;} .join03wrap{width: 1160px;} .join02 .cont .toh3{font-size:28px;} .presonnel01-t{padding-right: 60px;} .presonnel02>div{padding-right: 0px} .presonnel03-t{padding-right: 60px;} .header .nav li .nav02{top: 80px;} .ys02 .f3 .text .imgbox2 img{height:317px;} .ys02 .f3 .imgbox img{height:317px;} .join01 .text h3{font-size:28px;} }