﻿
.linkmap{ display:none}
/* 主体 */
.main{width: 100%!important;margin-bottom: 0px !important;background-size: cover;padding: 0px;position: relative;height:auto;}
.main_img{
 height: 537px;
 background: url(/Sites/Uploaded/UserUpLoad/20171009/20171009104356.jpg) no-repeat center;
 width: 100%;
 display: none;
 }
.main-nav{
 width: 100%;
 height: 260px;
 background-size: 100% 188px;
 position: absolute;
 bottom: 0px;
}
.main-nav ul{
 width: 745px;
 height:100%;
 margin: 0 auto;
}
.nav-img{width: 65%;display: block;margin: 0px auto;margin-top: 48px;}
.main-nav ul li{
 width:186px;
 height:100%;
 float:left;
 padding: 0 30px;
 padding-top: 47px;
 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;
 position: relative;
}
.main-nav ul li a h3 span{margin-left:10px;position: absolute;top: -3px;right: 0px;}
.main-nav ul li a p{
 color:#fff;
 font-size: 15px;
 line-height: 24px;
}
.main-nav ul li.li1{
 background: #0266B6;
}
.main-nav ul li.li2{
 background: #0266b6;
}
.main-nav ul li.li3{
 background: #2a70bb;
}
.main-nav ul li.li4{
 background: #2A70BB;
}
.main-nav ul li.li5{
 background: #3E7AC2;
}
.main-nav ul li.li6{
 background: #528BCE;
}

.main-nav ul li:hover{margin-top: -20px;
 transition: all 0.4s;
 height: 280px;}
  @media only screen and (max-width:1440px){
 .main{min-height: 600px}
  }
@media only screen and (max-width:768px){
.main-nav ul{width: 98%;}
.main-nav ul li{ width:16.6%;}
}
@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{width: 50%;height: 270px; background-position: center 76% !important;background-size: 45% !important;}
.main-nav{ margin-top: 40px; width: 100%; height: auto;position: inherit;}
.banner{display: none;}
.main-nav ul li a h3{font-size: 22px;text-align: center;}
.main_img { display:none}
.main-nav{ background:none}
.main-nav ul li:hover{margin-top: 0px;
 height: 210px;}
 .nav-img{width: 35%;margin: 0px auto;margin-top: 48px;}
}
@media only screen and (max-width:640px){
.main-nav ul li{ width:33.3%;}
.main-nav ul li.li7{width:100%;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: 270px;background-size: 40% !important;}
.main-nav ul li a h3{font-size:18px;}
} 
@media only screen and (max-width:425px){
 .main-nav ul li:hover {
 margin-top: 0px;
 height: 250px;
 }
 .main-nav ul li{
 padding-top: 25px;
 }
 .main-nav ul li a h3 {
 font-size: 18px;
 text-align: center;
 }
 .nav-img {
 width: 60%;
 margin: 0px auto;
 margin-top: 48px;
 }
} 