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;}

.logo{display: block;float:left;width:147px;margin:18px 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{color:#FF9600;font-weight:500;}

.indeximg{width:100%;height:750px;margin: 0 auto;background:url(../img/sy_banner01.jpg) no-repeat;position: relative;background-position:center;background-size:1920px;overflow: hidden;display: flex;justify-content: center;align-items: center;font-size: 60px;font-weight: bold;color: #FFFFFF;}
.indexList{height:627px;width:1400px;margin:0 auto 110px;overflow: hidden;}
.indexList h4{white-space: pre-line;text-align:center;font-size: 24px;font-weight: 500;color: #0A0A0A;line-height: 50px;margin:100px 0 0 0;}
.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:99px 0 0 0;}
.indexList li{flex:1;}
.indexList img{display: block;width:228px;margin:0 auto;}
.indexList p{text-align:center;font-size: 24px;font-weight: 400;color: #0A0A0A;margin:42px 0 0 0;}
.indexShow{width:1400px;margin:0 auto 100px;overflow: hidden;}
.indexShow>div{width:540px;float: left;}
.indexShow img{display: block;width:800px;height:450px;float: left;}
.indexShow h1{height:182px;line-height:210px;font-size: 24px;font-weight: bold;color: #0A0A0A;border-bottom:1px solid #E6E6E6;;}
.indexShow p{white-space: pre-line;font-size: 16px;font-weight: 400;color: #0A0A0A;line-height:40px;margin:40px 0 0 0;}
.addressBox{display: block;width:1400px;margin:0 auto 120px;}
.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:147px;margin:15px 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;overflow: hidden;display: flex;justify-content: center;align-items: center;font-size: 60px;font-weight: bold;color: #FFFFFF;}
.appList{width:100%;overflow:hidden;margin:0 auto 80px;padding:100px 0 0 0;}
.appList ul{width:1400px;margin:0 auto;}
.appList li{width:690px;height:200px;float: left;margin:0 19px 20px 0;background: #FFFFFF;box-shadow: 0px 0px 49px 0px rgba(215, 215, 215, 0.42);}
.appList li:nth-of-type(2n){margin:0 0 20px 0;}
.appList li img{display: block;width:108px;float:left;margin:45px 0 0 38px;}
.appList li div{width:475px;float: left;margin:45px 0 0 34px;position: relative;}
.appList li h3{height: 21px;font-size: 22px;font-family: OPPOSans;font-weight: bold;color: #363636;line-height:21px;margin:0 0 34px 0;}
.appList li p{font-size: 15px;font-family: OPPOSans;font-weight: 400;color: #8B8B8B;line-height: 24px;}
.appList li span{height: 16px;font-size: 16px;font-family: OPPOSans;font-weight: 400;color: #FF9600;position: absolute;top:0;right:0;}










.Listshow{width: 1400px;height:769px;margin:0 auto 69px;background:url(../img/pic_product02.jpg) no-repeat center;background-size:1115px 676px;position: relative;}
.Listshow>div{width:600px;height:300px;float:left;overflow: hidden;background: #FF9600;}
.left{text-align: left;position: absolute;top:0;left:0;}
.right{text-align: right;position: absolute;right:0;bottom:0;}
.Listshow h2{color:#fff;font-size: 36px;font-weight: 600;margin:58px 85px 0 85px;}
.Listshow p{font-size: 24px;font-weight: 400;color: #FFD9B8;line-height: 33px;margin:26px 85px 0;white-space: pre-line;}
.aboutimg{background:url(../img/ico_us_banner.jpg)no-repeat;position: relative;background-position:center;background-size:1920px;width:100%;height:400px;margin: 0 auto;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.aboutimg h1{font-size: 50px;font-weight: 600;color: #FFFFFF;line-height: 100px;text-align:center;text-shadow: 0px 0px 18px rgba(69, 69, 69, 0.28);}
.aboutimg p{font-size: 20px;font-weight: 400;color: #FFFFFF;text-align:center;}
.aboutInfo{width:1400px;margin:68px auto 78px;overflow: hidden;}
.aboutInfo h3{font-size: 36px;font-weight: 600;color: #363636;text-align:center;}

.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{font-size: 16px;font-weight: 500;color: #363636;line-height: 40px;white-space: pre-line;}

.aboutShow{width:100%;height:563px;background:#FF9600 url(../img/ico_us_banner02.jpg) no-repeat right;overflow: hidden;}
.aboutShow .info{width:1400px;margin:0 auto;color:#fff;}
.aboutShow .info h3{font-size: 36px;font-weight: 600;margin:67px 0 48px;height:36px;line-height:36px;}
.aboutShow .info p{font-size: 24px;font-weight: 600;height:24px;font-style: italic;line-height:24px;}
.aboutShow .info span{display: block;font-size: 16px;height:16px;font-weight: 400;font-style: italic;margin:20px 0 32px 0 ;line-height:16px;}
.aboutCome{overflow: hidden;margin: 0 auto 94px;width:1400px;}
.aboutCome .imgbox{width:745px;height:529px;background:url(../img/ico_us_banner03.jpg) no-repeat center;margin:0 72px 0 0;float:left}
.aboutCome h3{font-size: 36px;font-weight: 600;color: #363636;text-align:center;margin:84px 0 81px;}
.aboutCome .info{float:left;width:583px;}
.aboutCome .info h4{height:24px;font-size: 24px;font-weight: 600;color: #363636;line-height:24px;}
.aboutCome .info p{line-height:24px;font-size: 16px;font-weight: 400;color: #363636;margin:34px 0 62px;white-space: pre-line;}
.joinimg{height:440px;background:url(../img/pic_job01.jpg)no-repeat;position: relative;background-position:center;background-size:1920px 440px;margin:0 0 100px 0;}
.jobList{width:1400px;margin:0 auto 72px;}
.jobList>img{display: block;float: left;width:593px;height:515px;}
.job {float: left;}
.job img{display:block;float:left;width:8px;height:16px;margin:27px 22px 0 0;}
.job .info{float: left;}
.job h2{height: 24px;font-size: 24px;line-height:24px;font-weight: bold;color: #363636;margin:27px 0 29px;}
.job p{font-size: 12px;font-weight: 400;color: #363636;line-height: 26px;opacity: 0.9;white-space: pre-line;margin:0 0 57px;}

.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;}