.commo {

    position: relative;

}



.section2 .fl {

    left: -200%;

}



.section2 .fr {

    right: -200%;

}



.section2 .section2Bottom {

    bottom: -100%;

}



.section3 .container .commo {

    left: -200%;

}



.section .tabTop {

    right: -200%;

}



.section .tabBottom {

    bottom: -500%;

}



.section6 .contactfl {

    left: -200%;

}



.section6 .contactfr {

    right: -200%;

}



.ny_main .section4 {

    position: relative;

}



.ny_main .section4 .swiper-slide {

    margin-bottom: 0;

}



.ny_main .section4 .swiper-slide a h3 {

    font-size: 18px;

    color: #000;

}



.ny_main .section4 .swiper-slide a p {

    font-size: 14px;

    color: #000;

    opacity: .5;

}



.ny_main {

    background: #fff;

}



.ny_main .section5 .newsli {

    position: relative;

    margin: 30px 0;

}



.ny_main .section5 .newsli .info-top {

    padding: 25px 20px;

    position: relative;

    background: #FFF;

}



.ny_main .section5 .newsli h3 {

    white-space: nowrap;

    overflow: hidden;

    padding-right: 70px;

    text-overflow: ellipsis;

}



.ny_main .section5 .newsli p {

    overflow: hidden;

    visibility: visible;

    height: 96px;

    line-height: 24px;

}



.ny_main .section5 .newsli i {

    background: #e2ad8e;

    text-align: center;

    z-index: 4;

    font-style: normal;

    position: absolute;

    right: 20px;

    top: -20px;

    line-height: 1.3;

    padding: 8px;

}



.ny_main .section5 .newsli i b {

    color: #ffffff;

    font-size: 28px;

    display: block;

}



.ny_main .section5 .newsli i u {

    color: #ffffff;

    text-decoration: none;

    display: block;

    font-size: 14px;

}



.ny_main .section5 .newsli a.img {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background: center no-repeat;

    background-size: cover;

    visibility: hidden;

    opacity: 0;

    transform: scale(.4, .4);

    -moz-transform: scale(.4, .4);

    z-index: 3;

    -ms-transform: scale(.4, .4);

    -o-transform: scale(.4, .4);

    -webkit-transform: scale(.4, .4);

    transition: .3s;

    -moz-transition: .3s;

    -ms-transition: .3s;

    -o-transition: .3s;

    -webkit-transition: .3s;

}



.ny_main .section5 .newsli .ps:hover a.img {

    visibility: visible;

    opacity: 1;

    transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

}



.ny_main .section5 .newsli .info-bottom {

    border-top: 1px solid transparent;

    border-color: #eeeeee;

    background: #FFF;

}



.ny_main .section5 .newsli .info-bottom a {

    font-size: 12px;

    text-align: right;

    display: block;

    padding: 15px 20px;

    color: #888888;

    transition: .3s;

    -moz-transition: .3s;

    -ms-transition: .3s;

    -o-transition: .3s;

    -webkit-transition: .3s;

}



.ny_main .section5 .newsli .info-bottom a:before {

    width: 22px;

    height: 1px;

    background: #333333;

    display: inline-block;

    content: '';

    margin: 0 30px 4px 0;

    transition: .3s;

    -moz-transition: .3s;

    -ms-transition: .3s;

    -o-transition: .3s;

    -webkit-transition: .3s;

}



.ny_main .section5 .newsli .info-bottom a:hover {

    background: #e2ad8e;

}





/* 标题 */



.ny_main .section .title {

    border-bottom: 1px solid #ccc;

    margin-bottom: 20px;

    padding: 10px 0;

}



.ny_main .section .title .container {

    margin: 0 auto;

    position: relative;

}



.ny_main .section .container .tabTop {

    list-style: none;

    margin-bottom: 0;

    text-align: center;

}



.ny_main .section .container .tabTop li {

    border: 1px solid #b80e15;

    font-size: 14px;

    padding: 7px 22px;

    margin: 5px 10px 5px;

    list-style: none;

    text-indent: 0;

    display: inline-block;

}



.ny_main .section .container .tabTop li a {

    color: #b80e15;

    display: block;

    text-align: center;

}



.ny_main .section .container .tabTop li.on,

.ny_main .section .container .tabTop li:hover {

    background: #b80e15;

}



.ny_main .section .container .tabTop li.on a,

.ny_main .section .container .tabTop li:hover a {

    color: #FFF;

}



.ny_main .contact {

    text-align: center;

}



