﻿@charset "utf-8";
/* CSS Document */
body{ margin:0;overflow-x:hidden;}
dl,dt,dd,ul,li,a{ margin:0; padding:0; list-style:none;}
a{ text-decoration:none}
img{display:block}
*{color:black; font-size:16px; font-family:"微软雅黑";}
@media(max-width:580px){*{font-size:12px}}
.clearfix{clear:both;}
.center{max-width:970px; margin:0 auto;}

/*顶部*/
.nav_box{height:80px;width:100%; background:white;transition:top .5s;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.42)}
.nav_box img{width:110px;padding-top:15px;float:left;}
.making{
	float: right;
	width: 80px;
	line-height: 25px;
	border-radius: 6px;
	cursor: pointer;
	text-align: center;
	margin-top: 28px;
	background: #f69e00;
	color: white;
	font-size: 0.75em;
	margin-right: 20px;
}
.making:hover{color:#f69e00; background:white; border:1px solid #f69e00; }

.move03{position:fixed;left:0;top:0}
.move04{top:-80px;z-index:9999}
.move05{top:0;z-index:9999;}


@media(max-width:580px){.nav_box img{margin-left:20px;}.making{margin-right:20px}.making:hover{background:#f69e00; color:white;}}

/*内容01*/
.content01{width:100%; padding-top:50px; background-image: -moz-linear-gradient( 90deg, rgb(90,90,90) 0%, rgb(36,35,43) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(90,90,90) 0%, rgb(36,35,43) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(90,90,90) 0%, rgb(36,35,43) 100%);}
.content01 img{width:30%; float:left; margin-left:50px;}
.text01{ float:left; margin-left:50px; margin-top:50px;}
.text01 h1{ font-size:1.875em; letter-spacing:2px; font-weight:normal; color:white}
.text01 h2{ color:#999; font-size:0.75em; letter-spacing:2px; font-weight:normal}
@media(max-width:761px){.text01{width:50%;margin-top:10px; margin-left:20px;}.content01 img{margin:0 auto;width:40%}.text01 h2{ margin:0 auto; letter-spacing:1px;}.text01 h1{letter-spacing:1px; margin:0 auto; font-size:1.5em;}.content01{padding-top:20px;}}

/*内容02*/
.title{ font-size:1.75em; letter-spacing:2px; font-weight:normal; text-align:center; margin-top:67px; }
.text02{
	text-align: left;
	font-size: 0.875em;
	margin-top: 26px;
}
.text02 img {
	margin:0 auto; 
	width: 60%;
	height: 60%
}
.yema {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.yema p {
	text-align: left;
	font-size: 1em;
	font-weight: bolder;
	color: #F00;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
}
.yema p strong a {
	font-weight: normal;
	color: #666;
}
.yema p strong a:hover {
	font-weight: bolder;
	color: #F00;
}
@media(max-width:580px){
.title{letter-spacing:1px;width:90%; margin:0 auto;margin-top:40px;}.text02{margin:0 auto;margin-top:10px;width:90%;}
.text02 img{margin:0 auto; width:80%;}
.yema {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 90%;
}
.yema p {
	text-align: left;
	font-weight: bolder;
	color: #F00;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
}
.yema p strong a {
	font-weight: normal;
	color: #666;
}
.yema p strong a:hover {
	font-weight: bolder;
	color: #F00;
}
}
.h1{font-size:1.75em;font-weight:normal; margin-bottom:10px;}
.h2{ font-size:0.875em; font-weight:normal;}
@media(max-width:580px){.h1{text-align:center;}.h2 br{display:none}.h2{text-align:center;line-height:20px}.h1 br{display:none}}


.footer_box{background:#10191b;border-top:1px solid #000;}
.footer{width:80%;margin:0 auto;padding-top:2%;padding-bottom:2%;}
.footer .copyright{text-align:center;color:#959292;font-size:0.75em;}
.footer .copyright a {
	font-size: 0.75em;
	color: #959292;
	font-weight: bolder;
}

.footer br{display:none}
@media(max-width:580px){.footer br{display:block}}
