@charset "UTF-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0;padding:0; font-family:CustomFont,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;}
li{list-style-type: none;}
a{text-decoration: none; color: inherit; cursor: pointer;}
img{border:none;vertical-align: middle;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.fl{float: left;}
.fr{float: right;}
input{outline: none;border: none;}
input[type="checkbox"]{ display: none; }
html,body{ font-size: 16px; }
.w1200{width: 1100px;margin: 0 auto;overflow: hidden;}


.header{background: url(../images/xxxcrsd/20221114171942bj.png) no-repeat;padding: 35px 0 95px;text-align: center;background-size: 100% 100%;}
.nav-list{background:linear-gradient(50deg,#e20d00, #fd5500 60%) ;border-top: 2px solid #ffe75f;}
.nav-wrap ul{display: flex;}
.nav-wrap ul li{flex: 1;padding: 12px 0;text-align: center;}
.nav-wrap ul li a{ font-weight: 600; font-size: 26px; padding-bottom: 7px;color: #ffe2af;text-decoration: none;text-align: center;}
.nav-wrap ul li a:hover{padding-bottom: 5px;border-bottom: 2px solid #ffe2af;}
.wrap{background: #fff0e8;padding: 0 10px;padding-top: 22px;}

.pic3D{ position: relative; }
.pic3D ul{ width: 850px; height: 490px; margin: 5px auto 0; position: relative; }
.pic3D ul li{ position: absolute; margin:auto; top:0; bottom: 0;transition:.5s;overflow: hidden; }
.pic3D ul li:hover img{transform: scale(1.05);transition: all 0.5s;}
.pic3D ul li p{position: absolute; bottom: 0;left: 0;background-color: #da1513;color: #fff;width: 100%;text-indent: 10px;font-size: 16px;line-height: 33px;}
.pic3D ul li img{ width: 100%; height: 100%; transform: scale(1);transition: all 0.5s ease 0s;}
.pic3D .li0{width: 100%; height: 100%; left: 0; z-index: 5; box-shadow: 0 0 10px black;}
.pic3D .li1{width: 90%; height: 90%; left: 18%; z-index: 3;}
.pic3D .li2{width: 80%; height: 80%; left: 35%; z-index: 2;}
.pic3D .li3{width: 70%; height: 70%; left: 60%; z-index: 1;}
.pic3D .li4{width: 70%; height: 70%; left: -30%; z-index: 1;}
.pic3D .li5{width: 80%; height: 80%; left: -15%; z-index: 2;}
.pic3D .li6{width: 90%; height: 90%; left: -8%; z-index: 3;}
.pic3D ol{ position: absolute; text-align: right; cursor: default; width: 100%; left: 0; bottom:5px; z-index: 10; }
.pic3D ol li{ width: 15px; height: 8px; background: #c80000; cursor: pointer; display: inline-block; margin: 0 2px; }
.pic3D ol li.active{ background: #f3bd00; }

.module2 {margin: 20px 0;display: flex;flex-wrap: wrap; justify-content: space-between;}
.list-box{width: 49%;margin-bottom: 15px;}
.list-box-tit{height: 46px;line-height: 46px;display: flex;justify-content: space-between;border-bottom: 1px solid #ccc;    margin-bottom: 10px;}
.list-box-tit h3{color: #e00000; font-weight: 600;border-bottom: 2px #e00000 solid;font-size: 24px; padding: 0 10px 0 10px;}
.list-box-tit a{color: #b1560c;font-size: 14px; margin-right: 10px;}
.list-box ul li{overflow: hidden;}
.list-box ul li a{float: left;display: block;padding-left: 15px;height: 40px;line-height: 40px; width: calc(100% - 100px);box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../images//xxxcrsd/li-bg.png) no-repeat 5px;}
.list-box ul li span{float: right; color: #4d4d4d;line-height: 40px;    margin-right: 5px;}
.list-box ul li a:hover{color: #e00000;}

.module3 .list-box{width: 100%;}
.module3 .list-box-tit{background: url(../images/xxxcrsd/bg05.png) no-repeat center; border: 0; justify-content: center;}
.module3 .list-box-tit a{margin-right:0;}
.module3 .list-box-tit h3{border: 0; background: url(../images/xxxcrsd/reshidadh.png) no-repeat left;padding-left: 50px;font-size: 27px;}

.module-list{min-height: 300px;}
.module-list .guide{height: 45px; background-color: #f3f3f3;line-height: 45px;color: #626262;margin-bottom: 10px;padding-left: 30px;font-weight: 600;cursor: pointer;background-size: 25px;box-sizing: border-box;    display: flex;}
.module-list .guide .active{color: #ad0b47;}
.module-list .guide span{margin:0 5px;}

.module-list ul{min-height: 200px;}
.module-list ul li{overflow: hidden;border-bottom: 1px dashed #ccc;}
.module-list ul li a{padding-left: 25px;height: 50px;line-height: 50px;float: left;color: #333;display: block;background: url(../images/xxxcrsd/li-bg.png) 10px center no-repeat;width: calc(100% - 100px);box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-size: 8px;}
.module-list ul li:hover a{color: #c1002c;}
.module-list li span{float: right;font-size: 14px;color: #999;line-height: 50px;margin-right: 5px;}
.page-nav{width: 100%;margin: 25px 0;text-align: center;}
.page-nav a{display: inline-block;padding: 0px 10px;margin: 0 5px;line-height: 30px;border-radius: 5px;border: 1px solid #ecebeb;color: inherit;}
.page-nav a.on{background: #cb1610;color: #fff;border-color:#cb1610;}


/* content */
.mod-wrap{width: 1100px;min-height: 400px;margin: 0 auto;overflow: hidden;text-align: left;padding: 20px;box-sizing: border-box;background: #fff;}
.mod-wrap-tit h2{color: #000;font-size: 28px;line-height: 1.5;text-align: center;margin-bottom: 10px;}
.mod-wrap-info{font-size: 14px;margin-bottom: 25px;padding: 16px 10px;text-align: center;color: #777;border-bottom: 1px solid #ddd;}
.mod-wrap-info span{padding: 0 5px;}
.mod-wrap-cont{color: #333;font-size: 18px;line-height: 2;padding: 0 0 20px 0;overflow: hidden;}
.mod-wrap-cont img{max-width: 90%;height: 90%}


.foot{background-color:#a30707}
.foot .mod{display:flex;margin:0 auto;padding:20px 0;width:1200px;justify-content:space-between;align-items:center}
.foot .mod p{color:#fff;text-align:center;font-size:14px;line-height:26px}
.foot .mod p a{color:#fff}