* {

    margin: 0;

    padding: 0;

    word-wrap: break-word;

    

}

ul,li{list-style: none;}

.nywrap {

    width: 80%;margin: 0 auto;

 }



 .nywrap95 {

    width: 90%;margin: 0 auto;

 }

 



.pcc{display: block;}

.wapp{display: none;}



/* 动画 */



@keyframes nyscale

{

	from {transform: scale(1.3);}

	to {transform: scale(1.0);}

}



@-webkit-keyframes nyscale /*Safari and Chrome*/

{

	from {transform: scale(1.4);}

	to {transform: scale(1.0);}

}



.nydjgh .second_show .img{ animation: nyscale 10s ease; }


.nydjgh_tit{animation: fadeInUp 4s ease;}







/* 动画 */

 

.index_top{position: relative !important;}



.index_top .index_top_telen {

 

    top: 80px;

    position: absolute;

    display: block;

    width: 400px;

    right: 0;

    float: right;

    z-index: 2;

    line-height: 18px;

    height: 18px;

    color: #fff;

    font-weight: 700;

}

 

 

.second_show {

    height: 70vh;

    position: relative;

    background: #ccc;

    overflow: hidden;

}



.nydjgh .second_show .img {

    background-image: url(../images/banner_zpxx.jpg);

    background-position: center;

}

.second_show .img {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}



.second_show .img {

    background: no-repeat 50%;

    background-size: cover;

}







