/* ========== */
/* = PC-FOOTER = */
/* ========== */
.pc-footer{position: relative;border-top: 0px solid #d12d30; margin-top: 80px;}
.pc-footer .content{ padding: 50px 0 65px;}
.pc-footer ul{ float: left; width: 70%;}
.pc-footer ul li{ float: left; margin-right:9%;}
.pc-footer ul li a{ display: block; line-height: 26px; color: #dbdbdb; font-size: 12px;}
.pc-footer ul li a:hover{ color: #fff;}
.pc-footer ul li div a{ margin-bottom: 20px; font-size: 16px; color:#a8a8a8;}
.pc-footer ul li div a:hover{ color: #fff;}
.pc-footer .foot-box{ float: right;}
.pc-footer .foot-box span{ display: block; font-size: 18px; color:#fff;}
.pc-footer .foot-box p{ margin-top: 5px; font-size: 14px; color: #fff;}
.pc-footer .foot-box .tel{ margin-top: 10px; font-size: 28px; color: #d12d30;}
.pc-footer .foot-box .ico{ margin-top: 20px;}
.pc-footer .foot-box .ico a{ margin-right: 8px; display: inline-block; vertical-align: middle; background: #292929; border-radius: 50%;}
.pc-footer .foot-box .ico a:hover{ background: #d12d30;}

.pc-footer .copyright{ padding:20px 0 25px; border-top: 0px solid #cecece; font-size: 12px; color: #a8a8a8; line-height: 22px;}
.pc-footer .copyright .left{ float: left; display: block; max-width: 70%;}
.pc-footer .copyright .right{ float:right;}
.pc-footer .copyright .right a{ display: inline-block; color: #4f4f50;}
.pc-footer .copyright .right a:hover{ color: #929292;}
.pc-footer .copyright .right em{ display: inline-block; margin: 0 10px;}
.pc-footer .w1400{position: relative;}
.pc-footer .foot-box .ico a.icofr:hover .wappic{display: block !important;}
.wappic{position: absolute;width: 11%;top: 17%;right: 17%;display: none;}
.wappic img{display: block;width: 100%;}

@media (max-width:1500px) {
	.pc-footer ul li{ margin-right: 7%;}
}

@media (max-width:1200px) {
	.pc-footer ul li{ margin-right:5%;}
}






/* ========== */
/* = MOBILE HEADER = */
/* ========== */
.mb-header{ position:absolute; width: 100%; top:0; right:0; width: 100%; height: 54px; z-index: 999; background: rgba(0,0,0,.4); padding:0 0.26666666rem;}
.mb-header .mb-logo{ float: left; display:block;}
.mb-header .mb-logo img{ margin: 0; display:block; vertical-align: top; height:2rem;}
.mb-nav-ico { position: absolute; right:0.375rem; top: 50%; margin-top: -0.25rem; width:0.85rem; height:0.5rem; cursor: pointer;color: #fff;}
.mb-nav-ico .line {	position: absolute;left: 0;display: block; height:2px;width: 100%; background: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.mb-nav-ico .line:nth-child(1) { top: 0;}
.mb-nav-ico .line:nth-child(2) { top: 50%; margin-top: -1px;}
.mb-nav-ico .line:nth-child(3) { bottom: 0;}
.mb-nav-ico.active .line:nth-child(2){ opacity: 0;}
.mb-nav-ico.active .line:nth-child(1){top: 50%; margin-top: -1px;transform: rotate(-45deg);}
.mb-nav-ico.active .line:nth-child(3){ top: 50%; margin-top: -1px; transform: rotate(45deg);}
@media (max-width:999px){
	.page-wrap{ position: relative; padding-bottom: 1.55rem;}
}
@media (max-width:480px) {
	.mb-header{ background: none;}
}




/* ========== */
/* = MB FOOTER = */
/* ========== */
.mb-copright{ padding:30px 15px 10px; background: #f3f3f3;  text-transform: uppercase; text-align: center; display: none;}
    .mb-copright p{line-height: 28px; font-size: 14px;}
.mb-footer{ position:fixed; bottom:0; right:0; width: 100%; height:80px; background:#ffffff; z-index: 999;}
.mb-footer li { float: left; width: 25%; border-left: 1px solid #dcdcdc; }
.mb-footer li:first-child{ border-left: none;}
.mb-footer li a{ display:block; cursor: pointer;  height: 80px; padding-top: 5px; color: #999999; text-align: center;}
.mb-footer li img{ width: 45px;}
.mb-footer li p { font-size:13px; height:28px; line-height: 28px;}

.pc-block { display: block;}
.mb-block { display: none;}


/* ========== */
/* = 404 = */
/* ========== */
.main-404{ padding:200px 0; text-align: center;}
.main-404 .p1{ margin-bottom: 10px;}


@media screen and (max-width:600px) {
	
	/* ========== */
	/* = 404 = */
	/* ========== */
	.main-404{ padding:60px 0;}
}


@media (max-width:999px) {
	.pc-block,.pc-header,.pc-footer{ display: none;}
	.mb-block { display: block;}

}



.moright{ width: 100%; display: block; position: relative; overflow: hidden; margin-bottom: 15px;}
.moright a{ margin-right:20px; float: left; position: relative;transition: all .3s; padding-top: 5px;}
.moright a:hover {transform: translateY(-5px); }

.moright a img{max-width: 100%;}



.moright1{ width: 100%; display: inline-block; position: relative; overflow: hidden; margin: 10px 0;}
.moright1 a{ margin:0px 5px;  position: relative;transition: all .3s; padding-top: 5px;}
.moright1 a:hover {transform: translateY(-5px); }

.moright1 a img{max-width: 100%;}