@charset "utf-8";
/* CSS Document */
html { display:block; padding:0px; 
       margin:auto;
}
body {margin:0px; padding:0px; color:#333; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif,"微软雅黑"; font-size:16px; background-color: #fff;  overflow-y:scroll; text-align:center;   
}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;  }
img { border:0px;}
a { color:#333; text-decoration:none;   outline: none; star:expression(this.onFocus=this.blur());}
    a:hover {
        color: #E8B736;
        outline: none;
        star: expression(this.onFocus=this.blur());
    }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

   .not-select{
    -moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;
}

.webzhu { width:100%; height:100%; display:block; padding:0px; margin:auto;
}
.usermodule { width:100%; max-width:1200px; text-align:left; margin:auto;
}
.usermodulet { width:100%; max-width:1200px; text-align:center; margin:auto;
}
.topborder {
    width: 100%;
    height: 30px;
    background-color: #226657; color:#fff; font-size:14px; line-height:30px;
}
    .topborder a {
        color: #D8F1EC;
    }

.ystop {
    height: 100px;
    width: 100%;
    background-color: #fff;
}
.logo { width:200px; height:auto; float:left; margin-top:25px; display:block;
}
    .logo img,.tel img { width:100%;  cursor:pointer;
    }
.tel { float:right; width:500px; margin-top:30px;
}
.menu {
    width: 100%;
    height: 60px;
    background-color: #1D8E51;
    line-height: 60px;
    z-index: 99999;
}
    .menu .a1 { color:#fff;  font-size:18px; margin:0px 36px;  
    }
        .menu .a1:first-child { 
        }
        .menu .a1:hover {
            color: #E8B736;
        }

.menux550 {
    display: none;
    position: absolute;
    margin-top: 26px; width:50px;
    right:16px;
    margin-right: 15px;
}
    .menux550 img { width:50px;  cursor:pointer;
    }

.menux550_list { display:none; position:relative; top:10px; width:260px; left:-200px;  z-index:99999; background-color:#1D8E51; border-radius:8px;padding:8px 5px;
}
    .menux550_list a { display:block; height:40px; line-height:40px; color:#fff; padding:2px 5px 2px 10px;
    }

.menux {
    position: absolute;
    height: auto;
    width: 100%;
    background-color: #fff; 
    z-index: 99999;
    display: none;
     box-shadow: 0px 0px 5px 1px #1D8E51;
}
.menutwo { display:none;  
}
    .menutwo img { display:block; 
    }
    .menutwo a { display:block; text-align:center; padding:30px 15px; width:230px; float:left;
    }
    .menutwo span {
        display: block;
        margin: 10px auto;
        line-height: 20px;
    }

        .banner {
            width: 100%;
          /*  min-height: 300px;*/
            overflow: hidden;
        }
.nycon { padding:30px 0px;
}

.t_1 {
    font-size: 40px;
    color: #333;
    font-weight: bold;
}
.t_12 { color:#1D8E51;
}

.ysind1 {
    width: 100%;
    padding: 50px 0px;
    background-color: rgba(249,249,249, 1);
      display: block;
}
.ysind4 {
    width: 100%;
    padding: 50px 0px;
 
    display: block;
}
.ysind3 {
    width: 100%;
    padding: 50px 0px;
    background-color: rgba(249,249,249, 1);
    display: block;
}
.ysind3_left { float:left;  width:50%;  font-size:16px; text-align:left; line-height:30px;
}
.ysind3_right { float:right; width:45%;
}
    .ysind3_right img { display:block;
     width:90%; margin:auto;}


    .ysinput {
        width: 42%;
        margin: 5px 4%;
        float: left;
    }
.ysinput_t {
    text-align: left;
    display: block; margin-left:5px; line-height:28px;
}
.inputcss {
    color:#333; outline:none; text-decoration:none;
    font-size: 16px;
    font-family: Arial;
    border-color: rgba(196,198,207, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 2px 2px 2px 2px; width:calc(100% - 20px); height:30px; padding:5px 8px; line-height:30px;
}

.butinput {
    background-color: #1D8E51; width:200px; height:40px; line-height:40px; text-align:center; color:#fff; margin: 15px auto auto auto;
    cursor:pointer; padding:2px 5px; border-radius:5px; 
}
    .butinput:hover { background-color:#FF7900; color:#fff;
    }
.ysind2 img{ width:100%;
}

.nytitle { background-color:rgb(249,249,249,1); height:50px; line-height:50px;  font-size:16px;
}



.proleft { width:280px; float:left;
 }
.proright { width:calc(100% - 320px); float:right;
}
.promenut { background-color:#1D8E51;  text-align:center; font-size:18px;  color:#fff; height:50px; line-height:50px; margin-bottom:15px;
}
.promenuzhi {
    line-height: 40px;
    padding: 5px 5% 5px 5%;
    margin: 5px 0px  5px 0px;
    text-align: right;
    cursor: pointer;
    display: block;
    background-color: #efefef;
    width:90%;
}


.listpro1 { width:29%; margin:10px 2%; float:left; border:1px #eee solid; border-radius:5px; overflow:hidden;
}
    .listpro1 img {
        width: 100%;
        display: block;
        border-radius: 5px 5px 0 0;
      
    }
    .listpro1 span { display:block; line-height:20px; padding:10px 0px; text-align:center; min-height:30px;
    }

    .listpro1 img:hover {
        transform: scale(1.05, 1.05);
        -webkit-transform: scale3d(1.05,1.05);
        transition: .8s transform;
        -webkit-transition: .8s transform;
    }


.listpro1ind {
    width: 90%;
    margin: 20px 1%;
    float: left; min-height:330px;
    /*border: 1px #eee solid;*/
    overflow: hidden;
}

    .listpro1ind img {
        width: 100%;
        display: block;
   /*     border-radius: 5px 5px 0 0;*/
    }

    .listpro1ind span {
        display: block;
        line-height: 20px;
        padding: 10px 0px;
        text-align: center;
        min-height: 30px;
    }

    .listpro1ind img:hover {
        transform: scale(1.05, 1.05);
        -webkit-transform: scale3d(1.05,1.05);
        transition: .8s transform;
        -webkit-transition: .8s transform;
    }




.nycontact {
    margin: 100px auto;
    color: #E8B736;
    font-size: 24px;
    font-weight: bold;
}


.details { width:100%; padding:30px 0px;
}
.details_left { width:40%; float:left;
}
   /* .details_left img { width:92%; margin:auto; border:1px solid #eee; padding:10px; border-radius:5px;  
    }*/
.details_right { width:55%; float:right;
}
.details_con { border-top:1px #eee solid; padding:50px 0px;
}
.details_con img{
 display:block; max-width:100%;
}

.about_tt { font-weight:bold; font-size:40px; line-height:80px; border-bottom:1px #1D8E51 solid;
}
.about_con {
    padding: 40px 0px;
}
.about_con img { max-width:100%; 
}
.about_tt2 {
    font-weight: bold;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
}
    



    .ysbottom {
        background-color: #1D8E51;
        text-align: center;
        padding: 30px 0px 30px 0px;
        line-height: 30px;
        /* font-size: 14px;*/
        color: #fff;
    }
    .ysbottom a {
     color:#fff; }
        .ysbottom a:hover { color:#FF7900;
        }
        /*.indexcon1 {   animation: leftxoncz 1.4s alternate forwards;
}  
 .indexcon2 {   animation: rightxoncz 1.4s alternate forwards;
}  
@keyframes leftxoncz {
  0% {  opacity: 0;  margin-left:-50px; }
 100% {  opacity: 1;  margin-left:4%; } 
}
@keyframes rightxoncz {
0% {  opacity: 0;  margin-right:-50px; }
 100% {  opacity: 1;  margin-right:4%; } 
}*/
        @keyframes bannertextx {
            0% {  opacity: 0;  padding-top:50px; }
 
 100% {  opacity: 1;  padding-top:0px; }
   


}
   .div1 { position:absolute;  min-height:50px; line-height:50px;  background-color:#eee; opacity:0.8; display:block; width:100%; font-size:16px; 
    }
   .div2 { position:absolute;  min-height:60px; line-height:60px;  background-color:#fff; opacity:0.8; z-index:999; display:none; width:100%; font-size:16px;  
    }
.nymenux { width:400px;  margin:auto; height:60px; line-height:60px; position:absolute; left:0px; right:0px; display:none; 
}
.nymenux ul li { width:90px; margin:0px 20px;  float:left; font-size:16px;   text-align:center; cursor:pointer;
}
    .nymenux ul li:hover {
        border-bottom: 3px #FF7900 solid;
        color: #FF7900;
    }

.nymenux2 { width:350px;  margin:auto; height:60px; line-height:60px; position:absolute; left:0px; right:0px; display:none;
}
.nymenux2 ul li { width:130px; margin:0px 20px;  float:left; font-size:16px;   text-align:center; cursor:pointer;
}
    .nymenux2 ul li:hover {
        border-bottom: 3px #FF7900 solid;
        color: #FF7900;
    }
.nymenux3 {
    width:570px;
    margin: auto;
    height: 60px;
    line-height: 60px;
    position: absolute;
    left: 0px;
    right: 0px;
    display: none;
}

    .nymenux3 ul li {
        width: 100px;
        margin: 0px 20px;
        float: left;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
    }

        .nymenux3 ul li:hover {
            border-bottom: 3px #FF7900 solid;
            color: #FF7900;
        }





.aaaa { cursor:pointer; 
}
    .aaaa:hover { color:#d6392b;
    }


  #NcBanner {  width:100%;   height:100%; position:relative;  margin:0px auto;
        }

        #Bannerchange { width:100%;  height:100%; 
        }
            #Bannerchange .div1 { display:none; padding:0px; margin:0px; width:100%; height:100%;  position:absolute;
                                 background-repeat:no-repeat; background-size:contain;    background-position:center center;

            }
