.container {

    width: 1270px;

    margin: 0 auto;

}



.ny-ban img {

    width: 100%;

}



.beard {

    background: fff;

    color: #333;

    width: 100%;

    border-bottom: 5px solid #da251c;

    display: block;

    height: 65px;

}

.beard>div{

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    justify-content: space-between;

}

.bread-pro {

    width: 75%;

}



.beard span {

    line-height: 56px;

    padding: 10px 0 0;

    color: #333;

    font-size: 14px;

    float: right;

}



.beard span a {

    color: #333;

    font-size: 14px;

}



.beard img {

    width: 50px;

    padding: 5px 5px;

    display: inline-block;

}



.beard i {

    padding-right: 5px;

    font-size: 18px;

}



.ny-nav>div {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    justify-content: space-between;



}





/* 二级导航 */

.nav-pro {

    display: block;

    margin-top: 15px;

    width: 20%;

}



.nav-pro>h3 {

    width: 100%;

    background: #003183;

    font-size: 20px;

    font-weight: bold;

    padding: 30px 20px;

    margin: 0;

    color: #fff;

}

.nav-pro>ul{

    border: 1px solid #ccc;

    padding: 10px 0;

}

.nav-pro>ul>li{

    

    position: relative;

    margin: 0 15px;

    border-bottom: 1px solid #f5f5f5;

    transition: .3s;

    

}

.nav-pro>ul>li>a{

    padding: 10px 5px;

    display: block;

    transition: .3s;

    cursor: pointer;

    

}

.nav-pro>ul>li:hover>a{

    border-left: 5px solid #003183;

    background: #f5f5f5;

}

.nav-pro>ul>li>i{

    position: absolute;

    right: 6px;

    top: 8px;

    font-size: 24px;

}

.nav-pro>ul>.active>a {

    border-left: 5px solid #003183;

    background: #f5f5f5;

    display: block;

}



.nav-pro>ul>li>a {

    color: #333;

    font-size: 14px;

}

.nav-pro>ul>li>ul>li>a{

    color: #aaa;

    padding: 10px 5px;

    margin: 0 10px;

    border-bottom: 1px solid #ccc;

    display: block;

}

.nav-pro>ul>li>ul>.active{

    background: #1f98b5;

}

.submenu{ display: none !important; }

.showsub .submenu{ display: block !important; }

@media all and (max-width: 768px) {

    .container {

        width: 100% !important;

    }

    .ny-nav ul>li>ul {

        opacity: 1;

        z-index: 1;

        position: relative;

        height: auto;

        top: 0;

    }





    .nav-pro>ul {

        width: 100%;

    }



    .ny-nav ul>li {

        width: 86%;

        padding: 10px 20px !important;

        margin: 3px 5px 0 !important;

        border-radius: 5px !important;

    }



    .beard {

        width: 100% !important;

    }



    .about_content {

        width: 90% !important;

    }



    .about_content h2 {

        font-size: 32px !important;

    }



    .event_box {

        width: 90% !important;

    }



    .parHd .tempWrap {

        width: 300px !important;

    }



    .parBd h4 {

        font-size: 20px !important;

        padding: 0 !important;

    }



    .parBd h4::before,

    .parBd h4::after {

        display: none !important;

    }



    .ny-course>div>img {

        display: none;

    }



    .ny-course>div>.ny-content {

        width: 100% !important;

        float: left;

    }



    .ny-content {

        padding: 30px 10px !important;

    }



    .ny-content img {

        width: 95% !important;

    }



    .ny-product {

        display: block !important;

        padding: 0 10px;

    }



    .ny-product>ul,

    .ny-news ul {

        display: block !important;

        width: 100% !important;

    }



    .ny-product>ul>li {

        width: 97% !important;

        margin: 5px 0 !important;

    }



    .pagination {

        padding: 0 5px;

    }



    .pagination>span {

        margin: 5px 0;

    }



    .pagination span>a {

        padding: 5px 7px !important;

    }



    .pro-xq {

        display: block !important;

    }



    .tz-gallery {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

    }



    .page {

        width: 92% !important;

        margin: 0 10px;

    }



    .sp-wrap {

        width: 100% !important;

    }



    .pro-title {

        width: 100% !important;

        padding: 0 10px;

    }



    .pro-xq-ms {

        padding: 0 10px;

    }



    .pro-test {

        width: 100%;

        overflow-y: scroll;

        overflow-x: scroll;

    }



    .ny-news li {

        width: 94% !important;

        margin: 0 !important;

        padding: 0 10px;

    }



    .news-xq small {

        margin: 0 !important;

    }



    .news-xq img {

        width: 100% !important;

    }



    .form-group {

        width: 96% !important;

    }



    .form-group1 {

        width: 96% !important;

    }





    .con-left {

        width: 100% !important;

        padding: 10px 0;

    }



    .con-right {

        width: 100% !important;

        padding: 0 5px;

    }



    .beard span:last-of-type {

        font-size: 12px;

        display: none;

    }



    .xq-flex>div {

        width: 100% !important;

        margin: 20px 10px !important;

    }



    .pro-similar-xq>a {

        width: 44% !important;

    }

    

}



