.banner{width: 100%;height: 864px;background:url(../images/about/banner.png) no-repeat center 0 fixed;-webkit-background-size: 100% auto;background-size: 100% auto;z-index: 1;}
.main{padding:50px 0 70px 0;}
.main .title{text-align: center;}
.main .title .top{font-size: 56px;color:#555;}
.main .title .small{padding: 10px 112px 0;text-align: center;font-size: 15px;line-height: 26px;color:#555;}
/*imgBox*/
.imgBox{overflow: hidden;padding:50px 0;}
.imgboxBd{overflow: hidden;width: 1042px;margin:0 auto;}
.imgBox .one{width: 508px;height: 313px;overflow: hidden;margin-bottom: 16px;}
.imgBox .two{width: 240px;height: 167px;overflow: hidden;}
.imgBox .three{width: 240px;height: 167px;overflow: hidden;}



/*imgBox2*/
.imgBox2{width: 100%;height:920px;background:url(../images/about/small-banner1.png) no-repeat center 0 fixed;-webkit-background-size: cover;
background-size: cover;text-align: center;}
.imgBox3{width: 100%;height:740px;background:url(../images/about/small-banner2.png) no-repeat center 0 fixed;-webkit-background-size: cover;
background-size: cover;text-align: center;}
.imgBox2 .father{padding-top: 194px;}
.imgBox2 p{color:#fff;font-size: 48px;line-height: 64px;}

/*corporate*/
.corporate{background: #f7f7f9; padding-top: 47px;overflow: hidden;padding-bottom: 60px;}
.corporate .left{overflow: hidden;padding-left: 120px;width: 50%;}
.corporate .left p{font-size: 35px;color:#898989;padding-top: 10px;}

.corporate01{overflow: hidden;background: #fff;padding-top: 110px;padding-bottom: 86px;}
.corporate02{overflow: hidden;background: #f7f7f9;padding-top: 110px;padding-bottom: 86px;}
.corporate .odd{height:530px;background:url(../images/about/about1.png) no-repeat 420px center;}
.corporate .odd2{height:410px;background:url(../images/about/about2.png) no-repeat 180px center;}
.corporate .odd3{height:420px;background:url(../images/about/about3.png) no-repeat 600px center;}
.corporate .odd2 p{text-align: right;}
.corporate01 .left{padding-right: 88px;}

/*brand*/
.brand-bd,.brand-ft,.mainBody{width: 830px;margin:0 auto;}
.brand-bd .list{display: inline-block;width: 225px;height:auto;text-align: center;margin-right: 70px;padding-top: 40px;}
.brand-bd .list .box{width: 225px;height: 167px;overflow: hidden;}
.brand-bd .list p{padding-top: 10px;font-size: 12px;line-height: 18px;color:#898989;}
.brand-ft {overflow: hidden;padding: 10px 0;}
.brand-ft .chil{width: 162px;height:auto;overflow: hidden;margin-right: 56px;display: inline-block;margin-top: 20px;}
.brand-ft .chil .box1{width: 162px;height:218px;overflow: hidden;} 
.brand .no-mr{margin-right: 0;}
.brand-ft .chil p{padding-top: 10px;font-size: 12px;line-height: 18px;color:#898989;}
.brand-bd .list .box img,.brand-ft .chil .box1 img{transition:all .4s;}
.brand-bd .list:hover p,.brand-ft .chil:hover p{color:#005d97;}
/*imgBox3*/
.main4 .mainBody{overflow: hidden;padding-top: 70px;padding-bottom: 64px;}
.main4 .bodyL{width: 50%;height: auto;background:url(../images/about/body-bg.png)repeat-y  right top;position: relative;padding-top: 68px;}
.main4 .bodyR{width: 50%;height:auto;position: relative;}

.main4 .sdotted{width: 9px;height: 9px;background: #535354;border-radius:50%;position: absolute;}
.main4 .link{width: 20px;height: 1px;background: #535354;position: absolute;}
.main4 .dotted{width: 90px;height: 90px;border: 1px solid #535354;border-radius:50%;position: absolute;text-align: center;}

.main4 .dotted h6{font-size: 30px;padding-top:16px;color:#555555;}
.main4 .dotted p{font-size: 12px;color:#555555;}
.main4 .bodyR .txt{float:right;}
.main4 .txt h5{font-size: 18px;color:#898989;font-weight: bold;}
.main4 .txt p{font-size: 14px;line-height: 26px;color:#898989;}
.main4 .base{width: 100%;height:122px;padding-top: 20px;position: relative;}
.main4 .one1 .link{left:3px;top:52.5%;}
.main4 .one .link{right:3px;top:51.5%;}
.main4 .two .link{right:3px;top:51.5%;}
.main4 .three .link{right:3px;top:51.5%;}
.main4 .two1 .link{left:3px;top:51.5%;}
.main4 .three1 .link{left:3px;top:51.5%;}
.main4 .one1 .sdotted{left:-4.5px;top:50%;}
.main4 .one .sdotted{right:-4.5px;top:50%;}
.main4 .two .sdotted{right:-4.5px;top:50%;}
.main4 .three .sdotted{right:-4.5px;top:50%;}
.main4 .two1 .sdotted{left:-4.5px;top:50%;}
.main4 .three1 .sdotted{left:-4.5px;top:50%;}
.main4 .one1 .dotted{left:23px;top:40px;}
.main4 .one .dotted{right:23px;top:50%;margin-top: -45px;}
.main4 .two .dotted{right:23px;top:28px;}
.main4 .three .dotted{right:23px;top:28px;}
.main4 .two1 .dotted{left:23px;top:28px;}
.main4 .three1 .dotted{left:23px;top:28px;}
.main4 .one .txt{width:71%;text-align: right;}
.main4 .two .txt{width:70%;margin-top: 40px;text-align: right;}
.main4 .three .txt{width:70%;margin-top: 40px;text-align: right;}
.main4 .one1 .txt{width:70%;margin-top: 40px;}
.main4 .two1 .txt{width:70%;margin-top: 40px;}
.main4 .three1 .txt{width:70%;margin-top: 40px;}
.main4 .base:hover h5,.main4 .base:hover h6,.main4 .base:hover p{color:#005d97;}
.main4 .base:hover .dotted{border: 1px solid #005d97;}
.map{width: 100%;height:430px;border-top:1px solid #e5e5e5;}

/*字体的调用*/
.main h4{font-weight: bold;font-size: 75px;line-height: 60px;color:#005d97;font-family: 'dincondensedcdincondensed', truetype;}
.corporate .odd2{text-align: right;}
.corporate .odd2 .left{width: 52%;}
.corporate .odd3 .left{width: 50%;}
.corporate h4{font-size: 55px;color:#005d97;line-height: 56px;font-family: 'dincondensedcdincondensed', truetype;font-weight: bold;}