.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: 74px;}
.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;}
.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.jpg) 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%;}.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: 40vw;height: 40vw;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;}}