/*共用*/
.wp{ padding: 0 6%;width: 88%; transition: all 0.3s ease 0s;}

.juzhong{width:90%; margin: 0 auto;transition: all 0.3s ease 0s;}

/*头部*/
#hd{background: #fff; position:fixed;height:68px; box-shadow: 0 1px 20px rgba(0,0,0,0.15);top: 0;left: 0;width: 100%;background-color: #fff; z-index: 25;}
#hd .logo{float: left;}
#hd .logo img{ display: block;}

.nav{float: right;}
.nav li{position: relative;float: left;}
.nav li>a{display: block; font-size: 15px; color: #535353;padding:0px 30px; line-height:68px;height:68px;transition: all 0.4s;-webkit-transition: all 0.4s;}
.nav li:hover>a,.nav li.now>a{ background: #ec023c; color:#fff;}

.nav li>dl{ background:rgba(236, 2, 60, 0.84);z-index: 4;display: none;position: absolute;top:68px;left: 0; width: 100%;}
.nav li>dl dd{text-align: center; border-top:1px solid #fad5e1;}
.nav li dl dd:first-child{ border-top:none;}
.nav li>dl a{font-size: 14px;display: block;height: 38px;color:#fff;line-height: 40px;}
.nav li>dl a:hover{background:rgba(255,255,255,0.3);color: #fff;}

.in-link1{position: absolute;width: 120px;height: 200px;display: none;margin-left:89px;margin-top: -40px;}


/*********手机按钮*********/
.menu-m{position: fixed;right:10px;z-index: 999;display: none; top:25px;height: 30px;text-align: right;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s; transition:.3s; }
.menu-m em{position: relative;display: block;width: 28px;height: 4px;margin:4px 0;background:#ec023c;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;}
.menu-m.translate .em1{
    top:10px;
    transform:rotate(40deg);
    -ms-transform:rotate(40deg);
    -moz-transform:rotate(40deg);
    -webkit-transform:rotate(40deg);
    -o-transform:rotate(40deg);
}
.menu-m.translate .em2{
    opacity: 0;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
}
.menu-m.translate .em3{
    top:-7px;
    transform:rotate(-40deg);
    -ms-transform:rotate(-40deg);
    -moz-transform:rotate(-40deg);
    -webkit-transform:rotate(-40deg);
    -o-transform:rotate(-40deg);
}

/********手机导航********/
.menu-ul-nav{
	-o-transition:all .3s ease-in-out ; 
	-ms-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;z-index:999;
	height: 100%;background-color: #fff;position: fixed;top:0px;width: 80%;right:0;height: 100%;
	overflow-x: hidden;overflow-y: auto;display: none;transform: translateX(100%) ;-webkit-transform: translateX(100%);}
	
.menu-ul-nav.ok2{transform: translateX(0%) ;-webkit-transform: translateX(0%);}
.menu-m.translate{right:85%;}
.menu-ul-nav .search input{padding-left: 35px;border:none;float: right;width: 100%;height: 30px;background: url(../images/so2.png) no-repeat 10px center;background-color: #ec023c;color: #fff;outline:none;}
.menu-ul-nav .search input::-webkit-input-placeholder {color: #fff;} 
.menu-ul-nav .search input::-moz-placeholder { color: #fff;}
.menu-ul-nav .search input::-ms-input-placeholder {  color: #fff;}
.menu-ul-nav .search{padding:25px 20px;height:68px;background-color: #fff;position: relative;overflow: hidden;background-color: #404f58;}

.menu-ul-nav .in-link{display: none;}
.menu-ul-nav dd{overflow: hidden;}
.menu-ul-nav .in-link dd a{font-size: 14px;line-height: 35px;background-color:#f1f0f0;color: #686868;display: block;}
.menu-ul-nav .in-link dd a:before{content:">";margin-right: 5px;font-size: 12px;}
.menu-ul-nav .b1{background: url(../images/m_ico1.png) no-repeat 90% center;}
.menu-ul-nav .b1.ok{background: url(../images/m_ico2.png) no-repeat 90% center;color: #ec023c;}

.menu-ul-nav a{padding-left:25px;line-height: 40px;text-align: left;display: block;font-size: 14px;background-color: #fff;border-bottom:1px solid #ddd;}



/*底部*/
#fd{ background:#2d2d2d url(../images/foot_bg.jpg) top center  no-repeat; border-top:5px solid #e0043b; }

#fd .btm{padding:25px 0px 0px;overflow:hidden;max-width:1600px; margin:0 auto;width:100%;}


.footerMenu{overflow: hidden;float: left;width:62%;box-sizing:border-box;padding:20px 2%;background:url(../images/line.jpg) right top -40px no-repeat;}
.footerMenu ul{position: relative;}
.footerMenu ul:after{content: ""; display: block; clear: both;}
.footerMenu ul:before{ content: ""; display: block; width: 0; height: 90%; position: absolute; right: -36px; top: 5%; border-right: 1px solid #505050;}
.footerMenu li{width: 20%; float: left;}
.footerMenu li dl{}
.footerMenu li dt{font-size: 16px;line-height: 1; padding-bottom: 15px;margin-bottom:5px ; position: relative;color: #fff;}
.footerMenu li dt:after{content: ""; display: block; width: 20px; border-bottom: 1px solid #fff; position: absolute; bottom: 0; }
.footerMenu li dd{}
.footerMenu li dd a{ color: #fff; font-size: 13px; line-height:1.8; }
.footerMenu li dd a:hover{ color: #e0043b;}


#fd .footerlx{float: left;width:38%;}

#fd .btm-c{float: left;box-sizing:border-box;padding:0px 5%;}
#fd .btm-c h3{color: #fff; font-size: 24px;line-height:2;}
#fd .btm-c li{line-height: 2;color: #ec023c;font-size: 34px;/* border-bottom:1px solid #fff; */font-weight:  bold;}
#fd .btm-c li.icon1{color:#fff;font-size: 14px; line-height:1.5; border-bottom:none;}
#fd .btm-c h4{color: #fff; font-size:18px;line-height:2;}


#fd .btm-r{float: right;padding:0px 2% 0px 0px;width:160px; text-align:center;}
#fd .btm-r img{ max-width:100%;}
#fd .btm-r p{ color:#fff; line-height:1.5;}
#fd .btm-r .wzhi{ text-align:left; margin-top:5%; padding-left:40px; background:url(../images/icon_wz.png) left center no-repeat;}
#fd .btm-r .wzhi p{color:#fff; line-height:1.5;}


#fd .top{padding:14px 0px;color:#fff; border-top:1px solid #6b6b6b; text-align:center;max-width:1600px; margin:0 auto;width:100%; overflow:hidden;}
#fd .top p{font-size:14px; color:#fff;}
#fd .top a{font-size:14px; color:#fff;}
#fd .top a:hover{ color:#56AF30;}
#fd .top .rf{ margin-right:10px;}