ul,ul li{ list-style:none; margin:0px; padding:0px;} *{font-family:'PingFangSC-Regular',"微软雅黑","Microsoft YaHei", Arial; margin:0px; padding:0px; box-sizing:border-box; outline:none;} a{ text-decoration:none; outline:none} a:hover{ text-decoration:none;} img,input{ border:0px;} .main{ float:left; width:100%;padding:0px 13.5%;} body.c-open {position: fixed;left: 0;width: 100%;} @font-face{ font-family: 'Viga'; src : url("Viga-Regular.otf")/*tpa=http://www.erunpos.com/css/Viga-Regular.otf*/; } body{ background:#F5F5F5} #header,.sy_two li .desc,.sy_two li .biao,.sy_five .img,.sy_six li .img,.sy_seven .ul li img,.sy_eight .ul li .pimg img,.al_two li .pimg img,.al_three ul li .pimg img,.xw_two li .pimg img,.jj_one li .pimg img,.jr_one li .pimg img,.yj_one img,.dz_one .pimg img,.cy_one li .img,.cy_five li .pimg img,.cy_seven .left_img img,.gy_one .right img,.gy_two .left img,.gy_four .info,.xq_five .nei .pimg img,.zh_one .left_img img,.zh_four .pimg img,.imgHover img{-webkit-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;transition:all .8s ease 0s;} input[type="submit"],input[type="reset"],input[type="button"],button,input[type="text"]{-webkit-appearance: none;border-radius:0px; outline:none; border:0px;} .sy_five .img:hover,.sy_six li .img:hover,.sy_seven .ul li img:hover,.sy_eight .ul li:hover .pimg img,.al_two li:hover .pimg img,.al_three ul li .pimg img:hover,.xw_two li .pimg img:hover,.jj_one li a:hover .pimg img,.jr_one li .pimg img:hover,.yj_one img:hover,.dz_one .pimg img:hover,.cy_one li:hover .img,.cy_seven .left_img:hover img,.gy_one .right img:hover,.gy_two .left img:hover,.xq_five .nei .pimg img:hover,.zh_one .left_img img:hover,.zh_four .pimg img:hover,.imgHover img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);} .cy_five li a:hover .pimg img{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);transform:scale(-1,1);} .bg_bai{ float:left; width:100%; background:#fff;} .al_three ul a:hover .title,.xw_one .item .title:hover{color:#1FADE5;} .bai{ background:#fff;} /* 轮播 */ .lSSlideOuter {overflow: hidden;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none} .lightSlider:before, .lightSlider:after {content: " ";display: table;} .lightSlider {overflow: hidden;margin: 0;} .lSSlideWrapper {max-width: 100%;overflow: hidden;position: relative;} .lSSlideWrapper > .lightSlider:after {clear: both;} .lSSlideWrapper .lSSlide {-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);-webkit-transition: all 1s;-webkit-transition-property: -webkit-transform,height;-moz-transition-property: -moz-transform,height;transition-property: transform,height;-webkit-transition-duration: inherit !important;transition-duration: inherit !important;-webkit-transition-timing-function: inherit !important;transition-timing-function: inherit !important;} .lSSlideWrapper .lSFade {position: relative;} .lSSlideWrapper .lSFade > * {position: absolute !important;top: 0;left: 0;z-index: 9;margin-right: 0;width: 100%;} .lSSlideWrapper.usingCss .lSFade > * {opacity: 0;-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transition-duration: inherit !important;transition-duration: inherit !important;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-timing-function: inherit !important;transition-timing-function: inherit !important;} .lSSlideWrapper .lSFade > *.active {z-index: 10;} .lSSlideWrapper.usingCss .lSFade > *.active {opacity: 1;} .lSSlideOuter .lSPager.lSpg {margin: 10px 0 0;padding: 0;text-align: center;} .lSSlideOuter .lSPager.lSpg > li {cursor: pointer;display: inline-block;padding: 0 5px;} .lSSlideOuter .lSPager.lSpg > li a {background-color: #222222;border-radius: 30px;display: inline-block;height: 8px;overflow: hidden;text-indent: -999em;width: 8px;position: relative;z-index: 99;-webkit-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;} .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #FF7523;} .lSSlideOuter .media {opacity: 0.8;} .lSSlideOuter .media.active {opacity: 1;} .lSAction > a {width: 32px;display: block;top: 50%;height: 32px;cursor: pointer;position: absolute;z-index: 99;margin-top: -16px;-webkit-transition: opacity 0.35s linear 0s;transition: opacity 0.35s linear 0s;} .lSAction > a:hover {opacity: 1;} .lSAction > .lSPrev {background-position: 0 0;left: 10px;} .lSAction > .lSNext {background-position: -32px 0;right: 10px;} .lSAction > a.disabled {pointer-events: none;} .cS-hidden {height: 1px;opacity: 0;filter: alpha(opacity=0);overflow: hidden;} .lSSlideOuter.lSrtl {direction: rtl;} .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {padding-left: 0;list-style: none outside none;} .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {padding-right: 0;} .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {float: left;} .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {float: right !important;} /*.sy_one{ float:left; width:100%;} .sy_one .lSSlideOuter .lSPager.lSpg{ width:100%; position:relative; text-align:center; margin-top:-35px; background:none; float:left;} .sy_one .lSSlideOuter .lSPager.lSpg > li a{ background:#fff;border:3px solid #fff; background:#fff; width:10px; height:10px;} .sy_one .lSSlideOuter .lSPager.lSpg > li:hover a,.sy_one .lSSlideOuter .lSPager.lSpg > li.active a{ border:3px solid #85BF0E; background:#85BF0E;} .sy_one .lSSlideOuter .lSPager.lSpg > li{ margin-top:0px} .sy_one .item img{ float:left; width:100%} .lb_one{ float:left; width:90%; margin-left:5%; padding-bottom:10px; margin-top:-20px; margin-bottom:20px;} .lb_one .lSSlideOuter .lSPager.lSpg{ display:none} .lb_one .lSSlideOuter .lightSlider li{ } .lb_one .lSSlideWrapper{ padding-top:45px;} .lb_one .lSAction > a{ width:62px; height:62px; color:#FF7B23; font-weight:bold; text-align:center; line-height:32px; font-size:20px; top:-70px; border-radius:100px;} .lb_one .lSAction{ position:relative; width:100%; margin:0 auto;} .lb_one .lSAction > .lSNext{right:0; background:url(../images/right.jpg) no-repeat right center; background-size:100%} .lb_one .lSAction > .lSPrev{left:0px;background:url(../images/left.jpg) no-repeat right center; background-size:100%} .lb_one .item li{ text-align:center;} .lb_one .item li img{ max-width:100%;} .lb_one .item li p{ float:left; width:90%; margin-left:5%; height:38px; background:#F8F6F7; text-align:center; overflow:hidden; line-height:38px; color:#333; font-size:20px; margin-top:20px;}*/ /* header */ header{ float:left; width:100%; height:90px; height:90px;position:fixed; z-index:111111; left:0; top:0;} .header{ width:100%; padding:0px 13.5%; float:left;} .header .logo{ float:left; height:90px;justify-content:center; align-items:center;display:-webkit-flex;} #header.bg_hei{ background:#1E1F21;} .nei_body #header{background:#1E1F21;} #header.c-head-move{top: -100px;} .header .a_yy{ float:right; line-height:54px; background:#1FADE5; color:#fff; border-radius:40px; width:150px; font-size:20px; text-align:center; margin-top:18px; margin-left:20px;} .nav{ float:right; line-height:90px; padding:0px; margin:0px; width:auto; } .nav li{ float:left; padding:0px 22px; position:relative;} .nav li a{ float:left; margin:0px; padding:0px; font-size:20px; color:#fff;} .nav li .a{-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;transition:all .6s ease 0s; background:url("../images/bg_02.png")/*tpa=http://www.erunpos.com/images/bg_02.png*/ no-repeat bottom center; background-size:0px 3px;} .nav li .a:hover,.nav li:hover .a{ background-size:100% 3px;} .nav li .la{ position:absolute; top:90px; left:0; width:400px; background:#fff; padding:30px 0; display:none} .nav li .left{ float:left; width:100%;} .nav li .left dl{ float:left; width:100%} .nav li .left dt{ float:left; width:100%; line-height:32px;font-size:22px; margin-top:15px;} .nav li .left dt a{ color:#333333; float:left; padding:0; } .nav li .left dt:hover a{ color:#1FADE5;} .nav li .left dd{ float:left; width:100%; font-size:18px; line-height:30px; color:#999999; } .nav li .left dl dd:after{-webkit-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;transition:all .8s ease 0s; width:0;content:""; } .nav li .left dl:hover dd:after{width:100%; border-bottom:1px solid #E6E6E6; display:block;} .nav li .right{ float:right; width:45%; display:none} .nav li .right img{ float:left; width:100%} .nav li.li{ background:url("../images/bg_04.png")/*tpa=http://www.erunpos.com/images/bg_04.png*/ no-repeat left center; margin-left:20px; padding-left:40px;} /*顶部导航开关*/ #header .c-switch {display: none;width: 24px;height: 20px; cursor: pointer; position:absolute; top:20px; right:3%;} #header .c-switch i {position: relative;display: block;height: 2px;background: #fff;-webkit-transition: all 0.3s;transition: all 0.3s;} #header.c-style2 .c-switch i {background: #333;} #header .c-switch i:nth-child(1) {top: 0;} #header .c-switch i:nth-child(3) {bottom: 0;} #header .c-switch i:nth-child(2) {margin: 6px 0;} body.c-open #header .c-switch i:nth-child(2) {opacity: 0;} body.c-open #header .c-switch i:nth-child(1) {top: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);} body.c-open #header .c-switch i:nth-child(3) {bottom: 8px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} /*顶部移动端导航*/ .c-nav2 {position: absolute;top: 60px;left: 0;width: 100%;height: 0;font-size: 14px;line-height: 50px;background: #fff;overflow-y: auto;transition: all 0.5s;} .c-open .c-nav2 {height: calc(100vh - 60px);height: -webkit-calc(100vh - 60px);} .c-nav2 a,.c-nav2 p {display: flex;align-items: center;justify-content: space-between;margin: 0 20px;border-bottom: 1px solid #f1f1f1;color: #333;-webkit-transition: all 0.3s;transition: all 0.3s;} .c-nav2>li:first-child {border-top: 1px solid #f1f1f1;} .c-nav2 li:hover>a,.c-nav2 li.active>a {color: #b42749;} .c-nav2 li a i {font-size: 20px;} .c-nav2 li ul {display: none;} .c-nav2 li ul a {padding-left: 15px;} .c-nav2 li li li a {padding-left: 30px;} @media screen and (min-width: 1367px) and (max-width: 1820px) { .nav li{padding:0px 20px;} .nav li a{ font-size:17px;} .header .a_yy{ font-size:17px; width:120px;} .nav li .left dd{ font-size:15px;} .main{padding:0px 8%;} .header{padding:0px 8%;} .nav li.li{ margin-left:15px; padding-left:30px;} } @media screen and (min-width: 1201px) and (max-width: 1366px) {/* 小屏幕 */ .nav li{padding:0px 14px;} .nav li a{ font-size:17px;} .header .a_yy{ font-size:17px; width:120px;} .nav li .left dd{ font-size:15px;} .main{padding:0px 8%;} .header{padding:0px 8%;} .nav li.li{ margin-left:15px; padding-left:30px;} } @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ header,.header{ height:60px;} .header .logo{ height:60px;} .header .logo img{ height:20px;} .main{padding:0px 5%;} .header{padding:0px 5%;} #header .c-switch {display: block;} .header .a_yy{ display:none} .nav{ display:none} } @media (max-width: 767px) {/* 手机 */ header,.header{ height:60px;} .header .logo{ height:60px;} .header .logo img{ height:20px; margin-left:15px;} #header .c-switch {display: block;} .header .a_yy{ display:none} .nav{ display:none} .main{padding:0px;} .header{padding:0px;} } /* footer */ .footer_lx{ float:left; width:100%; background:url("../images/bg_05.png")/*tpa=http://www.erunpos.com/images/bg_05.png*/ no-repeat top center #20AEE5; background-size: auto 100%; text-align:center; padding-bottom:85px;} .footer_lx .sy_title h3{ color:#fff;} .footer_lx .nei{ position:relative; display:inline-block; width:75%; max-width:680px; border:1px solid #FFFFFF; overflow:hidden; border-radius:5px;} .footer_lx .nei .txt{ float:left; width:100%; height:80px; line-height:80px; font-size:22px; padding-left:27px; background:none; color:#fff; letter-spacing:2px;} .footer_lx .nei .txt::-webkit-input-placeholder {color:#fff;} .footer_lx .nei .txt:-moz-placeholder {color:#fff;} .footer_lx .nei .txt::-moz-placeholder {color:#fff;} .footer_lx .nei .txt:-ms-input-placeholder {color:#fff} .footer_lx .nei .btn{ position:absolute; top:0; right:0; width:200px; height:80px; background:#fff; font-size:22px; font-weight:bold; color:#1FADE5; cursor:pointer; letter-spacing:1px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;transition:all .3s ease 0s;} .footer_lx .nei .btn:hover{ font-size:25px;} .footer{ float:left; width:100%;background:url("../images/bg_08.png")/*tpa=http://www.erunpos.com/images/bg_08.png*/ no-repeat top center; background-size:100% 100%; padding-top:75px;} .footer .ul{ float:left; width:75%;} .footer .ul li{ float:left; width:20%;} .footer .ul h3{ float:left; width:100%; line-height:40px; padding-bottom:10px; color:#fff; font-size:24px; font-weight:normal;} .footer .ul .bottom{ float:left; width:100%} .footer .ul a{ float:left; width:100%;color:#67686C; line-height:38px; font-size:20px;} .footer .ul a:hover{ color:#fff;} .footer_rr{ float:right; width:25%} .footer_rr .p1{ float:right; width:auto; font-size:24px; color:#fff; background:url("../images/bg_09.png")/*tpa=http://www.erunpos.com/images/bg_09.png*/ no-repeat left center; padding-left:35px; line-height:40px; margin-bottom:10px;} .footer_rr .p_tell{ float:right; width:100%; text-align:right; color:#00AFE6; line-height:50px; font-size:30px; font-family:Viga;} .footer_rr .p_eamill{ float:right; width:100%; text-align:right; color:#67696B; line-height:30px; font-size:22px;font-family:Viga;} .footer_rr .wx{ float:right; margin-top:20px;} .footer_wei{ float:left; width:100%; padding:15px 0; line-height:30px; color:#67696B; margin-top:50px;} .footer_wei .ll{ float:left; font-size:18px; margin-right:20px;} .footer_wei .ll a{ float:left; font-size:18px; margin-right:20px;color:#67696B;} .footer_wei .ll br{ display:none} .footer_wei .rr{ float:right;} .footer_wei .rr a{ font-size:18px; margin-left:20px;color:#67696B;} .footer_wei .rr a:hover{ color:#fff;} @media screen and (min-width: 768px) and (max-width: 1100px) {/* 平板 */ .footer_lx{ padding-bottom:50px;} .footer_lx .nei .txt{ height:64px; line-height:64px; font-size:20px; padding-left:20px;} .footer_lx .nei .btn{ height:64px; width:140px; font-size:20px;} .footer_lx .nei .btn:hover{ font-size:22px;} .footer{ padding-top:40px;} .footer .ul h3{ font-size:18px; line-height:34px; padding-bottom:5px;} .footer .ul a{ line-height:28px; font-size:15px; margin-bottom:5px;} .footer_rr .p1{ font-size:18px; background-size:20px; padding-left:24px;} .footer_rr .p_tell{ font-size:20px; line-height:30px;} .footer_rr .p_eamill{ font-size:16px;} .footer_rr .wx{ width:60%} .footer_wei{ padding:10px 0; margin-top:20px;color:#67696B;} .footer_wei .ll,.footer_wei .rr a{ font-size:15px;color:#67696B;} } @media (max-width: 767px) {/* 手机 */ .footer_lx{ padding-bottom:25px;} .footer_lx .nei{ width:85%} .footer_lx .nei .txt{ height:44px; line-height:44px; font-size:14px; padding-left:10px;} .footer_lx .nei .btn{ height:44px; width:90px; font-size:14px;} .footer_lx .nei .btn:hover{ font-size:16px;} .footer{ padding-top:10px;} .footer .ul{ width:100%; padding:0px 5%;} .footer .ul li{ width:100%;} .footer .ul h3{ font-size:16px; line-height:50px; padding-bottom:0;border-bottom: 1px solid rgba(255, 255, 255, .2); } .footer .ul h3 i{ float:right; width:20px; height:50px;background:url("../images/bg_10.png")/*tpa=http://www.erunpos.com/images/bg_10.png*/ no-repeat center center;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;transition:all .5s ease 0s;} .footer .ul h3.sel i{-webkit-transform: rotate(180deg);transform: rotate(180deg);} .footer .ul .bottom{ display:none; margin-top:10px;} .footer .ul a{ line-height:28px; font-size:15px; margin-bottom:5px;} .footer_rr{ width:100%; padding:0px 5%; padding-top:20px; position:relative;} .footer_rr .p1{ font-size:18px; background-size:20px; padding-left:24px; width:100%; text-align:left;} .footer_rr .p_tell{ font-size:20px; line-height:30px;text-align:left;} .footer_rr .p_eamill{ font-size:16px;text-align:left;} .footer_rr .wx{ width:100px; position:absolute; top:0px; right:5%} .footer_wei{ padding:10px 0; margin-top:20px; line-height:24px;} .footer_wei .ll{ text-align:center; width:100%; margin:0;} .footer_wei .rr{ text-align:center; width:100%} .footer_wei .ll,.footer_wei .rr a{ font-size:14px;} .footer_wei .rr a{ margin:0 5px;} } /* 首页 shouYe*/ .banner_lb{ float:left; width:100%; position:relative; z-index:100;} .banner_lb img{ float:left; width:100%;object-fit: cover;-webkit-transition: all 7s;transition: all 7s;} .banner_lb .swiper-pagination{ position:absolute; width:40px; right:110px; left:auto; bottom:auto; top:40%; height:100%} .banner_lb .swiper-pagination-bullet{ width:40px; height:40px; font-size:16px; opacity:0.6; text-align:center; line-height:40px; display:inline-block; background:none; color:#fff; margin:15px 0; box-sizing:border-box; font-weight:bold} .banner_lb .swiper-pagination-bullets .swiper-pagination-bullet{margin:9px 0;} .banner_lb .swiper-pagination-bullet-active{ opacity:1; border:1px solid #fff; line-height:38px;} .banner_lb .swiper-slide-active img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); } .banner_lb .main{ position:absolute; top:27%; left:0; width:100%} .banner_lb .name{ float:left; width:100%; color:#fff; font-size:70px; line-height:84px; font-weight:bold; margin-bottom:40px;} .banner_lb .aZX{ float:left; color:#fff; background:#1FADE5; line-height:80px; border-radius:80px; width:260px; font-size:30px; text-align:center;} .banner_lb .imgPC{ display:block;} .banner_lb .imgYD{ display:none;object-fit: cover;height: 100vh;} .sy_one{ float:left; width:100%; text-align:center; height:110px; margin-top:-110px; z-index:200; position:relative; height:60px;} .sy_one .nei{ width:60px;display:inline-block; color:#fff; font-size:12px; line-height:24px; cursor:pointer;} .sy_one .shu{ display:inline-block; width:28px; height:38px; border:1px solid #fff; border-radius:20px; padding:3px 0;} .sy_one .shu i{ width:2px; height:10px; background:#fff; display:inline-block; -webkit-animation: change2 1.5s linear infinite; -moz-animation: change2 1.5s linear infinite; -o-animation: change2 1.5s linear infinite; animation: change2 1.5s linear infinite;} @-webkit-keyframes change2{ 0%{ margin-top:-5px; opacity:0;} 100%{ margin-top:16px;opacity:1;} } @-moz-keyframes change2{ 0%{ margin-top:-5px; opacity:0;} 100%{ margin-top:16px;opacity:1;} } @-o-keyframes change2{ 0%{ margin-top:-5px; opacity:0;} 100%{ margin-top:16px;opacity:1;} } @keyframes change2{ 0%{ margin-top:-5px; opacity:0;} 100%{ margin-top:16px;opacity:1;} } .sy_title.c-dt { padding-top: 45px !important; } .sy_title{ float:left; width:100%; text-align:center; padding-top:90px; padding-bottom:45px;} .sy_title h3{ float:left; width:100%; font-size:50px; color:#2D2F2F; font-weight:bold; letter-spacing:2px; line-height:70px;} .sy_title h4{ float:left; width:100%; font-size:24px; color:#656565; line-height:34px; font-weight:normal; letter-spacing:2px; padding-top:8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;} .sy_title a{ color:#1FADE5; border-bottom:2px solid #1FADE5; letter-spacing:1px;} .sy_two{ float:left; width:100%} .sy_two li{ padding-right:10px; float:left; width:50%; margin-bottom:20px;} .sy_two li .img{ float:left; width:100%;-webkit-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;transition:all .8s ease 0s;} .sy_two .nei{ position:relative; float:left; width:100%; border-radius:10px; overflow:hidden; } .sy_two li:hover .img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);} .sy_two li:hover .desc{ opacity:1} .sy_two li .desc{ position:absolute; top:0; left:0;background-color:rgba(0,0,0,0.6); width:100%; height:100%; padding:20px; opacity:0} .sy_two li .desc .xq{ float:left; width:100%; border:1px solid rgba(255,255,255,0.5); border-radius:10px; height:100%; color:#fff; justify-content:center; align-items:center;display:-webkit-flex;} .sy_two li .jieshao{ display:inline-block; width:80%; text-align:center;} .sy_two li .jieshao h3{ float:left; width:100%; font-size:50px; line-height:90px; letter-spacing:6px} .sy_two li .jieshao p{float:left; width:100%; font-size:26px; line-height:36px;} .sy_two li .biao{ position:absolute; bottom:25px; left:40px; width:80%; color:#fff;} .sy_two li .biao p{ float:left; width:100%; background:url("../images/bg_02.png")/*tpa=http://www.erunpos.com/images/bg_02.png*/ no-repeat left bottom; background-size:10px 2px; font-size:26px; padding-bottom:15px; line-height:30px; font-family:Arial;} .sy_two li .biao h3{ float:left; width:100%; padding-top:15px; line-height:40px; font-size:26px; letter-spacing:2px;} .sy_two li:hover .biao{ bottom:-150px;} .sy_two .li2,.sy_two .li3{ padding-right:0; padding-left:10px; float:right;} .sy_more{ float:left; width:100%; padding:60px 0px 100px 0; text-align:center;} .sy_more a{ display:inline-block; width:260px; height:80px; background:#1FADE5; font-size:26px; color:#fff; border-radius:60px; line-height:80px; min-width:260px; margin:0px 20px; padding:0px 20px;} .sy_three{ float:left; width:100%; background:#F8F8F8; overflow:hidden;} .sy_three .left{ float:left; width:60%; text-align:right; padding-top:105px;} .sy_three .left img{ float:right; width:100%;object-fit: cover;} .sy_three .right{ float:left; width:30%; padding-top:35px; text-align:center;} .sy_three .right .name{ line-height:86px; background:url("../images/bg_02.png")/*tpa=http://www.erunpos.com/images/bg_02.png*/ no-repeat bottom center; background-size:20px 3px; font-size:44px; font-weight:bold; color:#2D2F2F;} .sy_three .right .p1{ float:left; width:100%; font-size:26px; color:#333333; line-height:40px; padding:10px 0;} .sy_three .num{ float:left; width:100%; line-height:70px; font-weight:bold; font-size:48px; color:#1FADE5; margin-top:20px; padding-left:50px;} .sy_three .num span{ font-size:120px; font-family:Viga;} .sy_three .desc{ color:#777777; font-size:20px; line-height:32px; width:100%; float:left;} .sy_three .sy_more{ padding-top:40px;} .sy_four{ float:left; width:100%; background:url("../images/bg_05.png")/*tpa=http://www.erunpos.com/images/bg_05.png*/ no-repeat top center #1FADE5; background-size:auto 100%} .sy_four .sy_title h3,.sy_four .sy_title h4{ color:#fff;} .sy_four ul{ float:left; width:102.5%; padding-bottom:70px;} .sy_four ul li{ float:left; width:33.333%; padding-right:30px; margin-bottom:30px;} .sy_four ul .nei{ float:left; width:100%; background:#fff; border-radius:8px; height:330px; text-align:center; padding:0px 45px;} .sy_four ul .pimg{ float:left; width:100%; padding-top:50px; height:165px;} .sy_four ul h3{ float:left; width:100%; line-height:50px; color:#333333; font-size:28px; font-weight:bold} .sy_four ul .desc{ float:left; width:100%; font-size:20px; line-height:32px; color:#777777; padding-top:5px;} .sy_five{ float:left; width:100%;margin-bottom:20px; overflow:hidden; border-radius:8px;} .sy_five .img{float:left; width:100%;} .sy_six{ float:left; width:59.2%; padding-right:20px;} .sy_six .img{ float:none; height:100%; width:100%;object-fit: cover;} .sy_six .li1{ height:430px;justify-content:center; align-items:center;display:-webkit-flex;} .sy_six .li2 .nei{ height:640px;justify-content:center; align-items:center;display:-webkit-flex;} .sy_six li{ float:left; width:100%; margin-bottom:20px; overflow:hidden; border-radius:8px;} .sy_six li .nei{ float:left; width:100%;overflow:hidden; border-radius:8px;} .sy_six .li2{ width:100%; padding-right:50%; box-sizing:border-box; position:relative;} .sy_six .li2 .nei{ width:calc(100% - 10px);} .sy_six .info{ background:#20AEE5; position:absolute; top:0; right:0; width:calc(50% - 10px);; height:100%; border-radius:10px; padding:0px 40px;justify-content:center; align-items:center;display:-webkit-flex;} .sy_six .info .xq{ display:inline-block; width:100%; color:#fff;} .sy_six .info h2{ float:left; width:100%; font-size:44px; line-height:54px; padding-bottom:18px;} .sy_six .info p{ overflow: hidden; float:left; width:100%; font-size:22px; line-height:32px; margin-bottom:50px;} .sy_six .info .a{ width:260px; height:80px; border:2px solid #fff; background:none; border-radius:50px; font-size:26px; text-align:center; line-height:76px; float:left; color:#fff;} .sy_six .info .a:hover{ background:#189ACB;} .sy_six2{ float:right; width:40.8%; padding-right:0; padding-bottom:80px;} .sy_six2 .info{ float:left; width:100%; position:relative; padding:60px; height:350px; box-sizing:border-box;} .sy_six2 .info p{ margin:0; width:350px;} .sy_six2 .li{ height:350px;justify-content:center; align-items:center;display:-webkit-flex;} .sy_bg{ background:url("../images/bg_06.png")/*tpa=http://www.erunpos.com/images/bg_06.png*/ no-repeat left top; background-size:100% 100%;background-attachment: fixed;} .sy_seven{ float:left; width:100%;} .sy_seven .sy_title h3,.sy_seven .sy_title h4{ color:#fff;} .sy_seven .bg_bai{ border-radius:10px; overflow:hidden; margin-bottom:100px;} .sy_seven_lb{ float:left; width:100%; padding:50px; padding-bottom:0} .sy_seven_lb .item{ border-bottom:1px solid #E2E3EA; padding-bottom:40px;} .sy_seven_lb .lSSlideOuter .lSPager.lSpg{ width:100%; position:relative; text-align:center; margin-top:0px; background:none; float:left;} .sy_seven_lb .lSSlideOuter .lSPager.lSpg > li a{border:0; background:#DDDFE5; width:12px; height:12px;} .sy_seven_lb .lSSlideOuter .lSPager.lSpg > li:hover a,.sy_seven_lb .lSSlideOuter .lSPager.lSpg > li.active a{ border:0; background:#1FADE5;} .sy_seven_lb .lSSlideOuter .lSPager.lSpg > li{ margin-top:0px} .sy_seven_lb .item .nei{ float:left; width:100%; position:relative; padding-left:230px; height:200px;} .sy_seven_lb .item .nei .img{ position:absolute; top:0; left:0; width:200px; height:200px; border-radius:150px;} .sy_seven_lb .item .nei .top{ float:left; padding-top:30px; width:100%; line-height:56px; color:#898B8F; font-size:28px;} .sy_seven_lb .item .nei .desc{ float:left; width:100%; line-height:38px; font-size:24px; color:#23252C;} .sy_seven .ul{ float:left; width:100%;} .sy_seven .ul li{ float:left; width:14.28%; height:150px;justify-content:center; align-items:center;display:-webkit-flex;} .sy_seven .ul li img{ max-width:95%;} .sy_eight{ float:left; width:100%; background:#fff;} .sy_eight .ul{ float:left; width:102.5%; margin-bottom:50px;} .sy_eight .ul li{ float:left; width:33.33%; padding-right:30px; margin-bottom:40px;} .sy_eight .ul li .pimg{ float:left; width:100%; height:300px; overflow:hidden; border-radius:8px;justify-content:center; align-items:center;display:-webkit-flex; margin-bottom:20px;} .sy_eight .ul li .pimg img{height:100%; width:100%;object-fit: cover;} .sy_eight .ul li .date{ float:left; width:100%; font-size:24px; line-height:40px; color:#999999;} .sy_eight .ul li .date span{ color:#999999; font-size:14px;} .sy_eight .ul li .title{ float:left; width:100%; height:80px; margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; line-height:38px; font-size:24px; color:#23252C} .sy_eight .ul li .a{ float:left; font-size:18px; color:#999999; padding-right:20px; background:url("../images/bg_07.png")/*tpa=http://www.erunpos.com/images/bg_07.png*/ no-repeat right center;} .sy_eight .ul li:hover .a{ background:url("../images/bg_07-sel.png")/*tpa=http://www.erunpos.com/images/bg_07-sel.png*/ no-repeat right center; color:#1FADE5;} .sy_eight .ul li:hover .title{ text-decoration:underline} @media screen and (min-width: 1441px) and (max-width: 1660px) { .banner_lb .name{ font-size:56px; line-height:80px;} .banner_lb .aZX{ width:240px; height:74px; line-height:74px; font-size:28px} .sy_three .right .name{ font-size:42px;} .sy_more a{ width:240px; height:74px; line-height:74px; font-size:24px;} .sy_four ul h3{ font-size:26px;} .sy_six .info h2{ font-size:42px; line-height:50px;} .sy_two li .jieshao h3{ font-size:46px;} .sy_two li .jieshao p{ font-size:24px;} } @media screen and (min-width: 1367px) and (max-width: 1440px) { .banner_lb .main{ top:28%} .banner_lb .name{ font-size:52px; line-height:70px;} .banner_lb .aZX{ width:220px; height:70px; line-height:70px; font-size:26px} .sy_three .right .name{ font-size:40px;} .sy_more a{ width:220px; height:70px; line-height:70px; font-size:22px;} .sy_four ul h3{ font-size:24px;} .sy_four ul .desc{ font-size:18px; line-height:30px;} .sy_six .info h2{ font-size:38px; line-height:50px;} .sy_two li .jieshao h3{ font-size:44px;} .sy_two li .jieshao p{ font-size:24px;} } @media screen and (min-width: 1281px) and (max-width: 1366px) { .banner_lb .main{ top:30%} .banner_lb .name{ font-size:46px; line-height:64px;} .banner_lb .aZX{ width:200px; height:68px; line-height:68px; font-size:24px} .sy_three .right .name{ font-size:38px;} .sy_more a{ width:200px; height:64px; line-height:64px; font-size:20px;} .sy_four ul h3{ font-size:22px;} .sy_four ul .desc{ font-size:18px; line-height:30px;} .sy_six .info h2{ font-size:36px; line-height:50px;} .sy_two li .jieshao h3{ font-size:40px;} .sy_two li .jieshao p{ font-size:22px;} } @media screen and (min-width: 1201px) and (max-width: 1280px) { .banner_lb .main{ top:32%} .banner_lb .name{ font-size:42px; line-height:56px;} .banner_lb .aZX{ width:180px; height:64px; line-height:64px; font-size:22px} .sy_three .right .name{ font-size:36px;} .sy_more a{ width:180px; height:60px; line-height:60px; font-size:20px;} .sy_four ul h3{ font-size:22px;} .sy_four ul .desc{ font-size:18px; line-height:30px;} .sy_six .info h2{ font-size:34px; line-height:44px;} .sy_two li .jieshao h3{ font-size:36px; line-height:70px;} .sy_two li .jieshao p{ font-size:20px;} } @media screen and (min-width: 1201px) and (max-width: 1660px) {/* 小屏幕通用 */ .sy_six .info p{ font-size:20px;} .sy_six .info .a{ width:220px; height:70px; line-height:66px; font-size:24px;} } @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .banner_lb .name{ font-size:34px; line-height:44px; margin-bottom:30px;} .banner_lb .aZX{ font-size:20px; width:160px; height:50px; line-height:50px;} .banner_lb .swiper-pagination{ right:50px; top:30%} .sy_one{ margin-top:-80px;} .sy_title{ padding:40px 25px; padding-bottom:20px;} .sy_title h3{ font-size:36px; line-height:60px;} .sy_title h4{ font-size:18px; line-height:28px; letter-spacing:1px; padding:5px 0;} .sy_two li .biao{ left:25px; bottom:20px;} .sy_two li .biao p{ font-size:20px; padding-bottom:10px;} .sy_two li .biao h3{ font-size:22px; line-height:30px;} .sy_two li .jieshao h3{ line-height:40px; font-size:26px;} .sy_two li .jieshao p{ font-size:20px; line-height:30px;} .sy_more{ padding:30px 0px 50px 0;} .sy_more a{ width:auto; min-width:180px; height:54px; line-height:54px; font-size:20px;} .sy_three .left{ padding-top:10px;} .sy_three .left img{ width:115%} .sy_three .right{ width:40%;padding-top:0px;} .sy_three .right .name{ font-size:30px; margin-top:-20px; letter-spacing:2px; line-height:70px; margin-bottom:4px;} .sy_three .right .p1{ font-size:20px; line-height:40px;} .sy_three .num{ font-size:34px; line-height:60px; margin-top:10px;} .sy_three .num span{ font-size:80px;} .sy_three .desc{ font-size:14px; line-height:22px; padding-top:5px;} .sy_three .sy_more{ padding-top:20px;} .sy_four { overflow:hidden;} .sy_four ul{ width:104%; padding-bottom:40px;} .sy_four ul .pimg{ padding-top:30px; height:110px;} .sy_four ul .pimg img{ width:70px;} .sy_four ul .nei{ padding:0px 20px; height:260px;} .sy_four ul h3{ font-size:22px; line-height:40px;} .sy_four ul .desc{ font-size:16px; line-height:26px;} .sy_six{ width:60%} .sy_six .info{ padding:0px 20px;} .sy_six .info h2{ font-size:20px; line-height:30px; padding-bottom:10px;} .sy_six .info p{ font-size:14px; line-height:22px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; height: 66px; margin-bottom:20px;} .sy_six .info .a{ width:120px; height:40px; line-height:36px; font-size:16px;} .sy_six2{ width:40%; padding-bottom:50px;} .sy_six2 .info{padding:20px; padding-bottom:0; height:205px;} .sy_six2 .info p{ width:100%} .sy_six .li1{ height:auto;} .sy_six .li2 .nei{ height:auto;} .sy_six2 .li{ height:auto} .sy_six .img{float:left; width:100%; height:auto;} .sy_seven_lb .item{ padding-bottom:20px;} .sy_seven_lb .item .nei{ padding-left:200px; height:auto;} .sy_seven_lb .item .nei .img{ width:170px; height:170px;} .sy_seven_lb .item .nei .top{ padding-top:10px; font-size:24px; line-height:48px;} .sy_seven_lb .item .nei .desc{ font-size:18px; line-height:28px;} .sy_seven .ul{ padding:0px 20px;} .sy_seven .ul li{ height:110px;} .sy_seven .ul li img{ max-width:85%;} .sy_seven .bg_bai{ margin-bottom:60px;} .sy_eight .ul{ margin-bottom:30px;} .sy_eight .ul li{ margin-bottom:20px; padding-right:25px;} .sy_eight .ul li .pimg{ height:160px; margin-bottom:10px;} .sy_eight .ul li .date{ line-height:34px; font-size:20px;} .sy_eight .ul li .title{ font-size:18px; height:56px; line-height:28px;} .sy_eight .ul li .a{ font-size:15px; background-size:6px; padding-right:15px;} .sy_eight .ul li:hover .a{ background:url("../images/bg_07-sel.png")/*tpa=http://www.erunpos.com/images/bg_07-sel.png*/ no-repeat right center; background-size:6px;} .sy_bg{ background-size:auto 100%;} } @media (max-width: 767px) {/* 手机 */ .banner_lb .imgPC{ display:none;} .banner_lb .imgYD{ display:block} .banner_lb .main{ padding:0px 15px;} .banner_lb .name{ font-size:26px; line-height:44px; margin-bottom:30px;} .banner_lb .aZX{ font-size:16px; width:140px; height:44px; line-height:44px;} .banner_lb .swiper-pagination{ right:10px; top:auto; bottom:20px; height:auto} .banner_lb .swiper-pagination-bullet{ width:34px; height:34px; line-height:34px; font-size:14px;} .banner_lb .swiper-pagination-bullets .swiper-pagination-bullet{margin:3px 0;} .banner_lb .swiper-pagination-bullet-active{line-height:32px;} .sy_one{ margin-top:-80px;} .sy_title.c-dt {padding-top: 15px !important;} .sy_title{ padding:25px 15px; padding-bottom:15px; padding-top:15px;} .sy_title h3{ font-size:18px; line-height:30px; padding-bottom:2px; letter-spacing:1px;} .sy_title h4{ font-size:12px; line-height:22px; letter-spacing:0px; padding-top:0} .sy_two{ padding:0px 10px;} .sy_two .nei{ border-radius:6px;} .sy_two li{ padding-right:5px; margin-bottom:10px;} .sy_two .li2{ padding-right:0; padding-left:5px;} .sy_two li .biao{ left:10px; bottom:15px;} .sy_two li .biao p{ font-size:18px; padding-bottom:5px;} .sy_two li .biao h3{ font-size:18px; line-height:20px; padding-top:6px;} .sy_two li .jieshao h3{ line-height:40px; font-size:18px; letter-spacing:1px;} .sy_two li .jieshao p{ font-size:13px; line-height:18px;} .sy_two li .desc{ padding:10px;} .sy_more{ padding:10px 0px 30px 0;} .sy_more a{ width:140px; height:40px; line-height:40px; font-size:16px; min-width:10px; padding:0px 15px; margin:0px 10px;} .sy_three .left{ padding-top:10px; width:100%; text-align:center;} .sy_three .left img{ width:90%; float:none; margin-bottom:60px;} .sy_three .right{ width:94%; margin-left:3%;padding-top:0px; margin-top:-40px;} .sy_three .right .name{ font-size:22px; margin-top:-20px; letter-spacing:2px; line-height:60px; margin-bottom:4px;} .sy_three .right .p1{ font-size:18px; line-height:40px;} .sy_three .num{ font-size:22px; line-height:60px; margin-top:10px;} .sy_three .num span{ font-size:70px;} .sy_three .desc{ font-size:14px; line-height:22px; padding-top:5px;} .sy_three .sy_more{ padding-top:20px;} .sy_four ul{ width:100%; padding-bottom:10px;} .sy_four ul li{ width:45.5%; padding-right:0; margin-left:3%; margin-bottom:12px;} .sy_four ul .pimg{ padding-top:20px; height:90px;} .sy_four ul .pimg img{ width:60px;} .sy_four ul .nei{ padding:0px 15px; height:210px;} .sy_four ul h3{ font-size:16px; line-height:22px;} .sy_four ul .desc{ font-size:12px; line-height:22px;} .sy_five{ width:94%; margin-left:3%; margin-bottom:15px;} .sy_six{ width:94%; margin-left:3%; padding-right:0} .sy_six li{ margin-bottom:12px;} .sy_six .li2 .nei{ width:calc(100% - 6px);} .sy_six .info{ width:calc(50% - 6px);} .sy_six .info{ padding:0px 15px;} .sy_six .info h2{ font-size:16px; line-height:26px; padding-bottom:10px;} .sy_six .info p{ font-size:12px; height: 60px; line-height:20px; margin-bottom:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .sy_six .info .a{ width:100px; height:34px; line-height:30px; font-size:15px} .sy_six2{ width:94%; float:left; padding:0} .sy_six2 .info{ height:auto; padding:20px; padding-bottom:0} .sy_six2 .info p{ width:100%} .sy_six2 .info{ width:100%;} .sy_six .li1{ height:auto;} .sy_six .li2 .nei{ height:auto;} .sy_six2{ padding-bottom:15px;} .sy_six2 .li{ height:auto} .sy_six .img{float:left; width:100%; height:auto;} .sy_seven_lb{ padding:20px; padding-bottom:0} .sy_seven_lb .item{ padding-bottom:10px;} .sy_seven_lb .item .nei{ padding-left:120px; height:auto;} .sy_seven_lb .item .nei .img{ width:100px; height:100px; top:15px;} .sy_seven_lb .item .nei .top{ padding-top:0px; font-size:16px; line-height:32px;} .sy_seven_lb .item .nei .desc{ font-size:13px; line-height:20px;} .sy_seven_lb .lSSlideOuter .lSPager.lSpg{ margin-top:-10px;} .sy_seven .ul{ padding:10px 20px;} .sy_seven .ul li{ height:60px; width:25%} .sy_seven .ul li img{ max-width:70%;} .sy_seven .bg_bai{ margin-bottom:30px; width:94%; margin-left:3%} .sy_eight .ul{ margin-bottom:10px; width:100%} .sy_eight .ul li{ margin-bottom:15px; width:45.5%; margin-left:3%; padding-right:0} .sy_eight .ul li .pimg{ height:auto; margin-bottom:10px;} .sy_eight .ul li .pimg img{ float:left; width:100%; height:auto} .sy_eight .ul li .date{ line-height:30px; font-size:16px;} .sy_eight .ul li .title{ font-size:14px; height:auto; line-height:22px; margin-bottom:5px; height:44px;} .sy_eight .ul li .a{ font-size:12px; background-size:6px; padding-right:15px;} .sy_eight .ul li:hover .a{ background:url("../images/bg_07-sel.png")/*tpa=http://www.erunpos.com/images/bg_07-sel.png*/ no-repeat right center; background-size:6px;} .sy_bg{ background-size:auto 100%;} } /* banner wei fenye */ .banner{ float:left; width:100%; padding-top:90px; background:#1E1F21;} .banner .nei{ float:left; width:100%; height:600px; color:#fff; position:relative;} .banner .img{ position:absolute; top:0; left:0; width:100%; text-align:center; overflow:hidden; height:100%; z-index:1;justify-content:center; align-items:center;display:-webkit-flex;} .banner .img img{ height:100%;} .banner .main{ position:relative; z-index:10;} .banner h1{ float:left; width:100%; padding-top:190px; line-height:100px; font-size:70px; letter-spacing:4px;} .banner h6{ float:left; width:100%; font-size:30px; font-weight:normal; line-height:40px; padding-bottom:40px; background:url("../images/bg_02.png")/*tpa=http://www.erunpos.com/images/bg_02.png*/ no-repeat left bottom; background-size:25px 4px} .wei{ float:left; width:100%; font-size:20px; color:#999999; line-height:66px;} .wei a{ color:#999999;} .wei a:hover,.wei span{ color:#656565;} .fenye{ float:left; width:100%; padding-top:80px; padding-bottom:100px; text-align:center;} .fenye a{ display:inline-block; border:1px solid #E8E8E8; background:#fff; line-height:44px; color:#999999; font-size:20px; min-width:44px; padding:0px 10px; margin:0px 2px;} .fenye a.sel,.fenye a:hover{ background:#1FADE5; color:#fff; border:1px solid #1FADE5;} @media screen and (min-width: 1441px) and (max-width: 1660px) { .banner .nei{ height:520px;} .banner h1{ padding-top:170px; font-size:56px; line-height:100px;} .banner h6{ font-size:22px; line-height:40px; padding-bottom:25px;} } @media screen and (min-width: 1367px) and (max-width: 1440px) { .banner .nei{ height:480px;} .banner h1{ padding-top:150px; font-size:52px; line-height:80px;} .banner h6{ font-size:22px; line-height:40px; padding-bottom:25px;} } @media screen and (min-width: 1281px) and (max-width: 1366px) { .banner .nei{ height:450px;} .banner h1{ padding-top:140px; font-size:46px; line-height:70px;} .banner h6{ font-size:22px; line-height:40px; padding-bottom:25px;} } @media screen and (min-width: 1201px) and (max-width: 1280px) { .banner .nei{ height:450px;} .banner h1{ padding-top:140px; font-size:42px; line-height:60px;} .banner h6{ font-size:20px; line-height:40px; padding-bottom:20px;} } @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .banner{ padding-top:60px;} .banner .nei{ height:360px;} .banner h1{ padding-top:100px; font-size:42px; line-height:60px;} .banner h6{ font-size:18px; line-height:30px; padding-bottom:30px;} .wei{ line-height:50px; font-size:18px;} .fenye{ padding-top:40px; padding-bottom:60px;} .fenye a{ font-size:18px; line-height:40px; min-width:40px;} } @media (max-width: 767px) {/* 手机 */ .banner{ padding-top:60px;} .banner .nei{ height:180px; padding:0px 7%;} .banner h1{ padding-top:40px; font-size:24px; line-height:40px; letter-spacing:3px;} .banner h6{ font-size:14px; line-height:24px; padding-bottom:16px;} .wei{ line-height:20px; font-size:14px; padding:10px 3%;} .fenye{ padding-top:10px; padding-bottom:30px;} .fenye a{ font-size:14px; line-height:28px; min-width:30px; margin:0; padding:0px 8px;} } /* 客户案例 al */ .al_one{ float:left; width:100%; padding-top:45px; text-align:center; padding-bottom:50px;} .al_one ul{ display:inline-block; border:1px solid #20AEE5; border-left:0;} .al_one ul a{ float:left; width:240px; line-height:60px; font-size:24px; font-weight:bold; cursor:pointer;border-left:1px solid #20AEE5; color:#000;} .al_one ul a.sel{ background:#20AEE5; color:#fff;} .al_two{ float:left; width:100%;} .al_two li{ float:left; width:100%; background:#fff; margin-bottom:20px;} .al_two li a{ float:left; width:100%} .al_two li .pimg{ float:right; width:55%; height:470px; overflow:hidden;justify-content:center; align-items:center;display:-webkit-flex;} .al_two li .pimg img{height:100%; width:100%;object-fit: cover;} .al_two li .left{ width:45%; float:left; padding:70px; padding-bottom:0;} .al_two li .date{ float:left; width:100%; line-height:50px; font-size:24px; color:#999999;} .al_two li .date span{ font-size:14px;} .al_two li .title{ float:left; width:100%; margin:15px 0; color:#23252C; font-size:30px; line-height:38px;} .al_two li:hover .title{color:#1FADE5;} .al_two li .desc{ float:left; width:100%; font-size:20px; line-height:32px; color:#777777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;} .al_two li .xq{ float:left; margin-top:50px; padding-right:20px; background:url("../images/bg_07-sel.png")/*tpa=http://www.erunpos.com/images/bg_07-sel.png*/ no-repeat right center; color:#1FADE5; font-size:18px;} .al_xq{ float:left; width:75.5%; padding:0px 50px; margin-bottom:100px; background:#fff;} .al_xq .title{ float:left; width:100%; padding-top:35px; line-height:60px; font-weight:bold; font-size:36px; color:#23252C;} .al_xq .date{ float:left; width:100%; font-size:18px; color:#999999; line-height:34px; padding-bottom:30px; border-bottom:1px solid #E5E5E5} .al_xq .desc{ float:left; width:100%; line-height:38px; color:#656565; font-size:20px; padding:30px 0; border-bottom:1px solid #E5E5E5} .al_xq .desc img{ max-width:100%} .al_xq .desc strong{ color:#333333} .al_xq .bottom{ float:left; width:100%; padding:50px 0; line-height:40px;} .al_xq .fx{ float:left;} .al_xq .fx span{ float:left; color:#333333; font-size:20px; margin-right:10px;} .al_xq .fx a{ float:left; margin-left:20px; width:30px; height:40px;} .al_xq .fx .a_wx{ background:url("../images/bg_11.png")/*tpa=http://www.erunpos.com/images/bg_11.png*/ no-repeat center center;} .al_xq .fx .a_wx:hover{ background:url("../images/bg_11-sel.png")/*tpa=http://www.erunpos.com/images/bg_11-sel.png*/ no-repeat center center;} .al_xq .fx .a_wb{ background:url("../images/bg_12.png")/*tpa=http://www.erunpos.com/images/bg_12.png*/ no-repeat center center;} .al_xq .fx .a_wb:hover{ background:url("../images/bg_12-sel.png")/*tpa=http://www.erunpos.com/images/bg_12-sel.png*/ no-repeat center center;} .al_xq .bottom .right{ float:right;} .al_xq .bottom .right a{ color:#333333; font-size:20px; float:left; -webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;transition:all .5s ease 0s; background:url("../images/bg_02.png")/*tpa=http://www.erunpos.com/images/bg_02.png*/ no-repeat left bottom; background-size:0px 2px;} .al_xq .bottom .right .a_lb{ margin:0px 60px;} .al_xq .bottom .right a:hover{ color:#1FADE5; background-size:100% 2px;} .al_right{ float:right; width:22%} .al_three{ float:left; width:100%; margin-bottom:20px; background:#fff; padding:20px;} .al_three .top{ float:left; width:100%; padding:15px 0; font-weight:bold; font-size:28px; color:#23252C; line-height:30px;} .al_three ul{ float:left; width:100%; margin-bottom:-10px;} .al_three ul li{ float:left; width:100%; margin-bottom:20px;} .al_three ul li .pimg,.al_three ul li .pimg img{ float:left; height:100%; width:100%;object-fit: cover; overflow:hidden;} .al_three ul li .date{ float:left; width:100%; font-size:16px; line-height:26px; color:#999999; padding-top:10px;} .al_three ul li .title{ float:left; width:100%; font-size:18px; line-height:24px; color:#333333;} @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .al_one{ padding:30px; padding-bottom:30px;} .al_one ul a{ font-size:18px; width:180px; line-height:50px;} .al_two li .pimg{ height:280px; text-align:right; display:inline-block} .al_two li .pimg img{ float:right;} .al_two li .left{ padding:30px; padding-bottom:0} .al_two li .date{ font-size:20px; line-height:24px;} .al_two li .title{ line-height:32px; font-size:22px; margin:10px 0;} .al_two li .desc{ font-size:16px; line-height:24px;} .al_two li .xq{ margin-top:25px; font-size:15px; padding-right:15px; background-size:7px;} .al_xq{ width:69%; padding:0px 30px; margin-bottom:50px;} .al_xq .title{ font-size:24px; padding-top:20px; line-height:40px;} .al_xq .date{ font-size:15px; line-height:40px; padding-bottom:20px;} .al_xq .desc{ font-size:16px; line-height:32px; padding:20px 0;} .al_xq .bottom{ padding:20px 0; line-height:30px;} .al_xq .fx span{ font-size:16px; margin-right:0} .al_xq .fx a{ margin-left:15px; height:30px;} .al_xq .bottom .right a{ font-size:16px;} .al_xq .bottom .right .a_lb{ margin:0px 30px;} .al_right{ width:29%} .al_three{ padding:15px;} .al_three .top{ padding-top:0; font-size:20px;} .al_three ul{ margin-bottom:-15px;} .al_three ul li .date{ font-size:14px;} .al_three ul li .title{ font-size:16px;} } @media (max-width: 767px) {/* 手机 */ .al_one{ padding:10px; padding-bottom:15px;} .al_one ul a{ font-size:15px; width:100px; line-height:38px;} .al_two{ width:94%; margin-left:3%} .al_two li{ margin-bottom:15px;} .al_two li .pimg{ height:220px; float:left; width:100%} .al_two li .left{ padding:20px; width:100%} .al_two li .date{ font-size:18px; line-height:24px;} .al_two li .title{ line-height:24px; font-size:18px; margin:5px 0;} .al_two li .desc{ font-size:14px; line-height:22px;} .al_two li .xq{ margin-top:15px; font-size:14px; padding-right:15px; background-size:7px;} .al_xq{ width:94%; margin-left:3%; padding:0px 15px; margin-bottom:15px;} .al_xq .title{ font-size:18px; padding-top:15px; line-height:28px; padding-bottom:3px;} .al_xq .date{ font-size:14px; line-height:40px; padding-bottom:5px;} .al_xq .desc{ font-size:14px; line-height:26px; padding:10px 0;} .al_xq .bottom{ padding:15px 0; line-height:30px;} .al_xq .fx span{ font-size:14px; margin-right:0} .al_xq .fx a{ margin-left:10px; height:30px;} .al_xq .bottom .right a{ font-size:14px;} .al_xq .bottom .right .a_lb{ margin:0px 15px;} .al_right{ width:94%; margin-left:3%; float:left;} .al_three{ padding:15px;margin-bottom:15px;} .al_three .top{ padding-top:0; font-size:18px;} .al_three ul{ margin-bottom:-15px;} .al_three ul li .date{ font-size:14px;} .al_three ul li .title{ font-size:16px;} } /* 新闻 xw */ .xw_one{ float:left; width:100%; margin-bottom:60px;} .xw_one .lSSlideOuter .lSPager.lSpg{ width:50%; position:relative; text-align:left; margin-top:-85px; background:none; float:right; padding-left:70px;} .xw_one .lSSlideOuter .lSPager.lSpg > li a{ background:#DDDFE5;border:0; width:12px; height:12px; margin:0px 5px;} .xw_one .lSSlideOuter .lSPager.lSpg > li:hover a,.xw_one .lSSlideOuter .lSPager.lSpg > li.active a{ border:0; background:#1FADE5;} .xw_one .lSSlideOuter .lSPager.lSpg > li{ margin-top:0px} .xw_one .item .pimg{ float:left; width:50%; height:480px; overflow:hidden;justify-content:center; align-items:center;display:-webkit-flex;} .xw_one .item .nei{ float:left; width:100%; background:#fff;} .xw_one .item .pimg img{ height:100%; width:100%;object-fit: cover;} .xw_one .item .info{ float:left; width:50%; padding:70px; padding-bottom:0} .xw_one .item .date{ float:left; width:100%; color:#999999; font-size:24px; line-height:30px;} .xw_one .item .date span{ font-size:14px;} .xw_one .item .title{ float:left; width:100%; margin:18px 0; line-height:40px; color:#23252C; font-size:30px;} .xw_one .item .desc{ float:left; width:100%; color:#777777; font-size:20px; line-height:34px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; margin-bottom:70px;} .xw_one .item .a{ float:right; padding-right:20px; background:url("../images/bg_07-sel.png")/*tpa=http://www.erunpos.com/images/bg_07-sel.png*/ no-repeat right center; color:#1FADE5; font-size:18px;} .xw_two{ float:left; width:102.5%; margin-bottom:-10px;} .xw_two li{ float:left; width:33.33%; padding-right:30px; margin-bottom:30px;} .xw_two li .pimg{ float:left; width:100%; height:300px; overflow:hidden;justify-content:center; align-items:center;display:-webkit-flex; } .xw_two li .pimg img{height:100%; width:100%;object-fit: cover;} .xw_two li .date{ float:left; width:100%; font-size:24px; line-height:40px; color:#999999;} .xw_two li .date span{ color:#999999; font-size:14px;} .xw_two li .title{ float:left; width:100%; height:80px; margin-bottom:18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; line-height:38px; font-size:24px; color:#23252C} .xw_two li .a{ float:left; font-size:18px; color:#999999; padding-right:20px; background:url("../images/bg_07.png")/*tpa=http://www.erunpos.com/images/bg_07.png*/ no-repeat right center;} .xw_two li:hover .a{ background:url("../images/bg_07-sel.png")/*tpa=http://www.erunpos.com/images/bg_07-sel.png*/ no-repeat right center; color:#1FADE5;} .xw_two li:hover .title{ text-decoration:underline} .xw_two li .nei{ float:left; width:100%; padding:20px 15px; padding-bottom:30px; background:#fff;} @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .xw_one{ margin-bottom:30px;} .xw_one .item .pimg{ height:300px;} .xw_one .item .info{ padding:30px; padding-bottom:0} .xw_one .item .date{ font-size:18px; line-height:24px;} .xw_one .item .title{ font-size:24px; line-height:34px; margin:12px 0;} .xw_one .item .desc{ font-size:16px; line-height:26px; margin-bottom:25px;} .xw_one .item .a{ font-size:16px;} .xw_one .lSSlideOuter .lSPager.lSpg{ padding-left:30px; margin-top:-50px;} .xw_one .lSSlideOuter .lSPager.lSpg > li a{ margin:0px 2px;} .xw_two li{ margin-bottom:20px; padding-right:20px;} .xw_two li .pimg{ height:170px;} .xw_two li .pimg img{ height:auto; width:100%; min-height:100%} .xw_two li .date{ line-height:34px; font-size:20px;} .xw_two li .title{ font-size:18px; height:56px; line-height:28px; margin-bottom:10px;} .xw_two li .a{ font-size:15px; background-size:6px; padding-right:15px;} .xw_two li:hover .a{ background:url("../images/bg_07-sel.png")/*tpa=http://www.erunpos.com/images/bg_07-sel.png*/ no-repeat right center; background-size:6px;} .xw_two li .nei{ padding:10px 15px; padding-bottom:15px;} } @media (max-width: 767px) {/* 手机 */ .xw_one{ width:94%; margin-left:3%; margin-bottom:15px;} .xw_one .item .pimg{ height:auto; width:100%} .xw_one .item .pimg img{ float:left; width:100%} .xw_one .item .info{ padding:15px; width:100%} .xw_one .item .date{ font-size:16px; line-height:24px;} .xw_one .item .title{ font-size:18px; line-height:28px; margin:8px 0;} .xw_one .item .desc{ font-size:14px; line-height:24px; margin-bottom:15px;} .xw_one .item .a{ font-size:14px; background-size:6px; padding-right:12px;} .xw_one .lSSlideOuter .lSPager.lSpg{ padding-left:15px; margin-top:-35px; float:left;} .xw_one .lSSlideOuter .lSPager.lSpg > li a{ margin:0px; width:10px; height:10px;} .xw_two{ margin-bottom:0px; width:100%} .xw_two li{ margin-bottom:15px; width:45.5%; margin-left:3%; padding-right:0} .xw_two li .pimg{ height:auto;} .xw_two li .pimg img{ float:left; width:100%; height:auto} .xw_two li .date{ line-height:30px; font-size:16px;} .xw_two li .title{ font-size:15px; height:auto; line-height:24px; margin-bottom:10px; height:48px;} .xw_two li .a{ font-size:14px; background-size:6px; padding-right:15px;} .xw_two li:hover .a{ background:url("../images/bg_07-sel.png")/*tpa=http://www.erunpos.com/images/bg_07-sel.png*/ no-repeat right center; background-size:6px;} .xw_two li .nei{ padding:10px; padding-bottom:12px;} } /* 法律声明 fl */ .fl_main{ float:left; width:100%; background:#fff; margin:60px 0 100px 0; padding:40px 50px 50px 50px;} .fl_main .top{ float:left; width:100%; text-align:center; border-bottom:1px solid #E5E5E5; line-height:120px; font-size:36px; color:#23252C; font-weight:bold;} .fl_main .bottom{ float:left; width:100%; line-height:38px; color:#656565; font-size:20px; padding-top:30px;} @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .fl_main{ margin:30px 0px 60px 0; padding:20px 40px 40px 40px} .fl_main .top{ line-height:80px; font-size:30px;} .fl_main .bottom{ line-height:30px; font-size:16px;} } @media (max-width: 767px) {/* 手机 */ .fl_main{ margin:20px 0px 20px 0; padding:10px 20px 20px 20px; width:94%; margin-left:3%} .fl_main .top{ line-height:50px; font-size:20px;} .fl_main .bottom{ line-height:24px; font-size:14px; padding-top:15px;} } /* 解决方案 jj */ .jj_one{ float:left; width:102%; margin-bottom:70px;} .jj_one li{ float:left; width:25%; padding-right:30px; padding-bottom:30px;} .jj_one li a{ float:left; width:100%} .jj_one li .pimg{ float:left; width:100%; height:215px; overflow:hidden;justify-content:center; align-items:center;display:-webkit-flex;} .jj_one li img{ height:100%; width:100%;object-fit: cover;} .jj_one li h3{ float:left; width:100%; line-height:60px; text-align:center; background:#F3F3F3; color:#333333; font-size:22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-weight:normal;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;transition:all .5s ease 0s;} .jj_one li a:hover h3{ background:#1FADE5; color:#fff;} .jj_two{ float:left; width:100%;} .jj_two li{ float:left; width:50%; height:400px; background:url("../images/bg_13.png")/*tpa=http://www.erunpos.com/images/bg_13.png*/ no-repeat top center; background-size:auto 100%; padding-top:65px; text-align:center; color:#fff;} .jj_two .li_rr{ background:url("../images/bg_14.png")/*tpa=http://www.erunpos.com/images/bg_14.png*/ no-repeat top center; background-size:auto 100%} .jj_two h2{ float:left; width:100%; line-height:60px; font-size:40px; letter-spacing:2px;} .jj_two .desc{ float:left; width:100%; line-height:34px; font-size:22px; padding-top:5px; padding-bottom:55px; font-weight:normal;} .jj_two .bottom{ float:left; width:100%;} .jj_two .bottom a{ display:inline-block; width:260px; border-radius:80px; color:#fff; font-size:26px; line-height:80px; border:2px solid #fff;background:none; } .jj_two .bottom a:hover{background:#1FADE5; border:2px solid #1FADE5;} @media screen and (min-width: 1441px) and (max-width: 1660px) { .jj_two h2{ font-size:39px;} .jj_two .bottom a{ height:70px; line-height:66px; width:220px; font-size:24px;} } @media screen and (min-width: 1367px) and (max-width: 1440px) { .jj_two h2{ font-size:38px;} .jj_two .bottom a{ height:70px; line-height:66px; width:220px; font-size:24px;} } @media screen and (min-width: 1281px) and (max-width: 1366px) { .jj_two h2{ font-size:36px;} .jj_two .bottom a{ height:70px; line-height:66px; width:220px; font-size:24px;} } @media screen and (min-width: 1201px) and (max-width: 1280px) { .jj_two h2{ font-size:34px;} .jj_two .bottom a{ height:70px; line-height:66px; width:220px; font-size:24px;} } @media screen and (min-width: 768px) and (max-width: 992px) {/* 平板 */ .jj_one{ margin-bottom:40px; width:103%} .jj_one li{ padding-right:20px; padding-bottom:20px;} .jj_one li .pimg{ height:140px;} .jj_one li h3{ line-height:44px; font-size:16px;} .jj_two li{ height:280px; padding-top:40px;} .jj_two h2{ line-height:50px; font-size:30px;} .jj_two .desc{ font-size:17px; line-height:28px; padding-bottom:30px;} .jj_two .bottom a{ width:160px; line-height:50px; font-size:20px;} } @media (max-width: 767px) {/* 手机 */ .jj_one{ margin-bottom:10px; width:100%} .jj_one li{ padding-right:0; padding-bottom:15px; width:45.5%; margin-left:3%;} .jj_one li .pimg{ height:120px;} .jj_one li h3{ line-height:40px; font-size:15px;} .jj_two li{ height:220px; padding-top:30px; width:100%; background-size:auto 100%} .jj_two .li_rr{background-size:auto 100%} .jj_two h2{ line-height:40px; font-size:24px;} .jj_two .desc{ font-size:14px; line-height:22px; padding-bottom:30px;} .jj_two .bottom a{ width:130px; line-height:40px; font-size:16px;} } /* 加入我们 jr */ .jr_one{ float:left; width:100%} .jr_one li{ float:left; width:100%; background:#F7F7F7; position:relative} .jr_one li .pimg{ float:left; width:50%; height:680px;justify-content:center; align-items:center;display:-webkit-flex; overflow:hidden} .jr_one li .pimg img{ height:100%; width:100%;object-fit: cover;} .jr_one li .right{ width:40%; padding-left:100px; height:100%; position:absolute; top:0; right:13.5%;justify-content:center; align-items:center;display:-webkit-flex; overflow:hidden} .jr_one li .right .nei{ display:inline-block; width:100%;} .jr_one li h2{ float:left; width:100%; font-size:44px; color:#2D2F2F; line-height:54px; padding-bottom:15px;} .jr_one li .desc{ float:left; width:100%; line-height:34px; color:#777777; font-size:22px; } .jr_one .li .pimg{ float:right;} .jr_one .li .pimg img{height:100%; width:100%;object-fit: cover;} .jr_one .li .right{ right:auto; left:13.5%; padding-left:0; padding-right:100px;} .jr_two{ margin-bottom:80px;} .jr_two li{ float:left; width:100%; margin-bottom:20px; background:#F5F5F5;} .jr_two .top{ float:left; width:100%; line-height:90px; padding-left:40px;color:#333333; font-size:28px; font-weight:bold; cursor:pointer; letter-spacing:2px;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;transition:all .5s ease 0s;} .jr_two .top i{ float:right; width:90px; height:90px; background:url("../images/bg_15.png")/*tpa=http://www.erunpos.com/images/bg_15.png*/ no-repeat center center;} .jr_two .top.sel{ background:#1FADE5; color:#fff;} .jr_two .top.sel i{ background:url("../images/bg_15-sel.png")/*tpa=http://www.erunpos.com/images/bg_15-sel.png*/ no-repeat center center;} .jr_two .bottom{ float:left; width:100%; padding:35px 40px; line-height:38px; font-size:20px; color:#656565; display:none} @media screen and (min-width: 1441px) and (max-width: 1660px) { .jr_one li h2{ font-size:42px; line-height:54px;} } @media screen and (min-width: 1367px) and (max-width: 1440px) { .jr_one li h2{ font-size:40px; line-height:50px;} } @media screen and (min-width: 1281px) and (max-width: 1366px) { .jr_one li h2{ font-size:38px; line-height:46px;} } @media screen and (min-width: 1201px) and (max-width: 1280px) { .jr_one li h2{ font-size:36px; line-height:44px;} .jr_one li .desc{ font-size:20px;} } @media screen and (min-width: 1201px) and (max-width: 1559px) { .jr_one li .right{ right:5%; width:45%} .jr_one .li .right{ left:5%; width:45%} } @media screen and (min-width: 1201px) and (max-width: 1820px) { .jr_one li .right{ right:8%;} .jr_one .li .right{ left:8%;} } @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .jr_one li .pimg{ height:360px;} .jr_one li .right{ width:45%; right:5%; padding-left:50px;} .jr_one li h2{ font-size:24px; line-height:30px;} .jr_one li .desc{ line-height:24px; font-size:16px;} .jr_one .li .right{ padding-left:0; right:auto; left:5%; padding-right:50px;} .jr_two{ margin-bottom:40px;} .jr_two .top{ line-height:60px; padding-left:20px; font-size:20px;} .jr_two .top i{ width:60px; height:60px; background-size:20px;} .jr_two .top.sel i{ background-size:20px;} .jr_two .bottom{ padding:15px 20px; line-height:30px; font-size:16px;} } @media (max-width: 767px) {/* 手机 */ .jr_one li .pimg{ height:300px;} .jr_one li .right{ width:44%; right:3%; padding-left:0px;} .jr_one li h2{ font-size:16px; line-height:20px; padding-bottom:8px;} .jr_one li .desc{ line-height:18px; font-size:12px;} .jr_one .li .right{ padding-left:0; right:auto; left:3%; padding-right:0px;} .jr_two{ margin-bottom:10px; width:94%; margin-left:3%} .jr_two li{ margin-bottom:12px;} .jr_two .top{ line-height:46px; padding-left:15px; font-size:15px;} .jr_two .top i{ width:46px; height:46px; background-size:15px;} .jr_two .top.sel i{ background-size:15px;} .jr_two .bottom{ padding:10px 15px; line-height:24px; font-size:13px;} } /* 产品硬件 yj */ .yj_main{ margin-top:60px;} .yj_one{ float:left; width:100%; overflow:hidden;} .yj_one img{ float:left; width:100%} .yj_two{background:#F5F5F5;} .yj_two ul{ float:left; width:100%; margin-top:20px;} .yj_two ul li{ float:left; width:48%; margin-bottom:20px; position:relative; color:#999999; font-size:20px; line-height:30px; } .yj_two ul li.rr{ float:right;} .yj_two ul .txt{ float:left; width:100%; height:80px; line-height:80px; background:#FFFFFF; padding-left:45px; font-size:22px; color:#333; border:0;} .yj_two ul .txt::-webkit-input-placeholder {color:#BFBFBF;} .yj_two ul .txt:-moz-placeholder {color:#BFBFBF;} .yj_two ul .txt::-moz-placeholder {color:#BFBFBF;} .yj_two ul .txt:-ms-input-placeholder {color:#BFBFBF} .yj_two ul i{ position:absolute; left:20px; line-height:90px; color:red; font-size:22px; font-style:normal} .yj_two ul .lidesc{ width:100%} .yj_two ul .txt_desc{ padding:25px 45px; line-height:40px; height:200px;} .yj_two ul li span{ color:red; padding-left:20px; padding-right:10px;} .yj_two ul .bottom{ text-align:center; width:100%; padding:60px 0 100px 0;} .yj_two ul .bottom .btn{ display:inline-block; width:260px; height:80px; line-height:80px; background:#1FADE5; color:#fff; font-size:22px; border-radius:80px; border:0; margin:0px 35px; cursor:pointer} .yj_two ul .bottom .btn_cz{ background:#E5E5E5; color:#999999;} .yj_two ul .select{ -webkit-appearance: none; background:url("../images/bg_16.png")/*tpa=http://www.erunpos.com/images/bg_16.png*/ no-repeat 95% center #fff;} @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .yj_two ul .txt{ height:70px; line-height:70px; padding-left:40px; font-size:20px;} .yj_two ul li{ font-size:18px;} .yj_two ul i{ line-height:80px; left:15px;} .yj_two ul .txt_desc{ height:160px; padding:20px 40px; line-height:30px;} .yj_two ul .bottom{ padding:30px 0 60px 0;} .yj_two ul .bottom .btn{ width:210px; height:64px; line-height:64px; margin:0px 20px;} } @media (max-width: 767px) {/* 手机 */ .yj_main{ margin-top:15px} .yj_two ul{ width:94%; margin-left:3%; margin-top:0px;} .yj_two ul .txt{ height:46px; line-height:46px; padding-left:25px; font-size:14px;} .yj_two ul li{ font-size:14px; width:100%; margin-bottom:10px;} .yj_two ul i{ line-height:52px; left:10px; font-size:14px;} .yj_two ul .txt_desc{ height:110px; padding:10px 25px; line-height:24px;} .yj_two ul .select{ background-size:10px;} .yj_two ul .bottom{ padding:10px 0 30px 0;} .yj_two ul .bottom .btn{ width:120px; height:42px; line-height:42px; margin:0px 5px; font-size:16px;} } /* 定制开发 dz */ .dz_one{ float:left; width:58%; padding-right:20px;} .dz_one li{ float:left; width:100%; padding-bottom:20px;} .dz_one .pimg{justify-content:center; align-items:center;display:-webkit-flex; float:left; width:100%; overflow:hidden; position:relative; height:350px;} .dz_one .pimg.rr{ float:right;} .dz_one .pimg img{height:100%; width:100%;object-fit: cover;} .dz_one .info{ float:left; width:100%; background:#20AEE5; padding:60px 50px; color:#fff; padding-bottom:0;height:350px;} .dz_one .info h1{ float:left; width:100%; font-size:45px; line-height:50px; padding-bottom:15px;} .dz_one .info .desc{ float:left; width:100%; font-size:24px; line-height:34px;} .dz_one .li1 .pimg{ height:430px;} .dz_one .li2 .pimg{ height:640px; width:calc(50% - 10px);} .dz_one .li2 .info{ height:640px; width:calc(50% - 10px); float:right;} .dz_two{ width:42%; padding-right:0} .dz_three{ padding-right:20px; padding-left:0; margin-bottom:80px;} .dz_four li{ width:20%; padding-right:20px; padding-bottom:20px;} .dz_four li .pimg{ height:170px;} .dz_four li .pimg img{ height:100%; width:100%;object-fit: cover;} .dz_four li h3{ line-height:46px; font-size:17px;} @media screen and (min-width: 1441px) and (max-width: 1660px) { .dz_one .info h1{ font-size:42px;} .dz_one .info .desc{ font-size:22px;} } @media screen and (min-width: 1367px) and (max-width: 1440px) { .dz_one .info h1{ font-size:40px;} .dz_one .info .desc{ font-size:22px;} } @media screen and (min-width: 1281px) and (max-width: 1366px) { .dz_one .info h1{ font-size:38px;} .dz_one .info .desc{ font-size:22px;} } @media screen and (min-width: 1201px) and (max-width: 1280px) { .dz_one .info h1{ font-size:36px;} .dz_one .info .desc{ font-size:20px;} } @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .dz_one .pimg{ height:240px;} .dz_one .info{ height:240px;} .dz_one .info{ padding:25px;} .dz_one .info h1{ font-size:26px; line-height:36px; padding-bottom:10px;} .dz_one .info .desc{ font-size:17px; line-height:26px;} .dz_one .li1 .pimg{ height:320px;} .dz_one .li2 .pimg{ height:420px;} .dz_one .li2 .info{ height:420px;} .dz_three{ margin-bottom:50px;} .dz_four li{ width:25%} .dz_four li .pimg{ height:120px;} .dz_four li h3{ line-height:42px; font-size:15px;} } @media (max-width: 767px) {/* 手机 */ .dz_one{ width:94%; margin-left:3%; padding:0} .dz_one li{ padding-bottom:12px;} .dz_one .li1 .pimg{ height:200px;} .dz_one .li2 .pimg{ height:280px; width:calc(50% - 6px);} .dz_one .li2 .info{ height:280px; width:calc(50% - 6px);} .dz_one .info{ padding:25px 20px;} .dz_one .info h1{ font-size:18px; line-height:24px; padding-bottom:10px;} .dz_one .info .desc{ font-size:12px; line-height:20px;} .dz_two{ width:94%; float:left;} .dz_two .pimg{ height:auto;} .dz_two .pimg img{ float:left; width:100%;} .dz_two .info{ height:auto;} .dz_three{ margin-bottom:0;} .dz_four li{ width:45.5%; margin-left:3%; padding-right:0; padding-bottom:12px;} .dz_four li .pimg{ height:120px;} .dz_four li h3{ line-height:38px; font-size:14px;} } /* 餐饮 cy */ .cy_one{ float:left; width:101.5%; padding-bottom:80px;} .cy_one li{ float:left; width:50%; padding-right:20px; padding-bottom:20px;} .cy_one li .nei{ float:left; width:100%; position:relative; overflow:hidden;} .cy_one li .img{ float:left; width:100%;} .cy_one li .info{ position:absolute; top:0px; left:0; padding:50px 60px; color:#fff;} .cy_one li .info h3{ float:left; width:100%; font-size:50px; line-height:60px; padding-bottom:25px; letter-spacing:2px;} .cy_one li .info .desc{ float:left; width:100%; font-size:24px; line-height:36px;} .cy_two{ float:left; width:100%; text-align:center; padding-bottom:50px;} .cy_two ul{ display:inline-block; background:#F5F5F5; border-radius:10px; overflow:hidden;} .cy_two ul li{ float:left; width:360px; line-height:80px; text-align:center; font-size:28px; color:#2D2F2F; cursor:pointer} .cy_two ul .sel,.cy_two ul li:hover{ background:#1FADE5; color:#fff;} .cy_qie{ float:left; width:100%} .cy_three{ width:100%; height:550px; background:url("../images/bg_17.png")/*tpa=http://www.erunpos.com/images/bg_17.png*/ no-repeat top center; background-size:cover; color:#fff;} .cy_three .title{ float:left; width:100%; padding-top:130px; line-height:80px; letter-spacing:3px; font-size:48px; font-weight:bold; padding-bottom:10px;} .cy_three .desc{ float:left; width:100%; font-size:22px; line-height:36px; max-width:640px;} .cy_four{ float:left; width:102.3%; margin-top:-130px; padding-bottom:10px;} .cy_four li{ float:left; width:25%; padding-right:30px; padding-bottom:30px;} .cy_four li .nei{ float:left; width:100%; background:#fff; height:260px; border-radius:10px; overflow:hidden; padding:30px; padding-bottom:0} .cy_four li .nei .top{ float:left; width:100%; height:80px;} .cy_four li .nei .top img{ max-height:53px;} .cy_four li .nei .top i{ float-h:left;} .cy_four li .nei .top span{ color:#F0F0F0; font-size:72px; line-height:60px; float:right; font-family:Viga; } .cy_four li .nei .desc{ float:left; width:100%; font-size:22px; color:#333333; line-height:34px;} .cy_five{ float:left; width:102.3%;} .cy_five li{ float:left; width:20%; padding-right:30px; padding-bottom:30px; text-align:center;} .cy_five li a{ float:left; width:100%; background:#1FADE5; height:200px; border-radius:10px; overflow:hidden;} .cy_five li .pimg{ float:left; width:100%; margin-top:30px; height:65px;} .cy_five li .pimg img{ height:60px;} .cy_five li h3{ float:left; width:100%; color:#fff; font-size:22px; line-height:50px; font-weight:normal; letter-spacing:2px; padding-bottom:5px;} .cy_five li .more{ float:left; width:100%;} .cy_five li .more span{ display:inline-block; width:26px; height:26px; background:url("../images/bg_18.png")/*tpa=http://www.erunpos.com/images/bg_18.png*/ no-repeat left top; background-size:100% 100%} .cy_six{ float:left; width:100%; text-align:center; padding:30px 0 100px 0; line-height:80px; color:#2D2F2F; font-size:36px; font-weight:bold; letter-spacing:1px;} .cy_six .a{ background:none; width:260px; display:inline-block; color:#20AEE5; border-radius:40px; font-size:22px; font-weight:normal; margin:0px 40px; border:2px solid #20AEE5;} .cy_six .a:hover{background:#20AEE5; color:#fff;} .cy_six .atell{ border:2px solid #20AEE5; color:#20AEE5; display:inline-block; border-radius:40px; font-size:26px; line-height:76px; padding:0px 50px;margin-left:40px;} .cy_six .atell i{ width:50px; float:left; background:url("../images/bg_19.png")/*tpa=http://www.erunpos.com/images/bg_19.png*/ no-repeat left center; height:76px; } .cy_seven{ float:left; width:100%; background:#F5F5F5;position:relative;} .cy_seven .left_img{ float:left; width:50%; overflow:hidden;} .cy_seven .left_img img{ float:left; width:100%} .cy_seven .info{ position:absolute; top:0; right:0px; padding:0px 60px 0px 100px;justify-content:center; align-items:center;display:-webkit-flex; width:50%; height:100%} .cy_seven .info .nei{ display:inline-block; width:100%;} .cy_seven .info .nei h1{ float:left; width:100%; color:#2D2F30; font-size:36px; padding-bottom:15px; line-height:50px;} .cy_seven .info .nei .desc{ float:left; width:100%; font-size:22px; color:#656565; line-height:32px;} .cy_eight{ float:left; width:102%; margin-bottom:75px;} .cy_eight li{ float:left; width:33.333%; padding-right:25px; padding-bottom:25px; text-align:center;} .cy_eight li .nei{ float:left; width:100%; background:#fff; border:1px solid #D9D9D9; height:300px; padding:0px 40px;} .cy_eight li .pimg{ float:left; margin-top:35px; height:70px; width:100%} .cy_eight li .img{ display:none; max-height:56px;} .cy_eight li .img2{ display:inline-block;} .cy_eight li .title{ float:left; width:100%; line-height:50px; font-size:28px; color:#333333; font-weight:bold; padding-bottom:4px;} .cy_eight li .desc{ float:left; width:100%; font-size:24px; color:#777777; line-height:38px; text-align:left;} .cy_eight li:hover .nei{ background:#20AEE5;} .cy_eight li:hover .title,.cy_eight li:hover .desc{ color:#fff;} .cy_eight li:hover .img{display:inline-block;} .cy_eight li:hover .img2{ display:none;} .cy_nine{ float:left; width:100%; height:960px; background:url("../images/bg_20.png")/*tpa=http://www.erunpos.com/images/bg_20.png*/ no-repeat top center; background-size:auto 100%; overflow:hidden; padding-left:50px;} .cy_nine .sy_title h3{ color:#1FADE5; margin-bottom:10px;} .cy_nine .sy_title h4{ color:#fff; width:100%; max-width:1100px; margin:0 auto; float:none;} .cy_nine .bottom{ float:left; width:100%; padding-bottom:150px; text-align:center; padding-top:30px;} .cy_nine .bottom img{ max-width:90%} .cy_ten{ float:left; width:100%} .cy_ten li{ float:left; width:50%; height:680px; background:no-repeat top center; background-size:100% 100%; padding:90px;} .cy_ten .li{ background:no-repeat top center; background-size:100% 100%} .cy_ten li h1{ float:left; width:100%; line-height:66px; color:#20AEE5; font-size:50px;} .cy_ten li h3{ float:left; width:100%; color:#20AEE5; line-height:50px; font-size:38px; font-weight:normal} .cy_ten li .desc{ float:left; width:100%; color:#fff; font-size:22px; line-height:36px; padding-top:20px; padding-bottom:60px;} .cy_ten li dl{ float:left; width:100%; color:#fff;} .cy_ten li dd{ float:left; font-size:24px; font-weight:bold; margin-right:35px; line-height:66px; margin-bottom:30px;} .cy_ten li dd i{ float:left; width:66px;border-radius:40px; background:#20AEE5; margin-right:10px;} .cy_ten li dd img{ float:left; width:100%;} @media screen and (min-width: 1441px) and (max-width: 1660px) { .cy_one li .info h3{ font-size:46px; line-height:54px; padding-bottom:20px;} .cy_one li .info .desc{ font-size:24px;line-height:36px;} .cy_three .title{ font-size:42px; line-height:68px;} .cy_ten li h1{ font-size:42px; line-height:60px;} .cy_ten li h3{ font-size:34px; line-height:48px;} .cy_ten li .desc{ font-size:20px; line-height:32px;} .cy_ten li dd{ line-height:60px; font-size:21px; margin-right:34px;} .cy_ten li dd i{ width:60px;} .cy_six{ line-height:70px; font-size:32px;} .cy_six .a{ width:220px; font-size:22px; margin:0px 30px;} .cy_six .atell{ line-height:66px; padding:0px 40px; margin-left:30px; font-size:24px;} .cy_six .atell i{ height:66px; background-size:auto 32px; width:40px;} .cy_eight li .desc{ font-size:20px; line-height:34px;} .cy_eight li .nei{ padding:0px 35px;} } @media screen and (min-width: 1367px) and (max-width: 1440px) { .cy_one li .info h3{ font-size:44px; line-height:54px; padding-bottom:15px;} .cy_one li .info .desc{ font-size:24px; line-height:34px;} .cy_three .title{ font-size:40px; line-height:64px;} .cy_ten li h1{ font-size:40px; line-height:60px;} .cy_ten li h3{ font-size:30px; line-height:44px;} .cy_ten li .desc{ font-size:20px; line-height:32px;} .cy_ten li dd{ line-height:52px; font-size:18px; margin-right:30px;} .cy_ten li dd i{ width:52px;} .cy_six{ line-height:64px; font-size:28px;} .cy_six .a{ width:200px; font-size:22px; margin:0px 30px;} .cy_six .atell{ line-height:66px; padding:0px 40px; margin-left:30px; font-size:24px;} .cy_six .atell i{ height:66px; background-size:auto 32px; width:40px;} .cy_eight li .desc{ font-size:20px; line-height:34px;} .cy_eight li .nei{ padding:0px 30px;} } @media screen and (min-width: 1281px) and (max-width: 1366px) { .cy_one li .info h3{ font-size:40px; line-height:50px; padding-bottom:15px;} .cy_one li .info .desc{ font-size:22px; line-height:32px;} .cy_three .title{ font-size:38px; line-height:60px;} /*.cy_four li .nei .desc{ font-size:22px;}*/ .cy_ten li h1{ font-size:38px; line-height:60px;} .cy_ten li h3{ font-size:26px; line-height:40px;} .cy_ten li .desc{ font-size:18px; line-height:32px;} .cy_ten li dd{ line-height:48px; font-size:17px; margin-right:30px;} .cy_ten li dd i{ width:48px;} .cy_six{ line-height:60px; font-size:24px;} .cy_six .a{ width:180px; font-size:22px; margin:0px 30px;} .cy_six .atell{ line-height:60px; padding:0px 40px; margin-left:30px; font-size:22px;} .cy_six .atell i{ height:60px; background-size:auto 28px; width:40px;} .cy_eight li .desc{ font-size:20px; line-height:34px;} .cy_eight li .nei{ padding:0px 30px;} } @media screen and (min-width: 1201px) and (max-width: 1280px) { .cy_one li .info h3{ font-size:36px; line-height:46px; padding-bottom:10px;} .cy_one li .info .desc{ font-size:20px; line-height:30px;} .cy_three .title{ font-size:36px; line-height:60px;} /*.cy_four li .nei .desc{ font-size:22px;}*/ .cy_ten li h1{ font-size:36px; line-height:60px;} .cy_ten li h3{ font-size:24px; line-height:36px;} .cy_ten li .desc{ font-size:17px; line-height:30px;} .cy_ten li dd{ line-height:45px; font-size:16px; margin-right:30px;} .cy_ten li dd i{ width:45px;} .cy_six{ line-height:56px; font-size:22px;} .cy_six .a{ width:160px; font-size:22px; margin:0px 30px;} .cy_six .atell{ line-height:56px; padding:0px 30px; margin-left:30px; font-size:20px;} .cy_six .atell i{ height:56px; background-size:auto 26px; width:40px;} .cy_eight li .desc{ font-size:20px; line-height:34px;} .cy_eight li .nei{ padding:0px 20px;} } @media screen and (min-width: 1201px) and (max-width: 1660px) {/* 小屏幕 */ .cy_seven .info .nei h1{ font-size:32px; line-height:44px;} .cy_seven .info .nei .desc{ font-size:20px;} .cy_eight li .title{ font-size:24px;} /*.cy_eight li .desc{ font-size:18px; line-height:30px;}*/ } @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .cy_one{ padding-bottom:40px;} .cy_one li .nei .info{ padding:25px 35px;} .cy_one li .info h3{ font-size:30px; padding-bottom:10px; line-height:34px;} .cy_one li .info .desc{ font-size:18px; line-height:24px;} .cy_two{ padding-bottom:30px;} .cy_two ul li{ width:260px; line-height:64px; font-size:22px;} .cy_three{ height:420px;} .cy_three .title{ font-size:40px; line-height:60px; padding-top:80px;} .cy_three .desc{ font-size:18px; line-height:32px;} .cy_four{ margin-top:-110px; display: flex;flex-wrap: wrap;} .cy_four li{ padding-right:20px; padding-bottom:20px;} .cy_four li .nei{ height:auto; padding:20px;} .cy_four li .nei .top{ height:50px;} .cy_four li .nei .top img{ height:30px;} .cy_four li .nei .top span{ font-size:40px; line-height:30px;} .cy_four li .nei .desc{ font-size:16px; line-height:26px;} .cy_five li{ padding-right:20px; padding-bottom:20px;} .cy_five li a{ height:150px;} .cy_five li .pimg{ margin-top:20px; height:45px;} .cy_five li .pimg img{ height:40px;} .cy_five li h3{ font-size:18px; line-height:40px;} .cy_five li .more span{ width:22px; height:22px;} .cy_five li.li .pimg img{ height:65px;} .cy_six{ line-height:50px; font-size:20px; padding-bottom:70px;} .cy_six .a{ width:130px; font-size:16px; margin:0px 10px;} .cy_six .atell{ line-height:46px; padding:0px 20px; margin-left:10px; font-size:16px;} .cy_six .atell i{ height:46px; background-size:auto 24px; width:30px;} .cy_seven .info{ padding:0px 30px 0px 40px;} .cy_seven .info .nei h1{ font-size:22px; line-height:34px; padding-bottom:10px;} .cy_seven .info .nei .desc{ font-size:15px; line-height:24px;} .cy_eight{display: flex;flex-wrap: wrap; margin-bottom:30px; width:103%; margin-top:10px;} .cy_eight li{ padding-right:20px; padding-bottom:20px;} .cy_eight li .nei{ padding:0px 20px 20px; height:auto;} .cy_eight li .pimg{ margin-top:20px; height:50px;} .cy_eight li .pimg img{ height:40px;} .cy_eight li .title{ font-size:20px; line-height:40px;} .cy_eight li .desc{ font-size:18px; line-height:22px;} .cy_nine{ height:auto; padding-left:50px;} .cy_nine .bottom{ padding-bottom:70px;} .cy_ten li{ height:480px; padding:40px;} .cy_ten li h1{ font-size:32px; line-height:44px;} .cy_ten li h3{ font-size:22px; line-height:34px;} .cy_ten li .desc{ font-size:16px; line-height:26px; padding-top:15px; padding-bottom:30px;} .cy_ten li dd{ line-height:40px; font-size:16px; margin-bottom:20px;} .cy_ten li dd i{ width:40px;} } @media (max-width: 767px) {/* 手机 */ .cy_one{ width:100%; padding-bottom:10px;} .cy_one li{ padding:0; padding-bottom:12px; margin-left:3%; width:45.5%} .cy_one li .nei .info{ padding:12px 15px;} .cy_one li .img{ height:170px; width:auto;} .cy_one li .info h3{ font-size:18px; padding-bottom:5px; line-height:20px;} .cy_one li .info .desc{ font-size:13px; line-height:16px;} .cy_two{ padding-bottom:15px;} .cy_two ul{ border-radius:5px;} .cy_two ul li{ width:150px; line-height:42px; font-size:15px; font-weight:bold;} .cy_three{ height:280px; padding:0px 15px;} .cy_three .title{ font-size:22px; line-height:40px; padding-top:40px;} .cy_three .desc{ font-size:14px; line-height:24px;} .cy_four{ margin-top:-70px; width:100%; padding-bottom:0px;display: flex;flex-wrap: wrap;} .cy_four li{ padding-right:20px; padding-bottom:13px; width:100%; width:45.5%; padding-right:0; margin-left:3%} .cy_four li .nei{ height:auto; padding:15px; padding-bottom:10px;} .cy_four li .nei .top{ height:45px;} .cy_four li .nei .top img{ height:30px;} .cy_four li .nei .top span{ font-size:40px; line-height:30px;} .cy_four li .nei .desc{ font-size:14px; line-height:22px;} .cy_five{ padding:0; width:100%} .cy_five li{ padding-right:0px; padding-bottom:13px; width:29.4%; margin-left:3%;} .cy_five li a{ height:125px;} .cy_five li .pimg{ margin-top:15px; height:40px;} .cy_five li .pimg img{ height:35px;} .cy_five li h3{ font-size:16px; line-height:36px;} .cy_five li .more span{ width:18px; height:18px;} .cy_five li.li .pimg{ padding-top:10px;} .cy_five li.li .pimg img{ height:65px;} .cy_six{ line-height:56px; font-size:15px; padding:10px 15px; text-align:left;} .cy_six .a{ width:110px; font-size:14px; margin:0px 10px; line-height:36px; text-align:center;} .cy_six .atell{ line-height:36px; padding:0px 15px; margin-left:10px; font-size:14px;} .cy_six .atell i{ height:36px; background-size:auto 20px; width:25px;} .cy_seven{ width:94%; margin-left:3%; margin-bottom:20px;} .cy_seven .left_img{ width:100%} .cy_seven .info{ padding:15px; position:relative; float:left; width:100%;} .cy_seven .info .nei h1{ font-size:18px; line-height:34px; padding-bottom:5px;} .cy_seven .info .nei .desc{ font-size:14px; line-height:24px;} .cy_eight{display: flex;flex-wrap: wrap; margin-bottom:10px; width:103%; margin-top:0px; width:100%} .cy_eight li{ padding-right:0px; padding-bottom:13px; margin-left:3%; width:45.5%} .cy_eight li .nei{ padding:20px 10px; height:auto;} .cy_eight li .pimg{ margin-top:15px; height:40px;} .cy_eight li .pimg img{ height:30px;} .cy_eight li .title{ font-size:15px; line-height:24px;} .cy_eight li .desc{ font-size:12px; line-height:20px;} .cy_nine{ height:auto; padding-left:30px;} .cy_nine .bottom{ padding-bottom:30px; padding-top:10px;} .cy_nine .bottom img{ max-width:95%} .cy_ten li{ height:auto; padding:20px; width:100%; padding-bottom:10px} .cy_ten li h1{ font-size:22px; line-height:34px;} .cy_ten li h3{ font-size:16px; line-height:24px;} .cy_ten li .desc{ font-size:13px; line-height:22px; padding-top:15px; padding-bottom:20px;} .cy_ten li dd{ line-height:34px; font-size:14px; margin-bottom:15px;} .cy_ten li dd i{ width:34px;} } /* 联系我们 lx */ .lx_one{ float:left; width:100%; background:#F7F7F7;} .lx_one .dt{ float:left; width:50%; height:530px;} .lx_one .ul{ float:left; width:50%; padding:10px 100px;} .lx_one .ul li{ float:left; width:100%; padding:21px 0; border-bottom:1px solid #CBCBCB} .lx_one .ul li:last-child{ border-bottom:0} .lx_one .ul li h3{ float:left; color:#333333; font-size:26px; padding-bottom:12px; background:url("../images/bg_23.png")/*tpa=http://www.erunpos.com/images/bg_23.png*/ no-repeat left bottom; line-height:34px; margin-bottom:13px;} .lx_one .ul li p{ float:left; width:100%; line-height:32px; color:#999999; font-size:20px;} .lx_two{ background:#fff;} .lx_two li .txt{ background:#F7F7F7;} .lx_two li .select{ background:url("../images/bg_16.png")/*tpa=http://www.erunpos.com/images/bg_16.png*/ no-repeat 96% center #F7F7F7;} @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .lx_one .dt{ height:440px;} .lx_one .ul{ padding:0px 40px;} .lx_one .ul li{ padding:15px 0;} .lx_one .ul li h3{ font-size:20px;} .lx_one .ul li p{ font-size:16px; line-height:28px;} } @media (max-width: 767px) {/* 手机 */ .lx_one .dt{ width:100%; height:300px;} .lx_one .ul{ padding:0px 20px; width:100%} .lx_one .ul li{ padding:15px 0;} .lx_one .ul li h3{ font-size:18px; padding-bottom:10px;} .lx_one .ul li p{ font-size:14px; line-height:24px;} } /* 弹预约 tan */ .tan_yy{ float:left; width:100%; background:#fff; position:relative} .tan_yy li .txt{ background:#F7F7F7;} .tan_yy li .select{ background:url("../images/bg_16.png")/*tpa=http://www.erunpos.com/images/bg_16.png*/ no-repeat 96% center #F7F7F7;} .tan_yy .close{ position:absolute; top:30px; right:40px; width:28px; height:28px; background:url("../images/bg_24.png")/*tpa=http://www.erunpos.com/images/bg_24.png*/ no-repeat center center; background-size:100% 100%; z-index:11; cursor:pointer;} .yj_two.tan_yy .sy_title{ padding-top:40px} .yj_two.tan_yy ul{ margin-top:0} .yj_two.tan_yy ul .txt{ height:50px; line-height:50px; padding-left:30px; font-size:16px;} .yj_two.tan_yy ul li{ font-size:16px;} .yj_two.tan_yy ul i{ line-height:60px; left:15px;} .yj_two.tan_yy ul .txt_desc{ height:100px; padding:12px 30px; line-height:30px;} .yj_two.tan_yy ul .bottom{ padding:10px 0 30px 0;} .yj_two.tan_yy ul .bottom .btn{ width:160px; height:54px; line-height:54px; margin:0px 20px; font-size:18px;} @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .tan_yy .sy_title{ padding-top:40px} .tan_yy ul{ margin-top:0} .tan_yy ul .txt{ height:50px; line-height:50px; padding-left:30px; font-size:16px;} .tan_yy ul li{ font-size:16px;} .tan_yy ul i{ line-height:60px; left:15px;} .tan_yy ul .txt_desc{ height:100px; padding:12px 30px; line-height:30px;} .tan_yy ul .bottom{ padding:10px 0 30px 0;} .tan_yy ul .bottom .btn{ width:160px; height:54px; line-height:54px; margin:0px 20px; font-size:18px;} } @media (max-width: 767px) {/* 手机 */ .tan_yy .close{ right:15px; top:15px; width:20px; height:20px;} } /* 关于我们 gy */ .gy_one{ float:left; width:100%; background:#F7F7F7;} .gy_one .left{ float:left; width:50%; padding-left:10%; padding-right:100px;} .gy_one .left .title{ float:left; width:100%; color:#2D2F2F; font-size:60px; line-height:72px; margin-top:140px; font-weight:bold;} .gy_one .left .top{ float:left; width:100%; color:#212121; font-size:38px; margin-bottom:20px; line-height:60px; font-weight:bold;} .gy_one .left .desc{ float:left; width:100%; color:#656565; font-size:22px; height:260px; overflow:hidden; overflow-y:auto; padding-right:45px; line-height:38px;} .gy_one .left .desc{-webkit-overflow-scrolling: touch;scroll-behavior: smooth;} .gy_one .left .desc::-webkit-scrollbar {width: 3px;} .gy_one .left .desc::-webkit-scrollbar-track-piece { width:3px; background-color: #E5E5E5; -webkit-border-radius: 8px 8px;} .gy_one .left .desc::-webkit-scrollbar-thumb{ -webkit-border-radius: 8px 8px; background-color: #20AEE5;} .gy_one .right{ float:left; width:50%; height:680px;justify-content:center; align-items:center;display:-webkit-flex; overflow:hidden;} .gy_one .right img{ height:100%; width:100%;object-fit: cover;} .gy_two{ float:left; width:100%; position:relative; background:#fff} .gy_two .left{ height:530px; overflow:hidden; float:left; width:45%; justify-content:center; align-items:center;display:-webkit-flex;} .gy_two .left img{height:100%; width:100%;object-fit: cover;} .gy_two .right{ float:left; width:45%; padding-left:90px;justify-content:center; align-items:center;display:-webkit-flex; position:absolute; top:0; right:10%; height:100%} .gy_two .right .info{ display:inline-block; width:100%;} .gy_two .right .info h2{ float:left; width:100%; line-height:60px; padding-bottom:20px; font-size:38px; color:#2D2F2F;} .gy_two .right .info p{ float:left; width:100%; color:#777777; font-size:22px; line-height:36px;} .gy_three{ background:#F7F7F7; overflow:hidden;} .gy_three ul{ float:left; width:102%; padding-bottom:85px;} .gy_three ul li{ float:left; width:25%; padding-right:20px; padding-bottom:15px;} .gy_three .nei{ float:left; width:100%; height:420px; background:#fff; text-align:center; padding:0 35px;} .gy_three .pimg{ float:left; width:100%; margin-top:85px; height:80px;} .gy_three .pimg img{ height:60px;} .gy_three h2{float:left; width:100%; line-height:65px; font-size:28px; color:#333333; font-weight:normal; letter-spacing:2px; } .gy_three .desc{float:left; width:100%; line-height:34px; font-size:22px; color:#777777; } .gy_four{ float:left; width:100%; height:360px; background:url("../images/bg_26.png")/*tpa=http://www.erunpos.com/images/bg_26.png*/ repeat-x left center;overflow:hidden; margin-bottom:100px;} /*.gy_four li{ float:left; width:20%; padding-top:75px; text-align:center; background:url(../images/bg_27.png) no-repeat center center; height:360px; position:relative; }*/ .gy_four .nei{ float:left; width:100%;padding-top:75px; text-align:center; background:url("../images/bg_27.png")/*tpa=http://www.erunpos.com/images/bg_27.png*/ no-repeat center center; height:360px; position:relative;} .gy_four .nian{ float:left; width:100%; height:150px; line-height:56px; color:#656565; font-size:18px;} .gy_four .nian strong{ font-size:48px; font-family:Viga; font-weight:normal} .gy_four .biao{ float:left; width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; line-height:50px; color:#656565; font-size:20px;} .gy_four .li .biao{ margin-bottom:90px; margin-top:10px;} .gy_four .nei:hover .info{ top:20px;} .gy_four .info{ position:absolute; top:130%; left:0; width:100%; max-height:300px;overflow: auto; background:#fff;-moz-box-shadow:0px 5px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0px 5px 15px rgba(0,0,0,0.3); box-shadow:0px 5px 15px rgba(0,0,0,0.3); padding:10px; z-index:111;} .gy_four .info .img{ height:180px; overflow:hidden; float:left; width:100%;justify-content:center; align-items:center;display:-webkit-flex;} .gy_four .info .img img{height:100%; width:100%;object-fit: cover;} .gy_four .info h4{ float:left; width:100%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; /*-webkit-line-clamp:3;-webkit-box-orient: vertical;*/ color:#656565; font-size:18px; line-height:30px; text-align:left; font-weight:normal; margin-top:8px;} .gy_body{ background:url("../images/bg_28.png")/*tpa=http://www.erunpos.com/images/bg_28.png*/ no-repeat top center; background-size:auto 100%;background-attachment: fixed;} .gy_five{ float:left; width:100%; } .gy_five .sy_title {padding: 60px 0;} .gy_five .sy_title h3{ color:#fff;} .gy_five .sy_title h4{ color:#fff; padding-top:15px;} .gy_six{ float:left; width:100%; background:#fff; padding-top:100px; padding-bottom:100px;} .gy_six .left{ width:45%; float:left; padding-right:20px;} .gy_six .left .title{ float:left; width:100%; padding-top:150px; color:#333333; font-size:50px; line-height:60px} .gy_six .left .desc{ float:left; width:100%;padding-top:30px; font-size:22px; line-height:34px; color:#777777;} .gy_six .right{ position:relative; float:left; width:55%;} .gy_six .right img{ width:100%; float:left;} @keyframes warn { 0% {-webkit-transform: scale(0.6);} 50% {-webkit-transform: scale(1.2)} 100% {-webkit-transform: scale(0.6)} } @-webkit-keyframes "warn" { 0% {-webkit-transform: scale(0.6);} 50% {-webkit-transform: scale(1.2)} 100% {-webkit-transform: scale(0.6)} } .gy_six .right p{ position:absolute; width: 34px;height: 34px;} /* 保持大小不变的小圆圈 */ .gy_six .right p i{position: absolute;width: 10px;height: 10px;left: 7px;top: 7px;-webkit-border-radius: 20px; -moz-border-radius: 20px;border: 2px solid #20AEE5;border-radius: 20px;z-index: 2;background:#20AEE5;} /* 产生动画（向外扩散变大）的圆圈 */ .gy_six .right p span{position: absolute;width: 34px; height: 34px;left: -5px;top: -5px;border: 1px solid #20AEE5;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; z-index: 1; -webkit-animation: warn 2s ease-out;-moz-animation: warn 2s ease-out;animation: warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;animation-iteration-count: infinite;} .gy_six .right .p1{ top:32%; left:40%} .gy_six .right .p2{ top:35%; left:73%;} .gy_six .right .p2 span{animation-delay:0.5s;-webkit-animation-delay:0.5s;} .gy_six .right .p3{ top:50%; left:52%} .gy_six .right .p3 span{animation-delay:0.2s;-webkit-animation-delay:0.2s;} .gy_six .right .p4{ top:54%; left:66%} .gy_six .right .p4 span{animation-delay:0.7s;-webkit-animation-delay:0.7s;} .gy_six .right .p5{ top:58%; left:86%} .gy_six .right .p5 span{animation-delay:0.5s;-webkit-animation-delay:0.5s;} .gy_six .right .p6{ top:61%; left:44%} .gy_six .right .p6 span{animation-delay:0.3s;-webkit-animation-delay:0.3s;} .gy_six .right .p7{ top:74%; left:58%} .gy_six .right .p7 span{animation-delay:0.6s;-webkit-animation-delay:0.6s;} .gy_six .right .p8{ top:77%; left:75%} .gy_six .right .p8 span{animation-delay:0.8s;-webkit-animation-delay:0.8s;} .gy_six .right .p9{ top:79%; left:86.3%} .gy_six .right .p9 span{animation-delay:0.9s;-webkit-animation-delay:0.9s;} .gy_six .right .p10{ top:82%; left:73%} .gy_six .right .p10 span{animation-delay:0.3s;-webkit-animation-delay:0.3s;} .gy_six .right .p11{ top:85.5%; left:68%} .gy_six .right .p11 span{animation-delay:1s;-webkit-animation-delay:1s;} .gy_six .right .p12{ top:70%; left:82%} .gy_six .right .p12 span{animation-delay:1s;-webkit-animation-delay:1s;} .gy_seven{ float:left; width:100%; background:#F7F7F7;} .gy_sevenLB{ float:left; width:100%; margin-top:30px; margin-bottom:100px;} .gy_sevenLB .lSSlideOuter .lSPager.lSpg{ width:100%; position:relative; text-align:center; margin-top:60px; background:none; float:left;} .gy_sevenLB .lSSlideOuter .lSPager.lSpg > li a{ background:#DDDFE5; width:12px; height:12px;} .gy_sevenLB .lSSlideOuter .lSPager.lSpg > li:hover a,.gy_sevenLB .lSSlideOuter .lSPager.lSpg > li.active a{ background:#1FADE5;} .gy_sevenLB .lSSlideOuter .lSPager.lSpg > li{ margin-top:0px} .gy_sevenLB .item .img{ float:left; width:100%} @media screen and (min-width: 1441px) and (max-width: 1660px) { .gy_one .left .title{ font-size:54px;} .gy_one .left .top{ font-size:34px;} .gy_two .right .info h2{ font-size:36px;} .gy_two .right .info p{ font-size:20px;} .gy_six .left .title{ font-size:44px;} } @media screen and (min-width: 1367px) and (max-width: 1440px) { .gy_one .left .title{ font-size:50px; line-height:64px;} .gy_one .left .top{ font-size:32px;} .gy_one .left .desc{ font-size:20px; line-height:34px;} .gy_two .right .info h2{ font-size:34px;} .gy_two .right .info p{ font-size:20px;} .gy_six .left .title{ font-size:40px;line-height:56px;} } @media screen and (min-width: 1281px) and (max-width: 1366px) { .gy_one .left .title{ font-size:46px; line-height:56px;} .gy_one .left .top{ font-size:30px;} .gy_one .left .desc{ font-size:20px; line-height:34px;} .gy_two .right .info h2{ font-size:32px;} .gy_two .right .info p{ font-size:20px;} .gy_six .left .title{ font-size:38px; line-height:54px;} } @media screen and (min-width: 1201px) and (max-width: 1280px) { .gy_one .left .title{ font-size:42px; line-height:52px;} .gy_one .left .top{ font-size:26px; line-height:50px;} .gy_one .left .desc{ font-size:18px; line-height:34px;} .gy_two .right .info h2{ font-size:30px;} .gy_two .right .info p{ font-size:18px;} .gy_six .left .title{ font-size:36px; line-height:50px;} } @media screen and (min-width: 1201px) and (max-width: 1559px) {/* 小屏幕 */ .gy_one .left{ padding-left:5%;} .gy_two .right{ right:5%; width:50%} .gy_three h2{ font-size:26px;} .gy_three .desc{ font-size:19px; line-height:30px;} } @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .gy_one .left{ padding:0px 30px;} .gy_one .left .title{ margin-top:40px; font-size:34px; line-height:40px;} .gy_one .left .top{ font-size:22px; line-height:40px; margin-bottom:15px;} .gy_one .left .desc{ font-size:16px; line-height:30px; height:210px;} .gy_one .right{ height:380px;} .gy_two .left{ height:350px;} .gy_two .right{ right:3%; width:52%; padding-left:30px;} .gy_two .right .info h2{ line-height:40px; font-size:24px; padding-bottom:10px;} .gy_two .right .info p{ font-size:16px; line-height:28px;} .gy_three ul{ padding-bottom:40px; width:103%} .gy_three .nei{ padding:0px 20px; height:270px;} .gy_three .pimg{ height:50px; margin-top:40px;} .gy_three .pimg img{ height:40px;} .gy_three h2{ font-size:22px; line-height:50px;} .gy_three .desc{ font-size:15px; line-height:26px; } .gy_four { height:280px; margin-bottom:30px;} .gy_four .nei{ padding-top:40px; height:280px;} .gy_four .nian{ height:110px; font-size:16px;} .gy_four .nian strong{ font-size:34px;} .gy_four .li .biao{ margin-bottom:50px;} .gy_four .info{ width:100%; left:-0; height:auto; max-height:250px; } .gy_four .nei:hover .info{top:10px} .gy_four .info .img{ height:160px;} .gy_four .info h4{ font-size:14px; line-height:22px;} .gy_five{height:auto;} .gy_five .sy_title h3{ line-height:46px;} .gy_six{ padding-top:60px; padding-bottom:60px;} .gy_six .left{ width:100%; padding-top:0; margin-top:0} .gy_six .left .title{ font-size:30px; line-height:40px; margin:0; padding:0;} .gy_six .left .desc{ font-size:16px; line-height:30px; padding-bottom:40px;} .gy_six .right{ width:100%} .gy_sevenLB{ margin-top:10px;} .gy_sevenLB .lSSlideOuter .lSPager.lSpg{ margin-top:30px;} .gy_sevenLB .lSSlideOuter .lSPager.lSpg > li a{ width:10px; height:10px;} .gy_sevenLB{ margin-bottom:50px;} } @media (max-width: 767px) {/* 手机 */ .gy_one .left{ padding:0px 15px; width:100%} .gy_one .left .title{ margin-top:20px; font-size:24px; line-height:40px;} .gy_one .left .top{ font-size:16px; line-height:30px; margin-bottom:10px;} .gy_one .left .desc{ font-size:14px; line-height:24px; height:210px; padding-right:15px;} .gy_one .right{ height:auto; width:100%; margin-top:15px;} .gy_one .right img{ float:left; width:100%; height:auto;} .gy_two{ margin:15px 0; margin-bottom:0} .gy_two .left{ height:250px; width:100%} .gy_two .right{ right:0; width:100%; padding:15px 20px; position:relative; float:left;} .gy_two .right .info h2{ line-height:40px; font-size:18px; padding-bottom:0px;} .gy_two .right .info p{ font-size:14px; line-height:24px;} .gy_three ul{ padding-bottom:10px; width:100%} .gy_three ul li{ width:45.5%; margin-left:3%; padding-right:0} .gy_three .nei{ padding:0px 15px; height:220px;} .gy_three .pimg{ height:40px; margin-top:30px;} .gy_three .pimg img{ height:35px;} .gy_three h2{ font-size:20px; line-height:44px;} .gy_three .desc{ font-size:14px; line-height:24px; padding-top:10px;} .gy_four { height:210px; overflow-x:auto; white-space: nowrap; margin-bottom:0px;} .gy_four .nei{ padding-top:10px; height:210px; width:100%; float:none; display:inline-block} .gy_four .nian{ height:110px; font-size:14px;} .gy_four .nian strong{ font-size:24px;} .gy_four .li .biao{ font-size:14px; -webkit-line-clamp: 4; line-height:25px; height:100px; margin-bottom:0; padding-top:0;white-space: pre-wrap;} .gy_four li .biao { font-size:14px; -webkit-line-clamp: 4; line-height:22px; height:100px; margin-bottom:0;padding-top:15px;white-space: pre-wrap;} .gy_four .info{ width:92%; left:4%; height:185px; } .gy_four .nei:hover .info{top:8px} .gy_four .info .img{ height:120px; display:none} .gy_four .info h4{ font-size:14px; line-height:24px; -webkit-line-clamp:100;white-space: pre-wrap;overflow:hidden; height:165px; padding-top:0; margin-top:0} .gy_four{-webkit-overflow-scrolling: touch;scroll-behavior: smooth; padding-left:0px;} .gy_four::-webkit-scrollbar {height: 3px;} .gy_four::-webkit-scrollbar-track-piece { height:5px; background-color: #F1F1F1; -webkit-border-radius: 10% 10%;} .gy_four::-webkit-scrollbar-thumb{ -webkit-border-radius: 3px 3px; background-color: #1FADE4;} .gy_five{height:auto;} .gy_six{ padding:20px 3%;} .gy_six .left{ width:100%; padding-top:0; margin-top:0} .gy_six .left .title{ font-size:20px; line-height:30px; margin:0; padding:0;} .gy_six .left .desc{ font-size:14px; line-height:26px; padding-bottom:30px; padding-top:15px;} .gy_six .right{ width:100%} .gy_six .right p{ width:22px; height:22px;} .gy_six .right p i{ width:7px; height:7px; border:0; border-radius:20px;} .gy_six .right p span{ width:21px; height:21px; left:0; top:0} .gy_sevenLB{ margin-top:0px; padding:0px 3%;} .gy_sevenLB .lSSlideOuter .lSPager.lSpg{ margin-top:10px;} .gy_sevenLB .lSSlideOuter .lSPager.lSpg > li a{ width:8px; height:8px;} .gy_sevenLB{ margin-bottom:20px;} .gy_five .sy_title { padding: 20px 3%;} } /* 解决方案 详情 xq*/ .jjxq_body{ background:url("../images/bg_29.png")/*tpa=http://www.erunpos.com/images/bg_29.png*/;} .jjxq_body .wei{ line-height:76px; border-bottom:1px solid #E5E5E5;} .banner .nei{ position:relative; width:100%;} .banner .zi{ position:absolute; top:0; left:0; z-index: 10; color:#fff; text-align:center;justify-content:center; align-items:center;display:-webkit-flex; font-size:60px; letter-spacing:7px; font-weight:bold; width:100%; height:100%} .lei{ float:right;} .lei li{ float:left; margin-left:75px; color:#656565; font-size:18px; cursor:pointer;} .lei li.sel{ background:url("../images/bg_02.png")/*tpa=http://www.erunpos.com/images/bg_02.png*/ no-repeat left bottom; background-size:100% 4px; color:#23C1FF;} .scrollTop{ position:fixed; top:0px; z-index:111;} .xq_one{ float:left; width:100%; background:#fff; margin-top:80px; margin-bottom:20px; padding:0 100px 100px 100px;} .xq_one .bottom{ float:left; width:100%; line-height:42px; color:#333333; font-size:21px; text-align:center;} .xq_two{ float:left; width:100%; background:#fff; text-align:center;width: 100%;} .xq_two img{ width:100%;vertical-align: top;} .xq_three{ float:left; width:100%; height:850px; background:url("../images/bg_30.png")/*tpa=http://www.erunpos.com/images/bg_30.png*/ no-repeat top center; background-size:auto 100%} .xq_three .sy_title h3{ color:#fff; text-align:left;} .xq_three .nei{ float:left; width:100%; height:auto; background:url("../images/bg_31.png")/*tpa=http://www.erunpos.com/images/bg_31.png*/ no-repeat left top; position:relative; min-height:400px; background-size:60% 100%} .xq_three .nei .img{ position:absolute; top:-50px; right:0;} .xq_three ul{ float:left; width:42%; padding-left:25px; padding-top:30px;} .xq_three ul li{ float:left; width:100%; padding:12px 0; line-height:34px; padding-left:25px; background:url("../images/bg_32.png")/*tpa=http://www.erunpos.com/images/bg_32.png*/ no-repeat left 30px; color:#fff; font-size:22px;} .xq_three ul li:hover{ background:url("../images/bg_32-sel.png")/*tpa=http://www.erunpos.com/images/bg_32-sel.png*/ no-repeat left 25px; color:#1FADE5;} .xq_four { margin-bottom:120px;} .xq_four .sy_title h3{ text-align:left;} .xq_four .tb{ float:left; width:100%; background:#fff; padding-bottom:5px;} .xq_four .tb th{ line-height:65px; color:#fff; background:#41C5F8; font-size:24px; text-align:center;} .xq_four .tb .th{ background:#25B1E8;} .xq_four .tb td{ padding:5px; text-align:center;} .xq_four .tb td p{ background:#F5F7FD; line-height:54px; font-size:20px; font-weight:bold;} .xq_four .tb .ll{ padding-left:10px;} .xq_four .tb .rr{ padding-right:10px;} .xq_four .tb .rr p{ font-weight:normal; color:#333333; background:#F5F7FD;} .xq_four .tb .tr td{ padding-top:10px;} .xq_five{ background:#fff; padding-bottom:120px; position:relative;} .xq_five .sy_title h3{ text-align:left;} .xq_five .nei{ float:left; width:100%; border:10px solid #EAEAEA;} .xq_five .nei .pimg{ float:left; overflow:hidden; width:45%; height:470px;justify-content:center; align-items:center;display:-webkit-flex;} .xq_five .nei .pimg img{height:100%; width:100%;object-fit: cover;} .xq_five .right{ float:right; width:55%; height:470px; padding:0px 80px;justify-content:center; align-items:center;display:-webkit-flex;} .xq_five .info{ display:inline-block; width:100%} .xq_five .title{ float:left; width:100%; font-size:32px; color:#333333; margin-bottom:28px; font-weight:bold} .xq_five .desc{float:left; width:100%; font-size:22px; line-height:44px; color:#333333;} .xq_five .date{float:left; width:100%; color:#1FADE5; font-size:20px; margin-top:50px;} @media screen and (min-width: 1441px) and (max-width: 1660px) { .al_xq .title{ font-size:34px; line-height:56px;} } @media screen and (min-width: 1367px) and (max-width: 1440px) { .al_xq .title{ font-size:32px; line-height:54px;} } @media screen and (min-width: 1281px) and (max-width: 1366px) { .al_xq .title{ font-size:30px; line-height:52px;} } @media screen and (min-width: 1201px) and (max-width: 1280px) { .al_xq .title{ font-size:28px; line-height:50px;} } @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .banner .zi{ font-size:40px;} .jjxq_body .wei{ line-height:60px;} .lei li{ margin-left:40px; font-size:16px;} .xq_one{ margin-top:50px; padding:0px 60px 60px 60px;} .xq_one .bottom{ font-size:16px; line-height:34px;} .xq_two{ padding:40px; margin-bottom:60px;} .xq_three{ height:auto; padding-bottom:60px;} .xq_three .nei .img{width:60%; top:0px; right:-3%} .xq_three .nei{ height:300px; background-size:auto 100%} .xq_three ul{ padding-top:15px; width:45%;padding-left:20px;} .xq_three ul li{ font-size:16px; line-height:28px;background:url("../images/bg_32.png")/*tpa=http://www.erunpos.com/images/bg_32.png*/ no-repeat left 25px; padding:10px 0; padding-left:20px;} .xq_four { margin-bottom:80px;} .xq_four .tb th{ font-size:20px; line-height:54px;} .xq_four .tb td p{ font-size:16px; line-height:30px; padding:6px;} .xq_five{ padding-bottom:80px;} .xq_five .nei .pimg{ height:350px;} .xq_five .right{ padding:0px 40px; height:350px;} .xq_five .title{ padding-bottom:20px; margin-bottom:20px; font-size:26px; line-height:30px;} .xq_five .desc{ font-size:17px; line-height:30px;} .xq_five .date{ margin-top:20px; font-size:17px;} } @media (max-width: 767px) {/* 手机 */ .banner .zi{ font-size:24px;} .jjxq_body .wei{ line-height:40px; padding-bottom:0} .lei{ width:100%; text-align:center;} .lei li{ font-size:14px; float:none; display:inline-block; margin:0px 10px;} .lei li.sel{ background-size:100% 3px;} .xq_one{ margin-top:15px; padding:0px 15px 15px 15px; margin-bottom:13px;} .xq_one .bottom{ font-size:14px; line-height:26px; margin-top:-5px;} .xq_two{ padding:15px; margin-bottom:20px;} .xq_three{ height:auto;} .xq_three .nei .img{ top:0px; right:0; position:relative; width:100%; float:left;width:100%; margin-top:15px;} .xq_three .nei{ height:auto; background-size:100% 200px; padding-bottom:20px; width:94%; margin-left:3%;} .xq_three ul{ padding-top:10px; width:100%;padding-left:15px;} .xq_three ul li{ font-size:14px; line-height:22px;background:url("../images/bg_32.png")/*tpa=http://www.erunpos.com/images/bg_32.png*/ no-repeat left 15px; padding:6px 0; padding-left:20px;} .xq_three ul li:hover{ background:url("../images/bg_32-sel.png")/*tpa=http://www.erunpos.com/images/bg_32-sel.png*/ no-repeat left 10px; color:#1FADE5;} .xq_four { margin-bottom:30px;} .xq_four .tb{ padding-bottom:5px;} .xq_four .tb .tr td{ padding-top:10px;} .xq_four .tb .ll{ padding-left:10px;} .xq_four .tb .rr{ padding-right:10px;} .xq_four .tb td{ padding:5px; position:relative} .xq_four .tb .ll p{ height:52px; line-height:40px;} .xq_four .tb th{ font-size:15px; line-height:40px;} .xq_four .tb td p{ font-size:12px; line-height:20px; padding:6px;} .xq_five{ padding-bottom:20px;} .xq_five .nei{ width:94%; margin-left:3%; border:5px solid #EAEAEA;} .xq_five .nei .pimg{ height:auto; width:100%} .xq_five .nei .pimg img{ float:left; width:100%} .xq_five .right{ padding:0px ; height:auto; width:100%} .xq_five .title{ padding-bottom:15px; margin-bottom:15px; font-size:18px; line-height:24px;} .xq_five .info{ float:left; width:100%; padding:20px;} .xq_five .desc{ font-size:14px; line-height:24px;} .xq_five .date{ margin-top:20px; font-size:14px;} } /* 智慧 zh */ .zh_title{ float:left; width:100%; text-align:center; padding-top:45px; color:#2D2F2F; margin-bottom:50px; } .zh_title h1{ float:left; width:100%; margin-bottom:30px; padding-top:0} .zh_title h1 span{ font-size:50px; line-height:60px; display:inline-block; padding-left:140px; /*background:url(../images/bg_34.png) no-repeat left center;*/} .zh_title h1 span i{ float:right; width:140px; height:60px; /*background:url(../images/bg_34.png) no-repeat right center;*/} .zh_title h3{ float:left; width:100%; line-height:40px;font-size:38px; letter-spacing:1px;} .zh_title .h3{ padding-top:10px;} .zh_title .desc{ float:left; width:100%; padding:0px 10%; color:#656565; font-size:22px; line-height:34px; padding-top:20px;} @media screen and (min-width: 1441px) and (max-width: 1660px) { .zh_title h1{ margin-bottom:20px;} .zh_title h1 span{ font-size:44px; line-height:52px;} .zh_title h1 span i{ height:52px;} .zh_title h3{ font-size:34px; line-height:36px;} } @media screen and (min-width: 1367px) and (max-width: 1440px) { .zh_title h1{ margin-bottom:15px;} .zh_title h1 span{ font-size:40px; line-height:44px;} .zh_title h1 span i{ height:44px;} .zh_title h3{ font-size:28px; line-height:32px;} } @media screen and (min-width: 1281px) and (max-width: 1366px) { .zh_title h1{ margin-bottom:15px;} .zh_title h1 span{ font-size:38px; line-height:40px;} .zh_title h1 span i{ height:40px;} .zh_title h3{ font-size:25px; line-height:30px;} } @media screen and (min-width: 1201px) and (max-width: 1280px) { .zh_title h1{ margin-bottom:15px;} .zh_title h1 span{ font-size:36px; line-height:38px;} .zh_title h1 span i{ height:38px;} .zh_title h3{ font-size:24px; line-height:30px;} } .zh_one{ float:left;} .zh_one .left_img{ width:43%; float:left; height:735px;justify-content:center; align-items:center;display:-webkit-flex; overflow:hidden;} .zh_one .left_img img{ height:100%;} .zh_one .ul{ float:right; width:57%; padding:0px 30px; height:735px; overflow:hidden; overflow-y:auto;} .zh_one .ul li{ float:left; width:100%; padding:30px; padding-left:110px; position:relative;} .zh_one .ul li .num{ position:absolute; top:35px; left:30px; width:62px; height:62px; text-align:center; line-height:60px; border:1px solid #666666; border-radius:50px; font-size:36px; color:#656565; font-family:Viga; font-style:normal} .zh_one .ul li:hover{ background:#F5F5F5} .zh_one .ul li .title{ float:left; width:100%; font-size:30px; color:#2D2F2F; padding-bottom:10px; line-height:34px;} .zh_one .ul li .desc{ float:left; width:100%; font-size:20px; color:#656565; line-height:30px;} .zh_one .ul li:hover .num{ border:1px solid #20AEE5; color:#fff; background:#20AEE5;} .zh_one .ul li:hover .title{ color:#20AEE5;} .zh_one .ul{-webkit-overflow-scrolling: touch;scroll-behavior: smooth;} .zh_one .ul::-webkit-scrollbar {width: 4px;} .zh_one .ul::-webkit-scrollbar-track-piece { width:4px; background-color:#E6E6E6; -webkit-border-radius: 10% 10%;} .zh_one .ul::-webkit-scrollbar-thumb{ -webkit-border-radius: 3px 3px; background-color: #20AEE5;} .zh_two{ background:#F7F7F7; margin-top:100px; padding-bottom:80px;} .zh_two .bottom{ float:left; width:100%; text-align:center;} .zh_two .bottom img{ max-width:100%;} .zh_two .ul{ float:left; width:100%; text-align:center; margin-bottom:-30px;} .zh_two .ul li{ display:inline-block; height:180px; width:180px;} .zh_two .ul li img{ width:100px; height:100px; border-radius:100px;} .zh_two .ul li p{ float:left; width:100%; font-size:20px; color:#333333; line-height:34px;} .zh_two .ul li.li{ width:50px;} .zh_two .ul li.li img{ width:auto; border-radius:0;} .zh_three{ float:left; width:102%; margin-bottom:100px;} .zh_three li{ float:left; width:50%; padding-right:25px; padding-bottom:25px;} .zh_three li .nei{ float:left; width:100%; background:#E5E5E5; border-radius:10px; height:345px; padding:0px 85px 0 100px; position:relative;} .zh_three li .num{ width:150px; height:150px; border:15px solid #fff; background:#E5E5E5; text-align:center; line-height:120px; font-style:normal; font-family:Viga; color:#333333; font-size:64px; position:absolute; top:-75px; left:-75px; border-radius:100px;} .zh_three li h3{ float:left; padding-top:55px; width:100%; line-height:50px; margin-bottom:10px;color:#1FADE5; font-size:32px;} .zh_three li .desc{ float:left; width:100%; line-height:30px; font-size:22px; color:#656565; height:110px;} .zh_three li .img{ float:left; max-height:66px;} .zh_three .libg .nei{ background:#F5F5F5;} .zh_three .libg .num{ background:#F5F5F5;} .zh_three .li{ text-align:right;} .zh_three .li .nei{ padding:0px 100px 0px 85px;} .zh_three .li .img{ float:right;} .zh_three .li2 .num{ left:auto; right:-75px;} .zh_three .li3 .num{ left:-75px; top:auto; bottom:-45px;} .zh_three .li4 .num{ left:auto; right:-75px; top:auto; bottom:-45px;} .main_ov{ overflow:hidden;} .zh_four{ background:#F7F7F7;} .zh_four .zh_title .desc{ padding-left:0; padding-right:0; text-align:left;} .zh_four .ul{ float:left; width:101.5%; margin-bottom:60px;} .zh_four .ul li{ float:left; width:25%; padding-right:20px;} .zh_four .nei{ float:left; width:100%; background:#fff;} .zh_four .pimg{ float:left; width:100%; height:380px; overflow:hidden;justify-content:center; align-items:center;display:-webkit-flex;} .zh_four .pimg img{ height:100%; width:100%;object-fit: cover;} .zh_four li .desc{ float:left; width:100%; background:url("../images/bg_35.png")/*tpa=http://www.erunpos.com/images/bg_35.png*/ no-repeat top center; padding-top:56px; margin-top:-22px; position:relative; z-index:111;} .zh_four li .desc .top{ line-height:40px; text-align:center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; color:#2D2F2F; font-size:28px;float:left; width:100%; margin-bottom:5px;} .zh_four li .desc .bottom{ float:left; width:100%; padding:0px 30px; margin-bottom:15px; line-height:28px; color:#656565; font-size:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; height:56px; text-align:center;} .zh_four .more{ float:left; width:100%; text-align:center; margin-bottom:100px;} .zh_four .more a{ display:inline-block; width:350px; height:80px; line-height:80px; text-align:center; border-radius:100px; background:#1FADE5; color:#fff; font-size:22px;} .zh_five li .pimg{ height:500px;} .zh_five li h2{ font-size:36px;} .zh_five li .desc{ line-height:36px;} .zh_six{ background:#F2F2F2;} .zh_six .bottom{ float:left; width:100%; text-align:center; padding-bottom:100px; margin-top:20px;} .zh_six .bottom img{ max-width:100%} .zh_seven{ float:left; width:100%; background:url("../images/bg_36.png")/*tpa=http://www.erunpos.com/images/bg_36.png*/ no-repeat left bottom #20AEE5; background-size:100%;} .zh_seven .sy_title h3,.zh_seven .sy_title h4{ color:#fff;} .zh_seven .sy_title h3{ font-size:38px; line-height:50px;} .zh_seven .sy_title h4{ font-size:20px; line-height:32px;} .zh_seven .ul_top{ float:left; width:100%; line-height:20px; margin-top:10px; text-align:center; position:relative; z-index:1;} .zh_seven .ul_top span{ display:inline-block; color:#fff; font-size:30px; background: #20AEE5; padding:0px 35px; font-weight:bold;} .zh_seven .ul{ float:left; width:100%; border:2px solid #fff; padding:0px 30px; border-radius:10px; padding-top:60px; padding-bottom:40px; margin-top:-15px; margin-bottom:40px;} .zh_seven .ul li{ float:left; width:16.6%; text-align:center;} .zh_seven .ul li .img{ float:left; width:100%;} .zh_seven .ul li .img img{ width:160px; height:160px; border-radius:10px;} .zh_seven .ul li h3{ line-height:60px; float:left; width:100%; font-size:22px; font-weight:normal; color:#fff;} .zh_seven .biaoti{ margin:0 auto; width:100%; max-width:1000px;} .zh_seven .top{ float:left; width:100%; font-size:30px; line-height:40px; color:#fff; text-align:center; font-weight:bold;} .zh_seven .jianjie{ float:left; width:100%; font-size:20px; line-height:32px; text-align:center; color:#fff; padding:10px 0;} .zh_seven .bottomImg{ float:left; width:100%; text-align:center; padding:40px 0px 200px 0} .zh_seven .bottomImg img{ max-width:100%} .zh_eight{ margin:0;} .zh_eight li .pimg{ height:600px;} .zh_eight li h2{ font-size:36px;} .zh_eight li .desc{ line-height:36px;} .zh_nine{ float:left; width:100%; padding-bottom:100px;} .zh_nine li{ float:left; width:100%} .zh_nine .bottom{ float:left; width:100%; text-align:center;} .zh_nine .bottom img{ max-width:100%; border-radius:10px;} .zh_nine .biaoti{ margin:0 auto; width:100%; max-width:1000px;} .pc_img{ display:block} .yd_img{ display:none} @media screen and (min-width: 1441px) and (max-width: 1660px) { .zh_one .ul li .title{ font-size:28px;} .zh_three li h3{ font-size:30px;} .zh_three li .desc{ font-size:20px;} .zh_four li .desc .top{ font-size:27px;} .sy_title h3{ font-size:42px;} .sy_title h4{ font-size:22px;} .zh_two .ul li{ width:160px;} .zh_two .ul li.li{ width:50px;} } @media screen and (min-width: 1367px) and (max-width: 1440px) { .zh_one .ul li .title{ font-size:26px;} .zh_three li h3{ font-size:28px;} .zh_three li .desc{ font-size:20px;} .zh_four li .desc .top{ font-size:26px;} .sy_title h3{ font-size:40px;} .sy_title h4{ font-size:22px;} .zh_two .ul li{ width:140px;} .zh_two .ul li img{ width:80px; height:80px;} .zh_two .ul li p{ font-size:18px;} .zh_two .ul li.li{ width:50px;} } @media screen and (min-width: 1281px) and (max-width: 1366px) { .zh_one .ul li .title{ font-size:24px;} .zh_three li h3{ font-size:26px; } .zh_three li .desc{ font-size:20px;} .zh_four li .desc .top{ font-size:25px;} .sy_title h3{ font-size:38px;} .sy_title h4{ font-size:22px;} .zh_two .ul li{ width:130px;} .zh_two .ul li img{ width:75px; height:75px;} .zh_two .ul li p{ font-size:16px;} .zh_two .ul li.li{ width:50px;} } @media screen and (min-width: 1201px) and (max-width: 1280px) { .zh_one .ul li .title{ font-size:22px;} .zh_one .ul li .desc{ font-size:19px;} .zh_three li h3{ font-size:24px;} .zh_three li .desc{ font-size:20px;} .zh_four li .desc .top{ font-size:24px;} .zh_four li .desc .bottom{ font-size:18px;} .sy_title h3{ font-size:36px;} .sy_title h4{ font-size:22px;} .zh_two .ul li{ width:120px; height:160px;} .zh_two .ul li img{ width:60px; height:60px;} .zh_two .ul li p{ font-size:16px;} .zh_two .ul li.li{ width:40px;} } @media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */ .zh_title{ padding-top:45px; margin-bottom:25px;} .zh_title h1{ margin-bottom:15px;} .zh_title h1 span{ font-size:34px; line-height:50px; background-size:60px; padding-left:80px;} .zh_title h1 span i{ width:80px; height:50px; background-size:60px;} .zh_title h3{ line-height:30px; font-size:24px;} .zh_title .h3{ padding-top:0px;} .zh_title .desc{ font-size:17px; line-height:30px; padding:0; padding-top:10px;} .zh_one .left_img{ height:400px;} .zh_one .ul{ height:400px; padding:0px 20px;} .zh_one .ul li{ padding:20px; padding-left:80px;} .zh_one .ul li .num{ width:48px; height:48px; line-height:48px; font-size:26px; left:15px; top:20px;} .zh_one .ul li .title{ font-size:18px; line-height:28px;} .zh_one .ul li .desc{ font-size:13px; line-height:24px} .zh_two{ margin-top:60px; padding-bottom:40px;} .zh_three{ width:94%; margin-left:4%; margin-bottom:50px;} .zh_three li .num{border:10px solid #fff; width:100px; height:100px; line-height:80px; font-size:40px; top:-40px; left:-40px;} .zh_three li .nei{ padding:0px 40px 0px 60px; height:250px;} .zh_three li h3{ padding-top:30px; font-size:20px; line-height:30px;} .zh_three li .desc{ font-size:16px; line-height:28px; height:100px;} .zh_three li .img{ height:50px;} .zh_three .li .nei{ padding:0px 60px 0px 40px;} .zh_three .li2 .num{ left:auto; right:-50px;} .zh_three .li3 .num{ left:-50px; top:auto; bottom:-40px;} .zh_three .li4 .num{ left:auto; right:-50px; top:auto; bottom:-40px;} .zh_four .ul{ width:102%; margin-bottom:40px;} .zh_four .ul li{ padding-right:15px;} .zh_four .pimg{ height:200px;} .zh_four li .desc{ background-size:38px; margin-top:-19px; padding-top:40px;} .zh_four li .desc .top{ font-size:20px; margin-bottom:2px;} .zh_four li .desc .bottom{ font-size:15px; line-height:24px; height:48px; padding:0px 10px;} .zh_four .more{ margin-bottom:60px;} .zh_four .more a{ width:280px; height:70px; line-height:70px; font-size:18px;} .zh_five li .pimg{ height:350px;} .zh_five li h2{ font-size:26px;} .zh_five li .desc{ line-height:30px; font-size:16px;} .zh_six .bottom{ padding-bottom:60px;} .zh_seven .ul_top{ margin-top:10px;} .zh_seven .ul_top span{ font-size:20px;} .zh_seven .ul{ padding:0px 10px; padding-top:40px; padding-bottom:20px; margin-bottom:30px;} .zh_seven .ul li .img img{ width:85px; height:85px;} .zh_seven .ul li h3{ font-size:15px; line-height:20px; margin-top:10px;} .zh_seven .sy_title h3{ font-size:28px; line-height:40px;} .zh_seven .sy_title h4{ font-size:18px; line-height:28px;} .zh_seven .top{ font-size:20px;} .zh_seven .jianjie{ font-size:16px; line-height:28px; padding:0px;} .zh_seven .bottomImg{ padding:30px 0 80px 0;} .zh_eight li .pimg{ height:350px;} .zh_eight li h2{ font-size:26px;} .zh_eight li .desc{ line-height:30px; font-size:16px;} .zh_nine{ padding-bottom:50px;} .zh_two .ul li{ width:80px; height:130px;} .zh_two .ul li img{ width:50px; height:50px;} .zh_two .ul li p{ font-size:12px;} .zh_two .ul li.li{ width:30px;} } @media (max-width: 767px) {/* 手机 */ .zh_title{ padding-top:5px; margin-bottom:10px;} .zh_title h1{ margin-bottom:10px;} .zh_title h1 span{ font-size:20px; line-height:30px; background-size:20px; padding-left:30px;} .zh_title h1 span i{ width:30px; height:30px; background-size:20px;} .zh_title h3{ line-height:20px; font-size:15px; letter-spacing:0} .zh_title .h3{ padding-top:0px;} .zh_title .desc{ font-size:12px; line-height:20px; padding:5px 15px;} .zh_one{ width:94%; margin-left:3%;} .zh_one .left_img{ height:auto; width:100%;} .zh_one .left_img img{ float:left; width:100%; height:auto;} .zh_one .ul{ height:400px; padding:0px; padding-right:10px; width:100%;} .zh_one .ul li{ padding:10px; padding-left:65px;} .zh_one .ul li .num{ width:40px; height:40px; line-height:40px; font-size:22px; left:10px; top:10px;} .zh_one .ul li .title{ font-size:16px; line-height:22px; padding-bottom:5px;} .zh_one .ul li .desc{ font-size:12px; line-height:20px} .zh_two{ margin-top:20px; padding-bottom:20px; padding-top:5px;} .zh_two .bottom img{ max-width:94%;} .zh_three{ width:90%; margin-left:5%; margin-bottom:10px;} .zh_three li{ padding:0; width:100%; padding-bottom:12px;} .zh_three li .num{border:5px solid #fff; width:60px; height:60px; line-height:50px; font-size:24px; top:-25px; left:-20px;} .zh_three li .nei{ padding:0px 30px 20px 40px; height:auto;} .zh_three li h3{ padding-top:20px; font-size:18px; line-height:30px;} .zh_three li .desc{ font-size:14px; line-height:24px; height:auto; padding-bottom:20px;} .zh_three li .img{ height:30px;} .zh_three .li .nei{ padding:0px 40px 20px 30px;} .zh_three .li2 .num{ left:auto; right:-20px;} .zh_three .li3 .num{top:-25px; left:-20px;} .zh_three .li4 .num{ left:auto; right:-20px;top:-25px;} .zh_four .ul{ width:100%; margin-bottom:10px;} .zh_four .ul li{ padding-right:0px; margin-bottom:12px; width:45.5%; margin-left:3%;} .zh_four .pimg{ height:200px;} .zh_four li .desc{ background-size:38px; margin-top:-19px; padding-top:40px;} .zh_four li .desc .top{ font-size:18px; margin-bottom:0px;} .zh_four li .desc .bottom{ font-size:14px; line-height:22px; height:44px; padding:0px 10px;} .zh_four .more{ margin-bottom:30px;} .zh_four .more a{ width:200px; height:50px; line-height:50px; font-size:15px;} .zh_four .zh_title .desc{ padding:2px 15px;} .zh_five li .pimg{ height:220px;} .zh_five li h2{ font-size:16px;} .zh_five li .desc{ line-height:20px; font-size:12px;} .zh_six .bottom{ padding-bottom:20px; margin-top:0} .zh_six .bottom img{ max-width:94%} .zh_seven .ul_top{ margin-top:10px;} .zh_seven .ul_top span{ font-size:18px; padding:0px 20px;} .zh_seven .ul{ padding:0px 10px; padding-top:0px; padding-bottom:20px; width:94%; margin-left:3%; margin-top:-11px; margin-bottom:15px;} .zh_seven .ul li .img img{ width:85px; height:85px;} .zh_seven .ul li{ width:33.33%; padding-top:30px;} .zh_seven .ul li h3{ font-size:14px; line-height:20px; margin-top:10px;} .zh_seven .sy_title h3{ font-size:20px; line-height:30px;} .zh_seven .sy_title h4{ font-size:14px; line-height:20px; padding-top:4px;} .zh_seven .top{ font-size:18px;} .zh_seven .jianjie{ font-size:14px; line-height:22px; padding:0px 15px;} .zh_seven .bottomImg{ padding:20px 0 40px 0; text-align:center;} .zh_seven .bottomImg img{ max-width:94%} .zh_eight li .pimg{ height:220px;} .zh_eight li h2{ font-size:16px;} .zh_eight li .desc{ line-height:20px; font-size:12px;} .zh_nine .bottom img{ max-width:94%; border-radius:10px;} .zh_nine{ padding-bottom:20px;} .zh_two .ul{ margin-bottom:0; width:50%} .zh_two .ul li{ width:35px; height:auto; padding-bottom:10px; line-height:32px; float:left; width:100%;} .zh_two .ul li img{ width:32px; height:32px; float:left; margin-left:15px;} .zh_two .ul li p{ font-size:12px; line-height:20px; padding-top:5px; float:left; width:auto; padding-left:10px;} .zh_two .ul li.li{ display:none;} .pc_img{ display:none} .yd_img{ display:inline-block} } /* 网站地图 */ #c-sitemap .c-box { float:left; width:100%;padding: 0 80px; background: #f5f5f5; margin-bottom:90px;} #c-sitemap .c-list>li {padding: 80px 0;border-bottom: 1px solid #ccc;} #c-sitemap .c-list>li:last-child {border: 0;} #c-sitemap .c-list .c-title-box {font-size: 24px;line-height: 34px;} #c-sitemap .c-list .c-title-box a {color: #333;transition: .5s;} #c-sitemap .c-list2 {display: flex;flex-wrap: wrap;align-items: flex-start;padding-top: 10px; margin: 0 -15px -10px;} #c-sitemap .c-list2>li {margin-bottom: 10px;padding: 0 15px;width: 20%;line-height: 26px;} #c-sitemap .c-list2 a {color: #666;transition: .5s;} #c-sitemap a:hover {color: #ff6c00 !important;} #c-statement2 .c-text-box {margin: 0 auto;max-width: 1400px;min-height: 30vh;padding: 80px;background: #f5f5f5;line-height: 2;} #c-gotop { display: none; position: fixed; bottom: 20px; right: 20px; z-index: 9999; width: 50px; height: 50px; background: #1FADE5 url("../images/top.png")/*tpa=http://www.erunpos.com/images/top.png*/no-repeat center / 60%; cursor: pointer; } @media screen and (max-width: 767px){ #c-gotop { display: none; } #c-sitemap .c-list .c-title-box {font-size: 18px;line-height: 30px;} #c-sitemap .c-list>li {padding: 20px 0;} #c-sitemap .c-list2>li {width: 50%;} #c-sitemap .c-list2 a {color: #666;font-size:14px;} #c-sitemap .c-box{ padding:0px 30px; width:94%; margin-left:3%; margin-bottom:30px;} } .ind_one_right{ position:relative;} .ind_one{ float:left; width:100%; position:relative; height:700px;} .ind_one_right .swiper-pagination{ position:absolute; left:auto; top:300px; right:20px; width:100%;height:20px; width:15px;} .ind_one_right .swiper-pagination-bullet{ width:10px; height:10px; opacity:0.3; background:#1FADE5; line-height:100px; overflow:hidden;} .ind_one_right .swiper-pagination-bullets .swiper-pagination-bullet{margin:4px;} .ind_one_right .swiper-pagination-bullet-active{ opacity:1;} .ind_one .desc2{ float:left; width:100%; text-align:center; font-weight:bold; font-size:18px; line-height:30px; margin-top:15px;} .ind_one .swiper-slide{ background:#F8F8F8;} @media screen and (max-width: 767px){ .ind_one{ height:800px;} .ind_one_right .swiper-pagination{ right:10px;} .ind_one .desc2{ font-size:15px; line-height:24px; margin-top:10px; } }