body {font-family:'Microsoft YaHei',"Open Sans",sans-serif;font-size:15px;color:#333;} input,select,textarea {font-family:微软雅黑,"Open Sans",sans-serif;font-size:1em;} .wrap {width:96%;margin:0 auto;max-width:1200px;position:relative;} img,a {border:0;} ul,li {list-style:none;} * {margin:0;padding:0;} .flt {float:left;} .frt {float:right;} .clear {clear:both;} .clear:after,.clear:before {content:'';clear:both;display:table;} img {max-width:100%;} .img:before {transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(255,255,255,0);z-index:100} .img:hover:before {top:10px;left:10px;right:10px;bottom:10px;border:1px solid rgba(255,255,255,0.5);} .img:hover img {transform:scale(1.1) translateY(-50%);} .img {overflow:hidden;position:relative;} .img { overflow:hidden; height:0;padding-top:100%; border:1px solid #dedede;box-sizing:border-box;} .img img { display:block; width:100%; position:absolute; top:50%; transform:translateY(-50%);} h3 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;} *,*:after,*:before {transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;} .modal,.fp_modal {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;} .fp_modal {display:table;} .modal {transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;background:rgba(0,0,0,0.7);} .fp_modal .cell {display:table-cell;vertical-align:middle;} .modal_cont {max-width:990px;margin:0 auto;width:90%;background:#fff;position:relative;} .modal_cont .close {position:absolute;top:10px;right:10px;width:32px;height:32px;background:url(../images/close.png) no-repeat center center #ccc;border-radius:100%;cursor:pointer;} .modal_cont .box {padding:45px;} /*----------header----------*/.header {background:#242f35;line-height:70px;position:fixed;top:0;left:0;width:100%;z-index:1000;} .header .wrap {width:auto;padding:0 250px;max-width:initial;} .logo {position:absolute;top:0;left:0;bottom:0;width:225px;background:url(../images/logo_bg.jpg) no-repeat right center;text-align:center;padding-right:40px;} .logo img {vertical-align:middle; max-height:60px; max-width:100%;} .menu ul {display:flex} .menu ul li {flex:1;text-align:center;font-size:16px;} .menu {width:90%;max-width:950px;margin:0 auto;} .menu ul li a {display:inline-block;color:#fff;position:relative;} .menu ul li a:before {content:'';display:block;position:absolute;width:0;margin:0 auto;left:0;right:0;top:0;height:4px;background:#ffdb60;} .menu ul li.on a:before,.menu ul li a:hover:before {width:100%;} .menu ul li.on a,.menu ul li a:hover {color:#ffdb60;} .tel {position:absolute;top:50%;right:0;line-height:24px;border-left:1px solid #445863;margin-top:-12px;padding:0 30px;} .tel span {color:#ffdb60;font-size:16px;padding:0 30px;background:url(../images/icon1.png) no-repeat left center;} .banner_owl{margin-top:70px;} .banner .item {position:relative;font-family:Arial;} .banner .item .text {text-align:center;left:0;width:100%;text-align:center;color:#fff;position:absolute;top:50%;transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);font-size:24px;} .banner .text h3 {font-size:42px;margin-bottom:20px;font-weight:normal;letter-spacing:3px;} .banner .text p {font-size:16px;color:#242f35;line-height:26px;background:#ffdb60;padding:0 15px;display:inline-block;text-transform:uppercase;position:relative;} .banner .text p:after,.banner .text p:before {position:absolute;top:0;bottom:0;width:18px;content:'';} .banner .text p:after {background:url(../images/icon9-1.png) no-repeat center center;left:100%;margin-left:5px;} .banner .text p:before {background:url(../images/icon9.png) no-repeat center center;right:100%;margin-right:5px;} .owl-theme .owl-dots .owl-dot span {width:10px;height:10px;margin:0 5px;opacity:.6;} .owl-theme .owl-dots {margin-bottom:30px;} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {background:#ff9e24;opacity:1;} .banner .img1 {overflow:hidden;display: flex;justify-content: center;align-items: center;} /*----------mainer----------*/.mainer {margin-top:70px;} .page {padding-top:60px;} .page_tit {text-align:center;margin-bottom:40px;} .page_tit h3 {font-size:32px;font-weight:normal;} .page_tit label {display:block;margin:0 auto;margin-top:20px;width:78px;height:5px;background:#222;} .page_tit p {text-align:center;max-width:575px;line-height:28px;color:#666;font-size:16px;margin:0 auto;margin-top:20px;width:90%} .owl {position:relative;} .owl_cur {position:absolute;top:50%;margin-top:-20px;height:0;left:2%;right:2%;z-index:10;} .owl_cur span {cursor:pointer;display:block;width:46px;height:46px;border-radius:100%;background:url(../images/cur1.png) no-repeat center center rgba(255,255,255,0.2);} .owl_cur span.prev {float:left;} .owl_cur span.next {float:right;background:url(../images/cur2.png) no-repeat center center rgba(255,255,255,0.2);} .owl_cur span:hover {background-color:rgba(255,255,255,0.5);} .page_about { padding-bottom:40px;} .page_about h4 { font-size: 22px; font-weight: normal; color: #000; margin-bottom: 30px; } .page_about p { line-height:32px; } /*----------footer----------*/.footer {} .pagesize {text-align:center;padding:30px 0;} .pagesize a {background:#fff;color:#666;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:inline-block;height:34px;vertical-align:middle;line-height:34px;width:34px;margin:5px;} .pagesize a.prev {background-image:url(../images/icon10.png);background-position:center center;background-repeat:no-repeat;} .pagesize a.next {background-image:url(../images/icon10-1.png);background-position:center center;background-repeat:no-repeat;} .pagesize a:hover,.pagesize a.on {background-color:#ffdb60;color:#000} /*----------custom----------*/.about .img {float:left; width:40%;padding-top:40%;border:none;} .about .text {overflow:hidden;padding:40px;line-height:32px;font-size:15px;color:#444;} .about .text p {height:220px;overflow:hidden;margin-bottom:10px;} .about .text h3 {font-size:22px;font-weight:normal;color:#000;margin-bottom:20px;margin-top:15px;} .about {background:#f5f5f5;} .div_btn a {display:block;width:132px;color:#fff;line-height:40px;background:url(../images/img_06.jpg) no-repeat center right #242f35;padding-left:20px;} .div_btn a:hover {padding-left:40px;text-align:left;} .page {overflow:hidden;} .cn_list li {background:#242f35;width:33.333%;position:relative;float:left;} .cn_list li:nth-child(2n) {background:#ffdb60;} .cn_list li:nth-child(2n+1) .text {color:#fff;} .cn_list li:nth-child(2n) .img .bg {background:url(../images/icon4-1.png) no-repeat center center;background-size:100% 100%;} .cn_list li .img {max-width:357px;float:right;width:60%;position:relative;padding-top:30%;border:none;} .cn_list li .img img {height:256px;max-width:initial;display:block;} .cn_list li .img .bg {position:absolute;top:0;bottom:0;width:30%;bottom:0;background:url(../images/icon4.png) no-repeat center center;background-size:100% 100%;z-index:100;} .cn_list li .text {position:absolute;top:50%;margin-top:-48px;width:35%;left:5%;} .cn_list li .text h3 {font-size:20px;font-weight:normal;margin-bottom:20px;} .cn_list li .text p {line-height:28px;font-size:15px;} .main_tit {text-align:center;margin-bottom:60px;} .main_tit li {display:inline-block;margin:3px 0;} .main_tit li a {display:block;width:174px;height:46px;line-height:46px;font-size:16px;background:url(../images/icon3.png) no-repeat center center;background-size:100% 100%;} .main_tit li a:hover,.main_tit li.on a {background:url(../images/icon3-1.png) no-repeat center center;} .product_tit {margin-bottom:40px;background:#fff;border:1px solid #e1e1e1;} .product_tit .img1 {float:left;margin:-15px 0;background:#ffdb60;width:42%;line-height:343px;position:relative;height:343px;padding-left:40px;text-align:center;} .product_tit .img1 img {vertical-align:middle;max-height:330px;} .product_tit .img1 .bg {position:absolute;top:0;bottom:0;width:30%;left:100%;background:url(../images/icon5.png) no-repeat center center;background-size:100% 100%;} .product_tit .text {overflow:hidden;padding-left:15%;padding-right:3%;padding-top:30px;} .product_tit .text h3 {padding:20px 0;font-size:22px;font-weight:normal;color:#000;} .product_tit .text p {line-height:28px;font-size:15px;height:115px;overflow:hidden;margin-bottom:10px;} .product_list .img {} .product_list li:nth-child(4n+1) {clear:both;} .product_list li {width:25%;float:left;} .product_list a {background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);display:block;margin:10px;} .product_list ul {margin:-10px;} .page.on {background:#f5f5f5;} ul:after {content:'';display:block;clear:both;} .product_list {padding-bottom:50px;} .product_list .text {border-top:1px solid #e8e8e8;text-align:center;padding:20px;line-height:26px;} .product_list .text h3 {font-size:18px;font-weight:normal;margin-bottom:10px;} .product_list .text p {text-align:center;color:#666;font-size:15px;padding:0 10px;} .page4 {color:#fff;padding:60px 0;background:url(../images/img_23.jpg) no-repeat center center;} .page4 h4 {display:inline-block;padding:0 10px;line-height:30px;margin-bottom:20px;background:#ffdb60;color:#242f35;font-weight:normal;font-size:15px;} .page4 h3 {font-size:32px;font-weight:normal;margin-bottom:20px;color:#ffdb60;line-height:40px;} .page4 label {display:inline-block;margin:28px 0;width:72px;height:1px;background:#ffdb60;} .page4 span {font-size:20px;} .news_list {padding-bottom:70px;} .news_list li {margin-bottom:24px;} .news_list li a {display:block;border:1px solid #e1e1e1;background:#fff;} .news_list .date {float:left;width:80px;padding:20px 0;padding-right:65px;background:url(../images/icon6.png) no-repeat right center;background-size:auto 100%;color:#999;font-size:16px;line-height:30px;text-align:left;padding-left:25px;} .news_list .date label {display:block;font-size:36px;color:#999;} .news_list .text {overflow:hidden;padding-right:200px;position:relative;padding-top:10px;} .news_list .text .div_btn2 {position:absolute;top:50%;margin-top:-20px;padding:0 20px;line-height:40px;background:#cfcfcf;color:#fff;right:30px;} .news_list .text .div_btn2 span {display:inline-block;padding-right:35px;background:url(../images/icon7.png) no-repeat right center;} .news_list .text h3 {font-size:18px;font-weight:normal;line-height:30px;color:#000;} .news_list .text p {line-height:26px;color:#444;height:52px;overflow:hidden;} .news_list li a:hover .date {background:url(../images/icon6-1.png) no-repeat right center;background-size:auto 100%;} .news_list li a:hover .date span,.news_list li a:hover .date label {color:#242f35} .news_list li a:hover {background:#242f35} .news_list li a:hover .text h3,.news_list li a:hover .text p {color:#fff;} .news_list li a:hover .div_btn2 {background:#ffdb60} .news_list li a:hover .div_btn2 span {color:#242f35;background:url(../images/icon7-1.png) no-repeat right center;} .footer {font-size:14px;line-height:30px;color:#fff;padding:20px 0;background:#242f35;text-align:center;} .footer a {color:#fff;} .f_nav li {float:left;line-height:30px;padding:20px;position:relative;} .f_nav ul {overflow:hidden;margin:0 -20px;} .f_nav ul a {display:block;color:#fff;} .f_nav ul a:hover {color:#ffdb60} .f_nav li:first-child:before {display:none;} .f_nav li:before {position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;right:100%;margin-right:-3px;content:'';display:block;background:url(../images/icon8.png) no-repeat center center;} .f_text span {color:#ffdb60} .f_ewm {width:125px;text-align:center;} .case_list {padding:40px 0} .case_list li {margin-bottom:20px;border:1px solid #e1e1e1;background:#fff;} .case_list .img {float:right;width:40%;margin:-1px} .case_list .img img {display:block;} .case_list .text {overflow:hidden;padding:30px;line-height:28px;} .case_list .text h3 {font-size:22px;line-height:50px;} .case_list .text p {height:112px;overflow:hidden;margin-bottom:20px;} .d_tit {padding:40px 0;background:#fff;} .d_tit .main_tit {margin-bottom:0;margin-top:30px;} .d_tit h2 {padding-bottom:15px;position:relative;color:#222;padding-right:100px;font-weight:normal;font-size:32px;line-height:60px;border-bottom:1px solid #ffc160} .d_tit h2:before {content:'';display:block;width:47px;height:5px;bottom:-3px;background:#ffc160;position:absolute;} .d_tit h2 span {font-size:15px;position:absolute;right:0;top:15px;color:#999} .details_txt {box-shadow:0 5px 20px rgba(0,0,0,0.1);margin:30px 0 80px;background:#fff;padding:20px;line-height:26px;font-size:15px;} .details_txt p {min-height:20px;} .details_cur {line-height:15px;border-top:1px solid #d8d8d8;padding-top:20px;} .details_cur span {display:block;max-width:45%;} .details_cur a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666} .details_cur a:hover {color:#242f35;text-decoration:underline;} .pro_tit .img {float:left;} .pro_tit .txt {overflow:hidden;padding:0 20px;} .pro_tit h3 {font-size:26px;line-height:30px;font-weight:normal;padding:20px 0;letter-spacing:2px;} .pro_tit .tit p {line-height:26px;} .pro_tit .tit {border-bottom:1px solid #d8d8d8;padding-bottom:15px;margin-bottom:10px;} .pro_tit .info {line-height:36px;color:#999} .info_btn a {display:block;width:198px;line-height:46px;background:#ed001e;color:#fff;text-align:center;font-size:18px;float:left;margin-right:20px;margin-top:5px;} .info_btn p {overflow:hidden;line-height:26px;} .info_btn p span {display:block;font-size:18px;color:#ed001e;letter-spacing:2px;font-weight:bold;} .info_btn {margin-top:15px;} .pro_tag {margin-bottom:30px;background:#242f35;padding:0 60px;} .pro_tag li {margin-left:-25px;float:left;width:194px;line-height:46px;text-align:center;} .pro_tag li span {font-size:16px;display:block;cursor:pointer;color:#fff;} .pro_tag li:hover span,.pro_tag li.on span {background:url(../images/icon3-2.png) no-repeat center center;background-size:100% 100%;color:#242f35} .details_txt2 {margin-bottom:30px;} .about2 {position:relative;} .about2 .img {position:absolute;top:70px;right:0;} .about2 .d_tit {position:relative;z-index:10;background:none;} .about2 .text {padding-right:470px;line-height:32px;font-size:15px;} .about2 .text p {margin-bottom:30px;} .t_list {margin-top:50px;} .t_list li {display:inline-block;min-width:200px;margin-right:80px;} .t_list li span {display:block;float:left;font-size:40px;color:#ffdb60;line-height:50px;} .t_list li span label {font-size:66px;} .t_list li p {overflow:hidden;line-height:26px;font-size:22px;padding-left:15px;margin-bottom:0} .his_list .list {position:relative;} .his_list .list .line {position:absolute;top:0;bottom:0;left:122px;width:2px;background:#dbe1e5} .his_list li span {margin-top:13px;display:block;float:left;width:119px;} .his_list li {padding:15px 0} .his_list li .box {overflow:hidden;} .his_list li .box p {line-height:30px;padding:5px 0;padding-left:80px;background:url(../images/icon12.png) no-repeat left 16px;} .zp_list .list {margin-bottom:30px;margin-top:-30px;color:#666666;font-size:14px;line-height:32px;} .zp_list .list .tit {border-bottom:1px solid #e1e1e1;line-height:80px;font-size:16px;color:#000} .zp_list .list .tit label {float:right;color:#999;padding-right:30px;display:block;background:url(../images/icon13-1.png) no-repeat right center;} .zp_list .list .tit label:before {content:'展开';} .zp_list .list .on .tit label:before {content:'收起';} .zp_list .list .on .tit label {background:url(../images/icon13.png) no-repeat right center;} .zp_list .list .box {display:none;transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;padding:20px;} .zp_list .list .box h3 {font-size:16px;color:#222;padding-left:10px;border-left:4px solid #ffdb60;line-height:16px;margin:10px 0;font-weight:normal;} .zp_list .list .box .item {margin-top:30px;} .zp_list .list .box .item:first-child {margin-top:0} .yg_owl {position:relative;} .yg_owl .yg_cur {position:absolute;bottom:100%;margin-bottom:62px;right:0;width:92px;height:46px;background:url(../images/icon14.jpg) no-repeat center center #ffdb60} .yg_owl .yg_cur span {display:block;vertical-align:middle;width:50%;float:left;height:46px;cursor:pointer;background-image:url(../images/cur.png);background-repeat:no-repeat;} .yg_owl .yg_cur span.prev {background-position:19px 14px;} .yg_owl .yg_cur span.next {background-position:-28px 14px;} .yg_owl {margin-bottom:40px;} .yg_owl .item {max-width:285px;position:relative;} .yg_owl .item .text {position:absolute;bottom:0;left:0;padding:20px;background:#ffdb60;right:0;line-height:35px;font-size:15px;} .yg_owl .item .text .bg {position:absolute;bottom:100%;left:0;right:0;} .yg_owl .item .text h3 {font-size:18px;color:#000;font-weight:normal;} .ry_list {margin-bottom:50px;} .ry_list li a {display:block;margin:30px;} .ry_list ul {margin:-30px;} .ry_list li {width:25%;float:left;text-align:center;} .ry_list li p {text-align:center;margin-top:30px;font-size:18px;} .ry_list li .img {border:1px solid #e5e5e5} .ry_list li img {display:block;} .about3 {padding-right:470px;} .about3 .text {padding-right:0} .contact {margin-top:100px;padding:15px 25px;background:#242f35} .contact li {width:40%;float:left;white-space:nowrap;color:#fff;line-height:35px;} .contact li span {display:block;float:left;padding-left:30px;width:90px;} .contact li p {margin-bottom:0} .contact li .span1 {background:url(../images/icon16.png) no-repeat left center;} .contact li .span2 {background:url(../images/icon17.png) no-repeat left center;} .contact li .span3 {background:url(../images/icon18.png) no-repeat left center;} .contact li .span4 {background:url(../images/icon19.png) no-repeat left center;} .img_map {position:absolute;width:414px;top:70px;bottom:0;right:0} .img_map img {opacity:0;} .mobile-fixed,.mobile-footer{display:none;} @media only screen and (max-width: 750px) { .mobile-fixed,.mobile-footer{display:block;height:50px} .mobile-footer{position:fixed;bottom:0;z-index:99;left:0;width:100%;background:#333;color:#fff;padding:10px 0;border-top:1px solid #fff;} .mobile-footer a{color:#fff;} .mobile-footer li{float:left;width:25%;padding:0 10px;text-align:center;box-sizing:border-box;} .mobile-footer li .icon{display:block} .mobile-footer li .icon .fa-qq{background:url(/mbimg/ft-qq.png) 50% no-repeat} .mobile-footer li .icon .fa-phone{background:url(/mbimg/ft-phone.png) 50% no-repeat} .mobile-footer li .icon .fa-home{background:url(/mbimg/ft-home.png) 50% no-repeat} .mobile-footer li .icon .fa-duanxin{background:url(/mbimg/ft-duanxin.png) 50% no-repeat} .mobile-footer li .icon .fa{width:25px;height:25px;display:inline-block;background-size:25px} .mobile-footer li p{font-size:14px} } .weizhi { background-color: #e9e9e9; height: 50px; line-height: 50px; } .position { color: #333; font-size: 14px; } @media only screen and (max-width:1100px) {.tel {padding:0 20px;} .tel span {padding-right:0} .header .wrap {padding-right:180px;padding-left:250px;} .t_list li span label {font-size:50px;} .t_list li {margin-right:20px;} .main_tit li a {width:150px;height:50px;line-height:50px;} .cn_list li .text h3 {white-space:normal} } @media only screen and (max-width:900px) {} @media only screen and (max-width:1600px) {.banner .item .text {font-size:22px;} } @media only screen and (max-width:1200px) {.banner .item .text {font-size:20px;} .banner img {width:120%;margin-left:-10%;max-width:initial;} } @media only screen and (max-width:1000px) {.banner .item .text {font-size:18px;} .banner img {width:150%;margin-left:-25%;} } @media only screen and (max-width:900px) {.menu {position:fixed;top:0;left:-100%;width:100%;height:100%;background:#242f35;} .menu ul li {float:none;display:block;border-bottom:1px solid #ddd;padding:0;} .menu ul li a {line-height:45px;font-size:18px;} .menu ul {padding-top:60px;} .header .logo {position:relative;z-index:1001;line-height:60px;} .menu_wrap {position:absolute;top:10px;width:40px;height:40px;background:url(../images/menu.png) no-repeat center center;background-size:25px auto;right:15px;} .h_menu .menu_wrap {background:url(../images/menu-1.png) no-repeat center center;background-size:25px auto;} .h_menu .menu {left:0;} .header {line-height:60px;} .mainer {margin-top:60px;} .page {padding-top:40px;} .header .wrap {padding:0} .tel {right:75px;border-left:0;border-right:1px solid #445863} .menu ul li {margin:5px 0;text-align:left;padding:0 10px;display:block;border-bottom-color:#000} .menu ul li a {display:block;padding:0 20px;} .menu ul {display:block;} .menu ul li.on a:before,.menu ul li a:hover:before {width:5px;left:0;top:10px;height:auto;bottom:10px;right:auto} .about .img {width:400px;} .about .text h3 {margin:10px 0} .about .text {padding:20px 30px;} .cn_list li .text h3 {margin-bottom:5px} .cn_list li .text {margin-top:-60px;} .cn_list li .text p {line-height:25px;} .main_tit li a {width:120px;line-height:35px;height:35px;} .product_list a {margin:5px;} .news_list {padding-bottom:40px;} .t_list ul {white-space:nowrap} .ry_list li a {margin:10px;} .ry_list ul {margin:-10px;} .case_list .text p {height:80px;margin-bottom:10px;} .pagesize {padding:10px 0} .contact li {width:100%;white-space:normal;} .contact li p {overflow:hidden;} .contact {margin-top:20px;} .info_btn a {float:none;} .pro_tit .info {line-height:26px;} .pro_tit h3 {padding:5px 0;white-space:normal} .pro_tit .tit {padding-bottom:5px;margin-bottom:5px;} .product_list {padding-bottom:30px;} .case_list .text {padding:15px;} .case_list .img {width:340px;} } @media only screen and (max-width:750px) {.banner .text h3 {font-size:34px;} .d_tit h2 {line-height:50px;font-size:26px;} .d_tit {padding:20px 0} .d_tit .main_tit {margin-top:20px;} .product_list li {width:50%;} .pro_tit .img {float:none;} .pro_tit .txt {padding:0;margin-bottom:20px;} .pro_tag {padding:0} .pro_tag li {margin-left:0;width:30%;} .about .img {width:300px;} .about .text h3 {margin:0} .about .text p {height:130px;margin-bottom:20px;} .page_tit h3 {font-size:26px;} .page_tit p {font-size:14px;line-height:25px;} .cn_list li {width:100%;} .cn_list li .img{padding-top:40%;} .page_tit {margin-bottom:20px;} .full {display:none;} .about3 {padding-right:0} .img_map {position:initial;top:auto;left:auto;right:auto;bottom:auto;height:400px;width:100%;margin-top:20px;} .case_list .img {width:220px;float:left;margin-left:0;margin-right:5px;} .case_list .text p {height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .about2 .img {position:initial;top:auto;left:auto;bottom:auto;float:left;margin-right:20px;width:50%;} .his_list li span {width:60px;} .his_list li .box p {padding-left:35px;} .his_list .list .line {left:63px;} .zp_list .list {margin-top:0} .zp_list .list .tit {line-height:50px;} .zp_list .list .box {padding:10px;} .about2 .text {padding-right:0} .case_list .text h3 {line-height:30px;font-size:18px;} .ry_list li {width:50%;} .ry_list li img {margin:0 auto;} } @media only screen and (max-width:600px) {.header .logo {width:150px;} .product_tit .img1 img {margin-left:10px;max-height:200px;} .product_tit .text h3 {padding:10px 0;} .product_tit .img1 {line-height:280px;padding-left:0;} .product_tit .text {padding-top:20px;} .news_list .date {padding-right:40px;} .news_list .text .div_btn2 {padding:0 10px;right:15px;} .news_list .text {padding-right:150px} .tel {padding:0 10px;right:50px;} .banner .text h3 {font-size:26px;margin-bottom:10px;} .banner .img1 img {width:180%;margin-left:-40%;max-width:inherit;} .d_tit h2 {font-size:24px;} .product_list ul {margin:0} .ht30 {height:10px} .product_list .text {padding:10px;} .product_list .text p {padding:0} .f_ewm {float:none;margin:0 auto;margin-top:10px;} .f_nav li {padding:0 10px} .f_nav ul {margin:0 -10px;} .footer {padding:20px 0;text-align:center;} .f_nav li {float:none;display:inline-block} .footer .flt {float:none;} .footer p {text-align:center;} .menu_wrap {right:5px;} .news_list .date {padding:20px 10px;padding-right:40px;} .about .img {width:100%;float:none;padding-top:100%;} .about .text {padding:20px;} .product_tit .text p {height:56px;} .product_tit .img1 {line-height:220px;height:220px;} .news_list .text .div_btn2 {display:none;} .news_list .text {padding-right:10px} .d_tit h2 {padding-right:0;line-height:30px;} .d_tit h2 span {position:initial;top:auto;bottom:auto;display:block;} .t_list {margin-top:20px;} .t_list li {display:block;line-height:54px;} .t_list li br {display:none;} .about2 .text li p {margin-bottom:0;line-height:54px;} .yg_owl .yg_cur {margin-bottom:21px;} .case_list .img {width:150px;} .case_list .text .div_btn {display:none;} .case_list .text p {margin-bottom:0} .case_list .text {} .pagesize a {width:36px;height:26px;line-height:26px;margin:2px;} .case_list li {margin-bottom:10px;} } .linkbox{margin-top:25px; width:96%; margin: 0 auto; max-width: 1200px; position: relative;} .linkbox p{font-size:16px; font-weight:bold; line-height:30px; } .linkbox a {color:#9b9b9b;margin-right:15px;line-height:25px;} .play{width:68px;height:68px;display:block;background:url(/images/play-btn.png) left top no-repeat;position:absolute;left:50%;top:50%;z-index:3;margin-left:-34px;margin-top:-34px;} .imgvideo {overflow:hidden;position:relative;} .about .imgvideo {float:left;} .imgvideo video{width:400px;height:400px;display:block;} .imgvideo img {width:400px;height:400px;} .mmpbox{position:fixed;right:20px;bottom:20px;width:140px;height:160px; padding:20px; background:#f1f1f1;} .mmpbox p{height:20px; line-height:20px; width:100%; text-align:center;font-size:14px;} .mmpbox img{width:140px;height:140px;} @media (max-width:768px){ .mmpbox{display:none;} } @media (max-width:768px){ .link-box,.mainyq,.linkbox{display:none} }