body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* CSS Document */
.clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:normal;}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;background-color:#fff;position:relative;}
html,body{position:relative;overflow-x:hidden;}
html{height:100%;}body{min-height:100%;}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}
input[type="submit"],input[type="reset"],input[type="password"],input[type="button"],input[type="text"],button{-webkit-appearance:none;}/*取消苹果渲染*/
a{color:#4c4c4c;text-decoration:none;}
a:hover,a:focus{-webkit-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;}
.rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}

.headerBox{width:100%;}
.header{width:1400px;margin:0 auto;height:80px;}
/* .header .logoBox{height:52px;margin:14px 0;}
.logoBox img{display: block;float:left;width:70px; }
.logoBox .LogoName{float:left;margin:9px;}
.logoBox .LogoName h4{font-size:22px;font-weight:800;line-height:22px;}
.logoBox .LogoName p{font-size:8px;line-height:12px;letter-spacing: 1px} */
/* -webkit-filter: grayscale(100%);
filter: grayscale(100%); */
.logo{display: block;float:left;width:175px;margin:14px 0;}
.htmlLink{float:right;line-height:80px;}
.htmlLink a {display:inline-block;height:34px;padding:0 24px;font-size:17px;line-height:34px;margin-right:50px;}
.htmlLink a:nth-last-of-type(1){margin:0;}
.htmlLink a.on{border:1px solid #5F35F8;border-radius: 18px;color:#5F35F8;font-weight:500;}

.indeximg{width:100%;height:750px;margin: 0 auto;background:url(../img/pic_home01.jpg) no-repeat;position: relative;background-position:center;background-size:1920px;}
.indexList{height:627px;width:1400px;margin:0 auto;overflow: hidden;}
.indexList h2{width:397px;margin:0 auto;font-size: 36px;font-weight: bold;color: #0A0A0A;text-align:center;line-height:56px;background:url(../img/ico_home_bt01.png) no-repeat;background-size:contain;margin-top:192px;}
.indexList ul{display: flex;margin:90px 0 0 0;}
.indexList li{flex:1;}
.indexList img{display: block;width:60px;margin:0 auto;}
.indexList p{text-align:center;font-size: 24px;font-weight: bold;color: #0A0A0A;margin:42px 0 0 0;}
.indexShow{width:100%;height:620px;background:url(../img/pic_home02.jpg) no-repeat;background-size:1920px;background-position:center;overflow: hidden;}
.indexShow h2{width:334px;height:62px;margin:0 auto;font-size: 36px;font-weight: bold;color: #0A0A0A;text-align:center;line-height:70px;background:url(../img/ico_home_bt02.png) no-repeat right;background-size:contain;margin-top:82px;color:#fff;}
.indexShow ul{width:1400px;margin:107px auto 0;}
.indexShow li{width:400px;height:300px;;margin:0 100px 0 0;background:#fff;border-radius: 6px;float:left;}
.indexShow li:nth-last-of-type(1){margin:0;}
.indexShow img{display:block;width:140px;margin:050px auto 39px;;}
.indexShow p{font-size: 24px;font-weight: 400;color: #0A0A0A;text-align:center;}
.indexAbout {height:611px;overflow: hidden;}
.indexAbout h2{width:182px;height:44px;margin:163px auto 61px;font-size: 36px;font-weight: bold;color: #0A0A0A;text-align:center;line-height:44px;background:url(../img/ico_home_bt03.png) no-repeat right;background-size:contain;margin-top:82px;}
.indexAbout>div{margin:0 auto;width:1400px;}
.indexAbout>div img{display: block;float: left;width:700px;}

.indexAbout>div>div{float: left;width:540px;height:340px;padding:0 80px;display: flex;justify-content: center;align-items: center;}
.indexAbout>div>div p{font-size: 16px;font-weight: 400;color: #0A0A0A;line-height: 48px;}
.footerBox{width:100%;height:208px;background:#363636;overflow: hidden;}
.footer{width:1400px;margin:66px auto 0;}
.footer>div{margin:0 200px 0 0;float:left;color:#fff;font-size: 12px;font-weight: 400;}
.footer>div:nth-last-of-type(1){margin:0;float:left;}
.footer img{display: block;width:175px;margin:11px 0 0 0;}
.footer>div p {line-height:25px;}

.Listimg{width:100%;height:400px;margin: 0 auto;background:url(../img/pic_product01.jpg) no-repeat;position: relative;background-position:center;background-size:1920px;}
.appList{overflow:hidden;margin:0 auto;}
.appList h2{margin:66px auto 63px;font-weight: 500;color: #363636;font-size: 36px;text-align:center;}
.appList ul{width:1400px;margin:0 auto;}
.appList li{float:left;width:420px;margin:0 70px 63px 0 ;height: 450px;background: #FFFFFF;box-shadow: 0px 0px 49px 0px rgba(215, 215, 215, 0.42);border-radius: 20px;}
.appList li:nth-of-type(3n){margin:0 0 63px 0 ;}
.appList li img{display: block;width:108px;margin:51px auto 48px;}
.appList li h3{font-size: 22px;font-weight: 600;color: #363636;text-align:center;}
.appList li p{margin:24px 42px;font-weight: 400;color: #8B8B8B;line-height: 30px;font-size: 16px;}
.appList li span{display:block;width:162px;height:51px;border: 1px solid #C4C4C4;border-radius: 26px;text-align:center;line-height:51px;font-size: 16px;font-weight: 400;color: #363636;margin:0 auto;}
.Listshow{width: 1920px;margin:0 auto;}
.Listshow>div{width:960px;height:572px;float:left;overflow: hidden;}
.Listshow .left{background:url(../img/pic_product02.jpg) no-repeat center;background-size:960px;}
.Listshow .right{background:url(../img/pic_product03.jpg) no-repeat center;background-size:960px;}
.Listshow h2{margin:195px auto 34px;color:#fff;font-size: 36px;font-weight: 600;text-align:center;}
.Listshow i{display: block;width:56px;height:5px;background:#fff;margin:0 auto 37px;}
.Listshow p{font-size: 24px;font-weight: 400;color: #FFFFFF;line-height: 46px;text-align:center;}
.appShowList{height:527px;width:1400px;margin:0 auto;overflow: hidden;}
.appShowList ul{display: flex;margin:98px 0 0 0;}
.appShowList li{flex:1;}
.appShowList img{display: block;width:166px;margin:0 auto;}
.appShowList p{text-align:center;font-size: 16px;color: #363636;}
.appShowList h5{text-align:center;font-size: 24px;font-weight: bold;color: #363636;margin:46px 0 29px 0;}

.aboutimg{background:url(../img/pic_about.jpg)no-repeat;position: relative;background-position:center;background-size:1920px;width:100%;height:524px;margin: 0 auto;overflow: hidden;}
.aboutimg h1{font-size: 50px;font-weight: bold;color: #FFFFFF;line-height: 100px;margin:214px  0 0 0;text-align:center;}
.aboutimg p{font-size: 20px;font-weight: 400;color: #FFFFFF;text-align:center;}
.aboutInfo{width:1400px;margin:0 auto;overflow: hidden;}
.title{border-left:4px solid #00D2B4;margin:98px 0 57px 0;}
.title p{float: left;font-size: 24px;font-weight: bold;color: #363636;margin:0 10px 0 6px;}
.title span{display:block;float: left;font-size: 14px;font-weight: 400;color: #8B8B8B;margin:11px 0 0 0;}
.content{text-indent: 2em;font-size: 16px;font-weight: 500;color: #363636;line-height: 40px;}

.aboutList{height:586px;width:1400px;margin:0 auto;overflow: hidden;}
.aboutList ul{display: flex;margin:98px 0 0 0;}
.aboutList li{flex:1;width:334px;height:300px;margin:0 21px 0 0;overflow: hidden;}
.aboutList li:nth-last-of-type(1){margin: 0;background:#F2A344;}
.aboutList li:nth-of-type(1){background:#508BED;}
.aboutList li:nth-of-type(2){background:#6ED5A0;}
.aboutList li:nth-of-type(3){background:#A882D7;}
.aboutList img{display: block;width:90px;margin:75px auto 30px ;}
.aboutList h5{text-align:center;font-size: 30px;font-weight: bold;color: #fff;}



.joinimg{background:url(../img/pic_job01.jpg)no-repeat;position: relative;background-position:center;background-size:1920px;}
.jobList ul{padding:100px 0 0 0;width:1400px;margin:0 auto;}
.jobList li{margin:0 0 60px 0;width:1400px;height:500px;overflow: hidden;}
.jobList li:nth-of-type(1){background:#F2A344 url(../img/pic_job02.jpg) no-repeat right;}
.jobList li:nth-of-type(2){background:#508BED url(../img/pic_job03.jpg) no-repeat left;}
.jobList li:nth-of-type(3){background:#6ED5A0 url(../img/pic_job04.jpg) no-repeat right;}
.jobList li:nth-of-type(4){background:#A882D7 url(../img/pic_job05.jpg) no-repeat left;}
.jobList li>div{margin:70px 0 0 0;}
.jobList .name{float: left;width:530px;height:360px;}
.jobList .require{width:870px;height:360px;background:#fff;float: left;}
.jobList .require p{margin:77px 67px 0 80px;white-space: pre-line;font-size: 14px;font-weight: 400;color: #363636;line-height: 30px;}
.jobList .name h2{font-size: 24px;font-weight: bold;color: #FFFFFF;margin:15px 0 0 30px;}
.jobList .name p{font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 30px;opacity: 0.9;white-space: pre-line;margin:49px 0 0 30px;}
.payBox{width:1400px;padding:42px 0 0 0;margin:0 auto 263px;}
.borderT{border-top:1px solid #E6E6E6;}
.paychoose{float: left;width:290px;height:485px;background:#F9F9F9;}
.paychoose>div{height:79px;line-height:79px;font-size: 22px;font-weight: bold;color: #363636;text-align:center;border-bottom:1px solid #E6E6E6;margin:0 0 48px 0;}
.paychoose a{display: block;height:79px;text-align:center;line-height:79px}
.paychoose a img{display: inline-block;width:20px;margin:0 11px 0 0;vertical-align: text-top;}
.paychoose a span{display: inline-block;font-size: 18px;font-weight: 400;color: #363636;line-height: 52px;}
.paychoose a.this{border-left:4px solid #5F35F8;background: linear-gradient(90deg, #FFFFFF 0%, #FAFAFA 100%);}
.payInfo{width:1011px;height:485px;margin:0 0 0 99px;float: left;}
.payInfo h3{height:79px;line-height:79px;border-bottom:1px solid #E6E6E6;text-indent:3em;font-size: 22px;font-weight: 400;color: #1D1D1D;}
.payInfo>div{margin:30px 0 0 30px;display: flex;}
.payInfo>div span{width:70px;font-size: 16px;font-weight: 500;color: #727272;height:44px;line-height:44px;margin:0 30px 0 0;}
.payInfo>div input{width:164px;padding:0 10px;height: 44px;border: 1px solid #CEC9C9;border-radius: 2px;line-height:44px;}
.payInfo>div a{width:50px;height:44px;line-height:44px;text-align:center;color:#3B99FC;font-size: 12px;font-weight: 400;}
.choosebox p{margin:0 40px 0 0;cursor: pointer;}
.choosebox p.this i{background:url(../img/ico_account_zx01@2x.png) no-repeat center;background-size:cover;}
.choosebox p i{display:inline-block;width:14px;height:14px;margin:0 6px;background:url(../img/ico_account_zx02@2x.png) no-repeat center;background-size:cover;}
.choosebox p em{display: inline-block;font-size: 16px;font-weight: 400;color: #868686;line-height: 44px;}
.priceList li{float: left;width:133px;height:42px;line-height:42px;background: #F3F3F3;border-radius: 2px;border: 1px solid #F3F3F3;font-size: 16px;font-weight: 400;color: #868686;background:#F3F3F3;cursor: pointer;margin:0 10px 0 0;text-align:center;}
.priceList li.this{border: 1px solid #3B99FC;background:#F3F3F3 url(../img/ico_account_recharge@2x.png) no-repeat right bottom;background-size:22px;}

.wxBtn{display:block;width: 148px;height: 44px;background: #06BB14;border-radius: 4px;font-size: 16px;font-weight: 400;color: #FFFFFF;text-align:center;line-height:44px;margin:100px 0 0 0;}
.zfbBtn{display:block;width: 148px;height: 44px;background: #3B99FC;border-radius: 4px;font-size: 16px;font-weight: 400;color: #FFFFFF;text-align:center;line-height:44px;margin:100px 0 0 0;}


/*仅提示弹框*/
.hint-view{width:200px;height: auto;line-height:36px;font-size:14px;padding: 5px;background-color: rgba(0, 0, 0, 0.5); position: fixed;left: 50%;bottom: 50%;margin-left:-100px;text-align: center;z-index: 999;border-radius: 10px;color: #fff;word-break:break-all;opacity: 0;pointer-events:none;}
.hint-view.moveInit{transition: all 0.4s cubic-bezier(.17,.74,.23,1.53);-webkit-transition: all 0.4s cubic-bezier(.17,.74,.23,1.53);}
.hint-view.move.moveInit{/*bottom: 36%;*/opacity: 1;-webkit-transform:translateY(-100px);transform:translateY(-100px); }
.hint-view.fadeInit{transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}
.hint-view.fadeOut.fadeInit{opacity: 0;}