@charset "utf-8";
/* CSS Document */
@font-face{font-family:"思源黑体";src:url(../fontfamily/SourceHanSansCN-ExtraLight.ttf);} 
body,html{overflow-x:hidden;}
body{font-size:14px;color:#000;background:#fff;font-family:"微软雅黑";}
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, input, textarea, select{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border:0;vertical-align:middle}
em{font-style:normal}
li{list-style:none}
em,i{font-style:normal}
table{border-collapse:collapse}
textarea,input,select{background:none;border:none;outline:none;}
input{outline:none;}
a{text-decoration:none}a:hover{color:#d53983;text-decoration:none;}
.clearFloat{*zoom:1}
.clearFloat:after{visibility:hidden;clear:both;display:block;content:".";height:0}

/*首页头部*/
#white_header_menu{color:#fff;}
#white_header_menu .enlarge .icon::before{background-color:#fff;}
#white_header_menu .enlarge .icon::after {background-color:#fff;}
#white_header_menu .enlarge .icon{background-color:#fff;}

.htmlheader{width:100%;background:rgba(255,255,255,0.4);padding:0 5.2%;position:fixed;left:0;top:0;z-index:10;transition:all 0.6s;}
#htmlheader{background:rgba(0,0,0,0.4)}
.header_logo{float:left;margin:0.46% 0;}
.header_logo a{display:block;}
.header_logo a img{width:72px;transition:all 0.6s;}
.htmlheader.active_a{height:80px;box-shadow:0 2px 10px rgba(0, 0, 0, .2);}
.active_a .header_logo a img{width:62px;}
.active_a .header_menu{margin-top:1.57%;}
@media screen and (max-width:1440px) and (max-width:1280px){
.header_logo a img{width:62px;}
.active_a .header_logo a img{width:52px;}
}
@media screen and (max-width:414px) {
.header_logo a img{width:52px;}
.zhezhao_header{width:100%;}
}
@media screen and (max-width:375px) {
.header_logo a img{width:42px;}
}
.header_menu{float:right;position:relative;line-height:24px;margin-top:1.97%;transition:all 0.6s;}
/*首页三条纹动画导航*/
.header_menu .enlarge {display:inline-block;cursor:pointer;z-index:2;height:24px;width:32px;margin-right:10px;}
.header_menu .enlarge .icon::before{top:-9px;background-color:#000;content:"";height:2px;left:0;position: absolute;transition-duration: 0.5s;width:32px;}
.header_menu .enlarge .icon::after{top:9px;background-color:#000;content: "";height:2px;left:0;position: absolute;transition-duration: 0.5s;width:32px;}
.header_menu .enlarge .icon {background-color:#000;height:2px;left:2px;position: absolute;top:18px;transition-duration: 0.5s;width:32px;}
/*页面动画*/
.wp,.wpb1,.wpb2,.wp1,.wp2,.wp3,.wp4,.wp5,.wp10,.wp11,.wp11_1,.wp12,.wp12_1,.wp13,.wp14,.wp15,.wp16,.wp17{visibility:hidden;}
.wpd1,.wpd2,.wpd3,.wpd4,.wpu1,.wpu2,.wpu3,.wpu4{visibility:hidden;}
.jczm_wpd_1,.jczm_wpd_2,.jczm_wpd_3,.jczm_wpd_4{visibility:hidden;}

.fadeInLeft,.fadeInRight,.fadeInDown,.fadeInUp,.rollIn,.bounceIn,.pulse{visibility:visible;}
/*遮罩层 头部导航*/
.zhezhao_header{width:16%;height:100%;background:#fff;position:fixed;right:0;top:0;z-index:1000;transition: all 0.6s;transform:translateX(100%) scaleY(1);box-shadow:0 2px 10px rgba(0, 0, 0, .2);}
.wapmenu_open{transform: translateX(0) scaleX(1);}
.close_header{width:100%;height:90px;background:url(../img/closeheadernav.png) no-repeat 90% center;text-align:center;}
.close_header:hover{cursor:pointer}
.menu{width:100%;margin:0 auto;text-align:center;}
.menu li:hover{ background-color:#f0f0f0; }
.menu li{font-size:20px;line-height:2;font-family:"思源黑体";margin-bottom:15px;position:relative;}
.menu li a{color:#333; letter-spacing:2px;transition: all 0.3s;}
.menu li .child_nav{display:none; margin:0 auto;overflow:hidden;}
.menu li .child_nav li{font-size:14px;line-height:1.5;}
.menu li .child_nav li a{text-decoration:none;color:#333;letter-spacing:2px;transition:all 0.3s;}
.menu li .child_nav li a:hover{color:#d53983;text-decoration:underline;letter-spacing:1px;}
.menu li a:hover{color:#d53983;text-decoration:none;letter-spacing:5px;}
.menu li .child_nav li a:after{display:none;}
.menu li .child_nav li a:before{display:none;}
/*.menu li a:before{content: "";display:block;width:0;height:1px;background:#d53983;transition: all ease-out 333ms;position: absolute;
top:20px;left:0;transform: translateX(-100%);}
.menu li a:after{content: "";display:block;width:0;height:1px;background:#d53983;transition: all ease-out 333ms;position: absolute;
top:20px;left:0;transform: translateX(-100%);}
.menu li a:after{left:100%;transform:none;}    
.menu li a:hover:after{width:45px;}
.menu li a:hover:before{width:45px;}*/
.zhezhao_lnear{width:90%;height:1px;background:#cacaca;margin:0 auto;}

@media only screen and (max-width:1440px) {
.menu li a:hover:after{width:28px;}
.menu li a:hover:before{width:28px;}
}
@media only screen and (max-width:1366px) {
.menu li a:hover:after{width:22px;}
.menu li a:hover:before{width:22px;}
}
@media only screen and (max-width:1280px) {
.menu li a:hover:after{width:15px;}
.menu li a:hover:before{width:15px;}
}
@media only screen and (max-width:1024px) {
.zhezhao_header{width:35%;}
.menu li a:hover:after{width:45px;}
.menu li a:hover:before{width:45px;}
}
@media only screen and (max-width:768px) {
.zhezhao_header{width:40%;}
}
@media only screen and (max-width:414px) {
.zhezhao_header{width:50%;}
.menu li a:hover:after{width:25px;}
.menu li a:hover:before{width:25px;}
}
@media only screen and (max-width:375px) {
.zhezhao_header{width:60%;}
.menu li a:hover:after{width:20px;}
.menu li a:hover:before{width:20px;}
}
@media only screen and (max-width:360px) {
.zhezhao_header{width:60%;}
.menu li a:hover:after{width:25px;}
.menu li a:hover:before{width:25px;}
}
@media only screen and (max-width:320px) {
.menu li a:hover:after{width:15px;}
.menu li a:hover:before{width:15px;}
}

.bannertxt{float:left;padding-top:20%;padding-left:10%;}
.bannertxt li:nth-child(1){margin-bottom:4%;font-size:54px;font-family:'思源黑体'}
.bannertxt li:nth-child(2){margin-bottom:2.7%;font-size:16px;line-height:1.71;}
/*首页商家logo和新闻动态列表 灰色背景*/
.background_gray{background:#eee;}
.background_light_gray{background:#f5f5f5;}
.background_white{background:#fff;}

/*首页底部*/
#public_bottom{background:#fff;}
.public_bottom{background:#f2f2f2;}
.section3{width:4rem;margin:0 auto;}
.section3 li{text-align:center;line-height:0.8rem;}
.section3 li a{font-size:14px;color:#000;}
.section3 li a:hover{color:#d53983;}

.line{width:100%;height:1px;background:#e5e5e5;}

.section4{width:360px;margin:0 auto;text-align:center;padding-top:5.83%;box-sizing:border-box;}
.section4 ul{width:320px;margin-bottom:9.37%; margin-left:20px;}
.section4 ul li{width:150px;line-height:60px;margin:0 5px;background:#f6f6f6;padding-top:4.68%;box-sizing:border-box;}
.section4 ul li img{display:block;margin:0 auto;}
.jczmbanner .section4 ul li img{width:auto;-webkit-transform: scale(0);transform: scale(0);}
.lxwm{background:url(../img/lxwmbg1.png) no-repeat center top;padding-top:10.93%;margin:0 auto;margin-bottom:7.81%;box-sizing:border-box;}
.lxwm a{font-size:14px;color:#000;}
.lxwm:hover{background:url(../img/lxwmbg2.png) no-repeat center top;}
.lxwm:hover a{color:#ce3b7f;}
.line1{width:24px;height:1px;background:#cccccc;margin:0 auto;margin-bottom:10%;}
.address{margin-bottom:10.93%;}
.address p{font-size:14px;text-align:center;line-height:30px;}
.address p a{color:#000;}

footer{height:85px;padding-top:1.56%;box-sizing:border-box;line-height:2;}
footer li:first-child{text-align:left;}
footer li:last-child{text-align:center;}
footer a{color:#000000;}
.friendlink{width:200px;border-bottom:1px solid #e5e5e5;background:url(../img/friendlinkbg1.png) no-repeat 168px center;text-align:left;padding-left:4.5%;box-sizing:border-box;margin:0 auto;position:relative;}
.friendlink:hover{border-bottom:1px solid #d53983;background:url(../img/friendlinkbg2.png) no-repeat 168px center;color:#d53983;}
.friendlink ul{display:none;width:200px;position:absolute;left:0;bottom:100%;background:#fff;}
.friendlink ul li{text-align:center;line-height:24px;}
.friendlink ul li a{color:#000;}
.friendlink ul li a:hover{color:#d53983}
.friendlink ul.active{display:block;}
.friendlink:hover{cursor: pointer;}