@charset "utf-8"; .resources{ width: 1200px; padding:90px 0; } .resources .pic ul{ margin-bottom: 115px; } .resources .pic ul li{ margin-left: 32px; } .resources .pic ul li + li{ margin-left: 125px; } .resources .pic ul li .more{ top: 0; left: 0; background-color: rgba(0,0,0,.3); text-align: center; } .resources .pic ul li .more p{ margin-top: 85px; color: white; font-size: 32px; letter-spacing: 2px; } .resources .pic ul li .more i{ width: 52px; height: 52px; margin-top: 60px; background: url("../img/+.png") no-repeat center top/100%; } .resources .position{ } .resources .position h3{ margin-bottom: 10px; font-size: 46px; font-weight: bold; } .resources .position > p{ top:69px; width: 280px; height: 5px; background-color: #449c4a; } .resources .position .strategic{ border-top: 2px solid black; z-index: -1; } .resources .position .strategic .list{ margin-top: 35px; } .resources .position .strategic .list li{ width: 30%; height: 80px; margin-left: 35px; font-size: 20px; text-align: center; line-height: 80px; background-color: #f2f2f2; } .resources .position .strategic .list li +li{ margin-left: 20px; } .resources .position .strategic .list li.on{ background-color: #449c4a; color: white; } .resources .position .strategic .list li a.on{ color: white; } .resources .position .strategic .content{ margin-top: 50px; padding-bottom: 104px; } .resources .position .strategic .content li{ padding:25px 48px; } .resources .position .strategic .content li img{ /*width: 81px;*/ /*height: 81px;*/ margin-left: 140px; vertical-align: middle; } /*.resources .position .strategic .content li:nth-child(1) i{ background: url("../img/zhidu.png") no-repeat center top/100%; } .resources .position .strategic .content li:nth-child(2) i{ background: url("../img/time.png") no-repeat center top/100%; } .resources .position .strategic .content li:nth-child(3) i{ background: url("../img/target.png") no-repeat center top/100%; } .resources .position .strategic .content li:nth-child(4) i{ background: url("../img/function.png") no-repeat center top/100%; } .resources .position .strategic .content li:nth-child(5) i{ background: url("../img/shijian.png") no-repeat center top/100%; }*/ .resources .position .strategic .content li div{ width: 640px; margin-left: 120px; vertical-align: middle; } .resources .position .strategic .content li div h4{ margin-bottom: 26px; font-size: 20px; } .resources .position .strategic .content li div p{ font-size: 16px; line-height: 30px; } .resources .position .strategic > div{ top: 108px; right: -350px; width: 1222px; height: 1334px; background: url("../img/bg6.png") repeat center top/100%; z-index: -1; } .resources .welfare h3{ margin-bottom: 10px; font-size: 46px; font-weight: bold; } .resources .welfare > p{ top:69px; width: 280px; height: 5px; background-color: #449c4a; } .resources .welfare .picture{ padding: 74px 0; border-top: 2px solid black; z-index: -1; } .resources .contact h3{ margin-bottom: 10px; font-size: 46px; font-weight: bold; } .resources .contact > p{ top:69px; width: 280px; height: 5px; background-color: #449c4a; } .resources .contact .tel{ padding: 50px 0 75px 0; border-top: 2px solid black; } .resources .contact .tel ul li{ margin-bottom: 10px; } .resources .contact .tel ul li .top{ height:75px ; border-left: 3px solid #449c4a; background-color: #efefef; line-height: 75px; } .resources .contact .tel ul li .top.on{ background-color: #449c4a; } .resources .contact .tel ul li .top p{ width: 88%; color: #222120; font-size: 18px; text-indent: 40px; vertical-align: middle; } .resources .contact .tel ul li .top p.on{ color: white; } .resources .contact .tel ul li .top span{ color: #999; font-size: 16px; vertical-align: middle; } .resources .contact .tel ul li .top span:nth-of-type(2){ color: white; } .resources .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; } .resources .contact .tel ul li .top i.on{ background-image: url("../img/shang.png"); } .resources .contact .tel ul li .bottom { padding: 26px 0 33px 41px; } .resources .contact .tel ul li .bottom div{ margin-top: 10px; margin-left: 30px; font-size: 18px; line-height: 40px; }