#bannerbiao { position:absolute;  bottom:10px;  left:0%;  right:0px;  z-index:999; margin:auto; width:80%;   max-width:1200px;  display:block; text-align:center; 
}
    #bannerbiao table {   padding:0px;  border-collapse:collapse;  text-align:center;   margin:auto;
                       
    }
    #bannerbiao table tr {  margin:0px; padding:0px;
    }
        #bannerbiao table tr td { width:24px; height:24px;  padding:5px;   cursor:pointer; background-image:url(/skin/dotx.png); background-repeat:no-repeat;
        }



        .sjbanner { display:block; border:0px;  
}
    .sjbanner img { display:block;outline:none; 
    }

        
  #NcBanner {  width:100%;   height:100%; position:relative;  margin:0px auto; z-index:555;
        }

        #Bannerchange { width:100%;  height:100%; 
        }
            #Bannerchange .div1 { display:none; padding:0px; margin:0px; width:100%; height:100%;  position:absolute;
                                 background-repeat:no-repeat; background-size:contain;    background-position:center center;

            }
#bannerbiao { position:absolute;  bottom:10px;  left:0%;  right:0px;  z-index:999; margin:auto; width:80%;   max-width:1200px;  display:block; text-align:center; 
}
    #bannerbiao table {   padding:0px;  border-collapse:collapse;  text-align:center;   margin:auto;
                       
    }
    #bannerbiao table tr {  margin:0px; padding:0px;
    }
        #bannerbiao table tr td { width:24px; height:24px;  padding:5px;   cursor:pointer; background-image:url(/skin/dotx.png); background-repeat:no-repeat;
        }



