.section h2 {
line-height: 1;
font-size: 40px;
color: #333;
}
.section .text {
line-height: 1.8;
font-size: 20px;
color: #333;
}
.section .text p {
margin-top: 50px;
}
.section img {
display: block;
width: 100%;
height: 100%;
transition: all ease-in-out 0.2s;
}
.wrap-h5 {
display: none;
}
.research {
padding: 114px 0 179px 654px;
}
.research .container {
width: 646px;
}
.research .img {
float: left;
/*width: 600px;
height: 436px; 原始设计宽高*/
width:550px;
height:380px;
margin-left: -654px;
overflow: hidden;
}
.research .img:hover img,
.prodsale .img:hover img {
transform: scale(1.05);
}
.prodsale {
padding: 90px 0 162px;
min-width: 1200px;
background: #f6f6f6;
}
.prodsale .img {
width: 100%;
height: 380px;
overflow: hidden;
}
.prodsale .production {
float: left;
width: 550px;
position: relative;
z-index: 2;
margin-top: -180px;
}
.prodsale .production .text {
margin-top: 40px;
}
.prodsale .sale {
float: left;
width: 550px;
margin-left: 99px;
}
.prodsale .sale .text {
margin-left: 80px;
margin-bottom: 70px;
}
.prodsale .sale h2 {
text-align: right;
}
.profile {
display: flex;
align-items: stretch;
justify-content: space-between;
background: url(/uploads/image/tspimages/img-bg.png) no-repeat center top;
background-size: 100% 100%;
}
.profile .left-black {
flex-grow: 1;
background: rgba(0, 0, 0, 0.6);
}
.profile .container {
position: relative;
flex-shrink: 0;
padding-bottom: 80px;
background: linear-gradient(to right,rgba(19, 75, 124,0.8) 0%, rgba(19, 75, 124,0.8) 50%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 100%);
}
.profile .right-blue {
flex-grow: 1;
background: rgba(19, 75, 124,0.8);
}
.profile h2 {
padding: 90px 40px 80px;
color: #fff;
}
.profile .text p {
margin: 0 40px;
color: #fff;
}
.profile .more {
display: flex;
align-items: center;
line-height: 30px;
margin-top: 50px;
margin-left: 40px;
font-size: 16px;
color: #ccc;
}
.profile .more:after {
content: "";
flex-shrink: 0;
width: 36px;
height: 6px;
margin-left: 20px;
background: url(/uploads/image/tspaimg/icon-more.png) no-repeat;
background-size: 100% 100%;
transition: all ease-in-out 0.2s;
}
.profile .more:hover {
color: #fff;
}
.profile .more:hover:after {
margin-left: 45px;
}
.profile .count {
display: flex;
justify-content: space-between;
align-items: center;
padding: 180px 30px 70px;
line-height: 1;
color: #fff;
}
.profile .count li {
text-align: center;
}
.profile .count .num {
font-size: 80px;
}
.profile .count .num span {
margin-left: 18px;
font-size: 30px;
}
.profile .count p {
margin-top: 25px;
font-size: 16px;
}
.profile .tab {
position: absolute;
top: 154px;
right: 44px;
display: flex;
}
.profile .tab a {
padding: 0 20px;
height: 60px;
line-height: 60px;
margin-left: -1px;
border: 1px solid #fff;
font-size: 20px;
color: #fff;
transition: all ease-in 0.2s;
}
.profile .tab a:hover {
background: #fff;
color: #134b7c;
}
.products {
position: relative;
z-index: 1;
padding: 44px 0;
background: #f6f6f6;
min-width: 1200px;
}
.products:before,
.products:after {
content: "";
display: block;
width: 100%;
border-top: 1px solid #ddd;
}
.products .line {
position: absolute;
top: 0;
left: 35px;
right: 44px;
bottom: 0;
z-index: -1;
}
.products .line:before,
.products .line:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
border-left: 1px solid #ddd;
}
.products .line:before {
left: 0;
}
.products .line:after {
right: 0;
}
.products .title {
border-bottom: 1px solid #ddd;
}
.products .title .container {
display: flex;
align-items: center;
}
.products .title .products-center {
padding-left: 40px;
border-left: 1px solid #ddd;
}
.products .title h2 {
flex-shrink: 0;
width: 700px;
}
.products .title h6 {
padding: 50px 0 30px;
line-height: 1;
font-size: 34px;
color: #333;
}
.products .title h6 a {
color: #333;
}
.products .title p {
line-height: 40px;
font-size: 20px;
color: #333;
}
.products .title p a {
margin-right: 34px;
white-space: nowrap;
color: #333;
}
.products .title p a:hover {
color: #205380;
}
.products .title .control {
display: flex;
align-items: center;
padding: 45px 0 55px;
}
.products .title .control a {
width: 70px;
height: 70px;
margin-right: 30px;
line-height: 70px;
border-radius: 50%;
background: #fff;
text-align: center;
font-family: simsun;
font-size: 20px;
color: #124a7b;
}
.products .title .control a.disabled {
color: #ccc;
}
.products .products-pc {
display: block;
}
.products .products-h5 {
display: none;
}
.products .list {
display: flex;
padding: 55px 0;
}
.products .list .swiper-container {
margin-left: calc((100% - 1200px) / 2);
}
.products .list .swiper-slide {
width: 560px;
}
.products .card {
position: relative;
display: block;
width: 560px;
height: 700px;
overflow: hidden;
background: rgba(255, 255, 255, .9);
}
.products .card img {
width: 376px;
height: 376px;
margin: 72px auto 50px;
border-radius: 50%;
}
.products .card b {
display: block;
line-height: 50px;
text-align: center;
font-size: 30px;
color: #333;
}
.products .card span {
display: block;
margin: 36px 28px 0;
line-height: 30px;
font-size: 20px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.products .card .mask-more {
position: absolute;
top: 100%;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
padding: 0 30px;
background: rgba(19,75,124, 0.95);
transition: all ease-in-out 0.8s;
overflow: hidden;
}
.products .card .mask-more b {
margin-top: 240px;
color: #fff;
}
.products .card .mask-more span {
-webkit-line-clamp: 4;
color: #fff;
}
.products .card .mask-more .btn {
display: inline-block;
padding: 10px 20px;
line-height: 1.12;
border: 1px solid #fff;
}
.products .card:hover .mask-more {
top: 0;
}
.products .card .mask-more .btn:hover {
background: #fff;
color: #134b7c;
}
.exhibition {
padding: 126px 0;
}
.exhibition h2 .more {
margin-top: 30px;
font-size: 20px;
color: #333;
}
.exhibition h2 .more:after {
content: "→";
margin-left: 10px;
margin-right: 10px;
transition: all ease-in 0.1s;
}
.exhibition h2 .more:hover {
color: #205380;
}
.exhibition h2 .more:hover:after {
margin-left: 5px;
margin-right: 0;
}
.exhibition .info {
width: 1200px;
margin: 0 auto;
box-sizing: border-box;
padding-left: 349px;
}
.exhibition .info h2 {
margin-bottom: 60px;
}
.exhibition .info .img {
position: relative;
z-index: 1;
display: block;
width: 850px;
height: 440px;
overflow: hidden;
}
.exhibition .info .img img {
transition: all ease-in-out 0.2s;
}
.exhibition .info .img:hover img {
transform: scale(1.05);
}
.exhibition .info .text {
display: block;
margin-left: 337px;
margin-top: 30px;
}
.exhibition .info .title {
font-size: 30px;
color: #333;
}
.exhibition .info .title:hover {
color: #205380;
}
.exhibition .info p {
margin: 0;
}
.news-center {
margin-top: 100px;
}
.news-center h2 {
margin-bottom: 60px;
}
.news-center li {
margin-left: 99px;
}
.news-center li:first-child {
margin-left: 0;
}
.news-center .item-news {
display: block;
width: 550px;
}
.news-center .item-news img {
display: block;
width: 100%;
height: 320px;
}
.news-center .item-news h6 {
margin-top: 25px;
line-height: 30px;
font-size: 20px;
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-center .item-news .summary {
margin-top: 20px;
line-height: 24px;
height: 48px;
font-size: 16px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.news-center .item-news .time {
margin-top: 40px;
width: 58px;
padding-top: 10px;
line-height: 24px;
border-top: 2px solid #134b7c;
font-size: 16px;
color: #666;
transition: all ease-in 0.2s;
}
.news-center .item-news:hover h6 {
color: #205380;
}
.news-center .item-news:hover img {
opacity: 0.8;
}
.news-center .item-news:hover .time {
width: 100%;
}