/* public */ blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} img{border:0;max-width: 100%;} ul,dl,li,dt,dd{list-style:none;} body{font-family: "微软雅黑";font-size: 14px; overflow-x:hidden; color: #333; background: #f2f1f2; } pre{font-family: "微软雅黑";} a{/* font-size:14px;text-decoration:none; color: #333; */} .clearfix:after{content:""; display:block; height:0; clear:both;} .clearfix{*zoom:1;}/*IE/7/6*/ h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;} input,textarea,select{outline: none; font-family:"microsoft yahei"; line-height: normal;border:none;background: none;} textarea{resize:none; overflow:hidden;} select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;} select::-ms-expand { display: none; } i,em{font-style:normal;} table{max-width:100%;overflow:hidden;} .u_hidden{ display: none;} .fl{float:left;} .fr{float:right;} .z-container {height:auto;clear: both;margin: 0 auto;} .z-row {width: 100%;height: auto;clear: both;overflow: hidden;} .ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;} .ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;} .ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;} .ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;} .ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;} .ellipsis8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow:ellipsis;} *:before, *:after { z-index: -1; } /* @font-face { font-family: 'en'; src: url("../font/AVIANB.TTF");; } */ .header{ height: 110px; background: #fff; position: relative; text-align: center; z-index: 9;} .header .logo{ display: block; position: absolute; left: 70px; top: 0; height: 110px; line-height: 110px;} .header .logo img{max-height: 100%; vertical-align: middle;} .header_nav{ display: inline-block;} .header_nav>ul>li{ display: inline-block; margin: 0 2vw;} .header_nav>ul>li em{ display: inline-block; width: 14px; height: 8px; background: url(https://www.minghui1688.com/template/pc/skin/images/arr_b.png) no-repeat center; margin-left: 10px; display: none;} .header_nav>ul>li.active em,.header_nav>ul>li:hover em{ background: url(https://www.minghui1688.com/template/pc/skin/images/arr_b2.png) no-repeat center;} .header_nav>ul>li.active>a,.header_nav>ul>li:hover>a{ color: #056DB6;} .header_nav>ul>li>a{ font-size: 16px;line-height: 110px; display: block;} .header_nav>ul>li:hover .nav_down{ opacity: 1; visibility: visible;transform: translateY(0px);} .nav_down{ width: 100%; position: absolute; left: 0; top: 110px; z-index: 10; background:#fff; padding: 30px 0; border-top:1px solid #e4e4e4; box-shadow: 0 4px 20px rgba(132,158,194,.3); visibility: hidden; opacity: 0; transition: all .8s; transform: translateY(50px);} .nav_down dl{ display: inline-block; margin: 0 2vw; text-align: left;vertical-align: top;} .nav_down dl a{ display:block} .nav_down dl dt a{ font-size: 16px;} .nav_down dl dd a{ margin-top: 20px; color: #666666;} .header_right{ position: absolute;right: 0; top: 0; width: 220px;} .header_right .soubtn{ display: block; width: 110px; height: 110px; background: #e7edf7; float: left; } .header_right .soubtn em{ display: block; width: 100%; height: 100%; background: url(https://www.minghui1688.com/template/pc/skin/images/soubtn.png) no-repeat center;} .header_right .menuBtn{ display: block; width: 110px; height: 110px; background: #056DB6;float: right; text-align: center; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 99;} .header_right .menuBtn div{ width: 40px;} .menuBtn .line1{} .menuBtn .line2{ width: 28px;} .menuBtn .line3{ width: 32px;} .banner .swiper-slide-active{z-index:20;} .menuBtn span{display:block; width:40px; height:3px; background:#fff; transition:all .45s; float: right;} .menuBtn .line2{margin:5px auto;/* width:20px; transform:translateX(6px);*/} .menuBtn.on{ position: fixed; right: 0; top: 0; z-index: 999;} .menuBtn.on .line1{transform:rotate(45deg);transform-origin:24% 50%; } .menuBtn.on .line3{transform:rotate(-45deg);transform-origin:24% 50%;} .menuBtn.on span{ width: 40px!important;} .menuBtn.on .line2{opacity: 0;} .banner{ width:100%; position:relative; overflow:hidden;} .banner img{ width: 100%; vertical-align: bottom;} .swiper-slide .img{width:100%; height:100%;/*transform:scale(1.1); */transition:ease 3s; background-repeat:no-repeat; background-position:center center; background-size:cover;} /*.swiper-slide.swiper-slide-active .img{transform:scale(1);} .swiper-slide.swiper-slide-prev .img{transform:scale(1.1);}*/ .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%; position: relative;} .swiper-container {margin: 0 auto; position: relative; z-index: 1;overflow: hidden;} .swiper-wrapper { position: relative; width: 100%;height: 100%; z-index: 1;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;-o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;} .swiper-pagination{ height: 10px;text-align: center ; width: 100%; position: absolute; left: 0; bottom: 35px; z-index: 999;} .swiper-pagination span{display: inline-block; width: 20px; height:20px;border-radius:50%; margin: 0 10px; transition: all .5s; cursor: pointer; position: relative;background:none;opacity: 1; } .swiper-pagination span:before{content:""; display: block; width:50%; height: 50%; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff;} .swiper-pagination-bullet-active{ border:2px solid #056DB6; box-sizing: border-box;} .swiper-pagination-bullet-active:before{ background: #056DB6!important; } .arrow-left{ left: 100px;} .arrow-right{ right: 100px;} .banner_btn{ width: 60px; height: 60px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer; transition: all .8s; border-radius: 50%; text-align: center; line-height: 60px;} .banner_btn img{ width: auto !important; vertical-align: middle !important;} .banner_btn:hover{ background:#3e77cc;} .index_tit{ font-size: 28px; position: relative;} .index_tit h3{ font-size: 44px; font-family: "en";color: #056DB6;} .see_more{display:block; position: absolute;right: 0; top: 50%; transform: translateY(-50%); font-size: 14px;} .see_more span{ display: inline-block; width: 44px; height: 44px; line-height: 40px; text-align: center; color: #056DB6; border-radius: 50%; font-weight: bold; font-size: 20px; margin-left: 10px;box-sizing: border-box; border:1px solid #e0e0e0; transition: all .6s;} .see_more:hover span{ background: #056DB6; color: #fff;} .see_more:hover{ color: #056DB6;} .index_pro{ padding: 80px 0;} .index_pro ul{ margin-left: -3.3%; margin-top: 60px; margin-bottom: 160px;} .index_pro ul li{ width: 30%; float: left; margin-left: 3.3%; height: 540px; position: relative; } .index_pro ul li .img{ width: 100%; height: 100%;border-radius: 10px; overflow: hidden;} .index_pro ul li .img img{ width: 100%; height: 100%; transition: all .8s;} .index_pro ul li:hover .img img{ transform: scale(1.1,1.1);} .index_pro ul li:hover .info{ transform: translateY(0);} .index_pro .info{ width: 85%; background: linear-gradient(to right, #427acd ,#114a9e); /* 标准的语法 */ position: absolute; right: 0; bottom: 0; transition: all .8s; transform: translateY(120px); padding: 30px; box-sizing: border-box; color: #fff;border-radius: 0 0 0 10px;} .index_pro .info .tit{ font-size: 22px; margin-bottom: 6px;} .index_pro .info en{ font-family: arial;} .index_pro .info .ellipsis2{ height:48px ; line-height: 24px; margin: 20px 0;} .index_pro .info .add{ font-weight: bold;font-size: 20px; display: block; width: 30px; height: 30px; transition: all. 8s; line-height: 30px; text-align: center; border-radius: 50%; } .index_pro li:hover .add{ background:#fa9f19;} .index_guide{ padding: 80px 0; background: url(https://www.minghui1688.com/template/pc/skin/images/index_bg.jpg) no-repeat bottom center;background-size: cover; padding-bottom: 150px;} .guide_l{ width: 42%; float: left;} .guide_l .by{ margin: 60px 0;} .guide_l .piclist ul{ margin-left: -2.3%;} .guide_l .piclist li{ width: 31%; margin-left: 2.3%; float: left; height: 130px; box-sizing: border-box; position: relative; transition: all .6s;border:2px solid rgba(255,255,255,0);box-sizing: border-box;} .guide_l .piclist li img{ width: 100%; height: 100%;} .guide_l .piclist li .play{ display: block; background: url(https://www.minghui1688.com/template/pc/skin/images/play.png) no-repeat center; background-size: 100% 100%; height: 40px; width: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all .6s; opacity: 0;} .guide_l .piclist li:hover{ border:2px solid #056DB6; } .guide_l .piclist li:hover .play{ opacity: 1;} .guide_r{ width: 50%; float: right; background: rgba(255,255,255,.9); padding: 50px 40px; box-sizing: border-box;} .guide_list { height: 240px; border-bottom:1px solid #dddddd; overflow: hidden;} .guide_list li{ padding-left: 15px; position: relative; margin-bottom: 30px;} .guide_list li .time{ float: right;} .guide_list li .ellipsis{ width: 70%; display: inline-block; vertical-align: middle; margin-top: -2px;} .guide_list li:before{ content: "";display: block; width: 8px; height: 8px; border-radius: 50%; border:2px solid #154993; box-sizing: border-box; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;} .guide_list li:hover a{ color: #154993;} .guide_r .more{ display: block; width: 44px; height: 44px; background: #056DB6; color: #fff; text-align: center; line-height: 44px; border-radius: 50%; font-weight: bold;font-size: 20px; margin-top: 30px;} .index_about{ padding: 120px 0;} .about_box{ background: #fff; border-radius: 10px; height: 500px; margin-top: 50px; position: relative;} .about_l{ width: 20%; float: left; height: 500px; background:url(https://www.minghui1688.com/template/pc/skin/images/about_bg.jpg) no-repeat center; background-size: 100% 100%; line-height: 500px; text-align: center;} .about_l img{ vertical-align: middle;} .about_r{ width: 55%; float: left; padding: 60px; box-sizing: border-box;} .about_r .tit{ font-size: 28px; margin-bottom: 30px;} .about_r .entit{font-size: 36px; font-family: "en";color: #0b4090;} .about_r .desc{ margin: 30px 0; color: #666666; line-height: 32px;} .about_r .guide_list{ min-height: auto; border-bottom: none;} .about_box .person{ position: absolute; right: 50px; bottom: 0; max-width: 23%;} .about_box .person img{ max-width: 100%;} .about_r .more{ display: inline-block; width: 36px; height: 36px; border-radius: 50%; background: #faa018; line-height: 36px; color: #fff; font-weight: bold; text-align: center; font-size: 20px; float: right; position: relative;} .about_r .more:before{ content: ""; display: block; width: 330px; height: 2px; background: #faa018; position: absolute; left: -320px; top: 50%; transform: translateY(-50%); z-index: 2;} .index_contact{ width: 100%; background: #fff; } .store_check,.index_map{ width: 50%; float: left;height: 640px;} .store_check{ display: flex; align-items: center;} .store_check .z-row{ width: 71%; margin-left: auto; padding-right: 19%;box-sizing: border-box;} .store_check .en{ font-family: "en";font-size: 36px; font-weight: normal; color: #056DB6; margin: 15px 0;} .store_check h4{ font-size: 26px;} .store_check .desc{ margin: 40px 0; color: #666666;} .store_check .sel{ width: 46%; border-bottom: 2px solid #dddddd; float: left; box-sizing: border-box; text-align: center; } .store_check .sel:last-child{ float: right;} .store_check .sel select{ background:url(https://www.minghui1688.com/template/pc/skin/images/arr_b3.png) no-repeat right center; padding-right: 20px;color: #056DB6; line-height: 50px;} .index_map #allmap img{ width: 100%; height: 100%;} .footer{ background: #242629; padding: 90px 0;} .footer .z-container{ display: flex; justify-content: space-between; } .footer .logo,.foot_nav,.foot_contact{} .footer .logo{ margin-right: auto;} .foot_contact{ margin-left: auto;} .foot_nav a,.foot_contact h4{ display: block; color: #999;} .foot_nav dl{ display:inline-block; vertical-align: top; margin: 0 4vw;} .foot_nav dt a,.foot_contact h3{ color: #fff; font-size: 18px; margin-bottom: 55px;} .foot_nav dd a{ margin-bottom: 20px;} .foot_nav dd a:hover{ color: #fff; text-decoration: underline;} .foot_contact h4{ margin-bottom: 20px;} .foot_contact .tel{ color: #fff; font-size: 36px; font-family: "en";} .foot_contact .zxbtn{ display: block; width: 230px; height: 60px; line-height: 60px; text-align: center;color: #fff;font-weight: bold; font-size: 18px; background: #18427f; margin: 30px 0;} .footer_bar{ height:80px; background: #1a1c1e; color: #5b5f63; line-height:80px;} .footer_bar span{ float: right;} .footer_bar a{ display: inline-block; margin: 0 10px; color: #5b5f63;} .bshare-custom .bshare-weixin{ background: url(https://www.minghui1688.com/template/pc/skin/images/share1.png) no-repeat center!important;} .bshare-custom .bshare-sinaminiblog{ background: url(https://www.minghui1688.com/template/pc/skin/images/share2.png) no-repeat center!important;} .bshare-custom .bshare-qqim{ background: url(https://www.minghui1688.com/template/pc/skin/images/share3.png) no-repeat center!important;} .bshare-custom a{ width: 30px!important; height: 30px!important; padding: 0!important; margin: 0 15px!important;} .soc_banner img{ width: 100%;} /*家庭用户*/ .fam_class{ margin: 150px auto;} .fam_class ul,.fam_step ul{ margin-left: -2.3%;} .fam_class li,.fam_step li{ width: 31%; float: left; margin-left: 2.3%; background: #fff;} .fam_class li .img{ height: 310px; width: 100%; overflow: hidden;} .fam_class li .img img{ width: 100%; height: 100%; transition: all .8s;} .fam_class li:hover img{ transform: scale(1.1,1.1);} .fam_class .info{ padding: 50px 20px; box-sizing: border-box; text-align: center;transition: all .8s;} /*.fam_class li:hover .info{background: linear-gradient(to right, rgba(15,69,149,.9) ,rgba(59,115,197,.9)); color: #fff;}*/ .fam_class .info h3{ font-size: 22px;} .fam_class .info p{ font-size: 16px; font-family: arial;} .fam_case{ width: 100%; height: 740px;} .fam_case .case_box{transition: all .8s; transform: translateY(100%);} .case_box{ width: 35%; background: linear-gradient(to right, rgba(15,69,149,.9) ,rgba(59,115,197,.9)); position: absolute; right: 12%; bottom: 0; z-index: 10;color: #fff; padding: 50px 70px; box-sizing: border-box; } .fam_case .case_box.active{ transform: translateY(0);} .case_box h3{ font-size: 28px; margin-bottom: 30px;} .case_box .desc{ line-height: 30px;} .case_box .seebtn{ display: block; width: 150px; height: 45px; line-height: 45px; text-align: center; border:1px solid rgba(255,255,255,.5); margin-top: 50px; color: #fff; position: relative; overflow: hidden;} .case_box .seebtn img{ vertical-align: middle; margin-left: 15px;} .fam_case .banner_btn{ background: rgba(0,0,0,.5);} .fam_case .banner_btn:hover{ background: #056DB6;} .seebtn{z-index: 3; overflow: hidden;} .seebtn:before,.seebtn:after { position: absolute;top: 50%; content: '';width: 30px;height: 30px; background:#e98b01;border-radius: 50%;-webkit-transition: 0.8s; transition: 0.8s; } .seebtn:before { left: -20px; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .seebtn:after { right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%);} .seebtn:hover:before,.case_box:hover .seebtn:before,.gybox:hover .seebtn:before{-webkit-animation: criss-cross-left 0.8s both; animation: criss-cross-left 0.8s both;} .seebtn:hover:after,.case_box:hover .seebtn:after,.gybox:hover .seebtn:after{ -webkit-animation: criss-cross-right 0.8s both;animation: criss-cross-right 0.8s both;} .fam_case .swiper-slide .img{width:100%; height:100%;/*transform:scale(1.1);*/transition:ease 3s; background-repeat:no-repeat; background-position:center center; background-size:cover;} /*.fam_case .swiper-slide.swiper-slide-active .img{transform:scale(1);} .fam_case .swiper-slide.swiper-slide-prev .img{transform:scale(1.1);}*/ .fam_step{ padding: 100px 0;} .fam_step .step_tit{ text-align: center; font-size: 28px; font-weight: bold; margin-bottom: 50px;} .fam_step li{ position: relative; height: 460px; overflow: hidden; box-shadow: 0 4px 20px rgba(8,62,141,.1);} .fam_step li .img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .fam_step li .img img{ width: 100%; height: 100%;} .fam_step li .numbox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .fam_step li .numbox span{ display: block; width: 110px; height: 110px; background: url(https://www.minghui1688.com/template/pc/skin/images/num_box.png) no-repeat center; background-size: 100% 100%; text-align: center; line-height: 110px; font-size: 24px; font-weight: bold; transition: all .8s; color: #fff;} .fam_step li em{ font-size: 50px; font-family: "en"; margin-right: 5px;} .fam_step li:hover .numbox span{ transform: rotate(360deg) scale(0,0);} .fam_step li .info{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(#3b97cd,#056DB6 ); /* 标准的语法 */ padding: 40px; box-sizing: border-box; color: #fff; opacity: 0; transition: all 1s;} .fam_step .numtit{font-size: 24px; margin-bottom: 30px;} .fam_step .arr{ display: block; width: 36px; height: 36px; background: url(https://www.minghui1688.com/template/pc/skin/images/add.png) no-repeat center; background-size: 100% 100%; position:absolute; bottom: 40px;} .fam_step li:hover .info{ opacity: 1;} .gybox { background: #fff;} .gybox .imgbox{ width: 57%; height: 460px; overflow: hidden; float: left;} .gybox .img{ width: 100%; height: 100%;} .gybox .imgbox .img{width:100%; height:100%;transform:scale(1.1); transition:ease 3s; background-repeat:no-repeat; background-position:center center; background-size:cover;} .gybox:hover .imgbox .img{ transform: scale(1);} .gybox .info{ width: 43%; height: 460px; padding:100px 60px; box-sizing: border-box; float: right;} .gybox:nth-child(even) .imgbox{ float: right;} .gybox:nth-child(even) .info{ float: left;} .gybox .info .tit{ font-size: 28px; font-weight: bold;} .gybox .info .desc{ color: #555; line-height: 30px; margin: 40px 0; height: 84px; overflow: hidden;} .gybox .info .desc a{ display: block;} .gybox .info .desc a:hover{ color: #056DB6;} .gybox .seebtn{ display:block; width: 120px; height: 40px; background: #056DB6; color: #fff; text-align: center; line-height: 40px; position: relative;} .gybox .seebtn img{ vertical-align: middle; margin-left: 10px;} .fam_bar{ background: #fff; margin-top: 100px; padding: 50px 0;} .fam_bar li{ float: left; width: 25%; text-align: center;} .fam_bar li em{ display: block; height: 64px; width: 94px; text-align: center; transition: all .8s; margin: 0 auto;margin-bottom: 15px;} .fam_bar li em img{max-height: 100%; vertical-align: middle;} .fam_bar li h3{ font-size: 18px;} .fam_bar li:hover em{ transform: rotate(360deg);} .fam_bar li:hover h3{ color: #056DB6;} /*产品列表*/ .other_banner img{ width: 100%; vertical-align:bottom;} .page_bar{ height: 80px; line-height: 80px; background: #fff;color: #777777;} .page_bar .z-container{ background: url(../image/home.png) no-repeat left center; padding-left: 20px;} .page_bar a{ display: inline-block; color: #777777;} .page_bar a.active{ color: #056DB6;} .pro_tit { margin: 80px 0; position: relative;} .pro_tit .tit{ display: inline-block;border-left:3px solid #056DB6; height: 40px; line-height: 40px; padding-left: 10px; font-size: 36px;} .pro_tit .pro_nav{ float: right;margin-right: 40px; line-height: 40px;} .pro_tit .pro_nav a{ margin: 0 20px;} .pro_tit .pro_nav a.active{ text-decoration: underline; color: #056DB6;} .pro_tit .search_box{ float: right; margin-top: -5px;} .search_box{display: inline-block; border-radius: 25px; width: 305px; height: 50px; background: #fff; overflow: hidden;box-shadow: 0 0px 16px rgba(8,62,141,.14);} .search_box .search_btn{ display: inline-block; width: 50px;height: 50px; border-radius: 50%; background:url(https://www.minghui1688.com/template/pc/skin/images/sou.png) no-repeat center; background-size: 100% 100%; float: right;} .search_box .input_text{ height: 30px; width: 250px; padding:0 30px; box-sizing: border-box; margin-top: 10px;} .probox{ width: 100%; height: 440px; position: relative; z-index: 2; box-sizing: border-box; padding-top: 80px; margin-bottom: 120px;} /*.probox:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(24,67,151,.6);} */.probox .pro_img{ width: 38%; float: left; margin-top: 100px;text-align: center; max-height: 370px; display: flex; justify-content: center; align-items: flex-end; animation-name:zoomIn; animate-duration: 2s; //动画持续时间 animate-delay: 1s; } .probox:nth-child(even) .pro_img{ float: right; } .probox:nth-child(even) .pro_info{ float: left;padding-left: 18%; padding-right: 0;} .probox .pro_img img{ max-height: 100%; max-width: 100%; vertical-align: bottom;} .probox .pro_info{ width: 62%; float: right; color: #fff; padding-right: 18%;box-sizing: border-box;} .pro_info .prot{ font-size: 30px; font-weight: bold;} .pro_info .desc{ line-height: 30px; height: 90px; overflow: hidden; margin: 45px 0;} .pro_case .tit{ font-size: 18px; font-weight: bold; margin-bottom: 30px;} .pro_case ul{ margin-left: -2.3%; margin-bottom: 70px;} .pro_case ul li{ width: 31%; float: left; height: 130px; border:6px solid #fff; box-sizing: border-box; margin-left: 2.3%;} .pro_case ul li img{ width: 100%; height: 100%; vertical-align: bottom;} .pro_case .more{ display: block; width: 160px; height: 50px; background: #e98b01; color: #fff; text-align: center; line-height: 50px; border-radius: 5px;} .pro_case .more img{ vertical-align: middle; margin-left: 10px;} .loadmore{ display: block; width: 240px; height: 60px; line-height: 60px; line-height: 60px; background: #fff;box-shadow: 0 0px 30px rgba(8,62,141,.2); text-align: center; color: #056DB6; margin: 100px auto; font-size: 16px;} .propic{ width: 50%; background: #fff; float: left;} .small_l{ width: 30%; float: left;height: 480px; position: relative;} .lh-project-hd{overflow: hidden; } .small_l li{ width:120px; height: 120px!important ; margin: 0 auto; display: flex; justify-content: center;align-items: center; padding: 20px; box-sizing: border-box; border: 1px solid #fff;height: 120px; cursor: pointer;} .small_l li img{ max-width: 100%; max-height: 100%;} .small_l li.on{ border-color: #056DB6;} .big_r{ width: 70%; float: right;height: 480px; overflow: hidden; position: relative; } .big_r li{ display: flex; justify-content: center; align-items: center;height: 480px;} .big_r li img{ max-width: 100%; max-height: 100%;} .proxq_head{ width: 100%; background: #fff; padding: 60px 0;} .lh-project-btn a{ display: block; width: 100%; height: 18px; position: absolute;} .lh-project-btn .prev1{ background: url(https://www.minghui1688.com/template/pc/skin/images/jt_t.png) no-repeat center; position: absolute;top: -20px; left: 0;} .lh-project-btn .next1{ background: url(https://www.minghui1688.com/template/pc/skin/images/jt_b.png) no-repeat center; position: absolute; bottom: -20px; left: 0;} .lh-project-btn .prev1:hover{background: url(https://www.minghui1688.com/template/pc/skin/images/jt_t2.png) no-repeat center; } .lh-project-btn .next1:hover{ background: url(https://www.minghui1688.com/template/pc/skin/images/jt_b2.png) no-repeat center;} .Probanner{ display: none;} .proxq_info{ width: 41%; float: right; padding: 0 40px; box-sizing: border-box;} .proxq_info .tit{font-size: 28px; margin-top: 40px;} .proxq_info .desc{ line-height: 30px; height: 180px; overflow: hidden; margin: 40px 0; color: #666;} .proxq_info .storebtn{ display: block; width: 140px; height: 50px; line-height: 50px; text-align: center; border:1px solid #e4e4e4;} .proxq_info .storebtn img{ vertical-align: middle; margin-right: 10px;} .pro_tab{ background: #fff; margin: 80px 0; position: relative;} .protab_li{ text-align: center; height: 96px; line-height: 96px; border-bottom: 1px solid #e4e4e4; } .protab_li li{ display: inline-block; width: 14%; margin: 0 2%; font-size: 20px; cursor: pointer; } .protab_li li.on{ color: #056DB6; border-bottom:2px solid #056DB6; line-height: 94px;} .protab_con img{max-width: 100%;} .protab_con{ padding:40px; box-sizing: border-box;} .foot_share{ text-align: center;} .foot_share a{ display: inline-block; width: 52px!important; height: 52px!important; border-radius: 50%!important; background: #3c3a3b!important; text-align: center;color:#fff!important; line-height: 52px!important; margin: 0 15px; padding-left: 0!important; float: none!important;} .foot_share .iconfont{ font-size: 30px;} .foot_share a:hover{ background: #B51C24!important; opacity: 1!important; text-decoration: none!important;} .sidebox{ position: fixed; right:8%; top: 50%; transform: translateY(-50%); text-align: center; width: 80px; background: #fff; padding: 30px 0; border-radius: 50px;} .sidebox .foot_share a{ width: 50px; height: 50px; margin: 0; margin-bottom: 20px!important;} .sidebox .foot_share a.icon-weixin{ background:#50b674!important;} .sidebox .foot_share a.icon-weibo{ background:#ea5d5c!important;} .sidebox .foot_share a.icon-qq{ background:#66a2d4!important;} .sidebox .retop{ background: url(https://www.minghui1688.com/template/pc/skin/images/return.png) no-repeat center; background-size: 100% 100%; display: inline-block; width: 50px; height: 50px;} .case_nav ul{ margin-left: -3%; margin-top: -90px;} .case_nav li{ width: 22%; float: left; margin-left: 3%;overflow: hidden;display: flex; justify-content: center;align-items: center; margin-bottom: 40px; border: 3px solid #fff; box-sizing: border-box; height: 180px; position: relative;} .case_nav li a{ display: block; width: 100%; height: 100%;} .case_nav li img{ max-height: 100%; min-width: 100%; } .case_nav li .info{ position: absolute; width: 100%; height: 100%; text-align: center; left: 0; top: 0; color: #fff; display: flex; justify-content: center; align-items: center; } .case_nav li .info h3 span{ font-size: 20px; display: block; margin-bottom: 5px;} .case_nav li.on .info{ background: rgba(221,135,51,.5);} .case_bg{ background: linear-gradient(to right, #056DB6 ,#3b97cd); padding-bottom:240px;} .hx_jj{margin-top: 100px;} .hx_pic{ width: 38%; height: 520px;float: left; background: #fff; float: left; display: flex; justify-content: center;align-items: center;} .hx_pic img{max-width: 100%; max-height: 100%;} .hx_info{ color: #fff; width: 56%; float: right;} .hx_info .en{ font-size: 40px; font-weight: bold;font-family: "en"; margin-top: 80px;} .hx_info .cn{ font-size: 28px; font-weight: bold; margin-bottom: 50px;} .hx_info .text{ line-height: 30px;} .case_lb{ margin-bottom: 100px;} .case_lbox{ margin-top: -140px; height: 600px;} .lb_box{ width: 580px; position:relative; margin-top: -110px; z-index: 10; background: linear-gradient(to right, rgba(15,69,149,.9) ,rgba(59,115,197,.9)); color: #fff; padding: 40px; box-sizing: border-box;} .lb_box .en{ font-family: "en";font-size: 34px; } .lb_box .cn{ font-size: 22px; margin-bottom: 20px;} .lb_box .btngroup{ position: absolute; right: 40px; top: 40px;} .lb_box .btngroup a{ display: block;float: left; height: 30px; padding: 0 20px; width: 20px;border-right:1px solid rgba(255,255,255,.4); box-sizing: border-box;} .lb_box .btngroup a:last-child{ border-right: none;} .lb_box .btngroup a.arrow-left{ background: url(https://www.minghui1688.com/template/pc/skin/images/jt_l.png) no-repeat center;} .lb_box .btngroup a.arrow-right{ background: url(https://www.minghui1688.com/template/pc/skin/images/jt_r.png) no-repeat center;} .plan_box{ width: 100%; padding: 120px 0;} .plan_box .z-container{ text-align: center;} .plan_box img{ max-width: 100%;} .case_page .fam_bar{ margin-top: 0;} /*安装工艺*/ .gy_box{ margin-top: 80px;} .gy_tit{ font-size: 38px; border-left:4px solid #056DB6; padding-left: 5px; margin-bottom:70px;} .gy_text{ line-height: 32px; font-size: 16px; color: #444444;} .gy_icon{ margin-top: 70px;} .gy_icon ul{margin-left: -4%;} .gy_icon li{ width: 12.5%; float: left; margin-left: 4%; text-align: center;} .gy_icon li .img{ width: 100%; background: url(https://www.minghui1688.com/template/pc/skin/images/liu.png) no-repeat center; background-size: 100% 100%; margin-bottom: 10px; height: 190px; display: flex; justify-content: center;align-items: center} .gy_icon li img{ transition: all .8s;} .gy_icon li:hover img{ transform:rotate(360deg)} .gy_icon li h3{ font-size: 50px; background: linear-gradient(to right, #056DB6 ,#3b97cd);} .gy_icon li h4{ font-size: 18px;} .gy_icon li h4,.gy_icon li h3{ background: linear-gradient(to right, #056DB6 ,#3b97cd); -webkit-background-clip: text; color: transparent;} .anitem .img,.anitem .info{ height: 520px;} .anitem .img{ float: left; width:61%;} .anitem .info{ width: 39%; float: right; background: #fff; padding: 80px 60px; box-sizing: border-box;} .anitem .info h3{ font-size: 28px; margin-bottom: 40px;} .anitem .info em{ font-size: 36px; font-family: "en"; margin-right: 10px; display: inline-block; width: 60px; height: 60px;background: linear-gradient(to right, #056DB6 ,#3b97cd); color: #fff; text-align: center; line-height: 60px; border-radius: 50%; vertical-align: middle;} .anitem .info .text{ line-height: 28px; color: #555555; height: 252px; overflow-y: scroll;} .anitem:nth-child(even) .img{ float: right;} .anitem:nth-child(even) .info{ float:left;} .sh_box{ height: 460px; width: 100%; display: flex; align-items: center; justify-content: center;} .sh_box .iconbox{ width: 220px; height: 220px; background: #fff; text-align: center; margin: 0 160px; } .sh_box .iconbox em{ display: block; height: 50px;margin-top: 50px;} .sh_box .iconbox em img{ vertical-align: bottom;} .sh_box .iconbox h3{ color: #056DB6;font-size: 16px;margin: 10px 0;} /*常规问题*/ .left_nav{ width: 22%;float: left; background: #fff; padding: 0 30px; box-sizing: border-box;} .left_nav a{ display: block; width: 100%; height: 110px;font-size: 22px; line-height: 110px;position:relative; border-bottom:1px solid #e4e4e4;} .left_nav li.active em{ background: url(https://www.minghui1688.com/template/pc/skin/images/jt4.png) no-repeat center;background-size: 100% 100%;} .left_nav a em{ display: inline-block; width: 12px; height: 16px; background: url(../image/jt3.png) no-repeat center; background-size: 100% 100%; float: right; position: absolute;right: 0px; top: 50%; transform: translateY(-50%);} .right_con{width: 74%; float: right; } .ques_box{ background: #fff; margin-bottom: 10px;} .ques_box h3{ height: 90px; line-height: 90px; padding: 0 20px; cursor: pointer; box-sizing: border-box; position: relative;} .ques_box .desc_box{display: none; border:1px solid #056DB6; padding: 50px 30px; box-sizing: border-box; line-height: 30px; color: #666666;} .ques_box h3.on{ background: #056DB6; color: #fff;} .ques_box h3 em{ display: block; width: 18px; height: 18px; background: url(https://www.minghui1688.com/template/pc/skin/images/jia.png) no-repeat center; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);} .ques_box h3.on em{background: url(https://www.minghui1688.com/template/pc/skin/images/jian.png) no-repeat center; background-size: 100% auto;} .ques_box h3 span{ display: inline-block; width: 80%;} /*门店查询*/ .store_query{ position: absolute; right: 0; top: 50%; transform:translateY(-50%);} .store_query .sel{ width: 100%; height: 50px; box-shadow: 0 0 16px rgba(8,62,141,.14); background: url(https://www.minghui1688.com/template/pc/skin/images/arr_b3.png) no-repeat right 20px center;padding: 0 40px; box-sizing: border-box; position: relative; z-index: 1;} .store_query span{ display: inline-block; position: relative; margin-right: 10px; width: 240px;height: 50px;background: #fff; } /*.store_query span:before{ content: ""; display:block; width: 14px;height: 8px; background-size: 100% 100%; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); z-index: 2;} */ .store_query .querybtn{ display: inline-block; width: 100px; height: 49px; line-height: 49px; text-align: center; color: #fff; background: #056DB6; box-sizing: border-box;box-shadow: 0 0 16px rgba(8,62,141,.14);} .store_con{ border:1px solid #dddddd; background: #fff;box-shadow: 10px 0 30px rgba(8,62,141,.1);} .store_map{ width: 57%; float: left; } .store_map img{/* width: 100%; height: 100%;*/} .store_addre{ width: 43%;float: right; overflow-y: scroll; padding: 40px; box-sizing: border-box;} .store_map,.store_addre{ height: 600px;} .scroll::-webkit-scrollbar{width:8px;height:8px;} .scroll::-webkit-scrollbar-button:vertical{display:none} .scroll::-webkit-scrollbar-track:vertical{background-color:#056DB6} .scroll::-webkit-scrollbar-track-piece{background:#e4e9f0} .scroll::-webkit-scrollbar-thumb:vertical{background-color:#056DB6;border-radius:30px} .scroll::-webkit-scrollbar-thumb:vertical:hover{background-color:#056DB6} .scroll::-webkit-scrollbar-corner:vertical{background-color:#056DB6} .scroll::-webkit-scrollbar-resizer:vertical{background-color:#056DB6} .addre_item{ margin-bottom: 50px;} .addre_item h3{ font-size: 18px; margin-bottom: 10px; transition: all .8s;} .addre_item p{ color: #777777; margin-bottom: 7px;} .addre_item:hover h3{ color: #056DB6;} .store_map2{ float: right;} .store_addre2{ float: left;/*direction: rtl;*/ text-align: left; padding: 80px;} .jgtit{ font-size: 22px; color: #056DB6;margin-bottom: 30px;} .jg_text{ color: #555555; line-height: 30px;} .store_query .input_text{ width: 340px; height: 50px; padding: 0 20px; background: #fff; float: left; box-sizing: border-box;box-shadow: 0 0 16px rgba(8,62,141,.14); font-size: 16px; float: left;} .store_query .soubtn{ display: block; width: 90px; height: 50px; text-align: center; line-height: 50px; background: #aab1bc; color: #fff; font-size: 18px; float: right;} .store_query .input_text{ width: 70%;} .qq{display:none} /*关于格力*/ .about_jj{ margin: 100px auto;} .about_text{ width: 49%; float: left;} .about_text .en{ font-size: 44px; font-family:"en"; color: #056DB6;} .about_text .cn{ font-size: 28px;} .about_text .textbox{ height:318px; overflow: hidden;line-height: 32px; margin: 50px 0; color: #444444;} .about_text .textbox.on{ height:auto;} .about_text .more{ display: block; width: 50px; height: 50px; border-radius: 50%; background: #d8dbdf; transition: all .8s; text-align: center; line-height: 50px;} .about_text .more img{ vertical-align: middle;} .about_text:hover .more{ background: #056DB6;} .about_num{ width: 49%;float: right; height: 540px; background: url(https://www.minghui1688.com/template/pc/skin/images/about_bg2.png) no-repeat center; background-size: auto 100%; padding: 80px 0; box-sizing: border-box; text-align: center; color: #fff; } .about_num li{ display: inline-block; width: 25%; margin-bottom: 90px;} .about_num li em{ display: block; font-size: 56px; font-family:"en";} .about_num li:nth-child(4){ margin-right: 12%; width: 32%; } .about_num li:last-child{ margin-bottom: 0; margin-top: -45px; margin-left: 25%;} .about_video{ margin-bottom: 100px;} .about_video video{object-fit: fill; width: 100%;} .about_video .index_tit,.about_process .index_tit{ margin-bottom: 50px;} .about_news ul{ margin:100px auto;margin-left: -2%;} .about_news li{ width: 31.3%; float: left; margin-left: 2%;margin-bottom: 25px} .about_news li .img{ width: 100%; display:flex; justify-content: center;align-items: center;overflow: hidden; } .about_news li .img img{ width: 100%; transition: all .8s;height: 300px;object-fit: cover;object-position: center;} .about_news li:hover img{ transform: scale(1.1,1.1);} .about_news li:hover .tit{ color: #056DB6;} .about_news li:hover .time{ background: url(../image/rl2.png) no-repeat left center; color: #056DB6;} .about_news .info{ padding: 30px 20px; background: #fff; box-sizing: border-box;} .about_news .info .tit{ font-size: 18px; font-weight: bold; line-height: 30px; height: 30px; transition: all .8s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 10px;} .about_news .info .desc{ line-height: 30px; height: 60px; margin: 15px 0; color:#444444;} .about_news .time{ display: block; background: url(../image/rl1.png) no-repeat center left; padding-left: 30px; transition: all .8s;} .gallery-thumbs{ width: 100px; float: left; height: 900px;} .gallery-thumbs .swiper-slide{ display: flex; justify-content: center; align-items: center;} .gallery-thumbs .swiper-slide{ font-size: 16px; font-family: arial;} .gallery-thumbs .swiper-slide-active{ font-size: 40px; color:#501712; font-family: "en";} .gallery-thumbs{ position: relative; } .gallery-thumbs .btn{ width: 48px; height: 48px; position: absolute; left: 50%; transform: translateX(-50%); box-sizing: border-box; text-align: center; line-height: 48px; z-index: 9999; cursor: pointer; position: relative;} .gallery-thumbs .btn:before{content:""; display: block; position: absolute; left: 50%; transform: translateX(-50%);width: 20px;height: 190px;z-index: 9999;} .gallery-thumbs .topbtn{ position: absolute; top: 40%; background: url(https://www.minghui1688.com/template/pc/skin/images/arr_b5.png) no-repeat center; background-size: 100% 100%;} .gallery-thumbs .bottombtn{ position: absolute; bottom: 40%;background: url(https://www.minghui1688.com/template/pc/skin/images/arr_b4.png) no-repeat center; background-size: 100% 100%;} .gallery-thumbs .bottombtn:before{ background:url(https://www.minghui1688.com/template/pc/skin/images/line_b.png) no-repeat center; background-size: auto 100%; top: 47px; } .gallery-thumbs .topbtn:before{ background:url(https://www.minghui1688.com/template/pc/skin/images/line_t.png) no-repeat center; background-size: auto 100%; bottom: 47px; } .tec_box{ margin: 50px auto;} .yearcon{width: 82%; margin: 0 auto; background: #fff; padding-left: 50px; } .yearcon .swiper-slide{padding: 40px 50px; box-sizing: border-box; width:100%; overflow: auto; -webkit-overflow-scrolling: touch; } .yearcon .yearitem h3{ color: #B67F3E;font-size: 16px;} .yearcon .yearitem p{ font-size: 15px; line-height: 32px;} .yearcon .yearitem{ margin-bottom: 10px;} .gallery-top{ width: 85%; height: 640px; } .scince_list{ overflow-y: scroll;} .yearbox{height: 640px; width: 100px;float: left; overflow: hidden;display: flex; justify-content: center;align-items: center;} .scince_list li{width:94%; padding: 20px; margin-bottom: 20px; box-sizing: border-box;background: #fff; display: flex; } .scince_list li a{ display: block; width: 100%; height: 100%;} .scince_list .img{ width: 240px; height: 160px; float: left; margin-right: 20px;} .scince_list .img img{ width: 100%; height: 100%;} .scince_list .info{ } .scince_list .tit{ font-size: 18px; margin: 25px 0;} .scince_list .desc{ line-height: 30px; color: #666666;} .scince_list li:hover .tit,.scince_list li:hover .desc{ color: #056DB6;} .zrlist ul{margin-left: -1.7%; } .zrlist .boxli{ width: 31.6%; float: left; margin-left: 1.7%; height: 330px; position: relative; overflow: hidden;margin-bottom: 60px;} .zrlist .box-img{ width: 100%; height: 100%; justify-content: center; align-items: center;display: flex; } .zrlist .box-img img{ min-width: 100%;} .zrlist .box-content{ position: absolute; left: 0;top: 0px; transform: translateY(240px); width: 100%; height: 100%;color:#fff; padding: 30px 25px; box-sizing: border-box; transition: all .8s;} .zrlist .box-content h3 em{font-size: 40px; font-family: "en"; } .zrlist .box-content h3 span{ float: right; margin-top: 12px;} .zrlist .desc{ margin: 30px 0;} .zrlist .box-content span{ color: #fff; font-size:20px} .zrlist .boxli .box-content p{ line-height: 30px; text-align: left;} .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .zrlist .swiper-scrollbar { border-radius: 25px;height: 12px; position: relative; -ms-touch-action: none; background:#ffffff; display: block!important; margin-top: 50px; } .zrlist .swiper-scrollbar-drag { height: 100%; width: 25%; position: relative; background:#056DB6; border-radius: 10px; left: 0; top: 0; } .zrlist .boxli:hover .box-content{transform: translateY(0); background: url(https://www.minghui1688.com/template/pc/skin/images/boxbg.jpg) no-repeat center; background-size: cover; } .about_process{ background: url(https://www.minghui1688.com/template/pc/skin/images/about_bg3.jpg) no-repeat top center; background-size: cover; padding-bottom: 120px;} .about_new{ padding: 100px 0;} .new_gl{ width: 100%; height: 500px; position: relative; margin-top: 100px;} .new_gl .imgbox{width: 51%; float: left;height: 100%;} .new_gl .boxinfo{color: #fff; position: absolute; bottom: 0; right: 0; width: 49%; padding: 0 60px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: 570px;background: linear-gradient( #056DB6 ,#3b97cd);} .new_gl .desc{ line-height: 30px; margin: 60px 0;} .new_gl .more{ display: block; width: 160px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 25px;} .new_gl .more img{ vertical-align: middle; margin-left: 10px;} .new_tit{ border-left: 4px solid #056DB6; height: 40px; line-height: 40px; position: relative; font-size: 36px; margin-bottom: 50px; padding-left: 10px; box-sizing: border-box;} .new_gl .boxinfo2{ background:#fff; display: block; overflow-y: scroll; padding:80px 60px; color: #333;} .new_tit .see_more{ color: #056DB6;} .new_tit .see_more span{ background: #056DB6; color: #fff;} .about_news2 ul{ margin: 0px 0; margin-left: -2%;} .about_soc{ margin-bottom: 150px; margin-top: 100px;} .soc_banner .box{ float: left; width: 27%; height: 460px; } .soc_banner .box a img{ width: 100%; height: 100%; vertical-align: bottom;} .soc_banner .box a{ display: block; height: 50%; position: relative; z-index: 1;} .soc_banner .box a:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; z-index: 1; transition: all .8s;} .soc_banner .box a:hover:before{background: rgba(0,0,0,0);} .soc_banner .box:nth-child(2){ width: 46%;} .soc_banner .box:nth-child(2) a{ height: 100%;} .btngroup{ width: 100px; position: relative; float: right;} .btngroup .banner_btn{ width: 40px; height: 40px; line-height: 40px; transform: translateY(0); background: #d8dbdf; display: flex; justify-content: center;align-items: center;} .btngroup .banner_btn:hover{ background: #056DB6;} .btngroup .arrow-left{ left: 0;} .btngroup .arrow-right{ right: 0;} /*公益活动*/ .gy_news{ padding: 50px 0;} .jj_box .box{ width: 48%; float: left; height: 280px; color: #fff; background: #056DB6; position: relative; padding: 0 50px; box-sizing: border-box; text-align: center; display: flex; align-items: center;} .jj_box .box:nth-child(even){ float: right; background:#da3714;} .jj_box .box .logo{ margin-bottom:20px ;} .jj_box .box .desc{ line-height: 30px;} .jj_box .box:before{content: ""; width: 94%; height: 90%; background: url(https://www.minghui1688.com/template/pc/skin/images/xu.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 3%; top: 5%;z-index: 1;} /*新闻列表*/ .news_lb{ margin-bottom:50px;} .news_lb .img,.news_lb .info{ width: 50%; float: left; height: 420px; background: #fff;} .news_lb .img{display: flex; justify-content: center; align-items: center; overflow: hidden; } .news_lb .img img{min-height: 100%;width: 100%;height: 100%;object-fit: cover;} .news_lb .info{ padding: 60px; box-sizing: border-box;} .news_lb .yan{ display: inline-block; background: url(../image/yan.png) no-repeat center; padding-left: 60px;} .news_lb .time{ display: inline-block;} .news_lb .info .tit{ font-size: 24px; font-weight: bold;} .news_lb .info .desc{ margin: 50px 0;} .news_lb .add{ display: block;background:#aab1bc; border-radius: 50%; text-align: center;height: 45px; width: 45px; line-height: 45px; color: #fff; font-size: 20px;} .news_lb .swiper-pagination{ bottom: 10px;} .news_lb .swiper-slide{ margin-bottom: 50px;} .news_lb .swiper-slide:hover .tit{ color: #056DB6;} .gy_box2{ border-bottom: 2px solid #BC0101;} .gy_box2 li{ margin-bottom: 80px;} .gy_box2 .img{ width: 430px; height: 350px; background: url(https://www.minghui1688.com/template/pc/skin/images/gy_bg.jpg) no-repeat center; background-size: cover; display: flex; justify-content: center; align-items: center; float: left; } .gy_box2 .img img{ max-height: 90%;} .gy_box2 .info{ width: 680px; margin-left: 100px; float: left;} .gy_box2 .info .tit{color: #bc0101; border-bottom: 2px solid #BC0101; padding-bottom: 10px; margin-bottom: 20px;} .gy_box2 .info h3{ font-size: 28px;} .gy_box2 .info span{ font-family: "en"; font-size:24px; font-weight: normal;} .gy_box2 .desc{ line-height: 28px; color: #333;} .gy_pages{ padding-top: 100px;} .gynews li:hover .tit{ color: #cf0000;} .gynews li:hover .time{ background: url(https://www.minghui1688.com/template/pc/skin/images/rl3.png) no-repeat left center; color:#cf0000;} .act_page img{ max-width: 100%;} .conatct_way{ width: 100%; color: #fff; background: url(https://www.minghui1688.com/template/pc/skin/images/conatct_banner.jpg) no-repeat center; background-attachment: fixed; height: 800px; display: flex; justify-content: center; align-items: center;} .conatct_way .way_l{ width: 300px; float: left; margin-right: 70px;} .conatct_way .way_r{ width: 400px; float: left;} .way_l h3{ font-size: 28px;} .way_l .tel{ background: url(https://www.minghui1688.com/template/pc/skin/images/mobile.png) no-repeat center left; background-size: auto 54px; padding: 10px 0; padding-left: 50px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; margin: 20px 0;} .way_l .tel em{ display: block; font-size: 24px;} .way_l .codebox{ width: 118px; float: left; text-align: center;} .way_l .codebox:last-child{ float: right;} .way_l .codebox img{ width: 118px; height: 118px; vertical-align: bottom;} .way_l .codebox h4{ height: 30px; line-height: 30px; background: #eeeeef; border-radius: 0 0 15px 15px; color: #056DB6; } .conatct_way .way_r{ margin-top: 50px;} .conatct_way .way_r p{ margin-bottom: 20px;} .conatct_page .fam_bar{ margin-top: 0;} .pagetopbar{ width: 100%; margin-top: 60px; margin-bottom: 100px; height: 60px; background: #fff; line-height: 60px; display: flex; justify-content: space-between; padding: 0 50px; box-sizing: border-box;} .pagetopbar a{ color:#056DB6;} .news_xq{ margin-top: 50px;} .pagetopbar a img{ vertical-align: middle; margin: 0 10px;} .left_news{ width: 68%; float: left;} .news_tits{ background: #fff; padding-bottom: 40px; margin-bottom: 40px; box-sizing: border-box; border-bottom: 1px solid #e4e4e4;} .news_tits h3{ font-size: 30px; font-weight: bold; margin-bottom: 20px; } .news_tits span{ display: inline-block; margin-right: 30px;} .news_tits .time{ background: url(../image/rl1.png) no-repeat center left; padding-left: 30px;} .news_tits .yan{ background: url(../image/yan.png) no-repeat center left; padding-left: 30px;} .newxq_con{ background: #fff; padding: 40px; box-sizing: border-box;} .news_content{ line-height: 30px; color: #555555; min-height: 400px;} .news_content img{ max-width: 100%!important;height: auto!important;} .right_news{ width: 28%; float: right; background: #fff; padding: 20px 40px 40px 40px; box-sizing: border-box;} .right_news.product{margin-top: 10px;} .right_news.product .img{border: 1px solid #e4e4e4} .right_news.product .fist_hot .tit{border: none} .right_news .hot_tit{ height:70px; line-height: 70px ; } .right_news .hot_tit a{font-size: 24px; font-weight: bold;} .right_news .hot_tit span{ float: right; color:#056DB6; font-size: 14px;} .fist_hot .img img{ width: 100%;} .fist_hot .tit{font-size: 18px; line-height: 24px; padding:15px 0; border-bottom: 1px solid #e4e4e4; margin-bottom: 15px;} .hot_list a{ font-size: 16px; display: block; width: 100%; margin-bottom: 15px; color: #777777;} .hot_list a:hover{ color: #056DB6;} /*售后详情页*/ .sh_xq{ padding:0 40px; box-sizing: border-box; background: #fff;} .shxq_box{ border-bottom: 1px solid #dddddd; padding: 40px 0;} .shxq_box .sh_tit{font-size: 26px;} .shxq_box .sh_desc{ margin: 40px 0; line-height: 30px; color: #555555;} .sh_gnlist h3{ font-size: 18px; font-weight: bold; color: #555555; margin-bottom: 10px;} .sh_gnlist .box{ margin-bottom: 10px; color: #555555;} .sh_gnlist .box .tit{ font-size: 16px; font-weight: bold; color: #056DB6; margin-bottom: 10px;} .shxq_box img{ max-width: 100%;} .shxq_box:last-child{ border-bottom: none;} /*商业用户*/ .sy_banner{ position: relative; height: 680px;} .sy_banner .banner_text{width: 100%; height: 100%; position: absolute; left: 0; top: 0; color: #fff;} .sy_banner .en{ font-size: 44px; font-family: "en"; margin-top: 70px;} .sy_banner .cn{ font-size: 28px; margin-bottom: 20px;} .sy_banner .desc{ width: 50%; line-height: 36px;} .sy_banner img{ vertical-align:bottom; width: 100%;} .sy_service .tit{ font-size: 32px; font-weight: bold; text-align: center; line-height: 160px; background: #fff;} .sy_icon{ width: 100%; padding: 120px 0;} .sy_icon .z-container{box-shadow: 0px 0 30px rgba(24,67,151,.25); background: url(https://www.minghui1688.com/template/pc/skin/images/sy_iconbg.jpg) no-repeat center; background-size: cover; padding: 100px 80px;} .sy_icon .tit{ font-size: 32px; font-weight: bold; color: #056DB6;} .sy_icon .desc{ width:40%; line-height: 30px; margin: 40px 0;} .syicon_list li{ display: inline-block; text-align: center; margin-right: 30px; cursor: pointer; } .syicon_list li em{ display: block; height: 40px; text-align: center; margin: 0 auto; overflow:hidden ; margin-bottom: 10px; } .syicon_list img{transition: all .6s;} .syicon_list li:hover em img{ transform: translateY(-40px);} .syicon_list li h3{ color: #056DB6; transition: all .6s;} .syicon_list li:hover h3{ color: #e98b01;} /*发展详情*/ .process_page{ margin: 100px auto; position: relative;} .process_page:before{/* content: "";*/ display: block; width: 2px; height: 100%; background: #056DB6; position: absolute; left: 17%; top: 0;} .pces_warp{position: relative; height: 830px; overflow-y: scroll;} .pces_item{ cursor: pointer;} .p_time{ width: 19%; float: left; text-align: right; padding-right: 60px; box-sizing: border-box; padding-top: 40px; font-size: 36px; font-weight: bold; font-family: "en"; color: #b7bdc7;transition: all .4s;} .p_desc{ width: 81%;padding-bottom: 60px; border-left:2px solid #056DB6; float: right; padding-left: 66px; box-sizing: border-box; position: relative;} .p_desc:before{ content: ""; display: block;width: 27px; height: 27px; background: url(https://www.minghui1688.com/template/pc/skin/images/cir1.png) no-repeat center; background-size: 100% 100%; position: absolute; left: -14px; top:47px; z-index: 2;} .p_desc .textbox{ background: #fff; padding: 40px; box-sizing: border-box; position: relative; line-height: 30px; color: #444; transition: all .8s; box-shadow: 0 4px 20px rgb(8,62,141,.1);z-index: 1;} .p_desc .textbox:before{ content: ""; display: block; width:0; height:0; border-width:20px 20px 20px 0; border-style:solid; border-color:transparent #fff transparent transparent;/*透明 灰 透明 透明 */ position: absolute; left: -20px; top: 40px;} .pces_item.on .p_time{ font-size: 66px; color: #fff; padding-top: 20px; transition: all .2s;} .pces_item.on .p_time span{ position: relative;transition: all .2s;} .pces_item.on .p_time span:before{ content: ""; display: block; width: 120px; height: 120px; background: #056DB6; border-radius: 50%; position: absolute;left: -40px; top: 50%; transform: translateY(-50%);} .pces_item.on .p_time em{ color: #056DB6; margin-left: -20px;} .pces_item .p_time em{ margin-left: -10px;} .pces_item.on .textbox{ color: #fff;} .pces_item.on .textbox:before{border-color:transparent #056DB6 transparent transparent;} .pces_item .textbox:after{ content: ""; display: block; width: 0%; height: 100%;background: linear-gradient(to right, #056DB6 ,#3b97cd);position: absolute ; left: 0; top: 0; transition: all .8s; opacity: 0;} .pces_item.on .textbox:after{ opacity: 1; width: 100%;} .pces_item.on .p_desc:before{ background: url(https://www.minghui1688.com/template/pc/skin/images/cir2.png) no-repeat; background-size: 100% 100%;} .process_page .year{ position: absolute; left: 15.4%; font-size: 20px; font-family: "en"; color: #056DB6; top: -30px;} .process_page .arr{ display: block; width: 55px; height: 55px; background: url(https://www.minghui1688.com/template/pc/skin/images/arrb.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 17%; bottom: -45px;} /* 第二屏 */ .pro_warp{background: url(https://www.minghui1688.com/template/pc/skin/images/sy_bg.jpg) no-repeat center; width: 100%; background-size: cover; overflow: hidden; } .pro_warp .z-container{ position: relative;height: 900px;} .proleft{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 25%; color: #fff;} .proleft h3{font-size: 36px;} .proleft h4{ font-size: 22px;} .proleft .desc{ margin: 60px 0; line-height: 30px;} .proleft .btn{ display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #a07435; border-radius: 3px; color: #fa9f19; box-sizing: border-box;} .proleft .btn img{ vertical-align: middle; margin-left: 10px;} .pro_warp .pro-mes a:hover{ color: #14a0e6; border: #14a0e6 1px solid; } .pro_warp .pro-slider{ position: absolute; width: 300px; height: 300px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9; } .bx-wrapper img { max-width: 80%; display: block; } .pro-slider .bxslider li{ display: flex; height: 300px; justify-content: center; align-items: center;} .pro-slider .bxslider li img{ opacity: .5; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: all .2s ease; transition: all .2s ease; } .pro-slider .bxslider li.bigger img{ opacity: 1; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .bxslider-pro-name{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 5; } .bxslider-pro-name li{ margin: 15px 0; line-height: 36px; height: 36px; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; text-align: right; } .bxslider-pro-name li a{ display: block; color: #999; font-size: 14px; padding-right: 40px; background: url(https://www.minghui1688.com/template/pc/skin/images/cir3.png) right center no-repeat; transition: all .2s; } .bxslider-pro-name li.active a, .bxslider-pro-name li:hover a{ color: #fa9f19; font-size: 20px; background: url(https://www.minghui1688.com/template/pc/skin/images/cir4.png) right center no-repeat; } @keyframes rotate{ 0%{transform:rotate(0deg);} 50%{opacity: 0.5;} 100%{transform:rotate(-360deg);} } @-webkit-keyframes rotate{ 0%{ -webkit-transform:rotate(0deg);} 50%{opacity: 0.2;} 100%{-webkit-transform:rotate(-360deg);opacity: 1;} } .pro_warp .earth.animate{ -webkit-animation:rotate .5s linear 1; animation:rotate .5s linear 1; } .pro_warp .bg { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .pro_warp .bg .line, .pro_warp .bg .txt{ position: absolute; } .pro_warp .bg .line1{ top: -20px; left: -40px; } .pro_warp .bg .line2{ bottom: 30px; left: -90px; } .pro_warp .bg .line3{ top: 26px; right: -93px; } .pro_warp .bg .line4{ bottom: -20px; right: -50px; } .pro_warp .bg .txt { display: inline-block; width:120px; font-size: 14px; } .pro_warp .bg .txt1, .pro_warp .bg .txt2{ text-align: right; padding-right: 10px; color: #fff; } .pro_warp .bg .txt1{ top: -28px; left: -170px; } .pro_warp .bg .txt2{ bottom: 23px; left: -220px; } .pro_warp .bg .txt3, .pro_warp .bg .txt4{ text-align: left; padding-left: 10px; color: #4a4845; } .pro_warp .bg .txt3{ top: 20px; right: -220px; } .pro_warp .bg .txt4{ bottom: -25px; right: -180px; } .bxslider-ps{ position: absolute; top: 200px; left: 310px; z-index: 0; width: 690px; height: 401px; overflow: hidden; font-size: 14px; } .bxslider-ps li{ opacity: 0; } .pro_warp2{ display: none;} .sy_pic{ width: 100%; padding: 120px 0;} .sy_pic img{ max-width: 100%; box-shadow: 0px 0 30px rgba(24,67,151,.25);} /*样板工程*/ .yb_page{ padding: 120px 0;} .yb_page .gy_tit{ position: relative;} .dq_nav{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .dq_nav a{ display: inline-block;transition: all .6s; margin-left: 30px; color: #7c8594;} .dq_nav em{ display: block; height: 50px; text-align: center; overflow: hidden; margin-bottom: 10px;} .dq_nav em img{ transition: all .6s;} .dq_nav a:hover img,.dq_nav a.active img{ transform: translateY(-50px);} .dq_nav a:hover,.dq_nav a.active{ color: #056DB6;} .yb_list .z-rows{margin-left: -2.3%;} .yb_list .boxli{ float: left; width: 31%; margin-left: 2.3%; margin-bottom: 40px;} .yb_list .first_yb{ height: 510px;width: 64.3%;} .yb_list .pic{ height: 240px; display: flex;justify-content: center; align-items: center; overflow: hidden; position: relative;} .yb_list .mask{ width: 100%; height: 100%; position: absolute; left: 0; top: ; background: rgba(8,62,141,.8); color: #fff;display: flex;justify-content: center; align-items: center; transition: all .8s; opacity: 0;} .yb_list .mask em{ display: inline-block; width: 30px; height: 28px; background: url(https://www.minghui1688.com/template/pc/skin/images/photo.png) no-repeat center; margin-right: 10px;} .yb_list .pic img{ min-height: 100%; width: 100%;} .yb_list .info{ background: #fff; padding:20px; box-sizing: border-box; height: 270px;} .yb_list .info h3{ font-size: 18px;margin-bottom: 20px;} .yb_list .boxli:hover .mask{ opacity: 1;} .first_yb .banner_btn{ width: 40px;height: 40px; background: rgba(0,0,0,.5); line-height: 40px;} .first_yb .arrow-left{ left: 30px;} .first_yb .arrow-right{ right: 30px;} .banner_btn img{ max-height: 50%;} .first_yb .info{ position: absolute; left: 0; bottom: 0; padding: 30px 30px; color: #fff; background: none; height: auto; background:rgba(8,62,141,.6);width:100%} .first_yb .info h3{font-size: 22px; margin-bottom: 15px;} .boxli .desc{ line-height:28px;} /*搜索框*/ .z_mask{ width: 100%; height: 100%; position: fixed; left: 0; top: 110px; background: rgba(0,0,0,.5); z-index: 10; display: none;} .search_top{ width: 100%; height: 160px; position: fixed; left: 0; top:110px;transform: translateY(110px);background: linear-gradient(to right, #3b97cd ,#056DB6); transition: all 1.5s; z-index: 12; text-align: center; opacity: 0; visibility: hidden;} .search_top.on{transform: translateY(0px); visibility: inherit; opacity: 1;} .search_top .box_con{ width:40%; margin: 40px auto ; border-bottom: 1px solid #fff; height: 80px; line-height: 80px;} .search_top .box_con .btn{ float: right; display: inline-block; width: 80px; height: 80px; background: url(https://www.minghui1688.com/template/pc/skin/images/sou2.png) no-repeat center;} .search_top .input_text{ color: #fff; float: left; height: 30px; margin: 25px 0; width: 70%; font-size: 18px;} .search_top .input_text::-webkit-input-placeholder{ color:#fff; } .search_top .input_text::-moz-placeholder{ color:#fff; } .search_top .input_text:-moz-placeholder{ color:#fff; } .search_top .input_text:-ms-input-placeholder{ color:#fff; } /*菜单栏*/ .menu_warp{ width: 100%; height:0%; position: fixed; left: 0; top: 0; background:#f2f1f2; z-index: 13; transition: all 1.5s; overflow: hidden;} .menu_warp.on{ height: 100%;} .menu_top{ text-align: center; height: 110px; line-height: 110px; border-bottom: 2px solid #378fc8; font-size: 28px; background: url(https://www.minghui1688.com/template/pc/skin/images/menu_tit.png) no-repeat center; margin-bottom: 40px;} .menu_con{ position: relative;} .menu_con dl{ width: 14.7%; vertical-align: top; margin-right: 13.7%; float: left;} .menu_con dl:nth-child(4){ margin-right: 0;} .menu_con dl:last-child{ position:absolute; right: 0; top: 300px; margin-right: 0;} .menu_con dt{ margin-bottom: 30px;} .menu_con dt img{ width: 100%; height: 130px;} .menu_con dt h3{font-size: 22px; margin: 30px 0;} .menu_con dt em{display: block; width: 40px; height: 2px;background: linear-gradient(to right, #3b97cd ,#056DB6); transition: all .6s;} .menu_con dl:hover em{ width: 100%;} .menu_con dd li{ position: relative;} .menu_con dd li>a{display: block; margin-bottom: 25px; width: 100%; position: relative;} .menu_con dd li:hover>a{ color: #056DB6;} .menu_con dd li>a.on:before{ content: ""; background: url(https://www.minghui1688.com/template/pc/skin/images/add2.png) no-repeat center; width: 14px; height: 14px; display: block; position: absolute; right: 0;top: 50%; transform: translateY(-50%); z-index: 1; transition: all .6s;} .menu_con dd li.on a.on:before{ background:url(https://www.minghui1688.com/template/pc/skin/images/jian2.png) no-repeat center;} .menu_con dd a{} .menu_con .menu_down{ display: none;} .menu_con .menu_down a{display: block; margin-bottom: 15px; color: #666666;} .menu_con .menu_down a:hover{ color: #056DB6;} .menu_colse{ display: block;cursor: pointer; width: 110px; height: 110px; background: url(https://www.minghui1688.com/template/pc/skin/images/colse.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 0;top: 0; transform: translateY(-110px); transition: all 1s} .menu_colse.on{ transform: translateY(0);} .form_page{ margin: 80px auto; width: 900px; position: relative;} .form_top img{width: 100%; vertical-align: bottom; } .form_code{ width: 50px; height: 50px; padding: 10px; box-sizing: border-box; background: #fff; position: absolute; right: -50px; top: 0;} .form_code img{ width: 100%; height: 100%;} .ly_form{ width: 100%; background: #f4f5f5;} .ly_form .con_box{padding: 40px 50px; box-sizing: border-box;} .ly_form li{ width: 43%; float: left; margin-bottom: 30px;} .ly_form li label{ line-height: 40px; display: inline-block;} .ly_form sup{ color: red;} .ly_form li .input_text{ width: 80%; background: #fff; height: 40px; border: 1px solid #dddddd; padding: 0 10px; box-sizing: border-box;} .ly_form li:nth-child(even){float: right;} .ly_form .choose{ width: 100%; float: left;} .ly_form .choose span{ display: inline-block; margin: 0 40px;} .magic_btn:checked + label{ background: url(https://www.minghui1688.com/template/pc/skin/images/gou.jpg) no-repeat center; background-size: 100% 100%; border: none; } .magic_btn+ label{ position: relative; top: 0; left: 0; display: inline-block; width:16px; height: 16px; margin-right: 10px; content: ''; border: 1px solid #ccc; box-sizing: border-box; cursor: pointer; text-align: center; vertical-align: middle; margin-top: -2px;} .magic_btn{display: none;} .ly_form .btn{ width: 100%; padding: 30px 0; background: #fff;} .ly_form .subbtn{ display: block; width: 120px; height: 45px; color: #fff; margin: 0 auto;background: linear-gradient(to right,#056DB6 ,#3b97cd) ; font-size: 18px; cursor:pointer;} @-webkit-keyframes criss-cross-right { 0% { right: -20px; } 50% { right: 50%; width: 20px; height: 20px; } 100% { right: 50%; width: 375px; height: 375px; } } @keyframes criss-cross-right { 0% { right: -20px; } 50% { right: 50%; width: 20px; height: 20px; } 100% { right: 50%; width: 375px; height: 375px; } } @media screen and (max-width:1400px) { .header_nav>ul>li{ margin: 0 1.5vw} } @media screen and (max-width:1200px) { .header .logo{ left: 0;} .case_box{ padding: 20px;} } @media screen and (max-width:1400px) { /* .z-container{ width: 94%;} */ } @media screen and (max-width:1200px) { .header_nav>ul>li{ margin: 0 10px} .sidebox{ display: none;} } @media screen and (max-width:900px) { .form_page{ width: 100%;} } @media screen and (max-width:780px) { .header{background: #fff; width: 100%; border-bottom: 1px solid #e4e4e4; height:50px; z-index: 9; position: fixed; left: 0; top: 0; background: #fff;} .header_nav{width: 100%; height: 100%; position: fixed; left: 0; top: 50px; background: rgba(8,62,141,.5); display: none; } .header_nav li{ width: 100%; text-align: center; line-height: 50px;} .header_nav>ul>li>a{ line-height: 80px;} .header_nav li a{ color: #fff;} .other_banner,.banner{ margin-top: 50px;} .nav_down{ display: none;} .header_right{ width: 100px; position: fixed;} .header_right .soubtn,.header_right .menuBtn{ width: 50px; height: 50px;} .header .logo{ height: 50px;line-height: 50px; margin-left: 10px;} .header .logo img{ max-height: 36px;} .header_right .menuBtn div{transform: scale(.8,.8);} .header_right .soubtn em{ background-size: auto 25px;} .banner_btn{ display: none;} .search_top{ top: 50px; height: 80px;} .search_top .box_con{ height: 40px; line-height: 40px; margin: 20px auto; width: 80%;} .search_top .input_text{ margin: 0; font-size: 14px;} .search_top .box_con .btn{ margin: 0; height:30px; width: 30px; background-size: 100% auto;} .swiper-pagination span{ width: 12px; height: 12px; margin: 0 3px;} .swiper-pagination{ bottom: 10px;} .index_tit{ font-size: 18px;} .index_tit h3{ font-size: 20px; font-family: "en";color: #056DB6;} .index_pro,.index_about{ padding: 30px 0;} .index_pro ul{ margin-left: 0; margin-top: 30px; margin-bottom: 0;} .index_pro ul li{ width: 100%; margin-left: 0; margin-bottom: 20px;} .index_pro ul li,.index_pro ul li .img{height: auto;} .index_pro .info{ transform: translateY(0); width: 100%;} .index_pro .info .tit{ font-size: 16px;} .index_pro .info .ellipsis2{ margin: 10px 0;} .guide_l,.guide_r{ width: 100%;} .index_guide{ padding:0; padding-bottom: 30px;} .guide_l .by{ margin: 30px 0;} .guide_l .piclist ul{ margin-left: 0;} .guide_l .piclist{ text-align: center; } .guide_l .piclist li{ width: 47%; margin-left: 2%; display: inline-block;float: none; height: auto;} .guide_r{padding: 20px; margin-top: 30px;} .guide_list{ min-height: auto; } .guide_list li .ellipsis{ width: 60%;} .guide_list li{ margin-bottom: 10px;} .guide_r .more{ width: 30px; height: 30px; line-height: 30px; margin-top: 20px;} .index_contact{ height: auto;} .store_check, .index_map{ height: auto; width: 100%;} .index_map{height: 280px;} .store_check .z-row{ width: 100%; padding: 20px; box-sizing: border-box;} .store_check span img{ height: 40px;} .store_check .en{ font-size: 20px; margin: 10px 0;} .store_check h4{ font-size: 18px;} .store_check .desc{ margin: 20px 0;} .fam_class li .img{ height: auto;} .probox .pro_info{ padding-right: 8%;} .probox:nth-child(even) .pro_info{ padding-left: 8%;} .Probanner{ display:block;} .propic{ display: none;} .Probanner{ position: relative;} .Probanner .swiper-slide{ display: flex; justify-content: center; align-items: center; padding: 0 20px; box-sizing: border-box;} .Probanner img{ max-width: 100%;} .proxq_info{ width: 100%; padding: 10px; box-sizing: border-box;} .proxq_info .tit{font-size: 18px; margin-top: 10px;} .proxq_info .desc{ line-height: 20px; height: auto; margin: 20px 0;} .proxq_info .storebtn{ height: 40px; line-height: 40px;} .about_text,.about_num{ width: 100%;} .p_time{ padding-right: 10px; font-size: 20px; text-align: left; padding-top: 38px;} .p_desc:before{ width: 20px; height: 20px; left: -10px; background-size: 100% 100%; top: 40px;} .p_desc{ padding-left: 30px; padding-bottom: 20px;} .p_desc .textbox{ padding:10px; line-height: 24px;} .p_desc .textbox:before{ border-width: 10px 10px 10px 0; left: -10px;} .pces_item.on .p_time span:before{ display: none;} .pces_item.on .p_time{ font-size: 20px; padding-top: 38px;color: #056DB6;} .pces_item.on .p_time em{ margin-left: -10px; } .pces_item{} .process_page .year{ left: 10%;} .process_page{ margin: 50px auto;} .header_nav>ul>li.active a{color: #fa9f19;} .case_box .desc{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .sy_pic{ padding: 30px 0;} .pces_warp{ height: auto;overflow-y: auto;} .process_page .arr{ width: 40px; height: 40px;left:14%; bottom: -40px;} .form_page{ margin-top: 50px; margin-bottom: 30px;} .ly_form .con_box{ padding: 20px; box-sizing: border-box;} .ly_form li{ width: 100%;} .ly_form .choose span{ margin:10px;} .ly_form .btn{ padding: 15px 0;} .ly_form .subbtn{ height: 40px;} .ly_form li .input_text{width: 70%;} .protab_con{padding:10px;} .protab_con img{width:auto !important;height:auto !important;} .guide_list{ height: auto;} #txtReciver, #txtEditor,#platWrap{width: 300px!important; overflow: hidden!important;} } @media screen and (max-width:420px) { .about_l{ width: 100%; height: 120px; line-height: 120px;} .about_r{ width: 100%; padding: 10px;} .about_r .tit,.about_r .entit{ font-size: 18px;} .about_r .tit{ margin-bottom: 10px;} .about_r .desc{ line-height: 24px; margin: 10px 0; margin-bottom: 20px;} .about_box{ height: auto; margin-top: 30px;} .about_box .person{ display: none;} .about_r .more{ width: 24px; height: 24px; line-height: 24px;} .about_r .more:before{ display: none;} .footer .z-container{ display: block;} .foot_nav{ display: none;} .footer,.fam_step{ padding: 30px 0;} .footer .logo{ margin-bottom: 20px; text-align: center;} .foot_contact .zxbtn{ width: 180px; height: 40px; line-height: 40px; font-size: 16px; margin: 20px 0;} .footer_bar{height: auto; line-height: 22px; padding: 10px 0;} .foot_contact .zxbtn{ margin-bottom:20px 0;} .foot_contact h4,.foot_contact h3{ margin-bottom: 10px;} .footer_bar span{ float: none;} .foot_contact .tel{ font-size: 20px;} .fam_class ul,.fam_step ul{ margin-left: 0;} .fam_class li,.fam_step li{ width: 100%; margin-left: 0; margin-bottom: 10px;} .fam_class{ margin: 30px auto;} .fam_class .info{ padding: 20px; box-sizing: border-box;} .fam_class .info h3{ font-size: 16px;} .fam_case{ height: 340px;} .fam_case .case_box{ width: 50%;right: 0;padding: 10px;} .fam_case .case_box h3{ font-size: 16px; margin-bottom: 10px;} .fam_case .case_box .seebtn{ height: 30px; line-height: 30px; margin-top: 10px; width: 120px;} .fam_step li{ height: 230px;} .fam_step li .numbox span{ width: 60px; height: 60px; line-height: 60px; font-size: 18px;} .fam_step li em{ font-size: 30px;} .fam_step .step_tit{ font-size: 20px;margin-bottom: 30px;} .gybox .imgbox,.gybox .info{ width: 100%; height: auto;} .gybox .imgbox{ height: 200px;} .gybox .info{ padding: 20px 10px;} .gybox .info .tit{ font-size: 18px;} .gybox .info .desc,.pro_tit{ margin: 20px 0;} .fam_bar { margin-top: 30px;} .fam_bar li em{ height: 30px; margin-bottom: 10px; width: 100%;} .fam_bar li h3{ font-size: 12px;} .fam_bar{ padding: 20px 0;} .page_bar{ height: 40px; line-height: 40px;} .pro_tit span{ display: block!important; float: none!important; margin: 0 auto; margin-bottom: 20px;} .pro_tit .tit{ font-size: 18px; height: 30px; line-height: 30px;} .probox{ height: auto; padding:20px 10px; margin-bottom: 10px;} .probox .pro_img,.probox .pro_info{ width: 100%;} .probox .pro_img{ min-height: auto;height: 120px; margin-top: 0; margin-bottom: 10px;} .pro_info .prot{ font-size: 16px;} .pro_info .desc{ margin: 20px 0; height: 60px; line-height: 20px;} .probox .pro_info{ padding-left: 0!important; padding-right: 0!important;} .pro_case ul li{ height: auto;} .pro_case ul li{ border-width: 2px;} .pro_case ul{ margin-bottom: 20px;} .loadmore{ margin: 30px auto; height: 40px; line-height: 40px; width: 120px; font-size: 14px;} .pro_case .more{ width: 120px; height: 35px; line-height: 35px;font-size: 12px;} .search_box .search_btn{ width: 40px; height: 40px;} .search_box{ height: 40px;} .search_box .input_text{ margin-top: 5px;} .proxq_head{ padding: 20px 0;} .pro_tab{ margin: 30px 0;} .protab_li{ height: 40px; line-height: 40px;} .protab_li li{font-size: 12px; margin: 0; line-height: 38px; width: 24%; text-align: center;} .protab_li li.on{ line-height: 38px;} .case_nav ul{margin-top: -20px; margin-left: -2%;} .case_nav li{ width: 48%; margin-left: 2%; margin-bottom: 10px; height: 90px; display: flex; justify-content: center; align-items: center; overflow: hidden;} .case_nav li .info h3 span{ font-size: 16px;} .hx_pic,.hx_info{ width: 100%; height: auto;} .hx_jj,.case_lb{ margin-top: 30px;} .hx_info .en,.lb_box .en{ font-size: 20px; margin-top: 20px;} .hx_info .cn,.lb_box .cn{font-size: 18px; margin-bottom: 20px;} .hx_info .text{ line-height: 20px;} .case_lb{ margin-bottom: 0px;} .case_lb .z-container{ width: 100%;} .case_bg{ padding-bottom: 150px;} .case_lbox{ height: auto;} .lb_box .en{ margin: 0;} .case_lbox .swiper-slide img{ height: auto; vertical-align: bottom;} .lb_box{ margin-top: 0; width: 100%; box-sizing: border-box; padding: 20px;} .plan_box{ padding: 20px 0;} .gy_tit{ font-size: 18px; margin-bottom: 20px;} .gy_box,.gy_icon{ margin-top: 30px;} .gy_icon li{ width: 29.3%; margin-bottom: 10px;} .gy_icon li .img{ height: 120px; margin-bottom: 0;} .gy_icon li img{ max-height: 50px;} .gy_icon li h3{ font-size: 20px;} .gy_icon li h4{ font-size: 12px;} .anitem .img,.anitem .info{ width: 100%; height: auto;} .anitem .img{ height: 200px;} .anitem .info{ padding:20px 10px;} .anitem .info em{ width: 30px; height: 30px; line-height: 30px; font-size: 20px;} .anitem .info h3{ font-size: 18px; margin-bottom: 10px;line-height: 30px;} .anitem .info .text{ line-height: 24px;} .sh_box .iconbox{ margin: 0;} .sh_box{ height: auto; padding: 30px 0;} .left_nav{ margin-bottom: 10px;background: none;} .left_nav,.right_con{ width: 100%;} .left_nav a em{display: none;} .left_nav li{ display: inline-block; width: 49%; text-align: center;} .left_nav li.active a{ border-bottom-color: #056DB6; color: #056DB6; } .left_nav li a{ font-size: 16px; height: 40px; line-height: 40px;} .ques_box h3{ height: 40px; line-height: 40px;} .store_query{ position: relative; top: 0; transform: translateY(0);} .store_query em{ display: block; margin-bottom: 10px;} .store_query span{ width: 110px; display: inline-block!important; height: 35px; margin-right: 0;} .store_query .sel{ padding: 0 10px; height: 35px;} .store_query span:before{ right: 10px;} .store_query .querybtn{height: 35px; line-height: 35px; width:70px;} .store_map, .store_addre{ width: 100%; height: 300px;} .store_addre{ padding:20px 10px; height: auto; overflow-y: auto;} .addre_item{ margin-bottom: 20px;} .addre_item h3{ font-size: 16px; margin-bottom: 5px;} .store_query .input_text{ width: 70%; font-size: 14px;} .store_query .soubtn{ width: 28%;font-size: 16px;} .jgtit{ font-size: 18px; margin-bottom: 20px;} .jg_text{ line-height: 24px;} .about_num{ background-size: 100% auto; height: 300px;padding: 40px 0;} .about_num li{ margin: 0; margin-bottom: 20px; font-size: 12px;} .about_num li em{ font-size: 24px;} .about_num li:last-child{ margin: 0; margin-left: 50px;} .about_num li:nth-child(6){ margin-top: 20px;} .about_jj,.about_news ul{ margin: 30px auto;} .about_text .textbox{ height: auto; margin: 20px 0; line-height: 24px;} .about_video,.about_video .index_tit, .about_process .index_tit{ margin-bottom: 30px;} .about_news ul{ margin-left: 0;} .about_news li{ width: 100%; margin-left: 0; margin-bottom: 10px;} .about_news li .img{ height: auto;} .about_news .info{ padding:20px 10px;} .about_news .info .tit{ font-size: 16px; line-height: 24px;height: 24px; margin-bottom: 0;} .about_news .info .desc{ line-height: 24px; height: 48px;} .about_process{ padding-bottom: 30px;} .zrlist .swiper-scrollbar{ margin-top: 30px; height: 8px;} .new_gl .imgbox,.new_gl .boxinfo,.new_gl{ width: 100%; height: auto;} .new_gl .imgbox{ height: 300px;} .new_gl .boxinfo{ position: relative; padding: 30px 20px;height: auto; overflow-y: auto;} .new_gl .desc{ margin: 30px 0;} .about_new{ padding: 30px 0;} .new_gl{ margin-top: 30px;} .jj_box .box{ width: 100%; height: auto; padding: 20px 20px;} .jj_box .box .logo{ margin-bottom: 10px;} .jj_box .box .logo img{ max-height: 50px;} .gy_news{ padding: 30px 0;} .new_tit{ height: 30px; line-height: 30px; font-size: 18px; margin-bottom: 30px;} .news_lb .img, .news_lb .info{ width: 100%;height: auto;} .news_lb .img{ display: block;} .news_lb .img img{ width: 100%;} .news_lb .info{ padding:20px 10px;} .news_lb .info .tit{ margin-bottom: 10px;} .news_lb .info .desc{ margin: 10px 0;} .gy_pages{ padding-top: 30px;} .gy_box2 .img,.gy_box2 .info{ width: 100%; margin: 0;} .gy_box2 .img{ margin-bottom: 10px;} .gy_box2 .info h3,.gy_box2 .info span{ font-size: 18px!important;} .gy_box2 .desc{ line-height: 24px;} .gy_box2 li{ margin-bottom: 20px;} .gy_box2 .img{ height: 250px;} .gy_box2 .img img{ max-height: 70%;} .conatct_way .way_l,.conatct_way .way_r{ width: 100%; padding: 20px; box-sizing: border-box; margin: 0;} .way_l h3,.way_l .tel em{ font-size: 18px;} .way_l .tel{ background-size: auto 40px;} .conatct_way{ height: auto; padding: 30px 0; margin-top: 50px;} .left_news{ width: 100%;} .right_news{ display: none;} .newxq_con{ padding:20px 10px;} .news_tits{ padding-bottom: 20px; margin-bottom: 20px;} .news_tits h3{ font-size: 16px; } .pagetopbar{ padding: 0 10px;} .news_xq{margin-top: 30px;} .sh_xq{ padding: 0 10px;} .shxq_box .sh_tit{ font-size: 18px;} .shxq_box{ padding: 20px 0;} .shxq_box .sh_desc{ margin: 20px 0;} /* .yearbox,.gallery-thumbs{ height: 184px!important;} */ .gallery-thumbs .swiper-slide-active{ font-size: 20px;} .gallery-thumbs .btn:before{ display: none;} .gallery-thumbs .bottombtn{ bottom: 0;} .yearbox{ width: 50px;} .scince_list li{ width: 100%; padding: 10px;} .scince_list .img{ width: 100%;height: auto;} .gallery-top{ width: 82%; float: right;} .tec_box{ margin: 30px auto;} .scince_list .tit{ font-size: 16px; margin-bottom: 10px;} .scince_list .desc{ line-height: 24px;} .zrlist .boxli{ margin-bottom: 30px;} .zrlist .box-content h3 em{ font-size: 30px;} .bxslider-pro-name{ display: none;} .pro_warp .pro-slider,.pro_warp .bg{ display: none;} .sy_banner .desc{ width: 100%; line-height: 24px;} .sy_banner .en{ font-size: 24px;} .sy_banner .cn{ font-size: 18px;} .sy_banner{ height: 300px;} .proleft{ position: relative; transform: translateY(0); width: 100%; left: 0; top: 0;} .proleft h3{ font-size: 18px;} .proleft h4{ font-size: 16px;} .proleft .desc{ margin: 20px 0;} .proleft .btn{ height: 40px; line-height: 40px;} .pro_warp{ background: url(https://www.minghui1688.com/template/pc/skin/images/sy_bg.jpg) no-repeat top center;} .pro_warp .z-container{ height: auto; padding: 30px 0; display: none;} .pro_warp2{ display:block;} .pro_warp2{z-index: 99;} .pro_warp2 .swiper-slide{ } .pro_warp2 .swiper-slide .tbbox { padding: 10px; box-sizing: border-box; color: #fff;} .pro_warp2 .swiper-slide .tbbox h3{ font-size: 16px; margin-bottom: 10px;} .pro_warp2 .swiper-slide .tbbox .desc{ margin: 10px 0; height: 80px; line-height: 20px; overflow: hidden;} .pro_warp2 .swiper-slide .btn{display: block; width: 100px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #fa9f19; border-radius: 3px; color: #fa9f19; box-sizing: border-box} .pro_warp2 .swiper-slide .img{width: 100%; height: 300px; z-index: 10; display: flex; justify-content: center; align-items: center} .pro_warp2 .swiper-slide img{ max-width: 90%; max-height: 90%;} .pro_warp2 .swiper-slide .info{ position: absolute; left: 0; bottom:0; padding: 10px; box-sizing: border-box; background: rgba(250,159,25,.8); color: #fff; width: 100%; padding-bottom: 30px;} .pro_warp2 .tit{ font-size: 16px; margin-bottom: 10px;} .sy_service .tit{ font-size: 18px; line-height: 50px;} .sy_icon .z-container{ padding: 30px 20px;} .sy_icon .desc{ width: 100%;} .sy_icon .tit{ font-size: 16px;} .sy_icon .desc{ margin: 20px 0; line-height: 24px;} .syicon_list li{ margin-bottom: 20px;} .sy_icon{ padding: 30px 0;} .yb_page{ padding: 30px 0;} .yb_list .boxli{ width: 100%; margin-bottom: 10px;} .yb_list .first_yb{ height: 300px;} .yb_list ul{ margin: 0;} .first_yb .info{ padding: 10px;} .first_yb .info h3,.yb_list .info h3{ font-size: 16px; margin-bottom: 10px;} .boxli .desc{ line-height: 24px;} .yb_list .pic,.yb_list .info{ height: auto;} .yb_page .gy_tit{ background: none; margin-bottom: 200px;} .yb_page .dq_nav{transform: translateY(0); top: 40px; text-align: center; width: 100%;} .yb_page .dq_nav a{ margin: 0 10px;margin-bottom: 10px;} .soc_banner .box{ width: 100%; height: auto;} .soc_banner .box:nth-child(2){ width: 100%; height: auto;} .btngroup{ width: 70px;} .btngroup .banner_btn{ width: 30px; height: 30px; line-height: 30px;} .about_soc{ margin: 30px auto;} .probox{ background-size: auto 100%!important;} .lb_box .btngroup{ width: auto;} .gy_text{ line-height: 24px; font-size: 14px;} .video{ height:auto} .gallery-thumbs .topbtn{top: 0;} .zrlist .boxli{ height: auto; width: 100%; margin: 0; margin-bottom: 10px;} .iimg{ width: 100px!important;} .itxt{ width: 180px!important;} .intxt{ width: 200px!important;} .anniu{ overflow: hidden;margin-top: 10px;} .anniu a{overflow: hidden;display: block;float: left;} .qq{width: 90px;height: 34px;float: left;color: #fff;font-size: 16px;line-height: 34px;text-align: center;padding: 0 5px;display: flex;align-items: center;border-radius: 10px; cursor: pointer;} .qq img{width:15px;height:15px;margin-right: 5px;} .qq1{background-color:#093e8e;margin-right: 26px;} .qq2{background-color:#e98b01;margin-right: 90px;} /*#bsBox{ width: 300px!important; margin-left: -150px!important;} .bsTop{ width: 100%!important;} .bShareFrame,#platWrap{width: 100%!important;} #txtReciver, #txtEditor,#platWrap{width: 300px!important; overflow: hidden!important;} #txtEditor{ width: 300px !important;} #picSlides{ width: 100px !important;} #bsBox{overflow-x:auto !important;}*/ } @media screen and (max-width:1199px) { .page_bar .z-container{padding-left: 40px;background-position: 15px center;} }