/*基础定义*/
@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, p, dl, dd, ol, ul, th, td, form, fieldset, input, button, textarea {
	margin: 0;
	padding: 0
}
html {
	-webkit-text-size-adjust: none;
	word-wrap: break-word
}
h1, h2, h3 {
	font-size: 100%
}
ol, ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: inherit
}
.lt{
	float: left;
}
.rt{
	float: right;
}
fieldset, img {
	border: 0
}
cite, em, s, i, b {
	font-style: normal
}
input, button, textarea, select {
	font-size: 100%
}
body, input, button, textarea, select, option {
	font-size: normal
}
a, input, textarea {
	text-decoration: none;
	outline: 0
}
li, img, label, input {
	vertical-align: middle
}
var {
	font-style: normal
}
ins {
	text-decoration: none
}

a{text-decoration: none;}
a{COLOR: #000000;TEXT-DECORATION: none;}
.link{COLOR: #000000;TEXT-DECORATION: none;}
a:hover{COLOR: #000000;TEXT-DECORATION: none;}
a:visited{COLOR: #000000;TEXT-DECORATION: none;}
a:active{COLOR: #000000}

body {
	font-size: 20px
}
.viewport {
	max-width: 720px;
	margin: auto;
	overflow: hidden
}

html, body, #wrapper {
	min-height: 100%
}
body {
	/*background-color: #ffeaf1;*/
}
#header {
	background-color: #9dc9f7;
	padding-top:30px;padding-bottom:10px;height:130px;display:block;
}
.logo {margin-left:30px;}

.left11 {
	text-align:center;float:left;
}
.left12 {
	float:right;padding-right: 20px;padding-top:30px;
}
.left12 a {
	font-size:16px;margin-right:30px;
}
#main {
	background-color: #9dc9f7;
	display:block;
}
#main .left1 {
	width:7%;display:inline-block;float:left;
}
#main .left2 {
	width:33%;display:inline-block;float:left;
}
#main .right {
	width:58%;display:inline-block;text-align:right;
}
.left2 .os {padding-top:40px;}
.contact_left1 {
	width:7%;display:inline-block;float:left;
}
.contact_left2 {
	width:33%;display:inline-block;float:left;
}
.contact_left2 {width:40%;background-color:#9dc9f7;height:515px;}
.contact_right {background-color: #9dc9f7;
    display: inline-block;
    height: 515px;
    text-align: right;
    width: 40%;}
.about_left1 {
	width:7%;display:inline-block;float:left;
}
.about_left2 {width:40%;background-color:#9dc9f7;height:535px;display:inline-block;float:left;line-height:150%;}
.about_right {width:40%;background-color:#E6F4F7;text-align:center;height:535px;display:inline-block;}

.right {
	width:50%;display:inline-block;
}
.imglist1 {background-color:#fafafa;padding-top:2.3%;text-align:center;}
.imglist2 {background-color:#fff;padding-top:2.3%;text-align:center;}
.imglist3 {background-color:#fafafa;padding-top:2.3%;text-align:center;}
.imglist4 {background-color:#fff;padding-top:2.3%;text-align:center;}


#footer {text-align:center;
	background-color: #9dc9f7;padding:40px;}
.menu22 {margin-left:50px;}
.copyright {font-size:12px;color:#666666;margin-top:20px;}

#main h1 {margin:30px;font-size:30px;font-weight:normal;}
#main p {margin:30px;font-size:14px;font-weight:normal;height:240px;}
#main .contact_p {margin:30px;font-size:18px;font-weight:normal;line-height:180%;color:#666666;}
#main .barcode {float:left;color:#666666;margin-left:40px;margin-top:40px;}
.logo_version {float:right;margin-right:10px;}

/*响应式布局基础定义*/
@media only screen and (max-width:600px) and (min-width:160px) {
body {
	font-size: 10px
}
html {
	font-size: 10px
}
.viewport {
	max-width: 400px
}
.logo {margin-left:0px;}

.about_left1 {display:none;}
.about_left2 {display:block;float: none;background-color: rgb(233, 218, 239); height: 515px; width: 100%;}
.about_left2 h1 {padding-top:20px;}
.about_right {display:block;text-align: center; height: 515px; width: 100%; background-color: rgb(230, 244, 247);}

.contact_left1 {display:none;}
.contact_left2 {display:block;float: none;background-color: rgb(233, 218, 239); height: auto;padding-bottom:20px; width: 100%;}
.contact_left2 h1 {padding-top:20px;}
.contact_right {display:block;text-align: center; height: auto; width: 100%; background-color: rgb(230, 244, 247);}
.contact_right img {width:100%;height:auto;}
#main .barcode {float:none;}
}


@media only screen and (max-width:720px) and (min-width:710px) {
body {
	font-size: 19.72222px
}
html {
	font-size: 19.72222px
}
.viewport {
	max-width: 720px
}
}
@media only screen and (min-width:720px) {
body {
	font-size: 20px
}
html {
	font-size: 20px
}
.viewport {
	width: 720px
}
}