@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}
.connr{ width:960px; height: auto; margin: 0 auto; padding: 0; overflow:hidden;}
.con{ width:990px; height: auto; margin: 0 auto; padding: 0; overflow:hidden;}

/*第一部分*/
.phone{ display:none;}
.banner1{ width:100%; height:200px; overflow:hidden; background:url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/wx/images/banner01.jpg") no-repeat center; margin:0 auto; padding: 0;}
.banner2{ width:100%; height:200px; overflow:hidden; background:url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/wx/images/banner02.jpg") no-repeat center; margin:0 auto; padding: 0;}
.banner3{ width:100%; height:190px; overflow:hidden; background:url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/wx/images/banner03.jpg") no-repeat center; margin:0 auto; padding: 0;}
.banner4{ width:100%; height:auto; overflow:hidden; background:#72c6c6; margin: 0 auto; padding:40px 0; text-align:center;}
.banner4 h1{ font-size:38px;}
.banner4 h2{ font-size:22px; line-height:40px;}

.banner5{ width:100%; height:368px; overflow:hidden; background:url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/wx/images/banner05.jpg") no-repeat center; margin:0 auto; padding: 0;}
.wenben1{ width:80%; height: auto; font-size:38px; color:#11608b; margin:80px 30px 0 0 ; padding:0; font-weight:bold; text-indent:8px;}
.wenben2{ width:580px; height: 55px;  background:#2483bb; margin: 35px;}
.wenben2 a{ text-decoration:none; float:left;font-size:30px; color:#FFF; line-height:55px; margin:auto 12px;}
.wenben3{ width:65%; height:auto; overflow:hidden; text-align:center; padding:10px;}
.wenben3 p{ font-size:25px; color:#11608b; font-weight:bold;}

/*第二部分*/
.beijing{background:url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/wx/images/banner06.jpg") no-repeat center ;}
.banner6{ width:100%; height:auto; overflow:hidden; margin:0px auto auto auto; padding: 0;}
.weixin1{ width:330px; height:350px; background:#f6e801; text-align:center;overflow:hidden; float:left;}
.weixin1 h1{ font-size:31px; color:#FFF; padding:20px; margin-top:90px; font-weight:bold;}
.weixin1 h2{ font-size:14px; color:#FFF; margin: 15px 0;font-weight:bold;}
.wx1{ width:330px; height:350px; float:left; background:#efefeb; overflow:hidden; text-align:center;}
.wx1 img{margin:30px auto 0 auto;}
.wx1 p{ font-size:20px; padding:15px 0 0 0; font-weight:bolder;}
.red{ color:#d7000f;}

.weixin2{ width:330px; height:350px; background:#72c6c8; text-align:center;overflow:hidden; float:left;}
.weixin2 h1{ font-size:31px; color:#FFF; padding:20px; margin-top:90px;font-weight:bold; }
.weixin2 h2{ font-size:14px; color:#FFF; margin: 15px 0;font-weight:bold;}
#right{ float:right;}

.weixin3{ width:330px; height:350px; background:#f7b022; text-align:center;overflow:hidden; float:left;}
.weixin3 h1{ font-size:31px; color:#FFF; padding:20px; margin-top:120px;font-weight:bold; }
.weixin3 h2{ font-size:14px; color:#FFF; margin: 15px 0;font-weight:bold;}
.jiange{width:100%; height:50px;}

/*第三部分*/
.banner7{ width:100%; height:auto; overflow:hidden; background:#f6e801; margin: 40px auto; padding:40px 0; text-align:center;}
.banner7 h1{ font-size:38px;}
.banner7 h2{ font-size:22px; line-height:40px;}
.banner8{ width:100%; height:auto; overflow:hidden; margin:20px auto; padding: 0;}
.wxbox{ width:330px; height:auto; text-align:center; float: left;}
.wx2{ width:220px; height:220px; border:3px solid #cccdcc; border-radius:120px; overflow:hidden; margin: 30px auto auto auto; text-align:center}
.wx2 img{ margin-top:30px;}
.wxbox p{ font-size:23px; line-height:38px; margin:15px 0;}

/*底部链接*/
.banner9 { display:block; width:100%; height: auto ; margin: 0 auto; padding: 0; background:#72c6c8; text-align:center; line-height: 25px;}
.banner9 p{ margin: 0 auto; padding: 40px 0 ; font-size:16px; color: #FFF;}
.banner9 a{ text-decoration: none; color:#FFF;}
.banner9 a:hover{ text-decoration: underline;}


/*手机端*/
@media screen and (max-width:768px){
	
	.bannr{ display:none;}
	.phone{ display:block;}
	.banner_phone{width:100%; height:auto; overflow:hidden;}
	.banner_phone img{ position:relative; width:100%;}
	.part1{ width:97%; height:auto; overflow:hidden; border:2px solid #d6d2d2; border-radius:3px; margin: auto;}
	.wb1{font-size:1.1rem; color:#11608b;text-align:center;line-height:2rem; }
	.wb2{ width:80%; height:auto; background:#2483bb; margin:10px auto; color:#FFF; overflow:hidden;}
	.wb2 p{ margin:auto; float:left; font-size:0.75rem; line-height:1.2rem; padding:6px;}
	.wb3>p{ font-size:0.8rem; color:#11608b; text-align:center; padding:10px;}
	.part1>img{width:100%;}
	.part2{width:100%;  padding:15px 0; background:#f6e801; margin: 15px 0;}
	.part2>h1{ font-size:1rem; text-align:center; color:#FFF;}
	.part2>h2{ font-size:0.6rem; text-align: center; color:#FFF;}
	.part3{ width:70%; margin:auto;}
	.img2{ width:100%; }
	.wb4{ width:100%; height: auto; overflow: hidden; text-align:center; }
	.line{ width:100%; height:1px; background:linear-gradient(to left,#FFF,#757474,#FFF); margin: 15px 0 0 0;}
	.part4{width:100%;  padding:15px 0;  margin: 15px 0; background:#72c6c8;}
	.part4>h1{ font-size:1rem; text-align:center; color:#FFF;}
	.part4>h2{ font-size:0.6rem; text-align: center; color:#FFF;}
	
	.part5{width:100%;  padding:15px 0;  margin: 15px 0; background:#f7b022;}
	.part5>h1{ font-size:1rem; text-align:center; color:#FFF;}
	.part5>h2{ font-size:0.6rem; text-align: center; color:#FFF;}
	
	.part6{ width:13rem; height:13rem; border: 2px solid #b7b7b7; border-radius: 7rem; margin:30px auto; overflow:hidden;}
	.part6>img{ width:75%; margin:1.5rem;}
	.wb5{width:100%; height: auto; overflow: hidden; text-align:center; margin:20px auto;}
	
	.part7{ width:100%; height:auto; margin: 0 auto; background:#72c6c8; text-align:center; line-height: 0.8rem;padding:1.3rem 0 1.3rem 0;}
	.part7 p{ margin: 0 auto; font-size:0.5rem; color: #FFF;}
	.part7 a{ text-decoration: none; color:#FFF;}
	.part7 a:hover{ text-decoration: underline;}
}