.ny_main .contact h2 {

    color: #000;

    padding: 20px 0;

}



.ny_main .contact p {

    color: #2a333c;

}



.ny_main .contact img {

    display: block;

    margin: 10px auto;

}



.nyheader {

    background: url(../image/nyheaderbg.jpg) no-repeat;

    background-size: 100% 100%;

}



.nybanner {

    margin-top: 80px;

    overflow: hidden;

    width: 100%;

}



.nybanner .swiper-slide {

    margin: 0;

}



@media only screen and (max-width: 767px) {

    .header {

        height: 60px;

    }

    .nybanner {

        margin-top: 60px;

    }

    .header .left a img {

        height: 40px;

    }

    .container {

        width: 96%;

    }

    h3 {

        font-size: 18px;

    }

    .index_main .section2 .fr .text {

        line-height: 20px;

        margin: 2% 0;

        padding: 0;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 5;

        -webkit-box-orient: vertical;

    }

    .index_main .section2 .fr a {

        padding: 2px 10px;

    }

    .index_main .section2Bottom .section2Bottomli img {

        display: none;

    }

    .index_main .section3 .container div {

        margin-bottom: 6%;

    }

    .index_main .section3 .container div:nth-child(3) {

        border-left: 1px solid #55514f;

    }

    .index_main .section3 .container div img {

        width: 50px;

    }

    .index_main .section3 .container div p {

        line-height: 20px;

    }

    .index_main .section3 .container div i {

        padding: 5% 0;

    }

    .index_main .section .title {

        margin-bottom: 30%;

    }

    .index_main .section .title .tabTop {

        bottom: -180%;

    }

    .index_main.ny_main .section .title {

        margin-bottom: 0;

    }

    .index_main.ny_main .section .title h2 {

        display: none;

    }

    .index_main .section4 .swiper-slide a h3 {

        font-size: 16px;

    }

    .index_main.ny_main .section4 .swiper-slide a p {

        display: none;

    }

    .index_main .section5 .newslifr {

        display: none;

    }

    .index_main .section6 .title {

        margin-bottom: 2%;

    }

    .index_main .section6 .section6Bottom .contactfr input.inputText {

        width: 48%;

        float: left;

        margin: 10px 1%;

    }

    .index_main .section6 .section6Bottom .contactfr textarea {

        width: 48%;

        float: left;

        margin: 10px 1%;

    }

}



@media only screen and (max-width: 600px) {

    .index_main .section6 .section6Bottom .contactfr {

        display: none;

    }

}



@media only screen and (max-width: 340px) {}



@media only screen and (max-width: 320px) {}







.clear{ clear:both; }

.about p{ line-height:30px; color:#666; text-indent:2em; }

.about img{ display:block; margin:0 auto;}

.myfooter{ margin-top:50px; }

.title_job h3{ text-align:center; }

.indexfooter a{ color:#ddd; }

.myfooter a{ color:#ddd; }

.contact p{ font-size:18px; }

.map{ height:400px; }

.map p{ line-height:16px;}

.msg_btn_area{ background:#e50112; width:200px; height:40px; line-height:40px; text-align:center; }

.msg_btn_area a{ color:#fff; display:block;}

#validate{ float:left;}

.yzm{ background:rgba(255,255,255,0.1); height:40px; width:100px; display: block; float: left; line-height: 40px;padding-left: 20px;}



.news_detail h1{ text-align:center; font-size:20px;  }

.news_detail .info{ text-align:center; font-size:15px; color:#666;  border:1px solid #ccc; border-left:0; border-right:0; padding:8px 0; width:400px; margin:0 auto;}

.news_detail .textarea{ margin-top:40px; line-height:30px; font-size:16px; }

.news_detail .author{ float:right; font-size:14px; color:#888; margin-bottom:30px; }



.pro_detail h1{ text-align:center; font-size:26px; }

.pro_detail .showimg{ text-align:center; }





/*分页样式*/

.page_info { text-align:center; margin:50px 0; color:#333; }

.page_info span { padding:0 2px; font-weight:bold;}

.page_list { line-height:24px; text-align:center; letter-spacing:0; font-size:14px; margin:50px 0;}

.page_list a { display:inline-block; color:#666; border:1px solid #e5e5e5; background:#fff; width:35px; height:35px; line-height:35px; margin:0.2rem;}

.page_list a:hover { color: #ffa500; border: 1px solid #ffa500; background:#fff;}

.page_list a.on { color:#fff; border:1px solid #ffa500; background:#ffa500;}