@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: 1200px;margin: 0 auto;overflow: hidden;}

body{    background: linear-gradient(#abd8da, #fcf2f1 60%);}
.header{background: url(../images/2022szzt/dbg_top.png) no-repeat;height: 700px;text-align: center;line-height: 480px;}
.wrap{margin-top: -220px;background: #fff;padding: 0 10px;padding-top: 22px;    border-radius: 35px 35px 0 0;}

.pic3D{ position: relative; }
.pic3D ul{ width: 850px; height: 500px; margin: 5px auto 0; position: relative; }
.pic3D ul li{ position: absolute; margin:auto; top:0; bottom: 0; box-shadow: 0 0 10px black; transition:.5s; border-radius: 5px;overflow: hidden; }
.pic3D ul li:hover img{transform: scale(1.1);transition: all 0.5s;}
.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;}
.pic3D .li1{width: 90%; height: 90%; left: 20%; z-index: 3;}
.pic3D .li2{width: 80%; height: 80%; left: 40%; 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: -20%; z-index: 2;}
.pic3D .li6{width: 90%; height: 90%; left: -10%; z-index: 3;}
.pic3D ol{ position: absolute; text-align: center; cursor: default; width: 100%; left: 0; bottom:20px; z-index: 10; }
.pic3D ol li{ width: 14px; height: 7px; background: rgba(0,0,0,.8); cursor: pointer; display: inline-block; margin: 0 2px; }
.pic3D ol li.active{ background: #FFF; }

.module2 {margin-top: 20px;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;background-color: #fdf0f0;border-radius: 5px;    padding-left: 5px;margin-bottom: 10px;}
.list-box-tit h3{color: #000; font-weight: 600;border-bottom: 4px #c1002c solid;padding: 0 10px 0 40px; background: url(../images/2022szzt/th.png) no-repeat 3px;background-size: 32px;}
.list-box-tit a{color: #CCCCCC;font-size: 14px; margin-right: 10px;}
.list-box-tit h3 i{color: #c1002c;font-style: normal;font-size: 22px;}
.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/2022szzt/li-arr.png) no-repeat 5px;}
.list-box ul li span{float: right; color: #ccc;line-height: 40px;    margin-right: 5px;}
.list-box-bot{width: 100%;}
.list-box-video{width: 100%;}
.list-box-video ol{display: flex;justify-content: space-around;}
.list-box-video ol li{width: 230px;height: 180px;}
.list-box-video ol li a{position: relative;display: block;width: 100%;height: 100%;overflow: hidden;}
.list-box-video ol li img{width: 100%;height: 100%;}
.list-box-video ol li i{background: url(../images/2022szzt/icon-vedio.png) no-repeat center center;position: absolute;top: 0;left: 0;display: block;width: 230px;height: 180px;opacity: 0;transition: all 0.5s ease 0s;}
.list-box-video ol li:hover i{opacity: .5;background-color: #000;transform: scale(1.3);}

.module-list{min-height: 300px;}
.module-list .guide{width: 1200px;height: 45px;background:url(../images/2022szzt/icondw.png) 5px no-repeat ; 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>a{display: block;    background: url(../images/2022szzt/iconsp.png) no-repeat 0;    margin: 0 5px;    padding-left: 40px;    background-size: 35px;}
.module-list .guide .active{color: #ad0b47;}
.module-list .guide span{margin:0 5px;}

.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/2022szzt/li-arr.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: 1200px;min-height: 400px;margin: 0 auto;overflow: hidden;text-align: left;padding: 40px;box-sizing: border-box;}
.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;}




.foot{background-color:#cb1610}
.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}