@charset "utf-8";
@font-face{font-family:'jifont';src:url('JhengHei.ttf') format("opentype");}

@keyframes fade-in{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-in{0%{opacity:0}40%{opacity:0}100%{opacity:1}}
.willerce{animation:fade-in;animation-duration:1s;-webkit-animation:fade-in 1s}
html{animation:fade-in;animation-duration:1s;-webkit-animation:fade-in 1s}
body{ font-family:"jifont", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; color: #181818; font-size: 14px;  /*background: #F7F8FA;*/ }

.width{max-width:1200px;min-width:1200px;margin:0 auto;font-family: "jifont","Microsoft JhengHei", sans-serif;}

.x-header{padding:50px 0; border-right: 1px solid #f3f3f3; position: fixed; top: 100px; z-index: 1000; text-align: center;}

.x-header .logo{ background: #181818; max-width: 64px; margin: 0 auto 50px;}
.x-header .logo img{max-height:64px;}


.x-header .x-nav{ padding: 0 100px;}
.x-header .x-nav a{ display: block; padding:20px; font-size:18px;}
.x-header .x-nav a:hover,.x-header .x-nav a.active {color:#181818; font-weight: bold;}




/*内容*/
.container{display:flex;flex-wrap:wrap;justify-content:space-between;}
.container .container-left{width:200px; background: #fff; padding: 0;}
.container .container-right{width:800px; margin-left:20px;}


.x-list{ margin-top: 100px; list-style: none;}
.x-list a *{ display: block;}
.x-list li{ border-bottom: 1px solid #f3f3f3; padding: 50px 0; overflow: hidden;}
.x-list img{ max-width: 100%;}
.x-list strong{ font-size: 18px;}
.x-list a i{ padding: 10px 0; color: #999; font-size: 14px;}
.x-list p{ color: #666; padding: 10px 0; line-height: 28px;}
 .x-list-bottom{ padding: 10px 0 0; color: #999; font-size: 14px;}
 .x-list-bottom a{ display: inline-block; padding:0 5px; background: #F7F8FA; border-radius:3px;}

.x-page{ padding: 20px; list-style: none; font-size: 14px;}
.x-page *{ display: inline-block; padding: 0 5px;}
.x-page .active a{ font-weight: bold; color: #181818; font-size: 18px;}

.x-show{ margin-top: 150px;}
.x-show h1{ display: block; clear: both; padding: 0;}
.x-show h1 span{ display: inline-block; background: #f23a2e; border-radius:5px; color: #FFF; padding:5px 10px; font-size: 14px; margin: 0 20px 10px 0;}
.x-show .x-page{ text-align: center; padding: 50px 0;}
.x-nx{ margin: 50px auto;}

.x-bread{ display: inline-block; color: #181818; margin: 50px 0 0; font-size: 18px; border-bottom: 1px dotted #eaeaea;}
.x-bread a{ color: #f23a2e; padding: 0 5px;}




/*home*/
.x-home{ padding: 0; background: #fff;  margin-bottom: 200px;}
.x-home a{text-decoration:underline}
.x-home .x-tou img{ width: 418px;}
.x-home strong{ display: block; font-size: 28px; padding:60px 0 20px;}
.x-home p{ display: block; font-size: 16px;}
.x-home p.add{ display: block;  color: #898D99; padding: 20px 0;}







.banner-wrap{margin:20px auto;}
.banner{width:100%;z-index:10;border-radius:20px;overflow:hidden;background:#fff;}
.banner .ui-carousel-item a{height:500px;display:block;width:100%;}
.banner .ui-carousel-item a img{}
.banner .ui-carousel-page{bottom:25px;}
.banner .ui-carousel-page li{height:10px;width:10px;border-radius:10px;transition:all 1s}
.banner .ui-carousel-page li.active{width:40px;}
.ui-carousel-prev,.ui-carousel-next{width:140px;}
.ui-carousel-prev-icon,.ui-carousel-next-icon{background:rgba(0,0,0,.1);width:60px;height:60px;padding:20px;border-radius:50%;font-size:24px;position:relative;}
.ui-carousel-next-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}
.ui-carousel-prev-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}
.nicebox{overflow:hidden;flex-wrap:nowrap;}
.nicebox .ui-col-3{flex:0 0 345px;max-width:345px;margin:0 20px 0 0;}
.nicebox .ui-card{border:0;border-radius:4px;}
.nicebox .ui-card-image{height:220px;overflow:hidden;border-radius:4px 4px 0 0;}
.nicebox .ui-card-image img{border-radius:4px 4px 0 0;height:100%;transition:all .5s;}
.nicebox .ui-card-image:hover img{transform:scale(1.4);}
.nicebox .ui-card-title{height:50px;overflow:hidden;}
.nicebox .ui-card-footer{border:0;border-radius:4px;}
.nicebox .ui-card-text{height:50px;overflow:hidden;}

.boxlist{overflow:hidden;}
.boxlist .ui-col-4{flex:0 0 320px;max-width:320px;margin:0 20px 20px 0;}
.boxlist .ui-col-4:nth-child(3n){margin-right:0;}
.boxlist .ui-card{border:0;border-radius:8px;}
.boxlist .ui-card-image{height:204px;overflow:hidden;border-radius:4px 4px 0 0;}
.boxlist .ui-card-image img{border-radius:4px 4px 0 0;height:100%;transition:all .5s;}
.boxlist .ui-card-image:hover img{transform:scale(1.4);}
.boxlist .ui-card-title{height:50px;overflow:hidden;}
.boxlist .ui-card-body{border:1px solid #eaeaea;border-radius:0 0 4px 4px;}
.boxlist .ui-card-footer{border:0;border-radius:4px;}
.boxlist .ui-card-text{height:50px;overflow:hidden;}
















.link{margin-top:20px;}
.link a{display:inline-block;margin:0 10px 10px 0;}
.link a:hover{border-color:#ccc;}
.copyright{background:#fff;min-width:1440px;padding:40px 0 20px 0;margin-top:20px;line-height:35px;font-weight:400;}
.footnav{color:#999;font-family:宋体;}
.ui-sidebar{position:fixed;right:0;top:0;display:flex;align-items:center;}
.ui-sidebar ul{/*border-radius:0;*/margin-top:35px;}
.ui-sidebar ul li a{width:70px;line-height:60px;}
.ui-sidebar ul li a i{font-size:28px;}
.ui-sidebar ul li div{line-height:60px;font-size:16px;min-width:120px;}
.ui-sidebar ul li:hover div{right:80px;}
.ui-sidebar-color ul li a{color:#f23a2e;}
.ui-sidebar-color ul li a:hover{background:#f23a2e;border-color:#f23a2e;}
.ui-sidebar-color ul li.active a{background:#f23a2e;border-color:#f23a2e;}
.ui-text-color{color:#999 !important;}
.ui-flag{width:100px;height:100px;display:block;overflow:hidden;position:absolute;left:0;top:0;border-radius:14px 0 0 0;}
.ui-flag i{color:#fff;width:120px;height:120px;line-height:190px;text-align:center;position:absolute;font-style:normal;top:-60px;left:-60px;transform:rotate(-45deg);background:#37f;}
.ui-show-title{padding:15px 20px;}
.ui-show-title h1{font-size:32px;color:#1c1f21;line-height:40px;margin:8px 0;}
.ui-show-title div{font-size:14px;color:#999;margin:10px 0;}
.ui-show-image .ui-col-3{flex:0 0 241px;max-width:241px;margin:0 20px 20px 0;}
.ui-show-image .ui-col-3:nth-child(4n){margin-right:0;}
.ui-show-image .ui-card{border:0;border-radius:8px;}
.ui-show-image .ui-card-image{height:220px;overflow:hidden;border-radius:8px;}
.ui-show-image .ui-card-image img{border-radius:8px;height:100%;transition:all .5s;}
.ui-show-image .ui-card-image:hover img{transform:scale(1.4);}
.ui-show-body{padding:15px 20px;line-height:36px;font-size:16px;word-break:break-all;}
.ui-show-body *{max-width:100%;}
.ui-show-body p{font-size:16px;line-height:30px;margin:0 0 20px 0;}
.ui-show-tags{}
.ui-show-tags a{padding:0 10px;line-height:35px;}
.ui-show-share{text-align:right;color:#999;}
.ui-show-share a{display:inline-block;width:40px;line-height:35px;height:40px;border-radius:50%;border:1px solid #eaeaea;margin-left:10px;text-align:center;}
.ui-show-share a i{font-size:22px;}
.ui-show-share a:nth-child(1){color:#1890FF;}
.ui-show-share a:hover:nth-child(1){border-color:#1890FF;}
.ui-show-share a:nth-child(2){color:#ED4014;}
.ui-show-share a:hover:nth-child(2){border-color:#ED4014;}
.ui-show-share a:nth-child(3){color:#19BE6B;}
.ui-show-share a:hover:nth-child(3){border-color:#19BE6B;}
.ui-pre{width:60px;height:60px;display:block;overflow:hidden;position:absolute;left:0;top:0;border-radius:14px 0 0 0;border:1px solid #fff;border-right:0;border-bottom:0;}
.ui-pre i{color:#333;width:106px;height:106px;line-height:185px;text-align:center;position:absolute;font-style:normal;top:-60px;left:-60px;transform:rotate(-45deg);background:#ebebeb;font-size:13px;}
.ui-next{width:60px;height:60px;display:block;overflow:hidden;position:absolute;right:0;top:0;border-radius:0 14px 0 0;border:1px solid #fff;border-left:0;border-bottom:0;}
.ui-next i{color:#333;width:106px;height:106px;line-height:185px;text-align:center;position:absolute;font-style:normal;top:-60px;right:-60px;transform:rotate(45deg);background:#ebebeb;font-size:13px;}
.ui-collapse-menu-title{padding-left:10px;}
.ui-collapse-menu-title.active{background:#fff;}
.ui-collapse-menu-title.active a{color:#f23a2e;}
.ui-media-list-min .ui-media{padding-bottom:5px;margin-bottom:10px;}
.ui-media-list-min .ui-media .ui-media-header{font-size:16px;max-height:46px;}
.ui-card-book{border:1px solid #DFEDFF;border-radius:0 20px 0 0;}
.ui-card-book .ui-card-header{padding:15px 25px;line-height:30px;background:#F8FBFF;border-bottom:1px solid #DFEDFF;border-radius:0 20px 0 0;}
.ui-card-book .ui-card-header .ui-card-header-title{border:0;padding:0;}
.ui-card-book .ui-card-body{padding:20px 25px 25px 25px;word-break:break-all;}
.ui-card-book .ui-card-footer{border-top:0;padding:0 25px 20px 25px;}