@charset "utf-8";
/*全局样式*/
body {margin: 0px;padding: 0px;font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Hiragino Sans GB",'微软雅黑',STHeiti,"WenQuanYi Micro Hei",Arial,SimSun,sans-serif;
    background-repeat: no-repeat;
    background-position: center top 0px;
}
ul,li{list-style: none; }
a{color: #333;text-decoration: none;outline: none;}
a:hover{color: #ff5e66;text-decoration: none;}
img{border: 0;}
.lozad {padding: 0px 0;}

/*通用样式*/
.fl{float: left;}
.fr{text-align: center;}
.clear{clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {*zoom:1;}

/* icon_图标 */
.icon_list{position: relative;padding: 0px;margin-bottom:15px;width:1300px;border: 1px solid #f3dae3; height:102px;border-radius:3px;background-color: rgba(255, 255, 255, 0.5);box-shadow: 0 0 8px rgb(0 0 0 / 10%);}
.icon_list ul{ position: absolute;zoom: 1;top: 0;left: 0;bottom: 0;right: 0;}
.icon_list ul li{ float:left;margin-left: 0px;display: block; width:71.6px;}
.icon_list ul li a{font-size: 12px;overflow: hidden;display: block;width: 71.6px;height: 100px;border-radius: 2px;padding-top: 10px;padding-bottom: 0px;margin: 0 auto;text-align: center;outline: 0;color: #222;text-decoration: none;}
.icon_list ul li a:hover{color:#ff5e66;text-decoration: none;background:#ffebec;font-size: 12px;}
.icon_list ul li img {border-radius: 2px;display: block;margin: 5px auto;width: 55px;height: 55px;border-radius:12px;}
.icon_list ul li .project .title {text-align: center;display: block;margin: 0 auto;margin-top: 0px;line-height: 24px;height: 24px;font-size: 12px;width: 100%;border-radius: 4px;}

.website-wrap {width: 1300px;margin: 0 auto;padding-bottom: 15px;position: relative}
.website-wrap .preset-list {height: 95px;overflow: hidden;}
.website-wrap .preset-list li {float: left;margin-left: 10.5px;box-shadow: 0 0 5px rgb(0 0 0 / 10%);}
.website-wrap .preset-list li a {display: block; width: 71px;height: 90px;background-color: #fff;border: 2px solid #fff;border-radius: 2px;}
.website-wrap .preset-list li a:hover {border-color: #ff5e66;}
.website-wrap .preset-list li a .pic {display: block;width: 55px;height: 55px;margin: 7px auto 0;border-radius: 12px;}
.website-wrap .preset-list li a .title {display: block;width: 100%;height: 18px;font-size: 12px;text-align: center;margin-top: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* category_文字 */
.nav_list{padding:10px 0;width:1300px; margin:0 auto;position: relative;border-radius:4px;border: 1px solid #f3dae3; margin-top:15px; background-color: rgba(255, 255, 255, 0.7);box-shadow: 0 0 5px rgb(0 0 0 / 10%);}
.nav_list .text{border-radius:4px; padding:4px 15px 5px 15px; color:#FFFFFF;font-size: 16px;}
.yellow{background:#EDBD14;}/*黄色*/
.red{background:#ff5e66;}/*红色*/
.Black{background:#333;}/*黑色*/
.green{background:#10A821 !important;}/*绿色*/
.purple{background:#FF00F5;}/*紫色*/
.blue{background:#0367fd;}/*蓝色*/
.gray{background:#999;}/*灰色*/
.hr_solid{width: 1300px;height: 10px;*line-height:0px;margin: 0px 10px 0 10px;}
.hr_solid_no{border-bottom:none !important;}
.category {position: relative;width: 1298px;height: 36px;line-height: 36px;overflow: hidden;}
.category:hover{background:#fdf5f8;}
.category a{color: #333; font-size: 16px;}
.category a:hover{color: #ff5e66;text-decoration: underline;}
.category .more{position: absolute;top: 0px;right: 6px;font-size: 16px;color: #333;}
.category .more:hover{color: #ff5e66;}
.category .type {float: left;width: 120px; padding-left: 20px;}
.category ul{white-space: nowrap;height: 36px;overflow: hidden;}
.category li{float: left;width: 117px;}

.category-top {width: 100%;margin:0 0 2rem 0;position: relative;border-radius:3px;border: 1px solid #f3dae3; background-color: rgba(255, 255, 255, 0.6);overflow: hidden;box-shadow: 0 0 5px rgb(0 0 0 / 10%);}
.category-top a{color: #FF0000; font-size: 0.98rem;overflow: hidden;}
.category-top a:hover{color: #ff5e66;text-decoration: underline;}
.category-top ul{white-space: nowrap;overflow: hidden;overflow: hidden;}
.category-top li{display: block;float: left;line-height: 2.3rem;margin:0 5px 0 5px;overflow: hidden;}
.category-top ul li img{width: 20px; height: 20px; margin:-5px 5px 0 0;vertical-align: middle;}
/* footer 页面底部 */
.link {width: 1300px;border: 1px solid #f3dae3;margin-top:20px;border-radius: 5px;-moz-box-shadow: 1px 2px 2px #ccc;background-color: rgba(255, 255, 255, 0.6);box-shadow: 0 0 5px rgb(0 0 0 / 10%);}
.link ul li {margin: 10px;font-size: 13px;color: #333;}
.link ul li a{margin: 0 10px 0 10px;height: 26px;line-height: 22px;color: #333;}
.link ul li a:hover {text-decoration: underline;color: #ff5e66;}
.linktop {width: 1300px;border-bottom: 1px solid #f3dae3;height: 35px;background: url(/images/link.png) 8px 7px no-repeat;}
.linktop span {margin-left: 40px;line-height: 35px;font-size: 13px;color: #333;}
.footer p {display: block;text-align: center;font-size: 14px;color: #333;line-height:22px;}
.footer p a{margin: 0 10px 0 10px;}
.footer p a:hover{text-decoration: underline;}
.footer{ margin-top:20px; width: 1300px;}
#rfloat {position: fixed;right: 0;opacity: .8;top: 380px;color: rgb(51, 51, 51);border-radius: 10px 0 0 10px;z-index: 99;}
#rfloat ul {width: 50px;margin: 0;padding: 0;text-align: center;z-index: 99;opacity: 1;}
#rfloat ul li {margin :3px 0 3px 0;border-radius: 10px 0 0 10px;background-color: rgba(255, 255, 255, 0.9);}
#rfloat ul li a {padding: 5px 0px;color: #333;display: block;font-size: 0.91rem;}
#rfloat ul li a:hover {color: #ff5e66;font-size: 0.91rem;border-radius: 10px 0 0 10px;transform: translateY(-3px);box-shadow: 0 3px 6px rgb(255 94 102 / 40%);}