.box0{overflow:hidden;padding:50px 0 ;}
.box0 .anote{padding: 30px;text-align: center;background: #fafafa;width: 70%;margin: 0 auto;}
.box0 .anote h3{font-size: 3.5rem;color:#002870 ;font-weight: bold;font-family: "微软雅黑";letter-spacing: 3px;}
.box0 .anote p{font-size: 1.5rem;color:#333;padding:15px 0;}

.box0 .warp .tt{padding: 30px;text-align: center;font-size: 2.5rem;color:#002870 ;font-family: "微软雅黑";}
.box0 .warp .tts{font-size: 16px;color:#333;padding:15px 0;text-indent: 30px;line-height: 200%;}


.navboxs {width:1000px;}
.head .navbox .navList a:nth-child(2) {color:#fff!important;}
.head .navbox .navList a:nth-child(2)::before,.head .navbox .navList a:nth-child(2)::after {transform:scale(1);}
.box1 {overflow:hidden;padding:129px 0 149px 0;}
.box1 .warp {width:1200px;margin:0 auto;}
.box1 .warp .left,.box1 .warp .right {float:left;width:50%;}
.box1 .warp .right .textbox {overflow-y:scroll;height:252px;}
.box1 .warp .right .titlebox {margin-bottom:50px;}
.box1 .warp .right .titlebox .etl {font-size:40px;line-height:40px;color:#ddd;font-family:Bebas;margin-bottom:30px;}
.box1 .warp .right .titlebox .ctl {font-size:32px;line-height:32px;color:#333;}
.box1 .warp .right .textbox p {font-size:14px;color:#666;line-height:28px;padding: 0 15px;;}
.box1 .warp .right .iconbox {margin-top:80px;overflow:hidden;}
.box1 .warp .right .iconbox .icon {float:left;width:33.33333%;position:relative;padding-bottom:30px;}
.box1 .warp .right .iconbox .icon .big {text-align:center;font-size:16px;color:rgba(0,91,160,0.8);}
.box1 .warp .right .iconbox .icon .big .bspan {font-family:Bebas;font-size:48px;color:#005ba0;}
.box1 .warp .right .iconbox .icon .small {margin-top:10px;color:#878787;font-size:12px;line-height:20px;text-align:center;}
.box1 .warp .right .iconbox .icon .line {position:absolute;right:-6px;transition:all 1s;top:0;height:100%;}
.box1 .warp .right .iconbox .icon .line img {height:100%;}
.box1 .warp .right .iconbox .icon:first-child .line {top:-112px;}
.box1 .warp .right .iconbox .icon:nth-child(2) .line {bottom:-112px;}
.box1 .warp .left img {width:489px;}
.box2 {padding:125px 0 133px 0;background:#f0f2f5;}
.box2 .wrap {width:1200px;margin:0 auto;position:relative;}
.box2 .wrap .tlbox {width:180px;border-bottom:1px solid #097bc8;position:absolute;left:0;top:0;}
.box2 .wrap .tlbox .etl {font-size:48px;line-height:48px;color:#ddd;font-family:Bebas;margin-bottom:30px;}
.box2 .wrap .tlbox .ctl {font-size:32px;color:#333;line-height:32px;margin-bottom:23px;}
.box2 .wrap .left {overflow:hidden;width:400px;float:left;}
.box2 .wrap .left .info {display:none;}
.box2 .wrap .left .info:first-child {display:block;}
.box2 .wrap .left .timebox {font-size:30px;font-family:Bebas;color:#005ba0;margin-top:170px;margin-bottom:45px;}
.box2 .wrap .left .textbox p {font-size:14px;line-height:28px;color:#666;}
.box2 .wrap .right {width:650px;float:right;}
.box2 .wrap .right .top .timebtn {width:25%;float:left;font-family:Bebas;font-size:24px;color:#aaa;cursor:pointer;}
.box2 .wrap .right .top .timebtn .actspan {color:#005ba0;text-decoration:underline;}
.box2 .wrap .right .bottom {margin-top:60px;}
.box3 {overflow:hidden;background:url(../images/about-10.png) no-repeat center center;position:relative;}
.box3 .wrap {margin-top:120px;position:relative;z-index:2;}
.box3 .wrap .tlbox {text-align:center;}
.box3 .wrap .tlbox .etl {font-size:48px;color:#005ba0;line-height:48px;margin-bottom:30px;}
.box3 .wrap .tlbox .ctl {font-size:32px;color:#333;line-height:32px;}
.box3 .wrap .iconboxs {width:1100px;margin:70px auto 203px auto;overflow:hidden;}
.box3 .wrap .iconboxs .icon {float:left;width:200px;height:200px;border-radius:100%;overflow:hidden;background:#fff;margin:0 37px;}
.box3 .wrap .iconboxs .icon .imgbox {width:38px;height:38px;margin:32px auto 10px auto;}
.box3 .wrap .iconboxs .icon .tl,.box3 .wrap .iconboxs .icon .text {text-align:center;color:#666;}
.box3 .wrap .iconboxs .icon .tl {font-size:24px;margin-bottom:12px;}
.box3 .wrap .iconboxs .icon .text {font-size:14px;width:140px;margin:0 auto;line-height:24px;}
.box3 .wrap .iconboxs .icon:nth-child(2n+1) {margin-top:43px;}
.box3 .linebox {width:1920px;height:109px;background:url(../images/about-15.png) no-repeat center center;position:absolute;left:50%;margin-left:-960px;top:366px;z-index:1;}
.box4 {overflow:hidden;padding-bottom:110px;}
.box4 .tlbox {margin:87px 0 75px 0;text-align:center;}
.box4 .tlbox .etl {font-size:48px;font-family:Bebas;color:#ddd;line-height:48px;margin-bottom:30px;}
.box4 .tlbox .ctl {font-size:32px;line-height:32px;color:#333;}
.box4 .bottom {width:1200px;margin:0 auto;}
.box4 .left {float:left;width:50%;height:420px;overflow:hidden;}
.box4 .left img {width:100%;}
.box4 .right {width:50%;float:right;}
.box4 .right ul {overflow-y:scroll;height:427px;}
.box4 .right ul li {width:270px;height:50px;border-radius:2px;border:solid 1px #dbdbdb;box-sizing:border-box;float:left;margin-right:25px;margin-bottom:25px;line-height:50px;padding-left:23px;cursor:pointer;transition:all .3s ease;}
.box4 .right ul li:nth-child(2n) {margin-right:0;}
.box4 .right ul .actli {background:#005ba0;color:#fff;}
.box4 .right ul::-webkit-scrollbar {width:4px;background:#e4e4e4;}
.box4 .right ul::-webkit-scrollbar-thumb {background:#005ba0;}
.box5 {background:#f0f2f5;overflow:hidden;padding-bottom:75px;}
.box5 .tlbox {margin-top:99px;text-align:center;}
.box5 .tlbox .etl {color:#ddd;font-size:48px;line-height:48px;font-family:Bebas;margin-bottom:30px;}
.box5 .tlbox .ctl {color:#333;font-size:32px;line-height:32px;}
.box5 .wrap {width:1200px;margin:0 auto;}
.box5 .wrap #swiper1 {height:420px;position:relative;}
.box5 .wrap #swiper1 .swiper-slide {display:flex;justify-content:center;align-items:center;}
.box5 .wrap #swiper1 .swiper-slide p {display:none;text-align:center;}
.box5 .wrap #swiper1 .swiper-slide img {width:80%;margin:0 auto;transition:all .3s;opacity:.7;}
.box5 .wrap #swiper1 .swiper-slide-active img {width:100%;opacity:1;}
.box5 .wrap #swiper1 .btn {width:50px;height:50px;border-radius:100%;position:absolute;top:50%;margin-top:-25px;box-shadow:0px 0px 18px 2px rgba(154,154,154,0.25);cursor:pointer;transition:all .5s;background:#fff;z-index:111;}
.box5 .wrap #swiper1 .prevbtn1 {background-image:url(../images/about-18.png);left:0;}
.box5 .wrap #swiper1 .nextbtn1 {background-image:url(../images/about-19.png);right:0;}
.box5 .wrap #swiper1 .prevbtn1:hover {background-image:url(../images/about-21.png);box-shadow:none;background-color:#005ba0;}
.box5 .wrap #swiper1 .nextbtn1:hover {background-image:url(../images/about-20.png);box-shadow:none;background-color:#005ba0;}
.box5 .wrap .show p {display:none;font-size:20px;color:#666;max-width:90%;margin:0 auto;text-align:center;}
.box5 .wrap .show p:first-child {display:block;}
@media screen and (min-width:100px) and (max-width:1024px) {.navoutwrap {display:none;}
.navboxs {width:90%;}
.box0{padding: 15px 0;}
.box0 .anote{width:90%;}
.box0 .anote h3{font-size: 2rem;}
.box0 .anote p{font-size:0.95rem;}
.box0 .warp .tt{font-size: 1.5rem;padding: 35px 0 0;}
.box0 .warp .tts{font-size: 14px;line-height: 150%;}

.box1 {overflow:hidden;padding:44px 0 44px 0;}
.box1 .warp {width:90%;}
.box1 .warp .left,.box1 .warp .right {float:none;width:100%;}
.box1 .warp .right {margin-top:0;}
.box1 .warp .right .titlebox {margin-bottom:22px;}
.box1 .warp .right .titlebox .etl {font-size:28px;line-height:30px;margin-bottom:8px;}
.box1 .warp .right .titlebox .ctl {font-size:16px;line-height:18px;}
.box1 .warp .right .textbox p {line-height:24px;}
.box1 .warp .right .iconbox {margin-top:22px;}
.box1 .warp .right .iconbox .icon {padding-top:8px;padding-bottom:30px;}
.box1 .warp .right .iconbox .icon .big {font-size:14px;}
.box1 .warp .right .iconbox .icon .big .bspan {font-size:42px;}
.box1 .warp .left img {width:100%;}
.box2 {padding:44px 0 44px 0;}
.box2 .wrap {width:90%;}
.box2 .wrap .tlbox {width:180px;border-bottom:1px solid #097bc8;position:relative;}
.box2 .wrap .tlbox .etl {font-size:28px;line-height:30px;color:#ddd;font-family:Bebas;margin-bottom:8px;}
.box2 .wrap .tlbox .ctl {font-size:16px;color:#333;line-height:18px;margin-bottom:8px;}
.box2 .wrap .left {overflow:hidden;width:100%;float:none;}
.box2 .wrap .left .timebox {font-size:28px;line-height:30px;margin-top:22px;margin-bottom:22px;}
.box2 .wrap .left .textbox p {line-height:24px;}
.box2 .wrap .right {width:100%;float:none;margin-top:22px;}
.box2 .wrap .right .top .timebtn {font-size:16px;}
.box2 .wrap .right .bottom {margin-top:44px;}
.box2 .wrap .right .bottom img {width:100%;}
.box3 {overflow:hidden;background:url(../images/about-10.png) no-repeat center center;background-size:auto 100%;position:relative;}
.box3 .wrap {margin-top:44px;position:relative;z-index:2;}
.box3 .wrap .tlbox {text-align:center;}
.box3 .wrap .tlbox .etl {font-size:28px;color:#005ba0;line-height:30px;margin-bottom:8px;}
.box3 .wrap .tlbox .ctl {font-size:16px;line-height:18px;}
.box3 .wrap .iconboxs {width:86%;margin:44px auto 100px auto;overflow:hidden;}
.box3 .wrap .iconboxs .icon {width:39vw;height:39vw;margin:0;margin-right:6.9%;margin-bottom:6.9%;}
.box3 .wrap .iconboxs .icon .imgbox {width:30px;height:30px;margin:16% auto 8% auto;}
.box3 .wrap .iconboxs .icon .imgbox img {width:100%;}
.box3 .wrap .iconboxs .icon .text {width:80%;line-height:24px;}
.box3 .wrap .iconboxs .icon:nth-child(2n+1) {margin-top:0;}
.box3 .wrap .iconboxs .icon:nth-child(2n) {margin-right:0;}
.box3 .linebox {display:none;}
.box4 {overflow:hidden;padding-bottom:44px;}
.box4 .tlbox {margin:44px 0 44px 0;}
.box4 .tlbox .etl {font-size:28px;line-height:30px;margin-bottom:8px;}
.box4 .tlbox .ctl {font-size:16px;line-height:18px;}
.box4 .bottom {width:90%;}
.box4 .left {width:50%;height:156px;overflow:hidden;position:relative;}
.box4 .left img {width:100%;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;}
.box4 .right {width:50%;float:right;}
.box4 .right ul {overflow-y:scroll;height:156px;}
.box4 .right ul li {width:90%;height:44px;margin-right:0;margin-bottom:12px;line-height:44px;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:10px;}
.box4 .right ul li:nth-child(2n) {margin-right:0;}
.box4 .right ul .actli {background:#005ba0;color:#fff;}
.box4 .right ul::-webkit-scrollbar {width:4px;background:#e4e4e4;}
.box4 .right ul::-webkit-scrollbar-thumb {background:#005ba0;}
.box5 {background:#f0f2f5;overflow:hidden;padding-bottom:75px;}
.box5 .tlbox {text-align:center;margin-top:44px;}
.box5 .tlbox .etl {color:#ddd;font-size:28px;line-height:30px;margin-bottom:8px;}
.box5 .tlbox .ctl {color:#333;font-size:16px;line-height:20px;}
.box5 .wrap {width:90%;margin-top:22px;}
.box5 .wrap #swiper1 {height:auto;}
.box5 .wrap #swiper1 .swiper-slide {display:block;}
.box5 .wrap #swiper1 .swiper-slide p {display:block;line-height:36px;font-size:14px;color:#666;}
.box5 .wrap #swiper1 .swiper-slide img {width:100%;}
.box5 .wrap #swiper1 .swiper-slide-active img {width:100%;opacity:1;}
.box5 .wrap #swiper1 .btn {display:none;}
.box5 .wrap .show {display:none;}
}
@media screen and (min-width:100px) and (max-width:640px) {.box3 .wrap .iconboxs .icon .imgbox {margin:11% auto 5% auto;}
.box3 .wrap .iconboxs .icon .tl {margin-bottom:10px;font-size:18px;line-height:18px;}
.box3 .wrap .iconboxs .icon .text {font-size:12px;}
}
@media screen and (min-width:100px) and (max-width:440px) {.box1 .warp .right .iconbox .icon .big .bspan {font-size:30px;}
}