@charset "utf-8";
body, html {
    margin: 0 auto;
    padding: 0;
    position: relative;
    height: 100%;
    font-style: normal;
    text-decoration: none;
    border: none;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
}

ul {
    list-style: none;
}

ul, li {
    margin: 0;
    padding: 0;
}

img {
    display: block;
}

h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

a {
    text-decoration: none;
    display: block
}

input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none
}

button, textarea {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: "微软雅黑";
}

select {
    outline: 0;
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none
}

textarea {
    resize: none;
    -webkit-appearance: none
}


input::-webkit-input-placeholder {
    color: #999;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}

textarea::-webkit-input-placeholder {
    color: #999;
}

textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}

@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot'),
    url('../fonts/icomoon.ttf'),
    url('../fonts/icomoon.woff'),
    url('../fonts/icomoon.svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
    font-family:"icomoon";
    font-style:normal;
    font-weight:normal;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    font-size:24px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    line-height:24px;
    color:#999;
}




.clearfix {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.r-color {
    color: #E60012!important;
}
.w-color {
    color: #fff!important;
}
.w-bg{
    background: #F2F0ED!important;
}
.head-bg{
    background: #000!important;
}


.bg_box {
    width: 100%;
    line-height: 1;
}

.header1 {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 99;
    background: #000;
}

.header1 .logo {
    float: left;
}
.header1 .logo img{
    width: auto;
    height: 124px;
    float: left;
}
.header1 .logo div{
    float: left;
    padding-top: 25px;
}
.header1 .logo div p{
    font-size: 16px;
    line-height: 30px;
    color: #333;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
.header1 .logo div p.r-color{
    font-size: 32px;
    font-weight: bold;
    line-height: 44px;
    font-family: Impact, "sans-serif";
    letter-spacing:2px;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

.header1 .nav{
    float: right;
}
.header1 .nav a{
    float: left;
    font-size: 18px;
    line-height: 122px;
    color: #fff;
    border-bottom: 2px solid transparent;
    margin: 0 27px;
    font-weight: bold;
}
.header1 .nav a.active{
    border-color: #E60013;
    color: #E60013;
}
.header1 .nav a:hover{
    border-color: #E60013;
    color: #E60013;
}
.header2 {
    background: #fff;
}
.header2 .logo div p{
    color: #000;
}
.header2 .nav a{
    color: #000;
}

#sy_banner {
    width: 100%;
    /*height: 1080px;*/
}

#sy_banner img{
    width: 100%;
    height: auto;
}
.ny_banner{
    width: 100%;
}
.ny_banner img{
    width: 100%;
    height: auto;
}

.title_bg{
    text-align: center;
}
.title_bg .title{
    width: 535px;
    margin: 0 auto;
    background: url("../images/bt_bj.png") no-repeat top 15px center;
    background-size: 100% auto;
}
.title_bg .title h3{
    font-size: 40px;
    line-height: 52px;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}
.title_bg .title p{
    font-size: 26px;
    line-height: 36px;
    color: #999;
    text-transform: uppercase;
}
.title_bg .titlew{
    width: 535px;
    margin: 0 auto;
    background: url("../images/bt_bjb.png") no-repeat top 15px center;
    background-size: 100% auto;
}
.title_bg .titlew h3{
    font-size: 40px;
    line-height: 52px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}
.title_bg .titlew p{
    font-size: 26px;
    line-height: 36px;
    color: #fff;
    text-transform: uppercase;
}

.main{
    background: #F2F0ED;
}
.main .sy_pilot{
    position: relative;
    width: 1680px;
    margin: -160px auto 105px;
    background: url(../images/sy_bj2.jpg) no-repeat center;
    background-size: 100% 100%;
    padding: 127px 0px 140px;
    box-sizing: border-box;
    z-index: 2;
}
.main .sy_pilot .title_l{
    position: absolute;
    width: 75px;
    height: 485px;
    background: url("../images/text_bj1.png") no-repeat center;
    background-size: 100% 100%;
    top: 127px;
    left: 110px;
}
.main .sy_pilot .title_l p{
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    font-weight: bold;
    width: 26px;
    padding: 20px 12px;
}
.main .sy_pilot .title_l span{
    font-size: 20px;
    line-height: 32px;
    color: #000;
    position: absolute;
    display: block;
    transform: rotate(90deg);
    text-transform: uppercase;
    white-space: nowrap;
    top: 150px;
    left: -110px;
}

.main .sy_pilot .nr{
    width: 740px;
    margin: 0 auto;
}
.main .sy_pilot .nr img{
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}
.main .sy_pilot .nr p{
    font-size: 16px;
    line-height: 30px;
    color: #333;
    height: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-indent: 32px;
}
.main .sy_pilot .more{
    position: absolute;
    right: 196px;
    bottom: 43px;
    text-align: right;
}
.main .sy_pilot .more p{
    font-size: 14px;
    line-height: 32px;
    color: #000;
    margin-bottom: 10px;
    position: relative;
}
.main .sy_pilot .more p:before{
    content: '';
    width: 110px;
    height: 1px;
    background: #707070;
    position: absolute;
    right: -21px;
    bottom: -9px;
}
.main .sy_pilot .more span{
    font-size: 14px;
    line-height: 32px;
    color: #000;
    display: block;
    position: relative;
}
.main .sy_pilot .more span:before{
    content: '';
    width: 1px;
    height: 97px;
    background: #707070;
    position: absolute;
    right: -11px;
    bottom: -10px;
}
.main .sy_pilot .more:hover p:before{
    background: #E60012;
}
.main .sy_pilot .more:hover span{
    color: #E60012;
}
.main .sy_pilot .more:hover span:before{
    background: #E60012;
}
.main .sy_pilot .yd_more{
    display: none;
}
.main .sy_base{
    margin-bottom: 125px;
}
.main .sy_base h3{
    width: 477px;
    height: 140px;
    background: url("../images/text_bj2.png") no-repeat center;
    background-size: 100% 100%;
    margin: 0 auto 10px;
    padding: 100px 0 0 165px;
    box-sizing: border-box;
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
}
.main .sy_base h4{
    font-size: 20px;
    line-height: 30px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 80px;
}
.main .sy_base p{
    font-size: 22px;
    line-height: 40px;
    color: #000;
    text-align: center;
}

.main .sy_product{
    position: relative;
    width: 1680px;
    margin: 0 auto;
    background: url("../images/sy_bj2.jpg") no-repeat center;
    background-size: 100% 100%;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.19);
    padding: 90px 0px 120px;
    box-sizing: border-box;
    z-index: 2;
    overflow: hidden;
}
.main .sy_product h4{
    font-size: 24px;
    line-height: 34px;
    color: #000;
    text-align: center;
    margin: 30px 0 80px;
}
.main .sy_product .list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 1400px;
    margin: 0 auto;
}
.main .sy_product .list a{
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.main .sy_product .list a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s linear;
}
.main .sy_product .list a:hover img{
    transform: scale(1.2);
}
.main .sy_product .list a:nth-child(1){
    width: 570px;
    height: 420px;
}
.main .sy_product .list a:nth-child(2){
    width: 405px;
    height: 290px;
}
.main .sy_product .list a:nth-child(3){
    width: 405px;
    height: 290px;
    margin-right: 0;
}
.main .sy_product .list a:nth-child(4){
    width: 280px;
    height: 250px;
}
.main .sy_product .list a:nth-child(5){
    width: 280px;
    height: 250px;
}
.main .sy_product .list a:nth-child(6){
    width: 450px;
    height: 380px;
    margin-top: -130px;
}
.main .sy_product .list a:nth-child(7){
    width: 360px;
    height: 310px;
    margin-right: 0;
    margin-top: -130px;
}
.main .sy_product .list a:nth-child(8){
    font-size: 14px;
    line-height: 60px;
    color: #fff;
    background: #000;
    width: 360px;
    text-align: center;
    margin-right: 0;
    margin-top: -70px;
}
.main .sy_product .list a:hover{
    background: #E60012;
}
.main .sy_aboutpic{
    width: 100%;
    position: relative;
    margin-top: -250px;
}
.main .sy_aboutpic img{
    width: 100%;
    height: auto;
}
.main .sy_about{
    position: relative;
    width: 1680px;
    margin: -220px auto 130px;
    background: url("../images/sy_bj2.jpg") no-repeat center;
    background-size: 100% 100%;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.19);
    padding: 100px 125px 70px;
    box-sizing: border-box;
    overflow: hidden;
}
.main .sy_about h4{
    font-size: 24px;
    line-height: 34px;
    color: #000;
    text-align: center;
    margin: 30px 0 96px;
}
.main .sy_about .nr{
    overflow: hidden;
}
.main .sy_about .nr .xx{
    float: left;
    width: 50%;
}
.main .sy_about .nr .xx .describe{
    width: 90%;
    margin-bottom: 117px;
}
.main .sy_about .nr .xx .describe p{
    font-size: 16px;
    line-height: 32px;
    color: #000;
    height: 128px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 40px;
    text-indent: 32px;
}
.main .sy_about .nr .xx .describe a{
    font-size: 14px;
    line-height: 24px;
    color: #000;
}
.main .sy_about .nr .xx .describe a:hover{
    color: #E60012;
}
.main .sy_about .nr .xx .numb{
    background: url("../images/numb_bj.png") no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    height: 226px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.main .sy_about .nr .xx .numb li{
    text-align: center;
}
.main .sy_about .nr .xx .numb li div{
    margin-bottom: 15px;
}
.main .sy_about .nr .xx .numb li div i{
    font-style: normal;
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
}
.main .sy_about .nr .xx .numb li div span{
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
}
.main .sy_about .nr .xx .numb li p{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}


.main .sy_about .nr .pic{
    float: right;
    width: 50%;
    height: 535px;
    overflow: hidden;
}
.main .sy_about .nr .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s linear;
}
.main .sy_about .nr .pic:hover img{
    transform: scale(1.2);
}

