body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
ul, ol { list-style-type: none;}

body { font: 14px "Microsoft Yahei",Arial,Helvetica,sans-serif; color: #515151;}
a { color: #515151; text-decoration: none;}
a:hover { color: #31a5e7;}

.clearfix:after { content: ""; display: table; clear: both;}

.center-wrap { position: relative; z-index: 1; width: 1040px; height: 100%; margin: 0 auto;}
.desc { position: relative; z-index: 1;}

.section {position:relative; overflow: hidden;}
.section h1 { margin-bottom: 20px; line-height: 1.4; font-size: 40px; font-weight: 400;}
.section p { line-height: 25px;}

.logo a {float: left; width: 210px; height: 63px; margin-top: -10px; font-size: 0; background-image: url(../images/logo.png); background-size: 210px 63px; border-radius: 5px;}
.nav { float: left; margin-left: 50px; margin-top:-18px;}
.nav li { float: left;}
.nav a { display: block; padding: 31px 22px 30px;}
.login { position: absolute; right: 0; top: 13px;}
.login a { margin: 0 5px; padding-top: 31px;}

.banner { background: url(../images/bg-1.jpg) 50% 0 no-repeat;}
.banner-desc { position: absolute; width: 386px; margin: 0 auto; color: #000; top: 75px; left: calc(50% + 150px); margin-left: -193px;}
.banner-desc h1 { text-align: center;}

.thin { background: url(../images/bg-2.jpg) 50% 0 no-repeat;}
.thin-desc { width: 574px; margin: 0 auto; padding-top: 100px; text-align: center;}

.footer-link { padding: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.footer-link dl { float: left; width: 19.9%;}
.footer-link dt { line-height: 45px; font-weight: 700;}
.footer-link dd { line-height: 28px;}
.footer-link a { color: #515151; text-decoration: none;}
.footer-link a:hover { color: #31a5e7;}

.copyright { padding: 20px 0; text-align: center;}

@media screen and (min-width:1920px) {
	.banner { background: url(../images/bg-1.jpg) center 0 no-repeat;}
	.thin { background: url(../images/bg-2.jpg) center 0 no-repeat;}

	.thin-img { margin-top: 100px; margin-left: -720px;}
	.thin-img2 { left: 400px;}
	.thin-img1 { left: 230px; width: auto;}
	.thin-img2 { left: 480px; width: auto;}
}

@media (min-width: 768px) {
    .center-wrap {
        width: 750px;
        padding: 0 15px;
    }

	.login{
    	display: none;
    }
}

@media (min-width: 992px) {
    .center-wrap {
        width: 970px;
        padding: 0 15px;
    }

    .login{
    	display: none;
    }
}

@media (min-width: 1200px) {
    .center-wrap {
        width: 1040px;
    }

	.login{
		display: inline-block;
    }
}

@media (min-width: 1440px) {
    .center-wrap {
        width: 1040px;
    }

	.login{
		display: inline-block;
    }
}