@charset "utf-8";
.g_cw { width: 1500px; padding: 0 10px; margin: 0 auto; }
.g_cw::before,
.g_cw::after { content: ''; display: block; clear: both; }

.g_mt { margin-top: 80px; }
.g_mt::before,
.g_mt::after { content: ''; display: block; clear: both; }

.g_mb { margin-bottom: 80px; }
.g_mb::before,
.g_mb::after { content: ''; display: block; clear: both; }

@media (max-width: 1024px) {
	body { min-width: 0; }
	.g_cw { width: 100%; }
}

@media (max-width: 700px) {
	.g_mt { margin-top: 40px; }
	.g_mb { margin-bottom: 40px; }
}
.main-foot{
	background: #31343d;
	position: relative;
	overflow: hidden;
	padding-top: 40px;

}
.main-foot:after{
	content:'';
	display: block;
	position: absolute;
	left: -400px;
    top: -400px;
    width: 60%;
background: linear-gradient(to top right,#31343d 5%,#31343d 5%,#31343d 5%,#31343d 45%,#3f4448 20%,#3f4448 30%);
	transform: rotate(30deg);
	background: #3f4448;
}



.logof {
margin-top:0px; width:400px;
}

.g_footer { clear: both; padding: 150px 0px 80px 0px; color: #626262;	background: url(../img/footbg.jpg) no-repeat center center;background-size:cover;}

.g_footer .left { float: left; text-align: right; margin-bottom: 50px; }
.g_footer a:hover { color: #fff; font-weight: bold; text-decoration: underline; }
.g_footer .nav { float: left; margin-bottom: 50px; }
.g_footer .nav > li { float: left; width-: 300px; text-align: left;  padding: 0px 50px 0px 30px;}
.g_footer .nav > li .h1 { color: #fff; font-size: 25px; font-weight: bold; margin-bottom: 15px; }
.g_footer .nav > li p { line-height: 2.2em;font-size: 18px; color: #ccc;}

.g_footer .rightt { float: right; text-align: right; margin-top: 15px; }
.g_footer .rightt .devicer { margin-top: 35px; text-align: right;margin-right: 10px;}
.g_footer .rightt .devicer a { position: relative; display: inline-block; width: 30px; height: 30px; color: #fff; font-size: 18px; text-align: center; line-height: 28px; border: 0px solid #fff; border-radius: 16px; margin-left: 20px; }
.g_footer .rightt .devicer a img.qrf { visibility: hidden; opacity: 0; position: absolute; top: -170px; left: -60px; max-width:600%; transition: ease .3s; }
.g_footer .rightt .devicer a:hover img.qrf { opacity: 1; visibility: visible;    width: 100%; }

.g_footer .rightt .share {  text-align: left; line-height: 2em; margin-right: 0px;}

.g_footer .link { clear: both; margin-bottom: 20px; line-height: 1.8em;font-size: 15px; }
.g_footer .link b { color: #fff; }
.g_footer .link a { margin-right: 10px; }

.g_footer .bottom { clear: both; padding: 25px 5px 25px 30px; border-top: 0px solid #333333; text-align: center; font-size: 15px;color: #ccc;font-size: 16px;line-height: 28px;}
.g_footer .bottom span { margin: 0 5px; }
.g_footer .bottom a:hover { font-weight: normal; }

@media (max-width: 1024px) {
.g_footer { clear: both; padding: 30px 0px 0px 30px; color: #626262;	background: url(../img/footbg.jpg) no-repeat center center;background-size:cover;}

	.g_footer .nav { float: none; }
	.g_footer .nav > li { margin-bottom: 30px; }
	.g_footer .rightt { clear: both; float: none; text-align: center;margin-right: 300px;}
	.g_footer .rightt .share { text-align: left; }
}

.mout{display: block;}
@media (max-width: 768px)
{

.g_footer .bottom { padding: 25px 5px 25px 0px; }
.mout{display: none;  !important;}


.g_footer .bottom { clear: both; padding: 25px 5px 25px 30px; border-top: 0px solid #333333; text-align: center; font-size: 15px;color: #ccc;font-size: 16px;line-height: 28px;}
}
.pcout{display: none;}
@media (max-width: 768px)
{.pcout{display: block;}}