/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:14px; cursor:default; color: #333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color: #333;}
a:hover{ text-decoration:none; color: #0052cc;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}



.header {height: 1305px;background: url(2022zmncl_header2.png) no-repeat center top;}

.w1200 { width: 1200px; margin: 0 auto; padding-left: 10px; padding-right: 10px;}

.logo,.slogen,.title { text-align: center;}
.logo {padding-top: 200px;}
.slogen {padding-top: 260px;}

.header .mlogo { position: absolute; left: 0; top: 0;}
.header .back { position: absolute; left: 50%; top: 0; margin-left: -65px; display: block; width: 130px; height: 35px; line-height: 35px; text-align: center; color: #fff; background:rgba(0,0,0,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); border-radius: 0 0 5px 5px;}


.footer{ background: #006eb5; padding: 60px 0; } 
.footer a{ color: #fff; } 
.footer-cont{ width: 700px; margin: 0 auto; } 
.footer-cont-left{ float: left; line-height: 120px;} 
.footer-cont-left img{ vertical-align: middle; } 
.footer-cont-right{ font-size: 14px; line-height: 30px; color: #fff; margin-left: 220px !important; width: 680px !important; }

.container { padding: 70px 0;}
.container2 { background: url(2020zmncl_bg1.png) no-repeat center bottom;}
.container4 { background: url(2020zmncl_bg2.png) no-repeat center bottom;}

.pic-box { margin-left: -10px; margin-right: -10px; margin-top: 60px;}

.pic-box-list  { overflow: hidden;}
.pic-box-list ul { float: left; width: 292px; padding: 0 5px; overflow: hidden;}
.pic-box-list li { position: relative; float: left; width: 292px; height: 183px; margin-bottom: 10px; overflow: hidden;}
.pic-box-list li img { width: 100%; height: 100%;}
.pic-box-list .other li { height: 376px;}
.pic-box-list .other li img { width: auto; height: 100%;}

.pic-box-list a { display: block; width: 100%; height: 100%; cursor: pointer;}


.pic-box-list .title { z-index: 5; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(2020zmncl_tutle_bg.png) no-repeat center bottom;}
.pic-box-list .title p { position: absolute; width: 100%; bottom: 10px; text-align: center; line-height: 30px; font-size: 16px; color: #fff;}

.hd { padding-top: 20px; padding-right: 10px; overflow: hidden;}
.hd a { float: right; width: 38px; height: 38px; border: 1px solid  #e1e1e1; background: #fff; text-align: center; line-height: 38px; font-family: simsun; font-size: 30px; font-weight: bold; margin-left: 20px; opacity: .6;}
.hd a:hover { border-color: #d50e0e; color: #d50e0e; opacity: 1; cursor: pointer;}

.result{
    position: fixed;
    top:0;left:0;
    background: rgba(0,0,0,0.8);
    z-index:1000;
    width:100%;
    height:100%;
    display: none;
  }
 .bigImgBox{position: absolute;}


 .video-cont{ background: url(2020zmncl_bg1.png) no-repeat center top; padding: 80px 0;}
 .video-main {background:#fff;margin: 0 auto;padding: 10px;width: 800px;}
 .video-main h6 { text-align: center; font-size: 18px; margin-top: 10px;}




@media screen and (max-width: 1199px) {
    .w1200 { width: 100%; box-sizing: border-box;}

    .header { height: auto; background-position-y: bottom; padding-bottom: 10%;}

    .logo img,.slogen img,.title img{ max-width: 90%; height: auto;}
    .header .back{ display: none;}
    .logo { padding-top: 10%;}
    .slogen { padding-top: 10%;}

    .container { padding: 40px 0 0;}
    .container2,.container4 {background-image: none;}

    .pic-box { margin-top: 30px;}

    .pic-box-list ul { width: 100%; box-sizing: border-box;}

    .pic-box-list li,.pic-box-list .other li { width: 100% !important; height: auto !important; margin-bottom: 5px;}
    .pic-box-list li img,.pic-box-list .other li img { width: 100% !important; height: auto !important; }

    .pic-box-list .title { background-size: 100% auto}
}