@charset "utf-8";
/* CSS Document */
/*--标签--*/
.fi_body{ width:580px; height:520px; margin:0px auto;}
.logo,.icon,.webdesigner,.se_body{ margin:0px auto;}
.logo{max-width:524px; min-width:450px;height:230px;}
.icon{width:515px; overflow:hidden; padding-left:25px;}
.icon ul{ width:515px; overflow:hidden; padding-top:50px;}
.icon ul li{ float:left; margin-right:25px;}
.webdesigner{ width:50%; text-align:center; padding-top:5%;}
.first,.second,.third,.fourth,.fifth{background:url(../images/body_bg.jpg) repeat; }
#left_menu{ position:fixed; left:1%; top:3%;}
.menu{ background:url(../images/menu.png) no-repeat; width:33px; height:33px;}
.f_bottom,.f_bottom1,.f_top2{cursor:pointer;position:absolute;left:50%; bottom:5%; width:18px; height:20px;}
.f_right,.f_left,.f_right1,.f_left1{position:absolute; left:96%; bottom:50%; width:20px; height:18px; cursor:pointer;}
.f_left,.f_left1{left:4%; cursor:pointer;}
.f_top{bottom:94%;  width:20px; height:18px;  left:50%; position:absolute; }
#left_menu_1{ position:fixed; left:1%; top:50%; }
.first,.second,.third,.fourth,.fifth{ float:left;}
.first,.second,.third,.fourth,.fifth{width:100%;}

/*second*/
.se_body{ width:1155px; height:500px;}
.se_left{width:75px; height:383px; float:left;}
.se_right{ width:980px; height:500px; padding-left:100px; }
.second_wen{ width:220px; height:72px; float:left; background:#e8384d; line-height:72px; margin-top:25px; margin-bottom:3px;}
.second_wen,.second_show{font-size:25px;  text-align:center;}
.second_title,.third_title{height:100px; line-height:100px; width:749px;  float:left;}
.second_title,.third_title,.fourth_title,.fifth_title{ font-size:45px; font-weight:bold;}
.second_first{ width:970px; height:100px;}
.second_show,.second_show1{ width:220px; margin-right:3px; float:left; overflow:hidden;}
.second_show1{width:260px;}
ul.second_show li.show_title{background:#9bd650; height:95px; line-height:95px; margin-bottom:3px;}
.se_right ul li p{ height:127px; width:30px; float:left; background:#41b2da; padding:29px 20px 30px 20px;font-size:25px;  text-align:center; line-height:30px;}
.show_weight{ height:187px; overflow:hidden;}
.se_right ul li.show_margin{ margin-bottom:3px;}
.show_title1{ height:70px; width:220px; float:left; background:#f39301; line-height:70px; margin-top:3px;}



/*third*/
.third_body{ width:770px;  height:760px; overflow:hidden;}
.third_title{ text-align:center; width:100%; clear:both;  height:75px;}
.third_body ul{ width:485px;padding:30px  0px 0px 145px; float:left; overflow:hidden;}
.third_body ul li{ float:left; margin-right:5px;}
.tel{clear:both;width:570px;  text-align:center;margin:0px auto;}
.tel p{ float:left; font-size:15px; padding-right:25px; height:25px; line-height:25px;}
.tel p a,.tel p a:visited,.tel p a:hover{color:#9595a7; }
.input_bg{ background:url(../images/input_center.png) repeat-x; width:345px;height:66px; line-height:66px;}
#form {clear:both; height:365px; width:750px; margin-top:30px; float:left;}
#form img{ float:left;}
#form input{ float:left; color:#4a4a5e; font-size:20px;}
.input1{ float:left; width:360px; height:66px; margin-right:10px;}
.textarea_1{  overflow:hidden; clear:both; float:left; width:750px; height:210px; margin-top:15px;}
.textarea img{floate:left;}
.text_style{float:left; width:710px; background:url(../images/textarea_center.png) repeat-x; resize:none; overflow:hidden; height:176px;  color:#4a4a5e; font-size:20px;font-family:'微软雅黑'; line-height:35px; padding:10px 5px;;}
#form input.submit{background:url(../images/submit.png) no-repeat; width:233px; height:64px; float:right; clear:both; margin-right:20px; cursor:pointer;}

/*forth*/
.fourth_body{ overflow:hidden; width:1070px; padding-top:10%; margin:0px auto;}
.fourth_left{ width:410px;  padding-right:160px;}
.fourth_right{ width:500px; padding-top:50px;}
.fourth_title{ width:570px; clear:both; line-height:50px; height:50px; padding-bottom:30px;}
.fourth_left p{ height:40px; width:100%; clear:both; display:block; font-size:14px; line-height:40px;font-weight:bold; margin-bottom:20px;}
.read,.sleep,.book,.tour,.movie,.music,.swimming{width:50%; background:#9bd650; height:40px; display:block; float:left; padding:0px 5%; margin-right:3%; }
.sleep{width:45%; background:#41b2da; }
.book{width:60%; background:#f39301; }
.tour{width:80%; background:#e8384d; }
.movie{width:70%; background:#f39301; }
.music{width:60%; background:#41b2da; }
.swimming{width:30%; background:#9bd650; }

/*fifth*/
.fifth_body{width:1100px; padding-top:7%; margin:0px auto; overflow:hidden;}
.fifth_title{ height:90px; line-height:90px; width:100%; margin-bottom:15px; clear:both; }
.fifth_bottom{width:1100px; overflow:hidden;}
.fifth_bottom ul{ width:300px; float:left; padding-left:50px;}
.fifth_bottom ul li{ text-align:center; line-height:25px; font-size:14px;}
.fifth_bottom ul li.font_strong{ font-size:25px; font-weight:bold; line-height:45px;}
.fifth_bottom ul li.font_line{background:url(../images/fifth.png) repeat-x bottom; padding-bottom:20px;}
.fifth_bottom ul li.font_style{color:#656587; padding-top:20px;}