/*通用样式*/
body,html,div,p,table,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
ul,ol,li,dl,dt,dd{list-style:none;}
img,a{border:none;}
em,i{font-style:normal;}
a{outline:none;text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:active{opacity:0.85;}
html,body{font-size:62.5%;font-family:"微软雅黑","Arial","Helvetica";font-weight:normal;text-shadow:none;width:100%;position:relative;margin:0px;padding:0px;overflow-x:hidden;}
/*浮动样式*/
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.clearfix:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0px; overflow:hidden;}
.clearfix{ zoom:1}

.swiper-pagination-bullet{width: 12px;height: 12px;}

.container{font-size:0.26rem;}

/* 顶部导航菜单 */
.container{ background: #fff;}
.nav{width:94%;height:1.2rem; padding: 0 3%; display:flex;justify-content:space-between;}
.nav_logo{width:1.75rem; padding-top:0.2rem;}
.nav_logo img{width:100%;display:block;}

.nav_right{display:flex;}
.nav_btn{line-height:1.2rem; margin-right: 0.6rem;}
.nav_btn a{color:#333333;font-size:0.28rem;margin-left:0.3rem;display:inline-block;}

.nav_menu_btn{ width: 0.48rem;}
.nav_menu_btn span{ width: 0.48rem; display: block; padding-top: 0.45rem;}
.nav_menu_btn span img{ width: 100%; display: block;}

.nav_menu{
    width:100%;
    background:#efefef;
    height:0;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -ms-transition:0.5s;
    transition:0.5s;
    overflow:hidden;
}
.nav_menu.active{
    height:6rem; /* 菜单高度 */
    padding-top:0.2rem;
}
.nav_menu.active a{
    display:block;
}
.nav_menu a{
    width:91%;
    background:#fff;
    display:none;
    height:0.6rem;
    line-height:0.6rem;
    color:#333;
    margin:0 auto;
    margin-bottom:0.05rem;
    border-radius:0.05rem;
    padding:0 2%;
    opacity: 0;
    box-shadow:0 0 0.1rem rgba(0,0,0,0.1);
}
.nav_menu a:hover{
    background:#850085;
    color:#fff;
}

.nav_menu.active.nav_menu a:nth-of-type(1){
    opacity:1;
    -webkit-animation:fadeInDown 0.2s 0.22s ease both;
    -moz-animation:fadeInDown 0.2s 0.22s ease both;
    -ms-animation:fadeInDown 0.2s 0.22s ease both;
    animation:fadeInDown 0.2s 0.22s ease both;
}
.nav_menu.active.nav_menu a:nth-of-type(2){
    opacity:1;
    -webkit-animation:fadeInDown 0.2s 0.26s ease both;
    -moz-animation:fadeInDown 0.2s 0.26s ease both;
    -ms-animation:fadeInDown 0.2s 0.26s ease both;
    animation:fadeInDown 0.2s 0.26s ease both;
}
.nav_menu.active.nav_menu a:nth-of-type(3){
    opacity:1;
    -webkit-animation:fadeInDown 0.2s 0.3s ease both;
    -moz-animation:fadeInDown 0.2s 0.3s ease both;
    -ms-animation:fadeInDown 0.2s 0.3s ease both;
    animation:fadeInDown 0.2s 0.3s ease both;
}
.nav_menu.active.nav_menu a:nth-of-type(4){
    opacity:1;
    -webkit-animation:fadeInDown 0.2s 0.34s ease both;
    -moz-animation:fadeInDown 0.2s 0.34s ease both;
    -ms-animation:fadeInDown 0.2s 0.34s ease both;
    animation:fadeInDown 0.2s 0.34s ease both;
}
.nav_menu.active.nav_menu a:nth-of-type(5){
    opacity:1;
    -webkit-animation:fadeInDown 0.2s 0.38s ease both;
    -moz-animation:fadeInDown 0.2s 0.38s ease both;
    -ms-animation:fadeInDown 0.2s 0.38s ease both;
    animation:fadeInDown 0.2s 0.38s ease both;
}
.nav_menu.active.nav_menu a:nth-of-type(6){
    opacity:1;
    -webkit-animation:fadeInDown 0.2s 0.42s ease both;
    -moz-animation:fadeInDown 0.2s 0.42s ease both;
    -ms-animation:fadeInDown 0.2s 0.42s ease both;
    animation:fadeInDown 0.2s 0.42s ease both;
}
.nav_menu.active.nav_menu a:nth-of-type(7){
    opacity:1;
    -webkit-animation:fadeInDown 0.2s 0.46s ease both;
    -moz-animation:fadeInDown 0.2s 0.46s ease both;
    -ms-animation:fadeInDown 0.2s 0.46s ease both;
    animation:fadeInDown 0.2s 0.46s ease both;
}
.nav_menu.active.nav_menu a:nth-of-type(8){
    opacity:1;
    -webkit-animation:fadeInDown 0.2s 0.52s ease both;
    -moz-animation:fadeInDown 0.2s 0.52s ease both;
    -ms-animation:fadeInDown 0.2s 0.52s ease both;
    animation:fadeInDown 0.2s 0.52s ease both;
}
.nav_menu.active.nav_menu a:nth-of-type(9){
    opacity:1;
    -webkit-animation:fadeInDown 0.2s 0.58s ease both;
    -moz-animation:fadeInDown 0.2s 0.58s ease both;
    -ms-animation:fadeInDown 0.2s 0.58s ease both;
    animation:fadeInDown 0.2s 0.58s ease both;
}



@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
    0%{opacity:0;-moz-transform:translateY(-20px)}
    100%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes fadeInDown{
    0%{opacity:0;-ms-transform:translateY(-20px)}
    100%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes fadeInDown{
    0%{opacity:0;transform:translateY(-20px)}
    100%{opacity:1;transform:translateY(0)}
}




/* 联系 */
.lx{ padding: 0.6rem 0 1.8rem 0;}
.lx a{ width: 18%; margin: 0 auto; display: block; margin-bottom: 0.3rem;}
.lx a img{ width: 100%; display: block;}
.lx p{ font-size: 0.2rem; color: #666; line-height: 0.4rem; text-align: center;}


/*底部*/
.bot{ height: 0.9rem; width: 100%; background: #850085; position: fixed; bottom: 0; left: 0; z-index: 99;}
.bot ul{ width: 100%; height: 1rem;}
.bot ul li{ width: 25%; float: left; text-align: center; height: 1rem;}
.bot ul li img{ width: 24%; display: block; margin: 0.15rem auto 0 auto;}
.bot ul li p{ font-size: 0.2rem; color: #fff;}
.bot ul li:hover{background: #f39700;}

/*客服电话*/
.kfdh{ position: fixed; bottom: 12%; right: 3%; z-index: 99999;}
.kfdh .wx{ width: 0.8rem; height: 0.8rem; background: url(../images/index/dh.png) no-repeat; background-size: cover; display: block;}
.kfdh .dh{ width: 0.8rem; height: 0.8rem; background: url(../images/index/zx.png) no-repeat; background-size: cover;  margin-top: 0.12rem; display: block;}

/* 内页分页样式  */
.g-page{ margin:0.2rem 0; text-align:center;}/* 底部间距20px*/
.g-page .u-pup,.g-page .u-pne,.g-page .u-sa{border-radius:0.1rem;display:inline-block;font-size:0.4em;height: 0.5rem;line-height: 0.5rem; text-align: center;width:25%;} /*上一页样式*/
.g-page p{ width:15%; display: inline-block;}
.g-page .pager-select{display:inline-block;padding:0 0.2rem; margin: 0 0.1rem; width:15%; height: 0.5rem; line-height: 0.5rem; position:relative; top: 0.16rem;}
.g-page .page_number{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events:none;  border-radius: 0.1rem; box-shadow: 0 0 0.05rem #333 inset; text-indent: -1em;font-size:0.43em;}
.g-page .page_number:before{ width: 0; height:0; content: ""; position: absolute; border-top: 0.05rem solid #aaa; border-left: 0.05rem solid rgba(0,0,0,0);border-right: 5px solid rgba(0,0,0,0); left: 50%; margin-left:0.15rem; top: 0.12rem;}
.g-page .pager-select .page_number span{ padding: 0 0.02rem; font-weight: bold;}
.g-page .select_box{ width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 0; left: 0; top: 0; text-align: center;}
/* 内页分页样式  */
.g-page a { background-color:#850085 ; color:#fff; }
.g-page .z-noc { background-color:#850085; color:#9b0e0e; }
.g-page .u-sa { color:#fff; background-color:#850085;}