body{
    background: #f5f5f5;
}

.clear:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}





/*清除浮动*/



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    overflow: hidden;

}





/*清除浮动*/

#pages {
    width: 100%;
    margin: 10px auto;
    line-height: 30px;
    text-align: right;
    overflow: hidden;
}

#pages span {
    display: inline-block;
    /* padding: 0 10px 0 0; */
    line-height: 25px;
    display: block;

}
#pages a {
    display: inline-block;
    /* padding: 0 10px 0 0; */
    line-height: 25px;
    display: block;

}

#pages li.active {

    color: #fff;
    background: #0291eb
}

#pages li {
    width: 25px;
    height:25px;
    background: #fff;
        color: #000000;
        display: inline-block;
        text-align: center;
        line-height: 25px;
        padding:0;
        border:none;
        float: left;
}
#pages li::after{
    border: none;
    margin:none;
    padding:0;
}

#pages li:hover {

    color: #fff;
    background: #0291eb
}
#pages li:hover a{
    color:#fff;
}






.wrap{

    max-width:1200px;

    margin:0 auto;

}

.wrap1{

    max-width:1200px;

    margin:0 auto;

}



.case_bt  .navbtn {

    width: 30px;

    height: 30px;

    cursor: pointer;

}

.case_bt .phon_btnb{

    float: left;

    width:30px;

}



.case_bt .navbtn span {

    position: absolute;

    top: 50%;

    left: 0px;

    display: block;

    width: 30px;

    height: 1px;

    background: #424141;

    -webkit-transition: all .3s ease 0s;

    -moz-transition: all .3s ease 0s;

    -ms-transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    transition: all .3s ease 0s;

}

.case_bt .navbtn span::before {

    top: -13px;

}



.case_bt .navbtn span::before, .case_bt .navbtn span::after {

    content: '';

    position: absolute;

    left: 0;

    width: 30px;

    height: 1px;

    background: #424141;

    -webkit-transition: all .3s ease 0s;

    -moz-transition: all .3s ease 0s;

    -ms-transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    transition: all .3s ease 0s;

}





.case_bt{

    background: url("../images/casetbg.png") no-repeat right bottom;

    padding-bottom: 60px;
    margin-bottom: 30px;

}

.case_bt .caselogo ul{

    float: right;
    width: 172%;
    margin-top:30px;

}


.case_bt .caselogo   ul li{

    float: left;

    margin-left:20px;

}

.case_bt .caselogo   ul li img{

    width: auto;

}

.case_bt .caselogo   ul li a{

    color: #666363;

}

.casenav li.atv a{

    color:#0291eb;

}
.casebox {
    background: #fff;
    padding:0px 65px 20px;
    overflow: hidden;
}


.casenav{

    margin:50px auto;

}

.casenav li a:after{

    top:auto;

    background-color: #0291eb;

    bottom:0;

}



.casenav li:hover a{

    color:#0291eb;

}







.casex {

    position: relative;

    overflow: hidden;

}

.nycase .cm_box {

    width: 32%;

    margin: 55px 0;

    margin-left: 2%;

    margin-top:0;

}

.nycase .cm_box:nth-child(1) {

    margin-left: 0px;

}

.nycase .cm_box:nth-child(3n+1) {

    margin-left: 0;

}

.casex .imgdiv {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

}



.casex .imgdiv img {

    width: 100%;

}



.casex .logodiv {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

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

    -webkit-transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;

    -ms-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    transition: all .5s ease 0s;

}

.casex .logodiv:before {

    content: '';

    position: absolute;

    top: 18px;

    left: 2.75%;

    width: 0px;

    height: 1px;

    background-color: #0291eb;

    opacity: 0;

    -webkit-transition: all 1.5s ease 0s;

    -moz-transition: all 1.5s ease 0s;

    -ms-transition: all 1.5s ease 0s;

    -o-transition: all 1.5s ease 0s;

    transition: all 1.5s ease 0s;

}

.casex .logodiv .lod_con {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    text-align: center;

    -webkit-transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;

    -ms-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    transition: all .5s ease 0s;

}

.casex .logodiv .lod_con img {

    width: 300px;

    -webkit-transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;

    -ms-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    transition: all .5s ease 0s;

}

.casex .logodiv .lod_con h5 {

    font-size: 20px;

    line-height: 1.5;

    color: #fff;

    opacity: 0;

    height: 0px;

    -webkit-transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;

    -ms-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    transition: all .5s ease 0s;

}

