*{margin:0;padding:0;font-family:"Microsoft Yahei","Helvetica Neue","Helvetica,Arial","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Source Han Sans SC Regular",sans-serif}
a{text-decoration:none;color:#333}
a img{border:0}
ul{list-style:none}
.clear{clear:both}
#top_contact .top1>span{margin-top:0!important}
.banner{width:100%;height:480px;background:url(../../ltld/hdnm/banner.jpg) no-repeat center top;margin-top:129px;}
.hdn1{width:1100px;margin:0 auto;margin-top:40px}
.hdn1_1{float:left;margin-top:125px}
.hdn1>img{float:right}
.hdn1_1>div{float:left;margin-left:10px}
.hdn1_1>div h2{font-size:22px;color:#189ed9;font-weight:400}
.hdn1_1>div span{font-size:16px;color:#666}
.hdn1_1>div p{font-size:20px;color:#ccc}
.hdn1_1>b{display:block;width:5px;height:90px;background:#ccc;float:left;margin-top:5px}
.hdn2{width:100%;height:418px;background:url(../../ltld/hdnm/1.jpg) no-repeat right top;margin-top:40px}
.hdn2_1{width:1100px;margin:0 auto}
.hdn2_1>div{width:550px;height:330px;background:rgba(255,255,255,.5);float:right;margin-top:45px}
.hdn2_11>div{float:left;margin-left:10px;margin-top:103px}
.hdn2_11>div h2{font-size:22px;color:#189ed9;font-weight:400}
.hdn2_11>div span{font-size:16px;color:#666}
.hdn2_11>div p{font-size:20px;color:#ccc}
.hdn2_11>b{display:block;width:5px;height:90px;background:#ccc;float:left;margin-top:108px;margin-left:63px}
.hdn3{margin-top:80px}
.hdn3>p{font-size:26px;color:#189ed9;margin-top:25px;display:inline-block;float:left;}
.cs9{margin-top:50px;margin-bottom:10px}
.tj_2{width:1100px;height:300px;margin:0 auto;margin-top:30px}
#xinxi tr{width:1100px;height:40px;line-height:40px}
#xinxi td{width:450px;height:40px;border-spacing:30px}
#xinxi b{color:red}
#xinxi input{width:200px;height:30px;border:1px solid #ddd;background:#fff}
#xinxi input+span{width:150px;display:block;float:right;margin-top:6px;height:30px;line-height:30px;margin-right:15px;font-size:14px}
#button{width:265px;height:35px;line-height:30px;background:#06c;font-size:20px;color:#fff;border:0;font-size:16px}
.tell{width:200px;height:235px;float:right;box-shadow:19px 22px 56px -18px #ddd}
#xinxi{float:left}
.tell p{font-size:16px;color:#333;line-height:30px;margin-top:25px}
.tell p span{font-size:14px;color:#666;line-height:26px;margin-top:15px;display:inline-block}
.tell a{display:block;float:left;margin-top:20px;margin-left:20px}
.tell .wx{position:relative}
.tell .wx .wx1{position:absolute;top:-27px;right:90px;display:none}
.tell .wx:hover>.wx1{display:block}
.zs h2{font-size:26px;color:#666;font-weight:400;text-align:center}


body{min-width: 1200px;}
@media only screen and (max-width: 768px) {
	body{min-width: 320px;}
	.banner{background-size: auto 100%;height: 280px;margin:0;}
	.hdn1{width: 100%;}
	.hdn1_1>div h2,.hdn2_11>div h2{font-size: 20px;}
	.hdn1_1>div p,.hdn2_11>div p{font-size: 18px;}
	.hdn1_1{margin-top: 20px;}
	.hdn1>img{width: 200px;float: left;margin-left: 10px;}
	.hdn2{background-size: auto 100%;height: 280px;}
	.hdn2_1{width: 100%;padding-top: 44px;}
	.hdn2_1>div{width: 80%;margin: 0 auto;float: none;height: 200px;}
	.hdn2_11>b{margin-top: 58px;}
	.hdn2_11>div{margin-top: 53px;}
	.hdn3>p{font-size: 18px;}
	.hdn4>img{width: 355px;}
	.cs9{margin-top: 25px;margin-bottom:16vw;}
	.tell{display: none;}
	.tj_2{width: 100%;height:auto;display:inline-block;margin-bottom:0;}
    #xinxi{display: block;overflow: hidden;width: 99%;margin:0 auto;}
    tbody{display: block;overflow: hidden;width: 100%;}
  	#xinxi tr{width:100% !important; height: auto;line-height:40px;display: inline-block;}
	#xinxi td{width: 100%;height:auto;display: inline-block;}
  	#xinxi td span{display:block;float:left;}
  	#xinxi td input{float:left;}
  	.hjd{width:75px; margin-right:0 !important;}
}
@media only screen and (max-width: 640px) {
	.hdn1_1>b,.hdn2_11>b{display:none;}
	.hdn1>img{float: right}
	.hdn1_1{width: 55%;}
	.hdn2_11>div{width: 97%;margin: 0 auto;margin-top: 53px;}
	.hdn3{width: 40% !important;}
	.hdn4>img{margin-top: 20px;width: 320px;}
	/*浮动*/
	.social_nav5{display:block !important;}
	.social_nav5{height:82px;position:fixed; bottom:0; min-width:320px; max-width:640px; width:100%;  z-index:999; background: #232323; display:none;}
	.social_nav5 li{width:25%; float:left; position:relative; text-align:center; color:#fff;line-height:1rem; height:5.33rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
	.social_nav5 li:last-child{border-right:none;}
	.social_nav5 li em{ width:50%; display:block; margin:0 auto; padding:0.5rem 0 0.1rem 0;}
	.social_nav5 li em img{ width:91%; height:auto;}
	.social_nav5 li a{ color:#fff;}
	.social_nav5 li.cur{ color:#fff;}
	.social_nav5 li .erji{ position:absolute;bottom:5.33rem; left:0; width:100%; text-align:left; background:#33c2ec; display:none;opacity: 0.9; }
	.social_nav5 li .erji a{ display:block;line-height:20px; font-size:1rem; line-height:2rem;position:relative; text-align:center;  color:#fff;}
	.social_nav5 li .erji a:last-child{border-bottom:none;}
}
@media only screen and (max-width: 555px) {
	.banner{height: 200px;}
	.hdn3{width: 99% !important;margin: 0 auto;float: none;}
	.hdn4>img{width: 100%;float: none;margin-left: 0;margin-top: 20px;}
	.hdn1_1>div{width: 100%;}
}
@media only screen and (max-width: 470px) {
	.hdn1_1{width: 99%;margin: 0 auto;float: none;}
	.hdn1>img{width: 100%;float: none;margin-left: 0;margin-top: 15px;}
	.hdn1,.hdn2{margin-top: 20px;}
	.hdn2_1>div{width: 98%;}
	.social_nav5{height: 74px;}
}
@media only screen and (max-width: 400px) {
	.banner{height: 160px;}
	.social_nav5{height: 67px;}
	.cs9{margin-bottom: 62px;}
}