@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
html {
  font-size: 62.5%; /* 10��16=62.5% */
}
body {
  font-family: "΢���ź�";
  font-size: 12px;
  font-size: 1.2rem; /* 12��10=1.2 */
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
}
ol,
ul,
li {
  list-style: none;
}
img {
	border: 0;
	vertical-align: middle;
	width: 100%;
}
a {
  text-decoration: none;
}
.clear {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.re {
  position: relative;
}
.ab {
  position: absolute;
}

.zx {
  display: block;
}
.zx img {
  width: 100%;
}
/**
 * ��������
 */
.blow {
  -webkit-animation: scale 1s linear normal both infinite;
  -o-animation: scale 1s linear normal both infinite;
  animation: scale 1s linear normal both infinite;
}

/*����*/
.scale {
  -webkit-animation: scale 1s linear normal both infinite;
  -o-animation: scale 1s linear normal both infinite;
  animation: scale 1s linear normal both infinite;
}
@keyframes scale {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }
}
@-webkit-keyframes scale {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }
}


.cent {
  width: 92.5%;
  left: 3.75%;
}
.banner {
  width: 100%;
  zoom: 1;
  overflow: hidden;
}
.ban1{
  top: 27.7%;
  width: 72.1%;
  margin-left: 15.0%;
}

.part1 {
  zoom: 1;
  overflow: hidden;
}


.pt1_title{
  top:5.62%;
}
.pt1_con{
  top:17.4%;
}
.pt1_con ul{
	width: 130%;
	overflow: hidden;
	margin-left: -13%;
	margin-top: -20%;
}
.pt1_con ul li{
  width: 80%;
  margin-bottom: 1.45%;
  margin-left:10%;
}

/*
.pt1_con ul li:nth-child(odd){
 float: left;
 margin-left: 3.71%;
}
.pt1_con ul li:nth-child(even){
 float: right;
 margin-right: 3.71%;
}
*/

.part2,
.part3,
.part4,
.part5,
.part6,
.part7,
.part8,
.part10,
.part11,
.part_new,
.part_second {
  overflow: hidden;
}

.pt2_title{
  top:2%;
  width:66%;
  left:17%;
}

.pt2_con{
  top:14.2%;
}
.pt2_con ul{
  width: 100%;
  overflow: hidden;
}
.pt2_con ul li{
  width: 46%;
  margin-bottom:5%
}
.pt2_con ul li:nth-child(odd){
 float: left;
 margin-left: 2%;
}
.pt2_con ul li:nth-child(even){
 float: right;
 margin-right: 2%;
}



.pt3_title{
  top:7%;
  width:58%;
  left: 21%;
}
.pt3_con{
	top: 20.3%;
}
.pt3_con ul{
	width: 80%;
	overflow: hidden;
	margin-left: 10%;
}
.pt3_con ul li{
  width: 98%;
  margin-left: 1%;
  margin-top:3%;
}

.pt4_title{
  top:4.2%;
  width:82%;
  left:9%;
}
.pt4_con{
  top:26%;
}
.pt4_con ul li{
  width: 98%;
  margin-left: 1%;
  margin-top:2%;
}

.pt5_title{
  top:4.5%;
  width:40%;
  left:30%;
}
.pt5_con{
  top:40.4%;
}
.pt5_con ul li{
  width: 98%;
  margin-left: 1%;
  margin-top:2%;
}

.pt6_title{
  top:1.2%;
  width:50%;
  left:25%;
}
.pt6_con{
  top:11%;
}
.pt6_con ul li{
  width: 98%;
  margin-left: 1%;
  margin-top:4.4%;
}

.pt7_title{
  top:1.6%;
  width:60%;
  left:20%;
}
.pt7_con{
  top:11.5%;
}
.pt7_con ul li{
  width: 98%;
  margin-left:1%;
  margin-top:2.4%;
}





.huanj a {
  display: block;
  width: 19%;
  background: #ff9e31;
  color: #fff;
  text-align: center;
  line-height: 180%;
  font-size: 2rem;
}
.huanj a.h-zx1 {
  top: 24.4%;
  left: 17.6%;
}
.huanj a.h-zx2 {
  top: 87.6%;
  left: 17.6%;
}
.huanj a.h-zx3 {
  top: 55.9%;
  right: 17.6%;
}

/**
 * [and description] �ֲ�ͼЧ�� ����
 * @param  {[type]} orientation: portrait      [description]
 * @return {[type]}              [description]
 */
@media all and (orientation: portrait) {
  .picScroll .hd ul li {
    width: 8px;
    height: 8px;
  }
}

@media screen and (orientation: landscape) {
  .picScroll .hd ul li {
    width: 16px;
    height: 16px;
  }
}

/**
 * ��Ӧʽ����
 */

@media screen and (min-width: 320px) and (max-width: 359px) {
  /*  0.5    */
  html {
    font-size: 31.25%;
  }
}
@media screen and (min-width: 360px) and (max-width: 409px) {
  /*   0.56    */
  html {
    font-size: 35%;
  }
}
@media screen and (min-width: 410px) and (max-width: 479px) {
  /*  0.64    */
  html {
    font-size: 40%;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) {
  /*  0.75    */
  html {
    font-size: 47%;
  }
}