@charset "utf-8";
  html {
       font-size: calc(100vw / 750 * 100);
      }

body{margin:0px; font-size:10px; color:#91989f; font-family:Microsoft YaHei; cursor:default; }
*{padding:0px; margin:0px;}


body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family:Microsoft YaHei;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}
input,select,button{font-size:12px; font-family:Microsoft YaHei; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}


a{ color:#333; text-decoration: none}

a:hover{color:#2b3c91;

-webkit-transition: all 0.4s linear -1ms;

-moz-transition: all 0.4s linear -1ms;

-ms-transition: all 0.4s linear -1ms;

-o-transition: all 0.4s linear -1ms;

transition: all 0.4s linear -1ms;}

@media only screen and (min-width:321px){
	html{font-size:62.5%!important}
}
@media only screen and (min-width:361px){
	html{font-size:70.31%!important}
}
@media only screen and (min-width:376px){
	html{font-size:73.24%!important;}
}
@media only screen and (min-width:481px){
	html{font-size:94%!important; /* 15.04÷16=94% */}
}
@media only screen and (min-width:561px){
	html{font-size:109%!important; /* 17.44÷16=109% */}
}
@media only screen and (min-width:641px){
	html{font-size:125%!important; /* 20÷16=125% */}
}
@media only screen and (min-width: 320px){html {font-size: 62.5%!important;}}
@media only screen and (min-width: 360px){html {font-size: 72.5%!important;}}
@media only screen and (min-width: 400px){html {font-size: 82.5%!important;}}
@media only screen and (min-width: 480px){html {font-size: 94%!important;}}


.index-title-line{
    width: 187px;
    height: 24px;
    background: url(pub1.png) center center no-repeat;
    margin: auto;
    margin-top: 10px;

}

.cpzs { width:80%;overflow: hidden;position:relative;margin-left: auto; margin-right: auto; }
.cpzs ul li {width:23%;margin: 20px 0.55%; float: left;position:relative;overflow: hidden}
.cpzs ul li img {width: 100%;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}


.cpzs ul li:hover img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}


.cpzs ul li .mb {width: 100%;height: 100%;position: absolute;background: rgba(43,60,145,0.85);top:76%;left: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;padding: 2rem;box-sizing: border-box;text-align: center;opacity:0.8;}


.cpzs ul li .mb .tb {width: 90px;margin: 0 auto;display: none;margin-bottom: 20px;}




.cpzs ul li .mb .tb img {width: 100%}
.cpzs ul li .mb  h4 {display: none;}






.cpzs ul li .mb h3 {font-size: 2rem;color: #fff;line-height: 2;font-weight: bold;margin-bottom: 20px}
.cpzs ul li:hover .mb h3{font-size: 2rem;}


.cpzs ul li .mb p {font-size: 1.5rem;line-height: 2.1;color: #fff;}