@font-face { font-family: 'Regular'; src: url('./SourceHanSansCN-Regular.otf'); } *{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;} li{list-style-type: none;} a{text-decoration:none;color:#333333;} body{min-width:1200px;max-width:1920px;margin: 0 auto !important; color:#333333;font-size: 18px;font-family: 'Regular';} img{ border:0;} .clear{clear:both;} .no{display:none;} .img{display: block;width:100%;} .box{width:1200px;margin:0 auto;} .over{overflow: hidden} .fl{float: left} .fr{float: right} .border{box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;} .bold{ font-weight:bold;} .hei10{ height:10px; line-height:10px; width:100%} .hei20{ height:20px; line-height:20px; width:100%} .hei30{ height:30px; line-height:30px; width:100%} .hei40{ height:40px; line-height:40px; width:100%} .hei50{ height:50px; line-height:50px; width:100%} .hei60{ height:60px; line-height:60px; width:100%} .hei70{ height:70px; line-height:70px; width:100%} .hei80{ height:80px; line-height:80px; width:100%} .hei90{ height:90px; line-height:90px; width:100%} .hei100{ height:100px; line-height:100px; width:100%} .between{display: flex;flex-direction: row;justify-content: space-between;} .img_center{display:flex;justify-content:center;align-items:center;} .center{display: flex;flex-direction: row;justify-content: space-between;justify-content: space-around;} .ht_img{cursor: pointer; transition: all 0.6s;width:100%;display: block} .ht_img:hover{transform: scale(1.06);} .left_center{display:flex;align-items:center;} /* 棣栭〉 */ .top{ width:100%;height:120px;} .logo{ float:left; height:120px; width:600px; } .logo img{ width:65px; height:79px; } .logo p{color:#6b6d6e; font-size:18px; line-height:31px; padding:10px 0 0 13px;} .logo span{ color:#153687; font-size:28px;display:block;line-height:31px;} .phone{ height:104px;font-size:16px; padding:0 0 0 0; } .phone p{ padding:10px 0 0 7px; text-align:right; color:#5b5b5b; font-size:16px; line-height:21px;} .phone span{ font-size:24px; color:#e04002; display:block;height:40px; line-height:40px;} .phone img{ width:120px; height:120px; margin:0 0 0 16px;} .navbj{ width:100%; height:49px;background:#153687;} .nav{height:49px;} .nav>ul{} .nav>ul>li{height:49px; line-height:49px; text-align:center; position:relative;width:138px; } .nav>ul>li>a{height:49px; line-height:49px; font-size:16px; color:#ffffff; display:block; width:138px; cursor:pointer; } .nav>ul>li>a:hover{ background:#e04002;} .nav_on{ background:#e04002;} .showmenu{ background:#153687; width:138px; position:absolute; left:0; top:49px; display:none; z-index:999;} .showmenu a{ height:50px; line-height:50px; color:#ffffff; font-size:18px; text-align:center; display:block; } .showmenu a:hover{ background:#e04002;} .showmenu1{ background:#153687; width:138px; position:absolute; left:0; top:49px; display:none; z-index:999;} .showmenu1 a{ height:50px; line-height:50px; color:#ffffff; font-size:18px; text-align:center; display:block; } .showmenu1 a:hover{ background:#e04002;} .header_{width: 100%;height: 109px;background:#ffffff;color:#313131;width: 100%; z-index:999; position:absolute;position: fixed ;top:0; left: 0;display: none; z-index:999;box-shadow: 0px 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2); } .header1_{width: 1200px; display: flex;align-items: center;height: 109px;display:flex;justify-content:center;align-items:center;} .header1_ .logo2{display:block; width:70px;} .header1_ .logo2 img{ width:100%;} .header1_ .logo2 a{color:#caac83; font-size:36px; } .nav2>ul{align-items: center;height: 68px; line-height:68px; width:880px; margin:15px 0 0 0;} .nav2>ul>li{align-items: center;height: 68px; line-height:68px;} .nav2>ul>li>a{height:68px;line-height:68px; display:inline-block;font-size: 18px; color: #333333; text-align:center; } .nav2>ul>li>a:hover{color:#e04002; } .nav_on2{color:#e04002 !important; } .img360{-webkit-transition:-webkit-transform 2s} .img360:hover{-webkit-transform: rotate(360deg);} /* 鍐呭 */ .cor{color: #f58021 !important;} .cor1{color: #ffffff !important;} .cor2{color: #666666 !important;} /*棣栭〉*/ .banner{ height:1006px; width:100%; overflow:hidden;} .banner1{ position:relative;} .banner1 ul li{width: 100%;overflow: hidden;position:relative;} .banner1 ul li h5{width: 100%;height: 80px;background: rgba(0, 0, 0, 0.5);position:absolute;left:0;bottom:0;line-height: 80px;text-indent: 1em;font-size: 30px;color: #fff} .banner .prev{display: block;position:absolute;top:0;left:20px;bottom:0;margin:auto;cursor: pointer;} .banner .next{display: block;position:absolute;top:0;right:20px;bottom:0;margin:auto;cursor: pointer;} .banner .bd li{ height:1006px;} .banner .hd{ height:11px; position:absolute; top:48%; right:20px; z-index:1; border-radius:50%; display:none; } .banner .hd ul{ overflow:hidden; zoom:1; float:left; display:none; } .banner .hd ul li{ margin-bottom:8px; width:11px; height:11px; line-height:11px; text-align:center; border:#f74820 solid 1px; cursor:pointer; border-radius:50%; display:none; } .banner .hd ul li.on{ background:#f74820; border-radius:50%;display:none; } .home1{ width:100%; padding:45px 0 70px 0;} .home1_1{ padding:0 0 0 0;} .home1_1 p{ color:#153687; font-size:36px; text-align:center; line-height:60px;} .home1_1 span{ color:#e04002; font-size:24px; height:40px;} .home1_11{ padding:0 0 0 0;} .home1_11 p{ color:#ffffff; font-size:36px; text-align:center; line-height:60px;} .home1_11 span{ color:#ffffff; font-size:24px; height:40px;} .home1_2{ margin:34px auto 40px auto;} .home1_2 li{ width:154px; height:38px; line-height:38px; background:#d7d7d7; border-radius:30px; text-align:center; margin:0 35px; font-size:20px; color:#3a3a3a;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out; cursor:pointer;} .home1_2_{ background:#f4632b !important; color:#ffffff !important;} .home1_3{ height:591px;} .home1_4{ width:293px; height:591px; overflow:hidden; background:#353535;} .home1_4 li{ width:100%; margin:0 auto;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out; cursor:pointer;} .home1_4 li p{ width:215px; margin:0 auto; height:118px; line-height:118px; text-align:center; color:#ffffff; font-size:22px; border-bottom:#6f6f6f dashed 1px;} .home1_4_{ background:#153687; } .home1_4_ p{ border-bottom:0 !important; } .home1_5{ width:893px; height:591px; background:url(../images/home1_51.jpg) no-repeat right bottom; overflow:hidden;} .home1_5 li{ position:relative; width:893px; height:591px; overflow:hidden;} .home1_5 li .home1_7{ width:882px; height:126px; background:rgba(0,0,0,0.7);margin:0 0 0 0; position:absolute; left:0; bottom:13px; z-index:1;} .home1_5 li p{ width:580px; height:126px; color:#ffffff; font-size:18px; line-height:30px; padding:0 0 0 40px; } .home1_5 li a{ width:128px; height:44px; background:#ec642f; color:#ffffff; font-size:20px; margin:40px 40px 0 0} .home1_5 li .home1_6{ width:882px; height:577px; background:#ffffff;} .home1_5 li .home1_6 img{ max-width:882px; max-height:577px;} .home2{ background:url(../images/home2.jpg) no-repeat top center; width:100%; padding:40px 0 80px 0;} .home2_1{ width:1090px; margin:40px auto 0 auto; padding:55px 55px 0 55px;box-shadow: 0 5px 10px rgba(0,0,0,0.2); background:#ffffff; border-radius:20px;} .home2_1 li{ width:518px; float:left; margin-bottom:50px;} .home2_1 li .home2_2{ width:157px; height:157px; border:#cdcdcd solid 3px; border-radius:50%; overflow:hidden;} .home2_1 li .home2_3{ width:335px;} .home2_1 li .home2_3 p{ height:41px; line-height:41px; color:#ec642f; font-size:24px; padding:12px 0 0 0;} .home2_1 li .home2_3 span{ display:block; line-height:24px; color:#575757; font-size:16px;} .home2_1 li:nth-child(2n){ float:right;} .home3{width:100%;} .home3_1{ padding:20px 0 0 0; } .home3_1 li{ width:240px; height:54px; line-height:54px; text-align:center; border-bottom:#ffffff solid 1px; color:#575757; font-size:16px; margin:0 25px;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out; cursor:pointer;} .home3_1_{ border-bottom:#f4632b solid 1px !important; font-size:18px !important; color:#f4632b !important; font-weight:bold; } .home3_2{ background:#f2f7f3; margin:46px auto 0 auto;} .home3_3{ width:580px; height:435px; border:#fff8f2 solid 1px;background:#ffffff;} .home3_3 img{ max-width:580px; max-height:435px; } .home3_4{ width:560px; margin-right:30px; padding:34px 0 0 0;} .home3_4 p{ background:url(../images/home3_4.png) no-repeat; background-position:left 13px; padding:0 0 0 22px; color:#575757; font-size:16px; line-height:34px;} .home4{ width:100%; padding:50px 0 70px 0;} .home4_1{ padding:20px 0 0 0; } .home4_1 li{ height:54px; line-height:54px; text-align:center; border-bottom:#ffffff solid 1px; color:#575757; font-size:16px; margin:0 25px;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out; cursor:pointer;} .home4_1_{ border-bottom:#f4632b solid 1px !important; font-size:20px !important; color:#f4632b !important; font-weight:bold; } .home4_2{ background:#f2f7f3; margin:46px auto 0 auto;} .home4_3{ width:580px; height:435px; border:#fff8f2 solid 1px;background:#ffffff;} .home4_3 img{ max-width:580px; max-height:435px; } .home4_4{ width:560px; margin-left:30px; padding:34px 0 0 0;} .home4_4 p{ background:url(../images/home3_4.png) no-repeat; background-position:left 13px; padding:0 0 0 22px; color:#575757; font-size:16px; line-height:30px;} .home5{ background:url(../images/home5.jpg) no-repeat center center; height:601px; width:100%;} .home5_1{ margin:25px auto 42px auto;} .home5_1 li{ width:170px; height:40px; line-height:40px; margin:0 6px; background:#f2f7f3; border-radius:30px; color:#3158ba; font-size:18px; text-align:center;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out; cursor:pointer;} .home5_1_{ background:#f4632b !important; color:#f2f7f3 !important; } .home5_2{ position:relative;} .home5_3{ width:1129px; margin:0 auto;} .home5_3 li{ width:371px; height:335px; margin-right:8px;} .home5_3 li .home5_4{ width:371px; height:335px; overflow:hidden;} .home5_2 .prev{ position:absolute; left:-18px; top:146px;} .home5_2 .next{ position:absolute; right:-18px; top:146px;} .home6{ padding:43px 0;} .home6_1{ width:1150px; padding:25px; background:#f2f7f3; position:relative; margin:16px auto 0 auto;} .home6_2{ width:603px; height:380px; overflow:hidden;} .home6_2 img{ width:100%;} .home6_3{ width:520px;} .home6_3 p{ height:43px; line-height:43px; padding:7px 0 0 0; color:#153687; font-size:24px;} .home6_3 span{ display:block; line-height:23px; color:#4f5051; font-size:16px;} .home6_3 a{ color:#9c9e99; font-size:16px; float:right; margin-right:30px;} .home6_3 a:hover{ color:#153687;} .home7{} .home7_1{ position:relative; margin:16px auto 30px auto;} .home7_2{ width:1130px; margin:0 auto;} .home7_2 li{ width:200px; margin-right:32.5px;} .home7_2 li .home7_3{ width:200px; height:290px; overflow:hidden; } .home7_2 li p{ height:50px; overflow:hidden; color:#565756; font-size:15px; line-height:50px; overflow:hidden; text-align:center;} .home7_1 .prev{ position:absolute; left:0; top:130px;} .home7_1 .next{ position:absolute; right:0; top:130px;} .home7_4{ position:relative;} .home7_5{ width:1090px; margin:0 auto;} .home7_5 li{ width:210px; margin-right:10px;} .home7_5 li .home7_3{ width:210px; height:300px; overflow:hidden; } .home7_4 .prev{ position:absolute; left:0; top:140px;} .home7_4 .next{ position:absolute; right:0; top:140px;} .home8{ padding:40px 0;} .home8_1{ width:560px;} .home8_2{ width:100%; height:70px; line-height:70px; border-bottom:#8e8e8e solid 1px; color:#504f4f; font-size:26px; cursor:pointer;} .home8_2:hover{ color:#ec642f;} .home8_3{ width:560px; height:182px; overflow:hidden; margin:20px auto 15px auto;} .home8_4{} .home8_4 p{ color:#333333; font-size:17px; height:28px;} .home8_4 p span{ font-size:12px; margin-right:8px; width:12px;} .home8_4 p label{ font-size:12px; margin-right:8px; width:12px;} .home8_4 p a{ color:#a4a3a0; font-size:16px;} .home8_4 p a:hover{ color:#ec642f;} .home9{ width:1100px; margin:0 auto;} .home10{width:1100px; height:60px; background:url(../images/home10.jpg) no-repeat bottom center;} .home10 p{width:600px; height:60px; color:#2f2b20; font-size:20px;} .home10 a{ color:#2f2b20; font-size:16px; height:60px;} .home10 a{ color:#a4a3a0; font-size:16px;} .home11{width:1100px; margin:10px auto 30px auto;} .home11 li{width:12.5%; float:left; height:35px; line-height:35px;} .home11 li a{ color:#2f2b20; font-size:16px;} .home11 li a:hover{ color:#ec642f; font-size:16px;} .navbj1{ width:100%; height:50px;background:#353535;} .nav1{height:50px;} .nav1>ul{} .nav1>ul>li{height:50px; line-height:50px; text-align:center; } .nav1>ul>li>a{height:50px; line-height:50px; font-size:16px; color:#ffffff; display:block; width:138px; } .nav1>ul>li>a:hover{ background:#e04002;} .nav_on1{ background:#e04002;} .bot1{ background:#1b1b1b; width:100%; padding:28px 0;} .bot2{ height:95px;} .bot3{ color:#bababa; font-size:16px; line-height:27px; padding:17px 0 0 0; text-align:center;} .bot3 a{color:#bababa; font-size:16px;} .bot3 a:hover{color:#bababa; font-size:16px;} .bot4{ padding:18px 0 0 0;} .bot4 li{ width:120px; height:120px; background:#ffffff; border-radius:3px; margin:0 auto;} .bot4 li img{ width:116px;} .bot4 p{ color:#bababa; font-size:16px; height:40px;} .erjibanner{ width:100%; height:500px; background-repeat:no-repeat; background-position:center center;} .about{ color:#20296c; font-size:16px; height:100px; line-height:110px; padding-top:10px;} .about a{ color:#20296c; font-size:16px;} .about a:hover{ color:#d11a18; font-size:16px;} .about1{font-size: 19px;color:#161615;line-height:35px;margin:35px auto;} .about1_1{ background:#ebeae6; background-image:url(../images/about1.jpg); background-repeat:no-repeat; background-position:bottom center;} .about2{font-size: 16px;color: #666666;line-height: 40px;margin-top:60px;} .about4{ margin-top:30px; margin-bottom:25px;} .about4 li{ width:283px; cursor:pointer;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out; } .about4 li .home4_6{ width:283px; height:202px; overflow:hidden;} .about4 li .home4_6 img{ width:283px; height:202px; } .about3{ padding-bottom:90px;} .about5{background: url(../images/about5.png) no-repeat;background-position: center 200px;height: 700px;} .about6{ padding:0;} .about10{ margin:100px auto 0 auto; border:#e0e0e0 solid 1px; background:#f8f8f8;} .about10 li { width:298px; border-right:#e0e0e0 solid 1px; float:left; text-align:center; padding:80px 0 0 0; height:290px;} .about10 li .about11{ width:96px; height:96px; margin:0 auto;} .about10 li b{ color:#404040; font-size:19px; height:50px; line-height:50px; display:block;} .about10 li span{ color:#262626; font-size:16px; line-height:26px; padding:15px 0 0 0; display:block; width:80%; margin:0 auto;} .about10 li p{ color:#1f1f1f; font-size:13px; line-height:50px; display:block; width:80%; margin:0 auto;} .about10 li:nth-child(4){ border-right:0;} .about10 li .about12{ background:url(../images/about10_4.jpg); width:167px; height:173px; margin:0 auto;} .about10 li .about12 img{ width:135px;} .map{width:1200px;height:775px; margin:0 auto;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} .erji8{ width:1200px; margin:0 auto;} .erji8 li{ width:100%; margin-bottom:25px; background:#ffffff; padding:20px 0; box-shadow: 0px 3px 10px rgba(0,0,0,0.1);} .erji8 li .erji9{ width:1160px; margin:0 auto;} .erji8 li .erji9 .erji9_1{ float:left; margin-right:20px; width:320px; height:200px; overflow:hidden;} .erji8 li .erji9 .erji9_1 img{ width:320px;} .erji8 li .erji9 .erji10{ float:left; width:820px;} .erji8 li .erji9 .erji14{ float:left; width:1100px !important;} .erji8 li .erji9 .erji10 .erji11 { font-size:18px; color:#333333; height:50px; line-height:50px;} .erji8 li .erji9 .erji10 .erji12 { background:url(../images/erji12.jpg); background-repeat:no-repeat; background-position:left center; color:#757575; font-size:14px; padding-left:25px; height:30px; line-height:30px;} .erji8 li .erji9 .erji10 .erji12 span{ background:url(../images/erji12_.jpg); background-repeat:no-repeat; background-position:left center; color:#757575; font-size:14px; padding-left:25px; height:30px; line-height:30px; margin-left:18px;} .erji8 li .erji9 .erji10 .erji13{ color:#666666; font-size:16px; line-height:26px; width:100%; padding:10px 0;} .sxy{margin:40px auto 0 auto;width:100%;font-size: 14px;color:#666} .sxy1{width:100%;height:30px;} .sxy2{width:100%;height:30px;} .sxy a{font-size: 14px;color:#666} .con {padding: 50px 0 80px;min-height: 200px;} .article_title{text-align: center;margin-bottom: 40px} .article_title h2{font-size:24px;color:#333;} .article_title p{font-size: 14px;color:#858585;margin-top: 12px;} .article_body{ width:100%;word-wrap:break-word;font-size: 18px;line-height:35px;} .article_body img{max-width:100%; display:block; margin:0 auto;} .fenlei1{width:1023px;} .case{ padding:0 0; width:1023px;} .case li{ width:334px; float:left; margin-right:10px; margin-bottom:12px;} .case li p{background: #1a3187; color: #ffffff; font-size: 17px; height: 65px; line-height: 65px; overflow: hidden; text-align: center;} .case li .case2{width:334px; height:252px; overflow:hidden;} .case li .case2 img{width:100%;} .case li:nth-child(3n){ margin-right:0;} .fenlei{ width:155px;} .fenlei li{ width:155px; margin-bottom:14px;} .fenlei li a{ width:155px; height:50px; background:#c8c8c8; display:block; text-align:center; line-height:50px; color:#434342; font-size:24px;} .fenlei li a:hover{ background:#153687; color:#f2f2f0;} .fenlei_ { background:#153687 !important; color:#f2f2f0 !important;} .flei{ width:266px;} .flei1{ width:266px; height:84px; line-height:84px; text-align:center; background:#153687; color:#ffffff; font-size:30px;} .flei2{ height:64px; background:url(../images/flei2.png) no-repeat; background-position:32px center; padding:0 0 0 68px; color:#666666; font-size:20px; line-height:64px;} .flei2 a{ color:#666666; font-size:20px;} .flei3{ width:266px; padding:16px 0; background:#ffffff;} .flei3 a{ height:35px; color:#666666; font-size:16px;} .flei3 a span{ background:#183286; height:2px; width:6px; display:block; margin-right:18px; margin-left:38px;} .flei3 a:hover{color:#ec642f; font-size:16px;} .flei3_{color:#ec642f !important; font-size:16px;} .flei4{width:907px; background:#ffffff;} .flei5{ background:url(../images/flei5.jpg) no-repeat bottom center; height:50px; line-height:50px; color:#666666; font-size:24px;} .acase{ padding:34px 0 0 0 ; width:865px; margin:0 auto;} .acase li{ width:276px; border:#818181 solid 1px; float:left; margin-right:15.5px; margin-bottom:19px;} .acase li p{ background:#1a3187; color:#ffffff; font-size:17px; height:65px; line-height:65px; overflow:hidden; text-align:center;} .acase li .case2{width:276px; height:276px; overflow:hidden; border-bottom:#818181 solid 1px;} .acase li .case2 img{width:100%;} .acase li:nth-child(3n){ margin-right:0;} .pagination{ width:100%; font-size:18px; color:#333333; text-align:center; margin:60px auto ;} .pagination li{ width:35px; height:35px; text-align:center; line-height:35px; display:inline-block; margin:0 3px; background:#f5f5f5;} .pagination li a{width:35px; height:35px; display:block; color:#333333;} .pagination li a:hover{ color:#ffffff; background:#0b75d1;} .mabout{ color:#153687; font-size:30px; height:70px; padding:40px 0 0 0;} .mabout1{ background:url(../images/mabout1_1.png) repeat-x; background-position:center 210px;min-height:230px; position:relative; margin:30px auto 0 auto;} .mabout2{} .mabout2 li{ width:20%; float:left; min-height:162px;} .mabout2 li span{ width:100%; color:#053984; font-size:15px; height:25px; line-height:25px; display:block; font-weight:bold;} .mabout2 li p{ min-height:123px; } .mabout2 li p label{background:url(../images/mabout1.png) no-repeat; background-position:left 8px; padding:0 0 0 9px; display:block; line-height:25px; color:#454545; font-size:16px;} .mabout2 li b{ height:157px; display:block; background:url(../images/mabout2.png) no-repeat left bottom;padding:118px 0 0 0; width:100%;} .mabout2 li strong{ height:157px; display:block; background:url(../images/mabout21.png) no-repeat left top;padding:65px 0 0 0; width:100%;} .mabout2 li:nth-child(2n) p{display:flex;align-items:flex-end;} .mabout1 .prev{ position:absolute; left:520px; top:460px;} .mabout1 .next{ position:absolute; left:620px; top:460px;} .xf{width:70px;height: 366px;position: fixed;top:0;right: 1%;bottom:0;margin:auto;z-index: 999} .xf>ul{height: 100%;text-align: center;} .xf>ul>li{width:69px;height: 69px;background: #153687; position: relative; margin-bottom:3px;} .xf>ul>li>a{width: 100%;height: 100%;} .xf>ul>li:last-child{background: #babbbc; } .xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 90px;margin:auto;border-radius: 13px;background-color: #fff;} .xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;} .xfl1{width: 230px;font-size: 20px;} .xfl2{width: 130px;height: 130px; padding:5px;} .xf>ul>li:hover{ background:#f4632b;} .xf>ul>li:hover .xfl{display: flex;} .xf>ul>li:hover .xf0{display: none;} .xf>ul>li:hover .xf0_{display: inline-block;} .xf>ul>li:hover a>p{font-size: 14px;}