/*头部样式*/ .sky{line-height:40px;color:#999;font-size:12px;background:#f2f2f2;} .sky a{color:#999;} #header{width:1200px;margin:0 auto;height: 120px;} .logo{float:left;line-height: 120px;} .k2{color:#325aa3;font-size:26px;margin-top:2px;padding-left:52px;background: url(../images/phone1.png) no-repeat left 81%;line-height: 24px;} .yu{margin-top:37px;margin-left:23px;padding-left:6px;height:55px;color:#666;font-size:14px;line-height:30px;border-left:1px solid #dddddd;} #gotop{ /*position: fixed;*/ height: 57px; width: 57px; background: url(../images/top.png) no-repeat center; right: 33px; bottom: 175px; cursor: pointer; } .topLink{float:right;text-align:right;position: relative;z-index: 9999;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink .k1{line-height:32px;padding-top:5px;} .topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";} /*热门搜索*/ .ss{height:60px;background: #f2f2f2;border-bottom: solid #f5893d 6px} .search{width:1200px;margin:0 auto;} #formsearch{width:298px;float:right;height:32px;line-height: 32px;border:1px solid #ddd;background: #fff;margin-top: 14px;} .hotSearch{float:left;height:60px;line-height:60px;font-weight:normal;color:#666;font-size:14px;} /*搜索和热门搜索*/ .hotSearch a{padding:0 8px;color:#666;} .hotSearch a:last-child{background:none;} #formsearch input{float:left;outline: none;} #formsearch input#keyword{height:32px;line-height:32px;color:#666;font-size:14px;background:none;border:none;width:272px;text-indent: 10px;} #formsearch input#s_btn{width:26px;height:32px;line-height:32px;text-align:center;background:url(../images/ss.png)no-repeat left;color:#fff;border:none;cursor:pointer;font-size:14px;} a.sdot1{display: block;width:61px;margin:0 auto;} .product_title{text-align: center;} .product_title b{color: #f5893d;font-size: 34px;line-height: 33px;} .product_title b img{margin:0 13px;} .product_title b span{color: #333;font-size: 34px;} .product_title p{color: #666;font-size: 16px;margin-top: 10px;font-weight: normal;} .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} /*主体样式*/ #container{width:1200px;margin:0 auto;margin-top:20px;} .container{width:1200px;margin:0 auto;} .box1{margin-top:28px;} .tts1{text-align:center;text-transform:uppercase;font-size:16px;font-family:"arial";color:#999999;} .tts2{text-align:center;font-size:34px;color:#333333;background:url(../images/tt1.png) no-repeat center center;} .tts2 span{color:#5c452e;font-weight:bold;padding-left:46px;} .tts3{text-align:center;font-size:16px;color:#666666;background:url(../images/tt2.png) no-repeat center center;} .menu_cate{width:290px;float:left;} .cate_title{height:67px;background:url(../images/cate.png) no-repeat;} .cate_title span{text-transform:uppercase;font-size:12px;display:block;font-weight:normal;} .sort1{height:475px;overflow:hidden;} .sort1 li{margin-bottom:12px;} .sort1 li a.a{color:#333333;font-size:16px;background:url(../images/sort1.png) #eeeeee no-repeat 88% center;padding-left:40px;display: block;height:40px;line-height: 40px;font-weight: normal} .sort1 li a.a:hover{color:#fff;background:url(../images/sort2.png) #325aa3 no-repeat 88% center;} .sort1 li .sec{display: none} .sort1 li .sec li{background:url(../images/yuan.png) no-repeat left center;margin-left:40px;line-height:26px;margin-bottom:0;} .sort1 li .sec li a{color:#666666;font-size:14px;padding-left:20px;display: block;background:url(../images/sort3.png) no-repeat left center;line-height: 30px} .sort1 li .sec li a:hover{color:#325aa3;} .sort1 li:hover .sec{display: block} .menu_cate .content{border:6px solid #325aa3;padding:16px 6px 6px 6px;} .prod{width:881px;} .tabli{position:relative;line-height:50px;background:#5c452e;} .tabli li{float:left;width:150px;line-height:50px;color:#fff;font-size:18px;text-indent:58px;cursor:pointer;} .tabli li.cur{background:url(../images/cur.png) no-repeat;} .tabli a{position:absolute;right:20px;top:0;color:#fff;font-size:14px;} .tab{margin-top:16px;overflow:hidden;display:none;} .tab.clicked{display:block;} .product_listt li{float:left;margin-right:34px;position:relative;overflow: hidden;background: url(../images/heng.png)no-repeat center 235px;} .product_listt li:nth-child(3n){margin-right:0px;} .product_listt li .img{width:265px;height:229px;display: block;border:3px solid #f1f1f1;} .product_listt li .img img{width:265px;height:229px;} .product_listt li h3{text-align:center;line-height:35px;display:block;color:#333333;font-size:16px;font-weight: normal;} .product_listt li:hover .img{border-color: #325aa3} .about1bg{background:url(../images/about1bg.jpg) center top repeat-x;margin-top:52px;height:595px;padding-top:70px;} .about_title1{text-align: center} .about1{width:1200px;margin:0 auto;margin-top:27px;position: relative;} .about1 .content{width:692px;height:302px;border-left:4px solid #2d8cd0;position: absolute;right:0;top:100px;background: rgba(0,0,0,.7);padding-left:29px;color:#fff;font-size:14px;line-height:26px;padding-top:30px;box-sizing:border-box;padding-right:40px;} .about1 .content h3{color:#fff;font-size:20px;font-weight:normal;margin-bottom:18px;} .about1 .content a{display: block;color:#fff;font-size:14px;width:156px;height:36px;line-height:36px;text-align: center;border:2px solid #2d8cd0;border-radius:25px;margin-top:10px;} .box2{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;height: 588px;margin-top:82px;} .box2 .cont{position:relative;margin-top:26px;padding-left:20px;} .fang{width:1200px;margin:0 auto;margin-top:80px;} .fang_title1{text-align: center} .picScroll-left{ overflow:hidden;} .picScroll-left .hd ul{text-align:center;} .picScroll-left .hd ul li{cursor:pointer;background:#5c452e;display:inline-block;width:240px;line-height:60px;text-align:center;color:#fff;font-size:18px;margin:0 14px;} .picScroll-left .hd ul li.on{background:#325aa3;} .ys_nav1{top: 172px;left: 1579px;position: absolute;z-index: 10;width:14px;} .ys_nav1 li{width:14px; height:14px;background:url(../images/on1.png) no-repeat; margin:10px 0;text-indent:-100px;overflow:hidden;cursor:pointer;} .ys_nav1 li.on {background:url(../images/on.png) no-repeat;} .picScroll-left .hd .prev{display:block;width:60px;height:60px;background:url(../images/lb1.png) no-repeat;z-index:99999;position:absolute;top:370px;left: 1027px;cursor:pointer;} .picScroll-left .hd .next{display:block;width:60px;height:60px;background:url(../images/rb1.png) no-repeat;z-index:99999;position:absolute;top:370px;left: 1088px;cursor:pointer;} .picScroll-left ul{ overflow:hidden; zoom:1; } .picScroll-left ul li{_display:inline; overflow:hidden;} .picList li .img img{width:940px;height:450px;float:left;} .picList li .det{width:536px;float:left;margin-left:66px;} .picList li .imgs img{width:50px;height:100px;display:block;} .picList li .nr{background:url(../images/xian.png) no-repeat left bottom;padding-bottom:24px;} .picList li .wz{margin-top:30px;} .picList li h3{font-size:24px;color:#325aa3;} .picList li span{font-size:12px;color:#999;display:block;} .picList li p{font-size:14px;color:#333333;background:url(../images/xian2.png) no-repeat left center;padding-left:25px;margin-top:24px;} .picList li .xian{border-top:1px solid #dedede;margin-top:75px;} .picList li h4{font-size:26px;color:#325aa3;background:url(../images/tel2.png) no-repeat left center;padding-left:135px;margin-top:18px;font-weight:normal;} .f_link a:nth-child(2){display:none;} .box3{margin-top:62px;} .box3 .cont{margin-top:16px;position:relative;} .box3 .cont .l_btn,.box3 .cont .r_btn{ position: absolute; top:76px; cursor:pointer; } .box3 .cont .l_btn{ left: -56px; } .box3 .cont .r_btn{ right: -56px; } .product_list1 li{float:left;margin-left:6px;margin-right:6px;_display:inline;} .product_list1 li a.img{} .product_list1 li a.img img{width:290px;height:220px;} .product_list1 li h3{text-align:center;padding-top:6px;} .product_list1 li h3 a{font-weight:normal;color:#333333;font-size:16px;} .product_list1 li a.img{display:block;} .product_list1 li a.img:hover{border-color:#e87518;} .heng{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;margin-top:81px;} .box4{margin-top:72px;} .box4 .cont{margin-top:30px;position:relative;} .estructure li{width:106px;float:left;margin-top:32px;} .estructure li+li{margin-left:167px;} .estructure li .img1{width:106px;height:106px;display:block;} .estructure li .img2{width:106px;height:106px;display:none} .estructure li h3{font-size:16px;padding-top:8px;color:#333333;text-align:center;font-weight:normal;} .estructure li:hover .img1{display:none;} .estructure li:hover .img2{display:block;} .box5{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;height:459px;background:url(../images/bj5.jpg) no-repeat;margin-top:66px;padding-top:106px;} .abpic{width:600px;height:545px;} .about{width:537px;float:right;margin-top:13px;} .about_title{font-size:24px;color:#ffffff;line-height:83px;} .about .content{font-size:14px;line-height:24px;color:#fff;text-align:justify;padding-top:20px;} .about a{display:block;color:#fff;font-size:14px;text-align:center;background:#325aa3;width:165px;line-height:50px;margin-top:56px;} .box6{margin-top: 83px;background: url(../images/tu.png)no-repeat center top;padding-top: 80px;} .box6 .cont{margin-top:20px;position:relative;} .box6 .cont .l_btn2,.box6 .cont .r_btn2{ position: absolute; top:39px; cursor:pointer; } .box6 .cont .l_btn2{ left: -56px; } .box6 .cont .r_btn2{ right: -56px; } .product_list2 li{float:left;margin-left:6px;margin-right:6px;_display:inline;} .product_list2 li a.img{display: block;width: 230px;height: 120px;text-align: center;} .product_list2 li a.img img{width:230px;height:120px;} .product_list2 li span{text-align:center;padding-top:10px;display: block;color: #333;font-size: 16px;} .box7{} .news1{ background: url(../images/news1.png) no-repeat top center; height: 600px; width:270px; padding: 0 24px; margin-top: 60px; } .n-title{ font-size: 14px; color: #1f1f1f; font-weight:normal; margin-top: 23px; height: 53px; line-height: 53px; } .n-title a{ float: right;; color: #1f1f1f; } .news1 .content{ margin-top: 26px; } #ydemo{overflow:hidden;margin:0 auto;position:relative;height:265px;} #yindemo{height:100%;} #ydemo1{} #ydemo2{} .news_list1 li{position:relative;padding:8px 0 12px;border-bottom:1px solid #dddddd;} .news_list1 li a{line-height:30px;padding-left:35px;background: url(../images/wen.png) left center no-repeat;display:block;font-size:14px;color: #333333;} .news_list1 li a:hover{text-decoration:none;color:#e1232d;} .news_list1 span{background: url(../images/da.png) left 3px no-repeat;padding-left:35px;font:400 12px/22px "微软雅黑";margin-top:5px;color:#575757;display:block} .news2{ background: url(../images/news2.png) no-repeat top center; height: 600px; width:372px; padding: 0 24px; margin-top: 60px; margin-left: 21px; } .news_list2{ margin-top: 18px; } .news_list2 li{line-height:43px;position:relative;border-bottom: 1px solid #eaebec;} .news_list2 li a{line-height:43px;color:#333333;font-size: 14px;} .news_list2 li a:hover{text-decoration:none;color:#e1232d;} .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;} .index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*首页新闻*/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*首页左侧联系我们*/ .contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;} .contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .contact .content{padding:5px;padding-left:8px;} /*工程案例*/ .case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;} .case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .case .content{padding:5px;padding-bottom:12px;text-indent:20px;} .news2_company{margin-top:10px;} /*产品推荐*/ .recommend_product{margin-top:10px;width:692px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} /*品牌列表*/ .brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;} .brand-list li{margin: 5px 8px;} .brand-list li:hover{box-shadow: 2px 1px 5px;} .brand-list li img {width: 150px;height: 120px;} /*前台多页签*/ /*.news{width:1000px;float:left;margin-top: 10px;} .tab{position:relative;} .tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;} .tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;} .tt{display: none;}*/ .list1{padding:8px 10px;} .list1 li{line-height:27px;position:relative;vertical-align: middle;} .list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;} .list1 li a:hover{color:#e87518;text-decoration:none;} .list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;} /*友情链接*/ .link{margin-top:75px;background:#333333;height:70px;line-height:70px;} .f_link{color:#999;font-size:9px;margin-top:70px;margin-bottom:45px;} /**/ .cha{background:#f9f9f9;height:85px;line-height:85px;overflow:hidden;} .chan-cont{width:1200px;margin:0 auto;} .chan-cont span{display:inline-block;float:left;color:#3f4055;font-size:17px;} .chan-cont #formsearch{margin-left:15px;width:1046px;height:43px;margin-top:20px;border:none;background:none;} #search-type{float: left;width:162px;height: 42px;border: 1px solid #d8eaee;margin-right: 15px;color:#000;font-size:12px;text-indent:12px;} .chan-cont #formsearch input#keyword{height: 42px;border:1px solid #d8eaee;background:#fff;width:675px;color:#999;font-size:12px;} .chan-cont #formsearch #s_btn{width:178px;height:41px;float:right;line-height:41px;background:#ff8361;color:#fff;} /*页面底部*/ .v-article{width: 1200px;margin:0 auto;position: relative;} .footer{background:url(../images/foot1.png)repeat-x;height:342px;} .foot{width:1200px;margin:0 auto;position:relative;height:292px;} .foot li{float:left;width:130px;} .foot li span{display:inline-block;height:54px;line-height:54px;color:#fff;font-size:14px;} .foot li .sec{margin-top:15px;} .foot li .sec a{display:block;color:#fff;font-size:12px;margin-bottom:7px;} .ff_add{color:#999;font-size:12px;width:420px;height: 105px;} .er{margin-top:10px;width:84px;height:110px;margin-right: 480px;} .copyright{position:absolute;right:0;top:225px;width:417px;color:#999;font-size:9px;} .copyright a{color:#999;font-size:9px;} .ban{height:50px;line-height:50px;width:1200px;margin:0 auto;color:#999;font-size:9px;} .ban a{color:#999;font-size:9px;} /*------------内页-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:40px;background:#325aa3;font-size:18px;color:#fff;text-align:center;font-weight:normal;} .left .box .content{padding:5px 0px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;} .left{width:225px;float:left;} .sort_menu h3{background-color:#ececec;line-height:28px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{width:940px;float:right;padding-bottom:10px;} .sitemp{line-height:40px;height:40px;overflow:hidden;padding-right:10px;background:#325aa3;} .sitemp h2{width:340px;float:left;line-height:40px;text-align:center;text-align:left;text-indent:15px;font-size:18px;color:#fff;font-weight:normal;} .sitemp .site{width:380px;float:right;text-align:right;line-height:40px;color:#fff;font-size:14px;} .sitemp .site a{color:#fff;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .cont6{ background: #f2f2f2; padding: 60px 0; margin-top: 80px; } /*新闻中心*/ .news_index { height: 633px; } .news_tit { padding-top: 50px; } .news_tit img { width: 227px; height: 28px; } .news_nr { /*margin-top: 45px;*/ } .news_left { width: 400px; float: left; } .news_left .n_l_top { height: 257px; background: #fff; padding: 0 20px; position: relative; border-top:2px solid #0260a7; padding-top: 11px; margin-top: 11px; } .news_left .n_l_top>h3 { position: relative; height: 46px; line-height: 46px; border-bottom: 1px solid #dcdcdc; font-size: 18px; font-weight: bold; color: #333333; } .news_left .n_l_top>h3 a { position: absolute; right: 0px; top: 0px; font-size: 12px; color: #666666; font-weight: normal; } .n_l_top .cj_news { margin-top: 28px; } .cj_news_list li h3 { color: #333; font-size: 16px; font-weight: normal; font-family: "microsoft yahei"; padding-bottom: 5px; background: url(../images/cj_news_list_h3.png) no-repeat left bottom; } .cj_news_list li h3 a{ color:#333; } .cj_news_list li span { display: block; margin-top: 18px; color: #666666; font-size: 14px; font-weight: normal; font-family: "microsoft yahei"; } .news_left .n_l_btm { height: 332px; background: #fff; padding: 0 20px; background: #fff; border-top:2px solid #0260a7; padding-top: 11px; padding-bottom: 7px; } .news_left .n_l_btm>h3 { position: relative; height: 46px; line-height: 46px; border-bottom: 1px solid #dcdcdc; font-size: 18px; font-weight: bold; color: #333333; } .news_left .n_l_btm>h3 a { position: absolute; right: 0px; top: 0px; font-size: 12px; color: #666666; font-weight: normal; } .n_l_btm .gs_news { margin-top: 12px; } .n_l_btm .gs_news .shi{width: 358px;height: 202px;overflow: hidden;} .n_l_btm .gs_news span{display: block;text-align: center;color: #325aa3;font-size: 14px;line-height: 33px;} .n_l_btm .gs_news a{display: block;background: url(../images/shi.png)no-repeat left;padding-left: 14px;color: #666;font-size: 14px;margin-top: 10px;} .gs_news_list li { line-height: 45px; background: url(../images/gs_news_li_bg.png) no-repeat left center; padding-left: 20px; } .gs_news_list li h3 { font-size: 14px; } .gs_news_list li h3 a { color: #333333; font-size: 14px; font-weight: normal; font-family: "microsoft yahei"; } .gs_news_list li:hover { background: url(../images/gs_news_li_h_bg.png) no-repeat left center; } .gs_news_list li:hover a { color: #f5893d; } .news_right { width: 749px; float: right; height: 618px; padding: 0 20px; border-top: 2px solid #0260a7; background: #fff; padding-top: 11px; } .news_right .xin-tit { position: relative; height: 46px; line-height: 46px; border-bottom: 1px solid #dcdcdc; font-size: 18px; font-weight: bold; color: #333333; } .news_right .xin-tit a { position: absolute; right: 0px; top: 0px; font-size: 12px; color: #666666; font-weight: normal; } .news_right .hy_news { margin-top: 5px; position: relative; } .hy_news .hy_news_list {} .hy_news .hy_news_list li { height:110px; width:358px; } .hy_news .hy_news_list li h3 a{ color: #2e2e2e; display: block; line-height: 40px; font-size: 18px; font-weight: normal; } .hy_news_list li span{ color: #7d7d7d; font-size:14px; } .hy_news_list li span i{ font-style: normal; color: #f5893d; font-size: 14px; font-style: normal } /*新闻切换*/ .slideBox .prev, .slideBox .next { position: absolute; display: block; width: 40px; height: 30px; } .slideBox .prev { background: url(../images/news_left.png) no-repeat center; right: 41px; bottom: 0px; } .slideBox .next { background: url(../images/news_right.png) no-repeat center; right: 00px; bottom: 0px; } /*左侧工具条*/ #toolbar { position: fixed; z-index: 9999; right: 33px; bottom: 30%; } #toolbar li { margin-bottom: 3px; font-size: 0; width: 57px; height: 57px; right: 0; position: relative; } #toolbar li a { display: block; position: absolute; z-index: 9; right: 0; top: 0; width: 57px; height: 57px; overflow: hidden; background: #333333; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: nowrap; font-size: 0; } #toolbar li .iconfont { display: inline-block; vertical-align: middle; width: 57px; height: 57px; background-color: #333; vertical-align: middle; text-align: center; line-height: 57px; color: #2b2b2b; font-size: 26px; } #toolbar li .wz { display: inline-block; line-height: 57px; font-size: 14px; color: #fff; vertical-align: middle; padding-left: 10px; } #toolbar li.ewm .ewm-box { position: absolute; z-index: 1; padding: 5px; background: #333333; width: 110px; right: 120%; bottom: 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .7s; transition: all .7s; } #toolbar li.ewm .ewm-box p { margin-bottom: 0; } #toolbar li.ewm .ewm-box img { max-width: 100%; } #toolbar li.ewm .ewm-box:after { content: ''; position: absolute; right: -5px; bottom: 20px; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #333333; border-right: none; } #toolbar li.ewm:hover .icon { background-position: -57px -180px; } #toolbar li.ewm:hover .ewm-box { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } #toolbar li.backtop { cursor: pointer; } #toolbar li.backtop .iconfont { color: #fff; background-color: #333333; } #toolbar li:hover a { width: 200px; } #toolbar li:hover .iconfont { background-color: #333333; color: #fff; }