@charset "utf-8"; /* CSS Document */ .aboutFocus{height: 430px; background-position: 50% 50%; /*background-size: cover;*/} .aboutHull{ height: 60px;} .aboutNav{text-align: left;background: #f7f7f7;position: fixed;width: 100%;top: 80px; z-index: 9} .aboutNav ul{ display: inline-block; vertical-align: top;} .aboutNav li{float: left;padding: 0 20px;} .aboutNav li a{display: block;padding: 0 20px;font-size: 16px;line-height: 60px;color: #333;} .aboutNav li a:hover{ color: #f69603} .aboutNav li.on a{/* background: #f69603; */color: #f69603;} .aboutNav li:first-of-type{padding-left:0} .aboutNav li:first-of-type a{padding-left:0} .section-contact{text-align: center;padding: 70px 0 100px;} .section-contact h2{font-size: 30px;line-height: 1;color: #313131;font-weight: lighter; position: relative; padding: 0 0 13px;} .section-contact h2:before{content:'';width: 20px;height: 1px;background: #f69603;position: absolute;left: 50%;bottom: 0;margin-left: -10px;} .section-contact p{font-size: 16px;color: #999;line-height: 32px;padding: 20px 0 45px 0;} .section-contact ul{padding: 0 60px;} .section-contact li{float: left;width: 33.33%;background: url("../img/aboutLine.gif") no-repeat 0 50%;min-height: 207px;} .section-contact li img{ display: block; margin: 0 auto;} .section-contact li.con{background: none;color: #313131;line-height: 1;} .section-contact li.con .tel{font-size: 26px;font-weight: bold;line-height: 32px;margin-bottom: 10px;} .section-contact li.con .tel span{letter-spacing: 2px;} .section-contact li.con a{display: inline-block;border: 1px solid #f69603;border-radius: 4px;color: #f69603;font-size: 16px;line-height: 35px;padding: 0 10px 0 15px;margin-top: 18px;} .section-contact li.con a i{font-size: 22px;padding: 0 5px 0 0;} .section-contact li.con a:hover{color: #fff; background: #f69603;} .section-contact li .title{font-size: 18px;line-height: 40px;color: #313131;margin-bottom: 20px;} .section-contact li .title i{font-size: 40px;color: #f69603;padding: 0 15px 0 0;} .section-contact li.QR img{height: 145px;border: 1px solid #ddd;border-radius: 5px;padding: 3px;} .section-map{padding: 0 59px 60px;} .section-map img{margin-bottom: 15px; border: 1px solid #ddd; border-radius: 5px;} .section-map iframe{ vertical-align:middle; margin-bottom: 15px;} .section-map p{ font-size: 16px; line-height: 36px; color: #555; padding: 0 0 0 40px;} .section-map p i{ color: #b8b8b8; font-size: 22px; padding: 0 5px 0 0;} .section-mess{background:#f7f7f7; text-align: center; padding: 80px 0;} .section-mess form{/* max-width: 660px; */margin: 0 auto;padding: 0 60px;} .section-mess ul{margin: 0 -55px;} .section-mess li{float: left;width: 100%;padding: 10px 55px 0;} .section-mess h3{font-size: 30px;line-height: 1;color: #313131;font-weight: lighter;padding: 0 0 24px;margin-bottom: 30px;position: relative;} .section-mess h3:before{content: '';width: 90px;height: 1px;background: #cbcbcb;position: absolute;left: 50%;margin-left: -45px;bottom: 0;} .section-mess .text{font-size: 16px;color: #999;background: #f4f4f4;border: 1px solid #d2d2d2;border-radius: 4px;padding: 0 15px;line-height: 44px;width: 100%;font-family: "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial;background: #fff;height: 46px;} .section-mess .text2{resize: none; min-height: 120px; line-height: 20px; padding: 10px 15px 0 ;} .section-mess .btn{ width: 100px; height: 40px; display: inline-block;line-height: 40px; font-size: 16px; color: #fff; background: #818181; border: none; cursor: pointer; border-radius: 4px;} .sectionAbout{} .sectionAbout .about{text-align: center;} .sectionAbout .about .wrap{position: relative;} .sectionAbout .about .desc{position: absolute;left: 0;top: 85px;width: 100%;color: #fff;text-shadow: 0px 2px 3px rgba(15, 17, 21, 0.82);} .sectionAbout .about h2{font-size: 38px;line-height: 1;font-weight: lighter;} .sectionAbout .about p{font-size: 16px;line-height: 32px;padding: 22px 0 0 0;} .sectionAbout .changKu{text-align:center; padding: 85px 0 0 0;} .sectionAbout .changKu h2,.sectionAbout .cangJia .tit h2{font-size: 38px;color: #333;line-height: 1;font-weight: lighter;} .sectionAbout .changKu p,.sectionAbout .cangJia .tit p{ font-size: 16px; line-height: 32px; color: #4b4b4b; padding: 12px 0 50px;} .sectionAbout .cangJia{ padding: 85px 0 65px;} .sectionAbout .cangJia .tit{ text-align: center;} .sectionAbout .cangJia .tit h2{} .sectionAbout .cangJia .tit p{ padding-bottom: 23px;} .sectionAbout .cangJia ul{ margin: 0 -14px;} .sectionAbout .cangJia li{ float: left; width: 33.33333%; padding: 27px 14px 0;} .sectionAbout .cangJia li.first{width: 100%;} .sectionAbout .cangJia li img{} .sectionAbout .cangJia li p{ line-height: 1; font-size: 16px; color: #4b4b4b; padding: 25px 0 0 0;} .section-liCheng{ background: url(../img/liCheng-bg.jpg) no-repeat 50% bottom; background-size: 100% auto; padding: 85px 0;} .section-liCheng .tit{ text-align: center; line-height: 1; font-size: 38px; font-weight: lighter; color: #333; padding: 0 0 60px;} .section-liCheng ul{} .section-liCheng li{position: relative;padding: 0 0 0px 280px; overflow: hidden;} .section-liCheng li span{ position: absolute; left: 0; width: 190px; font-size: 34px; line-height: 34px; color: #f69603; border-right: 1px solid #e7e7e7; min-height: 900px;} .section-liCheng li span:before{content: '';width: 20px;height: 20px;position: absolute;right: -10px;top: 10px;background: #ed9611;border-radius: 50%;z-index: 2;} .section-liCheng li span:after{content: '';} .section-liCheng li p{font-size: 16px;line-height: 30px;color: #2e2e2e;padding: 0 0 60px 0;} .section-liCheng li img{padding: 0 0 60px;margin-top: -48px;} .section-liCheng li:last-of-type span{ min-height: 42px;} .section-team {padding: 0 0 170px;max-width: 1060px;margin: 0 auto;} .section-team .desc{font-size: 18px;line-height: 38px;color: #535353;padding: 65px 0 60px;} .section-team ul {padding: 0px 0px 10px;} .section-team li {padding: 30px 0 30px 300px;} .section-team img {float: left;margin-left: -300px;border-radius: 5px;} .section-team .text { color: #000; float: left; } .section-team h3 { font-size: 30px; line-height: 1; padding: 60px 0 0 0; color: #333; font-weight: bold; } .section-team h4 { font-size: 20px; line-height: 1; padding: 20px 0 25px; color: #333; } .section-team p { font-size: 16px; color: #666; } .section-team li.even {padding: 40px 300px 40px 0px;} .section-team .even .text { float: left; padding: 0 70px 0 0; } .section-team .even img {float: right;margin: 0 -300px 0 0;} .section-kehu{} .section-kehu h2,.section-canGuan h2{padding: 70px 0;text-align: center;font-size: 28px;color: #313131;line-height: 1;font-weight: lighter;} .section-canGuan{ padding: 0 0 110px;} .section-canGuan .hd{} .section-canGuan .hd ul{ background: #f7f7f7;} .section-canGuan .hd li{ float: left; width: 16.6666%;} .section-canGuan .hd li a{display:block; text-align: center; font-size: 28px; color: #999; line-height: 60px; letter-spacing: 4px; font-weight: lighter;} .section-canGuan .hd li a:hover{ color: #f69603;} .section-canGuan .hd li.on a{background: #f69603;color: #fff;} .section-canGuan .bd{} .section-canGuan .bd .box{background: #f7f7f7;padding: 35px 0 35px 340px;line-height: 1;} .section-canGuan .bd .pic{float: left;width: 285px;text-align: right;margin-left: -340px;border-right: 1px solid #d1d1d1;padding: 0 40px 0 0;} .section-canGuan .bd h3{font-size: 29px;color: #313131;font-weight: lighter;} .section-canGuan .bd p{font-size: 18px;color: #999;margin-top: 15px;} @media(max-width:1768px) { .aboutNav li{padding:0 40px;} } @media(max-width:1600px) { } @media(max-width:1440px) { } @media(max-device-width:1440px) { }