.contact_us{background: url(../image/background/bg02.png) repeat;padding-bottom: 60px;}
.item{background: #fff;}
.item dl dd .top{ position: relative;}
.item .dt{background: url(../images/lanse.jpg) no-repeat;background-size:cover;color: #fff;font-size: 18px;font-weight: bold;line-height: 50px;position: relative;}
.item dl dd{color: #333;line-height: 49px;border: 1px solid #dedede;border-top: 0;font-size: 16px;cursor: pointer;}
.item .dd1{float: left;padding-left: 30px;width: 120px;}
.item .dd1 span{display: inline-block;width: 24px;text-align:center;height: 24px;line-height: 24px;border: 1px solid #a6a6a6;border-radius: 50%;font-family: arial;}
.item .dd2{float: left;}
.item .dd3{position: absolute;right: 27.5%;top: 0;}
.item .dd4{ position: absolute;right: 30px;top: 50%;margin-top:-9px;width: 18px;height: 18px;background: url(../images/aa1.png) no-repeat;}
.item dl dd.on .top{background: #a6a6a6;color: #fff;}
.item dl dd.on{border-color: #a6a6a6;}
.item dl dd.on .dd1 span{border-color: #fff;}
.item dl dd.on .dd4{transform:rotate(180deg);-webkit-transform:rotate(180deg);background: url(../images/aa.png) no-repeat;}
.enSale { display: none;}
.enSale .content{margin: 20px 120px;padding-bottom:20px;position: relative;}
.enSale .content:before{ position: absolute;left: 50%;top: 0;height: 95%;width: 1px;background: #D6D6D6;}
.enSale .content h3{line-height:30px;color: #404040;font-size: 16px;padding-left: 15px;background: url(../images/dian.png) no-repeat left center;}
.enSale .content .txt{ font-size: 13px;color: #8c8c8c;line-height: 24px;}
.enSale .content .fl{width: 45%;}
.enSale .content .fl .txt p span{color: rgb(51, 51, 51); font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 30px;}
.enSale .content .fr{width: 45%;}
.enSale .content .fr .txt p span{color: rgb(51, 51, 51); font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 30px;}
.enSale .shenqing{ width: 76px;text-align: center;height: 76px; line-height: 76px;background: #ee7700;color: #fff;border-radius: 50%;display: block;margin: auto auto;font-size: 14px;margin-bottom: 35px;}
.enSale .shenqing:hover{background: #1367B2;}
.editorScroll{ height: 400px;}
 .slimScrollBar{background: #4e81b0 !important;width: 6px !important;}
 .slimScrollRail{width: 6px !important;background: #e2e2e2 !important;border-radius: 3px !important;}
.chooseCity {height: 305px;}
.areaDL dd{ position: relative;padding: 20px 0 20px 0;border-bottom: 1px dashed #ebebeb;}
.areaDL dd .scaleImg{float: left; width: 30%;}
.areaDL dd .txt{float: left;width: 65%;padding-left: 3%; padding-right: 2%;}
.areaDL dd .txt h4{ font-weight: bold; font-size: 14px;color: #005bac;}
.contact_1{ padding: 64px 0;background: url(../images/ditubg.jpg) no-repeat center;background-size: cover  !important;}
.contact_1 .contactInfor{padding: 20px;background: url(../images/bs.png) repeat;}
.contact_1 .contactInfor .infor{ width: 65%;}
.contact_1 .contactInfor .fr{ width: 31%; margin-top:-40%}
.contact_1 .contactInfor .fr>h2{ font-size: 23px;font-weight: bold;color: #005bac;padding-top:20px;}
.contact_1 .contactInfor .fr .txt{font-size: 14px;color: #666;line-height: 20px;margin-top: 25px;}
.contact_1 .contactInfor .fr .txt p{padding: 5px 0;}
.contact_1 .contactInfor .wechat a{display: inline-block;margin:auto;text-align: center; margin-top: 30px; font-size: 14px;color: #333333;}
.contact_1 .contactInfor .wechat a img{ width: 190px;}
#map{ width: 100%; height: 460px;border: 1px solid #ccc;}
.BMap_pop .BMap_top{border-top: 0;}
.BMap_pop .BMap_center{border-left: 0;border-right: 0;}
.BMap_pop .BMap_bottom{}
.BMap_pop div{ border:0 !important;}
.BMapLabel{display: none !important;}


.onlineService{background: url(../images/zcbg3.jpg) no-repeat;background-size: cover !important;padding: 60px 0;}
.formSubmit{float: right;width: 56%;background: url(../images/bai.png) repeat;}
.formSubmit .form{ padding:20px 50px;}
.formSubmit .form .dd{font-size: 14px; position: relative;padding-left: 72px;line-height: 52px;border-bottom: 1px solid #cccccc;}
.formSubmit .form .dd span{position: absolute;left: 0;top: 0;}
.formSubmit .form .dd input[type=text]{border: none;width: 100%;background: transparent;*line-height: 52px;height: 52px;}
.formSubmit .form .dd input[type=radio]{width: 14px;height: 14px;-webkit-appearance: radio;position: relative;top: 2px;margin-left: 10px;margin-right: 5px;}
.formSubmit .form .dd textarea{border: none;width: 100%;height: 80px;background: transparent;margin-top: 17px;}
.formSubmit .form .submit input{ width: 100%;height: 38px;line-height: 38px;text-align: center;color: #fe7f00;background: #424242;border: none;transition:0.5s;-webkit-transition: 0.5s;}
.formSubmit .form .submit{margin-top: 20px;}
.formSubmit .form .submit input:hover{cursor: pointer;background: #005BAC;color: #fff;}
.onlineService .autoWidth{position: relative;}
.onlineService .titleH1 h1{font-weight: bold;font-size: 40px;font-family: arial;text-transform: uppercase;}
.onlineService .titleH1 h2{font-size: 28px;}
.onlineService .titleH1{text-align: left;color: #fff;position: absolute;left: 0;top: 50%;margin-top:-70px;}
.onlineService .titleH1 h2 span{background: #fff;display: inline-block;*display: inline;*zoom: 1;width: 60px;height: 3px;}



@media only screen and (max-width:1200px) {
	.enSale .content{ margin: 20px 30px;}
	.contact_1 .contactInfor .fr>h2{ padding-top: 15px; font-size: 18px; max-height:40px;}
}
@media only screen and (max-width:640px) {
	.contact_1 .contactInfor .infor,.contact_1 .contactInfor .fr{ width: 100%; text-align:center;}
	#map{ height: 230px;}
	.contact_1 .contactInfor .fr .txt{ float: left;width: 50%;}
	.onlineService .titleH1 h1{font-size: 36px;}
	.onlineService .titleH1 h2{font-size: 24px;}
	.onlineService .titleH1{ padding-top: 35px;}
}


@media only screen and (max-width:640px) {
	.item{ margin-top: 15px;}
	.enSale .shenqing{ display: none;}
	.item .dt{ line-height: 40px; font-size: 16px;}
	.item .dd1{ padding-left: 15px; width: 90px;}
	.item dl dd{ line-height: 39px;font-size: 15px;}
	.editorScroll{ height: 320px;}
	.areaDL dd{ padding: 10px 0;}
	.areaDL dd .txt{ font-size: 12px;}
	.contact_us{ padding-bottom: 25px;}
	.contact_1 .contactInfor .fr .txt{ float: none;width:100%;}
	.contact_1 { padding: 2.5% 0;}
	.contact_1 .contactInfor .fr .txt p{padding: 0;}
	.formSubmit{ width: 100%;float: none;margin-top: 15px;}
	.onlineService{ padding: 15px 0 2.5% 0;}
	.formSubmit .form{padding: 20px;}
	.formSubmit .form .dd input[type=radio]{top: 0;}
	.onlineService .titleH1{position: static;margin-top: 0;text-align: center;color: #fff; padding-top: 3%;}
	.onlineService .titleH1 h2 span{background: #fff;}
	.onlineService .titleH1 h1{ font-size: 26px;}
	.onlineService .titleH1 h2{ font-size: 20px;}
	
	
}

@media only screen and (max-width:480px) {
	.editorScroll{ height: auto;}
	.item dl dd{font-size: 14px;}
	.item .dd1{ width: 60px;}
	.item .dd1 span{ font-size: 12px; height: 18px;line-height: 18px;width: 18px;position: relative;top: -1px;}
	.item .dd3{ right: 50px;}
	.item .dd4{ right: 15px;}
	.enSale .content h3{ font-size: 14px;}
	.enSale .content .fl,.enSale .content .fr{ width: 100%;}
	.enSale .content:before{ width: 0;}
	.enSale .content .txt{ font-size: 12px;}
	.enSale .content{ margin: 15px 20px;}
	.item .slimScrollBar,.item .slimScrollRail{ display: none !important;}
	.contact_1 .contactInfor{ padding: 9px;}
	.areaDL dd .txt p{ font-size: 10px;}
	.contact_1 .contactInfor .fr .txt,.contact_1 .padding .wechat a{ font-size: 12px; margin-top: 10px;}
	#map{ border: none; height: 190px;}
	.contact_1 .contactInfor .fr>h2{ font-size: 16px;}
}






























