@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,form,input,select,ul,li,ol,dl,dt,dd{margin:0px;padding:0px;list-style:none; border-radius:0px;font-family:"microsoft yahei";}
body{ font-family:"microsoft yahei";font-size:12px;color:#333;max-width:640px;min-width:320px; overflow:hidden;margin:0 auto;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;}
a{text-decoration:none;outline:none;color:#333;cursor:pointer;}
a img{border:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input{ outline: none;}
button{ outline: none;}
html{ overflow-y: scroll;}
.textl{ text-align: left;}
.textr{ text-align: right;}
.textc{ text-align: center;}
.fl{ float: left;}
.fr{ float: right;}
.weaper{ margin: 0 auto; width: 6.4rem;}
.oh{ height: auto; overflow: hidden;}
.fl{ float:left;}
.top,.banner,.menu-nav{float:left;width:100%;}
/*头部*/
.viewport{ position:relative; min-width:320px; max-width:740px; width:100%; margin:0px auto; clear:both;}
.top{ width:100%; height:35px; top:0; left:0; z-index:100; text-align:center; background:#e5e5e5;}
.top .topleft{ position:absolute; left:30px; top:7px; font-size:16px; font-weight:bold; color:#0a3770;}
.top .topright{ position:absolute; right:30px; top:7px; font-size:16px;}
.top .topright a{ color:#0a3770; font-weight:bold;}
.top .topright a img{ padding-right:5px; vertical-align: middle;}

/*logo*/
.logo{ margin-top:35px; width:6.4rem; height:0.99rem;}
.logo img{ width:100%; display:inline-block;}
.logo h2{ text-indent:-9999px;}
/*banner*/
.banner{ width:6.4rem; height:3.94rem; overflow: hidden; background: url(../images/banner.jpg) no-repeat; background-size:100% 100%;}
.banner .join{ width:6.4rem; height:3.94rem; display: block; text-indent:-9999px;}
.main{ width:100%; height: auto; font-family:"microsoft yahei";}

/*part01*/
.part01{ width:100%; height: auto; overflow: hidden;}
.part01-title{ height: 1.02rem; background: url(../images/part01-title.png) no-repeat; background-size:100% 100%; padding-top: 0.2rem;}
.part01-title01{ height: 0.49rem; font-size: 0.3rem; font-weight: bold; color: #1e59d2; line-height: 0.47rem;}
.part01-title02{ height: 0.28rem; font-size: 0.18rem; color: #000; line-height: 0.26rem;}
.part01-cloum{ width: 6.18rem; height: auto; overflow: hidden; margin: 0 auto;}
.p01clo{ width: 2.06rem; height: 4.07rem;}
.p01clo h3{ height: 0.62rem; font-size: 0.2rem; font-weight: bold; color: #fff; line-height: 0.26rem; text-align: center; letter-spacing: 0.03rem; padding-top: 0.08rem;}
.p01clo p{ font-size: 0.18rem; color: #333; line-height: 0.23rem; padding: 0.15rem 0.2rem 0 0.32rem;}
.p01clo01{ background: url(../images/p01clo01.jpg) no-repeat; background-size:100% 100%;}
.p01clo02{ background: url(../images/p01clo02.jpg) no-repeat; background-size:100% 100%;}
.p01clo03{ background: url(../images/p01clo03.jpg) no-repeat; background-size:100% 100%;}
.part01-link a{ display: block; width: 3rem; height: 0.38rem; font-size: 0.18rem; color: #fff; text-align: center; line-height: 0.36rem; letter-spacing: 0.01rem; background: -moz-linear-gradient(top, #f99755, #df3d2d); background: -webkit-linear-gradient(top, #f99755, #df3d2d); background: -o-linear-gradient(top, #f99755, #df3d2d); border-radius: 0.3rem; margin: 0.15rem auto 0.3rem;}
.part01-link a:hover{ animation: shake01 1s cubic-bezier(.36, .07, .19, .97) both;}
@keyframes shake01 { 10%, 90% {transform: translate3d(-2px, 0, 0);} 20%, 80% {transform: translate3d(4px, 0, 0);} 30%, 50%, 70% {transform: translate3d(-5px, 0, 0);} 40%, 60% {transform: translate3d(5px, 0, 0);}}

/*part02*/
.part02{ width:100%; height: 3.99rem; overflow: hidden; background: url(../images/part02.jpg) no-repeat; background-size:100% 100%;}
.part02-title{ height: 1rem; background: url(../images/part02-title.png) no-repeat; background-size:100% 100%; padding-top: 0.21rem;}
.part02-title01{ height: 0.47rem; font-size: 0.3rem; font-weight: bold; color: #fff; line-height: 0.45rem;}
.part02-title02{ height: 0.3rem; font-size: 0.18rem; color: #fff; line-height: 0.28rem;}
.part02-form{ width: 3.64rem; height: 2rem; margin: 0.45rem auto 0;}
.part02-form form input{ width: 3.64rem; height: 0.46rem; overflow: hidden; font-size: 0.18rem; color: #333; text-indent: 0.55rem; border: none; margin-bottom: 0.1rem;}
.part02-form form input::-webkit-input-placeholder {color:#000;}
.part02-form form input:-moz-placeholder {color:#000;}
.part02-form form input::-moz-placeholder {color:#000;}
.part02-form form input:-ms-input-placeholder {color:#000;}
.part02-form form .name{ background:url(../images/input01.png) no-repeat; background-size:100% 100%;}
.part02-form form .phone{ background:url(../images/input02.png) no-repeat; background-size:100% 100%;}
.part02-form form button{ width: 3.64rem; height: 0.46rem; background:url(../images/button.png) no-repeat; background-size:100% 100%; overflow: hidden; font-size: 0.2rem; color: #fff; line-height: 0.4rem; letter-spacing: 3px; cursor: pointer; border: none; margin-bottom: 0.1rem;}

/*part03*/
.part03{ width:100%; height: auto; overflow: hidden;}
.part03-title{ height: 1.01rem; background: url(../images/part03-title.png) no-repeat; background-size:100% 100%; padding-top: 0.21rem;}
.part03-title01{ height: 0.47rem; font-size: 0.3rem; font-weight: bold; color: #1e59d2; line-height: 0.45rem;}
.part03-title02{ height: 0.3rem; font-size: 0.18rem; color: #000; line-height: 0.28rem;}
.part03-cloum{ width: 6.4rem; height: 2.44rem; background: url(../images/part03-cloum.jpg) no-repeat; background-size:100% 100%;}
.part03-link{ width: 4.8rem; height: 0.38rem; overflow: hidden; margin: 0.25rem auto 0.3rem;}
.part03-link a{ float: left; display: block; width: 2.2rem; height: 0.38rem; font-size: 0.18rem;  color: #fff; line-height: 0.36rem; text-indent: 0.4rem; letter-spacing: 0.015rem; background: url(../images/part03-link.png) no-repeat; background-size:100% 100%; margin: 0 0.1rem;}
.part03-link a:hover{ animation: shake02 1s cubic-bezier(.36, .07, .19, .97) both;}
@keyframes shake02 { 10%, 90% {transform: translate3d(-2px, 0, 0);} 20%, 80% {transform: translate3d(4px, 0, 0);} 30%, 50%, 70% {transform: translate3d(-5px, 0, 0);} 40%, 60% {transform: translate3d(5px, 0, 0);}}

/*part04*/
.part04{ width:100%; height: 4.52rem; overflow: hidden; background: url(../images/part04.jpg) no-repeat; background-size:100% 100%;}
.part04-title{ height: 0.9rem; font-size: 0.3rem; font-weight: bold; color: #fff; line-height: 0.88rem; background: url(../images/part04-title.png) no-repeat; background-size:100% 100%;}
.part04-link a{ display: block; width: 3rem; height: 0.38rem; font-size: 0.18rem; color: #fff; line-height: 0.36rem; text-indent: 0.75rem; letter-spacing: 0.02rem; background: url(../images/part04-link.png) no-repeat; background-size:100% 100%; margin: 2.94rem auto 0;}
.part04-link a:hover{ animation: shake03 1s cubic-bezier(.36, .07, .19, .97) both;}
@keyframes shake03 { 10%, 90% {transform: translate3d(-2px, 0, 0);} 20%, 80% {transform: translate3d(4px, 0, 0);} 30%, 50%, 70% {transform: translate3d(-5px, 0, 0);} 40%, 60% {transform: translate3d(5px, 0, 0);}}
/*part05*/
.part05{ width:100%; height: auto; overflow: hidden;}
.part05-title{ height: 0.88rem; font-size: 0.3rem; font-weight: bold; color: #1e59d2; line-height: 0.85rem; background: url(../images/part05-title.png) no-repeat; background-size:100% 100%;}
.part05-cloum{ width: 5.8rem; height: auto; overflow: hidden; background: #ecf0ff; border-radius: 0.1rem; padding: 0 0.12rem 0.12rem; margin: 0 auto 0.3rem;}
.part05-table{ width: 5.8rem; height: auto; overflow: hidden; margin: 0 auto;}
.p05table-tit{ width: 2.96rem; height: 0.42rem; background:url(../images/p05table-tit.png) no-repeat; background-size:100% 100%; font-size: 0.24rem; font-weight: bold; color: #fff; line-height: 0.42rem; letter-spacing: 0.02rem; margin: 0 auto 0.12rem;}
.part05-table table{ width: 5.8rem; height: auto; overflow: hidden; background: #fff; border-left: #125ae1 solid 0.01rem; border-right: #125ae1 solid 0.01rem; border-top: #125ae1 solid 0.01rem; box-shadow: 0 0 0.1rem #c4c8d0; margin: 0.15rem auto 0;}
.part05-table table .coutr{ height: 0.4rem; color: #fff; font-size: 0.18rem; background:#125ae1;}
.part05-table table .coutr th{ border-right: #fff solid 0.01rem; font-size: 0.2rem;}
.part05-table table tr td{ border-left: #125ae1 solid 0.01rem; border-bottom: #125ae1 solid 0.01rem; height: 0.36rem; font-size: 0.18rem; text-align: center; vertical-align:middle; padding: 0.03rem 0;}
.part05-table table tr .nb{ border-left: none;}
.part05-table table tr td a{ display: block; height: 0.26rem; line-height: 0.26rem; border-radius: 0.2rem; color: #fff; background: -moz-linear-gradient(top, #fe771d, #fc4a25); background: -webkit-linear-gradient(top, #fe771d, #fc4a25); background: -o-linear-gradient(top, #fe771d, #fc4a25); padding: 0 0.025rem; margin: 0 0.05rem;}

/*part06*/
.part06{ width:100%; height: 5.12rem; overflow: hidden; background: url(../images/part06.jpg) no-repeat; background-size:100% 100%; margin-bottom: 0.5rem;}
.part06-title{ height: 0.9rem; font-size: 0.3rem; font-weight: bold; color: #fff; line-height: 0.88rem; background: url(../images/part06-title.png) no-repeat; background-size:100% 100%;}

/*底部*/
.footer{ width: 100%; height: 0.5rem; position: fixed; left: 0; bottom: 0; background: #e5e5e5; text-align: center;}
.footer a{ display: block; padding: 0 0.1rem; border-radius: 0.04rem; height: 0.4rem; line-height: 0.4rem; text-align: center; color: #fff; font-size: 0.18rem; font-weight: bold; margin: 0.05rem; box-sizing: border-box; vertical-align: middle; }
.footer a img{ height: 0.3rem; vertical-align: middle; padding-right: 0.1rem;}
.footer a:nth-child(1){ background: #234bcf; margin-right:0;}
.footer a:nth-child(2){ background: #234bcf;}
.flex{ display: -webkit-box; display: -webkit-flex; display: flex;}
.flex_item{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.con_fuwu { width:100%; margin:0 auto;}
.con_fuwu img { width:100%; height:auto;}

/*5*/
@media (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-min-device-pixel-ratio : 1){
	.p01clo p{ padding: 0.1rem 0.1rem 0 0.2rem;}
	.part03-link a{ letter-spacing: 0;}	
}
/*6*/
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
	.p01clo p{ padding: 0.1rem 0.1rem 0 0.2rem;}
	.part03-link a{ letter-spacing: 0;}
}
/*6+*/
@media (min-device-width : 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio : 3){
	.p01clo p{ padding: 0.1rem 0.1rem 0 0.2rem;}
	.part03-link a{ letter-spacing: 0;}
}