/*首页开始*/ .tongyLink{ width:100%; background:#ffff; display: none} .tongyLink a{ float: left; margin: 0 15px; line-height: 30px; height: 30px; overflow: hidden; color: #666666} a{text-decoration:none;color:#333333} a:hover{text-decoration:none;} html, body { margin: 0;padding: 0;position:relative;/*overflow: hidden;*/width:100%;height:100%;-webkit-tap-highlight-color: rgba(0,0,0,0);font-family:"微软雅黑";font-size:0.14rem;} pre{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;Word-wrap: break-word;font-family:"微软雅黑";} ul,p,h1,h2,h3,h4,h5,h6,li,p,dd,dt,dl,em{padding:0px;margin:0px;list-style:none;} select,input{ outline:0} img{ border:0 none} em{ font-style: normal} a,img{ outline:0} a{ text-decoration:none} .fl{float:left;} .fr{ float:right} input, textarea {background: transparent;padding: 0px;font-size: 0.12rem;font-family: Arial, "微软雅黑";color: #888;outline: none;border: 0px;} .animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .animationName{animation-name: sfs !important;} @-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} 50% {opacity: 1;}} @keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}50% {opacity: 1;}} .zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;} .fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;} @-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} 100% {opacity: 1;-webkit-transform: none;transform: none;}} @keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} 100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}} @-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} 100% {opacity: 1;-webkit-transform: none;transform: none;}} @keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} 100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}} .fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;} @-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);} 100% {opacity: 1;-webkit-transform: none;transform: none;}} @keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);} 100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}} .fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;} @-webkit-keyframes flipInX {0% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;} 40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;} 60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;} 80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);} 100% {-webkit-transform: perspective(400px);transform: perspective(400px);}} @keyframes flipInX {0% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;} 40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;} 60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;} 80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);} 100% {-webkit-transform: perspective(400px);-ms-transform: perspective(400px);transform: perspective(400px);}} .flipInX {-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;} .mt15{margin-top: 1.5rem;} /*LOGO*/ .top { position: fixed;left: 0;top: 0;width: 100%;height: 1.50rem;z-index: 10;background: #ffffff;} .top > .page { width: 15.36rem;margin: 0px auto;position: relative} .top > .page > .logo{display: block;height: 0.7rem;float:left;padding:0.15rem 0;padding-top: 0.18rem;} .top > .page > .logo > a > img{display: block;height: 0.7rem;width: auto;} .top > .page > .logo > a{display: block;height: 100%;width: auto;} .top > .page >.logo_2{display: block;height: 0.77rem;border-left: 1px solid #ffffff;float:left;padding: 0.23rem 0 0 0.2rem;height: 0.9rem;} .top > .page >.logo_2 > h2{display: block;font-size: 0.3rem;font-weight: bold;line-height: 0.32rem;color: #000;padding-bottom: 0.04rem;color: #00469c;background-color: white;font-weight: bold;font-size: 0.22rem;border-top: 2px solid #00469c;padding-top: 0.05rem;line-height: unset;} .top > .page >.logo_2 > p{display: block;font-size: 0.16rem;line-height: 0.34rem;color: #666;padding-bottom: 0.04rem;color: #00469c;background-color: white;font-size: 0.16rem;line-height: 0.22rem;font-weight: unset;} .top > .page .top_tel{display: block;margin:0.3rem 0px 0.25rem 0.3rem;float:right;position:relative;color: #005dae;font-size: 0.3rem;font-weight: bold;background: url(nimg35_1.png) no-repeat;background-size: 0.35rem 0.36rem;height: 0.36rem;line-height: 0.36rem;padding-left:0.4rem} .top > .page .CNAS{background: url(CNAS.png) no-repeat;background-size: 0.91rem 0.44rem;margin-top: 0.25rem;float: right;position: relative;width: 0.91rem;height: 0.44rem;margin-left: 1rem;} .top > .page .CNAS .wxewm{display: none;position: absolute;left: 50%;margin-left: -1.4rem;top: 0.44rem;/* width: 2.8rem;*/box-shadow: 0px 0.04rem 0.51rem 0px rgba(8, 55, 126, 0.63);z-index:999;} .top > .page .CNAS .wxewm img{width: 5.5rem;} .top > .page .CNAS:hover .wxewm{ display:block} .top > .page .CMA{background: url(CMA.png) no-repeat;background-size: 0.67rem 0.44rem;margin-top: 0.25rem;float: right;position: relative;width: 0.67rem;height: 0.44rem;margin-left: 0.3rem;} .top > .page .zhizhao{background: url(yyzhizhao.png);background-size: 0.67rem 0.44rem;} .top > .page .CMA .wxewm{display: none;position: absolute;left: 50%;margin-left: -1.4rem;top: 0.38rem;/* width: 2.8rem;*/box-shadow: 0px 0.04rem 0.51rem 0px rgba(8, 55, 126, 0.63);z-index:999;} .top > .page .CMA .wxewm img{width: 3.8rem;width:5.5rem;} .top > .page .zhizhao .wxewm img{width: 8rem;} .top > .page .zhizhao .wxewm{left:-3rem;} .top > .page .CMA:hover .wxewm{ display:block} /*搜索*/ .search_in{ float: right;width: 2.78rem;position: relative;margin-top:0.3rem;background: url(topSearch.png) no-repeat;background-size: 2.78rem 0.36rem;margin-left:0.2rem;} .search_in form{ width: 2.78rem;height: 0.36rem;line-height: 0.36rem;display: block;} .search_in form input{ background: none;border:0 none;color: #333333;font-size:0.14rem;} .search_in form #search-i{ width: 0.4rem;height: 0.4rem;display:block;cursor: pointer;position: absolute;right: 0;top: 0px;} .search_in form #search-bg input { line-height: 0.36rem;display: block;padding: 0 0px 0 0.2rem;width: 2.15rem;} .search_in form #search-i input{ display: block;width: 100%;height: 100%;cursor: pointer;} .nav{ height: 0.56rem;background: #f7f7f7;text-align: center;float: left;width: 100%;} .nav ul{ width: 15.36rem;margin: 0 auto;} .nav li{ height:0.56rem;line-height:0.56rem;float: left;width: 2.56rem;position: relative;} .nav a{ position:relative;display: block;padding: 0 0.5rem;line-height: 0.56rem;color:#4c4c4c;font-size: 0.18rem;} .nav em{ display: block;position: relative;padding-right: 0.24rem;font-style: normal} .nav em:after{ content: '';position: absolute;top: 50%;margin-top: -0.04rem;width: 0.14rem;height: 0.08rem;right: 0;background: url(sNavA.png) no-repeat;background-size: 0.14rem 0.08rem } .nav a:hover, .nav .aNow, .nav .aNow1{ color: #005dae;} .nav a:hover em:after, .nav .aNow em:after, .nav .aNow1 em:after{ background: url(sNavAon.png) no-repeat;background-size: 0.14rem 0.08rem } .sNav, .xNav, .zNav0, img{ transition: All 1s ease;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;} .nav li.navLi:hover{background:#0fb1fb;border:none;} .nav li.navLi:hover>a{color:#fff;} .nav li.navLi:hover>a em:after{background: url(sNavAbs.png) no-repeat;background-size: 0.14rem 0.08rem;} /*导航触发效果*/ .sNav{ height:0;position: fixed;z-index: 11;width: 100%;background: #f0f0f0;overflow: hidden;left:0px;top: 1.67rem;} .sNav.on{ opacity: 1;height: 4.3rem;} .sNav:before{ content: '';position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: #009ee6;} .sNav .wal2{ height: 100%;background: #f8f8f8;width: 15.36rem;margin: 0 auto} .sNav .tab{padding-top: 2px;width: 2.4rem;background: #009ee6;height: calc(4rem - 2px);height: calc(4.3rem - 2px);} .sNav .tab ul{ width: 2.4rem;float: left;} .sNav .tab li{height: 0.5rem;line-height: 0.5rem;padding-left: 0.3rem;font-size: 0.16rem;color: #fff;position: relative;float: left;width: 2.1rem;} .sNav .tab li a{line-height: 0.5rem;color: #fff;padding: 0;font-size: 0.16rem;text-align: left;} .sNav .tab li:after{content: '';opacity: 0;position: absolute;right: 0.3rem;top: 50%;width: 0.08rem;height: 0.12rem;margin-top: -0.06rem;background: url(nimg8_1.png) no-repeat;background-size: 0.08rem 0.12rem;} .sNav .tab .liNow{ background: #0fb1fb;} .sNav .tab .liNow:after{ opacity: 1;} .sNav .tabContent{width: 12.96rem;position: relative;height: calc(4rem - 2px);float: left;height: calc(4.3rem - 2px);} .sNav .tabContentDiv{width: 12.96rem;position: relative;height: calc(4rem - 2px);background: #ffffff;margin-top: 2px;height: calc(4.3rem - 2px);} .sNav .mxfDiv{height:3.6rem;/* overflow: auto;*/width: 12.96rem;height: 3.9rem;} .sNav .title{padding: 0.22rem 0 0.18rem 0.52rem;border-bottom: #e2e2e2 solid 1px;font-size: 0.18rem;font-weight: bold;text-align: left;width: calc(100% - 0.52rem);} .sNav .title a{color: #000;padding: 0;line-height: normal;font-size: 0.18rem;} .sNav .list{padding: 0.18rem 0.3rem 0.22rem 0.52rem;max-height:3.6rem;width: calc(100% - 0.82rem);float: left;} .sNav .list2{ padding: 0.1rem 0.3rem 0.1rem 0.32rem;} .sNav .list3{ padding: 0.1rem 0.3rem 0.1rem 0.52rem;} .sNav .list3 ul{ overflow:hidden;} .sNav .list li{float: left;font-size: 0.14rem;line-height: 0.36rem;padding-left:2%;padding-right: 2%;width: 21%;position:relative;text-align: left;height: 0.5rem;} /* .sNav .list li:after{ content:'';position: absolute;right:0;top:50%;margin-top:-0.06rem;width:1px;height:0.12rem;background:#ccc;} */ .sNav .list2 li{ font-size: 0.14rem;width:21%;padding-left:2%;padding-right:2%;position:relative;} .sNav .list2 li:after{ content:'';position: absolute;right:0;top:50%;margin-top:-0.06rem;width:1px;height:0.12rem;background:#ccc;} .sNav .list li a{color: #727272;font-size: 0.16rem;padding: 0;} .sNav .list2 li a{ color: #727272;} .sNav .list li a:hover{ color: #009ee6;} .sNav .imgList{height: 1.04rem;position: absolute;width: calc(100% - 0.52rem);left: 0.52rem;top: 2.6rem;} .sNav .imgList li{float: left;width: 50%;position: relative;height: auto;line-height: normal;width: 90%;color: #797979;line-height: 0.25rem;text-align: left;height: 0.9rem;} .sNav .imgList li .imgDiv{margin-right: 0.2rem;height: 1.04rem;float: left;width: 1.58rem;} .sNav .imgList li .imgDiv img{ width: 1.58rem;} .sNav .imgList li .imgDiv a{position: relative;display: block;padding: 0rem;line-height: 0.22rem;color: #4c4c4c;font-size: 0.16rem;} .sNav .imgList li .name{padding-top: 0.1rem;height: 0.22rem;line-height: 0.22rem;font-size: 0.16rem;color: #313131;overflow: hidden;float: left;width: calc(100% - 1.78rem);text-align: left;} .sNav .imgList li .name a{position: relative;display: block;padding: 0rem;line-height: 0.22rem;color: #4c4c4c;font-size: 0.16rem;} .sNav .imgList li .msg{font-size: 0.14rem;height: 0.24rem;line-height: 0.24rem;overflow: hidden;color: #888;float: left;width: calc(100% - 1.78rem);text-align: left;} .sNav .imgList li .msg a{padding:0;font-size: 0.16rem;line-height: 0.3rem;} .sNav .imgList li .btnDiv{position: absolute;left: 1.78rem;bottom: 0;width: 50%;left: 0;top: 1rem;} .sNav .imgList li .btnDiv a{display: block;width: 1.05rem;height: 0.34rem;line-height: 0.34rem;text-align: center;color: #fff;font-size: 0.14rem;background: url(btn1.png) center center no-repeat;padding: 0;background-size: 1.05rem 0.34rem;background-size: 1.4rem 0.46rem;float: left;border-radius: 0.24rem;width: 1.4rem;height: 0.46rem;line-height: 0.46rem;margin-right: 0.3rem;background-image: -webkit-linear-gradient(top,#ffc263,#ff9c00);background-image: -moz-linear-gradient(top,#ffc263,#ff9c00);background-image: -o-linear-gradient(left top,#ffc263,#ff9c00);background-image: linear-gradient(to bottom,#ffc263,#ff9c00);} .sNav .imgList li .btnDiv a img{position: relative;top: 0.08rem;padding-right: 0.12rem;width: 0.26rem;height: 0.26rem;} .sNav .imgList li .btnDiv .btn1{ background-image: -webkit-linear-gradient(top,#009ee6,#005dae);background-image: -moz-linear-gradient(top,#009ee6,#005dae);background-image: -o-linear-gradient(left top,#009ee6,#005dae);background-image: linear-gradient(to bottom,#009ee6,#005dae);} .nav li .zNav0{height: 0;width: 1.8rem;background: #f7f7f7;left: 50%;top: 0.54rem;position: absolute;z-index: 12;/* margin-left: -0.9rem; */overflow: hidden;width: 2.56rem;left: 0;} .nav li .zNav0:before{ content: '';position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: #009ee6;} .nav li .zNav0 ul{width:1.8rem;width: 2.194rem;} .nav li .zNav0 li{text-align:center;font-size: 0.18rem;line-height: 0.56rem;border-bottom: #ddd solid 1px;width: 1.8rem;float: left;height: 0.56rem;width: 2.194rem;} .nav li .zNav0 li:last-child{ border-bottom: none;} .nav li .zNav0 li a{ display: block;color: #828282;font-size: 0.18rem;padding: 0;line-height: 0.56rem;} .nav li .zNav0 li a:hover{ color: #009ee6;} .nav li:hover .zNav0{height: auto;opacity: 1;} /*轮播广告*/ .bn-alp {width:100%;/* height: 5rem; */position:relative;float:left;/* background: #ffed29 no-repeat; */background-position:50% 0%;overflow:hidden;margin-top: 1.5rem;z-index: 1;background: #fff;} .bn-alp ul,.bn-alp li { margin:0;padding:0;list-style:none;} .bn-alp .abox {height:100%;position:relative;display: -webkit-box;display: flex;display: -ms-flexbox;} .bn-alp .abox li {width:100%;/* height: 5rem; */background-position:50% 0%;background-repeat:no-repeat;/* background-color:#dddddd; */background-size:cover;/* position:absolute; */top:0;left:0;z-index:10;/*transition: all 6s ease;-webkit-transition: all 2s ease;transform: scale(1.1);*/height: auto;} .bn-alp .abox li img.bg {/* display:none; */width: 100%;/* height: 100%; */transition: All 6s ease;margin: auto;display: block;height: auto;} .bn-alp .abox li a.b { display:block;width:100%;height:100%;} .bn-alp .i {bottom:0.25rem;left:50%;margin-left:-0.5rem;text-align:center;position:absolute;z-index: 10;} .bn-alp .i i {display:inline-block;margin-right:0.1rem;width:0.2rem;height:0.1rem;background: #fff;border-radius:0.05rem;cursor:pointer;transition: 0.3s all ease-in-out;} .bn-alp .i i.on {background:#373737;width:0.4rem;} .indexSearch{ background: url(searchBg.jpg) center no-repeat;background-size: cover;float: left;width: 100%;height: 1rem;} .wal{width: 15.36rem;margin: 0px auto;position: relative;} .indexSearch .mxfDiv{padding-top: 0.27rem;padding-left: 1.3rem;position:relative;float: left;width: calc(100% - 1.3rem);overflow: hidden;} .indexSearch .mxfDiv:before{content:'';position:absolute;left:1.3rem;top:0.22rem;width:4.15rem;height:0.73rem;/* background: url(nimg415_1.png) center no-repeat;*/background-size: cover;} .indexSearch .txt{/* width: 3.46rem; */height: 0.64rem;margin: auto;text-align: center;} .indexSearch .txt em{/* padding: 0.15rem 0 0 0;*/display: block;color: #fff;font-size: 0.24rem;line-height: 0.24rem;font-style: normal;height: 0.64rem;line-height: 0.64rem;} .indexSearch .form{ width: 5.85rem;height: 0.5rem;background: #fff;position: relative;} .indexSearch .form .input1{ text-indent: 0.68rem;height: 0.5rem;line-height: 0.5rem;color: #393939;font-size: 0.13rem;width: 4.8rem;background: url(nimg24_1.png) 0.18rem center no-repeat;} .indexSearch .form .btn1{ position: absolute;right: 0;top: 0;width: 1.05rem;height: 0.5rem;line-height: 0.5rem;color: #fff;background: #009ee6;font-size: 0.16rem;} .indexSearch .keywords{display:none;font-size: 0.13rem;font-weight: bold;color: #fff;float: left;width: calc(100% - 0rem);text-align: center;margin-top: 0.1rem;} .indexSearch .keywords a{ padding-right: 0.15rem;color: #fff;} .indexSearch .keywords a:hover{ text-decoration: underline;} .keywords2{font-size: 0.18rem;font-weight: bold;color: #888;float: left;width: calc(100% - 0rem);text-align: center;margin-top: 0.1rem;padding: 0.2rem 0;float: left;width: 100%;} .keywords2 a{ padding-right: 0.15rem;color: #888;} .keywords2 a:hover{ text-decoration: underline;color: #005dae;} .indexPart1{ background: #f0f0f0;padding: 0.8rem 0;float: left;width: 100%;overflow: hidden;} .indexA{ position: relative;width: 100%;float: left} .indexA .swiper-slide .imgDiv{ overflow: hidden;} .indexA .swiper-slide .imgDiv img{width: 100%;min-height: 2.65rem;} .indexA .swiper-slide .botDiv{ padding: 0.24rem 0.2rem 0.15rem;background: #fff;position: relative;} .indexA .swiper-slide .botDiv:after{ content: '';position: absolute;right: 0;bottom: 0;width: 1.93rem;height: 1.11rem;background: url(nimg193Bg.png) center no-repeat;opacity: 0;} .indexA .swiper-slide .name{ height: 0.3rem;color: #313131;} .indexA .swiper-slide .name p{ display: inline-block;height: 0.3rem;line-height: 0.3rem;overflow: hidden;font-size: 0.22rem;padding-right: 0.15rem;} .indexA .swiper-slide .name em{ display: inline-block;position: relative;top: -0.3rem;width: 0.42rem;height: 0.27rem;font-size: 0.12rem;color: #fff;line-height: 0.21rem;text-transform: uppercase;text-align: center;background: url(nimg42_1.png) center no-repeat;font-family:Mont;} .indexA .swiper-slide .name img{ display: inline-block;position: relative;top: -0.25rem;width: 0.2rem;height: 0.13rem } .indexA .swiper-slide .content{ font-size: 0.14rem;color: #888;height: 0.36rem;line-height: 0.36rem;overflow: hidden;} .indexA .swiper-slide .ico{width: 0.25rem;height: 0.25rem;background: url(nimg25_1.png) center no-repeat;background-size: 0.25rem 0.25rem;} .indexA .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);} .indexA .swiper-slide:hover .botDiv{ background: #009ee6;} .indexA .swiper-slide:hover .botDiv:after{ opacity: 1;} .indexA .swiper-slide:hover .name{ color: #fff;} .indexA .swiper-slide:hover .content{ color: #fff;} .indexA .swiper-slide:hover .ico{ background: url(nimg25_1on.png) center no-repeat;background-size: 0.25rem 0.25rem;} .indexA .prev{ z-index: 5;left: -1.25rem;position: absolute;display: block;background: #fff;width: 0.5rem;height: 0.5rem;top: 40%;margin-top: -0.25rem;border-radius: 0.06rem;} .indexA .prev:before{ content: '';position: absolute;width: 0.15rem;height: 0.1rem;left: 50%;margin-left: -0.07rem;top: 50%;margin-top: -0.05rem;background: url(nimg15_left.png) center no-repeat;} .indexA .next{ z-index: 5;right: -1.25rem;position: absolute;display: block;background: #fff;width: 0.5rem;height: 0.5rem;top: 40%;margin-top: -0.25rem;border-radius: 0.06rem;} .indexA .next:before{ content: '';position: absolute;width: 0.15rem;height: 0.1rem;left: 50%;margin-left: -0.07rem;top: 50%;margin-top: -0.05rem;background: url(nimg15_right.png) center no-repeat;} .indexA .prev:hover, .indexA .next:hover{ background: url(nimg50Bg.png) center no-repeat;} .indexA .prev:hover:before{ background: url(nimg15_lefton.png) center no-repeat;} .indexA .next:hover:before{ background: url(nimg15_righton.png) center no-repeat;} .indexTitle .title1 {font-size: 0.36rem;line-height: 0.36rem;color: #353535;font-weight: bold;padding-bottom: 0.15rem;text-align: center;} .indexTitle .title2 {position: relative;font-size: 0.16rem;color: #aeaeae;text-transform: uppercase;height: 0.3rem;text-align: center;} .indexPart2{ padding: 0.8rem 0 0.8rem;float: left;width: 100%;overflow: hidden;} .indexPart2 .indexTitle .title1 {font-size: 0.31rem;line-height: 0.36rem;color: #353535;font-weight: bold;padding-bottom: 0.15rem;text-align: left;} .indexPart2 .indexTitle .title2 {position: relative;font-size: 0.16rem;color: #aeaeae;text-transform: uppercase;height: 0.3rem;text-align: left;} .indexPart2 .indexTitle{ text-align: left;} .indexPart2 .indexTitle .title2:after{ left: 0;margin-left: 0;} .indexPart2 .toptop{ position: relative;height: 1.5rem;} .indexPart2 .more{ position: absolute;right: 0;top: 0.08rem;width: 1.28rem;height: 1.05rem;font-weight: bold;font-size: 0.15rem;text-align: center;} .indexPart2 .more a{ display: block;height: 100%;color: #888;} .indexPart2 .more .ico{ margin: 0 auto;width: 0.38rem;height: 0.38rem;position: relative;} .indexPart2 .more .ico .img1{ opacity: 0;position: absolute;left: 0;top: 0;} .indexPart2 .more .ico img{ width: 0.38rem;height: 0.38rem} .indexPart2 .more .name{ padding-top: 0.25rem;} .indexPart2 .more:hover a{ color: #005dae;} .indexPart2 .more:hover .ico img{ opacity: 0;} .indexPart2 .more:hover .ico .img1{ opacity: 1;} .indexPart2 .tab{ position: absolute;right: 1.28rem;top: 0.08rem;} .indexPart2 .tab li{ float: left;width: 1.88rem;text-align: center;font-weight: bold;font-size: 0.15rem;color: #888;height: 1.05rem;position: relative;} .indexPart2 .tab li:after{ content: '';position: absolute;left: 50%;bottom: 0.05rem;opacity: 0;width: 0.14rem;height: 0.09rem;margin-left: -0.07rem;background: url(nimg14_1.png) center no-repeat;background-size: 0.14rem 0.09rem;} .indexPart2 .tab li .ico{ margin: 0 auto;width: 0.38rem;height: 0.38rem;position: relative;} .indexPart2 .tab li .ico img{ width: 0.38rem;height: 0.38rem} .indexPart2 .tab li .ico .img1{ opacity: 0;position: absolute;left: 0;top: 0;} .indexPart2 .tab li .name{ padding-top: 0.25rem;} .indexPart2 .tab .liNow{ color: #005dae;} .indexPart2 .tab .liNow:after{ opacity: 1;bottom: 0;} .indexPart2 .tab .liNow .ico img{ opacity: 0;} .indexPart2 .tab .liNow .ico .img1{ opacity: 1;} .indexPart2 .tabContentDiv{height: 3.8rem;} /*.indexPart2 .tabContent.on{animation: fadeOfOpacity .8s linear;}*/ .indexPart2 .leftImg{width: 50%;height: 3.8rem;overflow: hidden;position: relative;} .indexPart2 .leftImg img{width: 7.68rem;margin: auto;left: -50%;right: -50%;top: -50%;bottom: -50%;position: absolute;} .indexPart2 .rightDiv{width: 50%;height: 3.8rem;background-image: -webkit-linear-gradient(left top,#009ee6,#005dae);background-image: -moz-linear-gradient(left top,#009ee6,#005dae);background-image: -o-linear-gradient(left top,#009ee6,#005dae);background-image: linear-gradient(to right bottom,#009ee6,#005dae);} .indexPart2 .rightDiv .mxfDiv{ padding: 0.5rem 0.74rem;} .indexPart2 .rightDiv .txt1{ padding-bottom: 0.15rem;color: rgba(255,255,255,0.2);font-family: mont;font-size: 0.36rem;line-height: 0.36rem;text-transform: uppercase;} .indexPart2 .rightDiv .txt2{ color: #fff;font-size: 0.3rem;line-height: 0.3rem;padding-bottom:0.15rem;font-weight: bold;border-bottom: #4faefb solid 1px;position: relative} .indexPart2 .rightDiv .txt2 a{ position: absolute;right: 0.2rem;font-size: 0.14rem;font-weight: normal;color: #fff} .indexPart2 .rightDiv .msg{ font-size:0.14rem;padding: 0.1rem 0 0.25rem;color:#fff;border-bottom: #99c14f solid 1px;} .indexPart2 .rightDiv .msg p{ line-height:0.24rem;height:0.48rem;overflow:hidden;} .indexPart2 .rightDiv .scroll{ margin-top: 0.2rem;height: auto;overflow:auto;margin-bottom: 0.1rem;} .indexPart2 .rightDiv .list{ position: relative;float: left;width: 100%;} .indexPart2 .rightDiv .list p{ position: absolute;left: 0;top: 0;width: 1.05rem;height: 0.4rem;line-height: 0.4rem;font-weight: bold;background: #fff;border-radius: 0.04rem;text-align: center;font-size: 0.16rem;color: #34862a;} .indexPart2 .rightDiv .list li{ float: left;padding-right: 0.3rem;line-height:0.24rem;font-size: 0.14rem;position:relative;width: calc(50% - 0.3rem);margin-top: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} /* .indexPart2 .rightDiv .list li:after{ content:'';position:absolute;right:0.15rem;top:0.04rem;width:1px;height:0.14rem;background:#fff;} */ .indexPart2 .rightDiv .list li a{ color: #fff;} .indexPart2 .rightDiv .list li a:hover{ text-decoration: underline;} .indexPart2 .rightDiv .list li:nth-child(even):after{ display: none} .indexPart2 .rightDiv .list li:last-child:after{ display: none} .indexPart4{padding: 0rem 0;float: left;width: 100%;overflow: hidden;} .indexPart4 .indexTitle{ padding-bottom: 0.3rem;} .indexPart4 .leftDiv{ width: 8.34rem;height: 5.0rem;} .indexPart4 .leftDiv .toptop{ height: 3.2rem;background: #f6f6f6;} .indexPart4 .leftDiv .mxfDiv{ padding: 0.65rem 0.58rem 0;} .indexPart4 .leftDiv .name{height: 0.48rem;line-height: 0.48rem;color: #009ee6;font-weight: bold;font-size: 0.3rem;position: relative;} .indexPart4 .leftDiv .name a{ position: absolute;display: block;right: 0;top: 50%;margin-top: -0.17rem;line-height: 0.34rem;} .indexPart4 .leftDiv .name a img{ width: 0.34rem;height: 0.34rem} .indexPart4 .leftDiv .name a:hover{ -webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);} .indexPart4 .leftDiv .content{padding-top: 0.25rem;font-size: 0.14rem;color: #949494;line-height: 0.24rem;} .indexPart4 .leftDiv .list li{ float: left;width: 25%;height: 1.8rem;background-image: -webkit-linear-gradient(left,#f2f2f2,#ececec);background-image: -moz-linear-gradient(left,#f2f2f2,#ececec);background-image: -o-linear-gradient(left,#f2f2f2,#ececec);background-image: linear-gradient(to right,#f2f2f2,#ececec);} .indexPart4 .leftDiv .list li a{ display: block;width: 100%;height: 100%;} .indexPart4 .leftDiv .list li .box{ padding: 0.4rem 0.3rem 0;} .indexPart4 .leftDiv .list li .ico{width: 0.36rem;height: 0.36rem;position: relative;} .indexPart4 .leftDiv .list li .ico img{width: 0.36rem;height: 0.36rem;} .indexPart4 .leftDiv .list li .ico .img1{ opacity: 0;position: absolute;left: 0;top: 0;} .indexPart4 .leftDiv .list li .name1{font-weight: bold;font-size: 0.18rem;color: #989898;line-height: 0.18rem;padding: 0.25rem 0 0.12rem;} .indexPart4 .leftDiv .list li .name2{ font-size: 0.14rem;color: #d0d0d0;text-transform: uppercase;} .indexPart4 .leftDiv .list li:hover{ background-image: -webkit-linear-gradient(left top,#009ee6,#005dae);background-image: -moz-linear-gradient(left top,#009ee6,#005dae);background-image: -o-linear-gradient(left top,#009ee6,#005dae);background-image: linear-gradient(to right bottom,#009ee6,#005dae);} .indexPart4 .leftDiv .list li:hover .ico{ -webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);} .indexPart4 .leftDiv .list li:hover .ico img{ opacity: 0;} .indexPart4 .leftDiv .list li:hover .ico .img1{ opacity: 1;} .indexPart4 .leftDiv .list li:hover .name1{ color: #fff;} .indexPart4 .leftDiv .list li:hover .name2{ color: rgba(255,255,255,0.5);} .indexPart4 .rightDiv{ position: relative;width: 7.02rem;height: 5.0rem;overflow: hidden} .indexPart4 .rightDiv .bg img{width: 100%;display: none;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 5rem;height: auto;} .indexPart4 .rightDiv .bg img.on{display:block;} .indexPart4 .numList{position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;width:100%;background:rgba(0,0,0,0.3);height:1.8rem;display: none;} .indexPart4 .numList ul{ padding-left: 0.8rem;padding-top:0.5rem;} .indexPart4 .numList li{ float: left;width: 25%;color: #fff;} .indexPart4 .numList li .num{ font-size: 0.14rem;} .indexPart4 .numList li .numUp{ font-family: bold;font-size: 0.48rem;line-height: 0.48rem;padding-right: 0.1rem;display: inline-block;} .indexPart4 .numList li em{ display: inline-block;position: relative;} .indexPart4 .numList li em:after{ content: '';position: absolute;right: 0;top: -0.2rem;width: 0.13rem;height: 0.13rem;background: url(nimg13_1.png) center no-repeat;background-size: 0.13rem 0.13rem} .indexPart4 .numList li p{ font-size: 0.14rem;padding-top: 0.05rem;} .indexPart5{ background: #f6f6f6;padding: 0.8rem 0;float: left;width: 100%;overflow: hidden;} .indexPart5 .indexTitle{ padding-bottom: 0.3rem;} .indexPart5 .leftDiv{width: 7.68rem;height: 5.85rem;background: #fbfbfb;} .indexPart5 .leftDiv .mxfDiv{padding-top: 0.45rem;padding-left: 0.48rem;padding-right: 0.6rem;width: calc(100% - 1.08rem);} .indexPart5 .leftDiv .toptop{height: 0.78rem;position: relative;} .indexPart5 .leftDiv .tab li{float: left;margin-right: 0.35rem;height: 0.32rem;line-height: 0.32rem;font-size: 0.14rem;color: #999;position: relative;} .indexPart5 .leftDiv .tab li:after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 0.04rem;background: #009ee6;} .indexPart5 .leftDiv .tab .liNow{ color: #005dae;font-weight: bold;} .indexPart5 .leftDiv .tab .liNow:after{ width: 100%;} .indexPart5 .leftDiv .more{position: absolute;right: 0;top: 0;line-height: 0.32rem;font-weight: bold;font-size: 0.12rem;} .indexPart5 .leftDiv .more a{ color: #999;} .indexPart5 .leftDiv .more a:hover{ color: #005dae;} .indexPart5 .leftDiv .tabContent.on{animation: fadeOfOpacity .8s linear;} .indexPart5 .leftDiv .detail{position: relative;padding-left: 3.62rem;height: 2.26rem;} .indexPart5 .leftDiv .detail .imgDiv{position: absolute;left: 0;top: 0;width: 3.2rem;overflow: hidden;height: 2.32rem;} .indexPart5 .leftDiv .detail .imgDiv img{ /*width:3.2rem;*/height: 2.32rem;position: absolute;margin: auto;top: -50%;bottom: -50%;left: -50%;right: -50%;} .indexPart5 .leftDiv .detail .name{line-height: 0.36rem;height: 0.72rem;overflow: hidden;font-size: 0.2rem;font-weight: bold;text-align: left} .indexPart5 .leftDiv .detail .name a{ color: #3f3f3f;} .indexPart5 .leftDiv .detail .time{color: #c9c9c9;font-family:Gotham;font-size: 0.16rem;padding: 0.12rem 0;} .indexPart5 .leftDiv .detail .content{font-size: 0.14rem;line-height: 0.2rem;max-height: 0.6rem;overflow: hidden;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .indexPart5 .leftDiv .detail .btnDiv{position: absolute;left: 3.62rem;bottom: 0;} .indexPart5 .leftDiv .detail .btnDiv a{display: block;width: 1.05rem;height: 0.4rem;border-radius: 0.04rem;font-size: 0.14rem;background: url(bg1.jpg) repeat-x;color: #fff;line-height: 0.4rem;text-indent: 0.26rem;font-weight: bold;} .indexPart5 .leftDiv .detail .btnDiv a:after{content: '';position: absolute;right: 0.27rem;margin-top: -0.06rem;top: 50%;width: 0.08rem;height: 0.12rem;background: url(nimg8_1.png) no-repeat;background-size: 0.08rem 0.12rem;} .indexPart5 .leftDiv .detail .btnDiv a:hover:after{ right: 0.22rem;} .indexPart5 .leftDiv .list{padding-top: 0.3rem;} .indexPart5 .leftDiv .list li{position: relative;padding-right: 0.95rem;font-size: 0.14rem;} .indexPart5 .leftDiv .list li a{display: block;height: 0.4rem;color: #666;line-height: 0.4rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .indexPart5 .leftDiv .list li em{font-family:Gotham;color: #c9c9c9;position: absolute;right: 0;top: 0;line-height: 0.4rem;} .indexPart5 .leftDiv .list li a:hover{ color: #005dae;} .indexPart5 .midDiv{width: 4.66rem;height: 5.85rem;background: #fff;} .indexPart5 .midDiv .mxfDiv{padding-top: 0.45rem;padding-left: 0.45rem;padding-right: 0.4rem;} .indexPart5 .midDiv .toptop{height: 0.78rem;position: relative;} .indexPart5 .midDiv .txt{display: inline-block;height: 0.32rem;line-height: 0.32rem;font-size: 0.14rem;color: #353535;position: relative;font-weight: bold;} .indexPart5 .midDiv .txt:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 0.04rem;background: #009ee6;} .indexPart5 .midDiv .more{position: absolute;right: 0;top: 0;line-height: 0.32rem;font-weight: bold;font-size: 0.12rem;} .indexPart5 .midDiv .more a{ color: #999;} .indexPart5 .midDiv .more a:hover{ color: #005dae;} .indexPart5 .midDiv .list li{height: 1.06rem;position: relative;padding-left: 1.84rem;margin-bottom: 0.4rem;} .indexPart5 .midDiv .list li .imgDiv{position: absolute;left: 0;top: 0;overflow: hidden;width: 1.5rem;height: 1.06rem;} .indexPart5 .midDiv .list li .imgDiv img{width: 1.5rem;height: 1.06rem} .indexPart5 .midDiv .list li .name{font-size: 0.14rem;text-align: left} .indexPart5 .midDiv .list li .name a{display: block;line-height: 0.26rem;height: 0.52rem;overflow: hidden;color: #3f3f3f;} .indexPart5 .midDiv .list li .time{padding-top: 0.3rem;font-family:Gotham;color: #c9c9c9;font-size: 0.14rem;} .indexPart5 .midDiv .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);} .indexPart5 .midDiv .list li .name a:hover{ color: #005dae;} .tabContent {display: none;} .indexPart5 .rightDiv{width: 3.02rem;height: 5.85rem;background: #fbfbfb;} .indexPart5 .rightDiv .mxfDiv{padding-top: 0.45rem;padding-left: 0.45rem;padding-right: 0.4rem;width: calc(100% - 0.85rem);} .indexPart5 .rightDiv .toptop{height: 0.78rem;position: relative;} .indexPart5 .rightDiv .txt{display: inline-block;height: 0.32rem;line-height: 0.32rem;font-size: 0.14rem;color: #353535;position: relative;font-weight: bold;} .indexPart5 .rightDiv .txt:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 0.04rem;background: #009ee6;} .indexPart5 .rightDiv .more{position: absolute;right: 0;top: 0;line-height: 0.32rem;font-weight: bold;font-size: 0.12rem;} .indexPart5 .rightDiv .more a{ color: #999;} .indexPart5 .rightDiv .more a:hover{ color: #005dae;} .indexPart5 .rightDiv .list li{padding-bottom: 0.18rem;} .indexPart5 .rightDiv .list li .name a{display: block;color: #666;font-size: 0.14rem;height: 0.4rem;line-height: 0.2rem;overflow: hidden;} .indexPart5 .rightDiv .list li .name a:hover{ color: #005dae;} .indexPart5 .rightDiv .list li .time{padding-top: 0.12rem;font-family:Gotham;color: #c9c9c9;font-size: 0.14rem;} .indexPart5 .rightDiv .mxfDiv .name{ text-align: left} /*按钮动画--start*/ .ico_h {transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;display: inline-block;position: relative;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);} .ico_h:before {pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);/* W3C */ -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;} .ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px);transform: translateY(-6px);-webkit-animation-name: hover;animation-name: hover;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: alternate;animation-direction: alternate;} .ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4;-webkit-transform: translateY(6px);transform: translateY(6px);-webkit-animation-name: hover-shadow;animation-name: hover-shadow;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: alternate;animation-direction: alternate;} /*按钮动画--end*/ .footDiv{ background:#fff;padding-top: 0.16rem;height: 1.68rem;border-top: #9fc600 solid 2px;float: left;width: 100%;} .footDiv .leftDiv{ padding-top:0.15rem;} .footDiv .tel{ position: relative;padding-left: 0.48rem;height: 0.5rem;color: #a7a7a7;font-weight: bold;margin-right: 0.6rem;} .footDiv .tel img{ position: absolute;left: 0;top: 0.06rem;} .footDiv .tel p{ font-size: 0.16rem;padding: 0.04rem 0 0.05rem;} .footDiv .tel .num{ font-size: 0.24rem;line-height: 0.24rem;} .footDiv .btnDiv a{ display: block;width: 1.44rem;height: 0.5rem;color: #fff;font-size: 0.14rem;line-height: 0.5rem;text-indent: 0.28rem;background: url(bg2.jpg) repeat-x;border-radius: 0.04rem;position: relative;} .footDiv .btnDiv img{position: absolute;right: 0.27rem;top: 50%;margin-top: -0.09rem;width: 0.22rem;height: 0.18rem;} .footDiv .links{ padding-top: 0.35rem;left: -0.12rem;position: relative;font-weight: bold;color: #a7a7a7;float: left;} .footDiv .links a{ padding: 0 0.12rem;color: #a7a7a7;} .footDiv .links a:hover{ color: #005dae;} .footDiv .rightDiv{ position: relative;width:3.5rem;} .footDiv .ewmList{ position: absolute;right: 0;top: 0;} .footDiv .ewmList li{ float:left;margin-left:0.26rem;} .footDiv .ewmList li .imgDiv{ box-shadow: 0px 0.03rem 0.35rem 0px rgba(0, 0, 0, 0.09);} .footDiv .ewmList li .imgDiv img{ width: 1.26rem;height: 1.26rem;} .footDiv .ewmList li p{ font-size:0.14rem;color:#a7a7a7;padding-top:0.1rem;font-weight:bold;text-align:center;} .footDiv .share{ padding-top: 0.44rem;} .footDiv .share li{ float: left;margin-left: 0.23rem;width: 0.38rem;height: 0.38rem;line-height: 0.38rem;border-radius: 50%;text-align: center;box-shadow: 0px 0.1rem 0.13rem 0px rgba(0, 70, 103, 0.13);} .footDiv .share li:nth-child(1){ background: #0095d7;} .footDiv .share li:nth-child(2){ background: #55d6a0;} .footDiv .share li:nth-child(3){ background: #faa729;} .footDiv .share li a:before{ content: '';z-index: 1;background:rgba(255,255,255,0.3);position: absolute;left:50%;top:50%;width: 0;height: 0;border-radius: 50%;-webkit-transition:all .5s cubic-bezier(.24,.82,.48,.89);transition:all .5s cubic-bezier(.24,.82,.48,.89);} .footDiv .share li a{ position: relative;display: block;width: 100%;height: 100%;} .footDiv .share li:hover a:before{ width:0.48rem;height:0.48rem;left: -0.05rem;top: -0.05rem;} .foot{height: 0.9rem;background: #014887;width: 100%;float: left;} .foot .wal{ height: 0.9rem;position: relative;} .foot .links{ padding:0.2rem 0 0.15rem;position:relative;left:-0.05rem;color:#fff;font-size:0.14rem;} .foot .links a{ color:#fff;padding:0 0.05rem;} .foot .links a:hover{ text-decoration:underline;} .foot .msg{ font-size: 0.14rem;color: #fff;font-weight: bold;text-transform: uppercase;} .foot .msg a{ color: #fff;padding-left: 0.15rem;} .foot .msg a:hover{ text-decoration: underline;} .foot .link2{ position: absolute;right: 0;top: 0.24rem;} .foot .link2 .name{ height:0.4rem;line-height: 0.4rem;color:#fff;width: 2.44rem;padding-left:0.2rem;font-weight: bold;font-size: 0.14rem;border: #8eb860 solid 1px;background:url(selectIco.png) right center no-repeat;cursor:pointer;} .foot .link2 dl{position:absolute;z-index:30;left:0px;bottom:0.4rem;width:100%;display:none;} .foot .link2 dd{ margin-bottom:1px;border: #8eb860 solid 1px;} .foot .link2 a{display:block;height:0.4rem;line-height:0.4rem;padding-left:0.2rem;color:#fff;font-size: 0.14rem;background: #009ee6;} .foot .link2 a:hover{ background: #8eb860;} .pageBanner{ position: relative;overflow: hidden;width: 100%;float: left} .pageBanner:after{ content: '';position: absolute;right: 0;bottom: 0;height: 0.66rem;background: #fafafa;width: 20%;z-index: 1;} .pageBanner2:after{ display: none;} .pageBanner .imgDiv img{width: 100%;} .pageBanner .txtDiv{ position: absolute;right: 50%;margin-right: -6rem;z-index: 1;top: 46%;transform: translateY(-56%);color: #8d8d8d;text-align: right;} .pageBanner .txtDiv2{ color: #fff;} .pageBanner .txtDiv3{left: 50%;right: auto;margin-right: 0;margin-left: -6rem;text-align: left;text-shadow: #000 1px 1px 1px;} .pageBanner .txt1{ font-size: 0.36rem;line-height: 0.36rem;padding-bottom: 0.26rem;} .pageBanner .txt2{ font-size: 0.18rem;text-transform: uppercase;} .pageBanner .txtDiv3 .txt1{ color: #00ade3;} .pageBanner .txtDiv3 .txt2{ color: #8ca2c5;} .pageBanner .wenDiv{ position: absolute;left: 50%;margin-left: -3.62rem;top: 50%;margin-top: -1.27rem;width: 7.24rem;height: 2.54rem;} .pageBanner .wenDiv .wen1{ padding-top: 0.5rem;font-weight: bold;font-size: 0.5rem;line-height: 0.5rem;color: #fff;text-align: center;} .pageBanner .wenDiv .wen2{ padding-top: 0.2rem;font-size: 0.3rem;line-height: 0.3rem;color: #fff;text-align: center;} .pageBanner .wenDiv .wen3{ line-height: 0.2rem;color: #c2d0c4;padding-top: 0.15rem;text-align: center;} .pageBanner .ziDiv{ position: absolute;width: 100%;text-align: center;left: 0;top: 50%;transform: translateY(-50%);} .pageBanner .ziDiv .zi1{ font-weight: bold;font-size: 0.48rem;line-height: 0.48rem;padding-bottom: 0.2rem;color: #fff;} .pageBanner .ziDiv .zi2{ font-weight: bold;font-size: 0.18rem;line-height: 0.18rem;color: rgba(255,255,255,0.6);padding-bottom: 0.4rem;text-transform: uppercase;} .pageBanner .ziDiv .zi3{ font-size: 0.24rem;line-height: 0.24rem;color: #fff;} .pageBanner .ziDiv .zi3 em{ padding:0 0.15rem;} .pageBanner .ziDiv .btnDiv{ margin: 0 auto;width: 2.1rem;} .pageBanner .ziDiv .btnDiv a{ display: block;width: 2.1rem;height: 0.6rem;line-height: 0.6rem;text-align: center;color: #fff;font-size: 0.18rem;background: url(btn3.png) center no-repeat;} .pageBanner .ziDiv .btnDiv img{ padding-right: 0.2rem;position: relative;top: -0.02rem;} .pageBanner .fontDiv{ position: absolute;width: 100%;text-align: center;left: 0;top: 50%;transform: translateY(-50%);} .pageBanner .fontDiv .font1{ font-size: 0.18rem;line-height: 0.18rem;padding-bottom: 0.2rem;color: #fff;} .pageBanner .fontDiv .font2{ font-weight: bold;font-size: 0.48rem;line-height: 0.48rem;color: #fff;padding-bottom: 0.25rem;text-transform: uppercase;} .pageBanner .fontDiv .font3{ font-size: 0.24rem;line-height: 0.24rem;color: #fff;padding-bottom: 0.65rem;} .pageBanner .fontDiv .btnDiv{ margin: 0 auto;width: 2.1rem;} .pageBanner .fontDiv .btnDiv a{ display: block;width: 2.1rem;height: 0.6rem;line-height: 0.6rem;text-align: center;color: #fff;font-size: 0.18rem;background: url(btn3.png) center no-repeat;} .pageBanner .fontDiv .btnDiv img{ padding-right: 0.2rem;position: relative;top: -0.02rem;} .pageBanner .solidDiv{ position: absolute;left: 50%;margin-left: -4.89rem;top: 50%;text-align: center;margin-top: -1.25rem;width: 9.78rem;height: 2.5rem;background:url(nimg978Bg.png) center no-repeat;} .pageBanner .solidDiv .font1{ font-size: 0.24rem;line-height: 0.24rem;padding: 0.5rem 0 0.2rem;color: #fff;} .pageBanner .solidDiv .font2{ font-weight: bold;font-size: 0.48rem;line-height: 0.48rem;color: #fff;padding-bottom: 0.2rem;text-transform: uppercase;} .pageBanner .solidDiv .font3{ font-size: 0.24rem;line-height: 0.24rem;color: #fff;font-weight: bold;} .pageBanner .solidDiv .font3 em{ padding: 0 0.07rem;} .pageBanner .solidDiv .font4{ font-size: 0.18rem;line-height: 0.18rem;color: #fff;font-weight: bold;} .pageBanner .healthDiv{ position: absolute;width: 8.06rem;height: 3.06rem;text-align: center;left: 50%;top: 50%;margin-left: -4.03rem;margin-top: -1.53rem;background: rgba(0,0,0,0.5);} .pageBanner .healthDiv .zi1{ font-size:0.24rem;line-height: 0.24rem;padding: 0.5rem 0 0.4rem;color: #fff;} .pageBanner .healthDiv .zi2{ font-weight: bold;font-size: 0.48rem;line-height: 0.48rem;color: #fff;padding-bottom: 0.4rem;} .pageBanner .healthDiv .zi3{ font-size: 0.24rem;line-height: 0.24rem;color: #fff;font-weight:bold;} .pageBanner .healthDiv .zi3 em{ padding:0 0.15rem;} .pageBanner .botDiv{ position: absolute;left: 50%;width: 12rem;margin-left: -6rem;bottom: 0;height: 0.66rem;background: rgba(250,250,250,0.95);z-index: 2;} .xwzxmbx{width: 100%;background: #ffffffe0;position: absolute;/* top: -0.66rem; */height: 0.66rem;border: 1px solid #dcdcdc;height: 0.35rem;line-height: 0.35rem;top: 0.2rem;} .xwzxmbx .pageNow{/* right: 0.48rem; */} .pageNav{position: absolute;right: 0;/* background: #f7f9fa; */height: 0.66rem;top: -0;line-height: 0.66rem;padding-left: 0.48rem;height: 0.35rem;line-height: 0.35rem;} .pageNav li{ padding-right: 0.6rem;float: left;} .pageNav li a{display: block;height: 0.66rem;line-height: 0.66rem;position: relative;font-size: 0.14rem;color: #5a5a5a;/* font-weight: bold; */height: 35px;line-height: 35px;color: #009ee6;} .pageNav li a:after{content: '';position: absolute;left: 50%;width: 0;bottom: 0;height: 0.03rem;/* background: #009ee6; */z-index: 1;} .pageNav li .aNow, .pageNav li a:hover{ color: #005dae;} .pageNav li .aNow:after, .pageNav li a:hover:after{ left: 0;width: 100%;} .pageNav li.active a:after{content: '';position: absolute;left: 0;width: 100%;bottom: 0;height: 0.03rem;/* background: #009ee6; */z-index: 1;} .pageNowBox{ height: 0.66rem;position: relative;width: 100%;float: left} .pageNow{position: absolute;left: 0;top: 0;line-height: 0.66rem;font-size: 0.14rem;z-index: 2;/* font-weight: bold; *//* padding-left: 0.3rem; */height: 0.66rem;height: 0.35rem;line-height: 0.35rem;background: url(nimg18_1.png) no-repeat 0.1rem 0.1rem;background-size: 0.18rem 0.16rem;color: #888888;padding-left: 0.38rem;} .pageNow2{/* background: none; */} .pageNow3{ background: none;right: auto;left: 0;padding-left: 0px;} .pageNow a{color: #bcbcbc;position: relative;display: inline-block;/* padding-right: 0.18rem; *//* padding-left: 0.12rem; */color: #000;padding-left: 0.05rem;padding-right: 0.05rem;} .pageNow a:after{/* content: ''; */width: 4px;height: 5px;position: absolute;right: 0;top: 50%;margin-top: -3px;background:url(nimg4_1.png) center no-repeat;background-size: cover;} .pageNow a:hover{ /*text-decoration: underline;*/} .pageNow em{ color: #5a5a5a;padding-left: 12px;} .pageNow img{position: relative;top: 0.04rem;width: 0.18rem;height: 0.16rem;} .pageBox{ padding: 0.7rem 0 1.4rem;} .pageTitle{ text-align: center;padding-bottom: 0.05rem;position: relative;z-index: 2;} .pageTitle .title1{ padding-bottom: 0.1rem;font-size: 0.36rem;line-height: 0.36rem;color: #353535;font-weight: bold;} .pageTitle .title2{ font-size: 0.14rem;color: #b2b2b2;text-transform: uppercase;line-height: 0.18rem;height: 0.52rem;position: relative;} /*.pageTitle .title2:after{ content: '';position: absolute;left: 50%;bottom: 0;width: 42px;height: 5px;background: #009ee6;margin-left: -21px;} */.pageTitle .title3{ font-size: 0.14rem;color: #b2b2b2;text-transform: uppercase;line-height: 0.18rem;height: 0.4rem;position: relative;} /*.pageTitle .title3:after{ content: '';position: absolute;left: 50%;bottom: 0;width: 20px;height: 5px;background: #9fc600;border-radius: 12px;margin-left: -10px;} */.pageTitle2 .title1{ color: #fff;} .pageTitle2 .title3{ color: rgba(255,255,255,0.5);} /*分页*/ .pageNum{ text-align: center;overflow:hidden;padding-top: 0.6rem;} .pageNum a{display:inline-block;height:0.34rem;line-height:0.34rem;width: 0.34rem;margin:0 0.04rem;font-size: 0.14rem;color: #999;text-align: center;border-radius: 0.04rem;-moz-border-radius: 4px;} .pageNum a .img1{ display: none;} .pageNum a:hover, .pageNum .aNow{ background:#009ee6;color: #fff;} .pageNum a:hover img, .pageNum .aNow img{ display: none;} .pageNum a:hover .img1, .pageNum .aNow .img1{ display: inline-block;} .pageMore a{ display: block;height: 0.6rem;background: #f9f9f9 url(nimg34_2.png) center no-repeat;line-height: 0.6rem;} .pageMore a:hover{ background: #0e6832 url(nimg34_2on.png) center no-repeat;} .tabContent{ display:none;} .tab li{ cursor:pointer;} .tabContent2{ display:none;} .tab2 li{ cursor:pointer;} .cd-top {/* image replacement properties */overflow: hidden;white-space: nowrap;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} .cd-top.cd-is-visible {/* the button becomes visible */visibility: visible;opacity: 1;} .cd-top.cd-fade-out {opacity: 1;} #Layer1{position:absolute;position:fixed;_position:absolute;width:100%;z-index:99;top:0;left:0px;background-color:#000;display:none;} .selectDiv{cursor:pointer;} .selectDiv span{padding-left:0.1rem;} .selectDiv select{display:none;} /**/ .selectLayer{position:absolute;z-index:100;display:none;background:#FFF;border:#bababa solid 1px;} .selectLayer li{height:0.22rem;line-height:0.22rem;overflow:hidden;padding-left:0.1rem;color:#666;} /*侧边栏*/ .sideBar {position: fixed;top: 60%;margin-top: -0.93rem;right: 0.15rem;z-index: 99;} .sideBar ul li{margin-bottom: 1px;cursor:pointer;position:relative;} .sideBar ul li .limg{width: 0.6rem;height: 0.6rem;background: rgba(0,0,0,0.3);text-align: center;line-height: 0.6rem;position: relative;} .sideBar ul li .limg img{width: 0.35rem;height: 0.35rem;position: absolute;margin: auto;left: 0;top: 0;bottom: 0;right: 0} .sideBar ul li:hover .limg{ background: #009ee6;} .sideBar ul li .limg2{width: 0.6rem;height: 0.6rem;background: rgba(0,0,0,0.3);text-align: center;} .sideBar ul li:hover .limg2{ background: #009ee6;} .sideBar ul li .limg2 img{position:relative;top: 0.05rem;width: 0.35rem;height: 0.35rem;} .sideBar ul li .wen{ line-height:0.24rem;font-size:0.14rem;color:#fff;padding-top:0.08rem;} .sideBar ul li .wen2{line-height: 0.2rem;font-size: 0.12rem;color:#fff;} .sideBar ul li .ewmLayer{ width:1.46rem;height:1.46rem;background:#009ee6;display:none;position:absolute;left:-1.46rem;bottom:0;} .sideBar ul li .ewmLayer .ewm{ padding:0.1rem;} .sideBar ul li .ewmLayer .ewm img{ width:1.26rem;} .sideBar ul li .telLayer{ width:1.95rem;height:0.6rem;background:#009ee6;display:none;position:absolute;left:-1.95rem;top:0;} .sideBar ul li .num{ text-align:center;line-height:0.6rem;color:#fff;font-size:0.22rem;font-family: mont;} .sideBar ul li .kefuLayer{ width:2.35rem;height:0.6rem;background:#009ee6;display:none;position:absolute;left:-2.35rem;top:0;} .sideBar ul li .kefuLayer dl{ padding-left:0.3rem;} .sideBar ul li .kefuLayer dd{ margin-right:0.24rem;float:left;} .sideBar ul li .kefuLayer dd a{ display:block;font-size:0.14rem;padding-left:0.32rem;height:0.6rem;line-height:0.6rem;color:#fff;position:relative;} .sideBar ul li .kefuLayer dd a img{ position:absolute;left:0;top:50%;margin-top:-0.12rem;width:0.24rem;} .sideBar ul li .formLayer{ width:3.65rem;height:5.5rem;background:#fff;display:none;position:absolute;left:-3.65rem;top:-3rem;border-radius: 0.04rem;box-shadow: 0px 0.03rem 0.35rem 0px rgba(0, 0, 0, 0.09);overflow: hidden;} .sideBar ul li .formLayer .title{ height: 0.62rem;line-height: 0.62rem;padding-left: 0.22rem;color: #fff;font-size: 0.14rem;background:#009ee6;} .sideBar ul li .formLayer .midmid{ height: 3.85rem;overflow-y: auto;} .sideBar ul li .formLayer .msg{ padding: 0.2rem 0.22rem 0.20rem;font-size: 0.14rem;color: #242e33;} .sideBar ul li .formLayer .form{ padding: 0 0.22rem;} .sideBar ul li .formLayer .form dd{ padding-bottom: 0.1rem;} .sideBar ul li .formLayer .form dd .txt{ height: 0.24rem;font-size: 0.14rem;line-height: 0.14rem;} .sideBar ul li .formLayer .form dd .txt em{ color: #f00;} .sideBar ul li .formLayer .form .input1{ font-size: 0.14rem;width: 100%;height: 0.36rem;line-height: 0.36rem;border: #d1d1d1 solid 1px;box-sizing: border-box;border-radius: 2px;} .sideBar ul li .formLayer .form textarea{ width: 100%;height: 0.8rem;padding: 0.06rem 0.12rem;font-size: 0.14rem;line-height: 1.42857143;border: #d1d1d1 solid 1px;box-sizing: border-box;border-radius: 2px;-webkit-border-radius: 2px;} .sideBar ul li .formLayer .botbot{ height: 1.1rem;background: #f5f8fa;position: absolute;left: 0;bottom: 0;width: 100%;} .sideBar ul li .formLayer .btnDiv{ padding: 0.24rem 0.22rem 0.12rem;} .sideBar ul li .formLayer .btnDiv a{ display: block;width: 100%;height: 0.4rem;background:#009ee6;border-radius: 2px;color: #fff;text-align: center;line-height: 0.4rem;} .sideBar ul li .formLayer .links{ text-align: center;} .sideBar ul li .formLayer .links a{ font-size: 0.14rem;color: #a1a7aa;} .sideBar ul li .formLayer .links a:hover{ color: #009ee6;} .sideBar ul li .formLayer .midmid::-webkit-scrollbar {width: 0.08rem;height: 0.08rem;} .sideBar ul li .formLayer .midmid::-webkit-scrollbar-thumb {background-color: #D1D1D1;border-radius: 3px;-webkit-border-radius: 3px;border-left: 2px solid transparent;border-top: 2px solid transparent;} .sideBar ul li .la{position: absolute;left: -0.1rem;top: -0.1rem;z-index: 2;width: 0.2rem;height: 0.2rem;background: #f00;text-align: center;line-height: 0.2rem;color: #fff;border-radius: 50%;} .servicePart1 { padding: 0.1rem 0 0.5rem;width: 100%;float: left} .servicePart1 .leftDiv{width: 7.5rem;padding-right: 0.2rem;} .servicePart1 .content{font-size: 0.16rem;line-height: 0.4rem;color: #797979;} .servicePart1 .btnDiv{padding-top: 0.4rem;overflow:hidden;} .servicePart1 .btnDiv a{float:left;margin-right: 0.2rem;display: block;position: relative;width: 1.4rem;height: 0.46rem;line-height: 0.46rem;font-size: 0.14rem;color: #fff;text-align: center;border-radius: 0.24rem;background-image: -webkit-linear-gradient(top,#ffc263,#ff9c00);background-image: -moz-linear-gradient(top,#ffc263,#ff9c00);background-image: -o-linear-gradient(left top,#ffc263,#ff9c00);background-image: linear-gradient(to bottom,#ffc263,#ff9c00);} .servicePart1 .btnDiv .btn1{ background-image: -webkit-linear-gradient(top,#009ee6,#005dae);background-image: -moz-linear-gradient(top,#009ee6,#005dae);background-image: -o-linear-gradient(left top,#009ee6,#005dae);background-image: linear-gradient(to bottom,#009ee6,#005dae);} .servicePart1 .btnDiv img{position: relative;top: 0.08rem;padding-right: 0.12rem;width: 0.26rem;height: 0.26rem;} .servicePart1 .rightImg{position: relative;width: 7.02rem;height: 2.8rem;overflow: hidden;} .servicePart1 .rightImg img{width: 100%;position: absolute;left: -50%;right: -50%;top: -50%;bottom: -50%;margin: auto;} .servicePart2{padding-top: 0.4rem;padding-bottom: 0.4rem;background: url(serviceBg.jpg) center no-repeat;background-size: cover;width: 100%;float: left;margin-bottom:20px;} .servicePart2 li{width: 3.5rem;float: left;margin: 0.17rem;height: 3.2rem;overflow: hidden;background: #fff;position: relative;box-shadow: 1px 1px 3px #bfbfbf;height: 1.01rem;} .servicePart2 li .imgDiv{width: 100%;float: left;height: calc(2.19rem + 0px);position: relative;border-bottom: 1px solid #ededed;overflow: hidden;/* display: none; */} .servicePart2 li .imgDiv img{position: absolute;margin: auto;left: -50%;top: -50%;bottom: -50%;right: -50%;/* height: 2.19rem; */max-height: 100%;max-width: 100%;} .servicePart2 li .name{z-index: 2;position: absolute;top: 2.3rem;left: 0.25rem;width: 3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 0.18rem;color: #313131;text-align: center;height: 0.35rem;line-height: 0.35rem;top: 0.2rem;} .servicePart2 li .msg{z-index: 2;position: absolute;color: #888;font-size: 0.12rem;text-align: center;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;top: 2.75rem;left: 0.25rem;width: 3rem;top: 0.65rem;} .servicePart2 li:after{ content: '';position: absolute;right: 0;bottom: 0;width: 100%;height: calc(1.01rem - 0px);opacity: 0;background: url(nimg193Bg.png) center right no-repeat #009ee6;background-size: 1.93rem 1.11rem;z-index: 1;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;} .servicePart2 li:hover:after{ opacity: 1;} .servicePart2 li:hover .name,.servicePart2 li:hover .msg{ color: #fff} .servicePart2 li .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);} .toptop1{ width: calc(100% - 0.24rem);float: left;position: relative;border-left: 0.04rem solid #009ee6;font-size: 0.18rem;height: 0.18rem;line-height: 0.18rem;padding-left: 0.2rem;font-weight: bold;color: #005b33;margin-bottom: 0.5rem } .toptop1 a{ position: absolute;right: 0px;top: 0;line-height: 0.18rem;font-size: 0.14rem;font-weight: normal;color: #666} .hpage{font-size: 0.14rem;width:100%;margin:0 auto;text-align:center;margin:0.2rem 0px;color:#333333;overflow: hidden;padding: 0.1rem 0;float: left;} .hpage span{ font-size:0.12rem;color:#ffffff;background:#005dae ;padding:0.02rem 0.08rem;border:1px solid #005dae ;margin: 0 0.05rem;font-size:14px;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;} .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;background:#ffffff} .hpage a:hover{ color:#ff6600;text-decoration:none} .serviceShow2{float:left;width: 100%;z-index: 9999;margin-top: 0.15rem;} .serviceShow2 .w790{ width: 11.3rem;padding-bottom: 0.4rem;} .serviceShow2 .w790 .conDiv{width: 100%;float: left;padding-bottom: 0.4rem;} .serviceShow2 .w790 .txtDiv{height: 0.64rem;line-height: 0.64rem;position: relative;float: left;width: 100%;} .serviceShow2 .mxfDiv{width:3.2rem} .serviceShow2 .mxfDiv .content{height: 1.04rem;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;line-height: 0.26rem;} .serviceShow2 .txtDiv b { position: relative;display: inline-block;height: 0.64rem;font-size: 0.18rem;color: #353535;padding-left: 0px;background: left center no-repeat;} .serviceShow2 .txtDiv b:before { content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #4cad32;z-index: 2;} .serviceShow2 .txtDiv:after { content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #f3f3f3;z-index: 1;} .serviceShow2 .w790 .content table{ max-width: 100%;} .serviceShow2 .w790 .content{color: #797979;font-size: 0.14rem;line-height: 0.26rem;padding-top: 0.3rem;float: left;width: 100%;} .serviceShow2 .w790 .page4 .content{display:none;} .serviceShow2 .w790 .page4 .content.on{display:block;} .serviceShow2 .w790 .content img{ max-width: 100%;text-align: center;} .serviceShow2 .plist{ width: 3.7rem;margin-bottom: 0.2rem;} .plist .gundong{max-height: 10rem;overflow: auto;overflow-x: hidden;padding-bottom:0.12rem;background: #fff;border-bottom: 1px solid #eee;padding-top: 0.1rem;} .plist .gundong::-webkit-scrollbar {/*滚动条整体样式*/ width: 6px;/*高宽分别对应横竖滚动条的尺寸*/ height: 6px;} .plist .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);background: rgba(0,0,0,0.4);} .plist .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.1);border-radius: 0;background: rgba(255,255,255,0.05);} .plist .plist_row1 span {color: #fff;position: relative;font-size: 0.18rem;font-weight: bold;display: block;background: #005dae;height: 0.6rem;text-align: center;line-height: 0.6rem;} .plist h2{float: left;width: 2.9rem;font-weight:normal;font-size: 0.16rem;line-height: 0.36rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 0.4rem;margin-bottom: 0.05rem;margin-left: 0.2rem;border-radius:5px;position: relative;border-bottom: 1px solid #ededed;margin-top: 0.05rem;} .plist h2:before{position:absolute;content: "";left: 0.15rem;top: 0.15rem;width: 0.04rem;height: 0.04rem;border: 1px solid #005dae;border-radius: 50%;} .plist h2 a{color: #005dae;} .plist h3{float: left;width: 2.9rem;font-size: 0.14rem;line-height: 0.35rem;font-weight:normal;padding-left: 0.4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.05rem;margin-left: 0.2rem;position: relative;display: none} .plist h3:before{position:absolute;content: "";left: 0.25rem;top: 0.17rem;background: #005dae;width: 0.03rem;height: 0.03rem;border-radius: 50%;} .plist h2:hover{background: #005dae;} .plist h2:hover a{color:#fff} .plist h2:hover span{ color:#ffffff} .plist h3:hover{background: #d9d9d9;} .plist h3:hover a{color:#000000} .plist h2 span{position: absolute;right: 10px;cursor:pointer;display: block;width: 20px;height: 20px;background: #005dae;border-radius: 50%;font-size:16px;top: 10px;transition: 0.3s all ease-in-out;color: #ffffff;line-height: 20px;text-align: center;} .plist .li03 a:hover{color:#FFF;} .plist ul{float:left;width: 3.7rem;border-left: 1px solid #eee;border-right: 1px solid #eee;} .plist .plist_row2{ display: block;height: 0.6rem;width: 100%;position: relative;float:left;text-decoration:none;background:#214bd1;text-align:center;margin-top: 0.2rem;} .plist .plist_row2 span {color: #fff;position: relative;font-size: 0.18rem;font-weight: bold;display: block;background: #005dae;height: 0.6rem;text-align: center;line-height: 0.6rem;} .plist .plist_row3 {background: #ffffff;width:calc(3.3rem - 2px);float:left;padding: 0.15rem 0.2rem;font-size: 14px;position: relative;font-family: arial,microsoft yahei;border-left: 1px solid #eee;height: auto;border-right: 1px solid #eee;border-bottom: 1px solid #eee;} .plist .plist_row3 li{ float:left;width: calc(100% - 0.28rem);padding-left: 0.28rem;line-height: 0.16rem;margin: 0.1rem 0;font-size: 0.14rem;background: url(lianxiwm.jpg) no-repeat;background-size: 0.22rem 1.53rem;} .plist .plist_row3 li:first-child{ background-position: 0px -0.07rem;} .plist .plist_row3 li:nth-child(2){ background-position: 0px -0.36rem;} .plist .plist_row3 li:first-child+li{ background-position: 0px -0.36rem;} .plist .plist_row3 li:nth-child(3){ background-position: 0.01rem -0.66rem;} .plist .plist_row3 li:first-child+li+li{ background-position: 0.01rem -0.66rem;} .plist .plist_row3 li:nth-child(4){ background-position: 0px -0.96rem;} .plist .plist_row3 li:first-child+li+li+li{ background-position: 0px -0.96rem;} .plist .plist_row3 li:nth-child(5){ background-position: 0px -1.26rem;} .plist .plist_row3 li:first-child+li+li+li+li{ background-position: 0px -1.26rem;} .plist .plist_row3 span{ float:left;width:2.2rem;margin: 0.1rem 0;} .plist .plist_row3 span img{width:2.2rem;} .news .detail{ height: 2.32rem;position: relative;padding-left: 3.9rem;} .news .detail .imgDiv{ position: absolute;left: 0;top: 0;height: 2.32rem;width: 3.6rem;overflow: hidden;border: 1px solid #ededed;} .news .detail .imgDiv img{ height: 2.32rem;position: absolute;left: -50%;right: -50%;top: -50%;bottom: -50%;margin: auto;} .news .detail .time{ height: 0.4rem;line-height: 0.4rem;font-family: mont;color: #009ee6;font-size: 0.2rem;} .news .detail .name{ font-size: 0.2rem;font-weight: bold;padding-top: 0.05rem;} .news .detail .name a{ display: block;line-height: 0.3rem;height: 0.6rem;color: #000;overflow: hidden;} .news .detail .name a:hover{ color: #009ee6;} .news .detail .content{ padding-top: 0.1rem;line-height: 0.24rem;height: 0.72rem;font-size: 0.14rem;overflow: hidden;color: #939393;} .news .detail .botList{ padding-top: 0.15rem;overflow: hidden;float: left} .news .detail .botList li{ float: left;margin-right: 0.17rem;color: #b4b4b4;font-size: 0.13rem;} .news .detail .botList li img{ padding-right: 0.07rem;position: relative;top: -1px;} .news .list{ padding-top: 0.2rem;} .news .list li{ margin-bottom: 0.18rem;} .news .list li a{display: block;border: #f8f8f8 solid 3px;height: 1.54rem;padding: 0 0.4rem 0 1.4rem;position: relative;background: #f8f8f8;transition: all 700ms ease 0s;} .news .list li .time{ position: absolute;left: 0.2rem;top: 50%;transform: translateY(-50%);font-size: 0.16rem;color: #b7b7b7;line-height: 0.16rem;font-family: mont;} .news .list li .name{ padding-top: 0.25rem;height: 0.38rem;line-height: 0.38rem;font-weight: bold;font-size: 0.2rem;color: #4c4c4c;} .news .list li .content{ padding-top: 0.15rem;font-size: 0.14rem;line-height: 0.24rem;height: 0.48rem;overflow: hidden;color: #929292;} .news .list li .moreBtn{ position: absolute;right: 0;top: 0;width: 0.73rem;height: 100%;background: #009ee6;opacity: 0;} .news .list li .moreBtn img{ position: absolute;left: 50%;margin-left: -0.16rem;top: 50%;transform: translateY(-50%);text-align: center;} .news .list li a:hover{ border: #eff6ec solid 3px;background: #fff;padding: 0 1.5rem 0 0.25rem;box-shadow: 0px 0.05rem 0.18rem 0px rgba(41, 73, 162, 0.07);} .news .list li a:hover .time{ opacity: 0;} .news .list li a:hover .name{ color: #009ee6;} .news .list li a:hover .moreBtn{ opacity: 1;} .newShow .name{ font-weight: bold;font-size: 26px;color: #231e37;line-height: 0.4rem;padding-bottom: 0.3rem;} .newShow .wnList{ padding-bottom: 0.4rem;overflow: hidden;} .newShow .wnList li{ float: left;color: #ccc;font-size: 0.14rem;font-weight: bold;padding-right: 0.2rem;} .newShow .wnList li img{ margin-right: 0.1rem;} .newShow .content{ font-size: 0.14rem;color: #828282;line-height: 0.3rem;} .newShow .imgDiv{ padding: 0.4rem 0;text-align: center;} .newShow .imgDiv img{ max-width: 100%;} /* 资讯 */ .zixun02{ float:left;width:100%;margin-top: 0.4rem;padding: 0.4rem 0;background: url(companybg.jpg) center center} .zixun02 .ul{position:relative;width: 100%;overflow: hidden;margin: 0 auto;} .home_doc{width: 30%;height:4.63rem;float:left;/* margin:0.3rem 0.4rem 0rem 0rem;*/padding:0;margin-top: 0.3rem;} .home_doc:nth-child(2){margin-left: 5%;margin-right: 5%;} .home_doc:first-child+div+div{ margin:0.3rem 0rem 0rem 0rem;} .news_title1{width: 100%;height:1.7rem;background:url(newst1.jpg) no-repeat;line-height:0.27rem;font-size:0.16rem;color: #000;padding:0.08rem 0 0 0.37rem;font-weight: normal;float: left;} .news_title2{width:3.5rem;height:1.7rem;background:url(newst2.jpg) no-repeat;line-height:0.27rem;font-size:0.16rem;color:#fff;padding:0.08rem 0 0 0.37rem;font-weight: normal;float: left} .news_title3{width:3.5rem;height:1.7rem;background:url(newst3.jpg) no-repeat;line-height:0.27rem;font-size:0.16rem;color:#fff;padding:0.08rem 0 0 0.37rem;font-weight: normal;float: left} .home_doc ul{width: 100%;float: left;} .home_doc ul li{float:left;font-size:0.18rem;clear:both;margin:0.1rem 0;} .home_doc ul li a{font-size:0.14rem;color:#222;clear:both;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 4.5rem;float: left;} .news_listtime{color:#3F51B5;font-size:0.12rem;clear:both;float:left;line-height:0.15rem;} .home_doc ul li p{color:#666;font-size:0.14rem;clear:both;line-height:0.27rem;width: 100%;border-bottom:0.01rem dashed #ccc;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: left;} /* 链接 */ .vip13link{width: 15.36rem;margin: 0 auto;overflow: hidden;} .vip13link .tittle{width: 100%;float:left;margin-bottom: 0.1rem;margin-top: 0.2rem;font-size: 0.18rem;color: #004887;font-weight: bold;border-bottom: 0.02rem solid #00488782;letter-spacing: 0.1rem;background: url() 0.12rem 0.05rem no-repeat;padding: 0rem 0rem 0.1rem 0.35rem;} .vip13link ul{float:left;width: 100%;padding: 0.1rem 0 0 0;font-size:0.12rem;color: #BCBCBC;} .vip13link ul li{ padding: 0rem 0.1rem 0.1rem 0.1rem;float: left} .vip13link ul li a{ font-size:0.14rem;color: #194A7C;padding-right: 0.1rem;} /* 底部 */ .footer{width:100%;float:left;margin-top: 0.2rem;background: #004887;height: 1.79rem;} .footer .container{ width: 12rem;margin: 0 auto;overflow: hidden;} .footer .container .list-inline{ width:12rem;float:left;height: 0.35rem;overflow: hidden;line-height: 0.37rem;text-align: center} .footer .container .list-inline li{ display: inline-block;padding-right: 0.15rem;padding-left: 0.1rem;} .footer .container .list-inline li a{ color:#ffffff;} .weixin{ float: left;margin-left: 1rem;width: 1.2rem;margin-top: 0.1rem;margin-bottom: 0.1rem;} .prolist_price{float: left;width: 100%;} .prolist_main .alh2{width:865px;float:left;margin-bottom: 10px;margin-top: 20px;font-size: 18px;color: #305BE4;position: relative;font-weight: bold;border-bottom: 2px solid #8AA3E4;letter-spacing: 1px;background: url(huore6.png) 12px 5px no-repeat;padding: 0px 0px 10px 35px;} .prolist_price ul{float:left;width: 100%;} .prolist_price ul li{float: left;padding-left: 0.2rem;padding-right: 1rem;width: calc(100% - 1.2rem);height: 0.3rem;line-height: 0.3rem;margin: 0.13rem 0 0.1rem 0;position: relative;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #333;font-weight: bold;} .prolist_price ul li:before{/* content: ''; */position: absolute;left: 0.06rem;top: 0.12rem;width: 0.08rem;height: 0.08rem;background: #009ee6;border-radius: 50%;} .prolist_price ul .xiazai{font-weight:normal;border-bottom: 1px solid #ededed;margin-top: 0.2rem;padding-bottom: 0.1rem;margin-bottom: 0;font-size: 0.16rem} .prolist_price ul li span{position:absolute;right: 0px;top: 0px;width: 100px;text-align: right;height: 16px;line-height: 16px;color: #888888;font-size:12px;font-weight: normal} .prolist_price ul li .down{background: url(downpc.png) no-repeat center 0;position:absolute;right: 0px;top: 0.05rem;width: 0.5rem;height: 0.24rem;background-size: 0.2rem 0.2rem;} .prolist_price ul p{text-indent: 18px;float: left;width: 900px;color: #555555;font-size: 14px;line-height: 25px;padding-bottom: 5px;border-bottom: 1px dashed #edadad;} .back{background: #000;width: 100%;height: 100%;position: fixed;opacity: 0.5;z-index: 9;top: 0;left: 0;display: none;} .imgWindow{position: fixed;z-index: 99;width: 90%;height: 90%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;display: none;border: 5px solid #fff;} .imgWindow img{max-width:100%;max-height:100%;} #mbPrevLink{background: url(CustomBlackPrevious.gif) no-repeat center center;width: 0.32rem;height: 1rem;position: absolute;top: calc(50% - 0.32rem);left: -0.38rem;z-index: 999;background-size: 0.32rem auto;} #mbNextLink{background:url(CustomBlackNext.gif) no-repeat 0 0;width: 0.32rem;height: 1rem;position: absolute;top: calc(50% - 0.32rem);right: -0.38rem;z-index: 999;background-size: 0.32rem auto;} #mbCloseLink{background:url(CustomBlackClose.gif) no-repeat 0 0;width: 0.32rem;height: 1rem;position: absolute;top: 0;right: 0;z-index: 999;background-size: 0.32rem auto;} .msgBack{width: 100%;height: 100%;background: #000;padding: 30px;position: fixed;left: 0;top: 0;border: 1px solid #d1d1d1;opacity: 0.5;z-index: 9999;} .msgResult{width:290px;height: 40px;background:#ffffff;padding:30px;position:fixed;margin: auto;left: 0;top: 0;right: 0;bottom: 0;border:1px solid #d1d1d1;z-index:9999;} .msgResult a{ position:absolute;right:0;top:0;width:30px;height:30px;font-size:20px;font-family:Arial, Helvetica, sans-serif;line-height:30px;text-align:center;color:#888888} .msgResult .tittle{ width:290px;float:left;text-align:center;font-size:20px;font-weight:bold;position:relative;margin-bottom:20px} .msgResult .tittle font{color: #006bbd;} .msgResult .tittle:after{content:"";width:90px;height:3px;background:#b6b6b6;left:50%;margin-left:-45px;position:absolute;bottom:-10px } .mobileFuwu{display: none;} .mobileNavbar{display: none;} .search{display: none;} .mobileSearch{display: none;} #footer {width: 100%;min-width: 15.36rem;margin: 0.15rem auto 0;border-top: 1px solid #e8e8e8;background: #f6f6f6;padding: 0.2rem 0;width: 100%;background-image: -webkit-linear-gradient(left,#009ee6,#005dae);background-image: -moz-linear-gradient(left,#009ee6,#005dae);background-image: -o-linear-gradient(left top,#009ee6,#005dae);} .foot2 {width: 15.36rem;min-width: 15.36rem;margin: 0 auto;text-align: center;line-height: 0.25rem;font-size: 0.13rem;color: #666666;color: #fff;} .foot2 p {text-align: center;line-height: 46px;color: #b2b2b2;color: #fff;} .foot2 p a {color: #666666;margin: 0 6px;} .foot2 a:hover {color: #b31717;text-decoration: underline;} .foot2 span {font-size: 0.14rem;color: #000;display: block;} .foot2 .medi{font-weight: normal;display: inline-block;padding-left: 0.27rem;margin-left: -0.3rem;} .foot2 .medi a{color: #666;} .foot2 .medi:hover a{color: #b31717;} .foot2 i {font-style: normal;color: #b31717;} .bottom {display: inline-block;margin: 0.2rem 0.3rem 0 0.3rem;line-height: 0.26rem;color: #666666;vertical-align: middle;*zoom: 1;*display: inline;} .bottom img {vertical-align: top;margin-top: 3px;margin: 0 0.2rem 0 0;} .bottom p {display: block;line-height: 0.26rem;height: 0.26rem;font-weight: normal;text-align: left;} .bottom p a {color: #666;display: block;height:0.22rem;color: #fff;} .bottom.bg1 {padding: 0 0 0 0.31rem;} .bottom.bg2 {padding: 0 0 0 0.31rem;} .bottom.bg1 a.img1{background: url(dib04.png) 0 0 no-repeat;padding-left: 0.3rem;background-size: 0.21rem 0.22rem;} .bottom.bg1 a.img2{background: url(dib02.png) 0 0 no-repeat;padding-left: 0.3rem;background-size: 0.21rem 0.22rem;} .bottom.bg1 a.img3{background: url(dib03.png) 0 0 no-repeat;padding-left: 0.3rem;background-size: 0.21rem 0.22rem;} .bottom.bg2 a.img1{background: url(dib03.png) 0 0 no-repeat;padding-left: 0.3rem;background-size: 0.21rem 0.22rem;} .bottom.bg2 a.img2{background: url(dib05.png) 0 0 no-repeat;padding-left: 0.3rem;background-size: 0.21rem 0.22rem;} .bottom.bg2 a.img3{background: url(CMA.png) 0 center no-repeat;padding-left: 0.3rem;background-size: 0.21rem auto;} /*公司简介*/ .walab{ width: 12rem;margin: 0px auto;position: relative;} .aboutPart1{ float:left;width: 100%;} .pageTitle{ text-align: center;padding-bottom: 0.05rem;position: relative;z-index: 2;padding-top: 0.15rem;} .pageTitle .title1{ padding-bottom: 0.1rem;font-size: 0.36rem;line-height: 0.36rem;color: #353535;font-weight: bold;} .pageTitle .title2{ font-size: 0.14rem;color: #b2b2b2;text-transform: uppercase;line-height: 0.18rem;height: 0.52rem;position: relative;} /*.pageTitle .title2:after{ content: '';position: absolute;left: 50%;bottom: 0;width: 42px;height: 5px;background: #5d9a1b;margin-left: -21px;} */.pageTitle .title3{ font-size: 0.14rem;color: #b2b2b2;text-transform: uppercase;line-height: 0.18rem;height: 0.4rem;position: relative;} /*.pageTitle .title3:after{ content: '';position: absolute;left: 50%;bottom: 0;width: 20px;height: 5px;background: #9fc600;border-radius: 12px;margin-left: -10px;} */.pageTitle2 .title1{ color: #fff;} .pageTitle2 .title3{ color: rgba(255,255,255,0.5);} .aboutPart1 .leftDiv{ width:calc(100% - 4.7rem);} .aboutPart1 .name{ font-size: 0.3rem;color: #006cbb;line-height: 0.3rem;font-weight: bold;padding-bottom: 0.15rem;} .aboutPart1 .txt{ font-size: 0.24rem;color: #0088d3;line-height: 0.24rem;} .aboutPart1 .year{ color: #ff9c00;font-size: 0.36rem;line-height: 0.36rem;font-family: mont;padding-top: 0.1rem;text-transform: uppercase;} .aboutPart1 .content{font-size: 0.16rem;/* height: 4rem;*/ overflow: hidden;line-height: 0.31rem;color: #797979;padding-top: 0.15rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 23;-webkit-box-orient: vertical;} .aboutPart1 .rightDiv{ width: 4.3rem;} .aboutPart1 .rightDiv .imgDiv{ overflow: hidden;height: 4.4rem;position: relative; } .aboutPart1 .rightDiv .imgDiv img{ width: 6rem;margin: auto;position: absolute;left: -50%;right: -50%;top: -50%;bottom: -50%;} .aboutPart1 .rightDiv .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);} .aboutPart1 .rightDiv .botDiv{ width: 4.3rem;height: 1.5rem;background: url(wnimg560Bg.jpg) no-repeat;} .aboutPart1 .rightDiv .numList{ padding-top: 0.35rem;} .aboutPart1 .rightDiv .numList ul{ padding: 0 0.3rem;} .aboutPart1 .rightDiv .numList li{ float: left;width: 33%;color: #fff;} .aboutPart1 .rightDiv .numList li:last-child{ width: auto;float: right;} .aboutPart1 .rightDiv .numList li .num{ font-size: 0.14rem;} .aboutPart1 .rightDiv .numList li .numUp{ font-family: bold;font-size: 0.2rem;line-height: 0.2rem;padding-right: 0.1rem;display: inline-block;} .aboutPart1 .rightDiv .numList li em{ display: inline-block;position: relative;} .aboutPart1 .rightDiv .numList li em:after{ content: '';position: absolute;right: 0;top: -0.2rem;width: 0.13rem;height: 0.13rem;background: url(nimg13_1.png) center no-repeat;} .aboutPart1 .rightDiv .numList li p{ font-size: 0.14rem;padding-top: 0.05rem;} .aboutPart2{ padding-top: 0.6rem;height: 3.9rem;background: url(waboutPart2.jpg) center no-repeat;background-size: cover;position: relative;float: left;width: 100%;} .aboutPart2 .leftImg{ position: relative;z-index: 2;width:calc(100% - 5.9rem);float: left;height: 3.25rem;overflow: hidden} .aboutPart2 .leftImg img{ width: 5.8rem;margin: auto;position: absolute;left: -50%;right: -50%;top: -50%;bottom: -50%;} .aboutPart2 .rightDiv{ width: 5.6rem;position: relative;z-index: 2;} .aboutPart2 .txt{ padding-top: 0.3rem;font-size: 0.24rem;line-height: 0.24rem;color: #0088d3;font-weight: bold;padding-bottom: 0.3rem;} .aboutPart2 .content{font-size: 0.16rem;/* height: 2.25rem;*/line-height: 0.31rem;color: #797979;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;} .aboutPart3{ padding: 0rem 0 0.9rem 0;float: left;width: 100%;} .aboutPart3 .leftDiv{ width: 5.6rem;} .aboutPart3 .txt{ font-size: 0.24rem;line-height: 0.42rem;color: #0088d3;font-weight: bold;padding: 0.3rem 0 0.25rem;} .aboutPart3 .content{font-size: 0.16rem;/* height: 2.25rem;*/line-height: 0.31rem;color: #797979;overflow: hidden;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 17;-webkit-box-orient: vertical;} .aboutPart3 .rightDiv{ width: 5.6rem;position: relative;} .aboutPart3 .rightDiv .imgDiv img{ width: 5.6rem;height: 3.5rem } .aboutPart3 .rightDiv .wen{ left: 0.3rem;font-size: 0.24rem;color: #616161;top: 0.32rem;position: absolute;z-index: 1;} .aboutPart4{ height: 5.6rem;background: url(waboutPart4.jpg) center no-repeat;background-size: cover;overflow: hidden;float: left;width:100%} .aboutPart4 .wal2{ position: relative;height: 5.6rem;} .aboutPart4 .layerDiv{ position: absolute;right: 0;top: -3.8rem;width: 5.6rem;height: 3.8rem;background: url(wbg3.png) center repeat-x;} .aboutPart4 .mxfDiv{ padding: 0.9rem 0.95rem 0 0.48rem;} .aboutPart4 .content{ font-size: 0.18rem;line-height: 0.32rem;color: #fff;} .aboutPart4 .txt{ padding-top: 0.5rem;color: rgba(255,255,255,0.2);font-size: 0.18rem;} .aboutPart4 .txt em{ display: block;font-size: 0.36rem;font-weight: bold;} .aboutPart4 .layerDiv.liNow{ top: 0;} /*联系我们*/ .contactback { margin: 0.52rem 0; position: relative; overflow: hidden; background: url(wcontactBg.jpg) center top no-repeat; background-size: cover; float: left; width: 100%; } @media screen and (max-width: 768px) { .contactback { margin: 0.12rem 0; position: relative; overflow: hidden; background: url(wcontactBg.jpg) center top no-repeat; background-size: cover; float: left; width: 100%; } } .contactindex { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 30px; padding-bottom: 30px; } @media screen and (max-width: 768px) { .contactindex { position: relative; width: 100%; padding: 20px; } } .contactindex .item{ width: 50%; } @media screen and (max-width: 768px) { .contactindex .item{ width: 100%; margin-bottom:30px; } } .contactindex .item .name1 { font-weight: bold; color: #0088d3; font-size: 0.24rem; line-height: 0.24rem; } .contactindex .item .name2 { font-size: 0.16rem; color: #b2b2b2; padding-top: 0.1rem; text-transform: uppercase; } .contactindex .item .infolist { padding-top: 0.2rem; } .contactindex .item .infolist { display: flex; flex-wrap: wrap; justify-content: flex-start; } .contactindex .item .infolist .img{ width: 10%; } .contactindex .item .infolist .img img{ width: 0.26rem; margin: 3px 0px; } .contactindex .item .infolist .text{ width: 90%; } .contactindex .item .infolist .text p { font-size: 0.16rem; position: relative; line-height: 0.38rem; } .contactPart1{ margin: 0.52rem 0;height: 3rem;position: relative;overflow: hidden;background: url(wcontactBg.jpg) center top no-repeat;background-size: cover;float: left;width: 100%;} .contactPart1 .mapDiv{ width: 50%;height: 3rem;overflow: hidden} .contactPart1 .mapDiv img{ width: 100%;} .contactPart1 .leftDiv{ position: absolute;left: 50%;margin-left: -6rem;top:0;} .contactPart1 .rightDivcontact{ position: absolute;right: 50%;margin-right: -6rem;top:0;} .contactPart1 .txt{ padding: 0 0 0.35rem;font-weight: bold;color: #006cbb;font-size: 0.3rem;line-height: 0.3rem;} .contactPart1 .name1{ font-weight: bold;color: #0088d3;font-size: 0.24rem;line-height: 0.24rem;} .contactPart1 .name2{ font-size: 0.16rem;color: #b2b2b2;padding-top: 0.1rem;text-transform: uppercase;} .contactPart1 .msgList{ padding-top: 0.2rem;} .contactPart1 .msgList li{ padding-left: 0.56rem;font-size: 0.16rem;position: relative;line-height: 0.38rem;} .contactPart1 .msgList li img{ position: absolute;left: 0;top: 50%;margin-top: -0.12rem;width: 0.26rem;} .rightDivfd{position: absolute;width: 3.7rem;right: 0;top: -3.1rem;background: #fff;padding: 0rem 0 0 0;position: fixed;top: 1.56rem;right: calc((100% - 15.36rem) / 2);z-index: 9;box-shadow: 0px 23px 32px 0px rgba(59, 69, 116, 0.27);} .mxfDiv{padding: 0.25rem 0.28rem 0 0.25rem;/* float: left; */} .mxfDiv .name{font-size: 0.18rem;text-align:center;color:#333;padding-bottom: 0.1rem;float: left;width: 100%;} .indexPart4 .mxfDiv .content{font-size: 0.16rem;line-height: 0.26rem;color: #797979;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 1.04rem;} .mxfDiv .btnGroup{width: calc(100% - 0rem);float: left;padding: 0.2rem 0 0.3rem 0} .mxfDiv .btnGroup ul{margin-right: -0.3rem;} .mxfDiv .btnGroup li{ float: left;width: 50%;} .mxfDiv .btnGroup li .box{margin-right: 0.3rem;} .mxfDiv .btnGroup li a{ display: block;width: 100%;height: 0.46rem;line-height: 0.46rem;border-radius: 0.24rem;text-align: center;color: #fff;font-size: 0.14rem;background-image: -webkit-linear-gradient(top,#009ee6,#005dae);background-image: -moz-linear-gradient(top,#009ee6,#005dae);background-image: -o-linear-gradient(left top,#009ee6,#005dae);background-image: linear-gradient(to bottom,#009ee6,#005dae);} .mxfDiv .btnGroup li .btn1{ background-image: -webkit-linear-gradient(top,#ffc263,#ff9c00);background-image: -moz-linear-gradient(top,#ffc263,#ff9c00);background-image: -o-linear-gradient(left top,#ffc263,#ff9c00);background-image: linear-gradient(to bottom,#ffc263,#ff9c00);} .mxfDiv .btnGroup li img{ padding-right: 0.08rem;position: relative;top: 0.08rem;} .sideService2{position: relative;width: 100%;float: left;padding-bottom: 0.2rem;} .sideService2 .imgDiv{height: 0.96rem;} .sideService2 .imgDiv img{ width: 100%;} .sideService2 .title{position: absolute;left: 0.25rem;top: 0.3rem;z-index: 1;font-size: 0.18rem;color: #5b83d6;line-height: 0.18rem;padding-bottom: 0.1rem;font-weight: bold;} .sideService2 .msg{position: absolute;left: 0.25rem;bottom: 0.15rem;color: #5b83d6;line-height: 0.34rem;z-index: 1;font-size: 0.14rem;top: 0.5rem;height: 0.34rem;} .sideService2 .layer{position: absolute;right: 0.15rem;top: 0.35rem;z-index: 3;display: none;cursor: pointer;} .sideService2 .layer em{ display: block;width: 0.36rem;height: 0.36rem;border: #fff solid 2px;background: url(mnimg8_2.png) center no-repeat;} .sideService2 .layer .hideBox{/* display: none; */position: absolute;right: 0;bottom: 0.4rem;width: 3rem;padding: 0.34rem 0 0.45rem 0;background: #fff;border: #eee solid 1px;padding-bottom: 0;top: 0.4rem;bottom: unset;} .sideService2 .layer .list{ padding: 0 0.26rem;} .sideService2 .layer .list li{float: left;width: 100%;padding-bottom: 0.03rem;} .sideService2 .layer .list li a{ display: block;height: 0.34rem;line-height: 0.34rem;font-size: 0.14rem;color: #767676;text-align: center;} .sideService2 .layer .list li a:hover{ color: #fff;background: #0fb1fb;} .sideSolu2{ position: relative;width: 100%;float: left;} .sideSolu2 .imgDiv{height: 0.96rem;} .sideSolu2 .imgDiv img{ width: 100%;} .sideSolu2 .title{ position: absolute;left: 0.25rem;top: 0.3rem;z-index: 1;font-size: 0.18rem;color: #3f97f1;line-height: 0.18rem;padding-bottom: 0.1rem;font-weight: bold;} .sideSolu2 .msg{position: absolute;left: 0.25rem;bottom: 0.15rem;color: #5b83d6;line-height: 0.34rem;z-index: 1;font-size: 0.14rem;color: #fff;top: 0.5rem;height: 0.34rem;} .sideSolu2 .layer{position: absolute;right: 0.15rem;top: 0.35rem;z-index: 2;cursor: pointer;display: none;} .sideSolu2 .layer em{display: block;width: 0.36rem;height: 0.36rem;border: #fff solid 2px;background: url(mnimg8_2.png) center no-repeat;} .sideSolu2 .layer .hideBox{/* display: none; */position: absolute;right: 0;bottom: 0.4rem;width: 3rem;padding: 0.34rem 0 0.45rem 0;background: #fff;border: #eee solid 1px;padding-bottom: 0;top: 0.4rem;bottom: unset;} .sideSolu2 .layer .list{ padding: 0 0.26rem;} .sideSolu2 .layer .list li{float: left;width: 100%;padding-bottom: 0.03rem;} .sideSolu2 .layer .list li a{ display: block;height: 0.34rem;line-height: 0.34rem;font-size: 0.14rem;color: #767676;text-align: center;} .sideSolu2 .layer .list li a:hover{ color: #fff;background: #0fb1fb;} .sideService2 .list,.sideSolu2 .list{ font-size: 0.14rem; color: #fff; width: 80%; margin-left: 0.25rem; line-height: 0.25rem; height: 1.5rem; } .sideService2 .list a,.sideSolu2 .list a{color:#fff;} .honorTab{text-align: center;/* padding-top: 45px;*/float: left;width: 100%;/* margin-top: 0.45rem; */margin-bottom: 0.2rem;} .honorTab li{ display: inline-block;margin: 0 15px;} .honorTab li a{ display: block;height: 45px;width: 136px;line-height: 45px;background: #eee;font-size: 16px;border-radius:24px;} .honorTab li a:hover, .honorTab li .aNow{ background-image: -webkit-linear-gradient(top,#ffc263,#ff9c00);background-image: -moz-linear-gradient(top,#ffc263,#ff9c00);background-image: -o-linear-gradient(left top,#ffc263,#ff9c00);background-image: linear-gradient(to bottom,#ffc263,#ff9c00);color: #fff;} /*发展历程*/ .historyPart1{position: relative;z-index: 2;float:left;width: 100%; padding-top: 0.15rem;} .historyPart1 .title1{width: 100%;float: left;text-align: center;padding-bottom: 0.1rem;font-size: 0.36rem;line-height: 0.36rem;color: #353535;font-weight: bold;} .historyPart1 .title2{width: 100%;float: left;text-align: center;font-size: 0.14rem;color: #b2b2b2;text-transform: uppercase;line-height: 0.18rem;height: 0.52rem;position: relative;} .historyPart1 .leftDiv{ width: 4.5rem;height: 3.85rem;background: url(wnimg450Bg.jpg) center no-repeat;} .historyPart1 .txt{ padding: 0.7rem 0 0.18rem 0.48rem;font-size: 0.24rem;color: #a4704c;} .historyPart1 .wen{ padding-left: 0.48rem;padding-bottom: 0.28rem;color: #fefed6;font-size: 0.36rem;line-height: 0.36rem;text-transform: uppercase;font-family: mont;} .historyPart1 .content{ font-size: 0.14rem;line-height: 0.24rem;color: #fff;padding: 0 0.68rem 0 0.48rem;} .historyPart1 .rightImg{ height: 3.85rem;overflow: hidden;width: 7.5rem} .historyPart2{ padding-top: 2.6rem;background: url(whistoryBg.jpg) center top no-repeat;position: relative;margin-top: -0.8rem;z-index: 1;width:100%;float: left;background-size: 100% 3.2rem;} .historyPart2 .l7Div{ padding: 0 0.15rem;} .historyPic{ position: relative;padding: 0 0.36rem;} .historyPic:before{ content: '';position: absolute;left: 0;width: 100%;top: 0.56rem;height: 4px;background: #76ceff;} .historyPic:after{ content: '';position: absolute;right: 0.36rem;width: 1px;bottom: 0;height: 6.2rem;background: #e5e5e5;} .historyPic .swiper-slide{ position: relative;} .historyPic .swiper-slide .year{ font-size: 0.14rem;color: #959595;text-align: center;height: 0.6rem;position: relative;} .historyPic .swiper-slide .year em{ color: #006cbb;font-size: 0.36rem;line-height: 0.36rem;font-family: mont;} .historyPic .swiper-slide:after{content: '';position: absolute;left: 50%;margin-left: -0.09rem;top: 0.48rem;width: 0.18rem;height: 0.18rem;background: url(wnimg18_2.png) center no-repeat;background-size: 100%;} .historyPic .swiper-slide .txt{ font-size: 0.22rem;color: #000;padding: 0.6rem 0.32rem 0 0.25rem;line-height: 0.28rem;height: 0.56rem;overflow: hidden;background: url(wico1.png) left 0.68rem no-repeat;} .historyPic .swiper-slide .contentBox{ height: auto;position: relative;} .historyPic .swiper-slide .contentBox:before{ content: '';position: absolute;left: 5px;top: 0;width: 1px;height: 100%;background: #e5e5e5;z-index: -1;} .historyPic .swiper-slide .msg{ padding: 0.3rem 0.15rem 0 0.25rem;font-size: 0.14rem;color: #959595;line-height: 0.24rem;height: 1.92rem;overflow-y: auto;} .historyPic .swiper-slide .msg::-webkit-scrollbar { width: 0.08rem;height: 0.08rem;} .historyPic .swiper-slide .msg::-webkit-scrollbar-thumb {background-color: #D1D1D1;border-radius: 3px;-webkit-border-radius: 3px;border-left: 2px solid transparent;border-top: 2px solid transparent;} .historyPic .swiper-slide .imgDiv{ padding: 0.35rem 0.15rem 0 0.25rem;} .historyPic .swiper-slide .imgDiv img{ width: 100%;} .historyPic .arrow a { position: absolute;top: 0.4rem;display: block;width: 0.36rem;height: 0.36rem;background: center no-repeat;background-size: cover;} .historyPic .arrow a.prev { left: 0;background-image: url("nimg36_left.png");} .historyPic .arrow a.prev:hover { background-image: url("nimg36_lefton.png");} .historyPic .arrow a.next { right: 0;background-image: url("nimg36_right.png");} .historyPic .arrow a.next:hover { background-image: url("nimg36_righton.png");} .serviceShow2 .wd1536{width:15.36rem;} .rightDiv .i { bottom:0.25rem;left:50%;margin-left:-0.5rem;text-align:center;position:absolute;z-index:100;} .rightDiv .i i {display:inline-block;margin-right:0.1rem;width:0.2rem;height:0.1rem;background: #fff;border-radius:0.05rem;cursor:pointer;transition: 0.3s all ease-in-out;} .rightDiv .i i.on {background:#373737;width:0.4rem;} .ul_19{ font-size: 0.16px; border-bottom: 1px solid #cdcdcd; float: left; width: 100%; } .ul_19 .li{ margin-right: 0.35rem; float: left; } .ul_19 .li:last-child{ margin-right: 0; } .ul_19 .li a{ display: block; line-height: 0.66rem; margin-bottom: -0.02rem; color: #333333; padding: 0 0.02rem; font-size: 0.18rem; border-bottom: 0.02rem solid transparent; cursor: pointer; } .ul_19 .li:hover a,.ul_19 .li.on a{ border-bottom: 0.04rem solid #339eb9; } .aboutPart1 .rightDiv .numList .adDesc{color: #fff;float: left;font-size: 0.18rem;margin-top: 0.2rem;width: 100%;text-align: center;} .sanitary3{padding: 0.6rem 0;float: left;width: 100%;} .sanitaryPic{ position: relative; } .sanitaryPic .swiper-slide .img{ position: relative; } .sanitaryPic .swiper-slide .img:after{content: '';opacity: 0;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-image: -webkit-linear-gradient(left top,#009ee6,#005dae);background-image: -moz-linear-gradient(left top,#009ee6,#005dae);background-image: -o-linear-gradient(left top,#5ca721,#005c35);background-image: linear-gradient(to right bottom,#009ee6,#005dae);} .sanitaryPic .swiper-slide .img img{ width: 100%; } .sanitaryPic .swiper-slide .img em{opacity: 0;position: absolute;left: 50%;margin-left: -0.3rem;top: 50%;margin-top: -0.3rem;width: 0.6rem;height: 0.6rem;border-radius: 50%;background: #03a9f4e8;z-index: 2;} .sanitaryPic .swiper-slide .img em:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 0.25rem; height: 0.25rem; margin-left: -0.13rem; margin-top: -0.13rem; background: url(nimg25_2.png) center no-repeat;background-size: 0.25rem 0.25rem;} .sanitaryPic .swiper-slide .name{padding-top: 0.15rem;color: #666;line-height: 0.32rem;font-size: 0.16rem;height: 0.64rem;overflow: hidden;text-align: center;} .sanitaryPic .swiper-slide:hover .img:after{ opacity: 0.8;} .sanitaryPic .swiper-slide:hover .img em{ opacity: 1; } .sanitaryPic .prev{z-index: 5;left: -0.48rem;position: absolute;display: block;background: url(nimg36_left.png) center no-repeat;width: 0.36rem;height: 0.36rem;top: 50%;margin-top: -0.18rem;background-size: 0.36rem 0.36rem;} .sanitaryPic .next{z-index: 5;right: -0.48rem;position: absolute;display: block;background: url(nimg36_right.png) center no-repeat;width: 0.36rem;height: 0.36rem;top: 50%;margin-top: -0.18rem;background-size: 0.36rem 0.36rem;} .sanitaryPic .prev:hover{ background: url(nimg36_lefton.png) center no-repeat; background-size: 0.36rem 0.36rem;} .sanitaryPic .next:hover{ background: url(nimg36_righton.png) center no-repeat; background-size: 0.36rem 0.36rem;} .sanitary4{padding: 0.6rem 0;background: url(virus3.jpg) center no-repeat;background-size: cover;float: left;width: 100%;background-image: -webkit-linear-gradient(left,#009ee6,#005dae);background-image: -moz-linear-gradient(left,#009ee6,#005dae);background-image: -o-linear-gradient(left top,#009ee6,#005dae);} .health5{ padding: 0.6rem 0; } .health5 .tips{ text-align: center; color: #999; font-size: 0.16rem; padding-bottom: 0.35rem; } .customerPic{ position: relative; border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px; } .customerPic .swiper-slide .box{ height: 1.28rem; border-bottom: #ebebeb solid 1px; border-right: #ebebeb solid 1px; background: #fff; } .customerPic .swiper-slide a{ display: block; width: 100%; height: 100%; } .customerPic .swiper-slide .imgDiv{text-align: center;line-height: 1.28rem;position: relative;} .customerPic .swiper-slide .imgDiv img{width: 1.8rem;min-height: unset;max-height: 1.28rem;} .customerPic .swiper-slide .haha{ font-size:0.16rem; color:#f00; text-align:center; line-height:1.28rem;} .customerPic .prev{ z-index: 5; left: -0.48rem; position: absolute; display: block; background: url(nimg36_left.png) center no-repeat; width: 0.36rem; height: 0.36rem; top: 50%; margin-top: -0.18rem;background-size: 0.36rem 0.36rem;} .customerPic .next{ z-index: 5; right: -0.48rem; position: absolute; display: block; background: url(nimg36_right.png) center no-repeat; width: 0.36rem; height: 0.36rem; top: 50%; margin-top: -0.18rem;background-size: 0.36rem 0.36rem;} .customerPic .prev:hover{ background: url(nimg36_lefton.png) center no-repeat; background-size: 0.36rem 0.36rem;} .customerPic .next:hover{ background: url(nimg36_righton.png) center no-repeat; background-size: 0.36rem 0.36rem;} .health5 .zixunBtn{ padding-top:0.45rem;} .zixunBtn{ width: 2.1rem; margin: 0 auto;} .zixunBtn2{ padding-top: 0.45rem; } .zixunBtn a{display: block;width: 2.1rem;height: 0.6rem;line-height: 0.6rem;text-align: center;color: #fff;font-size: 0.18rem;background: url(btn1.png) center no-repeat;background-image: -webkit-linear-gradient(top,#009ee6,#005dae);background-image: -moz-linear-gradient(top,#009ee6,#005dae);background-image: -o-linear-gradient(left top,#009ee6,#005dae);background-image: linear-gradient(to bottom,#009ee6,#005dae);border-radius: 0.5rem;} .zixunBtn img{padding-right: 0.2rem;position: relative;top: 0.07rem;width: 0.26rem;height: 0.26rem;} .prolist_price .pdfxz{float:left;width:100%;} .prolist_price .pdfxz li{float:left;width: 2.4rem;margin: 0.1rem 0.2rem 0.2rem 0;height:3.6rem;position:relative;padding: unset;} .prolist_price .pdfxz li:nth-child(4n){margin-right:0} .prolist_price .pdfxz li span{float: left;width: 2.4rem;height: 3.6rem;position: relative;} .prolist_price .pdfxz li span img{width:100%;height: 100%;} .prolist_price .pdfxz li p{position:absolute;bottom: 0;text-align: center;padding: 0 0.05rem;width: 2.3rem;background: #000;opacity: 0.5;color: #fff;line-height: 0.26rem;max-height: 0.52rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;border: unset;} .documentList li i { color: #6EB946; font-size: 18px; } .documentList { padding:20px; margin-left: 20px; } .documentList ul{ list-style-type: none; } .documentList ul li{ color: #6EB946; padding: 8px 0; text-indent: -0.7em; } .documentList ul li span{ color: #1D1D1F } .spacer-10 { padding: 20px; } .aboutcontainer1 { width: 100%; height: auto; overflow: hidden; } @media screen and (max-width:778px) { .aboutcontainer1 img{ width: 100%; height: auto; overflow: hidden; } } .aboutcontainer1 img{ max-width: 80%; height: auto; overflow: hidden; } .container1200 { max-width: 1200px; margin: 0 auto; } .container1200 h2 { text-align: center; color: #000; font-weight: bold; font-size: 35px; padding-top: 50px; } .container1200 h3 { text-align: center; color: #b2b2b2; text-transform: uppercase; line-height: 0.42rem; height: 0.52rem; font-size: 0.14rem } .container1200 .pic87 { max-width: 80%; text-align: center; margin: 0 auto; } .aboutPart3 .walab h2 { text-align: center; color: #000; font-weight: bold; font-size: 35px; padding-top: 50px; } .aboutPart3 .walab h3 { text-align: center; color: #b2b2b2; text-transform: uppercase; line-height: 0.42rem; height: 0.52rem; font-size: 0.14rem } .gksm { margin: 0 auto; max-width: 80%; height: auto; overflow: hidden;} .gksm img{ width: 80%; height: auto; overflow: hidden;} @media screen and (max-width:778px) { .gksm img{ width: 100%; height: auto; overflow: hidden; } } .historyPart3{ padding-top: 1.3rem;position: relative;margin-top: -0.8rem;z-index: 1;width:100%;float: left;background-size: 100% 3.2rem; margin-bottom: 0.8rem;} .historyPart3 .l7Div{ padding: 0 0.15rem;} .historyPart3 li{margin-bottom: 20px;} .historyPart3 h3{margin: 10px 0px;}