.nydjgh_text{ position: absolute; color: #fff;}



.nydjgh_tit{ position:absolute;

    top:50%; left:50%;
    
    margin-top:-100px;
    
    margin-left:-100px;
    text-align: center;
    font-size: 40px;}



.nydjgh_tit h1{ font-size: 36px;

    letter-spacing: 14px;

    font-weight: 100;

    color: #fff;}

 .nydjgh_tit h2{ font-size: 46px;

    font-weight: 300;

    color: #fff;

    margin-bottom: 100px;

    text-transform: uppercase;

}







.nydjgh_text{width: 30%;

    top: 35%;

    left: 15%; }

.nydjgh_text h2{  text-align: center;   font-size: 40px;

    letter-spacing: 15px;

    line-height: 40px;

    margin: 3% 0;

    font-weight: 100;

    overflow: hidden;}

.nydjgh_text p{text-indent: 2rem;

    font-size: 21px;

    line-height: 50px;

    margin: 1% 0;

    overflow: hidden;}











/* 

第二节 */

.ny_cpxq_01{padding: 50px 0 50px;



    background:  #fff;

    background-position: 100% 98%;

    background-size: 30%;}

    .ny_cpxq_01 ul{float: right;}

    

    .ny_cpxq_01 ul li {cursor: pointer; display: inline-block; height: 20px ; line-height: 20px; color: #7e7e7e;margin-right: 50px;}

    .ny_cpxq_01 ul li.on ,   .ny_cpxq_01 ul li:hover { font-weight: bold; color: #000;}





    .ny_cpxq_01 ul li i{display: block;height: 20px; width: 20px;

        background: #d3d3d3;border-radius: 50%;float: left; margin-right: 10px;}





    .ny_cpxq_01 ul li.on i,  .ny_cpxq_01 ul li:hover i{display: block;height: 20px; width: 20px;

    background: #32a197;border-radius: 50%;float: left; margin-right: 10px;}















/* 

第三节 */

            .ny_contact_02 {padding: 50px 0 0px;

            

            background:  #fff;

            background-size: contain;

      } 

      .ny_contact_02 ul li{ width: 50%; float: left;}

      .ny_contact_02 .ny_contact_02_nr{width: 100%;}

   

      .ny_contact_02 .ny_contact_02_nr div.title {  text-indent: 2rem;       font-weight: bold;
        font-size: 26px;
        color: #0c3688;   margin: 30px 0;}







        .ny_contact_02 .ny_contact_02_nr .cewm p{ margin-left: 2rem;float: left; }

        
        .ny_contact_02 .ny_contact_02_nr .cewm p img{ width: 85% ;}




















        .ny_contact_02 .ny_contact_02_nr li.cewm p{width: 30%;}

        .ny_contact_02 ul li.cteladd{width: 60%;    height: 40px;}
        .ny_contact_02 ul li.cteladd p{   height: 40px;}

        .ny_contact_02 ul li.cteladd .ourtel{ background: url(../images/contact-tel.png) no-repeat left top;     text-indent: 2rem;}
        .ny_contact_02 ul li.cteladd .ouradd{ background: url(../images/contact-add.png) no-repeat left top;     text-indent: 2rem;}


      .ny_contact_02 ul li.cewm{
        width: 40%;
    
    }



            .ny_contact_02 ul li.cewm div p{       width: 30%;
            ;  font-size: 16px;

                color: #7e7e7e;

                font-weight: normal;    line-height: 35px;margin: 0px 0px; float: left;}

    
                .ny_contact_02 ul li.cewm div p img{width: 70%;}


                

               

 

      .morebotton{   

        border: 1px solid #7e7e7e;

        color: #7e7e7e;

        border-radius: 50px;

        text-align: center;

    

        font-size: 16px;

        display: block;

       

        width: 120px;

        height: 40px;

        line-height: 40px;

        cursor: pointer;

    }

    

   .morebotton:hover {        border: 1px solid #32a197;

        color: #32a197; }


/*     */
        .ny_contact_03{    padding: 50px 0 100px;
            background: #fff;
            background-size: contain;}


            .ny_contact_03 div.subtitle{    text-indent: 2rem;
                font-weight: bold;
                font-size: 24px;
                color: #000;
                margin: 30px 0;}

                
                .ny_contact_03 ul li {    width: 23%;
                    padding: 0 5%;
                    border-right: #ddd 1px solid;
                    float: left;margin-bottom: 100px;
                }

                .ny_contact_03 ul li .ny_contact_03_nr p {
                    height: 40px;    line-height: 25px; font-size: 14px;
                }

                .ny_contact_03 ul li .ny_contact_03_nr .title {
                    display: inline-block;
    padding: 5px 40px;
    background: #0c3688;
    /* width: auto; */
    color: #fff;
    border-radius: 50px;
    margin-bottom: 30px;
                }

      

                .ny_contact_03 ul li .ny_contact_03_nr .ourtel {
                    background: url(../images/contact-tel.png) no-repeat left top;
                    padding-left: 10%;
                }
                .ny_contact_03 ul li  .ny_contact_03_nr .ouradd {
                    background: url(../images/contact-add.png) no-repeat left top;
                    padding-left: 10%;
                }


/* 

分页 */

.nypage {display: flex; margin: 0px 0 50px;}



.nypage ul {margin: 0 auto;}





    .nypage ul li{ display: block; height: 40px; width: 40px; background: #d3d3d3; color: #fff; line-height: 40px;

    text-align: center;border-radius: 50%;float: left;

margin: 10px; cursor: pointer;}



.nypage ul li.on, .nypage ul li:hover{ display: block; height: 40px; width: 40px; background: #32a197; color: #fff; line-height: 40px;

    text-align: center;border-radius: 50%;float: left;

margin: 10px;}



.nypage ul li a{color: #fff;}

.nypage ul li.on a, .nypage ul li:hover a{color: #fff; }





/* 

foot */



.foot_wrap{ position: relative;}



       

@media (max-width: 1199px){





          





                











            }



              

 

@media (max-width: 768px){
    .ny_contact_02 ul li.cteladd p{   height:auto; margin-bottom: 10px;}
    .ny_contact_02 ul li.cteladd p span{display: block ;line-height: 22px;}

    .ny_contact_03 ul li{width: 90% ;border-right: 0px;border-top: 1px solid #ddd;    margin-bottom: 50px;    padding-top: 30px;}

    .ny_contact_02 ul li.cewm div p{width: 50%;}

    .ny_contact_02 ul li {
        clear: both;}

    .ny_contact_02 ul li.cteladd{width:100%;height: auto;}

    .ny_contact_02 ul li.cewm{width:100%}


    .nydjgh_tit h1 {
        font-size: 21px;
    }
    .nydjgh_tit h2 {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .ny_cpxq_02 ul li{    padding: 50px 0 30px; }

    .ny_cpxq_01 {
        padding: 20px 0;
        border-bottom: 1px solid #ddd;
    }
    .index_top .index_top_logo {top: 5px;}


    

    .index_top .index_top_telen{display: none;}



    

.pcc{display: none;}

.wapp{display: block;}



    .nywrap {

        width: 90%;

        margin: 0 auto;

    }

    .nywrap95 {

        width: 90%;

        margin: 0 auto;

    }



    

.nydjgh_text{   font-size: 32px; width: 90%;

    top: 35%;



    left: 5%;}



    .nydjgh_text p{ line-height: 35px;
    }

    .nydjgh_text p span{ line-height: 25px !important; font-size: 14px !important; 
    }



    

.nydjgh_text h2 {

    text-align: center;

    font-size: 32px;}

.nydjgh_tit{       position: absolute;

    text-align: center;
    margin-left: -55px;

}







.ny_contact_02 ul li{  width: 100%;    }

.ny_contact_02_nr img{    width: 100%; margin: 100 auto;}

.ny_contact_02 .ny_contact_02_nr{width: 100%;margin-bottom: 0px;}



.ny_contact_02{padding: 0px 0 0px; background-size: auto;}











.ny_cpxq_01{padding: 50px 0 0px;}

.ny_cpxq_01 ul li {

    display: inline-block;

    height: 20px;

    width: auto;

    margin: 3%;

    line-height: 20px;

    color: #7e7e7e;

    margin-right: 0px;

}



.second_show .img {

    background: no-repeat 80%;}

































}