.casex .logodiv .lod_con:after {

    content: '';

    position: absolute;

    bottom: 0px;

    left: 50%;

    -webkit-transform: translate(-50%,0);

    -moz-transform: translate(-50%,0);

    -ms-transform: translate(-50%,0);

    -o-transform: translate(-50%,0);

    transform: translate(-50%,0);

    width: 34px;

    height: 34px;

    background: url("../images/arryuan.png") no-repeat;

    background-size: 100% 100%;

    opacity: 0;

    -webkit-transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;

    -ms-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    transition: all .5s ease 0s;

}

.casex .logodiv:after {

    content: '';

    position: absolute;

    top: 14.8%;

    right: 2.75%;

    width: 1px;

    height: 0;

    background-color: #0291eb;

    opacity: 0;

    -webkit-transition: all 1.5s ease 0s;

    -moz-transition: all 1.5s ease 0s;

    -ms-transition: all 1.5s ease 0s;

    -o-transition: all 1.5s ease 0s;

    transition: all 1.5s ease 0s;

}





.casex .logodiv:hover{



    background-color: #0291eb;



}



.casex .logodiv:hover .lod_con img{



    margin-bottom: 35px;



}



.casex .logodiv:hover .lod_con h5{



    opacity: 1;



    height: auto;



    color: #ffffff;



}



.casex .logodiv:hover:before{



    width: 94.5%;



    opacity: 1;



}



.casex .logodiv:hover:after{



    height: 72.8%;



    opacity: 1;



}

.casex .logodiv:hover .lod_con{



    padding-bottom:40px;



}

.casex .logodiv:hover  .lod_con img{

    width:200px;

    margin-bottom: 15px;

}

.casex .logodiv:hover .lod_con:after{



    opacity: 1;



}





.casebottom {

    background: url("../images/caseb.jpg") no-repeat center;

    padding:100px 0;

}



.caselist{

    background: #fff;

    overflow: hidden;

    padding:46px 0 20px;

}

.caselist ul{

    position: relative;

    overflow: hidden;

    height: 100%;

}

.caselist ul::before{

    border-bottom:1px dashed #cbcbcb;

    height: 1px;

    content:"";

    top:45%;

    width:100%;

    display: block;

    position: absolute;

}

.caselist ul li {

    float: left;

    width:33.33%;

    float: left;

    text-align: center;

    min-height: 180px;

    margin-bottom: 30px;

    padding:0 15px;

}



.caselist ul li:nth-child(2){

    border-left:1px dashed #cbcbcb;

    border-right:1px dashed #cbcbcb;

}

.caselist ul li:nth-child(5){

    border-left:1px dashed #cbcbcb;

    border-right:1px dashed #cbcbcb;

}

.caselist ul li h2{

    font-size: 22px;

    color: #171717;

    margin:20px 0;

}



.caselist ul li p{

    font-size: 14px;

    line-height: 30px;

}





.newlist .main-container{

    background: #fff;

}



.newlist .section5 .main-container .news .con{

    padding-right: 0;

}



.inpage .main-container{

    background: #fff;

    padding:0

}

.nycase .main-container{

    padding:0

}

.inpage .section1 .bgwhiteh .caselist{

  width:100%;

}



.index.inpage .section1 .bgwhiteh{

    padding:0

}

.index.inpage .section1 .bgwhiteh .newslist{

    padding-bottom: 40px;

}

.g_f4botxia{

    margin-top:40px;

}



.g_f4botxiafl{

    width:50%;

    font-size: 14px;

}

.caselist .newsnein p img{

    margin:0 auto;

    max-width: 80%;

}





.nyabout_center{

    

}

.nyabout_center p img{

    width:100%;

    margin-bottom: 40px;

}

.nyabout_center p{

    color:#737272; 

    font-size: 16px;

    line-height: 35px;

    /* text-indent: 20px; */

}

.nyabout_center  .img2{

    float: right;

    margin-bottom: 40px;
    width: 100%;

}

.nyabout_center .img3{

    margin:45px 0;

}

.nyabout .about_middle .am_bottom{

    padding:0 ;

}

.nyabout .about_middle .am_bottom .amb_txt{

    margin-top:10px;

}

.inabout{

    background: #f9f9f9;

}

.banner3 {

    margin:30px 0;

}

.banner3 img{

    width: 100%;

}



