body{font:normal 14px "Microsoft Yahei";text-alt:justify;text-justify:inter-ideograph;overflow-x:hidden; background: #fff; color:#333;}
body,p,ul,li,ol,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,iframe{margin:0;padding:0;font-weight:normal;}
ul,li,ol{list-style:none outside none;}
html{overflow-x:hidden;}
img{border:none;}
a{text-decoration:none;cursor:pointer;}
a:focus,
input:focus,
span:focus,
p:focus,
div:focus{
outline: 0px auto -webkit-focus-ring-color; 
}

.fl{float:left;}
.fr{float:right;}
.mt{margin-top:60px;}
.pt{padding-top:10px;}
.mb{margin-bottom:40px}
.cnter{text-align:center;}
.gray{background:#f2f2f2;padding-top:1px;}
/* clear */
.clear{zoom:1;clear:both;display:inline-block;}
.clear{display:block;}
.clear:after{content:".";height:0;display:block;clear:both;visibility:hidden;font-size:0;}


.p1{
    font-size:22px;
    color:#2534a3;
    width:1000px;
    margin:0 auto;
    line-height:36px;
}

.warp{
    width:1200px;
    margin:0 auto;
}

.btn{
    width:296px;
    height:58px;
    border:2px solid #fff;
    background:#fff;
    font-size:28px;
    color:#3c4ed8;
    line-height:58px;
    display: block;
    margin:0 auto;
    border-radius:30px;
    text-align:center;
}

.btn:hover{
    background:none;
    color:#fff;
}

.para_01 .para13 .blue .btn2:hover{
    background:#3c4ed8;
    color:#fff;
}

.para_01{
    background:#f2f8ff;
    padding:57px 0 45px;
    text-align:center;
}

.para_01 .p1{
    margin:24px auto 50px;
    text-align:left;
}

.para_01 .para13{
    width:1200px;
    margin:45px auto 60px;
    background: url(../images/para13.jpg) no-repeat center top;
    height:420px;
}

.para_01 .para13 .blue{
    width:280px;
    height:420px;
    margin-left:290px;
    color:#fff;
}

.para_01 .para13 .blue h3{
    font-size:30px;
    line-height:40px;
    padding-top:64px;
}

.para_01 .para13 .blue h4{
    font-size:20px;
    margin:40px auto 40px;
}

.para_01 .para13 .blue h4 span{
    font-size:70px;
}

.para_01 .para13 .blue .btn2{
    width:196px;
    height:46px;
    border:2px solid #fff;
    background:#fff;
    font-size:24px;
    color:#3c4ed8;
    line-height:46px;
    display: block;
    margin:0 auto;
    border-radius:30px;
}

.para_01 .para13 .blue .btn2:hover{
    background:#3c4ed8;
    color:#fff;
}

.para_01 .para15{
    width:1200px;
    margin:45px auto 0;
    background: url(../images/para15.jpg) no-repeat center top;
    height:420px;
}

.para_01 .para15 .blue{
    width:310px;
    height:420px;
    margin-left:510px;
    color:#fff;
}

.para_01 .para15 .blue h3{
    font-size:30px;
    line-height:40px;
    padding-top:64px;
}

.para_01 .para15 .blue h4{
    font-size:20px;
    margin:40px auto 40px;
}

.para_01 .para15 .blue h4 span{
    font-size:70px;
}

.para_01 .para15 .blue .btn2{
    width:196px;
    height:46px;
    border:2px solid #fff;
    background:#fff;
    font-size:24px;
    color:#3c4ed8;
    line-height:46px;
    display: block;
    margin:0 auto;
    border-radius:30px;
}

.para_01 .para15 .blue .btn2:hover{
    background:#3c4ed8;
    color:#fff;
}

.para_02{
    height:933px;
    background:url(../images/para2bg.jpg) no-repeat center top;
}

.para_02 h5{
    font-size:18px;
    color:#fff;
    text-align:center;
    line-height:18px;
    padding-top:142px;
    margin-bottom:50px;
}

.para_02 .ul1{
    width:1200px;
    margin:0 auto;
    height:505px;
}

.para_02 .ul1 li{
    float:left;
}

.para_02 .ul1 li:nth-child(1){
    margin-right:41px;
}

.para_02 .ul1 li:nth-child(2){
    margin-right:36px;
}

.para_02 .ul1 li:nth-child(3){
    margin-right:32px;
}

.para_02 .ul1 li:nth-child(4){
    margin-right:34px;
}

.para_02  .ul1 li.li1{
    animation:2s infinite linear tb1;
}

.para_02  .ul1 li.li2{
    margin-top:30px;
    animation:2s infinite linear tb2;
}

@keyframes tb1 {
    0%{margin-top:0;opacity: 1}
    50%{margin-top:30px;opacity: 0.9}
    100%{margin-top:0;opacity: 1}
}

@keyframes tb2 {
    0%{margin-top:30px;opacity: 0.9}
    50%{margin-top:0;opacity: 1}
    100%{margin-top:30px;opacity: 0.9}
}

.para_02 .btn{
    margin-top:59px;
}

.para_03{
    padding:79px 0 100px;
}

.para_03 .warp{
    margin-top:71px;
}

.para_03 .fr{
    width:380px;
    height:670px;
    background:url(../images/para3bg.jpg) no-repeat center top;
}

.para_03 .fr p{
    width:298px;
    text-align:justify;
    color:#fff;
    font-size:22px;
    line-height:36px;
    padding:124px 0 0 52px;
}

.para_03 ul{width:670px;float:left;}
.para_03 li{width:167px;height:167px;overflow:hidden;float:left;margin-left:167px;transition:all 1s;}
.para_03 li:hover{ transform: rotateY(180deg);
}
.para_03 li:nth-child(1),.para_03 li:nth-child(5){margin-left:0;}

.para_03 .btn2{
    width:236px;
    height:46px;
    border:2px solid #fff;
    background:#fff;
    font-size:24px;
    color:#3c4ed8;
    line-height:46px;
    display: block;
    margin:170px 0 0 79px;
    border-radius:30px;
    text-align:center;
}

.para_03 .btn2:hover{
    background:#3c4ed8;
    color:#fff;
}

.para_04{
    position: relative;
}

.para_04 ol li{
    height:800px;
    display: none;
}

.para_04 ol li h3{
    font-size:30px;
    color:#3c4ed8;
    padding:172px 0 40px 37px;
}

.para_04 ol li p{
    font-size:22px;
    width:430px;
    padding-left:37px;
    line-height:36px;
    color:#2534a3;
}

.para_04 ul{
    position: absolute;
    left: 386px;
    top:592px;
}

.para_04 ul li{
    float: left;
    margin-right:4px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.para_04 ul li .yes{
    display:block;
}

.para_04 ul li .no{
    display:none;
}

.para_04 ul li.active .yes{
    display:none;
}

.para_04 ul li.active .no{
    display:block;
}

.para_04 ol li:nth-child(1){
    background: url(../images/para41.jpg) no-repeat center top;
}

.para_04 ol li:nth-child(2){
    background: url(../images/para422.jpg) no-repeat center top;
}

.para_04 ol li:nth-child(3){
    background: url(../images/para433.jpg) no-repeat center top;
}

.para_04 ol li:nth-child(4){
    background: url(../images/para444.jpg) no-repeat center top;
}

.para4{
    width:640px;
    margin:0 auto;
    height:242px;
    overflow: hidden;
}

.para4 a{
    font-size:24px;
    color:#fff;
    text-align:center;
    width:256px;
    height:58px;
    border:2px solid #3c4ed8;
    background:#3c4ed8;
    line-height:58px;
    border-radius:30px;
    margin-top:80px;
}

.para4 a:hover{
    background:#fff;
    color:#3c4ed8;
}

.para_05{
    background:#f2f8ff;
    padding-top:44px;
    padding-bottom:100px;
}

.para_05 .p1{
    margin:36px auto 50px;
}

.para_05 ul li{
    width:585px;
    height:300px;
    margin-bottom:30px;
    color:#fff;
}

.para_05 ul li:nth-child(1){
    background:url(../images/para53.jpg) no-repeat center top;
}

.para_05 ul li:nth-child(2){
    background:url(../images/para54.jpg) no-repeat center top;
}



.para_05 ul li h3{
    font-size:31px;
    padding:40px 0 24px 252px
}

.para_05 ul li h3 span{
    font-size:21px;
}

.para_05 ul li h4{
    font-size:22px;
    padding-left:252px;
}

.para_05 ul li p{
    width:290px;
    font-size:18px;
    line-height:28px;
    padding-left:252px;
    margin-top:14px;
}

.para_05 a{
    font-size:28px;
    color:#fff;
    text-align:center;
    width:296px;
    height:58px;
    border:2px solid #3c4ed8;
    background:#3c4ed8;
    line-height:58px;
    border-radius:30px;
    display:block;
    margin:80px auto 0;
}

.para_05 a:hover{
    background:#f2f8ff;
    color:#3c4ed8;
}

.para_06{
    background:url(../images/para6bg.jpg) no-repeat center top;
    height:1122px;
    overflow: hidden;
}

.para_06 .videobox{
    width:1000px;
    height:583px;
    background: url(../images/videobg.png) no-repeat center top;
    margin:298px auto 0;
    overflow: hidden;
}

.para_06 #video1{
    margin:62px 0 0 2px;
}

.para_06 a{
    margin-top:80px;
}

.para_07{
    background:#f2f8ff;
    padding-top:40px;
    padding-bottom:100px;
}

.para7{overflow:hidden;}

.para_07 .para7{
    width:1203px;
    height:550px;
    margin:71px auto 0;
    background:url(../images/para7bg2.jpg) no-repeat center top;
}

.para_07 .swiper-slide{
    width:1152px!important;
    height:550px;
    margin-left:51px;
}

.para_07 .swiper-slide div{
    width:320px;
    overflow:hidden;
}

.para_07 .swiper-slide div p{
    width:250px;
    font-size:22px;
    color:#fff;
    line-height:36px;
    margin:126px auto 0;
    text-align:justify;
}

.para_07 .swiper-slide div  .btn2{
    width:236px;
    height:46px;
    border:2px solid #fff;
    background:#fff;
    font-size:24px;
    color:#3c4ed8;
    line-height:46px;
    display: block;
    margin:0 auto;
    border-radius:30px;
    text-align:center;
}

.para_07 .swiper-slide div  .btn2:hover{
    background:#3c4ed8;
    color:#fff;
}

.para_07 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: url(../images/left.jpg);
    left: 0;
    top:354px;
}

.para_07 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: url(../images/right.jpg);
    left: 0;
    top:425px;
}

