/*默认分辨率1920x1080*/
body{ background-color: #fff; color: #000;}
a{ color: #000;}
a:hover{ color: #000;}

@-webkit-keyframes Arrow{
    0%{-webkit-transform: translateX(0);}
    100%{-webkit-transform: translateX(10px);}
}

@-webkit-keyframes back1{
    0%{ top: 0}
    49.99%{top: -262px}
    50%{top: 262px}
    100%{   top: 0}
}
@-webkit-keyframes back1s{
    0%{ top: 262px}
    49.99%{ top: 0}
    100%{top: -262px}
}
@-webkit-keyframes back2{
    0%{ bottom: 0}
    49.99%{bottom: -204px}
    50%{bottom: 204px}
    100%{   bottom: 0}
}

@-webkit-keyframes back2s{
    0%{ bottom: 204px}
    49.99%{ bottom: 0}
    100%{bottom: -204px}
}
@-webkit-keyframes back3{
    0%{ top: 0}
    49.99%{top: -594px}
    50%{top: 594px}
    100%{   top: 0}
}

@-webkit-keyframes back3s{
    0%{ top: 594px}
    49.99%{ top: 0}
    100%{top: -594px}
}

.flipInY{-webkit-animation: flipInY 5s ease both infinite;}
.flipInY01{-webkit-animation: flipInY 5s 1s ease both infinite;}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
    80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
    100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@-webkit-keyframes Beating{
    0%{-webkit-transform: translate(0,0);}
    10%{-webkit-transform: translate(0,-5px);}
    20%{-webkit-transform: translate(0,0);}
    30%{-webkit-transform: translate(0,-5px);}
    40%{-webkit-transform: translate(0,0);}
    100%{-webkit-transform: translate(0,0);}
}

.banner .swiper-container {width: 100%;height: 100%;}
.banner .swiper-slide {text-align: center;}
.banner{height: 440px;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{opacity: 1;width: 50px;border-radius: 6px;}
.banner .swiper-pagination-bullet {opacity: 1;background: #dddddd;}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #5185ff;}
.banner img{margin: 0 auto;}

.index .page01{}
.index .page01 .page01_Left{width: 450px;height: 300px;}
.index .page01 .page01_Right{width: 560px;margin-left: 55px;margin-top: 70px;}
.index .page01 .page01_Right dt{color: #5185ff;font-size: 18px;}
.index .page01 .page01_Right dd{color: #0a1431;font-size: 18px;line-height: 60px;}
.index .page01 .page01_Right p{color: #828ca9;font-size: 14px;line-height: 24px;}

.index .page02{height:725px;background: url("../images/index/page02.png") no-repeat center top}
.index .page02_cent{height:586px;background: url("../images/index/img02.png") no-repeat center top/100% auto;}
.index .page02 ul li{width: 360px;font-size: 14px;color: #666;position: absolute;line-height: 20px;}
.index .page02 ul li.i01{top: 90px;left: 76px;}
.index .page02 ul li.i02{top: 220px;left: 76px;}
.index .page02 ul li.i03{top: 350px;left: 76px;}
.index .page02 ul li.i04{top: 90px;left: 776px;}
.index .page02 ul li.i05{top: 220px;left:776px;}
.index .page02 ul li.i06{top: 350px;left:776px;}
.index .page02 ul li.i07{top: 455px;left: 420px;}


.index .page03 .xm_tab{margin: 0 auto;overflow: hidden;width: 100%;border-bottom: 1px solid #efefef;}
.index .page03 .xm_tab ul{width: 960px;margin: 0 auto;}
.index .page03 .xm_tab ul li{width: 120px;height: 40px;float: left;color: #666666;line-height: 40px;font-size: 16px;text-align: center;}
.index .page03 .xm_tab ul li.on{background: #5185ff;color: #fff;border-radius: 3px;}
.index .page03 .xm_list ul{overflow: hidden;padding: 20px 20px 0;}
.index .page03 .xm_list ul li{overflow: hidden;background: #fff;width:570px;height:500px;float: left;margin: 0 15px 0 0;transition: all 0.5s;box-shadow:0 7px 10px rgba(236,236,236,.5);}
.index .page03 .xm_list ul li img{width: 100%;height: 500px;position: absolute;}
.index .page03 .xm_list ul li:nth-child(2n){margin: 0 0 25px 0;}
.index .page03 .xm_list ul li:hover{box-shadow:0 7px 10px rgba(81,133,255,.5);}

.index .page03 .xm_list .back2 img:first-child {animation: indexback2 6s linear infinite;-moz-animation: indexback2 6s linear infinite;-webkit-animation: indexback2 6s linear infinite;-o-animation: indexback2 6s linear infinite;}
.index .page03 .xm_list .back2 img:last-child {animation: indexback2s 6s linear infinite;-moz-animation: indexback2s 6s linear infinite;-webkit-animation: indexback2s 6s linear infinite;  -o-animation: indexback2s 6s linear infinite;}
.index .page03 .xm_list .back1 img:first-child {animation: indexback1 4s linear infinite;-moz-animation: indexback1 4s linear infinite;-webkit-animation: indexback1 4s linear infinite;-o-animation: indexback1 4s linear infinite;}
.index .page03 .xm_list .back1 img:last-child {animation: indexback1s 4s linear infinite;-moz-animation: indexback1s 4s linear infinite;-webkit-animation: indexback1s 4s linear infinite;  -o-animation: indexback1s 4s linear infinite;}
@-webkit-keyframes indexback1{
    0%{ top: 0}
    49.99%{top: -500px}
    50%{top: 500px}
    100%{   top: 0}
}

@-webkit-keyframes indexback1s{
    0%{ top: 500px}
    49.99%{ top: 0}
    100%{top: -500px}
}

@-webkit-keyframes indexback2{
    0%{ bottom: 0}
    49.99%{bottom: -500px}
    50%{bottom: 500px}
    100%{   bottom: 0}
}

@-webkit-keyframes indexback2s{
    0%{ bottom: 500px}
    49.99%{ bottom: 0}
    100%{bottom: -500px}
}

.index .page04{background: #fafafa;}
.index .page04 .xm_tab{margin: 0 auto;overflow: hidden;width: 660px;}
.index .page04 .xm_tab ul{width: 660px;}
.index .page04 .xm_tab ul li{width: 120px;height: 40px;float: left;color: #666666;line-height: 40px;font-size: 16px;text-align: center;}
.index .page04 .xm_tab ul li.on{background: #5185ff;color: #fff;border-radius: 3px;}
.index .page04 .xm_list ul{overflow: hidden;padding: 20px 20px 0;}
.index .page04 .xm_list ul li{background: #fff;width:220px;height:100px;float: left;margin: 0 15px 25px 0;transition: all 0.5s;}
.index .page04 .xm_list ul li:nth-child(5n){margin: 0 0 25px 0;}
.index .page04 .xm_list ul li:hover{box-shadow:0 7px 10px rgba(81,133,255,.5);}


.index .page05 .swiper-container{height: 690px;}
.index .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{opacity: 1;width: 50px;border-radius: 6px;}
.index .swiper-pagination-bullet {opacity: 1;background: #dddddd;}
.index .swiper-pagination-bullet-active {opacity: 1;background: #5185ff;}
.index .page05{background:url("../images/index/bg05.png") no-repeat center top/1920px 454px;}
.index .page05 .service-list{width: 1000px;overflow: hidden;margin: auto;}
.index .page05 .service-list .service-list-item{float:left;overflow:hidden;margin-right: 62px;width: 29%;border: 1px solid #dedfe2;border-radius: 10px;background:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;}
.index .page05 .service-list .service-list-item:last-of-type{margin-right: 0;}
.index .page05 .service-title{width: 200px;height: 142px;margin: 0 auto;padding-bottom: 10px;}
.index .page05 .service-bj1 .service-title{background:url('../images/index/tc01.png') no-repeat center top;}
.index .page05 .service-bj2 .service-title{background:url('../images/index/tc02.png') no-repeat center top;}
.index .page05 .service-bj3 .service-title{background:url('../images/index/tc03.png') no-repeat center top;}
.index .page05 .service-content h3{padding-bottom: 35px;color: #fe4040;text-align:center;font-weight: bold;font-size:22px;}
.index .page05 .service-content{border-top:0;}
.index .page05 .service-content p{color: #828ca9;font-size: 12px;text-align: left;margin: 20px 20px;padding: 20px 0;line-height: 20px;border-top: 1px solid #e2f1ff;border-bottom: 1px solid #e2f1ff;height: 105px;}
.index .page05 .service-list .service-list-item:hover{box-shadow:0 7px 39px rgba(0,0,0,.1);}
.index .page05 .service-list h4{padding: 35px 0;color: #0a1431;text-align:center;font-weight: bold;font-size:18px;}
.index .page05 .service-content p.wt{border-top: none;border-bottom: none;margin: 0 20px;padding: 0 0 20px;height: 80px;}
.index .page05 .service-content p span{font-weight: bold;}
/*.index .page05 .service-content a{font-size: 16px;background: #5185ff;color: #fff;width: 200px;line-height: 35px;text-align: center;margin: 0 auto;display: inherit;border-radius: 5px;margin-bottom: 20px;}*/
.case_base_a{font-size: 16px;background: #5185ff;color: #fff;width: 200px;line-height: 35px;text-align: center;margin: 0 auto;display: inherit;border-radius: 5px;margin-bottom: 20px;}
.index .page05 .btn_zx{width: 380px;}
.index .page05 .btn_zx a{width: 380px;background: url(../images/public/btn_zx.png) no-repeat center/100% 100%;}

.index .page06{border-top:2px solid #efefef}
.index .page06 .service-list .service-list-item{float:left;overflow:hidden;margin-right:265px;width: 18.6%;background:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;}
.index .page06 .service-list .service-list-item:last-of-type{margin-right: 0;}
.index .page06 .service-title{width: 200px;height: 142px;margin: 0 auto;}
.index .page06 .service-bj1 .service-title{background:url('../images/index/ys01.png') no-repeat center top;}
.index .page06 .service-bj2 .service-title{background:url('../images/index/ys02.png') no-repeat center top;}
.index .page06 .service-bj3 .service-title{background:url('../images/index/ys03.png') no-repeat center top;}
.index .page06 .service-content h3{padding-top: 35px;color: #0a1431;text-align:center;font-size:24px;}
.index .page06 .service-content{border-top:0;}
.index .page06 .service-content p{color: #828ca9;font-size: 16px;text-align: center;margin: 20px 20px 50px;line-height: 30px;}
.index .page06 .service-list .service-list-item:hover{border-bottom:5px solid #518fff;box-shadow:0 7px 39px rgba(0,0,0,.1);}

.index .page07{background: #FAFAFA;}

.index .page08{background:url("../images/index/bg08.png") no-repeat center top/1920px 375px;}
.index .page08 .wz{width: 900px;margin: 0 auto;}
.index .page08 .wz span{color: #5185ff;font-size: 24px;font-weight: bold;display: block;width: 20px;height: 50px;float: left;}
.index .page08 .wz p{color: #828ca9;line-height: 26px;}
.index .page08 .service-list {width: 920px;margin: 30px auto 0;overflow: hidden;}
.index .page08 .service-list .service-list-item{float:left;overflow:hidden;margin-right: 70px;width: 28%;padding-top: 20px;}
.index .page08 .service-list .service-list-item:last-of-type{margin-right: 0;}
.index .page08 .service-title{width: 138px;height: 131px;margin: 20px auto;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.index .page08 .service-title:hover{-webkit-transform: scale(1.15);}
.index .page08 .service-bj1 .service-title{background:url('../images/index/rwzx01.png') no-repeat center top;}
.index .page08 .service-bj2 .service-title{background:url('../images/index/rwzx02.png') no-repeat center top;}
.index .page08 .service-bj3 .service-title{background:url('../images/index/rwzx03.png') no-repeat center top;}
.index .page08 .service-content h3{color: #1c1e22;text-align:center;font-size:24px;padding: 30px 0 20px;background:url('../images/index/line.png') no-repeat bottom center/36px 4px;}
.index .page08 .service-content{border-top:0;}
.index .page08 .service-content p{color: #828ca9;font-size: 14px;text-align: left;margin: 20px 20px 50px;line-height: 28px;}
.index .page08 .service-list .service-list-item:hover{box-shadow:0 7px 39px rgba(0,0,0,.1);}
.index .page08 .service-bj1{border:1px solid #a0c6fc;border-top: 5px solid #a0c6fc;}
.index .page08 .service-bj2{border:1px solid #89dac3;border-top: 5px solid #89dac3;}
.index .page08 .service-bj3{border:1px solid #f09d97;border-top: 5px solid #f09d97;}


.hezuo{background: #fafafa;}
.hezuo dl dd{float: left;width: 20%;text-align: center;line-height: 36px;}
.hezuo dl dd.i01{background: #5185ff url("../images/index/hzt_h01.png") no-repeat 70px 7px/25px 25px;}
.hezuo dl dd.i02{background: #5185ff url("../images/index/hzt_h02.png") no-repeat 70px 7px/25px 25px;}
.hezuo dl dd.i03{background: #5185ff url("../images/index/hzt_h03.png") no-repeat 70px 7px/25px 25px;}
.hezuo dl dd.i04{background: #5185ff url("../images/index/hzt_h04.png") no-repeat 70px 7px/25px 25px;}
.hezuo dl dd.i05{background: #5185ff url("../images/index/hzt_h05.png") no-repeat 70px 7px/25px 25px;}
.hezuo dl dd:hover{transition: 0.56s ease;-o-transition: 0.56s ease;-webkit-transition: 0.56s ease;-ms-transition: 0.56s ease;-moz-transition: 0.56s ease;color: #5185ff;}
.hezuo dl dd.i01:hover{background: #fff url("../images/index/hzt01.png") no-repeat 70px 7px/25px 25px;}
.hezuo dl dd.i02:hover{background: #fff url("../images/index/hzt02.png") no-repeat 70px 7px/25px 25px;}
.hezuo dl dd.i03:hover{background: #fff url("../images/index/hzt03.png") no-repeat 70px 7px/25px 25px;}
.hezuo dl dd.i04:hover{background: #fff url("../images/index/hzt04.png") no-repeat 70px 7px/25px 25px;}
.hezuo dl dd.i05:hover{background: #fff url("../images/index/hzt05.png") no-repeat 70px 7px/25px 25px;}
.hezuo dl dd img{margin-right: 10px;}
.hezuo dl dd span{font-size: 16px;color: #fff;}
.hezuo dl dd:hover span{color: #999999;}
.hezuo ul{background: #fff;overflow: hidden;padding: 20px 20px 0;}
.hezuo ul li{width:220px;height:100px;float: left;margin: 0 15px 25px 0;transition: all 0.5s;}
.hezuo ul li:nth-child(5n){margin: 0 0 25px 0;}
.hezuo ul li:hover{box-shadow:0 7px 39px rgba(81,133,255,.1);}

/*----------------------------------------------join.html----------------------------------------------*/
/*num-figure*/
.join .num_figure{width:100%;height:auto;text-align:center;}
.join .num_figure li{list-style:none;font-size: 31px;}
.join .OEM-ico{float:left;padding:23px 0;width: 32.33%;}
.join .num-change{padding:0;border-right: 1px solid #ddd;}
.join .num-change li span{font-size: 42px;}
.join .num-change li:first-child{margin:0 auto;height: 60px;color: #fd414a;}
.join .OEM-ico a{text-decoration:none;}
.join .num-change li:nth-child(2){color:#8c8c8c;font-size: 16px;}
.join .OEM-ico:hover{background:rgba(81,133,255,0.1);transition: 0.56s ease;-o-transition: 0.56s ease;-webkit-transition: 0.56s ease;-ms-transition: 0.56s ease;-moz-transition: 0.56s ease;}

.join .page01{background: #fafafa;}
.join .page01 ul{}
.join .page01 ul li{width:220px;height:100px;float: left;margin: 0 25px 25px 0;transition: all 0.5s;}
.join .page01 ul li:nth-child(5n){margin: 0 0 25px 0;}
.join .page01 ul li:hover{position:relative;top:-5px;color:#b35d00;}

.join .page02 .title {text-align: center;margin: 0 auto;}
.join .page02 .title h3{font-size: 30px;font-weight: bold;color: #0a1431;line-height: 50px;}
.join .page02 .title p{font-size: 16px;color: #828ca9;line-height: 26px;}
.join .page02 ul{overflow: hidden;}
.join .page02 ul li{width: 175px;text-align: center;margin: 0 30px;float: left;}
.join .page02 ul li img{width: 100px;height: 100px;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.join .page02 ul li img:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.join .page02 ul li h3{font-size: 24px;padding: 20px 0;color:#0a1431;}

.join .page03{background: #f3f3f3;}
.join .page03 .title {text-align: center;margin: 0 auto;}
.join .page03 .title h3{font-size: 30px;font-weight: bold;color: #0a1431;line-height: 50px;}
.join .service-list .service-list-item{float:left;overflow:hidden;margin-right:13px;width: 18.6%;border: 1px solid #dedfe2;background:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;}
.join .service-list .service-list-item:last-of-type{margin-right: 0;}
.join .service-title{width: 200px;height: 142px;margin: 0 auto;}
.join .service-bj1 .service-title{background:url('../images/join/js01.png') no-repeat center top;}
.join .service-bj2 .service-title{background:url('../images/join/js02.png') no-repeat center top;}
.join .service-bj3 .service-title{background:url('../images/join/js03.png') no-repeat center top;}
.join .service-bj4 .service-title{background:url('../images/join/js04.png') no-repeat center top;}
.join .service-bj5 .service-title{background:url('../images/join/js05.png') no-repeat center top;}
.join .service-content h3{padding-top: 35px;color: #0a1431;text-align:center;font-weight: bold;font-size:22px;}
.join .service-content{border-top:0;}
.join .service-content p{color: #828ca9;font-size: 16px;text-align: center;margin: 20px 20px 50px;line-height: 30px;}
.join .service-list .service-list-item:hover{border-bottom:5px solid #518fff;box-shadow:0 7px 39px rgba(0,0,0,.1);}

.join .page04 .title {text-align: center;margin: 0 auto;}
.join .page04 .title h3{font-size: 30px;font-weight: bold;color: #0a1431;line-height: 50px;}
.join .page04 ul{overflow: hidden;}
.join .page04 ul li{float: left;width: 33%;text-align: center;}
.join .page04 ul li .icomL{width:36px;height:38px;position: absolute;left: 360px;top: 50px;background: url("../images/join/left.png") no-repeat center/36px 38px;-webkit-animation: Arrow .6s linear infinite alternate;}
.join .page04 ul li .icomR{width:36px;height:38px;position: absolute;left: 360px;top: 50px;background: url("../images/join/right.png") no-repeat center/36px 38px;-webkit-animation: Arrow .6s 2s linear infinite alternate;}
.join .page04 ul li h3{padding-top: 35px;color: #0a1431;text-align:center;font-weight: bold;font-size:22px;}
.join .page04 ul li p{color: #828ca9;font-size: 16px;text-align: center;margin: 20px auto;line-height: 30px;height: 80px;width: 240px;}
.join .page04 ul li img{width: 110px;height: 118px;margin: 0 auto;}

/*----------------------------------------------package.html----------------------------------------------*/
.package .packagelist ul{}
.package .packagelist ul li{border:1px solid #7d83fe;padding: 40px 40px 0;margin: 50px auto 90px;height: 190px;}
.package .packagelist .posH3{width: 406px;height: 46px;font-size: 24px;line-height: 46px;color: #fff;text-align: center;background: url("../images/package/posH3.png") no-repeat center/406px 46px;position: absolute;top: -12px;left: 50%;margin-left: -203px;}
.package .packagelist .posBtn{width: 170px;height: 42px;font-size: 16px;line-height: 46px;color: #fff;text-align: center;position: absolute;bottom: -43px;left: 50%;margin-left: -85px;background: url("../images/package/posBtn.png") no-repeat center/170px 42px;}
.package .packagelist .PALeft{float: left;width: 150px;margin-right: 45px;}
.package .packagelist .PALeft h3{font-size: 18px;font-weight: bold;color: #ff8000;margin-bottom: 10px;}
.package .packagelist .PALeft img{width: 148px;height: 124px;}
.package .packagelist .PARight{float: left;width: 910px;}
.package .packagelist .PARight dl{overflow: hidden;}
.package .packagelist .PARight dd{border-bottom: 1px dashed #efefef;width: 200px;float: left;padding-bottom: 20px;margin-right: 30px;background: url("../images/package/icom.png") no-repeat left top/18px 18px;margin-top: 15px;}
.package .packagelist .PARight dd:nth-child(4n){margin-right: 0;}
.package .packagelist .PARight dd a{color: #666666;text-indent: 2rem;}
.package .packagelist .PARight dd a:hover{color: #518fff;}

/*----------------------------------------------extension.html----------------------------------------------*/
.extension .page02{height:490px;background:url('../images/extension/bg02.png') no-repeat center top;}
.extension .page02 .service-list .service-list-item{float:left;overflow:hidden;margin-right: 21px;width: 18.6%;padding-top: 20px;}
.extension .page02 .service-list .service-list-item:last-of-type{margin-right: 0;}
.extension .page02 .service-title{width: 110px;height: 110px;margin: 0 auto;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.extension .page02 .service-title:hover{-webkit-transform: scale(1.15);}
.extension .page02 .service-bj1 .service-title{background:url('../images/extension/ly01.png') no-repeat center top;}
.extension .page02 .service-bj2 .service-title{background:url('../images/extension/ly02.png') no-repeat center top;}
.extension .page02 .service-bj3 .service-title{background:url('../images/extension/ly03.png') no-repeat center top;}
.extension .page02 .service-bj4 .service-title{background:url('../images/extension/ly04.png') no-repeat center top;}
.extension .page02 .service-bj5 .service-title{background:url('../images/extension/ly05.png') no-repeat center top;}
.extension .page02 .service-content h3{color: #1c1e22;text-align:center;font-size:24px;padding: 20px 0;background:url('../images/extension/line.png') no-repeat bottom center/32px 4px;}
.extension .page02 .service-content{border-top:0;}
.extension .page02 .service-content p{color: #666666;font-size: 16px;text-align: center;margin: 20px 13px 50px;line-height: 28px;}
.extension .page02 .service-list .service-list-item:hover{}

.extension .page04{background: url('../images/extension/bg04.png') no-repeat center bottom;}
.extension .page04 .page04_cent{width: 920px;height:400px;margin: 0 auto;padding: 45px;background:#fff;border:1px solid #efefef;box-shadow:0 5px 10px #ccc;}
.extension .page04 .page04_cent dl{background: url('../images/extension/icom01.png') no-repeat center left/16px 238px;height: 238px;padding-left: 25px;width: 500px;float: left;}
.extension .page04 .page04_cent dl dt{font-size: 24px;color: #518fff;}
.extension .page04 .page04_cent dl dd{font-size: 18px;color: #828aaa;margin-top: 26px;}
.extension .page04 .page04_cent .img02{width: 348px;height: 282px;float: left;}
.extension .page04 .btn_an a{font-size: 24px;border: 1px solid #ffb612;color: #ffb612;border-radius: 5px;height: 50px;line-height: 50px;text-align: center;margin-right: 35px;}
.extension .page04 .btn_an a:hover{}
.extension .page04 .btn_an .a01{width: 290px;float: left;-webkit-animation: Beating 3s ease infinite;}
.extension .page04 .btn_an .a02{width: 220px;float: left;-webkit-animation: Beating 3s 1s ease infinite;}

.extension .page05 .service-list .service-list-item{float:left;overflow:hidden;margin-right: 21px;width: 23.6%;padding-top: 20px;}
.extension .page05 .service-list .service-list-item:last-of-type{margin-right: 0;}
.extension .page05 .service-title{width: 118px;height: 118px;margin: 0 auto;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.extension .page05 .service-title:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.extension .page05 .service-bj1 .service-title{background:url('../images/extension/rwfb01.png') no-repeat center top;}
.extension .page05 .service-bj2 .service-title{background:url('../images/extension/rwfb02.png') no-repeat center top;}
.extension .page05 .service-bj3 .service-title{background:url('../images/extension/rwfb03.png') no-repeat center top;}
.extension .page05 .service-bj4 .service-title{background:url('../images/extension/rwfb04.png') no-repeat center top;}
.extension .page05 .service-content h3{color: #1c1e22;text-align:center;font-size:24px;margin: 20px 0;}
.extension .page05 .service-content{border-top:0;}
.extension .page05 .service-content p{color: #666666;font-size: 16px;text-align: center;margin: 20px 13px;line-height: 28px;}
.extension .page05 .service-list .service-list-item:hover{}

.extension .page06 .service-list .service-list-item{float:left;overflow:hidden;margin-right: 30px;width: 22.4%;padding: 50px 0 40px;background:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;border-bottom:5px solid #518fff;box-shadow:0 7px 39px rgba(0,0,0,.1);}
.extension .page06 .service-list .service-list-item:last-of-type{margin-right: 0;}
.extension .page06 .service-title{width: 64px;height: 64px;margin: 0 auto;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.extension .page06 .service-title:hover{-webkit-transform: translateY(15px);}
.extension .page06 .service-bj1 .service-title{background:url('../images/extension/fw01.png') no-repeat center top;}
.extension .page06 .service-bj2 .service-title{background:url('../images/extension/fw02.png') no-repeat center top;}
.extension .page06 .service-bj3 .service-title{background:url('../images/extension/fw03.png') no-repeat center top;}
.extension .page06 .service-bj4 .service-title{background:url('../images/extension/fw04.png') no-repeat center top;}
.extension .page06 .service-content h3{color: #0a1431;text-align:center;font-size:24px;}
.extension .page06 .service-content{border-top:0;}
.extension .page06 .service-content p{color: #828ca9;font-size: 16px;text-align: center;margin: 20px auto;line-height: 35px;width: 35px;height: 35px;border: 1px solid #518fff;border-radius: 50%;}
.extension .page06 .service-list .service-list-item:hover{}

.extension .page01{height:650px;background:url('../images/extension/bg01.png') no-repeat center top;}
.extension .page01 .page01_Left{width: 394px;height: 459px;margin-left: 40px;}
.extension .page01 .page01_Right{width: 630px;margin-left: 65px;margin-top: 100px;}
.extension .page01 .page01_Right dt{color: #5185ff;font-size: 18px;font-weight: bold;}
.extension .page01 .page01_Right dd{color: #0a1431;font-size: 18px;line-height: 60px;}
.extension .page01 .page01_Right p{color: #666666;font-size: 18px;line-height: 33px;text-indent: 2rem;text-align: justify;}

.extension .page03 .title{text-align: center;margin-bottom: 20px;}
.extension .page03 .title h3{font-size: 24px;color: #518fff;line-height: 50px;}
.extension .page03 .title p{font-size: 18px;color: #666;line-height: 26px;}
.extension .page03 .backL{position: relative;width: 360px;float: left;margin-right: 50px;margin-left: 120px;}
.extension .page03 .backR{width: 568px;float: left;}
.extension .page03 .box-back{overflow: hidden;height: 100%;width: 100%;}
.extension .page03 .box-back .back1 {width: 100%;height: 262px;overflow: hidden;}
.extension .page03 .box-back .back2 {width: 100%;height: 204px;overflow: hidden;}
.extension .page03 .box-back .back3 {width: 100%;height: 594px;overflow: hidden;}
.extension .page03 .box-back > div img {height: 100%;position: absolute;}
.extension .page03 .box-back .back1 img:first-child {animation: back1 8s linear infinite;-moz-animation: back1 8s linear infinite;-webkit-animation: back1 8s linear infinite;-o-animation: back1 8s linear infinite;}
.extension .page03 .box-back .back1 img:last-child {animation: back1s 8s linear infinite;-moz-animation: back1s 8s linear infinite;  -webkit-animation: back1s 8s linear infinite;-o-animation: back1s 8s linear infinite;}
.extension .page03 .box-back .back2 img:first-child {animation: back2 12s linear infinite;-moz-animation: back2 12s linear infinite;-webkit-animation: back2 12s linear infinite;-o-animation: back2 12s linear infinite;}
.extension .page03 .box-back .back2 img:last-child {animation: back2s 12s linear infinite;-moz-animation: back2s 12s linear infinite;-webkit-animation: back2s 12s linear infinite;  -o-animation: back2s 12s linear infinite;}
.extension .page03 .box-back .back3 img:first-child {animation: back3 4s linear infinite;-moz-animation: back3 4s linear infinite;-webkit-animation: back3 4s linear infinite;-o-animation: back3 4s linear infinite;}
.extension .page03 .box-back .back3 img:last-child {animation: back3s 4s linear infinite;-moz-animation: back3s 4s linear infinite;-webkit-animation: back3s 4s linear infinite;  -o-animation: back3s 4s linear infinite;}

.extension .page07{background: #fafafa;}
.extension .page07 dl{height:410px;}
.extension .page07 dl .icom{width: 375px;height: 402px;position: absolute;top: 0;left: 410px;background:url('../images/extension/img03.png') no-repeat center top;}
.extension .page07 dl dd{width: 340px;float: left;position: absolute;}
.extension .page07 dl dd.d01{left: 20px;top: 0;}
.extension .page07 dl dd.d02{right: 20px;top: 0;}
.extension .page07 dl dd.d03{left: 20px;top: 210px;}
.extension .page07 dl dd.d04{right: 20px;top: 210px;}
.extension .page07 dl dd h3{width: 336px;height: 66px;font-size: 24px;color: #5185ff;line-height: 66px;text-align: center;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.extension .page07 dl dd h3:hover{-webkit-transform: translateY(-15px);}
.extension .page07 dl dd.d01 h3{background:url('../images/extension/ys01.png') no-repeat center top;}
.extension .page07 dl dd.d02 h3{background:url('../images/extension/ys02.png') no-repeat center top;}
.extension .page07 dl dd.d03 h3{background:url('../images/extension/ys03.png') no-repeat center top;}
.extension .page07 dl dd.d04 h3{background:url('../images/extension/ys04.png') no-repeat center top;}
.extension .page07 dl dd p{font-size: 14px;color: #828aaa;margin: 10px;line-height: 20px;}

.extension .page08{text-align: center;}
.extension .page08 img{width: 1002px;height: 500px;}
.extension .page08 .title01 h3{color: #5185ff;}


/*1600x900*/
@media only screen and (max-width:1600px ) {
}

/*1440x900*/
@media only screen and (max-width:1440px ) {
}

/*1366x768*/
@media only screen and (max-width:1366px ) {
}

/*2560x1080*/
@media only screen and (min-width:2000px ) {
}