@font-face {
	font-family: "CenturyGothicbold";
	src:url('../font/CenturyGothicbold.TTF');
}
@media screen and (min-width: 1701px){
    html {
        font-size:1250%!important
    }
}
@media screen and (min-width: 1601px) and (max-width: 1700px){
    html {
        font-size: 1150%!important
    }
}
@media screen and (min-width: 1401px) and (max-width: 1600px){
    html {
        font-size: 1050%!important
    }
}
@media screen and (min-width: 1201px) and (max-width: 1400px){
    html {
        font-size: 950%!important
    }
}
@media screen and (min-width: 1001px) and (max-width: 1200px){
    html {
        font-size: 850%!important
    }
}
@media screen and (max-width: 1001px){
    html {
        font-size: 750%!important
    }
}
@media screen and (min-width:769px) and (max-width: 1665px){
.w,.w1600{width:95%; margin:0 auto;}
}
@media screen and (min-width:769px){
html { padding: 0; margin:0;  font-size: 625%;-webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch;  /*10 ÷ 16 × 100% = 62.5%*/}
body { padding: 0; font-size: .14rem;  -webkit-overflow-scrolling: touch; /*1.4 × 10px = 14px */ font-family:Arial, Helvetica, sans-serif;}

.w{max-width:750px; margin:0 auto;}
.www{padding: 0 .33rem;}
.pc_fl{float:left;}
.pc_fr{float:right;}
.pc_dn{display:none;}

/*******************************************/
.header {
  width: 100%;
  position:fixed;
  top: 0;
  left: 0;
  z-index:99;
}

.header-content {
	width: 100%;
	height:100%;
	overflow:hidden;
	position: absolute;
	left:0;
	top: 0;
    background: url(../img/01.jpg) center center no-repeat;
	background-size:cover;
	z-index:1;
}
.section1 p,
.section2 p,
.section3 p,
.section4 p,
.section5 p{
  opacity: 0;
}

.header .zouge {
    position: absolute;
	width: 13.8%;
    top:.25rem;
	left:2.5%;
    z-index: 2;
}
.header .zouge img {
	width:100%;
	vertical-align: bottom;
}
 section {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; 
 }

/*******************************************/
.section1{
	width: 100%;
	height:100%;
	overflow:hidden;
	position: absolute;
	left:0;
	top: 0;
	background: url(../img/02.jpg) center center no-repeat;
	background-size:cover;
	z-index:1;
}
.section1 .zouge {
    position: absolute;
	width: 13.8%;
    top:.25rem;
	left:2.5%;
    z-index: 2;
}
.section1 .zouge img {
	width:100%;
	vertical-align: bottom;
}
.section1 .wz01{
	position: absolute;
	width:30%;
	top:1.1rem;
	left:6.64%;
	z-index:2;
}
.section1 .wz01 img{
	width:100%;
}
.section1 .wz02{
	position: absolute;
	color:#a09e9e;
	top:1.9rem;
	left:8%;
	font-size:.1rem;
	z-index:2;
}
.section1 .wz03{
	position: absolute;
	color:#fff;
	top:2.3rem;
	left:8%;
	font-size:.13rem;
	line-height:.25rem;
	z-index:2;
}
.section1 .wz04 a{
	display:block;
	position: absolute;
	width:7.1%;
	text-align:center;
	color:#fff;
	top:3.7rem;
	left:8%;
	font-size:.08rem;
	line-height:.21rem;
	border:1px solid #fff;
	text-decoration: none;
	z-index:2;
}
.section1 .wz04 a:hvoer{
	background:#ae181e;
	color:#fff;
	width:7.1%;
}
/*******************************************/
.section2 {
  width: 100%;
  position: relative;
  height:100%;
  overflow:hidden;
  background: url(../img/03.jpg) center center no-repeat;
	background-size:cover;
}
.section2 .zouge {
    position: absolute;
	width: 13.8%;
    top:.25rem;
	left:2.5%;
    z-index: 2;
}
.section2 .zouge img {
	width:100%;
	vertical-align: bottom;
}
.section2 .wz01{
	position: absolute;
	width:30%;
	top:1.1rem;
	left:66%;
	z-index:2;
}
.section2 .wz01 img{
	width:100%;
}
.section2 .wz02{
	position: absolute;
	color:#a09e9e;
	top:1.9rem;
	left:67.4%;
	font-size:.1rem;
	z-index:2;
}
.section2 .wz03{
	position: absolute;
	color:#fff;
	top:2.3rem;
	left:67.4%;
	font-size:.13rem;
	line-height:.25rem;
	z-index:2;
}
.section2 .wz04 a{
	display:block;
	position: absolute;
	width:7.1%;
	text-align:center;
	color:#fff;
	top:3.7rem;
	left:67.4%;
	font-size:.08rem;
	line-height:.21rem;
	border:1px solid #fff;
	text-decoration: none;
	z-index:2;
}
.section2 .wz04 a:hvoer{
	background:#ae181e;
	color:#fff;
	width:7.1%;
}

/*******************************************/
.section3 {
  width: 100%;
  height:100%;
  overflow:hidden;
  position: relative;
  background: url(../img/04.jpg) center center no-repeat;
	background-size:cover;
}
.section3 .zouge {
    position: absolute;
	width: 13.8%;
    top:.25rem;
	left:2.5%;
    z-index: 2;
}
.section3 .zouge img {
	width:100%;
	vertical-align: bottom;
}
.section3 .wz01{
	position: absolute;
	width:30%;
	top:1.1rem;
	left:6.64%;
	z-index:2;
}
.section3 .wz01 img{
	width:100%;
}
.section3 .wz02{
	position: absolute;
	color:#a09e9e;
	top:1.9rem;
	left:8%;
	font-size:.1rem;
	z-index:2;
}
.section3 .wz03{
	position: absolute;
	color:#fff;
	top:2.3rem;
	left:8%;
	font-size:.13rem;
	line-height:.25rem;
	z-index:2;
}
.section3 .wz04 a{
	display:block;
	position: absolute;
	width:7.1%;
	text-align:center;
	color:#fff;
	top:3.7rem;
	left:8%;
	font-size:.08rem;
	line-height:.21rem;
	border:1px solid #fff;
	text-decoration: none;
	z-index:2;
}
.section3 .wz04 a:hvoer{
	background:#ae181e;
	color:#fff;
	width:7.1%;
}






}
@media screen and (max-width: 1100px) {
.fot_nav li{margin-right:.15rem;}
}
@media screen and (max-width: 1200px) {
.cp_list_c li{width:33.33%;}
.cp_list_img{height:1.35rem;}
.cp_list_img img{height:1.35rem;}
}

