@charset "utf-8";
/* CSS Document */

body{max-width:640px !important; margin:auto !important; position:relative !important; height:auto !important;}
.wap_nav{width:250px; height:100%; position:fixed; background-image:url(../images/left_nav.jpg); background-size:cover; background-position:0 0; background-repeat:no-repeat; z-index:200;}
.wap_nav ul li a{display:block; text-align:center; font-size:16px; line-height:60px; color:#ffffff; border-bottom:1px solid #fcfcfc;}

.wap_nav{top:0; left:-250px; overflow-y:scroll;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
.wap_nav.cur{left:0;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}



.warp{position:relative; left:0; padding-top:42px;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
.warp.cur{left:250px;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}

.body{width:100%; overflow:hidden; height:100%;}
.header{width:100%; background:#ffffff; height:42px; position:fixed; top:0; left:0;}

.top{padding:5px 0;}
.btn_menu{width:30px; height:22px; margin:4px; background-image:url(../images/menu.png); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.logo{padding-top:3px;}
.logo img{width:215px;}
.tel{width:30px; height:30px; background-image:url(../images/tel.png); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.search{width:30px; height:30px; background-image:url(../images/search.png); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; margin-right:5px;}
.banner_title{color:#ffffff; font-size:18px; line-height:52px; background:url(../images/banner_title.jpg) center center no-repeat; text-align:center;}

.index_form_list{padding-left:110px; position:relative; margin:10px 0;}
.index_form_list span{display:inline-block; width:100px; text-align:right; color:#333333; font-size:14px; line-height:30px; position:absolute; top:0; left:0;}
.index_form_list .sec{width:100%; height:32px;}
.index_form_list .inpsrc{width:100%; height:32px;}
.index_form_list .reset{width:90px; height:30px; background-image:url(../images/reset.png); background-size:100% 100%; color:#ffffff; text-align:center; font-size:14px; border:none; background-position:50% 50%;}
.index_form_list .sub{width:100%; height:30px; background-image:url(../images/btn_search.png); background-size:100% 100%; color:#ffffff; text-align:center; font-size:14px; border:none; background-position:50% 50%;}


.index1 ul li{padding-left:100px; position:relative; height:100px;}
.index1 ul li .span{width:100px; height:100px; color:#ffffff; font-size:14px; text-align:center; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; display:block; position:absolute; top:0; left:0;}
.index1 ul li .span a{width:100px; height:100px; color:#ffffff; font-size:14px; text-align:center; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; display:block; position:absolute; top:0; left:0;}

.index1 ul li .span img{width:50px; height:50px; display:block; margin:auto;}
.index1 ul li .span.bg1{background-image:url(../images/index_bg1.jpg);}
.index1 ul li .span.bg2{background-image:url(../images/index_bg2.jpg);}
.index1 ul li .span.bg3{background-image:url(../images/index_bg3.jpg);}
.index1 ul li .span.bg4{background-image:url(../images/index_bg4.jpg);}
.table{display:table; width:100%; height:100%; vertical-align:middle;}
.table_cell{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.index1 ul li dd{color:#666666; font-size:12px; line-height:24px; /*border-bottom:1px solid #eeeeee;*/ padding-left:10px;}
.index1 ul li dd a{color:#666666; font-size:12px; line-height:24px; border-bottom:1px solid #eeeeee; padding-left:10px;}
.index1 ul li .dd dd{color:#666666; font-size:12px; line-height:20px; /*border-bottom:1px solid #eeeeee;*/ padding-left:10px;}
.index1 ul li .dd dd a{color:#666666; font-size:12px; line-height:20px; border-bottom:1px solid #eeeeee; padding-left:10px;}


.index2_title{color:#ffffff; font-size:12px; line-height:40px; height:40px; background:#ff4567; text-align:center;}
.index2_title .span1{font-size:16px; font-weight:bold;}

.index2_cot{padding:10px;}

.index2_cot ul li{padding:0 0 6px 0; background:#f9f9f9; margin-bottom:10px;}
.index2_cot ul li h3{padding:0 5px;}
.index2_cot ul li h3 a{color:#333333; font-size:16px; line-height:24px; font-weight:normal;}
.index2_cot ul li .span1{color:#666666; font-size:12px; line-height:24px; margin-left:5px;}
.index2_cot ul li .span2{color:#ff4567; font-size:12px; line-height:24px; margin-right:5px;}
.index2_cot ul li img{width:100%; border:5px solid #eeeeee; box-sizing:border-box;}
.index2_cot ul li .div2{color:#cccccc; font-size:12px; line-height:24px; border-bottom:1px solid #dddddd; padding:5px;}

.index_news_title{background:#ff384d; height:40px; padding:0 10px;}
.index_news_title span{color:#ffffff; font-size:16px; line-height:40px;}
.index_news_title a{font-size:14px; color:#ffffff; line-height:40px;}

.index_news{margin-bottom:10px;}
.index_news ul{padding:0 10px; }
.index_news ul li i{color:#999999; font-style:normal; margin-right:6px;}
.index_news ul li a{color:#333333; font-size:12px; line-height:30px; display:block; border-bottom:1px dashed #eeeeee;}
.index_news ul li a .time{color:#999999;}

.index_news dl{width:300px; margin:15px auto;}
.index_news dl dd{color:#444444; font-size:12px; line-height:30px; text-align:center; padding:4px 0px; border-radius:5px; background:#dddddd; float:left; width:90px; margin:5px; letter-spacing:-0.04em;}
.index_news dl dd a{color:#444444;}
.index_news dl dd img{width:50px; height:50px; display:block; margin:auto;}

.footer{color:#777777; font-size:12px; line-height:24px; text-align:center; padding:10px 0; border-top:1px solid #dddddd;}

.apartment_word{padding:10px; color:#666666; font-size:12px; line-height:24px; background:#ededed;}

.fanye{margin:10px 0; position:relative; text-align:center;} 
.fanye a{color:#3a42e2; font-size:14px; line-height:30px;}
.fanye .prev{padding:0 20px; display:inline-block; color:#ffffff; border-radius:5px; line-height:30px; font-size:14px; background-image:url(../images/prev.png); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; position:absolute; top:0; left:0;}
.fanye .next{padding:0 20px; display:inline-block; color:#ffffff; border-radius:5px; line-height:30px; font-size:14px; background-image:url(../images/next.png); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; position:absolute; top:0; right:0;}



.deatil{padding:15px 10px;}

/* 本例子css -------------------------------------- */
.focus{ width:100%; margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px;}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.deatil_cot1{padding:15px 0;word-wrap : break-word;width: 100%}
.deatil_tilte{height:36px; height:18px; border-bottom:1px solid #c9c9c9; margin-bottom:30px;}
.deatil_tilte span{display:inline-block; padding-right:20px; color:#666666; background:#ffffff; font-size:16px; line-height:36px;}
.deatil_tilte i{width:7px; height:7px; margin:15px 0; display:block; float:left; background:url(../images/deatil_title.png) 0 0 no-repeat;}

.deatil_content{padding:10px; border:1px solid #eeeeee; font-size:14px; line-height:24px; color:#999999; min-height:72px;word-wrap : break-word}
.deatil_cot1 .more{color:#ffffff; font-size:14px; width:300px; text-align:center; margin:20px auto 0 auto; line-height:36px; background:url(../images/more_bg.png) 0 0 repeat-x; border-radius:50px; display:block;}

.deatil_table table{border-collapse:collapse;}
.deatil_table tr td{color:#999999; font-size:14px; line-height:20px; padding:10px; border:1px solid #dcdcdc;}
.deatil_table tr td.td_333{color:#666666;}

.deatil_bug ul li{color:#999999; font-size:16px; line-height:40px; padding:10px 0;}
.deatil_bug ul li img{float:left; width:40px; height:40px; margin-right:10px;}

.contact{padding:0 10px;}
.contact_title{color:#666666; font-size:16px; line-height:36px; text-align:center;}

.contact_form_list{padding-left:110px; position:relative; height:36px; border-bottom:1px solid #dcdcdc;}
.contact_form_list span{color:#666666; font-size:14px; line-height:36px; display:block; width:100px; text-align:left; position:absolute; top:0; left:0;}
.inp2{color:#666666; font-size:14px; line-height:20px; width:100px; text-align:left; left:10px;}
.inp3{color:#666666; font-size:14px; line-height:20px; width:100px; text-align:left; left:10px; float:left}
.contact_form_list .txt{width:100%; height:36px; border:none; background:none;}
.contact_form_list span i{font-style:normal; color:#fd3448; display:inline-block; float:left; margin-right:8px;}

.contact_form2{padding:20px 0;}
.contact_form_list.none{border-bottom:none;}
.contact_form_list_em em{font-style:normal; color:#cccccc; font-size:12px; line-height:30px; display:inline-block; padding:0 8px; border-radius:5px; cursor:pointer;}
.contact_form_list_em em.on{border:1px solid #3a42e2; color:#3a42e2;}

.contact_form_list_em2 em{padding-left:20px; color:#cccccc; font-size:14px; line-height:30px; margin-right:6px; display:inline-block;font-style:normal; background:url(../images/em2.png) left center no-repeat;}
.contact_form_list_em2 em.on{background:url(../images/em1.png) left center no-repeat; color:#3a42e2;}
.contact_form_list b{font-weight:normal; color:#cccccc; line-height:36px; position:absolute; right:0; top:0;}
.contact_form2 .txt2{width:100%; height:200px; border:none; background:#eeeeee; font-size:14px; line-height:24px; border-radius:5px; margin:5px 0; text-indent:10px; padding:6px 0;} 

.yzm{padding-right:90px; position:relative;}
.yzm .yzm_img{position:absolute; right:0; top:0;}
.yzm .txt_yzm{width:80%; height:36px; border:none; border-bottom:1px solid #dcdcdc; background:none;}

.btn_sub{padding:10px 0; text-align:center;}
.btn_sub .sub{color:#ffffff; font-size:16px; -webkit-appearance: none; height:40px; padding:0 50px; border-radius:5px; border:none; background:#ff394e;}


.why_title{color:#666666; font-size:18px; line-height:36px; text-align:center;}
.why_cur{font-size:14px; line-height:30px; color:#999999; text-align:center;}

.why_dl dd{color:#ffffff; font-size:14px; padding:10px; line-height:24px; background:#3a42e2;}
.why_dl dd.odd{color:#ffffff; font-size:14px; padding:10px; line-height:24px; background:#979bde;}
.why_dl dd .dd_title{font-size:16px;}


.why_cot2_title{color:#666666; font-size:16px; line-height:36px;}
.why_cot2{color:#999999; font-size:14px; line-height:24px; padding:10px;}

.why_cot3{padding:10px; color:#999999; font-size:14px; line-height:30px; background:#f9f9f9;}
.why_cot3_title{color:#666666; font-size:18px; line-height:36px; text-align:center;}

.service{padding:10px; color:#999999; font-size:14px; line-height:30px;}
.service_title{color:#666666; font-size:18px; line-height:36px; text-align:center;}


.search_word{padding:10px; color:#666666; line-height:24px; font-size:12px;}

.service .dd_title a{font-weight:bold; text-indent:0;}
.service a{display:block; color:#333333; text-indent:15px;}
.service dd{margin-bottom:10px;}




.pingjia{padding:20px 0;}
.pingjia ul li{ position:relative; min-height:100px; margin-bottom:15px;}
.pingjia ul li h3{color:#373838; font-family:"lora"; font-size:20px; line-height:30px; width:100%; height:30px; float:left; font-style:italic;}
.pingjia ul li .bullet_left_quote{width:30px; font-size:100px; line-height:100px; color:orange; float:left; position:absolute; top:30px; left:0;}
.pingjia ul li .bullet_left_quote img{width:30px;}
.pingjia ul li .li_word{padding-left:36px; font-size:12px; line-height:24px;}
.pingjia ul li .li_word cite{font-style:normal; font-weight:bold;}

.deatil{font-size:12px; line-height:24px; padding:15px 10px;}
.deatil h1{font-size:18px; line-height:36px; text-align:center; color:#333333; font-weight:normal; text-align:center; margin-bottom:20px;}

.deatil img{max-width:100%}
.fanye2{padding-top:40px;}
.fanye2 a{color:#000000; font-size:14px; line-height:30px; display:block; text-align:left;}


.hezuo li{width:50%; text-align:center; float:left; height:45px;}
.hezuo li img{max-width:100%; max-height:45px;}