body {font-family:'Microsoft YaHei',"Open Sans",sans-serif;font-size:14px;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;} a {color:#333;} a:hover {color:#ffcb00;} 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 {overflow:hidden;position:relative;} .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 {} .img:hover {background:#000;} .img:hover img {opacity:0.75;transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2) ;} 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;} .index_owl{margin-top:70px;} /*----------header----------*/.header {background:rgba(255,255,255,0.95);line-height:70px;position:fixed;top:0;left:0;width:100%;z-index:1000;} .logo {float:left;} .logo img {vertical-align:middle; max-width:400px;max-height:60px;} .menu {float:right;} .menu ul li {float:left;margin-left:2px;text-align:center;} .menu ul li a {display:inline-block;color:#333;position:relative;padding:0 10px;} .menu ul li a:before {content:'';display:block;position:absolute;width:0;margin:0 auto;left:0;right:0;top:50%;margin-top:-5px;z-index:-1;height:10px;background:#ffcb00;border-radius:5px;} .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:#000;} .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 .item {position:relative;font-family:Arial;} .banner .item .text {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 h2 {font-size:2em;margin-bottom:1em;} .owl-theme .owl-dots .owl-dot span {width:16px;height:16px;margin:0 10px;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:#fff;opacity:1;} .banner .img1 {overflow:hidden;display: flex;justify-content: center;align-items: center;} /*----------mainer----------*/.page {padding-bottom:40px;} .page.on {background:#f4f4f4;} .wrap .page_tit {background:none;} .page_tit {padding:40px 0;text-align:center;margin-bottom:40px;background:#fff;} .page_tit h3 {font-size:42px;font-weight:normal;letter-spacing:2px;} .page_tit label {display:block;margin:0 auto;margin-top:20px;width:78px;height:5px;background:#222;} .page_tit p {color:#343434;font-size:16px;margin:0 auto;margin-top:20px;} .page_tit h4 {margin-bottom:20px;text-transform:uppercase;color:#dedede;font-size:20px;font-family:Arial;letter-spacing:30px;margin-left:25px;} .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:30px;height:70px;border-radius:2px;background:url(../images/cur1.png) no-repeat center center rgba(0,0,0,0.5);} .owl_cur span.prev {float:left;} .owl_cur span.next {float:right;background:url(../images/cur2.png) no-repeat center center rgba(0,0,0,0.5);} .owl_cur span:hover {background-color:rgba(0,0,0,0.75);} .full {position:fixed;top:50%;right:0;z-index:1001;} .full li a {display:block;width:52px;height:52px;margin-bottom:1px;position:relative;background:#ffcb00;z-index:1;} .full li a:hover span,.full li a:hover label {background-color:#ffcb00 !important;} .full li:last-child a {border-bottom:0;} .full li a span {display:block;width:52px;height:52px;position:relative;z-index:100;background-position:center center;background-repeat:no-repeat;} .full li:nth-child(2) a,.full li:nth-child(1) a {z-index:2;} .full li a label {display:block;width:100px;white-space:nowrap;padding:0 20px;position:absolute;line-height:52px;color:#000;z-index:-1;background:#ffcb00;bottom:0;left:100%;box-sizing:inherit;max-width:300%;} .full li a:hover label {left:-120px;} .full li a .lbl_img {padding:10px;height:auto;line-height:normal;} .full li a span.span1 {background-image:url(../images/full1.png);} .full li a span.span2 {background-image:url(../images/full2.png);} .full li a span.span3 {background-image:url(../images/full3.png);} .full li a span.span4 {background-image:url(../images/full4.png);} /*----------footer----------*/.footer {} /*----------custom----------*/.pro_list li {width:33.333%;float:left;} .pro_list li:nth-child(3n+1) {clear:both;} .pro_list li a {display:block;margin:18px 15px;} .pro_list ul {margin:-18px -15px;} .pro_list a:hover p {background:#ffcb00;text-align:left;} .pro_list p {line-height:70px;text-align:center;font-size:18px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 20px; background:#fff;} .pro_list .img img {display:block;width:100%;height: 300px;} .pro_list .img {box-shadow:0 0 20px rgba(0,0,0,0.05);} .pro_list p span {display:block;background:no-repeat right center;} .pro_list a:hover p span {background:url(../images/icon1.png) no-repeat right center;} ul:after {clear:both;content:'';display:block;} .more {padding:40px 0;text-align:center;} .more a {display:inline-block;padding:0 60px;line-height:44px;background:#ffcb00;border-radius:5px;color:#222;} .more a:hover {padding:0 80px;} .about .tit {background:#ffcb00;padding:37px 0;} .about ul li {padding:10px 0;width:25%;float:left;margin-left:-1px;border-left:1px solid #fff;text-align:center;color:#fff;} .about ul li:first-child {border-left:0;margin-left:0;} .about ul li h3 {display:inline-block;font-size:36px;padding:0 20px;background:url(../images/icon2.png) no-repeat right 5px;margin-bottom:15px;} .about .text { margin:0 auto;line-height:32px;color:#666;margin-top:40px;text-align:center; padding:0 30px; max-height:260px; overflow:hidden;} .news {margin-bottom:30px;position:relative;padding-left:566px;} .news_lt {position:absolute;top:0;left:0;width:536px;} .news_list {padding-right:30px;line-height:88px;} .news_list p {white-space:nowrap;background:no-repeat right center;text-overflow:ellipsis;overflow:hidden;} .news_list li {border-bottom:1px dashed #999;} .news_list li:last-child {border-bottom:0;} .news_list span {position:absolute;top:0;right:0;color:#999;} .news_list label {display:block;float:left;line-height:22px;padding:0 9px;border-radius:10px;background:#ffcb00;font-size:14px;margin-top:32px;margin-right:20px;color:#333;} .news_list a {display:block;padding-left:30px;background:url(../images/icon3.png) no-repeat left center;position:relative;padding-right:100px;} .news_list a:hover {width:100%;padding-right:30px;background:#ffcb00 no-repeat left center;} .news_list a:hover p {background:url(../images/icon4.png) no-repeat right center;font-size:18px;color:#333;} .news_list a:hover span,.news_list a:hover label {display:none;} .news {box-shadow:0 0 5px rgba(0,0,0,0.1);background:#fff;} .link_owl {margin-bottom:30px;} .link_owl a:hover {border-color:#e7e3e2;} .link_owl a {display:block;border:1px solid #fff;line-height:300px;height:300px;text-align:center; position:relative;} .link_owl a p{position:absolute;height:30px;line-height:30px; overflow:hidden;text-align:center; background:#ffcb00;opacity:0.6; bottom:0; left:0;width:100%; color:#fff;} .link_owl a:hover p{height:300px; line-height:300px; color:#000;} .link_owl.owl-carousel .owl-item img {display:inline-block;vertical-align:middle;} .link_owl.owl-theme .owl-controls {bottom:auto;top:50%;left:0;right:0;height:0;margin-top:-24px;} .link_owl.owl-theme .owl-controls .owl-nav [class*=owl-] {width:40px;height:40px;background-color:#ccc;background-position:center center;background-repeat:no-repeat;border-radius:0;margin:0;padding:0;} .link_owl.owl-theme .owl-controls .owl-nav .owl-prev {float:left;background-image:url(../images/cur3.png);} .link_owl.owl-theme .owl-controls .owl-nav .owl-next {float:right;background-image:url(../images/cur4.png);} .link_owl.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {background-color:#ffcb00;} .footer {background:#fff;padding:15px 0;text-align:center; line-height:30px;} .f_nav li {display:inline-block;margin-bottom:28px;padding:0 20px;} .f_nav li a:hover {color:#333;text-decoration:underline;} .weizhi { background-color: #e9e9e9; height: 50px; line-height: 50px; margin-bottom:40px; } .position { color: #333; font-size: 14px; } .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:#ffcb00;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} } .about_list {margin-top:40px;} .about_list .item {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e6e6e6;line-height:33px;} .about_list .item:last-child {border-bottom:0;} .about_list .item h3 {font-size:18px;font-weight:normal;line-height:70px;color:#000;} .page_about { } .page_about h4 { font-size: 22px; font-weight: normal; color: #000; margin-bottom: 30px; } .page_about p { line-height:32px; } .his_list {margin:40px 0;padding:40px 0;position:relative;} .his_list .line {position:absolute;width:2px;left:50%;margin-left:-1px;top:0;bottom:0;background:#ffcb00;} .his_list li {width:50%;clear:both;line-height:32px;} .his_list li .box {position:relative;} .his_list li span {top:8px;display:block;position:absolute;width:8px;height:8px;border-radius:100%;background:#ffcb00;border:4px solid #fff;} .his_list li label {position:absolute;width:50px;height:2px;background:#eee;top:15px;} .his_list li h3 {font-size:18px;font-weight:normal;color:#000;margin-bottom:10px;} .his_list li:nth-child(2n+1) {float:left;text-align:right;} .his_list li:nth-child(2n+1) label {right:15px;} .his_list li:nth-child(2n+1) .box {padding-right:80px;} .his_list li:nth-child(2n+1) span {left:100%;margin-left:-8px;} .his_list li:nth-child(2n) {float:right;} .his_list li:nth-child(2n) .box {padding-left:80px;} .his_list li:nth-child(2n) span {right:100%;margin-right:-8px;} .his_list li:nth-child(2n) label {left:15px;} .ry_list {margin:40px 0;} .ry_list li {text-align:center;width:25%;float:left;} .ry_list li:nth-child(4n+1) {clear:both;} .ry_list li .box {margin:20px;} .ry_list li .img {border:1px solid #e1e1e1;} .ry_list li p {font-size:18px;margin-top:20px;} .ry_list li img {display:block;width:100%;} .zp_list .list {padding:15px 30px;background:#fff;margin-bottom:20px;box-shadow:0 5px 15px rgba(0,0,0,0.05)} .zp_list {padding-top:30px;} .zp_list .list .tit {cursor:pointer;line-height:40px;} /*.zp_list .list .text {display:none;} */.zp_list .list .tit h3 {font-size:18px;color:#000;background:url(../images/icon5.png) no-repeat center right;} .zp_list .list .tit.on h3,.zp_list .list .tit:hover h3 {background:url(../images/icon5-1.png) no-repeat center right;} .zp_list .list .text label {display:block;width:35px;height:3px;background:#000;margin:10px 0;} .zp_list .list .text h4 {font-size:14px;color:#000;margin-top:20px;} .zp_list .list .text {line-height:32px;color:#666;display:none;transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;} .cont_list li {display:inline-block;width:40%;text-align:left;white-space:nowrap} .cont_list li.frt {width:auto} .cont_list {text-align:center;margin:40px 0;line-height:40px;} .cont_list span {display:block;float:left;width:40px;height:40px;border-radius:100%;background-position:center center;background-repeat:no-repeat;background-color:#ffcb00;margin-right:20px;} .cont_list span.span1 {background-image:url(../images/icon6.png);} .cont_list span.span2 {background-image:url(../images/icon7.png);} .cont_list span.span3 {background-image:url(../images/icon8.png);} .inputs ul {width:412px;float:left;margin-right:30px;} .div_textarea {overflow:hidden;} .div_input {padding:0 20px;line-height:46px;background:#f4f4f4;} .div_input input {width:100%;border:0;background:none;} .inputs li {margin-bottom:20px;} .div_textarea {padding:10px 20px;background:#f4f4f4;} .div_textarea textarea {width:100%;border:0;display:block;height:158px;line-height:25px;resize:none;background:none;} .inputs .btn {text-align:center;padding:20px 0} .inputs .btn a {color:#333;display:block;width:150px;line-height:44px;border-radius:2px;background:#ffcb00;margin:0 auto;} .inputs .btn a:hover {width:170px;} .pro_tit {margin-bottom:50px;padding:50px 0;background:#fff;line-height:32px;} .pro_tit span {display:block;float:left;margin:10px 0;} .pro_tit ul {overflow:hidden;} .pro_tit li a {background:#f4f4f4;display:block;padding:0 18px;} .pro_tit li a:hover,.pro_tit li.on a {background:#ffcb00;color:#333} .pro_tit ul li {display:block;margin:10px;float:left;} .pagesize {background:#fff;padding:60px 0;text-align:center;} .pagesize a:hover,.pagesize a.on {background-color:#ffcb00;color:#333;} .pagesize a {display:inline-block;width:34px;height:34px;text-align:center;line-height:34px;background:#f4f4f4 no-repeat center center;vertical-align:middle;margin:5px;} .pagesize a.prev {background-image:url(../images/cur5.png);} .pagesize a.next {background-image:url(../images/cur6.png);} .pro_details {background:#f4f4f4;padding-bottom:50px;} .pro_details .tit {background:#fff;padding:80px 0 50px;} .pro_details .tit h2 {text-align:center;font-size:28px;font-weight:normal;} .pro_details .text {} .pro_details .text p {line-height:32px;color:#666;text-align:justify;margin-top:30px;} .pro_details .text .center {margin-top:30px;} .pro_details .text .center img {display:block;max-width:100%;margin:0 auto;} .recommend {padding:60px 0 100px;} .recommend .tit {text-align:center;margin-bottom:40px;} .recommend .tit h3 {font-weight:normal;font-size:22px;color:#ffb400;} .recommend .tit h3 span {display:inline-block;padding:0 24px;background:url(../images/icon9.jpg) repeat-x left center;} .recommend .tit h3 span em {font-style:normal;display:inline-block;padding:0 20px;background:#fff;} .page_news {padding-top:20px;} .page_news ul li {margin-top:40px;} .page_news ul li .img {float:left;position:relative;width:269px;height:178px;overflow:hidden;margin-right:60px;} .page_news ul li .img a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;} .page_news ul li .img img {display:block;width:100%;} .page_news ul li .web {overflow:hidden;padding-right:123px;position:relative;padding-top:33px;} .page_news ul li .web .cell {display:table-cell;vertical-align:middle;} .page_news ul li .web .cell.cell_more {width:123px;} .page_news ul li .web .text {border-right:1px solid #e7e3e2;padding-right:60px;padding-top:7px;} .page_news ul li .web .text h3 {font-size:18px;font-weight:normal;} .page_news ul li .web .text h3 a {} .page_news ul li .web .text h3 span {float:right;font-size:16px;color:#999;} .page_news ul li .web .text p {line-height:32px;color:#666;margin-top:22px;} .page_news ul li .web .btn_more {position:absolute;right:0;top:45px;} .page_news ul li .web .btn_more a {display:block;width:81px;height:30px;line-height:30px;border:1px solid #e7e3e2;text-align:center;color:#666;} .page_news ul li .web .btn_more a:hover {background:#ffcb00;color:#333;} .vedio_list {padding:40px 0 100px;} .vedio_list ul {margin:0 -1.5%;} .vedio_list ul li {float:left;width:30.333%;margin:18px 1.5%;position:relative;} .vedio_list ul li a {display:block;} .vedio_list ul li .img1 {} .vedio_list ul li .img1 img {display:block;width:100%;} .vedio_list ul li .vedio_mc {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);} .vedio_list ul li .text {position:absolute;left:20px;right:20px;bottom:20px;line-height:58px;} .vedio_list ul li .text p {font-size:18px;color:#fff;} .vedio_list ul li .text p label {display:inline-block;float:right;height:58px;width:58px;background:url(../images/icon10.png) no-repeat center center;} .pro_details.news_details {background:#fff;} .pro_details.news_details .tit {padding:50px 0 27px;border-bottom:1px solid #e6e6e6;} .pro_details.news_details .tit h2 {text-align:left;font-size:26px;} .pro_details.news_details .tit p {color:#666;margin-top:15px;} .pro_details.news_details .tit p span {float:right;color:#d9d9e0;} .pro_details.news_details .tit p a {color:#666;margin:0 20px;} @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:850px) {.menu {position:fixed;top:0;left:-100%;width:100%;height:100%;background:#fff;} .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 #ffcb00;background-size:25px auto;right:5px;} .h_menu .menu_wrap {background:url(../images/menu-1.png) no-repeat center center #ffcb00;background-size:25px auto;} .h_menu .menu {left:0;} .header {line-height:60px;} .page_tit {padding:20px 0} .footer {padding:30px 0} .f_nav li {margin-bottom:10px;} .full {display:none;} .ry_list li {width:50%;} .pro_tit {padding:20px 0} .pro_tit ul li {margin:5px;} .pro_tit span {margin:5px 0} .pro_tit li a {padding:0 10px;} .pro_list p {font-size:14px;line-height:35px;} .pro_list li {width:50%;} .pro_list li:nth-child(3n+1) {clear:none;} .pro_list li:nth-child(2n+1) {clear:none;} .pro_list li a {margin:10px;} .pro_list ul {margin:0} .pro_tit {margin-bottom:20px;} .pagesize {padding:20px 0} .his_list li {line-height:26px;} .cont_list li {width:100%;float:none;display:block;margin:10px 0} .page_tag li {margin:0 1px;} .page_tag {margin-top:20px;} .page_tit {margin-bottom:10px;} .more {padding:20px 0} .page {padding-bottom:20px;} .about ul li {width:50%;margin:5px -1px;} .news {padding-left:0} .news_lt {width:100%;position:initial;top:auto;left:auto;bottom:auto;right:auto;} .news_lt img {width:100%;} .news_list {line-height:50px;padding:0 20px;} .news_list label {margin-top:14px;} .page_tit h3 {font-size:30px;} .page_tit h4 {margin-bottom:10px;} .ht30 {height:0} .inputs ul {width:100%;float:none;} .cont_list {margin:20px 0} .page_news ul li .web .btn_more {display:none;} .page_news ul li .img {width:200px;height:auto;margin-right:20px;} .page_news ul li .web {padding:0} .page_news ul li .web .text {padding-right:0;border-right:0} .page_news ul li .web .text p {margin-top:10px;} .page_news ul li .web .text h3 span {float:none;display:none;} .pro_details .tit {padding:20px 0;} .vedio_list ul li {width:50%;margin:0;} .vedio_list ul li a {display:block;margin:10px;position:relative;} .vedio_list ul li .text {bottom:10px;left:10px;right:10px;} .vedio_list {padding:20px 0} } @media only screen and (max-width:600px) {.vedio_list ul li {width:100%;} .f_nav li {padding:0 5px;} .banner img {width:200%;margin-left:-50%;} .pro_list li {width:100%;} .pagesize a {margin:1px; height:26px;line-height:26px;} .pro_details .tit h2 {font-size:20px;line-height:30px;} .recommend .tit {margin-bottom:10px;} .recommend {padding:20px 0;} .page_news ul li .img {width:140px;margin-right:15px;} .page_news ul li {margin-top:20px;} .pro_details.news_details .tit h2 {font-size:20px;line-height:30px;} .pro_details.news_details .tit {padding:15px 0} .pro_details .text p {line-height:26px;margin-top:10px;} .page_tag li {line-height:25px;} .ry_list li .box {margin:10px;} .ry_list {margin:20px 0} .zp_list .list {padding:5px 10px;} .zp_list .list .text {line-height:26px;} .his_list li:nth-child(2n+1) {float:none;} .his_list li {float:none !important;width:100%;padding:0 !important;text-align:left !important;} .his_list li .box {padding:0 !important;padding-left:20px !important;} .his_list li:nth-child(2n) span {} .his_list li label {display:none;} .his_list li span {right:auto !important;margin:0!important;left:0 !important;top:5px !important} .his_list ul li {margin-bottom:15px;} .page_news ul li .web .text p {height:54px;line-height:26px;overflow:hidden;} .his_list .line {left:8px} .his_list {padding:20px 0;margin:20px 0;} .about_list .item h3 {line-height:50px;} .about_list .item {line-height:26px;} } .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;} .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;} }