.para_07 .swiper-button-next, .swiper-button-prev{
    width:45px;
    height:60px;
    background-size:45px 60px;
}



.para_07 .swip1{
    background:url(../images/para71.jpg) no-repeat center top;
}

.para_07 .swip2{
    background:url(../images/para72.jpg) no-repeat center top;
}

.para_07 .swip3{
    background:url(../images/para73.jpg) no-repeat center top;
}

.bom{
    height:707px;
    background:url(../images/bombg.jpg) no-repeat center top;
    overflow: hidden;
}

.bom ul{
    margin-top:247px;
}

.bom ul li{
    margin-bottom:60px;
}

.bom ul li:nth-child(odd){
    float: left;
}

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

.bom ul li h3{
    width:399px;
    height:78px;
    border:1px solid #fff;
    float:left;
    border-top-left-radius:50px;
    border-bottom-left-radius:50px;
    font-size:30px;
    color: #fff;
    line-height:78px;
    font-weight:normal;
    padding-left:30px;
}

.bom ul li a{
    width:119px;
    height:78px;
    border:1px solid #fff;
    background:#fff;
    float:left;
    border-top-right-radius:50px;
    border-bottom-right-radius:50px;
    font-size:24px;
    color: #2e41de;
    line-height:78px;
    font-weight:normal;
    padding-left:20px;
}