@charset "utf-8";

/* 内页头部 */

.ny-header{

    width:100%;

    height:95px;

    border-bottom:3px solid #004080;

    line-height: 92px;

    position: fixed;

    top:0;

    left:0;

    z-index:999;

    background:#fff;

}

.ny-header .nav>ul{

    margin:0;

}

.ny-header .nav>ul>li{

    display: inline-block;

    padding-left:20px;

}

.ny-header .nav>ul>li>a{

    display: block;

    padding:0 8px;

    position: relative;

}

.ny-header .nav>ul>li>a>b{

    display: block;

    height:3px;

    width:100%;

    background:#c73631;

    left:0;

    bottom:3px;

    transform: rotateY(90deg);

    -webkit-transform: rotateY(90deg);

    -o-transform: rotateY(90deg);

    transition: all .5s;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

}

.ny-header .nav>ul>li.active a>b{

    transform: rotateY(0);

    -webkit-transform: rotateY(0);

    -o-transform: rotateY(0);

}

.ny-header .nav>ul>li:hover a>b{

    transform: rotateY(0);

    -webkit-transform: rotateY(0);

    -o-transform: rotateY(0);

}

.ny-header .language{

    padding:0 20px;

    margin:0 15px;

}

.ny-header .header-tel strong{

    font-size: 20px;

    color:#004080;

}

.ny-header .header-tel span{

    font-size: 18px;

    color:#828282;

    position: relative;

    top:-1px;

}



.m-btn{

    display: none;

    position: absolute;

    cursor: pointer;

    right:20px;

    top:28px;

}

.m-btn span{

    display: block;

    width:20px;

    height:2px;

    background:#424242;

    position: relative;

    -webkit-transition: all 200ms cubic-bezier(.4,0,0,1);

    -o-transition: all 200ms cubic-bezier(.4,0,0,1);

	transition: all 200ms cubic-bezier(.4,0,0,1);

}

.m-btn span::before, .m-btn span::after{

    content:'';

    display: block;

    height:2px;

    width:20px;

    background:#424242;

    position: absolute;

	left: 0;

    -webkit-transition: all 200ms cubic-bezier(.4,0,0,1);

    -o-transition: all 200ms cubic-bezier(.4,0,0,1);

	transition: all 200ms cubic-bezier(.4,0,0,1);

}

.m-btn span:before {

	top: -8px;

}

.m-btn span:after {

	bottom: -8px;

}

.m-btn.active span {

	background: transparent;

	margin-left: 10px;

}

.m-btn.active span:before {

    transform: rotate(-48deg) translate(-6px, 5px);

    -webkit-transform: rotate(-48deg) translate(-6px, 5px);

    -o-transform: rotate(-48deg) translate(-6px, 5px);

	width: 24px;

}

.m-btn.active span:after {

    transform: rotate(48deg) translate(-6px, -5px);

    -webkit-transform: rotate(48deg) translate(-6px, -5px);

    -o-transform: rotate(48deg) translate(-6px, -5px);

	width: 24px;

}



@media (max-width: 1199px){

    .ny-header .nav>ul>li{

        padding-left:0;

    }

    .ny-header .language{

        margin:0;

    }

}



@media (max-width: 992px){

    .m-btn{

        display: block;

    }

    .ny-header{

        position: relative;

        position: fixed;

        height:70px;

    }

    .ny-header .logo {

        line-height: 70px;

    }

    .ny-header .logo img{

        height:40px;

    }

    .ny-header .language{

        line-height: 70px;

        padding-right:50px;

    }

    .ny-header .nav{

        position: absolute;

        left:-100vw;

        top:70px;

        width:70%;

        height:calc(100vh - 70px);

        background:#fff;

        box-shadow: 0 0 10px #eee;

        z-index:999;

        transition: all 0.5s;

        -webkit-transition: all 0.5s;

        -o-transition: all 0.5s;

        padding-top:20px;

    }

    .ny-header .nav.show{

        left:0;

        transition: all 0.5s;

        -webkit-transition: all 0.5s;

        -o-transition: all 0.5s;

    }

    .ny-header .nav ul li{

        display: block !important;

        line-height: 40px !important;

        padding:0 20px;

    }

}