.main .sy_process{
    margin-bottom: 150px;
    overflow: hidden;
}
.main .sy_process h4{
    font-size: 24px;
    line-height: 34px;
    color: #000;
    text-align: center;
    margin: 35px 0;
}
.main .sy_process .list{
    width: 1680px;
    overflow: hidden;
    margin: 0 auto;
}
.main .sy_process .list .pic{
    float: left;
    width: calc(25% - 30px);
    margin-right: 40px;
    overflow: hidden;
    box-sizing: border-box;
}
.main .sy_process .list .pic:last-child{
    margin-right: 0;
}
.main .sy_process .list .pic img{
    width: 100%;
    height: auto;
    transition: all 1s linear;
}
.main .sy_process .list .pic:hover{
    border: 1px solid #E60013;
}
.main .sy_process .list .pic:hover  img{
    transform: scale(1.2);
}

.main .sy_news{
    position: relative;
    width: 1680px;
    margin: 0 auto -570px;
    background: url("../images/sy_bj2.jpg") no-repeat center;
    background-size: 100% 100%;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.19);
    padding: 90px 150px 80px;
    box-sizing: border-box;
    overflow: hidden;
}
.main .sy_news h4{
    font-size: 24px;
    line-height: 34px;
    color: #000;
    text-align: center;
    margin: 25px 0 60px;
}
.main .sy_news .list{
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.main .sy_news .list .nr{
    padding: 10px;
    margin: 0 5px;
    width: calc(25% - 30px);
    float: left;
}
.main .sy_news .list .nr .pic{
    width: 100%;
    height: 270px;
    margin-bottom: 20px;
    overflow: hidden;
}
.main .sy_news .list .nr .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s linear;
}
.main .sy_news .list .nr h3{
    font-size: 16px;
    line-height: 26px;
    color: #000;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;
}
.main .sy_news .list .nr p{
    font-size: 14px;
    line-height: 26px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 78px;
    margin-bottom: 30px;
    text-indent: 28px;
}
.main .sy_news .list .nr .go{
    font-size: 12px;
    line-height: 42px;
    color: #999;
    padding-right: 25px;
    background: url("../images/icon_jtmore.png") no-repeat right center;
    background-size: 25px auto;
}
.main .sy_news .list .nr:hover{
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.main .sy_news .list .nr:hover .pic img{
    transform: scale(1.2);
}
.main .sy_news .list .nr:hover h3{
    color: #E60012;
}

.main .sy_news .more{
    width: 185px;
    border: 1px solid #707070;
    font-size: 14px;
    line-height: 50px;
    color: #000;
    text-align: center;
    margin: 0 auto;
}
.main .sy_news .more:hover{
    color: #fff;
    border-color: #E60012;
    background: #E60012;
}
.main .sy_contact{
    padding: 780px 120px 30px;
    background: url("../images/sy_bj3.png") no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
}
.main .sy_contact .form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main .sy_contact .form .pic1 img{
    width: 101px;
    height: 190px;
}
.main .sy_contact .form .pic2 img{
    width: 142px;
    height: 206px;
}

.main .sy_contact .form .nr h4{
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    text-align: center;
    margin: 25px 0 110px;
}
.main .sy_contact .form .nr .xx{
    overflow: hidden;
}
.main .sy_contact .form .nr .xx div{
    float: left;
    background: #fff;
    padding: 15px 0;
    margin: 0 10px;
}
.main .sy_contact .form .nr .xx div p{
    font-size: 14px;
    line-height: 30px;
    color: #000;
    border-right: 1px solid #E60013;
    float: left;
    width: 60px;
    text-align: center;
}
.main .sy_contact .form .nr .xx div input{
    font-size: 14px;
    line-height: 30px;
    color: #000;
    width: 240px;
    padding: 0 10px;
    box-sizing: border-box;
    float: left;
}
.main .sy_contact .form .nr .xx .message_btn{
    float: left;
    width: 180px;
    border: none;
    background: #E60013;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
    color: #fff;
    margin-left: 10px;
}

/*领航者*/
.ny_pilot{
    padding: 85px 0 190px;
    background: url("../images/about_bj.png") no-repeat center;
    background-size: 100% 100%;
}
.ny_pilot > h4{
    font-size: 24px;
    line-height: 54px;
    color: #000;
    text-align: center;
    margin: 15px 0 55px;
}
.ny_pilot .nr{
    width: 1380px;
    margin: 0 auto;
}
.ny_pilot .nr img{
    max-width: 100%!important;
    margin: 0 auto!important;
}
.ny_pilot .title_bg .title{
    width: 769px;
    background: url(../images/bt_bj1.png) no-repeat top 15px center;
    background-size: 100% auto;
}
.ny_pilot .title_bg .title h3{
    margin-bottom: 20px;
}

/*内页*/
.ny_main{
    width: 1368px;
    margin: 0 auto;
}
.ny_main .bread{
    overflow: hidden;
    padding: 0 15px;
}
.ny_main .bread p{
    font-size: 14px;
    line-height: 60px;
    color: #666;
    float: left;
}
.ny_main .bread a{
    font-size: 14px;
    line-height: 60px;
    color: #666;
    float: left;
}
.ny_main .bread a:hover{
    color: #E60013;
}
.ny_main .bread span{
    font-size: 14px;
    line-height: 60px;
    color: #666;
    float: left;
    margin: 0 10px;
}
.ny_main .content{
    overflow: hidden;
}
.ny_main .content .nav{
    float: left;
    width: 190px;
    padding: 15px;
}
.ny_main .content .nav div{
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background: url("../images/nav_bj.jpg") no-repeat center;
    background-size: 100% 100%;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.19);
    margin-bottom: 10px;
}
.ny_main .content .nav div p{
    font-size: 12px;
    line-height: 22px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}