.nycontact .r .guestbook_form .inp_one{

    width:100%;

    height: 45px;

    line-height: 45px;

    border:1px solid #b8b8b8;

  }

  .nycontact .guestbook_show{

    margin:0;

  }

  .nycontact .r .guestbook_form{

    padding:0;

  }

  .nycontact .r .guestbook_form dl{

    height: 45px;

    line-height: 45px;

  }

  .nycontact .r  .guestbook_form .form_b{

    width:100%;

  }

  .nycontact .r  .guestbook_form .bookdl{

    width:100%;

    height: 216px;

  }

  .nycontact .r .guestbook_form .bookdl dd textarea{

    width:100%;

    border: 1px solid #b8b8b8;

  }



  .guestbook_form .bookdl dd textarea {

    width: 439px;

    height: 205px;

}

  .guestbook_form .button {

    width: 100%;

    height: 40px;

    background: #0291eb;

    border: none;

    margin-right: 10px;

    color: #fff;

    cursor: pointer;

    margin: 0 auto;

    display: block;

    border-radius: 10px;

  }



  .nycontact .l{font-size: 16px; }

.nycontact .l p{padding-left:0px;}

/* .nycontact .l p.con1{background: url("../images/con1.png.html") no-repeat left 0; line-height: 40px;} */

.nycontact .l p i{ line-height: 40px; display: inline-block; width:30px; font-size: 18px;}

.nycontact .l p.con3{ line-height: 40px;}



