.culture-title{text-align:center;font-size:36px;color:#2b2b2b;line-height:46px}
.culture-idea{padding-top:145px;background:url(../images/wh-bg.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.idea-box{margin-top:82px;position:relative;padding-bottom:90px}
.idea-box .text{width:50%;padding-left:68px;margin-top:28px}
.idea-box .text p{font-size:20px;color:#0f0f0f;line-height:40px;margin-bottom:10px;padding-left:30px;position:relative}
.idea-box .text p::before{content:'';width:17px;height:17px;position:absolute;left:0;top:12px;background:url(../images/wh-dot.png) no-repeat center}
.idea-box .pic{position:absolute;right:94px;top:-28px;max-width:500px;width:100%}
.idea-box .pic img{-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.idea-box .pic:hover img{-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);}
.culture-trust{padding:100px 0}
.trust-box .culture-title{text-align:left;margin-bottom:34px}
.trust-box .pic{float:left;width:44%;padding:0 51px}
.trust-box .pic img{display:block;width:100%;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.trust-box .pic:hover img{-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);}
.trust-box .text{float:right;width:56%;margin-top:128px;padding-left:10px}
.trust-box .text p{font-size:20px;color:#0f0f0f;line-height:40px;margin-bottom:10px;padding-left:30px;position:relative}
.trust-box .text p::before{content:'';width:17px;height:17px;position:absolute;left:0;top:12px;background:url(../images/wh-dot1.png) no-repeat center}
.culture-develop{padding-bottom:112px}
.culture-develop .culture-title{margin-bottom:46px}
.culture-develop ul{font-size: 0}
.culture-develop li{display: inline-block;vertical-align: top;width:20%;text-align:center;padding:0 10px}
.culture-develop li p{font-size:20px;color:#0f0f0f;line-height:30px;margin-top:15px}
.culture-develop li:nth-child(1) .con{background-image:url(../images/wz-bg1.jpg)}
.culture-develop li:nth-child(2) .con{background-image:url(../images/wz-bg2.jpg)}
.culture-develop li:nth-child(3) .con{background-image:url(../images/wz-bg3.jpg)}
.culture-develop li:nth-child(4) .con{background-image:url(../images/wz-bg4.jpg)}
.culture-develop li:nth-child(5) .con{background-image:url(../images/wz-bg5.jpg)}
.culture-develop li .con{-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;padding:40px 0 25px;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.culture-develop li:hover .con{-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);}
.culture-manage{background:url(../images/wh-bg1.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:95px 0 105px}
.manage-box{margin-top:100px}
.manage-text{float:left;width:50%;padding:0 10px 0 80px}
.manage-text dl{background-color:#fff;-webkit-box-shadow:0 8px 30px rgba(204,211,219,.1);-moz-box-shadow:0 8px 30px rgba(204,211,219,.1);-ms-box-shadow:0 8px 30px rgba(204,211,219,.1);-o-box-shadow:0 8px 30px rgba(204,211,219,.1);box-shadow:0 8px 30px rgba(204,211,219,.1);margin-bottom:53px;padding:45px 54px 24px;position:relative}
.manage-text dl dt{padding:0 20px;font-size:28px;color:#0f0f0f;line-height:38px;position:absolute;left:160px;top:-30px;z-index:1}
.manage-text dl dt::after{content:'';position:absolute;left:0;right:0;bottom:2px;background-color:#d7e7ff;height:14px;z-index:-1}
.manage-text dl dd{font-size:18px;color:#0f0f0f;line-height:28px;margin-bottom:16px}
.manage-pic{float:right;width:50%;overflow:hidden}
.manage-pic ul{padding-left:24px}
.manage-pic li{float:left;width:50%;margin-bottom:33px}
.manage-pic li.one{width:100%}
.manage-pic li .pic{display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:78.8%}
.manage-pic li.one .pic{padding-top:66%}
.manage-pic li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.manage-pic li:nth-of-type(2),.manage-pic li:nth-of-type(4){padding-right:15px}
.manage-pic li:nth-of-type(3),.manage-pic li:nth-of-type(5){padding-left:15px}
.manage-pic li .pic:hover img{-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);}
@media only screen and (max-width:1439px){
.idea-box .pic{right:0}
}
@media only screen and (max-width:1279px){
.culture-idea{padding-top:120px}
.idea-box .text{padding-left:30px}
.trust-box .pic{padding:0 30px}
.manage-text dl dt{left:80px}
.manage-text{padding:0 10px 0 40px}
}
@media only screen and (max-width:1199px){
.culture-idea{padding-top:80px;padding-bottom:20px}
.culture-trust{padding:50px 0}
.culture-develop{padding-bottom:50px}
.culture-manage{padding:50px 0}
.culture-title{font-size:24px;line-height:34px;margin-bottom:20px}
.idea-box .text{padding-left:0}
.idea-box .pic{max-width:400px}
.idea-box .text p,.trust-box .text p{font-size:16px;line-height:2em}
.trust-box .pic{padding:0}
.trust-box .text{margin-top:30px;padding-left:20px}
.culture-develop li p{font-size:16px;line-height:26px}
.manage-text{padding:0}
.manage-pic li{margin-bottom:10px}
.manage-pic li:nth-of-type(2),.manage-pic li:nth-of-type(4){padding-right:5px}
.manage-pic li:nth-of-type(3),.manage-pic li:nth-of-type(5){padding-left:5px}
.manage-text dl{padding:45px 20px 24px}
.manage-text dl dt{font-size:20px}
.manage-text dl dd{font-size:16px;line-height:1.5em}
}
@media only screen and (max-width:959px){
.idea-box .pic{max-width:330px;top:0}
.idea-box{margin-top:30px;padding-bottom:40px}
.idea-box .text p::before,.trust-box .text p::before{top:8px}
.culture-develop li{padding:0 5px}
}
@media only screen and (max-width:767px){
.culture-idea{padding-top:50px}
.idea-box .text{width:100%}
.idea-box .pic{position:static;max-width:440px;margin-top:20px}
.trust-box .pic{width:100%}
.trust-box .text{width:100%;padding-left:0}
.culture-develop li .con{padding:25px 0 15px}
.culture-develop li{width:33.3%;margin-bottom:10px}
.manage-text dl dt{left:20px;padding:0 10px}
.manage-text{width:100%}
.manage-pic{width:100%}
.manage-pic ul{padding-left:0}
.manage-box{margin-top:50px}
}