.banner{height:70%;min-height:420px;background:linear-gradient(165deg,#152238 0%,#223AAD 42%,#1a3050 100%)}
@media(max-width:1200px){.banner{height:50%}}
.banner .w1400{margin:0 auto;height:100%}
.banner .automiddle{position:absolute;left:0;right:0;top:30%;transform:translateY(-30%);display:flex;justify-content:space-between;align-items:center}
.banner .professional-img{width:712px;font-size:0}
.banner .intro-xbtn,.banner .telcode{width:712px}
.banner .intro-xbtn ul{display:flex;align-items:center;flex-wrap:wrap}
.banner .intro-xbtn li{padding:0 12px;margin:16px 16px 0 0;color:#fff;font-size:16px;border-radius:6px;background:linear-gradient(50deg, #5CB1FF 0%, #0181FB 100%)}
.banner .telcode{display:flex;align-items:center;margin-top:40px}
.banner .telcode span{display:inline-block;padding:14px 14px 7px 14px;margin-right:100px;line-height:2;background:#fff;color:#01A0F9;border-radius:6px}
.banner .telcode span:after{content:"";display:inline-block;width:59px;height:39px;position:absolute;left:145px;top:38px;background:url("../images/arrow.png") center no-repeat}
@media(max-width:1200px){
	.banner .automiddle{flex-wrap:wrap}
	.banner .automiddle .texts{width:90%;margin:0 auto 50px auto}
	.banner .professional-img,.banner .intro-xbtn{width:100%}
	.banner .professional-img img{width:80%}
	.banner .telcode{display:none}
}

/*登录框*/
.login-area{width:370px;padding:30px;background:#fff;border-radius:10px}
.login-area .login-tab{width:80%;margin:0 auto 40px auto;display:flex;justify-content:space-around;align-items:center}
.login-area .login-tab a{width:50%;font-size:16px;font-weight:400;text-align:center;line-height:3;border-bottom:3px solid #F2F2F2}
.login-area .login-tab a.cur{color:#333}
.login-area .login-tab a.cur{border-bottom-color:#4BA8FE}
.login-area div.focus{border-color:#00a3ff}
.login-area .fmitem{border:1px solid #E8E8E8;border-radius:4px;transition:border-color .3s}
.login-area .fmitem i{display:inline-block;width:36px;height:36px;vertical-align:top;background:#0181FB;border-radius:4px 0 0 4px}
.login-area .fmitem i:after{width:18px;height:18px;display:block;content:"";margin:9px auto;background:url("../images/icons_sprite.png") -999px -999px no-repeat}
.login-area .fmitem i.user:after{background-position:-168px -405px}
.login-area .fmitem i.psd:after{background-position:-186px -405px}
.login-area .fmitem i.tel:after{background-position:-367px 1px}
.login-area .fmitem i.code:after{background-position:-384px 1px}
.login-area .fmitem input{display:inline-block;width:78%;height:36px;padding:0 4%;vertical-align:top;background:none}
.login-area .fmitem input:-ms-input-placeholder{color:#b9babf}
.login-area .fmitem input::-moz-input-placeholder{color:#b9babf}
.login-area .fmitem input::-webkit-input-placeholder{color:#b9babf}
.login-area .fmitem input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #fff inset;-webkit-text-fill-color:#333}
.login-area .fmitem .codebtn{height:36px;padding:0 12px;background-color:#0181FB;color:#fff;position:absolute;right:-104px;border-radius:4px}
.login-area .chk{width:14px;height:14px;vertical-align:-3px}
.login-area .lgbtn{width:100%;height:40px;font-size:20px;letter-spacing:10px;color:#fff;border-radius:4px;
	background:#0181FB;
    background:linear-gradient(to right,#5CB1FF 0%,#0181FB 100%);
    background:-webkit-linear-gradient(left,#5CB1FF 0%,#0181FB 100%);
    background:-moz-linear-gradient(left,#5CB1FF 0%,#0181FB 100%);
    background:-o-linear-gradient(left,#5CB1FF 0%,#0181FB 100%);
    background:-ms-linear-gradient(left,#5CB1FF 0%,#0181FB 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5CB1FF',endColorstr='#0181FB',GradientType=1)
}
.login-area .reglink{color:#00a3ff}
@media(max-width:1200px){
	.banner{background:#223AAD}
	.login-area{width:75%;min-width:277px;max-width:650px;margin-left:auto;margin-right:auto}
	.login-area .login-tab{width:100%}
}

.part-zero{margin-top:-40px}
.part-zero .w1400{margin:0 auto;padding:50px 0 30px 0;display:flex;justify-content:space-around;background:linear-gradient(180deg, #E3F0FD 0%, #FFFFFF 100%);box-shadow:0 20px 20px rgba(237, 237, 237, .5);border-radius:8px}
.part-zero .item{width:17.5%;padding:0 1.5%;text-align:center;position:relative}
.part-zero .item:after{content:"";position:absolute;right:-12%;top:12%;height:160px;width:1px;background:#E8E8E8;transform:scaleX(.5);}
.part-zero .item:nth-last-child(1):after{content:initial}
.part-zero .item h4{font-size:18px;color:#0181FB;margin:6px 0 14px 0}
@media(max-width:1200px){
	.part-zero .w1400{width:90%;flex-wrap:wrap}
	.part-zero .item{width:44%;padding:0 3%}
	.part-zero .item:after{right:0;height:100%}
	.part-zero .item:nth-child(2):after{content:initial}
	.part-zero .item h4{margin:0;font-size:16px}
	.part-zero .item img{width:30%}
}
@media(max-width:430px){
	.part-zero .item p{line-height:1.5}
}

.part-one{padding:40px 0}
.part-one .w1400{margin:0 auto}
.part-one .plus{display:inline-block;text-indent:0;line-height:1;font-size:10px;transform:translateY(-6px)}
.part-one .list{margin-top:50px;display:flex;justify-content:space-between}
.part-one .item{width:31.33%;position:relative;color:#fff}
.part-one .item img{width:100%}
.part-one .item .title{width:100%;position:absolute;top:42%;font-size:24px;font-weight:bold;text-align:center}
.part-one .item .desc{width:85%;position:absolute;top:60%;left:8%;font-size:16px}
@media(max-width:1200px){
	.part-one .list{flex-wrap:wrap;margin-top:20px}
	.part-one .item{width:90%;margin:0 5% 3% 5%}
}
@media(max-width:430px){
	.part-one .item .title{font-size:20px}
	.part-one .item .desc{font-size:14px;line-height:1.5}
}

.part-two .w1400{margin:0 auto}
.part-two .intro{display:flex;align-items:center;padding:50px;margin:40px 0 60px 0;overflow:hidden;border-radius:10px;box-shadow:0 0 20px rgba(225, 225, 225, .3);background:linear-gradient(180deg, #E3F0FD, #FFFFFF)}
.part-two .text{width:43%;padding-left:6%}
.part-two .text h2{color:#333;position:relative}
.part-two .text h2:after{content:"";position:absolute;left:2px;bottom:-6px;width:36px;height:4px;background:#0181FB;border-radius:2px}
.part-two .text p{text-indent:28px}
.part-two .text a:hover{color:#0181FB}
.part-two .intro .bg1{width:255px;height:166px;position:absolute;bottom:0;right:-4px;background:url("../images/js2.png") no-repeat}
.part-two .intro .bg2{width:160px;height:105px;position:absolute;top:0px;right:0px;background:url("../images/js3.png") no-repeat;background-size:99%}
.part-two .intro .bg3{width:125px;height:86px;position:absolute;left:-30px;top:-24px;background:url("../images/js3.png") no-repeat;transform:rotateY(180deg)}
@media(max-width:1200px){
	.part-two .intro{padding:30px 15px;width:90%;box-sizing:border-box;margin:40px auto 60px auto}
	.part-two .intro img{display:none}
	.part-two .text{width:100%;padding-left:0}
	.part-two .intro .bg1{width:150px;height:98px}
	.part-two .intro .bg2{width:100px;height:66px}
}

.part-three{padding:40px 0;background:linear-gradient(-45deg, #EEF9FE 0%, #F6F8FD 50%, #EEF9FE 100%)}
.part-three .w1400{margin:0 auto}
.part-three .clear{margin-top:30px}
.part-three .coperation li{float:left;width:14.45%;box-sizing:border-box;padding:1.5% 2%;margin:15px 2.66% 15px 0;text-align:center;background:#FFF;box-shadow: 0px 0px 27px 0px rgba(241,241,241,0.25);border-radius:6px;transition:transform .3s}
.part-three .coperation li img{width:90%;max-width:119px;max-height:40px}
@media(min-width:1200px){
	.part-three .coperation li:nth-child(6n){margin-right:0}
}
.part-three .coperation li:hover{transform:translateY(-10px)}
.part-three .coperation li span{display:block}
@media(max-width:1200px){
	.part-three .coperation li{width:29.75%;margin:1.33% 0 1.33% 2.66%}
}

.part-four{padding:40px 0}
.part-four .w1400{margin:0 auto}
.part-four .list{margin:40px 0;display:flex;align-items:center;justify-content:space-between}
.part-four .list li{text-align:center}
.part-four .list li img{transition:transform .3s}
.part-four .list li:hover img{transform:scale(1.125)}
.part-four .list li .font18{line-height:1;margin-top:16px;color:#333}
@media(max-width:1200px){
	.part-four .list{flex-wrap:wrap;justify-content:flex-start}
	.part-four .list li{width:33%;margin-top:5%}
}
@media(max-width:768px){
	.part-four .list li .font18{font-size:14px}
	.part-four .list li .font16{font-size:12px}
	.part-four .list li img{width:40%}
}
@media(max-width:430px){
	.part-four .list li .font18{font-size:12px}
	.part-four .list li .font16{font-size:10px}
}