body { padding: 0 0; }
.inner_pro { background:linear-gradient(-118deg, #2F55D4 1%, #098df9 100%); color:#fff; padding:135px 0 70px 0; position:relative; overflow:hidden; }
.inner_pro:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url(../image/bg.png) no-repeat top center/cover; }
.inner_pro .menu { margin:20px auto 0 auto; text-align:center; position:relative; }
.inner_pro .menu span { display:inline-block; border-radius:40px; background:#fff; border:1px solid #D7DFF8; color:#2F55D4; margin:20px auto 30px auto; padding:4px; }
.inner_pro .menu span a { display:inline-block; background:#fff; border-radius:40px; padding:6px 20px; margin-right:5px; color:#8492a6; }
.inner_pro .menu span a.active { background:#0985F9; color:#fff; }
.inner_pro .menu span a:hover { background:#0985F9; color:#fff; }
.inner_pro .menu span a:last-child { margin-right:0; }
.inner_pro .image { margin:0 auto; text-align:center; max-width:1175px; }
.inner_pro .image .ui-carousel-page { bottom:-30px; }
.inner_pro .image .ui-carousel-page li { height:12px; width:12px; border-radius:12px; transition:all 1s }
.inner_pro .image .ui-carousel-page li.active { width:30px; }
.inner_pro .link { margin:40px auto 0 auto; text-align:center; position:relative; }
.inner_pro .link a { border:1px solid rgba(255, 255, 255, 0.4); border-radius:4px; display:inline-block; padding:10px 30px; color:#fff; margin:4px; }
.inner_pro .link a:hover { border:1px solid rgba(255, 255, 255, 0.8); }
.inner_pro.red { background:linear-gradient(-118deg, #FA563A 1%, #FE7D7D 93%); }
.inner_pro.red .menu span a.active { background:#FA563A; color:#fff; }
.inner_pro.red .menu span a:hover { background:#FA563A; color:#fff; }
.inner_pro.green { background:linear-gradient(-118deg, #10E287 1%, #1CD2BC 93%) }
.inner_pro.green .menu span a.active { background:#07C160; color:#fff; }
.inner_pro.green .menu span a:hover { background:#07C160; color:#fff; }
.swiperBox .swiper-container { padding-bottom: 40px; }
.swiper-container-horizontal>.swiper-pagination { bottom: 0px; }
.swiperBox .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 8px; background: #fff; margin: 0 4px; cursor: pointer; }
.swiperBox .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 35px; }
/*三大区域*/
#allthreebox { display: block; position: relative; }
#allthreebox .domebox { display: block; overflow: hidden; padding: 40px 0 50px 0; }
#allthreebox .domebox .domeboxtext { display: inline-block; float: left; padding-top: 8%; }
#allthreebox .domebox .domeimg { display: inline-block; float: left; text-align: right; margin: 0 0 0 5%; }
#allthreebox .containerbigbg:nth-child(2n) .domeimg {
 margin: 0 5% 0 0;
}
#allthreebox .domebox .domeimg img { width: 100%; }
#allthreebox .domebox .domeboxtext h3 { font-size: 32px; font-weight: bold; color: #000000; line-height: 32px; margin-bottom: 10px; }
#allthreebox .domebox .domeboxtext ul { display: block; margin: 20px 0 40px 0; }
#allthreebox .domebox .domeboxtext li { font-size: 16px; font-weight: 400; color: #000000; line-height: 35px; padding: 0 0 0 15px; position: relative; }
#allthreebox .domebox .domeboxtext li:before { width: 8px; height: 8px; display: inline-block; content: ' '; position: absolute; top: 14px; ; left: 0; background: linear-gradient(0deg, #2363F6 0%, #BED2FF 100%); border-radius: 50%; }
#allthreebox .allbtn { margin-top: 28px; }
#allthreebox a.jianbinatwobtnborder { border: 1px solid #4E81F7; font-size: 22px; font-weight: 400; color: #4e81f7; margin-left: 10px; }
#allthreebox a.jianbinatwobtnborder:hover { background: #4E81F7; color: #ffffff; }
/*不一样的区域*/
#allthreebox .containerbigbg .domebox { margin-left: -20px; margin-right: -20px; }
#allthreebox .containerbigbg:nth-child(2n) {
 background: #F4F8FF;
}
#allthreebox .containerbigbg:nth-child(2n) .domebox .domeboxtext {
 display: inline-block;
 float: right;
 padding-top: 8%;
}
#allthreebox .containerbigbg:nth-child(2n) .domebox .domeimg {
 display: inline-block;
 float: left;
 text-align: right;
}
