ul,li{ list-style-type:none;} .header2{ display:none; background-color:#fff; border-bottom:1px solid #dcdcdc;} .header2.header{ position:fixed; top:-64px;} .header2 .head,.header2 .logo{ height:64px;} .header2 .user,.header2 .lg{ padding-top:14px;} .header2 .serch{ padding-top:23px;} .header2 .lg a{ color:#949494; opacity:1; filter: alpha(opacity=100);} .header2 .user_img{ border:3px solid #fff;} .nav2 .nav_name{ background:url(/uploads/image/tdimages/top_navline.jpg) no-repeat right;} .nav2 .nav_name:hover{ color:#009b4d;} .header2 .lg a:hover{ color:#009b4d;} .header2 .sub_ser{ border-bottom:1px solid #dcdcdc;} .header2 .sub_ser,.header2 .ser_text{ background-color:#fff;} .header2 .ser_text{ color:#666;} .header2 .sub_seline{ border-bottom:1px solid #dcdcdc;} .nav1{ padding-top:26px;} .nav1 .nav_name{ background:url(/uploads/image/tdimages/nav_line.png) no-repeat right; color:#fff;} .nav1 .sub_chnal li a{ color:#009b4d;} .nav1 .sub_infname a{ color:#fff;} .nav1 .sub_infintro{ color:#afafaf; padding-right:75px;} .nav1 li.cur .nav_name,.nav1 li.nav_this .nav_name{ color:#009b4d;} .header1 .lg a:hover{ opacity:1; filter: alpha(opacity=100);} .header1 .sub_ser,.header1 .ser_text{ background:url(/uploads/image/tdimages/sub_yy.png) repeat;} .header1 .ser_text{ color:#fff; opacity:0.5; filter: alpha(opacity=50);} /*banner效果*/ .banner { position:relative; width:100%;} .banner_list{ width:100%; overflow:hidden;} .banner_list li { position:absolute; width:100%; display:none; } .banner_list li img{ position:absolute; left:50%; top:50%; width:100%;} .banner_owd{ position:absolute; left:0; bottom:8.6%; z-index:800; width:100%; height:7px;} .banner_btn{ height:7px;} .banner_o{ width:auto; height:7px; padding-left:22px;} .banner_o li{ float:left; margin-right:5px; display:inline-block; background-color:#fff; opacity:0.44; filter: alpha(opacity=44); width:17px; height:7px; cursor:pointer; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; transition:all 1s ease 0.01s; -moz-transition:all 1s ease 0.01s; -webkit-transition:all 1s ease 0.01s;} .banner_o li.on{ background-color:#009b4d; opacity:1; filter: alpha(opacity=100); width:37px; transition:width 0.4s ease 0.01s; -moz-transition:width 0.4s ease 0.01s; -webkit-transition:width 0.4s ease 0.01s;} .banner_o span em{ font-size:0; text-indent:-99999;} .ban_down{ position:absolute; left:50%; bottom:7%; z-index:900; margin-left:-27px; width:54px; height:54px;} .ban_down a{ cursor:pointer;} /*warp*/ .warp_show{ width:100%; height:auto; overflow:hidden; margin-bottom: 30px;} .warp_shbox{ clear:both; position:relative;} .name{ color:#484848; font-size:32px; font-weight:bold; line-height:normal; text-align:center; padding-bottom:28px;} .intro{ font-size:14px; line-height:22px; width:806px; margin:12px auto 38px; text-align:center;} /*产品系列*/ .pro_chnal{ height:250px;} .pro_chnal li{ float:left; position:relative; background: repeat-y right top; width:300px; height:250px; padding:5px 0;} .pro_chpo{ width:240px; margin:0 auto;} .pro_chimg{ width:160px; height:160px; margin:0 auto;} .pro_chname{ color:#333; font-size:18px; width:240px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:22px 0 12px; text-align:center;} .pro_chintro{ color:#888; font-size:14px; line-height:22px; height:44px; overflow:hidden; text-align:center;} .pro_chintro pre{ font-family:'microsoft yahei';} .pro_chshave{ display:none; position:absolute; top:0; left:0; z-index:10; width:300px; height:336px; overflow:hidden;} .pro_chshow{ position:absolute; top:0; left:0; background-color:#009b4d; width:284px; height:220px; padding:24px 0 0 16px;} .pro_chicon{ width:52px; height:52px; margin-right:24px; display:inline;} .pro_chall{ background:url(/uploads/image/tdimages/pro_chline2.jpg) repeat-y right top; width:208px; margin-top:16px; display:inline;} .pro_chaname{ margin-bottom:14px;} .pro_chaname a{ display:block; color:#fff; font-size:18px; width:208px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .pro_chalbox{ width:118px; height:36px; line-height:36px; border-bottom:1px dotted #24c272;} .pro_chalbox a{ display:block; background:url(/uploads/image/tdimages/pro_chsbac.png) no-repeat left; padding-left:14px; margin-left:2px; color:#bdf9db; font-size:14px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pro_chalbox a:hover{ background:url(/uploads/image/tdimages/pro_chsbho.png) no-repeat left; color:#fff;} .pro_chamore{ width:116px; height:24px; margin-top:16px;} .pro_chamore a{ display:block; color:#98eec3; font-size:14px; width:114px; height:22px; line-height:22px; text-align:center; border:1px solid rgba(255,255,255,0.5); border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;} .pro_chamore a:hover{ color:#fff;} .pro_chamore a span{ background:url(/uploads/image/tdimages/pro_chmicon.png) no-repeat right; padding-right:24px;} .pro_chapimg{ position:relative; width:135px; height:135px; margin:0 auto;} .pro_chapbd{ position:absolute; top:0; left:0; z-index:10; width:135px; height:135px;} .pro_chapbd a{ display:block; background:url(/uploads/image/tdimages/pro_chpbd.png) no-repeat; width:135px; height:135px;} .pro_chapen,.pro_chapcn,.pro_chapro{ text-align:center;} .pro_chapen{ color:#fff; font-size:18px; padding-top:12px; margin-bottom:2px;} .pro_chapcn{ color:#fff; font-size:14px;} .pro_chapro{ color:#bdf9db; line-height:18px; height:54px; overflow:hidden; padding-top:8px;} .pro_chnal li.cur1 .pro_chshow{ left:-444px;} .pro_chnal li.cur2 .pro_chshave{ right:0; left:auto;} .pro_chnal li.cur2 .pro_chshow{ right:-444px; left:auto;} .pro_chnal li.zindex{ z-index:20;} .box-b{ bottom:-800px;} /*质量学员*/ #warp_shbox2{ height:600px;} .school{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:600px;} .sch_img{ width:1920px; height:600px;} .sch_infor{ position:absolute; top:0; left:50%; margin-left:-600px; width:1200px; height:600px; z-index:20;} .sch_infbox{ padding:164px 0 0 60px;} .sch_ifbname a{ display:block; color:#fff; font-size:40px; font-weight:bold; line-height:normal;} .sch_ifbcon{ color:#fff; font-size:15px; width:524px; margin:24px 0 34px;} .sch_ifbmore{ height:36px;} .sch_ifbmore a{ display:block; color:#fff; font-size:13px; width:110px; height:26px; line-height:26px; text-align:center; border:5px solid rgba(255,255,255,0.3); border-radius:18px;} .sch_ifbmore a span{ font-family:'宋体'; font-size:15px; padding-left:8px;} /*news*/ .news{ position:relative; height:384px; padding-top:40px;} .news_hot{ position:absolute; top:40px; left:0; width:564px; height:354px;} .box-b2{ left:-564px;} .news_list{ position:absolute; top:40px; width:600px; overflow:hidden;} .box-b3{ right:-600px;} .news_himg{ width:564px; height:250px;overflow: hidden;} .news_hot .news_all{ background-color:#444655;} .news_atop,.news_atop a{ display:block; height:24px;} .news_hot .news_atop{ margin-bottom:12px; padding-top:12px; } .news_hot .news_atop a{color:#fff;padding:0px 8px;} .news_atname{ display:inline-block; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .news_atime{ color:#888;} .news_adown{ color:#888; line-height:22px; height:44px; overflow:hidden; padding:5px;} .news_hot .news_atname{ font-size:22px; width:470px;} .news_list li{ clear:both; height:auto; overflow:hidden; padding:10px 0 40px;} .news_time{ font-family:arial; color:#dcdcdc; font-size:72px; width:110px; height:72px; line-height:72px; text-align:center; border-right:3px solid #f3f3f3;} .news_list .news_all{ width:464px;} .news_list .news_atname{ width:380px; font-size:16px;} .news_list .news_adown{ padding-top:10px;} /*three-chnal*/ .three_chnal{ background:url(/uploads/image/tdimages/three_chimg.jpg) no-repeat center; position:relative; width:100%; height:350px;} .three_chnal ul { width:1000px;padding-top: 64px; height: 150px; margin:0 auto;} .three_chnal ul li{ float:left;margin: 0px 33px; width: 100px; height:141px; } .three_chnal ul li p {text-align:center; font-size:16px; color:#fff;line-height:35px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; } .three_chnal ul li .pp{ padding-top:108px;} .three_chnal ul li:hover p{ color:#dcaf0c;} .three_chnal ul .l1{ background-image:url(/uploads/image/tdimages2/001.png); background-repeat:no-repeat; transition:all 0.5s ease; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;} .three_chnal ul .l2{ background-image:url(/uploads/image/tdimages2/002.png); background-repeat:no-repeat; transition:all 0.5s ease; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; } .three_chnal ul .l3{ background-image:url(/uploads/image/tdimages2/003.png); background-repeat:no-repeat; transition:all 0.5s ease; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; } .three_chnal ul .l4{ background-image:url(/uploads/image/tdimages2/004.png); background-repeat:no-repeat; transition:all 0.5s ease; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; } .three_chnal ul .l5{ background-image:url(/uploads/image/tdimages2/005.png); background-repeat:no-repeat; transition:all 0.5s ease; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; } .three_chnal ul .l6{ background-image:url(/uploads/image/tdimages2/006.png); background-repeat:no-repeat; transition:all 0.5s ease; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; } .three_chnal ul .l1:hover{ background-image:url(/uploads/image/tdimages2/0011.png); background-repeat:no-repeat;transform: scale(1.08);} .three_chnal ul .l2:hover{ background-image:url(/uploads/image/tdimages2/0022.png); background-repeat:no-repeat;transform: scale(1.08);} .three_chnal ul .l3:hover{ background-image:url(/uploads/image/tdimages2/0033.png); background-repeat:no-repeat;transform: scale(1.08);} .three_chnal ul .l4:hover{ background-image:url(/uploads/image/tdimages2/0044.png); background-repeat:no-repeat;transform: scale(1.08);} .three_chnal ul .l5:hover{ background-image:url(/uploads/image/tdimages2/0055.png); background-repeat:no-repeat;transform: scale(1.08);} .three_chnal ul .l6:hover{ background-image:url(/uploads/image/tdimages2/0066.png); background-repeat:no-repeat;transform: scale(1.08);} .banner_three{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:600px;} .banner_thlist{ position:relative; width:1200px; height:600px; margin:0 auto; overflow:hidden;} .banner_thlist li{ float:left; position:relative; width:1200px; height:600px;} .th_media{ width:504px; margin:0 auto; padding-top:145px;} .th_medicon{ width:80px; height:80px; margin:0 auto; cursor:pointer;} .th_medcon{ padding-top:8px;} .th_medimg{ width:230px; height:72px; margin:0 auto;} .th_medgod{ color:#fff; opacity:0.6; filter: alpha(opacity=60); font-size:14px; line-height:22px; padding-top:4px; text-align:center;} .banner_thowd{ position:absolute; left:50%; bottom:25px; margin-left:-224px; z-index:30; background:url(/uploads/image/tdimages/three_line.png) repeat-x; width:448px; height:63px;} .banner_tho{ width:408px; height:63px; margin:0 auto;} .banner_tho a{ display:inline-block; float:left; background:url(/uploads/image/tdimages/three_chac.png) no-repeat bottom; width:86px; height:36px; margin:0 25px; cursor:pointer;} .banner_tho a em{ display:block; color:#fff; font-size:14px; font-style:normal; width:86px; height:23px; line-height:23px; text-align:center;} .banner_tho a.on{ background:url(/uploads/image/tdimages/three_chho.png) no-repeat bottom;} .banner_tho a.on em{ background:url(/uploads/image/tdimages/three_chpbd.png) no-repeat;} .th_chpage{ position:absolute; top:250px; z-index:100; width:34px; height:64px; cursor:pointer;} .three_pre{ background:url(/uploads/image/tdimages/three_lac.png) no-repeat; left:4%;} .three_next{ background:url(/uploads/image/tdimages/three_rac.png) no-repeat; right:4%;} .three_pre:hover{ background:url(/uploads/image/tdimages/three_lho.png) no-repeat;} .three_next:hover{ background:url(/uploads/image/tdimages/three_rho.png) no-repeat;} .th_medpo{ display:none; position:absolute; top:20px; left:50%; margin-left:-454px; z-index:50; width:908px; height:544px;} .th_mdclose{ width:28px; height:28px; cursor:pointer;} .job{ width:915px; height:330px; margin:0 auto; padding-top:128px;} .job_list{ width:915px; height:330px;} .job_lbox{ float:left; background-color:#f3f3f3; width:285px; height:330px; margin:0 10px; display:inline; } .job_img{ width:285px; height:150px;} .job_lshow{ padding:22px 27px 0 27px;} .job_title a{ display:block; font-size:18px; width:231px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;} .job_en{ font-family:arial; color:#cfcfcf; font-size:18px; margin-bottom:12px; margin-top:2px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;} .job_intro{ background:url(/uploads/image/tdimages/th_jobline.jpg) no-repeat top center; color:#888; line-height:22px; height:66px; overflow:hidden; padding-top:10px; text-align:center;} .job_lbox:hover{ background-color:#009b4d; transition:all 0.4s ease 0.01s; -moz-transition:all 0.4s ease 0.01s; -webkit-transition:all 0.4s ease 0.01s;} .job_lbox:hover .job_title a{ color:#fff;} .job_lbox:hover .job_en{ color:#b8e7cf;} .job_lbox:hover .job_intro{ background:url(/uploads/image/tdimages/th_joblineho.jpg) no-repeat top center; color:#fff;} /*about*/ .about{ width:1200px; height:330px; overflow:hidden;} .about_show{ width:1220px;} .about_show .job_lbox{ margin:0 20px 0 0; display:inline;} /*cont*/ #warp_shbox6{ background:url(/uploads/image/tdimages/cont_img.jpg) no-repeat center; width:100%; height:532px;} #warp_shbox6 .pdd{ padding:84px 0 0 0;} #warp_shbox6 .name a{ color:#fff;} .cont{ height:140px; padding-top:40px;} .cont li{ float:left; width:300px; height:140px;} .cont li a{ display:block; width:300px;} .cont_icon{ display:block; width:115px; height:100px; margin:0 auto;} .cont_name{ display:block; color:#919090; font-size:14px; width:300px; padding-top:16px; text-align:center;} .cont_icon1{ background:url(/uploads/image/tdimages/cont_ac1.png) no-repeat;} .cont_icon2{ background:url(/uploads/image/tdimages/cont_ac2.png) no-repeat;} .cont_icon3{ background:url(/uploads/image/tdimages/cont_ac3.png) no-repeat;} .cont_icon4{ background:url(/uploads/image/tdimages/cont_ac4.png) no-repeat;} .cont li a:hover .cont_icon1{ background:url(/uploads/image/tdimages/cont_ho1.png) no-repeat;} .cont li a:hover .cont_icon2{ background:url(/uploads/image/tdimages/cont_ho2.png) no-repeat;} .cont li a:hover .cont_icon3{ background:url(/uploads/image/tdimages/cont_ho3.png) no-repeat;} .cont li a:hover .cont_icon4{ background:url(/uploads/image/tdimages/cont_ho4.png) no-repeat;} .cont li a:hover .cont_name{ color:#009b4d; } /*左侧定位*/ .float_po{ position:fixed; top:50%; left:24px; margin-top:-140px; z-index:1400; width:43px; } .float_po li{ background:url(/uploads/image/tdimages/float_pobd.png) no-repeat; position:relative; position:relative; width:43px; height:40px;} .float_poname{ display:none; background:url(/uploads/image/tdimages/float_ponbd.png) no-repeat; position:absolute; top:-15px; left:0; z-index:30; width:43px; height:43px;} .float_poname a{ display:block; padding:9px 9px 0 9px; color:#fff; font-size:12px; font-weight:bold; line-height:14px; width:25px; height:34px; text-align:center;} .float_poclick a{ display:block; width:43px; height:43px; font-size:0; text-indent:-9999;} .float_po li.cur .float_poname{ display:block;} .float_po li a{ cursor:pointer;} .float_poline{ background:url(/uploads/image/tdimages/float_poline.png) no-repeat; position:absolute; left:0; bottom:0; width:43px; height:27px;} /*.top1{ height:70px; background-image:url(/uploads/image/tdimages/top2.jpg);width:100%; background-repeat:no-repeat;}*/ .top2{width:1200px; margin-left:auto; margin-right:auto; height:70px;} .top2 .l{ float:left;width: 200px; height:60px;margin-left:10%;margin-top: 10px;} .top2 .r{ float:right; width:760px; height:70px;} .top2 .r li{ float:left; width:95px; line-height:70px; } .top2 .r li a{ color:#dcaf0c; font-size:14px;height: 70px; display: block; line-height: 70px;} #demox{overflow:hidden; width:80%; margin:0 auto; height:320px;} #indemox{float:left; width:725%; height:150px;} #demo1x{float:left; height:150px;} #demo1x .da{width:280px; height:310px; float:left; margin-right:20px; border:5px #ececea solid; border-radius:6px;} #demo1x .zhong{text-align:center;} #demo1x .zhong img { text-align:center;} #demo1x .da .m_tit{line-height:25px; height:80px; position: relative; background-color:#ececea;} .da .m_tit .p1{ font-size:16px; padding-left:10px; padding-top:10px;line-height:25px;} .da .m_tit .p2{ font-size:14px;padding-left:10px; height:38px;overflow: hidden;} #demo1x .da:hover{border:5px #1dd2af solid;transition: all 0.4s ease 0.01s;} #demo1x .da:hover .m_tit{background-color:#dcaf0c; color:#fff;transition: all 0.4s ease 0.01s;} #demo2x{float:left; height:150px;} .listhot { margin: 30px 0px; height: 190px; border-bottom: #c1c1c1 1px dashed; position: absolute; z-index: 99; top: 320px; } * { margin: 0; padding: 0;} .dowebok-outer { height: 400px; } #dowebok { width: 1200px; margin: 0 auto; font-family: "microsoft yahei";} #dowebok .owl-wrapper-outer { margin: 0 auto;} #dowebok .item { position: relative; width: 362px; margin: 0 auto; border: 3px #ececea solid; border-radius: 6px; overflow: hidden; transition:all 0.5s ease; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; float: left; margin: 10px 15px; } #dowebok .item .img{width: 100%; height: 316px; overflow: hidden;} #dowebok .item:hover{border: 3px #dcaf0c solid; } #dowebok .item:hover #dowebok .item .img{width: 220px; height: 200px;} #dowebok .item .img img{width: 100%; height:auto;} #dowebok .shd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #dowebok .shd a { display: block;width: 354px; *background-image: ; background-image: \0;} #dowebok .txt { position: absolute; left: 0; bottom: 0;width: 100%; padding: 0 12px; color: #888; background-color:#ececea; transition:all 0.5s ease; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; } #dowebok h3 { height: 25px; margin-bottom: 10px; padding-top: 10px; font: 700 18px/25px arial,"microsoft yahei"; overflow: hidden;} #dowebok h3 a { color: #333; text-decoration: none;} #dowebok h3 a:hover { color: #ffc800;} #dowebok p { width: 200px; line-height: 21px; font-size: 12px;} #dowebok .item:hover .shd { color: #fff;} #dowebok .item:hover .txt { background:#dcaf0c; color: #fff;} #dowebok .item:hover .txt h3 a{color: #fff;} .owl-theme .owl-controls .owl-buttons div { position: absolute; top: 100px; width: 30px; height: 60px; margin: 0; padding: 0; border-radius: 0; font: 60px/60px "宋体"; background-color: transparent; overflow: hidden; _display: none;} .owl-theme .owl-controls .owl-buttons .owl-prev { left: -60px;} .owl-theme .owl-controls .owl-buttons .owl-next { right: -50px;} .owl-theme .owl-controls .owl-buttons .owl-prev:before { content: "<";} .owl-theme .owl-controls .owl-buttons .owl-next:before { content: ">";} .div_lll{width: 80px;height: 80px;background:url(/uploads/image/tdimg/logo_chanpin.png) no-repeat;position: absolute;left: 50%;margin-left: -40px;top: 30%;z-index: 999999;opacity: 0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; } #dowebok .item:hover .div_lll{opacity:0.5;} .img_b{ width: 90px; height: 90px; background:url(/uploads/image/tdimages/01.png) no-repeat; margin: 50px auto 0 auto; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; overflow: hidden; } .swiper-slide:hover .img_b{ background:url(/uploads/image/tdimages/01.png) 0px -110px no-repeat; } .img_b01{ background:url(/uploads/image/tdimages/02.png) no-repeat; } .swiper-slide:hover .img_b01{ background:url(/uploads/image/tdimages/02.png) 0px -110px no-repeat; } .img_b02{ background:url(/uploads/image/tdimages/03.png) no-repeat; } .swiper-slide:hover .img_b02{ background:url(/uploads/image/tdimages/03.png) 0px -110px no-repeat; } .img_b03{ background:url(/uploads/image/tdimages/04.png) no-repeat; } .swiper-slide:hover .img_b03{ background:url(/uploads/image/tdimages/04.png) 0px -110px no-repeat; } .img_b04{ background:url(/uploads/image/tdimages/05.png) no-repeat; } .swiper-slide:hover .img_b04{ background:url(/uploads/image/tdimages/05.png) 0px -110px no-repeat; } .img_b05{ background:url(/uploads/image/tdimages/06.png) no-repeat; } .swiper-slide:hover .img_b05{ background:url(/uploads/image/tdimages/06.png) 0px -110px no-repeat; }