@charset "utf-8";
/* reset ========================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }
abbr, acronym { border: 0; }
a {font-size:12px; text-decoration:none; color:#666666; line-height:18px; cursor:pointer; }
a:hover { color:#ff6600; }
body { position:relative; background:#FFF; font-family:"PingFangSC-Medium",Arial,sans-serif; font-size:12px;  color: #666; }
.left { float: left; }
.right { float: right; }
.clearfix {clear: both;overflow:hidden;}

/* layout  */
.wrap { width:990px; margin:0 auto;}
.hidden {display: none;}

.mar1{margin:0 auto;}
.t-left{ text-align:left;}
.t-center{ text-align:center;}
.t-right{ text-align:right;}
.bg1{background: #FFFFFF;}

.main-contaniner{margin:0 auto;width:100%;text-align: center;}
img{height: 100%;width: 100%;}
.logo-container{
    width: 100%;
    height:700px;
    background-image:url(../img/headbc.png);
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
    padding-top: 60px;
}
.logo_one{
    width: 189px;
    height: 52px;
    margin-left: 121px; 
}
.logo_two{
    width: 413px;
    height: 120px;
    margin-top: 150px;
    margin-left: 121px; 
}
.logo_three{
    display: flex;
    align-items: center;
    margin-top: 37px;
    margin-left: 121px; 
}
.three-img{
    width: 165px !important;
    height: 54px !important;
    cursor: pointer;
}
.mr24{
    margin-right: 24px;
}
.logo_four{
    width: 28px;
    height: 8px;
    margin-top: 96px;
    margin-left: 121px; 
}
.product-info{
    padding-top: 64px;
    background-color: #F4F7FA;
    width: 100%;
    height: 650px;
}
.info_title{
    display: flex;
    align-items: center;
    justify-content: center;
}
.info_border{
    width: 244px;
    height: 1px;
    border-bottom: 1px solid #DADEE9;
}
.info_font{
    font-weight: 600;
    font-size: 32px;
    color: #24242E;
    line-height: 45px;
    margin: 0 198px;
}
.info_content{
    margin-top: 66px;
    display: flex;
    justify-content: center;
}
.info_content-left{
    margin-right: 40px;
}
.info_content-title{
    font-weight: 600;
    font-size: 24px;
    color: #24242E;
}
.info_content-font{
    font-weight: 400;
    font-size: 20px;
    color: #555661;
    width: 444px;
    height: 256px;
    margin-top: 29px;
    line-height: 32px;
}
.info_content-tubiao{
    width: 28px;
    height: 8px;
    margin-top: 66px;
}
.info_content-right{
    width: 716px;
    height: 389px;
}
.DU-indro{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.indro_one{
    width: 100%;
    margin-top: 64px;
    height: 406px;
}
.indro_taost{
    width: 100%;
}
.indro_two{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 69px;
}
.indro_logo{
    width: 110px;
    height: 29px;
}
.indro_font{
    width: 341px;
    height: 17px
}
.indro_border{
    width: 1200px;
    height: 1px;
    background: #D8D8D8;
    margin-top: 29px;
    margin-bottom: 64px;
}
.Du-bottom{
    width: 100%;
    height: 116px;
    background: #242A33;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bottom_front{
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}
.bottom_last{
    width: 335px;
    height: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 202px;
}