.swiper-container { width: 100%;height:590px;}
.swiper-slide { position:relative; width:100%;height:590px; overflow:hidden;}
.swiper-slide img {width:1920px; height:590px;position:absolute; left:50%; top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.swiper-slide .box { width:1190px; position:absolute; top:0; left:50%; transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.swiper-slide .box h2 { font-size:55px; line-height:55px; color:#000; padding-top:170px;}
.swiper-slide .box h3 { font-size:44px; line-height:44px; color:#000; padding:20px 0;}
.swiper-slide .box p { font-size:20px; color:#666; line-fheight:32px;}
.swiper-container-horizontal > .swiper-pagination { position:absolute; bottom:29px; z-index:99; margin:0;}
.swiper-container-horizontal > .swiper-pagination span { width:40px; height:3px; border-radius:0;}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin:0 2px;}

.section1 { width:100%; height:330px; background:#2471c8; overflow:hidden;}
.section1 .list { width:410px; padding-right:50px;}
.section1 .list h2 { font-size:38px; color:#fff; line-height:38px; margin-top:70px; padding-bottom:10px;}
.section1 .list p { font-size:12px; color:#fff; line-height:22px; margin-top:15px;}
.section1 .list-box { width:730px;}
.section1 .list-box li { width:33.33%; float:left; text-align:center; padding-top:54px; height:330px; box-sizing:border-box;}
.section1 .list-box li div { width:120px; height:120px; border-radius:120px; background:#edf4fe; color:#155daf; font-size:28px; font-weight:bold; text-align:center; line-height:120px; margin:0 auto;}
.section1 .list-box li span { font-size:16px; color:#fff; display:block; padding-top:24px; line-height:16px; margin-bottom:14px;}
.section1 .list-box li p { font-size:12px; color:#fff; line-height:22px;}
.section1 .list-box li:nth-child(1) {background:#155daf;}
.section1 .list-box li:nth-child(2) {background:#0d4e97;}
.section1 .list-box li:nth-child(3) {background:#155daf;}

.section2 { width:100%; height:595px; background:url(../../images/website/bg1.jpg) no-repeat center; background-size:1920px 595px;overflow:hidden;}
.section2 .list { width:376px; height:470px; margin-top:65px; margin-left:18px; box-shadow:5px 0 51px rgba(0,0,0,.16);}
.section2 .right { width:754px; height:470px; margin-top:65px; background:rgba(255,255,255,.6); padding:0 40px; box-sizing:border-box;}
.section2 .right .right-t { padding-bottom:30px;}
.section2 .right .right-t p { font-size:12px; color:#000; line-height:12px; margin-top:26px; position:relative; padding-left:10px; margin-bottom:22px;}
.section2 .right .right-t p span { width:4px; height:4px; display:block; background:#000; border-radius:4px; position:absolute; left:0; top:4px;}
.section2 .right .right-t ul li { width:25%; float:left;}
.section2 .right .right-t ul li a { font-size:12px; color:#595656; display:block; line-height:12px; text-align:center;}

.section2 .right .right-b { border-top:1px dashed #d1d4d6;}
.section2 .right .right-b h2 { font-size:20px; color:#333; font-weight:bold; padding-top:25px; padding-bottom:15px;}
.section2 .right .right-b ul li { font-size:12px; color:#000; line-height:28px; width:50%; float:left; box-sizing:border-box;}
.section2 .right .right-b ul li:nth-child(2n-1) { padding-right:30px;}
.section2 .right .right-b ul li:nth-child(2n) { padding-left:30px;}


.section3 { width:100%; height:370px; background:url(../../images/website/bg2.jpg) no-repeat center; background-size:1920px 370px;overflow:hidden;}
.section3 .p-box { padding-top:70px;}
.section3 p { font-size:20px; color:#fff; text-align:center; line-height:36px;}
.section3 span { display:block;font-size:20px; color:#fff; text-align:center; margin-top:15px;}
.section3 h2 { font-size:54px; color:#fff; text-align:center; margin-top:40px;}

.radius { width:134px; height:134px; margin:0 auto 20px;}
.donut-chart {position: relative;width:134px;height:134px;margin:0 auto;border-radius: 100%; overflow:hidden;}
.donut-chart .center {background: #f3f4f3;border-radius:50%;height: 60%;left: 20%;position: absolute;top: 20%;width:60%}
.center span { color: #7a7a7a;display: block;font-size:24px;left: 50%;position: absolute;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.clip {border-radius:50%;clip: rect(0px, 134px, 134px, 67px);height: 100%;position: absolute;width: 100%;}
.item {border-radius: 50%;clip: rect(0px, 67px, 134px, 0px);height: 100%;position: absolute;width: 100%;}
#section1 {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}
#section1 .item {background-color: #E64C65;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);}
#section2 {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);}
#section2 .item {background-color:#41A8AB;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);}