/*common公用的*/
.bg_f8{background: #f8f8f8;}
.bg_f5{background-color: #F6F6F5;}
.noscroll{overflow: hidden;height: 100%;position: fixed;top: 0;right: 0;bottom: 0;left: 0; }
.content{padding: 0 1rem;background: #FFFFFF;position: relative;}
.bor_top{border-top: 1px solid #EBEBEB;}
.icon-t{position: absolute;top: 0;left: 0;width: 0.9rem;display: flex;}
/*header*/
.header{width: 100%;}
.header ul{position: fixed;top: 0;left: 0;right: 0;padding: 0 1rem;line-height: 4rem;z-index: 101;background: #11A3E7;}
.header ul li,.header_01 ul li{float: left;color: #FFFFFF;height: 4rem;}
.header_black,.header_list{width: 15%;}
.header_list{text-align: right;font-size: 1rem;width: 15%;}
.header_name{width: 70%;text-align: center;font-size: 1.2rem;}
.header_01{position: fixed;top: 0;left: 0;right: 0;padding: 0 1rem;line-height: 4rem;z-index: 101;background-image: url(../../img/common/head_1.png);background-size: 100% 100%;}
header .black{width: 1rem;}
.header ul li a,.header_01 ul li{display: block;}

/*列表头部*/
.header-build{width: 10rem;height:1.333rem;left:50%;top:0;margin-left: -5rem;z-index: 10;position: fixed;background-color: #FFF;}
.header-logo span{background-size: 1.319rem 0.556rem;width: 1.319rem;height: 0.556rem;position: absolute;left: 0.375rem;top:0.468rem;}
.header-search{position: absolute;top: 0.389rem;left: 2.181rem;width: 5.978rem;outline: none;border: none;background-color: #F3FBFF;border-radius: 0.111rem;text-indent:0.5rem;font-size: 0.278rem;color:#CCC;padding: 0.208rem 0;}
input.header-search::-webkit-input-placeholder {font-size: 0.278rem;color:#CCC;text-align: center;text-indent:0;}
input.header-search:-ms-input-placeholder {font-size: 0.278rem;color:#CCC;text-align: center;text-indent:0;}
input.header-search:-moz-placeholder {font-size: 0.278rem;color:#CCC;text-align: center;text-indent:0;}
input.header-search::-moz-placeholder { font-size: 0.278rem;color:#CCC;text-align: center;text-indent:0;}
.header-city{position: absolute;left: 8.625rem;top: 0.577rem;font-size: 0.306rem;color:#666}

/*seach搜索*/
.nav{height: 4.6rem;}
.seach{background: #11A3E7;position: fixed;top: 0;left: 0;right: 0;padding: 0.8rem 0rem;z-index: 106;height: 3rem;}
.logo{width: 18%;height: 3rem;float: left;margin-left: 1rem;margin-top: 0.3rem;}
.logo img{width: 100%;}
.seach_city{width: 19%;height: 3rem;float: left;color: #FFFFFF;line-height: 3rem;}
.seach_city .seach_box{width: 73%;margin: 0 auto;position: relative;text-align: center;}
.seach_city label{font-size: 1.1rem;position: relative;display: inline-block;line-height: 3rem;}
.seach_city i{width: 0.8rem;position: absolute;top: 0;right: -1rem;}
.seach_citys{position: absolute;top: 3rem;left: 0rem;right: -1rem;background: rgba(255,255,255,0.95);color: #333333;line-height: 3rem;box-shadow: 0 0 5px rgba(0,0,0,0.3);border-radius: 0.2rem;-moz-border-radius: 0.2rem;-webkit-border-radius: 0.2rem;padding: 0 0.5rem;z-index: 200;display: none;}
.seach_citys a{font-size: 0.9rem;display: block;border-bottom: 1px solid #EBEBEB;color: #333333;}
.seach_citys li:last-child a{border-bottom: none;}
.seach_build{width: 77%;float: right;color: #FFFFFF;position: relative;}
.seach_div{position: relative;width: 81%;height: 2rem;line-height: 2rem;border: none;border-radius: 2rem;-moz-border-radius: 2rem;-webkit-border-radius: 2rem;background-color: rgba(16, 148, 209, 0.9);opacity: 0.9;color: #FFFFFF;padding: 0.5rem  1rem;font-size: 1.1rem;}
.seach_place{float: left;width: 23%;border-right: 1px solid  rgba(255, 255, 255, 0.6);}
.seach_drop{display: inline-block;width: 0.8rem;margin-left: 0.5rem;position: relative; top:-0.1rem;}
.seach_drop img{width: 100%;}
.seach_input{display: inline-block;width: 75%;}
.seach_input input{width: 85%;text-indent: 1.5rem;font-size: 1.1rem;color: #fff;height:inherit;background: rgba(16, 148, 209, 0.9);border: none;outline: none;}
.seach_input input::-webkit-input-placeholder{font-size: 1.1rem;color: #7ecef3;}
.seach_input input::-moz-placeholder{font-size: 1.1rem;color: #7ecef3;}
.seach_input input:-ms-input-placeholder{font-size: 1.1rem;color: #7ecef3;}
.seach_input input:focus{border: none;}
.seach_link{display: inline-block;width: 1.5rem;position: relative;top: -0.1rem;}
.seach_link img{width: 100%;}


/*footer*/
.footer{height: 6rem;}
footer{border-top: 1px solid #EBEBEB;background: #FFFFFF;margin-top: 2rem;position: fixed;left: 0;right: 0;bottom: 0;z-index: 105;}
footer ul li{width: 25%;float: left;text-align: center;}
footer ul li a{display: inline-block;width: 100%;height: 100%;padding: 0.5rem 0;}
footer ul li i{width: 2rem;height: 2rem;margin: 0 auto;}
footer ul li p{color: #666666;font-size: 0.9rem;margin-top: 0.3rem;}
footer .default_2{display: none;}
footer ul .active p{color: #11A3E7;}
footer ul .active .default_1{display: none;}
footer ul .active .default_2{display: block !important;}

/*搜索框遮罩层*/
.searchWrapper{z-index: 999;position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,.6);width: 100%;height: 100%;}
.searchMain{z-index: 1000;width: 10rem;background-color: #FFF;position: fixed;left: 50%;margin-left: -5rem;top: 0;}
.searchInput{position: relative;margin: .22222222rem 0 .22222222rem .20833333rem;font-size: 0;}
.searchInput-ipt{padding: .26388888rem 0 .26388888rem .27777777rem;width: 8.11111111rem;background-color: #E3EAEE;border: none;outline: none;font-size: .38888888rem;border-radius: .11111111rem;}
.searchInput-ipt::-webkit-input-placeholder {font-size: .38888888rem;color:#999;text-indent:0;}
.searchInput-ipt:-ms-input-placeholder {font-size: .38888888rem;color:#999;text-indent:0;}
.searchInput-ipt:-moz-placeholder {font-size: .38888888rem;color:#999;text-indent:0;}
.searchInput-ipt::-moz-placeholder {font-size: .38888888rem;color:#999;text-indent:0;}
.searchLine{position: absolute;top: .20388888rem;left: 7.18055555rem;width: 1px;height: .54888888rem;background-color: #CCC;}
.searchInput-btn{position: absolute;left: 7.56944444rem;top:.29388888rem;width: .43055555rem;height: .43055555rem;z-index: 1001;}
.searchInput-btn img{width: 100%;height: 100%;}
.search-close{position: absolute;right: .31944444rem;top: .26388888rem;font-size: .38888888rem;color:#000;}
.search-list li:first-child{border-top: 1px solid #E0E0E0;}
.search-list li{color:#000;font-size: .44444444rem;line-height: .44444444rem;padding: .44444444rem 0 .44444444rem .27777777rem;border-bottom: 1px solid #E0E0E0;box-shadow: 0 1px 0 0 #E0E0E0;}


/*选择城市遮罩层*/
.cityWrapper {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, .6);z-index: 999; transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);}
.cityMain {width:8.79166666rem;max-height:10rem;height: 10rem;overflow-y: auto;background: #FFF;-moz-border-radius: .13333333rem;-webkit-border-radius: .13333333rem;border-radius: .13333333rem;position: fixed;left: 50%;margin-left: -4.39583333rem;top: 50%;margin-top: -5rem;padding: 0 0 .48rem;z-index: 1000;}
.cityMain::-webkit-scrollbar{background-color:transparent;width: 0;}
.cityTop {color: #000;padding: 0.48611111rem 0;font-size: 0.41666666rem;text-align: center;position: relative;border-bottom: 1px solid #E0E0E0;}
/*.closeCity{position: absolute;right: -0.29861111rem;top: -0.29861111rem;width: 0.59722222rem;height: 0.59721111rem;z-index: 333;}
*/
.closeCity{margin-top: -5.3rem; margin-left: 4.07rem; position: absolute; left: 50%; top: 50%; width: 0.59722222rem; height: 0.59721111rem; z-index: 333333;}
.closeCity img{width: 100%;height: 100%;}
.listCity {margin:.25rem 0 0 0.50999999rem;font-size: 0;}
.listCity li {float: left;display: inline;margin: 0.51388888rem 0.59111111rem 0 0;}
.listCity li a {display: block;background: #FFF;color: #666;border: 1px solid #CCC;text-align:center;width:2rem;padding: 0.27777777rem 0;border-radius: 0.13888888rem;font-size: 0.41666666rem;}
.listCity li a.current {color: #FFF;background: #0085da;border-color:#0085da;}

/*电话联系*/
.bottom-fixed{margin-top: 1rem;}
.contact-us{background-color: #FFF;padding: 0.20833333rem 0;text-align: center;position: fixed;bottom: 0;width: 10rem;z-index: 111;margin-top: 1rem;border-top: 1px solid #E0E0E0;}
.navigation{float: left;margin-left: 0.95833333rem;}
.navigation-img{width: 0.41666666rem;height: 0.41666666rem;padding-bottom: 0.13888888rem;}
.navigation-img img{width: 100%;height: 100%;}
.navigation p{font-size: 0.25rem;line-height: 0.25rem;color:#666;margin-left: -0.15555555rem;}
.phone,.showroom{margin-left: 0.65277777rem;float: left;position: relative;display: inline-block;font-size: 0.33333333rem;line-height:0.33333333rem;background-color: #0085da;border-radius: 0.41666666rem;color:#FFF;padding: 0.12222222rem 0.59722222rem 0.22222222rem;}
.phone::before,.showroom::before{content: '';background: url(../images/hd_6.png) no-repeat;width: 0.41666666rem;height: 0.41666666rem;display: inline-block;background-size: 100% 100%;position: relative;top: 0.1rem;margin-right: 0.19444444rem;}
.not-wechat{margin-left: 0;float: none;margin:0 0.32633333rem;padding: 0.12222222rem 0.89722222rem 0.22222222rem;}
.showroom::before{background: url(../images/hd_7.png) no-repeat;background-size: 100% 100%;}


.messageMasking{z-index: 999;transform-origin: 0px 0px 0px;opacity: 1;transform: scale(1, 1);width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, .6);}
.messageMaskingClose{position: absolute;right: -0.29861111rem;top: -0.29861111rem;width: 0.59722222rem;height: 0.59721111rem;z-index: 333;}
.messageMaskingClose img{width: 100%;height: 100%;}
.message{width: 6.5rem;height: 8.3rem;font-size: 0;background: #EDEDED;-moz-border-radius: .13888888rem;-webkit-border-radius: .13888888rem;border-radius: .13888888rem;position: fixed;top: 50%;left: 50%;margin-top: -4.15rem;margin-left: -3.25rem;z-index: 1000;}
.messageTable,.messageSuccess{position: relative;margin: 0 auto;}
.messageTitle{height: .5rem;font-size: .35555555rem;color:#FFF;background-color: #0085da;padding: .133rem .233rem;border-top-left-radius: .13888888rem;-moz-border-top-left-radius: .13888888rem;-ms-border-top-left-radius: .13888888rem;-webkit-border-top-left-radius: .13888888rem;}
.messageProcess{font-size: .35555555rem;color:#0085da;padding: .133rem .233rem;}
.messageContant{font-size: .30333333rem;color:#A6A6A6;padding: 0 .233rem .133rem;border-bottom: 1px solid #D5D5D5;}
.messageTel,.messageDemand{outline: none;border: 1px solid #D5D5D5;color:#B2B2B2;margin: .133rem .233rem;width: 5.55rem;padding: .2rem;font-size: .35555555rem;-moz-border-radius: .13888888rem;-webkit-border-radius: .13888888rem;border-radius: .13888888rem;}
.messageDemand{height: 2rem;}
.messageTel::-moz-placeholder,.messageDemand::-moz-placeholder{color: #b2b2b2;font-size: 0.35555555rem;}
.messageTel::-ms-input-placeholder,.messageDemand::-ms-input-placeholder{color: #b2b2b2;font-size: 0.35555555rem;}
.messageTel::-webkit-input-placeholder,.messageDemand::-webkit-input-placeholder{color: #b2b2b2;font-size: 0.35555555rem;}
.messageSubmit{text-align: center;margin: .133rem auto;}
.messageSubmit button,.messageSuccessClone button{border: none;font-size: .30333333rem;background-color: #0085da;color:#FFF;padding: .15rem .3rem;-moz-border-radius: .13888888rem;-webkit-border-radius: .13888888rem;border-radius: .13888888rem;}
.messageContact{text-align:center;font-size: .30333333rem;color:#B2B2B2;margin-top: .1333333rem;}

.messageSuccessTel{font-size: .30333333rem;text-align: center;margin: 0 auto;padding: .433rem 0 .233rem;}
.messageSuccessLogo{position: relative;text-align: center;margin: .533rem auto 0;}
.messageSuccessThank{font-size: .30333333rem;text-align: center;margin: 0 auto;padding-top: .233rem;}
.messageSuccessClone{text-align: center;margin: .233rem auto;}
.messageSuccessDetail{text-align: left;padding: .533rem .233rem 0;}
/*面包屑*/
.footer-bread{padding: 0.34722222rem 0.19444444rem 0.06333333rem 0.33333333rem;}
.footer-bread a{font-size: .29166666rem;line-height: .29166666rem;color:#333;}

/*loading*/
.loadingCon{text-align: center;margin-top: .2666rem;line-height: 1em;}
.loadingCon span{position: relative;top:.1em;margin-top: .2666rem;display: inline-block;}
.loading{display: inline-block; width: 1em; height: 1em; color: inherit; vertical-align: middle; pointer-events: none; border: .2em solid transparent; border-top-color: currentcolor; border-radius: 50%; -webkit-animation: 1s loading linear infinite; animation: 1s loading linear infinite; position: relative; }			
.loading:before { content: ''; display: block; width: inherit; height: inherit; position: absolute; top: -.2em; left: -.2em; border: .2em solid currentcolor; border-radius: 50%; opacity: .5; }
.noMore{text-align: center;margin-top: .2666rem;font-size: .36rem;}			
@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/**选择站点**/
.selectSiteMasking{width: 10rem;height: 100%;background-color: rgba(0,0,0,.6);position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 2000;font-size: 0;margin: 0 auto;}
.selectSiteList{width: 8rem;height: 3rem;position: fixed;top: 50%;left: 50%;margin-left: -4rem;margin-top: -1.5rem;z-index: 2100;background-color: #FFF;padding: .26666666rem;-moz-border-radius: .13333333rem;-webkit-border-radius: .13333333rem;border-radius: .13333333rem;}
.selectSiteTitle{font-size: .4rem;}
.selectSiteBtn{width: 100%;text-align: center;margin-top: .76666666rem;}
.selectSiteSubmit,.selectSiteCancal{display: inline-block;font-size: .4rem;width: 2rem;color:#FFF;text-align: center;height: 1rem;line-height: 1rem;background-color: #0085da;border: .025rem solid #0085da;cursor: pointer;border-radius: 20px;-moz-border-radius: .13333333rem;-webkit-border-radius: .13333333rem;border-radius: .13333333rem;}
.selectSiteCancal{color:#CCC;background-color: #F5F5F5;border-color:#F5F5F5;margin-left: .26666666rem;}