/* CSS Document */
* { touch-action: pan-y; } 
body,html,div,p,h3,h4,header,section,footer,aside,aricle,ul,li{margin:0;padding:0;}
li{list-style-type:none;}
body{font-size:12px;line-height:18px;font-family:'Microsoft yahei';}
a{color:#333;text-decoration:none;}
img{max-width:100%;}
input:focus{outline:0;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.tc{text-align:center;}
.tr{text-align:right;}
.lh20{line-height:20px;}
.lh24{line-height:20px;}
.lh28{line-height:20px;}
.gray{color:#adadad;}
.blue{color:#48c2ff;}
.red{color:#ff1403;}
.fl{float:left;}
.fr{float:right;}
.block{display:block;}
.dsn{display:none;}
.mt10{margin-top:10px;}
.clearfix:after{content:'';clear:both;display:table;}


#pcBox{min-width:1300px;}

.page1{position:relative;background:#1458ff;}
.h-img1{position:absolute;left:0;top:0;right:0;text-align:center;}
.h-qr{width:154px;height:154px;position:absolute;right:0;top:60px;background:#fff url('../images/qr.png') no-repeat center;}
.h-search{width:513px;height:127px;vertical-align: middle;display:inline-block;background:url('../images/bg-search.png') no-repeat center;}
.h-search em{color:#ec395f;font-size:36px;font-style:normal;width: 100%;display: block;}
.h-box{width:1300px;margin:0 auto;}
.h-box-1,.h-box-2,.h-search{float:left;}
.h-box-1,.h-box-2{width:380px;color:#fff;font-size:36px;position:relative;height:80px;line-height:80px;overflow:hidden;margin-top:20px;}
.h-box-1{text-align:right;}
.h-box-3{height:80px;line-height:80px;position:relative;overflow:hidden;margin:22px 0 0 88px;}
.h-box-m1,.h-box-m2,.h-box-m3{position:absolute;left:0;top:0;right:0;}

.m-ul-box{width:100%;height:150px;position:relative;top:-60px;padding-top:32px;background:rgba(255,255,255,.2);}
.m-ul{width:100%;height:150px;text-align:center;color:#fff;}
.m-ul li{overflow:hidden;line-height:32px;transition:all .2s ease;}
.m-ul li .m-2{color:#ec395f;}
.m-ul li:nth-child(1){font-size:24px;opacity:.8;}
.m-ul li:nth-child(2){font-size:20px;opacity:.6;}
.m-ul li:nth-child(3){font-size:16px;opacity:.4;}
.m-ul li:nth-child(4){font-size:12px;opacity:.2;}
.m-ul li:nth-child(5){font-size:12px;opacity:.1;}

.page2-tab{display:flex;}
.page2-tab li{font-size:36px;color:#1458ff;flex:1;position:relative;text-align:center;padding-top:50px;}
.page2-tab-hover:before{content:'';position:absolute;z-index:-1;left:50%;top:0;margin-left:-30px;border:30px solid #fff;border-top-color:#1458ff;}
.page2-search,.page2-tab{width:70%;margin:0 auto}

.page2-search-box{width:100%;display:flex;}
.page2-txt{flex:1;height:80px;border-radius:10px;margin-right:20px;box-shadow:0 0 10px rgba(0,0,0,.1);position:relative;}
.page2-txt:before{content:'';position:absolute;width:30px;height:30px;left:50px;top:25px;border-radius:30px;background:#1458ff;}
.page2-txt-box{position:absolute;left:100px;top:0;right:0;}
.page2-txt-box input{height:80px;line-height:80px;font-size:36px;color:#f4008f;border:none;background:none;}
.page2-btn{width:200px;height:80px;cursor:pointer;font-size:36px;text-align:center;line-height:80px;color:#fff;background:#1458ff;border-radius:10px;}
.page2-btn:hover{opacity:.8;}

.page2-tabcon-box{padding:30px 220px 0 0;}
.page2-tabcon{height:84px;}
.page2-tabcon a{display:inline-block;margin-right:20px;color:#b6b6b6;font-size:18px;line-height:28px;}

.page3-point{width:248px;height:94px;margin:0 auto 70px auto;position:relative;left:-50px;background:url('../images/bg-point.png') repeat 0 0;}
.page3-bg{width:100%;height:550px;position:relative;background:#1458ff;}
.page3-bg-white1{width:50%;height:172px;position:absolute;left:0;top:0;background:#fff;}
.page3-bg-white2{width:50%;height:130px;position:absolute;left:0;bottom:0;background:#fff;}
.page3-bg-arrow{border:23px solid #fff;border-top-color:#0a48e1;border-right-color:#0a48e1;position:absolute;left:50%;bottom:-46px;}


.autow1300{width:1300px;margin:0 auto;position:relative;}
.h550{height:550px;}
.page3-bg-1{width:437px;height:248px;position:absolute;left:0;top:172px;;background:url('../images/page3-bg1.png') no-repeat 0 0;background-size:100%;}
.page3-popup{width:440px;height:480px;position:absolute;z-index:2;left:50%;margin-left:-117px;top:-110px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);background:#fff;}
.page3-popup img{position:relative;top:10px;}
.page3-nav{width:195px;height:436px;position:absolute;right:130px;top:0;}

.page4{font-size:20px;line-height:36px;}
.page4-0 img{width:330px;}
.page4-t1{border-bottom:2px solid #2564ff;}
.page4-t2{background:#b7d4fc;}
.page4-title{width:100%;height:80px;position:relative;}
.page4-l,.page4-r{width:300px;opacity:0;position:absolute;}
.page4-l{left:0;color:#1458ff;top:0;height:80px;}
.page4-l:before{content:'';position:absolute;left:0;right:0;top:20px;height:40px;background:#f2f5fe;}
.page4-l span{width:100%;text-align:right;position:absolute;z-index:2;top:0;font-size:32px;right:10px;}
.page4-r{right:0;top:0;bottom:0;color:#fff;background:#97b5ff;}
.page4-r span{padding:0 10px;display:block;}

.page4-f{padding-left:30%;width:50%;height:40px;font-size:16px;color:#8c8c8c;opacity:0;position:relative;top:20px;}
.page4-f-l{width:10px;height:10px;display:inline-block;border-radius:5px;background:#97b5ff;}
.page4-f-r{font-size:24px;color:#8b8b8b;}
.page5{position:relative;background:#fbfbfb;}
.page5-1{position:absolute;right:0;top:0;width:50%;height:65px;background:#fff;}

.page-title{font-size:30px;height:60px;}
.page5-list{width:100%;height:600px;}
.page5-list li{width:33.3%;padding:0 40px 0 0;box-sizing:border-box;float:left;margin:30px 0 0 0;}
.page5-list li img{width:100%;}


.footer{width:100%;height:370px;background:#b9d6fa;}
.footer-1{height:300px;}
.autow900{width:900px;height:100%;margin:0 auto;position:relative;}
.footer-2{width:100%;height:60px;line-height:60px;font-size:18px;color:#2953c6;text-align:center;background:#5d84f1;}
.footer-2 img{vertical-align:middle;}
.foot-bg-1{position:absolute;left:0;top:-64px;}
.foot-bg-2{position:absolute;right:0;top:-62px;}
.foot-info{padding:50px 172px 0 172px;}
.foot-t{color:#4a67b0;font-size:24px;line-height:32px;text-shadow:1px 1px 2px rgba(255,255,255,.5);}
.footer-2 a{color:#2953c6;}


.page2-tab{height:180px;}
.page2-tab li{display:none;}
.page2-search-box,.page2-tabcon-box{opacity:0;}
.page2-tabcon-box{position:relative;top:20px;}

.page3-point{opacity:0;position:relative;top:-20px;}
.page3-popup{opacity:0;top:-60px;}
.page3-popup img,.page3-nav,.page3-bg-1{opacity:0;}
.page3-bg-1{left:50px;}
.page3-nav{right:30px;}

.page4-0,.page4-1,.page4-2,.page4-3,.page4-4{opacity:0;position:relative;top:30px;}

.page5-list{opacity:0;margin-top:100px;}






.box{width:100%;height:240px;overflow:hidden;position:relative;background:url('../images/bg-search.png') no-repeat center -20px;}
.box-ul{position:absolute;left:0;top:0;right:0;font-size:28px;text-align:center;}
.box-ul li{padding:10px 0;box-sizing:border-box;transform-origin:center;}
.ul1 li:nth-child(2),.ul1 li:nth-child(3),.ul1 li:nth-child(4),.ul1 li:nth-child(5){transition:all 1s ease;}
.ul1 li:nth-child(1){height:82px;line-height:62px;opacity:1;transform:scale(1);}
.ul1 li:nth-child(2){opacity:.6;transform:scale(.8);}
.ul1 li:nth-child(3){opacity:.4;transform:scale(.7);}
.ul1 li:nth-child(4){opacity:.2;transform:scale(.6);}
.ul1 li:nth-child(5){opacity:.1;transform:scale(.5);}
.ul1 li:nth-child(1) .span1,.ul1 li:nth-child(1) .span3{width:240px;}

.ul2 li:nth-child(1){opacity:0;transform:scale(1.2);}
.ul2 li:nth-child(2){height:82px;line-height:62px;opacity:1;transform:scale(1);}
.ul2 li:nth-child(3){opacity:.6;transform:scale(.8);}
.ul2 li:nth-child(4){opacity:.4;transform:scale(.7);}
.ul2 li:nth-child(5){opacity:.2;transform:scale(.6);}
.ul2 li:nth-child(2) .span1,.ul2 li:nth-child(2) .span3{width:240px;}



.span1,.span2,.span3{display:inline-block;transition:all .2s ease;color:#fff;}
.span2{color:#ec395f;margin:0 10px;}
.span1{text-align:right;}
.span2{text-align:left;box-sizing:border-box;}
.span3{text-align:left;}
.ul1 li:nth-child(1) .span2,.ul2 li:nth-child(2) .span2{width:520px;}
.ul1 li:nth-child(1) strong,.ul2 li:nth-child(2) strong{padding-left:100px;}
strong{font-style:normal;}

.page2-tabcon a:hover{color:#666;text-decoration:underline;}
.foot-bg-1{width:172px;}
.foot-bg-2{width:200px;}
.foot-bg-3{width:316px;}
.page3-nav img{width:195px;}
.page3-popup img{width:100%;}
.box{background-size:513px;}
@media (min-width:1800px){
	.autow1300{width:1600px;}
	.page4-0 img{width:660px;}
	.page4-title{height:160px;}
	.page4-r{padding:14px;box-sizing:border-box;}
	.page4-r span{font-size:44px;line-height:60px;}
	.page4-l:before{height:120px;}
	.page4-l span{font-size:80px;margin-top:14px;}
	.page4-f{font-size:32px;margin:40px 0;}
	.page4-f-r{font-size:44px;}
	.page2-tab li{font-size:48px;}
	.page2-search{margin-top:40px;}
	.page2-search-box{width:70%;margin: 0 auto 20px auto;}
	.page2-txt{height:110px;}
	.page2-txt-box input{height:110px;line-height:110px;font-size:60px;}
	.page2-txt:before{top:43px;}
	.page2-tabcon-box{width:70%;margin:0 auto;padding:0;}
	.page2-btn{width:300px;height:110px;line-height:110px;font-size:60px;}
	.page2-tabcon a{font-size:36px;line-height:48px;}
	.page2-search{width:80%;}
	.page-title{font-size:60px;}
	.autow900{width:1600px;}
	.footer{height:580px;}
	.foot-bg-1{width:241px;top:-90px;}
	.foot-bg-2{width:285px;top:-90px;}
	.foot-bg-3{width:423px;}
	.foot-info{width:500px;margin:0 auto;padding:100px 0;}
	.footer-1{height:500px;}
	.foot-t{font-size:36px;line-height:60px;text-shadow:0 0 1px #fff;}
	.page3-point{width:496px;height:188px;}
	.page3-popup{margin-top:-70px;width:606px;height:660px;}
	.page3-nav img{width:270px;}
	.page3-bg-1{width:620px;height:338px;}
	.page3-bg,.h550{height:650px;}
	
	.ul1 li:nth-child(1) .span2,.ul2 li:nth-child(2) .span2{width:720px;}
	.box{height:440px;background-size:776px;}
	.ul1 li:nth-child(1),.ul2 li:nth-child(2){height:142px;line-height:102px;}
	.box-ul{font-size:48px;}
	.ul1 li{padding:20px 0;}
	.ul2 li:nth-child(2) .span1,.ul2 li:nth-child(2) .span3,.ul1 li:nth-child(1) .span1,.ul1 li:nth-child(1) .span3{width:440px;}
	.page3-nav{top:8px;}
	.page5-list li{padding-right:100px;}
}