.main {width: 1520px;height: 560px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.box {width: 488px;height:540px;}
.box h2{color:#4d4d4d;font-size:21px;font-weight:normal;text-align:left;margin-top:20px;padding-top:20px;line-height:1.6em;font-family:'AlbbPhR',Sans-Serif;}
.box:hover  h2{color:#0087ac;}
.box h2 span{display:block;font-size:15px;line-height:30px;margin-top:20px;font-family:'AlbbPhL',Sans-Serif;}
.box:hover  h2 span{color:#808080;}
.main .pic {width: 488px;height:298px;margin:0 auto;cursor:pointer;}
.show {opacity: 1;}
.boxPic{width:488px;height:328px;}
.boxPic span{font-size:14px;color:#0087ac;margin-top:20px;display:block;}
.boxPic span b{float:right;font-weight: normal}
.pagination{width:100%;height:30px;line-height:30px;text-align: center;margin-top:40px;}
.pagination li {display:inline-block;padding:0 10px;border:1px solid #eee;border-radius:4px;text-align:center;margin:0 5px;font-size:16px;color:#666;}
.pagination li.active,.pagination li:hover {background:#0087ac;color:#fff;cursor: pointer}
.pagination li.active a,.pagination li:hover a {font-size:16px;background:#0087ac;display:block;color:#fff;cursor: pointer}
.pagination li.disabled{background: #d0d0d0;color:#fff;cursor: pointer}
.subsite{height:40px;line-height:40px;margin-top:120px;margin-bottom:50px;font-size:24px;letter-spacing: 3px;}
.subsite span{font-family:'幼圆';}
.nTitle{font-size:38px;color:#4d4d4d;margin-bottom:50px;}
.nTitle span{font-size:14px;color:#0087ac;display:block;margin-top:20px;}
.conDivCenter p{text-indent: 2em;margin-bottom:2em;font-size:20px;color:#4d4d4d;line-height:2em;text-align:justify}
.bLeft{height:40px;line-height:40px;float:left;font-size:24px;font-family:'幼圆';}
.bRight{height:40px;line-height:40px;float:right;font-size:24px;font-family:'幼圆';}
@media only screen and (max-width:1440px){
    .main {width: 100%;height: 480px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
    .box {width:calc((100% - 30px) / 3);height:400px;}
    .boxPic{width:100%;height:300px;}
    .main .pic {display:block;width: 100% !important;height:auto;margin:0 auto;cursor:pointer;}}
@media only screen and (max-width:1200px){}
@media screen and (max-width: 992px){
    .main {width: 100%;height: 540px;display: block;}
    .box {width: 100%;padding:0;height: 160px;margin-bottom:20px;}
    .boxPic{display:block;width:40%;height:140px;float:left;}
    .main .pic {display: block; width: calc((100vw - 40px) * 0.4) !important; height:calc((100vw - 40px) * 0.4 * 0.609); cursor: pointer;
    }
    .box h2{padding-left:20px;display:block;color:#4d4d4d; width:60%;float:left;  height:140px; font-size:1.2rem;font-weight:normal;text-align:left;line-height:1.2em;padding-top:0;margin-top:0;font-family:'AlbbPhR',Sans-Serif;}
    .box:hover  h2{color:#0087ac;}
    .box h2 span {display: block;font-size:0.8rem;line-height:1rem;margin-top: 10px;color:#999;font-family: 'AlbbPhL', Sans-Serif;}
    .boxPic span {display: none;}}
@media only screen and (max-width:768px){}
@media only screen and (max-width: 480px){
    .box {width: 100%; padding: 0; height:180px; margin-top: 20px; margin-bottom: 20px; border-bottom:1px solid #ddd;
    }
    .boxPic {display: block; width: 40%; height: 160px; float: left;
    }
    .main .pic {display: block; width: calc((100vw - 40px) * 0.4) !important; height:calc((100vw - 40px) * 0.4 * 0.609); cursor: pointer;
    }
    .box h2 {padding-left: 20px; display: block; color: #4d4d4d; width: 60%; float: left; height: 160px; font-size: 1rem; font-weight: normal; text-align: left; line-height: 1em; padding-top: 0; margin-top: 0; font-family: 'AlbbPhR', Sans-Serif, serif;
    }
    .box h2 span {display: block; font-size:12px; line-height:16px; margin-top: 10px; font-family: 'AlbbPhL', Sans-Serif, serif;
    }
    .subsite{height:40px;line-height:40px;margin-top:20px;margin-bottom:20px;font-size:0.8rem;letter-spacing: 3px;color:#888;display:none;}
    .nTitle{font-size:1.5rem;color:#666;margin-bottom:1rem;}
    .subsite span{display:none;}
}