*{margin:0 auto;padding:0}

body{font-size:12px; font-family:"Microsoft YaHei", Helvetica, sans-serif;}

ul li{ list-style-type:none;}

img{ border:none;}

a{ text-decoration:none; color:#fff;-webkit-text-size-adjust: none;}

a:hover{text-decoration:none;}

.pchead{ height: 122px;  line-height: 120px }
.mbhead{display: none; }
.wrapper{ width: 1200px; margin:0px auto; position: relative; }

.fxtitle{color: #5baafb; font-weight: 700; font-size: 40px; float: left; height: 122px;line-height: 122px; }
.fxtitle img{ display: inline;margin-top: 20px; }
.fxnav{ background: #fff;  float: right; width: auto; height: 122px; line-height: 122px;  }
.fxnav div{ width: 140px; height: 122px; line-height: 122px; float: left; text-align: center; }
.fxnav div a{font-size:16px; color: #343434}
.fxnav div:hover{ background: #02b2b5; color: #fff; }
.fxnav div:hover a{color: #fff;}
.contactdiv{ width: 100%; background-color: #222222; padding-top:50px; height: 350px;  }
.contactdiv .leftcontact{width: 495px; height: 220px; float: left; }
.contactdiv .rightbbs{width: 664px; height: 380px; float: right; }
.contactdiv .ctitle{font-size: 18px;color: #C5C5C5; font-weight: bold; }
.contactdiv .ctitle .t1{color: #5baafb}
 .bbstitle{font-size: 18px;color: #5baafb; font-weight: bold; margin-bottom: 20px }
 .bbsdv{ font-size: 14px; color: #fff; line-height: 25px; }
 .bbsdv input{ width: 233px; height: 25px; }
 .bbsdv p{ height: 40px }
 .bbsbtn{ margin-left: 40px; cursor: pointer; background: #5baafb; color: #fff; text-align: center; width:233px; height:45px; line-height: 45px; border:none; }
 .bbsbtn:hover{ opacity: 0.8 }
 
.contactdiv span{ font-size: 14px; color: #555555; display: block; line-height: 25px; }
.contactdiv span a{ font-size: 14px; color: #555555;  }

@media screen and (max-width: 1200px) and (min-width: 1024px){ 
.wrapper{ width: 98%; margin:0px auto; position: relative; }
.fxtitle{ position: absolute; top:70px; left:5%; z-index: 99; color: #5baafb; font-weight: 700; font-size: 40px }
.fxnav{ position: absolute; background: #fff;  top:45px;left:40%; z-index: 99; max-width: 1200px; width: auto; height: 50px   }
.contactdiv{ width: 100%; padding-top:100px; padding-bottom: 100px; height: 300px; background: url(../img/contactback.jpg) center center no-repeat }
.contactdiv .leftcontact{width: 380px; height: 220px; float: left; }
.contactdiv .rightbbs{width: 600px; height: 380px; float: right; }
}


@media screen and (max-width:1024px) and (min-width: 768px){ 
.wrapper{ width: 98%; margin:0px auto; position: relative; }
.fxtitle{display: none;}
.fxnav{ position: absolute; background: #fff;  top:15px;left:20%; z-index: 99; max-width: 1200px; width: auto; height: 50px   }
.contactdiv{ width: 100%; padding-top:30px; padding-bottom: 10px; height: 500px; background: url(../img/contactback.jpg) center center no-repeat }
.contactdiv .leftcontact{width: 80% ;  float: left; height: 170px; margin-left: 20%   }
.contactdiv .rightbbs{width: 80% ;  height: 350px; float: left;margin-left: 20%  }
.footcls{ width: 96%; background-color: #222222; padding:20px 0px; padding-left: 4% }
}

@media screen and (max-width: 768px) and (min-width: 480px){
.wrapper{ width: 98%; margin:0px auto; position: relative; } 
.mbhead{ display: block;}
.pchead{ display: none;}
.fxtitle{ position: absolute; top:0px; width: 100%; height: 2.5em; line-height: 2.5em; text-align: center; left:0; z-index: 99; color: #fff; background:#5baafb;  font-weight: 600; font-size:1.5em }
.fxnav{ display: none; background: rgba(255,255,255,0.8); position: absolute; background: #fff;  top:2.7em; z-index: 99; left:0px; width: 100%; height: 20em;  }
.fxnav div{ width: 90%; margin:5px auto; }
.contactdiv{ width: 100%; padding-top:30px; padding-bottom: 10px; height: 500px; background: url(../img/contactback.jpg) center center no-repeat }
.contactdiv .leftcontact{width: 80% ;  float: left; height: 170px; margin-left: 20%   }
.contactdiv .rightbbs{width: 80% ;  height: 350px; float: left;margin-left: 20%  }
.footcls{ width: 96%; background-color: #222222; padding:20px 0px; padding-left: 4% }
}
 

@media screen and (max-width: 480px){ 
.wrapper{ width: 98%; margin:0px auto; position: relative; }
.mbhead{ display: block;}
.pchead{ display: none;}
.fxtitle{ position: absolute; top:0px; width: 100%; height: 2.5em; line-height: 2.5em; text-align: center; left:0; z-index: 99; color: #fff; background:#5baafb;  font-weight: 600; font-size:1.5em }
.fxnav{ display: none; line-height: 2em; background:rgba(255,255,255,0.8); position: absolute; background: #fff;  top:2.7em; z-index: 99; left:0px; width: 100%; height: 30em;   }
.fxnav div{ width: 90%; margin:5px auto; height: 2em; line-height: 2em; font-size: 1.2em; font-weight: 600 }
.contactdiv{ width: 100%; padding-top:30px; padding-bottom: 10px; height: 600px; background: url(../img/contactback.jpg) center center  }
.contactdiv .leftcontact{width: 90% ;  float: left; height: 300px; margin-left: 10%   }
.contactdiv .rightbbs{width: 90% ;  height: 300px; float: left;margin-left: 10%  }
.footcls{ width: 96%; background-color: #222222; padding:20px 0px; padding-left: 4% }
}