html{
overflow-x: hidden;
}
.part-banner{
position: relative;
width: 100%;
text-align: center;
height: 350px;
overflow: hidden;
}
.part-banner .img{
position: absolute;
top: 0;
left: 50%;
margin-left: -960px;
width: 1915px;
height: 350px;
}
.part-banner .btn-contact{
position: absolute;
width: 115px;
height: 37px;
top: 318px;
left: 50%;
margin-left: -556px;
}
.intro{
margin-top: 50px;
}
.intro .center-container{
position: relative;
z-index: 3;
height: 510px;
}
.intro .center-container:after{
content: '';
position: absolute;
z-index: 1;
width: 622px;
height: 432px;
background: #D5D5DF;
opacity: 0.23;
left: -2px;
bottom: -2px;
}
.intro .bg{
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
width: 683px;
height: 509px;
background: url("../images/p_about_1.png") no-repeat center;
}
.intro .title{
position: absolute;
z-index: 3;
right: 100px;
top: 50px;
font-size: 30px;
font-weight: bold;
color: #444458;
padding-bottom: 15px;
}
.intro .title::after{
position: absolute;
bottom: 0;
right: 0;
content: '';
width: 24px;
border-top: 4px solid #fb8702;
}
.intro .detail{
position: absolute;
z-index: 3;
bottom: 40px;
left: 335px;
width: 1244px;
height: 249px;
background: url("../images/bg_about_1.png") no-repeat center;
box-sizing: border-box;
padding-top: 22px;
padding-left: 28px;
}
.intro .detail .text{
width: 830px;
}
.intro .detail .text p{
font-size: 14px;
font-weight: 400;
line-height: 1.8;
color: #444458;
margin-bottom: 10px;
text-indent: 30px;
}
.intro-table{
margin-top: 75px;
font-size: 0;
text-align: center;
}
.intro-table .item{
display: inline-block;
vertical-align: top;
width: 271px;
height: 369px;
background: #FFFFFF;
border: 1px solid #FB8702;
border-radius: 19px;
box-sizing: border-box;
padding: 55px 24px 0;
margin: 0 30px;
}
.intro-table .item .imgwrap{
width: 60px;
height: 60px;
margin: 0 auto 5px;
background-color: #fff;
border-radius: 50%;
text-align: center;
}
.intro-table .item .img{
width: 60px;
height: 60px;
display: table-cell;
vertical-align: middle;
}
.intro-table .item .tit{
font-size: 18px;
font-weight: bold;
color: #666666;
margin-bottom: 48px;
}
.intro-table .item .desc{
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #444458;
text-align: left;
}
.intro-table .item:hover{
background: #FB8702;
box-shadow: 0px 0px 10px #ABABAB;
}
.intro-table .item:hover .imgwrap{
box-shadow: 0px 3px 6px #C16700;
}
.intro-table .item:hover .tit{
color: #fff;
}
.intro-table .item:hover .desc{
color: #fff;
}
.culture{
margin-top: 120px;
}
.culture .part-tit{
font-size: 30px;
font-weight: bold;
color: #444458;
text-align: center;
margin-bottom: 50px;
}
.culture .items{
width: 100%;
height: 192px;
background: url("../images/bg_about_3.png") no-repeat center;
font-size: 0;
text-align: center;
}
.culture .items .item{
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 448px;
padding-top: 56px;
padding-left: 60px;
}
.culture .items .item .media-left{
padding-right: 16px;
}
.culture .items .item .media-body{
padding-top: 10px;
}
.culture .items .item .icon{
display: block;
width: 80px;
height: 80px;
}
.culture .items .item p{
font-size: 14px;
color: #fff;
line-height: 1.8;
text-align: left;
}
.culture .items .item p.tit{
font-size: 18px;
font-weight: bold;
}
.culture .items .item:first-child .media{
padding-left: 100px;
}
.teamers{
margin-top: 95px;
text-align: center;
}
.teamers .tit{
font-size: 30px;
font-weight: bold;
color: #444458;
margin-bottom: 50px;
}
.teamers .imgs ul{
font-size: 0;
text-align: center;
}
.teamers .imgs ul li{
display: inline-block;
width: 388px;
height: 258;
overflow: hidden;
margin: 0 9px;
}
.teamers .imgs ul li img{
transition: transform .35s;
}
.teamers .imgs ul li:hover img{
transform: scale(1.1);
}
.contactus{
margin-top: 96px;
}
.contactus .tit{
font-size: 30px;
font-weight: bold;
color: #444458;
margin-bottom: 65px;
text-align: center;
}
.contactus .address{
}
.contactus .adds-list{
float: left;
width: 438px;
}
.contactus .adds-list .item{
padding: 15px 0 15px 50px;
font-size: 14px;
color: #999;
margin-bottom: 5px;
cursor: pointer;
}
.contactus .adds-list .item .city{
font-size: 0;
margin-bottom: 5px;
}
.contactus .adds-list .item .city i{
display: inline-block;
vertical-align: -5px;
margin-left: -25px;
width: 22px;
height: 22px;
background: url("../images/i_about_address.png") no-repeat center;
margin-right: 5px;
}
.contactus .adds-list .item .city span{
font-size: 18px;
font-weight: bold;
color: #444458;
}
.contactus .adds-list .item.on{
background: #FB8702;
box-shadow: 0px 0px 2px #E6DBCE;
border-radius: 20px 40px 0px 20px;
color: #fff;
}
.contactus .adds-list .item.on .city i {
background-image: url("../images/i_about_address_on.png");
}
.contactus .adds-list .item.on .city span{
color: #fff;
}
.contactus .map{
margin-left: 490px;
}
.contactus .map #map-container{
width: 100%;
height: 420px;
}
/* Õ½ÂÔºÏ×÷»ï°é */
.partner{
margin-top: 96px;
margin-bottom: 96px;
}
.partner .tit{
font-size: 30px;
font-weight: bold;
color: #444458;
margin-bottom: 50px;
text-align: center;
}
.partner .partners{
margin-top: 96px;
margin-left: -14px;
margin-right: -14px;
font-size: 0;
text-align: center;
}
.partner .partners .item{
display: inline-block;
position: relative;
box-sizing: border-box;
width: 590px;
height: 132px;
padding-left: 200px;
padding-top: 24px;
padding-right: 20px;
background: #FDD6A9;
border-radius: 10px;
margin: 0 12px;
text-align: left;
}
.partner .partners .item .logo{
display: table;
text-align: center;
position: absolute;
left: 24px;
bottom: 20px;
width: 150px;
height: 150px;
background: #FFFFFF;
border: 1px solid #A7B0C7;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 6px;
overflow: hidden;
}
.partner .partners .item .logo .img{
display: table-cell;
vertical-align: middle;
}
.partner .partners .item .partner-name{
font-size: 18px;
font-weight: bold;
color: #454D62;
}
.partner .partners .item .partner-name .en{
font-size: 14px;
font-weight: 300;
color: #999999;
margin-left: 8px;
}
.partner .partners .item .partner-full{
font-size: 14px;
font-weight: 400;
color: #666666;
margin-top: 16px;
}