html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; } *{box-sizing: border-box;} body { font-size:0.28rem; color:#333; line-height: normal; background-color: #FFFFFF; max-width: 7.5rem; margin: 0 auto; padding-bottom: 1.2rem; } h1, h2, h3, h4, h5, h6{font-weight:normal;} ul,ol { list-style: none; } img { border: none; vertical-align: middle; } a { text-decoration: none; color: #333333; } a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; text-decoration: none; } table { border-collapse: collapse; table-layout: fixed; } input, textarea { outline: none; border: none; font-family: "Microsoft Yahei",sans-serif; } textarea { resize: none; overflow: auto; } .clearfix { zoom: 1; } .clearfix:after { content: ""; width: 0; height: 0; visibility: hidden; display: block; clear: both; overflow:hidden; } .col-l{ float: left } .col-r{ float: right } .ellipse { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wrap,.wp{ padding-left: 0.3rem; padding-right: 0.3rem; } .flex{ display: -webkit-flex; display: flex; flex-wrap: wrap; } .flex-between{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } .flex-around{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around; } .img{ display: block; width: 100%; } /*index*/ .bg-view{ background-image: -moz-linear-gradient( 18deg, rgb(66,95,139) 0%, rgb(30,69,108) 43%, rgb(9,38,70) 58%, rgb(2,36,73) 100%); background-image: -webkit-linear-gradient( 18deg, rgb(66,95,139) 0%, rgb(30,69,108) 43%, rgb(9,38,70) 58%, rgb(2,36,73) 100%); background-image: -ms-linear-gradient( 18deg, rgb(66,95,139) 0%, rgb(30,69,108) 43%, rgb(9,38,70) 58%, rgb(2,36,73) 100%); width: 100%; padding-left: 0.42rem; } .back-top{ width: 0.6rem; height: 0.6rem; display: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: fixed; bottom: 2.2rem; right: 0.2rem; text-align: center; border:0.03rem solid #ffffff; line-height: 0.5rem; -webkit-box-shadow: 0 0.06rem 0.1rem 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0.06rem 0.1rem 0 rgba(0,0,0,0.3); box-shadow: 0 0.06rem 0.1rem 0 rgba(0,0,0,0.3); background-image: -moz-linear-gradient( 90deg, rgb(255,197,52) 0%, rgb(240,160,33) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(255,197,52) 0%, rgb(240,160,33) 100%); background-image: -ms-linear-gradient( 90deg, rgb(255,197,52) 0%, rgb(240,160,33) 100%); } .back-top img{ width: 0.3rem; } .bg-view .card{ background: #f7f8fa; border-bottom-left-radius: 1rem; padding-top: 0.01rem; position: relative; } .logo-bar{ padding-left: 0.58rem; background-image: url("../images/logobg.png"); background-size: 6.66rem 1.11rem; background-repeat: no-repeat; background-position: 0.38rem center; margin-bottom: 0.4rem; height: 1.11rem; line-height: 1.11rem; margin-top: 0.25rem; } .index-logo{ margin-top: 1.08rem; margin-bottom: 0.7rem; } .logo{ display: block; width: 2.96rem; margin-top: 0.22rem; } .nav{ margin-left: 0.58rem; margin-bottom: 0.65rem; } .nav li{ float: left; margin-right: 0.5rem; font-size: 0.28rem; position: relative; } .nav li:last-child{ margin-right: 0; } .nav a { color: #596382; } .nav .active a{ color: #ff4e58; } .nav .active{ font-size: 0.32rem; font-weight: bold; line-height: 0.4rem; } .nav .active:before{ content: ''; width: 0.07rem; height: 0.07rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ff4e58; position: absolute; left: 0; bottom: -0.25rem; } .index-nav{ margin-bottom: 0.8rem; } .nav .active:after{ content: ''; width: 0.49rem; height: 0.03rem; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; background: #ff4e58; position: absolute; left: 0.11rem; bottom: -0.23rem; } .index-p .index-pli{ position: relative; width: 5.22rem !important; display: block !important; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; -webkit-box-shadow: 0rem 0.28rem 0.29rem 0rem rgba(180, 215, 255, 0.11); -moz-box-shadow: 0rem 0.28rem 0.29rem 0rem rgba(180, 215, 255, 0.11); box-shadow: 0rem 0.28rem 0.29rem 0rem rgba(180, 215, 255, 0.11); padding-left: 0.58rem; background-image: url('../images/tj.jpg'); background-repeat: no-repeat; background-position: center top; padding-top: 0.7rem; margin-left: 0.48rem; margin-bottom: 0.94rem; padding-bottom: 0.28rem; } .slick-slide:first-child .index-pli{ margin-left: 0; } .index-p p{ font-size: 0.22rem; color: #062446; padding-left: 0.3rem; position: relative; margin-bottom: 0.4rem; } .index-p p:nth-child(2){ margin-bottom: 0.66rem; } .index-p p strong{ display: block; font-size: 0.32rem; font-weight: bold; margin-top: 0.16rem; } .index-p p:before{ position:absolute; top:0.1rem; left: 0; content: ''; width: 0.23rem; height: 0.08rem; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; background: #ff4e58; } .index-p .index-pli span{ position: absolute; color: #062446; font-size: 0.24rem; color: #062446; top: 1.6rem; right: 0.45rem; font-weight: bold; } .index-p .index-pli .name{ width: 100%; display: block; text-align: center; color: #062446; font-size: 0.36rem; font-weight: bold; line-height: 0.4rem; margin-top: 0.2rem; margin-bottom: 0.15rem; } .index-p .index-pli a img{ display: block; max-width: 100%; } .index-cla{ margin-top: 0.65rem; padding-bottom: 1.12rem; } .cla-tit{ padding-left: 0.58rem; font-size: 0.28rem; color: #88afd6; font-weight: bold; line-height: 0.3rem; margin-bottom: 0.3rem; } .cla-list{ display: -webkit-box; overflow-x: scroll; -webkit-overflow-scrolling:touch; } .cla-list::-webkit-scrollbar {display:none} .cla-list li{ width: 4.68rem; height: 2.13rem; background-color: #f7f8fa; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; margin-left: 0.4rem; -webkit-background-size: cover; background-size: cover; } .cla-list li:first-child{ margin-left: 0; } .cla1{ background-image: url('../images/cl1.jpg'); } .cla2{ background-image: url('../images/cl2.jpg'); } .cla3{ background-image: url('../images/cl3.jpg'); } .cla4{ background-image: url('../images/cl4.jpg'); } .cla5{ background-image: url('../images/cl5.jpg'); } .cla-list li a{ display: block; width: 100%; height: 100%; padding-left: 2.74rem; padding-top: 0.62rem; } .cla-list .zh{ font-size: 0.32rem; line-height: 0.34rem; font-weight: bold; color: #062446; margin-bottom: 0.1rem; display: block; } .cla-list .en{ font-size: 0.28rem; color: #67707b; line-height: 0.3rem; font-weight: bold; } .index-case{ position: relative; } .index-ctext{ position: absolute; top: 0; left: 0; width: 100%; padding-left: 0.99rem; padding-top: 1.08rem; z-index: 999; } .index-ctext h1{ line-height: 0.85rem; font-size: 0.6rem; color: #FFFFFF; margin-bottom: 0.3rem; font-weight: bold; } .index-ctext h1 b{ display: block; font-size: 0.7rem; color: #ff4e58; } .index-ctext span{ font-size: 0.24rem; color: #70bbff; line-height: 0.34rem; margin-right: 0.3rem; } .index-ctext span strong{ font-size: 0.34rem; font-family: 'Impact'; } .case-code{ position: absolute; left: 0; top: 0; width: 1.4rem; z-index: 999; } .cslitem{ position: relative; display: block !important; } .cslitem .mask{ position: absolute; bottom: 0.85rem; left: 0; width: 7.5rem; padding-left: 0.99rem; padding-right: 0.4rem; } .cslitem h3 a{ font-size: 0.36rem; line-height: 0.46rem; color: #76bbea; font-weight: bold; } .cslitem h3{ margin-bottom: 0.16rem; } .cslitem p{ font-size: 0.24rem; color: #76bbea; line-height: 0.34rem; margin-bottom: 0.26rem; } .cslitem .more-btn{ width: 2.3rem; height: 0.7rem; -webkit-border-radius: 0.35rem; -moz-border-radius: 0.35rem; border-radius: 0.35rem; color: #FFFFFF; font-size: 0.2rem; display: block; line-height: 0.66rem; padding-left: 0.9rem; position: relative; border: 0.02rem solid rgba(255,255,255,0.2); } .cslitem .more-btn:before{ content: ''; display: block; width: 0.39rem; height: 0.39rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0.02rem solid #4993c9; background-image: url('../images/icon.png'); background-position: center; background-repeat: no-repeat; position: absolute; top: 0.12rem; left: 0.15rem; } .main-bg{ display: block; width: 7.5rem; } .cslick .slick-dots{ position: absolute; bottom: 1.08rem; left: 0.99rem; } .cslick .slick-dots button{ display: none; } .cslick .slick-dots li{ width: 0.1rem; height: 0.08rem; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; background: #ffffff; display: inline-block; margin-right: 0.06rem; } .cslick .slick-dots li.slick-active{ width: 0.3rem; } .index-new{ padding-top: 1.05rem; background: #f2f2f2; padding-bottom: 0.4rem; } .index-new h2{ text-align: center; font-size: 0.6rem; color: #062446; font-weight: bold; padding-top: 0.16rem; background: url("../images/hongxingjiqi.png") no-repeat center top; -webkit-background-size: 7.5rem; background-size: 7.5rem; margin-bottom: 0.25rem; } .index-new h2 a{ color: #062446; } .new-sec{ font-size: 0.24rem; line-height: 0.38rem; color: #23374f; text-align: center; width: 5.6rem; margin:0 auto 0.36rem; } .inew-list{ width: 6.7rem; margin: 0 auto; } .inew-list li{ background: #ffffff; -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; height: 2.8rem; border-radius: 0.3rem; -webkit-box-shadow:0rem 0rem 0.24rem 0rem rgba(101, 173, 255, 0.24); -moz-box-shadow:0rem 0rem 0.24rem 0rem rgba(101, 173, 255, 0.24); box-shadow:0rem 0rem 0.24rem 0rem rgba(101, 173, 255, 0.24); margin-bottom: 0.4rem; padding: 0.3rem 0.54rem 0 0.56rem; position: relative; } .inew-list li h3{ font-size: 0.32rem; line-height: 0.48rem; color: #062446; margin-bottom: 0.3rem; font-weight: bold; } .inew-list li h3 a{ color: #062446; } .inew-list li p{ color: #59616c; font-size: 0.24rem; line-height: 0.34rem; margin-bottom: 0.25rem; } .inew-list span{ font-size: 0.22rem; line-height: 0.32rem; color: #919599; padding-left: 0.28rem; background: url('../images/icon_35.png') left center no-repeat; background-size: 0.18rem 0.18rem; } .inew-list .more-btn{ font-size: 0.22rem; color: #ff4e58; line-height: 0.32rem; padding-right: 0.4rem; background: url("../images/jt.png") right center no-repeat; position: absolute; right: 0.56rem; bottom: 0.32rem; -webkit-background-size: 0.29rem 0.09rem; background-size: 0.29rem 0.09rem; } .hx-sl{ background: url("../images/sl.jpg"); -webkit-background-size: cover; background-size: cover; padding-left: 0.98rem; padding-top: 0.5rem; padding-bottom: 0.1rem; margin-bottom: 0.22rem; } .hx-sl  li{ margin-bottom: 0.6rem; } .hx-sl  li p{ margin-top: 0.25rem; height: 0.66rem; line-height: 0.66rem; color: #ffffff; font-size: 0.24rem; padding: 0 0.3rem; -webkit-border-radius: 0.33rem; -moz-border-radius: 0.33rem; border-radius: 0.33rem; display: inline-block; background-image: linear-gradient(to right,rgba(46,103,144,1),rgba(46,103,144,0)); } .hx-num img{ height: 0.74rem; vertical-align: bottom; } .hx-num{ font-size: 0.2rem; color: #ffd87d; vertical-align: bottom; } /*商务通*/ .fixed-swt{position: fixed;bottom: 0;left:50%;max-width: 7.3rem;width:100%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);background:#084484;background: -moz-linear-gradient(top, #3d9bff 0%, #084484 100%);background: -webkit-linear-gradient(top, #3d9bff 0%,#084484 100%);background: -o-linear-gradient(top, #3d9bff 0%,#084484 100%);background: -ms-linear-gradient(top, #3d9bff 0%,#084484 100%);background: linear-gradient(to bottom, #3d9bff 0%,#084484 100%);-webkit-box-shadow: 0 0 20px rgba(72,145,255, .2) inset;-moz-box-shadow: 0 0 20px rgba(72,145,255, .2) inset;-ms-box-shadow: 0 0 20px rgba(72,145,255, .2) inset;-o-box-shadow: 0 0 20px rgba(72,145,255, .2) inset;box-shadow: 0 0 20px rgba(72,145,255, .2) inset;border-radius: 0.6rem;z-index: 9999;} .fixed-swt ul{display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;padding:0.15rem;} .fixed-msg{width: 3rem;background: url(../images/fixed-msg.png) no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;} .fixed-tel,.fixed-ly{width: 3.8rem;background: url(../images/fixed-tel.png) no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;} .fixed-ly{display: none;} .fixed-swt li a,.fixed-msg span{display: block;line-height: 0.9rem;text-align: center;font-size: 0.36rem;text-align: center;color: #fff;font-weight: bold;} .fixed-swt .fixed-msg a{text-shadow: 0.03rem 0.05rem 0.05rem rgba(11,73,139,0.5);} .fixed-swt .fixed-tel a,.fixed-swt .fixed-ly a{text-shadow: 0.03rem 0.05rem 0.05rem rgba(299,53,54,0.5);} .fixed-tel img{width: 0.72rem;vertical-align: middle;margin-top: -0.05rem;} .fixed-ly img{width: 0.56rem;vertical-align: middle;margin-top: -0.05rem;} /*产品中心*/ .head-tel{ margin-right: 0.3rem; margin-top: 0.16rem; } .head-telCode{ width: 0.64rem; height: 0.61rem; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; background-image: -moz-linear-gradient( 90deg, rgb(229,239,248) 0%, rgb(208,227,244) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(229,239,248) 0%, rgb(208,227,244) 100%); background-image: -ms-linear-gradient( 90deg, rgb(229,239,248) 0%, rgb(208,227,244) 100%); -webkit-box-shadow: 0.08619rem 0.11032rem 0.27rem 0rem rgba(147, 186, 232, 0.39); -moz-box-shadow: 0.08619rem 0.11032rem 0.27rem 0rem rgba(147, 186, 232, 0.39); box-shadow: 0.08619rem 0.11032rem 0.27rem 0rem rgba(147, 186, 232, 0.39); font-size: 0.2rem; color: #ff4e58; text-align: center; align-content: center; line-height: 0.24rem; border: 0.02rem solid #ffffff; justify-content: center; margin: auto 0.08rem auto 0; } .head-tel p{ color: #072446; line-height: 0.34rem; font-size: 0.24rem; } .head-tel p span{ font-size: 0.16rem; } .head-tel p strong{ font-size: 0.32rem; font-family: 'Impact'; } .pro-tit{ font-size: 0.5rem; line-height: 0.7rem; color: #062446; padding-left: 0.58rem; font-weight: bold; margin-bottom: 0.04rem; } .pro-sec{ font-size: 0.26rem; line-height: 0.36rem; color: #062446; padding-left: 0.58rem; margin-bottom: 0.48rem; } .pro-nav{ padding-left: 0.46rem; height: 2.62rem; display: -webkit-box; overflow-x: scroll; -webkit-overflow-scrolling:touch; } .pro-card{ height: 6.35rem; margin-bottom: 0.78rem; } .pro-nav::-webkit-scrollbar {display:none} .pro-nav li{ position: relative; margin-left: 0.08rem; background: #ffffff; width: 1.4rem; text-align: center; border-top-right-radius: 0.5rem; border-top-left-radius: 0.5rem; -webkit-box-shadow:  0rem 0.05rem 0.16rem 0rem rgba(130, 160, 255, 0.34); -moz-box-shadow:  0rem 0.05rem 0.16rem 0rem rgba(130, 160, 255, 0.34); box-shadow:  0rem 0.05rem 0.16rem 0rem rgba(130, 160, 255, 0.34); height: 1.95rem; } .pro-nav li:first-child{ margin-left: 0; } .pro-navImg{ width: 1.17rem; height: 1.17rem; line-height: 1.17rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; -webkit-box-shadow: 0rem 0rem 0.2rem 0rem rgba(130, 160, 255, 0.54); -moz-box-shadow: 0rem 0rem 0.2rem 0rem rgba(130, 160, 255, 0.54); box-shadow: 0rem 0rem 0.2rem 0rem rgba(130, 160, 255, 0.54); background: url("../images/nav1.png") center no-repeat; -webkit-background-size: 1.17rem 1.17rem; background-size: 1.17rem 1.17rem; margin: 0.1rem auto 0.16rem; position: relative; } .pro-navImg img{ display: block; margin: 0 auto; width: 0.89rem; } .pro-navImg a{ display: block; padding-top: 0.14rem; } .pro-navName{ font-size: 0.24rem; color: #596382; } .pro-nav li.active .pro-navName{ color: #ff4e58; } .pro-nav li.active{ height: 2.2rem; border-bottom-left-radius: 0.69rem; border-bottom-right-radius: 0.69rem; top:0.4rem; } .pro-nav li.active .pro-navImg{ -webkit-box-shadow: 0rem 0rem 0.2rem 0rem rgba(130, 160, 255, 0.28),inset 0.028679999999999997rem 0.04096rem 0.06rem 0rem rgba(29, 37, 50, 0.1); -moz-box-shadow: 0rem 0rem 0.2rem 0rem rgba(130, 160, 255, 0.28),inset 0.028679999999999997rem 0.04096rem 0.06rem 0rem rgba(29, 37, 50, 0.1); box-shadow: 0rem 0rem 0.2rem 0rem rgba(130, 160, 255, 0.28),inset 0.028679999999999997rem 0.04096rem 0.06rem 0rem rgba(29, 37, 50, 0.1); background: url("../images/nav2.png") center no-repeat; -webkit-background-size: 1.17rem 1.17rem; background-size: 1.17rem 1.17rem; margin-bottom: 0.23rem; } .pro-nav li.active .pro-navImg:after{ position: absolute; bottom: -0.38rem; left: 50%; width: 0.75rem; height: 0.67rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: url("../images/icon_77.png") center no-repeat; -webkit-background-size: 0.75rem 0.67rem; background-size: 0.75rem 0.67rem; content: ''; } .pro-list{ padding: 0 0.3rem 0.35rem 0; } .pro-list li{ width: 3.3rem; margin-bottom: 0.4rem; } .hide{ display: none !important; } .pro-list li img{ display: block; width: 100%; -webkit-border-radius: 0.2rem 0.2rem 0.2rem 0.6rem; -moz-border-radius: 0.2rem 0.2rem 0.2rem 0.6rem; border-radius: 0.2rem 0.2rem 0.2rem 0.6rem; } .pro-info{ width: 3.06rem; height: 1.59rem; background: #ffffff; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; float: right; margin-top: -0.4rem; -webkit-box-shadow: 0rem 0rem 0.15rem 0rem rgba(130, 160, 255, 0.54); -moz-box-shadow: 0rem 0rem 0.15rem 0rem rgba(130, 160, 255, 0.54); box-shadow: 0rem 0rem 0.15rem 0rem rgba(130, 160, 255, 0.54); position: relative; padding: 0.18rem 0.1rem 0 0.3rem; } .pro-info h3{ font-size: 0.28rem; line-height: 0.38rem; font-weight: bold; margin-bottom: 0.06rem; } .pro-info h3 a{ color: #062446; } .pro-info p{ font-size: 0.24rem; line-height: 0.4rem; color: #626a77; } .pro-info p strong{ display: block; font-weight: bold; color: #30537d; padding-right: 0.46rem; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pro-cnTable >p{ margin-bottom: 0.2rem; margin-top: 0.2rem; color: #666; } .pro-info .pro-btn{ position: absolute; width: 0.42rem; height: 0.36rem; background-image: -moz-linear-gradient( 90deg, rgb(229,239,248) 0%, rgb(208,227,244) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(229,239,248) 0%, rgb(208,227,244) 100%); background-image: -ms-linear-gradient( 90deg, rgb(229,239,248) 0%, rgb(208,227,244) 100%); -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; -webkit-box-shadow:  0.08619rem 0.11032rem 0.27rem 0rem rgba(147, 186, 232, 0.39); -moz-box-shadow:  0.08619rem 0.11032rem 0.27rem 0rem rgba(147, 186, 232, 0.39); box-shadow:  0.08619rem 0.11032rem 0.27rem 0rem rgba(147, 186, 232, 0.39); border: 0.02rem solid #ffffff; right: 0.1rem; bottom: 0.14rem; } .pro-info .pro-btn img{ display: block; margin: auto; width: 0.23rem; height: 0.14rem; } .hx-history{ position: relative; width: 100%; height: 7.18rem; background: url("/images/his.jpg") no-repeat; background-position: 0 -0.62rem; } .hx-history *{ display: none; } .his-code{ position: absolute; bottom: 0.57rem; left: 2.18rem; } .his-bg{ width: 100%; display: none; } .his-code li{ width: 1.15rem; text-align: center; font-size: 0.2rem; color: #ff4e58; margin-bottom: 0.1rem; } .his-code li:nth-child(1){ margin-left: 1.64rem; } .his-code li:nth-child(2){ margin-left: 0.82rem; } .his-code li img{ display: block; height: 0.3rem; margin: 0 auto 0.02rem; } .his-p{ position: absolute; color: #ffffff; width: 0.9rem; height: 0.9rem; text-align: center; font-size: 0.22rem; line-height: 0.24rem; justify-content: center; align-content: center; top: 2.93rem; right: 1.3rem; } .his40{ position: absolute; right: 0.52rem; top: 2.25rem; color: #ffffff; } .his40-img img{ height: 0.6rem; vertical-align: bottom; } .his40-img{ font-size: 0.17rem; } .his40-txt{ padding-left: 0.2rem; font-size: 0.24rem; } .his-text{ position: absolute; bottom: -0.15rem; left: 2.93rem; } .his-text li{ margin-bottom: 0.46rem; font-size: 0.24rem; color: #062446; line-height: 0.26rem; position: relative; } .his-text li:after{ position: absolute; content: ''; left: 0; bottom: -0.1rem; width: 0.6rem; height: 0.02rem; background: #ff4e58; } .his-text li:nth-child(1){ margin-left: 1.73rem; } .his-text li:nth-child(2){ margin-left: 0.87rem; } /*case*/ .casebg{ position: absolute; top: 0; left: 50%; display: block; width: 100%; max-width: 7.5rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .case-view{ padding-bottom: 0.07rem; } .case-view .card{ padding-bottom: 0.6rem; margin-bottom: 0.8rem; } .case-view .nav{ margin-bottom: 0; } .case-view h2{ font-size: 0.5rem; line-height: 0.6rem; font-weight: bold; color: #ffffff; margin-bottom: 0.2rem; padding-left: 0.58rem; position: relative; } .case-view .case-sec{ font-size: 0.24rem; line-height: 0.48rem; color: #ffffff; padding-left: 0.58rem; padding-right: 0.4rem; position: relative; margin-bottom: 1rem; } .case-list{ position: relative; padding-right: 0.4rem; } .case-list li{ margin-bottom: 0.4rem; } .case-list li .caseimg{ display: block; width: 100%; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; } .case-info{ width: 6.24rem; height: 2.6rem; background: #ffffff; -webkit-border-radius: 0 0.2rem 0.2rem 0.2rem; -moz-border-radius: 0 0.2rem 0.2rem 0.2rem; border-radius: 0 0.2rem 0.2rem 0.2rem; padding: 0.2rem 0.58rem 0 0.58rem; margin-top: -0.47rem; position: relative; } .case-info h3{ font-size: 0.32rem; color: #062446; line-height: 0.4rem; margin-bottom: 0.2rem; font-weight: bold; } .case-info h3 a{ color: #062446; } .case-info p{ font-size: 0.24rem; color: #626a77; margin-bottom: 0.35rem; line-height: 0.34rem; } .case-info p strong{ color: #5776b3; } .case-info span{ position: relative; font-size: 0.24rem; line-height: 0.34rem; color: #30537d; margin-right: 0.58rem; } .case-info span:after{ position: absolute; top: -0.06rem; right: -0.14rem; width: 1.11rem; height: 0.4rem; background: url("../images/icon_34.png") center no-repeat; -webkit-background-size: 1.11rem 0.4rem; background-size: 1.11rem 0.4rem; content: ''; } .case-btn{ width: 0.57rem; height: 0.49rem; background-image: -moz-linear-gradient( 90deg, rgb(229,239,248) 0%, rgb(208,227,244) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(229,239,248) 0%, rgb(208,227,244) 100%); background-image: -ms-linear-gradient( 90deg, rgb(229,239,248) 0%, rgb(208,227,244) 100%); -webkit-box-shadow: 0.08619rem 0.11032rem 0.27rem 0rem rgba(147, 186, 232, 0.39); -moz-box-shadow: 0.08619rem 0.11032rem 0.27rem 0rem rgba(147, 186, 232, 0.39); box-shadow: 0.08619rem 0.11032rem 0.27rem 0rem rgba(147, 186, 232, 0.39); -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; border: 0.02rem solid #ffffff; position: absolute; top: 50%; right: -0.3rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .case-btn img{ margin: auto; display: block; width: 0.23rem; height: 0.14rem; } /*新闻中心*/ .news-view h2{ font-weight: bold; font-size: 0.5rem; line-height: 0.7rem; color: #062446; padding-left: 0.58rem; padding-right: 0.4rem; margin-bottom: 0.17rem; } .news-view .new-set{ font-size: 0.26rem; line-height: 0.46rem; color: #495c72; padding-left: 0.58rem; padding-right: 0.4rem; margin-bottom: 0.46rem; } .news-topImg{ margin: 0 0.4rem 0 0.58rem; position: relative; } .news-topImg:before{ content: ''; width: 100%; display: block; position: absolute; height: 3.52rem; background: #ffffff; -webkit-border-radius: 0 0 0.2rem 0.6rem; -moz-border-radius: 0 0 0.2rem 0.6rem; border-radius: 0 0 0.2rem 0.6rem; -webkit-box-shadow: 0rem 0rem 0.2rem 0rem rgba(198, 226, 255, 0.8); -moz-box-shadow: 0rem 0rem 0.2rem 0rem rgba(198, 226, 255, 0.8); box-shadow: 0rem 0rem 0.2rem 0rem rgba(198, 226, 255, 0.8); left: 0; bottom: 0; } .news-topImg .main-img{ position: relative; display: block; margin-bottom: 0.23rem; } .news-topImg img{ display: block; width: 100%; -webkit-border-radius: 0.6rem 0.2rem 0.2rem 0.6rem; -moz-border-radius: 0.6rem 0.2rem 0.2rem 0.6rem; border-radius: 0.6rem 0.2rem 0.2rem 0.6rem; } .news-topImg p{ position: relative; font-size: 0.32rem; color: #59616c; line-height: 0.4rem; padding-left: 0.4rem; padding-right: 1rem; padding-bottom: 0.27rem; } .news-topImg p a{ color: #59616c; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news-topInfo{ position: relative; } .rm-code{ position: absolute; right: 0; top: -0.53rem; width: 0.78rem; height: 0.79rem; background: url("../images/rm.png") center no-repeat; -webkit-background-size: 0.78rem 0.79rem; background-size: 0.78rem 0.79rem; color: #ffffff; font-size: 0.24rem; text-align: center; padding-top: 0.38rem; } .news-view .card{ margin-bottom: 0.45rem; } .news-list{ background: #ffffff; border-top-left-radius: 1rem; padding-bottom: 0.4rem; padding-top: 0.2rem; } .news-list li{ padding-left: 0.58rem; padding-top: 0.4rem; border-top-left-radius: 1rem; border-top: 0.02rem solid #e6f2fe; } .news-list li:first-child{ border: 0; } .news-r{ display: block; width: 2.2rem; } .news-r img{ display: block; border-top-left-radius: 0.4rem; width: 100%; } .news-l{ width: 3.9rem; } .news-l h3{ font-size: 0.32rem; line-height: 0.4rem; font-weight: bold; margin-bottom: 0.1rem; margin-top: -0.05rem; } .news-l h3 a{ color: #3c526f; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news-l span{ color: #b3b9c2; font-size: 0.22rem; line-height: 0.32rem; padding-left: 0.3rem; background: url("../images/icon_35.png") left center no-repeat; -webkit-background-size: 0.18rem; background-size: 0.18rem; } /*联系我们*/ .kf-view{ position: relative; margin-right: 0.3rem; height: 7.1rem; padding-top: 4.22rem; } .kf-view:before{ position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 3.87rem; display: block; -webkit-border-radius: 0.6rem 0 0 0.6rem; -moz-border-radius: 0.6rem 0 0 0.6rem; border-radius: 0.6rem 0 0 0.6rem; -webkit-box-shadow: 0rem 0.06rem 0.29rem 0rem rgba(86, 183, 252, 0.2); -moz-box-shadow: 0rem 0.06rem 0.29rem 0rem rgba(86, 183, 252, 0.2); box-shadow: 0rem 0.06rem 0.29rem 0rem rgba(86, 183, 252, 0.2); background: url("../images/wg.png"); -webkit-background-size: 1rem; background-size: 1rem; } .kf-img{ position: absolute; top: 0; left: 0; width: 100%; } .con-view .card{ border-bottom-left-radius: 0.6rem; } .con-item{ margin-left: 0.58rem; position: relative; margin-bottom: 0.25rem; } .con-item img{ display: block; width: 0.78rem; height: 0.78rem; margin:auto 0.3rem auto 0; } .con-item p{ line-height: 0.52rem; } .con-item p span{ font-size: 0.32rem; color: #4f6178; } .con-item p a{ color: #ff4e58; } .con-item p strong{ font-size: 0.4rem; font-weight: bold; color: #ff4e58; } .con-list{ margin: 0.42rem 0 0.26rem; } .con-list li{ padding-left: 0.4rem; line-height: 1.4; font-size: 0.3rem; color: #ffffff; margin-left: 0.48rem; background: url('../images/li.png') left 0.01rem no-repeat; -webkit-background-size:0.4rem 0.4rem; background-size: 0.4rem 0.4rem; margin-top: 0.2rem; margin-bottom: 0.2rem} .add-view{ padding: 0.74rem 0.3rem 0.8rem; background: #ffffff; -webkit-border-radius: 1rem 0 0 0; -moz-border-radius: 1rem 0 0 0; border-radius: 1rem 0 0 0; width: 7.5rem; margin-left: -0.42rem; margin-top: -0.46rem; } .add-view h2{ text-align: center; font-size: 0.5rem; line-height: 0.6rem; color: #062446; font-weight: bold; background: url("../images/tit.png") center top no-repeat; -webkit-background-size: 5.35rem 0.56rem; background-size: 5.35rem 0.56rem; padding-top: 0.25rem; margin-bottom: 0.18rem; } .add-view p{ font-size: 0.32rem; line-height: 0.6rem; color: #59616c; margin:0 auto 0.25rem; width: 6.26rem; } .map{ height: 3.97rem; -webkit-border-radius: 0.6rem; -moz-border-radius: 0.6rem; border-radius: 0.6rem; } .map *{ box-sizing: content-box; } .ab-main{ height: 7.61rem; background: url("../images/abg.jpg") left top no-repeat; -webkit-background-size: 7.1rem 7.61rem; background-size: 7.1rem 7.61rem; -webkit-border-radius: 0 0 0 1.02rem; -moz-border-radius: 0 0 0 1.02rem; border-radius: 0 0 0 1.02rem; -webkit-box-shadow: 0.42679rem 0.0524rem 0.18rem 0rem rgba(67, 67, 69, 0.61); -moz-box-shadow: 0.42679rem 0.0524rem 0.18rem 0rem rgba(67, 67, 69, 0.61); box-shadow: 0.42679rem 0.0524rem 0.18rem 0rem rgba(67, 67, 69, 0.61); position: relative; margin-bottom: 3.62rem; } .ab-view .card{ border-bottom-left-radius: 1.05rem; } .ab-view .nav{ margin-bottom: 0.75rem; } .ab-view{ background: url("../images/abobg_81.png") left top no-repeat; -webkit-background-size: 7.5rem; background-size: 7.5rem; height: 14.85rem; } .ab-numItem{ position: absolute; } .ab-numItem span{ font-size: 0.3rem; color: #ffffff; line-height: 0.6rem; } .ab-numItem span strong{ font-size: 0.6rem; color: #ffffff; font-weight: bold; line-height: 0.6rem; } .ab-numItem p{ font-size: 0.32rem; color: #add3ff; line-height: 0.37rem; } .abm1{ left: 0; top: 1.65rem; padding-left: 0.59rem; } .abm1:before{ left: 0; } .abm2{ left: 3.2rem; top: 0.96rem; padding-left:0.34rem; } .abm2:before{ left: 0; } .abm3{ text-align: right; left: 0.52rem; top: 3.4rem; padding-right: 0.28rem; } .abm3:before{ right: 0; } .abm4{ text-align: right; right: 0.34rem; top: 3.2rem; padding-right: 0.43rem; } .abm4:before{ right: 0; } .ab-numItem:before{ content: ''; display: block; position: absolute; width: 0.09rem; height: 0.73rem; background: #f23b47; top: 50%; margin-top: -0.36rem; } .ab-play{ position: absolute; width: 5.24rem; height: 5.61rem; left: 1.26rem; top: 5.15rem; } .ab-play img{ display: block; width: 5.24rem; height: 5.61rem; } .ab-play p{ text-align: right; color: #ffffff; font-weight: bold; font-size: 0.4rem; line-height: 0.6rem; position: absolute; left: -0.87rem; bottom: 1.37rem; } .abt{ font-size: 0.5rem; color: #062446; font-weight: bold; padding-top: 0.38rem; margin-bottom: 0.2rem; text-align: center; } .video-prop{ position: fixed; background: url("../images/wg.png"); -webkit-background-size: 1rem; background-size: 1rem; background-color:#ffffff; width: 90%; height: 6rem; z-index: 999; left: 50%; top: 50%; margin-left: -45%; margin-top: -3rem; display: none; -webkit-box-shadow: 0 0.1rem 0.14rem 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0.1rem 0.14rem 0 rgba(0,0,0,0.3); box-shadow: 0 0.1rem 0.14rem 0 rgba(0,0,0,0.3); padding: 0.1rem 0.1rem 0.1rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; border-radius: 0.1rem; } .video-prop .mp4{ width: 100%; height: 4rem; display: block; margin: 0 auto; } .video-prop .close { width: 0.8rem; height: 0.8rem; margin: 0.6rem auto 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-image: url('../images/xx.png'); background-repeat: no-repeat; background-size: 0.44rem 0.44rem; background-color: #333333; background-position: center; } .ab-qtext{ font-size: 0.32rem; line-height: 0.6rem; color: #59616c; padding: 0 0.3rem; margin-bottom: 0.26rem; } .abtbg1{ background: url("../images/abt1.png") center top no-repeat; -webkit-background-size: 7.04rem; background-size: 7.04rem; } .qu-list{ margin-left: 0.3rem; margin-bottom: 0.84rem; } .qu-list .qli{ position: relative; margin-right: 0.36rem; padding-bottom: 0.35rem; width: 4.17rem !important; display: block !important; } .qu-list .qli:before{ content:''; display: block; width: 4.13rem; height: 0.54rem; background: url('../images/qubg.png') center no-repeat; -webkit-background-size: 4.13rem; background-size: 4.13rem; position: absolute; left: 50%; bottom: 0; margin-left: -2.06rem; z-index: -1; } .qu-list .qli img{ display: block; width: 100%; -webkit-border-radius: 0.5rem 0 0.08rem 0.08rem; -moz-border-radius: 0.5rem 0 0.08rem 0.08rem; border-radius: 0.5rem 0 0.08rem 0.08rem; } .qu-list .qli p{ position:absolute; width: 100%; height: 1rem; line-height: 1rem; color: #ffffff; font-size: 0.24rem; text-align: center; background-image: -ms-linear-gradient(to bottom,rgba(9,38,70,0),rgba(9,38,70,1)); background-image: -moz-linear-gradient(to bottom,rgba(9,38,70,0),rgba(9,38,70,1)); background-image: -webkit-linear-gradient(to bottom,rgba(9,38,70,0),rgba(9,38,70,1)); background-image: linear-gradient(to bottom,rgba(9,38,70,0),rgba(9,38,70,1)); left: 0; bottom: 0.35rem; } .abtbg2{ background: url("../images/abt2.png") center top no-repeat; -webkit-background-size: 3.62rem; background-size: 3.62rem; } .photo{ position: relative; margin-top: 0.38rem; } .photo-img{ display: block; position: relative; width: 100%; } .photo ul{ position: absolute; left: 0; top: 2.16rem; } .photo ul li{ width: 1.04rem; height: 1.4rem; text-align: center; font-size: 0.24rem; color: #4b4c4f; margin-left: 0.4rem; position: relative; padding-top: 0.14rem; } .photo ul li:before{ position: absolute; content: ''; display: block; width: 0.1rem; height: 1rem; background-color: rgb(80, 115, 172); -webkit-box-shadow: 0rem 0.03rem 0.18rem 0rem rgba(95, 53, 0, 0.71); -moz-box-shadow: 0rem 0.03rem 0.18rem 0rem rgba(95, 53, 0, 0.71); box-shadow: 0rem 0.03rem 0.18rem 0rem rgba(95, 53, 0, 0.71); left: -0.4rem; top: 0; } .photo ul li img{ display: block; margin: 0 auto 0.08rem; width: 0.38rem; } .photo ul{ background: url('../images/abxsbg.png') no-repeat; -webkit-background-size: 5rem; background-size: 5rem; width: 100%; } .hx-gview{ background: url("../images/gjbg.jpg") no-repeat; -webkit-background-size: 7.5rem; background-size: 7.5rem; } .hx-gview{ padding-top: 0.6rem; } .abt3{ margin-left: 0.32rem; font-size: 0.4rem; color: #ffffff; font-weight: bold; padding-top: 0.36rem; background: url('../images/abt3.png') no-repeat; -webkit-background-size: 5.74rem; background-size: 5.74rem; margin-bottom: 1.76rem; } .hx-gtext{ margin-left: 0.3rem; height: 3.3rem; background-image: -moz-linear-gradient( 18deg, rgb(66,95,139) 0%, rgb(30,69,108) 43%, rgb(9,38,70) 58%, rgb(2,36,73) 100%); background-image: -webkit-linear-gradient( 18deg, rgb(66,95,139) 0%, rgb(30,69,108) 43%, rgb(9,38,70) 58%, rgb(2,36,73) 100%); background-image: -ms-linear-gradient( 18deg, rgb(66,95,139) 0%, rgb(30,69,108) 43%, rgb(9,38,70) 58%, rgb(2,36,73) 100%); -webkit-box-shadow: 0.06948rem 0.00853rem 0.18rem 0rem rgba(67, 67, 69, 0.61); -moz-box-shadow: 0.06948rem 0.00853rem 0.18rem 0rem rgba(67, 67, 69, 0.61); box-shadow: 0.06948rem 0.00853rem 0.18rem 0rem rgba(67, 67, 69, 0.61); position: relative; padding-top: 1.52rem; margin-bottom: 0.72rem; } .hx-gtext p{ font-size: 0.24rem; line-height: 0.48rem; color: #ffffff; margin-left: 0.3rem; width: 4.46rem; } .hx-gtext img{ position: absolute; right: 0; top: -1.04rem; width: 5.27rem; } .hx-ptit{ text-align: center; font-size: 0.32rem; color: #ffffff; margin-bottom: 0.15rem; } .hx-ptit span{ font-weight: bold; font-size: 0.33rem; color: #e54242; } .hx-ptit span strong{ font-size: 0.66rem; font-family: 'Impact'; } .hx-pimg{ display: block; margin:0 auto 0.64rem; width: 7.26rem; } .abtbg4{ background: url("../images/abt4.png") center top no-repeat; -webkit-background-size: 3.62rem; background-size: 3.62rem; font-size: 0.4rem; padding-top: 0.24rem; } .hx-lc ul{ padding: 0 0.3rem; background: url("../images/back.png") 2.28rem 0.48rem no-repeat; -webkit-background-size: 4.27rem; background-size: 4.27rem; } .hx-lc li{ float: left; margin-right: 1.1rem; text-align: center; color: #494949; font-size: 0.26rem; margin-bottom: 0.7rem; } .hx-lc li:nth-of-type(3n){ margin-right: 0; } .hx-lc li img{ display: block; margin: 0 auto 0.1rem; width: 1.19rem; } /*新闻内页*/ .new-tj{ display: block; width: 6.52rem; -webkit-border-radius: 0.6rem 0 0 0.6rem; -moz-border-radius: 0.6rem 0 0 0.6rem; border-radius: 0.6rem 0 0 0.6rem; -webkit-box-shadow: 0.42679rem 0.0524rem 0.18rem 0rem rgba(108, 164, 233, 0.61); -moz-box-shadow: 0.42679rem 0.0524rem 0.18rem 0rem rgba(108, 164, 233, 0.61); box-shadow: 0.42679rem 0.0524rem 0.18rem 0rem rgba(108, 164, 233, 0.61); margin-bottom: 0.26rem; } .ndetail-view h1{ font-size: 0.4rem; font-weight: bold; color: #375882; margin-bottom: 0.22rem; margin-left: 0.58rem; line-height: 0.58rem; } .ndetail-view .nav{ margin-bottom: 0.48rem; } .ndetail-header{ background: #ffffff; -webkit-border-radius: 1rem 0 0 0.6rem; -moz-border-radius: 1rem 0 0 0.6rem; border-radius: 1rem 0 0 0.6rem; padding-left: 0.58rem; padding-top: 0.45rem; height: 1.68rem; font-size: 0.24rem; color: #848c98; } .ndetail-header p:first-child{ margin-bottom: 0.16rem; color: #062446; } .ndetail-view .card{ border-bottom-left-radius: 0.6rem; } .ndetail-ftm{ height: 1.22rem; margin-left: 0.58rem; position: relative; } .ndetail-ftm p{ color: #ffffff; width: 4.6rem; font-size: 0.24rem; line-height: 0.38rem; margin-top: 0.2rem; } .ndetail-ftm a{ display: block; position: absolute; right: 0; top: -0.2rem; width: 1.64rem; height: 1.11rem; -webkit-border-radius: 0.26rem 0 0 0.26rem; -moz-border-radius:0.26rem 0 0 0.26rem; border-radius: 0.26rem 0 0 0.26rem; -webkit-box-shadow: inset 0.011470000000000001rem 0.01638rem 0.02rem 0rem rgba(4, 46, 72, 0.2); -moz-box-shadow: inset 0.011470000000000001rem 0.01638rem 0.02rem 0rem rgba(4, 46, 72, 0.2); box-shadow: inset 0.011470000000000001rem 0.01638rem 0.02rem 0rem rgba(4, 46, 72, 0.2); background: url('../images/kfbtn.png') no-repeat; -webkit-background-size: 1.64rem; background-size: 1.64rem; color: #1961b2; line-height: 0.32rem; font-size: 0.28rem; text-align: center; padding: 0.24rem 0 0 0.08rem; } .ndetail-ftm a:after{ content: ''; background: url("../images/kf_63.png") center no-repeat; display: block; width: 1.86rem; height: 1.46rem; background-size: 1.86rem; position: absolute; right: 0; top: -1.46rem; } .ndetail-ftm a strong{ display: block; } .new-content{ padding: 0 0.3rem; margin: 0.46rem 0 1.85rem; } .new-content p{ font-size: 0.32rem; line-height: 0.6rem; color: #7c8592; margin-bottom: 0.4rem; } .new-content h3,.new-content h2{ font-size: 0.34rem; line-height: 0.48rem; color: #062446; padding-left: 0.4rem; margin-bottom: 0.15rem; font-weight: bold; position: relative; } .new-content h3:before{ content: ''; background: url("../images/nh3.png") center no-repeat; background-size: 0.48rem; display: block; width: 0.48rem; height: 0.48rem; position: absolute; left: -0.1rem; top: 0.1rem; } .new-content h2:before{ content: ''; background: url("../images/nh3.png") center no-repeat; background-size: 0.48rem; display: block; width: 0.48rem; height: 0.48rem; position: absolute; left: -0.1rem; top: 0.1rem; } .new-content .new-dtit{ color: #3c659b; font-weight: bold; display: block; margin-bottom: 0.15rem; } .new-content img{ display: block; width: 100%; height: auto; } .hx-fwgk{ margin: 0 0.3rem; -webkit-border-radius: 0 0 0.3rem 0.3rem; -moz-border-radius: 0 0 0.3rem 0.3rem; border-radius: 0 0 0.3rem 0.3rem; -webkit-box-shadow: 0rem 0rem 0.2rem 0rem rgba(97, 152, 224, 0.61); -moz-box-shadow: 0rem 0rem 0.2rem 0rem rgba(97, 152, 224, 0.61); box-shadow: 0rem 0rem 0.2rem 0rem rgba(97, 152, 224, 0.61); padding-top: 1.3rem; position: relative; padding-bottom: 0.28rem; } .hx-fwtop{ background: url("../images/gkt.png") no-repeat; -webkit-background-size: 6.98rem; background-size: 6.98rem; width: 6.98rem; height: 2.32rem; padding-left: 1.9rem; padding-top: 0.74rem; position: absolute; left: 0; top: -1.4rem; } .hx-fwtop:before{ content: ''; display: block; width: 6.9rem; height: 1.8rem; -webkit-box-shadow: 0rem 0rem 0.2rem 0rem rgba(139, 204, 254, 0.61),inset 0rem 0rem 0.153rem 0.027000000000000003rem rgba(13, 164, 248, 0.57); -moz-box-shadow: 0rem 0rem 0.2rem 0rem rgba(139, 204, 254, 0.61),inset 0rem 0rem 0.153rem 0.027000000000000003rem rgba(13, 164, 248, 0.57); box-shadow: 0rem 0rem 0.2rem 0rem rgba(139, 204, 254, 0.61),inset 0rem 0rem 0.153rem 0.027000000000000003rem rgba(13, 164, 248, 0.57); position: absolute; left: 0; bottom: 0; -webkit-border-radius: 0.9rem; -moz-border-radius: 0.9rem; border-radius: 0.9rem; } .hx-fwtop div{ text-align: center; } .hx-fwtit1{ font-size: 0.24rem; color: #bbe0fc; } .hx-fwtit2{ font-size: 0.4rem; color: #ffffff; line-height: 0.6rem; font-weight: bold; text-shadow:  0rem 0.05rem 0rem rgba(34, 45, 60, 0.58); } .hx-fwtit3{ font-size: 0.24rem; color: #1d2532; width: 2.71rem; height: 0.37rem; -webkit-box-shadow: 0rem 0rem 0.21rem 0rem rgba(7, 17, 32, 0.74); -moz-box-shadow: 0rem 0rem 0.21rem 0rem rgba(7, 17, 32, 0.74); box-shadow: 0rem 0rem 0.21rem 0rem rgba(7, 17, 32, 0.74); background-image: -moz-linear-gradient( 0deg, rgb(255,223,162) 0%, rgb(249,176,108) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(255,223,162) 0%, rgb(249,176,108) 100%); background-image: -ms-linear-gradient( 0deg, rgb(255,223,162) 0%, rgb(249,176,108) 100%); margin: 0 auto; line-height: 0.37rem; -webkit-border-radius: 0.19rem; -moz-border-radius: 0.19rem; border-radius: 0.19rem; } .hx-fwht{ font-size: 0.4rem; line-height: 0.6rem; color: #6198e0; font-weight: bold; margin: 0 0.4rem 0 0.3rem; position: relative; } .hx-fwht:after{ content:''; background:  url("../images/fwgktit.png") center no-repeat; background-size: 0.51rem; display: block; width: 0.51rem; height: 0.56rem; position: absolute; right: 0; top: 0; } .hx-fwgk p{ font-size: 0.32rem; line-height: 0.72rem; color: #5e6774; padding-left: 0.38rem; margin: 0 0.55rem 0 0.43rem; background: url('../images/d.png') left center no-repeat; background-size: 0.17rem; } .new-page{ width: 6.45rem; margin: 0 auto; padding: 0.38rem 0; } .new-page li{ padding: 0.3rem 0 0.26rem 0.57rem; line-height: 0.48rem; color: #7c8592; border-bottom: 0.02rem dashed #f2f2f2; } .new-page li span{ font-size: 0.3rem; color: #7c8592; } .new-page li:last-child{ border: 0; } .new-page li p{ font-size: 0.28rem; color: #7c8592; width: 4.5rem; } .new-page li.prve{ padding-top: 0.26rem; padding-bottom: 0.3rem; background: url("../images/prve.png") -0.08rem 0.15rem no-repeat; -webkit-background-size: 0.68rem; background-size: 0.68rem; } .next{ background: url("../images/next.png") -0.08rem 0.2rem no-repeat; -webkit-background-size: 0.68rem; background-size: 0.68rem; } .linknews-tit{ background: #f0f3fa; width: 6.9rem; height: 0.77rem; margin: 0 auto; } .linknews-tit p{ height: 0.78rem; line-height: 0.78rem; width: 3.64rem; background: #ffffff; -webkit-border-radius: 0.1rem 0.3rem 0.1rem 0.1rem; -moz-border-radius: 0.1rem 0.3rem 0.1rem 0.1rem; border-radius: 0.1rem 0.3rem 0.1rem 0.1rem; font-size: 0.46rem; font-weight: bold; color: #062446; text-align: center; position: relative; top: 0.04rem; left: 0.02rem; } .linknews-list{ width: 6.9rem; margin: 0 auto; padding: 0.32rem 0.27rem 0.24rem 0.2rem; margin-bottom: 0.62rem; -webkit-box-shadow: 0 0.16rem 0.2rem 0 rgba(219,230,255,0.6); -moz-box-shadow:  0 0.16rem 0.2rem 0 rgba(219,230,255,0.6); box-shadow:  0 0.16rem 0.2rem 0 rgba(219,230,255,0.6); position: relative; } .linknews-list:after{ position: absolute; content: ''; display: block; width: 100%; height: 0.29rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background:rgba(255,255,255,0.4); left: 0; bottom: -0.38rem; } .linknews-list li{ padding: 0.23rem 0.2rem 0.23rem 0.5rem; border-top: 0.02rem dashed #c6d6fb; background: url("../images/nd.png") 0.1rem 0.34rem no-repeat; background-size: 0.18rem; } .linknews-list li:first-child{ border: 0; } .linknews-list li a{ color: #4b5e74; font-size: 0.32rem; line-height: 0.48rem; } .linkpro-tit{ font-size: 0.4rem; font-weight: bold; color: #062446; width: 6.9rem; margin: 0 auto 0.2rem; padding-left: 0.48rem; position: relative; } .linkpro-tit:after{ content:''; background: url("../images/prot.png"); background-size: 0.31rem; display: block; width: 0.31rem; height: 0.5rem; position: absolute; top: 0; left: 2.3rem; } .linkpro-list{ width: 6.9rem; margin: 0 auto 0.53rem; } .linkpro-list li{ width: 50%; margin-bottom: 0.4rem; } .linkpro-list li img{ display: block; width: 3.01rem; -webkit-border-radius: 0.18rem; -moz-border-radius: 0.18rem; border-radius: 0.18rem; margin-right: 0.06rem; } .linkpro-list li span{ font-size: 0.24rem; color: #062446; line-height: 0.28rem; width: 0.3rem; align-content: center; justify-content: center; } .linkpro-list li:nth-of-type(2n-1){ position: relative; top: 0.3rem; } /*案例详情*/ .cased-view .card{ padding-bottom: 0.6rem; } .cased-view .nav{ margin-bottom: 0; } .cd-topt{ height: 1.15rem; line-height: 1.15rem; color: #ffffff; padding-left: 0.55rem; position: relative; } .cd-info{ position: relative; width: 7.5rem; margin-left: -0.42rem; } .cd-mainimg{ display: block; width: 100%; } .cd-dl{ background: #ffffff; width: 7.2rem; margin-left: -0.12rem; -webkit-border-radius: 0.4rem 0 0 0.4rem; -moz-border-radius: 0.4rem 0 0 0.4rem; border-radius: 0.4rem 0 0 0.4rem; position: relative; margin-top: -0.3rem; padding: 0.62rem 0.67rem 0.66rem; margin-bottom: 0.72rem; } .cd-dl h1{ font-size: 0.44rem; line-height: 0.62rem; font-weight: bold; color: #0d2a55; margin-bottom: 0.16rem; } .cd-dl dd{ font-size: 0.32rem; line-height: 0.6rem; color: #aaafb5; position: relative; } .cd-dl dd b{ font-weight: bold; color: #335384; } .cd-dl dd:before{ position: absolute; content: ''; width: 0.5rem; height: 0.5rem; -webkit-background-size: 0.5rem; background-size: 0.5rem; top: 0.12rem; left: -0.5rem; } .cdl1:before{ background: url("../images/cad1.png") center no-repeat; } .cdl2:before{ background: url("../images/cad2.png") center no-repeat; } .cdl3:before{ background: url("../images/cad3.png") center no-repeat; } .cdl4:before{ background: url("../images/cad4.png") center no-repeat; } .cdl4 p{ width: 4.15rem; } .cdl4 p span{ display: inline-block; height: 0.51rem; line-height: 0.51rem; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; background: #e7f2ff; font-size: 0.32rem; color: #aaafb5; padding: 0 0.15rem; } .cd-infobtn{ position: absolute; display: block; right: 0; bottom: -0.08rem; width: 2.62rem; height: 0.83rem; background-image: -moz-linear-gradient( 0deg, rgb(0,114,197) 0%, rgb(13,165,249) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(0,114,197) 0%, rgb(13,165,249) 100%); background-image: -ms-linear-gradient( 0deg, rgb(0,114,197) 0%, rgb(13,165,249) 100%); -webkit-box-shadow: 0rem 0.07rem 0.1235rem 0.006500000000000001rem rgba(1, 115, 197, 0.19),inset 0rem 0.01rem 0rem 0rem rgba(13, 168, 255, 0.004); -moz-box-shadow: 0rem 0.07rem 0.1235rem 0.006500000000000001rem rgba(1, 115, 197, 0.19),inset 0rem 0.01rem 0rem 0rem rgba(13, 168, 255, 0.004); box-shadow: 0rem 0.07rem 0.1235rem 0.006500000000000001rem rgba(1, 115, 197, 0.19),inset 0rem 0.01rem 0rem 0rem rgba(13, 168, 255, 0.004); -webkit-border-radius: 0.44rem 0  0 0.44rem; -moz-border-radius: 0.44rem 0  0 0.44rem; border-radius: 0.44rem 0  0 0.44rem; font-size: 0.32rem; color: #ffffff; line-height: 0.83rem; padding-left: 0.34rem; z-index: 9; } .cd-infobtn:after{ content: ''; width: 0.16rem; height: 0.28rem; background: url("../images/cadmore.png") center no-repeat; -webkit-background-size: 0.16rem 0.28rem; background-size: 0.16rem 0.28rem; position: absolute; right: 0.3rem; top: 0.27rem; } .oth-proTit{ width: 7.5rem; margin-left: -0.42rem; } .oth-proTit h3{ color: #ffffff; text-align: center; font-weight: bold; font-size:  0.36rem; margin-bottom: 0.16rem; } .oth-proTit p{ color: #ffffff; text-align: center; font-size: 0.2rem; margin-bottom: 0.35rem; } .oth-pro{ width: 6.73rem; margin: 0  auto 0 0.1rem; } .oth-proView img{ display: block; width: 3.18rem; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; } .oth-proView h3 a{ display: block; width: 2.66rem; height: 0.6rem; font-size: 0.24rem; color: #333333; text-align: center; line-height: 0.6rem; } .oth-proView h3{ width: 2.66rem; height: 0.6rem; font-size: 0.24rem; color: #333333; text-align: center; line-height: 0.6rem; -webkit-box-shadow:-0.01638rem 0.011470000000000001rem 0.08rem 0rem rgba(129, 185, 220, 0.52); -moz-box-shadow:-0.01638rem 0.011470000000000001rem 0.08rem 0rem rgba(129, 185, 220, 0.52); box-shadow:-0.01638rem 0.011470000000000001rem 0.08rem 0rem rgba(129, 185, 220, 0.52); background-color: #ffffff; background-image: url("../images/tw.png"); background-size: 2.66rem; -webkit-border-radius: 0 0 0.1rem 0.1rem; -moz-border-radius: 0 0 0.1rem 0.1rem; border-radius: 0 0 0.1rem 0.1rem; margin: 0 auto; } .oth-item{ display: -webkit-flex !important; display: flex !important; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } .oth-pro .slick-dots button{ display: none; } .oth-pro .slick-dots li{ display: inline-block; width: 0.12rem; height: 0.12rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 0.04rem; border: 0.02rem solid #8aaecb; } .oth-pro .slick-dots li.slick-active{ background: #8aaecb; } .oth-pro .slick-dots{ text-align: center; margin-top: 0.2rem; } .cased-view{ padding-bottom: 0.54rem; } .case-content h3{ font-size: 0.38rem; color: #062446; font-weight: bold; margin-bottom: 0.15rem; position: relative; } .case-content h3{ padding-left: 0.56rem; } .case-content h3:before{ top: 0.06rem; content: ''; background: url(../images/nh3.png) center no-repeat; background-size: 0.48rem; display: block; width: 0.48rem; height: 0.48rem; position: absolute; left: -0.1rem; } .case-content p{ font-size: 0.32rem; line-height: 0.58rem; color: #59616c; margin-bottom: 0.3rem; } .case-content p img{ display: block; width: 100%; height: auto; } .case-content{ margin: 0.76rem 0.3rem 0; } .cased-li{ padding-left: 0.55rem; } .cased-li:before{ content: ''; display: inline-block; height: 0.26rem; width: 0.34rem; line-height: 0.26rem; background: url("../images/casdli.png") center no-repeat; background-size: 0.34rem; margin-right: 0.22rem; position: relative; top: 0.02rem; margin-left: -0.28rem; } .otc-tit{ font-size: 0.38rem; font-weight: bold; color: #4c546a; margin: 0 0.3rem 0.34rem; background: url("../images/otcicon.png") left center no-repeat; background-size: 0.48rem; padding-left: 0.56rem; } .otc-list{ margin: 0 0.3rem 0.8rem; } .otc-list li{ width: 3.3rem; position: relative; margin-bottom: 0.4rem; background: #fff; -webkit-box-shadow: 0rem 0.1rem 0.2rem 0rem rgba(27, 29, 37, 0.15); -moz-box-shadow: 0rem 0.1rem 0.2rem 0rem rgba(27, 29, 37, 0.15); box-shadow: 0rem 0.1rem 0.2rem 0rem rgba(27, 29, 37, 0.15); -webkit-border-radius: 0.2rem 0.2rem 0.1rem 0.5rem; -moz-border-radius: 0.2rem 0.2rem 0.1rem 0.5rem; border-radius: 0.2rem 0.2rem 0.1rem 0.5rem; padding-bottom: 0.4rem; } .otc-list li img{ display: block; width: 100%; -webkit-border-radius: 0.2rem 0.2rem 0 0.5rem; -moz-border-radius: 0.2rem 0.2rem 0 0.5rem; border-radius: 0.2rem 0.2rem 0 0.5rem; position: relative; } .otc-list li .otc-name{ padding: 0.16rem 0.46rem 0 0.3rem ; font-size: 0.28rem; line-height: 0.42rem; color: #333333; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .pl-view{ margin: 0.59rem 0.3rem 0; } .pl-top{ font-size: 0.36rem; height: 1.35rem; font-weight: bold; color: #597193; background: url("../images/pl1.png") no-repeat; -webkit-background-size: 6.91rem; background-size: 6.91rem; padding-left: 0.73rem; padding-top: 0.47rem; } .pl-view p{ font-size: 0.32rem; line-height: 0.58rem; color: #59616c; padding: 0 0.3rem 0.45rem; background: url("../images/pl2.png"); margin-bottom: 0.55rem; } /*产品内页*/ .pro-pai .hx-ptit{ color: #042446; } .pro-mainView{ position: relative; } .pro-mainView img{ display: block; width: 6.8rem; } .pro-price{ font-size: 0.26rem; font-weight: bold; color: #ffcc8c; width: 2.38rem; height: 1.31rem; text-align: center; line-height: 1.3rem; background: url("../images/pro-jg.png") center no-repeat; background-size: 2.38rem; position: absolute; right: 0.04rem; bottom: 0.14rem; } .pro-price strong{ font-size: 0.6rem; } .prod-info{ float: right; background: url("../images/pro-deinfo.png") no-repeat; width: 6.8rem; -webkit-background-size: 6.8rem; background-size: 6.8rem; padding: 0.8rem 0.4rem 0.6rem 0.46rem; margin-top: -0.3rem; position: relative; } .prod-info:after{ display: block; position: absolute; content: ''; width: 100%; height: 50%; left: 0; bottom: 0; -webkit-border-radius: 0.3rem; -moz-border-radius:  0.3rem; border-radius: 0.3rem; z-index: -1; background-image: -moz-linear-gradient( 18deg, rgb(2,36,73) 0%, rgb(9,38,70) 42%, rgb(30,69,108) 57%, rgb(66,95,139) 100%); background-image: -webkit-linear-gradient( 18deg, rgb(2,36,73) 0%, rgb(9,38,70) 42%, rgb(30,69,108) 57%, rgb(66,95,139) 100%); background-image: -ms-linear-gradient( 18deg, rgb(2,36,73) 0%, rgb(9,38,70) 42%, rgb(30,69,108) 57%, rgb(66,95,139) 100%); } .prod-info h1{ font-size: 0.5rem; line-height: 0.6rem; color: #ffffff; font-weight: bold; margin-bottom: 0.4rem; } .prod-sc{ font-size: 0.28rem; color: #88b2ff; margin-bottom: 0.4rem; } .prod-sc b{ font-weight: bold; } .prod-info li{ float: left; } .prod-info li .name{ font-size: 0.26rem; line-height: 0.36rem; color: #88b2ff; margin-bottom: 0.14rem; } .prod-info .num{ padding-left: 1rem; font-size: 0.28rem; line-height: 0.36rem; color: #88b2ff; font-weight: bold; height: 1.2rem; } .feed{ margin-right: 0.9rem; } .feed .num{ background: url("../images/projd.png") 0.2rem center no-repeat; padding-top: 0.2rem; } .out .num{ background: url("../images/projd2.png") 0.2rem center no-repeat; padding-top: 0.74rem; } .prod-info ul{ margin-bottom: 0.5rem; } .prod-info p{ font-size: 0.28rem; line-height: 0.48rem; color: #c2d7fe; } .prd-kf{ background: url("../images/wgbg28.png") center no-repeat; font-size: 0.32rem; color: #ffffff; line-height: 0.46rem; height: 1.15rem; padding-top: 0.14rem; width: 5.69rem; margin: 0 auto; position: relative; padding-left: 1.08rem; -webkit-box-shadow:  0rem 0.07rem 0.1235rem 0.006500000000000001rem rgba(1, 115, 197, 0.19),inset 0rem 0.01rem 0rem 0rem rgba(13, 168, 255, 0.004); -moz-box-shadow:  0rem 0.07rem 0.1235rem 0.006500000000000001rem rgba(1, 115, 197, 0.19),inset 0rem 0.01rem 0rem 0rem rgba(13, 168, 255, 0.004); box-shadow:  0rem 0.07rem 0.1235rem 0.006500000000000001rem rgba(1, 115, 197, 0.19),inset 0rem 0.01rem 0rem 0rem rgba(13, 168, 255, 0.004); -webkit-border-radius: 0 0.3rem 0 0; -moz-border-radius: 0 0.3rem 0 0; border-radius: 0 0.3rem 0 0; z-index: 9; } .prd-kf b{ color: #ffcc8c; font-size: 0.34rem; font-weight: bold; } .prd-kf:before{ content: ''; display: block; background: url("../images/kf28.png") center no-repeat; -webkit-background-size: 1.33rem; background-size: 1.33rem; width: 1.33rem; height: 1.38rem; position: absolute; bottom: 0; left: -0.5rem; } .prd-tel{ -webkit-box-shadow: 0rem 0rem 0.3rem 0rem rgba(27, 29, 37, 0.18); -moz-box-shadow: 0rem 0rem 0.3rem 0rem rgba(27, 29, 37, 0.18); box-shadow: 0rem 0rem 0.3rem 0rem rgba(27, 29, 37, 0.18); margin-left: 0.3rem; position: relative; border-radius:0 0.3rem 0 0; width: 6.2rem; height: 1.07rem; padding-left: 0.54rem; white-space: nowrap; line-height: 1.07rem; } .prd-tel span{ font-size: 0.26rem; } .prd-tel .tel{ width: 3.27rem; } .prd-tel:before{ position: absolute; width: 0.08rem; height: 100%; display: block; background: url("../images/bor.png"); background-size: 0.18rem; -webkit-box-shadow: 0.04589000000000001rem 0.06553rem 0.08rem 0rem rgba(63, 132, 206, 0.25); -moz-box-shadow: 0.04589000000000001rem 0.06553rem 0.08rem 0rem rgba(63, 132, 206, 0.25); box-shadow: 0.04589000000000001rem 0.06553rem 0.08rem 0rem rgba(63, 132, 206, 0.25); left: 0; top: 0; content: ''; } .prd-telIcon{ position: absolute; right: -0.85rem; top: -0.28rem; z-index: 2; width: 1.45rem; } .prod-view .card{ margin-bottom: 0.6rem; background: 0; } .prod-view:before{ display: block; content: ''; width: 7.08rem; height: 11rem; background: #f7f8fa; border-bottom-left-radius: 1rem; position: absolute; left: 0.42rem; top: 0; } .prod-view{ position: relative; z-index: 8; } .prod-view .nav{ margin-bottom: 0.52rem; } .pro-content h3{ font-size: 0.46rem; color: #062446; } .pro-content h3:before{ top: 0.15rem; } .pro-cnTable table{ width: 100%; text-align: center; border-top: 0.02rem solid #f2f2f2; border-left: 0.02rem solid #f2f2f2; } .pro-cnTable td{ font-size: 0.28rem; color: #333; height: 0.52rem; border-right: 0.02rem solid #f2f2f2; border-bottom:0.02rem solid #f2f2f2; word-break: break-all; padding: 0.1rem; line-height: 0.4rem; } .pro-cnTable tr:nth-of-type(2n - 1){ background: #e6e6e6; } .pro-cnTable tr:first-child{ background: #598dcb; color: #ffffff; } .pro-cnTable tr:first-child td{ color: #ffffff; } .pro-cnTable .thead-bg, .pro-cnTable .thead-bg td, .pro-cnTable .thead-bg th{ background-color: #598dcb!important; color: #fff!important; } .pro-cnItem{ height: 0.7rem; line-height: 0.7rem; padding: 0 0.3rem; -webkit-border-radius: 0.35rem; -moz-border-radius: 0.35rem; border-radius: 0.35rem; background: #f4f6fa; display: block !important; font-size: 0.24rem; line-height: 0.62rem; border: 0.04rem solid transparent; -webkit-transition: all 0.3s; -moz-transition:  all 0.3s; -ms-transition:  all 0.3s; -o-transition:  all 0.3s; transition:  all 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pro-cnTab .slick-slide{ margin-right:0.3rem; } .pro-cnTab .slick-active .pro-cnItem{ background: 0; border: 0.04rem solid #598dcb; color: #598dcb; line-height: 0.62rem; font-size: 0.24rem; -webkit-box-shadow: 0.05035rem 0.04863000000000001rem 0.1rem 0rem rgba(89, 141, 203, 0.35); -moz-box-shadow: 0.05035rem 0.04863000000000001rem 0.1rem 0rem rgba(89, 141, 203, 0.35); box-shadow: 0.05035rem 0.04863000000000001rem 0.1rem 0rem rgba(89, 141, 203, 0.35); } .pro-cnTab .slick-list{ padding-bottom: 0.28rem; } .pro-cnView{ margin-bottom: 0.52rem; } .prd-st{ margin: 0 0.3rem; height: 1.6rem; -webkit-border-radius: 0.8rem; -moz-border-radius: 0.8rem; border-radius: 0.8rem; box-sizing: border-box; border: 0.05rem solid rgb(0, 112, 193); background-color: rgb(214, 233, 243); -webkit-box-shadow: inset 0rem 0rem 0.153rem 0.027000000000000003rem rgba(13, 164, 248, 0.57); -moz-box-shadow: inset 0rem 0rem 0.153rem 0.027000000000000003rem rgba(13, 164, 248, 0.57); box-shadow: inset 0rem 0rem 0.153rem 0.027000000000000003rem rgba(13, 164, 248, 0.57); position: relative; } .prd-st .tit{ width: 3.03rem; height: 0.69rem; background: url("../images/tel-bg.png") center no-repeat; -webkit-background-size: 3.03rem; background-size: 3.03rem; text-align: center; color: #fff; font-size: 0.24rem; line-height: 0.5rem; margin: -0.12rem auto 0; } .prd-st .tel-img{ display: block; margin-left: 0.2rem; margin-top: -0.06rem; margin-bottom: 0.06rem; position: relative; width: 5.28rem; } .prd-st .tel{ width: 100%; background: url("../images/tel-bg_50.png") center no-repeat; height: 0.48rem; line-height: 0.48rem; font-size: 0.3rem; color: #0071c2; text-align: center; position: relative; } .prd-st .call{ width: 1.12rem; height: 1.12rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: url(../images/fmbtn.png) center no-repeat; -webkit-background-size: 1.12rem 1.12rem; background-size: 1.12rem 1.12rem; -webkit-box-shadow: 0rem 0.04rem 0.0855rem 0.0045rem rgba(12, 155, 237, 0.21); -moz-box-shadow: 0rem 0.04rem 0.0855rem 0.0045rem rgba(12, 155, 237, 0.21); box-shadow: 0rem 0.04rem 0.0855rem 0.0045rem rgba(12, 155, 237, 0.21); font-size: 0.28rem; color: #ffffff; text-shadow: 0rem 0.03rem 0.0475rem rgba(240, 161, 34, 0.5); font-weight: bold; position: absolute; right: 0.15rem; top: 50%; margin-top: -0.56rem; text-align: center; justify-content: center; align-content: center; line-height: 0.32rem; } .prd-st:before{ content: ''; display: block; background: url('../images/fmr.png') center no-repeat; position: absolute; top: -0.7rem; left: 0.2rem; width: 1.48rem; height: 1.53rem; background-size: 1.48rem; } .prd-st{ margin-bottom: 0.52rem; } .pro-adv strong{ position: absolute; height: 0.82rem; font-size: 0.3rem; font-weight: bold; color: #3a5069; left: 0; top: -0.8rem; display: block; padding: 0 0.5rem; line-height: 0.82rem; -webkit-box-shadow: 0rem 0.06rem 0.1rem 0rem rgba(130, 160, 255, 0.31); -moz-box-shadow: 0rem 0.06rem 0.1rem 0rem rgba(130, 160, 255, 0.31); box-shadow: 0rem 0.06rem 0.1rem 0rem rgba(130, 160, 255, 0.31); background: #deeaff; -webkit-border-radius: 0.3rem 0.3rem 0 0 ; -moz-border-radius: 0.3rem 0.3rem 0 0 ; border-radius: 0.3rem 0.3rem 0 0 ; } .pro-adv strong:after{ content: ''; display: block; background: url("../images/ystvg_94.png") center no-repeat; background-size: 0.22rem; position: absolute; left: 0; bottom: -0.31rem; width: 0.22rem; height: 0.31rem; } .ystvg { background-color: rgb(255, 255, 255); box-shadow: 0rem 0.06rem 0.1rem 0rem rgba(130, 160, 255, 0.31); position: absolute; left: 0.3rem; top: 28.16rem; width: 1.67rem; height: 1.03rem; z-index: 114; } .pro-adv p{ margin-top: 1.16rem; -webkit-box-shadow: 0rem 0rem 0.3rem 0rem rgba(39, 117, 200, 0.24); -moz-box-shadow: 0rem 0rem 0.3rem 0rem rgba(39, 117, 200, 0.24); box-shadow: 0rem 0rem 0.3rem 0rem rgba(39, 117, 200, 0.24); font-size: 0.32rem; line-height: 0.58rem; color: #59616c; padding: 0.26rem 0.25rem; -webkit-border-radius: 0.3rem 0 0.6rem 0.3rem; -moz-border-radius: 0.3rem 0 0.6rem 0.3rem; border-radius: 0.3rem 0 0.6rem 0.3rem; } .pro-adv{ position: relative; } .pro-content{ margin-bottom: 0.86rem; top: 0.6rem; } .pro-btext2{ font-size: 0.28rem; line-height: 0.48rem; color: #ffcc8c; border: 0.01rem dashed rgb(30, 69, 109); -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; background-color: rgb(6, 36, 70); width: 6.49rem; padding: 0.22rem 0.42rem 0.26rem; margin-left: -0.46rem; margin-bottom: 0.3rem; } /*404*/ .view-404{ padding-bottom: 0; height: 100vh; } .img-404{ display: block; width: 100%; } .box-404{ width: 7.5rem; margin-left: -0.42rem; margin-top: 0.88rem; /*padding-bottom: 3rem;*/ } .text-404{ text-align: center; font-size: 0.24rem; color: #4588ce; margin-bottom: 0.46rem; padding: 0 0.3rem; } .href-404{ width: 5.6rem; text-align: center; font-size: 0.28rem; line-height: 0.48rem; margin:0 auto 0.4rem; color: #ffffff; } .href-404 a{ color: #ffffff; } .back-home{ display: block; width: 5rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.26rem; color: #ffffff; background: url("../images/backhome.png") center no-repeat; -webkit-background-size: 5rem; background-size: 5rem; margin: 0 auto; } /*留言*/ .pro-msg-bg{ background-image: -moz-linear-gradient( 18deg, rgb(2,36,73) 0%, rgb(9,38,70) 42%, rgb(30,69,108) 57%, rgb(66,95,139) 100%); background-image: -webkit-linear-gradient( 18deg, rgb(2,36,73) 0%, rgb(9,38,70) 42%, rgb(30,69,108) 57%, rgb(66,95,139) 100%); background-image: -ms-linear-gradient( 18deg, rgb(2,36,73) 0%, rgb(9,38,70) 42%, rgb(30,69,108) 57%, rgb(66,95,139) 100%); padding-left: 0.3rem; padding-bottom: 0.64rem; border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.6rem; margin-top: 1.7rem; margin-left: 0.3rem; margin-bottom: 0.6rem; } .hx-msg-bg{ background-image: -moz-linear-gradient( 0deg, rgb(15,61,93) 0%, rgb(53,113,155) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(15,61,93) 0%, rgb(53,113,155) 100%); background-image: -ms-linear-gradient( 0deg, rgb(15,61,93) 0%, rgb(53,113,155) 100%); padding-left: 0.3rem; padding-bottom: 1.08rem; border-top-left-radius: 0.3rem; margin-top: 1.7rem; } .hx-msg-box{ top: -1.3rem; background-image: -moz-linear-gradient( 177deg, rgb(32,63,89) 0%, rgb(119,150,180) 94%); background-image: -webkit-linear-gradient( 177deg, rgb(32,63,89) 0%, rgb(119,150,180) 94%); background-image: -ms-linear-gradient( 177deg, rgb(32,63,89) 0%, rgb(119,150,180) 94%); position: relative; -webkit-border-radius: 0.3rem 0 0 0.6rem; -moz-border-radius: 0.3rem 0 0 0.6rem; border-radius: 0.3rem 0 0 0.6rem; padding: 0.68rem 0.7rem 0.5rem 0.22rem; } .hx-msg-fbtn{ position: absolute; right: 0; top: 1.6rem; cursor: pointer; outline: none; } .hx-msg-fbtn img{ display: block; width: 1.59rem; height: 1.6rem; } .hx-msg-tit{ font-weight: bold; color: #ffffff; font-size: 0.5rem; line-height: 0.5rem; margin-bottom: 0.58rem; padding-left: 0.35rem; } .hx-msg-tit span{ display: block; font-size: 0.32rem; margin-top: 0.16rem; } .hx-msg-teltext{ padding-left: 0.35rem; font-size: 0.24rem; color: #ffffff; margin-bottom: 0.48rem; } .hx-msg-teltext strong{ color: #f5d500; font-weight: bold; font-size: 0.3rem; } .hx-msg-teltext span{ display:block; margin-bottom: 0.14rem; } .hx-msg-item{ display: flex; justify-content: space-between; width: 5.54rem; margin-bottom: 0.26rem; } .hx-msg-item input{ display: block; width: 4.98rem; height: 0.82rem; -webkit-border-radius: 0.1rem 0 0.1rem 0.1rem; -moz-border-radius: 0.1rem 0 0.1rem 0.1rem; border-radius: 0.1rem 0 0.1rem 0.1rem; background: #ffffff; line-height: 0.82rem; font-size: 0.26rem ; padding: 0 0.24rem; } .hx-msg-item textarea{ display: block; width: 4.98rem; height: 1.68rem; -webkit-border-radius: 0.1rem 0 0.1rem 0.1rem; -moz-border-radius: 0.1rem 0 0.1rem 0.1rem; border-radius: 0.1rem 0 0.1rem 0.1rem; background: #ffffff; line-height: 0.48rem; font-size: 0.26rem ; padding: 0.15rem 0.24rem 0; } .hx-msg-item input::-webkit-input-placeholder,.hx-msg-item textarea::-webkit-input-placeholder { color: #ccc; } .hx-msg-item input::-moz-placeholder,.hx-msg-item textarea::-moz-placeholder { color: #ccc; } .hx-msg-item input:-moz-placeholder,.hx-msg-item textarea:-moz-placeholder { color: #ccc; } .hx-msg-item input:-ms-input-placeholder,.hx-msg-item textarea:-ms-input-placeholder { color: #ccc; } .hx-msg-item img{ margin-top: 0.22rem; width: 0.39rem; height: 0.41rem; } .hx-msg-btx{ width: 5.62rem; padding-left: 0.66rem; font-size: 0.24rem; line-height: 0.36rem; color: #d0ecff; background: url("/images/msg-icon4.png") 0.04rem 0.1rem no-repeat; -webkit-background-size: 0.97rem 0.2rem; background-size: 0.97rem; } .sub-btn{ background-image: -moz-linear-gradient( -90deg, rgb(43,152,228) 0%, rgb(41,139,208) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(43,152,228) 0%, rgb(41,139,208) 100%); background-image: -ms-linear-gradient( -90deg, rgb(43,152,228) 0%, rgb(41,139,208) 100%); box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(6, 108, 181, 0.4); position: absolute; right: 0rem; bottom: -0.5rem; width: 2.45rem; height: 0.94rem; font-size: 0.3rem; color: #ffffff; font-weight: bold; text-align: center; line-height: 0.94rem; -webkit-border-radius: 0.1rem 0 0 0.4rem; -moz-border-radius: 0.1rem 0 0 0.4rem; border-radius: 0.1rem 0 0 0.4rem; border: 0; outline: none; } .sub-btn:before{ content: ''; width: 0.15rem; height: 0.3rem; background: url("/images/hx-msg-icon5.png") center no-repeat; background-size: 0.15rem 0.3rem; position: absolute; left: -0.12rem; top: 50%; margin-top: -0.02rem; } .hx-msg-tip{ padding-left: 0.2rem; font-size: 0.24rem; color: #569bcb; position: relative; margin-top: -1.14rem; } .hx-textarea-item{ margin-bottom: 0.2rem; }