/* 关于我们 */

.ny-ban{

    position: relative;

    overflow: hidden;

}

.ny-ban img{

    width:100%;

}

.ny-ban .ny-title{

    width:100%;   

    position: absolute;

    top:50%;

    color:#004080;

    margin-top: -50px;

    z-index:2;

}

.ny-ban .ny-title h5{

    font-size: 48px; 

    font-weight: bolder;

    line-height: 1;

}

.ny-ban .ny-title p{

    font-size: 24px;

    padding-left: 100px;

}

@media(max-width:992px){    

    .ny-ban .ny-title h5{        

        font-size: 22px;

    }

    .ny-ban .ny-title p {

        font-size: 18px;

        padding-left: 50px;

    }

    .ny-ban img {

        width: 140%;

        margin-left: -20%;

    }

}

/* 当前位置 */

.position{

    display: inline-block;

    float: right !important;

    margin-top: 15px;

}

.position li{

    display: inline-block;        

}

.position li a{

    color:#0088e5;

}

.position li.active a{

    color:#0088e5;

}

.ny-about{

    padding:0px 0px 50px;

    line-height: 30px;

}

.ny-about p{

    margin:0;

}

.ny-about img,.ny-img img{

    width:100%;

}

.ny-img{

    position: relative;

    margin-bottom: 50px;

}

.ny-img .img-con{

    position: absolute;

    top: 0px;

    left: 0;

    height: 100%;

    width: 40%;

    color: #fff;

    padding: 15px 30px;

    line-height: 1.6;

    background: rgba(0,136,229,0.8)

}

.ny-img .img-con h5{

    font-size: 32px;

}

.ny-img .img-con h5:after{

    content: "";

    display: block;

    width: 30px;

    height: 2px;

    background: #fff;

    margin: 15px 0px;

}

/* 荣誉证书 */

.about-honor{

    background: #f6f6f6;

}

.ny-ab-box{

   padding-top: 30px;

}

.ny-honor .honor-list img{

    max-width: 100%;

    max-height: 260px;

}

.ny-honor .honor-list {   

    text-align: center;   

}

.ny-honor .honor-list a{

    display: block;   

    padding: 8px;

    border: 1px solid #ddd;

    line-height: 260px;

    background: #fff;

}

.ny-honor .honor-list p{

    line-height: 1.4;   

    overflow: hidden;

    padding: 15px;

    font-size: 14px;

}



/* 企业环境 */

.huanjing-list{

    position: relative;

    margin-bottom:30px;

}

.huanjing-list p{

    margin: 0 0 20px;

    font-size: 18px;

    color: #333;

    font-weight: bolder;

}

.huanjing-list .huanjing-img img{

    width:100%;

}

.huanjing-list .huanjing-img{

    position: relative;

}

.huanjing-list .huanjing-img::after{

    content:'';

    display: block;

    width:100%;

    height:0;

    position: absolute;

    bottom:0;

    left:0;

    background:#000;

    opacity: 0.5;

    z-index:99;

    transition: all .5s;

    display: none;

}

.huanjing-list:hover .huanjing-img::after{

    height:100%;

    display: block;

}

/*企业视频*/



/*企业文化*/

.culture-list{

    overflow: hidden;

    background: #f5f5f5;

    margin: 0 0 20px;

}

.culture-box .culture-img img{

    width: 100%;

}

.culture-box .culture-con{

    padding: 5%;

}

.culture-box h3{

    font-size: 24px;

    color: #333;

    margin-bottom: 15px;

    font-weight: bolder;

}

