.banner{background: url(../img/java/banner.jpg) no-repeat center center; }
.title{text-align: center;}
.m_1,.m_3{width: 1200px;margin: 50px auto;overflow: hidden;}
.m_1 ul{width: 100%;margin: 50px auto 0px;overflow: hidden;}
.m_1 ul li{width: 220px;height: 245px;float: left;margin: 10px 20px 20px 0px;padding: 30px;box-shadow: 0px 0px 10px rgba(246,33,45,0.1);text-align: center;overflow: hidden;cursor: pointer;}
.m_1 ul li i{display: block;width: 60px;height: 60px;border-radius: 50%;border: 3px solid #fff;margin: 10px auto;overflow: hidden;}
.m_1 ul li i img{margin-top: 10px;}
.m_1 ul li h3{font-size: 16px;line-height: 30px;color: #333;font-weight: bold;}
.m_1 ul li p{font-size: 14px;line-height: 22px;color: #666;margin-top: 10px;}
.m_1 ul li:hover i{border: 3px solid #f6212d;transition: 0.5s;}
.m_1 ul li:hover h3{margin-top: 20px;transition: 0.5s;}
.m_2{width: 100%;margin: 0px auto;background: #f2f2fa;padding: 50px 0px; overflow: hidden;}
#carousel{width: 1200px;margin: 20px auto 0px;position:relative;z-index:2;transform-style:preserve-3d;perspective:400px;height:740px;overflow:hidden}
#carousel img{position:absolute;left:45%;top:170px;margin-left:-150px;transition:transform .5s ease-in-out;box-shadow:0px 0px 20px rgba(0,0,0,.2);cursor:pointer;height:700px!important;border-radius:8px;opacity:0}
#bannerNav{position:relative;margin-top:20px;height:10px;padding:10px 0;text-align:center}
#bannerNav ul{display: block;}
#bannerNav ul li{cursor:pointer;overflow:hidden;display:inline-block;width:22px;margin:0 2px}
#bannerNav ul li a{margin:0 auto;display:block;width:8px;height:8px;vertical-align:top;border-radius:4px;background:rgba(0,0,0,0.2);font-size:0}
#bannerNav ul li.on a,#bannerNav ul li:hover a{background:#f6212d}
#bannerNav ul li.on a{width:20px}
.m_3 img{display: block;width: 1200px;margin: 50px auto 0px;overflow: hidden;cursor: pointer;}