body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
a img {border:0}
body { color: #787878; text-align:left; font: 14px "Microsoft YaHei"; }
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#646464;text-decoration:none}
a:hover {  color:#ce0a16;}
.clr { clear:both;}
.le { float:left;}
.ri { float:right;}

.blc20 {height:20px;}
.blc30 {height:30px;}
.blc40 {height:40px;}
.blc50 {height:50px;}
.blc70 {height:70px;}

body {  position:relative;}
.main { width:100%;min-width:1200px;max-width:2000px;margin:0px auto;}
.con { width:1200px; margin:0 auto;}


.bg1 {height:823px; background:url(../images/zt1/bg1.jpg) top center no-repeat;}

.bg2 {height:500px; background:url(../images/zt1/bg2.jpg) top center no-repeat;}


.dy { width:510px; margin-left: 32px; padding-top: 106px;}
.dy img { margin-bottom:45px;}
.dy p {font-size:22px; color:#fff; line-height: 40px; text-indent: 1.5em; margin-bottom: 10px;}

.vio {width:620px; height: 365px; padding-top: 90px;}



.tw {overflow:hidden;}
.tw li {float:left;width:370px;height:220px; margin:0 15px 30px; vertical-align:top;font-size:12px;line-height:18px;min-height:18px;text-align:center;padding:0px;overflow:hidden; position:relative; list-style:none; border-radius: 5px;}
.tw li img{ width:370px;height:220px;border:0px; object-fit: cover; border-radius: 5px;}
.tw li a:hover img { width:368px; height:218px; border:1px solid #e9122d;}
.tw li p { padding:0 10px; position:absolute; left:0; bottom:0; color:#fff; background:#000; text-align:center; font-size:16px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;width:350px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.tw li a:hover p { background:#e9122d; ilter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity: 0.9}
.tw li span {width:72px; height: 72px; background: url(../images/zt1/spvio.png) center no-repeat; position: absolute; top:50%; margin-top: -50px; left: 50%;margin-left: -36px;}
.tw li a:hover span {width:72px; height: 72px; background: url(../images/zt1/spvio1.png) center no-repeat; position: absolute; top:50%; margin-top: -50px; left: 50%;margin-left: -36px;}

.tws {overflow:hidden;}
.tws li {float:left;width:270px;height:545px; margin:0 15px 30px; vertical-align:top;font-size:12px;line-height:18px;min-height:18px;text-align:center;padding:0px;overflow:hidden; position:relative; list-style:none; border-radius: 5px;}
.tws li img{ width:270px;height:545px;border:0px; object-fit: cover; border-radius: 5px;}
.tws li a:hover img { width:270px; height:545px; border:1px solid #e9122d;}
.tws li p {position:absolute; left:0; bottom:0; color:#fff; background:#000; text-align:center; font-size:16px; overflow:hidden; ilter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;width:270px; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.tws li a:hover p { background:#e9122d; ilter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity: 0.9}
.tws li span {width:72px; height: 72px; background: url(../images/zt1/spvio.png) center no-repeat; position: absolute; top:50%; margin-top: -50px; left: 50%;margin-left: -36px;}
.tws li a:hover span {width:72px; height: 72px; background: url(../images/zt1/spvio1.png) center no-repeat; position: absolute; top:50%; margin-top: -50px; left: 50%;margin-left: -36px;}


footer {width:100%;min-width:1200px;max-width:2000px;margin:0px auto; padding: 30px 0;  text-align: center; }
footer p { font-size:20px; line-height: 40px; margin-bottom: 10px; color: #fff;}