.index{position:relative;overflow:hidden;}
.header_top{ background-color:#43556b; height:30px; width:100%; position:relative; z-index:33;}
.header_top_fr{ float:left;margin-left: 3vw; font-size:12px; color:#dce3eb; line-height:30px;}
.header_top_fl{ float:right;margin-right: 3vw; }
.header_top_fl a{ display:block; float:left; color:#fff; font-size:12px; color:#dce3eb; line-height:30px;}
.header_top_fl i{ float:left; display:block; width:1px; height:10px; background-color:#dce3eb; margin:0 16px; margin-top:10px;}
.header_top_fl a:hover{ color:#fff;}
.header_top_fl a.yd{ position:relative;}
.header_top_fl a.yd img{ display:block; width:180px; height:0;transition: all 0.5s ease-out 0s; position:absolute; left:-35px; top:20px;}
.header_top_fl a.yd:hover img{ height:200px;}

.header_main{position:relative;;width:100%;height:90px;background-color:#fff;transition: all 0.9s ease-out 0s; z-index:22; }


.header{ width:100%;height:100px;}
.header_main .webLogo{ position:position; z-index:55;transition: all 0.9s ease-out 0s; float:left; padding-top:30px;margin-left: 3vw;}
.header_main .webLogo img{display:block;}
.header_main .nav_main{ float:right;height:90px; text-align:center;transition:all ease 0.36s;}
.header_main .nav_main .nav{ display:inline-block;}
.header_main .nav_main .item{ float:left;position:relative;height:90px;line-height:90px;z-index:12;transition:all ease 0.36s; padding:0 24px;}
.header_main .nav_main .item a{display:block;height:80px;font-size:16px;line-height:80px;color:#595656; position:relative;transition:all ease 0.36s;}
.header_main .nav_main .item:hover,.header_main .nav_main .item.hover{ background-color:#33ccff; }
.header_main .nav_main .item:hover .alink,.header_main .nav_main .item.hover .alink{color:#001669;}
.header_main .nav_main .item i{ display:none;background:url("../images/t3_03.png") no-repeat center center; width:6px; height:12px; position:absolute; top:40px; right:-3px;transition:all ease 0.36s;}
.header_main .nav_main .item:hover i,.header_main .nav_main .item.hover i{ display:block;}
.header_main .nav li .subnav{position: absolute;left: 50%;top:85px;background-color: #fff;width: 120px;margin-left: -60px;display: none;border-radius: 4px;overflow: hidden;}
.header_main .nav li .subnav .subA{color: #333;line-height: 35px;height: 35px;overflow: hidden;display: block;margin: 0;font-size: 14px;line-height: 35px;height: 35px;overflow: hidden;display: block;font-size: 14px;border-bottom: 1px dotted #ddd;margin: 0;text-align: center;}
.header_main .nav li .subnav .subA:hover{font-weight:bold;background: #3bb79b;color: #4872de;background: #ffbe8b;background: rgba(21, 21, 21, 0.8);}
.header_main .nav .sub-box{width:570px;position:absolute;left:-66px;text-align:center;top:90px;background:#fff;display:none;line-height:35px; padding:20px;}
.header_main .nav .sub-box p{ float:left; width:326px;}
.header_main .nav .sub-box p a{color:#fff}
.header_main .nav .sub-box p .icon{width:6px;height:10px;background-position:-96px 0;position:absolute;top:19px;left:15px}
.header_main .nav .sub-box p a{border-bottom:1px solid #ddd;color:#333 !important;line-height:46px!important;height:46px!important;padding:0;font-weight:100;text-align:left;overflow:hidden;vertical-align:top;font-size:14px;display:block;background:none;transition: ease-in-out 0.2s;text-shadow:none;float: left;
width: 38%;
padding-left: 3%;
margin: 0 3%;}
.header_main .nav .sub-box p a:hover{text-indent: 6px;color:#001669!important;}
.header_main .nav .sub-box .img{ display:block; float:right; width:240px;}
.header_main .nav_main .item.li7 .sub-box{left: -110px;}
.header_main .nav_main .item.li8 .sub-box{left: -196px;}
.header_main .nav_main .item.li9 .sub-box{left: -300px;}
.header_main .nav_main .item.li10 .sub-box{left: -400px;}
.header_main .nav_main .item.li11 .sub-box{left: -400px;}
.header_main .nav_main .item.li10 i{ display:none;}
.header_main .nav_main .item.hover i,.header_main .nav_main .item:hover i{ display:none;}

.header_main .quick{float:right; transition:all ease 0.36s; margin-top:28px; margin-left:20px;margin-right: 3vw;}
.header_main .cnt{ float:right; margin-right: 3vw;padding-top: 40px;}
.header_main .cnt .cn{ float:left; font-family:"Arial"; font-size:20px; text-transform:uppercase;text-shadow:1px 0px 1px rgba(0, 0, 0, 0.6); color:#fff; line-height:24px;} 


.header_main .sj{ float:right; transition:all ease 0.36s;}
.header_main .sj p{ display:block;font-size:16px; color:#333;  line-height:88px;}
.header_main .sj p span{ display:inline-block; font-size:24px; font-family:"Arial"; font-weight:bold;}
.header_main .sj img{ display:block; width:120px; height:0; position:absolute; left:-60px; top:40px;transition:all ease 0.36s;}
.header_main .sj:hover img{ height:120px;transition:all ease 0.36s;}

.header_main .dl{float:right; margin-left:60px; margin-top:32px;margin-right: 4vw;font-size:18px;}
.header_main .dl a{ display:inline-block; font-size:18px; padding:0 3px;}



.header_main.xc{height:90px;transition: all 0.9s ease-out 0s; position:fixed; left:0; top:0;background-color:#fff;}
.header_main.xc .nav_main .item{height:90px;line-height:90px;}
.header_main.xc .nav_main .item a{height:90px;line-height:90px;color:#595656;}


.header_main .nav_main .item.li8 .alink i{ display:none;}


@media (max-width: 1750px) {
	.header_main .nav_main .item { padding: 0 22px;}
}
@media (max-width: 1560px)
{
	.header_main .webLogo {  margin-left:2.5vw;}
	.header_main .nav_main .item { padding: 0 16px;}
	.header_main .nav_main { margin-right: 2vw;}
	.header_main .cnt { margin-right:2.5vw;}

}
@media (max-width: 1400px)
{
	.header_main .webLogo { margin-left:1.5vw;}
	.header_main .nav_main .item { padding: 0 14px;}
	.header_main .nav_main { margin-right: 1vw;}
	.header_main .cnt { margin-right:1.5vw;}
.header_main .webLogo img {

}
.header_main .quick { margin-left: 0px;}

}


}