.culture-box p {

    font-size: 16px;

    color: #666;

    line-height: 1.8;

}

.culture-box .culture-zhan{

    counter-reset: number 0;

}

.culture-box .culture-zhan li{

    position: relative;    

    margin-bottom: 1px;

    line-height: 1.6;

    font-size: 16px;

    padding: 10px 15px 10px 30px;

}

.culture-box .culture-zhan li:before {

    counter-increment: number 1;

    content: "0"counter(number);

    position: absolute;

    left: 0;

    top: 0;

    width: 30px;

    height: 100%;

    padding-top: 10px;

    vertical-align: middle;

    display: block;  

    font-size: 18px;

    font-weight: bold;

    line-height: 1.6;

}

/*国际合作*/

.ny-case .case-list img{

    width:100%;

}

.ny-case .case-list {

    margin-bottom:30px;

    text-align: center;   

}

.ny-case .case-list a{

    display: block;   

    padding: 8px;

    border: 1px solid #ddd;

    line-height: 180px;

}

.ny-case .case-list p{

    line-height: 1.4;   

    overflow: hidden;

    padding: 10px;

    font-size: 14px;

}

/*发展历程*/

.timeline{padding-top:80px;overflow: hidden;}

.timeline .tit{text-align:center; font-size: 36px; color:#333;margin:15px 0 45px}

.timeline .tit span{

    display: block;

    font-size: 24px;

    color: #666666;

}

.timeline ul li{

    position: relative;

    padding: 10px 0;

    height: auto;

}

.timeline ul li:nth-child(2n){

    padding-left: 54%;

    text-align: left;

}

.timeline ul li:nth-child(2n+1){

    padding-right: 54%;

    text-align: right;

}

.time-con::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    width: 16px;

    height: 16px;

    margin: -8px 0 0 -8px;

    border-radius: 50%;

    z-index: 2;

    background: #0088e5;

    border: 3px solid #7fc3f2;

}

.time-con::after {

    content: '';

    position: absolute;

    top: calc(50% - 1px);

    left: calc(50% + 6px);

    width: calc(4% - 6px);

    height: 2px;

    background: #0088e5;

}

.timeline ul li:nth-child(2n+1) .time-con::after{

    left: auto;

    right: calc(50% + 6px);

}

.timeline ul li::before,.timeline ul li::after{

    content: '';

    position: absolute;

    top: 0;

    width: 2px;

    height: calc(50% - 4px);

    left: 50%;

    background: #0088e5;

    margin-left: -1px;

}

.timeline ul li::after {

    top: auto;

    bottom: 0;

}

.time-con{

    display: inline-block;

    min-width: 40%;

    min-height: 40px;    

    border-radius: 4px;

    padding: 15px 20px;

    cursor: pointer;

}

.time-con h4{

    font-size: 26px;

    color: #0088e5;

}

/* 产品展示 */

.ny-comm{

    min-height: 500px;

    padding-top: 50px;

    padding-bottom: 50px;

}

.ny-comm .about-title {

    font-size: 36px;

    margin: 30px 0px;

    color: #004080; 

}

.ny-comm .about-title span{

    display: block;

    font-size: 14px;

    text-transform: uppercase;

    color: #999999;

}



.ny-comm-box .comm-left{

  border-bottom: 1px solid #d4d4d4;

  line-height: 2.5;

  overflow: hidden;

}

.ny-comm-box .comm-left .ny-nav{

   display: inline-block;

   float: left;

}

.ny-comm-box .comm-left .ny-nav li{

  display: inline-block;  

}

.ny-comm-box .comm-left .ny-nav li a{    

    padding-right: 15px;

    font-size: 24px;    

    display: block;  

}

.ny-comm-box .comm-left .ny-nav li.active a,.ny-comm-box .comm-left .ny-nav li a:hover{   

    color:#0088e5;

    font-weight: bold;

}