.morer {
    display: inline-block;
    width: 80px;
    height: 25px;
    border: 1px #1D8E51 solid;
    color: #1D8E51;
    margin-top: 260px;
    line-height: 25px;
    font-size: 13px;
    cursor: pointer;
}

    .morer:hover {
        background-color: #C21334;
        color: #Fff;
        border: 1px #C21334 solid;
    }

.imgfanda {
    overflow: hidden;
    display: block;
}

    .imgfanda:hover {
        overflow: hidden;
        transform: scale(1.2, 1.2);
        -webkit-transform: scale3d(1.2,1.2);
        transition: .5s transform;
        -webkit-transition: .5s transform;
    }

.newslists {
    width: 100%;
    margin: 10px auto;
    line-height: 30px;
    height: 200px;
}

.newslistsleft {
    float: left;
    width: 30%; max-width:220px;
    overflow: hidden;
    cursor: pointer;
}

    .newslistsleft img {
        width: 100%;
        overflow: hidden;
    }

        .newslistsleft img:hover {
            transform: scale(1.3, 1.3);
            -webkit-transform: scale3d(1.3,1.3);
            transition: .8s transform;
            -webkit-transition: .8s transform;
        }

.newslistsright {
    width: calc(100% - 250px);
    float: right;
}

.newslistsright_1 {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.newslistsright_2 {
    height: 30px;
    min-width: 80px;
    line-height: 30px;
    color: #ccc;
}

.newslistsright_5 {
    border-bottom: 3px #C21334 solid;
    margin-bottom: 2px;
    margin-top: 3px;
    width: 30px;
    height: 0px;
}

.newslistsright_3 {
    margin-top: 0px;
    line-height: 25px;
    display: inline-block;
    margin-bottom: 10px;
    color: #808080;
}





.caselist {
    width: 100%;
    margin: 0px auto;
}

    .caselist li {
        width: 360px;
        margin:0px 10px 20px  10px;
        height: 250px;
        line-height: 40px;
        text-align: center;
        background-color: #f2f2f2;
        color: #fff;
        float: left;
        overflow: hidden;
        cursor: pointer;
        animation: bannertextx 1.4s alternate forwards;
    }

        .caselist li img {
            width: 100%;
            height: 100%;
        }

            .caselist li img:hover {
                transform: scale(1.05, 1.05);
                -webkit-transform: scale3d(1.05,1.05);
                transition: .8s transform;
                -webkit-transition: .8s transform;
            }

.nyinfoms {width:100%;  margin-bottom:40px;
}
    .nyinfoms h1 { text-align:center; 
    }
    .nyinfoms .div22 { text-align:justify; margin-top:10px; 
    }



.ysind5 {padding:50px 0px;
}
.ysind5_t {
    text-align: center;
    font-size: 30px;
    line-height: 80px;
}
.ysind5_mes { text-align:center; line-height:30px; margin-bottom:30px;
}
.yslistx_l { width:24%; padding:10px 4.1%;  float:left; text-align:center; 
}
.yslistx7 {
    padding:20px;
    line-height:25px;
    text-align: center;


}
    .yslistx7 img {
   max-width:100%;  width:100%; }



.yslistx_9 { border:1px #eee solid;padding:20px; line-height:24px;   float:left; width:calc(100% - 42px);  min-height:190px;
}
    .yslistx_9 b { font-size:16px; 
    }
    .yslistx_9 img {
        margin: 14px auto 8px auto;
    }
.yslistx_8 { text-align:left; line-height:24px;
}
.yslistx_8 b {
    font-size: 16px;
}
    .yslistx_8 img {
        margin-bottom: 8px;
        display: block;
        width: 100%;
    }