@charset "utf-8";
/* CSS Document */
body {
    overflow-y: scroll;
    overflow-x: hidden;
    position: static;
 
	font-family:"微软雅黑",Georgia, "Times New Roman", Times, serif;
}
input::-ms-clear {
display: none;
}
.fl{ float:left;}
.clear{ clear:both;}
input::-ms-reveal {
display: none;
}
*{ margin:0px; padding:0px;
box-sizing:border-box;}
.content{margin:0px auto; width:1680px; }
.relative{ position:relative;}
a{ text-decoration:none !important;}

.header{  border-top: 3px solid #359be3 ;  z-index:9999; background:#FFF; width:100%;}
.logo{ float: left; margin-left: 10%;}
 
.nav{ float: left;  height:78px; line-height:78px; margin-left: 5%;}
.nav ul{ width:1186px; margin:0px auto; }
.nav ul li{ display:inline-block;height:78px;}
.nav ul li.action{ border-bottom:2px solid #359be3;}
.nav ul li:hover{ border-bottom:2px solid #359be3;}
.nav ul li a{ font-size:16px; text-align:center;  padding:0px 15px; border-right:1px solid  #FFF; }
.nav ul li a:hover{ color:#000;}
.nav ul li:last-child a{ border-right:0px;}



.top-form{ float: left;}
.top-form input{border: 0px; border-bottom: 1px #f9b10a solid; height: 30px; margin-top:20px;line-height: 30px; vertical-align:bottom}
.top-form form{position: relative;}
.top-form form button{position: absolute; right: 4px; bottom: 4px;  border: 0px; background: inherit; cursor:pointer; }
.top-form form i{ color: #F9B10A; font-size: 18px;} 
.top-lng{float: right; background: #f9b10a; height: 78px; line-height: 78px; padding: 0px 20px; }
.top-lng a{ display: inline-block; margin: 0px 10px;}
.slick-dots{ position:absolute; bottom:20px; width:100%; text-align:center;}
.slick-dots li{     position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
	text-align:center;
	line-height:20px;
	}

.slick-dots li button { border: 0; background: #fff;border-radius: 50%; display: block; height: 14px; width: 14px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; margin:2px auto; text-align:center; }
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active{border-radius: 50%; border:1px solid #359be3 !important;}
.slick-dots li.slick-active button { background: #359be3 !important; }
 

 .navbar-toggle{ display:none;}
 
 .footer{ background:#171b24; color:#FFF; padding-top:30px;}
 
 .foot{ width:1200px; margin:20px auto;}
 .foot1,.foot2,.foot3,.foot4,.foot5{ float:left;}
 .foot1{ width:20%;}
 .foot2{ width:30%; margin-top:40px;}
 .foot3{ width:13%; margin-left:2%;margin-top:40px;}
 .foot4{ width:20%;margin-top:40px;}
 .foot5{ width:15%;margin-top:40px;}
  .footer span{ display:block;}
.foot-bottom{ text-align:center; border-top:1px solid #666; padding:20px 0px;}

 
@media only screen and (max-width: 1680px){
 	.main{width:100% !important; }
	.logo{ margin-left:5px;  }
	.nav{ margin-left:20px;}
	.nav ul{ width:100%;}
	.nav ul li a{ display:block; width:auto	; }
	}
 



@media only screen and (max-width: 1440px){
 	.main{width:100% !important; }
	.logo{ margin-left:5px;   }
	.nav{ margin-left:20px;}
	.nav ul{ width:100%;}
	.nav ul li a{ padding:0px 10px;}
	}
 

@media only screen and (max-width: 1080px){
 	.logo{ margin-left:5px;     margin: 1vw;}
	.top-form{ display:none;}
	.top-lng{ display:none;}
	.nav{ position:relative; display:none; background:#C24A23; width:100%;   z-index:102; margin:0px;}
	.nav ul {background:#359be3;}
	.nav ul li{ display:block;  text-align:center; border-bottom:1px solid #FFF;}
	.nav ul li a{font-size:4vw !important; border-right:0px; color:#FFF;}
 
	.navbar-toggle{ display:block; position:absolute; top:0; color:#359be3; right:3vw; font-size:8vw;}
	.logo{ margin-left:2%;}
	
	.foot{ width:100%;}
	
	}
	
	
@media only screen and (max-width:480px){
	.layui-breadcrumb{ display:none;}
	
		.foot{ padding:5vw;}
	
	.foot1,.foot2,.foot3,.foot4{ width:100%;}
	.foot3{ margin-left:0px;}
	}