@charset "utf-8"; /* 浏览器样式初始化 */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;line-height: 1em;max-height: 99999px;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} html,body{overflow-x: hidden;font-size: 16px;line-height:1em;color: #555;font-family: '思源黑体',PingFang SC,Microsoft Yahei,Arial,Hiragino Sans GB,STHeiti,'华文细黑',sans-serif;background: #fff;} ul,ol,li{list-style:none} a{color: inherit;text-decoration:none;outline: none;} a:hover{text-decoration:none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease; } img{border:0;} em,i,b{font-style: normal;font-weight: normal;} h1,h2,h3,h4,h5,h6{font-weight:normal} .clear:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clear{zoom:1;} .left{float:left;} .right{float:right;} .before, .after{position: relative;display: block;line-height: 1em;} .before:before, .after:after{position: absolute;display: block;content: "";} .imgbigout{display: block;overflow: hidden;} .imgbigout .imgbig{display: block;max-width: 100%;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .imgbigout:hover .imgbig{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1) } .imgbigout img{display: block;max-width: 100%;margin: 0 auto;} input{-webkit-appearance:none;outline: none;background: none;border: none;} /*分页框架*/ .pager-box{margin-top: 70px;text-align: center;} .pager{display: inline-block;margin: 0 auto;} .pager span,.pager a{float: left;display:inline-block;width: 40px;height: 40px;margin: 0 6px;color: #555;line-height: 40px;text-align:center;border-radius: 5px;} .pager .now{color:#fff;background-color: #0d5999;} .pager .current,.pager .p1{display: none;} .pager .p1:first-child, .pager .current:first-child{background-position: -2px -33px;} .pager .p1:last-child, .pager .current:last-child{background-position: -34px -33px;} .pager .p1:hover{background-color: #0d5999;} .pager .p1:first-child:hover{background-position: -2px -1px;} .pager .p1:last-child:hover{background-position: -34px -1px;} /* 通用 */ .imb{width: 73%;margin: 0 auto;} .mb{width: 86%;margin: 0 auto;} .wrap{margin-left: 136px;} .web-bg{position: absolute;background-size: cover;} .com-banner{position: relative;height: 300px;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;} .com-banner .web-bg1{top: 0;left: 0;z-index: 2;width: 49.8%;height: 100%;background-image: url(img/web-bg1.png);background-position: right bottom;background-repeat: no-repeat;} .com-banner p{position: absolute;left: 7%;} .com-banner .tit-en{top: 41.6%;z-index: 1;font-size: 80px;font-weight: bold;line-height: .8em;white-space: nowrap;text-transform: uppercase;font-family: "思源黑体";color: #fff;opacity: .5;} .com-banner .tit-cn{top: 54.3%;z-index: 2;font-size: 35px;color: #fff;} .wrap-main{position: relative;} .wrap-main .web-bg2{top: 0;left: 49.8%;width: 50.2%;height: 0;padding-bottom: 56.5%;background-image: url(img/web-bg2.png);background-position: left top;} .com-top{display: flex;justify-content: space-between;align-items: flex-end;} .com-tit{position: relative;display: inline-block;padding: 18px 18px 0 0;} .com-tit span{position: absolute;top: 0;right: 0;width: 36px;height: 36px;border: 4px solid #c60202;border-radius: 50%;box-sizing: border-box;} .com-tit h6{position: relative;display: inline-block;font-size: 45px;color: #000;background: #fff;} .com-top .com-nav{} .com-top .com-nav a{margin-left: 34px;font-size: 18px;line-height: 2em;color: #333;} .com-top .com-nav .active{color: #1e639a;} .slide-btn a{display: block;width: 54px;height: 54px;background: #eee;} .slide-btn i{display: block;width: 100%;height: 100%;font-size: 24px;color: #9b9b9b;line-height: 54px;text-align: center;} .slide-btn a:hover{background: #005093;} .slide-btn a:hover i{color: #fff;} .scrollbar{overflow-y: scroll;} .scrollbar::-webkit-scrollbar { width: 3px; background-color: rgba(217,217,217,0.9); } .scrollbar::-webkit-scrollbar-thumb { background-color: #005093; } .scrollbar::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgba(217,217,217,0.9); -webkit-box-shadow: inset 0 0 3px rgba(217,217,217,0.9); background-color: #fff; } .head{position: fixed;top: 0;left: 0;z-index: 9999;display: flex;flex-direction: column;justify-content: space-between;align-items: center;flex-wrap: wrap;width: 136px;height: 100%;padding: 26px 0 50px;background: #fff;box-sizing: border-box;box-shadow: 0 0 10px rgb(0 0 0 / 10%);} .head-logo{display: block;} .head-logo .head-logo-img{max-width: 100%;height: auto;} .head-menu {position: relative;} .head-menu .line{display: block;width: 50px;height: 3px;margin: 5px 0;background: #000;transition: opacity .2s,margin-top .2s,background-color .2s,-webkit-transform .2s .1s;transition: opacity .2s,margin-top .2s,transform .2s .1s,background-color .2s;transition: opacity .2s,margin-top .2s,transform .2s .1s,background-color .2s,-webkit-transform .2s .1s;} .head-menu .tip{position: absolute;top:43px;left: 50%;transform: translateX(-50%);} .head-menu .tip img {display: block;margin: 0 auto;} .head-menu .tip p{margin-top: 12px;color: #333;font-size: 14px;font-weight:bold;line-height: 18px;text-align: center;} .head-menu .tip p.tip-close{display: none;} .head-menu-close .tip .tip-open{display: none;} .head-menu-close .tip p.tip-close{display: block;} .head-menu-close .line:nth-child(1){-webkit-transform: translateY(8px)rotate(45deg);transform: translateY(8px)rotate(45deg);} .head-menu-close .line:nth-child(2){opacity: 0;} .head-menu-close .line:nth-child(3){-webkit-transform: translateY(-8px)rotate(-45deg);transform: translateY(-8px)rotate(-45deg);} .head-tool{} .head-tool .head-lang{display: block;margin-bottom: 20px;} .head-tool .head-lang:hover{color: #005093;} .head-home{display: block;width: 50px;height: 50px;background: #eee;} .head-home i{display: block;font-size: 20px;line-height: 50px;text-align: center;color: #999;} .i-head{position: absolute;box-shadow: none;} .i-head .head-home{visibility: hidden;} .head-home:hover{background: #005093;} .head-home:hover i{color: #fff;} .nav{display: none;position: fixed;top: 0;left: 0;z-index: 999;;width: 100%;height: 100%;background: url(img/nav-bg.jpg) center no-repeat #fff;background-size: cover;box-shadow: 0 0 10px rgba(0, 0, 0, .1);} .i-nav{position: absolute;} .nav-open{display: block;} .nav .nav-inner{display: flex;justify-content: space-between;height: 100%;margin-left: 136px;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .nav-item{position: relative;width: 14.285%;height: 100%;box-sizing: border-box;} .nav-item .nav-item-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 1);transition: all .7s;} .nav-item + .nav-item{border-left: 1px solid #e5e5e5;} .nav-item-inner{position: absolute;top: 35%;left: 0;width: 100%;text-align: center;} .nav-item .nav-item-num{margin-bottom: 1em;font-size: 50px;font-weight: bold;color: #eee;} .nav-item a{display: block;line-height: 1em;} .nav-item dt{margin-bottom: 60px;} .nav-item dt a{font-size: 24px;color: #000;} .nav-item dd{margin-bottom: 15px;} .nav-item dd a{color: #999;} .nav-item-on .nav-item-bg{transform: rotateY(180deg);background: rgba(255, 255, 255, 0);} .nav-item-on .nav-item-num{color: #fff;} .nav-item-on dt a{color: #fff;} .nav-item-on dd a{color: #fff;} .banner{position: relative;box-shadow: 0 0 10px rgba(0,0,0,.1);} .banner .banner-item{height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;} .banner-item .item-shadow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,80,147,0.5);} .banner-item .item-white{position: absolute;top: 0;left: 0;width: 33.85vw;height: 100%;z-index: 9;} .banner-item .item-text{position: relative;width: 100%;height: 100%;} .banner-item .item-white-bg{position: relative;width: 19.27vw;height: 100%;/*background: #fff;*/} .banner-item .item-white-bg::after{position: absolute;top: 0;left: 100%;display: block;content: "";width: 0;height: 0;margin-left: -1px;/*border-top: 50vh solid #fff;border-right: 7.29vw solid transparent;border-bottom: 50vh solid transparent;border-left: 7.29vw solid #fff;*/} .banner-item .item-tit{position: absolute;top: 39.16%;font-size: 110px;word-break: keep-all;white-space: nowrap;} .banner-item .item-white-path{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;clip-path: polygon(100% 0, 56.92% 100%, 0 100%, 0 0);-webkit-clip-path: polygon(100% 0, 56.92% 100%, 0 100%, 0 0);overflow: hidden;} .banner-item .item-white-path .item-tit{left: 40%;color: #005093;} .banner-item .item-text .item-tit{left: 13.54%;color: #fff;} .banner-item .item-text .item-inner{position: absolute;top: 57.68%;left: 28.48%;display: flex;color: #fff;} .banner-item .item-text .item-num{margin-right: 45px;font-size: 24px;font-weight: bold;} .banner-item .item-text .item-num span{font-size: 38px;font-weight: bold;} .banner-item .item-text .item-sum .p1{margin-bottom: 15px;font-size: 35px;line-height: 1.2;} .banner-item .item-text .item-sum .p2{font-size: 20px;line-height: 1.5;} .banner .banner-info{position: absolute;top: 0;left: 13.54%;z-index: 9;height: 100%;} .banner .banner-info .banner-about{position: absolute;top: 29%;left: 0;padding: 6px 0;font-size: 18px;white-space:nowrap;text-transform: capitalize;color: #fff;border-bottom: 1px solid #fff;} .banner .banner-info .banner-about:hover{color: #005093;border-bottom-color: #005093;} .banner .banner-info .banner-btn{position: absolute;bottom: 100px;left: 0;font-size: 16px;line-height: 22px;color: #fff;animation: arrow 2s infinite;} .banner .banner-info .banner-btn::after{position: absolute;bottom: -70px;left: 50%;display: block;content: "";width: 1px;height: 58px;background: #fff;} @keyframes arrow { 0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0px, 15px, 0px);} } @-webkit-keyframes arrow { 0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0px, 15px, 0px);} } .banner .banner-tel{position: absolute;top: 40px;right: 43px;z-index: 9;display: flex;width: 292px;height: 60px;font-size: 25px;font-family: '思源宋体';font-weight: bold;color: #005093;line-height: 60px;background: #fff;} .banner .banner-tel i{display: block;width: 60px;height: 60px;margin-right: 16px;font-size: 22px;color: #005093;text-align: center;line-height: 60px;background: #e0eaf2;} .i-about{position: relative;overflow: hidden;} .i-about .i-about-inner{position: relative;float: right;width: 86.45%;padding: 140px 0 174px;} .i-about .i-about-con{float: left;width: 31%;min-width: 400px;} .i-about .i-about-tags{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 59%;height: 0;padding-bottom: 50.36%;overflow: hidden;} .i-about-tit{position: relative;margin-bottom: 95px;} .i-about-tit i{position: absolute;top: -56px;left: -20px;display: block;font-size: 200px;line-height: 1;font-weight: bold;color: #e9f3fb;} .i-about-tit span{position: relative;display: block;font-size: 50px;line-height: 1;color: #000;} .i-about-text .i-about-subtit{margin-bottom: 1.4em;font-size: 24px;color: #005093;} .i-about-text .i-about-sum{margin-bottom: 86px;} .i-about-text .i-about-sum p{line-height: 1.75;text-align: justify;} .more{display: inline-flex;justify-content: space-between;align-items: center;} .more i{display: block;width: 32px;height: 32px;margin-right: 14px;font-size: 12px;color: #172d5f;text-align: center;line-height: 26px;border: 3px solid #c60202;border-radius: 50%;box-sizing: border-box;} .more span{display: inline-block;padding: 2px 0;color: #0d5999;border-bottom: 1px solid #0d5999;} .more:hover span{color: #c60202;border-bottom-color: #c60202;} .i-about-tags .circle{position: absolute;height: 0;background: #f5f5f5;border-radius: 50%;} .i-about-tags .circle1{top: 16.52%;right: 47.75%;;width: 6.12%;padding-bottom: 6.12%;} .i-about-tags .circle2{top: 37.36%;right: 41.83%;width: 4.89%;padding-bottom: 4.89%;} .i-about-tags .circle3{top: 38.92%;left: 0;width: 5.51%;padding-bottom: 5.51%;} .i-about-tags .circle4{top: 77.08%;right: 52.75%;width: 5.51%;padding-bottom: 5.51%;} .i-about-tags .circle5{top: 3.70%;right: -5.71%;width: 31.42%;padding-bottom: 31.42%;background: #e9f3fb;} .i-about-tags .circle6{top: 13.73%;right: 26.53%;width: 20.20%;padding-bottom: 20.20%;background: #f5f5f5;} .i-about-tags .circle7{top: 22.87%;right: 48.10%;width: 24.48%;padding-bottom: 24.48%;background: #e9f3fb;} .i-about-tags .circle8{top: 39.40%;right: 72.85%;width: 20.40%;padding-bottom: 20.40%;background: #e9f3fb;} .i-about-tags .circle9{top: 53.46%;right: 54.38%;width: 21.22%;padding-bottom: 21.22%;background: #f5f5f5;} .i-about-tags .circle10{top: 38.35%;right: 3.87%;width: 48.77%;padding-bottom: 48.77%;background: #f5f5f5;} .i-about-tags .circle-inner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;flex-wrap: wrap;} .i-about-tags .circle5 img{display: block;max-width: 90%;height: auto;} .i-about-tags .circle-num{margin-bottom: 14px;font-family: '思源宋体';font-weight: bold;line-height: .8em;color: #000;} .i-about-tags .circle-text{font-size: 14px;} .i-about-tags .circle-inner{font-size: 100px;} .i-about-tags .circle6 .circle-num{font-size: .5em;} .i-about-tags .circle7 .circle-num{display: flex;align-items: center;font-size: .7em;} .i-about-tags .circle7 .circle-num span{font-size: .5em;line-height: .8em;} .i-about-tags .circle8 .circle-num{font-size: .7em;} .i-about-tags .circle9 .circle-num{font-size: .5em;} .i-about-tags .circle10 .circle-num{font-size: .7em;} .i-about .i-about-bg{position: absolute;bottom: -56px;left: 22px;font-size: 250px;line-height: .8em;font-weight: bolder;color: #f6f9fb;} .i-title{font-size: 45px;text-align: center;color: #000;} .i-product .i-product-inner{position: relative;padding: 100px 0 130px;background: url(img/i-pro-bg2.jpg);background-size: cover;} .i-product .i-product-tabs{position: absolute;top: 0;left: 0;width: 23.3%;height: 100%;display: flex;align-items: center;background: url(img/i-pro-bg.png);background-position: right center;background-size: cover;background-repeat: no-repeat;} .i-product .i-product-main{width: 76.7%;margin-left: 23.3%;} .i-product .i-product-tabs-inner{display: flex;flex-direction: column;justify-content: space-between;align-items: center;position: absolute;top: 50%;right: 104px;transform: translateY(-50%);height: 550px;} .i-product-tabs .tabs-item{position: relative;text-align: center;opacity: .7;transition: all .7s;} .i-product-tabs .tabs-item::after{position: absolute;top: 50%;left: 50%;transform: translate(68px,-50%);display: block;content: "";width: 0;height: 2px;background: #f7fafc;opacity: 0;transition: all .7s;} .i-product-tabs .tabs-item .tabs-item-icon{margin-bottom: 14px;} .i-product-tabs .tabs-item .tabs-item-icon i{display: block;font-size: 48px;line-height: 1em;color: #fff;} .i-product-tabs .tabs-item .tabs-item-text{font-size: 24px;color: #fff;} .i-product-tabs .active{opacity: 1;} .i-product-tabs .active::after{width: 100px;opacity: 1;;} .i-product .i-product-title{margin-bottom: 1.11em;text-align: center;} .i-product-main .i-product-container{width: 73.22%;margin-left: 9.88%;padding: 20px 50px 20px 0;} .i-product-main .pro-item{display: flex;justify-content: space-between;} .i-product-main .pro-item .pro-item-text{width: 40%;margin-top: 35px;} .i-product-main .pro-item .item-text-tit{margin-bottom: 1.38em;font-size: 45px;font-weight: bold;color: #005093;} .i-product-main .pro-item .item-text-sum p{margin-bottom: 6px;line-height: 1.75em;} .i-product-main .pro-item .item-text-sum strong{font-weight: bold;color: #333;} .i-product-main .pro-item .pro-item-img{position: relative;width: 40%;margin-right: 12px;} .i-product-main .pro-item .pro-item-img::before, .i-product-main .pro-item .pro-item-img::after{position: absolute;top: 0;left: 0;display: block;content: "";width: 100%;height: 100.8%;border: 1px solid #5a83bc;} .i-product-main .pro-item .pro-item-img::before{transform: rotate(2deg);} .i-product-main .pro-item .pro-item-img::after{transform: rotate(-3deg);} .i-product-main .pro-item .pro-item-img img{position: relative;z-index: 2;display: block;width: 100%;height: auto;} .i-product-main .i-product-more{position: absolute;bottom: 10%;left: 0;z-index: 2;} .i-news .i-news-inner{position: relative;width: 87.5%;margin: 0 auto;padding: 100px 0 60px;box-sizing: border-box;} .i-news-line{position: absolute;top: 0;display: block;width: 1px;height: 100%;background: #e5e5e5;} .i-news-line1{left: 33.33%;} .i-news-line2{left: 66.66%;} .i-news-top{position: relative;margin-bottom: 5.35%;} .i-news-top .i-news-tabs{position: absolute;top: 50%;right: 3.21%;transform: translateY(-50%);display: flex;justify-content: space-between;width: 18%;min-width: 250px;} .i-news-top .i-news-tabs a{color: #999;} .i-news-top .i-news-tabs .active{color: #0d5999;} .i-news-container{padding-top: 30px;} .i-news-item{display: flex;justify-content: space-between;} .i-news-item .i-news-item-card{width: 33.33%;padding: 0 3.21%;transition: all .7s;} .i-news-item-card .item-img{position: relative;border-radius: 12px;transition: all .7s;overflow: hidden;} .i-news-item-card img{display: block;width: 100%;height: auto;} .i-news-item-card .item-img-shadow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .1);opacity: 1;transition: all .7s;} .i-news-item-card .item-text{position: relative;padding: 44px 6% 0;} .i-news-item-card .item-text .item-text-date{position: absolute;top: -50px;font-family: '思源宋体';color: #fff;} .i-news-item-card .item-text .item-text-date .p1{margin-bottom: 10px;} .i-news-item-card .item-text .item-text-date .p2{width: 50px;height: 50px;font-size: 24px;line-height: 50px;text-align: center;background: #535353;transition: all .7s;} .i-news-item-card .item-text .item-text-title{margin-bottom: 10px;} .i-news-item-card .item-text .item-text-title p{height: 3em;font-size: 24px;line-height: 1.5;color: #000;overflow: hidden;} .i-news-item-card .item-more{display: block;text-align: center;opacity: 0;transition: all .7s;} .i-news-item-card .item-more i{margin: 0 auto 20px;} .i-stock{position: relative;padding: 58px 0 95px;border-top: 6px solid #005093;overflow: hidden;} .i-stock .i-stock-inner{position: relative;z-index: 2;background: #fff;} .i-stock .i-stock-title{margin-bottom: 1em;} .i-stock .i-stock-main{display: flex;justify-content: space-between;border-radius: 14px;overflow: hidden;box-shadow: 0 0 12px rgba(0, 0, 0, .1);} .i-stock .i-stock-main .i-stock-img{width: 50%;height: 236px;background-image: url(img/i-stock-img.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;} .i-stock .i-stock-main .i-stock-text{width: 50%;padding: 36px 42px;box-sizing: border-box;background-image: url(img/big-logo.png);background-position: 445px -98px;background-repeat: no-repeat;} .i-stock-text .i-stock-num{margin-bottom: 54px;font-weight: bold;color: #333;} .i-stock-text .i-stock-data{display: inline-flex;align-items: flex-end;margin-bottom: 12px;padding-right: 26px;padding-bottom: 14px;border-bottom: 1px solid #ebebeb;} .i-stock-text .i-stock-data span{display: inline-block;font-family: '思源宋体';font-weight: bold;color: #333;line-height: 1em;} .i-stock-text .i-stock-data .stock-data1{position: relative;margin-right: 36px;padding-right: 34px;} .i-stock-text .i-stock-data .stock-data1 span{font-size: 50px;} .i-stock-text .i-stock-data .stock-data1 i{position: absolute;right: 0;top: 50%;margin-top: -6px;font-size: 20px;} .i-stock-text .i-stock-data .stock-data1 .stock-down{transform: rotate(90deg);color: #27a439;} .i-stock-text .i-stock-data .stock-data1 .stock-up{transform: rotate(-90deg);color: #c60202;} .i-stock-text .i-stock-data .stock-data2 span{font-size: 20px;} .i-stock-text .i-stock-info{font-size: 14px;color: #999;} .i-stock-text .i-stock-info span{margin-right: 4px;} .i-stock-text .i-stock-info a{font-size: 12px;margin-left: 6px;} .i-stock-text .i-stock-info a:hover{color: #005093;} .i-stock .i-stock-bg{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);font-size: 250px;line-height: .8em;color: #f7f7f7;font-weight: bold;text-transform: uppercase;white-space: nowrap;} .foot{position: relative;padding: 76px 0 0;color: #8292a1;background: #1f3040;} .foot a:hover{color: #fff;} .foot .foot-main{display: flex;justify-content: space-between;margin-bottom: 28px;} .foot .foot-nav{display: flex;justify-content: space-between;width: 52%;} .foot-item-tit{display: block;font-size: 18px;line-height: 1em;color: #fff;} .foot-nav dt{margin-bottom: 15px;} .foot-nav dd{padding: 5px 0;} .foot-nav dd a{font-size: 14px;line-height: 20px;} .foot-contact{display: flex;justify-content: space-between;} .foot-contact .foot-hotline{position: relative;margin-right: 90px;} .foot-contact .foot-hotline::after{position: absolute;top: 0;right: -45px;display: block;content: "";width: 1px;height: 100%;background: #233f59;} .foot-contact .foot-item-tit{margin-bottom: 25px;} .foot-contact .foot-hotline-tel a{display: flex;align-items: center;font-size: 25px;font-family: "思源宋体";color: #fff;} .foot-contact .foot-hotline-tel i{display: block;width: 46px;height: 46px;margin-right: 24px;font-size: 22px;line-height: 46px;text-align: center;color: #fff;border-radius: 50%;border: 1px solid #fff;} .foot-contact .foot-msg .foot-form{position: relative;display: flex;} .foot-contact .foot-msg .foot-form .foot-form-text{width: 132px;height: 45px;padding: 5px 10px;background: #d9e4ee;box-sizing: border-box;} .foot-contact .foot-msg .foot-form .foot-form-submit{position: relative;z-index: 2;;width: 45px;height: 45px;font-size: 0;cursor: pointer;} .foot-contact .foot-msg .foot-form .foot-form-submit-bg{position: absolute;top: 0;right: 0;display: block;width: 45px;font-size: 18px;line-height: 45px;color: #fff;text-align: center;background: #274f73;} .foot-msg-code{width: 100px;margin-top: 30px;} .foot-msg-code .foot-weixin-code{width: 100px;padding: 5px;background: #fff;box-sizing: border-box;} .foot-msg-code .foot-weixin-code img{display: block;width: 100%;height: auto;} /*.foot-media{margin-bottom: 20px;text-align: right;} .foot-media .foot-media-item{position: relative;font-size: 22px;color: #fff;} .foot-media .foot-weibo{margin-right: 18px;} .foot-media .foot-code{display: none;position: absolute;top: 0;left: -100%;} .foot-media .foot-wechat:hover .foot-code{display: block;}*/ .foot-bottom{display: flex;justify-content: space-between;padding: 20px 0;border-top: 1px solid #233f59;} .foot-bottom .copyright a{margin-left: 4px;} .foot-bottom p{font-size: 14px;} /* 关于银河娱乐在线登录官网 */ .about-wrap1{position: relative;margin-left: 7%;padding-top: 112px;padding-bottom: 90px;} .about-wrap1 .about-wrap1-text{float: left;width: 38%;margin-top: 10px;} .about-wrap1 .about-wrap1-img{float: right;width: 53.8%;} .about-wrap1-text .about-wrap1-tit{margin-bottom: 18.2%;} .about-wrap1-text .about-wrap1-sum p{margin-bottom: 1em;line-height: 2em;} .about-wrap1-text .about-wrap1-sum p span{color: #005093;} .about-wrap1-img .about-wrap1-num{display: flex;justify-content: space-between;width: 86%;margin-bottom: 10px;} .about-wrap1-img .about-wrap1-num .item .item-text{margin-bottom: 24px;color: #777;} .about-wrap1-img .about-wrap1-num .item .item-num{font-size: 50px;line-height: .8em;font-weight: bold;font-family: '旁门正道';color: #005093;} .about-wrap1-img .about-company-img{position: relative;} .about-wrap1-img .about-company-img img{position: relative;margin-left: 9.8%;display: block;width: 76.3%;height: auto;} .about-wrap1-img .about-company-img .about-company-bg{position: absolute;left: 0;bottom: 0;width: 100%;height: 0;padding-bottom: 28.4%;background: #005093;} .about-wrap2{padding: 88px 0;background: url(img/about-wrap2-bg.jpg) center center / cover no-repeat;} .about-wrap2-tit h6{background: #fcfcfc;} .about-wrap2-ul .item{position: relative;margin-bottom: 12px;text-align: center;} .about-wrap2-ul .item .item-sum{position: absolute;} .item-shape{position: relative;display: inline-flex;justify-content: center;z-index: 1;} .shape-bg-left, .shape-bg-right{width: 0;height: 0;} .shape-bg-left{border-top: 100px solid transparent;border-right: 64px solid #353748;border-bottom: 100px solid #353748;border-left: 64px solid transparent;} .shape-bg-center{width: 0;} .shape-bg-right{border-top: 100px solid transparent;border-right: 64px solid transparent;border-bottom: 100px solid #353748;border-left: 64px solid #353748;} .about-wrap2 .item2 .shape-bg-left{border-right-color: #4a4b54;border-bottom-color: #4a4b54;} .about-wrap2 .item2 .shape-bg-center{width: 272px;background: #4a4b54;} .about-wrap2 .item2 .shape-bg-right{border-bottom-color: #4a4b54;border-left-color: #4a4b54;} .about-wrap2 .item3 .shape-bg-left{border-right-color: #bfbfbf;border-bottom-color: #bfbfbf;} .about-wrap2 .item3 .shape-bg-center{width: 542px;background: #bfbfbf;} .about-wrap2 .item3 .shape-bg-right{border-bottom-color: #bfbfbf;border-left-color: #bfbfbf;} .item-shape-con{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;color: #fff;box-sizing: border-box;} .item-shape-con .item-shape-icon{visibility: hidden;opacity: 0;margin-top: 22px;margin-bottom: 16px;transition: all .7s;} .item-shape-con .item-shape-icon i{display: block;font-size: 40px;line-height: 1em;color: #fff;} .item-shape-con .item-shape-text .p1{margin-bottom: 8px;font-size: 24px;} .item-shape-con .item-shape-text .p2{font-size: 16px;line-height: .8em;letter-spacing: 2px;transition: all .5s;} .about-wrap2 .item-sum .item-sum-text .p1{margin-bottom: .57em;font-size: 35px;color: #333;} .about-wrap2 .item-sum .item-sum-text .p2{font-size: 18px;line-height: 1.67em;color: #555;} .about-wrap2 .item-sum .item-sum-line .line-circle{position: absolute;width: 74px;height: 1px;} .about-wrap2 .item-sum .item-sum-line .line-circle::after{position: absolute;right: 0;top: 50%;width: 6px;height: 6px;margin-top: -3px;border-radius: 50%;} .about-wrap2 .item .item-line{position: absolute;top: 110px;} .about-wrap2 .item .item-line .line1{position: absolute;top: 0;width: calc(100% - 74px);height: 1px;background: inherit;} .about-wrap2 .item .item-line .line2{position: absolute;width: 74px;height: 1px;background: inherit;} .about-wrap2 .item .item-line .line2::after{position: absolute;right: 0;top: 0;transform: translateY(-50%);display: block;content: "";width: 6px;height: 6px;border-radius: 50%;background: inherit;} .about-wrap2 .item1 .item-sum{top: 20px;left: 50%;padding-left: 18%;text-align: left;} .about-wrap2 .item2 .item-sum{top: 20px;right: 50%;padding-right: 26%;text-align: right;} .about-wrap2 .item3 .item-sum{top: 6px;left: 50%;padding-left: 32%;text-align: left;} .about-wrap2 .item1 .item-line{left: 50%;width: 18%;background: #353748;} .about-wrap2 .item2 .item-line{right: 50%;width: 26%;background: #4a4b54;} .about-wrap2 .item3 .item-line{left: 50%;width: 32%;background: #bfbfbf;} .about-wrap2 .item1 .item-line .line1{left: 0;} .about-wrap2 .item2 .item-line .line1{right: 0;} .about-wrap2 .item3 .item-line .line1{left: 0;} .about-wrap2 .item1 .item-line .line2{right: 0;transform: rotate(-45deg);transform-origin:0 1px;} .about-wrap2 .item2 .item-line .line2{left: 0;transform: rotate(45deg);transform-origin:100% 1px;} .about-wrap2 .item2 .item-line .line2::after{right: auto;left: 0;} .about-wrap2 .item3 .item-line .line2{right: 0;transform: rotate(-45deg);transform-origin:0 1px;} .about-wrap2 .item1 .item-shape-con{padding-top: 20px;} .about-wrap2 .item-on .shape-bg-left{border-right-color: #005093;border-bottom-color: #005093;} .about-wrap2 .item-on .shape-bg-center{background: #005093;} .about-wrap2 .item-on .shape-bg-right{border-bottom-color: #005093;border-left-color: #005093;} .about-wrap2 .item-on .item-shape-icon{visibility: visible;opacity: 1;margin-top: 55px;} .about-wrap2 .item-on .item-shape-text .p2{visibility: hidden;opacity: 0;} .about-wrap2 .item-on .item-line{background: #005093;} .about-wrap2 .item-on .item-sum .p1{color: #005093;} .about-wrap3{position: relative;padding: 122px 7% 54px;padding-right: 0;overflow: hidden;} .about-wrap3 .about-wrap3-bg{position: absolute;top: 100%;left: 0;transform: translateY(-40%);opacity: .1;} .about-wrap3 .about-wrap3-bg img{display: block;max-width: 100%;height: auto;} .about-wrap3 .about-wrap3-text{float: left;width: 36.2%;margin-top: 16px;} .about-wrap3 .about-wrap3-img{float: right;width: 53.8%;} .about-wrap3 .about-wrap3-tit{margin-bottom: 46px;} .about-wrap3-btn{margin-bottom: 26px;text-align: right;} .about-wrap3-btn a{display: inline-block;margin-left: 20px;} /*.team-text-container .item-team{background: #fff;opacity: 0 !important;} .team-text-container .swiper-slide-active{opacity: 1 !important;}*/ .team-text-container .item-team .item-team-tit{margin-bottom: 1em;font-size: 30px;color: #333;} .team-text-container .item-team .item-team-sum p{margin-bottom: 1em;line-height: 2em;} .team-img-container .swiper-slide{width: 56%;} .team-img-container .swiper-slide img{max-width: 100%;height: auto;/*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/} .team-img-container .swiper-slide-active img{/*-webkit-filter: grayscale(0); filter: grayscale(0);*/} .about-wrap4{margin-bottom: 42px;padding: 50px 7% 0;background: url(img/about-wrap4-bg.png) center bottom no-repeat;} .about-wrap4 .about-wrap4-tit{margin-bottom: 76px;} .about-wrap4 .about-wrap4-container{padding-bottom: 66px;} .about-wrap4 .about-wrap4-page{top: auto;bottom: 0;left: 0;height: 3px;background: #e5e5e5;} .about-wrap4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #005093;} .about-wrap4 .about-wrap4-btn{position: absolute;bottom: 60px;left: 0;width: 100%;z-index: 2;} .about-wrap4 .about-wrap4-btn .prev{position: absolute;left: 0;top: 0;} .about-wrap4 .about-wrap4-btn .next{position: absolute;right: 0;top: 0;} .about-wrap4 .item .item-inner{height: 430px;padding: 26px 30px 26px;border-left: 1px solid #e5e5e5;overflow-y: auto;box-sizing: border-box;} .about-wrap4 .item .item-year{margin-bottom: 1em;font-size: 38px;font-family: "庞门正道";color: #005093;font-weight: bold;} .about-wrap4 .item .item-text p{line-height: 1.875em;} .about-wrap4 .item .item-text strong{font-size: 18px;font-weight: bold;color: #333;} .about-wrap5{margin-bottom: 94px;padding-top: 50px;} .about-wrap5 .about-wrap5-top{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 5.8%;} .about-wrap5 .about-wrap5-top .slide-btn{display: flex;} .about-wrap5 .about-wrap5-top .slide-btn .next{margin-left: 24px;} .about-wrap5 .item a{display: block;cursor: inherit;} .about-wrap5 .item .item-img{margin-bottom: 14px;} .about-wrap5 .item .item-img img{display: block;width: 100%;height: auto;} .about-wrap5 .item .item-text{position: relative;display: flex;justify-content: space-between;padding: 12px 20px;background: #f5f5f5;} .about-wrap5 .item .item-text::before{position: absolute;top: 12px;left: 0;display: block;content: "";width: 4px;height: 26px;background: #005093;} .about-wrap5 .item .item-text p{line-height: 26px;color: #333;} .about-wrap5 .item .item-text i{font-size: 20px;line-height: 26px;color: #999;display: none;} /* 产品与应用 */ .product-wrap1{position: relative;padding: 122px 0 100px;} .product-wrap1 .product-wrap1-tit{margin-bottom: 40px;} .product-wrap1 .product-wrap1-text{display: flex;justify-content: space-between;margin-bottom: 96px;} .product-wrap1-sum{width: 56%;} .product-wrap1-sum p{line-height: 2em;text-align: justify;} .product-wrap1-img{width: 33%;} .product-wrap1-img img{display: block;width: 100%;height: auto;} .product-wrap1-step .product-wrap1-ul{display: flex;justify-content: space-between;} .product-wrap1-step .item1{width: 300px;} .product-wrap1-step .item3{width: 370px;} .product-wrap1-step .item5{width: 322px;} .product-wrap1-step .item .item-tit{display: flex;align-items: flex-end;margin-bottom: 110px;} .product-wrap1-step .item3 .item-tit{justify-content: center;} .product-wrap1-step .item5 .item-tit{justify-content: flex-end;} .product-wrap1-step .item-tit-text{position: relative;} .product-wrap1-step .item .item-main, .product-wrap1-step .item-step-icon{height: calc(100% - 170px);} .product-wrap1-step .item-tit-num{position: absolute;left: 0;bottom: 0;font-size: 85px;line-height: .8em;font-weight: bold;color: #eee;} .product-wrap1-step .item-tit-sum{position: relative;margin-right: 20px;font-size: 24px;font-weight: bold;color: #333;} .product-wrap1-step .item-tit-line{position: relative;width: 10px;height: 60px;background: #005093;transform: skew(-20deg);} .product-wrap1-ul .item1 .item1-ul{display: flex;justify-content: space-between;height: 100%;} .product-wrap1-ul .item1 .item1-ul li{position: relative;display: flex;align-items: center;width: 33%;min-height: 360px;text-align: center;background: #f5f5f5;} .product-wrap1-ul .item1 .item1-ul li:not(:first-child):after{position: absolute;top: 50%;left: 0;transform: translateY(-50%);display: block;content: "";width: 0;height: 0;border-top: 10px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid transparent;border-left: 8px solid #fff;} .product-wrap1-ul .item1 .item1-ul p{width: 100%;font-size: 18px;line-height: 1.78em;color: #333;} .product-wrap1-ul .item2, .product-wrap1-ul .item4{display: flex;align-items: flex-end;} .product-wrap1-step .item-step-icon{display: flex;align-items: center;} .product-wrap1-step .item-step-icon img{max-width: 90%;height: auto;margin: 0 auto;} .product-wrap1-step .item3 .item-main{display: flex;flex-direction: column;justify-content: space-between;} .product-wrap1-step .item3 .item-img{display: flex;align-items: center;justify-content: center;height: calc(100% - 40px);padding: 20px 0;background: url(img/product-step-bg.jpg?v=1) center no-repeat;background-size: cover;box-sizing: border-box;overflow: hidden;} .product-wrap1-step .item3 .item-img .item-img-shape{position: relative;max-width: 90%;} .product-wrap1-step .item3 .item-img .light{position: absolute;top: -54px;left: 28%;width: 100px;height: auto;} .product-wrap1-step .item3 .item-img .light{ opacity: .3; animation: lightChange 2s ease-out infinite; -webkit-animation: lightChange 2s ease-out infinite; -moz-animation: lightChange 2s ease-out infinite; } @keyframes lightChange { 0% { opacity: .5; } 30% { opacity: .8; } 50% { opacity: .4; } 70% { opacity: .8; } 100% { opacity: .4; } } @-webkit-keyframes lightChange { 0% { opacity: .5; } 30% { opacity: .8; } 50% { opacity: .4; } 70% { opacity: .8; } 100% { opacity: .4; } } .product-wrap1-step .item3 .item-img .pro-item-logo{display: block;width: 100%;height: auto;margin: 0 auto;} .product-wrap1-step .item3 .item-img .pro-item-logo2{position: absolute;top: 100%;left: 0;} .product-wrap1-step .item3 .item-text{font-size: 18px;color: #333;font-weight: bold;text-align: center;} .product-wrap1-step .item5 li{display: flex;margin-bottom: 20px;border: 1px solid #93a9bb;} .product-wrap1-step .item5 li:last-child{margin-bottom: 0;} .product-wrap1-step .item5 .area-tit{width: 65px !important;padding: 26px 0;font-size: 18px;line-height: 1.78em;color: #fff;text-align: center;background: #005093;} .product-wrap1-step .item5 .area-sum{width: calc(100% - 65px);padding: 8px 10px;box-sizing: border-box;} .product-wrap1-step .item5 .area-sum p{font-size: 14px;line-height: 1.78em;color: #333;} .product-wrap2{padding: 76px 0 80px;background: #f7fafc;} .product-wrap2 .com-tit{margin-bottom: 70px;} .product-wrap2 .com-tit h6{background: #f7fafc;} .product-wrap2-tabs{margin-bottom: 56px;} .product-wrap2-tabs .tabs-a{display: inline-block;min-width: 12%;max-width: 200px;;margin-right: 5%;padding: 14px 0;font-size: 20px;line-height: 1em;color: #85919c;border-bottom: 1px solid #cfd5da;box-sizing: border-box;} .product-wrap2-tabs .active{color: #005093;border-bottom-color: #005093;} .product-wrap2-container .product-item .product-item-img{position: relative;height: 360px;margin-bottom: 36px;background-position: right center;background-repeat: no-repeat;background-size: cover;} .product-wrap2-container .product-item .product-item-bg{position: absolute;left: 0;top: 0;width: 44%;height: 100%;min-width: 600px;background-image: url(img/product-item-bg.png);background-position: right bottom;background-size: cover;background-repeat: no-repeat;} .product-wrap2-container .product-item .product-item-text{position: absolute;top: 32%;left: 3.7%;width: 33%;color: #fff;} .product-item-text .p1{position: relative;margin-bottom: 1.5em;font-size: 35px;} .product-item-text .p2{font-size: 18px;line-height: 1.5em;} .product-item-text .p1::after{position: absolute;left: 0;bottom: -16px;display: block;content: "";width: 24px;height: 2px;background: #fff;} .product-item-con{position: relative;padding-left: 3.7%;} .product-item-con .product-item-con-line{position: absolute;left: 0;top: 0;display: block;width: 1px;height: 120px;transform: skew(-20deg);background: #3273a8;} .product-item-con .text-tit{margin-bottom: 14px;font-size: 24px;color: #000;} .product-item-con .text-sum p{line-height: 2em;} .product-wrap3{position: relative;padding: 80px 0 64px;} .product-wrap3 .product-wrap3-main{} .product-wrap3 .product-wrap3-main .product-wrap3-text{float: left;width: 39%;margin-top: 64px;} .product-wrap3 .product-wrap3-main .product-wrap3-img{position: relative;float: right;width: 50.6%;margin-top: -18px;} .product-wrap3 .product-wrap3-main p{line-height: 60px;color: #555;} .product-wrap3 .product-wrap3-main p strong{color: #005093;} .product-wrap3-img .product-wrap3-map{display: block;width: 100%;height: auto;} .product-wrap3-img .map-point{position: absolute;z-index: 9;} .product-wrap3-img .map-point::before, .product-wrap3-img .map-point::after{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;content: "";border-radius: 50%;} .product-wrap3-img .map-point::before{width: 48px;height: 48px;background: #fff;opacity: .3; -webkit-animation: warn 6s linear; -moz-animation: warn 6s linear; animation: warn 6s linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } @keyframes warn { 0% { width: 0px; height: 0px; opacity: 0.3; } 100% { width: 40px; height: 40px; opacity: 0.8; } } .product-wrap3-img .map-point::after{width: 8px;height: 8px;background: #005093;} .product-wrap3-img .map-point1{top: 45.61%;left: 77.19%;z-index: 10;} .product-wrap3-img .map-point1::after{width: 14px;height: 14px;background: #c60202;} .product-wrap3-img .map-point2{top: 29.82%;left: 17.52%;} .product-wrap3-img .map-point3{top: 42.85%;left: 74.87%;} .product-wrap3-img .map-point4{top: 43.6%;left: 18.94%;} .product-wrap3-img .map-point5{top: 50.62%;left: 77.19%;} .product-wrap3-img .map-point6{top: 67.41%;left: 85.30%;} .product-wrap3-img .map-point7{top: 71.7%;left: 33.24%;} .product-wrap3-img .map-point8{top: 78.19%;left: 85.82%;} .product-wrap3-img .map-point9{top: 85.96%;left: 28.47%;} .product-wrap3-img .product-wrap3-line{position: absolute;transition: all 2s;transition-delay: .5s;} .product-wrap3-img .product-wrap3-line1{top: 16.9%;right: 23.1%;width: 0;height: 69.92%;background: url(img/map-line1.png) right center no-repeat;background-size: cover;} .product-wrap3-img .product-wrap3-line1.animated{width: 59.66%;} .product-wrap3-img .product-wrap3-line2{top: 45.61%;left: 76.9%;width: 8.76%;height: 0;background: url(img/map-line2.png) center top no-repeat;background-size: cover;} .product-wrap3-img .product-wrap3-line2.animated{height: 32.83%;} /* 研发技术支持 */ .rd-wrap1{position: relative;padding-top: 120px;} .rd-wrap1 .rd-wrap1-top{margin-bottom: 40px;} .rd-wrap1 .rd-wrap1-sum{margin-bottom: 50px;} .rd-wrap1 .rd-wrap1-sum p{line-height: 2em;text-align: justify;} .rd-wrap1-main{position: relative;} .rd-wrap1-main .item-img{margin-bottom: 18px;} .rd-wrap1-main .item-img img{display: block;width: 100%;height: auto;} .rd-wrap1-main .item-text p{line-height: 1.6em;color: #777;text-align: center;} .rd-wrap1-btn{position: absolute;left: 0;top: 50%;z-index: 2;width: 100%;} .rd-wrap1-btn a{position: absolute;top: -53px;display: block;} .rd-wrap1-btn i{display: block;font-size: 30px;line-height: 1em;color: #b2b2b2;} .rd-wrap1-btn .prev{left: 3.3%;} .rd-wrap1-btn .next{right: 3.3%;} .rd-wrap1-btn a:hover i{color: #131414;} .rd-wrap2{position: relative;padding-top: 92px;} .rd-wrap2 .rd-wrap2-tit{margin-bottom: 60px;} .rd-wrap2 .rd-wrap2-main{height: 378px;background-image: url(img/rd-wrap2-bg.jpg);background-position: right center;background-repeat: no-repeat;background-size: cover;overflow: hidden;} .rd-wrap2 .rd-wrap2-text{position: relative;display: flex;align-items: center;width: 43.6%;height: 100%;background: #005093;} .rd-wrap2 .rd-wrap2-text .rd-wrap2-sum{width: 86%;margin-left: 9%;} .rd-wrap2 .rd-wrap2-text p{font-size: 18px;line-height: 2.2em;color: #fff;text-align: justify;} .rd-wrap2-shape{position: absolute;right: -100px;top: 0;display: block;width: 0;height: 0;border-top: 189px solid #005093;border-right: 50px solid transparent;border-bottom: 189px solid transparent;border-left: 50px solid #005093;} .rd-wrap3{padding-top: 82px;margin-bottom: 95px;} .rd-wrap3 .rd-wrap3-tit{margin-bottom: 48px;} .rd-wrap3 .rd-wrap3-main{display: flex;justify-content: space-between;} .rd-wrap3 .rd-wrap3-img{width: 43.6%;} .rd-wrap3 .rd-wrap3-img img{display: block;width: 100%;height: auto;} .rd-wrap3 .rd-wrap3-text{width: 47.42%;margin-top: 12px;} .rd-wrap3 .rd-wrap3-ul{display: flex;justify-content: space-between;} .rd-wrap3 .rd-wrap3-ul .item{width: 47.39%;} .rd-wrap3 .rd-circle{position: relative;width: 60%;height: 0;margin:0 auto 32px;padding-bottom: 60%;background-position: center;background-size: 100% 100%;background-repeat: no-repeat;} .rd-wrap3 .rd-circle1{background-image: url(img/rd-circle1.png);} .rd-wrap3 .rd-circle2{background-image: url(img/rd-circle2.png);} .rd-wrap3 .rd-circle-inner{position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;font-size: 50px;color: #005093;text-align: center;} .rd-wrap3 .rd-circle-num{font-size: 50px;color: #005093;} .rd-wrap3 .rd-wrap3-ul .item-text{font-size: 20px;color: #333;font-weight: bold;text-align: center;} .rd-wrap4{padding: 66px 0 128px;background: #f7fafc;} .rd-wrap4 .rd-wrap4-inner{} .rd-wrap4 .rd-wrap4-tit{margin-bottom: 86px;} .rd-wrap4-tit h6{background: #f7fafc;} .rd-wrap4 .rd-wrap4-main{position: relative;} .rd-wrap4 .rd-wrap4-container{width: 84%;margin: 0 auto;} .rd-wrap4 .rd-wrap4-container .swiper-slide{display: flex;align-items: center;justify-content: center;height: 110px;background: #fff;} .rd-wrap4 .rd-wrap4-container .swiper-slide img{display: block;max-width: 90%;height: auto;} .rd-wrap4 .rd-wrap4-btn{position: absolute;left: 0;top: 50%;z-index: 2;width: 100%;} .rd-wrap4 .rd-wrap4-btn a{position: absolute;top: 50%;transform: translateY(-50%);} .rd-wrap4 .rd-wrap4-btn .prev{left: 0;} .rd-wrap4 .rd-wrap4-btn .next{right: 0;} .rd-wrap5{padding: 76px 0 80px;} .rd-wrap5 .rd-wrap5-tit{margin-bottom: 86px;} .rd-wrap5 .item-img{margin-bottom: 24px;} .rd-wrap5 .item-img img{display: block;width: 100%;height: auto;} .rd-wrap5 .item-text{padding: 0 8px;font-size: 20px;color: #333;line-height: 1.5em;} /* 媒体聚焦 */ .article-main{position: relative;padding: 120px 0 70px;} .article-main .article-top{margin-bottom: 68px;} .article-list .article-list-tit{position: relative;padding-bottom: 30px;font-size: 35px;color: #000;text-align: center;border-bottom: 1px solid #e5e5e5;} .article-list .article-list-tit::after{position: absolute;left: 50%;bottom: -2px;display: block;content: "";width: 210px;height: 3px;transform: translateX(-50%);background: #005093;} .article-list .article-list-ul .item{border-bottom: 1px solid #e5e5e5;} .article-list .article-list-ul .item a{display: block;} .article-list .item .item-inner{display: flex;justify-content: space-between;align-items: center;width: 77%;max-width: 100%;min-width: 1000px;margin: 0 auto;padding: 2.6% 0;} .article-list .item-img{width: 21.5%;} .article-list .item-img img{display: block;width: 100%;height: auto;} .article-list .item-text{width: 56.4%;} .info-list .item-text{width: 83%;} .article-list .item-date .date-day{margin-bottom: .2em;font-size: 80px;font-family: '思源黑体';line-height: .8em;color: #0d5999;} .article-list .item-date .date-year{line-height: ;} .article-list .item-text .text-tit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;height: 1em;margin-bottom: .8em;font-size: 24px;color: #333;} .article-list .item-text .text-sum{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.5em;color: #777;line-height: 1.75em;} .article-read{position: relative;padding: 56px 0 160px;} .article-read .article-read-top{position: relative;padding: 20px 0;border-bottom: 1px solid #ddd;} .article-read-top .article-tit{margin-bottom: .5em;font-size: 24px;line-height: 1.5em;color: #333;text-align: center;} .article-read-top .article-info{text-align: center;} .article-read-top .article-info span{display: inline-block;margin: 0 35px;color: #808080;} .com-read .article-read-top .article-tit{margin-bottom: 0;} .article-read .article-read-con{padding: 40px 0;} .editor-con p, .editor-con div{margin-bottom: 1.75em;line-height: 1.75em;color: #808080;} .editor-con img, .editor-con video, .editor-con iframe{display: block;max-width: 100%;height: auto;margin: 0 auto;} .editor-con{overflow: auto;} .editor-con table{width: 100% !important;border-collapse: collapse} .editor-con table td{padding: 10px;} .page-slide{margin-top: 50px;border-top: 1px solid #ddd;} .page-slide a{position: relative;display: block;line-height: 50px;} .page-slide a:hover{color: #005093;} .page-slide a:hover .icon{background-color: #005093 !important;} /* 人力资源 */ .talent-wrap1{position: relative;padding-top: 92px;} .talent-wrap1 .talent-wrap1-tit{margin-bottom: 64px;} .talent-wrap1 .talent-wrap1-main{height: 430px;padding: 90px 65px 0;background-image: url(img/talent-wrap1-img.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;box-sizing: border-box;} .talent-wrap1-main .p1{margin-bottom: 1.7em;font-size: 35px;line-height: .8em;font-family: '庞门正道';text-transform: uppercase;color: #0d5999;opacity: .15;} .talent-wrap1-main .p2{display: flex;margin-bottom: 3.7em;font-size: 28px;color: #0d5999;} .talent-wrap1-main .p2 span{position: relative;margin-right: 30px;} .talent-wrap1-main .p2 span + span::after{position: absolute;top: 50%;left: -15px;display: block;content: "";width: 1px;height: 22px;margin-top: -11px;background: #ccdcea;} .talent-wrap1-more{display: block;width: 160px;height: 50px;text-align: center;line-height: 50px;background: #fff;} .talent-wrap1-more:hover{color: #fff;background: #0d5999;} .talent-wrap2{position: relative;margin-bottom: 92px;padding-top: 84px;} .talent-wrap2 .talent-wrap2-tit{margin-bottom: 62px;} .talent-wrap2 .talent-wrap2-main{display: flex;justify-content: space-between;margin-bottom: 80px;} .talent-wrap2-item{width: 48%;border: 1px solid #eee;} .talent-wrap2-item .item-top{padding: 5.4% 6%;background-position: center;background-repeat: no-repeat;} .talent-wrap2-item1 .item-top{background-image: url(img/talent-wrap2-img1.jpg);} .talent-wrap2-item2 .item-top{background-image: url(img/talent-wrap2-img2.jpg);} .talent-wrap2-item .item-top span{display: block;font-size: 32px;line-height: 1em;color: #fff} .talent-wrap2-item .item-text{padding: 4% 6%;} .talent-wrap2-item .item-text-tit{margin-bottom: 6px;line-height: 1.875em;color: #005093;} .talent-wrap2-item .item-text-sum p{line-height: 1.875em;color: #333;} .talent-wrap2-item2 .item-text{display: flex;justify-content: space-between;align-items: center;} .talent-wrap2-item2 .item-text-right{display: flex;justify-content: space-between;width: 240px;} .talent-wrap2-item2 .item-text-right .item-text-img:nth-child(2){margin-left: 20px;} .talent-wrap2-item2 .item-text-right .item-text-img img{display: block;width: 100%;height: auto;padding: 2px;border: 1px solid #dedede;box-sizing: border-box;} .talent-wrap2-job{margin-bottom: 92px;} .job-tit{margin-bottom: 1.7em;font-size: 35px;color: #333;text-align: center;} .job-list{} .job-list .job-list-dl{} .job-list dt, .job-list dd{padding-left: 3.2%;padding-right: 2.9%;} .job-list dt{padding-top: 18px;padding-bottom: 18px;font-size: 20px;color: #fff;background: #005093;} .job-list .dt-top, .job-list .dd-top{display: flex;justify-content: space-between;} .job-list dd{border-bottom: 1px solid #eee;} .dl-tit{width: 70%;} .dl-num{width: 8.6%;min-width: 50px;text-align: center;} .dl-more{width: 120px;text-align: center;} .dd-top{padding: 22px 0;font-size: 18px;color: #333;} .dd-top div{line-height: 2em} .dd-top .dl-more span{display: flex;justify-content: center;align-items: center;font-size: 14px;text-align: center;line-height: 36px;color: #005093;background: #eee;cursor: pointer;} .dd-top .dl-more i{margin-left: 12px;font-size: 12px;transform: rotate(0deg);transition: transform .7s;} .dd-top .dl-more span:hover, .dd-on .dd-top .dl-more span{color: #fff;background: #005093;} .dd-on .dl-more i{display: inline-block;transform: rotate(-90deg);} .dd-con{display: none;padding: 40px 0 44px;border-top: 1px solid #e5edf4;} .dd-con p{color: #999;line-height: 1.75em;} .dd-con .dd-con-info{margin-top: 30px;font-size: 14px;color: #333;} .job-list dd:hover{background: #fcfcfc;} .talent-wrap3{position: relative;margin-bottom: 106px;padding: 4% 2.8% 2.2%;background: url(img/talent-wrap3-bg.jpg) right center no-repeat;background-size: cover;box-sizing: border-box;} .talent-wrap3 .talent-wrap3-inner{} .talent-wrap3 .talent-wrap3-tit{margin-bottom: 1em;font-size: 35px;color: #00457b;letter-spacing: 4px;} .talent-wrap3 .talent-wrap3-tit span{color: #c60202;} .talent-wrap3-main{display: flex;align-items: center;} .talent-wrap3-code{width: 124px;height: 124px;margin-right: 14px;padding: 8px;background: #fff;box-sizing: border-box;} .talent-wrap3-code img{display: block;width: 100%;height: auto;} .talent-wrap3-text{color: #fff;letter-spacing: 8px;-webkit-writing-mode: vertical-lr;writing-mode: bt-lr;} /* 联系我们 */ .contact-form{position: relative;padding: 6.7% 0 5.4%;} .contact-form form{position: relative;} .contact-form .contact-form-tit{margin-bottom: 52px;} .contact-form .row1{display: flex;justify-content: space-between;margin-bottom: 44px;} .contact-form .row-input{display: flex;align-items: center;width: 48%;padding: 22px;border: 1px solid #d2d2d2;box-sizing: border-box;} .contact-form .row-input i{margin-right: 28px;font-size: 32px;color: #ccdce9;} .contact-form .row-input input{flex: 1;font-size: 18px;line-height: 2em;height: 2em;color: #999;} .contact-form textarea{width: 100%;min-height: 364px;padding: 22px;font-size: 18px;color: #999;border: 1px solid #d2d2d2;outline: none;resize: none;box-sizing: border-box;} .contact-form .submit{position: absolute;top: -100px;right: 0;display: block;width: 160px;height: 50px;font-size: 16px;text-align: center;line-height: 50px;color: #fff;background: #005093;cursor: pointer;} .contact-info{position: relative;padding: 120px 0 50px;} .contact-info .contact-info-tit{margin-bottom: 70px;} .contact-info .contact-info-main{display: flex;align-items: flex-start;} .contact-info .contact-info-text{position: relative;width: 58%;margin-right: 20px;padding-left: 9.1%;box-sizing: border-box;} .contact-info .contact-info-text .contact-info-letter{position: absolute;top: 0;left: 0;display: inline;font-size: 74px;font-weight: bold;color: #f7f7f7;-webkit-writing-mode: vertical-lr;writing-mode: bt-lr;transform: rotate(180deg);} .contact-info .contact-code{width: 256px;} .contact-info-ul .item{display: flex;align-items: center;height: 60px;margin-bottom: 34px;} .contact-info-ul .item i{display: block;width: 60px;margin-right: 22px;;font-size: 50px;color: #000;line-height: 1em;} .contact-info-ul .item .item-text{display: flex;align-items: center;font-size: 20px;} .contact-info-ul .item-text span{position: relative;margin-right: 36px;color: #555;} .contact-info-ul .item-text span::after{position: absolute;top: 50%;right: -18px;display: block;content: "";width: 4px;height: 18px;margin-top: -9px;background: #005093;} .contact-info-ul .item-text a{color: #000;} .contact-code p{margin-bottom: 2.6em;font-size: 20px;color: #005093;} .contact-code .contact-code-img{display: block;padding: 18px;border: 1px solid #d9d9d9;} .contact-code .contact-code-img img{display: block;width: 100%;height: auto;} .contact-map{height: 425px;} .BMapLabel{left: 18px !important;top: 40px !important;width: 120px;height: 80px;font-size: 0 !important;border: none !important;background: url(img/logo.png) #fff no-repeat !important;background-size: 50px 66px !important;background-position: center !important;transform: translateX(-50%);} .BMap_pop, .BMap_shadow, .BMap_cpyCtrl, .anchorBL{display: none !important;} /* 适配 */ @media screen and (min-width: 1920px){ .banner .banner-item, .i-stock .i-stock-main .i-stock-img, .about-wrap4, .product-wrap2-container .product-item .product-item-img, .talent-wrap1 .talent-wrap1-main, .talent-wrap2-item .item-top, .talent-wrap3{background-size: cover;} } @media screen and (max-width: 1660px){ .slide-btn a{width: 40px;height: 40px;} .slide-btn i{font-size: 20px;line-height: 40px;} .head{width: 108px;} .head-logo{width: 62px;} .head-menu .line{width: 40px;} .nav .nav-inner{margin-left: 108px;} .wrap{margin-left: 108px;} .banner-item .item-tit{font-size: 88px;} .banner-item .item-text .item-sum .p1{font-size: 28px;} .i-about-tit span{font-size: 40px;} .i-about-text .i-about-subtit{font-size: 20px;} .i-title{font-size: 36px;} .i-product-tabs .tabs-item .tabs-item-icon{margin-bottom: 10px;} .i-product-tabs .tabs-item .tabs-item-icon i{font-size: 38px;} .i-product-tabs .tabs-item .tabs-item-text{font-size: 20px;} .i-product-main .pro-item .item-text-tit{font-size: 36px;} .i-news-item-card .item-text .item-text-title p{font-size: 20px;} .foot-item-tit{font-size: 16px;} .foot-contact .foot-hotline-tel i{width: 40px;height: 40px;margin-right: 14px;font-size: 18px;line-height: 40px;} .foot-contact .foot-hotline-tel a{font-size: 18px;} .com-tit h6{font-size: 36px;} .shape-bg-left, .shape-bg-right{width: 0;height: 0;} .shape-bg-left{border-top-width: 80px;border-right-width: 50px;border-bottom-width: 80px;border-left-width: 50px;} .shape-bg-right{border-top-width: 80px;border-right-width: 50px;border-bottom-width: 80px;border-left-width: 50px;} .about-wrap2 .item2 .shape-bg-center{width: 218px;} .about-wrap2 .item3 .shape-bg-center{width: 434px;} .item-shape-con .item-shape-icon{margin-top: 16px;margin-bottom: 12px;} .item-shape-con .item-shape-icon i{font-size: 32px;} .about-wrap2 .item-on .item-shape-icon{margin-top: 44px;} .item-shape-con .item-shape-text .p1{font-size: 20px;} .about-wrap2 .item-sum .item-sum-text .p1{font-size: 28px;} .about-wrap2 .item-sum .item-sum-text .p2{font-size: 13px;} .about-wrap3 .about-wrap3-tit{margin-bottom: 36px;} .team-text-container .item-team .item-team-tit{font-size: 24px;} .about-wrap3 .about-wrap3-bg{top: 112%;} .about-wrap4 .item .item-year{font-size: 30px;} .product-wrap1-step .item .item-tit{margin-bottom: 88px;} .product-wrap1-step .item .item-main, .product-wrap1-step .item-step-icon{height: calc(100% - 148px)} .product-wrap1-ul .item1 .item1-ul p{font-size: 14px;} .product-wrap1-step .item5 .area-sum p{font-size: 12px;} /*.product-wrap1-step .item3 .item-img{margin-top: 120px;}*/ .product-wrap2 .com-tit{margin-bottom: 56px;} .rd-wrap2 .rd-wrap2-text p{font-size: 16px;} .article-list .item-date .date-day{font-size: 64px;} .article-list .item-text .text-tit{font-size: 20px;} .talent-wrap2-item .item-text-sum p{font-size: 13px;} .talent-wrap2-item2 .item-text-right{width: 200px;} .contact-info .contact-info-text .contact-info-letter{font-size: 50px;z-index: -1;} .contact-info-ul .item{height: 40px;margin-bottom: 26px;} .contact-info-ul .item .item-text{font-size: 16px;} .contact-info-ul .item i{width: 40px;font-size: 40px;} .contact-code p{margin-bottom: 1.6em;font-size: 16px;} .contact-info .contact-code{width: 204px;} .contact-code .contact-code-img{padding: 12px;} .contact-form .row-input{padding: 12px;} .contact-form textarea{min-height: 290px;padding: 12px;font-size: 16px;} .contact-form .row-input i{margin-right: 18px;font-size: 24px;} .contact-form .row-input input{font-size: 16px;} .i-about .i-about-bg{font-size: 200px;} .com-banner .tit-en{font-size: 64px;} } @media screen and (min-width: 1025px){ .mhide{display: block;} .mshow{display: none;} .i-news-item-card:hover{margin-top: -30px;} .i-news-item-card:hover .item-img{box-shadow: 0 0 10px rgba(0, 0, 0, .1);} .i-news-item-card:hover .item-img-shadow{opacity: 0;} .i-news-item-card:hover .item-text .item-text-date .p2{background: #c60202;} .i-news-item-card:hover .item-text .item-text-title p{color: #005093;} .i-news-item-card:hover .item-more{opacity: 1;} .article-list a:hover{background: #0d5999;color: #fff;} .article-list a:hover .item-date .date-day{color: #fff;} .article-list a:hover .item-text p{color: #fff;} } @media screen and (max-width: 1024px){ html, body{font-size: 14px;} .mhide{display: none;} .mshow{display: block;} .imb, .mb{width: 94%;} .com-banner{height: 260px;} .slide-btn a{width: 32px;height: 32px;} .slide-btn i{font-size: 14px;line-height: 32px;} .pager-box{margin-top: 50px;} .pager span, .pager a{width: 30px;height: 30px;line-height: 30px;} .page-slide{margin-top: 30px;} .page-slide-ul li{float: none;width: 100%;} .page-slide a{line-height: 30px;} .wrap{margin-left: 0;padding-top: 50px;} .head{position: fixed;width: 100%;height: 50px;padding: 10px 3%;flex-direction: row;box-shadow: 0 0 10px rgb(0 0 0 / 10%);} .head-logo{width: 120px;} .head .head-home{display: none;} .head-menu .line{width: 30px;height: 1px;} .head-menu .tip{display: none;} .nav .nav-inner{display: block;margin-left: 0;} .head-menu-close .line:nth-child(1){-webkit-transform: translateY(6px)rotate(45deg);transform: translateY(6px)rotate(45deg);} .head-menu-close .line:nth-child(3){-webkit-transform: translateY(-6px)rotate(-45deg);transform: translateY(-6px)rotate(-45deg);} .nav{position: fixed;top: 0;left: 0;background: url(img/m-nav-bg.jpg) #fff;background-position: center;background-size: cover;} .nav .nav-inner{padding: 80px 12% 20px;overflow: auto;box-sizing: border-box;} .nav-item{width: 100%;height: auto;margin-bottom: 10px;border: none !important;} .nav-item .nav-item-bg{display: none;} .nav-item-inner{position: static;text-align: left;} .nav-item .nav-item-num{display: none;} .nav-item dt{margin-bottom: 6px;} .nav-item dt a{font-size: 18px;} .nav-item dd{display: none;margin-bottom: 4px;} .nav-item dd a{position: relative;padding-left: 50px;} .nav-item dd a::before{position: absolute;top: 50%;left: 25px;display: block;content: "";width: 20px;height: 1px;background: #999;} .nav-item:nth-child(5) dd, .nav-item:nth-child(6) dd, .nav-item:nth-child(8) dd{display: block;} .nav-item dd a{font-size: 15px;} .nav-item a{line-height: 2;} .banner .banner-tel{display: none;} .banner-item .item-tit{font-size: 24px;} .banner-item .item-text .item-num{font-size: 20px;margin-right: 10px;} .banner-item .item-text .item-sum .p1{font-size: 18px;} .banner-item .item-text .item-sum .p2{font-size: 16px;} .banner-item .item-white{display: none;} .banner .banner-info, .banner-item .item-text .item-tit, .banner-item .item-text .item-inner{left: 3%;max-width: 94%;} .banner .banner-info .banner-btn{display: none;color: #fff;} .banner .banner-info .banner-about{color: #fff;border-bottom-color: #fff;} .banner-item .item-text .item-inner{top: 46%;flex-direction: column-reverse;} .banner-item .item-text .item-num{margin-top: 150px;} .i-about .i-about-inner{float: none;width: 100%;margin: 0 auto;padding: 60px 0 56px;} .i-about-tit{margin-bottom: 30px;} .i-about-tit span{font-size: 26px;} .i-about-tit i{top: -20px;font-size: 100px;} .i-about-text .i-about-sum{margin-bottom: 20px;} .i-about-text .i-about-subtit{margin-bottom: 1em;font-size: 18px;} .i-about .i-about-con{float: none;width: 94%;min-width: auto;margin: 0 auto;} .i-about .i-about-tags{position: relative;width: 100%;padding-bottom: 86%;transform: translateY(0);} .i-about-tags .circle-inner{font-size: 48px;} .i-about .i-about-bg{left: -10px;bottom: -10px;font-size: 80px;white-space:nowrap;} .i-about-tags .circle-text{font-size: 12px;} .i-about-tags .circle4{top: 57%;} .i-about-tags .circle5{width: 25%;padding-bottom: 25%;} .i-about-tags .circle6{top: 8%;right: 21%;width: 24%;padding-bottom: 24%;} .i-about-tags .circle8{width: 26%;padding-bottom: 26%;} .i-about-tags .circle9{top: 66%;width: 30%;padding-bottom: 30%;} .i-product .i-product-inner{padding: 50px 0 60px;} .i-product .i-product-tabs{position: static;width: 100%;height: 50px;margin-bottom: 40px;background: none;color: #005093;} .i-product .i-product-tabs-inner{position: static;width: 94%;height: auto;margin: 0 auto;transform: translateY(0);flex-direction: row;} .i-product-tabs .tabs-item .tabs-item-icon{margin-bottom: 6px;} .i-product-tabs .tabs-item .tabs-item-icon i{font-size: 26px;color: #005093;} .i-product-tabs .tabs-item .tabs-item-text{font-size: 13px;color: #005093;} .i-product .i-product-main{width: 94%;margin: 0 auto;} .i-product-main .i-product-container{width: 100%;margin-left: 0;padding: 0;} .i-product-main .pro-item{flex-wrap: wrap;} .i-product-main .pro-item .pro-item-text, .i-product-main .pro-item .pro-item-img{width: 100%;margin: 0 auto 10px;} .i-product-main .pro-item .pro-item-text{margin-bottom: 20px;} .i-product-main .pro-item .item-text-tit{margin-bottom: .5em;font-size: 18px;} .i-product-main .i-product-more{position: static;margin-top: 20px;} .i-title{font-size: 26px;} .i-product-tabs .tabs-item::after{top: auto;bottom: -6px;height: 1px;transform: translate(-50%,0);width: 100%;background: #005093;} .i-news .i-news-inner{width: 94%;padding: 60px 0 30px;} .i-news-title{margin-bottom: 20px;} .i-news-top .i-news-tabs{position: static;transform: translate(0,0);width: 100%;justify-content: center;} .i-news-top .i-news-tabs a{margin: 0 10px;} .i-news-line{display: none;} .i-news-container{padding-top: 10px;} .i-news-item{flex-wrap: wrap;} .i-news-item .i-news-item-card{width: 100%;margin-bottom: 30px;padding: 0;} .i-news-item-card .item-text{padding: 30px 3% 0;} .i-news-item-card .item-text .item-text-date{top: -45px;} .i-news-item-card .item-text .item-text-date .p2{width: 40px;height: 40px;font-size: 18px;line-height: 40px;} .i-news-item-card .item-text .item-text-title{margin-bottom: 0;} .i-news-item-card .item-text .item-text-title p{height: auto;font-size: 16px;} .i-news-item-card .item-more{display: none;} .i-stock{padding: 40px 0;border-top-width: 2px;} .i-stock .i-stock-main{flex-wrap: wrap;} .i-stock .i-stock-main .i-stock-img, .i-stock .i-stock-main .i-stock-text{width: 100%;} .i-stock .i-stock-main .i-stock-text{padding: 20px 10px;} .i-stock-text .i-stock-num{margin-bottom: 14px;} .i-stock-text .i-stock-data .stock-data1{margin-right: 20px;padding-right: 26px;} .i-stock-text .i-stock-data .stock-data1 span{font-size: 30px;} .i-stock-text .i-stock-data .stock-data2 span{font-size: 18px;} .i-stock-text .i-stock-data .stock-data1 i{font-size: 16px;} .i-stock .i-stock-bg{font-size: 60px;} .foot{padding-top: 40px;} .foot .foot-nav{display: none;} .foot-contact{width: 100%;} .foot-contact .foot-hotline{margin-right: 20px;} .foot-contact .foot-hotline::after{display: none;} .foot-contact .foot-item-tit{margin-bottom: 15px;} .foot-contact .foot-hotline-tel a{font-size: 14px;} .foot-contact .foot-hotline-tel i{width: 22px;height: 22px;margin-right: 4px;font-size: 12px;line-height: 20px;} .foot-contact .foot-msg .foot-form .foot-form-text{width: ;height: 40px;} .foot-contact .foot-msg .foot-form .foot-form-submit{width: 40px;height: 40px;line-height: 40px;} .foot-contact .foot-msg .foot-form .foot-form-submit-bg{width: 40px;height: 40px;line-height: 40px;} .foot-msg-code{margin-top: 15px;text-align: right;} .foot-media{display: none;} .foot-support{display: none;} .foot-bottom p{font-size: 12px;text-align: center;line-height: 1.5;} .com-tit{padding: 10px 10px 0 0;} .com-tit h6{font-size: 24px;} .com-tit span{width: 18px;height: 18px;border-width: 2px;} .com-banner .web-bg1{width: 100%;} .wrap-main .web-bg2{display: none;} .com-banner .tit-en{font-size: 20px;} .com-banner .tit-cn{top: 48%;font-size: 28px;} .about-wrap1{margin-left: 0;padding: 50px 0 0;} .about-wrap1 .about-wrap1-text, .about-wrap1 .about-wrap1-img{float: none;width: 100%;} .about-wrap1 .about-wrap1-text{width: 94%;margin: 0 auto 30px;} .about-wrap1-text .about-wrap1-tit{margin-bottom: 20px;} .about-wrap1-img .about-wrap1-num{width: 94%;margin: 0 auto 20px;} .about-wrap1-img .about-wrap1-num .item .item-text{margin-bottom: 14px;font-size: 14px;} .about-wrap1-img .about-wrap1-num .item .item-num{font-size: 30px;} .about-wrap1-img .about-company-img img{width: 100%;margin: 0 auto;} .about-wrap2{padding: 50px 0;} .about-wrap2-tit{margin-bottom: 24px;} .about-wrap2-ul .item{display: flex;text-align: left;} .shape-bg-left, .shape-bg-center, .shape-bg-right{display: none;} .item-shape-con{position: static;width: 150px;margin-right: 12px;padding: 16px 0 !important;background: #005093;} .item-shape-con .item-shape-icon{visibility: initial;opacity: 1;margin-top: 0;margin-bottom: 6px;} .about-wrap2 .item .item-line{display: none;} .about-wrap2 .item .item-sum{position: static;display: flex;align-items: center;padding: 0;text-align: left;} .item-shape-con .item-shape-icon i{font-size: 28px;} .item-shape-con .item-shape-text .p1{font-size: 16px;} .item-shape-con .item-shape-text .p2{font-size: 14px;letter-spacing: 0;} .about-wrap2 .item-on .item-shape-icon{margin-top: 0;} .about-wrap2 .item-on .item-shape-text .p2{visibility: initial;opacity: 1;} .about-wrap2 .item-sum .item-sum-text .p1{font-size: 18px;} .about-wrap3{padding: 50px 3% 10px;} .about-wrap3 .about-wrap3-tit{margin-bottom: 20px;} .about-wrap3 .about-wrap3-text, .about-wrap3 .about-wrap3-img{float: none;width: 100%;} .about-wrap3 .about-wrap3-text{position: relative;margin-top: 0;margin-bottom: 60px;} .team-text-container .item-team .item-team-tit{font-size: 20px;margin-bottom: } .about-wrap3-btn{position: absolute;bottom: -60px;left: 0;display: flex;justify-content: space-between;width: 100%;z-index: 9;} .about-wrap3-btn a{margin-left: 0;} .about-wrap4{padding: 50px 3% 20px;} .about-wrap4 .about-wrap4-tit{margin-bottom: 30px;} .about-wrap4 .item .item-inner{height: 250px;padding: 10px 5px;} .about-wrap4 .item .item-year{margin-bottom: .6em;font-size: 22px;} .about-wrap4 .item .item-text strong{font-size: 16px;} .product-wrap1{padding: 50px 0;} .product-wrap1 .product-wrap1-tit{margin-bottom: 16px;} .product-wrap1 .product-wrap1-text{flex-wrap: wrap;margin-bottom: 50px;} .product-wrap1-sum{width: 100%;margin-bottom: 10px;} .product-wrap1-img{width: 100%;} .product-wrap1-step .product-wrap1-ul{flex-wrap: wrap;} .product-wrap1-step .item .item-tit{margin-bottom: 20px;} .product-wrap1-step .item-step-icon{margin: 0 auto;} .product-wrap1-step .item-tit-num{font-size: 50px;} .product-wrap1-step .item-tit-sum{font-size: 20px;} .product-wrap1-step .item-tit-line{width: 8px;height: 40px;} .product-wrap1-step .item{width: 100%;} .product-wrap1-ul .item1 .item1-ul li{min-height: 100px;} .product-wrap1-step .item .item-main, .product-wrap1-step .item-step-icon{height: auto;} .product-wrap1-step .item .item-tit{justify-content: left} .product-wrap1-step .item3 .item-img{margin-top: 0;} .product-wrap1-ul .item2, .product-wrap1-ul .item4{padding: 24px 0;} .product-wrap1-step .item-step-icon img{width: 24px;} .product-wrap1-step .item3 .item-img{margin-bottom: 14px;} .product-wrap1-step .item3 .item-text{font-size: 16px;} .product-wrap1-step .item5 li{margin-bottom: 10px;} .product-wrap1-step .item5 .area-tit{padding: 10px 0;font-size: 16px;line-height: 1.5;} .product-wrap2{padding: 50px 0 60px;} .product-wrap2 .com-tit{margin-bottom: 20px;} .product-wrap2-tabs{display: flex;justify-content: space-between;margin-bottom: 24px;} .product-wrap2-tabs .tabs-a{margin-right: 0;padding: 4px 0;font-size: 14px;} .product-wrap2-container .product-item .product-item-img{height: 280px;background-size: cover;} .product-wrap2-container .product-item .product-item-bg{width: 110%;min-width: auto;} .product-item-text .p1{font-size: 18px;} .product-item-text .p2{font-size: 13px;} .product-wrap2-container .product-item .product-item-text{width: 80%;} .product-item-con .product-item-con-line{height: 60px;} .product-item-con .text-tit{font-size: 18px;} .product-wrap3{padding: 50px 0 40px;} .product-wrap3 .product-wrap3-main .product-wrap3-text, .product-wrap3 .product-wrap3-main .product-wrap3-img{width: 100%;} .product-wrap3 .product-wrap3-main .product-wrap3-text{margin-top: 0;} .product-wrap3 .product-wrap3-main .product-wrap3-img{margin-top: 30px;} .product-wrap3 .product-wrap3-main{width: 100%;padding: 20px 0;} .product-wrap3 .product-wrap3-main p{line-height: 2em;} .rd-wrap1{padding-top: 60px;} .com-top .com-nav a{margin-left: 14px;font-size: 16px;line-height: 1;} .rd-wrap1 .rd-wrap1-top{margin-bottom: 20px;} .rd-wrap1 .rd-wrap1-sum{margin-bottom: 20px;} .rd-wrap1 .rd-wrap1-sum p{line-height: 1.7em;} .rd-wrap1-main .item-text p{font-size: 13px;} .rd-wrap2{padding-top: 60px;} .rd-wrap2 .rd-wrap2-tit{margin-bottom: 30px;} .rd-wrap2 .rd-wrap2-text{width: 70%;} .rd-wrap2 .rd-wrap2-text p{font-size: 14px;line-height: 1.6;} .rd-wrap2 .rd-wrap2-text .rd-wrap2-sum{width: 96%;margin-left: 4%;} .rd-wrap3{margin-bottom: 70px;padding-top: 60px;} .rd-wrap3 .rd-wrap3-tit{margin-bottom: 30px;} .rd-wrap3 .rd-wrap3-main{flex-wrap: wrap;} .rd-wrap3 .rd-wrap3-img, .rd-wrap3 .rd-wrap3-text{width: 100%;} .rd-wrap3 .rd-wrap3-img{margin-bottom: 20px;} .rd-wrap3 .rd-circle-inner{font-size: 32px;} .rd-wrap3 .rd-circle-num{font-size: 32px;} .rd-wrap3 .rd-circle{margin-bottom: 12px;} .rd-wrap3 .rd-wrap3-ul .item-text{font-size: 16px;} .rd-wrap4{padding: 50px 0 60px;} .rd-wrap4 .rd-wrap4-tit{margin-bottom: 30px;} .rd-wrap4 .rd-wrap4-container .swiper-slide{height: 80px;} .rd-wrap5{padding: 50px 0 60px;} .rd-wrap5 .rd-wrap5-tit{margin-bottom: 30px;} .rd-wrap5 .item-img{margin-bottom: 14px;} .rd-wrap5 .item-text{padding: 0;font-size: 16px;} .article-main{padding: 50px 0 60px;} .article-main .article-top{margin-bottom: 40px;} .article-list .article-list-tit{padding-bottom: 10px;font-size: 20px;} .article-list .article-list-tit::after{width: 100px;height: 1px;bottom: -1px;} .article-list .article-list-ul .item{margin-bottom: 10px;} .article-list .item .item-inner{flex-wrap: wrap;min-width: 100%;} .article-list .item-img{width: 100%;margin-bottom: 10px;} .article-list .item-date{width: 80px;} .article-list .item-text{width: calc(100% - 100px);} .article-list .item-date .date-day{font-size: 54px;} .article-list .item-text .text-tit{font-size: 16px;margin-bottom: .6em;} .article-list .item-text .text-sum{font-size: 14px;} .article-read-top .article-tit{font-size: 18px;} .article-read{padding: 30px 0 50px;} .article-read .article-read-con{padding-bottom: 30px;} .talent-wrap1{padding-top: 50px;} .talent-wrap1 .talent-wrap1-tit{margin-bottom: 30px;} .talent-wrap1 .talent-wrap1-main{height: auto;padding: 30px 10px;} .talent-wrap1-main .p1{margin-bottom: 1em;font-size: 24px;} .talent-wrap1-main .p2{margin-bottom: 2em;font-size: 18px;} .talent-wrap1-main .p2 span{line-height: 1.5;text-align: center;} .talent-wrap1-more{width: 120px;height: 40px;line-height: 40px;} .talent-wrap2{margin-bottom: 50px;padding-top: 60px;} .talent-wrap2 .talent-wrap2-tit{margin-bottom: 30px;} .talent-wrap2 .talent-wrap2-main{flex-wrap: wrap;margin-bottom: 40px;} .talent-wrap2-item{width: 100%;margin-bottom: 20px;} .talent-wrap2-item .item-top span{font-size: 20px;} .talent-wrap2-item2 .item-text{flex-wrap: wrap;} .talent-wrap2-item2 .item-text-left{margin-bottom: 10px;} .job-tit{font-size: 22px;} .talent-wrap2-job{margin-bottom: 50px;} .job-list dt{padding-top: 14px;padding-bottom: 14px;font-size: 16px;} .dd-top{padding: 10px 0;font-size: 14px;} .dd-top .dl-more span{font-size: 12px;line-height: 28px;} .dd-con{padding: 20px 0;} .talent-wrap3{margin-bottom: 50px;background-position: right -140px center;} .talent-wrap3 .talent-wrap3-tit{font-size: 18px;} .contact-info{padding: 60px 0 40px;} .contact-info .contact-info-tit{margin-bottom: 30px;} .contact-info .contact-info-main{flex-wrap: wrap;} .contact-info .contact-info-text{width: 100%;margin-right: 0;margin-bottom: 20px;} .contact-info .contact-info-text .contact-info-letter{font-size: 40px;} .contact-info-ul .item{margin-bottom: 10px;} .contact-info-ul .item i{width: 30px;margin-right: 12px;font-size: 30px;} .contact-info-ul .item-text span{margin-right: 18px;line-height: 1.2em;} .contact-info-ul .item-text a{line-height: 1.2em;} .contact-info-ul .item-text span::after{right: -10px;width: 2px;margin-top: -7px;height: 14px;} .contact-code p{margin-bottom: 1em;} .contact-info .contact-code{width: 160px;padding-left: 9.1%;} .contact-map{height: 300px;} .contact-form{padding: 50px 0 60px;} .contact-form .contact-form-tit{margin-bottom: 30px;} .contact-form .submit{top: -62px;width: 120px;height: 40px;font-size: 14px;line-height: 40px;} .contact-form .row1{flex-wrap: wrap;margin-bottom: 0;} .contact-form .row-input{width: 100%;margin-bottom: 20px;padding: 10px;} .contact-form .row-input i{margin-right: 10px;font-size: 18px;} .contact-form textarea{min-height: 100px;} .message{padding: 50px 0 !important;} .message-box{max-width: 94%;} .head-tool{position: absolute;right: 65px;top: 50%;margin-top: -17px;} .head-tool .head-lang{margin-bottom: 0;padding: 10px 0;} }