@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#fff; position:relative;}/* */
body,html{ padding-top:0px; overflow-x:hidden;}
* {font-size:15px; line-height:25px; color:#606060; font-family:'微软雅黑';}
*:focus {outline:none;}
img { border:0px;}
ul {margin:0px; *margin-left:0px; margin-left:-40px;}
li {list-style-type:none;}
a { outline:none; outline:0;text-decoration:none;outline-style:none;}
a:link {font-size: 14px;color: #858585;text-decoration: none; transition:color 0.3s linear;}/* */
a:visited {font-size: 14px;color: #858585;text-decoration: none; transition:color 0.3s linear;}/* transition:color 0.3s linear;*/
a:hover {font-size: 14px;color:#0774F2;text-decoration:none; transition:color 0.3s linear;}/* transition:color 0.3s linear;*/
p { margin:0px; padding:0px;}
form { margin:0px; padding:0px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
*{-webkit-tap-highlight-color: transparent;}
@font-face { font-family: "MSH";src: url("MiSans-Heavy.ttf") format("truetype");}
@font-face { font-family: "XYG";src: url("XinYuGong.ttf") format("truetype");}
@font-face { font-family: "MSS";src: url("MiSans-Semibold.ttf") format("truetype");}

.area1 { width:100%; height:44.2vw; overflow:hidden; margin-top:0px; background:url(../images/areabg1.jpg) no-repeat center top; background-size:100% auto;}
.area1 .logo { margin:0 auto; width:66.46%; margin-top:2.5vw; font-size:1.2vw; line-height:1.5vw; color:#fff; display:flex; align-items:center;}
.area1 .logo font { font-size:1.3vw; color:#fff; font-family:'MSH'; line-height:1.2vw; overflow:hidden; margin-right:10px;}
.area1 .domain { margin:0 auto; width:66.46%; margin-top:0.2vw; text-align:left; font-size:1.1vw; color:#fff; line-height:1.5vw;}
.area1 .bannerinfo { margin:0 auto; width:66.46%; margin-top:1vw;}
.area1 .bannerinfo .float { float:right; width:50%; overflow:hidden;}
.area1 .bannerinfo .float .brand { width:12vw; overflow:hidden; border-radius:0.6vw; display:flex; justify-content:space-between;}
.area1 .bannerinfo .float .brand .brandname { width:46%; font-size:1.4vw; line-height:2.5vw; font-family:'XYG'; color:#000; text-align:center; background:linear-gradient(180deg, #D4BE98, #C1A26A);}
.area1 .bannerinfo .float .brand .proname { width:54%;; font-size:1.4vw; line-height:2.5vw; font-family:'MSS'; color:#E3EFF8; text-align:center; background-color:#000;}
.area1 .bannerinfo .float .adword { width:100%; margin-top:2vw;}
.area1 .bannerinfo .float .adword .bg1 { font-size:3.5vw; line-height:4vw; font-weight:bold; font-family:'MSH'; background-image:linear-gradient(180deg, #1E4ECB, #41528F);-webkit-background-clip: text;color: transparent;}
.area1 .bannerinfo .float .adword .bg2 { font-size:3.5vw; line-height:4vw; font-weight:bold; font-family:'MSH'; background-image:linear-gradient(180deg, #00298A, #000001);-webkit-background-clip: text;color: transparent;}
.area1 .bannerinfo .float .infos { width:88%; overflow:hidden; margin-top:1.5vw;}
.area1 .bannerinfo .float .infos ul { width:102%;}
.area1 .bannerinfo .float .infos ul li { float:left; width:31%; margin-right:2%; text-align:left; margin-bottom:1vw; font-size:1.2vw; display:flex; justify-content:left; align-items:center; font-weight:bold; color:#000;}
.area1 .bannerinfo .float .infos ul li img { width:1.4vw; height:1.4vw; margin-right:0.7vw;}
@media screen and (max-width:750px){
	.area1 { height:177vw; background:url(../images/areabg1_mobi.jpg) no-repeat center top; background-size:100% auto;}
	.area1 .logo { width:90%; margin-top:7vw; font-size:4vw; line-height:4.5vw;}
	.area1 .logo font { font-size:4vw; line-height:4.5vw; margin-right:2vw;}
	.area1 .domain { width:90%; margin-top:1vw; font-size:3.5vw; line-height:4vw;}
	.area1 .bannerinfo { width:90%; margin-top:7vw;}
	.area1 .bannerinfo .float { float:inherit; width:100%;}
	.area1 .bannerinfo .float .brand { margin:0 auto; width:40vw; border-radius:2vw; margin-top:4vw;}
	.area1 .bannerinfo .float .brand .brandname { width:46%; font-size:4vw; line-height:8vw;}
	.area1 .bannerinfo .float .brand .proname { width:54%; font-size:4vw; line-height:8vw;}
	.area1 .bannerinfo .float .adword { width:100%; margin-top:8vw; text-align:center;}
	.area1 .bannerinfo .float .adword .bg1 { font-size:10vw; line-height:11vw; background-image:linear-gradient(180deg, #F6F5F4, #E4CCA1);-webkit-background-clip: text;color: transparent;}
	.area1 .bannerinfo .float .adword .bg2 { font-size:10vw; line-height:11vw; background-image:linear-gradient(180deg, #F6F5F4, #E4CCA1);-webkit-background-clip: text;color: transparent;}
	.area1 .bannerinfo .float .infos { margin:0 auto; width:100%; margin-top:8vw;}
	.area1 .bannerinfo .float .infos ul { width:102%;}
	.area1 .bannerinfo .float .infos ul li { float:left; width:31%; margin-right:2%; margin-bottom:4vw; font-size:3.8vw; color:#FFFFFF;}
	.area1 .bannerinfo .float .infos ul li img { width:3.8vw; height:3.8vw; margin-left:3vw; margin-right:2vw;}
}
.area2 { width:100%; height:38vw; margin-top:0px; overflow:hidden; margin-top:0px; background:url(../images/areabg2.jpg) no-repeat center top; background-size:100% auto;}
.area2 .title { margin:0 auto; width:66.46%; margin-top:6vw; text-align:center; font-size:3vw; color:#fff; line-height:4vw;}
.area2 .stitle { margin:0 auto; width:66.46%; margin-top:1vw; text-align:center; font-size:1.5vw; color:#fff; line-height:2vw; letter-spacing:0.4vw;}
.area2 .notes { margin:0 auto; width:36%; border:1px solid #ccc; border-radius:2vw; margin-top:2vw; text-align:center; font-size:1.2vw; color:#fff; line-height:3vw;}
@media screen and (max-width:750px){
	.area2 { width:100%; height:90vw; background-size:200% 100%;}
	.area2 .title { width:90%; margin-top:10vw; font-size:6vw; line-height:7vw;}
	.area2 .stitle { width:90%; margin-top:4vw; font-size:4vw; line-height:5vw; letter-spacing:1vw;}
	.area2 .notes { width:70%; padding:3vw 5vw; border-radius:8vw; margin-top:6vw; font-size:3.5vw; line-height:5vw;}
}
.area3 { width:100%; height:52vw; margin-top:0px; overflow:hidden; margin-top:0px; background:url(../images/areabg3.jpg) no-repeat center top; background-size:100% auto;}
.area3 .title { margin:0 auto; width:66.46%; margin-top:4.5vw; text-align:center; font-size:3vw; color:#000; line-height:4vw;}
.area3 .stitle { margin:0 auto; width:66.46%; margin-top:1vw; text-align:center; font-size:1.5vw; color:#000; line-height:2vw; letter-spacing:0.4vw;}
@media screen and (max-width:750px){
	.area3 { width:100%; height:100vw; background-size:200% 100%;}
	.area3 .title { width:90%; margin-top:8vw; font-size:6vw; line-height:7vw;}
	.area3 .stitle { width:90%; margin-top:3vw; font-size:4vw; line-height:5vw; letter-spacing:1vw;}
}
.area4 { width:100%; height:39vw; margin-top:0px; overflow:hidden; margin-top:0px; background:url(../images/areabg4.jpg) no-repeat center top; background-size:100% auto;}
.area4 .title { margin:0 auto; width:66.46%; margin-top:4.5vw; text-align:center; font-size:3vw; color:#fff; line-height:4vw;}
.area4 .stitle { margin:0 auto; width:66.46%; margin-top:1vw; text-align:center; font-size:1.5vw; color:#fff; line-height:2vw; letter-spacing:0.4vw;}
.area4 .showarea { margin:0 auto; width:57.29%; margin-top:4vw;}
.area4 .showarea ul { width:102.5%;}
.area4 .showarea ul li { float:left; width:22.5%; height:15.5vw; margin-right:2.5%; text-align:center;}
.area4 .showarea ul .item1 { background:url(../images/item1.png) no-repeat center top; background-size:100% auto;}
.area4 .showarea ul .item2 { background:url(../images/item2.png) no-repeat center top; background-size:100% auto;}
.area4 .showarea ul .item3 { background:url(../images/item3.png) no-repeat center top; background-size:100% auto;}
.area4 .showarea ul .item4 { background:url(../images/item4.png) no-repeat center top; background-size:100% auto;}
.area4 .showarea ul li .name { margin:0 auto; width:80%; text-align:center; margin-top:6vw; font-size:1.6vw; color:#EFD5A7; font-weight:bold;}
.area4 .showarea ul li .notes { margin:0 auto; width:80%; margin-top:1.2vw; text-align:center; font-size:1vw; line-height:2vw; color:#fff;} 
@media screen and (max-width:750px){
	.area4 { height:150vw; background-size:200% 100%;}
	.area4 .title { width:90%; margin-top:8vw; font-size:6vw; line-height:7vw;}
	.area4 .stitle { width:90%; margin-top:3vw; font-size:4vw; line-height:5vw; letter-spacing:1vw;}
	.area4 .showarea { width:90%; margin-top:8vw;}
	.area4 .showarea ul { width:103%;}
	.area4 .showarea ul li { width:47%; height:50vw; margin-right:3%; margin-bottom:5vw;}
	.area4 .showarea ul li .name { width:90%; margin-top:20vw; font-size:5vw;}
	.area4 .showarea ul li .notes { width:90%; margin-top:4vw; font-size:3.5vw; line-height:7vw;} 
}
.area5 { width:100%; height:64vw; margin-top:0px; overflow:hidden; margin-top:0px; background:url(../images/areabg5.jpg) no-repeat center top; background-size:100% auto;}
.area5 .title { margin:0 auto; width:66.46%; margin-top:4vw; text-align:center; font-size:3vw; color:#000; line-height:4vw;}
.area5 .stitle { margin:0 auto; width:66.46%; margin-top:1vw; text-align:center; font-size:1.5vw; color:#000; line-height:2vw; letter-spacing:0.4vw;}
.area5 .showarea { margin:0 auto; width:66.46%; margin-top:3vw;}
.area5 .showarea .white { width:100%; height:25vw; background-color:#fff; overflow:hidden; position:relative; z-index:1;}
.area5 .showarea .abouts { margin:0 auto; position:relative; z-index:2; width:90%; height:28vw; margin-top:-23vw; background:url(../images/aboutbg.jpg) no-repeat center top; background-size:100% auto;} 
.area5 .showarea .abouts .aboutarea { width:40%; margin-right:5%; margin-top:3vw; float:right;}
.area5 .showarea .abouts .aboutarea .abname { font-size:1.8vw; color:#000; line-height:2.2vw; display:flex; align-items:center;}
.area5 .showarea .abouts .aboutarea .abname font { font-size:2.2vw; color:#000; font-family:'MSH'; line-height:2.4vw; overflow:hidden; margin-right:1vw;}
.area5 .showarea .abouts .aboutarea .abnotes { width:100%; margin-top:2vw; font-size:1.15vw; line-height:2.8vw; color:#000;}
.area5 .contact { margin:0 auto; width:53%; margin-top:3vw;}
.area5 .contact ul { width:103%;}
.area5 .contact ul a { display:block; float:left; width:30.333%; height:10vw; overflow:hidden; margin-right:3%; background:url(../images/ctbg.png) no-repeat center top; background-size:100% auto;}
.area5 .contact ul a { display:flex; flex-direction:column; justify-content:center; align-items:center;}
.area5 .contact ul a .img { text-align:center; margin-bottom:1vw; margin-top:-0.5vw;}
.area5 .contact ul a .img img { width:3.6vw; height:3.6vw;}
.area5 .contact ul a .nameinfo { text-align:center; font-size:1.2vw; color:#000;}
@media screen and (max-width:750px){
	.area5 { height:265vw; background-size:150% 100%;}
	.area5 .title { width:90%; margin-top:8vw; font-size:6vw; line-height:7vw;}
	.area5 .stitle { width:90%; margin-top:3vw; font-size:4vw; line-height:5vw; letter-spacing:1vw;}
	.area5 .showarea { width:90%; margin-top:6vw;}
	.area5 .showarea .white { height:150vw;}
	.area5 .showarea .abouts { width:90%; height:140vw; margin-top:-145vw; overflow:hidden; background:url(../images/aboutbg_mobi.jpg) no-repeat center top; background-size:100% auto;} 
	.area5 .showarea .abouts .aboutarea { margin:0 auto; width:90%; margin-right:auto; margin-top:85vw; float:inherit;}
	.area5 .showarea .abouts .aboutarea .abname { font-size:5vw; cline-height:5.5vw; display:flex; align-items:center;}
	.area5 .showarea .abouts .aboutarea .abname font { font-size:6vw;line-height:5.5vw; margin-right:2vw;}
	.area5 .showarea .abouts .aboutarea .abnotes { width:100%; margin-top:5vw; font-size:3.5vw; line-height:7vw;}
	.area5 .contact { width:90%; margin-top:13vw;}
	.area5 .contact ul { width:104%;}
	.area5 .contact ul a { float:left; width:46%; margin-right:4%; height:30vw; margin-bottom:3vw; background-size:100% 100%;}
	.area5 .contact ul a .img { margin-bottom:3vw; margin-top:-0.5vw;}
	.area5 .contact ul a .img img { width:10vw; height:10vw;}
	.area5 .contact ul a .nameinfo { font-size:3.5vw;}
	.area5 .contact ul a:last-child { width:97.4%; margin-right:0%;}
}