.waiheader{top: 0;width: 100%; background-image: url(../image/guanyubc.png);height: 540px;}
.bcont-about{width: 1520px; margin: 0 auto; margin-top: 42px; margin-bottom: 20px;}
.abt-left{width: 43%; float: left;}
.abt-righ{width: 53%; float: right; height: 382px; background-color:rgba(73, 103, 159, 0.8); border-radius: 20px; box-sizing: border-box; padding: 30px 50px;}
.abt-righ p{font-size: 18px; color: #fff;}
.abt-righ .shinip{font-size: 16px;}
.abt-righ h2 {font-size:24px;color:#ff7f56;margin: 12px 0;}
.fombox {margin-top: 15px; margin-bottom: 21px;}
.abt-righ textarea{width: 100%;display: block; height: 76px; border-radius: 3px; box-sizing: border-box; font-size: 16px; padding: 10px; margin-bottom: 20px;}
.fombox input{float: left;width:47%;box-sizing: border-box; padding:0 10px;height:49px;font-size: 16px;background:#ffffff;border:1px solid;border-color:#3c517b;border-radius:3px;}
.fombox input:nth-child(2){float: right;}
.abt-righ button{display: block; width: 324px; margin: 0 auto;height: 53px;background-image: linear-gradient(180deg,#e06768 0%,#bd2d31 100%);border-radius: 26.5px; font-size: 16px; color: #fff; border: 1px solid #e06768;}
.abt-l01{color: #fff; height: 60px; margin-top: 20px; margin-bottom: 42px;}
.abt-l01 h1{float: left;width: 160px; height: 56px; color: #ffffff;font-size: 40px;font-weight: 400;}
.abt-l01 p{float: right; line-height: 30px;height: 60px;color: #f0f0f0;font-size: 20px; position: relative;}
.abt-l01 p::after {content: '';display: block;width: 2px;height: 40px;    position: absolute;bottom:10px;left: -38px;background-color:#fff;}
.abt-l02{padding: 20px 0; padding-left: 40px; border-bottom: 2px dashed #818181;border-top: 2px dashed #818181; margin-bottom: 49px;}
.abt-l02 h2 {color:#ff8056;font-size:24px; font-weight: 400;padding-bottom: 13px;}  
.abt-l02 p{font-size: 18px; color: #fff; }
.abt-l02 p>span{color: #ff8056;}
.ab-dzhi{color: #d1e6ff;font-size:20px;}



.bcont-about{width: 1520px; margin: 0 auto; margin-top: 12px; margin-bottom: 20px;}
.abt-left{width: 43%; float: left;}
.abt-righ{width: 53%; float: right; height: 382px; background-color:rgba(73, 103, 159, 0.8); border-radius: 20px; box-sizing: border-box; padding: 30px 50px;}
.abt-righ p{font-size: 18px; color: #fff;}
.abt-righ .shinip{font-size: 16px;}
.abt-righ h2 {font-size:24px;color:#ff7f56;margin: 12px 0;}
.fombox {margin-top: 15px; margin-bottom: 21px;}
.abt-righ textarea{width: 100%;display: block; height: 76px; border-radius: 3px; box-sizing: border-box; font-size: 16px; padding: 10px; margin-bottom: 20px;}
.fombox input{float: left;width:47%;box-sizing: border-box; padding:0 10px;height:49px;font-size: 16px;background:#ffffff;border:1px solid;border-color:#3c517b;border-radius:3px;}
.fombox input:nth-child(2){float: right;}
.abt-righ button{display: block; width: 324px; margin: 0 auto;height: 53px;background-image: linear-gradient(180deg,#e06768 0%,#bd2d31 100%);border-radius: 26.5px; font-size: 16px; color: #fff; border: 1px solid #e06768;}
.abt-l01{color: #fff; height: 60px; margin-top: 30px; margin-bottom: 42px;}
.abt-l01 h1{float: left;width: 160px; height: 56px; color: #ffffff;font-size: 40px;font-weight: 400;}
.abt-l01 p{float: right; line-height: 28px;height: 60px;color: #f0f0f0;font-size: 20px; position: relative;}
.abt-l01 p::after {content: '';display: block;width: 2px;height: 40px;    position: absolute;bottom:10px;left: -38px;background-color:#fff;}
.abt-l02{padding: 20px 0; padding-left: 40px; border-bottom: 2px dashed #818181;border-top: 2px dashed #818181; margin-bottom: 49px;}
.abt-l02 h2 a{display: block; color:#ff8056;font-size:24px; font-weight: 400;padding-bottom: 13px;}  
.abt-l02 h2 a:hover{color: #da353b;}
.abt-l02 p{font-size: 22px; color: #fff; }
.abt-l02 p>span{color: #ff8056;}
.ab-dzhi{color: #d1e6ff;font-size:20px;}
/* 内容 */
.ab-conts{width: 1520px;margin: 0 auto; text-align: center;}
.ab-gxtitle{width: 1340px; margin: 50px auto;}
.ab-gxtitle h1{color: #232323; margin-bottom: 20px ;font-size: 36px;font-weight: 400; }
.ab-gxtitle p{font-size: 16px;line-height: 28px;}
.haha{height: 1200px; background-color: #3c517b;}

.ab-gxsige {display: flex; justify-content: space-between;}
.ab-gxsige dl{width: 337px;height: 443px; border-radius: 20px; overflow: hidden;box-shadow:0px 0px 12px rgba(0, 0, 0, 0.1); box-sizing: border-box;transition: all .3s;}
.ab-gxsige dl dt{height: 215px;width: 100%; box-sizing: border-box; background:linear-gradient(180deg,#3c5380 0%,#6080bd 100%);padding-top: 46.5px;}
.ab-gxsige dl dt img{display: block; max-width: 100%; margin: 0 auto; transition: all .5s;}
.ab-gxsige dl:hover img{transform: rotate(180deg);}
.ab-gxsige dl:hover {margin-top: -8px;}
.ab-gxsige dl dd {padding: 0 25px;}
.ab-gxsige dl dd h2{margin-top: 43px;font-size:22px;}
.ab-gxsige dl dd p{font-size:17px;margin-top: 16px; line-height: 34px;}
.abt-righ button:hover{border: 2px solid #ff8a8a;}

.haonb img{display: block;-webkit-user-drag:none; margin: 10px 0;}
.abn-zuihs {text-align: left;}
.abn-zuihs p{font-size: 22px;font-weight: 200; }
.abn-zuihs h2{font-size:22px; font-weight: 400; margin-bottom: 45px; }
.abn-zuihs a img{ position: relative;top: 20px;}
.maps{border-top: 2px solid #3D3D3D;border-bottom: 2px solid #727272;}
.artyix{display: none;}
@media screen and (max-width:500px) {
    .bcont-about{width: 98%;}
    .abt-left,.abt-righ{width: 100%;float: none;}
    .abt-l01 h1{font-size: 22px;height: auto;}
    .waiheader{height: auto;}
    .abt-l01 p{font-size: 16px;}
    .abt-l01 h1{width: 26%;line-height: 40px; padding-left: 10px;}
    .abt-l01 p{width: 65%; font-size: 14px; line-height: 24px;height: auto;}
    .maps{display: none;}
    .haonb img{width: 98%; display: block;}
    .ab-gxsige dl dt{height: auto;}
    .ab-gxsige dl{width: 49%; height: auto; margin-bottom: 10px;}
    .ab-gxsige{flex-wrap: wrap;}
    .ab-gxsige dl dd{padding: 0 10px;}
    .ab-gxsige dl dd h2{font-size: 16px; margin-top: 10px;}
    .ab-gxsige dl dd p{font-size: 14px;line-height: 22px; margin-bottom: 10px;}
    .ab-gxsige dl dt{padding: 10px 0;}
    .abn-zuihs p,.abn-zuihs h2{font-size: 14px;}
    .abn-zuihs h2{display: none;}
    .waiheader{padding-bottom: 10px;}
    .abt-righ{height: auto;padding: 15px 10px; border-radius: 10px;}
    .ab-dzhi{margin-bottom: 10px;font-size: 14px;padding-left: 10px;}
    .abt-righ h2,.abt-righ p{font-size: 16px;}
    .fombox input{line-height: 40px;font-size: 16px; height: 40px;}
    .abt-righ button{height: 40px; font-size: 16px;border-radius: 8px; width: 100%;}
    .abt-righ textarea{margin-bottom: 10px;}
    .fombox{margin: 10px 0;}
    .abt-righ .shinip{font-size: 14px;}
    .abt-righ textarea,.fombox input{font-size: 14px;}
    .abt-l02{margin-bottom: 10px; padding: 10px 15px;}
    .abt-l02 h2 a{font-size: 16px;padding-bottom: 0;}
    .abt-l02 p{font-size: 16px;}
    
    .abt-l01{margin: 10px auto;}
    .artyix2{display: none;}
    .artyix{display: block;}
    .abt-l01 p::after{left: -18px;width: 1px;height: 30px;}
    .abt-l01{height: 45px;}
    .ab-gxsige dl dd p{margin-top: 5px;color: #727272;}
    .ab-gxsige dl{border-radius: 10px;}

}