.ny-comm-box .comm-right .pname{

    font-size: 26px;

    margin-bottom: 30px;

}

.ny-comm-box .comm-right .ny-pro-list{

    margin-bottom:30px;

    transition: all .5s;

    -webkit-transition: all .5s;

    -o-transition: all .5s;        

}

.ny-pro-list .ny-pro-img{
    overflow: hidden; 
}

.ny-pro-list .ny-pro-img img{

    width:100%;

    transition: all .5s;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

}

.ny-pro-list .ny-pro-title{
    background: #f2f2f2;
    padding:8px 10px;
    font-size: 14px;
    height: 95px;
    display: flex;
    transition: all 0.6s;
    align-items: center;
}

.ny-pro-list:hover .ny-pro-title{

    background: #0088e5;

    color:#fff;    

}

.ny-pro-list:hover{

    box-shadow: 0 0 10px #bbb;

}

.ny-pro-list:hover .ny-pro-img img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

}

/*其他产品*/

.other-box{

    width: 100%;

    overflow: hidden;

}

.other-pro-list.protable{

    background: #ebebeb;   

    font-size: 18px;

    font-weight: bold;

    line-height: 2;

}

.other-pro-list{

    border-bottom: 1px solid #eaeaea;

    padding: 10px 15px;

}





.ny-comm-box .m-pro-nav{

    display: none;

}

.ny-comm-box .m-pro-nav .dropdown .btn{

    width:100%;

    padding:10px 0;

}

.ny-comm-box .m-pro-nav .dropdown .dropdown-menu{

    width:100%;

    padding:10px 20px;

    height:313px;

    overflow: auto;

}

.ny-comm-box .m-pro-nav .dropdown .dropdown-menu li{

    padding:8px 10px;

    border-bottom:1px solid #ddd;

}



@media (max-width:992px){

    .ny-comm .about-title,.ny-img .img-con h5{

        font-size: 24px;

    }

    .ny-comm .entitle {

        font-size: 40px;

    }

    .ny-comm{

        padding:0px 0;

        border-left:0px;

    }

    .ny-comm-box .comm-left{

        display: none;

    }

    .ny-comm-box .comm-right{

        width:100%;

    }

    .ny-comm-box .m-pro-nav{

        display: block;

        margin:20px 0;

    }

    .product-img{

        margin-bottom: 10px;

    }

    .ny-img .img-con {

        position: relative;

        width: 100%; 

    }

    .ny-comm-box .comm-right .pname {

        font-size: 20px;

    }

    .ny-pro-list .ny-pro-title {

        font-size: 14px;

        height: auto;         

    }

}



/*产品展示详情 */

.product-info{

    padding-bottom:50px;

}

.product-info img{

    max-width:100%;

    padding: 0px;

    margin-bottom: 20px;

}

.product-info h5{

    font-size: 18px;

    font-weight: bold;   

    display: block;

    margin-top: 20px;

    margin-bottom: 20px;   

}

.product-info {

    font-weight: 400;

    font-size: 16px;

    color:#424242;

    text-align: left;

    margin:0;

    padding:10px 0;

}

