@charset "utf-8";
html,body{
height:100%;
font-family:"微软雅黑";
overflow:auto;
}
.clears{
clear:both;
}
a:link,
a:hover,
a:active,
a:visited{
text-decoration:none;
}
.warp{
width:100%;
height:100%;
background:#DDDDDE;
}
/* 头部 */
.header_h60{
width:100%;
height:60px;
}
.header{
width:100%;
height:auto;
background:#55555A;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
position:fixed;
top:0;
left:0;
z-index:20;
}
.header .header_upper{
width:100%;
height:auto;
position:relative;
}
.header .header_upper .header_logo{
max-width:177px;
width:50%;
height:auto;
float:left;
padding:15px 0;
margin-right:14%;
}
.header .header_upper .header_logo img{
width:100%;
height:auto;
margin:5px 0;
}
.header .header_upper .header_nav{
width:50.89%;
float:left;
margin-right:14%;
}
.header .header_upper .header_nav>ul{
width:100%;
height:auto;
text-align:center;
margin:0;
position:relative;
}
.header .header_upper .header_nav>ul>li{
width:20%;
float:left;
position:relative;
}
.header .header_upper .header_nav>ul>li>a{
display:block;
height:auto;
line-height:3;
font-size:16px;
color:#fff;
text-decoration:none;
border-bottom:1px transparent solid;
position:relative;
margin:9px 0 8px;
}
.header .header_upper .header_nav>ul>li>a:after{
content:"";
width:45px;
height:2px;
background:none;
box-shadow:none;
border-radius:2px;
position:absolute;
bottom:0;
left:50%;
margin-left:-22.5px;
}
.header .header_upper .header_nav>ul>li:hover>a:after{
background:#fff;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.25);
}
.header .header_upper .header_nav ul li ul{
display:none;
max-width:300px;
width:100%;
height:auto;
background:rgba(85, 85, 90, 0.7);
box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);
position:absolute;
/* top:100%; */
left:0%;
z-index:11;
margin-left:-20px;
padding:40px 28px;
}
.header .header_upper .header_nav ul li:nth-child(2) ul{
width:300px;
}
.header .header_upper .header_nav ul li:nth-child(3) ul{
width:160px;
}
.header .header_upper .header_nav ul li a .dropdown-arrow{
margin-left: 8px;
display: inline-block;
transform: rotate(90deg);
font-weight: bold;
}
.header .header_upper .header_nav ul li:hover ul{
display:block;
}
.header .header_upper .header_nav ul li:hover a .dropdown-arrow{
transform: rotate(0deg);
}
.header .header_upper .header_nav ul li ul li{
width:auto;
height:auto;
float:left;
margin-right:20px;
}
.header .header_upper .header_nav ul li ul li:nth-child(2){
width:80px;
margin-right:32px;
}
.header .header_upper .header_nav ul li ul li:nth-child(3){
width:68px;
margin-right:38px;
}
.header .header_upper .header_nav ul li ul li:nth-child(4){
width:62px;
margin-right:26px;
}
.header .header_upper .header_nav ul li ul li:nth-child(5){
width:74px;
margin-right:22px;
}
.header .header_upper .header_nav ul li ul li:nth-child(6){
width:48px;
margin-right:0;
}
.header .header_upper .header_nav ul li ul li dl{
width:100%;
height:auto;
}
.header .header_upper .header_nav ul li ul li dl dt{
width:100%;
height:auto;
text-align:left;
border-right:1px #fff solid;
margin-bottom:20px;
}
.header .header_upper .header_nav ul li ul li:nth-last-child(2) dl dt{
border-right:none;
}
.header .header_upper .header_nav ul li ul li dl dt a{
display:block;
width:100%;
height:auto;
line-height:20px;
font-size:16px;
font-family:Microsoft YaHei UI;
font-weight:normal;
color:#fff;
}
.header .header_upper .header_nav ul li ul li dl dd{
width:100%;
height:auto;
margin-bottom:10px;
}
.header .header_upper .header_nav ul li ul li dl dd a{
display:block;
width:100%;
height:auto;
line-height:24px;
font-size:16px;
font-family:;
font-weight:290;
color:#fff;
text-align:left;
text-decoration:none;
}
.header .header_upper .header_form{
width:5%;
float:left;
padding:15px 0;
}
.header .header_upper .header_form .form_kuai{
width:75%;
float:left;
position:relative;
}
.header .header_upper .header_form .form_kuai input{
width:100%;
height:30px;
line-height:30px;
font-size:14px;
color:#55555A;
border:none;
border-radius:6px;
outline:none;
padding:5% 5% 5% 20%;
}
.header .header_upper .header_form .form_kuai a{
width:10%;
height:70%;
background:url(../images/search.png) no-repeat center;
background-size:80%;
position:absolute;
top:15%;
left:5%;
}
.header .header_upper .header_form .menu_nav{
width:20%;
text-align:right;
float:right;
}
.header .header_upper .header_form .menu_nav img{
display:inline-block;
margin:4px 0 0;
transition:all 0.3s;
-moz-transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
transform:rotate(0);
-moz-transform:rotate(0);
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
-o-transform:rotate(0);
}
.header .header_upper .header_form .menu_nav.list img{
transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
}
.header .header_upper .menu_navlan{
width: 5%;
float: left;
/* display: block; */
position: absolute;
right: 20px;
top: 20px;
}
.fixed_nav .panmenu{
display:none
}
/* 底部 */
.footer{
width:100%;
height:auto;
background:#55555A;
overflow:hidden;
}
.footer .footer_upper{
max-width:1180px;
width:100%;
height:auto;
margin:82px auto 35px;
}
.footer .footer_upper .footer_nav{
width:calc(97.5% - 30px);
height:auto;
float:left;
}
.footer .footer_upper .footer_nav ul{
width:100%;
height:auto;
text-align:center;
}
.footer .footer_upper .footer_nav ul li{
width:20%;
max-width:186px;
height:auto;
display: inline-block;
vertical-align: top;
margin-right:28px;
}
.footer .footer_upper .footer_nav ul li:nth-child(2){
max-width:186px;
margin-right:40px;
}
.footer .footer_upper .footer_nav ul li:nth-child(3){
max-width:186px;
margin-right:46px;
}
.footer .footer_upper .footer_nav ul li:nth-child(4){
max-width:186px;
margin-right:34px;
}
.footer .footer_upper .footer_nav ul li:nth-child(5){
max-width:186px;
margin-right:22px;
}
.footer .footer_upper .footer_nav ul li:nth-child(6){
max-width:94px;
margin-right:32px;
}
.footer .footer_upper .footer_nav ul li:nth-child(7){
max-width:84px;
margin-right:46px;
}
.footer .footer_upper .footer_nav ul li:nth-child(8){
max-width:70px;
margin-right:34px;
}
.footer .footer_upper .footer_nav ul li:nth-child(9){
max-width:82px;
margin-right:34px;
}
.footer .footer_upper .footer_nav ul li:nth-child(10){
max-width:64px;
margin-right:0;
}
.footer .footer_upper .footer_nav ul li dl{
width:100%;
height:auto;
}
.footer .footer_upper .footer_nav ul li dt{
width:100%;
height:auto;
line-height:20px;
font-size:16px;
font-family:Microsoft Yahei;
font-weight:normal;
color:#e0e0e0;
text-align:left;
margin-bottom:13px;
border-right:0px #e0e0e0 solid;
}
.footer .footer_upper .footer_nav ul li:nth-child(10) dt{
border-right:none;
}
.footer .footer_upper .footer_nav ul li:nth-child(10) dl dd{
width:100%;
height:auto;
}
.footer .footer_upper .footer_nav ul li dl dd a{
display:block;
width:100%;
height:auto;
line-height:26px;
font-size:16px;
font-family:Microsoft Yahei light;
font-weight:290;
color:#e0e0e0;
text-align:left;
text-decoration:none;
}
.footer .footer_upper .footer_nav ul li dl.links{
margin-top:-20px;
}
.footer .footer_upper .footer_nav ul li dl.links dt{
cursor:pointer;
background:url(../images/links_down.png) no-repeat right center;
margin-bottom:0;
}
.footer .footer_upper .footer_nav ul li dl.links dt.on{
background:url(../images/links_left.png) no-repeat right center;
}
.footer .footer_upper .footer_icon{
width:30px;
height:auto;
float:right;
}
.footer .footer_upper .footer_icon ul{
width:100%;
height:auto;
}
.footer .footer_upper .footer_icon ul li{
width:100%;
height:auto;
position:relative;
}
.footer .footer_upper .footer_icon ul li a{
display:block;
width:100%;
height:auto;
font-size:12px;
color:#fff;
text-align:center;
display:block;
}
.footer .footer_upper .footer_icon ul li a i{
font-size:15px;
}
.footer .footer_upper .footer_icon ul li a p{
font-size:11px;
font-family:Microsoft Yahei light;
margin-top:5px;
margin-bottom:10px;
}
.footer .footer_upper .footer_icon ul li a img{
display:block;
width:16px;
height:auto;
margin:0 auto;
}
.footer .footer_upper .footer_icon ul li .tu{
display:none;
width:80px;
height:80px;
border:2px #fff solid;
position:absolute;
top:0;
left:120%;
}
.footer .footer_upper .footer_icon ul li .tel{
display:none;
width:120px;
height:auto;
line-height:22px;
font-size:14px;
color:#55555a;
background:#fff;
border-radius:2px;
position:absolute;
top:0;
left:120%;
}
.footer .footer_upper .footer_icon ul li:hover div{
display:block;
}
.footer .footer_upper .footer_icon ul li .tu:before{
content:"";
width:3px;
height:6px;
background:url(../images/footer_left.png) no-repeat center;
position:absolute;
top:5px;
left:-5px;
}
.footer .footer_upper .footer_icon ul li .tel:before{
content:"";
width:3px;
height:6px;
background:url(../images/footer_left.png) no-repeat center;
position:absolute;
top:5px;
left:-3px;
}
.footer .footer_upper .footer_icon ul li .tu img{
display:block;
width:76px;
height:76px;
}
.footer .footer_upper .reserved{
width:100%;
height:auto;
line-height:84px;
font-size:16px;
font-family:Microsoft Yahei light;
font-weight:290;
color:#e0e0e0;
text-align:center;
}
.footer .footer_upper .reserved .reserved a{
color:#e0e0e0;
}
#top{
width:36px;
height:36px;
position:fixed;
right:5%;
bottom:15%;
border-radius:50%;
box-shadow:2px 2px 4px rgba(0, 0, 0, 0.25);
z-index:100;
}
#top a{
display:block;
width:100%;
height:auto;
}
#top a img{
display:block;
width:100%;
height:auto;
}
#top1{
width:36px;
height:36px;
position:fixed;
right:5%;
bottom:1%;
border-radius:50%;
box-shadow:2px 2px 4px rgba(0, 0, 0, 0.25);
}
#top1 a{
display:block;
width:100%;
height:auto;
}
#top1 a img{
display:block;
width:100%;
height:auto;
}
@media only screen and (max-width: 1200px){
.header .header_upper .header_logo{
margin-right:12%;
}
.header .header_upper .header_nav{
margin-right:12%;
}
}
@media only screen and (max-width: 1000px){
.header .header_upper .header_logo{
margin-right:9%;
}
.header .header_upper .header_nav{
margin-right:9%;
}
}
@media only screen and (max-width: 640px){
.header .header_upper .header_logo{
margin-right:0;
}
.header .header_upper .header_nav{
display:none;
}
.header .header_upper .header_form{
width:40%;
float:right;
}
.footer .footer_upper{
padding:0 5%;
}
.footer .footer_upper .footer_nav{
width:100%;
float:none;
}
.footer .footer_upper .footer_nav ul li,
.footer .footer_upper .footer_nav ul li:nth-child(2),
.footer .footer_upper .footer_nav ul li:nth-child(3),
.footer .footer_upper .footer_nav ul li:nth-child(4),
.footer .footer_upper .footer_nav ul li:nth-child(5),
.footer .footer_upper .footer_nav ul li:nth-child(6),
.footer .footer_upper .footer_nav ul li:nth-child(7),
.footer .footer_upper .footer_nav ul li:nth-child(8),
.footer .footer_upper .footer_nav ul li:nth-child(9),
.footer .footer_upper .footer_nav ul li:nth-child(10){
max-width:49%;
width:49%;
float:left;
margin-right:2%;
}
.footer .footer_upper .footer_nav ul li:nth-child(2n){
margin-right:0;
}
.footer .footer_upper .footer_nav ul li dl dt{
border-right:none;
}
.footer .footer_upper .footer_icon{
width:100%;
text-align:left;
float:none;
margin-bottom:40px;
}
.footer .footer_upper .footer_icon ul li{
display:inline-block;
width:auto;
margin-right:10px;
}
.header .header_upper .menu_navlan{
display: none;
/* */
}
.fixed_nav .panmenu{
display:block;
margin-bottom: 20px;
}
}