.main01{position: relative; width: 80%; border-radius: 5px; padding: 0 30px; margin:50px auto 0 auto; overflow: hidden;}
.main01 .bd{overflow: hidden;}
.main01 .bd ul li{float: left; position: relative; margin-right: 0.32rem; width: 3.76rem; border-radius: 5px; overflow: hidden;}
.main01 .bd ul li img{display: block; width: 100%; height: 2.3rem;}
.main01 .bd ul li font{position: absolute; top: 0px; width: 100%; height: 2.3rem;}
.main01 .bd ul li:hover font{background: rgba(255, 255, 255, 0.1);}
.main01 span{position: absolute; left: 0; z-index: 1; width: 50px; height: 50px; cursor: pointer; color: #fff; font-size: 35px; top: 50%; margin-top: -28px; border-radius: 30px; border: 3px solid #fff; box-shadow: 0 0 3px #dedede; text-align: center; line-height: 50px; background: #2776fc;}
.main01 span.prev{left: inherit; right: 0;}

.main02{width: 80%; margin: 50px auto 0 auto; overflow: hidden;}
.main02 .hd{line-height: 40px; overflow: hidden;}
.main02 .hd h4{font-size: 22px; float: left;}
.main02 .hd h4 span{float: left; font-size: 40px; font-weight: 500; color: #2776fc; margin-right: 10px;}
.main02 .hd ul{float: right; overflow: hidden;}
.main02 .hd ul li{float: left; margin-left: 20px;}
.main02 .hd ul li a{display: block; background: #f1f1f1; padding: 0 15px; border-radius: 5px;}
.main02 .hd ul li a:hover{background: #2776fc; color: #fff;}
.main02 .bd ul li{width: 23.5%; float: left; text-align: center; margin: 30px 2% 0 0; overflow: hidden;}
.main02 .bd ul li:nth-child(4n){margin-right: 0;}
.main02 .bd ul li a{position: relative; display: block; overflow: hidden;}
.main02 .bd ul li a.pic img{display: block; width: 100%; min-height: 5.5rem;}
.main02 .bd ul li a.pic dl{position: absolute; top: 0px; width: 100%; height: 5.5rem;}
.main02 .bd ul li a.pic dl dt{ display: table-cell; vertical-align: middle; width: 3.76rem; height: 5.5rem;}
.main02 .bd ul li a.pic dl dt span{display: none; border: 2px solid #fff; color: #fff; font-size: 18px; max-width: 60%; padding: 6px 15px;}
.main02 .bd ul li:hover a.pic dl{background: rgba(0, 0, 0, 0.1);}
.main02 .bd ul li:hover a.pic dl dt span{display: inline-block;}
.main02 .bd ul li h4{font-size: 15px; margin-top: 5px; font-weight: 500;}
.main02 .bd ul li h4 a{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main02 .more{display: block; width: 180px; transition: all 0.5s; background: #f9f9f9; line-height: 50px; text-align: center; border-radius: 30px; margin:30px auto 0 auto;}
.main02 .more:hover{background: #2776fc; color: #fff;}

.tool{width: 80%; margin: 50px auto; padding: 0 10px 10px 10px; overflow: hidden;}
.tool h4{font-size: 22px; line-height: 40px; overflow: hidden;}
.tool h4 span{float: left; font-size: 40px; color: #2776fc; margin-right: 10px;}
.tool ul li{width: 15.5%; float: left; margin: 30px 1.4% 0 0; transition: all 0.5s; border-radius: 5px; text-align: center; box-sizing: border-box; border: 1px solid #f1f1f1; padding: 20px; box-shadow: 0 0 5px #f9f9f9; overflow: hidden;}
.tool ul li:hover{margin-top: 15px;}
.tool ul li:nth-child(6n){margin-right: 0;}
.tool ul li a{display: block;}
.tool ul li span{display: block; color: #2776fc; font-size: 50px; width: 60px; height: 60px; margin: auto; line-height: 60px;}
.tool ul li span.icon-shibietupian{font-size: 60px;}
.tool ul li h5{font-size: 16px; margin: 15px 0 5px 0;}
.tool ul li p{text-align: left; color: #666; line-height: 26px;}
.tool ul li font{display: inline-block; background: #2776fc; color: #fff; margin-top: 20px; padding: 5px 20px; border-radius: 30px;}

@media (max-width:1480px){
	
}