/* 关于我们 */

/* .ny-about{

    margin: 50px 0 120px;

} */

.about_content {

    width: 60%;

    margin: 0 auto;

    background: url(../img/about_bg.jpg) no-repeat;

    background-size: cover;

}



.about_content h2,

.about_content h3 {

    text-align: center;

    font-weight: bold;

    color: #000;

}



.about_content h2 {

    font-size: 40px;

    margin-bottom: 50px;

}



.about_content h3 {

    font-size: 26px;

    margin-bottom: 60px;

}



.about_content p {

    font-size: 16px;

    color: #000;

    line-height: 180%;

    margin-bottom: 20px;

    text-align: center;

}



.about_content.history {

    text-align: center;

    position: relative;

}



/*大事记start*/



.event_box {

    width: 60%;

    margin: 3% auto 0;

    position: relative;

}



.event_box .parHd {

    width: 100%;

    display: inline-block;



    height: 92px;



    overflow: hidden;

}



.parHd ul {

    width: 100%;

    text-align: center;

    margin: 0 auto;

    padding-top: 25px !important;

}



.parHd .tempWrap {

    margin: 0 auto;

}



.parHd .tempWrap:after {

    content: '';



    width: 85%;



    height: 1px;



    background: #580000;



    position: absolute;



    /* top: 33%; */



    /* right: -140%; */



    right: 8%;



    top: 35%;



    /* margin-top: -0.5px; */



    z-index: 10;

}



/*.parHd li:before{ content: ''; width: 180%; height: 1px; background: #580000; position: absolute;top: 0; right:-140%;right: 0;}*/



.parHd li.no_line:before {

    display: none;

}



.parHd li {

    display: inline-block;

    cursor: pointer;

    padding-top: 30px;

    font-size: 16px;

    color: #000;

    margin: 0 30px;

    position: relative;

}



.parHd li:after {

    content: '';

    background: url(../img/dot_ico.png) no-repeat;

    width: 24px;

    height: 24px;

    position: absolute;

    z-index: 20;

    top: -12px;

    left: 50%;

    margin-left: -12px;

}



.parBd {

    text-align: center;

    margin-top: 60px;

}



.parBd h4 {

    position: relative;

    font-size: 27px;

    margin-bottom: 3%;

    /*width: 200px;*/

    padding: 0 60px;

    display: inline-block;

    text-align: center;

}



.parBd h4:after {

    content: '';

    background: #000;

    width: 100px;

    height: 1px;

    position: absolute;

    left: -100px;

    bottom: 12px;

}



.parBd h4:before {

    content: '';

    background: #000;

    width: 100px;

    height: 1px;

    position: absolute;

    right: -100px;

    bottom: 12px;

}



.parBd p {

    line-height: 180%;

    font-size: 16px;

    width: 80%;

    margin: 0 auto;

}



div#listBox {



    width: 100%;



}



.sPrev,

.sNext {

    width: 30px;

    height: 30px;

    display: block;

    position: absolute;

    top: 10px;

}



.sPrev {

    left: 0;

}



.sNext {

    right: 0;

}



.sPrev img,

.sNext img {

    transition: all .6s cubic-bezier(.51, 1.1, .9, .95);



    -moz-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);



    -webkit-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);



    -o-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);

}



.ny-content {

    padding: 30px 0;

    color: #000;

}



.ny-content h4 {

    text-align: center;

    font-size: 24px;

    padding: 15px 0;

}

.ny-content h1{

    font-size: 24px;

    font-weight: bold;

    text-align: center;

    margin: 5px 0 30px 0;

}

.ny-content p {

    text-indent: 2em;

    font-size: 16px;

    margin-bottom: 15px;

    line-height: 45px;

}



.ny-content>img {

    width: 100%;

    float: left;

    margin: 0 30px 13px 0;

}



/* 发展历程 */

.ny-course {

    margin: 30px 0;

}



.ny-course>div {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    justify-content: space-between;

}



