@import "global.css";

html,body {width: 100%; height: 100%;}

#wrap {min-width:1200px; position:relative; }

#header {width: 100%; height: 380px; position:fixed; left:0px; top:0px; text-align:center; transition: all 0.2s ease;}
#header .logo {width: 544px; height: 102px; position:absolute; left:50%; top:120px; margin-left: -272px; background:url(../images/logo02.png) 0 0 no-repeat; background-size: 100% 100%; transition: all 0.5s ease; cursor:pointer;}
#header .menu {padding-top: 260px;  transition: all 0.5s ease;}
#header .menu a {display:inline-block; padding: 12px 35px; font-size:25px; line-height:34px; color:#FFF; font-weight:bold; }
#header .menu a span {transition: all 0.2s ease;}
#header .menu a.on span {border-bottom: solid 3px #303030; display:inline-block; }
#header.drop {background-color:rgba(255, 255, 255, 0.9); height: 200px; transition: all 0.5s ease;}
#header.drop .logo {top:34px; width: 373px; height: 70px; margin-left: -186px;}
#header.drop .menu {padding-top:120px}
#header.drop .menu a {color:#000;}

.section1 {height: 1082px; background:url(../images/sec1.jpg) center top no-repeat #bab7b7; }
.section2 {height: 1360px; background:url(../images/sec2.jpg) center top no-repeat; }
.section3 {height: 1126px; background:url(../images/sec3.jpg) center top no-repeat; }
.section4 {height: 2136px; background:url(../images/sec4.jpg) center bottom no-repeat; }
.section5 {height: 1456px; background:url(../images/sec_partner.jpg) center bottom no-repeat; padding-top:480px;box-sizing:border-box;margin-top:-320px}
.section6 {height: 708px; background:url(../images/sec6.png) center bottom no-repeat;}
.section7 {height: 1130px; background:url(../images/sec5.jpg) center top no-repeat; text-align:center; font-size:24px; line-height:1; color:#000;}

.partnerList{max-width:1250px;margin:0 auto;font-size:0;text-align:center}
.partnerList li{display:inline-block;vertical-align:top;}

#footer {padding: 54px 0 66px 0; background-color:#6b5298; font-size:23px; line-height:38px; color:#fff; text-align:center; }


@media screen and (max-width: 750px) {	
	
	#wrap {min-width:375px;}

	#header {height: 140px;}
	#header .logo {width: 186px; height: 35px; top:37px; margin-left: -93px;}
	#header .menu {padding-top: 86px;}
	#header .menu a {padding: 6px 5px; font-size:13px; line-height:22px;}
	#header .menu a.on span {border-bottom: solid 2px #303030;}
	#header.drop {height: 100px;}
	#header.drop .logo {width: 133px; height: 25px; top:20px; margin-left: -66px;}
	#header.drop .menu {padding-top:54px}

	.section1 {height: 720px; background:url(../images/m_sec1.jpg) center bottom no-repeat #bab7b7; background-size: 375px auto; }
	.section2 {height: 1134px; background:url(../images/m_sec2.jpg) center top no-repeat; background-size: 375px auto;  }
	.section3 {height: 568px; background:url(../images/m_sec3.jpg) center top no-repeat transparent; background-size: 375px auto; }
	.section4 {height: 1171px; background:url(../images/m_sec4.jpg) center bottom no-repeat; background-size: 375px auto; }
	.section5 {height: auto; background:url(../images/m_sec_partner.jpg) center top no-repeat; background-size: 375px auto; padding-top:180px;padding-bottom:10px;margin-top:0}
	.section6 {height: 470px; background:url(../images/m_sec6.png) center bottom no-repeat; background-size: 375px auto; }
	.section7 {height: 560px; background:url(../images/m_sec5.jpg) center top no-repeat; background-size: 375px auto; }

	.partnerList li{width:50%}
	.partnerList li img{width:100%}

	#footer {padding: 30px 30px 35px 30px; font-size:12px; line-height:24px; }
	#footer span {display:block; }

}