@charset "utf-8";
@media screen and ( max-width:1024px){
	header.pchd{
		display: none;
	}
}
@media screen and ( max-width: 1024px){
    #main .wrap1 li .pro-name{
    	font-size: 18px;
    	top: 30px;
    }
    #main .wrap3 .swiper-container .swiper-slide{
    	width: 50%;
    }
    footer .footer-top ul{
    	display: none;
    }
    footer .footer-top .rside{
    	float: left;
    }
    footer{
    	padding: 40px 25px 30px;
    }
    footer .footer-fot{
    	text-align: left;
    	padding-top: 12px;
    }
    footer .footer-fot .left{
    	float: none;
    }
    footer .footer-fot .mid{
    	padding-left: 0;
    }
    footer .footer-fot .right{
    	float: none;
    	display: inline-block;
    }
    footer .footer-top .rside .sharebox{
    	margin-top: 18px;
    }
    footer .footer-top .rside .sharebox img{
    	width: 40px;
    }
    footer .footer-top .rside .sharebox a .d1{
    	font-size: 12px;
    	padding-top: .5em;
    }
    header.mhd{
	    position: fixed;
	    width: 100%;
	    top: 0;
	    left: 0;
	    z-index: 99;
    	display: block;
    	height: 80px;
    	transition: all .4s ease;
	}
	header.mhd.bai{
		background-color: #fff;
	}
	header.mhd.bai .navbtn .line{
		background-color: #000;
	}
	header.mhd .logo{
	    float: left;
	    height: 100%;
	}
	header.mhd .logo img{
	    width: auto;
	    height: 100%;
	}
	header.mhd .navbtn{
	    position: absolute;
	    width: 44px;
	    height: 33px;
	    right: 30px;
	    top: 25px;
	}
	header.mhd .navbtn .line{
	    position: absolute;
	    width: 100%;
	    height: 4px;
	    top: 0;
	    background-color: #fff;
    	transition: all .4s ease;
	}
	header.mhd .navbtn .line2{
	    top: 50%;
	    margin-top: -2px;
	}
	header.mhd .navbtn .line3{
	    top: 100%;
	    transform: translate(0,-4px);
	}
	.fixnav-m{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 100%;
		background: #ffffff;
		z-index: 100;
		opacity: .3;
		visibility: hidden;
		transition: all .4s ease-in-out;
	}
	.fixnav-m.cur{
		left: 0;
		visibility: visible;
		opacity: 1;
	}
	.fixnav-m .fixnav-controls{
		height: 80px;
		line-height: 80px;
		padding: 0 30px;
		border-bottom: 1px solid #e6e5e5;
		position: relative;
	}
	.fixnav-m .fixnav-controls .close{
		position: absolute;
		width: 20px;
		height: 20px;
		background: url('../images/close-ico.png') no-repeat center/100%;
		right: 30px;
		top: 50%;
		margin-top: -10px;
	}
	.fixnav-m .fixnav-controls .close:after{
	    content: '';
	    width: 100%;
	    height: 100%;
	    padding: 10px;
	    margin: -10px;
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;	
	}
	.fixnav-m .fixnav-controls .searchbtn{
		display: inline-block;
		width: 24px;
		height: 24px;
		vertical-align: middle;
		background: url('../images/search-ico.png') no-repeat center/100% auto;
	}
	.fixnav-m .fixnav-controls .userbtn{
		display: inline-block;
		width: 24px;
		height: 24px;
		vertical-align: middle;
		background: url('../images/user-ico.png') no-repeat center/100% auto;
		margin: 0 48px;
		position: relative;
	}
	.fixnav-m .fixnav-controls .userbtn:after,
	.fixnav-m .fixnav-controls .userbtn:before{
		content: '';
		position: absolute;
		width: 1px;
		height: 22px;
		background-color: rgba(115,115,115,.2);
		top: 50%;
		margin-top: -11px;
		left: -24px;
	}
	.fixnav-m .fixnav-controls .userbtn:after{
		left: auto;
		right: -24px;
	}
	.fixnav-m .fixnav-controls .lang{
		display: inline-block;
		font-size: 24px;
		color: #333333;
		vertical-align: middle;
		text-transform: uppercase;
	}
	.fixnav-m .fixnav-list a{
		display: block;
		height: 80px;
		line-height: 80px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #e3e3e3;
		font-size: 30px;
		color: #333333;
		padding: 0 60px;
		position: relative;
	}
	.fixnav-m .fixnav-list a:after{
		content: '';
		width:9px;
		height: 17px;
		background: url('../images/alink-arrow.png') no-repeat center/100% auto;
		position: absolute;
		right: 34px;
		top: 50%;
		margin-top: -9px;
	}
	.fixnav-m .fixnav-list a:nth-child(2n){
		background-color: #fff;
	}
	.search-box{
	    position: fixed;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 101;
	    display: none;
	}
	.search-box .black {
	    position: fixed;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,0.7);
	    z-index: 99;
	}
	.m-close-search{
	    display: block;
	    width: 15px;
	    height: 15px;
	    background: url(../images/ico_07.png) no-repeat center;
	    background-size: 100% auto;
	    position:absolute;
	    left:-6%;
	    top:50%;
	    margin-top:-7.5px;
	    cursor: pointer;
	    z-index: 11;
	    display: none;
	}
	.m-search-box{
	   	width: 92%;
	    border: 1px solid #aaa;
	    position: fixed;
	    left: 3%;
	    top: 54px;
	    height:45px;
	    z-index: 100;
	    display: none;
	}
	.m-search-box input.tex{
	    border: none;
	    background: none;
	    font-size: 0.8rem;
	    font-family: "Arial";
	    color: #a7a7a7;
	    height:45px;
	    line-height:45px;
	    padding:10px 4%;
	    width: 80%;
	}
	.m-search-box input.search-btn{
	    border: none;
	   	width:45px;
	   	height:45px;
	   	line-height:45px;
	   	text-align:center;
	    margin: 0;
	}
	
}


@media screen and ( max-width:1024px){
	footer .mob-footer-top{
		display:flex;
		flex-flow:row nowrap;
		justify-content:center;
		align-items:center;
		position:relative;
	}
	footer .mob-footer-top .shareitem{
		padding-left:0;
		text-align:center;
	}
	footer .mob-footer-top:before{
		content:"";
		position:absolute;
		left:33.3%;
		width:1px;
		height:14px;
		background:#b2b2b2;
		top:50%;
		margin-top:-7px;
	}
	footer .mob-footer-top:after{
		content:"";
		position:absolute;
		left:66.6%;
		width:1px;
		height:14px;
		background:#b2b2b2;
		top:50%;
		margin-top:-7px;
	}
	footer .mob-footer-top .mob-footer-top:after{
		display:none;
	}
	footer .mob-footer-top .shareitem.qq:before{
		display:none;
	}
	footer .mob-footer-top .shareitem.qq:after{
		display:none;
	}
	footer .mob-footer-top  .warp-li{
		width:33.3%;
		text-align:left;
	}
	footer .mob-footer-top  .warp-li:nth-child(2){
		padding-left:1rem;
	}
	footer .mob-footer-bottom{
		line-height:2;
	}
}