@media screen and (max-width: 768px) {
html {
    padding: 0;
    margin:0;
    font-size: 625%;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    /*10 ÷ 16 × 100% = 62.5%*/
}

body {
    padding: 0;
    font-size: .14rem;
    max-width: 768px;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    /*1.4 × 10px = 14px */
}
body {
    margin: 0;
    padding: 0;
    color: #fff;
	background:#000
    font-family: SourceHanSerifSC-Regular, Arial, Helvetica, sans-serif;
}

img {
    border: none;
    vertical-align: middle;
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 700%!important
    }
}
@media only screen and (min-width: 410px) {
    html {
        font-size: 800%!important
    }
}
@media only screen and (min-width: 481px) {
    html {
        font-size: 940%!important
    }
}

@media only screen and (min-width: 561px) {
    html {
        font-size: 1090%!important
    }
}

@media only screen and (min-width: 641px) {
    html {
        font-size: 1250%!important
    }
    body {
        margin: 0 auto;
        max-width: 768px
    }
}
img{width:100%;height:auto;border:none;}
.w{width:93.75%; margin:0 auto;}
.sj_fl{float:left;}
.sj_fr{float:right;}
.sj_clear{clear:both;}
.sj_dn{display:none;}

/*******************************************/
.header {
  width: 100%;
  position:fixed;
  top: 0;
  left: 0;
  z-index:99;
}

.header-content {
	width: 100%;
	height:100%;
	overflow:hidden;
	position: absolute;
	left:0;
	top: 0;
    background: url(../img/sj01.jpg) center center no-repeat;
	background-size:cover;
	z-index:1;
}
.section1 p,
.section2 p,
.section3 p,
.section4 p,
.section5 p{
  opacity: 0;
}

