body{letter-spacing: 0.5px;}
/*====================?ˉ?è?a*********/
header{
	width:100%;
	margin:0 auto;
	z-index:999;
	height:170px;
	background:url(../images/menu.jpg)#fff repeat-x left bottom;	
}
/*?·|??§logo*/
header .left{
	 width:160px; height:170px; float:left;
}
header .right{ width:940px; height:170px; float:left;}
header .right .top{ width:940px; height:115px; float:left;}
header .right .top .left1{ width:390px; height:113px; float:left; margin-left:15px; background:#fff;}
header .right .top .left1 h1{ width:390px; height:40px; float:left; color:#e0101b; font-size:20px; line-height:40px; text-align:left; font-weight:bold; margin-top:25px;}
header .right .top .left1 h2{ width:390px; height:20px; float:left; color:#999999; font-size:18px; text-align:left; line-height:20px; font-weight:normal;; margin-top:0px;}

header .right .top .right1{ width:180px;height:113px; float:right; padding-right:30px; background:url(../images/tel.jpg) no-repeat right center;}
header .right .top .right1 h1{ width:180px; height:20px; float:left; color:#666; font-size:14px; line-height:20px; text-align:right; font-weight:normal; margin-top:35px;}
header .right .top .right1 h2{ width:180px; height:20px; float:left; color:#e0101b; font-size:20px; text-align:right; line-height:20px; font-weight:bold;; margin-top:0px;}

header .right .bottom{ width:940px; height:55px; float:left;}


/*菜单开始*/
.nav{width:100%; z-index:99999; height:55px; color:#fff;}
.nav ul{z-index:99999;  float:right;width:100%}
.nav ul li{ float:left; position:relative; z-index:99999;height:55px; background:url(../images/dian.png) no-repeat right center;}
.nav ul li a{color:#fff;display:block; float:left; line-height:55px; height:55px; display:inline-block; text-align:center;z-index:99999;  transition:all 0.6s;  font-weight:normal; width:133px;font-size:16px;}
.nav ul li.on{background:#164c92}
.nav ul li:hover{background:#164c92}
.nav ul li.on a,.nav ul li a:hover{  color:#fff;z-index:99999;}
.nav ul .last{background:none;z-index:99999;}
.nav ul .last a{border:0px;}
/*二级菜单*/
#menu ul ul { display:none;position:absolute; top:55px; left:0; z-index:99999; width:auto; padding-top:0px;padding-left:0; z-index:99999; }
#menu ul li:hover ul { display:block;}
#menu ul ul li{float:none; border-top:none;padding-top:0; height:52px; width:133px; padding-bottom:0;line-height:50px; z-index:99999; background:none;text-align:center; margin:
0;}
#menu ul ul li a{z-index:99999; color:#fff; font-size:14px;  display:block; width:133px; text-align:left;border-bottom:none; height:50px; margin:0; line-height:50px; border-top:none; background:#2264a0;text-align:center}
#menu ul ul li a:hover{ color:#fff;z-index:99999; border:0px; background:#164c92; }
#menu ul ul li:hover{background:#164c92;z-index:99999;}






.container{max-width:90%!important}

.carousel .carousel-inner .carousel-item img{height:100vh;width:100%}

header h5{line-height:24px;margin-top:13px;float:right;color:#fff;font-size:18px;}

.carousel-caption{height:30vh;bottom:35vh!important;padding:0!important}

.carousel-caption h2{margin: 0;line-height: 7.5vh;}

.carousel-caption h1{font-size:52px;margin: 0;line-height: 15vh;}

.carousel-caption p{margin: 0;line-height: 7.5vh;font-size:26px;}

.carousel-caption p img{width:auto!important;height:auto!important;}

.carousel-item:nth-child(1) .carousel-caption{top: 25%;}

.carousel-item:nth-child(1) ul li{width:33.3%;height:25vh;float:left;}

.carousel-item:nth-child(1) .border-bottom{border-bottom:1px solid rgba(255,255,255,.2)!important}

.carousel-item:nth-child(1) .border-right{border-right:1px solid rgba(255,255,255,.2)!important}

.carousel-item:nth-child(1) h2{font-size:50px;margin-top: 5vh;line-height: 8vh;}

.carousel-item:nth-child(1) p{font-size:16px;line-height:normal}




@media (min-width: 768px) and (max-width: 992px){
	.carousel .carousel-inner .carousel-item img{height:100vh;}
}


@media screen and (max-width: 768px){
	header{
		padding: 0 10px;
		height:50px
	}
	header .left{
	    margin-top:0	
	}
	header .left a img{
		margin-top:12px;
		height:26px;
	}
	header #navToggle {
		height: 100%;
		padding: 6px 15px;
		margin-right: -15px;
		display: inline-block;
		float: right;
	}
	header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 18px;
	}
	header #navToggle span:before,
	header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}
	header #navToggle span,
	header #navToggle span:before,
	header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #666;
	}
	header #navToggle span:before {
		top: 8px;
	}
	header #navToggle span:after {
		bottom: 10px;
	}
	header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	header #navToggle.open span {
		background: none;
	}
	header #navToggle.open span:before,
	header #navToggle.open span:after {
		background: #4f4f4f;
	}
	
	header .nav{
		display: none;
	}
	
	.banner img{
		height: 600px;
		object-fit: cover;
	}
	
    .carousel-caption{height: 14vh;bottom: 18vh !important;}
	.carousel .carousel-inner .carousel-item{overflow:hidden}
	.carousel .carousel-inner .carousel-item img{height:50vh;}
	.w-100{width:120%!important}
	.carousel-caption h1{font-size:80%;line-height: 7vh;}
	.carousel-caption h2{font-size:80%;line-height: 3.5vh;}
	.carousel-caption p{font-size:80%;line-height: 3.5vh;}
	.carousel-caption p img{width:auto!important;height:30px!important;}
	


.carousel-item:nth-child(1) ul li{width:33.3%;height:12.5vh;float:left;}

.carousel-item:nth-child(1) h2{font-size:80%;margin-top: 2.5vh;line-height: 4vh;}

.carousel-item:nth-child(1) p{font-size:80%;line-height:normal}

.container{max-width:96%!important;margin-left: auto !important;}
.index-main4{padding:30px 0!important;}
.index-main2{padding: 30px 0!important;}

}
.banner-btn-icon{z-index:1;position:absolute;bottom:60px;left:50%;width:52px;height:52px;border:1px solid #fff;border-radius:100%;overflow:hidden;cursor:pointer;margin-left:-26px;box-sizing:border-box}
.banner-btn-icon span{background:url(../image/icon1.png) no-repeat center center;position:absolute;width:52px;height:52px;display:block;margin:0 auto;animation: downico 1.5s ease-out infinite;}

@keyframes downico {
    0% {
        top: 0;
        opacity: 1;
    }

    35% {
        top: 50%;
        opacity: 0;
    }

    65% {
        top: -50%;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
	
	
