@charset "utf-8";
* { margin: 0; padding: 0; box-sizing: border-box; }
body { width: 100%; height: 100%;  background-color: #f9f9f9; }
a:link, a:hover { text-decoration: none }
i,em{ font-style: normal; }
.clear{ clear: both; }

.content {
	width:100%;
	height:100%;
	min-height: 100vh;
	min-width: 1170px;
	z-index:-10;
	zoom: 1;
	font-size: 16px;
	background-image: url(../img/a1.jpg); background-repeat: no-repeat; background-size: 100% 451px; background-position: top center; 
}
.backg{ position: absolute; top: 537px; width:100%;	height:816px; z-index: 0; min-width: 1170px;
background-image: url(../img/a5.jpg); background-repeat: no-repeat; background-size: 100% 816px; background-position: top center; }
.cmain{ width: 1170px; height: 1303px; margin: 0 auto; position: relative; z-index: 1;}
.zhuo{ width: 100%; height: 995px; position: absolute; top: 308px; 
background-image: url(../img/a2.png); background-repeat: no-repeat; background-size: 850px 890px; background-position: top center; z-index: 2;}

.footer{ z-index: 9999; }


.zma{ position: absolute; top: 174px; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100px; padding: 0 239px;  }
.daoyu{ width: 236px; margin: 0 auto; }
.daoyu img{ width: 100%; height: 100%; }

@media only screen and (min-width: 0px) and (max-width: 1524px) {
    .zhuo{ background-size: 855px 996px !important;}
    .content{ background-size: 100% 487px !important;}
}
@media only screen and (min-width: 1524px) and (max-width: 5000px) {
    .content{ background-size: 100% 698px !important; height: 1627px !important;}
    .backg{ top:698px !important; height: 978px !important; background-size: 100% 978px !important; }
    .zhuo{ top: 409px !important; background-size: 1170px 1343px !important; height: 1218px !important;}
    .zma{ padding: 0 103px !important; }
    .ztxt{ font-size: 18px !important; line-height: 27px !important; margin-top: 23px !important;}
    .zma{ top:260px !important;}
    .cca{ width: 200px !important; left: 17px !important; }
    .ccb{ width: 200px !important; left: 263px !important;}
    .ccc{ width: 200px !important; left: 494px !important;}
    .ccd{ width: 200px !important; left: 729px !important; height: 140px !important;}
    .cce{ width: 200px !important; top:187px !important; left: 105px !important; }
    .ccf{ width: 200px !important; top:192px !important; left: 384px !important; }
    .ccg{ width: 200px !important; top:187px !important; left: 656px !important;  }
    .ccbtn{ font-size: 18px !important; font-weight: bolder;  }

    .cca em{ left: 65px !important; bottom: 64px !important; line-height: 26px !important;}
    .ccb em{ left: 62px !important; bottom: 59px !important; line-height: 26px !important;}
    .ccc em{ left: 67px !important; bottom: 48px !important; line-height: 26px !important;}
    .ccd em{ left: 66px !important; bottom: 40px !important; line-height: 26px !important;}
    .cce em{ left: 47px !important; bottom: 67px !important; line-height: 26px !important;}
    .ccf em{ left: 59px !important; bottom: 62px !important; line-height: 26px !important;}
    .ccg em{ left: 64px !important; bottom: 58px !important; line-height: 26px !important;}

    .zhongd { width: 383px !important; }
    .dht{ width: 373px !important; }
    .dht em{ font-size: 24px !important; left: -5px !important; bottom: 30px !important; }
    .daoyu{ width: 285px !important; }
    .dhmi{ padding-left: 86px !important; }
}

.ztxt{ font-size: 15px; text-align:justify;
font-family: Microsoft YaHei;
font-weight: bold;
color: #FFFFFF;
line-height: 20px; padding: 0 44px; margin-top: 35px; text-indent:2em }
.dht{ width: 288px; position: relative; cursor: pointer; margin-top: 20px; float: left; margin-right: 39px;}
.dht img{ width: 100%; height: 100%; }
.dht em{ position: absolute; bottom: 20px; display: block; width: 100%; 
font-size: 18px;
font-family: Noto Sans S Chinese;
font-weight: 900;
color: #AA5C26;
line-height: 56px; 
text-align: center;
left: -5px; }
.dht em:hover{ color: #15b3cf !important; }

.zhongd{ width: 320px; margin: 35px auto 0 auto; }
.zhongd img{ width: 100%; height: 100%; }

.ccbtn{ width: 100%; height: 279px;  margin-top: 25px; position: relative;  font-size: 15px;}

.cca{ width: 150px; margin: 0 auto; font-weight: 900;color: #AA5C26;line-height: 20px; position:absolute; top: 1px; left: 7px; cursor: pointer;}
.cca img{ width: 100%; height: 100%; }
.cca em{position: absolute;bottom: 44px;display: block;left: 51px; transform: rotate(11deg);}
.cca i{ display: block; text-align: center; }


.ccb{ width: 150px; margin: 0 auto; font-weight: 900;color: #AA5C26;line-height: 20px; position:absolute; top: 1px; left: 176px; cursor: pointer;}
.ccb img{ width: 100%; height: 100%; }
.ccb em{position: absolute;bottom: 44px;display: block;left: 47px; transform: rotate(352deg);}
.ccb i{ display: block; text-align: center;}


.ccc{ width: 150px; margin: 0 auto; font-weight: 900;color: #AA5C26;line-height: 20px; position:absolute; top: 1px; left: 343px; cursor: pointer;}
.ccc img{ width: 100%; height: 100%; }
.ccc em{position: absolute;bottom: 37px;display: block;left: 51px; transform: rotate(354deg);}
.ccc i{ display: block; text-align: center;}


.ccd{ width: 135px; height: 112px; margin: 0 auto; font-weight: 900;color: #AA5C26;line-height: 20px; position:absolute; top: 1px; left: 523px; cursor: pointer;}
.ccd img{ width: 100%; height: 100%; }
.ccd em{position: absolute;bottom: 33px;display: block;left: 43px; transform: rotate(356deg);}
.ccd i{ display: block; text-align: center;}


.cce{ width: 150px; margin: 0 auto; font-weight: 900;color: #AA5C26;line-height: 20px; position:absolute; top: 138px;left: 84px; cursor: pointer;}
.cce img{ width: 100%; height: 100%; }
.cce em{position: absolute;bottom: 46px;display: block;left: 33px; transform: rotate(15deg);}
.cce i{ display: block; text-align: center;}


.ccf{ width: 150px; margin: 0 auto; font-weight: 900;color: #AA5C26;line-height: 20px; position:absolute; top: 140px;left: 262px; cursor: pointer;}
.ccf img{ width: 100%; height: 100%; }
.ccf em{position: absolute;bottom: 44px;display: block;left: 48px; transform: rotate(10deg);}
.ccf i{ display: block; text-align: center;}



.ccg{ width: 150px; margin: 0 auto; font-weight: 900;color: #AA5C26;line-height: 20px; position:absolute; top: 140px;left: 440px; cursor: pointer;}
.ccg img{ width: 100%; height: 100%; }
.ccg em{position: absolute;bottom: 44px;display: block;left: 46px; transform: rotate(349deg);}
.ccg i{ display: block; text-align: center;}


.cca:hover,.ccb:hover,.ccc:hover,.ccd:hover,.cce:hover,.ccf:hover,.ccg:hover{ color: #15b3cf !important; }


.dhmi{ width: 100%;  padding-left: 38px;     margin-top: 22px;}