.ny-course>div>img {

    width: 20%;

    height: 100%;

}



.ny-course>div>.ny-content {

    width: 73%;

    text-align: justify;



}



.ny-course>div>.ny-content>p {

    line-height: 50px;

}



/* 产品中心 */

.ny-product {

    margin: 20px 0 50px;

}



.ny-product>ul,

.ny-news ul {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;



}



.ny-product>ul>li {

    width: 23%;

    color: #666;

    border: solid 1px #ccc;

    padding: 5px;

    border-radius: 5px;

    margin: 5px 15px 20px 0;

}



.ny-product>ul>li:nth-of-type(4n) {

    margin: 5px 0 20px 0 !important;

}



.ny-product>ul>li img {

    width: 100%;

    border-radius: 5px;

}



.ny-product>ul>li p {

    padding: 15px 10px;

    color: #333;

    line-height: 0;

}



/* 产品详情 */

.tz-gallery {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    margin: 15px 10px;

    width: 100%;

    justify-content: space-between;

}



.page {

    width: 100%;

    text-align: center;

}



.pro-title>h2 {

    font-size: 22px;

    font-weight: bold;

}



.pro-title img {

    width: 100%;

}



.pro-title>p {

    font-size: 16px;

    margin: 10px 0;

    

}



.pro-test {

    padding: 15px 0;

}



.pro-test p {

    font-size: 15px;

    line-height: 30px;

    color: #999;

}



.price {

    background: #fff5ec;

    padding: 5px 20px;



}



.price>p>strong {

    width: 65px;

    display: inline-block;

    color: #666;

}



.price>p>span {

    font-weight: normal;

    font-size: 20px;

    color: #333;

    display: inline-block;

    width: 165px;

    padding: 5px 0;

    color: #ff7300;

}

/* .pro-xq-ms img{

    border-top: 4px solid #1f98b5;

} */





.pro-xq-ms img {

    width: 100%;

}

.pro-xq-ms>p{

    line-height: 10px;

}

.pro-xq-ms>p>strong{

    font-size: 16px;

}

.pro-xq-ms table{

    width: 100%;

}

.xq-color table td{

    background: #1f98b5;

    margin: 5px;

    display: inline-block;

    width: auto;

    padding: 5px 10px;

    color: #fff;

}

.xq-box table tr:first-of-type{

    background: #1f98b5;

    color: #fff;

}



.xq-box table td{

    border: solid 1px #ccc;

    text-align: center;

}

.xq-box table td img{

    width: 50px;

}

.xq-flex {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    justify-content: center;

}



.xq-flex>div {

    margin: 20px 40px;

    width: 100%;

}

.pro-title table{

    width: 100% !important;

    min-height: .01%;

    overflow-x: auto;

}



.pro-title table tr{

    display: table-row;

    vertical-align: inherit;

    border-color: inherit;

    width: 100%;

}

.pro-title table tr:first-of-type>td{

    background: rgba(149, 179, 215, 0.7);

    color: #333;

}

.pro-title table tr:nth-of-type(2)>td{

    background: rgba(149, 179, 215, 0.7);

    color: #333;

}

.pro-title table tr:nth-of-type(3)>td{

    background: rgba(149, 179, 215, 0.7);

    color: #333;

}

.pro-title table tr>td{

    background: #fff;

    padding: 5px 4px;

    text-align: center;

    width: 300px;

    font-size: 16px;

    border: solid 1px #666;

}



/* 新闻中心 */

.ny-news {

    margin: 10px 0;

}



.ny-news li {

    width: 31%;

    box-shadow: 0 0 15px -3px #ddd;

    margin: 10px;

}



.ny-news li img {

    width: 100%;

    display: block;

}



.news-content {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    justify-content: space-between;

    padding: 5px 10px;

    transition: 1s;

}



.news-content span {

    font-size: 13px;

    color: #000;

    padding: 5px 0;

}



.news-content i {

    padding-right: 3px;

    font-size: 13px;

    padding-top: -5px;

}



.news-content h3 {

    font-size: 15px;

    padding: 5px 0;

    color: #000;

    width: 100%;

    margin: 0;

    overflow: hidden;

    text-transform : uppercase

}



.news-content p {

    display: block;

    width: 100%;

    color: #666;

}



/* 新闻详情 */

.news-xq {

    text-align: center;

    margin: 30px 0;

}



.news-xq table{ border-collapse:collapse; width:100%;}

