@charset "gb2312";
/* CSS Document */
body{ margin:0;padding:0;font-size:13px; line-height:20px;font-family: "Microsoft Yahei";color:#666;background:#fff; font-weight:300;   }
div, form, img, ul, li, dl, dt, dd, p,input { margin: 0; padding: 0; border: 0; }
li, dl { list-style-type:none; }
i,em{ font-style:normal}
ul li,ol li{list-style-type: decimal}
ul,ul li, ul li a{ display:block}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:300}
a:link, a:visited {color:#666;text-decoration:none;}
a:hover, a:active {color:#8BC33B;text-decoration:none; cursor:pointer}
a:focus {outline:none; -moz-outline:none}
input,textarea,select{ border:none; margin:0; padding:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
table{border-collapse: collapse;}
.clear{ clear:both;}
*, *::after, *::before{box-sizing:border-box}
/* divbody */
.divbody{ width:750px;margin:0 auto}
.fleft{ float:left}
.fright{ float:right}
{ font-size:12px}
{ font-size:14px}
.proNav a,.spanP b{font-size:16px}
.hot-txt h3,.hot-txt p,.hotUl-txt h3,.hotUl-txt p,.hotUl-txt span,.raidersNew a,.top h3{ font-size:18px}
.fastNavUl li a,.prodetail-plate h3{ font-size:20px}
.fast-h3{ font-size:28px}
{ display:block}
.fast h3 span{ display:inline-block}
/*.header,.banner,.content,.fast,.fastNav,.fastCont,.hot,.hotUl,.hot-pro,.footer,.bottomF{ overflow:hidden}*/

/*index*/
.header-cont{max-width:750px;
    width: 100%;position: relative;padding-top:0px;padding-bottom:10px;background:#fff;margin:0 auto;height:50px;}
.header-cont h1 {
    float: left;
    margin-left:11px;
	width:30%;
}
.header-cont h1 img{/*width:100%;*/margin-top: 10px;}
.header-dl{
 width:45%;
    margin-left:10px;
    position: relative;
	margin-top:10px;
	}
.header-dl dt {
    width:75%;
    float: left;
    position: relative;
}   
.search_input {
    width: 100%;
    border: solid 1px #ccc;
    border-radius: 5px 0 0 5px;
    height:37px;
    text-indent: 5px;
    border-right: 0;
    float: left;
    font-size:13px;
}
.header-dl dd {
    width:25%;
    height:36px;
    float: left;
}
.search_submit {
    width: 100%;
    height:37px;
    background: #c30d23;
    border-radius: 0 10px 10px 0;
    border: 0;
    font-size:13px;
    color: #fff;
       font-family: "iconfont" !important;
}
.loan_jm1 {
    width:18%;
    float: right;
}
.loan_jm_l1 {
    margin-top: 10px;
    height: 40px;
}
.wbk_srn {
    width: 100%;
    height: 40px;
    float: left;
    line-height: 40px;
    color: #ADADAD;
    overflow: hidden;
    text-align: center;
    font-size:14px;
    background-size: 45%;
    background-position: center;
}
.loan_jm1 ul li i {
    font-family: "iconfont" !important;
    color: #ababab;
    font-size:24px;
}
.icon-location:before {
    content: "\e641";
}
div:after, ul:after, dl:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.header-tain {
    width: 96%;
    position: absolute;
    top:65px;
    left: 8px;
    background-color: #ffffff;
    z-index: 9999;
	display:none;
}
.city-list {
    width: 95%;
}
.city-list {
    width: 100%;
    overflow: hidden;
}
.city-list dt {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 40px;
	font-size:18px;
}
.city-list dd {
    width: auto;
    float: left;
}
.city span{
width: auto;
    padding: 10px 13px;
    margin: 10px;
    color: #333;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e8ecf1;
    cursor: pointer;
    /* float: right; */
    font-size: 16px}
.city-list dd p {
    width: auto;
    padding: 0 8px;
    margin:6px;
    background: #e8ecf1;
    color: #333;
      height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e8ecf1;
    cursor: pointer;
	float: right;
	font-size:18px;
}
.city {
    width: 100%;
    overflow: hidden;

}
.city-list .city-letter {
    color: #6e6e6e;
    font-size: 16px;
    width: 100%;
}
.city-list p {
    color: #afafaf;
    width: 95%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e8ecf1;
    cursor: pointer;
	float: right;
    font-size: 18px;
    margin-right: 13px;
}






.bodyBj{ background:#F9F9F9}
.header{ background:#fff; padding:10px;border-bottom:1px solid #ccc;border-image: linear-gradient(90deg,rgba(133,34,225,.5) 0,rgba(233,179,27,.5) 53%,rgba(8,87,179,.5));border-image-slice: 1;}
.logo img{ width:170px}
.add{ position:relative; margin-left:5% }
.add img{ width:30px; float:left}
.add i{ float:left; line-height:40px; margin-left:6px; color:#fff}
.search{border:1px solid #c30d23; overflow:hidden; background:#fff}
.search input,.search a{ height:30px; line-height:30px;  display:inline-block}

.Sinput{ background:#fff; color:#999; padding-left:10px; width:67%}
.Einput{ background:#c30d23; color:#fff !important;  text-align:center;width:30%; cursor:pointer}
.flexslider{position:relative}
.flexslider img{ width:100%}
.flex-control-nav{position:absolute; bottom:5px;z-index:12;width:100%;text-align:center; left:0;margin:0; padding:0 }
.flex-control-nav li{display:inline-block;width:12px;height:10px;margin:0 4px;*display:inline;zoom:1}
.flex-control-nav a{ display:block;width:12px;height:10px;line-height:40px;overflow:hidden;cursor:pointer; background:url(../images/banScorll_ico.png) no-repeat 0 0; padding:0; margin:0}
.flex-control-nav .flex-active{background-position:-22px 0px;}
.flex-direction-nav{width:100%; height:100%; position:absolute; top:0; z-index:5; display:none}
.content{ padding:20px 0}
.fast-h3,.fast-h3 span{ height:60px; line-height:60px; background:#E9E9E9;color:#999999; text-align:center}
.fast-h3 span{width:100px}
.fastNav{ margin:20px auto}
.tabNav{}
.fastNavUl{height:50px; border-bottom:1px solid #ccc}
.fastNavUl li{cursor:pointer; float:left;position:relative;width:33.33%;text-align:center}
.fastNavUl li a{line-height:47px; border-bottom:3px solid #ccc}
.fastNavUl li.on a:hover,.fastNavUl li.on a::after,.fastNavUl li.on a{border-bottom:3px solid #8BC33B; color:#8BC33B}
.fastItem{margin:0 auto;display:none}
.fastItem a{ display:block; float:left; width:25%; text-align:center; margin-bottom:15px}

.hot-pro{ display:block; width:100%; }
.hot-img{position:relative}
.hot-img>img,.hotUl li img{ width:100%}
.hot-txt{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.5); padding:10px 20px}
.hot-txt h3,.hotUl-txt h3{ color:#fff; height:30px; line-height:30px}
.hot-txt p,.hotUl-txt p,.prodetail-plate h3,.text p i{ color:#FF8A00}
.hot-txt img{ height:30px}
.hotUl{ padding:20px  0px;background:#eee;}
.hotUl li{ float:left; width:31.3%; margin:0 1%}
.hotUl-txt{padding-top: 10px;
    background: #fff;
    padding: 7px;}
.hotUl-txt h3,.span-text,.prodetail-plate h3 i{ color:#333}
.hotUl-txt span{ display:block; overflow:hidden}
.hotUl-txt span h3{ float:left}
.hotUl-txt span p{ float:right}
.span-text,.raidersNew a{ height:30px; line-height:30px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.borderS{ border-top:20px solid #ccc; margin-bottom:30px}
.raiders{}
.raidersNew{ margin-top:20px; padding:0 10px;float:left;width:48%;}
.raidersNew a{ display:block; margin-bottom:5px; background:url(../images/li-bj.png) no-repeat left center; padding-left:30px}
.footer{ background:#DDDDDD; padding:10px 20px; margin-bottom:40px}
.footTxt{ text-align:center}
.footTxt{ line-height:30px}
.footTxt i{ margin:0 12px; font-size:13px; color:#999}
.bottomF{ position:fixed; left:0; bottom:0;text-align:center; width:100%; z-index:9999}
.bottomF>div{ background:rgba(0,0,0,0.5); padding:8px 0; overflow:hidden}
.telD{ margin-left:6px}
.telD{ color:#c30d23; line-height:30px; font-size:18px}
.bottomF em
{
	color:#5FC2D1; line-height:30px; font-size:18px
}
.divA a{ color:#fff; height:30px; line-height:30px; display:inline-block; margin:0 3px; padding:0 10px; border-radius:6px}
.bottomF i,.bottomF em{ float:left}
.bottomF i{ display:inline-block; width:30px; height:30px}
.tel{font-size:30px;color:#5FC2D1;}
/*.bh{ background:#f08e17}*/
.zx,.bh{ background:#5FC2D1}
/*pordetail*/
.proHeader{ position:fixed; width:100%; left:0; top:0; z-index:9999}
.top{ height:40px; line-height:40px; background:#89C440; padding:0 10px; position:relative; color:#fff}
.back{ position:absolute; left:10px; top:0}
.back img{ margin-top:8px}
.top h3{ text-align:center}
.proBan{background-repeat:no-repeat;background-position:left center;background-size:cover}
.proBan img{ width:100%}
.proCentent{ margin-top:129px}
.proNav{ height:40px; background:#5FC2D1; text-align:center;margin-top: -10px; }
.proNav a{color:#fff; line-height:40px; width:24.7%; float:left; font-size:14px;}
.proNav a:hover,.styA{ background:#66DAEB;} 
.proNav span{ color:#fff; margin:0 2%}
.prodetail-plate{ padding:20px 0}
.prodetail-plate h3,.prodetail-plate p,.spanS span,.spanP,.prodetail-plate h2{ text-align:center}
.spanS{ overflow:hidden; margin:30px auto 10px}
.spanS span{ background:#eee;color:#666;width: 22%;margin-right: 1%; height:35px; line-height:35px; display:inline-block; margin-left:0.5%}
.prodetail-Text{ margin-bottom:30px}
.prodetail-Text h3{ background:#eee; color:#666; padding:5px 10px; margin-bottom:10px}
.prodetail-Text p{ line-height:25px; padding:0 10px}
.frame{ height:480px; width:100%}
.proZUl{ overflow:hidden}
.proZUl li{ width:46%; float:left; margin:0 2% 2% 2%}
.proZUl li img,.item li img{ width:100%}
.proZUl li p{ height:30px; line-height:30px; overflow:hidden; text-align:center; font-size:16px}
.item{margin:20px 0}
.item li{display:block;float:left;width:46%;overflow:hidden; height:auto; position:relative; margin:0 2% 2%}
.item li a span{ display:block;width:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); line-height:20px; overflow:hidden; padding:0px 10px; text-align:center;color:#fff}
.item li em{display:block; font-size:16px; float:left}
.item li h2{ height:30px; font-size:18px; color:#F93; float:right}
#mdxq_mubei_layer,.layui-layer{ width:90% !important; margin:20px auto}

/*products*/
.text p{ text-align:left !important; height:25px !important; line-height:25px !important}



.pro-list li {
    float: left;
    width: 31.3%;
    margin: 0 1%;
	margin-bottom:10px;
}
.pro-list li img {
    width: 100%;
}
.pro-list  {
    padding: 10px  0px;
	background:#eee;
}
.hotUl-txts {
	background:#fff;
	text-align:center;
	padding-bottom:5px;
}
.hotUl-txts h3 {
    color: #333;
    height: 23px;
	font-size:14px;
    line-height:22px;
}
.hotUl-txts h2 {
    color: #333;
    height: 20px;
	font-size:12px;
    line-height: 9px;
}
.hotUl-txts p{
	    color: #FF8A00;
		font-size:14px;
		line-height:9px;
	}
.serUl li{
	float: left;
    width: 48%;
    margin: 0 1%;}
.serUl li a{    position: relative;}
.secStxt {
    width: 100%;
    height:45px;
    position: absolute;
    left: 0;
    bottom:0px;
    text-align: center;
    background: rgba(255,255,255,0.7);
}
.secStxt h3 {
    font-size: 15px;
    margin: 10px 0 20px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
	color:#000;
}

.serUl li img{width:100%;}
.serUl{padding: 20px 0px;background:#eee;}	
	
.hotUls li {
    float: left;
    height:150px;
    width:33.3%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position:relative;
}	
.serTd {
    width: 100%;
    height: 100%;
    vertical-align: middle;
	margin-top:50px;
}
.serTd h3 {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    padding: 4px 0 10px;
    letter-spacing: 3px;
	margin-top:30px;
}
.txt {
    overflow: hidden;
    font-size: 15px;
	color:#fff;
	text-align:center;
	margin-top:40px;
	position:absolute;
	bottom:0px;
	width:100%;
	height:90px;
}
.winLi {
    width: 100%;
	border:1px solid red;
}
.rep{
position:relative;
}
.img-absol{
	 position:absolute;
	 position:absolute;
	 top:35%;
	 left:40%;
	}
	#allmap {height:240px;width:100%;overflow: hidden;}
	#result {width:100%;font-size:12px;}	
.index_zt_ys{
	padding: 20px 0px;
	background:#eee;
	margin-top:20px;
	}
.index_zt_ys ul {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.index_zt_ys ul li {
    width: 33%;
    float: left;
    text-align: center;
}
.index_zt_ys p {
    color: #eda933;
    width: 98%;
    text-align: center;
    background: #fff;
    margin: 0 1%;
    float: left;
    padding: 10px 0;
	font-size:16px;
}
.index_zt_ys a img{width:100%;}
.mapp-bottom i img {
    width: 25px;
    height: 23px;
    margin-right: 10px;
}
/*.mapp-bottom div {
    margin: 10px 10px;
}*/
.mapp-bottom p{line-height:22px;}
.layui-layer-content img{width:100%;}

@media only screen and (max-width: 640px){
.divbody{ width:100%}
.footer{ padding:10px}
.proCentent{ margin-top:98px}
.left-span{width:10%}
.left-p{width:85%}
}
@media only screen and (max-width: 600px){

}
@media only screen and (max-width: 530px){
.hot-txt h3,.hot-txt p,.hotUl-txt h3,.hotUl-txt p,.hotUl-txt span,.raidersNew a{ font-size:14px}
.fastNavUl li a{ font-size:16px}
.fast-h3{ font-size:20px}
.hotUl .hotUl-txt h3,.footTxt{ font-size:12px}
}
	
@media only screen and (max-width:440px){
}
@media only screen and (max-width:420px){
.add{ float:right; margin-right:30px}
.logo{ margin-bottom:10px}
.search{ float:none; width:100%; overflow:hidden}
.img-absol{
	 position:absolute;
	 position:absolute;
	 top:40%;
	 left:40%;
	}
.pro-list li img {
    width: 100%;
    height: 117px;
}	
}
@media only screen and (max-width:384px){
.bottomF ul li{}


}

@media only screen and (max-width:360px){
.item li em{ font-size:12px;}
.item li h2{ font-size:14px;}
}

@media only screen and (max-width: 350px){	
	.proCentent{ margin-top:112px}
	
}
@media only screen and (max-width:320px){
	
}