@charset "utf-8"; body{background:#f6f6f6;} .top{height:98px;background:url(../img/bg_top.jpg) no-repeat top center;background-size:cover;text-align:center;line-height:98px;} .header{padding:0;background:#fff;overflow:hidden;} .header .topr{margin-top:18px} .header .tel{margin:0 50px} .header .search{width:360px;border:1px solid #C21421;border-radius:5px;} .input-icon>span{left:1.3rem} .header .search .input.int2{padding: 0.575em 0.75em;border:0;padding-left:1.3rem} .header .search select.input{height:initial!important;border:0;} .header .search .button{background:none;color:#fff;border:0!important;} .header .search .button:hover{background:none!important;opacity:.88;} .input-inline>.addon2{border:1px solid #C21421;background:#C21421;border-radius:0 5px 5px 0;} .header .search i{color:#999;font-size:16px} .header .tel span{font-size:24px} .header .tel img{vertical-align:middle;margin:0 10px 0 3px} .top_btn a{background: rgba(194, 20, 33, 0); border: 1px solid #C21421;border-radius: 4px;width:50px;height:30px;line-height:30px;text-align:center;display:inline-block;margin-left:10px;color:#C21421} .top_btn a.reg{background:#C21421;color:#fff} .top_btn a:hover{background:#C21421;color:#fff} /* banner */ .banner .nav.nav-turn>li>a{border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.8);width:12px;height:12px;margin:0 2px;opacity:1;} .banner .nav.nav-turn>li.active>a{background:#C21421;border-color:#C21421} /* menu */ .menu{clear:both;background:#C21421;font-size:20px;} .menu li{width:8.33%;height:60px;line-height:60px;text-align:center;} .menu li a{color:#fff;display:block;font-weight:bold} .menu li:hover,.menu li.on{background:#FFA200;} /* footer */ .footer_nav{background:#ddd;padding:20px 0} .footer_nav .nav_ul li h3{font-size:18px;font-weight:bold;margin-bottom:12px} .footer_nav .nav_ul li .dd p{margin:4px 0;color:#666} .footer_nav .nav_ul li .dd p a{color:#666} .footer_nav .nav_ul li .dd p:hover a{color:#333} .footer_nav .code{text-align:center;color:#666} .footer_nav .code .ewm{border-radius:4px;width:120px;height:120px;background:#fff;margin:0 auto;margin-bottom:3px} .footer_nav .code .ewm img{border-radius:4px;} .footer_nav .nav_ul .tel a{font-size:16px;color:#C21421;font-weight:bold;} /* footer */ .footer{padding:25px 0;clear:both;background:#303030;color:rgba(255,255,255,.6);line-height:25px;text-align:center;} .footer a{color:rgba(255,255,255,.6)} .footer a:hover{color:rgba(255,255,255,.8)} .footer .kefu{padding:10px 0 15px 0} /* 首页 */ .p20{padding:0 20px} .mt20{margin-top:20px!important} .radius8{background:#fff;border-radius:8px;} /* focus */ .focus .hd{ border-bottom:1px solid #C21421;padding:8px 0 6px 0;position:relative;margin-bottom:15px} .focus .hd ul li.on a{color:#C21421} .focus .jdt{max-width:860px;margin-bottom:18px} .focus .swiper-slide .pic{position:relative;} .focus .swiper-slide .pic .fdc{position:absolute;bottom:0;z-index:1;background:rgba(0,0,0,.4);width:100%;padding:10px;} .focus .swiper-slide .pic .title{width:70%;overflow:hidden;color:#fff;font-size:16px;position:relative;z-index:1;} .focus .swiper-pagination{padding-right:15px;text-align:right;width:45%;right:0;left:initial} .focus .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#fff;opacity:1;margin:0 3px} .focus .swiper-pagination-bullet-active{background:#C21421!important;} .focus .jt{width:30px;height:44px;background:rgba(0,0,0,.4);text-align:center;color:#fff;font-size:16px;line-height:44px;z-index:22!important;} .focus .swiper-button-prev{left:0} .focus .swiper-button-next{right:0} .focus .jt:hover{background:rgba(0,0,0,.8);} .list li{line-height:45px;border-bottom:1px dashed #eee;overflow:hidden;padding:0} .list li:last-child{border-bottom:0} .list ul{margin:0;padding:10px 20px} .list li a{width:calc(100% - 60px);float:left} .list li .time{width:50px;float:right;text-align:right;color:#999;} .list li:hover .time{color:#C21421} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events:initial!important;} .type{height: 50px;background: #E5E5E5;border-radius: 8px 8px 0px 0px;line-height:50px;padding:0 15px} .type strong{font-size:20px;} .type .en{font-size:15px;color:#C21421;margin-left:3px;} .type .more{float:right;font-size:24px} .mz20{margin-left:20px} .section1 .focus .list ul{padding-top:0;margin-top:-3px} .list2 li a{width:100%} .list a{padding-left:12px;position:relative;} .list a::before{content:"";width:6px;height:6px;background:#999;position:absolute;left:0;top:50%;transform: translateY(-50%);border-radius:50%;} .list li:hover a::before{background:#C21421;} .section1 .focus .list li a{padding-left:0} .section1 .focus .list li a::before{display:none;} .section1 .list2{padding-top:2px} .section1 .bd .list2{overflow:hidden;} .itemlist{margin:0 -10px} .itemlist .itembox{margin:0 10px} .adv1{margin:0 0 10px 0;max-height:120px;overflow:hidden;} .adv1 img{border-radius:8px;} .red{color:#C21421} .section1 .ruzhu li{height:47px;} .section1 .ruzhu .list3{padding:10px 15px 4px 20px} /* section2 */ .section2{background:#E3301C;color:#fff;overflow:hidden;margin-bottom:10px;} .section2 .zk2{background:#4f4f4f;margin-top:10px;content:"";height:44px;margin-right:-1px} .section2 .zk2::before{content:"";width:42px;height:44px;background:url(../img/zsj.png) no-repeat left center;position:absolute;left:-42px;bottom:0} .section2 .z1{padding-left:30px;} .section2 .z2{padding-top:8px;padding-left:15px} .section2 .more{height: 32px;background: #C21421;border-radius: 4px;line-height:32px;color:#fff;text-align:center;margin-right:20px;padding:0 12px} .section2 .more i{font-size:13px;vertical-align:middle;margin:-2px 0 0 6px} .section2 .more:hover{opacity:.88;} .sec_type{background:#fff url(../img/zsj2.png) no-repeat left center;background-size:auto 100%;padding:7px 0 7px 25px;} /* section3 */ .picMarquee-left{ width:100%; overflow:hidden; position:relative;} .picMarquee-left .bd ul{ overflow:hidden; zoom:1; } .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;} .picMarquee-left .bd ul li img{width:224px;height:120px;} /* section4 */ .section4 .mtcp .type{background:none;} .section4 .mtcp .bd{padding:3px 15px 5px 15px;overflow:hidden;} .section4 .mt1{border-bottom:1px solid #C21421} .section4 .mt1 .hd{border-left:1px solid #eee;padding-left:1rem} .section4 .mt1 .hd li{margin:0 .8rem;cursor:pointer;} .section4 .mt1 .hd li.on{color:#C21421} .section4 .mt1 .more{margin-right:1rem;color:#666} .section4 .mt1 .more:hover{color:#C21421} .section4 .list_cp li{width:25%;float:left;} .section4 .list_cp ul{margin:4px -10px} .section4 .list_cp li .item{margin:8px 10px;position:relative;} .section4 .list_cp li .pic img{border-radius:0;} .section4 .list_cp li .fdc{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.5);height:35px;line-height:35px;text-align:center;color:#fff;font-size:16px;} /* links */ .links{margin-bottom:0px} .links .hd{border-bottom:1px solid #eee} .links .hd ul{padding:0 10px;} .links .hd li{padding:10px 15px 6px 15px;border-bottom:2px solid transparent;cursor:pointer;margin-right:12px} .links.qytj .hd li{padding:10px 8px 5px 8px;border-bottom:2px solid transparent;cursor:pointer;margin-right:15px} .links .hd li.on{color:#C21421;border-color:#C21421} .links .bd ul{padding:15px;overflow:hidden;max-height:20rem;overflow-y:auto;margin-bottom:.5rem} .links .bd ul li{width:14.28%;float:left;line-height:25px;margin:3px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /* 古天乐代言太阳娱乐网址 */ .listbox{margin-bottom:15px} .listbox .crumbs{background:#EDEDED;border-radius:8px 8px 0 0;padding:8px 20px;font-size:14px;color:#666} .listbox .crumbs a{color:#666} .crumbs a:hover{color:#C21421} .crumbs .zy img{margin-right:5px} .listbox .crumbs .fr{margin-top:6px} .listbox .crumbs .wz{margin-left:10px;} .p25{padding:20px 0 30px 0} .list_news li{padding:15px 0;border-bottom:1px dashed #eee;overflow:hidden;} .list_news li .desc{line-height:22px;color:#666;margin:10px 0 12px 0;} .list_news li .time .more{color:#C21421} .list_news li .date{float:right;color:#999;margin-top:3px} .list_news li .date img{vertical-align:middle;margin:-3px 5px 0 0} /* pages */ .pages{text-align:center;line-height:1.2;padding:30px 0 30px 0;} .pages li {display:inline-block;vertical-align:middle;margin:0 4px;} .pages li a{display:block;border:1px solid #F0F0F0;background:#F0F0F0;padding:6px 15px;font-size:14px;} .pages li:hover a,.pages li.active a{background:#C21421;border-color:#C21421;color:#fff;} .pages li i{font-size:12px} .main .list_cp2{padding:10px 18px} .main .sidebox .list_cp2 li{margin:10px 0 20px 0} .main .list_cp2 li .pic{position:relative;} .main .list_cp2 li .title{background: rgba(255,255,255,.5);padding:8px 0;position:absolute;left:0;top:0;z-index:1;width:100%;text-align:center;color:#282828} .main .list_cp2 li .pic img{border-radius:0;} .main .list_cp2 li .tags{padding:12px 0;border-bottom:1px solid #eee;} .main .list_cp2 li .tags a{border:1px solid #ddd;padding:0 8px;height:30px;line-height:30px;display:inline-block;margin-right:5px;margin-bottom:10px} .main .list_cp2 li .tags a:hover{border-color:#C21421} .main .list_cp2 li .link{margin-top:6px;} .main .list_cp2 li a.goin{color:#C21421} .main .list_cp2 li:last-child{margin-bottom:6px} .main .list_cp2 li .pbox{padding:1.5rem} /* 古天乐代言太阳娱乐网址详情页 */ .pagebox{padding:20px 25px} .pagebox .news_title{text-align:center;font-size:24px!important;font-weight:bold;margin-top:15px} .pagebox .news_time{text-align:center;color:#999;padding:1.5rem 0} .pagebox .news_time span.soure{padding:0 1.5rem} .pagebox .news_info,.page_box .news_info p{font-size:14px;line-height:28px;} .pagebox .sxp{background: #F6F6F6;border-radius: 4px;padding:10px;margin:45px 0 10px 0} .pagebox .sxp li i{font-size:12px} .pagebox .sxp li:nth-child(1) i{margin-right:1rem} .pagebox .sxp li:nth-child(1) a{margin-left:10px} .pagebox .sxp li:nth-child(2) i{margin-left:1rem} .pagebox .sxp li:nth-child(2) a{margin-right:10px} .pagebox .sxp li a{max-width:80%;overflow:hidden;float:left;} /* 公司列表 */ .list_company ul{margin:0 -10px} .list_company li .item{background:#fff;margin:10px;} .list_company li .pbox{padding:10px;margin-top:-10px} .list_company li .tags{min-height:98px;padding-bottom:0!important;margin-bottom:3px} .main .list_company .list_cp2{padding:10px 0} .list_company li .pic img,.list_company li .title,.list_company li .pic{border-radius:8px 8px 0 0;} .qytj{margin-bottom:0px} /* 黄页 */ .adv2 img{border-radius:0;} .adv2{margin:20px 0;max-height:120px;} .adv1 img,.adv2 img{height:100%} .listbox .hy_type{padding:10px 0;text-align:center;font-weight:bold;} .hybox{overflow:hidden;} .hybox .hy1{margin:10px 0} .hybox .hy1 table td:nth-child(1){text-align:center;} .hybox .hy1 table td{padding:5px 20px;line-height:32px;} .hybox .jingying{margin:15px 0} /* 化工 */ .listbox .list_hg{overflow:hidden;} .listbox .list_hg ul{background:#F6F6F6;border-radius:4px;padding:15px 20px;margin-top:20px;} .listbox .list_hg ul li{margin:10px 0;padding-left:15px} .listbox .list_hg ul li .title{position:relative;} .listbox .list_hg ul li .title::before{content:"";width:6px;height:6px;background:#999;border-radius: 50%;left:-15px;position:absolute;top:8px} .listbox .list_hg ul li span.city{float:right;color:#999} .listbox .list_hg ul li .address{color:#666;} /* message */ .lybox{padding:20px} .lybox .input-group label{min-width:6rem;} .lybox .int1{max-width:300px;} .lybox .int2{max-width:200px;} .input:focus, .input:active{border-color:#C21421} .lybox .yzm{width:90px;text-align:center;border:1px solid #ddd;border-radius:4px;margin-left:10px;float:left;height:33px;line-height:33px;} .lybox .form-button{margin-left:6rem} .lybox button{width:100px;border-radius:4px;line-height:27px;text-align:center;font-size:16px;} .lybox .btn1{background:#C21421;color:#fff;margin-right:15px;} .lybox .btn2{background:#eee;color:#999} .lybox{padding-bottom:40px;} .lybox .form-button{margin-top:25px} .lybox textarea{border:1px solid #ddd;border-radius:5px;} .lybox button:hover{opacity:.88;} .lybox .input-group{margin-top:20px} /* subcat */ .subcat{padding:15px} .subcat li{border-bottom:1px dashed #eee;padding:10px 0;} .subcat li a{position:relative;padding-left:15px} .subcat li a::before{content:"";border:6px solid transparent;border-left:6px solid #999;position:absolute;left:0;top:50%;transform: translateY(-50%);} .subcat li:hover a,.subcat li.on a,.subcat li.on a::before{border-left-color:#C21421;color:#C21421} /* 店铺内页 */ .menu2 li{width:14.28%} .radius_img img{border-radius:8px;} .leftside .side3 .pic,.leftside .side3 .pic img{border-radius: 8px 8px 0 0;} .leftside .side3 .side3_logo{text-align:center;padding:10px 0} .leftside .side3 .side3_logo img{max-width:198px;} .leftside{max-width:320px;} .leftside .side_login dl{padding:15px} .leftside .side_login dl dd{margin:10px 0;overflow:hidden;} .leftside .side_login dl dd .int1{height: 34px;background: rgba(246, 246, 246, 0); border: 1px solid #ddd;border-radius: 4px;line-height:34px;padding:0 10px;width:100%} .leftside .side_login dl dd .label{width:70px;float:left;line-height:34px;} .leftside .side_login dl dd .intbox{overflow:hidden;} .leftside .login_btn{text-align:center;padding:6px 0 12px 0} .leftside .side_login .button{width: 100px; height: 40px;background: #C21421;border-radius: 4px;line-height:40px;text-align:center;border:0;outline:0;color:#fff;display:inline-block;padding:0;margin:0 8px} .leftside .side_login .button:hover{opacity:.66;} .leftside .links{margin:0} .dpbox .dp1 ul{margin:0 -10px} .dpbox .dp1 li .item{margin:10px;position:relative;} .dpbox .dp1 li .item .pic{border-radius:8px;} .dpbox .dp1 li .item .title{background:rgba(0,0,0,.5);color:#fff;padding:5px 10px;position:absolute;bottom:0;left:0;width:100%;z-index:1;border-radius:0 0 8px 8px;} .shopbox .leftside{width:320px;float:left;margin-right:20px;} .shopbox .dpbox,.shopbox{overflow:hidden;} .shopbox{margin:20px 0} .dpbox .dp2 .middle-x4{width:37%;margin-right:2%} .dpbox .dp2 .middle-x8{width:61%;} .dpbox .dp2 .jianjie{padding:8px;line-height:29px;} .dpbox .dp2 .jianyan{padding:11px 10px} .dpbox .dp2 .jianyan .table th,.dpbox .dp2 .jianyan .table td{padding:.32rem;text-align:center;} .dpbox .dp3{height:120px;background:url(../img/bg_lx1.jpg) no-repeat;background-size:100% 100%;color:#fff;margin:20px 0;padding:15px} .dpbox .dp3 h3{font-size:20px;font-weight:normal;margin-bottom:13px} .dpbox .dp3 p{margin-bottom:2px;font-size:16px} .dpbox .dp3 .tel{padding:0 30px} .dpbox .dp3 a{margin:0 4px} .dpbox .lybox textarea,.dpbox .lybox .int1{max-width:330px;} .dpbox .lybox .int2{max-width:205px;} .dpbox .ly_tips{padding:8px 15px 0 25px} .dpbox .ly_tips h4{font-size:16px;font-weight:normal!important;margin:25px 0 15px 0} .dpbox .lybox .ly_tips .info{font-size:14px;line-height:28px;} .dpbox .lybox{padding:15px 20px} .dpbox .lybox .input-group{margin-top:10px} .dpbox .ly2{max-width:60%;padding:20px 15px 15px 18px} .shop_top .fr{width:60%} @media screen and (min-width:1000px) { .pagebox .sxp li:nth-child(2){text-align:right;} .pagebox .sxp li:nth-child(2) a{float:right;} .xgwz .list li a{width:calc(100% - 120px)} } @media screen and (min-width:1000px) and (max-width:1245px){ .header.shop_top .tel{margin:0 2rem 0 0} .header .search{width:320px;} } @media screen and (min-width:1200px) { .container{padding-left:0!important;padding-right:0!important} } @media screen and (max-width:999px) { .top{height:4.5rem;line-height:4.5rem;background-size:100% 100%;padding:0 1.5rem} .mtop{background:#fff;} .mtop.fixed{position:fixed;width:100%;left:0;top:0;z-index:22;} .mtop .nav.nav-switch{width:3rem;height:2.3rem} .mtop .navbar-body .nav{padding:0 1.5rem!important} .mtop .navbar-body .nav li{font-size:1.5rem;} .mtop .navbar-body .nav li a{padding:.3em .5em} .footer_nav{padding:2rem 0} .footer_nav .nav_ul li{margin-bottom:1.5rem} .footer_nav .code{text-align:left;} .footer_nav .code .ewm{margin:.5rem 0} .footer_nav .code p{width:12rem;text-align:center;} .itemlist{margin:0 -1rem} .mt20{margin-top:2rem!important} .itemlist{margin-bottom:-1rem} .itemlist .itembox{margin:0 1rem 1rem 1rem} .section1 .ruzhu{margin:1rem 0 0 0} .adv1{margin:1rem 0} .section1 .focus .list ul{padding:0;} .focus .jdt{margin-bottom:1rem} .list li{line-height:4rem;font-size:1.4rem} .focus .hd ul{justify-content:left;font-size:1.5555rem;overflow-x:auto;padding-bottom:1rem;margin-bottom:-.6rem;margin-top:.3rem} .focus .hd ul li{white-space: nowrap;margin:0 1rem} /* section2 */ .section2 .z1{padding:0;text-align:center;} .section2 .zk2{margin-top:0;text-align:center;height:initial;} .section2 .zk2 .more{display:inline-block;float:none!important;margin:1rem 0 1.2rem 0} .sec_type{font-size:1.35rem} .section3 .picMarquee-left{margin:2rem 0} .section3 .picMarquee-left .bd ul li{width:15rem} .section3 .picMarquee-left .bd ul li img{width:15rem;height:8rem;} .section4 .mtcp{margin-bottom:1.5rem} .section4 .mtcp .more{position:absolute;top:1.5rem;right:.6rem} .section4 .mtcp .hd{overflow:hidden;} .section4 .mtcp .hd ul{overflow-x:auto;padding-bottom:1rem} .section4 .mtcp .hd li{white-space:nowrap;} .section4 .mtcp .bd{padding:1rem} .section4 .mtcp .bd li{width:50%} .section4 .mtcp .bd ul{margin:0 -.5rem} .section4 .mtcp .bd li .item{margin:.5rem} .mz20{margin-left:0} .links{margin-bottom:2.5rem} .links .hd ul{padding:0 10px;} .links .bd ul li{width:31.33%;margin:.3rem 1%} .links.qytj .hd li{padding:10px .2rem 5px .2rem;margin-right:1rem} .top_btn{margin-right:-1rem} .top_btn a{width:4.2rem;height:2.8rem;line-height:2.8rem;margin-left:.3rem} .sidebox{margin-top:2rem} .main .crumbs{overflow:hidden;} .main .crumbs .fr{margin-top:.2rem} .main .crumbs .fr .wz{display:none;} .main .crumbs .zy img{margin:-.2rem .6rem 0 0} .list_news li{clear:both} .list_news li .desc{line-height:2rem;height:4rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} /* pages */ .pages li {margin:0 .2rem;} .pages li a{padding:.3rem 1rem;font-size:1.2rem;} .pagebox{padding:1.5rem} .p25{padding:1.5rem 0 2.5rem 0} .pagebox .news_title{font-size:1.6rem!important;margin-top:1rem;line-height:1.5;} .pagebox .news_time span.soure{padding:0 .5rem;font-size:1.2rem} .pagebox .news_info,.page_box .news_info p{font-size:1.4rem;line-height:2.5rem;} .sxp i{display:none;} .sxp li:nth-child(1){margin-bottom:1rem} .pagebox .sxp li:nth-child(2) a{margin-right:0} .sxp li span{float:left} .sxp span.big-hidden{display:inline-block!important;margin-right:1rem} .xgwz{margin:1.5rem 0} .gsk2 .zk2 .z2{padding:4px 0} .list_company .list_cp2 li .tags{min-height:initial;} /* message */ .form-x .input-group{flex-wrap: wrap;margin:1.3rem 0;clear:both;} .lybox .input-block{width:100%!important} .int1{max-width:initial!important;} .shopbox .leftside{width:100%;margin-right:0;max-width:initial;} .shopbox .dpbox,.shopbox{overflow:hidden;clear:both} .shopbox .links .hd li{font-size:1.5rem} .shopbox .side3{margin:2rem 0} .dpbox .dp2 .middle-x4,.dpbox .dp2 .middle-x8{width:100%} .dpbox .dp2 .middle-x4{margin:0 0 2rem 0} .dpbox .ly2{max-width:90%;} .dpbox .ly_tips .info{font-size:1.4rem} .dpbox .dp3{height:initial;background-size:cover;} .dpbox .dp3 p{font-size:1.2rem} .dpbox .dp3 .tel{padding-left:1rem;} .banner .nav.nav-turn>li>a{width:8px;height:8px} .news_info img{height:initial!important} }