@charset "utf-8"; .contact{ width: 1200px; padding-top:90px ; padding-bottom: 270px; } .contact h3{ margin-bottom: 80px; font-size: 30px; text-align: center; } .contact .tel ul li{ margin-bottom: 10px; } .contact .tel ul li .top{ height:75px ; border-left: 3px solid #449c4a; background-color: #efefef; line-height: 75px; } .contact .tel ul li .top.on{ background-color: #449c4a; } .contact .tel ul li .top p{ width: 88%; color: #222120; font-size: 18px; text-indent: 40px; vertical-align: middle; } .contact .tel ul li .top p.on{ color: white; } .contact .tel ul li .top span{ color: #999; font-size: 16px; vertical-align: middle; } .contact .tel ul li .top span:nth-of-type(2){ color: white; } .contact .tel ul li .top i{ width: 40px; height: 40px; margin-left: 20px; background: url("../img/xia.png") no-repeat center top/100%; vertical-align: middle; } .contact .tel ul li .top i.on{ background-image: url("../img/shang.png"); } .contact .tel ul li .bottom { padding: 26px 0 33px 41px; } .contact .tel ul li .bottom div{ margin-top: 10px; margin-left: 30px; font-size: 18px; line-height: 40px; } .position{ width: 1200px; padding: 90px 0; } .position h3{ margin-bottom: 90px; font-size: 30px; text-align: center; } .position .strategic{ } .position .strategic .list{ margin-top: 35px; } .position .strategic .list li{ width: 30%; height: 80px; margin-left: 35px; font-size: 20px; text-align: center; line-height: 80px; background-color: #f2f2f2; } .position .strategic .list li +li{ margin-left: 20px; } .position .strategic .list li.on{ background-color: #449c4a; color: white; } .position .strategic .list li a.on{ } .position .strategic .content{ margin-top: 50px; padding-bottom: 104px; } .position .strategic .content li{ padding:25px 48px; } .position .strategic .content li img{ /*width: 81px;*/ /*height: 81px;*/ margin-left: 140px; vertical-align: middle; } /* .position .strategic .content li:nth-child(1) i{ background: url("../img/zhidu.png") no-repeat center top/100%; } .position .strategic .content li:nth-child(2) i{ background: url("../img/time.png") no-repeat center top/100%; } .position .strategic .content li:nth-child(3) i{ background: url("../img/target.png") no-repeat center top/100%; } .position .strategic .content li:nth-child(4) i{ background: url("../img/function.png") no-repeat center top/100%; } .position .strategic .content li:nth-child(5) i{ background: url("../img/shijian.png") no-repeat center top/100%; }*/ .position .strategic .content li div{ width: 640px; margin-left: 120px; vertical-align: middle; } .position .strategic .content li div h4{ margin-bottom: 26px; font-size: 20px; } .position .strategic .content li div p{ font-size: 16px; line-height: 30px; } .position .strategic > div{ top: 220px; right: -350px; width: 1222px; height: 1334px; background: url("../img/bg6.png") repeat center top/100%; z-index: -1; } .recruitment{ width: 1200px; padding: 90px 0 160px 0; } .recruitment h3{ margin-bottom: 80px; font-size: 30px; text-align: center; } .recruitment .tel ul li{ margin-bottom: 10px; } .recruitment .tel ul li .top{ height:75px ; border-left: 3px solid #449c4a; background-color: #efefef; line-height: 75px; } .recruitment .tel ul li .top.on{ background-color: #449c4a; } .recruitment .tel ul li .top p{ width: 88%; color: #222120; font-size: 18px; text-indent: 40px; vertical-align: middle; } .recruitment .tel ul li .top p.on{ color: white; } .recruitment .tel ul li .top span{ color: #999; font-size: 16px; vertical-align: middle; } .recruitment .tel ul li .top span:nth-of-type(2){ color: white; } .recruitment .tel ul li .top i{ width: 40px; height: 40px; margin-left: 20px; background: url("../img/xia.png") no-repeat center top/100%; vertical-align: middle; } .recruitment .tel ul li .top i.on{ background-image: url("../img/shang.png"); } .recruitment .tel ul li .bottom { padding: 26px 0 33px 41px; } .recruitment .tel ul li .bottom div{ margin-top: 10px; margin-left: 30px; } .recruitment .tel ul li .bottom div h4{ margin-bottom: 10px; color: #449c4a; font-size: 18px; } .recruitment .tel ul li .bottom .responsibilities{ margin-bottom: 35px; } .recruitment .tel ul li .bottom .responsibilities ul li{ font-size: 16px; line-height: 20px; } .recruitment .tel ul li .bottom .requirements ul li{ line-height: 20px; } .recruitment .tel ul li .bottom a{ top:55px; right: 0; width: 120px; height: 35px; border: 1px solid #449c4a; color: #449c4a; font-size: 18px; text-align: center; line-height: 35px; border-radius: 20px; } .school{ width: 1200px; padding-top: 77px; padding-bottom: 105px; text-align: center; } .school h3{ margin-bottom: 70px; font-size: 30px; } .school > p{ margin-bottom: 61px; font-size: 16px; } .school img{ width: 1000px; margin: auto; transition: .3s; } .school img:hover{ transform: scale(1.1); } .school .table{ margin-top: 80px; font-size: 18px; } .school .table .dt{ background-color:#666 ; } .school .table .dt li{ height: 70px; line-height: 70px; color: white; } .school .table .dt li:nth-child(1), .school .table .dt li:nth-child(3){ width: 30%; } .school .table .dt li:nth-child(2){ width: 40%; } .school .table .dr > li{ padding: 14px 0; } .school .table .dr > li:nth-child(odd){ background-color: #efefef; } .school .table .dr li h5{ width: 29%; padding: 60px 0; vertical-align: middle; } .school .table .dr li p{ width: 20%; padding: 60px 10%; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; vertical-align: middle; } .school .table .dr li ol{ width: 23%; padding: 60px 3%; vertical-align: middle; } .school .table .dr li ol li{ line-height: 30px; } .compensation{ width: 1200px; padding-top: 90px; padding-bottom: 135px; } .compensation h3{ margin-bottom: 100px; font-size: 30px; text-align: center; }