.banner{width: 100%;margin: 0px auto;overflow: auto;height: 300px;background: url(../img/websitemap/banner.jpg) center center no-repeat;}
.banner .ban{width: 1200px;margin: 0px auto;overflow: hidden;font-size: 50px;text-align: center;line-height: 300px;color: #fff;font-weight: 500;}
.main{width: 100%;margin:0px auto;overflow: hidden;}
.bread{width: 1200px;margin: 20px auto;border-bottom: 1px dashed #eee;}
.bread li{float: left;line-height: 40px;color: #999;font-size: 16px;}
.bread li a{color: #666;}
.bread li a:hover{color: #e81a15;}
.bread li::after{content: ">";font-size: 16px;color: #999;margin: 0px 10px;}
.bread li:last-child::after{content: "";}
.m_1{width: 1200px;margin: 40px auto 60px;}
.title{font-size: 32px;position: relative;line-height: 32px;text-align: center;}
.title::after{width: 60px;height: 6px;background: linear-gradient(to right, #e50014, #f63704);content: "";position: absolute;bottom: -30px;left: 47.5%;}
.mul{width: 100%;margin: 40px auto 0px;text-align: center;box-sizing: border-box;}
.mul li{width: 262px;border-radius: 4px;line-height: 60px;margin: 30px 50px 0px 0px;font-size: 16px;box-shadow: 0px 5px 30px #dededea1;display: inline-block;background: #fff;}
.mul li:nth-child(4n),.mul li:last-child{margin-right: 0px;}
.mul li a{display: block;}
.mul li:hover{background: linear-gradient(to right, #e50014, #f63704);border: 0px;}
.mul li:hover a{color: #fff;}
.m_2{width: 100%;margin: 0px auto;overflow: hidden;background: #f9f9f9;padding: 60px 0px;}
.m{width: 1200px;margin: 0px auto;position: relative;}