.nycontact .l h2,.nycontact .r h2{font-size: 30px;  font-weight: normal;padding:20px 0; text-transform: uppercase; color: #272727;}

.nycontact .l img.fl{ padding-top:24px; border-bottom:1px dashed #333333; padding-bottom:30px;margin-bottom:30px;}

.nycontact .r{width:560px; float: right;}

.nycontact .r h2 span{color:#434242; font-size: 14px;}

.nycontact .r .guestbook_form .inp_one{

  width:100%;

  height: 45px;

  line-height: 45px;

  border:1px solid #b8b8b8;

}



.page_show .l p strong{

    font-size: 50px;

    margin-bottom: 20px;

    display: block;

}

.page_show .l p{

    font-size: 20px; 

    color:#272727;

    line-height: 30px;

}

.page_show .l h3{

    font-size: 24px; 

    line-height: 40px;

    color:#272727;

}



.nyservice {

    margin-top:50px;

}


/* 新闻 */
.nynews .con_new{
    background: #fff;
    padding:40px 40px;
}
.nynews .wrap .news

{

    width: 100%;

}

.nynews .wrap .news h4{

    font-size: 24px;

    color: #464646;

    line-height: 50px;

}

.nynews .wrap .news .shift

{

    width: 65%;

    padding-right: 30px;

}

.nynews .wrap .news .shift li

{

    position: relative;

    padding-top: 20px;

    padding-right: 16px;

    padding-bottom: 20px;

    border-bottom: 1px solid #e5e5e5;

    -webkit-transition: all .3s ease 0s;

    -moz-transition: all .3s ease 0s;

    -ms-transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    transition: all .3s ease 0s;

}
.nynews .wrap .news .shift li:hover{
    cursor: pointer;
}

.nynews .wrap .news .shift li:first-child{

    border-bottom: 1px solid #e5e5e5;

}

.nynews .wrap .news .shift li:after{

    content: '';

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: 0px;

    height: 1px;

    background-color: #0291eb;

    -webkit-transition: all .3s ease 0s;

    -moz-transition: all .3s ease 0s;

    -ms-transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    transition: all .3s ease 0s;

}

@media (min-width: 1200px) {

    .nynews .wrap .news .shift li:hover:after {

        width: 100%;

    }

}

.nynews .wrap .news .shift li h5

{

    line-height: 1.42;

}

.nynews .wrap .news .shift li .time,

.nynews .wrap .news .shift li a

{

    color: #999;

    font-family: "HT";

}


.nynews .wrap .news .shift li a:hover

{

    color: #0291eb;

}

.nynews .wrap .news .shift li h5:last-of-type

{

    margin-top: 16px;

    margin-bottom: 28px;

    letter-spacing: .5px;

}

.nynews .wrap .news .shift li h5:last-of-type a

{

    line-height: 1.42;

    font-size: 16px;

	height: 44px;

	overflow: hidden;

    color: #464646;

	display: block;

    font-family: "Microsoft JhengHei"; 

}

@media (min-width: 1200px) {

    .nynews .wrap .news .shift li:hover h5:last-of-type a {

        color: #0291eb;

    }

}

.nynews .wrap .news .shift li a span

{

    margin-left: 7px;

}

.nynews .wrap .news .con

{

    width: 35%;

    padding-left: 30px;

}

.nynews .wrap .news .imgdiv

{

	position: relative;

    overflow: hidden;

    /* max-height: 317px;  */

}

.nynews .wrap .news .imgdiv a{

	position: absolute;

	top: 0px;

	left: 0px;

    display: block;

	width: 100%;

}

.nynews .wrap .news .imgdiv img

{

    width: 100%;

    -webkit-transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -ms-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

    transition: all 1s ease 0s;

}

.nynews .wrap .news .con .item:hover .text h4{
    font-weight: bold;
    color:#0291eb;
}

.nynews .wrap .news .con .text h4

{

    margin-top: 15px;

    margin-bottom: 20px;

    line-height: 2;

    color: #464646;

    font-family: "Microsoft JhengHei"; 

    transition: none ease-out .3s;

    transition-property: none;

    transition-duration: 0.3s;

    transition-timing-function: ease-out;

    transition-delay: 0s;

    transition-property: color, background, text-indent, opacity;

}

.nynews .wrap .news .con .text:after{

    content: '';

    position: absolute;

    left: 0px;

    bottom: -1px;

    width: 0px;

    height: 1px;

    background-color: #0291eb;

    -webkit-transition: all .3s ease 0s;

    -moz-transition: all .3s ease 0s;

    -ms-transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    transition: all .3s ease 0s;

}

.nynews .wrap .news .con .text

{

    position: relative;

	transform: translateY(-1px);

    padding-top: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid transparent;

}

@media (min-width: 1200px){

.nynews .wrap .news .con .text:hover:after{

    width: 100%;

}

}

.nynews .wrap .news .con .text h5

{

    font-size: 14px;

    font-family: "HT";

    color: #999;

}

.nynews .wrap .news .con .text a{

    color: #999;

    font-family: "HT";

}

.nynews .wrap .news .con .text a span {

    margin-left: 7px;

}
/* 新闻 */

@media (max-width: 1200px){

.case_bt{

    display: none;

}

.casebottom{

    padding:50px 10px;

}

.nycase {

    padding-left: 45px;

    padding-right: 45px;

    padding-top: 90px;





}

.nycase .cm_box{

    width:48%;

    margin:1%;

}
   



}


@media (max-width: 1920px){
    
     .aboutwap1{
        display: none;
    }
    .fl1{
        display: none;
    }
}

@media (max-width: 1250px){
    
     .IndexService{
        display: none;
    }
   
}



@media (max-width: 767px){

    .nycase .cm_box{

        width:98%;

        margin:1%;

    }
    .nynews .wrap .news .shift{
        padding-right: 0px;
    }
    .nynews .con_new{
        padding: 10px 10px;
    }
    .nycontact .l{
        padding: 5% 5% 0 5%;
    }
.nynews .wrap .news .con{
    display: none;
}
.nynews .wrap .news .shift{
    width: 100%;
}
    .casebox{
        padding: 0px 16px 20px;
    }
    .about1{
        display: none;
    }
     .aboutwap1{
        display: block;
    }
     .fl2{
        display: none;
    }
    .fl1{
        display: block;
        margin: 20px auto;
    }

    .page_show .l p strong{
        font-size: 30px;
    }

    .nycase .cm_box:nth-child(1) {

        margin-left: 1%;

    }

    .nycase .cm_box:nth-child(3n+1) {

        margin-left: 1%;

    }

    

    .caselist ul li{

        min-height: 200px;

        padding:26px 10px;

    }

.caselist ul li h2{

        font-size: 18px;

        font-weight: bold;

 }

 .caselist ul li p{

     line-height: 25px;

 }

.nycase{

    padding: 0px 10px;

    margin-top: 0px;

}


.casenav{

    padding: 0px 15px;

    margin:20px 0

}

 .nynews .wrap .news .con .text h4

{
    font-size: 12px;
    
}     

.nyabout_center{
  padding: 0 5% 0 5%;  
}


}



@media (max-width: 500px){

    .casenav li{

        padding:0 10px 0 0;

    }

    .caselist ul li h2{

        font-size: 16px;

    }

    .caselist ul li{

        min-height: 260px;

    }

    .caselist ul li p{

        line-height: 20px;

    }



}
.bread-nav a{
    color: #666;
}
.pcnews{
    padding-top: 39px;
}
.gx_tyuio1{
    width: 200px;
    float: right;
}
.page_tags a{
    float: left;
    background: #9f9f9f;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 4px;
    line-height: 34px;
    white-space: nowrap;
}
.showbq{
    padding:20px 0 0 0;
}