@charset "utf-8";
/* CSS Document */

.nybanner{width: 100%;
    margin: 0 auto;
	overflow: hidden;}
.nybanner img{overflow: hidden;width: 100%;margin-top: -1px;}
.font18 {
    font-size: 18px;
    font-weight: 500;
}


/*新闻列表0224*/

.conter{ width:1200px; position:relative; display:table; margin-bottom: 30px;}

.news-list{ width:100%; display:table;}

.news-list{ width:1180px; padding:10px; background-color:#fff; margin-top:20px;}

.sub-news{ width:100%;}

.sub-news li{ width:100%; display:table; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #E2E2E2;}

.sub-news li dt{ float: left;
    width: 299px;
    height: 159px;
    overflow: hidden;}

.sub-news li dt img{    
	width: 299px;
    height: 217px;}

.sub-news li dt img:hover{ opacity:0.9;}

.sub-news li dd{width: 754px;
    float: left;
    margin-left: 30px;
    position: relative;
    text-align: left;}

.sub-news li dd h6{font-size: 14px;
    margin-top: -5px;
    margin-bottom: 20px;
    color: #999999;
    font-weight: 100;}

.sub-news li dd h3 a{ font-size:18px; color:#000;}

.sub-news li dd h3 a:hover{ color:#b4935e;}

.sub-news li dd span{ display: block;
    width: 100%;
    border-top: 1px solid #E2E2E2;
    margin: 17px 0;}

.sub-news li dd p{ width:100%; line-height:22px; color:#999999;margin-top: 32px;}

.sub-news li dd small a{ position:absolute; right:0; top:50%; margin-top:-10px; display:block; width:20px; height:20px; font-size:14px; text-align:center; line-height:18px; border:1px solid #E2E2E2; color:#E2E2E2;}

.sub-news li dd small a:hover{ background-color:#7B0207; color:#fff; border-color:#7B0207;}

.fy{ width:100%; display:table;}

.fy a{ padding:5px 12px; background-color:#F8F8F8; color:#666666; font-size:13px; margin-right:4px;}

.fy a:hover{ background-color:#DB3717; color:#fff;}

.fy a.on{ background-color:#DB3717; color:#fff;}

/*案例*/

/*案例*/ 


 #projectlist .projectitem a img{position: relative;perspective:150;-webkit-perspective:150;}   
#projectlist .projectitem a:hover img { transform: scale(1.08, 1.08);}
#indexPage #mproject .content .header { padding-top:110px;margin:0 auto; width: 1200px;text-align: center;}
#indexPage #mproject #projectlist { width:1260px; }
#indexPage #mproject #projectlist { width:100%; margin:0 auto;margin-top:-15px }
#indexPage #mproject .content .wrapper { width:1200px; margin: 0 auto;padding-left: 0px;overflow: hidden;}
#indexPage #mproject #projectlist .projectitem { transition: all ease-out .3s;width:374px;  height:330px; margin: 0 25px 25px 0px;}
#indexPage #mproject #projectlist .projectitem a::after{conter'';display:block;clear: both;}
#indexPage #mproject #projectlist .projectitem:hover {box-shadow: 0px 7px 17px #dedede;}
#indexPage #mproject #projectlist .projectitem:nth-child(3n){margin-right: 0px;}
#projectlist .projectitem a:hover .project_info { background:none }
#indexPage #mproject #projectlist .projectitem a .project_info div { height: 100px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
 position: absolute;bottom: 0px; top: 245px; width: 100%; background: #fff; }
#indexPage #mproject #projectlist .projectitem a .project_info p { width:auto; text-align:left; }
#indexPage #mproject #projectlist .projectitem a .project_info .title {     font-size: 16px;color: #3C3C3C;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height: 32px; line-height: 32px;text-align: left; margin: 0px;padding-top: 20px;}


#indexPage #mproject #projectlist .projectitem a .project_info .subtitle { transition: all ease-out .3s;-webkit-transform-origin: center bottom;-moz-transform-origin: center bottom; color: rgba(0, 0, 0, 0.4); width: 75%; height: 40px; line-height: 40px;overflow: hidden; font-size: 13px; text-align: left;padding: 0px; margin: 0px; margin-left: 20px; line-height: 24px;white-space: nowrap}

#indexPage #mproject #projectlist .projectitem:hover a .project_info .subtitle{}

#projectlist .projectitem a .project_info{border-radius:  0px;}



#indexPage #mproject #projectlist .projectitem a img {overflow:hidden;border-radius: 0px 0px 0px 0px;}

#indexPage #mproject #projectlist .projectitem a .project_info div:after { content:''; width:37px; height:20px; display:none; position:absolute; top:50%; right:2px; background: transparent url(../images/icon2.png) no-repeat -30px -66px; transition: all 0.3s ease-out 0s; margin-top:-11px; border-left: 1px solid rgba(0, 0, 0, .0);width: calc(100% - 198px);
height: 60px;overflow: hidden; }



/*内页案例*/

#projectlist{ text-align:center; float:right; width:960px;}
.npagePage #projectlist .wrapper { margin-left:20px; display:inline-block; width:auto;}
#sitecontent .Pageanli #projectlist .projectitem { width:300px; margin:0 20px 53px 0; height:318px; background:none; display:inline-block; transition: all 0.3s ease-out 0s;}
#sitecontent .Pageanli #projectlist .projectitem:hover{box-shadow: 0px 7px 17px #dedede;}
#projectlist .projectitem a:hover .project_info { background:none }
.npagePage #projectlist .projectitem a .project_info div { border-bottom: 1px rgba(109, 109, 109, 0.22) solid; height: 146px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; bottom:0px;width:100%; background:#fff; }


.npagePage4 #projectlist .projectitem a .project_info div{ height: 131px;}
.npagePage #projectlist .projectitem a .project_info p { width:auto; text-align:left; }
.npagePage #projectlist .projectitem a .project_info .title { font-size: 16px;
    color: #06090e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 32px;
    line-height: 32px;
    text-align: left;
        padding-top: 25px;
    padding-left: 14px;
    margin: 0px;
    padding-right: 14px;}


.npagePage #projectlist .projectitem a .project_info .subtitle {  -webkit-transform-origin: center bottom;border: 0px red solid;display: block; overflow: hidden; margin:0px; padding:0px 70px 0px 0px;  -moz-transform-origin: center bottom;overflow: hidden;line-height: 40px;transform-origin: center bottom;  opacity: 1;-webkit-transform: rotateX(0deg); height: 40px; position: absolute;left: 20%; top: -40px;color: #FFFFFF;width: 60%; font-size: 15px;height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 15px;
    text-align: center;
    padding: 0px;
    background: rgba(48, 93, 195, 0.87);
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    margin: 0px;}

    


.npagePage #projectlist .projectitem a .project_info div:after {display: none; content:''; width:37px; height:20px; position:absolute; top:50%; right:0; background: transparent url(../images/icon2.png) no-repeat -30px -66px; transition: all 0.3s ease-out 0s; margin-top:-13px; border-left: 1px solid rgba(0, 0, 0, 0); }
.npagePage #projectlist .projectitem:hover a .project_info div { padding:5px 0; }
.npagePage #projectlist .projectitem:hover a .project_info div:after {display:none;background: url(../images/icon2.png) no-repeat 16px -66px; border-left:1px solid rgba(0, 0, 0, .1); }
#projectlist .projectitem a:hover .project_info p.title { color: #666; font-size:15px;}

.npagePage #mproject .content .subtitle::after{content: '';
    background-color: #2b68d2;
    width: 9px;
    height: 9px;
    display: block;
    border-left: 7px #F7F7F7 solid;
    border-right: 7px #F7F7F7 solid;
    position: relative;
    top: 15px;
    left: 228px;}