/*
author:kingfangdeng
date:2017-5-8
copyright by hongxing network
*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,table,td,form,input,button,textarea{margin:0;padding:0;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold;}
h1,h2,h3,h4,h5,h6,small{ font-size:100%;}
table{border-collapse:collapse; border-spacing:0;}
html,body,img,iframe{ border:0;}
img,button{ border:0 none;}
i,em{ font-style:normal;}
li{ vertical-align:top; list-style:none; zoom:1;}
ul > li{ vertical-align:baseline;}
textarea{ overflow:auto; resize:none;}
a,button{ cursor:pointer;}
a,a:hover{ color:#333; outline:none; text-decoration:none;}
a:hover{ color:#ff5203;}
body{ font-family:Microsoft yahei;}
body,textarea,button,select{ font:14px/1.5 "Microsoft YaHei"; color:#666; outline:0;}
html,body{ height:100%;}
html{_background-image:url(about:blank);_background-attachment:fixed;}
body{ background-color:#fff; text-align:center; position:relative; _behavior:url("../images/hover.htc")}
html > body{ text-align:left;}
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix{display:inline-block;}
.clearfix{ display:block; zoom:1;}
.clearfix:after{ display:block; content:""; clear:both;}
.fl{ float:left;}
.fr{ float:right;}

.container{ position:relative; width:100%; margin:0 auto; min-width:1180px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1180?"1180px";"");}
div > .container{ text-align:left;}


header{ width:1180px; height:130px; margin:0 auto; }
.logo{  height:80px; margin-top:30px;}
.housesource{ margin-left:130px; width:460px; margin-top:15px;}
.housesource a{ line-height:30px;}
.hotline{ background:url(../images/tel.png) no-repeat left center;padding-left:68px; height:63px; width:180px; margin-top:35px; color:#000;}
.hotline span{ font-size:26px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.menubg{ width:100%; height:48px; background:#00af66;}
nav{ width:1180px; height:48px; margin:0 auto;}
nav a{ display:inline-block; padding:0 16px; line-height:48px; font-size:16px; color:#fff; font-weight:bold;}
nav a:hover{ background:#01864f; color:#fff;}


.friendlink,.friendlinktext{ width:1180px; margin:0 auto; padding-bottom:15px;}
.friendtop{ font-size:16px; color:#00af66; line-height:46px; border-bottom:1px solid #d1d1d1;}
.piclist,.textlink{padding-top:10px;}
.piclist a,.textlink a{ display:block;  float:left; margin-right:10px;}

footer{ width:100%; margin:0 auto;padding:20px 0 40px 0; border-top:1px solid #d1d1d1;}
footer p{ text-align:center; line-height:28px;}

.footbanner{ display:none;}


/* 首页幻灯片 */



/* Browser Resets
*********************************/
.flex-container a:active,
.main_image a:active,
.flex-container a:focus,
.main_image a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.main_image {margin: 0; padding: 0;}
.main_image .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.main_image .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.main_image { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.main_image .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  background:url(images/arr.png) no-repeat; text-indent:-999em }
.flex-direction-nav .flex-prev { left: -50px; background-position:0 0 }
.flex-direction-nav .flex-next { right: -50px; background-position:-132px 0}
.main_image:hover .flex-prev { opacity: 0.7; left: 10px;}
.main_image:hover .flex-next { opacity: 0.7; right: 10px;}
.main_image:hover .flex-next:hover, .main_image:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }


/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

.main_visual{position:relative;}