.news-xq table tr td{ border:1px solid #999 !important;}



.news-xq h3 {

    font-size: 24px;

    line-height: 40px;

}



.news-xq p>span {

    padding: 0 25px;

    font-size: 13px;

}



.news-xq p>span>i {

    padding-right: 3px;

    font-size: 13px;

    padding-top: -5px;

}



.news-xq small {

    display: block;

    text-align: left;

    line-height: 30px;

    margin: 30px 0;

}



/* 在线留言 */

.message-con {

    width: 100%;

    padding: 30px 0;

}



.message-con>form {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;



}



.message-con>p {

    font-size: 26px;

    font-weight: block;

    text-align: center;

}



.form-group {

    width: 47%;

    margin: 15px 13px;



}



.form-group input,

.form-group1 textarea {

    padding: 5px 10px;

    border-radius: 0;

    letter-spacing: 1px;

    font-size: 15px;

    outline: none;

    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.11);

    display: block;

    width: 100%;

    height: 50px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

}



.form-group1 {

    width: 97%;

    margin: 10px 15px;

}



.form-group1 textarea {

    width: 100%;

    height: 150px;

}



.submit {

    background: #dc3128;

    color: #fff;

    border-radius: 10px;

    font-size: 15px;

    width: 100px;

    margin: 0 auto;

    outline: none;

    letter-spacing: 1px;

    cursor: pointer;

    padding: 10px 0;

    border: none;

	margin-top:15px;

    transition: .5s ease-in;

    -webkit-transition: .5s ease-in;

    -moz-transition: .5s ease-in;

    -o-transition: .5s ease-in;

    -ms-transition: .5s ease-in;

}



.message-bd {

    height: 30px;

}



.message-con img {

    height: 35px;

}



/* 下载中心 */

.down {

    margin-top: 30px;

}



.down p {

    line-height: 40px;



}



.down a {

    color: #333

}



.down span {

    color: #999;

    font-size: 15px;

    float: right

}



.down hr {

    padding: 0;

    margin: 5px 0;

    border: 1px dotted lightgray;

}



/* 合作伙伴 */

.ny-par li {

    width: 18.4%;

}



/* 荣誉证书 */

.ny-honor li {

    width: 23.4%;

}



/* 联系我们 */

.contact-nav {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    margin: 10px 0;

}



.con-left {

    width: 100%;

    margin-right: 1%;

}



.con-left h4 {

    color: #000;

    font-size: 18px;

    padding: 0 20px;

    margin: 15px 0;

}



.con-left p {

    padding: 0 20px;

    line-height: 24px;

    color: #666;

}



.con-right {

    width: 100%;

}





/* 分页 */

.pagination {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    margin: 30px auto;

    justify-content: space-between;

}



.pagination span>a {

    padding: 5px 10px;

    color: #333;

    border: solid 1px #ccc;

    border-radius: 5px;

}



.page-num-current {

    padding: 5px 0 !important;

}



.pagination span>a select,

.pagination span>a select:focus {

    border: solid 1px transparent !important;

    padding: 2px 10px;

}



.ny-qh {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    margin: 30px auto;

    justify-content: space-between;

}



.ny-qh a {

    color: #000;

}



/* 放大效果 */

.wen-lg{

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.5);

    position: fixed;

    left: 0;

    top: 0;

    z-index: 9999;



}

.wen-lg img{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    max-width: 50%;

}

.wen-lg>i{

    display: block;

    position: absolute;

    top: 10%;

    right: 10%;

    font-size: 40px;

    color: #fff;

}

.pro-del-js-xq span{

    background:#0265a9;

    color: #fff;

    padding: 10px 0;

    width: 49.7%;

    display: inline-block;

    text-align: center;

}

.but{

    border-bottom: solid 3px #fccc13;

    background: #666!important;

}

#exzoom {

    width: 30%;



}

.sonmenu{

    display: none;

}

.search-center{

    position: relative !important;

    right: 0 !important;

    bottom: 0 !important;

}

.search-center input.search-field{

    width: 90%;

    padding:12px 0 !important;

}

.search-center input.search-field::placeholder{

    padding-left: 10px;

}

@media all and (max-width:768px) {

    .form-group input,.form-group1 textarea {width:95% !important;height:34px !important;}

	.form-group1 textarea{ height:150px !important;} 

    #exzoom {overflow-x:hidden;}

    .beard>div {padding:0 10px;}

    .nav-pro {width:100%;padding:0 10px;}

    .bread-pro {width:100%;}

    .xq-flex {height:auto;}

    .pro-del-js-xq span {width:49%;}

    .down p {padding:0 10px;}

    .ny-ban img {margin-top:0px;}



}