@charset "utf-8"; /* CSS Document */ .banner_box{position:relative;overflow:hidden;} .page_banner{height:400px;-webkit-transition: all 0.3s; transition: all 0.3s;} .page_banner img{ -webkit-transition: all 0.8s; transition: all 0.8s;} .page_banner .cat_box{position:absolute; bottom:40%; left:0; width:100%;} .page_banner .cat_box .cat_name{font-size:36px; color:#fff; margin-bottom:10px; line-height:2; font-weight: bold;text-transform:uppercase;} .page_banner .cat_box .cat_name span{ font-size:24px;line-height:2.5; font-weight:normal; margin-left:8px;} @media (max-width: 1600px){ .page_banner {height: 335px;} } @media (max-width:1440px){ .page_banner {height:300px;} .page_banner .cat_box{position:absolute; bottom:28%;} } @media (max-width:1366px){ .page_banner {height:285px;} } @media (max-width: 1280px){ .page_banner {height: 267px;} } @media (max-width: 1200px){ .page_banner {height: 250px;} .page_banner .cat_box .cat_name{font-size:30px; margin-bottom:20px; line-height:1.5;} } @media (max-width: 1024px){ .page_banner {height: 213px;} } @media (max-width:992px){ .page_banner{height: 207px; } } @media (max-width: 768px){ .page_banner{height:160px;} .page_banner .cat_box .cat_name{font-size:30px; margin-bottom:20px; line-height:1.5;} } @media only screen and (max-width: 552px){ .page_banner .cat_box .cat_name{font-size:24px; margin-bottom:10px; } .page_banner .cat_box .cat_name span{font-size:16px; font-weight: normal;} } @media only screen and (max-width: 425px){ .page_banner{height:130px;} .page_banner .cat_box .cat_name{font-size:20px; margin-bottom:10px; } } @media only screen and (max-width:375px){ .page_banner{height:120px;} .page_banner .cat_box .cat_name span{font-size:15px; } } .nymenu{border-bottom:1px #d9d9d9 solid; background:#fff;} .nymenu_mid_s ul li{float:none;display:inline-block;} .nymenu_mid_s{text-align:center} .nymenu_mid_s ul li:nth-child(1),.nymenu_mid ul li:last-child{text-align:center;} .nymenu_mid ul li{width:14.28571428571429%;text-align:center;} .nymenu_mid p{display:none;} .nymenu_mid ul li a{ padding:25px 0; font-size:20px; color:#444; display:inline-block; position:relative;} .nymenu_mid ul li a:after{content: "";position: absolute;z-index: 1;opacity:0;left: 50%;width: 0;bottom: 0em;height:0.15em; background-color:#cc0000;background-repeat:no-repeat;background-position:center;z-index:10;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .nymenu_mid ul li a:hover,.nymenu_mid ul li a.active{color:#cc0000} .nymenu_mid ul li a:hover:after,.nymenu_mid ul li a.active:after{width:4em;opacity:1; margin-left:-2.1em;} @media (max-width:1240px){ .nymenu_mid ul li a{padding:15px 0; font-size:18px; } } @media screen and (max-width: 992px){ .nymenu .container{ width:100%; padding-left:0px; padding-right:0px;} .nymenu_mid p {display: block;position: relative;padding: 0.7em 0; font-size:18px;} .nymenu_mid p:after{content: ""; -webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;position: absolute;left:auto; background-color:transparent;right:15px; width:10px; height:5px; bottom:auto; top:50%; margin-top:-2.5px; background-position:center; background-repeat:no-repeat; background-image:url(/statics/images/img1.png);} .nymenu_mid.on p:after{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-mz-transform:rotate(-180deg);} .nymenu_mid{ z-index:100;position:relative; background:#fff;} .nymenu_mid ul{ display:none; padding:.5em 0; width:100%;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);-moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);-ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);-o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);position:absolute; left:0; top:53px; background-color:#fff; z-index:100;} .nymenu_mid ul li{float:none; width:100%; padding:0 1em; background:#fff!important;} .nymenu_mid.on ul{display:block} .nymenu_mid ul li a{font-size:15px; line-height:1.7; padding:0.3em 0; background:#fff!important;} .nymenu_mid ul li a.active{color:#333;} .nymenu_mid ul li a:after{display:none} } /*关于乐鱼体育app*/ .about .intro .t{font-size:30px; color:#333; margin-bottom:15px;} .about .intro .en{ text-transform:uppercase; font-size:14px;} .about .content{padding:40px 0 0;} .about .content p{ line-height:32px;font-size:15px;} .about .about_b img{ max-width: 100%;} .about .about_b .about_b_l{ float:left; width:50%;} .about .about_b .about_b_l img{ width:100%;} .about .about_b .about_b_r{ float:left; width:50%; background:#f7f7f7; padding:30px; } .about .about_b .about_b_r ul li{ width:50%; height:175px; float:left; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding-top:35px; font-size:18px;text-align:center;} .about .about_b .about_b_r ul li p{ line-height:40px;} .about .about_b .about_b_r ul li:nth-child(2n){border-right:0px; } .about .about_b .about_b_r ul li:nth-child(3),.about .about_b .about_b_r ul li:nth-child(4){border-bottom:0px; } @media only screen and (max-width: 1366px){ .about .intro .t{font-size:28px;} } @media only screen and (max-width: 1280px){ .about .intro .t{font-size:26px;} } @media only screen and (max-width: 1200px){ .about .about_b .about_b_r ul li{ height:145px;padding-top:25px; font-size:16px; } } @media only screen and (max-width: 1024px){ .about .intro .t{width:57%; font-size:24px;} .about .about_b .about_b_r ul li{ height:125px;padding-top:20px; font-size:15px; } } @media only screen and (max-width: 992px){ .about .about_b .about_b_r{ padding:15px 10px; } .about .about_b .about_b_r ul li{ height: 103px;padding-top:10px; } .about .about_b .about_b_r ul li p{ line-height:32px;} } @media only screen and (max-width: 760px){ .about .intro .t{width:100%; font-size:20px;} .about .intro .en{font-size:12px;} .about .content{padding:20px 0 30px; line-height:24px;} .about .content p{ line-height:24px;} .about .about_b .about_b_l{ float:none; width:100%; } .about .about_b .about_b_r{ float:none; width:100%; height:320px;} .about .about_b .about_b_r ul li{ height: 145px;padding-top:20px; } .about .about_b .about_b_r ul li p{ font-size:14px;line-height:22px; margin-top:10px;} } @media only screen and (max-width: 360px){ .about .about_b .about_b_r ul li{ padding:15px 20px;} } /*企业文化*/ .culture .desc{ font-size:16px;} .culture .content{background:url(/statics/images/culture.jpg) no-repeat center; margin-top:40px;} .culture .content ul{position:relative; overflow:hidden; width:100%;} .culture .content li { float:left;width: 33.33333333%; padding:30px 0; text-align:center; position:relative;} .culture .content li span{display:block; font-weight:600; font-size:36px; margin:20px auto; text-align:center; color:#fff;} .culture .content li .icon_tit{font-size:24px; color:#fff; line-height:30px;} .culture .content li .con{ color:#fff; color:rgba(255,255,255,0.8); line-height:26px; padding:15px 17%; min-height:52px; overflow:hidden;} .culture .content ul li:nth-child(2),.culture .content ul li:nth-child(5){ border-left:1px solid #fff; border-right:1px solid #fff; } .culture .content li:first-child:after{content:''; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#fff;} .culture .content li:nth-child(2):after{content:''; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#fff;} .culture .content li:nth-child(3):after{content:''; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#fff;} @media only screen and (max-width: 990px){ .culture .content li .con{ padding:15px 12%;} } @media only screen and (max-width: 768px){ .culture .content li span{font-size:30px; margin:10px auto;} .culture .content li .icon_tit{font-size:20px;} .culture .content li .con{ padding:10px 8%;} } @media only screen and (max-width: 730px){ .culture .content li .con{ padding:10px 2%;} } @media only screen and (max-width:640px){ .culture .content li .con{ font-size:14px;} } @media only screen and (max-width:600px){ .culture .content li {padding:20px 0; width:50%;} .culture .content li span{ display:none; } .culture .content ul li:nth-child(2n),.culture .content ul li:nth-child(5){ border-left:1px solid #fff; border-right:0px solid #fff; } .culture .content li:nth-child(4):after{content:''; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#fff;} .culture .content li .icon_tit{font-size:16px;} } @media only screen and (max-width:360px){ .culture .content li .con{ font-size:13px;} .culture .content{ margin-top:30px;} } @media only screen and (max-width:360px){ .culture .content li .con{ padding:10px 0;} } /*资质荣誉*/ .honor li .infor{padding:20px 0px 25px; text-align:center; } .honor li .infor{padding:10px 0px; margin-bottom:20px; text-align:center;} .honor li:hover .infor{color:#de000d; } .honor li img{ width:100%;} /*隐私条款*/ .policy{ line-height: 30px;} .policy strong { margin-bottom:20px; font-size: 17px;} /*产品中心*/ .product_pt1{height:450px; background: url(/statics/images/pro_bg1.jpg) no-repeat top center;} .product_pt2{height:450px; background: url(/statics/images/pro_bg2.jpg) no-repeat top center;} .product_pt3{height:450px; background: url(/statics/images/pro_bg3.jpg) no-repeat top center;} .product_pt .product_pt1-left{ margin-top:-30px;} .product_pt .product_pt1-con .product_pt1-bt{font-size: 24px; margin-bottom:5px;} .product_pt .product_pt1-con .product_pt1_en{ text-transform:uppercase; font-size:12px; position:relative;padding-bottom:20px; } .product_pt .product_pt1-con .product_pt1_en:after{ position:absolute; content:""; left:0; bottom:0; width:50px; height:3px; background:#cc0000;} .product_pt .product_pt1-con .product_pt1_en.white:after{ position:absolute; content:""; left:0; bottom:0; width:50px; height:3px; background:#fff;} .product_pt .product_pt1-con .product_pt1-diao{line-height: 30px;margin:45px 0px; text-align:left;} .product_pt .product_pt1-con .product_pt1-more{width: 140px;line-height:35px;text-align: center; border:1px solid #bdbcbc; } .product_pt .product_pt1-con .product_pt1-more.white{width: 140px;line-height:35px;text-align: center; border:1px solid #fff; } .product_pt .product_pt1-con .product_pt1-more a{font-size:15px;text-transform: uppercase; } @media (max-width:1280px) { .product_pt .product_pt1-diao{ line-height: 38px; } } @media (max-width:1200px) { .product_pt .product_pt1-con .product_pt1-diao{ line-height: 30px;margin:30px 0px 35px; } } @media (max-width: 992px) { .product_pt .product_pt1-left img{ width:100%;} .product_pt .product_pt1-con .product_pt1-diao{ line-height: 26px;margin:20px 0px 25px; } } @media (max-width: 768px) { .product_pt1{height:380px;} .product_pt2{height:380px;} .product_pt3{height:380px;} .product_pt .product_pt1-left{ margin-top:10px;} } @media (max-width: 760px) { .product_pt1{height:100%;background:#f5f5f5;background-size:100% 100%;} .product_pt2{height:100%;background:#df453e;background-size:100% 100%;} .product_pt3{height:100%;background:#1259a8;background-size:100% 100%;} .product_pt .product_pt1-con .product_pt1-diao{ line-height:26px;margin:25px 0px; } .product_pt .product_pt1-con .product_pt1-bt{ font-size: 20px; } } @media (max-width:375px) { .product_pt .product_pt1-con .product_pt1-bt{ font-size: 18px;} .product_pt .product_pt1-con .product_pt1-diao{ margin:25px 0px; } } /*产品列表页*/ .product_list .infor1 .tit{ font-size: 20px; text-align: center; margin-bottom: 30px;} .product_list .infor1 .tit span{ color: #055fb1; } .product_list .plt{ width:22%; margin-right:3%; float:left;box-sizing: border-box;} .product_list .prt { width:75%; float:left;} .product_list .plt .menu{ border:1px solid #ddd;background: #fff; padding-bottom:40px;} .product_list .plt .menu .tt{ color: #fff;background: #cc0000; height:110px; padding:20px 0px 10px 15px;} .product_list .plt .menu .tt .cn{ font-size:26px; line-height:40px;} .product_list .plt .menu .tt .en{ font-size:16px; text-transform:uppercase; color: #fff;} .product_list .plt .pc-aside {display: block;/* box-shadow: 0 4px 10px rgba(11,1,2,.1);*/} .product_list .plt .pc-aside li{border-bottom: 1px dashed #ddd; } .product_list .plt .pc-aside a{display: block; text-decoration:none;} .product_list .plt .pc-aside .aside-tit{position: relative;font-size: 16px;color: #666; padding:15px 15px;} .product_list .plt .pc-aside .aside-tit:after{content: "";position: absolute;right: 25px;top:50%;margin-top:-7px;width: 18px;height: 18px;background-image:url(/statics/images/2_1.png);background-repeat: no-repeat;background-position: center;background-size: cover;transition:all .3s linear;} .product_list .plt .pc-aside .sub{display: none;} .product_list .plt .pc-aside .sub a{ color: #666; text-decoration:none;padding:15px 0 15px 23px;border-top:1px dashed #ddd; background-repeat: no-repeat;background-position: right center;transition:all .3s linear;} .product_list .plt .pc-aside .sub a:hover{color: #cc0000; text-decoration:none;} .product_list .plt .pc-aside li.cur .aside-tit{color: #cc0000;} .product_list .plt .pc-aside li.cur .aside-tit:after{ background-image:url(/statics/images/2_1m.png);background-repeat: no-repeat;} .product_list .plt .pc-aside .sub a:hover,.product_list .plt .pc-aside .sub a.cur{color:#cc0000; text-decoration:none;} .product_list .plt .menu .ul1 li:last-child{border:none;} .product_list .plt .pc-aside {display: block;/* box-shadow: 0 4px 10px rgba(11,1,2,.1);*/} .product_list .plt .pc-aside li{border-bottom: 1px dashed #ddd; } .leftnav{width: 100%;height: 100%; transition: all .3s;} .leftnav a{display: block;overflow: hidden;line-height: 46px;max-height: 46px;color: #666;border-bottom: 1px dashed #ddd;transition: all .3s;text-decoration:none; } .leftnav a span{margin-left: 15px;} .leftnav-item{position: relative;} .leftnav-item.leftnav-show{border-bottom: none;} .leftnav-item ul{display: none; } .leftnav-item.leftnav-show a{ color:#cc0000;} .leftnav-item.leftnav-show ul{display: block;} .leftnav-item.leftnav-show ul li a{ padding-left:18px;color: #666;} .leftnav-item.leftnav-show ul li a:hover{color: #cc0000;} .leftnav-more{float:right;margin-right:15px;margin-top:15px;transition: transform .3s;background-image:url(/statics/images/2_1.png);width: 19px;height: 19px;background-repeat: no-repeat;background-position: center;background-size: cover;} .leftnav-show .leftnav-more{ background-image:url(/statics/images/2_1m.png);} .leftnav-item>a:hover{color: #cc0000; text-decoration:none; } .leftnav-item li:hover a{color: #cc0000; text-decoration:none; } @media (max-width: 1280px) { .product_list .plt{ width:25%; margin-right:2%;} .product_list .prt { width:73%; float:left;} } @media (min-width: 1025px){ .product_list .plt .m-aside {display: none;} } @media (max-width: 1024px){ .product_list .plt .menu{ border:0px solid #ddd;} } @media (max-width: 992px) { .product_list .plt { width:100%; float:none;} .product_list .prt { width:100%; float:none;} .product_list .plt .menu{margin-bottom:0px;} } .pro_list li .img{ border:1px solid #ccc;} .pro_list li .infor{padding:10px 0px; margin-bottom:20px; text-align:center; background:#e5e5e5; transition:all 0.5s ease;} .pro_list li:hover .infor{color:#fff; background:#de000d;} /*产品详情页*/ .prodetail-top-1{ width:100%;} .prodetail-top-1-l{ width:48%; margin-right:3%; float:left;} .prodetail-top-1-l .img{width:100%; } .prodetail-top-1-r{ width:49%; float:left;} .prodetail-top-1 ._detail .pro_t{font-size:24px; color:#000; padding-bottom: 25px; border-bottom:1px solid #bcbcbc;} .prodetail-top-1 ._detail .summ{ padding:25px 0px; font-size:16px; color:#333;line-height: 28px;overflow: hidden;} .pro_contact { overflow:hidden; width:100%;} .pro_order { color:#cc0000; font-size:18px; } .pro_tel { font-size:30px; color:#013f97; font-weight:bold;} .pro_tel a{ color:#013f97;} .detail .pro_detail .pd_guide{ width:100%; margin-top:40px;} .detail .pro_detail .pd_guide li { width:33.3333%;*width:33.333%; float:left; text-align:center; background-color:#f4f4f4; color:#000;} .detail .pro_detail .pd_guide a { display:block; color:#000; font-size:20px; padding:17px 0; border-right:#fff 4px solid;/* position:relative; */} /*.detail .pro_detail .pd_guide a:after { content:""; display:none; width:0; height:0; overflow:hidden; border-color:#cc0000 transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; margin-left:-10px; bottom:-19px;}*/ .detail .pro_detail .pd_guide li:last-child a { border-width:0; } .detail .pro_detail .pd_guide.fixed { position:fixed; top:0; z-index:10; } .detail .pro_detail .pd_guide li.active a { background-color:#cc0000; color:#fff } .detail .pro_detail .pd_guide li:hover a { background-color:#cc0000; color:#fff } .detail .pro_detail .pd_guide li.active a:after { display:block; } .detail .pro_detail .ps_paras h3{line-height:30px!important;} .detail .pro_detail .ps_paras .ps_t{font-size:18px; margin: 25px 0;color:#000; font-weight:600;} .detail .pro_detail .ps_paras .ps_con{margin-top:30px; line-height:30px;} .detail .pro_detail .ps_paras .ps_con img{ width:100%;} .detail .pro_detail .box { text-align:center; background-color:#e5e5e5;} .detail .pro_detail .box .tit{ color: #000; padding:8px 0; line-height:26px;overflow: hidden; } .detail .pro_detail li{ margin-bottom:30px;} .detail .pro_detail li:hover .tit{ color: #cc0000; } .swiper-container-pro .swiper-wrapper .swiper-slide{width: 33.3333%;height:260px;} .swiper-pagination-pro{padding-top:20px;padding-bottom:0px;position: static;} .swiper-pagination-pro .swiper-pagination-bullet{background: #AAA!important;width: 12px;height: 12px;border-radius: 6px; } .swiper-pagination-pro .swiper-pagination-bullet-active{background: #cc0000!important;} .swiper-pagination-pro .swiper-container-horizontal>.swiper-pagination-pro .swiper-pagination-bullets{bottom:-40px!important;} @media (max-width: 1280px) { .prodetail-top-1 ._detail .pro_t{font-size:20px; padding-bottom: 15px; } .prodetail-top-1 ._detail .summ{ padding:10px 0px; font-size:15px;line-height: 26px;} } @media (max-width: 1200px){ .pro_tel { font-size:20px;} .pro_order { font-size:16px; } .detail .pro_detail .pd_guide a {font-size:18px; padding:15px 0; } } @media (max-width:992px){ .detail .pro_detail .pro_detail_img img{width: 100%;} } @media (max-width: 768px) { .swiper-container-pro .swiper-wrapper .swiper-slide{ height:230px;} .detail .pro_detail .box .tit{padding:5px 0; line-height:24px; } } @media (max-width: 760px) { .prodetail-top-1-l{ width:100%; margin-right:0; float: none;} .prodetail-top-1-r{ width:100%; float:none; margin-top:20px;} .detail .pro_detail .pd_guide{ padding-bottom:40px;} .prodetail-top-1 ._detail .pro_t{font-size:16px;} .swiper-container-pro .swiper-wrapper .swiper-slide{width: 50%;height:300px;} .detail .pro_detail .pd_guide a { font-size:17px; padding:10px 0; } .detail .pro_detail li{ margin-bottom:10px;} .swiper-container-pro .swiper-wrapper .swiper-slide{ height:350px;} } @media (max-width: 660px) { .swiper-container-pro .swiper-wrapper .swiper-slide{ height:300px;} } @media (max-width: 600px) { .swiper-container-pro .swiper-wrapper .swiper-slide{ height:240px;} } @media (max-width: 425px) { .swiper-container-pro .swiper-wrapper .swiper-slide{ height:210px;} } @media (max-width: 375px) { .swiper-container-pro .swiper-wrapper .swiper-slide{ height:180px;} } /*新闻列表页*/ .newslist .list_box{padding:40px 30px; height: 230px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .newslist .img{overflow:hidden; width:20%;} .newslist .img img{ width:100%;} .newslist .list_main{overflow:hidden; width:64%; margin-left:3%;margin-right:3%;} .newslist .list_title{font-size:20px; line-height:40px;color:#202020;font-weight:normal; display:block;} .newslist .list_title:hover{color: #e10000;} .newslist .list_p{ color:#666;line-height: 26px;height:52px;overflow:hidden;} .newslist .date{ display:none; font-size:14px;} .newslist ._more{ color:#666; margin-top:5px; font-size:14px; } .newslist .list_box:after{content: "";width:100%;height:1px;background-color:#e6e6e6;position:absolute;bottom:0;right:0;} .newslist li:hover .list_box{ box-shadow:0 0 8px rgba(153,153,153,0.4);} .newslist li:hover .list_box:after{background-color:#f8f8f8;} .newslist li:hover .list_title{color:#e10000;} .newslist .list_time{ color:#e10000; font-size:24px; width:10%; text-align:left;} .newslist .list_time_day{display:block;font-size:40px;color:#e10000;line-height:50px;} @media only screen and (max-width:1240px){ .newslist .list_box{padding:30px 20px; height:190px;} .newslist .list_time{ font-size:20px;} .newslist .list_time_day{ font-size:30px;} } @media only screen and (max-width:1024px){ .newslist .list_box{padding:30px 20px; height:175px;} } @media only screen and (max-width:768px){ .newslist .list_box{ padding:2%;height:130px;} .newslist li{margin-bottom:10px;} .newslist .list_time{ display:none;} .newslist .img{overflow:hidden; width:22%;} .newslist .list_main{overflow:hidden; width:75%; margin-right:0;} .newslist .list_p{line-height: 24px;height:50px;overflow:hidden;} .newslist .list_title{font-size:18px; line-height:34px;} .newslist ._more{ display:none;} } @media only screen and (max-width:728px){ .newslist .list_box{ height:110px;} .newslist .img{ width:24%;} .newslist .list_main{ width:73%;} } @media only screen and (max-width:540px){ .newslist .list_box{ padding:2%;height:120px;} .newslist .list_p{ display:none;} .newslist .date{ display:block;} } @media only screen and (max-width:425px){ .newslist .list_box{ height:100px;} .newslist .list_title{font-size:16px;line-height:25px; color:#000;} .newslist .img{ width:32%;} .newslist .list_main{ width:65%;} } @media only screen and (max-width:375px){ .newslist .list_title{font-size:15px;line-height:23px;} .newslist .img{ width:35%;} .newslist .list_main{ width:62%;} } @media only screen and (max-width:320px){ .newslist .list_box{ height:85px;} .newslist .list_title{font-size:15px;line-height:20px;} } /*新闻详情**/ .news_t {color: #333; text-align: center;font-size: 30px; margin-bottom:20px;} .news_d {color: #666; font-weight: normal;text-align: center;padding:10px 10px; background:#f7f7f7;} .news_d i{ margin-right:10px; color:#777;} .newsInfo {margin: 20px 0;font-weight: normal;text-align: left;padding-top: 10px;color: #666;} .newsInfo p{ line-height:28px;margin-bottom:5px;} .newsInfo img{ max-width: 100%; margin-bottom:5px;} .prev_next a{color: #666;} .prev_next li {margin: 10px auto;border: #eee 1px dotted;padding:0 5px;font-family: "微软雅黑", Arial, Helvetica, sans-serif;line-height: 40px;height: 40px;width: 48%;} .prev_next li:hover {background: #f2f2f2;display: block;border-radius: 3px;} @media screen and (max-width: 1024px){ .news_d { display:none;} .newsInfo{ overflow:hidden;} .news_t {color: #000; font-size:17px;} } @media screen and (max-width: 768px){ .prev_next li {margin:5px auto; padding-left:8px;height: 34px; line-height:34px; width: 100%;} .newsInfo p{ line-height:26px;margin-bottom:5px;} } /*服务理念*/ .service .desc{ font-size:16px; line-height:30px;} .service ul .item {margin-top:40px;} .service ul .item .box{padding:35px 30px; display:block;box-shadow:0 0 20px rgba(0,0,0,.2);} .service ul .item .intro .top_ .date{font-family:Impact; display:inline-block;position:relative; margin-bottom:10px;} .service ul .item .intro .top_ .date span{display:inline-block;} .service ul .item .intro .top_ .date .line{width:38px; height:25px; background:url(/statics/images/ipart05_line.png) no-repeat; z-index:9; position:absolute; left:5px; bottom:8px;} .service ul .item .intro .top_ .date .num{font-size:36px; color:#cc0000; z-index:1; position:relative;} .service ul .item .intro .top_ .date .title{ margin-left:13px;color:#333; font-size:18px; font-weight:600; } .service ul .item .intro .con{ line-height:28px; color:#4c4c4c; overflow:hidden;} .service ul li:hover .box{ background-color:#cc0000;} .service ul li:hover .intro .top_ .date .line{background:url(/statics/images/ipart05_line_h.png) no-repeat; } .service ul li:hover .intro .top_ .date .num{color:#fff;} .service ul li:hover .intro .top_ .date .title{color:#fff;} .service ul li:hover .intro .con{color:#fff;} @media screen and (max-width: 768px){ .service ul .item .box{padding:35px 25px;} .service ul .item .intro .con{ font-size:14px;} } /*常见问题*/ .question ul li {width: 33.33333%;box-sizing: border-box;border-left: 1px solid #e5e5e5;float: left; padding:30px 10px;margin-bottom: 30px} .question ul li:hover{ background-color:#f4f4f4;} .question ul li:nth-child(3n) {border-right: 1px solid #e5e5e5} .question ul li a {width: 100%;height: auto;box-sizing: border-box;padding: 0px 30px;display: block} .question ul li a .tags {line-height: 14px;color: #dc0000;padding-top: 5px} .question ul li a .tits {font-size: 18px;line-height: 20px;height: 20px; color: #000;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 25px} .question ul li a .tit { line-height: 25px;color: #909090;height: 147px;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 20px} .question ul li a .tit1 {margin-top: 20px} .question ul li a .tit1 .time {font-size: 16px;line-height: 36px;float: left;color: #909090} .question ul li a .tit1 .more {width: 133px;height: 38px;font-size: 16px;line-height: 38px;color: #dc0000;border-radius: 3px;border: 1px solid #dc0000;text-align: center;float: right;display: block;opacity: 0;transition: all .5s} @media (min-width: 1024px) { .question ul li a .tit1 .more:hover {background-color: #dc0202;color: #fff} .question ul li:hover a .tits {color: #dc0000} .question ul li:hover a .tit1 .more {opacity: 1} } @media (max-width: 1024px) { .question ul li a .tit1 .more {opacity: 1;width: 120px;height: 34px;font-size: 15px;line-height: 32px;} } @media (max-width: 768px) { .news ul {padding-bottom: 20px} .question ul li {width: 100%;float: none;border-left: none;border-right: none !important;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px; padding-bottom:40px;} .question ul li a {padding: 0 10px 15px} .question ul li a .tits {font-size: 16px;line-height: 18px;height: 18px;margin-top: 8px} .question ul li a .tit {height: auto;margin-top: 10px} .question ul li a .tit1 {margin-top: 15px} .question ul li a .tit1 .more {font-size: 14px} } /*营销网络*/ .net .net_top .net_top_l{ width:40%; float:left; padding-top:10%; line-height:35px; font-size:18px;} .net .net_top .net_top_l p{ margin-bottom:20px;} .net .net_top .net_top_r{ width:56%; float:left; margin-left:4%; margin-bottom:40px;} .net .net_top .net_top_r img{ max-width:100%;} .net ul li .sale{ border:1px solid #dcdcdc; padding:10px 8px 15px; text-align:center;} .net ul li .sale .fa{ font-size:24px; margin-right:15px; padding-top:8px; color:#cc0000;line-height:20px; } .net ul li .sale span{ line-height:30px; font-size:18px; } @media (max-width: 1200px) { .net img{ width:100%;} } @media (max-width: 992px) { .net .net_top { margin-bottom:40px;} .net .net_top .net_top_l{ width:100%; float:none;font-size:16px;line-height:30px; } .net .net_top .net_top_r{ width:100%; float:none; margin-left:0px;} .net ul li{ margin-bottom:15px;} } /*人才理念*/ .hr .desc{ font-size:16px;} .hr ul{ margin-top:40px;} .hr .col-md-4,.hr .col-xs-12{padding-right: 0px;padding-left: 0px;} .hr .list_box{position:relative;overflow-y:hidden;} .hr .list_text{position:absolute;top:0;left:0;bottom:0;right:0;padding:12% 8%;display:block;} .hr .list_title{font-size:24px; margin-bottom:20px; font-weight:bold; } .hr .list_p{line-height:28px; } .hr .list_img{height:0;padding-bottom:45%; overflow: hidden; } .hr img{width:100%;} .hr .blue{ background-color:#144389;} .hr .white{ color:#fff;} .hr .red{ background-color:#cc0000;} @media (max-width: 992px) { .hr .list_text{ padding:10% 6%;display:block;} .hr .list_title{font-size:20px; } .hr .list_p{ font-size:14px;} } @media (max-width: 425px) { .hr .list_title{font-size:18px; margin-bottom:10px; } } /*人才招聘*/ .job ul{ background:#cc0000; color:#fff; line-height:40px; font-size:18px;padding:10px; margin-bottom:20px;} .rmt_dl dd{display:block;clear:both;overflow:hidden; background:#FFF; margin-bottom:20px;} .rmt_dl dd .div1{clear:both;height:58px;background:#f5f5f5;padding:0 10px;overflow:hidden;-webkit-transition: all 0.2s; -moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;} .rmt_dl dd .div1 span{display:inline; height:58px;line-height:58px;color:#333333; } .rmt_dl dd .div1 span h3{ height:58px;line-height:58px; font-size:20px; } .rmt_dl dd .div1 span.span8{cursor:pointer;text-align:center; background:url(/statics/images/jia.png) no-repeat center center;} .rmt_dl dd .div2{clear:both;overflow:hidden;padding:10px 30px;color:#666666; padding:30px 25px;line-height:30px;text-align:left;display:none;background: #fff} .rmt_dl dd .div2 b{ color: #333; font-size:16px; line-height:34px;} .rmt_dl dd:hover .div1 span h3{color: #cc0000;} .rmt_dl dd:hover .div1 span.span8{ background:url(/statics/images/jia2.png) no-repeat center center;} .rmt_dl dd .div1 span.span8.jian{ background:url(/statics/images/jia2.png) no-repeat center center;} @media only screen and (max-width:768px){ .job ul{ font-size:16px;} .rmt_dl dd .div1 span h3{font-size:15px; } .rmt_dl dd .div2{padding:10px; line-height:24px; } .rmt_dl dd .div1 span.span8{background:url(/statics/images/jia.png) no-repeat center center;background-size:40% 40%;} .rmt_dl dd:hover .div1 span.span8{background:url(/statics/images/jia2.png) no-repeat center center;background-size:40% 40%;} .rmt_dl dd .div1 span.span8.jian{background:url(/statics/images/jia2.png) no-repeat center center;background-size:40% 40%;} } @media only screen and (max-width:425px){ .rmt_dl dd .div1 span.span8{ background-size:40% 30%;} .rmt_dl dd:hover .div1 span.span8{ background-size:40% 30%;} .rmt_dl dd .div1 span.span8.jian{ background-size:40% 30%;} } /*联系乐鱼体育app*/ .contact-list {margin-bottom: 0;overflow: hidden;border-radius: 8px;} .contact-item {position: relative;padding: 45px 80px; height:255px;overflow: initial;border-radius: inherit;} .contact-item:first-child .main-decoration {margin-left: 0;} .contact-item:first-child .main-decoration:before {width: 150%;right: 0;background: #cc0000;} .contact-item:last-child .main-decoration:before {left: 0;width: 150%;background: #f4f4f4;} .contact-item .main-decoration:before {content: "";position: absolute;top: 0;width: 100%;height: 100%;border-radius: inherit;background: #013f97;} .contact-item .main-decoration {position: absolute;display: block;top: 0;right: 0;bottom: 0;left: 0;margin: 0 10px;border-radius: inherit;-webkit-transform: skew(-24deg);-moz-transform: skew(-24deg);-o-transform: skew(-24deg);transform: skew(-24deg);} .contact-item .contact-container {position: relative;display: table;padding-bottom: 15px;} .contact-item .contact-container .icon-wrap {font-size: 44px;color: #fff;} .contact-item .contact-container .icon-wrap, .contact-item .contact-container .title-wrap {display: table-cell;vertical-align: middle;} .contact-item .contact-container .title-wrap {padding-left: 25px;color: #fff;} .contact-item .contact-container .title-wrap .title-big {line-height: 1.3;padding-bottom: 5px;font-size: 20px; letter-spacing: 0px;} .contact-item .contact-container .title-wrap .subtitle {font-size: 13px; line-height: 1} .contact-item .description {position: relative; color:#fff; line-height:30px;} .contact-item.dark .contact-container .icon-wrap { color: #cc0000;} .contact-item.dark .contact-container .title-wrap { color: #333;} .contact-item.dark .description { color:#333; } .contact .map{ margin-top:40px;} @media only screen and (max-width:1200px){ .contact-item:first-child { padding: 45px 50px;} } @media only screen and (max-width:1024px){ .contact-item:last-child{padding: 45px 10px 45px 80px;} } @media only screen and (max-width:768px){ .contact-item:first-child .main-decoration:before {width: 100%;right: 0;background: #cc0000;} .contact-item:last-child .main-decoration:before {left: 0;width:100%;background: #f4f4f4;} .contact-item .main-decoration { margin:0px 10px 20px;-webkit-transform: skew(0deg);-moz-transform: skew(0deg);-o-transform: skew(0deg);transform: skew(0deg);} .contact-item { padding: 45px 40px; height:275px;} .contact-item:last-child{padding: 45px 40px; } .contact-item:first-child { padding: 45px 40px; } .contact-item:first-child .main-decoration {margin-left: 10px;} } /*在线留言*/ .message .desc{ font-size:16px;} .message_page .desc{ font-size:16px; line-height:34px;} .feedback-form{ margin-top:40px; background-color:#f4f4f4; padding:50px;} .feedback-form .form-group{margin-bottom:30px; } .feedback-form .form-group .span-2{ width:15%; margin:0 auto;} .feedback-form textarea,.feedback-form input{padding:12px 5px;height:auto;border-radius:3px;border:1px solid #d7d7d7;} .btn-contact{background-color:#cc0000;padding:6px 0;border:none;color:#fff;} .btn:hover,.btn:focus,.btn:active{color:#fff;background-color:#015599;border-color:#015599;} .btn-contact:hover{background-color:#015599;color:#fff;} .btn:hover, .btn:focus, .btn.focus {color: #fff;text-decoration: none;} @media only screen and (max-width:1024px) { .feedback-sec{margin:30px 0; } } @media only screen and (max-width:768px) { .feedback-form{ padding:30px;} .feedback-form .form-group .col-xs-12{ margin-bottom:10px;} .feedback-form .form-group{margin-bottom:0px; } .feedback-form .form-group .span-2{ margin-top:10px;} .feedback-sec{ padding:20px;} } @media only screen and (max-width:425px) { .feedback-form{ padding:20px;} }