@charset "utf-8";
/*@font-face {*/
/*    font-family:AliMedium;*/
/*    src:url('./font_family/Alibaba-PuHuiTi-Regular.ttf'),url('../css/font_family/AlibabaSans-Regular.otf');*/
/*  }*/
/*  @font-face {*/
/*    font-family:AliMediumB;*/
/*    src:url('./font_family/Alibaba-PuHuiTi-Heavy.ttf');*/
/*  }*/
html{font-size: 16px;}
body{color:#000; background-color:#FFFFFF; -webkit-text-size-adjust:none;}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, textarea, ul{ padding:0; margin:0;}
li, ol, ul{ list-style:none;}
img{ border:none; border:0; max-width:100%;}
a{ text-decoration:none; color:#101010;}
a:focus {outline:none;-moz-outline:none;}
button, input, select, textarea {font-family: inherit; font-size:1em;}
input:focus, textarea:focus{ outline: none;}
input::-webkit-input-placeholder{color: #b1bcc4;}
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.clear{clear:both;}
.container{ width:1200px; margin:0 auto; clear:both;}
.container:after {clear: both;box-sizing: border-box;}
.container:after, .container:before {display:table;content: "";}
.boxsizing_c{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
.pb10{padding-bottom: .625rem;}
.mb20{margin-bottom: 1.25rem;}
.mt20{margin-top: 1.25rem;}
.mb30{margin-bottom: 1.875rem;}
.mt30{margin-top: 1.875rem;}
.pb20{padding-bottom: 1.25rem;}
.pt20{padding-top: 1.25rem;}
.pb30{padding-bottom: 1.875rem;}
.pt30{padding-top: 1.875rem;}
.p10{padding: 10px 0;}
.pl5{padding-left: 5px;}
.pr5{padding-right: 5px;}
.fl{float: left;}
.fr{float: right;}
.transparent{background:transparent;}
.dn{display: none;}
.cp{cursor: pointer;}
.text-exceeds{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.size-16{font-size: 16px;}
.size-14{font-size: 14px;}
.size-12{font-size: 12px;}
.fix{
    position: fixed;
    top: 0;
    z-index: 88;
    width: 100%;
}
.disflex{display: flex; flex-wrap: wrap;justify-content: space-between;}
.bgw{background-color: #fff;}
.bgf{background-color: #f5f5f5;}
.cw{color: #fff;}
.banner {
	 height: 200px;
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center;
}
/**面包屑**/
.crumbs{padding: 5px 0;}
.crumbs, .crumbs a{font-size: 14px;color:#717171}
.crumbs .icon-weizhi:before{font-size: 25px;color: #888888;vertical-align: middle;}
/** 头部 **/
.header{background: #ECE7CD;border-bottom: 4px solid #D30000;}
.header-left img,.logo img{height: 46px;vertical-align: middle;display: inline-block;}
.header-left p{
    width: 1px;
    height: 40px;
    display: inline-block;
    margin:0 5px;
    background-color: #BBBBBB;
    vertical-align: middle;
}
.logo-info {display: inline-block;vertical-align: top;}
.logo-info span{display: block;color: #474747;margin-top: 3px;}
.telephone span{
    display: block;
    text-align: right;
    font-size: 14px;
    color: #474747;
}
.telephone span.tel{
    font-weight: bold;
    font-size: 19px;
    background-image: url(../images/phone.png);
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 20px;
}
.header-right .telephone,.header-right .city,.header-right .search{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.city{
    padding: 8px 8px 8px 30px;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 10px;
    font-size: 14px;
    position: relative;
    background-image: url(../images/header_addr.png);
    background-repeat: no-repeat;
    background-position: 8px 10px;
}
#StranLink{
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
    background-color: #EAAE12;
    padding: 7px 8px;
    border-radius: 5px;
    vertical-align: middle;
}
.icon-sousuo:before{font-weight: bold;font-size: 22px;}
.icon-zhankaishousuo:before{font-size: 30px;color: #000;}

/*头部导航城市切换*/
.city .headCity {
	width: auto;
	background: #fff;
	border: 1px solid #ea3516;
	position: absolute;
	right:0;
    top:38px;
	z-index: 3;
	display: none;
  width:100%;
}
.city:hover .headCity {
	display: block;
}
.city:hover span .icon-xiangxia{display: inline-block;transform: rotate(180deg);padding:0 5px 0 0}
.city .headCityNav {
	line-height: 36px;
}
.city .headCityNav ul a{display: block;text-align: center;}
.city .headCityMain ul {
	display: flex;
	flex-wrap: wrap;
	float: left !important;
}
.city .headCityMain ul:nth-child(1) {
	display: flex;
}
.city .headCityMain li a {
	display: inline-block;
	font-size: 16px;
	color: #5a5a5a;
	text-align: left;
	margin-right: 20px;
	padding: 0 10px;
	margin-top: 15px;
}
.city .headCityNav ul a:hover {
	background: #ea3516;
	color: #fff;
}

/** 头部导航 **/
nav{border-bottom: 1px solid #BBBBBB;background-color: #fff;padding-bottom: 4px;}
.nav .menu-li{
    display: inline-block;
    position: relative;
    line-height: 40px;
}
.nav .menu-li.fr{line-height: unset;}
.nav .menu-li.fr span{display: inline-block;width: 2px;height: 30px;background-color: #D30000;vertical-align: middle;}
.nav .menu-li.fr a{display: inline-block;padding: 0 15px;line-height: 40px;}
.nav .menu-li a{
    color:#101010;
    display: block;
    padding: 0px 55px;
}
.nav .menu-li .size-16:hover,.nav .menu-li:hover .size-16,.nav .menu-li:hover  .icon-xiangshang,.nav .menu-li .sub li a:hover,.nav .menu-li.active>a,.nav .menu-li.active  .icon-xiangshang{    background-color: #D30000;color: #fff;}
.nav .menu-li:hover .icon-xiangshang,nav .menu-li.on .icon-xiangshang{transform: rotate(180deg);}
.nav .menu-li:hover ul {display: block;}
.sub{
    position:absolute;
    width: 100%;
    left: 0;
    z-index: 2;
    display: none;
    background-color: #fff;
    text-align: center;
}
.nav .menu-li .recycling-items{
    width: 695px;
    left: -96px;
    padding: .875rem 0;
}
.nav .menu-li .recycling-items>li{width: 20%;float: left;}
.recycling-title{font-weight: bold;line-height: 30px;}
.nav .menu-li .recycling-items li.first{width: 19%;float: left;margin-left:1%}
.nav .menu-li .sub li a{
    font-size: 14px;
    color: #333333;
    line-height: 40px;
    padding: 0 5px;
}
.nav .menu-li .recycling-items li a{
    line-height: 30px;
}
.nav .menu-li .recycling-items .hhs{margin-top: 0;font-weight: bold;padding: 0;font-size: 1rem;color: #000;}
.nav .menu-li .recycling-items .hhs img{
	width: 58%;
 	margin-top: 2px;
}
.nav .menu-li .recycling-items .hhs:hover{background-color:#fff;border:1px solid #D30000}
.nav .menu-li .recycling-items .hhs:hover p{background-color: #D30000;color: #fff;}
.nav .menu-li .icon-xiangshang{    
    position: absolute;
    top:0px;
    right: 10px;
    color: #717171;
    text-align: center;
}
.icon_weixin {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../images/wx.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}
.menu-btn{display: none;}
/**搜索*/
.search-box{
    top: 70px;
    width: 100%;
    position: fixed;
    z-index: 5;
    text-align: center;
    padding: 1.25rem 0;
    background-color: rgba(0, 0, 0, 0.3);
    left: 0;
    height: 100%;
}
.search-box-bg{z-index: -1; height: 100%;}
.search-content input {
    vertical-align: top;
	font-size: 12px;
	border: 1px solid #eee;
	padding: 6px 12px;
	line-height: 16px;
    width: 40%;
    margin-right: -5px;
}
.search-content button {
    border: 0;
    padding: 0;
    cursor: pointer;
    outline: none;
    width: 5%;
    height: 30px;
    background: #666666;
    color: #fff;
    min-width: 105px;
}
.search-keyword ul{
    margin: 1.875rem auto auto;
    width: 55%;
    display: flex;
    flex-wrap: wrap;
}
.search-keyword ul li a{
    display:inline-block;
    padding: 5px 10px;
    background-color: #fff;
    margin-bottom: 10px;
    margin-right: .9375rem;
}
.search-box .icon-guanbi:before{font-size: 2.5rem;color: #f8f8f8;}
/**侧边导航**/

.side-navigation{position: fixed;right: 10px;z-index: 5;top: 34%;}
.side-navigation ul li{
    position: relative;
    width: 54px;
    height: 54px;
    background-color: #D30000;
    margin: 0 0 5px auto;
    cursor: pointer;
    border-radius: 5px;
}
.side-navigation ul li:first-child {background-image: url(../images/navigation_wx.png);background-repeat: no-repeat;background-position: 50% 50%;}
.side-navigation ul li:nth-child(2){background-image: url(../images/navigation_phone.png);background-repeat: no-repeat;background-position: 50% 50%;}
.side-navigation ul li:nth-child(3){background-image: url(../images/navigation_top.png);background-repeat: no-repeat;background-position: 50% 50%;}
.side-navigation ul li:not(:last-child):hover{padding-left: 15px;background-position: 70% 50%;}
.side-navigation ul li:hover{background-color: #EEB00F;}
.side-navigation ul li:nth-child(2) .navigation-icon-content{
    top: -59px;
    background-position: 50% 75px;
    background-repeat: no-repeat;
 }
 .side-navigation ul li:nth-child(2) .navigation-icon-content p:nth-of-type(3){
    padding-top: 45px;
 } 
.side-navigation ul li:first-child .navigation-icon-content{padding-bottom: 0px;padding-top: 12px;}
.side-navigation ul li .navigation-icon-content{
    min-height: 50px;
    padding: 10px;
    width: 200px;
    position: absolute;
    right: 60px;
    top: 0;
    background-color: #EEB00F;
    text-align: center;
    display: none;
    max-height: 172px;
    border-radius: 5px;
}
.side-navigation ul li .navigation-icon-content .add-ewm{padding-bottom: 8px;border-bottom: 2px solid #fff;}
.side-navigation ul li .navigation-icon-content img{
    width: 114px;
    height: 114px;
    line-height: normal;
    margin-top: 8px;
}
.side-navigation ul li .navigation-icon-content  span{font-size: 16px;color: #fff;line-height: 10px; display: block;letter-spacing: 2px;}
.side-navigation ul li .navigation-icon-content p:nth-of-type(2){ letter-spacing: 3px;}
.side-navigation ul li .navigation-icon-content .telephone{font-size: 17px;letter-spacing: 2px;margin: 5px 0;}
.side-navigation ul li .navigation-icon-content p{
    font-size: 16px;
    color: #fff;
    letter-spacing: 3px;
    font-weight: bold;
}


/**底部**/
.footer{background-color: #383838;padding-top: 2.5rem;}
.footer-left{width: 40%;border-right: 1px solid #474747;box-sizing: border-box;}
.footer-informantion{position: relative}
.footer-informantion .second-ewm,.footer-informantion .first-ewm{position:absolute;}
.footer-informantion .first-ewm{top: -55px;right: 20px;}
.footer-informantion .second-ewm{top: 35px;right: 20px;}
.footer-informantion .second-ewm span,.footer-informantion .first-ewm span{
    display: inline-block;
    vertical-align: top;
    width: 10px;
    font-size: 14px;
    color: #fff;
}
.footer-informantion img{width: 80px;height: 80px;}
.footer-informantion ul li{margin-top: .3125rem}
.footer-informantion ul li:first-child b{letter-spacing: 3px;line-height: 22px;    margin-right: 15px;}
.footer-informantion ul li *{font-size: 14px;}
.footer-informantion ul li span{color: #fff;margin-right: 5px;float: left;}
.footer-informantion ul li b,.footer-informantion ul li p{color: #fff;}
.footer-left .platform ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin:.625rem 0;
}
.footer-left .platform ul li{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 15px;
}
.footer-left .platform ul li i{
    position:relative;
    top: 15%;
    left: 15%;
}
.platform .icon-qq:before,.platform .icon-weixin:before{font-size: 25px;}
.footer-left .platform ul li i img{width: 25px;height: 25px;}
.footer-left .logo-info span{color: #fff;}
.footer-left .logo p{
    width: 1px;
    height: 40px;
    display: inline-block;
    margin: 0 5px;
    background-color: #BBBBBB;
    vertical-align: middle;
}   
.footer-right{width: 55%;margin-left: 4%}
.footer-right .links-column-header{
    padding-bottom: .625rem;
    font-weight: bold;
    margin-bottom: .9375rem;
    position: relative;
}
.footer-right .links-column-header::before{
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #EEB00F;
    position: absolute;
    top: 31px;
    left: 0;
}
.footer-block-columns img{width: 100px;height: 100px;}
.footer-right  ul li{padding-bottom: .375rem;line-height: 19px;}
.footer-block-columns *::before{margin-right: 5px;}
.footer-right-bottom *{display: inline-block;}
.identification{margin-top: 1.5625rem;padding: .625rem 0;border-top: 1px solid #474747;background-color: #EEB00F;text-align: center;}
/* 表单 */
.guestbook{z-index: 99;box-sizing: border-box;width: 400px;left: 40%;position: fixed;top: 12%;padding: 2%;background-color: #fff;border-radius: 5px;}
.guestbook h2{font-size:20px;font-weight:600;color: #474747;text-align: center;}
.guestbook p{text-align: center;padding-bottom: .9375rem;padding-top: .3125rem;color: #797979;}
.guestbook .padding{padding:50px;}
.guestbook .form-group {padding-bottom: .9375rem;}
.guestbook .input{font-size:16px;padding-left:20px;height:50px;line-height:50px;border:0;width:100%;display:block;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;    box-sizing: border-box;border: 1px solid #BBBBBB;}
.guestbook .textarea {padding:12px;line-height:24px;width:100%;font-size:16px;background:#fff;border:0;box-sizing: border-box;border: 1px solid #BBBBBB;resize: none;padding-left: 65px;}
.guestbook .label {display:block;line-height:24px;}
.guestbook .label label {font-weight:400;}
.guestbook .field {font-size:16px;position: relative;}
.guestbook select {font-size:16px;padding:0 35px 0 15px;width: 100%; height:50px;line-height:50px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(../images/select-down.png) no-repeat right 50%;color:#666;}
.guestbook .form-tips .guestbook .input-help ul {border:0;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.guestbook .input::-webkit-input-placeholder, .guestbook .textarea::-webkit-input-placeholder {color: #797979;font-size: 16px;}
.guestbook .input:-moz-placeholder, .guestbook .textarea:-moz-placeholder {color: #111;font-size: 16px;}
.guestbook .input::-moz-placeholder, .guestbook .textarea::-moz-placeholder {color: #111;font-size: 16px;}
.guestbook .input:-ms-input-placeholder, .guestbook .textarea:-ms-input-placeholder {color: #111;font-size: 16px;}
.guestbook .button{width: 100%;padding: 10px 0;background-color: #FFCC00;border: none;-webkit-appearance: none;cursor: pointer;}
.offer-table,.view-table{
    position: fixed;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    z-index: 88;
}
.guestbook span{position: absolute;right: 20px;top: 20px;}
.view span{position: absolute;right: 15px;top: 15px;}
.guestbook .must::before{
    display: block;
    content: "*";
    color: red;
    position: absolute;
    top: 18px;
    right: 18px;
    width: 10px;
    height: 10px;
}
/*栏目侧边栏*/
.sidebar .tit span{font-size: 14px;}
.sidebar .brief-introduction{
    font-size: 12px;padding: .9375rem;   
    background: -webkit-linear-gradient(right, #fafafa, #f0f0f0);
    background: -moz-linear-gradient(right, #fafafa, #f0f0f0);
    background: -o-linear-gradient(right, #fafafa, #f0f0f0);
    background: linear-gradient(right, #fafafa, #f0f0f0);
    border-bottom: 1px dotted #ddd;
}
.sidebar{background-color: #FFFFFF;width: 22%;min-width: 220px;}
.sidebar .tit,.relation-recovery  .tit{
    text-align: center;
	color: #fff;
	line-height: 50px;
	font-size: 1.125rem;
    background-color: #E4AA14;
	background: -webkit-linear-gradient(bottom, #E4AA14, #E4AA14);
	background: -moz-linear-gradient(bottom, #E4AA14, #E4AA14);
	background: -o-linear-gradient(bottom, #E4AA14, #E4AA14);
	background: linear-gradient(bottom, #E4AA14, #E4AA14);
}
.sidebar ul li {
	border-bottom: 1px solid #ddd;
}
.sidebar ul li:last-child {
	border-bottom: 0;
}

.sidebar ul li a {
	display: block;
    background-color: #f0f0f0;
	background: -webkit-linear-gradient(right, #fafafa, #f0f0f0);
	background: -moz-linear-gradient(right, #fafafa, #f0f0f0);
	background: -o-linear-gradient(right, #fafafa, #f0f0f0);
	background: linear-gradient(right, #fafafa, #f0f0f0);
	line-height: 44px;
	padding: 0 0 0 25px;
}
.sidebar ul li a:hover,.sidebar ul li .active>a {
    background: #666666;
    color: #fff;
}
.infomantion-content{padding: 15px;}
.infomantion-content p{margin-top: 8px;font-size: 14px;}
.infomantion-content *::before{margin-right: 5px;}
/**电话弹窗**/
.view{
    z-index: 99;
    box-sizing: border-box;
    width: 300px;
    margin: auto;
    left: 45%;
    position: fixed;
    top: 30%;
    padding: 1%;
    background-color: #fff;
    text-align: center;
    border-radius: 5px;
}
.view b{font-size:24px;color: #474747;}
.view-content img{width: 200px;height: 200px;line-height: normal;}
.view-content p{color: #797979;margin-top: .3125rem;margin-bottom: .625rem;}
/**报价**/
.offer .container{height: 60px;background: url(../images/ksbj.jpg) repeat;text-align: right;margin-top: 10px;}

/**回收二级栏目样式**/
.article-sidebar{width: 19%;}
.sidebar .sale {
    background-color: #fff;
    position: relative;
    padding: 1.9375rem 0 1.625rem 0rem;
    border: 1px solid #BBBBBB;
    border-top: 5px solid #D30000;
  text-align: center;
  font-weight: bold;
}
.sale .sale-btn{position: absolute;top: -2px;left: 15px}
.sidebar .sale .sale-tit{background-color: #fff;font-size: 1.5rem;color: #474747;} 
.sidebar .sale p,.sidebar .sale .quotation{font-size: 15px;color: #717171;}
.sale .quotation b{font-size: 17px;}
.sale .quotation b,.sale .quotation span{color: #D79F0D;}
.sale-list{margin-top: 1.25rem;border: 1px solid #BBBBBB;}
.sidebar  .sale-list li.on a{background-color: #E4AA14;}
.sidebar  .sale-list li a:hover, .sidebar .sale-list li .active>a{background-color: #E4AA14;color: #fff;}
.side-navigation ul li .telephone-box{padding: 60px 10px;}
@keyframes offer
{
    0% { transform: scale(1);/*开始为原始大小*/}
    20% {transform: scale(0.9);/*放大1.1倍*/}
    30% {transform: scale(1);}
    40% {transform: scale(1.1); }
    50% { transform: scale(1);/*开始为原始大小*/}
    60% {transform: scale(0.9);/*放大1.1倍*/}
    70% {transform: scale(1);}
    80% {transform: scale(1.1); }
}
@-webkit-keyframes offer /* Safari 与 Chrome */
{
    0% { transform: scale(1);/*开始为原始大小*/}
    20% {transform: scale(0.9);/*放大1.1倍*/}
    30% {transform: scale(1);}
    40% {transform: scale(1.1); }
    50% { transform: scale(1);/*开始为原始大小*/}
    60% {transform: scale(0.9);/*放大1.1倍*/}
    70% {transform: scale(1);}
    80% {transform: scale(1.1); }
}
.offer .container span{
    display: inline-block;
    padding: 8px 8px;
    margin: 11px 11px 11px 0;
    background-color: #FFCC00;
    border-radius: 10px;
    animation: offer 1s ease infinite;
    -webkit-animation: offer 1s ease infinite; 
    cursor: pointer;
    font-weight: bold;
}
@keyframes fade{
    0%{opacity: 0;visibility:hidden}
    100%{opacity: 1;visibility: visible;}
 }

@media (max-width: 1240px) { 
    .container{
        width: 96%;
        padding: 0 2%;
    }
    .nav .menu-li .recycling-items{
        position: fixed;
        max-width: 100vw;
        left: 2%;
    }
    .guestbook{left: 35%;}
    .sale .sale-btn{left: 0px;}
    .sidebar .sale{padding: .9375rem 0 .625rem 3.5rem;}
}
@media (max-width:992px) {
    html{font-size: 15px;}
    .container{
        width: 98%;
        padding: 0 1%;
    }
    .header{text-align: center;border-bottom:none}
    .header-left{float: none;display: inline-block;}
    .header-right .telephone,.header-right .city, #StranLink{display: none;}
    .header-right{float: left;margin-top: 8px;}
    nav{display: none;position: absolute;z-index: 4;width: 100%;}
    nav .container{width: 100%;padding: 0;}
    .nav .menu-li{width: 100%;}
    .nav .menu-li i{   
        top: 0px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
  	.nav .menu-li:hover i{transform: rotate(0deg);}
    .nav .menu-li:hover>ul{display:none}
    .nav .menu-li:hover .size-16,.nav .menu-li:hover .icon-xiangshang,.nav .menu-li.on .size-16{background-color: #D30000;color: #fff;}
    .nav .menu-li.on  .icon-xiangshang {transform: rotate(180deg);background-color:#D30000;color: #fff;}
    .nav .menu-li .sub li a{font-size: 14px;}
    .sub{position: unset;}
    .nav .sub li a{font-size: 14px;}
    .nav .menu-li .recycling-items{position: unset;width: 100%;padding: 0;}
    .nav .menu-li .recycling-items li,.nav .menu-li .recycling-items li.first{float: unset;width: 100%;margin-left:0}
    .nav .menu-li .recycling-items li ul{margin-top: 0;}
    nav .menu-li .recycling-items .recycling-title{display: none;}
    .menu-btn{display: block;float:right;margin-top: 8px;}
    .footer-left{width: 100%;text-align: center;border-right:unset}
    .footer-left .platform ul{justify-content: center;margin-top: .9375rem;}
    .footer-left .platform ul li i{left: 6%;}
    .footer-right{width: 100%;margin-top: .9375rem;margin-left: 0;}
    .search-keyword ul{width: 100%;}
    .guestbook{left: 30%;}
    .mobile-sidebar{position: fixed; left:-200px; top: 0; bottom: 0px; overflow: auto; z-index: 99; margin-bottom: 0; padding-bottom: 0; background-color:#D30000; width: 200px; transition: all .3s; -webkit-transition: all .3s; box-shadow:0 0 5px rgba(0,0,0,0.4);padding: 0;min-width: 200px;}
    .mobile-sidebar-mark{position: fixed; top: 0; bottom: 0px; left: 0; right: 0;  z-index:-1; display: none;}
    .mobile-sidebar-icon{width: 40px; height: 40px; background:url(../images/site_tree_ico.gif) no-repeat center center; background-color:#D30000; border-radius:0 4px 0 0;  position: fixed; left: 0; bottom: 0px; cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.5); transition: left .3s; -webkit-transition: left .3s;}
    .mobile-sidebar-icon-open{transform: rotate(180deg); border-radius: 0 0 0 4px; left: 200px;}
    .nav .menu-li.fr{float: unset;width: 100%;}
    .nav .menu-li .icon_weixin,.nav .menu-li.fr span{display: none;}
    .nav .menu-li.fr a{padding: 0 30px;width: 100%;}
    .nav .menu-li .recycling-items li a{line-height: 40px;}
    .icon-sousuo:before{font-size: 23px;    line-height: 30px;}
    .nav .menu-li.active .size-16, .nav .menu-li.active i{background-color: #D30000;color: #fff;}
    .footer-informantion ul li *{display: inline-block;}
    .footer-informantion ul li:first-child p{padding-left: 0;}
    .footer-informantion ul li span{float: unset;}
    .footer-informantion .second-ewm, .footer-informantion .first-ewm {position: unset;}
    .footer-informantion div{display:inline-block;margin:1rem 1rem 0 0}
    .offer .container{background-image: url("../images/offer_phone.png");}
    .sale .sale-btn{display: none;}
    .sidebar .sale{padding: .9375rem 0 .625rem .625rem;}
  .nav .menu-li .recycling-items .hhs{    font-weight: unset;}
  .nav .menu-li .recycling-items .hhs img{display:none}
  .nav .menu-li:hover,.nav .menu-li:hover .size-16{color: #101010;background-color: #fff;}
  .nav .menu-li:hover .icon-xiangshang{background-color: #fff;color:#717171;}
}
@media (max-width: 640px) { 
    html{font-size: 14px;}
    .container{
        width: 96%;
        padding: 0 2%;
    }
    .mt20{margin-top: 0.75rem;}
    .footer-block-columns{width: 100%;}
    .links-column-header {border-bottom: 1px solid #999;}
    .footer-block-columns  .footer-block-columns-list{
        margin-top: .625rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: .625rem;
    }
    .identification{margin-top: 20px;border-top: unset;text-align: center;}
    .identification span,.identification a{float: unset;width: 100%;display: block;margin-bottom: .3125rem;}
    .side-navigation{display: none;}
    .sub{
        overflow: hidden scroll;
        max-height: 40vh;
    }
    .header-left p{display: none;}
    .nav .menu-li:hover .icon-xiangshang{transform: rotate(0deg);}
    .nav .menu-li.on .size-16,.nav .menu-li.active .size-16{background-color: #D30000;color: #fff;}
    .nav .menu-li.on .icon-xiangshang{background-color: #D30000;color: #fff;transform: rotate(180deg)}
    .nav .menu-li.active .icon-xiangshang{background-color: #D30000;color: #fff;}
    .footer-right .links-column-header::before{display: none;}
    .guestbook{width: 96%;left:2%;top: 8%;padding: 5%;}
    .mobile-sidebar-mark,.mobile-sidebar-icon,.mobile-sidebar{bottom: 45px;}
    .sidebar .sale{padding: .9375rem 0 .625rem .625rem;}
  
  .qh-box{
      display: none;
    position: fixed;
    width: 84%;
    left: 8%;
    top: 35%;
    background-color: #fff;
    padding: 30px 0;
    border-radius: 15px;
    margin-bottom: 10px;
}
.qh-box p{font-size:20px;font-weight:bold;text-align:center;margin-bottom:20px}
.qh-box ul{text-align:center}
.qh-box ul a{font-size:16px;display:inline-block;width:50%!important;border:1px solid #999;margin-top:10px}
.qh-close{position: absolute;
    right: 15px;
    top: 8px;
}
}
@media (max-width: 480px) {
  .footer-block-columns .footer-block-columns-list{justify-content: flex-start;}
  .footer-right ul li{width:25%}
    .header-left img{height: 30px;}
    .logo-info,.footer-left .logo p{display: none;}
    .menu-btn{margin-top: 0px;}
    .header-right{margin-top: 0px;}
    .search-box{top: 50px;padding: 10px 0;}
    .search-content input{width: 52%;}
    .search-keyword ul{margin-top:15px}
    .search-keyword ul li a{margin-bottom: 5px;}
    .search-box{position: fixed;}
    .tab-bar{
        display: block;
        height: 45px;
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #fff;
    }
    .tab-bar a{
        width: 25%;
        display: inline-block;
        text-align: center;
        padding: 5px 0;
        font-size: 12px;
    }
  #qh{width: 44%;vertical-align: super;}
    .tab-bar a .icon-shouye:before,.tab-bar a .icon-31dianhua:before{font-size: 19px;}
    .tab-bar a i{display: block;}
    .footer{padding: 2.5rem 0;}
    .offer .container{float: unset;text-align: center;}
    .offer .container span{margin-right: 0;}
    .guestbook span, .view span{ position: absolute; right: 8px;top: 8px;}
    .footer-right-bottom ul li{    width: unset;}
}

element.style {
}
.top_menu {
    font-size: 12px;
    width: 100%;
    height: 34px;
    line-height: 25px;
    background-color: #fdfdfd;
    color: #666666;
    border-bottom: 1px solid #f1f1f1;
}
.top_menu .top_name {
    display: inline-block;
    padding-top: 3px;
}
.top_menu .top_lang {
    float: right;
    height: 34px;
    padding: 3px 10px 0px 10px;
}
.top_menu .top_lang img {
    vertical-align: middle;
    display: -webkit-inline-box;
}
@media (min-width: 1200px){
 .top_menu  .container {
    width: 1170px;
} 
}