/* .con_about1 */ body{overflow-x: hidden} .con_about1{overflow: hidden} .con_about1 .box1{ padding:55px 0 0;background:url(../images/ibox1_bg.jpg) center bottom no-repeat} .con_about1 .box2{padding: 50px 0} .con_about1 .fz_24{color:#5e5e5e; font-weight:100; margin:0; font-size:16px;} .con_about1 .fz_36{font-size:36px; color:#333; margin:0; font-size:28px;} .con_about1 .tit:after{ content:"";width:71px; height:1px; background:#00455e; margin:35px 0; display:block; } .con_about1 .con{font-size:16px; color:#5e5e5e; line-height:30px; margin:0} .con_about1 .fz_60{ font-size:30px;} .con_about1 .bg{ position: relative; background-color: #202020; min-height: 400px; margin: 50px 0 0; background-position:center center; background-repeat:no-repeat; background-size:cover; } .con_about1 .bg li{color: #00455e; font-size: 18px; width: 33.3334%; padding:20px 0 ; margin: 0 auto; position: relative; z-index: 3;text-align: center; float: left; width:50%;} .con_about1 .bg li p{border: 1px solid #00455e; margin: 0 auto 15px;width: 130px; height:130px;border-radius: 130px;background: rgba(255,255,255,0.5);} .con_about1 .box2{position: relative;} .con_about1 .box2 .absolute{position: absolute;} .con_about1 .box2 .wave{height: 130px;bottom: 0;} .con_about1 .box2 .wave-2{width: 267.44%;background: url(../images/service-wave-3.png) repeat-x left bottom;opacity:1;z-index: 3;-webkit-animation: WaveL 70s linear 0s infinite normal;animation: WaveL 70s linear 0s infinite normal;right: 0;} .con_about1 .bg li p b{ font-family: arial; display: block; padding:73px 0 10px} .con_about1 .fz_24{ font-size:20px;} .con_about1 .fz_36{ font-size:32px;} .con_about1 .fz_60{ font-size:50px;} .con_about1 .bg{ padding:35px 0 35px; min-height: 335px;background: url(../images/con_aboutbg1.jpg)no-repeat center center;background-position: center top;background-attachment: fixed;} .con_about1 .bg li{width:20%; } .con_about1 .fz_24{ font-size:24px;font-size: 36px;font-weight: bold;color: #00455e;} .con_about1 .fz_36{ font-size:22px;} .con_about1 .fz_60{ font-size:60px;} .con_about1 .bg li{width:33.33333%;} .con_about1 .bg li p{width: 230px; height:230px;border-radius: 191px;font-size: 16px;} .con_about1 .bg li.last{ margin: 0 0 0 0} @media only screen and (max-width:768px){ .con_about1 .fz_24{ font-size:26px;} .con_about1 .fz_36{ font-size:18px;} .con_about1 .fz_60{ font-size:32px;} .con_about1 .bg li{width:33.33%; } .con_about1 .bg li p{width:110px; height:230px;border-radius: 191px;font-size: 16px;} .con_about1 .bg li{font-size: 15px;} .con_about1 .con{font-size: 15px;line-height: 26px;} .con_about1 .bg{ background-attachment: inherit;} .con_about1 .box2 .wave-2{width:140%;background: url(../images/service-wave-3.png) repeat-x left bottom;opacity:1;z-index: 3;-webkit-animation: WaveL 30s linear 0s infinite normal;animation: WaveL 30s linear 0s infinite normal;right: 0;} .con_about1 .box1{padding-top: 20px} .con_about1 .tit:after{margin: 20px 0} } /* .culture_content */ .culture_content{ padding: 50px 0 20px 0;margin-bottom:80px;} .culture_content .number{color: #00455e;font-size:40px;font-family: "Arial";font-weight: bold;} .culture_content .item .item-inner{ position: relative; padding-top: 60%;} .culture_content .item .pic{ position: absolute; top: 0; left: 0; width: 100%; text-align: center;} .culture_content .item .word{ border-bottom: 10px solid #f0f0f0;} .culture_content .item time{ font-size: 14px; color: #666; display: block; position: relative; padding-left: 25px;} .culture_content .item time:before{ content: "\e700"; font-family:"iconfont" !important; font-size: 16px; color: #aaa; position: absolute; left: 0; top: 1px;} .culture_content .item h3{ font-weight: normal; font-size:26px; margin:0; overflow: hidden;background: #fff;margin-top: -18px;position: relative;margin-bottom: 20px;} .culture_content .item h3 a{ color: #333;} .culture_content .item h3 a:hover{ color: #000;} .culture_content .item figure{ font-size: 17px; line-height: 24px; color: #666;overflow: hidden;line-height: 30px;height:90px;overflow: hidden;} @media only screen and (max-width:767px ) { .culture_content{ position: relative; padding-bottom: 50px; margin-bottom: 20px;} .culture_content .item{ max-width: 503px; margin: 0 auto;} .culture_content .item+.item{ padding-top: 20px;} .culture_content .wrap-head{position: static; text-align: center;} .culture_content .wrap-head .more{ left: 50%; bottom: 0; top: auto; margin-left: -80px;} .culture_content .item .word{ padding: 4% 7%;} .culture_content .item figure{height: auto;} .culture_content .number{font-size: 36px;} .culture_content .item h3{font-size:24px;margin-bottom: 8px} .culture_content .item figure{font-size: 16px;line-height: 26px;} } @media only screen and (min-width:768px ) { .culture_content .wrap-head h1{font-size: 24px; line-height: 42px;} .culture_content .wrap-head h1 em{ font-size: 42px; top: 10px;padding-right: 30px;} .culture_content .wrap-container{ margin: 0 -1%;} .culture_content .item{ float: left; width: 33.3334%; padding: 0 1%;} .culture_content .item .pic{min-height:36%;} .culture_content .item .word-inner{ padding:10% 7% 13%; } .culture_content .item h3{font-size:26px; } .culture_content .item.odd .item-inner{ padding-bottom: 60%; padding-top: 0;} .culture_content .item.odd .pic{ top: auto; bottom: 0;} .culture_content .item.odd .word{ border-top: 10px solid #f0f0f0; border-bottom: none;} .culture_content .item .pic img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} } @media only screen and (min-width:1024px ) { .culture_content .wrap-head h1 em{ font-size: 48px;} .culture_content .item .pic{ min-height: 44%;} .culture_content .item .item-inner{ padding-top: 62%;} .culture_content .item.odd .item-inner{ padding-bottom: 62%;} } @media only screen and (min-width:1280px ) { } @media only screen and (min-width:1440px ) { .culture_content .item .pic{min-height: 50%;} } /*honer */ .honer{margin: 3% 0 0} .honer li{ float:left; width:32%; margin-right:2%; margin-bottom:3%;transition: all 0.5s;} .honer li:nth-child(3n){ margin-right:0;} .honer li a{ display:block;} .honer li p{ margin:0; line-height:46px; padding:0 2%; text-align:center; font-size:16px;} .honer li .table{ display:none;} .honer li figure{background-size:contain;transition: all 0.5s;background-color: #f7f7f7;max-height:283px;} .honer li figure img{width: 100%;height:283px;} .honer li:hover figure{transform: scale(1.05)} .honer li:hover a{color:#00455e} @media(max-width:1200px){ .honer li figure{max-height:283px;} .honer li figure img{max-height:250px;} } @media(max-width:768px){ .honer li{ width:48%; margin-right:4%;} .honer li:nth-child(2n){ margin-right:0;} .honer li:nth-child(3n){ margin-right:4%;} .honer li:nth-child(6){ margin-right:0;} .honer li:nth-child(12){ margin-right:0;} } @media(max-width:480px){ .honer li{ width:100%; margin-right:0%;} .honer li:nth-child(3n){ margin-right:0%;} } @media(max-width:375px){ .honer li p{ font-size:15px;} }