.linkmap{ display:none}
/* 主体 */
.main{width: 100%!important;margin-bottom: 0px !important;background-size: cover;padding: 0px;}
.main_img{
 height: 537px;
 background: url(img/20171009104356.jpg) no-repeat center;
 width: 100%;
 }
.main-nav{
 width: 100%;
 height: 188px;
 background: url(img/20171012140028.png) no-repeat  center;
 background-size: 100% 188px;
}
.main-nav ul{
 width: 1317px;
 height:100%;
 margin: 0 auto;
}
.main-nav ul li{
 width:164px;
 height:100%;
 float:left;
 padding-top:20px;
 padding-left:20px;
 box-shadow: 2px 2px 7px 0px rgba(0,0,0,.3);
}
.main-nav ul li a{
 width:100%;
 height:100%;
 display: block;
}
.main-nav ul li a h3{
 color:#fff;
 font-size: 24px;
 font-weight: normal;
 line-height: 27px;
}
.main-nav ul li a h3 span{margin-left:10px;}
.main-nav ul li a p{
 color:#fff;
 font-size: 15px;
 line-height: 24px;
}
.main-nav ul li.li1{
 background: #0c8d79 url(img/20190507174125.png) no-repeat center 85px;
}
.main-nav ul li.li2{
 background: #0c8d79 url(img/20170914094010.png) no-repeat center 85px;
}
.main-nav ul li.li3{
 background: #0c8d79 url(img/20170914094030.png) no-repeat center 85px;
}
.main-nav ul li.li4{
 background: #0c8d79 url(img/20170914094049.png) no-repeat center 85px;
}
.main-nav ul li.li5{
 background: #0c8d79 url(img/20170914094105.png) no-repeat center 85px;
}
.main-nav ul li.li6{
 background: #0c8d79 url(img/20170914094123.png) no-repeat center 85px;
}
.main-nav ul li.li7{
 background: #0c8d79 url(img/20170914094141.png) no-repeat center 85px;
}
.main-nav ul li.li8{
 background: #0c8d79 url(img/20190507172216.png) no-repeat center 85px;
}
@media only screen and (max-width:1316px){
.main-nav ul{width: 98%;}
.main-nav ul li{ width:12.5%;}
}
@media only screen and (max-width:1060px){
.skip ul li{font-size: 14px !important;width: 95px !important;}
.main-nav ul li a h3{font-size:18px;}
.main-nav ul li{background-position: center 66% !important;background-size: 60% !important;}
}

@media only screen and (max-width:768px){
.main{background:none;height: auto;}
.main-nav ul li{height: 210px;width: 25%;background-position: center 76% !important;background-size: 45% !important;}
.main-nav{ margin-top: 20px; width: 100%; height: auto;}
.main-nav ul li a h3{font-size: 22px;}
.main_img { display:none}
.main-nav{ background:none}
}
@media only screen and (max-width:640px){
.main-nav ul li.li7{background-size: auto !important;}
.main-nav ul li.li7 a h3,.main-nav ul li.li7 a p{text-align:center}
}
@media only screen and (max-width:500px){
.main-nav ul li{ width:50%;}
.main-nav ul li{height: 180px;background-size: 40% !important;}
.main-nav ul li a h3{font-size:18px;}
}