.wrap{width:100%;max-width:1360px;margin-left:auto;margin-right:auto}
.header{position:relative; height:110px;}
.header-top{position:absolute;width:100%;height:110px;background-color:rgba(0,136,210,.85);z-index:9}
.header-top,.zixun-header .header-top{position:fixed}
.header-top .header-top-main{width:100%;height:100%;position:relative}
.header-top .logo{width:340px;height:80px;position:absolute;top:15px;}
.header-top .logo a{width:340px;height:80px;text-indent:-99999px;overflow:hidden;background:url(../images/logo1.png) no-repeat;display:block;background-size:auto 100%}
.header-top .nav{width:100%;padding-top:40px}
.header-top .nav>ul>li{float:left;margin-left:60px}
.header-top .nav>ul>li>a{font-size:16px;color:#fff;height:70px;display:inline-block;line-height:30px}
.header-top .nav>ul>li.current>a,.header-top .nav>ul>li>a:hover{color:#FFcc00!important; text-decoration: none;}
.header-top ::-webkit-input-placeholder{color:#9d77d1}
.header-top ::-moz-placeholder{color:#9d77d1}
.header-top ::-moz-placeholder{color:#9d77d1}
.header-top ::-ms-input-placeholder{color:#9d77d1}

.down-nav{width:100%;position:absolute;top:110px;left:0;right:0;z-index:99999;background-color:#4574b8}

.down-nav-item{width:100%;padding-bottom:30px;padding-top:40px; display:none}
.down-nav-item-nav{width:100%; margin:0 auto;}
.down-nav-item-nav-item{width:33.333%;}
.down-nav-item-nav-item:last-child{padding-right:0}
.down-nav-item-nav-item ul li{color:#fff; line-height:24px;}
.down-nav-item-nav-item ul li a{font-size:12px;color:#fff;padding-left:10px;background:url(../images/arrow-right.png) no-repeat 0 50%}
.down-nav-item-nav-item ul li a:hover{color:#ffcc00}
.down-nav-item-title{color:#fff;padding-bottom:10px;margin-bottom:10px}
.down-nav-item-nav-item ul li span{font-size:16px; font-weight:bold;}

.down-nav-item-img{margin-top:40px}
.down-nav-item-img a{display:block;width:33.333333%;padding-right:75px}
.down-nav-item-img a img{display:block;width:100%;height:auto}

.down-nav-pinpai a{display:block;width:16.666%;padding:0% 0.8333%;float:right;text-align:center;font-size:14px;color:#fff;}
.down-nav-pinpai a img{display:block;width:100%;height:auto;margin-bottom:10px}
.down-nav-pinpai a:hover{color:#ed2796;text-decoration: none;}

.down-nav-ds{text-align:center;}
.down-nav-ds a{display:inline-block; width:15%;text-align:center; padding:0% 0.83333%; color:#fff;}
.down-nav-ds a span{display:block; font-size:16px;}
.down-nav-ds a img{display:block; width:100%; margin-bottom:10px}
.down-nav-ds a:hover{color:#ff6600;text-decoration: none;}

.header-top2{background-color:#fff}
.header-top2 .logo a{background-image:url(../images/logo.png)}
.header-top2 .nav>ul>li>a{color:#555}
.header-top2 ::-webkit-input-placeholder{color:#fff}
.header-top2 ::-moz-placeholder{color:#fff}
.header-top2 ::-moz-placeholder{color:#fff}
.header-top2 ::-ms-input-placeholder{color:#fff}
.header-top2+.banner{margin-top:95px}
.header-top3{}
.m-nav{position:relative;display:none}

.m-nav-main{height:80px;width:100%;background-color:#fff;position:relative;z-index:99999999}
.m-nav-main .wrap{position:relative}
.m-nav-main .logo{width:340px;height:80px}
.m-nav-main .logo a{display:block;width:100%;height:100%;text-indent:-99999px;overflow:hidden;background:url(../images/logo.png) no-repeat 0 50%;background-size:auto 80%}
#m-nav-btn{position:absolute;right:6px;top:-0px;width:34px;height:60px;cursor:pointer}
#m-nav-btn span,#m-nav-btn span:after,#m-nav-btn span:before{background:#4574b8;content:'';display:block;height:3px;position:absolute;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:34px}
#m-nav-btn span{top:35px}
#m-nav-btn span:after{bottom:-10px}
#m-nav-btn span:before{top:-10px}
#m-nav-btn.active span{background:0 0}
#m-nav-btn.active span:before{top:0!important;background:#4574b8;-webkit-transform:translateZ(0) rotate(45deg);-moz-transform:translateZ(0) rotate(45deg);-ms-transform:translateZ(0) rotate(45deg);-o-transform:translateZ(0) rotate(45deg);transform:translateZ(0) rotate(45deg)}
#m-nav-btn.active span:after{top:10px;background:#4574b8;-webkit-transform:translateY(-10px) translateZ(0) rotate(-45deg);-moz-transform:translateY(-10px) translateZ(0) rotate(-45deg);-ms-transform:translateY(-10px) translateZ(0) rotate(-45deg);-o-transform:translateY(-10px) translateZ(0) rotate(-45deg);transform:translateY(-10px) translateZ(0) rotate(-45deg)}
.m-nav-down{position:absolute;z-index:9999999;width:100%;background-color:#4574b8;top:-999px}
.m-nav-down>ul>li{padding:10px 0;border-bottom:1px solid #37a0f5}
.m-nav-down>ul>li>a{display:block;font-size:18px;color:#fff;width:100%;padding-left:36%;background:url(../images/arrow.png) no-repeat 60% 50%}
.m-nav-down>ul>li.current>a,.m-nav-down>ul>li>a:hover{color:#fff}
.m-nav-down>ul>ul{background-color:#70b354;height:0;overflow:hidden}
.m-nav-down>ul>ul>li{border-bottom:1px solid #a4cf92}
.m-nav-down>ul>ul>li>a{color:#fff;font-size:14px;padding-left:38%;padding-top:8px;padding-bottom:8px;display:block}
.m-nav-down>ul>ul>li.current>a,.m-nav-down>ul>ul>li>a:hover{color:#fff}
.m-nav-down>ul>ul>li>a>span{padding-left:20px;background:url(../images/arrow.png) no-repeat 0 50%}
@media only screen and (max-width:1439px){
.wrap{width:100%;max-width:1200px;}
.header-top .nav>ul>li{margin-left:50px}
}

@media only screen and (max-width:1279px){
.wrap{width:100%;max-width:980px; margin:0 auto; margin-left:auto;margin-right:auto;}
.header-top .nav>ul>li{margin-left:20px}

.down-nav-item-nav-item ul li span{font-size:14px; font-weight:bold;}

}
@media only screen and (max-width:992px){
.header{position:relative; height:80px;}
.wrap{width:96%;max-width:auto; margin:0 auto; margin-left:auto;margin-right:auto;}
.header-top{display:none}
.m-nav{display:block}
}
@media only screen and (max-width:767px){.index-img1-left:after,.index-img2-left .index-img2-video:after{background-size:auto 40px}
.m-nav-down>ul>li>a{padding-left:33%;background-position:63% 50%}
}
@media only screen and (max-width:500px){.m-nav-down>ul>li>a{padding-left:30%;background-position:68% 50%}
}
@media only screen and (max-width:450px){.m-nav-down>ul>li>a{padding-left:28%;background-position:70% 50%}
}