/*澶撮儴鏍峰紡*/ .w1200 { width: 1200px; margin: 0 auto; } .img_h { overflow: hidden; } .img_h img { transition: all .5s ease; } li:hover .img_h img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; -ms-transform: all .6s ease-out; -o-transform: all .6s ease-out; transition: all .6s ease-out; } #header { background: #fff; } .top { width: 1200px; margin: 0 auto; } .logo { float: left; } .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; } .w1920{ width: 1920px; position: relative; left: 50%; margin-left: -960px; } .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 .k2 { color: #074b91; font-size: 14px; font-family: "AktivGrotesk-Light","寰蒋闆呴粦"; } .k1 { width: 1200px; margin: 0 auto; text-align: right; height: 30px; line-height: 30px; } #menu { float: right; margin-right: 56px; } .word1 { height: 40px; line-height: 40px; background: rgba(0, 50, 119, .6); color: #fff; font-size: 14px; letter-spacing: 3px; text-align: center; position: absolute; left: 0; top: 0; width: 100%; z-index: 999; } /*鐑棬鎼滅储*/ .search { float: right; width: 150px; overflow: hidden; padding-top: 18px; } #formsearch { width: 150px; overflow: hidden; background: url(../images/ss.png) no-repeat; height: 28px; } .hotSearch { width: 400px; float: left; height: 24px; line-height: 24px; font-weight: normal; } #search-type { float: left; width: 100px; height: 24px; border: 1px solid #c8c8c8; margin-right: 5px; display: none; } .k3 { overflow: auto; } .k3 a { display: block; float: left; padding-left: 31px; font-size: 14px; color: #999999; line-height: 42px; } .k3 a:first-child { background: url(../images/ch.png) no-repeat 0 50%; margin-right: 8px; } .k3 a:last-child { background: url(../images/en.png) no-repeat 0 50%; } /*涓讳綋鏍峰紡*/ #container { width: 1200px; margin: 0 auto; } .menu_cate { width: 220px; float: left; } .cate_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "AktivGrotesk-Light","寰蒋闆呴粦"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .about { width: 460px; float: left; margin-left: 12px; padding-bottom: 5px; } .about_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "AktivGrotesk-Light","寰蒋闆呴粦"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .about .content { padding: 5px; padding-bottom: 12px; text-indent: 20px; } .navigation { float: right; width: 100px; } .index-title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "AktivGrotesk-Light","寰蒋闆呴粦"; 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: "AktivGrotesk-Light","寰蒋闆呴粦"; 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: "AktivGrotesk-Light","寰蒋闆呴粦"; 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: "AktivGrotesk-Light","寰蒋闆呴粦"; 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: "AktivGrotesk-Light","寰蒋闆呴粦"; 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;} */ /*鍙嬫儏閾炬帴*/ .f_link { width: 1200px; margin: 20px auto; font-size: 14px; color: #000; line-height: 24px; } /*椤甸潰搴曢儴*/ .bigbox { height: 370px; overflow: hidden } #footer { background: #00285f; padding-top: 23px; padding-bottom: 65px; } .a6_1 { float: left; width: 113px; overflow: hidden; margin-right: 60px; } .a6_1 dd { margin: 0 auto; font-size: 16px; color: #fff; line-height: 47px; border-bottom: 1px solid rgba(255, 255, 255, .5); width: 65px; text-align: center; } .a6_t { text-align: center; margin-top: 15px; } .a6_t a { display: block; text-align: center; font-size: 14px; color: #99a9b6; line-height: 24px; } .a6_2 { float: left; width: 167px; overflow: hidden; margin-right: 70px; } .a6_2 dd { font-size: 16px; color: #fff; line-height: 47px; border-bottom: 1px solid rgba(255, 255, 255, .5); width: 65px; text-align: center; } .a6_t1 { font-size: 14px; color: #fff; line-height: 20px; margin-top: 15px; } .a6_3 { float: left; width: 225px; overflow: hidden; } .a6_3 dd { font-size: 16px; color: #fff; line-height: 47px; border-bottom: 1px solid rgba(255, 255, 255, .5); width: 120px; } .a6_t2 { margin-top: 15px; } .copyright { background: #00285f; border-top: 1px solid #003071; font-size: 14px; color: #fff; line-height: 20px; padding: 10px 0; } .copyright a { color: #fff; } /*------------鍐呴〉-------------------*/ .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 31px; padding-left: 15px; font-weight: normal; font-family: "AktivGrotesk-Light","寰蒋闆呴粦"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 18px; color: #000; } .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; position: relative; margin-left: -960px; left: 50%; } .n_banner img { width: 1920px; margin: 0 auto } .left { width: 225px; float: left; } .sort_menu h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .sort_product { margin-top: 10px; } .sort_product h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .n_contact { margin-top: 10px; } .n_contact h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .n_contact .content { padding: 5px; line-height: 24px; } .right {} .sitemp {} .sitemp h2 { width: 340px; float: left; line-height: 31px; text-align: center; text-align: left; text-indent: 15px; font-size: 18px; font-weight: normal; } .sitemp .site { background: url(../images/home.png) no-repeat 18px 50%; padding-left: 43px; font-size: 14px; color: #00285f; line-height: 42px; } .sitemp .site a { color: #00285f; } .right .content { line-height: 24px; margin-top: 30px; } .sort_album { margin-top: 15px; } /*棣栭〉*/ .a1 { margin-top: 5px; } .a1_t { font-size: 30px; color: #003277; line-height: 103px; } .a1_t a { display: block; float: right; width: 107px; height: 37px; border: 1px solid #bfbfbf; text-align: center; line-height: 37px; font-size: 12px; color: #555555; margin-top: 35px; } .a1_1 { width: 623px; overflow: hidden; } .a1_ul {} .a1_ul li { overflow: auto; margin-bottom: 24px; } .a1_ul li:last-child { margin-bottom: 0; } .a1_ul li .time { float: left; width: 74px; overflow: hidden; background: #e1e1e1; padding: 9px 0 9px 8px; } .a1_ul li .time dd { font-size: 28px; color: #003277; line-height: 29px; font-weight: bold; } .a1_ul li .time dd span { display: block; font-size: 14px; color: #454545; font-weight: normal; line-height: 18px; } .a1_ul li .time dt { font-size: 14px; color: #454545; } .a1_ul li .cont { width: 471px; overflow: hidden; background: #f5f5f5; float: right; padding: 16px 40px 15px 30px; } .a1_ul li .cont a { display: block; font-size: 18px; color: #000000; line-height: 25px; font-weight: bold; line-height: 30px; } .a1_ul li .cont dt { font-size: 12px; color: #999999; line-height: 25px; } .a1_ul li:hover .cont { background: #003277; } .a1_ul li:hover .cont a { color: #fff; } .a1_ul li:hover .cont dt { color: #fff; } .a1_2 { width: 465px; overflow: hidden; } .picScroll-left1 {} .picScroll-left1 .bd {} .a1_cont1 { width: 465px; overflow: hidden; } .a1_ul1 { overflow: auto; } .a1_ul1 li { width: 465px; overflow: hidden; float: left; } .a1_ul1 li .img { display: block; } .a1_ul1 li .img img { width: 465px; height: 252px; } .a1_ul1 li h3 a { font-size: 18px; color: #000000; font-weight: normal; text-align: center; text-align: center; display: block; margin-top: 15px; margin-bottom: 10px; } .picScroll-left1 .hd { background: url(../images/vr_bg.png) no-repeat; overflow: auto; height: 16px; position: relative; } .picScroll-left1 .hd a { display: block; width: 20px; height: 16px; position: absolute; background: transparent; } .picScroll-left1 .hd a.next { left: 34%; top: 0; background: transparent; } .picScroll-left1 .hd a.prev { right: 37%; top: 0; background: transparent; } .a2_t { font-size: 30px; color: #003277; line-height: 83px; margin-top: 40px; } .a2 { background: #f5f5f5; } .a2_ul li { width: 16.6666%; float: left; text-align: center; box-sizing: border-box; padding-top: 20px; height: 140px; overflow: hidden; border-left: 1px solid #e5e5e5; } .a2_ul li:last-child { border-right: 1px solid #e5e5e5; } .a2_ul li .img { width: 100%; height: 68px; overflow: hidden; text-align: center; } .a2_ul li .img div { width: 100%; height: 68px; line-height: 65px; overflow: hidden; transition: all .5s ease; padding: 0; } .a2_ul li h3 { color: #999999; font-size: 16px; font-weight: normal; line-height: 55px; } .a2_ul li:hover .img .img1 { margin-top: -68px; } .a2_ul li:hover .img .img2 {} .a2_ul li.cur .img .img1 { margin-top: -68px; } .a2_ul li.cur .img .img2 {} .a3 { width: 1920px; position: relative; margin-left: -960px; left: 50%; background: url(../images/bg.jpg) no-repeat top center; height: 695px; overflow: hidden; } .c2b {} .c2b .tab { display: none; height: 823px; } .c2b .tab a{ display: block; height: 823px; width: 100%; } .a3_t { text-align: center; padding-top: 36px; } .a3_t p:first-child { font-size: 44px; color: #000000; line-height: 67px; } .a3_t p:nth-child(2) { font-size: 30px; color: #999999; line-height: 53px; margin-bottom: 10px; } .a3_t p:nth-child(3) { font-size: 16px; color: #000000; line-height: 25px; padding: 0 265px; } .a4 { width: 1920px; position: relative; margin-left: -960px; left: 50%; height: 550px; overflow: hidden; } .picScroll-left { position: relative; } .picScroll-left .bd {} .picScroll-left .bd ul { overflow: auto; } .picScroll-left .bd ul li { float: left; width: 1920px; height: 550px; overflow: hidden; } .picScroll-left .bd ul li .img { width: 1920px; height: 550px; overflow: hidden; } .picScroll-left .bd ul li img { width: 1920px; height: 550px; } .picScroll-left .hd { position: absolute; bottom: 10px; z-index: 99; width: 100%; } .picScroll-left .hd ul { display: flex; justify-content: center; align-items: center; overflow: auto; } .picScroll-left .hd ul li { float: left; width: 8px; height: 8px; background: transparent; border: 1px solid #fff; border-radius: 50%; text-indent: -100px; overflow: hidden; margin: 0 5px; } .picScroll-left .hd ul li.on { background: #fff; } .a4_cont { width: 1200px; position: absolute; margin-left: -600px; left: 50%; z-index: 99; top: 0; } .a4_t { font-size: 30px; color: #00285f; line-height: 109px; } .a4_d { text-align: center; margin-top: 96px; font-size: 44px; color: #fff; text-shadow: 1px 1px 1px #000; line-height: 159px; } .a4_more { margin: 0 auto; display: block; width: 128px; height: 40px; background: #0044a2; text-align: center; line-height: 40px; font-size: 14px; color: #fff!important; border-radius: 20px; } .a5 { width: 1243px; margin: 10px auto 0; position: relative; } .a5_t { font-size: 30px; color: #00285f; line-height: 97px; } #multipleColumn {} #multipleColumn .hd { position: absolute; top: 39px; background: url(../images/jiantou.jpg) no-repeat; width: 60px; height: 23px; overflow: hidden; left: 245px; } #multipleColumn .hd a.next { display: inline-block; width: 30px; height: 23px; position: relative; top: auto; background: transparent; } #multipleColumn .hd a.prev { display: inline-block; width: 26px; height: 23px; position: relative; top: auto; background: transparent; } #multipleColumn .bd { margin-bottom: 20px; } #multipleColumn .bd li { float: left; } #multipleColumn .bd li .img { display: block; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; } #multipleColumn .bd li img { width: 100%; height: auto; } #multipleColumn .bd li:nth-child(7) .img { border-bottom: 1px solid #ebebeb; } #multipleColumn .bd li:nth-child(8) .img { border-bottom: 1px solid #ebebeb; } #multipleColumn .bd li:nth-child(9) .img { border-bottom: 1px solid #ebebeb; } #multipleColumn .bd li:nth-child(10) .img { border-bottom: 1px solid #ebebeb; } #multipleColumn .bd li:nth-child(11) .img { border-bottom: 1px solid #ebebeb; } #multipleColumn .bd li:nth-child(12) .img { border-bottom: 1px solid #ebebeb; } #multipleColumn .bd li:nth-child(6n) .img { border-right: 1px solid #ebebeb; } .servers { width: 70px; position: fixed; top: 300px; right: 0%; z-index: 9999; display: none; } .servers li { height: 52px; text-align: center; position: relative; margin-bottom: 2px; } .servers li a { display: block; height: 52px; } .servers li.sr1 a { background: url(../images/1.png) no-repeat; } .servers li.sr5 a { height: 59px; background: url(../images/2.png) no-repeat !important; } .servers li.sr3 a { background: url(../images/3.png) no-repeat; position: relative; } .servers li.sr2 a { height: 59px; background: url(../images/4.png) no-repeat; } .pro-hide { position: absolute; right: 74px; top: 0; width: 0; height: auto; background: #003277; overflow: hidden; color: #fff; font: 400 16px/32px "Microsoft Yahei"; text-align: right; padding: 10px 0; } .servers li.sr4 { background: url(../images/5.png) no-repeat; } .servers li:nth-child(4):hover .pro-hide { padding-right: 5px!important; } /*鍐呴〉*/ /*鏂伴椈*/ .zcp_new { width: 1920px; position: relative; margin-left: -960px; left: 50%; padding-bottom: 45px; } .n_t { text-align: center; font-size: 34px; color: #00285f; line-height: 38px; background: url(../images/n_t.png) no-repeat center 20px; } .n_t span { display: block; font-size: 22px; color: #00285f; line-height: 23px; } .cont_con { background: #fff; padding-top: 8px; padding-bottom: 55px; } .z1 { padding: 0 24px 10px; border-bottom: 1px solid #e9e9e9; margin-top: 12px; width: 1920px; position: relative; left: 50%; margin-left: -960px; box-sizing: border-box; } /*浜у搧*/ .zcp_product { width: 1920px; position: relative; margin-left: -960px; left: 50%; padding-bottom: 45px; } .cont_con1 { background: #fff; padding: 25px 27px 70px 23px; } .cont_con1 .right1 { border: 1px solid #dcdcdc; border-bottom: none; } .zhuan_pro {} .zhuan_pro li { overflow: auto; border-bottom: 1px solid #dcdcdc; padding: 25px 0 45px; } .zhuan_pro li .img { display: block; } .zhuan_pro li .con { display: block; width: 550px; overflow: hidden; } .zhuan_pro li .con h3 a { display: block; font-size: 30px; color: #1f4274; font-weight: normal; } .zhuan_pro li .con dd { font-size: 14px; color: #666666; line-height: 26px; margin: 35px 0; } .zhuan_pro li .con .more { display: block; width: 162px; height: 40px; padding-left: 24px; font-size: 15px; color: #fff; line-height: 40px; background: url(../images/more2.jpg) no-repeat; } .zhuan_pro li:hover .con .more { background: url(../images/more2.jpg) no-repeat; } .zhuan_pro li:hover .con h3 a { font-weight: bold; } .zhuan_pro li:hover .con dd { color: #4c70b0; } .zhuan_pro li:nth-child(odd) .img { float: left; margin-left: 33px; } .zhuan_pro li:nth-child(odd) .con { float: right; margin-right: 72px; } .zhuan_pro li:nth-child(even) .img { float: right; margin-right: 40px; } .zhuan_pro li:nth-child(even) .con { float: left; margin-left: 33px; padding-top: 50px; } /*鍏徃绠€浠?/ .zcp_about { width: 1920px; position: relative; margin-left: -960px; left: 50%; padding-bottom: 45px; } .cont_con2 { background: #fff; margin-top: 0px; padding: 8px 27px 70px 23px; } .zhuan1_t { text-align: center; font-size: 34px; color: #00285f; line-height: 38px; margin-top: 38px; } .zhuan1_t1 { margin-top: 35px; } .zhuan1_img { margin-top: 25px; } .zhuan1_ul {} .zhuan1_ul li { float: left; margin-right: 166px; width: 517px; overflow: hidden; margin-bottom: 20px; } .zhuan1_ul li:nth-child(even) { margin-right: 0; } .zhuan1_ul li h3 { font-weight: normal; font-size: 28px; color: #00285f; line-height: 77px; } .zhuan1_ul li h3 a { display: block; float: right; font-size: 14px; color: #333; line-height: 77px; } .zhuan1_ul li .img { display: block; width: 517px; height: 233px; overflow: hidden; } .zhuan1_ul li .img img { width: 517px; height: 233px; } .zhuan1_ul li dd { font-size: 14px; color: #666; line-height: 25px; margin-top: 11px; } .zhuan1_video { position: relative; width: 1920px; margin-left: -960px; left: 50%; margin-top: 30px; } .zhuan1_v_con { position: absolute; top: 0; width: 1200px; margin-left: -600px; left: 50%; padding-top: 10%; } .zhuan1_v_con dd { text-align: center; text-shadow: 1px 1px 1px #000; font-size: 49px; color: #fff; font-weight: bold; line-height: 159px; } .zhuan1_v_con a { margin: 0 auto; display: block; width: 206px; height: 49px; background: #fff; text-align: center; line-height: 49px; font-size: 18px; color: #043c82!important; border-radius: 20px; } .tong1 { width: 1920px; position: relative; margin-left: -960px; left: 50%; } .xian { height: 1px; background: #00285c; } .daox { color: #000; line-height: 40px; margin-bottom: 30px; } .daox a { color: #000; } .co1-1 { width: 590px; } .slider-for li img { width: 590px; height: 390px; } .slider-nav li img { width: 140px; height: 93px; border: 1px solid #ccc; } .slider-nav li { margin: 0 4px; } .slider-nav li.slick-current img { border: 1px solid #ef001c; } .co1-2 { width: 505px; } .co1-2 h3 { margin-top: 10px; font-weight: 500; font-size: 36px; line-height: 1; color: #000000; /* text-transform: uppercase; */ border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; margin-bottom: 6px; } .co1-2 h3 p { font-size: 18px; margin-top: 10px; } .co1-2 h3 p img { padding-left: 32px; vertical-align: top; } .co1-2 dd { line-height: 26px; font-size: 16px; color: #333333; } .lbx { line-height: 33px; font-size: 16px; color: #000000; margin-top: 12px; padding-bottom: 16px; border-bottom: 1px solid #e4e4e4; margin-bottom: 38px; } .co1-2 a.ck { display: block; } .conty { margin-top: 50px; } .lo { font-size: 18px; font-weight: 500; text-align: center; color: #000000; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; line-height: 42px; } .contento { margin-top: 44px; margin-bottom: 54px; } .plx li { float: left; padding: 29px 17px 60px; border: 1px solid #e4e4e4; margin-right: 62px; } .plx li:last-child { margin-right: 0; } .plx li a.img { display: block } .plx li a.img img { width: 217px; height: 172px; } .plx li h3 { line-height: 68px; font-weight: 500; font-size: 14px; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; /* text-transform: uppercase; */ } .plx li h3 a { color: #000; } .san { background: url(../images/sp.png) center 0 no-repeat; height: 73px; margin-top: 14px; margin-bottom: 14px; box-sizing: border-box; padding-left: 200px; padding-top: 15px; background-size: 100%; } .san li { float: left; margin-right: 138px; } .san li:last-child { margin-right: 0; } .san li .zi { border: 1px solid #dcdcdc; width: 43px; line-height: 43px; font-size: 22px; color: #000000; text-align: center; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; } .san li .zi1 { font-size: 17px; line-height: 1.4; color: #000; padding-left: 17px; padding-top: 4px; } .san li .zi1 p { font-size: 13px; } .san li:hover .zi1 { color: #ff0000; } .san li:hover .zi { color: #ff0000; border-color: #ff0000; }