@charset "utf-8";

@media screen and (min-width: 501px) {

	* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

	body {font-size: 100%; font-family: Arial, "微软雅黑"; line-height: 1.875em; background-color: #000;}

	h2 {color: #39ceff; font-size: 1.55em; text-align: center; line-height: 1.5em; margin-bottom: 7px; letter-spacing: 2px;}

	h3 {color: #00f6ed; font-size: 1.1875em; font-weight: normal; letter-spacing: 1px;}

	p, li {color: #fff; font-size: 1.0625em; text-align: justify; letter-spacing: 1px;}

	a {color:#fff; text-decoration: none;}

	.clearFix:before,.clearFix:after {display:table; line-height:0; content:"";}

	.clearFix:after {clear:both;}

	.clearFix {*zoom: 1;}



	.section {width: 100%; max-width: 768px; position: relative; padding: 0 50px; margin: 0 auto 80px;}

	.section img {width: 100%;}

	.des {font-size: 1.1875em; line-height: 1.7em; margin-bottom: 25px;}

	.btn {width: 290px; height: 45px; font-size: 1.3125em; text-align: center; line-height: 45px; margin: 10px auto 0;}

	.btn a {color: #fff; display: block; border: 1px solid #00acf6;}

	.btn a:hover {background-color: #065280;}



	#section0 {width: 768px; height:100%; padding-top: 135px; background: url(../images/m_topBg.jpg) no-repeat center top; position: relative; margin: 0 auto;}

	#section0 #logo {position: absolute; top: 15px; left: 15px;} 

	#section0 #logo img {width: 60%; height:auto;} 

	#section0 h1 {text-align: center; }

	#section0 #arrow {width: 69px; height: 69px; background: url(../images/arrow.png) no-repeat left top; margin: 10px auto 0;}

	#section0 h1 .bframea {

		width: 90%;

		height: 40px;

		line-height: 40px;

		border: 1px solid #00acf6;

		background: none;

		padding: 0;

		margin-top: 20px;

		box-sizing: border-box;

		text-align: center;

	}

	#section0 h1 .bframea a {

		font-size: 20px;

		line-height: 40px;

		color: #fff;

		letter-spacing: 8px;

	}

	#section01 {padding-top: 50px;}



	#section02 ul {margin: 20px 0 0;}

	#section02 li {margin-bottom:20px;}



	#section03 .btn {margin-bottom: 35px;}

	#section03 img {width: 150px; height: auto; display: block; margin: 0 auto 10px;}

	#section03 li {margin-bottom: 40px;}

	#section03 li.end {margin-bottom:0;}	

	

	#section04 h3 {font-size: 1.3em;}

	#section04 img {width: 50%; display: block; margin: 20px auto 0;}

	#section04 ul {margin: 30px 0 0;}

	#section04 li {margin: 0 0 30px; padding-left: 60px;}

	#section04 .icon01 {background:  url(../images/m_icon01.svg) no-repeat left top;}

	#section04 .icon02 {background:  url(../images/m_icon02.svg) no-repeat left top;}

	

	#section05 ul {margin: 30px 0 0;}

	#section05 li {margin: 0 0 30px;}



	#section06 ul {margin: 20px 0;}

	#section06 li {margin: 0 0 30px; padding-left: 60px;}

	#section06 .icon01 {background:  url(../images/m_icon03.svg) no-repeat left top;}

	#section06 .icon02 {background:  url(../images/m_icon04.svg) no-repeat left top;}

	

	#section07 {width: 100%; text-align: center;}

	#section07 a {color: #fff; display: block;}

	#section07 a:hover {color: #39ceff;}

	#section07 p {font-size: 1.1875em;}

	#section07 #info {margin-top: 30px; }

	#section07 #contactList {margin: 30px auto 0; display: inline-block;}

	#section07 ul {margin-top: 15px;}

	#section07 #info li {font-size: 1.1875em; padding-left: 40px; line-height: 25px; margin-bottom: 15px;}

	#section07 #contactList li {width: 102px; font-size: 1em; letter-spacing: 0; float: left; margin: 0 20px 10px 0; text-align: center;}

	#section07 #contactList li.end {margin-right: 0;}

	#section07 #contactList li a {background-position: left top; background-repeat: no-repeat; padding-top: 102px;}

	#section07 #contactList li a:hover {color: #78a1db; background-position: right top;}

	#section07 #contactList #list01 a {background-image: url(../images/list01.png);}

	#section07 #contactList #list02 a {background-image: url(../images/list02.png);}

	#section07 #contactList #list03 a {background-image: url(../images/list03.png);}

	#section07 #contactList #list04 a {background-image: url(../images/list04.png);}

	#section07 #contactList #list05 a {background-image: url(../images/list05.png);}

	#section07 .qq {background: url(../images/contactIcon.png) no-repeat left top;}

	#section07 .tel {background: url(../images/contactIcon.png) no-repeat left -25px;}

	#section07 .mail {background: url(../images/contactIcon.png) no-repeat left -50px;}

    #des{

        background: #fff;

    }

    #des .sectionNote {

        color: #333;

        padding: 0 20px;

        text-align: justify;

        font-family: "Microsoft YaHei", "微软雅黑", Helvetica, sans-serif;

    }

}





@media screen and (max-width: 500px) {

	* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

	body {font-size: 100%; font-family: Arial, "微软雅黑"; line-height: 1.875em; background-color: #000;}

	h2 {color: #39ceff; font-size: 1.55em; text-align: center; line-height: 1.5em; margin-bottom: 7px; letter-spacing: 2px;}

	h3 {color: #00f6ed; font-size: 1.1875em; font-weight: normal; letter-spacing: 1px;}

	p, li {color: #fff; font-size: 1.0625em; text-align: justify; letter-spacing: 1px;}

	a {color:#fff; text-decoration: none;}

	

	.clearFix:before,.clearFix:after {display:table; line-height:0; content:"";}

	.clearFix:after {clear:both;}

	.clearFix {*zoom: 1;}



	.section {width: 100%; position: relative; padding: 0 7%; margin-bottom: 80px;}

	.section img {width: 100%;}

	.des {font-size: 1.1875em; line-height: 1.7em; margin-bottom: 25px;}

	.btn {width: 290px; height: 45px; font-size: 1.3125em; text-align: center; line-height: 45px; margin: 10px auto 0;}

	.btn a {color: #fff; display: block; border: 1px solid #00acf6;}

	.btn a:hover {background-color: #065280;}



	#section0 {height:100%; padding-top: 135px; background: url(../images/m_topBg.jpg) no-repeat center top; position: relative;}

	#section0 #logo {position: absolute; top: 15px; left: 15px;} 

	#section0 #logo img {width: 60%; height:auto;} 

	#section0 h1 {text-align: center; }

	#section0 #arrow {width: 69px; height: 69px; background: url(../images/arrow.png) no-repeat left top; margin: 10px auto 0;}

	#section0 h1 .bframea {

		width: 90%;

		height: 40px;

		line-height: 40px;

		border: 1px solid #00acf6;

		background: none;

		padding: 0;

		margin-top: 20px;

		box-sizing: border-box;

		text-align: center;

	}

	#section0 h1 .bframea a {

		font-size: 20px;

		line-height: 40px;

		color: #fff;

		letter-spacing: 8px;

	}

	#section01 {padding-top: 50px;}



	#section02 ul {margin: 20px 0 0;}

	#section02 li {margin-bottom:20px;}



	#section03 .btn {margin-bottom: 35px;}

	#section03 img {width: 33%; height: auto; display: block; margin: 0 auto 10px;}

	#section03 li {margin-bottom: 40px;}

	#section03 li.end {margin-bottom:0;}	

	

	#section04 h3 {font-size: 1.3em;}

	#section04 img {width: 75%; display: block; margin: 20px auto 0;}

	#section04 ul {margin: 30px 0 0;}

	#section04 li {margin: 0 0 30px; padding-left: 60px;}

	#section04 .icon01 {background:  url(../images/m_icon01.svg) no-repeat left top;}

	#section04 .icon02 {background:  url(../images/m_icon02.svg) no-repeat left top;}

	

	#section05 ul {margin: 30px 0 0;}

	#section05 li {margin: 0 0 30px;}



	#section06 ul {margin: 20px 0;}

	#section06 li {margin: 0 0 30px; padding-left: 60px;}

	#section06 .icon01 {background:  url(../images/m_icon03.svg) no-repeat left top;}

	#section06 .icon02 {background:  url(../images/m_icon04.svg) no-repeat left top;}



	#section07 ul {margin: 20px 0 0;}

	#section07 li {margin-bottom:20px;}



	
/* 
	#section07 {width: 100%; text-align: center; margin-bottom: 40px;}

	#section07 a {color: #fff; display: block;}

	#section07 a:hover {color: #39ceff;}

	#section07 p {font-size: 1.1875em;}

	#section07 #info {margin-top: 30px;}

	#section07 #contactList {margin: 30px auto 0; display: inline-block; text-align: center}

	#section07 ul {margin-top: 15px;}

	#section07 #info li {font-size: 1.1875em; padding-left: 40px; line-height: 25px; margin-bottom: 15px;}

	#section07 #contactList li {width: 102px; font-size: 1em; letter-spacing: 0; display: inline-block;*display: inline;zoom:1; margin: 0 20px 10px 0; text-align: center;}

	#section07 #contactList li.end {margin-right: 0;}

	#section07 #contactList li a {background-position: left top; background-repeat: no-repeat; padding-top: 102px;}

	#section07 #contactList li a:hover {color: #78a1db; background-position: right top;}

	#section07 #contactList #list01 a {background-image: url(../images/list01.png);}

	#section07 #contactList #list02 a {background-image: url(../images/list02.png);}

	#section07 #contactList #list03 a {background-image: url(../images/list03.png);}

	#section07 #contactList #list04 a {background-image: url(../images/list04.png);}

	#section07 #contactList #list05 a {background-image: url(../images/list05.png);}

	#section07 .qq {background: url(../images/contactIcon.png) no-repeat left top;}

	#section07 .tel {background: url(../images/contactIcon.png) no-repeat left -25px;}

	#section07 .mail {background: url(../images/contactIcon.png) no-repeat left -50px;}
 */
	

    #des{

        background: #fff;

    }

    #des .sectionNote {

        color: #333;

        padding: 0 20px;

        text-align: justify;

        font-family: "Microsoft YaHei", "微软雅黑", Helvetica, sans-serif;

    }

}