.product-info ul{
    padding-left: 20px;
}
.product-info ul li{
    margin: 0px;
    list-style: disc;
    list-style-position: outside;    
}
/* 设备展示 */
.ny-shebei .ny-shebei-list{
    margin-bottom:30px;
}
.ny-shebei .ny-shebei-list .shebei-img{
    overflow: hidden;
}
.ny-shebei .ny-shebei-list .shebei-img img{
    width:100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
.ny-shebei .ny-shebei-list p{
    padding:8px 0 8px 10px;
    margin:0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
.ny-shebei .ny-shebei-list:hover p{
    background:#004080;
    color:#fff;
}
.ny-shebei .ny-shebei-list:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}
/* 新闻 */
.ny-news .ny-news-list {
    padding:10px;
    margin-bottom:40px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
.ny-news .ny-news-list .ny-news-img img{
    width:100%;
}
.ny-news .ny-news-list .ny-news-content{
    padding:20px 20px 45px 0;
    border-bottom:1px solid #ddd;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
.ny-news .ny-news-list .ny-news-content .ny-news-title{
    margin-top:10px;
    font-size: 22px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ny-news .ny-news-list .ny-news-content .ny-news-title span{
    color:#b1b1b1;
    display: block;
}
.ny-news .ny-news-list .ny-news-content .ny-news-intro{
    width:75%;
    font-size: 14px;
    line-height: 25px;
    color:#828282;
    margin-top:10px;
}
.ny-news .ny-news-list:hover{
    box-shadow: 0 0 10px #ddd;
}
.ny-news .ny-news-list:hover .ny-news-content{
    border-bottom:1px solid transparent;
}
@media (max-width:992px){
    .ny-news .ny-news-list .ny-news-img{
        padding-right:0;
    }
    .ny-news .ny-news-list .ny-news-content .ny-news-title p{
        width:100%;
        font-size: 16px;
    }
    .ny-news .ny-news-list .ny-news-content .ny-news-title span{
        display: block;
        width:100%;
        text-align: left;
    }
    .ny-news .ny-news-list .ny-news-content .ny-news-intro{
        width:100%;
    }
    .ny-news .ny-news-list .ny-news-content{
        padding:10px 0 10px 0;
    }
}

/* 新闻详情页 */
.ny-news-info{
    padding:50px 0;
}
.ny-news-info .news-info-title{
    text-align: center;
    margin-bottom:30px;
}
.ny-news-info .news-info-title p{
    font-size: 18px;
    font-weight: bold;
    margin:0;
    padding:8px 0;
}
.ny-news-info .news-info-title span{
    font-size: 14px;
    color:#999;
}
.ny-news-info .news-info-content{
    line-height: 28px;
}

@media (max-width:992px){
    .ny-news-info{
        padding:20px 0;
    }
    .ny-news-info .news-info-title p{
        font-size: 16px;
    }
    .position{
        padding:0;
    }
    .position ul li{
        padding:20px 0 20px 20px;
    }
}
/*相关下载*/
.downlist ul li{    
    line-height: 4;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 30px;
    position: relative;
    border-bottom: 1px solid #f7f7f7;
}
.downlist ul li::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 10px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: transparent;
    border: 2px solid #dcdcdc;
}
/* 联系我们 */
.contact{
    margin-top:30px;
    margin-bottom:50px;
}
.contact .contact-title p{
    font-size: 24px;
    font-weight: bold;
}
.contact .contact-title b{
    display: block;
    width:80px;
    height:2px;
    background:#004080;
    margin:15px 0;
}
.contact ul li{
    text-align: center;
    padding: 50px;
}
.contact ul li span{
    font-size: 30px;
    background: #0088e5;
    color: #fff;
    display: inline-block;
    padding: 25px;
    border-radius: 100%;
}
.contact ul li p{
    line-height: 2;
}
.BMap_stdMpCtrl, .BMapLabel, .BMap_omCtrl{
    display: none !important;
}
/* 在线留言 */
.messsage{
    overflow: hidden;
}
.form-control{
    height:45px;
    margin-bottom:15px;
}
.form-control1{
    height:135px !important;
}
.message-btn button{
    width:100%;
    height:45px;
    border:none;
}
/* 搜索页面 */
.ny-search .ny-search-box .search-img-top{
    width:100%;
}
.ny-search .ny-search-box .search-title{
    padding:8px 0 8px 10px;
}
.ny-search .ny-search-box:hover .search-title{
    background:#004080;
    color:#fff;
}
.ny-search .ny-search-box {
    margin-bottom:30px;
}
@media(max-width:767px){
    .contact .contact-title p {
        font-size: 20px;
    }
    .messsage{
        margin-top: 20px;
    }
}