@charset "gb2312";
/* CSS Document */



.free_hd { width: 1000px; height: 80px; margin: 20px auto; overflow: hidden; }
.free_hd dl, .free_hd a { width: 250px; height: 80px; display: inline-block; float: left; box-sizing: border-box; border-left: 1px solid #fff; color: #000000; background-color: #f5f5f5; padding-left: 70px; }
.free_hd dl, .free_hd a:hover{text-decoration: none;}
.free_hd dl.on { border: none; background-color: #009291; color: #fff; }
.free_hd dl dt, .free_hd a h5 { font-size: 20px; line-height: 24px; margin-top: 16px; }
.free_hd dl dd, .free_hd a p { font-size: 14px; line-height: 24px; }
.free_bd { width: 100%; height: 550px; background: transparent url(bg_free.jpg) no-repeat scroll center top; }
.free_bd .box { width: 1000px; margin: 0 auto; height: 550px; overflow: hidden; }
.hd_yy { background-image: url(ico_hd1.png); background-repeat: no-repeat; background-position: 20px center; }
.hd_tel { background-image: url(ico_hd2.png); background-repeat: no-repeat; background-position: 20px center; }
.hd_chat { background-image: url(ico_hd3.png); background-repeat: no-repeat; background-position: 20px center; }
.hd_qq { background-image: url(ico_hd4.png); background-repeat: no-repeat; background-position: 20px center; }
.hd_yy.on { background-image: url(ico_hd01.png); }
.hd_tel.on { background-image: url(ico_hd02.png); }
.free_banner { width: 100%; height: 250px; background: url(banner.jpg) no-repeat center }
/*tel*/

.free_tit { height: 60px; width: 380px; margin: 0 auto; border-bottom: 2px solid #f5f5f5; position: relative; font-size: 22px; line-height: 70px; text-align: center; color: #009291; font-weight: bold; }
.free_tit:after { content: ""; display: block; position: absolute; width: 116px; height: 2px; background: #009291; left: 132px; bottom: -2px; }
.free_tel { width: 420px; height: 470px; background: #fff; margin: 40px 0 0 580px; }
.free_tel form { width: 378px; height: 43px; border: 1px solid #e5e5e5; position: relative; margin: 23px auto 0; }
.free_tel form input[type="text"] { width: 249px; height: 43px; font-size: 14px; color: #333; text-indent: 10px; }
.free_tel form input[type="submit"] { width: 130px; height: 45px; line-height: 45px; color: #fff; position: absolute; top: -1px; right: -1px; background: #009291; }
.free_tel p { font-size: 12px; line-height: 24px; width: 380px; margin: 10px auto; }
.free_tel dl { overflow: hidden; }
.free_tel dl dt { width: 380px; font-size: 18px; font-weight: bold; line-height: 24px; color: #009291; margin: 20px auto 10px; }
.free_tel dl dd { width: 365px; font-size: 14px; line-height: 22px; padding: 12px 15px 11px 0; background: #f5f5f5; margin: 0 auto 1px; }
.free_tel dl dd i { width: 20px; height: 20px; text-align: center; font-size: 14px; line-height: 20px; color: #fff; border-radius: 10px; font-family: "Arial"; float: left; margin: 1px 10px 10px 8px; background: #009291; font-style: normal; }
/*นาบล*/



.guahao { width: 1000px; overflow: hidden; padding: 40px 0; height: 470px; }
.guahao_l { width: 600px; height: 470px; }
.guahao_l h2 { width: 560px; height: 40px; line-height: 40px; margin: 20px 0 0 20px; font-size: 22px; color: #009291; text-align: left; }
.guahao_l ul { width: 560px; overflow: hidden; margin: 0 auto; }
.guahao_l ul li { width: 540px; font-size: 14px; line-height: 22px; padding: 12px 20px 11px 0; background: #f5f5f5; margin: 0 auto 1px; }
.guahao_l ul li i { width: 20px; height: 20px; text-align: center; font-size: 14px; line-height: 20px; color: #fff; border-radius: 10px; font-family: "Arial"; float: left; margin: 1px 10px 10px 8px; background: #009291; font-style: normal; }
.guahao_l dl { width: 558px; height: 88px; border: 1px solid #fce8ab; background: #fffcee; line-height: 22px; margin: 27px auto 0 }
.guahao_l dl dt { font-size: 16px; color: #009291; background: url(ico_!.png) no-repeat left center; margin: 10px 0 0 12px; text-indent: 30px; line-height:23px; }
.guahao_l dl dd { font-size: 12px; color: #434343; margin: 0 14px; }
.guahao_r { width: 380px; height: 470px; }
.guahao_r h2 { width: 340px; height: 60px; border-bottom: 2px solid #f5f5f5; margin: 0 auto; color: #009291; text-align: center; position: relative; font-size: 22px; line-height: 80px; font-weight: bold; }
.guahao_r form { width: 340px; margin: 15px auto 0; overflow: hidden; }
.guahao_r form p { margin-bottom: 8px; float: left; width: 340px; }
.guahao_r form label { width: 79px; text-align: right; line-height: 30px; float: left }
.guahao_r form input, .guahao_r form select { width: 246px; height: 28px; border: 1px solid #e5e5e5; float: left; position: relative; }
.guahao_r form textarea { width: 246px; height: 78px; border: 1px solid #e5e5e5; float: left; margin-top: 6px; }
.guahao_r form em { font-size: 14px; line-height: 30px; color: #d10a0a; float: left; margin: 0 0 0 3px; }
.guahao_r form input.name { width: 98px; }
.guahao_r form select.sex { width: 58px; }
.guahao_r form input.star:after { content: ""; display: block; position: absolute; width: 7px; height: 6px; background: url(ico_star.png) no-repeat; right: -5px; top: 17px; }
.guahao_r form input[type="submit"] { width: 120px; height: 40px; margin: 12px 30px 0 40px; float: left; line-height: 35px; text-indent: 30px; font-size: 14px; color: #fff; border: none; background: url(ico_submit.png) no-repeat 14px center #009291; border-radius: 5px; }
.guahao_r form input[type="reset"] { width: 110px; height: 40px; margin-top: 12px; float: left; text-align: center; line-height: 40px; font-size: 14px; color: #434343; background: #e5e5e5; border-radius: 5px; border: none; }
.guahao_r form p.beizhu { margin: 0; text-indent: 40px; font-size: 12px; color: #1b1b1b; }