.c:after{display: block;content: "";clear: both;} .fl{float: left;} .fr{float: right;} a{color: #000000;} .banner{height: 100%;width: 100%;position: relative;} .bg1{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.1)} .mtop{position: fixed;width:100%;top:0;left: 0;z-index: 9;padding: 15px 0;box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all .5s ease; transition: all .5s ease; background-color:#0082c0;} .mtop_1{background: #fff;} .mtop_1 .m_menu li a{color: #000;} .mtop_2 .m_menu li a{color: #000;} .mtop.black .m_logo{ background-image: } .mtop.black .m_menu li a{ color: #000; } .mtop.black .m_icon1{ background-image: } .mtop.black .m_icon2{ background-image: } .mtop.black .m_icon3{ background-image: } .slick-list,.slick-track{ height: 100%; } img.w,video.w{ width: 100%; } img.h,video.h{ height: 100%; } /* banner进度条 */ .swiper-paginationb .swiper-pagination-bullet{ position: relative; overflow: hidden; opacity: 1; background-color: rgba(0,0,0,0.6); } .swiper-paginationb .swiper-pagination-bullet i{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #007aff; -webkit-transform: translatex(-100%); -moz-transform: translatex(-100%); -o-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); animation-timing-function: linear; animation-duration: 3000ms; } .swiper-paginationb .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; } .swiper-paginationb .swiper-pagination-bullet.swiper-pagination-bullet-active i{ animation-name: progressbar; } .swiper-containerb .swiper-button-prev{ left: 50px; } .swiper-containerb .swiper-button-next{ right: 50px; } /* 遮罩 */ .swiper-slide-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background-color: rgba(0,0,0,0.15);*/ } .bdsharebuttonbox { float: right; height: 32px; margin-top: 6px; } .bdsharebuttonbox a.bds_tsina { background: url(/uploads/image/eimages/fot04.png) no-repeat center; } .bdsharebuttonbox a { width: 32px; height: 32px; line-height: 32px; overflow: hidden; padding: 0; margin: 0; display: inline-block; text-indent: 0; opacity: 1; filter: alpha(opacity=100); transition: opacity .3s; } .bdsharebuttonbox a.bds_tqq { background: url(/uploads/image/eimages/fot05.png) no-repeat center; } .bdsharebuttonbox a.bds_isohu { background: url(/uploads/image/eimages/fot06.png) no-repeat center; }.bdsharebuttonbox a.bds_renren { background: url(/uploads/image/eimages/fot07.png) no-repeat center; } .bdsharebuttonbox a.bds_qzone { background: url(/uploads/image/eimages/fot08.png) no-repeat center; } .bdsharebuttonbox a.bds_more { background: url(/uploads/image/eimages/fot09.png) no-repeat center; } .klki{width:1025px;margin:auto;margin-top:5%; position:relative;} .klki_a{ float:left; top:-174px; position:relative; right:160px; color:#d9d9d9;line-height:28px;} .klki_b{ float:right;position:relative; right:156px; top:-135px; color:#d9d9d9;line-height:28px;} .p_logo{display:none;float: left;padding-left: 2%;margin:0;} .p_menu{display:none;padding-right:2%;margin-top:12px;width: 40px;height: 30px;float: right;position: relative; cursor:pointer;} .icon{border-radius:10px;display: inline-block;*display: block;*zoom: 1;width: 30px;height:3px;position: absolute;background: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .icon1{top: 0;} .icon2{top: 8px;width: 25px;} .icon3{top: 16px;} .p_menuon .icon1{transform: rotate(45deg);transform-origin:10%;} .p_menuon .icon2{display: none;} .p_menuon .icon3{transform: rotate(-45deg);transform-origin:10%;} .head{/*width: 1200px;*/margin: 0 auto;} .m_logo{float: left;width: 450px;height: 55px;background: no-repeat left center !important;} .m_menu{float: right;margin-top: 15px;} .m_menu li{float: left;} .m_menu li a{display: inline-block;*display: block;*zoom: 1;font-size: 15px;color: #fff;padding: 0 20px;} .m_menu li a:hover{color:#00aeff; font-weight:bold;} .m_icon{margin: 0 15px;width: 29px;height: 29px;display: inline-block;vertical-align: bottom;} .m_icon1{position:relative;background: no-repeat !important;} .m_icon2{background: no-repeat !important;} .m_icon3{background: no-repeat !important;} .m_icon2{position: relative;} .m2_img{display: inline-block;} .m2_box{text-align: center;padding: 20px;width: 240px;position: absolute;right: 0;top: 55px;background: #fff;border-radius: 5px;display: none;overflow: hidden;} .m2_box h3 {text-align: center;font-size: 16px;color: #000;font-weight: normal;margin-bottom: 6px;} .m2_box p {text-align: center;font-size: 12px;color: #999;} .m2_box .btn {background: #050505;height: 36px;line-height: 32px;text-align: center;color: #fff;font-size: 14px;border-radius: 5px;margin:20px 0;cursor: pointer;width: 100%;border: 1px solid #050505;} .m2_box .btn a{ display: block; width: 100%; height: 100%; color: #fff; } .trans{width: 150px;background: #fff;position: absolute;top: 55px;border-radius: 5px;left: -20px;} .trans p{height: 35px;line-height: 35px;border-bottom: 1px solid #000000;box-sizing: border-box;padding-left: 20px;} .m2_box1{width: 165px;padding: 0;} .m2_box1 p{height: 35px;line-height: 35px;color: #000; border-bottom: 1px solid #dcdcdc;} .m2_box1 p:last-child{border-bottom: none;} .m2_box1 p:hover{ background-color: rgba(0,0,0,0.1); } .m2_box1 p a{ display: block; width: 100%; height: 100%; } .mtop_2 .m_logo{float: left;width: 101px;height: 48px;background: no-repeat left center;} .mtop_2 .m_icon1{position:relative;background: no-repeat;} .mtop_2 .m_icon2{background: no-repeat;} .mtop_2 .m_icon3{background: no-repeat;} .m2_box i{display: inline-block;width: 120px;height: 120px;margin:20px 10px 0;} .tian{background: no-repeat center;background-size: 100%;} .jd{background: no-repeat center;background-size: 100%;} .bounceinleft { -webkit-animation: bounceinleft 2s 0s; animation: bounceinleft 2s 0s; } .bounceinright { -webkit-animation: bounceinright 2s 0s; animation: bounceinright 2s 0s; } .menubg{display:none;padding-top: 80px;height: 70px;width: 100%;background: rgba(255,255,255,1);position:fixed;left: 0;top: 0;z-index: -50;} .mqnav{height:70px;line-height:70px;position: fixed;width: 100%;margin: 0 auto;top: 80px;border-top:1px solid #e6e6e6;background-color: #0082c0;} .mqnav li{display:inline-block;padding-left: 30px;text-align: center;} .mqnav li:first-child{ padding-left: 0; } .mqnav a{color:#121111;display: inline-block; font-size:14px;color:#fff;border:1px solid #0082c0; padding-left:10px; padding-right:10px; line-height:26px;} .mqnav a:hover{ color:#fff !important; border:1px solid #fff;} .box-con .con li a{ border:none; line-height:60px !important;} .sernav{display: none;} .sernav .nav2 {text-align: center;margin-left: 288px;} .pronav{display: none;} .pronav .nav2 {text-align: center;margin-left: 190px;} .newsnav{display: none;font-size: 12px;padding: 0;border-bottom: none;} .newsnav a:active, .newsnav a:hover {color: #000000;} .newsnav .nav2 {text-align: center;margin-left: 280px;} .invnav{display: none;} .invnav .nav2 {text-align: center;margin-left:430px;} .abunav{display: none;} .abunav .nav2 {text-align: center;margin-left:469px;} .n1{background: left center no-repeat;background-size: auto 25px;} .n2{background: left center no-repeat;background-size: auto 25px;} .n3{background: left center no-repeat;background-size: auto 25px;} .n4{background: left center no-repeat;background-size: auto 15px;} .headhover .m_menu a{color:#121111;} .headhover .m_menu a:hover{ font-weight:bold;} .headhover .m_logo{background: no-repeat left center!important;} .headhover .m_icon1{background: no-repeat!important;} .headhover .m_icon2{background: no-repeat!important;} .headhover .m_icon3{background: no-repeat!important;} .headhover .m_logo{ background: no-repeat left center!important;} .p_logo1{ display:none;} .mtop:hover .p_logo1{ diaplay:block;} #hjk{ font-weight:bold; font-size:50px;margin:0;} .txt{position: absolute;z-index: 5;top: 40%;left: 5%;/*box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.1);*/ /*background: linear-gradient(to right, #0082c0 , transparent);*//*background-color:rgba(0,0,0,0.4);*/ border-radius:15px;padding-left:5%;padding-right:5%;padding-bottom:2%;padding-top:2%;} .txt1_h3{font-size: 38px;font-weight: normal;color: #000;letter-spacing: 2px;text-align: left;} .txt1_b {font-size: 49px;font-weight: normal;} .txt1_p{margin: 20px 0 50px;} .txt1_p span{font-size: 25px;color: #fff;letter-spacing: 1px;} .txt1_btn{color:#fff;border-radius:30px;font-size: 15px;background:transparent;border:1px solid #fff;width: 100px;text-align:center;height: 30px;line-height: 28px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;outline: none;} /* .txt1_btn:hover{color: #000;border:1px solid #fff;background: #fff;}*/ .txt1_blue{ /* margin: auto; */ display: block; border:1px solid #fff; color: #fff; } .txt2{position: absolute;z-index: 5;top: 30%;left: 24%;} .txt2_h3{font-size: 38px;font-weight: normal;color: #fff;letter-spacing: 2px;margin:0;} .txt2_b {font-size: 68px;} .txt2_p{margin: 20px 0 50px;} .txt2_p span{font-size: 25px;color: #fff;letter-spacing: 1px;} .txt2_btn{border-radius:30px;font-size: 15px;background:transparent;border:1px solid #fff;width: 100px;text-align:center;color:#fff;height: 30px;line-height: 28px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .txt2_btn:hover{color: #000;border:1px solid #fff;background: #fff;} /*.p2{width: 100%;height: 100%;background: #f3f3f3;} .p2_1200,.p3_1200{width: 1200px;margin:0 auto;padding:90px 0 60px;}*/ .p2{width: 100%;height: 100%;background: #f3f3f3;disply:-webkit-flex;display:flex;font-size:16px;} .p2_1200,.p3_1200{width: 1200px;margin:auto;} .p2_left{width: 67%; float: left;} .p2_left img{width: 100%;vertical-align: bottom;} /*.p2_products{height: 60px;line-height: 60px;font-size: 16px;box-sizing: border-box;padding-left: 45px;}*/ .p2_productslist_li{height:88px;background:rgba(255,255,255,1);cursor:pointer;border-top: 1px solid #dddddd;box-sizing: border-box;padding:20px 45px;} .p2_productslist_li:first-child{border-top: none; line-height: 50px;} .productname_c{font-size:16px;color: #000;} .productname_n{font-size: 12px;color:#221815;text-transform: uppercase;} .productname{width: 50%;float: left;padding-top: 5px;} .producticon{width: 50%;float: right;position: relative;} .p_img{text-align: center;position: absolute;left: 0;top:0;right: 0;bottom: 0;} .p_img img{margin-top: -5px;} .producticon_left,.producticon_right{position:absolute;display: inline-block;width: 29px;height: 59px;opacity: 0;} .producticon_left{background: no-repeat center center;left:4%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .producticon_right{background: no-repeat center center;right:4%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .p2_productslist_li .text{color:#616e7d;font-size:16px} .p2_productslist_li.hover:hover{background: rgba(255,255,255,0.2);} .p2_productslist_li.hover:hover .producticon_left{left:-15px;opacity: 1;} .p2_productslist_li.hover:hover .producticon_right{right:-15px;opacity: 1;} .p2_bottom{ width: 100%; height: 240px; float:left; margin-top: 2%; } .p2_left_bottomlist{ float:left; width: 67%; height: 100%; } .p2_left_bottomlist li{ float:left; height: 100%; width: 45%; border-radius: 5px; background:#fff center/50% no-repeat; } .p2_left_bottomlist li:nth-child(1){ float:left; background-image: ; } .p2_left_bottomlist li:nth-child(2){ float: right; background-image: ; } .p2_bottom_right{ width: 31%; float:right; height: 100%; border-radius: 5px; background:#fff center/50% no-repeat; } .p2_right{width: 31%;float:right} .pb_left:hover,.pb_right:hover{background-color:rgba(255,255,255,0.3);} .p2_left_top{border-radius:5px;position: relative;background: no-repeat center;background-size: cover;height: 350px;} .p2_left_top_txt{position:absolute;left:6%;top:55%;color: #1f417e;font-size: 36px;} .type_name{display:inline-block;margin-bottom:20px;font-size: 17px;color: #727272;} .type_txt{font-size: 48px;color: #000;height: 50px;line-height: 50px;} .type{font-size: 36px;height: 40px;line-height: 40px;margin-bottom: -20px;} .btn_shop{color:#000;cursor:pointer;padding-right:30px;position:relative;width:110px;height: 30px;background:transparent;border: 1px solid #000;border-radius: 10px;} .skin{position:absolute;top:5px;right:10px;display: inline-block;width: 20px;height: 20px;background: no-repeat center;} /**/ .p2_left_top .text{ position: absolute; left:47px; top:45px; } .p2_left_top .text .mobel{ color:#1f417e; font-size:36px; } .p2_left_top .text h3{ font-size: 48px; color:#000; margin-top:-5px ; } .p2_left_top .text .referral{ color:#727272; font-size:17px; margin-top: -10px; } /*.p3_1200{padding: 95px 0;}*/ /*修改*/ .p3_bg{display:flex;width: 100%;height: 100%;background: #fff;} .p3_1200{margin:auto;} .v_img{ width:100%; } .v_img img{ width: 100%; } .v_img video{ width:100%; } .p3_1200 img{width: 100%;vertical-align: bottom;} .v_bottom_left{position: relative;float: left;width:49.4%;overflow: hidden;} .v_bottom_right{position: relative;float: right;width:49.4%;overflow: hidden;} .v_bottom{margin-top: 1%;} .v_top{position: relative;overflow: hidden;} .v_bg{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.15);top: 0;left: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .v_txt{position: absolute;left: 50%;bottom: 20px;transform: translate(-50%);font-size: 12px;color: #fff;letter-spacing: 1px;} .v_play{display: inline-block;width: 40px;height: 40px;vertical-align: middle;margin: 0 20px;cursor: pointer} .div_img{position: absolute;opacity:1;left: 50%;top: 50%;transform: translate3d(-50%,-40%,0);cursor: pointer} .p3_1200 video{position: absolute;left: 0;top: 0;opacity: 0;width: 100%;} .video_img{opacity: 1;} .video:hover .video_img{opacity: 0;} .video:hover video{opacity: 1;} .video:hover .v_bg{background-color: rgba(255,255,255,.5);background-image: linear-gradient(to bottom left, transparent, rgba(10,64,134,0.7));} .bg31{ position: absolute; float: none; width: 50%; height: 100%; top: 0; left: 0; } .bg32{ position: absolute; float: none; width: 50%; height: 100%; top: 0; right: 0; } .search{text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .s_dt{margin:10px 0 6px;font-size:16px;color: #000;} .s_dt1{margin:0 0 20px;font-size:14px;color: #000;} .search .s_input{border-radius:30px;border:1px solid #656565;height: 30px;line-height: 30px;padding-left: 15px;width: 220px;color: #c5c5c5;font-size: 14px;} .s_span{display:inline-block;margin:30px;font-size: 14px;color: #000;line-height: 20px;} .s_select{height: 34px;line-height: 32px;width: 70px;background: #313131;border-radius:5px;border:1px solid #656565;color: #d0d0d0;margin-left: -10px;} .s_address{ display: inline-block; height: 34px; line-height: 32px; /* width: 100px; */ width: 16vw; min-width: 136px; max-width: 260px; background: transparent; border-radius:30px; border:1px solid #656565; color: #313131; /* margin-top: 24px; margin-bottom: 20px; */ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .p5_bg .search-p1{ font-size: 16px; margin-top: 10px; margin-bottom: 6px; color: #000; } .p5_bg .search-p2{ color: #aaa; margin-top: 15px; } .s_select1{ width: 16vw; min-width: 136px; max-width: 260px;background:transparent;color: #313131;border-radius:30px;height: 34px;line-height: 32px;border:1px solid #313131;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; outline: none; } .search .s_address:hover,.s_select1:hover{background: #0bc2f9;color: #fff;border-color: #0bc2f9;} .s_dd1 img{ width: 20%; } .s_dd2 img{ width: 22%; } .p5_bg{position: relative;border-bottom: 1px solid #ccc} .p5_bg > img{ width: 100%; } .p5input{position: absolute;left: 50%;top: 50%;transform: translate(-50%);} .p5input input{background:transparent;color:#fff;border:1px solid #fff;width: 400px;height: 35px;line-height: 35px;padding-left: 20px;border-radius: 35px;} .p5input button{background:transparent;margin-left:20px;height: 39px;line-height: 35px;width: 100px;text-align: center;color: #fff;border: 1px solid #fff;border-radius: 35px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .p5input button:hover{background: #fff;color: #000;} .p5{width: 100%;background: #f3f3f3; padding: 38px 5% 0px;box-sizing: border-box;} .p5_top{position: relative;} .p5_top_txt{text-align:center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)} .subscribe{font-size: 32px;color: #f3f3f3;} .p5_top_txt_e,.p5_top_txt_c{font-size: 12px;} .p5_top_txt_e{margin-top: 20px;color: #bababa;} .p5_top_txt_c{margin-bottom: 30px;color: #c0c0c0;} .p5_input{width:200px;font-size: 12px;height: 30px;line-height: 30px;border: 1px solid #d6d6d6;background: transparent;padding-left: 5px;color: #c0c0c0;} .p5_btn{margin-left:-5px;height: 34px;line-height: 30px;border: 1px solid #d6d6d6;font-size: 12px;color: #434343;background: #e5e5e5;width: 70px;text-align: center;} .p5_bottom{width: 1200px;margin: 0 auto;} .p5_map { display: flex; justify-content: space-between; } /* .p5_mapli{} */ .p5_mapli:last-child{margin-right: 0;} .p5_mapli:first-child{padding-left: 0;} .p5_mapli_ul li{margin-bottom: 10px;} .p5_mapli_ul li a{color: #545454;font-size: 12px;} .p5_mapli_ul li:first-child a{font-weight:bold;font-size: 12px;color: #0b0b0b;} .p5-inquiry-warp{ position: absolute; top: 50%; left: 0; right: 0; margin: auto; text-align: center; transform: translatey(-50%); } .p5-inquiry-warp h4{ font-size: 24px; font-weight: normal; color: #fff; } .p5-inquiry-warp p{ font-size: 14px; color: #b4a176; margin-bottom: 16px; } .inquiry-input-warp{ display: inline-block; border: 1px solid rgba(225,225,225,0.6); border-radius: 10px; } .p5-inquiry-warp .button-warp{ position: relative; display: inline-block; background-color: #fff; border-radius: 0 10px 10px 0; } .p5-inquiry-warp .button-warp .button-bg{ position: absolute; top: 0; left: 0; width: 0; height: 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; background-color: rgba(0,0,0,0.1); } .p5-inquiry-warp .button-warp:hover .button-bg{ width: 100%; } .p5-inquiry-warp .inquiry-input,.p5-inquiry-warp button{ border-color: transparent; color: #fff; background-color: transparent; outline: none; } .p5-inquiry-warp .inquiry-input{ caret-color: white; padding: 10px 12px; width: 12vw; } .p5-inquiry-warp button{ position: relative; width: 6vw; padding: 10px 0; transition: 0.3s; border-radius: 0 10px 10px 0; cursor: pointer; color: #000; } .copy{margin-top: 30px;} .copy_top{border-bottom:1px solid #707070;height:55px;line-height:55px;} .copyright,.policy,.copy_top_left{color:#707070;float: left;} .copy_top_right{float: right;} .policy{margin-left: 10px;} .policy a{color:#707070;display: inline-block;padding: 0 8px 0 5px;border-right: 1px solid #707070;height: 15px;line-height: 15px;} .video-pop{ position: fixed; display: none; z-index: 9999; width: 100%; height: 100%; background-color: #fff; } .video-pop .video-warp{ position: absolute; top: 50%; left: 50%; width: 70%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-pop .video-warp .video-p{ width: 100%; opacity: 0; -webkit-transition: 0.3s 0.3s ease-out; -moz-transition: 0.3s 0.3s ease-out; -o-transition: 0.3s 0.3s ease-out; -ms-transition: 0.3s 0.3s ease-out; transition: 0.3s 0.3s ease-out; } .video-pop.show .video-warp .video-p{ opacity: 1; } .video-pop .video-warp .video-close{ position: absolute; top: -50px; right: -50px; width: 30px; height: 30px; background: center/cover no-repeat; cursor: pointer; } .footbox{padding-bottom: 38px;} .copy_bottom{padding-left: 100px;color:#707070;margin-top: 10px;} .copy_top_right a{display: inline-block;width: 40px;height: 40px;margin: 0 15px;} .copy_top_right a > img{position: relative;z-index: 2; } .copy_bottom_left{float: left;} .copy_bottom_left p{height: 20px;line-height: 20px;} .copy_bottom_right{float: right;position: relative;z-index: 3; cursor:pointer;height: 36px;} .copy_bottom_right i{display: inline-block;width: 30px;height: 30px;padding-left: 10px;} .copy_bottom_i1{background: no-repeat right bottom;} .copy_bottom_i2{background: no-repeat center center;} .copy_bottom_span{display:inline-block;height:35px;line-height:35px;vertical-align: top;margin: 0 15px;} .copy_top_right a{ position: relative; } .copy_top_right a .qrcode{ position: absolute; z-index: 1; display: none; bottom: 42px; left: -48px; } .copy_top_right a .qrcode img{ width: 120px; } .translate{ display: none; background: #fff; position: absolute; width: 100%; bottom: 0; border-radius: 4px; overflow: hidden; box-shadow: 0 0 20px 5px #ccc; } .translate li{ cursor:pointer; box-sizing:border-box; padding-left:60px; width: 100%;height: 35px; line-height: 35px; border-bottom: 1px solid #dcdcdc; } .translate li.copy_btn:hover{ background-color: #919699; } .copy_bottom_right:hover{background: rgba(255,255,255,1);} /* .copy_bottom_right:hover .translate{display: block;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} */ .translate li.p0{ padding: 0; border-bottom: none; } .translate .copy_btn{ padding-left: 0; text-align: center; } .translate .copy_btn a{ display: block; } footer{padding:0 20px 20px} .backtops{background:#272727;color:#d9d9d9;text-align:center;height:50px;line-height:50px} .copyp1,.copyp2{text-align:center;padding-top:20px} .copyp2 img{height:35px} .backtops i{position:relative;top:2px;margin-left:5px} .footer-fx{text-align:center;padding:20px 0;border-bottom:1px solid #d8d8d8;margin:0 6%} .footer-fx a{color:#000;font-size:25px;margin:0 10px;font-weight:700} footer .links{padding-top:20px} .backtops,footer{display:none} /*下拉 */ .xialad{ z-index:9;position:fixed; left:0; width:100%;top:0; height:100%;display:none;} .xialadu{ position:absolute;top:0; left:0; height:60%; display:none; text-align:center; z-index:1000; width:100%; background: center center no-repeat; background-size:cover; background:rgba(10,64,134,0.9);} .t { -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .logokh{ padding-top:135px;} .w1300{width:1300px;margin:0 auto} .sousuo_1{left:23.5%} .sousuo_1{margin-top:18%;width:55%;height:60px;border-radius:50px;background:#fff;position:relative} .xialadu.index-xialadu{ height: 100%; } .index-xialadu .sousuo_1{ margin-top: 35%; } .inp,.inp_1{position:absolute;top:0;left:0;padding:0 0 0 30px;height:100%;width:92%;color:#000;font-size:30px;line-height:60px;text-align:left;white-space:nowrap;border:0;outline:0;background:0 0;overflow:hidden;box-sizing:border-box;display:block} .typed-cursor{opacity:1;-webkit-animation:blink .7s infinite;-moz-animation:blink .7s infinite;animation:blink .7s infinite} .close{position: absolute;right: 30px;top: 30px;z-index: 1001;cursor: pointer;} @keyframes blink{0%{opacity:1} 50%{opacity:0} 100%{opacity:1} } @-webkit-keyframes blink{0%{opacity:1} 50%{opacity:0} 100%{opacity:1} } @-moz-keyframes blink{0%{opacity:1} 50%{opacity:0} 100%{opacity:1} } .s_left{float:right;margin-right:30px;width:3.5%} .s_left{padding-left:50px;margin-top:18px;cursor: pointer;-webkit-appearance: none;} /*菜单*/ .h_menu{left:0;top:0;display:none;position: fixed;z-index: 5;width: 100%;height: 100%;background: #fff;} .h_div{position: relative;width: 100%;height: 100%;} .h_div a{color: #000000;} .h_ul{position: absolute;width: 1200px;margin: 0 auto;left: 50%;top: 50%;transform: translate(-50%,-50%);} .h_ul_li{float: left;width:14.5%;padding-left: 6%;} .h_ul_li:first-child{padding-left: 0;} .h_ul_lib{/*background: url(/uploads/image/eimages/m_line.png) no-repeat 100% 80px;*/} .h_ul_a{font-size: 16px;font-weight: bold; border:solid 1px #0082c0; background-color:#0082c0; color:#fff; width:100%;height:40px;line-height:40px;float:left; text-align:center;} .h_div a.h_ul_a{ color:#fff;} .h_ul_ul{margin-top: 20px;border:none;} .h_ul_ul li{font-size: 14px;width:100%;float:left;line-height: 40px; text-align:center; background-color:#ccc;margin-top:10px;} .h_copy{text-align: center;width:1200px;bottom:5%;position: absolute;color: #000000;left: 50%;transform: translatex(-50%);} /* .h_copyright{float: left;} */ .h_policy{float: right;} .em{display: inline-block;*display: block;*zoom:1;width: 25px;height: 25px;margin: 0 15px;} .em1{background: url(/uploads/image/eimages/language.png) no-repeat;} .em2{background: no-repeat;} .em3{background: no-repeat center/contain;} .h_policy .use{display: inline-block;*display: block;*zoom: 1;padding: 0 7px 0 5px;margin: 0 5px 0 5px;border-left: 1px solid #000000;line-height: 12px;} #s1 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5%;} @media(max-width:1800px) { .p2_productslist_li{padding:16.5px 45px;} .p2_1200{padding-top: 120px;} } @media(max-width:1200px){ .head{width: 100%;} .c_search .search{left: 15%;} .p3_1200 {padding: 120px 0 70px;} .copy_top_right a{margin:0 5px;} .p2_1200,.p3_1200{width: 90%;margin: 0 auto;} .h_ul,.h_copy{width: 90%;margin: 0 auto;} .abunav .nav2 {margin-left:100px;} /* .mqnav li{width: 100px;} */ .mqnav a{padding-left: 0;} /* .pronav li{width: 130px;} */ .pronav li a{padding-left:30px;} .pronav .nav2{margin-left: -95px;} .invnav .nav2{margin-left: 115px;} .sernav .nav2{margin-left: 14px;} .newsnav .nav2{margin-left: 48px;} } @media(max-width:768px){ .p5{display: none;} .backtops,footer{display: block;} } @-o-keyframes zoomimg{0%{opacity:0;-o-transform:scale(1.05);}100%{opacity: 1;-o-transform:scale(1.01);}} @-moz-keyframes zoomimg{0%{opacity: 0;-moz-transform:scale(1.05);}100%{opacity: 1;-moz-transform:scale(1.01);}} @-webkit-keyframes zoomimg{0%{opacity: 0;-webkit-transform:scale(1.05);}100%{opacity: 1;-webkit-transform:scale(1.01);}} @keyframes zoomimg{0%{transform:scale(1.05);}100%{transform:scale(1.01);}} .zoomimg{-o-animation-name:zoomimg;-moz-animation-name:zoomimg;-webkit-animation-name:zoomimg;animation-name:zoomimg;} .swiper-img{ background-position: center; background-repeat:no-repeat; width:100%; display:block; position:absolute; left:0; top:0; height:100%; background-size:cover;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .swiper-img{-webkit-animation-duration:3.5s;-moz-animation-duration:3.5s;-animation-duration:3.5s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;animation-fill-mode: both;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d; } .bannerslider .swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover; } .bannerp1{ position:absolute; right:50%; margin-right:-600px; top:50%; margin-top:-100px; color:#fff;} .bannerp1a{ font-size:45px; letter-spacing:2px; line-height:45px;} .bannerp1b{ font-size:26px; line-height:26px; padding-top:30px;} .bannerp1c{ margin-top:60px;border-radius:15px; vertical-align:top;-webkit-border-radius:15px;-moz-border-radius:15px; font-size:14px; color:#fff; border:1px solid #fff; display:inline-block; width:135px; height:36px; line-height:36px; text-align:center;} .bannerp2c{border-radius:15px; vertical-align:top;-webkit-border-radius:15px;-moz-border-radius:15px; font-size:14px; color:#000; border:1px solid #000; display:inline-block; width:135px; height:36px; line-height:36px; text-align:center; margin-top:60px;} .bannerp2{ position:absolute;left:50%; margin-left:-600px; top:50%; margin-top:-165px;} .pagetwo{ width:1216px;} .pagetwol,.pagetwor{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; overflow:hidden;} .pagetwol{ width:404px; background:#9c9c9c;} .pagetwor{ width:800px;} .pagetwola,.pagetwolb{ text-align:left; float:left; position:relative; height:100%;} .pagetwola{ width:60%;} .pagetwolb{ width:40%; text-align:center;} .pagetwol a{ display:block; vertical-align:top; padding:0 40px; height:94px; border-top:1px solid #dddddd;} .pagetwola p{ font-size:16px; color:#fff; line-height:16px; height:16px; position:absolute; left:0; top:50%; margin-top:-19px;} .pagetwola span{ font-size:12px; color:#d8d8d8; height:12px; line-height:12px; display:block; vertical-align:top; padding-top:10px;} .disflex{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -o-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .swiper-containerp .swiper-slide{position: relative;} .swiper-containerp .swiper-slide .gf{position: absolute; left: 12%;bottom: 22%;width: 140px;height: 35px;border-radius: 35px;line-height: 35px;text-align: center;border: 1px solid #fff;background: transparent;color: #fff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .swiper-containerp .swiper-slide .gf:hover{background: #fff;color: #000000;} .swiper-containerp>div.swiper-pagination-bullets{bottom: 20px;} .swiper-containerp>div.swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 50%;} .pagetwolbimg1,.pagetwolbimg2,.pagetwolbimg3{ position:relative; top:50%; } .pagetwolbimg1{margin-top:-30px;} .pagetwolbimg2{margin-top:-34px;} .pagetwolbimg3{margin-top:-35px;} .zuoyoiconl,.zuoyoiconr{ position:absolute; top:50%; margin-top:-15px; width:14px; height:30px;opacity:0;-webkit-opacity:0;-moz-opacity:0;} .zuoyoiconl{ background:url(/uploads/image/eimages/zuoyoiconl.png) center no-repeat; left:-20px;} .zuoyoiconr{ background:url(/uploads/image/eimages/zuoyoiconr.png) center no-repeat;right:-20px;} .pagetwol a:hover .zuoyoiconl,.pagetwol a:hover .zuoyoiconr{opacity:1;-webkit-opacity:1;-moz-opacity:1;} .pagetwol a:hover .zuoyoiconl{ left:0;} .pagetwol a:hover .zuoyoiconr{ right:0;} .pagetwo{ position:absolute; left:50%; margin-left:-608px; top:50%; margin-top:-296px;} .pagetwol h3{ font-size:16px; color:#fff; padding:0 40px; font-weight:normal; height:82px; line-height:82px;} .vat{ vertical-align:top;} .pagetwor a{ display:block; vertical-align:top;} .pagetwort2{ width:258px; } .pagetwort2 img{ vertical-align: top; height: 100%; } .pagetwort1{ width:100%;} .pagetwort1,.pagetwort2{ height:238px; overflow:hidden;} .pagetwol2{ background:none; padding:0;} .pagetwol2 a{ padding:0; height:auto; border:none; margin:0;} .pagetwob{ margin-top:12px;} .pagetwob img{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; vertical-align:top;} .pagetwob a:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);} .clearboth{clear:both;height:0;overflow:hidden; display:block;} .pagetwor img{ width:100%;vertical-align: bottom;} .p3_1200 video{ width:100%;} .pagetwob img,.zuoyoiconl,.zuoyoiconr,.pagetwo{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} @media screen and (min-width:1930px ){ .p3_1200{ width: 70vw; } .p5_bg_img{ width: 100%; } .index-p5{ margin-top: 3vw; } } @media(max-width:1600px){ .p3_1200 { width:1200px; padding:0;/* position:absolute; left:40%; margin-left:-465px; top:50%; margin-top:-295px; margin-top:-259px;*/} } @media(max-width:1400px){ .pagetwo{transform:scale(0.85);-webkit-transform:scale(0.85);-moz-transform:scale(0.85);} } @keyframes progressbar{ from{ -webkit-transform: translatex(-100%); -moz-transform: translatex(-100%); -o-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } to{ -webkit-transform: translatex(0); -moz-transform: translatex(0); -o-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } } @media(max-width:1000px){ .p_menu{display:block;} .head{display:none;} .p_logo{display:block;} } /*悬浮链接*/ .suspension{position:fixed;z-index:55;right:0;bottom:85px;height:240px; width:70px;} .suspension-box{position:relative;float:right;} .suspension .a{ } .suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;} .suspension .a.active, .suspension .a:hover{background:#0089cf;} .suspension .a .i{float:left;width:44px;height:44px;background-image:url(/uploads/image/eimages/side_icon.png);background-repeat:no-repeat;} /* .suspension .a-service .i{background-position:0 0;} */ .suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/uploads/image/eimages/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;} .suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/uploads/image/eimages/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;} .suspension .a-qrcode .i{background-position:-44px 0;} .suspension .a-cart .i{background-position:-88px 0;} .suspension .a-top .i{background-position:-132px 0;} .suspension .a-top{background:#d2d3d6;} .suspension .a-top:hover{background:#c0c1c3;} .suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #e0e1e5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);} .suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(/uploads/image/eimages/side_bg_arrow.png) no-repeat;right:-8px;top:31px;} .suspension .d-service{top:0;} .suspension .d-service-phone{top:34px;} .suspension .d-qrcode{top:78px;} .suspension .d .inner-box{padding:8px 10px 12px;} .suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#f1f1f3;display:block;float:left;} .suspension .d-service-item .i-qq{width:44px;height:44px;background:url(/uploads/image/eimages/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;} .suspension .d-service-item:hover .i-qq{background-position:center 3px;} .suspension .d-service-item .i-tel{width:44px;height:44px;background:url(/uploads/image/eimages/side_con_icon02.png) no-repeat center center;display:block;} .suspension .d-service-item h3{float:left;width:130px;line-height:22px;font-size:18px;margin-left:12px;} .suspension .d-service-item .text{float:left;width:140px;line-height:22px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text .number{font-family:arial,"microsoft yahei","hanhei sc",pinghei,"pingfang sc","helvetica neue",helvetica,arial,"hiragino sans gb","heiti sc","wenquanyi micro hei",sans-serif;} .suspension .d-service-intro{padding-top:10px;} .suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;} .suspension .d-service-intro i{background: no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;} .suspension .d-qrcode{text-align:center;} .suspension .d-qrcode .inner-box{padding:20px 0;} .suspension .d-qrcode p{font-size:16px;color:#93959c;} .fjopo{width:1200px;margin:auto;margin-top:5%;} .form { width: 425px;float:right; } .fr { float: right; } .form input { background: none; border: 1px solid #fff; padding: 12px; width: 100%; color: #fff; margin-bottom: 20px; } .form textarea { width: 100%; background: none; color: #fff; padding: 12px; min-height: 155px; margin-bottom: 20px; } .form input.submit { background-color: #da251c; border: none; } .fgg .p3_1200{bottom:5%;top:inherit;} .p3_bg .p3_1200{top:35%;} .footnavlist { margin-top: 50px;margin:auto;width:450px; }.footnavlist li { border: 1px solid #676767; float: left; text-align: center; margin-left: -1px; }.footnavlist li > a { background: url(/uploads/image/eimages/bg.png) 165px -256px no-repeat; color: #9a9a9a; font-size: 15px; display: block; width: 148px; height: 33px; line-height: 33px; }.footnavlist li:hover{ background-color:#0082c0; border: 1px solid #0082c0;} .footnavlist li:hover a{ color: #fff;} .page4_main { position: relative; z-index: 4; width: 1170px; margin: 150px auto 0; color:#fff; padding-top:40px; } .page4_left{ float:left;} .page4_right{ margin-left: 44%;} .name{ font-size:40px; color:#fff; height:40px; padding:0 !important;margin:0 !important; } .page4_right .name{ color:#222;} .en{ font-size:22px; color:#fff; margin:10px 0 24px; height:22px;} .text1{ font-size:14px; margin-top:38px; color:#333;} .text2{ margin-top:20px; color:#333; line-height:18px;} .link{ margin-top:20px;} .link1{ background: no-repeat; display:inline-block; color:#eee; line-height:26px; width:130px; padding-left:32px; margin-right:20px;} .link2{ background: no-repeat; display:inline-block; color:#eee; line-height:26px; width:130px; padding-left:32px;} .link1:hover{background: no-repeat;color:#fff;font-weight:500} .link2:hover{background: no-repeat;color:#fff;font-weight:500} .ewm_list{ float:left; margin-right:0px; width:220px; text-align:center;} .ewm_list img{ margin-bottom:20px; width:100%;} .contact{ margin-right:122px;} .contact .a1{ font-size:16px; color:#222; line-height:26px; padding-left:30px; background: no-repeat left center;} .contact .a2{ font-size:24px; color:#d52025; font-weight:bold; margin-top:10px;} .contact_p1 {font-size: 16px;color:#fff;line-height: 22px;height:22px;} .contact_p2 {font-size: 14px;color:#fff;line-height: 22px;} .contact_p3 {font-size: 14px;color:#fff;line-height: 22px;} .contact_a2 { margin-top:24px;} .delixi_add1{width:210px;height: 120px;margin-top:15px;} .delixi_add2 img{float: left;} .delixi_add1 img{float: left;} .delixi_addtext{width:400px;height: 120px;margin-left: 240px;padding-top: 7px;} .ewm_list span{ font-size:14px;display:block;} .ewm_list img{ width:200px;} @media(max-width:1170px){ .page4_main { position: relative; z-index: 4; width: 960px; margin: 150px auto 0; color:#fff; padding-top:40px; } } @media(max-width:960px){ .page4_main { position: relative; z-index: 4; width: 720px; margin: 150px auto 0; color:#fff; padding-top:20px; } .page4_left{ float:none;} .page4_right{ margin-left: 0%; margin-top:50px;} } @media(max-width:860px){ .page4_main { position: relative; z-index: 4; margin: 150px auto 0; color:#fff; padding-top:20px; margin-left:0; margin-bottom:0; } .page4_left{ float:none;} .page4_right{ margin-left: 0%; margin-top:50px;} } @media(max-width:650px){ .page4_main { position: relative; z-index: 4; margin: 150px auto 0; color:#fff; padding-top:20px; margin-left:-50px;; margin-bottom:0; } .inp_1,.inp{width:260px;} .s_left{margin-right: 55px;} .page4_left{ float:none;} .page4_right{ margin-left: 0%; margin-top:50px;} .ewm_list{ float:left; margin-right:0px; width:150px; text-align:center;} .ewm_list img{ width:150px;} } .hendli{ display: none; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 99; background: #ffffff; } .menover{ float: right; position: relative; vertical-align: middle; margin-top: 7px; display: inline-block; width: 25px; height: 25px; background:#0179b8; background-size: 100%; } .menover>div{ position: absolute; left: 6px; width: 14px; height: 1.5px; background-color: #ffffff; transition:opacity 0.5s, transform 0.5s; } .menover>div:nth-child(1){ top: 8px; } .menover>div:nth-child(2){ top: 12px; } .menover>div:nth-child(3){ top: 16px; } .lushan>div:nth-child(1){ top: 12px; transform:rotate(-45deg); } .lushan>div:nth-child(2){ top: 12px; transform:rotate(45deg); } .lushan>div:nth-child(3){ opacity: 0; } .wulef{ width: 95%; margin: 0 auto; } .meish{ position: relative; vertical-align: middle; margin-left: 20px; display: inline-block; width: 26px; height: 26px; background:#d80c25; } .meish>div{ position: absolute; left: 6px; width: 14px; height: 2px; background-color: #ffffff; transition:opacity 0.5s, transform 0.5s; } .meish>div:nth-child(1){ top: 8px; } .meish>div:nth-child(2){ top: 12px; } .meish>div:nth-child(3){ top: 16px; } .navleft{ box-sizing: border-box; right: -100%; position: fixed; top: 0px; width: 57%; height: 100%; z-index: 99; color: #ffffff; } .mbean{ position:absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,121,184,0.5); } .condennav{ display: block; width: 95%; margin: 0 auto; border-bottom: 2px solid #ffffff; } .condennav p{ text-indent: 10px; font-size: 12px; font-weight: bold; line-height:32px;color:#fff; } .condennav a{ text-indent:20px; display: block; font-size: 12px; line-height:30px;color:#fff; } .navldon{ position: absolute; top: 25px; left: 0px; width: 100%; z-index: 9; } .quehen{ overflow: hidden; height: 0px; } .jtou{ line-height: 32px; width: 10px; float: right; margin-right: 5%; transition: transform 0.5s; } .jtou>img{ width: 100%; } .xunz{ transform:rotate(90deg); } @media screen and (max-width: 960px){ .hendli { display: block; } .loge { height: 40px; line-height: 40px; } .loge>img { height: 20px; border: none; vertical-align: middle; } .mtop{ display:none;} } .head .m_logo{ margin-left:2%;} .m_menu{margin-right:2%;} .box-con { z-index: 1; background: #42474c; position: absolute; top: 100%; width: 50%; font-size: 16px; left: 30%; right: 0; text-align: left; } .box-con .tab { background: #4a4f55; } .box-con .tab span { display: block; float: left; width: 33.33%; text-align: center; box-sizing: border-box; padding: 0 20px; color: #fff; font-size: 18px; padding: 25px 0 22px 0; cursor: pointer; } .box-con .tab span:hover{ background:#626870;} .box-con .tab span.cur { } .box-con .con { overflow: hidden; } .box-con .con li { float: left;padding-left:0; display: block; width: 25%; width: calc(25% - 1px); text-align: center; height: 60px; line-height: 60px; margin-bottom: -1px; margin-right: -1px; border: 1px solid #3f4348; } .box-con .con li a { height: 100%; display: block; color: #fff; padding-left:0; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; background: #42474c; font-size:12px; } .box-con .con li:hover a { background: #0082c0; } .box-con .con.hot { /*padding-top: 13px;*/ /*padding-bottom: 27px;*/ } .box-con .con.hot li { width: 25%; text-align: left; box-sizing: border-box; line-height: 60px; height: auto; border: none; overflow: hidden; } .box-con .con.hot li a { text-align: center; padding: 0 20px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .box-con .con.tool li { height: 109px; } .box-con .con.tool li a { padding: 17px 10px 0 20px; text-align: left; } .box-con .con.tool li a span { display: block; font-size: 16px; color: #00a84a; margin-bottom: 7px; line-height: 1.21428571; } .box-con .con.tool li a p { font-size: 14px; line-height: 1.21428571; } .box-con .con.tool li:hover a span { color: #333; } .m_icon4{background: url(/uploads/image/eimages/b_search_black.png) no-repeat;float:right; margin-top:8px;} @media screen and (max-width:960px ){ .xialad{ z-index:999;} .xialad .w1300{ width:100%;} .index-xialadu .sousuo_1{ margin-top:60%;} .sousuo_1{ left:5%; width:90%;} .inp, .inp_1{ font-size:20px;} .s_left{ width:25px;margin-top: 15px;} }