@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:4.37rem; overflow: hidden; background: url(../images/banner.jpg) no-repeat; background-size:100% 100%;}
.banner .join{ width:6.4rem; height:4.37rem; display: block; text-indent:-9999px;}
.main{ width:100%; height: auto; font-family:"microsoft yahei"; margin-bottom: 0.6rem;}

/*part01*/
.part01{ width:100%; height: auto; overflow: hidden; margin-bottom: 0.35rem;}
.part01-title{ height: 0.93rem; font-size: 0.3rem; font-weight: bold; color: #2839cc; line-height: 0.91rem; letter-spacing: 0.01rem; background: url(../images/part01-title.png) no-repeat; background-size:100% 100%; padding-top: 0.03rem;}

.part01-main{ width: 5.2rem; height: auto; overflow: hidden; background: #2940d7; padding: 0.3rem; margin: 0 auto;}
.part01-cloum{ width: 4.64rem; height: auto; overflow: hidden; background: #fff; padding: 0.2rem 0.28rem;}.p01clo{ width: 2.32rem; height: 2.75rem;}
.p01clo p{ font-size: 0.2rem; font-weight: bold; color: #333; line-height: 0.3rem; letter-spacing: 0.01rem; height: 0.76rem; padding-top: 1.33rem;}
.p01clo a{ display: block; width: 1.62rem; height: 0.33rem; background: url(../images/part01-link.png) no-repeat; background-size:100% 100%; font-size: 0.18rem; color: #fff; line-height: 0.33rem; margin: 0 auto;} 
.p01clo 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);}}
.p01clo01{ background: url(../images/p01clo01.png) no-repeat; background-size:100% 100%;}
.p01clo02{ background: url(../images/p01clo02.png) no-repeat; background-size:100% 100%;}
.p01clo03{ background: url(../images/p01clo03.png) no-repeat; background-size:100% 100%;}
.p01clo04{ background: url(../images/p01clo04.png) no-repeat; background-size:100% 100%;}
.p01clo05{ background: url(../images/p01clo05.png) no-repeat; background-size:100% 100%;}
.p01clo06{ background: url(../images/p01clo06.jpg) no-repeat; background-size:100% 100%;}

.part01-form{ width: 4rem; height: 1.95rem; background: #fff; padding: 0.25rem 0.6rem 0; margin: 0.15rem auto 0;}
.part01-form form input{ width: 4rem; height: 0.5rem; overflow: hidden; font-size: 0.18rem; color: #333; text-indent: 0.55rem; border: none; margin-bottom: 0.1rem;}
.part01-form form input::-webkit-input-placeholder {color:#000;}
.part01-form form input:-moz-placeholder {color:#000;}
.part01-form form input::-moz-placeholder {color:#000;}
.part01-form form input:-ms-input-placeholder {color:#000;}
.part01-form form .name{ background:url(../images/input01.png) no-repeat; background-size:100% 100%;}
.part01-form form .phone{ background:url(../images/input02.png) no-repeat; background-size:100% 100%;}
.part01-form form button{ width: 4rem; height: 0.5rem; background:url(../images/button.png) no-repeat; background-size:100% 100%; overflow: hidden; font-size: 0.2rem; color: #fff; line-height: 0.5rem; letter-spacing: 3px; cursor: pointer; border: none; margin-bottom: 0.1rem;}


/*part02*/
.part02{ width:100%; height: auto; overflow: hidden; background: #2940d7;}
.part02-title{ height: 0.93rem; font-size: 0.3rem; font-weight: bold; color: #fff; line-height: 0.91rem; letter-spacing: 0.01rem; background: url(../images/part02-title.png) no-repeat; background-size:100% 100%; padding-top: 0.03rem;}

.part02-table{ width: 5.8rem; height: auto; overflow: hidden; background: #fff; border-radius: 0.1rem; padding: 0 0.1rem; margin: 0 auto 0.2rem;}.p02table-tit{ width: 2.96rem; height: 0.42rem; background:url(../images/p02table-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;}

.part02-table table{ width:5.8rem; height:auto; overflow:hidden; table-layout: fixed; font-size:0.18rem; text-align:center; background: #fff; border-top-left-radius: 0.1rem; border-top-right-radius: 0.1rem; margin: 0.35rem auto;}
.part02-table table tr th{ height: 0.53rem; box-sizing: border-box; border-right: 0.01rem solid #fff; font-size:0.22rem; background:#2940d7; font-weight: bold; color:#fff; text-align: center; vertical-align: middle;}
.part02-table table tr .th05{ border-right: none;}
.part02-table table tr td{ height:0.45rem; border-left: 0.01rem solid #2940d7; border-right: 0.01rem solid #2940d7; border-bottom: 0.01rem solid #2940d7; font-size:0.2rem; font-weight:normal; color:#333; text-align: center; line-height: 0.22rem;}
.part02-table table tr td a{ display: block; width: 1.11rem; height: 0.26rem; font-size: 0.18rem; color: #fff; line-height: 0.26rem; text-align: center; background:url(../images/part02-link.png) no-repeat; background-size:100% 100%; margin: 0 auto;}


/*part03*/
.part03{ width:100%; height: auto; overflow: hidden;}
.part03-title{ height: 0.93rem; font-size: 0.3rem; font-weight: bold; color: #2839cc; line-height: 0.91rem; letter-spacing: 0.01rem; background: url(../images/part03-title.png) no-repeat; background-size:100% 100%; padding-top: 0.03rem;}

.part03-cloum{ width: 6rem; height: auto; overflow: hidden; margin: 0 auto;}
.p03clo{ width: 3rem; height: 2rem;}

.p03clo h5{ width: 1.55rem; height: 0.39rem; font-size: 0.22rem; font-weight: bold; color: #2839cc; line-height: 0.37rem; letter-spacing: 0.01rem; padding-top: 0.25rem; padding-left: 1.35rem;}
.p03clo .p03clo-text01{ width: 1.4rem; height: 0.55rem; font-size: 0.18rem; color: #333; line-height: 0.26rem; letter-spacing: 0.01rem; padding-left: 1.35rem;}
.p03clo .p03clo-text02{ height: 0.55rem; font-size: 0.18rem; color: #333; line-height: 0.26rem; letter-spacing: 0.01rem; padding-left: 0.3rem; padding-right: 0.25rem;}

.p03clo01{ background: url(../images/p03clo01.png) no-repeat; background-size:100% 100%;}
.p03clo02{ background: url(../images/p03clo02.png) no-repeat; background-size:100% 100%;}
.p03clo03{ background: url(../images/p03clo03.png) no-repeat; background-size:100% 100%;}
.p03clo04{ background: url(../images/p03clo04.png) no-repeat; background-size:100% 100%;}
.p03clo05{ background: url(../images/p03clo05.png) no-repeat; background-size:100% 100%;}
.p03clo06{ background: url(../images/p03clo06.png) no-repeat; background-size:100% 100%;}

.part03-link a{ display: block; width: 2.22rem; height: 0.33rem; overflow: hidden; font-size: 0.18rem; color: #fff; line-height: 0.33rem; letter-spacing: 0.01rem; background: url(../images/part03-link.png) no-repeat; background-size:100% 100%; margin: 0.2rem auto 0.35rem;}
.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: auto; overflow: hidden; background: #2940d7;}
.part04-title{ height: 0.93rem; font-size: 0.3rem; font-weight: bold; color: #fff; line-height: 0.91rem; letter-spacing: 0.01rem; background: url(../images/part04-title.png) no-repeat; background-size:100% 100%; padding-top: 0.03rem;}

.part04-cloum{ width: 6.4rem; height: 4.24rem; background: url(../images/part04-cloum.jpg) 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: #2940d7; margin-right:0;}
.footer a:nth-child(2){ background: #2940d7;}
.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){
	
}
/*6*/
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
	
}
/*6+*/
@media (min-device-width : 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio : 3){
	
}