.banner{width: 100%;height: 450px;background: url(../img/join/banner.jpg) no-repeat center center;margin: 0px auto;text-align: center;color: #fff;overflow: hidden;}
.banner h3{font-size: 24px;margin-top: 80px;font-weight: normal;}
.banner h1{font-size: 80px;margin: 10px 0px;letter-spacing: 10px;}
.banner p{font-size: 26px;line-height: 40px;}
.cban{width: 900px;margin: -50px auto 10px;background: rgba(255,255,255,0.95);box-shadow: 0px 0px 20px rgba(0,0,0,0.1);overflow: hidden;padding: 30px 0px;box-sizing: border-box;text-align: center;}
.cban a{display: block;text-align: center;font-size: 24px;font-weight: 500;display: inline-block; width: 300px;}
.btn_01{background: #006bf3;background: linear-gradient(to right, #006bf3, #219dff);color: #fff;font-size: 18px;font-weight: 500;text-align: center;height: 56px;line-height: 56px;box-shadow: 0px 0px 20px rgba(0,108,243,0.4);display: block;}
.btn_02{height: 56px;line-height: 56px;border: 3px solid #006bf3;border-image: linear-gradient(to right, #006bf3, #219dff) 20 20;margin-left: 120px;color: #006bf3}
.main{width: 100%;margin: 0px auto;overflow: hidden;}
.main .m_1{width: 1200px;margin: 60px auto 0px;overflow: hidden;}
.main .mtit{font-size: 36px;text-align: center;font-weight: bold;color: #333;margin-bottom: 20px;}
.main .m_1 ul{width: 100%;margin: 60px auto 0px;overflow: hidden;}
.main .m_1 ul li{width: 600px;float: left;margin-bottom: 60px;cursor: pointer;}
.main .m_1 ul li i{display: block;float: left;;width: 110px;margin-left: 30px;}
.main .m_1 ul li h3{width: 370px;float: right;font-size: 18px;font-weight: 500;margin: 5px 60px 0px 0px;}
.main .m_1 ul li p{width: 370px;float: right;font-size: 14px;font-weight: lighter;margin: 10px 60px 0px 0px;color: #666;}
.main .m_2{width: 100%;margin: 0px auto;background: #f8fbff;padding: 60px 0px;overflow: hidden;}
.main .m_2 ul{width: 1200px;margin: 40px auto 0px;overflow: hidden;}
.main .m_2 ul li{width: 310px;float: left;margin: 15px;background: #fff;padding: 50px 30px;overflow: hidden;text-align: center;box-shadow: 0px 0px 20px rgba(0,0,0,0.02);}
.main .m_2 ul li h3{font-size: 18px;font-weight: 500;line-height: 30px;}
.main .m_2 ul li p{font-size: 14px;font-weight: lighter;color: #666;margin-top: 15px;line-height: 26px;}
.main .m_2 ul li a{margin: 30px auto 0px;}
.main .m_2 ul li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.main .m_3,.main .m_5{width: 1200px;margin: 60px auto;overflow: hidden;}
.main .m_3 ul{width: 100%;margin: 60px auto 0px;overflow: hidden;}
.main .m_3 ul li{width: 300px;float: left;position: relative;margin-left: 30px;cursor: pointer;}
.main .m_3 ul li i{width: 140px;display: block;float: left;}
.main .m_3 ul li h3{font-size: 18px;font-weight: 500;width: 140px;text-align: center;}
.main .m_3 ul li span{display: block;width: 30px;height: 30px;border: 3px solid #eee;border-radius: 50%;text-align: center;line-height: 30px;color: #999;position: absolute;top: 50px;right: 50px;}
.main .m_3 ul li:last-child{width: 170px;float: right;}
.main .m_4{width: 100%;margin: 0px auto;background: #f6f6f6;padding: 60px 0px;overflow: hidden;}
.main .m_4 .m4img{width: 1200px;text-align: center;margin: 50px auto 0px;overflow: hidden;cursor: pointer;}
.main .m_5 form{width: 100%;margin: 50px auto 0px;overflow: hidden;}
.main .m_5 form div{width: 100%;margin: 10px 0px;overflow: hidden;}
.main .m_5 form div:first-child{margin-top: 0px;}
.main .m_5 form div label{display: inline-block;float: left;width: 200px;text-align: right;height: 50px;line-height: 50px;margin-top: 8px;font-size: 16px;font-weight: 500;}
.main .m_5 form div label span{font-size: 18px;color: red;padding-right: 5px;}
.main .m_5 form div p{display: inline-block;float: right;width:900px;margin: 8px 60px 8px 8px;}
.main .m_5 form div p input,.main .m_5 form div p select,.main .m_5 form div p textarea{width: 825px;padding: 0px 30px;height: 50px;line-height: 50px;border: 1px solid #f6f6f6;box-shadow: 0px 0px 5px rgba(0,108,243,0.1);font-size: 16px;}
.main .m_5 form div p select{width: 280px;margin-right: 15px;}
.main .m_5 form div p select:last-child{margin-right: 0px;}
.main .m_5 form div p textarea{height: 120px;resize: none;padding: 12px 30px;line-height: 24px;}
.main .m_5 form div .sbtn{width: 400px;border: 0px;margin: 0px 0px 0px 240px;box-shadow: none;cursor: pointer;height: 50px;line-height: 50px;}
.main .m_5 form div .sbtn:hover{background: linear-gradient(to right, #0060db, #2fa0fa);}