/*banner begin*/

.box1{clear:both; width:100%; height:100%;overflow:hidden; position:relative; z-index:999;}

.banoe{ width:100%; height:100%; padding:19.75rem  12.5rem 0 12.5rem;}

.bobn{ width:100%; height:auto; overflow:hidden;}

.bobn_t{ width:100%; height:auto; min-height:72px !important; position:relative; margin-bottom:3.375rem}

.bobn_t h2{ position:absolute; left:0; bottom:0; color:#fff; font-size:36px; line-height:36px; font-family: "GILROY-REGULAR"; opacity:0;}

.bobn_t h3{ position:absolute; left:0; top:18px; color:rgba(255,255,255,0.3); height:16px; overflow:hidden; font-size:36px; line-height:36px; font-family: "GILROY-REGULAR"; opacity:0;}

.bobn_t h4{ position:absolute; left:0; top:0px; color:rgba(255,255,255,0.1); height:16px; overflow:hidden; font-size:36px; line-height:36px; font-family: "GILROY-REGULAR"; opacity:0;}

.ani-slide .bobn_t h2{ opacity:1;animation-name: zifadeInUp;animation-duration: 1s; z-index:99999}

.ani-slide .bobn_t h3{ opacity:1;animation-name: zifadeInUp;animation-duration: 1.5s; z-index:99999}

.ani-slide .bobn_t h4{ opacity:1;animation-name: zifadeInUp;animation-duration: 2s; z-index:99999}

.bobn_c{ width:100%; height:auto; overflow:hidden; font-size:0; margin-bottom:1.25rem}

.bobn_c i{ color:#fff; font-family:"SimHei"; font-size:72px; line-height:72px; opacity:0; display:inline-block;}

.ani-slide .bobn_c i {animation: subof 1s ease 0.2s both; opacity:1; }

.ani-slide .bobn_c i:nth-child(2){animation-delay:0.13s;}

.ani-slide .bobn_c i:nth-child(3){animation-delay:0.1s;}

.ani-slide .bobn_c i:nth-child(4){animation-delay:0.3s;}

.ani-slide .bobn_c i:nth-child(5){animation-delay:0.1s;}

.ani-slide .bobn_c i:nth-child(6){animation-delay:0.34s;}

.ani-slide .bobn_c i:nth-child(7){animation-delay:0.21s;}

.ani-slide .bobn_c i:nth-child(8){animation-delay:0.18s;}

.ani-slide .bobn_c i:nth-child(9){animation-delay:0.3s;}

.ani-slide .bobn_c i:nth-child(10){animation-delay:0.6s;}

.ani-slide .bobn_c i:nth-child(11){animation-delay:0.55s;}

.ani-slide .bobn_c i:nth-child(12){animation-delay:0.28s;}

.ani-slide .bobn_c i:nth-child(13){animation-delay:0.36s;}

.bobn_v{ height:auto; font-size:24px; line-height:24px; font-family: "GILROY-REGULAR"; color:#fff; margin-bottom:63px; opacity:0;}

.ani-slide .bobn_v{ opacity:1;animation-name: zifadeInUp;animation-duration: 2s; z-index:99999}

.bobn_b{ opacity:0;transition: all 0.5s ease; width:120px; height:40px; border:1px solid #fff; position:relative; overflow:hidden; line-height:40px; text-align:center;}

.bobn_b a{ color:#ffffff; font-size:14px; display:block; position:relative; z-index:11;}

.bobn_b:after { content:'';position: absolute;display: block; width: 0;height: 0;border-radius:50%; background:rgba(0,85,152,0.8);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: width 0.6s, height 0.6s;transition: width 0.6s, height 0.6s; z-index: -1;}

.bobn_b:hover:after { width: 300px;height: 300px;}

.bobn_b:hover{ border-radius:10px;}

.ani-slide .bobn_b{ opacity:1;animation-name: zifadeInUp;animation-duration: 2s; z-index:99999}

@media(max-width:1440px){

.banoe{ padding:16rem 3.75rem 0 3.75rem;}	

}

@media(max-width:1366px){

.banoe{ padding:11rem 3.75rem 0 3.75rem;}	

}

@media(max-width:1024px){

.banoe{ padding:250px 30px 0 30px;}	

.bobn_c i{ font-size:30px; line-height:30px;l}

.bobn_v{ font-size:18px; margin-bottom:30px;}

.bobn_t{ margin-bottom:30px;}

}

@media(max-width:450px){

.banoe{ padding:180px 15px 0 15px;}	

.bobn_c i{ font-size:30px; line-height:30px;l}

.bobn_v{ font-size:18px; margin-bottom:30px;}

.bobn_t{ margin-bottom:30px;}

}

/*banner end*/



/*main begin*/

.box2{ width:100%; height:auto; overflow:hidden; background:url(../images/bg.jpg) repeat-x #fff; /*margin-top:-150px;*/ padding:0px 100px 0 100px; position:relative;}

.gong{ width:100%; height:auto; position:relative; z-index:1111;background: #f9f9f9; overflow: hidden;}

.guon{ float:left; width:50%; height:auto; overflow:hidden; /*margin-top:150px;*/ position:relative;}

.guon span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#005598;}

.guon img{ display:block; width:100%;}

.guom{ float:right; width:50%; height:auto; overflow:hidden; background:#f9f9f9; position:relative; z-index:11; /*min-height:922px !important;*/ padding:45px 100px 0 97px;}

.guom_t{ height:auto; text-align:right; margin-bottom:95px;}

.guom_t i{ display:block; text-align:right; color:#005598; font-size:18px; font-family: "GOTHIC"; line-height:18px; margin-bottom:16px;}

.guom_t em{ display:block; width:2px; height:20px; background:#005598; float: right; margin-bottom:14px; overflow:hidden;}

.guom_t font{ display:block; text-align:right; color:#005598; font-size:60px; text-transform:capitalize;  font-family: "GOTHICB"; clear:both; line-height:60px; margin-bottom:20px;}

.guom_t span{ text-align:right; display:block; color:#005598; font-family: "SOURCEHANSANSCN-REGULAR_1"; font-size:30px; line-height:30px;}

.guom_c{ height:auto; overflow:hidden; margin-bottom:30px;}

.guom_c p{ line-height:30px; color:#666666; font-size:16px; margin-bottom:25px;}

.guom_c p:last-child{ margin-bottom:0px;}

.guom_b{ height:auto; overflow:hidden;}

.guom_bt{ height:auto; position:relative; color:#005598; font-size:24px; line-height:24px; margin-bottom:25px;}

.guom_bb{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}

.guom_bb li{ width:100%; height:auto; min-height:90px !important; border-top:1px solid #005598; background:#f3f3f3; padding:15px 12px 0 12px; margin-bottom:0px;}

.guom_bb li h6{ color:#333333; font-size:16px; line-height:30px;}

.guom_bb li p{ color:#999999; font-size:14px; line-height:18px;}

.guom_ff{ width:130px; height:40px; background:#005598; line-height:40px; text-align:center;}

.guom_ff a{ display:block; color:#fff; font-size:14px;}

@media(max-width:1680px){

.guom{ /*min-height:793px !important; */padding:45px 50px 0 50px;}	

.guom_t{ margin-bottom:40px;}

.guom_c p{ line-height:24px; margin-bottom:20px;}

.guom_bb li{ margin-bottom:0;}

}

@media(max-width:1600px){

.guom{/* min-height:750px !important; */padding:45px 50px 0 50px;}	

.guom_bb{ margin-bottom:0px;}

.guom_c p{ line-height:24px; margin-bottom:20px; font-size:14px;}

.guom_t font{ font-size:40px; line-height:40px;}	

.guom_bb li p{font-size:12px; line-height:18px;}

.guom_bb li{ margin-bottom:37px; min-height:80px !important; padding:8px 6px 0 6px;}

}

@media(max-width:1440px){

.box2{ padding:0 60px;}

.guom{/* min-height:707px !important;*/ padding:45px 50px 0 50px;}	

.guom_c p{ line-height:24px; margin-bottom:25px; font-size:14px;}

.guom_t span{ font-size:20px; line-height:24px;}

.guom_t font{ font-size:30px; line-height:30px;}	

.guom_t{ margin-bottom:40px;}

.guom_bb li{ margin-bottom:35px;}	
.guom_c{ margin-bottom:20px; }
}

@media(max-width:1400px){

.box2{ padding:0 60px;}

.guom{ /*min-height:688px !important; */padding:45px 50px 0 50px;}	

.guom_c p{ line-height:24px; margin-bottom:15px; font-size:14px;}

.guom_t span{ font-size:20px; line-height:24px;}

.guom_t font{ font-size:30px; line-height:30px;}	

.guom_t{ margin-bottom:40px;}

.guom_bb li{ margin-bottom:35px;}	

}

@media(max-width:1366px){

.guom{ /*min-height:667px !important;*/ padding:45px 50px 0 50px;}	

.guom_c p{ line-height:24px; margin-bottom:15px; font-size:14px;}

.guom_t span{ font-size:20px; line-height:24px;}

.guom_t font{ font-size:30px; line-height:30px;}	

.guom_t{ margin-bottom:30px;}

.guom_bb li{ margin-bottom:10px;}	

}

@media(max-width:1280px){

.guom{/* min-height:621px !important; */padding:45px 30px 0 30px;}	

.guom_c p{ line-height:20px; margin-bottom:15px; font-size:12px;}

.guom_t span{ font-size:20px; line-height:24px;}

.guom_t font{ font-size:30px; line-height:30px;}	

.guom_t{ margin-bottom:20px;}

.guom_bb li{ margin-bottom:20px;}	

}

@media(max-width:1240px){

.guom{ /*min-height:600px !important; */padding:45px 30px 0 30px;}	

.guom_c p{ line-height:20px; margin-bottom:15px; font-size:12px;}

.guom_t span{ font-size:20px; line-height:24px;}

.guom_t font{ font-size:30px; line-height:30px;}	

.guom_t{ margin-bottom:20px;}

.guom_bb li{ margin-bottom:17px;}	

}

@media(max-width:1200px){

.guom{/* min-height:580px !important;*/ padding:45px 30px 0 30px;}	

.guom_c p{ line-height:20px; margin-bottom:15px; font-size:12px;}

.guom_c p:last-child{ display:none;}

.guom_t span{ font-size:20px; line-height:24px;}

.guom_t font{ font-size:30px; line-height:30px;}	

.guom_t{ margin-bottom:20px;}

.guom_bb li{ margin-bottom:17px;}	

}

@media(max-width:1150px){

.guom{/* min-height:554px !important;*/ padding:45px 30px 0 30px;}	

.guom_c p{ line-height:20px; margin-bottom:15px; font-size:12px;}

.guom_c p:last-child{ display:none;}

.guom_t span{ font-size:20px; line-height:24px;}

.guom_t font{ font-size:30px; line-height:30px;}	

.guom_t{ margin-bottom:20px;}

.guom_bb li{ margin-bottom:17px;}	

}

@media(max-width:1024px){

.box2{ padding:0 30px; margin-top:0;}

.guom{ width:100%; min-height:auto !important; padding:30px;}	

.guom_c p{ line-height:20px; margin-bottom:15px; font-size:12px;}

.guom_t span{ font-size:20px; line-height:24px;}

.guom_t font{ font-size:30px; line-height:30px;}	

.guom_t{ margin-bottom:20px;}

.guom_bb li{ margin-bottom:37px;}	

.guon{ width:100%; margin-top:0px;}

}

@media(max-width:450px){

.box2{ padding:0 15px; margin-top:0;}	

}

.box3{ clear:both; width:100%; height:auto; overflow:hidden; padding:0 100px;}

.bvoen{ width:100%; height:auto; overflow:hidden; background:#f0f8fc; padding:0 0 0 110px;}

.vbe_l{ float:left; width:34%; height:auto; padding-top:44px;}

.guom_t1{ text-align:left; margin-bottom:88px;}

.guom_t1 i{ text-align:left;}

.guom_t1 em{ float:left;}

.guom_t1 font{ text-align:left;}

.guom_t1 span{ text-align:left;}

.bego{ height:auto; overflow:hidden; margin-bottom:75px;}

.bego h2{ position:relative; color:#232323; font-size:24px; line-height:35px; margin-bottom:20px; padding-left:84px;transition: all 0.5s ease;}

.bego h2:after{ content:''; position:absolute; left:0; top:18px; width:0px; height:4px; background:#005598;transition: all 0.5s ease;}

.bego p{ line-height:24px; color:#666666; font-size:14px; height:72px; overflow:hidden; padding-left:84px; margin-bottom:28px;}

.bego span{ display:block; width:130px; height:40px; border:1px solid #999999; line-height:40px; text-align:center; color:#999999; font-size:14px; margin-left:84px;transition: all 0.5s ease;}

.bego:hover h2{ color:#005598;}

.bego:hover h2:after{ width:30px;}

.bego:hover span{ background:#005598; border:1px solid #005598; color:#fff;}

.bego1{ margin-bottom:0px;}

.vbe_r{ float:right; width:53.4%; height:auto; overflow:hidden;}

.vbe_r dl{ width:100%; height:auto; position:relative; overflow:hidden;}

.vbe_r dt{ width:100%; height:auto; overflow:hidden; position:relative;}

.vbe_r dt img{ display:block; width:100%; height:auto;transition: all 0.5s ease;}

.vbe_r dt span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#005598;}

.vbe_r dd{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/bg2.png) repeat-y; opacity:0;transition: all 0.5s ease;}

.vbe_r dd span{ display:block; position:absolute; left:0; bottom:0; color:#ffffff; font-size:30px; line-height:30px; font-weight:bold;;transition: all 0.5s ease;}

.vbe_r dd span img{ display:block; max-width:100%; margin-top:30px;}

.vbe_r dl:hover dt img{transform: scale(1.1);}

.vbe_r dl:hover dd{ opacity:1;}

.vbe_r dl:hover dd span{ padding:0 0 50px 65px;}

.vbe_r dl.booo{ float:left; width:82%;}

.grvo{ width:18%; height:152px; background:#005598; text-align:center; float:right; padding-top:40px;}

.grvo a{ display:block; width:100%; color:#fff; font-family: "GOTHIC"; font-size:16px;}

.grvo a img{ display:block; max-width:100%; margin:0 auto; margin-bottom:12px;}

@media(max-width:1680px){

.guom_t1{ margin-bottom:40px;}

.bego{ margin-bottom:45px;}	

.bego p{ margin-bottom:18px;}

.bego h2{ margin-bottom:10px;}

.bego1{ margin-bottom:0px;}

.vbe_r{ float:right; width:54%; height:auto; overflow:hidden;}

}

@media(max-width:1600px){

.guom_t1{ margin-bottom:40px;}

.bego{ margin-bottom:45px;}	

.bego p{ margin-bottom:20px; height:48px;}

.bego h2{ margin-bottom:20px;}

.bego1{ margin-bottom:0px;}

.vbe_r{ float:right; width:54.3%; height:auto; overflow:hidden;}

}

@media(max-width:1440px){

.box3{ padding:0 60px;}	

.guom_t1{ margin-bottom:30px;}

.bego1{ margin-bottom:0px;}

.bego p{ padding-left:64px; margin-bottom:20px; height:48px;}

.bego h2{ padding-left:64px; margin-bottom:20px;}

.bvoen{ padding-left:70px;}

.bego span{ margin-left:64px;}

}

@media(max-width:1366px){

.guom_t1{ margin-bottom:30px;}

.bvoen{ padding-left:70px;}

.bego{ margin-bottom:35px;}	

.bego1{ margin-bottom:0px;}

.bego p{ padding-left:64px; margin-bottom:20px; height:48px;}

.bego h2{ padding-left:64px; margin-bottom:20px;}

.bego span{ margin-left:64px;}

.vbe_r{ float:right; width:53%; height:auto; overflow:hidden;}

}

@media(max-width:1280px){

.guom_t1{ margin-bottom:30px;}

.bvoen{ padding-left:70px;}

.bego{ margin-bottom:30px;}	

.bego1{ margin-bottom:0px;}

.bego p{ padding-left:64px; margin-bottom:10px; height:48px;}

.bego h2{ padding-left:64px; margin-bottom:10px;}

.bego span{ margin-left:64px;}

.vbe_r{ float:right; width:53.2%; height:auto; overflow:hidden;}

}

@media(max-width:1200px){

.guom_t1{ margin-bottom:30px;}

.bvoen{ padding-left:70px;}

.bego{ margin-bottom:20px;}	

.bego1{ margin-bottom:0px;}

.bego p{ padding-left:64px; margin-bottom:10px; height:48px;}

.bego h2{ padding-left:64px; margin-bottom:10px;}

.bego span{ margin-left:64px;}

.vbe_r{ float:right; width:53.5%; height:auto; overflow:hidden;}

}

@media(max-width:1150px){

.guom_t1{ margin-bottom:30px;}

.bvoen{ padding-left:70px;}

.bego{ margin-bottom:10px;}	

.bego1{ margin-bottom:0px;}

.bego p{ padding-left:64px; margin-bottom:10px; height:48px;}

.bego h2{ padding-left:64px; margin-bottom:10px;}

.bego span{ margin-left:64px;}

.vbe_r{ float:right; width:53.5%; height:auto; overflow:hidden;}

}

@media(max-width:1024px){

.box3{ padding:0 30px;}	

.guom_t1{ margin-bottom:30px;}

.bvoen{ padding-left:0px;}

.bego{ margin-bottom:30px;}	

.bego1{ margin-bottom:0px;}

.bego p{ padding-left:64px; margin-bottom:15px; height:48px;}

.bego h2{ padding-left:64px; margin-bottom:10px;}

.bego span{ margin-left:64px;}

.vbe_l{ width:100%; padding:30px;}

.vbe_r{ width:100%;}

}

@media(max-width:450px){

.box3{ padding:0 15px;}	

.bego p{ padding-left:40px; margin-bottom:10px; height:48px;}

.bego h2{ padding-left:40px; margin-bottom:10px;}

.bego span{ margin-left:40px;}

.vbe_r dl:hover dd span{ padding:0 0 20px 20px;}

.vbe_r dd span img{ margin-top:15px; width:25px; height:25px;}

.vbe_r dd span{ font-size:16px; line-height:24px;}

.vbe_r dl.booo{ float:none; width:100%;}

.grvo{ width:102px; height:102px; background:#005598; text-align:center; float:none; margin:0 auto; padding-top:20px;}

.grvo a img{ max-width:30%;}

}

.box4{ clear:both; width:100%; height:auto; overflow:hidden; padding:0 100px;}

.baie{ width:100%; height:auto; position:relative;}

.guom_t2{ position:absolute; right:100px; top:46px;}

.box4 dl{ clear:both; height:auto; overflow:hidden;}

.box4 dt{ float:left; width:50%; overflow:hidden;position:relative;}

.box4 dt span{ display:block; position:absolute; left:0; top:0; width:101%; height:100%; background:#005598;}

.box4 dt img{ display:block; width:100%;}

.box4 dd{ float:right; width:37%; height:auto; overflow:hidden; padding:350px 100px 0 0;}

.boga{ float:right; color:#005598; font-size:24px; position:relative; padding-left:97px; line-height:24px; margin-bottom:30px;}

.boga:after{ content:''; position:absolute; width:30px; height:4px; background:#005598; left:0; top:10px;}

.bogs{ height:auto; overflow:hidden; padding-right:78px; clear:both;}

.bogs h2{ text-align:right; color:#232323; font-size:24px; line-height:35px; margin-bottom:20px;}

.bogs p{ text-align:right; color:#666666; font-size:14px; line-height:24px; margin-bottom:25px;}

.bogs span{ display:block; float:right; width:130px; height:40px; position:relative; border:1px solid #999999; text-align:center; line-height:40px; overflow:hidden;}

.bogs span a{ display:block; position:relative; z-index:11; color:#666666; font-size:14px;transition: all 0.5s ease;}

.bogs span:after { content:'';position: absolute;display: block; width: 0;height: 0;border-radius:50%; background:#005598;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: width 0.6s, height 0.6s;transition: width 0.6s, height 0.6s; z-index: -1;}

.bogs:hover span:after { width: 300px;height: 300px;}

.bogs:hover span{ border:1px solid #005598; }

.bogs:hover span a{ color:#fff;}

.box4 dd.ooo{ padding-top:268px;}

@media(max-width:1680px){

.box4 dd{ padding-top:300px}

.bogs p{ height:48px; overflow:hidden;}

.boga{ margin-bottom:20px;}	

.box4 dd.ooo{ padding-top:218px;}

}

@media(max-width:1600px){

.bogs h2{ line-height:35px; margin-bottom:10px;}

.bogs p{ margin-bottom:10px;}	

}

@media(max-width:1440px){

.box4{ padding:0 60px;}

.bogs h2{ line-height:35px; margin-bottom:10px;}

.bogs p{ margin-bottom:10px;}	

.box4 dd{ width:43%; padding-right:50px; padding-top:246px;}

.guom_t2{ position:absolute; right:50px; top:36px;}

.bogs{ height:auto; overflow:hidden; padding-right:50px; clear:both;}

.boga{ padding-left:67px;}

.box4 dd.ooo{ padding-top:178px;}

}

@media(max-width:1366px){

.box4{ padding:0 60px;}

.bogs h2{ line-height:35px; margin-bottom:10px;}

.bogs p{ margin-bottom:10px;}	

.box4 dd{ width:43%; padding-right:50px; padding-top:246px;}

.guom_t2{ position:absolute; right:50px; top:36px;}

.bogs{ height:auto; overflow:hidden; padding-right:50px; clear:both;}

.boga{ padding-left:67px;}

.box4 dd.ooo{ padding-top:178px;}

}

@media(max-width:1360px){

.box4{ padding:0 60px;}

.bogs h2{ line-height:35px; margin-bottom:10px;}

.bogs p{ margin-bottom:10px;}	

.box4 dd{ width:43%; padding-right:50px; padding-top:240px;}

.guom_t2{ position:absolute; right:50px; top:36px;}

.bogs{ height:auto; overflow:hidden; padding-right:50px; clear:both;}

.boga{ padding-left:67px;}

.box4 dd.ooo{ padding-top:178px;}

}

@media(max-width:1280px){

.box4{ padding:0 60px;}

.bogs h2{ line-height:35px; margin-bottom:10px;}

.bogs p{ margin-bottom:10px;}	

.box4 dd{ width:43%; padding-right:50px; padding-top:210px;}

.guom_t2{ position:absolute; right:50px; top:26px;}

.bogs{ height:auto; overflow:hidden; padding-right:50px; clear:both;}

.boga{ padding-left:67px;}

.box4 dd.ooo{ padding-top:138px;}

}

@media(max-width:1200px){

.boga{ margin-bottom:0px;}	

	

}

@media(max-width:1150px){

.bogs p{ margin-bottom:10px; height:18px; overflow:hidden;}	

	

}

@media(max-width:1024px){

.box4{ padding:0 30px;}

.bogs h2{ line-height:35px; margin-bottom:10px;}

.bogs p{ margin-bottom:10px; height:auto;}	

.box4 dd{ width:43%; padding-right:0; padding-top:0;}

.guom_t2{ position:inherit; right:0; top:0; padding-top:30px;}

.bogs{ height:auto; overflow:hidden; padding-right:50px; clear:both;}

.boga{ padding-left:67px; margin-bottom:15px;}

.box4 dd.ooo{ padding-top:0;}



}

@media(max-width:450px){

.box4{ padding:0 15px;}

.box4 dt{ width:100%;}

.box4 dd{ width:100%; padding-right:0; padding:20px 0;}

.bogs h2{ line-height:24px; font-size:20px; margin-bottom:10px;}

.box4 dd.ooo{ padding-top:30px;}

}

.box5{ clear:both; width:100%; height:auto; overflow:hidden; padding:0 100px;}

.xbon{ width:100%; height:auto; overflow:hidden; background:#f0f8fc; padding:40px 100px 100px 110px;}

.xbon_t{ position:relative;}

.xbon_b{ height:auto; overflow:hidden;}

.bjif{ width:100%; height:auto; overflow:hidden; border-left:1px solid #d2d2d2; min-height:493px !important; padding:0 80px 0 52px;}

.bjif dt{ width:100%; height:auto; overflow:hidden; margin-bottom:50px;transition: all 0.5s ease;}

.bjif dt img{ display:block; margin:0 auto; max-width:100%;}

.bjif dd{ height:auto; overflow:hidden;}

.bjif dd h2{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#232323; font-size:18px; line-height:24px;}

.bjif dd span{ display:block; color:#999999; font-size:14px; font-family: "GOTHIC"; margin-bottom:25px; line-height:24px;}

.bjif dd p{ height:auto; line-height:26px;height: 104px;overflow: hidden; color:#999999; font-size:14px; margin-bottom:45px;}

.bjif dd em{ color:#005598; font-size:14px; display:block; height:0px;transition: all 0.5s ease;}

.bjif dd em img{ vertical-align:middle; margin-left:15px;}

.bjif dd img{ max-width:100%;transition: all 0.5s ease;}

.wziw{ height:0px; overflow:hidden;transition: all 0.5s ease;}

.bjif:hover dt{ height:0px; overflow:hidden; }

.bjif:hover p{ height:auto; overflow:hidden; }

.bjif:hover .wziw{ height:auto;}

.bjif:hover dd em{ height:auto;}

.bjif:hover dd img{ height:0px;}

.bjif:hover dd em img{ height:auto;}



@media(max-width:1600px){

.bjif{ padding:0 40px 0 40px;}	

.bjif dd p{ margin-bottom:35px;}

}

@media(max-width:1440px){

.box5{ padding:0 60px;}

.bjif{ padding:0 40px 0 40px;}	

.bjif dd p{ margin-bottom:35px;}

.xbon{padding:40px 60px 100px 60px;}

}

@media(max-width:1366px){

.box5{ padding:0 60px;}

.bjif{ padding:0 40px 0 40px;}	

.bjif dd p{ margin-bottom:35px;}

.xbon{padding:40px 60px 100px 60px;}

}

@media(max-width:1024px){

.box5{ padding:0 30px;}

.bjif{ padding:0 40px 0 40px;}	

.bjif dd p{ margin-bottom:35px;}

.xbon{padding:40px 60px 100px 60px;}

.bjif dt{ margin-bottom:30px;}

}

@media(max-width:450px){

.box5{ padding:0 15px;}

.bjif{ padding:0 20px 0 20px;}	

.bjif dd p{ margin-bottom:25px;}

.xbon{padding:40px 20px 40px 20px;}

}

/*main end*/



/*走进白云 begin*/

.zj_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:190px 200px 190px 200px}

.zobo{ width:100%; height:auto; overflow:hidden;}

.bobn_t1{ width:100%; height:auto; min-height:72px !important; position:relative; margin-bottom:3.375rem}

.bobn_t1 h2{animation-name: zifadeInUp;animation-duration: 1s; z-index:99999; position:absolute; left:0; bottom:0; color:#fff; font-size:36px; line-height:36px; font-family: "GILROY-REGULAR";}

.bobn_t1 h3{animation-name: zifadeInUp;animation-duration: 1.3s; z-index:99999;  position:absolute; left:0; top:18px; color:rgba(255,255,255,0.3); height:16px; overflow:hidden; font-size:36px; line-height:36px; font-family: "GILROY-REGULAR";}

.bobn_t1 h4{animation-name: zifadeInUp;animation-duration: 1.6s; z-index:99999;  position:absolute; left:0; top:0px; color:rgba(255,255,255,0.1); height:16px; overflow:hidden; font-size:36px; line-height:36px; font-family: "GILROY-REGULAR";}

.zobo_t{ height:auto; overflow:hidden; color:#ffffff; font-family:"SimHei"; font-size:72px; line-height:72px; margin-bottom:15px;}

.zobo_b{ height:auto; color:#fff; font-size:24px;  font-family: "GILROY-REGULAR"; line-height:28px;}

@media(max-width:1680px){

.zj_box{ padding:190px 200px 190px 200px}	

}

@media(max-width:1440px){

.zj_box{ padding:190px 100px 190px 100px}	

}

@media(max-width:1024px){

.zj_box{ padding:150px 30px 100px 30px}	

.zobo_t{ font-size:30px; line-height:30px;}

.zobo_b{ font-size:18px;}

}

@media(max-width:450px){

.zj_box{ padding:110px 15px 50px 15px}	

.zobo_t{ font-size:30px; line-height:30px;}

.zobo_b{ font-size:18px;}

}

.zj_box1{ width:100%; height:auto; overflow:hidden; padding:0 100px; margin-top:-143px; position:relative; z-index:111;}

.gyro{ width:100%; height:auto; overflow:hidden; background:#fff; border-radius:10px; padding:35px 0 0 0;}

.gyro_t{ height:auto; padding-bottom:22px; overflow:hidden; padding:0 100px;}

.gyro_t ul{ float:left; font-size:0;}

.gyro_t li{ display:inline-block; margin-right:125px; padding-bottom:15px;}

.gyro_t li a{ color:#666666; font-size:20px;}

.gyro_t li.red{ background:url(../images/bg3.png) no-repeat center bottom;}

.gyro_t li.red a{ color:#005598;}

.gyro_t li.qcbj{ margin-right:0;}

.gyro_t span{ float:right;}

.gyro_t span a{ color:#005598; font-size:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; line-height:30px;}

.gyro_t span img{ vertical-align:middle; margin-right:18px; margin-top:-5px;}

@media(max-width:1440px){

.zj_box1{ padding:0 60px;}	

.gyro{ width:100%; height:auto; overflow:hidden; background:#fff; border-radius:10px; padding:35px 0px 0 0px;}

.gyro_t{ height:auto; padding-bottom:22px; overflow:hidden; padding:0 60px;}

}

@media(max-width:1024px){

.zj_box1{ padding:0 30px; margin-top:0px;}	

.gyro{ padding:35px 0 0 0;}

.gyro_t{padding:0 30px 0 30px;}

.gyro_t li{ margin-right:40px;}

.gyro_t li{ font-size:16px;}

.gyro_t span a{ font-size:20px;}

}

@media(max-width:450px){

.zj_box1{ padding:0 15px; margin-top:0px;}	

.gyro{ padding:35px 0px 0 0px;}

.gyro_t{padding:0 15px 0 15px;}

.gyro_t ul{ width:100%;}

.gyro_t li{ float:left; width:33.33%; margin-right:0px; text-align:center;}

.gyro_t li a{ font-size:16px;}

.gyro_t span{ margin-bottom:20px;}

.gyro_t span a{ font-size:20px;}

.gyro_t span img{ vertical-align:middle; margin-right:18px; margin-top:0px;}

}

.giob{ clear:both; width:100%; height:auto; overflow:hidden; padding:120px 100px 0 100px;}

.giob_l{ float:left; width:28%; height:auto; overflow:hidden;}

.guom_t5{ margin-bottom:0px;}

.giob_r{ float:right; width:72%; height:auto; overflow:hidden;}

.giob_r h2{ color:#005598; font-size:24px; line-height:24px; margin-bottom:40px; clear:both;}

.giob_r p{ color:#666666; font-size:16px; line-height:30px; margin-bottom:40px; clear:both;}

.giob_r p:last-child{ margin-bottom:0px;}

@media(max-width:1440px){

.giob{ width:100%; height:auto; overflow:hidden; padding:120px 60px 0 60px;}	

}

@media(max-width:1024px){

.giob{ width:100%; height:auto; overflow:hidden; padding:220px 30px 0 30px; margin-top:-190px;}

}

@media(max-width:768px){

.giob{ width:100%; height:auto; overflow:hidden;padding:220px 30px 0 30px; margin-top:-190px;}

.giob_l{ width:100%; overflow:hidden; margin-bottom:30px;}

.giob_r{ width:100%;}

.giob_r h2{ margin-bottom:20px;}

.giob_r p{ margin-bottom:20px;}

}

@media(max-width:450px){

.giob{ width:100%; height:auto; overflow:hidden;padding:220px 15px 0 15px; margin-top:-190px;}	

}

.brbor{ width:100%; clear:both; overflow:hidden; padding:120px 100px 0 0; overflow:hidden;}

.giob_l1{ float:right; width:16%;}

.rbof_r{ width:84%; height:auto; overflow:hidden; position:relative;}

.boaeg{ width:88%; height:840px; overflow:hidden; background:url(../images/bg1.jpg) no-repeat center center; background-size:cover; padding:120px 0 120px 110px;}

.bokl{ width:100%;overflow:hidden; background:url(../images/bg4.png) no-repeat left top; padding-left:32px;}

.bokl li h2{ color:#ffffff; font-size:20px; line-height:24px; font-weight:bold; margin-bottom:15px;}

.bokl li p{ color:#ffffff; font-size:16px; line-height:30px;}

@media(max-width:1440px){

.brbor{padding:120px 60px 0 0;}

.boaeg{  padding:120px 60px 120px 60px;}

}

@media(max-width:1024px){

.brbor{padding:220px 30px 0 0; margin-top:-190px;}

.boaeg{  padding:30px 30px 30px 30px;}

}

@media(max-width:768px){

.brbor{padding:220px 30px 0 30px; margin-top:-190px;}	

.giob_l1{ width:100%;}

.boaeg{ width:100%; padding:30px 30px 30px 30px; height:580px;}

.rbof_r{ width:100%;}

}

@media(max-width:450px){

.brbor{padding:220px 15px 0 15px; margin-top:-190px;}

.boaeg{ width:100%; padding:30px 30px 90px 30px; height:520px;}		



}



.rypb{ clear:both; width:100%; height:auto; padding:120px 100px 50px 100px; overflow:hidden;}

.rypb_l{ float:left; width:28%; overflow:hidden; position:relative; padding-bottom:95px;}

.rypb_lt{ height:auto; overflow:hidden; padding-top:120px;}

.rypb_lt li{ width:200px; height:60px; border:1px solid #999999; position:relative; overflow:hidden; cursor:pointer; line-height:60px; text-align:center; margin-bottom:60px;}

.rypb_lt li span{ display:block; position:relative; z-index:11; color:#666666;transition: all 0.5s ease;}

.rypb_lt li:after { content:'';position: absolute;display: block; width:0px;height: 0px;border-radius:50%; background:#005598;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: width 0.6s, height 0.6s;transition: width 0.6s, height 0.6s; z-index: 1;}

.rypb_lt li:hover:after { width: 800px;height: 800px;}

.rypb_lt li:hover span{ color:#fff;}

.rypb_lt li.Color span{ color:#fff;}

.rypb_lt li.Color:after { width: 800px;height: 800px;}



.rypb_r{ float:right; width:72%; height:auto; overflow:hidden; position:relative;}

.hide {visibility: hidden;position: absolute;z-index: -1;height: 0;}

.hidex {visibility: hidden;position:absolute;z-index: -1;height: 0;}

.bodg{ width:100%; height:auto; overflow:hidden;animation:shake 2s;}

.bodg dl{ float:left; width:31%; height:auto; overflow:hidden; margin-right:3.5%; margin-bottom:20px;}

.bodg dt{ width:100%; height:auto; overflow:hidden; margin-bottom:15px;}

.bodg dt img{ display:block; width:100%;}

.bodg dd{ text-align:center; color:#666666; font-size:16px; line-height:24px; min-height:72px !important;}

.bodg dl.qcbj{ margin-right:0;}

.zzrya{
	display: flex;
	flex-wrap: wrap;
}

@media(max-width:1680px){

.bodg dd{ font-size:12px;}	

.rypb{ padding:120px 60px 50px 60px;}

.rypb_lt{ padding-top:80px;}

}

@media(max-width:1280px){

.bodg dl{width:32%; margin-right:1.3%;}	

.rypb_r{ width:78%;}

.rypb_l{ width:22%;}

}

@media(max-width:1024px){

.rypb{ padding:40px 30px 50px 30px;}	

.rypb_r{ width:100%;}

.rypb_l{ width:100%; padding:0;}

.rypb_lt{ padding-top:30px;}

.rypb_lt li{ float:left; width:20%; height:45px; line-height:45px;}

}

@media(max-width:768px){

.bodg dl{ width:48%; height:auto; margin-right:0px;}

.bodg dl:nth-child(even){ float:right;}

}

@media(max-width:450px){

.rypb{ padding:40px 15px 40px 15px;}

.bodg dl{ width:100%; height:auto; margin-right:0px;}

.bodg dl:nth-child(even){ float:right;}

.rypb_lt li{ float:left; width:50%; height:45px; line-height:45px;}

.rypb_l{ width:100%; padding:0 0 40px 0;}

}

/*走进白云 end*/



/*白云建工 begin*/

.byjg{ clear:both; width:100%; height:auto; padding:120px 100px 70px 100px;}

.byjg dl{ float:left; width:30%; height:auto; margin-bottom:60px; overflow:hidden;transition: all 0.5s ease; margin-right:5%;}

.byjg dt{ width:100%; height:auto; overflow:hidden; position:relative;}

.byjg dt img{ display:block; width:100%; height:auto;}

.byjg dt span{ display:block; width:100%; height:100%; background:#005598; position:absolute; left:0; top:0;}

.byjg dd{transition: all 0.5s ease; text-align:left; background:#f5f5f5; line-height:60px; padding:0 18px; color:#666666; font-size:18px; font-family: "SOURCEHANSANSCN-REGULAR_1";overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.byjg dl:hover{ transform: translateY(-20px); box-shadow:0px 0px 30px rgba(8,1,3,0.2);}

.byjg dl:hover dd{ background:#005598; color:#fff;}

.byjg dl.qcbj{ margin-right:0;}

.fyin{ text-align:center; line-height:40px; clear:both; height:auto; font-size:0px; }

.fyin a{ display:inline-block; color:#999999; font-size:18px; line-height:40px; padding:0 15px;}

.fyin a.cur{ color:#005598; font-size:18px;}

.fyin a:last-child{ margin-right:0;}

.fyin a.syo{ color:#999999; border:1px solid #999999; line-height:40px; padding:0 20px; font-size:14px; margin-right:20px;}

.fyin a.xyo{ color:#fff; border:1px solid #005598; background:#005598; line-height:40px; padding:0 20px; font-size:14px; margin-left:20px;}

@media(max-width:1600px){

.gyro_t1 li{ margin-right:90px;}	

}

@media(max-width:1440px){

.byjg{ padding:120px 60px 70px 60px;}	

}

@media(max-width:1366px){

.byjg{ padding:120px 60px 70px 60px;}	

.gyro_t1 li{ margin-right:70px;}

}

@media(max-width:1280px){

.byjg{ padding:120px 60px 70px 60px;}	

.gyro_t1 li{ margin-right:60px;}

}

@media(max-width:1024px){

.byjg{ padding:40px 30px 40px 30px;}	

.gyro_t1 li{ margin-right:60px;}

}

@media(max-width:768px){

.byjg{ padding:40px 30px 40px 30px;}

.gyro_t1 ul{ width:100%; padding-top:20px;}

.gyro_t1 li{ margin-right:0px; width:16.66%; text-align:center;}

}

@media(max-width:450px){

.byjg{ padding:40px 15px 40px 15px;}

.gyro_t1 ul{ width:100%; padding-top:20px;}

.gyro_t1 li{ margin-right:0px; width:33.33%; text-align:center;}

.byjg dl{ width:100%; margin-right:0; margin-bottom:30px;}

.fyin a.syo{ color:#999999; border:1px solid #999999; line-height:40px; padding:0 10px; font-size:14px; margin-right:10px;}

.fyin a.xyo{ color:#fff; border:1px solid #005598; background:#005598; line-height:40px; padding:0 10px; font-size:14px; margin-left:10px;}

.fyin a{ padding:0 8px;}

.byjg dd{ font-size:16px; line-height:45px; padding:0 15px;}

} 



.by_box{ width:100%; height:auto; overflow:hidden; padding:170px 100px 0 100px;}

.navo1 li a{ color:#666666;}

.navo1 li:hover{ background:rgba(0,84,152,0.3);}

.bore.smaller { width:100%;height:100px; background:rgba(255,255,255,0.8); z-index:999999999 }

.nyxo{ width:100%; height:auto; overflow:hidden; padding:60px 100px 30px 100px; border-radius:10px; background:#fff;}

.nyxo_t{ cursor:pointer; height:auto; overflow:hidden; color:#666666; font-size:16px; line-height:24px; margin-bottom:60px;}

.nyxo_c{ height:auto; overflow:hidden;}

.nyxo_c h3{ border-bottom:1px solid #e5e5e5; padding-bottom:30px; margin-bottom:40px; color:#363636; font-size:30px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1";}

.nyxo_c p{ color:#666666; font-size:16px; line-height:30px; margin-bottom:35px;}

.nyxo_b{ height:auto; overflow:hidden;}

.nyxo_b li{ float:left; width:47%; height:auto; overflow:hidden; margin-bottom:40px;}

.nyxo_b li.qcbj{ float:right;}

.nyxo_b li img{ display:block; width:100%;}

@media(max-width:1440px){

.by_box{ width:100%; height:auto; overflow:hidden; padding:170px 60px 0 60px;}

.nyxo{ padding:60px 60px 30px 60px;}

}

@media(max-width:1024px){

.by_box{ width:100%; height:auto; overflow:hidden; padding:120px 30px 0 30px;}

.nyxo{ padding:30px 30px 0px 30px;;}

.nyxo_t{ margin-bottom:20px;}

.nyxo_c h3{ margin-bottom:30px; padding-bottom:20px; font-size:20px;}

.nyxo_c p{ font-size:14px; margin-bottom:20px;}

.nyxo_b li{ margin-bottom:30px;}

}

@media(max-width:450px){

.by_box{ width:100%; height:auto; overflow:hidden; padding:120px 15px 0 15px;}

}

/*白云建工 end*/



/*白云地产 begin*/

@media(max-width:1680px){

.gyro_t2 li{ margin-right:90px;}	

}

@media(max-width:1600px){

.gyro_t2 li{ margin-right:90px;}	

}

@media(max-width:1440px){

.gyro_t2 li{ margin-right:70px;}

}

@media(max-width:1366px){

.gyro_t2 li{ margin-right:60px;}

}

@media(max-width:1280px){

.gyro_t2 li{ margin-right:40px;}

}

@media(max-width:1024px){

.gyro_t2 ul{ width:100%; padding-top:20px;}

.gyro_t2 li{ margin-right:0px; width:16.66%; text-align:center;}

}

@media(max-width:768px){

.gyro_t2 ul{ width:100%; padding-top:20px;}

.gyro_t2 li{ margin-right:0px; width:16.66%; text-align:center;}

}

@media(max-width:450px){

.gyro_t2 ul{ width:100%; padding-top:20px;}

.gyro_t2 li{ margin-right:0px; width:33.33%; text-align:center;}



} 

.giob_r p em{ color:#005598 ; font-size:18px; line-height:30px;}

.byin{ width:100%; height:auto; overflow:hidden; padding:60px 100px 60px 100px;}

.byin img{ display:block; width:100%; height:auto;}

@media(max-width:1440px){

.byin{ width:100%; height:auto; overflow:hidden; padding:60px;}	

}

@media(max-width:1024px){

.byin{ width:100%; height:auto; overflow:hidden; padding:40px 30px;}	

}

@media(max-width:450px){

.byin{ width:100%; height:auto; overflow:hidden; padding:40px 15px;}	

}

.cyzp{ width:100%; height:auto; overflow:hidden; padding:0 100px 0 100px;}

.cyzp_t{ text-align:center; color:#005598; font-size:24px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:30px;}

.cyzp_c{ width:74%; height:auto; margin:0 auto; overflow:hidden; text-align:center; margin-bottom:60px;}

.cyzp_c p{ line-height:30px; color:#666666; font-size:16px;}

.cyzp_b{ height:auto; overflow:hidden;}

.cyzp_b dl{ clear:both; width:100%; height:auto; overflow:hidden; margin-bottom:60px;}

.cyzp_b dt{ float:left; width:57%; height:auto; overflow:hidden; position:relative;}

.cyzp_b dt img{ display:block; width:100%; height:auto;}

.cyzp_b dt span{ display:block; width:99%; height:100%; position:absolute; left:0; top:0; background:#005598;}

.cyzp_b dt.you{ float:right;}

.cyzp_b dd{ float:right; width:40%; height:598px;display: table;  overflow:hidden; position:relative;}

.boox{ width:100%; height:100%;display:table-cell; vertical-align:middle; }

.boox h2{ color:#005598; font-size:24px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:30px;}

.boox p{ line-height:30px; color:#666666; font-size:16px; margin-bottom:40px;}

.boox p:last-child{ margin-bottom:0px;}

.cyzp_b dd.zuo{ float:left;}

.cyzp_b dd.ee:after{ content:''; position:absolute; width:44px; height:44px; left:0; top:0; background:url(../tu/tu6.png) no-repeat center center;}

.cyzp_b dd.ee:before{ content:''; position:absolute; width:44px; height:44px; right:0; bottom:0; background:url(../tu/tu8.png) no-repeat center center;}



.cyzp_b dd.zuo:after{ content:''; position:absolute; width:44px; height:44px; right:0; top:0; background:url(../tu/tu5.png) no-repeat center center;}

.cyzp_b dd.zuo:before{ content:''; position:absolute; width:44px; height:44px; left:0; bottom:0; background:url(../tu/tu7.png) no-repeat center center;}

@media(max-width:1680px){

.cyzp_c{ width:89%;}	

.cyzp_b dd{ height:503px;}

.boox p{ margin-bottom:30px;}

}

@media(max-width:1600px){

.cyzp_c{ width:89%;}	

.cyzp_b dd{ height:471px;}

.boox p{ margin-bottom:10px;}

.boox h2{ margin-bottom:20px;}

}

@media(max-width:1440px){

.cyzp{ padding:0 60px;}

.boox p{ line-height:24px; color:#666666; font-size:15px; margin-bottom:10px;}	

.cyzp_c{ width:100%;}

.cyzp_b dd{ height:477px;}

}

@media(max-width:1366px){

.cyzp_c{ width:100%;}

.cyzp_b dd{ height:445px;}	

}

@media(max-width:1360px){

.cyzp_b dd{ height:443px;}		

}

@media(max-width:1280px){

.cyzp_b dd{ height:411px;}	

.boox p{ line-height:24px; color:#666666; font-size:14px; margin-bottom:10px;}		

}

@media(max-width:1024px){

.cyzp{ padding:0 30px;}

.cyzp_b dd{ height:411px;}	

.boox p{ line-height:24px; color:#666666; font-size:14px; margin-bottom:10px;}

.cyzp_t{font-size:20px; margin-bottom:20px;}

.cyzp_c p{ font-size:14px; line-height:24px;}

.cyzp_c{ margin-bottom:30px;}

.cyzp_b dt{ width:100%; overflow:hidden; margin-bottom:20px;}	

.cyzp_b dd{ width:100%; height:auto; padding:54px 0;}	

.cyzp_b dl{ margin-bottom:30px}

.boox p{ margin-bottom:10px;}

.boox h2{ margin-bottom:20px; font-size:20px; line-height:24px;}

}

@media(max-width:450px){

.cyzp{ padding:0 15px;}	

}



.hjjs{ width:100%; height:auto; overflow:hidden; padding:120px 100px 70px 100px;}

.bjjs_t{ margin-bottom:100px}

.guom_t6{ margin-bottom:0px; text-align:center;}

.guom_t6 i{ text-align:center;}

.guom_t6 em{ float:none; margin:0 auto;}

.guom_t6 font{ text-align:center;}

.guom_t6 span{ text-align:center;}

.hjjs_b{ height:auto; overflow:hidden; clear:both;}

.hjjs_bl{ float:left; width:27%; height:auto; overflow:hidden;}

.hjjs_bl h2{ color:#333333; font-size:24px; line-height:24px; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:85px;}

.huib{ height:auto; overflow:hidden; margin-bottom:70px;}

.huib h3{ color:#333333; font-size:18px; line-height:30px; margin-bottom:20px;}

.huib p{ color:#666666; font-size:16px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1";}

.huib1{ margin-bottom:0px;}

.hjjs_br{ float:right; width:60%; height:auto; overflow:hidden; position:relative; padding:0 0 0 108px;}

.bjot{ position:relative; z-index:111999; padding-right:166px;}

.hjjs_br:after{ content:''; position:absolute; width:100%; height:280px; background:#f9f9f9; left:0; bottom:0;}

.tuon{ width:100%; height:auto; overflow:hidden;}

.tuon img{ display:block; width:100%; border:1px solid #c9c9c9;}

@media(max-width:1680px){

.hjjs_bl{ width:32%;}	

.hjjs_bl h2{ margin-bottom:35px;}

.huib{ margin-bottom:20px;}

}

@media(max-width:1600px){

.hjjs_br{ padding:0 0 0 80px;}	

.bjot{ padding-right:80px;}

.hjjs_br:after{height:180px;}

}

@media(max-width:1440px){

.hjjs{ width:100%; height:auto; overflow:hidden; padding:120px 60px 70px 60px;}

.hjjs_br{ padding:0 0 0 80px;}	

.bjot{ padding-right:80px;}	

}

@media(max-width:1024px){

.hjjs{ width:100%; height:auto; overflow:hidden; padding:40px 30px;}

.bjjs_t{ margin-bottom:40px;}	

.hjjs_br{ width:100%; padding:0 0 0 40px;}

.hjjs_bl{ width:100%; padding-bottom:15px;}

.huib h3{ color:#333333; font-size:16px; line-height:24px; margin-bottom:20px;}

.huib p{ color:#666666; font-size:14px; line-height:24px;}

.hjjs_bl h2{font-size:20px; margin-bottom:20px;}

.bjot{ padding-right:100px;}



}

@media(max-width:450px){

.hjjs{ width:100%; height:auto; overflow:hidden; padding:40px 15px;}	

}



.sjobo{ color:#333333; font-size:24px; line-height:24px; font-family: "SOURCEHANSANSCN-REGULAR_1"; padding-top:90px;}

.guov{ clear:both; width:100%; height:auto; overflow:hidden; padding:70px 100px 70px 100px;}

.guov_t{ color:#333333; font-size:24px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:30px;}

.guov_b{ width:100%; height:auto; overflow:hidden;}

.guov_b li{ float:left; width:30%; margin-right:5%;margin-bottom: 20px;}

.guov_b li img{ display:block; width:100%;}

.guov_b li.qcbj{ margin-right:0px;}

@media(max-width:1440px){

.guov{ padding:70px 60px 70px 60px;}	

}

@media(max-width:1024px){

.sjobo{font-size:20px; line-height:24px; font-family: "SOURCEHANSANSCN-REGULAR_1"; padding-top:30px;}	

.guov{ padding:40px 30px;}	

}

@media(max-width:450px){

.sjobo{font-size:20px; line-height:24px; font-family: "SOURCEHANSANSCN-REGULAR_1"; padding-top:30px;}	

.guov{ padding:40px 15px;}

.guov_b li{ width:100%; margin-bottom:20px; margin-right:0;}

.guov_b li:last-child{ margin-bottom:0px;}	

}



.zmuo{ clear:both; width:100%; height:auto; overflow:hidden;}

.zmuo li{ float:left; width:47%; height:auto; overflow:hidden; border:1px solid #c9c9c9;}

.zmuo li img{ display:block; width:100%;}

.zmuo li.qcbj{ float:right;}

@media(max-width:450px){

.zmuo li{  width:100%; margin-bottom:20px;}

.zmuo li.qcbj{ margin-bottom:0px;}	

}



.gcjd{ width:100%; height:auto; overflow:hidden;}

.gcjd_t{ height:auto; overflow:hidden; margin-bottom:59px;}

.gcjd_t li{ float:left; width:30.5%; height:auto; overflow:hidden; margin-right:4.2%;}

.gcjd_t li img{ display:block; width:100%;}

.gcjd_t li.qcbj{ margin-right:0;}

.gcjd_c{ width:100%; height:auto; overflow:hidden;}

.gcjd_cl{ float:left; width:65%; height:auto; overflow:hidden;}

.gcjd_cl li{ float:left; width:47%; height:auto; overflow:hidden; margin-bottom:59px;}

.gcjd_cl li img{ display:block; width:100%;}

.gcjd_cl li.qcbj{ float:right;}

.gcjd_cr{ float:right; width:30.5%;}

.gcjd_cr img{ display:block; width:100%;}

.gcjd_t1{ margin-bottom:0px;}

@media(max-width:1600px){

.gcjd_cl{width:65.2%;}	

}

@media(max-width:450px){

.gcjd_cl{ width:100%;}

.gcjd_cr{ width:100%; margin-bottom:25px;}

.gcjd_cl li{ width:100%; margin-right:0; margin-bottom:25px;}	

.gcjd_cl li:nth-child(even){ float:right;}

.gcjd_t{ margin-bottom:25px;}

.gcjd_t1{ margin-bottom:0px;}

.gcjd_t li{ width:100%; margin-right:0; margin-bottom:25px;}

.gcjd_t li:last-child{ margin-bottom:0px;}

}

.bjjs_t1{ margin-bottom:80px;}

.wzhui{ height:auto; overflow:hidden;}

.wzhui dl{ clear:both; overflow:hidden; width:100%; margin-bottom:30px;}

.wzhui dl:last-child{ margin-bottom:0px;}

.wzhui dt{ float:left; position:relative; width:44%; height:auto; overflow:hidden;}

.wzhui dt img{ transition: all 0.5s ease; display:block; width:100%; height:auto;}

.wzhui dt span{ display:block; width:100%; height:100%; background:#005598; position:absolute; left:0; top:0;}

.wzhui dd{ float:right; width:50%; height:auto; min-height:431px !important; border-bottom:1px solid #005598;}

.wzhui dd h2{ clear:both; height:auto; overflow:hidden; margin-bottom:40px;}

.wzhui dd h2 span{ display:block; line-height:80px; color:#005598; font-size:24px; font-family: "SOURCEHANSANSCN-REGULAR_1"; width:79%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}

.wzhui dd h2 em{ padding-top:9px; display:block; float:right; width:80px; height:80px; background:#005598; text-align:center; color:#fff; font-size:30px; font-family: "SOURCEHANSANSCN-REGULAR_1";}

.wzhui dd h2 em i{ display:block; font-size:14px;}

.wzhui dd div{ padding-right:160px; overflow:hidden; margin-bottom:50px;}

.wzhui dd p{ line-height:36px; color:#646464; font-size:16px;}

.wzhui dd font{transition: all 0.5s ease; color:#646464; font-size:14px; line-height:36px; display:block;}

.wzhui dd font img{ vertical-align:middle; margin-left:10px;}

.wzhui dl:hover dd font{ color:#005598;}

.wzhui dl:hover dt img{transform: scale(1.1);}

@media(max-width:1680px){

.wzhui dd{ min-height:362px !important;}	

.wzhui dd h2{ margin-bottom:30px;}

.wzhui dd div{ padding-right:90px; margin-bottom:20px;}

}

@media(max-width:1600px){

.wzhui dd{ min-height:339px !important;}	

.wzhui dd h2{ margin-bottom:30px;}

.wzhui dd div{ padding-right:60px; margin-bottom:20px;}

}

@media(max-width:1440px){

.wzhui dd{ min-height:344px !important;}	

.wzhui dd h2{ margin-bottom:20px;}

.wzhui dd div{ padding-right:0px; margin-bottom:20px;}

}

@media(max-width:1366px){

.wzhui dd{ min-height:321px !important;}	

.wzhui dd h2{ margin-bottom:20px;}

.wzhui dd div{ padding-right:0px; margin-bottom:20px;}

}

@media(max-width:1360px){

.wzhui dd{ min-height:319px !important;}	

.wzhui dd h2{ margin-bottom:20px;}

.wzhui dd div{ padding-right:0px; margin-bottom:20px;}

.wzhui dd p{ line-height:30px;}

}

@media(max-width:1280px){

.wzhui dd{ min-height:296px !important;}	

.wzhui dd h2{ margin-bottom:20px;}

.wzhui dd div{ padding-right:0px; margin-bottom:20px;}

.wzhui dd p{ line-height:30px;}

}

@media(max-width:1024px){

.wzhui dd p{ line-height:30px; font-size:14px;}	

}

@media(max-width:768px){

.wzhui dt{ width:100%; margin-bottom:20px;}

.wzhui dd{ width:100%; min-height:auto !important; padding-bottom:20px;}

.wzhui dd p{ line-height:30px; font-size:14px;}	

}

@media(max-width:450px){

.wzhui dt{ width:100%; margin-bottom:20px;}

.wzhui dd{ width:100%; min-height:auto !important; padding-bottom:20px;}

.wzhui dd p{ line-height:30px; font-size:14px;}	

.wzhui dd h2 span{ font-size:18px;}

}

@media(max-width:414px){

.wzhui dd h2 span{ font-size:18px; width:75%;}	

}

@media(max-width:375px){

.wzhui dd h2 span{ font-size:18px; width:70%;}	

}



.hduo{ width:100%; height:auto; overflow:hidden; background:#fff; border-radius:10px; padding:50px 100px 0px 100px;}

.hduo_l{ float:left; width:72%; height:auto; border-right:1px solid #eeeeee; border-top:1px solid #eeeeee; padding-bottom:40px;}

.dqwz{ background:#f9f9f9; line-height:40px; padding:0 40px; color:#999999; font-size:16px; margin-bottom:50px;}

.dqwz a{ color:#999; font-size:16px;}

.dqwz a.fg{ color:#005598;}

.hdro{ width:100%; height:auto; overflow:hidden;}

.bdro_t{ height:auto; overflow:hidden; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:60px;}

.bdro_t h2{ text-align:center; color:#363636; font-size:30px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:30px;}

.bdro_t p{ text-align:center; color:#999999; font-size:14px; line-height:30px;}

.bdro_t p img{ vertical-align:middle; margin-right:10px; margin-top:-3px;}

.bdro_c{ height:auto; overflow:hidden; padding-right:90px; min-height:1100px !important;}

.bdro_c p{ color:#666666; line-height:30px; font-size:16px; margin-bottom:30px;}

.bdro_c p img{ display:block; margin:0 auto; max-width:100%;}

.hduo_r{ float:right; width:28%; height:auto; overflow:hidden; border-top:1px solid #eee; padding:40px 50px 0 50px;}

.hduo_rt{ height:auto; overflow:hidden; color:#363636; font-size:30px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:28px;}

.hduo_rb{ width:100%; height:auto; overflow:hidden;}

.hduo_rb dl{ width:100%; height:auto; overflow:hidden; margin-bottom:40px;}

.hduo_rb dt{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}

.hduo_rb dt img{ display:block; width:100%; height:auto;}

.hduo_rb dd{ height:auto; overflow:hidden;}

.hduo_rb dd h2{ color:#666666; font-size:18px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:15px;}

.hduo_rb dd p{ line-height:24px; color:#999999; font-size:14px; margin-bottom:15px;}

.hduo_rb dd span{ color:#999999; font-size:14px; line-height:24px;}

.hduo_rb dd span img{ vertical-align:middle; margin-left:10px;}

@media(max-width:1440px){

.hduo{ padding:50px 60px 0px 60px;}	

.hduo_r{ padding:40px 30px 0 30px;}

.bdro_c{ padding-right:50px;}

}

@media(max-width:1024px){

.hduo{ padding:40px 30px 0px 30px;}	

.hduo_r{ padding:40px 30px 0 30px;}

.bdro_c{ padding-right:30px;}

}

@media(max-width:768px){

.hduo_l{ width:100%; border-right:none; padding-bottom:0px;}

.hduo_r{ padding:40px 30px 0 30px; width:100%;}	

.bdro_c{ padding-right:0px;}

}

@media(max-width:450px){

.hduo_l{ width:100%; border-right:none; padding-bottom:0px;}

.hduo_r{ padding:40px 15px 0 15px; width:100%;}	

.bdro_c{ padding-right:0px;}

.hduo_rt{ font-size:20px;}

.hduo_r{ padding:40px 0px 0 0px; width:100%;}

.hduo{ padding:40px 15px 0px 15px;}	

.bdro_t h2{ font-size:20px; margin-bottom:20px;}

.dqwz{ margin-bottom:30px;}	

.bdro_t{ margin-bottom:30px;}

.bdro_c p{ margin-bottom:20px;}

}

/*白云地产 end*/



/*白云战略 begin*/

.cpbo{ width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center 73px; padding:55px 100px 0 100px;}

.cpbo_t{ margin-bottom:40px;}

.cpbo_b{ height:auto; overflow:hidden;}

.cpbo_b dl{ clear:both; width:100%; height:auto; overflow:hidden; margin-bottom:82px;}

.cpbo_b dt{ float:left; width:40%; height:auto; overflow:hidden; position:relative;}

.cpbo_b dt img{ display:block; width:100%; overflow:hidden;}

.cpbo_b dt span{ display:block; width:100%; height:100%; background:#005598; position:absolute; left:0; top:0;}

.cpbo_b dt.obo{ float:right;}

.cpbo_b dd{ float:right; width:50%; padding-top:52px;}

.cpbo_b dd.oov{ float:left;}

.cpbo_b dd h2{ line-height:30px; overflow:hidden; margin-bottom:50px;}

.cpbo_b dd h2 em{ font-size:24px; line-height:30px; margin:0 12px; color:#005598;}

.cpbo_b dd h2 img{ vertical-align:middle; margin-top:-3px;}

.cpbo_b dd p{ line-height:30px; color:#666666; font-size:16px; margin-bottom:35px;}

.cpbo_b dd p:last-child{ margin-bottom:0px;}

@media(max-width:1680px){

.cpbo_b dd{ float:right; width:55%; padding-top:20px;}

.cpbo_b dd p{ line-height:30px; color:#666666; font-size:16px; margin-bottom:15px;}

}

@media(max-width:1600px){

.cpbo_b dd{ float:right; width:55%; padding-top:10px;}

.cpbo_b dd p{ line-height:30px; color:#666666; font-size:16px; margin-bottom:15px;}

}

@media(max-width:1440px){

.cpbo{ padding:55px 60px 0 60px;}

.cpbo_b dd{ float:right; width:55%; padding-top:10px;}

.cpbo_b dd p{ line-height:30px; color:#666666; font-size:16px; margin-bottom:15px;}

.cpbo_b dd h2{ margin:20px;}

}

@media(max-width:1366px){

.cpbo_b dd h2{ margin:20px;}	

.cpbo_b dd p{ line-height:24px; color:#666666; font-size:14px; margin-bottom:15px;}

}

@media(max-width:1024px){

.cpbo{ padding:40px 30px 0 30px;}

.cpbo_b dd h2{ margin:20px;}	

.cpbo_b dd p{ line-height:24px; color:#666666; font-size:14px; margin-bottom:15px;}

.cpbo_b dd{ float:right; width:100%; padding-top:20px;}

.cpbo_b dt{ width:100%;}

.cpbo_b dl{ margin-bottom:40px;}

}

@media(max-width:450px){

.cpbo{ padding:40px 15px 0 15px;}

.cpbo_b dd h2 em{ font-size:18px; line-height:30px; margin:0 8px; color:#005598;}	

}

.ptci{ clear:both; width:100%; height:auto; overflow:hidden; padding:0 100px 70px 100px; background:url(../images/bg3.jpg) no-repeat center bottom;}

.ptci dl{ clear:both; width:100%; height:auto; overflow:hidden; margin-bottom:70px;}

.ptci dd{ float:left; width:50%; overflow:hidden; padding-top:65px;}

.ptci dd h2{ line-height:30px; overflow:hidden; margin-bottom:65px;}

.ptci dd h2 em{ font-size:24px; line-height:30px; margin:0 12px; color:#005598;}

.ptci dd h2 img{ vertical-align:middle; margin-top:-3px;}

.ptci dd p{ line-height:30px; color:#666666; font-size:16px;}

.ptci dt{ float:right; width:40%; height:auto; position:relative; overflow:hidden;}

.ptci dt img{ display:block; width:100%;}

.ptci dt span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#005598;}

@media(max-width:1680px){

.ptci dd{ padding-top:40px;}

.ptci dd h2{ margin-bottom:40px;}	

}

@media(max-width:1440px){

.ptci{ clear:both; width:100%; height:auto; overflow:hidden; padding:0 60px 70px 60px; background:url(../images/bg3.jpg) no-repeat center bottom;}

.ptci dd{ float:left; width:55%; padding-top:10px;}

.ptci dd{ padding-top:20px;}

.ptci dd h2{ margin-bottom:20px;}	

}

@media(max-width:1440px){

.ptci dd{ float:left; width:55%; padding-top:10px;}

.ptci dd{ padding-top:20px;}

.ptci dd h2{ margin-bottom:20px;}	

}

@media(max-width:1024px){

.ptci dl{ margin-bottom:30px;}

.ptci{ padding:0 30px 40px 30px;}	

.ptci dd{ width:100%; padding-top:0; margin-bottom:20px;}

.ptci dt{ width:100%;}

}

@media(max-width:450px){

.ptci{ padding:0 15px 40px 15px;}	

.ptci dd h2 em{ font-size:18px; margin:0 8px;}

}

.xgbo{ width:150px; height:40px; background:#005598; text-align:center; line-height:40px; margin:0 auto;transition: all 0.5s ease;}

.xgbo a{ display:block; width:100%; color:#fff; font-size:16px; position:relative;}

.xgbo:hover{ border-radius:10px;}



.by_box1{ background:url(../images/bg4.jpg) no-repeat right 42px #fff; border-radius:10px;}

.ydto{ width:78%; height:auto; margin:0 auto;}

.ydto_l{ float:right; width:53%; height:auto; overflow:hidden;}

.ydto_l h2{ line-height:30px; overflow:hidden; margin-bottom:73px;}

.ydto_l h2 em{ font-size:24px; line-height:30px; margin:0 12px; color:#005598;}

.ydto_l h2 img{ vertical-align:middle; margin-top:-3px;}

.ydto_l p{ line-height:30px; color:#666666; font-size:16px; margin-bottom:70px;}

.ydto_r{ float:left; width:39%; height:auto; padding-top:132px;}

.ydto_r dt{ width:100%; height:auto; position:relative; overflow:hidden; margin-bottom:20px;}

.ydto_r dt img{ display:block; width:100%;}

.ydto_r dt span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#005598;}

.ydto_r dd{ text-align:center; line-height:24px; color:#666666; font-size:16px;}

.ydto1{ background:none; padding-bottom:70px;}

@media(max-width:1680px){

.ydto{ width:83%;}

}	

}

@media(max-width:1440px){

.ydto{ width:93%;}	

}

@media(max-width:1024px){

.ydto1{ background:none; padding-bottom:20px;}

.ydto{ width:100%;}	

.ydto_l h2{ margin-bottom:20px;}

.ydto_l p{ margin-bottom:20px;}

}

@media(max-width:768px){

.ydto1{ background:none; padding-bottom:40px;}

.ydto_l{ width:100%;}	

.ydto_r{ width:100%; padding-top:20px;}

}

@media(max-width:450px){

.ydto_l h2{ margin-bottom:20px;}	

.toxi_l h2 em{ margin:0 8px; font-size:18px;}

}

.by_box2{ background:url(../images/bg5.jpg) no-repeat right top #fff; border-radius:10px;}

.cpbo_t1{ margin-bottom:56px;}



.toxi{ width:1060px; height:auto; margin:0 auto;}

.toxi_l{ float:left; width:47%; height:auto; padding-top:45px;}

.toxi_l h2{ line-height:30px; overflow:hidden; margin-bottom:86px; text-align:center;}

.toxi_l h2 em{ font-size:24px; line-height:30px; margin:0 12px; color:#005598;}

.toxi_l h2 img{ vertical-align:middle; margin-top:-3px;}

.toxi_l p{ line-height:30px; color:#666666; font-size:16px; margin-bottom:50px;}

.toxi_r{ float:right; width:48%; height:auto; overflow:hidden;}

.toxi_r p{ line-height:30px; color:#666666; font-size:16px; margin-bottom:50px;}

.toxi_r p img{ display:block; width:100%; height:auto;}

@media(max-width:1024px){

.toxi{ width:100%;}	

.toxi_l h2{ margin-bottom:20px;}

.toxi_l p,.toxi_r p{ margin-bottom:20px;}

.cpbo_t1{ margin-bottom:40px;}

}

@media(max-width:768px){

.toxi{ width:100%;}	

.toxi_l,.toxi_r{ width:100%;}

.toxi_l{ padding-top:0px;}

}

@media(max-width:450px){

.toxi_l h2{ font-size:18px; margin-bottom:20px;}	

.toxi_l h2 em{ margin:0 8px; font-size:18px;}

}

.giob_r h2 em{ font-size:24px; color:#005598; margin:0 12px;}

@media(max-width:450px){

.giob_r h2 em{margin:0 8px;}

}



.xqlh{ width:100%; height:auto; overflow:hidden; padding:80px 100px 80px 100px;}

.xqlu{ float:right; width:25%;}

.xqlu_t{ width:100%; height:auto; overflow:hidden; margin-bottom:100px;}

.xqlu_b{ position:relative; width:100%; height:auto; padding:0 0 0 52px;}

.cbore{ width:100%; height:auto; position:relative;}

.cbore:after{ content:''; position:absolute; left:0; top:0; width:98%; height:1px; background:#005598;}

.cuboe::-webkit-scrollbar-track{background-color: #fff;}

.cuboe::-webkit-scrollbar{width: 10px;background-color:#005598; border-radsiu:10px;}

.cuboe::-webkit-scrollbar-thumb{background-color: #005598;border: 10px solid #005598; border-radius:10px;}

.cuboe{ width:100%; height:310px;overflow:hidden; overflow-y:auto; }

.cuboe li{ line-height:60px; border-bottom:1px solid #eeeeee; cursor:pointer;}

.cuboe li:hover{ color:#005598;}

.cuboe li.Colors{ color:#005598;}

.xqlb{ float:left; width:72%; height:auto; overflow:hidden;}

.xqls{ height:auto; overflow:hidden;}

.xqls h2{ line-height:30px; margin-bottom:45px;}

.xqls h2 em{ color:#005598; font-size:24px; margin:0 12px;}

.xqls h2 img{ vertical-align:middle;}

.xqls p{ clear:both; line-height:30px; font-size:16px; color:#666666; margin-bottom:35px;}

.xqls p:last-child{ margin-bottom:0px;}

.xqls li{ float:left; width:48%; height:auto; overflow:hidden; }

.xqls li.qcbj{ float:right;}

.xqls li img{ display:block; width:100%; margin-bottom:35px;}

@media(max-width:1680px){

.cbore:after{ content:''; position:absolute; left:0; top:0; width:95%; height:1px; background:#005598;}	

.xqlu{ width:30%;}

.xqlb{ width:67%}

}

@media(max-width:1440px){

.xqlh{ width:100%; height:auto; overflow:hidden; padding:80px 60px 80px 60px;}	

}

@media(max-width:1024px){

.xqlh{ width:100%; height:auto; overflow:hidden; padding:40px 30px;}

.xqlu{ width:100%; padding-bottom:30px;}

.xqlb{ width:100%}	

.xqlu_t{ margin-bottom:30px;}

.xqls h2{ margin-bottom:20px;}

.xqls p{ margin-bottom:20px;}

.xqls li img{  margin-bottom:20px;}

.xqls h2 em{font-size:20px; margin:0 12px;}

.xqlu_b{ padding-left:0}

}

@media(max-width:450px){

.xqlh{ width:100%; height:auto; overflow:hidden; padding:40px 15px;}

.xqls h2 em{font-size:20px; margin:0 8px;}	

.cuboe{ width:100%; height:200px;overflow:hidden; overflow-y:auto; }

.cuboe li{ line-height:50px; border-bottom:1px solid #eeeeee; cursor:pointer;}

}

/*白云战略 end*/





/*白云资讯 begin*/

.jtzx{ clear:both; width:100%; height:auto; overflow:hidden; padding:120px 100px 70px 100px;}

.jtzx_t{ margin-bottom:80px;}

.jtzx_b{ height:auto; overflow:hidden;}

.jtzx_bt{ height:auto; overflow:hidden; margin-bottom:80px;}

.bode{ height:auto; overflow:hidden;}

.bode dt{ float:left; width:50%; height:auto; overflow:hidden; position:relative; opacity:0;}

.bode dt img{ width:100%; height:auto; opacity:0;}

.bode dt span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#005598; opacity:0;}

.bode dd{ float:right; width:48%; height:auto; overflow:hidden; padding-top:45px;}

.bode dd h2{ color:#005598; font-size:30px; line-height:30px; margin-bottom:25px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.bode dd span{ display:block; color:#999999; font-size:16px; line-height:24px; margin-bottom:45px;}

.bode dd p{ color:#666666; font-size:16px; line-height:30px;}

.bode dd font{ color:#005598; font-size:16px; line-height:24px;}

.bode dd font img{ vertical-align:middle; margin-left:10px;}

.bode dd div{ margin-bottom:60px;}

.ani-slide dt{animation: boegn1 1.5s; opacity:1;}

.ani-slide dt img{animation: yceo 1.5s; opacity:1;}

.ani-slide dt span{animation: boegn 1.5s  forwards; opacity:1;}

.jtzx_bb{ height:auto; overflow:hidden;}

.jtzx_bb li{ clear:both; height:auto; overflow:hidden; border-bottom:1px solid #eeeeee; padding-bottom:30px; margin-bottom:40px; position:relative;transition: all 0.5s ease;}

.jtzx_bb li h2{ height:auto; overflow:hidden; position:relative; padding-bottom:20px; margin-bottom:30px;transition: all 0.5s ease; }

.jtzx_bb li h2:after{ content:''; position:absolute; left:0; bottom:0; width:100px; height:4px; background:#e5e5e5;}

.jtzx_bb li h2 span{ display:block; float:left; width:92%; height:auto; color:#666666; font-size:24px; line-height:24px;}

.jtzx_bb li h2 font{ display:block; float:right; text-align:right; color:#999999; font-size:24px; line-height:24px;}

.jtzx_bb li h2 font i{ display:block; color:#999999; font-size:14px;}

.jtzx_bb li p{ line-height:30px; color:#666666; font-size:16px; background:url(../images/bg6.jpg) no-repeat right center; padding-right:200px;transition: all 0.5s ease;}

.jtzx_bb li:after{ content:''; position:absolute; left:0; bottom:0; width:0px; height:1px; background:#005598;transition: all 0.5s ease;}

.jtzx_bb li:hover:after{ width:100%;}

.jtzx_bb li:hover h2 span{ color:#005598;}

.jtzx_bb li:hover p{ background:url(../images/bg7.jpg) no-repeat right center;}

@media(max-width:1680px){

.bode dd{ padding-top:0px;}	

.bode dd div{ margin-bottom:20px;}

.bode dd span{ margin-bottom:25px;}

}

@media(max-width:1440px){

.jtzx{padding:120px 60px 70px 60px;}

.bode dd{ padding-top:0px;}	

.bode dd div{ margin-bottom:20px;}

.bode dd span{ margin-bottom:25px;}

.bode dd p{ color:#666666; font-size:16px; line-height:24px;}

}

@media(max-width:1024px){

.jtzx{padding:40px 30px 40px 30px;}	

.jtzx_t{ margin-bottom:40px;}

.bode dd{ width:100%; padding:20px 0}

.bode dt{ width:100%;}

.bode dd h2{ font-size:20px; line-height:24px;}

.bode dd p{ font-size:14px; line-height:24px;}

.jtzx_bt{ margin-bottom:40px;}

.jtzx_bb li p{ padding-right:100px;}

.jtzx_bb li h2 span{ font-size:20px;}

}

@media(max-width:450px){

.jtzx{padding:40px 15px 40px 15px;}	

.jtzx_bb li p{ padding-right:60px;}

.jtzx_bb li h2 span{ font-size:20px; width:58%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}	

}

.bdubo{ border-right:1px solid #eeeeee; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #eeeeee; margin-bottom:60px;}

.bdro_c h5{ color:#363636; font-size:24px; line-height:24px; margin-bottom:30px;}

.bdro_c p span{ text-align:center; color:#999999; font-size:16px;}

.hduo_la{ padding-bottom:0px;}

.fubo{ clear:both; line-height:40px; overflow:hidden; padding:0 12px; background:#f9f9f9;}

.fubo a{ display:block; float:left; width:33.33%; line-height:40px; color:#999999; font-size:14px;}

.fubo a img{ display:block; margin:0 auto; max-width:100%; margin-top:10px;}

.fubo a.obb{ text-align:right;}

@media(max-width:1024px){

.fubo a{ width:100%;}

.fubo a.obb{ text-align:left;}	

}

@media(max-width:768px){

.hduo_la{ border:none;}	

.bdubo{ border-right:none;}

}



.jtgw{ width:100%; height:auto; overflow:hidden;}

.jtgw li{ clear:both; height:auto; overflow:hidden; margin-bottom:60px;}

.jtgw li span{ display:block; width:100px; height:100px; border:1px solid #005598; text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; color:#005598; font-size:48px;  font-family: "GOTHICB"; float:left;transition: all 0.5s ease}

.jtgw li font{ display:block; float:right; width:92%;}

.jtgw li font em{ display:block; float:left; width:86%; height:auto;}

.jtgw li h2{ color:#666666; font-size:24px; line-height:24px; border-bottom:1px solid #e5e5e5; padding-bottom:15px; margin-bottom:15px;transition: all 0.5s ease;}

.jtgw li p{ line-height:24px; color:#666666; font-size:16px; height:48px; overflow:hidden;}

.boom{ float:right; margin-right:35px; text-align:center;}

.boom i{ display:block; color:#666666; line-height:46px;}

.boom b{ display:block; width:130px; height:40px; border:1px solid #666666; text-align:center; color:#666666; position:relative; overflow:hidden; line-height:40px;}

.boom b:after{ content:'';position: absolute;display: block; width: 0;height: 0;border-radius:50%; background:#005598;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: width 0.6s, height 0.6s;transition: width 0.6s, height 0.6s; }

.jtgw li:hover .boom b:after { width: 300px;height: 300px;}

.jtgw li:hover .boom b{ border:1px solid #005598; color:#fff;}

.boom b strong{ color:#666666; font-size:14px; font-weight:normal; display:block; position:relative; z-index:11;transition: all 0.5s ease;}

.jtgw li:hover .boom b strong{ color:#fff;}

.jtgw li:hover h2{ color:#005598;}

.jtgw li:hover span{ background:#005598; color:#fff;}

@media(max-width:1680px){

.jtgw li font{ width:90%;}	

.jtgw li font em{width:81%;}

}

@media(max-width:1024px){

.jtgw li{ margin-bottom:40px;}

.jtgw li font{ width:100%;}	

.jtgw li span{ width:60px; height:60px; font-size:30px; margin-bottom:30px;}	

.boom{ margin-right:0px;}

.jtgw li h2{ font-size:20px;}

}

@media(max-width:768px){

.jtgw li font em{width:75%;}	

}

@media(max-width:450px){

.jtgw li font em{width:100%;}	

.boom{ margin-right:0px; float:left;}

}

/*白云资讯 end*/



/*联系白云 begin*/

.jtzx_t1{ margin-bottom:100px;}

.lxbi{ clear:both; width:100%; height:auto; overflow:hidden; margin-bottom:100px;}

.lxbi li{ float:left; width:13%; height:auto; margin-right:8.7%;}

.lxbi li.qcbj{ margin-right:0;}

.lxbi li h2{ border-bottom:1px solid #e5e5e5; line-height:30px; font-size:24px; color:#005598; padding-bottom:5px; margin-bottom:15px;}

.lxbi li p{ line-height:30px; font-size:18px; color:#666666;}

@media(max-width:1024px){

.jtzx_t1{ margin-bottom:40px;}	

.lxbi li{ float:left; width:19%; height:auto; margin-right:1.2%;}

.lxbi li h2{ font-size:20px;}

.lxbi li p{ font-size:14px;}

.lxbi{ margin-bottom:40px;}

}

@media(max-width:450px){

.lxbi{ margin-bottom:20px;}

.jtzx_t1{ margin-bottom:40px;}	

.lxbi li{ float:left; width:33.33%; height:auto; margin-right:0%; padding-right:1%; margin-bottom:20px;}

.lxbi li h2{ font-size:18px;}

.lxbi li p{ font-size:14px;}

}

@media(max-width:375px){

.lxbi{ margin-bottom:20px;}

.jtzx_t1{ margin-bottom:40px;}	

.lxbi li{ float:left; width:50%; height:auto; margin-right:0%; padding-right:1%; margin-bottom:20px;}

.lxbi li h2{ font-size:18px;}

.lxbi li p{ font-size:14px;}

}

.dtub{ clear:both; width:100%; height:auto; overflow:hidden;}

.dtub_l{ float:left; width:26%; height:auto; overflow:hidden;}

.dtub_lt{ height:auto; color:#005598; line-height:48px; font-size:36px; padding-right:103px; margin-bottom:35px;}

.dtub_lc{ height:auto; color:#666666; font-size:16px; margin-bottom:65px; line-height:24px;}

.dtub_lb{ height:auto; overflow:hidden;}

.dtub_lb li{ height:auto; overflow:hidden; margin-bottom:55px;}

.dtub_lb li h2{ border-bottom:1px solid #e5e5e5; padding-bottom:10px; line-height:31px; color:#005598; font-size:24px; margin-bottom:15px;}

.dtub_lb li h2 img{ float:right; max-width:100%; vertical-align:middle;}

.dtub_lb li p{ line-height:30px; color:#666666; font-size:18px;}

.dtub_lb li.qcbj{ margin-bottom:0px;}

.dtub_r{ float:right; width:66%; height:auto; overflow:hidden;}

.dtub_r img{ display:block; width:100%;}

@media(max-width:1680px){

.dtub_lt{ padding-right:43px; }

.dtub_lc{ margin-bottom:25px;}	

.dtub_lb li{ margin-bottom:25px;}

}

@media(max-width:1024px){

.dtub_l{ width:100%;}

.dtub_lt{ padding-right:0px; font-size:20px; line-height:30px }

.dtub_lc{ margin-bottom:25px;}	

.dtub_lb li{ margin-bottom:25px;}

.dtub_lb li h2{ font-size:18px;}

.dtub_r{ margin-top:30px; width:100%;}

}

.fbuo{ width:100%; height:auto; overflow:hidden; margin-bottom:80px;}

.fbuo li{ width:33.33%; float:left; text-align:center;}

.fbuo li h2{ position:relative; color:#005598; font-size:24px; line-height:30px; padding-bottom:15px; margin-bottom:20px;}

.fbuo li h2:after{ content:''; width:30px; height:2px; position:absolute; left:0; right:0; bottom:0; background:#005598; margin:0 auto; }

.fbuo li p{ text-align:center; line-height:30px; font-size:18px; color:#666666;}

.bojl{ width:100%; height:auto; overflow:hidden;}

.bojl img{ display:block; width:100%;}

@media(max-width:1024px){

.fbuo{ margin-bottom:40px;}	

.fbuo li h2{ font-size:20px;}

.fbuo li p{ font-size:16px;}

}

@media(max-width:450px){

.fbuo li{ width:100%; margin-bottom:20px;}	

.fbuo{ margin-bottom:20px;}	

}

/*联系白云 end*/



/*直聘白云 begin*/

.dyow{ padding:100px 100px 0 100px;}

.dyow h2{ text-align:center; color:#005598; font-size:30px; line-height:30px; margin-bottom:60px;}

.dyow ul{ border:1px solid #e5e5e5; overflow:hidden;}

.dyow li{ float:left; width:20%; padding:50px 16px 15px 16px; border-right:1px solid #e5e5e5; position:relative; min-height:210px !important;}

.dyow li h3{transition: all 0.5s ease; position:relative; z-index:11; text-align:center; color:#666666; font-size:24px; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:20px;}

.dyow li p{transition: all 0.5s ease; position:relative; z-index:11; text-align:center; color:#666666; line-height:30px; font-size:16px;}

.dyow li:after{transition: all 0.5s ease; content:''; width:100%; height:0px; position:absolute; left:0; bottom:0; background:#005598;}

.dyow li:hover:after{ height:100%;}

.dyow li:hover h3,.dyow li:hover p{ color:#fff;}

.dyow li:last-child{ border:none;}

@media(max-width:1680px){

.dyow li p{ font-size:14px;}	

}

@media(max-width:1440px){

.dyow{ padding:100px 60px 0 60px;}

.dyow li p{ font-size:12px;}

.dyow li{ padding:50px 14px 15px 14px;}	

}

@media(max-width:1024px){

.dyow{ padding:40px 30px 0 30px;}

.dyow li p{ font-size:14px;}

.dyow li{ width:100%; padding:20px; border-bottom:1px solid #e5e5e5; border-right:none; min-height:auto !important;}	

.dyow h2{ font-size:24px; margin-bottom:30px;}

.dyow li h3{ font-size:18px; margin-bottom:10px;}

}

@media(max-width:450px){

.dyow{ padding:40px 15px 0 15px;}



}

.lbop{ clear:both; width:100%; padding:100px 100px 0 100px;}

.lbop h2{ text-align:center; color:#005598; font-size:30px; line-height:30px; margin-bottom:60px;}

.lbop ul{ font-size:0; text-align:center;}

.lbop li{ display:inline-block; margin-right:318px;}

.lbop li img{ display:block; max-width:100%; margin:0 auto; margin-bottom:25px;}

.lbop li p{ color:#666666; font-size:18px; line-height:30px;}

.lbop li.qcbj{ margin-right:0;}

@media(max-width:1680px){

.lbop li{  margin-right:218px;}	

}

@media(max-width:1440px){

.lbop li{  margin-right:138px;}	

.lbop{ clear:both; width:100%; padding:100px 60px 0 60px;}

}

@media(max-width:1024px){

.lbop{ clear:both; width:100%; padding:40px 30px 0 30px;}

.lbop li{  margin-right:0; width:33.33%; display:block; float:left;}	

.lbop h2{font-size:24px; line-height:30px; margin-bottom:30px;}

}

@media(max-width:450px){

.lbop{ clear:both; width:100%; padding:40px 15px 0 15px;}

.lbop li{  margin-right:0; width:100%; display:block; float:left; margin-bottom:20px;}

.lbop li.qcbj{ margin-right:0; margin-bottom:0px;}	

.lbop li img{ margin-bottom:15px;}

}

.zpgw{ clear:both; width:100%; height:auto; overflow:hidden; padding:100px 100px 30px 100px;}

.zpgw h2{ text-align:center; color:#005598; font-size:30px; line-height:30px; margin-bottom:60px;}

.zpgw li{ clear:both; height:auto; overflow:hidden; margin-bottom:40px;}

.zpgw li h3{transition: all 0.5s ease; position:relative; border-bottom:1px solid #e5e5e5; overflow:hidden; padding-bottom:10px; background:url(../images/bg8.jpg) no-repeat right 5px; color:#666666; font-size:24px; line-height:30px; margin-bottom:15px;}

.zpgw li h3:after{transition: all 0.5s ease; content:''; position:absolute; right:0; bottom:0; width:0; height:1px; background:#005598;}

.zpgw li p{ color:#666666; line-height:30px; font-size:16px;}

.zpgw li:hover h3{ color:#005598; background:url(../images/bg9.jpg) no-repeat right 5px;}

.zpgw li:hover h3:after{ width:100%;}

@media(max-width:1440px){

.zpgw{ padding:100px 60px 30px 60px;}	

}

@media(max-width:1024px){

.zpgw h2{ font-size:24px; margin-bottom:30px;}

.zpgw{ padding:40px 30px 10px 30px;}

.zpgw li{ margin-bottom:30px;}

.zpgw li h3{ font-size:18px;}	

.zpgw li p{ font-size:14px;}

}

@media(max-width:450px){

.zpgw{ padding:40px 15px 10px 15px;}

.zpgw li h3{ font-size:16px;}

.zpgw li p{ font-size:12px; line-height:24px;}

}

.gyro_t font{ float:left;color:#666666; font-size:20px;}

.gyro_t font a{ display:inline-block; color:#666666; font-size:20px; line-height:20px;}

.gyro_t font a.guog{ color:#005598;}

.gyro_t font a img{ display:block; margin:0 auto; margin-top:10px;}

.bolm{ width:100%; height:auto; overflow:hidden; padding:120px 100px 70px 100px;}

.bolm_t{ height:auto; text-align:center; color:#005598; font-size:30px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:80px;}

.bolm_c{ height:auto; overflow:hidden; background:url(../images/bg10.jpg) no-repeat center center; background-size:cover; margin-bottom:80px;}

.bolm_c li{ float:left; width:16.66%; height:auto; overflow:hidden; border-right:1px solid rgba(255,255,255,0.5); padding:40px 0; text-align:center;}

.bolm_c li h2{ text-align:center; color:#fff; font-size:24px; margin-bottom:20px; line-height:24px;}

.bolm_c li p{ color:#fff; font-size:16px; line-height:24px;}

.bolm_c li:last-child{ border:none;}

.bolm_b{ width:100%; height:auto; overflow:hidden; clear:both; border-bottom:1px solid #e5e5e5; padding-bottom:40px; margin-bottom:40px;}

.bolm_b ul{ float:left; width:47%; height:auto;}

.bolm_b li h2{ color:#666666; font-size:24px; line-height:24px; margin-bottom:35px;}

.bolm_b li{ color:#666666; font-size:16px; line-height:30px;}

.bolm_b ul.woa{ float:right;}

@media(max-width:1440px){

.bolm{ width:100%; height:auto; overflow:hidden; padding:120px 60px 70px 60px;}	

}

@media(max-width:1024px){

.bolm{ width:100%; height:auto; overflow:hidden; padding:40px 30px;}	

.bolm_t{ font-size:24px; margin-bottom:30px;}

.bolm_c{ margin-bottom:30px;}

.bolm_c li{ padding:20px 0;}

.bolm_c li h2{ font-size:18px; margin-bottom:10px;}

.bolm_c li p{ font-size:14px;}

}

@media(max-width:768px){

.bolm_c li{ padding:20px 0; width:33.33%;}

.bolm_c li:nth-child(3){ border:none;}	

.bolm_b { padding-bottom:0px; margin-bottom:20px;}

.bolm_b ul{ width:100%; margin-bottom:20px;}

.bolm_b li h2{ font-size:20px; margin-bottom:10px;}

.gyro_t font{ font-size:16px;}

.gyro_t font a{ color:#666666; font-size:16px}

}

@media(max-width:450px){

.bolm{ width:100%; height:auto; overflow:hidden; padding:40px 15px;}	

}

.bolm_h{ height:auto; overflow:hidden; text-align:center; padding:40px 0 0 0;}

.bolm_h h2{ text-align:center; color:#363636; font-size:24px; line-height:48px; margin-bottom:40px;}

.bolm_k{ width:100%; height:auto; overflow:hidden; background:#f9f9f9; padding:80px 50px;}

.bolm_k li{ float:left; width:21%; border-bottom:1px solid #c9c9c9; padding-bottom:10px; margin-right:5.3%; margin-bottom:70px;}

.bolm_k li span{ display:block; float:left; width:90px; color:#666666; font-size:18px; text-align:left;}

.bolm_k li font{ display:block; float:right; width:68%;}

.wbk1{ width:100%; height:auto; line-height:18px; font-size:18px;color:#666666; background:none; border:none;}

.bolm_k li.qcbj{ margin-right:0;}

.tboo{ width:150px; height:40px; background:#005598; border:none; text-align:center; clear:both; margin:0 auto; line-height:40px;}

.booor{ width:100%; height:40px; background:none; border:none; color:#fff; font-size:18px;}

@media(max-width:1440px){

.bolm_k li font{ width:60%;}	

}

@media(max-width:1366px){

.bolm_k li font{ width:55%;}	

}

@media(max-width:1280px){

.bolm_k li font{ width:52%;}	

}

@media(max-width:1024px){

.bolm_k li font{ width:100%;}

.bolm_h{ padding-top:0px;}	

.bolm_h h2{ font-size:20px; margin-bottom:10px;}

.bolm_k{ padding:30px;}

.bolm_k li{ margin-bottom:20px; width:48%; margin-right:0px;}

.bolm_k li:nth-child(even){ float:right;}

}

@media(max-width:450px){



.bolm_k li{ margin-bottom:20px; width:100%; margin-right:0px;}

.bolm_k li:nth-child(even){ float:right;}

}

.giob_r li{ float:left; width:24%; height:auto; min-height:90px !important; background:#005598; margin-bottom:48px; margin-right:14%; padding:14px 0 0 19px; line-height:30px;}

.giob_r li.qcbj{ margin-right:0px;}

.giob_r li h6{ color:#fff; font-size:16px;}

.giob_r li i{ display:block; color:#fff; font-size:16px;}

@media(max-width:1680px){

.giob_r li{ width:29%; margin-right:6.5%}	

}

@media(max-width:1366px){

.giob_r li{ width:31%; margin-right:3%}	

.giob_r li h6{ color:#fff; font-size:14px;}

.giob_r li i{font-size:14px;}



}

@media(max-width:1024px){

.giob_r li{ width:48%; margin-right:0%;}	

.giob_r li:nth-child(even){ float:right;}	

}

@media(max-width:768px){

.giob_r li{ width:48%; margin-right:0%; margin-bottom:20px;}		

}

@media(max-width:450px){

.giob_r li{ width:100%; margin-right:0%; margin-bottom:20px;}		

}

.xoob{ width:100%; height:auto; overflow:hidden; padding:100px 100px 40px 100px;}

.xoob_l{ float:left; width:46%; height:auto; overflow:hidden;}

.xoob_lt{ color:#005598; font-size:30px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:45px;}

.xoob_lb{ height:auto; overflow:hidden; margin-bottom:29px;}

.xoob_lb li{ clear:both; height:auto; overflow:hidden; position:relative; padding-left:140px; margin-bottom:40px;}

.xoob_lb li:after{ content:''; position:absolute; left:0; top:15px; width:40px; height:4px; background:#005598;}

.xoob_lb li span{ display:block; float:left; color:#666666; font-size:24px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1";}

.xoob_lb li font{ display:block; float:right; width:62%; line-height:30px; color:#666666; font-size:16px;}

.lbor{ clear:both; width:100%; height:auto; overflow:hidden;}

.lbor li{ float:left; width:39%; height:auto; overflow:hidden; margin-right:104px; margin-bottom:60px;}

.lbor li span{ display:block; width:51px; border-right:1px solid #e5e5e5; padding-top:30px; float:left; min-height:80px !important;}

.lbor li font{ display:block; width:75%; height:auto; overflow:hidden; float:right;}

.lbor li h2{ line-height:40px; border-bottom:1px solid #e5e5e5; color:#666666; font-size:16px;}

.lbor li p{ line-height:40px; color:#666666; font-size:16px;}

.lbor li.qcbj{ margin-right:0px;}

.xoob_r{ float:right; width:43%; height:auto; overflow:hidden;}

.xoob_r img{ display:block; width:100%;}

@media(max-width:1680px){

.xoob_lt{ margin-bottom:30px;}

.xoob_lb li{ padding-left:120px; margin-bottom:30px;}	

.lbor li{ width:43%; margin-right:73px; margin-bottom:40px;}

.xoob_lb{ margin-bottom:0px;}

}

@media(max-width:1440px){

.xoob{ padding:100px 60px 40px 60px;;}

.xoob_l{ width:50%;}

.xoob_lt{ margin-bottom:20px;}

.xoob_lb li{ padding-left:120px; margin-bottom:20px;}	

.lbor li{ width:43%; margin-right:73px; margin-bottom:30px;}

.xoob_lb{ margin-bottom:0px;}

}
@media(max-width:1280px){
.lbor li{ width:46%; margin-right:37px; margin-bottom:30px;}	
}
@media(max-width:1200px){
.lbor li{ width:46%; margin-right:35px; margin-bottom:30px;}	
.lbor li p{ font-size: 14px }
.lbor li font{width:72%;}
}

@media(max-width:1024px){

.xoob{ padding:40px 30px 40px 30px;;}

.xoob_l{ width:100%;}

.xoob_lt{ margin-bottom:30px; font-size:24px;}

.xoob_lb li{ padding-left:120px; margin-bottom:30px;}	

.lbor li{ width:42%; margin-right:84px; margin-bottom:30px;}

.xoob_lb{ margin-bottom:0px;}

.xoob_r{ width:100%;}

.xoob_r img{ display:block; margin:0 auto; width:100%; max-width:100%;}

.xoob_lb li font{ display:block; float:right; width:72%; line-height:30px; color:#666666; font-size:16px;}

.xoob_lb li span{ font-size:18px;}

}

@media(max-width:450px){

.xoob{ padding:40px 15px 40px 15px;}

.xoob_lb li{ padding-left:60px; margin-bottom:30px;}	

.lbor li{ width:100%; margin-right:0px; margin-bottom:30px;}

.xoob_lb li font{ display:block; float:right; width:100%; line-height:30px; color:#666666; font-size:16px;}



}

.boiu{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg11.jpg) no-repeat center center; background-size:cover; margin-bottom:70px;}

.boiu_lt{ height:auto; overflow:hidden;}

.boiu_lt li{ min-height:170px !important; float:left; padding:0 35px; color:#fff; font-size:30px; border-bottom:1px solid rgba(255,255,255,0.15);}

.boiu_lt li.bnhu1{ width:6%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_lt li.bnhu2{ width:22%; border-right:1px solid rgba(255,255,255,0.15); padding-top:80px;}

.boiu_lt li.bnhu3{ width:22%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_lt li.bnhu4{ width:22%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_lt li.bnhu5{ width:22%; border-right:1px solid rgba(255,255,255,0.15); text-align:right; padding-top:80px;}

.boiu_lt li.bnhu6{ width:6%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_c{ clear:both; width:100%; height:auto; overflow:hidden;}

.boiu_c li{transition: all 0.5s ease; min-height:260px !important; float:left; padding:50px 40px 0 40px; color:#fff; font-size:30px; border-bottom:1px solid rgba(255,255,255,0.15);}

.boiu_c li.bnhr1{ width:6%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_c li.bnhr2{ width:22%; border-right:1px solid rgba(255,255,255,0.15); }

.boiu_c li.bnhr3{ width:22%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_c li.bnhr4{ width:22%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_c li.bnhr5{ width:22%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_c li.bnhr6{ width:6%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_c li h2{ color:#ffffff; font-size:24px; line-height:24px;  font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:25px;}

.boiu_c li span{ color:#fff; font-size:16px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; display:block; margin-bottom:25px;}

.boiu_c li p{ line-height:24px; font-size:16px; color:rgba(255,255,255,0.5);}

.boiu_c li:hover{ background:rgba(249,249,249,0.15);}

.boiu_lb{ clear:both; width:100%; height:auto; overflow:hidden;}

.boiu_lb li{ min-height:60px !important; float:left;}

.boiu_lb li.bnhe1{ width:6%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_lb li.bnhe2{ width:22%; border-right:1px solid rgba(255,255,255,0.15); }

.boiu_lb li.bnhe3{ width:22%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_lb li.bnhe4{ width:22%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_lb li.bnhe5{ width:22%; border-right:1px solid rgba(255,255,255,0.15); }

.boiu_lb li.bnhe6{ width:6%; border-right:1px solid rgba(255,255,255,0.15);}

@media(max-width:1440px){

.boiu_c li{ padding:40px 30px 0 30px;}	

.boiu_c li span,.boiu_c li h2{ margin-bottom:15px;}

.boiu_lt li{ font-size:24px; padding:0 30px;}

}

@media(max-width:1024px){

.boiu_c li{ padding:40px 15px 0 15px;}	

.boiu_c li span{ margin-bottom:15px;}

.boiu_c li h2{ margin-bottom:15px; font-size:20px;}

.boiu_lt li{ font-size:20px; padding:0 15px;}

}

@media(max-width:450px){

.boiu_lt li{ min-height:60px !important;}

.boiu_lt li.bnhu1{ display:none;}

.boiu_lt li.bnhu2{ width:50%; border-right:1px solid rgba(255,255,255,0.15); padding-top:20px;}

.boiu_lt li.bnhu3{ display:none;}

.boiu_lt li.bnhu4{ display:none;}

.boiu_lt li.bnhu5{ width:50%; text-align:left; padding-top:20px;}

.boiu_lt li.bnhu6{  display:none;}

.boiu_lb{ display:none;}

.boiu_lb li{ min-height:60px !important; float:left;}

.boiu_lb li.bnhe1{ width:50;}

.boiu_lb li.bnhe2{ width:50%;}

.boiu_lb li.bnhe3{ display:none;}

.boiu_lb li.bnhe4{ display:none;}

.boiu_lb li.bnhe5{ display:none;}

.boiu_lb li.bnhe6{ display:none;}

.boiu_c li{ width:100%; padding:40px 15px 40px 15px; min-height:auto !important;}	

.boiu_c li.bnhr1{ display:none;}

.boiu_c li.bnhr2{ width:100%; border-right:1px solid rgba(255,255,255,0.15); }

.boiu_c li.bnhr3{ width:100%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_c li.bnhr4{ width:100%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_c li.bnhr5{ width:100%; border-right:1px solid rgba(255,255,255,0.15);}

.boiu_c li.bnhr6{display:none;}



}

/*直聘白云 end*/



/*企业文化 begin*/

.yrxs{ clear:both; width:100%; height:auto; overflow:hidden; padding:150px 100px 0 100px;}

.yrxs_t{ height:auto; overflow:hidden; margin-bottom:90px;}

.yrxs_b{ clear:both; width:100%; height:auto; overflow:hidden;}

.yrxs_b dl{ float:left; width:47%; height:auto; overflow:hidden;}

.yrxs_b dt{ width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:35px;}

.yrxs_b dt img{ display:block; width:100%; height:auto;}

.yrxs_b dt span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../tu/tu10.png) no-repeat center center rgba(0,0,0,0.2);}

.yrxs_b dd{ text-align:center; line-height:24px; color:#666666; font-size:18px;}

.yrxs_b dl.qcbj{ float:right;}

@media(max-width:1440px){

.yrxs{ padding:100px 60px 0 60px;}	

}

@media(max-width:1024px){

.yrxs{padding: 220px 30px 0 30px;margin-top: -190px;}

.yrxs_b dt{ margin-bottom:20px;}	

.yrxs_t{ margin-bottom:30px;}

}

@media(max-width:450px){

.yrxs{padding: 220px 15px 0 15px;margin-top: -190px;}	

.yrxs_b dl{ width:100%; margin-bottom:20px;}

.yrxs_b dl.qcbj{ margin-bottom:0px;}

}

.whoo{ width:100%; height:auto; overflow:hidden; padding:150px 100px 0 100px;}

.yrxs_t1{ margin-bottom:60px;}

.whoo_t{ height:auto; text-align:center; overflow:hidden; margin-bottom:90px; }

.whoo_t p{ color:#666666; line-height:30px; font-size:16px;}

.whoo_e{ width:1000px; height:auto; overflow:hidden; margin:0 auto; margin-bottom:80px;}

.whoo_e li{ float:left; width:21%; height:auto; overflow:hidden; margin-right:18.5%}

.whoo_e li.qcbj{ margin-right:0px;}

.whoo_e li img{ display:block; margin:0 auto; max-width:100%; margin-bottom:20px;}

.whoo_e li h2{ color:#005598; font-size:18px; line-height:30px; margin-bottom:20px; text-align:center;}

.whoo_e li p{ text-align:center; color:#666666; line-height:30px; font-size:16px;}

.whoo_w{ width:100%; height:auto; overflow:hidden; background:url(../tu/tu112.jpg) no-repeat center center; background-size:cover; padding:140px 0}

.whoo_wt{ text-align:center; color:#fff; font-size:30px; line-height:30px;  font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:50px;}

.whoo_wt i{ display:block; color:#feffff; font-size:18px; font-family: "GOTHIC";}

.whoo_wb{ height:auto; overflow:hidden;}

.whoo_wb h2{ text-align:center; color:#fff; font-size:24px; line-height:28px; margin-bottom:30px;}

.whoo_wb p{ text-align:center; color:#fff; font-size:16px; line-height:30px;}

@media(max-width:1440px){

.whoo{ padding:100px 60px 0 60px;}	

}

@media(max-width:1024px){

.whoo{padding: 220px 30px 0 30px;margin-top: -190px;}

.whoo_t{ margin-bottom:30px;}

.whoo_e{ margin-bottom:30px; width:100%;}

.yrxs_t1{ margin-bottom:30px;}

.whoo_e li{ width:26%; margin-right:11%;}

.whoo_w{ padding:40px;}

.whoo_wt{ font-size:24px; margin-bottom:20px;}

.whoo_wb h2{ text-align:center; color:#fff; font-size:18px; line-height:28px; margin-bottom:20px;}

}

@media(max-width:450px){

.whoo{padding: 220px 15px 0 15px;margin-top: -190px;}

.whoo_e li{ width:100%; margin-right:0%; margin-bottom:20px;}

.whoo_e li:last-child{ margin-bottom:0px;}	

.whoo_w{ padding:30px 15px;}

.whoo_wb p{ text-align:center; color:#fff; font-size:14px; line-height:24px;}



}

.sobo{ width:100%; height:auto; overflow:hidden; padding:100px 100px 0 100px;}

.sobo_t{ text-align:center; color:#005598; font-size:30px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:85px;}

.sobo_t i{ display:block; color:#666666; font-size:18px; line-height:24px;  font-family: "GOTHIC"; margin-top:5px;}

.sobo_d{ width:100%; height:auto; overflow:hidden; margin-bottom:100px;}

.sobo_d li{ float:left; width:18%; position:relative; padding:22px 0 0 22px; margin-right:9.3%;}

.sobo_d li:after{ content:''; position:absolute; left:0; top:0; width:92%; height:100px; border:1px solid #005598;}

.sobo_d li span{ display:block; width:100%; height:100px; background:#005598; line-height:100px; text-align:center; color:#fff; font-size:24px;}

.sobo_d li.qcbj{ margin-right:0px;}

.sobo_v{ width:100%; height:auto; overflow:hidden;}
.sobo_v ul{ width:100%; height:auto; overflow:hidden;}
.sobo_v li{ float:left; width:22%; height:auto; overflow:hidden; margin-right:4%; margin-bottom:80px;}

.sobo_v li.qcbj{ margin-right:0;}

.sobo_v li h2{ color:#666666; font-size:24px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; font-weight:bold; margin-bottom:20px;}

.sobo_v li p{ line-height:30px; color:#666666; font-size:16px;}

.sobo_v li.rip{ margin-bottom:0px;}

@media(max-width:1440px){

.sobo{ padding:100px 60px 0 60px;}	

.sobo_d li{ width:20%; margin-right:6.6%;}

}

@media(max-width:1024px){

.sobo{ padding:40px 30px 0 30px;}	

.sobo_t{font-size:20px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:30px;}

.sobo_t i{ display:block; color:#666666; font-size:24px; line-height:24px;  font-family: "GOTHIC"; margin-top:5px;}

.sobo_d li{ width:48%; margin-right:0; margin-bottom:20px;}

.sobo_d li:nth-child(even){ float:right;}

.sobo_d li span{ font-size:18px;}

.sobo_d{ margin-bottom:20px;}

.sobo_v li{width:100%; height:auto; overflow:hidden; margin-right:0%; margin-bottom:20px;}

.sobo_v li:nth-child(even){ float:right;}

.sobo_v li h2{ color:#666666; font-size:18px; line-height:30px; font-family: "SOURCEHANSANSCN-REGULAR_1"; font-weight:bold; margin-bottom:10px;}

.sobo_v li p{ line-height:30px; color:#666666; font-size:14px;}



}

@media(max-width:450px){

.sobo{ padding:40px 15px 0 15px;}

.sobo_d li{ width:100%; margin-right:0; margin-bottom:20px;}

.sobo_d li:after{ content:''; position:absolute; left:0; top:0; width:92%; height:60px; border:1px solid #005598;}

.sobo_d li span{ display:block; width:100%; height:60px; background:#005598; line-height:60px;}



	

}

.hdow{ clear:both; width:100%; padding:150px 100px 70px 100px;}

@media(max-width:1440px){

.hdow{ padding:100px 60px 70px 60px;}



}

@media(max-width:1024px){

.hdow{padding: 220px 30px 40px 30px;margin-top: -190px;}



}

@media(max-width:450px){

.hdow{padding: 220px 15px 40px 15px;margin-top: -190px;}

}

.bbb{ width:100%; height:auto; overflow:hidden;}

.bbb dl{ float:left; width:46%; overflow:hidden;}

.bbb dt{ width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:30px;}

.bbb dt img{ display:block; width:100%;}

.bbb dt span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#005598;}

.bbb dd{ height:auto; overflow:hidden;}

.bbb dd h2{ color:#666666; font-size:30px; line-height:34px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-family: "SOURCEHANSANSCN-REGULAR_1"; margin-bottom:35px;}

.bbb dd div{ margin-bottom:45px;}

.bbb dd p{ line-height:30px; color:#666666; font-size:16px;}

.bbb dd span{ line-height:30px; color:#666666; font-size:16px;}

.bbb dl.qcbj{ float:right;}

@media(max-width:1024px){

.bbb dd h2{font-size:20px; margin-bottom:15px;}

.bbb dd div{ margin-bottom:25px;}

.bbb dd p{font-size:14px;}

.bbb dd span{ font-size:14px;}

.bbb dt{ margin-bottom:20px;}

}

@media(max-width:450px){

.bbb dl{ width:100%; margin-bottom:20px;}

.bbb dl.qcbj{ float:right; margin-bottom:0px;}

.bbb dd div{ margin-bottom:15px;}

}

/*企业文化 end*/

.boennn{ position: relative; min-height: 52px !important; }