.title1 img{height: 90px;vertical-align: bottom;}
.title2{margin: 30px auto 60px;}
.title2 img{height: 20px;vertical-align: bottom;}
.jrwm{width: 140px;line-height: 42px;height: 42px;text-align: center;border:1px solid #fff;display: inline-block;color: #fff;transition: all .4s !important;position: relative;z-index: 9;}
.jrwm:hover{background: #ffffff;color: #0063d3;}
.jrwm2{background: #0063d3;border-color: #0063d3;margin: 60px auto 0;display: block;}
.color626262 p{color: #626262;}
.future{width: 1020px;max-width: 100%;margin: 0 auto;}
.future .title36{margin-bottom: 0 !important;padding: 0 150px;}
.yh{position: absolute;}
.yh img{width: 39px;}
.yh1 img{vertical-align: bottom;}
.yh1{left: 0;top:8px;}
.yh2{right: 0;bottom:0;}
.bgedf3f9{background: #edf3f9;}
.title36-bot-line{border-bottom: 1px solid #ccc;}
.adv li{float: left;width: 23.5%;margin-right: 2%;}
.adv li.li4{margin-right: 0;}
.adv li a{background: #fff;display: block;padding: 22px;transition: all .4s;box-shadow: 0 0 9px 0 #e0e0e0;position: relative;border:1px solid #e0e0e0 \0;}
.adv-bot{padding: 50px 0;}
.adv-bot p{height: 3.2em;}
.des92 h3{margin-bottom: 20px;}
.des92 p{color: #626262;}
.b-line{position: absolute;height: 7px;bottom:0;width: 0;background: #006bd3;transition: all .4s;left: 0;overflow: hidden;opacity: 0;filter: alpha(opacity=0);}
a:hover .b-line{width: 100%;opacity: 1;filter: alpha(opacity=100);}
li:hover .b-line{width: 100%;opacity: 1;filter: alpha(opacity=100);}
.shadow05{position: absolute;width: 100%;left: 0;top:0;height: 100%;}
.shadow05 span{background: #f1f3f6;opacity: 0;filter: alpha(opacity=0);}
.shadow05 i{background: #dbecf3;opacity: 0;filter: alpha(opacity=0);}
[aos=toright].aos-animate{animation:toright .5s linear 0s both;}
i[aos=toright].aos-animate{animation:toright .5s linear .2s both;}
@keyframes toright {
    0%{left: 0;opacity: 0.5;filter: alpha(opacity=0.5);}
    100%{left: 100%;opacity: 0.8;filter: alpha(opacity=80);}
}
.val li{width: 30.33%;padding: 0 1.5%;float: left;}
.val li .relative{display: inline-block;margin: 20px 0 50px;max-width: 80%;}
.val li .img img{max-width: 70%;vertical-align: bottom;transition: all .4s;}
.sm img{position: absolute;}
.xing1{position: absolute;right: 0;top:0;width: 26px;}
.xing2{position: absolute;left: 0;bottom:0;width: 20px;}
.val-bot p{width: 290px;max-width: 100%;margin: 0 auto;}
.val li .xing1{transition: all .4s !important;}
.val li .xing2{transition: all .4s !important;}
.val li:hover .xing1{transform: translateZ(0) rotate(90deg);}
.val li:hover .xing2{transform: translateZ(0) rotate(90deg);}
.val li:hover .img img{transform: scale(1.1);}
.interest li{float: left;width: 48%;margin-right: 4%;}
.interest li.li2{margin-right: 0;}
.interest-warp{background: #fff;}
.rel-bot{padding: 35px;}
.rel-top h3{margin: 0 35px;line-height: 112px;color: #fff;padding-right: 180px;}
.rel-a{height: 4.8em;margin-bottom: 10px;}
.rel-top .img100{width: 90px;position: absolute;right: 35px;bottom:-44px;}
.rel-top .img100 img{transform-origin: bottom center;transition: all .4s;}
.rel-a{margin-right: 130px;}
.rel-a p{width: 460px;max-width: 100%;}
.rel-b h4{font-size: 17px;font-weight: bold;margin-bottom: 15px;}
.rel-des p{color: #626262;position: relative;padding-left: 25px;margin-bottom: 8px;transition: all .4s;}
.rel-des p:hover{color: #0063d3;}
.rel-des p span{position: absolute;top:0;left: 0;}
.rel-des{height: 200px;}
.plan li{float: left; width: 22.5%;margin-right: 3.33%;}
.plan li.li4{margin-right: 0;}
.plan{padding: 30px 0;}
.plan-warp{transition: all .4s;}
.plan-top{height: 155px;}
.plan-warp .img100{width: 150px;margin: -75px auto 0;max-width: 70%;}
.plan-bot{height: 196px;}
.plan-con h3{margin-bottom: 10px;}
.plan-con p{height: 1.6em;padding: 0 10px;}
.plan-warp{box-shadow: 0 0 9px 0 #e0e0e0;position: relative;border:1px solid #e0e0e0 \0;}
.step{font-size: 0;text-align: center;}
.step li{display: inline-block;vertical-align: top;font-size: 14px;margin-right: 100px;}
.step li.li5{margin-right: 0;}
.step li.li5 .arrow{display: none;}
.step-top .img100{width: 142px;max-width: 100%;margin: 0 auto;}
.arrow{width: 35px;height: 10px;position: absolute;top:50%;margin-top: -5px;left: 100%;margin-left: 32px;background: url("../images/arrow1.png") no-repeat center;background-size: cover;}
.step li p{margin-top: 35px;transition: all .4s;color: #626262;}
.step li:hover p{color: #0063d3;}

/* banner底部联系方式 */
.honghu-ban .ban-bg{background-position: 50% 50%;}
.honghu-ban-text{margin-top: -5%;}
.bottom-contact{color: #ffffff;font-size: 16px;position: absolute;bottom: 5%;width: 100%;}




@media (max-width: 1500px){
	.title1 img{height: 70px;}
	.title2 img{height: 16px;}
    .plan-top{height: 110px;}
    .plan-bot{height: 124px;}
}
@media (max-width: 1366px){
	.title1 img{height: 50px;}
	.title2 img{height: 14px;}
	.bottom-contact{font-size: 14px;}
	.title2{margin: 20px auto 40px;}
    .plan-warp .img100{width: 100px;margin-top: -50px;}
    .plan-top{height: 80px;}
}
@media (max-width: 1310px){
    .rel-top .img100{width: 80px;right: 35px;bottom:-40px;}
    .rel-top h3{line-height: 90px;}
    .rel-a{margin-right: 110px;}
    .rel-top h3{padding-right: 110px;}
}
@media (max-width: 1250px){
    .future{width: 824px;}
    .future .title36{padding: 0 100px;}
    .step-top .img100{width: 110px;}
    .step li{margin-right: 70px;}
    .arrow{margin-left: 17px;}
}
@media (max-width: 1200px){
    .plan-bot{padding-bottom: 1.6em;}
}
@media (max-width: 1024px){
	.title1 img{height: 40px;}
	.title2 img{height: 14px;}
	.title2{margin: 5px auto 30px;}
	.bottom-contact{font-size: 14px;}
    .jrwm{font-size: 14px;line-height: 36px;height: 36px;width: 130px;}
}
@media (max-width: 992px){
    .step-top .img100{width: 90px;}
    .step li{margin-right: 40px;}
    .arrow{margin-left: 8px;width: 24px;height: 7px;}
    .step li p{margin-top: 20px;}
    .adv li{width: 49%;margin-bottom: 30px;}
    .adv li.li2{margin-right: 0;}
    .adv li.li3{margin-bottom: 0;}
    .adv li.li4{margin-bottom: 0;}
    .interest li{width: 100%;margin-right: 0;}
    .interest li.li1{margin-bottom: 30px;}
    .rel-a{height: auto;margin-bottom: 25px;}
    .rel-des{height: auto;}
    .plan li{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
    .plan li.li2{margin-right: 0;}
    .plan li.li2 .plan-warp{margin-top: 0;}
    .plan li.li3 .plan-warp{margin-top: 0;margin-bottom: 0;}
    .plan li.li4 .plan-warp{margin-top: 0;margin-bottom: 0;}
    .b-line{height: 4px;}
}

@media (max-width: 930px){
    .val-bot h3{height: 3.2em;margin-bottom: 5px;}
}
@media (max-width: 800px){
    .yh img{width: 24px;}
}
@media (min-width: 760px){
    .adv li a:hover{margin-top: -20px;}
    .plan li:hover .plan-warp{margin-top: -30px;}
    .interest-warp{transition: all .4s;position: relative;}
    .interest li:hover .interest-warp{transform: translateY(-30px);}
    .step-top{transition: all .4s;}
    .step li:hover .step-top{transform: translateY(-30px);}
    .step li p{transition: all .4s;}
    .step li:hover p{transform: translateY(-30px);}
    .step li .arrow{transition: all .4s;}
    .step li:hover .arrow{transform: translateY(30px);}
}
@media (max-width: 760px){
    .title1 img{height: 36px;}
    .title2 img{height: 12px;}
	.jrwm{line-height: 30px;height: 30px;width: 100px;}
    .padding-tb140{padding: 60px 0;}
    .yh img{width: 20px;}
    .future .title36{padding: 0 50px;}
    .adv li a{padding: 10px;}
    .adv-bot{padding: 35px 10px;}
    .rel-b h4{font-size: 15px;}
    .step li{margin-right: 0;width: 33.33%; margin-bottom: 18px;position: relative;text-align: center;}
    .step li.li3 .arrow{display: none;}
    .step li.li5{margin-bottom: 0;}
    .step-top .img100{width: 70px;}
    .arrow{left: 100%;margin-left: -12px;top:30px;}
    .step li p{margin-top: 5px;}
    .step-top{position: static;}
    .jrwm2{margin-top: 30px;}
    .plan{padding: 0;}
    .yh1{top:2px;}
    .val{padding: 10px 0;}
    .val li{float: none;width: 100%;margin-right: 0;padding: 25px 0;}
    .val li a{display: block;position: relative;}
    .val li:first-child{padding-top: 0;}
    .val li:last-child{padding-bottom: 0;}
    .val li .relative{position: absolute;left: 0;top:50%;margin: -27px 0 0 0;width: 100px;}
    .val-bot{margin-left: 130px;text-align: left;}
    .val-bot p{margin: 0;width: auto;}
    .val-bot h3{height: auto;}
    .xing1{width: 16px;}
    .xing2{width: 10px;}
	
	.bottom-contact{font-size: 12px;}

}
@media (max-width: 500px){
    .adv-bot p{height: 6.4em;}
    .val li .relative{width: 100px;}
    .rel-top .img100{width: 60px;bottom:-30px;}
    .plan-warp .img100{width: 60px;margin-top: -30px;}
    .plan-top{height: 50px;}
    .val li .img img{max-width: 75%;}
    .val li .relative{margin-bottom: 30px;}
}
@media (max-width: 400px){
    .title1 img{height: 32px;}
    .title2 img{height: 10px;}
    .padding-tb140{padding: 40px 0;}
    .yh img{width: 16px;}
    .future .title36{padding: 0 25px;}
    .adv li{width: 100%;}
    .adv-bot{padding: 15px 8px;}
    .des92 h3{margin-bottom: 10px;}
    .adv li{margin-bottom: 15px;}
    .adv-bot p{height: auto;}
    .rel-top h3{line-height: 66px;}
    .rel-top h3{margin:0 15px;}
    .rel-top .img100{width: 50px;bottom:-25px;right: 15px;}
    .rel-bot{padding: 25px 15px;}
    .rel-a{margin-right: 70px;}
    .val li .relative{max-width: 46%;width: 90px;}
    .plan-bot{height: 100px;}
    .val-bot{margin-left:110px;}
    .adv li.li3{margin-bottom: 15px;}
}