/* ========== 00_general ========== */
* {font-weight:normal;margin:0;padding:0;}
a {outline:none;text-decoration:none;}
a:link, a:visited {color:#b9b9b9;transition:color 0.3s ease 0s;}
a:hover, a:active {color:#f80;}
a img {border:0 none;}
img{width:100%;height:100%;margin:0;vertical-align:middle;}
/* body{background:url("../images/bg.jpg") no-repeat fixed top;margin:0;z-index:1;} */
body, button, input, select, textarea, * {font-family:opensans, Arial, Microsoft JhengHei, Microsoft yahei, simsun, "宋体", sans-serif;}
body {color:#fff;font-size:14px;width:100%;}

.hi {display:none;}
.q {clear:both;}
.f {width:100%;}
.x {min-width:1200px;}
.xc {margin:0 auto;width:1200px;}

.y {float:left;}
.clear {clear:both;height:0;overflow:hidden;width:100%;}

h1, h2, h3, h4, b, strong, th {}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}

i.fi {/* display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; */}


/* ========== 01_header+footer+navi ========== */
.header, .hc, .navi, .navi b a {height:55px;}
.header {background: #2b2b2b;box-shadow:0 0 4px #4a4747;left:0;position:fixed;top:0;width:100%;z-index: 1000;}

@media only screen and (max-width: 769px){
	.logo{line-height:55px;font-size:20px;margin-left:1%}
	.navi{display:none;}
	
	.phone{position:absolute;right:20px;top:14px;}
	.phone .phonePic{width:27px;height:27px;}
	
	.img2{background-image:url(../images/m2.jpg);background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;height:80px;margin: 0 8%;border-radius:10px}
	#img1{content: url('../images/m1.jpg');}
	#img3{content: url('../images/m3.jpg');}
	#img4{content: url('../images/m4.jpg');}
	#img5{content: url('../images/m5.jpg');}
	#img6{content: url('../images/m6.jpg');}
	#img7{content: url('../images/m7.jpg');}
	#img8{content: url('../images/m8.jpg');}
}
@media only screen and (min-width: 770px){
	ol, ul {list-style:none;}
	.z {float:right;margin-right: 7%}
	.logo{line-height:55px;font-size:20px;margin-left:12%}
	
	.navi ol {padding-right:55px;}
	.navi li {float:left;margin-left:1px;position:relative;z-index:999;}
	.navi li b, .navi li b a {display:block;height:55px;line-height:55px;}
	.navi li b a {text-align: center;}

	.navi li{width:112px;}
	.navi li a:hover, .navi li a:active, .navi li a.cur:link, .navi li a.cur:visited {color: chocolate;}
	
	.phone{display:none;}
	
	.img2{background-image:url(../images/2.jpg);background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;height:80px;margin: 0 24%;border-radius:10px}
	#img1{content: url('../images/1.jpg');}
	#img3{content: url('../images/3.jpg');}
	#img4{content: url('../images/4.jpg');}
	#img5{content: url('../images/5.jpg');}
	#img6{content: url('../images/6.jpg');}
	#img7{content: url('../images/7.jpg');}
	#img8{content: url('../images/8.jpg');}
}

.hc {margin:auto;min-width:1200px;}

/* ----- navi ----- */

.content{margin-top: 55px}
.img2margin{width:100%;position: relative;margin-top:-32px}

footer{text-align:center;padding-bottom:20px;background:#222222;color:#b9b9b9;font-size:12px;}
footer a{text-decoration:none;}