*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;} body{ position: relative; font: 12px/1.5 microsoft yahei, arial, 宋体, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;} i, em{ font-style: normal;} a{ color: #333;} h1, h2, h3, h4, h5, h6, b{ font-weight: normal;} img{ border: none \9; display: inline-block;} .clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;} .fl{ float: left;} .fr{ float: right;} @font-face { font-family: 'impact'; src: ; src: ; format('embedded-opentype'), ; format('woff'), ; format('truetype'), ; format('svg'); font-weight: normal; font-style: normal;} .tywidth{ width: 1200px; margin: 0 auto;} .more-title{width: 1200px;margin: 50px auto 30px;text-align: center;overflow: hidden;} /*header*/ .header{ width: 100%;background: #fff;} .header .h-nr-1{ width: inherit; height: 40px;line-height: 40px;border-bottom: 1px solid #f5f5f5;} .header .header_top{position: relative;} .header .header_top .left{ color: #666; font-size: 14px;} .header .header_top .right a{ color: #666; font-size: 14px;} .header .header_top .right i{ color: #666; font-size: 14px; margin: 0 2px 0 5px;} .header .header_top .right a:hover{ color: #31bbfa;} .header .h-nr-2{width: inherit;overflow: hidden;padding: 10px 0;} .header .h-nr-2 .zb {} .header .h-nr-2 .zb .left{ display: inline-block; vertical-align: middle;} .header .h-nr-2 .zb .left img{ display: inline-block;} .header .h-nr-2 .zb .left .img-2{ margin-right: 30px;} .header .h-nr-2 .zb .wb{display: inline-block;vertical-align: middle;letter-spacing: 1px;position: relative;margin-top: 20px;padding-left: 20px;} .header .h-nr-2 .zb .wb:before{ position: absolute; left: 10px; top: 0; content: url(/uploads/image/tgsimages/hx.png); width: 5px; height: 50px;} .header .h-nr-2 .zb .wb p{ font-size: 24px;line-height: 25px;} .header .h-nr-2 .zb .wb p b{ color: #31bbfa;font-weight: bold;} .header .h-nr-2 .zb .wb p p>i{ color: #333;font-size: 18px;} .header .h-nr-2 .right{float: right;margin-top: 15px;} .header .h-nr-2 .right .lx-ph{ margin: 7px 1px 0 0;} .header .h-nr-2 .right>div{ display: inline-block; vertical-align: top; text-align: left;} .header .h-nr-2 .right>div p{ color: #333; font-size: 16px;line-height: 30px;} .header .h-nr-2 .right>div p p{ font-size: 26px;color: #31bbfa;font-family: 方正正大黑简体;} /*.header .nav*/ .header .nav{ width: 100%; height: 60px; line-height: 60px; background: #fff; border-top: 1px solid #31bbfa; overflow: hidden; position: relative; z-index: 12;} .header .nav .nav-content ul .tsli{ margin-right: 0;} .header .nav .nav-content{ width: 1200px; margin: 0 auto;} .header .nav .nav-content ul li{ float: left; position: relative; line-height: 60px;width: 124px; margin-right: 10px;} .header .nav .nav-content ul li i{ position: absolute; left: 0; top: -25px; visibility: hidden; height: 11px; width: 124px; vertical-align: top;} .header .nav .nav-content ul li a{ color: #666; font-size: 16px; text-align: center; display: block;} .header .nav .nav-content ul li.on i, .header .nav .nav-content ul li:hover i{ visibility: visible;} .header .nav .nav-content ul li:after{ position: absolute; right: -7px; top: 10px; content: url(/uploads/image/tgsimages/navxg.png); width: 9px; height: 30px;} .header .nav .nav-content ul .tsli:after{ display: none;} /*首页banner*/ .banner-index{ font-size: 0;} .banner-index img{ width: 100%;line-height: 0;} .slidebox{ width: 100%; height: auto; overflow: hidden; position: relative;} .slidebox .hd{ height: 12px; overflow: hidden; position: absolute; left: 47%; bottom: 50px; z-index: 1;} .slidebox .hd ul{ overflow: hidden; zoom: 1; float: left;} .slidebox .hd ul li{ float: left; width: 10px; height: 10px; background: #333; margin-right: 10px; cursor: pointer;} .slidebox .hd ul li.on{ background: #31bbfa;} .banner-index .slidebox .bd img{ width: 100%;} /*search*/ .search{ width: 100%; position: relative;background: #fff; border-top: 3px solid #31bbfa;border-bottom: 1px solid #ccc;} .search-content{height: 65px; line-height: 65px;} .search-keywords{ display: inline-block;} .search-keywords span img{ vertical-align: middle; margin: -5px 6px 0 0;} .search-keywords span{color: #31bbfa; font-size: 14px; display: inline-block; vertical-align: middle;font-weight: bold;} .search-keywords a{ color: #666; font-size: 14px; display: inline-block; vertical-align: middle;} .search-keywords a:hover{ color: #31bbfa; text-decoration: underline;} .search-keywords i{ display: inline-block; vertical-align: middle; border-left: 1px solid #666; width: 1px; margin: 0 6px 0 10px; height: 13px;} #searchform{ background: url(/uploads/image/tgsimages/search.png)no-repeat; background: url(/uploads/image/tgsimages/search.png)\9 no-repeat; width: 272px; height: 31px; vertical-align: middle; display: inline-block;} .search-form{ display: inline-block; float: right;} #searchform .search-input{ vertical-align: top; line-height: 31px; background: none; border: none; height: 31px;color: #b9b9b9; outline: none; width: 210px; text-indent: 20px;} .search-form #s_btn{ background: none; width: 60px; height: 31px; text-align: center; color: #fff; outline: none; border: none; cursor: pointer; display: inline-block; vertical-align: top; float: right;} #searchform .search-input::-webkit-input-placeholder{/* webkit browsers */ color: #b9b9b9;} #searchform .search-input:-moz-placeholder{/* mozilla firefox 4 to 18 */ color: #b9b9b9;} #searchform .search-input::-moz-placeholder{/* mozilla firefox 19 */ color: #b9b9b9;} #searchform .search-input:-ms-input-placeholder{/* internet explorer 10 */ color: #b9b9b9;} /*con1*/ .con1bg{ background: url(/uploads/image/tgsimages/con1bg.png)no-repeat; background: url(/uploads/image/tgsimages/con1bg.png)\9 no-repeat; width: 100%; height: 1500px; background-size: 100% 1657px; padding: 50px 0 0;} .con1{height: 320px;} .con1 ul li{ text-align: center; float: left; position: relative; width: 225px; position: relative; margin-right: 18px;} .con1 ul li:after{ content: ""; border-right: 1px dashed #cdcdcd; right: -8px; top: 0; height: 284px; position: absolute;} .con1 ul li:first-child li li li li:after{ display: none;} /*.con1 ul li .pic{ background: url(/uploads/image/tgsimages/qq1.png)no-repeat; width: 220px; height: 220px; line-height: 216px; text-align: center;} .con1 ul li .pic img{ width: 208px; height: 208px; vertical-align: middle; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;}*/ .con1 ul li .pic{ width: 148px; height: 148px; text-align: center; background: url(/uploads/image/tgsimages/dzty.png)no-repeat; line-height: 148px; margin: 0 auto 20px;} .con1 ul li .pic img{ vertical-align: middle; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;} .con1 ul li:hover .pic img{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);} .con1 ul li h6{ color: #444; font-size: 18px; line-height: 35px;} .con1 ul li p{ color: #666; font-size: 14px; line-height: 30px;} /*.con1 ul li:hover .pic{ background: url(/uploads/image/tgsimages/qq2.png)no-repeat;} .con1 ul li:hover .pic img{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}*/ /*product*/ .product {} .product .hd ul li{ float: left; text-align: center; margin-right: 25px; width: 128px;} .product .hd ul li:hover p{ color: #31bbfa;} .product .hd ul li .icon{ width: 128px; height: 128px; overflow: hidden; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;transition: all 0.8s ease;} .product .hd ul li:hover .icon{ transition: all .5s; -webkit-transform: rotatey(180deg);-moz-transform: rotatey(180deg);-ms-transform: rotatey(180deg);transform: rotatey(180deg);} .product .hd ul li .icon img{ width: 128px; height: 128px;} .product .hd ul li p{ color: #333; font-size: 18px; line-height: 35px; margin: 10px 0 0;} .product .hd ul .tsli{ margin-right: 0;} .product .bd ul li{ float: left; text-align: center; margin: 20px 18px 0 0; width: 286px;} .product .bd ul li .pic{ width: 286px; height: 221px; overflow: hidden; border: 1px solid #ccc;} .product .bd ul li .pic img{width: 100%;} .product .bd ul li p{ color: #333; font-size: 14px; line-height: 35px;} .product .bd ul li:hover p{ color: #31bbfa;} .product .bd ul li:hover .pic img{ transform: scale(1.1, 1.1); transition-duration: 300ms;} .product .more{text-align: center;margin: 10px 0 25px;} .product .more>a{ display: inline-block; text-align: center; width: 221px; height: 51px; line-height: 51px; color: #333; font-size: 18px; border-radius: 25px; border: 1px solid #dedede;} .product .more>a:hover{ color: #31bbfa;} /*smallbanner1*/ .smallbanner1{ background: url(/uploads/image/tgsimages/sbanner.png)no-repeat; background: url(/uploads/image/tgsimages/sbanner.png)\9 no-repeat; height: 271px; background-size: 100% 272px; width: 100%;} .smallbanner1 .nr{ padding: 60px 0 0;} .smallbanner1 .nr .wa h5{ color: #f08300; font-size: 30px;font-weight: bold;text-align: center;} .smallbanner1 .nr .wa dl dd{ display: inline-block; vertical-align: top; border: 1px solid #31bbfa; width: 128px; height: 38px; line-height: 38px; text-align: center; margin-right: 16px; font-size: 16px; border-radius: 5px; color: #31bbfa;} .smallbanner1 .nr .wa dl{ margin: 20px 0;} .smallbanner1 .nr .wa h6{ width: 375px; height: 30px; line-height: 30px; margin: 20px 0 0 155px; border: 1px solid #31bbfa; border-radius: 15px; overflow: hidden;} .smallbanner1 .nr .wa h6 img{ vertical-align: top; margin: 6px 6px 0 0;} .smallbanner1 .nr .wa h6 p{ width: 174px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #fff; background: #31bbfa; border-radius: 15px; display: inline-block; vertical-align: top; margin: 0 6px 0 -1px;} .smallbanner1 .nr .wa h6 span{ vertical-align: top; display: inline-block; color: #f08300; font-size: 22px;font-weight: bold;} .smallbanner1 .nr .wa{ width: 719px;} /*process*/ .processbg{ background: #f5f5f5; padding: 35px 0 60px;} .process{ position: relative; z-index: 13; background: #fff;height: 404px;} .process .nr{ position: relative; padding: 20px 0 0; background: #fff; z-index: 22; margin: 0 15px 20px;} .process .nr ul{ background: #fff; position: relative; z-index: 12;} .process .nr:before{ position: absolute; content: ; height: 333px; left: -30px; bottom: -135px; z-index: 10;} .process .nr:after{ position: absolute; content: ; height: 296px; right: -20px; bottom: -110px; z-index: 10;} .process ul .tsli .lwz{ padding: 47px 0 0 220px;} .process ul li:first-child{ margin-left: 0;} .process ul .tsli{ background: url(/uploads/image/tgsimages/lcbg.png)no-repeat; width: 578px; height: 168px;} .process ul li{ width: 278px; height: 166px; float: left; text-align: center; border: 1px solid #d0d0d0; margin: 0 0 15px 18px;} .process ul ul li{ margin: 0 0 15px 19px;} .process ul li p{ font-size: 17px; color: #333;} .process ul li .pic{ margin: 20px 0 10px; height: 88px;} .process ul li h5{ font-size: 17px; color: #f08300; font-weight: bold;} .process ul li h6{ font-size: 27px; color: #31bbfa; font-weight: bold;} /*ys*/ .ys .more-title{ position: relative; background: #fff; z-index: 12;} .ys .more-title:after{ right: -73.99%;} .ys .more-title:before{ left: -73.99%;} .ys .more-title:after,.ys .more-title:before{ background: #e4e4e4; width: 100%; position: absolute; content: ""; height: 1px; z-index: 11; top: 19px;} .ys{ position: relative; z-index: 20; height: 1710px; margin-bottom: 50px;} .ys ul{ position: relative;} .ys ul li{ position: relative;} .ys ul:after{ position: absolute; content: url(/uploads/image/tgsimages/ysbt.png); width: 59px; height: 1500px; left: 580px; top: 0;} .ys ul li .js dl dt{ border-bottom: 1px dashed #ccc; padding-bottom: 10px;} .ys ul li .js dl dt h5{ color: #31bbfa; font-weight: bold; font-size: 26px; line-height: 35px;} .ys ul li .js dl dt h6{ color: #333; font-size: 20px; line-height: 35px;} .ys ul .li1 .js,.ys ul .li2 .pic{ float: right;} .ys ul .li2 .js,.ys ul .li1 .pic{ float: left;} .ys ul li .js dl dd{ margin: 20px 0 0 0;} .ys ul li .js dl dd i{ text-align: justify; width: 488px; line-height: 22px; color: #666; display: inline-block; vertical-align: top; font-size: 14px;} .ys ul .li2 .js dl dd i{ text-align: right;} .ys ul .li2 .js dl dt{ text-align: right;} .ys ul .li1 .js dl dd:before{ content: url(/uploads/image/tgsimages/ystb1.png); width: 7px; height: 7px; display: inline-block; vertical-align: top; margin: 0 4px 0 0;} .ys ul .li2 .js dl dd:after{ content: url(/uploads/image/tgsimages/ystb1.png); width: 7px; height: 7px; display: inline-block; vertical-align: top; margin: 0 0 0 4px;} /*smallbanner2*/ .smallbanner2{ background: url(/uploads/image/tgsimages/sbanner2.png)no-repeat; background: url(/uploads/image/tgsimages/sbanner2.png)\9 no-repeat; width: 100%;height: 314px; background-size: 100% 314px;} .smallbanner2 .nr{ padding: 60px 0 0;} .smallbanner2 .nr>div {} .smallbanner2 .nr .pic{ padding-left: 80px;} .smallbanner2 .nr .pic dl dd p{ color: #333; font-size: 18px;} .smallbanner2 .nr .pic dt{ font-family: 方正粗活意简体; color: #f08300; font-size: 34px; line-height: 36px; margin-bottom: 20px;} .smallbanner2 .nr .pic dl dd{ display: inline-block; vertical-align: top; text-align: center; margin-right: 56px;} .smallbanner2 .nr .pic dl dd .icon{ width: 60px; height: 50px;} .smallbanner2 .nr .right p img{ vertical-align: middle; margin-right: 6px;} .smallbanner2 .nr .right p{ vertical-align: middle; color: #333; font-size: 18px;} .smallbanner2 .nr .right h5{ vertical-align: middle; font-weight: bold; color: #31bbfa; font-size: 26px;} .smallbanner2 .nr .right a{ width: 102px; height: 30px; border-radius: 5px; display: inline-block; vertical-align: top; line-height: 30px; text-align: center; background: #f08300; color: #fff; font-size: 14px;} .smallbanner2 .nr .right{ padding: 10px 0 0 0;} /*honor*/ .honor {} .honor .nr{ position: relative;padding: 50px 0 0;} .honor .nr .top{ position: relative; margin: 0 0 30px 0; text-align: center;} .honor .nr .top:after{ content: url(/uploads/image/tgsimages/hr.png); height: 12px; position: absolute; left: 0; bottom: 6px;} .honor .nr .top .hd ul li{ background: url(/uploads/image/tgsimages/rytab1.png)no-repeat; width: 124px; height: 84px; line-height: 48px; text-align: center; color: #484848; font-size: 18px; display: inline-block; vertical-align: top; position: relative; z-index: 12; margin-right: 31px; cursor: pointer;} .honor .nr .top .hd ul li.on{ background: url(/uploads/image/tgsimages/rytab2.png)no-repeat;} .honor .nr .bd ul li dd{ float: left; text-align: center; margin-right: 21px;} .honor .nr .bd ul li dd .pic{ width: 223px; height: 328px; border: 1px solid #ccc;} .honor .nr .bd ul li dd p{ color: #666; font-size: 14px;margin: 10px 0 0;} .honor .nr .bd ul li dd:hover p{ color: #31bbfa;} /*case*/ .case{ height: 460px;} .case .nr dd{ float: left; width: 276px; border: 1px solid #eee; overflow: hidden; height: 446px; margin-right: 24px;} .case .nr dd .pic{ width: 276px; height: 230px; overflow: hidden;} .case .nr dd .js{ margin: 25px 15px 0; text-align: center;} .case .nr dd h5{ color: #333; font-size: 16px; padding-bottom: 20px; border-bottom: 1px solid #eee;} .case .nr dd p{ color: #666; font-size: 14px; line-height: 22px; margin: 15px 0;} .case .nr dd .more{ color: #fff; font-size: 14px; line-height: 33px; width: 154px; height: 33px; display: inline-block; vertical-align: top; text-align: center; border-radius: 16px; background: #31bbfa; margin-bottom: 15px;} .case .nr dd:hover{ border: 1px solid #31bbfa; transform: translate(0, 10px); transition-duration: 300ms;} /*about*/ .about{ margin: 30px 0 0;} .about .bg1{ background: #f5f5f5; height: 323px; padding: 30px 0 0; position: relative; z-index: 11;} .about .bg2{ margin-top: -168px; position: relative; z-index: 12;} .about .nr .left{ width: 603px; height: 390px; overflow: hidden;} .about .nr .left img{ width: 100%;} .about .nr .right{ background: #31bbfa; width: 597px; height: 390px; padding: 30px 50px 0 20px;} .about .nr .right h5{ color: #fff; font-size: 26px; line-height: 35px;} .about .nr .right hr{ width: 102px; height: 2px; background: #fff; outline: none; border: none; display: inline-block; vertical-align: top; margin: 10px 0 25px;} .about .nr .right p{ color: #f1f1f1; font-size: 16px; line-height: 35px; text-indent: 20px; height: 200px; text-align: justify;} .about .nr .right .more{ color: #f1f1f1; font-size: 16px; line-height: 41px; text-align: center; width: 161px; height: 41px; border-radius: 5px; vertical-align: top; display: inline-block; border: 1px solid #fff; margin-top: 38px;} .about .nr .right .more:hover{ color: #f08300;} /*company-power*/ .company-power{ padding: 30px 0 40px;} .company-power .bd ul li{ width: 284px; text-align: center; float: left; margin-right: 20px;} .company-power .bd ul li:hover p{ color: #31bbfa;} .company-power .bd ul li .pic{ width: 284px; height: 201px; overflow: hidden;} .company-power .bd ul li .pic img{ width: 100%;} .company-power .bd ul li p{ color: #666; font-size: 14px; margin: 10px 0 0;} /*new*/ .new{ padding-bottom: 45px;} .new .left{ width: 813px; border-top: 2px solid #31bbfa!important; border: 1px solid #e0e0e0; height: 408px; padding: 20px 17px 0 15px;} .new .newlist{ width: 370px; display: inline-block; vertical-align: top; position: relative;} .new .newlist .newlist{ margin-left: 35px;} .new .newlist .newlist:before{ content: ""; background: #e0e0e0; width: 1px; height: 381px; position: absolute; left: -18px; top: -20px;} .new .newlist .top h5{ color: #333; font-size: 18px; float: left;} .new .newlist .top{ overflow: hidden; position: relative; height: 35px;} .new .newlist .top:after{ background: #e1e1e1; width: 49px; height: 2px; content: ""; position: absolute; left: 0; bottom: 0;} .new .newlist .top a{ color: #666; font-size: 14px; float: right;} .new .newlist ul li{ border-bottom: 1px dashed #e0e0e0; padding-bottom: 16px; margin: 17px 0 0;} .new .newlist ul li a:before{ content: url(/uploads/image/tgsimages/newtb1.png); width: 5px; height: 9px; display: inline-block; vertical-align: top; margin: 0 2px 0 0;} .new .newlist ul li a i,.new .newlist ul li span{ color: #666; font-size: 14px;} .new .newlist ul li span{ float: right;} .new .newlist .top a:hover,.new .newlist ul li a:hover i,.new .newlist ul li a:hover span{ color: #31bbfa;} .new .right{ width: 365px; border-top: 2px solid #31bbfa!important; border: 1px solid #e0e0e0; height: 408px; padding: 20px 16px 0 12px;} .new .newlist2{ width: 100%;} .new .newlist2 dl dd .wen:before,.new .newlist2 dl dd .da:before{ width: 20px; height: 19px; display: inline-block; vertical-align: top; text-align: center; line-height: 19px; color: #fff; font-size: 16px; font-family: arial; margin: 3px 3px 0 0;} .new .newlist2 dl dd .wen:before{ content: "q"; background: #31bbfa;} .new .newlist2 dl dd .da:before{ content: "a"; background: #f08300;} .new .newlist2 dl dd .wen a{ color: #333; font-size: 14px;} .new .newlist2 dl dd .da a{ color: #666; font-size: 14px; display: inline-block;line-height: 28px; vertical-align: top; width: 308px; text-align: justify;} .new .newlist2 dl dd .wen{ margin-bottom: 2px;} .new .newlist2 dl dd{ margin: 25px 0 0 0; height: 85px!important; border-bottom: 1px dashed #e0e0e0;} .new .newlist2 dl dd .wen a:hover{ color: #31bbfa;} .new .newlist2 dl dd .da a:hover{ color: #f08300;} /*frilist*/ .frilist{ padding-left: 20px; background: url(/uploads/image/tgsimages/linkbg.png)no-repeat; height: 104px; width: 1200px;} .frilist .top img{ margin: 0 10px 0 14px;} .frilist .top{ color: #333; font-size: 18px;} .frilist .top span,.frilist .top a{ color: #999; font-size: 14px;} .frilist ul{ line-height: 76px;} .frilist ul li{ float: left; margin-right: 40px;} .frilist ul li a{ color: #333; font-size: 14px;} .frilist ul li a:hover{ color: #31bbfa;} /*foot*/ .foot{ background: #31bbfa; padding: 50px 0 0; height: 350px; margin: 45px 0 0;} .foot .content ul li h6{ color: #fff; font-size: 16px; margin-bottom: 30px;} .foot .content ul li dd{ display: inline-block; vertical-align: top;} .foot .content ul li a,.foot .content ul li dd p{ color: #fff; line-height: 30px; font-size: 14px; display: block;} .foot .content ul li{ float: left;} .foot .content ul li:first-child{ width: 18.167%; border-right: 1px solid #fff;} .foot .content ul li:first-child li{width: 25.834%;border-right: 1px solid #fff;padding-left: 40px;} .foot .content ul li:first-child dd dd{margin-left: 36px;} .foot .content ul li:first-child li dd dd{m;margin-left: 50px;} .foot .content ul li:first-child li li{padding-left: 40px;width: 28%;} .foot .content ul li dd p {} .foot .content ul li>div{ display: inline-block; vertical-align: top;} .foot .content ul li>div div{ margin-left: 12px;} .foot .content ul .tsli{ float: right;} .foot .content ul li .ewm{ text-align: center;} .foot .content ul li .ewm h5{ color: #f08300; font-size: 14px; background: #fff; width: 140px; height: 35px; line-height: 35px; text-align: center; margin-bottom: 10px;} /*btn_top*/ #btn_top ul{ overflow: hidden;} #btn_top li{ float: left; margin-left: 10px;} #btn_top li img{ display: block;} #btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;} #btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;} #btn_top img{ display: block; position: absolute; top: 0; left: 0;}