@import url("iconfont/iconfont.css");
body , td , th , tt { margin:0; padding:0; font-family:"microsoft yahei"; }
dl , dt , dd , ul , li , ol , form { border:0; margin:0; padding:0; }
.Mh { height:500px; }
.Mdiv { width:1200px; margin:0 auto; }
.Mt10 { margin-top:10px; }
.M0 { margin:0; }
.Fl { float:left; }
.Fr { float:right; }
.Clear { clear:both; }
a { text-decoration:none; }

.Top { height:150px; }
.Logo { background:url(../img/logo2.png) no-repeat left center; width:300px; height:150px; float:left; }
.Menu { float:right; }
.Sub { float:right; height: 40px; margin:55px 20px 0 0; line-height:40px; font-size: 20px;  }
.Sub a { display:block; margin:0 20px; padding:0 20px; float:left; color: #333333; }
.Sub a.Active , .Sub a:hover { border-radius: 5px; background-color: #088ded; color:#FFFFFF; }
.Lgbox { float:right; width: 140px; height: 40px; border-radius:20px; overflow:hidden; margin:55px 0; }
.Lgbox a { display:block; float:left; width: 70px; height: 40px; line-height:40px; text-align:center; font-size: 16px; text-decoration:none; }
.Lgbox a:first-child { background-color: #088ded; color:#FFFFFF; }
.Lgbox a:last-child { background-color: #dcdcdc; color: #666666; }
.Lgbox a:hover { opacity:.8; }
.Mbd { border-bottom:1px solid #999; }

.Lged { float:right; height: 40px; margin:55px 0; }
.Lged a { color:#088ded; line-height:40px; margin:0 5px; }
.Lged a:last-child { color:#666; }
/*footer*/
.Bottom { border-top:10px solid #000000; background-color: #333333; height: 278px; }
.BtL { float:left; margin:30px 0; color:#FFFFFF; font-size: 20px; height:100px; }
.Btnbox { margin-top:30px; }
.Btnbox a { display:block; float:left; margin-right:14px; width: 73px; height: 36px; line-height: 36px; background:url(../img/kefu_bg.png); padding-left:44px; color: #ffffff; font-size: 16px; }
.Btnbox a:hover { opacity:.5; }
.Btnbox a.Dh { width: 134px; background:url(../img/tel_bg.png) }
.Btr { margin:30px 0; float:right; }
.Down2 { display:block; background:url(../img/down_bg2.png); position:static; width: 210px; height: 70px; text-align:center; color:#FFFFFF; font-size: 28px; line-height: 70px; padding-left:20px; }
.Down2:hover { opacity:.5; }
.Copy { clear:both; border-top:2px solid #A0A0A0; color: #ffffff; font-size: 20px; line-height: 107px; }
.Copy img {vertical-align:middle; margin-left:14px; }

.footer {margin: 80px 0 30px; text-align: center;}

@media screen and (max-width:414px){
	img { max-width:100%; }
	.Top   { height:100px; }
	.Mdiv { width:auto; margin:0 10px; }
	.Logo { background-size:220px; height:100px; }
	.Lgbox , .Lged { display:none; }
	.Sub { position:absolute; top:30px; right:10px; margin:0; text-align:right; height:auto; z-index:999 }
	.Sub:before { content:"\e61c"; font-family:iconfont; font-size:30px; }
	.Sub a { font-size:14px; background:#EFEFEF; width:90px; float:none; margin:0; margin-right:-10px; text-align:center; display:none; padding:0; border:3px solid #9ED6FD; border-bottom:0; }
	.Sub a:last-child {  border-bottom:3px solid #9ED6FD;;  }
	.Sub a.Active { border-radius:0; background:#EFEFEF; color:#333333;  }
	.Sub:hover { color:#0A99FF; }
	.Sub:hover a { display:block; }
}