.header .zouge {
    position: absolute;
	width:40%;
    top:.2rem;
	left:5%;
    z-index: 2;
}
.header .zouge img {
	width:100%;
	vertical-align: bottom;
}
 section {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; 
 }

/*******************************************/
.section1{
	width: 100%;
	height:100%;
	overflow:hidden;
	position: absolute;
	left:0;
	top: 0;
	background: url(../img/sj02.jpg) center center no-repeat;
	background-size:cover;
	z-index:1;
}
.section1 .zouge {
    position: absolute;
	width:40%;
    top:.2rem;
	left:5%;
    z-index: 2;
}
.section1 .zouge img {
	width:100%;
	vertical-align: bottom;
}
.section1 .wz01{
	position: absolute;
	width:40%;
	top:1rem;
	left:7%;
	z-index:2;
}
.section1 .wz02{
	position: absolute;
	color:#a09e9e;
	top:1.4rem;
	left:8%;
	font-size:.08rem;
	z-index:2;
}
.section1 .wz03{
	position: absolute;
	color:#fff;
	top:1.6rem;
	left:8%;
	font-size:.12rem;
	line-height:.25rem;
	z-index:2;
}
.section1 .wz04 a{
	position: absolute;
	display:block;
	left:8%;
	width:30%;
	text-align:center;
	color:#fff;
	top:2.6rem;
	font-size:.08rem;
	line-height:.28rem;
	border:1px solid #fff;
	text-decoration: none;
	z-index:2;
}
/*******************************************/
.section2 {
  width: 100%;
  position: relative;
  height:100%;
  overflow:hidden;
  background: url(../img/sj03.jpg) center center no-repeat;
	background-size:cover;
}
.section2 .zouge {
    position: absolute;
	width:40%;
    top:.2rem;
	left:5%;
    z-index: 2;
}
.section2 .zouge img {
	width:100%;
	vertical-align: bottom;
}
.section2 .wz01{
	position: absolute;
	width:40%;
	top:1rem;
	left:7%;
	z-index:2;
}
.section2 .wz02{
	position: absolute;
	color:#a09e9e;
	top:1.4rem;
	left:8%;
	font-size:.1rem;
	z-index:2;
}
.section2 .wz03{
	position: absolute;
	color:#fff;
	top:1.6rem;
	left:8%;
	font-size:.12rem;
	line-height:.25rem;
	z-index:2;
}
.section2 .wz04 a{
	display:block;
	position: absolute;
	width:30%;
	text-align:center;
	color:#fff;
	top:2.6rem;
	left:8%;
	font-size:.08rem;
	line-height:.28rem;
	border:1px solid #fff;
	text-decoration: none;
	z-index:2;
}
.section2 .wz04 a:hvoer{
	background:#ae181e;
	color:#fff;
}

/*******************************************/
.section3 {
  width: 100%;
  height:100%;
  overflow:hidden;
  position: relative;
  background: url(../img/sj04.jpg) center center no-repeat;
	background-size:cover;
}
.section3 .zouge {
    position: absolute;
	width:40%;
    top:.2rem;
	left:5%;
    z-index: 2;
}
.section3 .zouge img {
	width:100%;
	vertical-align: bottom;
}
.section3 .wz01{
	position: absolute;
	width:40%;
	top:1rem;
	left:7%;
	z-index:2;
}
.section3 .wz02{
	position: absolute;
	color:#a09e9e;
	top:1.4rem;
	left:8%;
	font-size:.08rem;
	z-index:2;
}
.section3 .wz03{
	position: absolute;
	color:#fff;
	top:1.6rem;
	left:8%;
	font-size:.12rem;
	line-height:.25rem;
	z-index:2;
}
.section3 .wz04 a{
	display:block;
	position: absolute;
	width:30%;
	text-align:center;
	color:#fff;
	top:2.6rem;
	left:8%;
	font-size:.08rem;
	line-height:.28rem;
	border:1px solid #fff;
	text-decoration: none;
	z-index:2;
}
.section3 .wz04 a:hvoer{
	background:#ae181e;
	color:#fff;
}


}