/*nav*/
.hd{ width: 100%; margin: 0 auto; padding-top: 56px; height: 173px; background: #f5f5f6; margin-bottom: 90px; }
.hd .hd_mid{ width: 1200px; margin: 0 auto; }
.hd ul{ width: 1290px; overflow: hidden;zoom:1;}
.hd ul li{ width: 215px; float: left;overflow: hidden;zoom:1; }
.hd ul li>a{ display: block; width: 92px; float: left;}
.hd ul li>a i{ display: block; width: 92px; height: 92px;background: url(../images/m_join_icons.png) no-repeat;transition: all .3s linear; }
.hd ul li>a b{ font-size: 15px; text-align: center;height: 43px; line-height: 43px; color: #4b5154; display: block;text-align: center; margin-bottom: 34px; }
.hd ul li>a em{ display:block; width: 68px; height: 5px; background: #ff6726; margin: 0 auto;opacity: 0; filter: alpha(opacity=0);  }
.hd ul li>a i.jishu{ background-position: 0 0; }
.hd ul li>a i.chanpin{ background-position: -102px 0; }
.hd ul li>a i.yunying{ background-position: -201px 0; }
.hd ul li>a i.shichang{ background-position: -298px 0; }
.hd ul li>a i.sheji{ background-position: -400px 0; }
.hd ul li>a i.zhineng{ background-position: -498px 0; }
.hd ul li>a:hover i.jishu{ background-position: 0 -101px; }
.hd ul li>a:hover i.chanpin{ background-position: -102px -101px; }
.hd ul li>a:hover i.yunying{ background-position: -201px -101px; }
.hd ul li>a:hover i.shichang{ background-position: -298px -101px; }
.hd ul li>a:hover i.sheji{ background-position: -400px -101px; }
.hd ul li>a:hover i.zhineng{ background-position: -498px -101px; }
.hd ul li>a:hover b{ color: #ff6726; font-weight: bold; }
.hd ul li>a:hover em{ opacity: 1; filter: alpha(opacity=100); }
.hd ul li.active>a i.jishu{ background-position: 0 -101px; }
.hd ul li.active>a i.chanpin{ background-position: -102px -101px; }
.hd ul li.active>a i.yunying{ background-position: -201px -101px; }
.hd ul li.active>a i.shichang{ background-position: -298px -101px; }
.hd ul li.active>a i.sheji{ background-position: -400px -101px; }
.hd ul li.active>a i.zhineng{ background-position: -498px -101px; }
.hd ul li.active >a b{ color: #ff6726; font-weight: bold; }
.hd ul li.active >a em{ opacity: 1; filter: alpha(opacity=100); }


.bd{ width: 1200px; margin: 0 auto; }



.bd .title{ width: 464px; height: 40px; margin:0 auto 60px;}
.bd .title .t_nav{ width:50%; float: left;height: 40px;line-height: 40px;font-size:35px; cursor: pointer; color: #b3b3b3; position:relative;z-index: 0; text-align: center; }
.bd .title .t_nav.active{color: #4b9ae4; }
.bd .title .t_nav .icon{ display: inline-block; width: 34px; height: 40px; background: url(../images/m_join_icons.png) no-repeat;background-position: -637px 0;margin-right: 10px; vertical-align: middle; }
.bd .title .t_nav.active .icon{ background-position: -637px -48px; }
.bd .title .t_nav:hover .icon{ background-position: -637px -48px; }
.bd .title .t_nav:hover{ color: #4b9ae4; }

.bd .title .t_nav.school{ text-align: right; }
.bd .title .t_nav.school .icon{ background-position:-680px 0; }
.bd .title .t_nav.active.school .icon{ background-position: -680px -48px; }
.bd .title .t_nav.school:hover .icon{ background-position: -680px -48px; }
.bd .title .t_nav.school .icon::before{ content: " "; display: inline-block; width: 23px; height: 34px;background:url(../images/b_join_icon1.png) no-repeat; position: absolute;left:-7px;top: 3px; }


.list_box_con{ width: 100%; margin-bottom: 70px; }
.list_box_con .area_box{}
.list_box_con .area_box .left_nav{ width: 200px; float: left; color: #555; background: #f8f8f8; border-radius: 3px; padding: 30px 0;}
.list_box_con .area_box .left_nav .nv{ height: 81px; width: 226px; }
.list_box_con .area_box .left_nav .nv b{ display: block; width: 200px; height: 80px; line-height: 80px; text-align: center; font-size: 16px; border-bottom: 1px solid #ececec; }
.list_box_con .area_box .left_nav .nv:last-child b{ border-bottom: none; }
.list_box_con .area_box .left_nav .nv em{ display: block; width: 40px; height: 3px; background: #666; margin:0 auto; display: none;}
.list_box_con .area_box .left_nav .nv span{ display: block; width: 100%; height:42px; line-height:42px; text-align: center;font-size: 12px;overflow: hidden; font-style:italic; display: none;}

.list_box_con .area_box .left_nav .nv.active{ color: #fff; background: url(../images/b_join_icon2.png) no-repeat; }
.list_box_con .area_box .left_nav .nv.active b{ border-bottom: 1px solid #ff6726; }
.list_box_con .area_box .left_nav .nv:hover{ color: #fff; background: url(../images/b_join_icon2.png) no-repeat;}
.list_box_con .area_box .left_nav .nv:hover b{ border-bottom: 1px solid #ff6726; }

.list_box_con .area_box .right_box{ width: 750px; padding:50px 125px; float: left;}
.list_box_con .area_box .right_box .b{padding-left:30px; font-size: 14px; color: #666; }
.list_box_con .area_box .right_box .b h3{ color: #ff6726; overflow: hidden; height:40px; line-height:40px; font-size: 16px; font-weight: bold;}
.list_box_con .area_box .right_box .b p{ line-height:40px; }
.list_box_con .area_box .right_box .b .space{ height:40px; }