.ny_main .content .nav div h3{
    font-size: 26px;
    line-height: 36px;
    color: #000;
    font-weight: bold;
}
.ny_main .content .nav ul li a{
    padding: 0 32px 0 16px;
    font-size: 14px;
    line-height: 40px;
    color: #000;
    background: #F5F5F5 url("../images/icon_lj.png") no-repeat right 18px center;
    background-size: 14px 14px;
}
.ny_main .content .nav ul li.active a{
    color: #fff;
    background: #000 url("../images/icon_ljb.png") no-repeat right 18px center;
    background-size: 14px 14px;
}
.ny_main .content .nav ul li a:hover{
    color: #fff;
    background: #000 url("../images/icon_ljb.png") no-repeat right 18px center;
    background-size: 14px 14px;
}

/*单页*/
.ny_main .content .page_nr{
    width: calc(100% - 250px);
    max-width: 1100px;
    float: right;
    padding-bottom: 50px;
}
.ny_main .content .page_nr > h4{
    font-size: 24px;
    line-height: 54px;
    color: #000;
    text-align: center;
    margin: 30px 0 55px;
}

.ny_main .content .page_nr .nr img{
    max-width: 100%!important;
    margin: 0 auto!important;
}

.ny_main .content .page_nr .contact{
    padding: 70px 110px;
    overflow: hidden;
    background: url("../images/cont_bj.png") no-repeat center;
    background-size: 100% 100%;
}
.ny_main .content .page_nr .contact .cont_nr{
    float: left;
    width: calc(100% - 500px);
}
.ny_main .content .page_nr .contact .cont_nr .title{
    overflow: hidden;
    position: relative;
    margin-bottom: 35px;
}
.ny_main .content .page_nr .contact .cont_nr .title:before{
    content: '';
    width: 250px;
    height: 3px;
    background: #AFB1B4;
    position: absolute;
    left: 0;
    bottom: 0;
}
.ny_main .content .page_nr .contact .cont_nr .title p{
    font-size: 20px;
    line-height: 60px;
    color: #E60013;
    float: left;
}
.ny_main .content .page_nr .contact .cont_nr .title span{
    font-size: 14px;
    line-height: 60px;
    color: #2C3340;
    float: left;
    margin-left: 15px;
    text-transform: uppercase;
}
.ny_main .content .page_nr .contact .cont_nr .list .xx{
    overflow: hidden;
}
.ny_main .content .page_nr .contact .cont_nr .list .xx img{
    width: 30px;
    height: 30px;
    float: left;
}
.ny_main .content .page_nr .contact .cont_nr .list .xx div{
    float: left;
    margin-left: 30px;
    width: calc(100% - 60px);
}
.ny_main .content .page_nr .contact .cont_nr .list .xx div p{
    font-size: 16px;
    line-height: 34px;
    color: #333;
    word-break: break-all;
}
.ny_main .content .page_nr .contact .map{
    float: right;
    width: 450px;
    border: 10px solid #fff;
    box-sizing: border-box;
}
.ny_main .form{
    background: #F4F4F8;
    padding: 60px 0 80px;
}
.ny_main .form h3{
    font-size: 28px;
    line-height: 40px;
    color: #000;
    text-align: center;
}
.ny_main .form > span{
    font-size: 20px;
    line-height: 30px;
    color: #000;
    text-align: center;
    display: block;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.ny_main .form > p{
    font-size: 12px;
    line-height: 22px;
    color: #000;
    text-align: center;
    margin-bottom: 40px;
}
.ny_main .form .form_xx{

}
.ny_main .form .form_xx{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ny_main .form .form_xx div{
    background: #fff;
    padding: 10px 0;
    margin: 0 10px;
    overflow: hidden;
}
.ny_main .form .form_xx div p{
    font-size: 14px;
    line-height: 22px;
    color: #000;
    border-right: 1px solid #E60013;
    float: left;
    width: 60px;
    text-align: center;
}
.ny_main .form .form_xx div input{
    font-size: 14px;
    line-height: 22px;
    color: #000;
    width: 190px;
    padding: 0 10px;
    box-sizing: border-box;
    float: left;
}
.ny_main .form .form_xx .message_btn{
    width: 130px;
    border: none;
    background: #E60013;
    text-align: center;
    font-size: 18px;
    line-height: 42px;
    color: #fff;
    margin-left: 10px;
}



/*列表*/
.ny_main .content .honer_list{
    overflow: hidden;
}
.ny_main .content .honer_list .xx{
    float: left;
    width: 30%;
    margin-right: 5%;
}
.ny_main .content .honer_list .xx:nth-child(3n){
    margin-right: 0;
}
.ny_main .content .honer_list .xx .pic{
    width: 100%;
    height: 350px;
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.ny_main .content .honer_list .xx .pic img{
    max-width: 100%;
    max-height: 100%;
}
.ny_main .content .honer_list .xx p{
    font-size: 22px;
    line-height: 120px;
    color: #333;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.ny_main .content .honer_list .xx:hover .pic{
    border-color: #E60013;
}

.ny_main .content .case_list{
    overflow: hidden;
}
.ny_main .content .case_list .xx{
    float: left;
    width: 33%;
    margin-right: 0.5%;
}
.ny_main .content .case_list .xx:nth-child(3n){
    margin-right: 0;
}
.ny_main .content .case_list .xx .pic{
    width: 100%;
    height: 340px;
    border: 5px solid transparent;
    box-sizing: border-box;
}
.ny_main .content .case_list .xx .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ny_main .content .case_list .xx p{
    font-size: 22px;
    line-height: 110px;
    color: #333;
    font-weight: bold;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.ny_main .content .case_list .xx:hover .pic{
    border-color: #E60013;
}
.ny_main .content .case_list .xx:hover p{
    color: #E60013;
}

.ny_main .content .pic_list{
    overflow: hidden;
    padding: 15px;
}
.ny_main .content .pic_list .xx{
    float: left;
    width: 32%;
    margin-right: 2%;
    padding: 15px 15px 0;
    border: 1px solid #BFBFBF;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.ny_main .content .pic_list .xx:nth-child(3n){
    margin-right: 0;
}
.ny_main .content .pic_list .xx .pic{
    width: 100%;
    height: 325px;
}
.ny_main .content .pic_list .xx .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ny_main .content .pic_list .xx .text{
    overflow: hidden;
}
.ny_main .content .pic_list .xx .text p{
    font-size: 18px;
    line-height: 60px;
    color: #282828;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    float: left;
}
.ny_main .content .pic_list .xx .text span{
    float: right;
    font-size: 14px;
    line-height: 60px;
    color: #999;
}
.ny_main .content .pic_list .xx:hover{
    border-color: #E60013;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.19);
}
.ny_main .content .pic_list .xx:hover .text p{
    color: #E60013;
}
.ny_main .content .pic_list .xx:hover .text span{
    color: #C31618;
}


.ny_main .content .video_list{
    overflow: hidden;
}
.ny_main .content .video_list .xx{
    float: left;
    width: 33%;
    margin-right: 0.5%;
}
.ny_main .content .video_list .xx:nth-child(3n){
    margin-right: 0;
}
.ny_main .content .video_list .xx .pic{
    width: 100%;
    height: 340px;
    position: relative;
}
.ny_main .content .video_list .xx .pic div{
    background: rgba(0, 0, 0, 0.39) url("../images/icon_video.png") no-repeat center;
    background-size: 60px 60px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.ny_main .content .video_list .xx .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ny_main .content .video_list .xx p{
    font-size: 22px;
    line-height: 110px;
    color: #333;
    font-weight: bold;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.ny_main .content .video_list .xx:hover .pic{
    border-color: #E60013;
}
.ny_main .content .video_list .xx:hover p{
    color: #E60013;
}


.ny_main .content .news_list .xx{
    padding: 20px 30px 20px 0;
    overflow: hidden;
    margin-top: 15px;
}
.ny_main .content .news_list .xx:first-child{
    margin-top: 0;
}
.ny_main .content .news_list .xx .pic{
    width: 180px;
    float: left;
}
.ny_main .content .news_list .xx .pic img{
    width: 100%;
    height: auto;
}
.ny_main .content .news_list .xx .text{
    width: calc(100% - 220px);
    float: right;
}
.ny_main .content .news_list .xx .text h3{
    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.ny_main .content .news_list .xx .text span{
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    margin-bottom: 15px;
}
.ny_main .content .news_list .xx .text p{
    font-size: 14px;
    line-height: 24px;
    color: #666;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}
.ny_main .content .news_list .xx .text .more{
    width: 105px;
    font-size: 12px;
    line-height: 28px;
    color: #999;
    border: 1px solid #999;
    text-align: center;
}
.ny_main .content .news_list .xx:hover{
    background: #F4F4F4;
}
.ny_main .content .news_list .xx:hover .text .more{
    color: #E60013;
    border-color: #E60013;
}


/*详情页*/
.ny_main .content .detail_nr{
    width: calc(100% - 250px);
    max-width: 1100px;
    float: right;
    padding: 35px 0 100px;
}
.ny_main .content .detail_nr .title{
    font-size: 28px;
    line-height: 38px;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}
.ny_main .content .detail_nr .time{
    font-size: 18px;
    line-height: 28px;
    color: #999;
    text-align: center;
}
.ny_main .content .detail_nr .nr{
    margin-top: 70px;
}
.ny_main .content .detail_nr .nr img{
    max-width: 100%!important;
    margin: 0 auto!important;
}

.ny_main .content .detail_nr .video{
    width: 100%;
}
.ny_main .content .detail_nr .video video{
    width: 100%;
}










/*页码*/
.pager_bg{
    width: 100%;
    padding: 90px 0;
    text-align: center;
}
.pagination{
    text-align: center;
    display: inherit;
}
.pagination li {
    margin-right: 8px;
    display: inline-block;
}
.pagination li:first-child{
    display: none;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 30px;
    color: #000;
    text-decoration: none;
    background-color: #dddddd;
    border: none;
}
.pagination li a, .pagination li span {
    border-radius: 0
}

.pagination li span {
    background: #3366cc!important;
    color: #fff!important;
}

.pagination li a:hover, .pagination li span:hover {
    background: #3366cc!important;
    color: #fff!important;
}

/*翻页*/
.page_next{
    overflow: hidden;
    margin-top: 30px;
}
.page_next .textprenext{
    float: left;
    max-width: 50%;
}
.page_next .textprenext:last-child{
    float: right;
}
.page_next .textprenext p{
    float: left;
    font-size: 20px;
    line-height: 30px;
    color: #333;
}
.page_next .textprenext a{
    float: left;
    font-size: 20px;
    line-height: 30px;
    color: #333;
    width: calc(100% - 80px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_next .textprenext span{
    float: left;
    font-size: 20px;
    line-height: 30px;
    color: #999;
}
.page_next .textprenext a:hover{
    color: #E60012;
}




/*底部*/
.foot_bg {
    width: 100%;
    background: #000;
}
.foot_bg .foot_sb{
    padding: 60px 120px 30px;
    overflow: hidden;
}
.foot_bg .foot_sb .nr{
    overflow: hidden;
    margin-bottom: 20px;
}
.foot_bg .foot_sb .nr .xx{
    float: left;
    width: 900px;
    margin-top: 60px;
}
.foot_bg .foot_sb .nr .xx img{
    width: 190px;
    height: auto;
    float: left;
}
.foot_bg .foot_sb .nr .xx div{
    float: left;
    margin-left: 36px;
}
.foot_bg .foot_sb .nr .xx div h4{
    font-size: 51px;
    line-height: 71px;
    color: #E60013;
    margin-bottom: 20px;
    font-family: Impact, "sans-serif";
    letter-spacing: 2px;
}
.foot_bg .foot_sb .nr .xx div p{
    font-size: 22px;
    line-height: 32px;
    color: #fff;
}
.foot_bg .foot_sb .nr .map{
    width: 516px;
    height: 320px;
    float: right;
    border: 2px solid #e50014;
}


.foot_bg .foot_sb .link p{
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    display: inline-block;
}
.foot_bg .foot_sb .link a{
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    display: inline-block;
    margin: 0 10px;
}
.foot_bg .foot_sb .link a:hover{
    color: #E60012;
}

.foot_bg .record{
    background: rgba(49, 48, 54, 0.39);
    text-align: center;
    padding: 30px 0;
}
.foot_bg .record a{
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    padding: 0 25px;
}
.foot_bg .record a.gaba{
    border-right: 1px solid #666;
    background: url("../images/ba_tb.png") no-repeat left center;
    background-size: auto 20px;
}
.foot_bg .record p{
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    margin: 0 15px;
}



.dropDiv{
    display: none;
}

/*右侧浮动*/
.cndns-right {
    position: fixed;
    right: 1px;
    top: 40%;
    margin-top: -100px;
    z-index: 100
}

.cndns-right-meau {
    position: relative;
}

.cndns-right-btn {
    width: 48px;
    height: 48px;
    border: 1px solid #ddd;
    text-align: center;
    display: block;
    margin-bottom: 6px;
    position: relative;
    background-color: #fff
}

.cndns-right-btn span {
    color: #848484;
    font-size: 26px;
    line-height: 48px;
}

.cndns-right-btn sup {
    display: block;
    min-width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    border-radius: 50%;
    background-color: #ff6800;
    position: absolute;
    left: -12px;
    top: -12px;
}

.cndns-right-btn p {
    color: #ff6800;
    font-size: 14px;
    line-height: 18px;
    padding-top: 5px;
    display: none;
}

.cndns-right-meau:hover .cndns-right-btn span {
    display: none
}

.cndns-right-meau:hover .cndns-right-btn p {
    display: block;
}

.meau-sev .cndns-right-btn {
    border-color: #ff6800;
    background: url(../images/kefu.gif) no-repeat #ff6800 center;
}

.meau-sev .cndns-right-btn p {
    color: #fff
}

.meau-sev .cndns-right-btn span {
    color: #fff
}

.meau-top .cndns-right-btn span {
    font-size: 12px;
    line-height: 12px;
    padding-top: 10px;
    display: block
}

.meau-top .cndns-right-btn i {
    display: block;
    color: #999
}

.meau-top.cndns-right-meau:hover .cndns-right-btn {
    background-color: #ff6800
}

.meau-top.cndns-right-meau:hover .cndns-right-btn span {
    display: block;
    color: #fff
}

.meau-top.cndns-right-meau:hover .cndns-right-btn i {
    color: #fff;
}

.cndns-right-box {
    position: absolute;
    top: -15px;
    right: 48px;
    padding-right: 25px;
    display: none;
}

.cndns-right-box .box-border {
    border: 1px solid #ccc;
    border-top: 4px solid #ff6800;
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    position: relative
}

.cndns-right-box .box-border .arrow-right {
    display: block;
    width: 13px;
    height: 16px;
    background: url(../images/arrow.png) no-repeat;
    position: absolute;
    right: -13px;
    top: 26px;
}

.cndns-right-box .box-border .sev-t {
    overflow: hidden;
}

.cndns-right-box .box-border .sev-t span {
    font-size: 42px;
    float: left;
    display: block;
    line-height: 56px;
    margin-right: 8px;
    color: #d3d3d3
}

.cndns-right-box .box-border .sev-t p {
    float: left;
    color: #ff6800;
    font-size: 24px;
    line-height: 28px;
}

.cndns-right-box .box-border .sev-t p i {
    display: block;
    font-size: 14px;
    color: #aaa;
}

.cndns-right-box .box-border .sev-b {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #e4e4e4
}

.cndns-right-box .box-border .sev-b h4 {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 15px;
}

.meau-sev .cndns-right-box .box-border {
    width: 230px;
}

.meau-contact .cndns-right-box .box-border {
    width: 230px;
}

.cndns-right-meau:hover .cndns-right-box {
    display: block
}

.meau-code .cndns-right-box {
    top: inherit;
    bottom: -35px;
}

.meau-code .cndns-right-box .box-border {
    width: 156px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.meau-code .cndns-right-box .box-border i {
    display: block;
    color: #ff6800;
    font-size: 16px;
    line-height: 16px;
    margin-top: 16px;
}

.meau-code .cndns-right-box .box-border .arrow-right {
    top: inherit;
    bottom: 50px;
}

.meau-sev .cndns-right-btn .demo-icon {
    display: none;
}

.meau-sev:hover .cndns-right-btn {
    background: #ff6800
}





@media (min-width: 0px) and (max-width: 1500px){
    .header1{
        padding: 0 10%;
    }
    .header1 .nav{
        display: none;
    }
    .header1 .logo img{
        height: 50px;
    }
    .header1 .logo div{
        margin-left: 10px;
        padding-top: 2px;
    }
    .header1 .logo div p{
        font-size: 14px;
        line-height: 20px;
    }
    .header1 .logo div p.r-color{
        font-size: 20px;
        line-height: 26px;
    }

    .yd_nav_ph{
        width: 20px;
        height: 50px;
        padding-top: 24px;
        box-sizing: border-box;
        float: right;
    }
    .yd_nav_ph div{
        display: block;
        width: 16px;
        height: 2px;
        background: #666;
        transition: all 0.4s;
        position: relative;
    }
    .yd_nav_ph div:before{
        width: 20px;
        height: 2px;
        position: absolute;
        content: "";
        top: -7px;
        background: #666;
    }

    .yd_nav_ph div:after{
        width: 20px;
        height: 2px;
        position: absolute;
        content: "";
        top: 7px;
        background: #666;
    }
    .yd_nav_ph.active div{
        background: transparent;
    }
    .yd_nav_ph.active div:before{
        transform: translateY(7px) rotate(45deg);
    }
    .yd_nav_ph.active div:after{
        transform: translateY(-7px) rotate(-45deg);
    }


    /*下拉菜单*/
    .dropDiv{
        position: fixed;
        top: 50px;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000;
        overflow-y: auto;
        padding: 50px 0;
        z-index: 99;
    }
    .dropDiv ul{
        padding: 0px 40px;
    }
    .dropDiv ul li {
        border-bottom: 1px solid #fff;
        padding: 10px 0;
    }
    .dropDiv ul li a {
        color: #fff;
        font-size: 16px;
        display: block;
    }
    .dropDiv ul li .licont{
        padding-left: 10%;
        line-height: 30px;
        border-top: 1px solid #fff;
        margin-top: 10px;
        display: none;
    }
    .dropDiv ul li .licont a{
        color: #fff;
        font-size: 16px;
        display: block;
        line-height: 34px;
    }
    .dropDiv ul li.haslicont > p{
        background: url(../images/navicon.png) no-repeat 95% center;
        background-size: auto 80%;
    }

    .dropDiv ul li p.showlicont{
        background: url(../images/navicon2.png) no-repeat 95% center;
        background-size: auto 50%;
    }
    .dropDiv1{
        background: #fff;
    }
    .dropDiv1 ul li{
        border-color: #999;
    }
    .dropDiv1 ul li a{
        color: #333;
    }
    .dropDiv1 ul li .licont{
        border-color: #999;
    }
    .dropDiv1 ul li .licont a{
        color: #333;
    }
    .dropDiv1 ul li.haslicont > p{
        background: url(../images/naviconb.png) no-repeat 95% center;
        background-size: auto 80%;
    }
    .dropDiv1 ul li p.showlicont{
        background: url(../images/navicon2b.png) no-repeat 95% center;
        background-size: auto 50%;
    }

    .title_bg .title h3{
        font-size: 32px;
    }
    .title_bg .title p{
        font-size: 24px;
    }
    .title_bg .titlew h3{
        font-size: 32px;
    }
    .title_bg .titlew p{
        font-size: 24px;
    }

    .main .sy_pilot{
        width: 85%;
        padding: 50px 80px 40px;
    }
    .main .sy_pilot .title_l{
        top: 45px;
        left: 65px;
    }
    .main .sy_pilot .more{
        right: 80px;
        bottom: 35px;
    }

    .main .sy_product{
        width: 85%;
        padding: 50px 80px 40px;
    }
    .main .sy_product .list{
        width: auto;
        justify-content: center;
    }
    .main .sy_product .list a{
        width: calc(50% - 5px)!important;
        height: 420px!important;
        margin-top: 0!important;
    }
    .main .sy_product .list a:nth-child(2n){
        margin-right: 0;
    }
    .main .sy_product .list a:nth-child(2n-1){
        margin-right: 10px;
    }
    .main .sy_product .list a:nth-child(8){
        font-size: 40px;
        line-height: 420px;
    }

    .main .sy_about{
        width: 85%;
        padding: 50px 80px 40px;
    }

    .main .sy_about h4{
        margin: 20px 0 30px;
    }


    .main .sy_process{
        margin-bottom: 100px;
    }
    .main .sy_process h4{
        margin-bottom: 60px;
    }

    .main .sy_process .list{
        width: 85%;
    }


    .main .sy_news{
        width: 85%;
        padding: 50px 80px 40px;
    }



    .main .sy_contact{
        padding: 675px 20px 30px;
    }



    .main .sy_contact .form .nr{
        width: 50%;
    }
    .main .sy_contact .form .nr h4{
        margin-bottom: 30px;
    }
    .main .sy_contact .form .nr .xx div{
        float: none;
        margin: 0;
        margin-bottom: 20px;
        overflow: hidden;
    }
    .main .sy_contact .form .nr .xx div input{
        width: calc(100% - 61px);
    }
    .main .sy_contact .form .nr .xx .message_btn{
        margin: 0;
        width: 100%;
    }


    .ny_pilot{
        padding: 30px 10px;
    }
    .ny_pilot .nr{
        width: 100%;
    }

    .ny_main{
        width: 100%;
    }
    .ny_main .content .page_nr{
        padding-bottom: 30px;
    }
    .ny_main .content .detail_nr{
        padding-bottom: 30px;
        padding-right: 10px;
    }



    .pager_bg{
        padding: 30px 0;
    }



    .foot_bg .foot_sb{
        padding: 30px 20px;
    }
    .foot_bg .foot_sb .nr .xx{
        float: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 30px;
    }
    .foot_bg .foot_sb .nr .xx img{
        float: none;
        margin: 0 auto 20px;
    }
    .foot_bg .foot_sb .nr .xx div{
        float: none;
        margin: 0;
    }
    .foot_bg .foot_sb .nr .map{
        width: calc(100% - 4px);
        float: none;
        margin: 0 auto;
    }
    .foot_bg .foot_sb .link a{
        display: block;
        margin: 0;
    }

}
@media (min-width: 0px) and (max-width: 1260px){
    .ny_main .form{
        padding: 30px;
    }
    .ny_main .form .form_xx{
        display: block;
    }
    .ny_main .form .form_xx div{
        margin: 0 0 20px;
    }
    .ny_main .form .form_xx div p{
        line-height: 40px;
    }
    .ny_main .form .form_xx div input{
        width: calc(100% - 61px);
        line-height: 40px;
    }
    .ny_main .form .form_xx .message_btn{
        width: 100%;
        margin: 0;
    }
}
@media (min-width: 0px) and (max-width: 750px){
    .title_bg .title{
        width: 100%;
    }
    .title_bg .title h3{
        font-size: 30px;
        line-height: 42px;
    }
    .title_bg .title p{
        font-size: 20px;
        line-height: 30px;
    }

    .title_bg .titlew{
        width: 100%;
    }
    .title_bg .titlew h3{
        font-size: 30px;
        line-height: 42px;
    }
    .title_bg .titlew p{
        font-size: 20px;
        line-height: 30px;
    }


    .ny_pilot .title_bg .title{
        width: 100%;
    }
    .ny_pilot .title_bg .title h3{
        font-size: 21px;
        margin-bottom: 0;
    }
    .ny_pilot .title_bg .title p{
        font-size: 16px;
    }
    .ny_pilot > h4{
        margin: 10px 0 20px;
        font-size: 16px;
        line-height: 26px;
    }


    .main .sy_pilot{
        width: 90%;
        padding: 20px 10px;
        margin: -20px auto 30px;
    }
    .main .sy_pilot .title_l{
        display: none;
    }

    .main .sy_pilot .nr{
        width: 100%;
    }

    .main .sy_pilot .more{
        display: none;
    }
    .main .sy_pilot .yd_more{
        display: block;
        width: 185px;
        border: 1px solid #707070;
        font-size: 14px;
        line-height: 50px;
        color: #000;
        text-align: center;
        margin: 20px auto 0;
    }

    .main .sy_base{
        padding: 20px;
        margin-bottom: 20px;
    }
    .main .sy_base h3{
        width: 100%;
        height: auto;
        padding: 60px 0 0 105px;
        font-size: 20px;
        line-height: 30px;
    }
    .main .sy_base h4{
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 30px;
    }
    .main .sy_base p{
        font-size: 18px;
        line-height: 28px;
    }

    .main .sy_product{
        width: 95%;
        padding: 20px 10px;
    }
    .main .sy_product h4{
        font-size: 18px;
        line-height: 28px;
        margin: 15px 0 30px;
    }
    .main .sy_product .list a{
        height: 200px!important;
    }
    .main .sy_product .list a:nth-child(8){
        font-size: 30px;
        line-height: 200px;
    }

    .main .sy_process{
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .main .sy_process h4{
        font-size: 18px;
        line-height: 28px;
        margin: 15px 0 30px;
    }
    .main .sy_process .list{
        width: 100%;
    }
    .main .sy_process .list .pic{
        width: calc(50% - 10px);
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .main .sy_process .list .pic:nth-child(2n){
        margin-right: 0;
    }

    .main .sy_aboutpic{
        margin-top: -30px;
    }
    .main .sy_about{
        width: 95%;
        padding: 20px 10px;
        margin: -30px auto 30px;
    }
    .main .sy_about h4{
        font-size: 18px;
        line-height: 28px;
        margin: 15px 0 30px;
    }
    .main .sy_about .nr .xx{
        width: 100%;
        float: none;
    }
    .main .sy_about .nr .xx .describe{
        width: 100%;
        margin-bottom: 30px;
    }
    .main .sy_about .nr .xx .describe p{
        margin-bottom: 20px;
    }
    .main .sy_about .nr .xx .numb{
        height: 160px;
    }
    .main .sy_about .nr .xx .numb li div i{
        font-size: 28px;
        line-height: 38px;
    }
    .main .sy_about .nr .xx .numb li div span{
        font-size: 28px;
        line-height: 38px;
    }
    .main .sy_about .nr .xx .numb li p{
        font-size: 12px;
        line-height: 22px;
    }
    .main .sy_about .nr .pic{
        width: 100%;
        height: 300px;
        float: none;
    }


    .main .sy_news{
        width: 95%;
        padding: 20px 10px;
    }
    .main .sy_news h4{
        font-size: 18px;
        line-height: 28px;
        margin: 15px 0 30px;
    }
    .main .sy_news .list{
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .main .sy_news .list .nr{
        width: calc(50% - 30px);
        margin-bottom: 10px;
    }
    .main .sy_news .list .nr .pic{
        height: 150px;
    }

    .main .sy_contact .form .pic1{
        display: none;
    }
    .main .sy_contact .form .pic2{
        display: none;
    }
    .main .sy_contact .form .nr{
        width: 100%;
    }
    .main .sy_contact .form .nr h4{
        font-size: 18px;
        line-height: 28px;
        margin: 15px 0 20px;
    }

    .ny_main .bread a{
        line-height: 40px;
    }
    .ny_main .bread span{
        line-height: 40px;
    }
    .ny_main .bread p{
        line-height: 40px;
    }

    .ny_main .content .nav{
        display: none;
    }
    .ny_main .content .page_nr{
        padding: 0 15px 20px;
        float: none;
        width: 100%;
        box-sizing: border-box;
    }

    .ny_main .content .page_nr > h4{
        margin: 10px 0;
        font-size: 18px;
        line-height: 26px;
    }


    .ny_main .content .page_nr .contact{
        padding: 10px;
    }
    .ny_main .content .page_nr .contact .cont_nr{
        width: 100%;
        float: none;
    }
    .ny_main .content .page_nr .contact .map{
        width: 100%;
        float: none;
    }


    .ny_main .content .detail_nr{
        padding: 0 15px 20px;
        float: none;
        width: 100%;
        box-sizing: border-box;
    }
    .ny_main .content .detail_nr .title{
        margin-bottom: 30px;
    }
    .ny_main .content .detail_nr .nr{
        margin-top: 30px;
    }

    .ny_main .content .honer_list .xx{
        width: 48%;
        margin-right: 4%;
    }
    .ny_main .content .honer_list .xx:nth-child(2n){
        margin-right: 0;
    }
    .ny_main .content .honer_list .xx:nth-child(2n - 1){
        margin-right: 4%;
    }
    .ny_main .content .honer_list .xx .pic{
        padding: 0 10px;
        height: 140px;
    }
    .ny_main .content .honer_list .xx p{
        font-size: 18px;
        line-height: 40px;
    }

    .ny_main .content .pic_list{
        padding: 0;
    }
    .ny_main .content .pic_list .xx{
        width: 49%;
        margin-right: 2%;
        padding: 10px 10px 0;
        margin-bottom: 20px;
    }
    .ny_main .content .pic_list .xx:nth-child(2n){
        margin-right: 0;
    }
    .ny_main .content .pic_list .xx:nth-child(2n - 1){
        margin-right: 2%;
    }
    .ny_main .content .pic_list .xx .pic{
        height: 130px;
    }
    .ny_main .content .pic_list .xx .text p{
        width: 50%;
        line-height: 30px;
    }
    .ny_main .content .pic_list .xx .text span{
        line-height: 30px;
    }

    .ny_main .content .case_list .xx{
        width: 49%;
        margin-right: 2%;
    }
    .ny_main .content .case_list .xx:nth-child(2n){
        margin-right: 0;
    }
    .ny_main .content .case_list .xx:nth-child(2n - 1){
        margin-right: 2%;
    }
    .ny_main .content .case_list .xx .pic{
        height: 130px;
    }
    .ny_main .content .case_list .xx p{
        font-size: 18px;
        line-height: 40px;
    }




    .ny_main .content .video_list .xx{
        width: 49%;
        margin-right: 2%;
    }
    .ny_main .content .video_list .xx:nth-child(2n){
        margin-right: 0;
    }
    .ny_main .content .video_list .xx:nth-child(2n - 1){
        margin-right: 2%;
    }
    .ny_main .content .video_list .xx .pic{
        height: 130px;
    }
    .ny_main .content .video_list .xx .pic div{
        background: rgba(0, 0, 0, 0.39) url(../images/icon_video.png) no-repeat center;
        background-size: 40px 40px;
    }
    .ny_main .content .video_list .xx p{
        font-size: 18px;
        line-height: 40px;
    }


    .ny_main .content .news_list .xx{
        padding: 0;
    }
    .ny_main .content .news_list .xx .pic{
        float: none;
        width: 100%;
    }
    .ny_main .content .news_list .xx .text{
        width: 100%;
        float: none;
        box-sizing: border-box;
        padding: 10px;
    }

}
@media (min-width: 1500px) and (max-width: 1700px){

    .main .sy_pilot{
        width: 95%;
    }
    .main .sy_product{
        width: 95%;
    }
    .main .sy_about{
        width: 95%;
    }
    .main .sy_process .list{
        width: 95%;
    }
    .main .sy_news{
        width: 95%;
    }

    .main .sy_contact .form .nr{
        width: 70%;
    }
    .main .sy_contact .form .nr h4{
        margin-bottom: 60px;
    }
    .main .sy_contact .form .nr .xx{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .main .sy_contact .form .nr .xx div{
        float: none;
        margin: 0;
        overflow: hidden;
        width: 24%;
    }
    .main .sy_contact .form .nr .xx div input{
        width: calc(100% - 61px);
    }
    .main .sy_contact .form .nr .xx .message_btn{
        margin: 0;
        width: 24%;
    }


    .foot_bg .foot_sb .nr .xx{
        width: calc(100% - 410px);
        margin-top: 0;
    }
    .foot_bg .foot_sb .nr .xx img{
        width: 170px;
    }
    .foot_bg .foot_sb .nr .xx div{
        margin-left: 20px;
    }
    .foot_bg .foot_sb .nr .xx div h4{
        font-size: 45px;
        line-height: 55px;
    }

    .foot_bg .foot_sb .nr .map{
        width: 400px;
        height: 240px;
    }

}