﻿.wrap{width:100%;max-width:1440px;margin-left:auto;margin-right:auto}
.header{position:relative; height:95px;}
.header-top{position:absolute;width:100%;height:95px;background-color:#664498;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:248px;height:60px;position:absolute;top:18px;}
.header-top .logo a{width:248px;height:60px;text-indent:-99999px;overflow:hidden;background:url(../images/logo.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:55px;display:inline-block;line-height:30px}
.header-top .nav>ul>li.current>a,.header-top .nav>ul>li>a:hover{color:#f02d9a!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:95px;left:0;right:0;z-index:99999;background-color:#664498}

.down-nav-item{width:100%;padding-bottom:30px;padding-top:40px; display:none}
.down-nav-item-nav{width:80%; 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:#ed2796}
.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:16.666%;text-align:center; padding:0% 0.8333%; 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:#ed2796;text-decoration: none;}

.header-top2{background-color:#664498}
.header-top2 .logo a{background-image:url(../images/logo.png)}
.header-top2 .nav>ul>li>a{color:#fff}
.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:60px;width:100%;background-color:#fff;position:relative;z-index:99999999}
.m-nav-main .wrap{position:relative}
.m-nav-main .logo{width:248px;height:60px}
.m-nav-main .logo a{display:block;width:100%;height:100%;text-indent:-99999px;overflow:hidden;background:url(../images/logo1.png) no-repeat 0 50%;background-size:auto 80%}
#m-nav-btn{position:absolute;right:6px;top:-5px;width:34px;height:60px;cursor:pointer}
#m-nav-btn span,#m-nav-btn span:after,#m-nav-btn span:before{background:#2a008d;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:#490c9e;-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:#490c9e;-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:#664498;top:-999px}
.m-nav-down>ul>li{padding:10px 0;border-bottom:1px solid #c29aec}
.m-nav-down>ul>li>a{display:block;font-size:18px;color:#c29aec;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:#4a1a7d;height:0;overflow:hidden}
.m-nav-down>ul>ul>li{border-bottom:1px solid #c29aec}
.m-nav-down>ul>ul>li>a{color:#c29aec;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}
}
@media only screen and (max-width:992px){
.header{position:relative; height:60px;}
.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%}
}