.head-phone{display: none;} .wap-logo{margin-left:2%;width:65%;height:70px;line-height:70px;} .wap-top{height:75px; background: #fff;} .wap-click {margin-right:20px;margin-top:24px} .wap-click span{width: 30px; height: 4px;background:#2C89CF;display: block;margin-top:5px;transition: all 277ms ease-in-out;position: relative;} .active span.cl-1{transform: rotate(-45deg);top:9px;} .active span.cl-2{opacity: 0;} .active span.cl-3{transform: rotate(45deg);top:-9px;} .wap-search{width:52px;height:75px;text-align: center; background: #2C89CF;line-height:75px} .wap-nav{width:100%;display: block; background: #F6F6F6; background-color: #f6f6f6; padding:15px 0px;width: 100%; position: relative; z-index: 100;display: none;} .wap-nav ul li a{ display: block;font-size: 16px;line-height:45px;color: #434343;text-indent: 50px;transition: all .6s;} .wap-nav ul li a:hover{ background: #F4B01E;color:#fff} .wap-form{width:100%;height:45px;line-height:45px;background:rgba(44,177,231,0.8);display: none;} .submit-text{width:88%;display: block;border:none;float:left;height:45px; background: none;color:#fff;text-indent:4%;} .search-submit{width:12%;text-align: center; background: url(../images/serach_ico.png) no-repeat center center;display: block;float:right;height:45px;border:none} /*banner*/ .wap-banner{ overflow: hidden;zoom:1;position: relative;width:100%;} .wap-banner .swiper-pagination{ position: absolute;bottom: 20px;text-align: center;z-index: 10;} /*.banner .banpag span {width: 16px;height: 10px;display: inline-block;background: #000;opacity: .2;-webkit-transition: ease 0.3s;border-radius: 0;} .banner .banpag span.swiper-pagination-bullet-active{width: 30px;background: #D6000F;}*/ .click-banner {width:1210px;margin:93px auto 0 auto;} .click-banner a{ display: block;width:134px;float:left;text-align: center;} .wap-banner{ display: none;} .wap-banner .swiper-slide{ background-position: center; background-repeat: no-repeat;} /*banner*/ .pro-list-pic{ display: block;} .pro-xq-list{ display: none;} /*产品*/ .wap-pro{display: none;} .wap-ul{ overflow: hidden;} .wap-ul li{float:left;width:48%;height:40px;line-height:40px;text-align: center; margin:1%;} .wap-ul li a{float:left;width:100%;height:100%;color:#fff;font-size: 16px;border-radius:40px;background: #2C89CF;} .wap-ul li.on a{ background: #38AF48;font-weight:bold} .wap-pro-con{margin:20px 0;} .wap-pro-con ul{ overflow: hidden;} .wap-pro-con ul li{width:48%;margin:1%;float:left;background: #eee;border:1px solid #ddd;box-sizing: border-box;} .wap-pro-con ul li .wap-pro-img img{width:100%;} .wap-pro-con ul li .wap-pro-info { background: #eee;color:#666;height:40px;line-height:40px;text-align: center;font-size:16px; display: block;} .wap-pro-con ul li:hover .wap-pro-info{ background: #147AC1;color:#fff;} .wap-pro-con ul li:hover{border:1px solid #147AC1;} /*手机工程*/ .gc-list ul{ overflow: hidden;} .gc-list ul li{width:48%;margin:1%;float:left;background: #eee;border:1px solid #ddd;box-sizing: border-box;} .gc-list ul li .gc-img img{width:100%;} .gc-list ul li .gc-info { background: #eee;color:#666;height:40px;line-height:40px;text-align: center;font-size:16px; display: block;} .gc-list ul li:hover .gc-info{ background: #147AC1;color:#fff;} .gc-list ul li:hover{border:1px solid #147AC1;} /*流程*/ .gc-list{ display: none;} .gc_box{ display: block;} .zx-2 .zx-fl b{ display: none;} /*内页产品手机列表*/ .ny-main{margin:20px auto} .wap-left ul li{float:left;width:31%;height:40px;line-height:40px;text-align: center; margin:1%;} .wap-left ul li a{float:left;width:100%;height:100%;color:#fff;font-size: 14px;background: #2C89CF;} .wap-left li.on a{ background: #38AF48;font-weight:bold} .wap-left{ display:none;} .nav-footer{display: none;} @media screen and (min-width:1200px) and (max-width:1400px) { .container{max-width:1200px;margin:0 auto} .pro-right {width:930px;float:left;margin-left:17px;} .pro-div-list .hd .next{position:absolute;top:49%;left:4%;cursor: pointer;} .pro-div-list .hd .prev{position:absolute;top:49%;right:46%;cursor: pointer;} .pro-top{text-align: center;width:350px;height:350px;margin-left:90px;} .pro-top .pro-img{width:100%;height: 100%;} .pro-top ul li img{width: 100%;height: auto;} .wap-banner{ display: block;} .banner{ display: none;} .h-right b { font-size: 28px;font-weight: bolder;} .pro-left{ background: url(../images/pro-bg.jpg) no-repeat center center; width:250px;height:505px} .pro-bottom{width:400px;} .zx-fl b{font-size:32px;} .about-left{width:450px;} .about-right dl dt{width:100%} .about-right dl a{width:100%} .about-right{width:740px} .about-right dl{width:230px;margin-left:15px;} .ys-con dl{width:280px;margin:30px 10px} .ys-con dl dd:after{width:280px} .ys-con dl dd p{width:240px;margin:0 auto} .ys-con dl dd{width:277px;} .ys-desgin{background: url(../images/rea1.png) no-repeat center left; height:395px; position: relative;margin-top:30px;} .ys-service{ background: url(../images/rea2.png) no-repeat center right;height:395px; position: relative;margin-top:30px;} .ys-buy{ background: url(../images/rea3.png) no-repeat center left;height:395px; position: relative;margin-top:30px;} .rea-left dl{margin-right:20px;} .lc-list dl{margin-right:92px;} .lc-jt{left:152px;} .news-list li{width:380px;margin-right:30px;} .foot-left {margin-right: 75px;} .ny-main{margin:60px auto} .ny-left{width:256px;} .pro-name,.pro-contact{border:2px solid #147AC1;width:250px;margin-bottom:30px;} .pro-title{ background: #147AC1;width:250px; position: relative;height:100px;} .pro-menu .ctitle1 li a{width:225px;margin:0 auto} .pro-menu .ctitle1 li{width:225px;} .contact-type h3{font-size:16px;} .contact-type span{width:215px;} .ny-right{width:940px;} .position span{width:720px; background: url(../images/home.png) no-repeat center left 475px; background-color: #147AC1;} .ny-right .case-list ul li{width:290px;} .ny-right .ny-news-list ul li{width:288px;} .ny-right .pro-list ul li{width:288px;} .partner-list li{width:210px; margin: 10px 0px 10px 23px;} } @media screen and (min-width:0) and (max-width:1200px) { .nav-footer{display: block;} .copy{padding-bottom:65px;} .wap-search img{margin-top:30px} .wap-logo img{ width: 170px;display: inline-block; margin-top: 18px;} .qq{ display: none;} /*标题*/ .title{ background: url(../images/title-bg.png) no-repeat center bottom;height:55px;margin:20px 0;} .title span,.title p{ display: block;text-align: center;} .title span{font-size:28px;font-weight:bold;line-height:28px;} .title span em{font-weight:bold;color:#147AC1} .title p{display: none;} /*标题*/ .wap-banner{ display: block;} .banner{ display: none;} .container{width:95%;margin:0 auto} .header{display: none;} .head-phone{display: block;} .pro{margin:20px 0;} .pro .pro-left {display: none;} .pro .pro-right{width:100%;} .pro .prosy_nra ul li { background-color: #fff; padding: 15px 11px; margin-bottom: 25px; text-align: center; width:44%; } .pro .prosy_nra ul li .pro_pic a{ width:100%; height: 158px; } .pro .prosy_nra ul li .pro_pic a img{ width:100%; height: 158px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; } .pro-con { overflow: hidden; height: auto; } .wap-pro{display: block;} .zx-code,.zx-fl span{display: none;} .zx-fl,.zx-fr{float:none;text-align: center;width:100%;} .zx-fl b{font-size:19px;font-weight:bold;line-height:28px;padding:26px 0 0 0;} .zx-tel{margin:12px auto 0 auto;width:100%} .zx-tel span,.zx-tel b,.zx-tel a{display: block;width:100%;text-align: center;margin:5px 0} .zx-tel a{width:200px;height:50px;line-height:50px;margin:0 auto} .about{margin:20px 0} .about-left,.about-right{width:100%;float:none;} .about-left h2:after{display: none;} .about-left p{margin-top:10px;} .about-left ul li:before{ display: none;} .about-more a{margin:10px;} .about-right{ display: none;} .ys-con dl dd p{ display: none;} .ys-con dl dd:after{ display: none;} .ys-con dl dt{width:94px;margin:0 auto;position: initial;text-align: center;top:0;z-index:99;transition: all .5s;} .ys-con dl{ background: #eee;} .ys-con dl dd {width: auto; height: auto;background:none;margin: 2px;transition: all .5s} .ys-con dl dd b{padding:10px 0} .ys-con dl{float:left;width:48%; position: relative;margin:1%;padding:10px 0} /*咨询2*/ .zx-2{ background: url(../images/zx-bg1.jpg) no-repeat center center;height:220px;} .zx-fl b{font-size:19px;font-weight:bold;line-height:28px;padding:17px 0 0 0;} .zx-1 .zx-fl b{padding:15px 0 0 0;} .zx-tel2{margin:12px auto 0 auto;width:100%} .zx-tel2 span,.zx-tel2 b,.zx-tel2 a{display: block;width:100%;text-align: center;margin:5px 0} .zx-tel2 a{width:200px;height:50px;line-height:50px;margin:0 auto} /*咨询2*/ /*优势*/ .ys-desgin{background:#F2F2F2; height:auto; position: relative;margin-top:10px;padding: 10px 0;} .ys-desgin .ys-con-d{position: initial;text-align: center;} .ys-2 div h2{font-size:22px;color:#4c4c4c;font-weight:normal;text-align: center;margin-bottom:10px;} .ys-2 div h2:after{display: none;} .ys-2 div h2 b{font-weight:bold;color:#147AC1;} .ys-2 div ul li{line-height:30px;font-size:14px;color:#4c4c4c;text-align: center;} .ys-2 div ul li:before{display: none;} .ys-more{width:140px;height:40px; background: #38AF48;text-align: center;line-height:40px;margin-top:20px;transition: all .5s; margin:10px auto} .ys-more a{width:140px;height:40px;display: block;color:#fff;font-size:16px;} .ys-more:hover{margin-left:20px;} .ys-service{ background:#F2F2F2;height:auto; position: relative;margin-top:10px;padding: 10px 0;} .ys-service .ys-con-s{position: initial;top:70px;right:100px} .ys-buy{ background:#F2F2F2;height:auto; position: relative;margin-top:10px;padding: 10px 0;} .ys-buy .ys-con-b{position:initial;top:70px;left:190px} /*优势*/ .zx-3{display:none;} .gc_box{ display: none;} .zx-2 .zx-fl b{ display: block;} .gc-list{ display: block;} .lc-jt{ display: none;} .lc-list dl {width: 48%;float: left; margin:1%;} .lc-list dd{margin:0 auto} .lc-more{width:100%} .lc-more a{margin:0 1%;width:47%} .title1 p{ display:none;} .case .container{ overflow: hidden;} .client{margin:20px auto} .news{padding-bottom:20px;} .news-list li span{ display: none;} .news-list li em{margin:10px 0;line-height:20px} .news .container{ overflow: hidden;} .news-list li{width:100%;text-align: center; background: #f5f5f5;padding:10px 0;margin:10px 0} .news-list li a{margin:10px auto} .foot-title{ display: none;} .footer{padding:10px 0;height: auto;} .foot-left, .foot-mid, .foot-right{width:100%} .foot-wx{margin:15px 0;} .copy-l, .copy-r{line-height:25px;text-align: center;float:none} .foot-lx{ display: none;} .foot-nav{ display: none;} .copy{height:auto;padding-bottom:65px;} .foot-left {margin-right: 0;} .ny-left{ display: none;} .ny-right{width:100%;margin:20px 0} .position{ display: none;} .ny-right .case-list ul li{float:left;width:48%;margin:1%;text-align: center;} .ny-right .case-list ul .pic img{width:100%} .ny-right .case-list ul .info{ background: #F9F9F9;height: auto;padding-bottom:5px} .ny-right .case-list ul li span{font-size:16px;padding:10px 0;display: block;} .ny-right .case-list .info-a a{display: inline-block;width:45%;height:30px;line-height:32px;text-align: center; background: #147AC1;color:#fff;border-radius:5px;margin:1%;} .ny-right .pro-list ul li{float:left;width:48%;margin:1%;text-align: center;box-sizing: border-box;} .ny-right .pro-list ul .pic img{width:100%} .ny-right .pro-list ul .info{ background: #F9F9F9;height: auto;padding-bottom:5px} .ny-right .pro-list ul li span{font-size:16px;padding:10px 0;display: block;} .ny-right .pro-list .info-a a{display: inline-block;width:45%;height:30px;line-height:32px;text-align: center; background: #147AC1;color:#fff;border-radius:5px;margin:1%;} .wap-left{ display:block;} .ny-right .ny-news-list ul li{float:left;width:48%;margin:1% ;text-align: left;} .news-list li p{width:96%;margin:0 auto} /*产品详情*/ .pro-list-pic{ display: none;} .pro-xq-list{ display: block;} .descript1{width:100%;float:none} .ny-right .pro1 .descript1 p{width:100%;max-width:100%} .foot-left{ width: 320px; float: none;margin: 0 auto;} } @media screen and (min-width:0) and (max-width:600px) { .wap-logo{height:70px;line-height:70px;} .wap-logo img{ width: 170px;display: inline-block; margin-top: 18px;} .hz li{width:48%;height: auto;float: left;margin: 0 5px;} .hz li img{width:100%} .ny-right .ny-news-list ul li{float:left;width:100%;margin:10px 0 ;text-align: left;} .partner-list li{width:48%; margin:1%;height:auto;box-sizing: border-box;} .client .container{width:320px;overflow: hidden;} .kj li{margin:0} .about-left,.about-right{width:100%;float:none;} } @media screen and (min-width:0) and (max-width:600px) { #nr-container {margin-top: 5px; border: 1px solid #ddd;margin-left: 0;padding:10px;} } @media screen and (min-width:600px) and (max-width:1200px) { .news-list li{width:48%;float:left;margin:1%} .lc-list dl{width: 31%;} .wap-ul li{width:31%} .ys-con dl{width:24%;margin:0.5%} .zx-1 .zx-fl b {padding: 27px 0 0 0;} .ys-2{ overflow: hidden;} } @media screen and (min-width:700px) and (max-width:1200px) {.ys-desgin,.ys-service,.ys-buy{float:left;width:48%;margin:1%}} .prosy_nra{ clear: both; overflow: hidden; } .prosy_nra ul{ display: flex; flex-wrap:wrap; justify-content:space-between; } .prosy_nra ul li{ background-color: #fff; padding: 15px 11px; margin-bottom: 25px; text-align: left; } .prosy_nra ul li .pro_pic{ margin-bottom: 10px; } .prosy_nra ul li .pro_pic a{ display: block; width: 278px; height: 208px; overflow: hidden; } .prosy_nra ul li .pro_pic a img{ width: 278px; height: 208px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; } .prosy_nra ul li .pro_pic a:hover img{ transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .prosy_nra ul li .pro_name{ border-top: 1px solid #f4f2f3; line-height: 30px; font-size: 16px; } .prosy_nra ul li .pro_name a{ color: #666; } .prosy_nra ul li .more_aa{ margin:7px auto; width: 200px; font-size: 14px; height: 34px; line-height: 34px; } .prosy_nra ul li .more_aa a{ display: block; width: 100%; color: #fff; background-color: #3a5898; } .prosy_nra ul li .more_aa a:hover{ background-color: #fb8800; } /*************************************/ /******产品分页*******/ .ny_news_page{ margin:10px auto 60px; clear:both; padding-top:10px; width:1200px;} .ny_news_page a,.ny_news_page span{ display:block; float:left; line-height:40px; text-align:center; font-size:12px; width:70px; height:40px; color:#333; background-color:#f8f8f8; margin-right:10px} .ny_news_page a:hover,.ny_news_page span{ background-color:#3a5898; color:#fff;} .ny_news_page a.page_aa{ background-color:#3a5898; color:#fff;} /**************************/ .prosy_nra.prosy_nraa ul li .more_aa{ margin:0px auto; width: 260px; font-size: 12px; text-align:left; line-height:20px; color:#666; } .prosy_nra.prosy_nraa ul li .pro_name { border-top: 1px solid #f1f1f1; line-height: 30px; font-size: 14px; text-align: left; } .aboutus_rnr{ width:860px; height:auto; line-height:25px; float:right; margin-top:16px; }