*{ 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: url('../fonts/impact.ttf'); src: url('../fonts/impact.ttf'); format('embedded-opentype'), url('../fonts/impact.ttf'); format('woff'), url('../fonts/impact.ttf'); format('truetype'), url('../fonts/impact.ttf'); 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(../images/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(../images/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(../images/search.png)no-repeat; background: url(../images/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(../images/con1bg.png)no-repeat; background: url(../images/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(../images/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(../images/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(../images/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(../images/sbanner.png)no-repeat; background: url(../images/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: url(../images/Layer1.png); height: 333px; left: -30px; bottom: -135px; z-index: 10;}
.process .nr:after{ position: absolute; content: url(../images/Layer2.png); 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(../images/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(../images/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(../images/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(../images/ystb1.png); width: 7px; height: 7px; display: inline-block; vertical-align: top; margin: 0 0 0 4px;}

/*smallbanner2*/

.smallbanner2{ background: url(../images/sbanner2.png)no-repeat; background: url(../images/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(../images/hr.png); height: 12px; position: absolute; left: 0; bottom: 6px;}
.honor .nr .top .hd ul li{ background: url(../images/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(../images/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(../images/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(../images/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;}