/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
 html, body, div, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, sub, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed,
 figure, figcaption, footer, header,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video, input {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font-weight: normal;
   vertical-align: baseline;
 }
html, body {
    width:100%;
    margin: 0 auto;
  
}
body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: #fff;
}
  
li {
    list-style: none;
}
a {
      text-decoration: none;
}
.top{
    background: url('../images/top_bg.png') no-repeat center center;
    /* background-size: 100% 100%; */
    background-color:#020305;
    height: 832px;
    /* height: calc(100vw/ 2302 * 1009); */
    /* object-fit: cover; */
    position: relative;  
}
.topContent{
    max-width: 1200px;
    margin:0 auto;
}
.nav{
    display: flex;
    justify-content: space-between;
}
.logo{
    padding-top:30px;
}
.logo img{
    width:160px;
    height:90px;
}
.topnav{
    color:#fff;
    font-size:19.65px;
    display: block;
    padding-top:35px;
    position: relative;
}
.topnav li{
    display: inline-block;
    padding-right:50px;
}
.topnav li a {
    color:#fff;
    font-family: 'SourceHanSansCN-Regular',-apple-system;
}
.topnav li img{
    width:31px;
    height:30px;
    position: relative;
    top: 8px;
}
.topnav li:last-child{
    padding-right:0;
}
.appfont-1{
    font-size: 50px;
    color:#f44d21;
    position: relative;
    margin-top:150px;
    font-family: 'SourceHanSansCN-Bold',-apple-system;
}
.appfont-2{
    font-size:19.52px;
    color:#fff;
    position: relative; 
    margin-top:44px;
    width: 462px;
    font-family: 'SourceHanSansCN-Regular',-apple-system;
}
.submit-button{
    width:260px;
    height:70px;
    background-color: #f44d21;
    color:#fff;
    font-size: 17.61px;
    position: relative;
    margin-top:80px;
    border:none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.submit-button a {
    color:#fff;
    font-family: 'SourceHanSansCN-Regular',-apple-system;
}
.centerContent{
    background-color: #fff;
    max-width: 1200px;
    margin: 0 auto;
}
.centerContent h2{
    text-align: center;
    color:#f44d21;
    font-size: 43.77px;
    margin-top:80px;
    font-family: 'SourceHanSansCN-Medium',-apple-system;
}
.centerContent h4{
    text-align: center;
    color:#747474;
    font-size: 17.51px;
    line-height: 26.26px;
    width:622px;
    margin:0 auto;
    margin-top:30px;
    font-family: 'SourceHanSansCN-Normal',-apple-system;
}
.centerContent .center_div{
    margin-top:100px;
    display: flex;
}
.centerContent .center_div .slide_l{
    width:622px;
    height:538px;
    flex: 0 0 auto;
    position: relative;
    
}
.centerContent .center_div .slide_l img{
    width:100%;
    height:100%;
}
.centerContent .center_div .slide_l li{
    opacity: 0;
    position: absolute;
}
.centerContent .center_div .slide_l .show{
    /* display: block; */
    opacity: 1;
    /* transition: opacity 1s ease-in-out; */
}
.centerContent .center_div .slide_r .show{
    background-color: #f44d21;
    color:#fff ;
    opacity: 1;
    transition: 0.7s linear;
}
.centerContent .center_div .slide_r .show .fontNum{
    color:#fff;
    font-family: 'Microsoft Yahei';
}
.centerContent .center_div .slide_r li{
    /* border:1px solid #b9b9b9;
    padding:60px 35px 45px 33px;
    font-size: 19.89px;
    line-height: 29.83px;
    width:640px;
    display: flex;
    position: relative;
    height: 200px;
    box-sizing: border-box;
    cursor: pointer; */
    border: 1px solid #b9b9b9;
    padding: 35px 35px 0px 33px;
    font-size: 17.62px;
    line-height: 26.43px;
    font-family: 'SourceHanSansCN-Regular',-apple-system;
    width: 570px;
    display: flex;
    position: relative;
    height: 179.5px;
    box-sizing: border-box;
    cursor: pointer;
}
.centerContent .center_div .slide_r li:first-child{
    padding-top:58px;
}
.centerContent .center_div .slide_r li:last-child{
    padding-top: 42px;
}
.centerContent .center_div .slide_r li .fontNum{
    font-size: 37.44px;
    color:#b9b9b9;
    padding-right:10px;
    position: relative;
    top:-8px;
}
.product{
    background-color: #f44d21;
    margin-top: 100px;
}
.productContent{
    color:#fff;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.productContent h2{
    text-align: center;
    font-size: 43.77px;
    padding-top:80px;
    font-family: 'SourceHanSansCN-Medium',-apple-system;
}
.productContent h4{
    text-align: center;
    font-size: 17.51px;
    line-height: 26.26px;
    width:630px;
    margin:0 auto;
    margin-top:25px;
    font-family: 'SourceHanSansCN-Normal',-apple-system;
}
.productContent ul {
    max-width:1200px;
    padding-bottom: 70px;
    margin-top:75px;
    /* display: flex; */
    position: relative;
    overflow: hidden;
}

.productContent ul li{
    float: left;
    position: relative;
}

.productContent ul .show .open{
   width:480px;
   height:500px;
   border:1px solid #e5e5e5;
   color:#f44d21;
   background-color: #fff;
   display: block;
   position: relative;
   
}
.productContent ul .show .hidden{
    display: none;
}
.productContent ul .show .open h3{
    font-size: 21.36px;
    margin:0 35px;
    margin-top:30px;
    border-left:5px solid #f44d21;
    padding-left:10px;
    font-family: 'SourceHanSansCN-Bold',-apple-system;
}
.productContent ul .show .open h5{
    font-size: 16.24px;
    line-height: 26.57px;
    margin:20px 35px 35px 35px;
    font-family: 'SourceHanSansCN-Normal',-apple-system;
}
.productContent ul .show .open img{
    width:480px;
    height:300px;
    position: absolute;
    bottom: 0;
}
.productContent ul li {
    cursor: pointer;
}
.productContent ul  .open {
    display: none;
}
.productContent ul li .hidden{
    padding:40px 30px 0 30px;
    width:240px;
    height:502px;
    border:1px solid #e5e5e5;
    box-sizing: border-box;
    text-align: center;
}
.productContent ul li .hidden img{
    width:80px;
    height: 80px;
}
.productContent ul li h3{
    position: relative;
    font-size: 21.36px;
    margin-top:15px;
    font-family: 'SourceHanSansCN-Bold',-apple-system;
}
.productContent ul li h3::after{
    content: '';
    background-color: #fff;
    height: 5px;
    width: 75px;
    position: absolute;
    top: 48px;
    left: 50px;
}
.productContent ul li h6{
    margin-top:45px;
    font-size: 14.69px;
    line-height: 24.74px;
    font-family: 'SourceHanSansCN-Normal',-apple-system;
}
.value{
    background: #000;
    overflow: hidden;
}
.valueContent{
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.valueContent h2{
    text-align: center;
    color:#f44d21;
    font-size: 43.77px;
    padding-top:80px;
    font-family: 'SourceHanSansCN-Medium',-apple-system;
}
.valueContent h4{
    text-align: center;
    color:#afafaf;
    font-size: 17.51px;
    line-height: 26.26px;
    width:680px;
    margin:0 auto;
    margin-top:20px;
    font-family: 'SourceHanSansCN-Normal',-apple-system;
}
.valueContent .center_div{
    box-sizing: content-box;
    padding:120px 0;
    position: relative;
    max-width:1200px;
    height:926px;
    margin:0 auto;
}

.valueContent .center_div .show{
    display: block;
    /* transition: 0.7s linear; */
    opacity: 1;
    /* transition: opacity 1s ease-in-out; */
}
.valueContent .center_div >div{
   
}
.valueContent .center_div  span{
    position: absolute;
    cursor: pointer;
    z-index: 999;
}
.valueContent .center_div img{
    /* width:1345px;
    height:1040px;
    margin:0 auto; */
    opacity:0;
    /* display: none; */
    position: absolute;
    width: 100%;
}
.valueContent .center_div .center_1{
    bottom: 118px;
    right: 0px;
    width:390px;
    height:442px;
}
.valueContent .center_div .center_2{
    width: 408px;
    height: 338px;
    top: 130px;
    left: 404px;
}
.valueContent .center_div .center_3{
    width: 327px;
    height: 470px;
    left: 0px;
    bottom: 233px;
}
.selectContent{
    background: #fff;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 100px;
}
.selectContent h2{
    text-align: center;
    color:#f44d21;
    font-size: 43.77px;
    padding-top:80px;
    font-family: 'SourceHanSansCN-Medium',-apple-system;
}
.selectContent h4{
    text-align: center;
    color:#afafaf;
    font-size: 17.51px;
    margin:0 auto;
    margin-top:20px;
    font-family: 'SourceHanSansCN-Normal',-apple-system;
}
.selectContent .selectDiv {
    max-width:1200px;
    height:240px;
    margin-top:80px;
}
.selectContent img{
  width: 100%;
  height: auto;
}
footer{
    background-color: #000;
    padding:55px 0;
}
footer h2{
    font-size: 14.92px;
    color:#c8c8c8;
    width:470px;
    text-align: center;
    margin: 5px auto;
    font-family: 'SourceHanSansCN-Light',-apple-system;
}