/* 是一个CSS声明，用于定义文档的字符编码。这里指定的是UTF-8字符编码。 */
@charset "utf-8";
/* 设置body */
body{font-size: 12px;font-family:"PingFang SC", "Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;background-color: #fff;}
/* 版心 */
.w {width: 1400px;margin: 0 auto;padding: 0;}
/* 显示一行超出省略号 */
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* 可以对选中文本进行自定义样式设计，例如改变选中文本的背景色、文字颜色等 */
::selection{background:#06f;color:#fff;}
/* 是一个用于 Firefox 浏览器的 CSS 伪元素选择器，与 ::selection 类似，但它专为 Firefox 设计 */
::-moz-selection{background:#06f;color:#fff;}
/* 可以为输入框的占位符文本设置特定的样式，例如颜色、字体、大小 */
::-webkit-input-placeholder{text-overflow:ellipsis}
/* 可以对滚动条进行自定义样式设计，例如改变滚动条的颜色、宽度、背景 */
::-webkit-scrollbar{width:8px;height:8px;overflow:auto}
/* 可以对滚动滑块进行自定义样式设计，例如改变滑块的颜色、大小、背景等 */
::-webkit-scrollbar-thumb{background-color:#e6e6e6;min-height:25px;min-width:25px;border:1px solid #e0e0e0}
/* 可以对滚动条轨道进行自定义样式设计，例如改变轨道的颜色、背景等 */
::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #efefef}

/*设置分页*/
.pagination{ width:auto; height:auto; overflow:hidden; clear:both; text-align:center;  margin:20px auto 20px auto;}
.pagination li{ min-width:32px; height:32px;text-align:center; display:inline-block; line-height:32px; margin-right:4px;border:solid 1px #d9d9d9; border-radius:4px;}
.pagination li:first-child a,.pagination li:last-child a{box-sizing: border-box;padding: 0 10px;}
.pagination li a{ width:100%; height:32px; text-align:center; line-height:32px; display:block; font-size:14px; color:#666; box-sizing: border-box; }
.pagination li:hover,.pagination li.active{ background:#c59d58; color:#fff; border:solid 1px #c59d58; }
.pagination li:hover a{ color: #fff;}

/* 设置文章上一页下一页 */
.article-pager{ width:100%; height:38px; margin:15px auto 15px auto; clear:both; text-align:center;}
.article-pager li{ width:130px; height:38px; border:solid 1px #efefef; text-align:center; display:inline-block; line-height:38px; box-sizing:border-box; border-radius:4px; background:#fff; margin-right:7px;}
.article-pager li a{ width:100%; height:38px; display:block; color:#333; font-size: 13px;}
.article-pager li a span{ font-size: 13px;}
.article-pager li:hover{  border:solid 1px #c59d58;}
.article-pager li:hover a{ color:#c59d58;}

/* 文章详情 */
.ui-cont{line-height: 280%; font-size: 16px; font-family:"PingFang SC", "Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif !important;}
.ui-cont p,.ui-cont div{font-family:"PingFang SC", "Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif !important;line-height: 280%; font-size: 16px;}
.ui-cont img,.ui-cont input{ max-width: 100% !important; height: auto !important; border-radius: 4px; display: block; margin: 0 auto;}

/* 无数据 */
.ui-nodata{ text-align: center; padding: 20px; box-sizing: border-box; overflow: hidden; width: 100%;}
.ui-nodata img{ display:block; margin: 0 auto;}
.ui-nodata p{ font-size: 13px; color: #666; line-height: 38px;}

/* 头部 */
.header {width: 100%;height: 100px;background-color: #fff; border-top: 6px solid #c59d58;position: relative;}
.header .w {position: relative;display: flex;align-items: center;height: 100%;}
.header .logo {font-size: 0;height: 60px;}
.header .langchange {display: flex;position: absolute;align-items: center;justify-content: space-between;right: 0;width: 78px;height: 20px;font-size: 18px;color: #333333; cursor: pointer;}
.header .langchange img {width: 20px;height: 20px;}
.header .langchange img:last-child {width: 13px;height: 8px;}
.header .nav {display: block;flex: 1;margin-left: 230px;margin-right: 142px;}
.header .nav ul{ display: flex;align-items: center;justify-content: space-between;}
.header .nav ul li a {font-size: 18px;color: #333;}
.header .nav ul li.active a,.header .nav ul li:hover a{color: #c59e58;}
/* 分类 */
.menu-wrapper{display: block;position: absolute;right: 0;width: 60px;  height: 60px;  background-color: #fff;  cursor: pointer;padding: 5px 15px;background-color: #fff;}
.x-shape,.x-shape::before,.x-shape::after {width: 30px;background: #c59e58;height: 3px;} 
.x-shape {position: relative;transform: translateY(25px);transition: all 0ms 300ms;}
.x-shape.animate {background: rgba(255, 255, 255, 0);}
.x-shape:before {content: "";position: absolute;left: 0;bottom: 10px;transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.x-shape:after {content: "";position: absolute;left: 0;top: 10px;transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.x-shape.animate:after {top: 0; transform: rotate(45deg);transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.x-shape.animate:before {bottom: 0;transform: rotate(-45deg);transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.dropmenu {width: 140px;position: absolute;z-index: 10;height: auto; right: 0;background-color: #c59e58; display: none; overflow-y: scroll;}
.dropmenu li {height: 35px;line-height: 35px;}
.dropmenu li:hover {background-color: rgba(255, 255, 255, 0.2);}
.dropmenu li a {font-size: 14px;color: #fff;display: block;padding: 0 10px;}
.changelangmenu{position: absolute;right: 0;height: auto;width: 180px;display: none;flex-direction: column;background-color: #fff;z-index: 10;}
.changmenuwrap {width: 1400px;margin: 0 auto;padding: 0;position: relative;}
.changelangmenu a {line-height: 40px;height: 40px;font-size: 18px;color: #333;padding: 0 15px;display: block;}
.changelangmenu a:hover{color: #c59d58;}
/* 底部 */
.footer {width: 100%;height: auto;padding-top: 54px;background-color: #2e2e2e;}
.copyfooter {width: 100%;padding: 30px 0px;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.copyfooter .w {display: flex;justify-content: space-between; align-items: center; height: 100%; color: #cecece;font-size: 16px;line-height: 30px;}
.copyfooter a:hover {color: #c59d58;}
.footermain .w{display: flex;justify-content: space-between; padding-bottom: 10px;}
.footermain .contactus {width: 400px;}
.footermain dt {font-size: 18px; color: #ffffff;text-align: left;margin-bottom: 24px;}
.footermain dd {font-size: 16px;color: rgba(255, 255, 255, 0.5);line-height: 41px;}
.footermain .code {display: block; width: 138px;height: auto;font-size: 16px;line-height: 40px;text-align: center; color:rgba(255, 255, 255, 0.5);}
.footermain .code .pic {padding: 8px;background-color: #fff;width: 138px;height: 138px;overflow: hidden;}
.footermain .contactus dt {margin-bottom: 34px;}
.footermain .contactus dd{display: flex;align-items: center;margin-bottom: 20px;}
.footermain .contactus dd span {margin-left: 20px;}
.footernav {display: flex;flex: 1;margin-left: 100px;margin-right: 80px; justify-content: space-between;}
.footernav a:hover {color: #c59d58;}

/* 其他页面的banner */
.otherbanner{width: 100%;height: calc( (100% - 1920px ) / 1920 * 400);overflow: hidden;}
.otherbanner img {width: 100%;height: 100%;object-fit: cover;}

/* 其他页面导航 */
.othernav{width: 100%;border-bottom: 1px solid #f5f5f5; background-color: #fff;}
.othernav .w {display: flex;justify-content: space-between;padding: 30px 0;}
.othernav .currentnav {display: flex;flex-wrap: wrap;}
.othernav .currentnav a {font-size: 20px;font-weight: bold; color: #333333;padding: 0 25px;position: relative;line-height: 20px;}
.othernav .currentnav a:first-child{padding-left: 0;}
.othernav .currentnav a:not(:last-child):after {content: '';position: absolute;width: 1px;background-color: #9f9f9f;height: 20px;right: 0;}
.othernav .currentnav a:hover{color: #c59d58;}
.othernav .currentnav a.active{color: #c59d58;}
.othernav .historynav a {font-size: 16px; color: #666;}
.othernav .historynav a:not(:last-child)::after{content: '>';padding: 0 10px;}

/* 文章详情 */
.ui-article {width: 100%;margin: 20px auto 5px auto; height: auto; box-sizing: border-box; overflow: hidden;}
.ui-article h2{ line-height: 40px; font-size: 20px; text-align: center;}
.ui-hot{ width: 20px; height: 20px; line-height: 20px; font-size: 12px; background-color: #f00; color: #fff; display:inline-block; margin-left: 5px; position: relative; top: -3px; border-radius: 4px; text-align: center;}
.ui-top{ width: 20px; height: 20px; line-height: 20px; font-size: 12px; background-color: #52c41a; color: #fff; display:inline-block; margin-left: 5px; position: relative; top: -3px; border-radius: 4px; text-align: center;}
.ui-art-tags{ text-align: center; line-height: 35px; font-size: 13px; color: #999; border-top: solid 1px #efefef; border-bottom: solid 1px #efefef; margin: 15px auto;}
.ui-art-tags span{ margin: 0 5px;}

/* 超小型设备（电话，600px 及以下） */
@media only screen and (max-width: 600px) {
    /* 版心 */
    .w {width: 100%;margin: 0;padding: 0 15px;}

    .header {height: 66px;}
    .header .logo {height: 36px;}
    .header .logo img {height: 36px;}

    /* 设置分页样式*/
    .pagination{margin:10px auto;}
    .pagination li{ min-width:22px; height:22px;line-height:22px; margin-right:4px;border:solid 1px #d9d9d9; border-radius:4px;}
    .pagination li a{ width:100%; height:22px; text-align:center; line-height:22px; display:block; font-size:14px; color:#666; box-sizing: border-box; }
    .pagination li:hover,.pagination li.active{ background:#38a0f4; color:#fff; border:solid 1px #38a0f4; }
    .pagination li:hover a{ color: #fff;}
    /* 设置文章上一页下一页 */
    .article-pager li{ height:38px; border:solid 1px #efefef; text-align:center; line-height:38px; box-sizing:border-box; border-radius:4px; background:#fff;  clear: both; width:calc((100% - 30px)/3);}
    .article-pager li:nth-child(3n){ margin: 0;}

    /* 头部设置 */
    .header .langchange,.header .nav {display: none;}
    .menu-wrapper{display: block;}
    .copyfooter .w {flex-direction: column; align-items: normal;}

    /* 底部设置 */
    .footer {padding-top: 25px;}
    .footermain .contactus {width: 100%;}
    .footermain .contactus dt {margin-bottom: 20px;}
    .footermain .contactus dd{display: flex;align-items: center;margin-bottom: 15px;}
    .footermain .code {display: none;}
    .footernav{display: none;}

    /* 其他页面的banner */
    .otherbanner{height: 200px;}
    /* 其他页面导航 */
    .othernav .w {padding: 15px 0;}
    .othernav .historynav {display: none;}
    .othernav .currentnav a{margin-bottom: 10px;}
    .othernav .currentnav a {font-size: 15px;font-weight: bold; color: #333333;padding: 0 15px;position: relative;line-height: 20px;}
    .othernav .currentnav a:first-child{padding-left: 15px;}

    .ui-hot{ width: 16px; height: 16px; line-height: 16px; font-size: 10px; position: relative; top: 0px;}
    .ui-top{ width: 16px; height: 16px; line-height: 16px; font-size: 10px; position: relative; top: 0px;}

}
/* 小型设备（纵向平板电脑和大型手机，600 像素及以上） */
@media only screen and (min-width: 600px) {
    /* 版心 */
    .w {width: 100%;margin: 0;padding: 0 15px;}
    /* 头部设置 */
    .header .langchange,.header .nav {display: none;}
    .menu-wrapper{display: block;}
    .footernav{display: none;}

    /* 其他页面的banner */
    .otherbanner{height: 200px;}
    /* 其他页面导航 */
    .othernav .w {padding-top: 15px; padding-bottom: 10px;}
    .othernav .historynav {display: none;}
    .othernav .currentnav a{margin-bottom: 5px;}
    .othernav .currentnav a {font-size: 15px;font-weight: bold; color: #333333;padding: 0 15px;position: relative;line-height: 20px;}
    .othernav .currentnav a:first-child{padding-left: 15px;}

    .ui-hot{ width: 16px; height: 16px; line-height: 16px; font-size: 10px; position: relative; top: 0px;}
    .ui-top{ width: 16px; height: 16px; line-height: 16px; font-size: 10px; position: relative; top: 0px;}

    
}
/* 中型设备（横向平板电脑，768 像素及以上） */
@media only screen and (min-width: 768px) {

}
/* 大型设备（笔记本电脑/台式机，992px 及以上） */
@media only screen and (min-width: 992px) {

}
/* 大型设备（笔记本电脑/台式机，992px 及以上） */
@media only screen and (min-width: 1200px) {
    .w {width: 1200px;margin: 0 auto;padding: 0;}
    .changmenuwrap {width: 1200px;margin: 0 auto;padding: 0;position: relative;}

    /* 头部设置 */
    .header .nav {display: block;}
    .header .langchange {display:  flex;}
    .menu-wrapper{display: none;} 
     /*底部设置 */
    .footernav{display: flex;}

    /* 其他页面的banner */
    .otherbanner{height: calc( (100% - 1920px ) / 1920 * 400)}
    /* 其他页面导航 */
    .othernav .w {padding-top: 30px; padding-bottom: 15px;}
    .othernav .historynav {display: block;}
    .othernav .currentnav a{margin-bottom: 15px;}
    .othernav .currentnav a {font-size: 20px;font-weight: bold; color: #333333;padding: 0 15px;position: relative;line-height: 20px;}
    .othernav .currentnav a:first-child{padding-left: 15px;}

    .ui-hot{ width: 20px; height: 20px; line-height: 20px; font-size: 12px; background-color: #f00; color: #fff; display:inline-block; margin-left: 5px; position: relative; top: -3px; border-radius: 4px; text-align: center;}
.ui-top{ width: 20px; height: 20px; line-height: 20px; font-size: 12px; background-color: #52c41a; color: #fff; display:inline-block; margin-left: 5px; position: relative; top: -3px; border-radius: 4px; text-align: center;}


}
/* 超大型设备（大型笔记本电脑和台式机，1400px 及以上） */
@media only screen and (min-width: 1400px) {
    .w {width: 1400px;margin: 0 auto;padding: 0;}
    .changmenuwrap {width: 1400px;margin: 0 auto;padding: 0;position: relative;}

}