/*新闻详情*/





.M_Nbanner{display: none;}

.banner{position: relative;}

.zhe{position: absolute;width: 100%;height: 100%;top:0;left:0;background: rgba(0,0,0,0.3);z-index: 9;}







.N_main1 .text img{ height:auto !important;}





.N_main{width: 1200px;margin:50px auto 0; position:relative;}

.N_left{width: 60%;float: left;}

.N_left h3{margin:15px 0;font-size: 18px;font-weight: bold;}

.N_left h6{color:#A4A4A4;margin:0 0 10px;font-size: 12px;}

.N_left .text{max-width: 720px; margin-top: 25px;padding-top: 20px;border-top: 1px solid #dedede;}
.N_left .rchives{
    display: none;
}
.N_left .author{
    color: #ccc;
    margin-top: 10px;
}
.N_left .text h4,.N_left .rchives h4{
    font-size: 18px;
    font-weight: bold;
    margin-top: 25px;
}
.N_left .text h5{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 18px;
}
.N_left .text .pic{
    margin: 15px 0 10px;
}
.N_left .text .pic .tagging{
    display: block;
}
.N_left .text .pic img{
    max-width: 100%;
    vertical-align: top;
    margin-bottom: 4px;
}
.N_left .text .txt,.N_left .rchives .txt{
    line-height: 24px;
}
.N_left .text .txt{
    margin-top: 10px;
}
.N_left .img{margin: 40px 0 0;}

/* .N_main1 .N_left .img img{border: 1px solid #DEDEDE;width: 100%;} */

/* .N_left .img img{border: 1px solid #DEDEDE;} */


.share{color:#4F4F4F;font-size: 14px;}

.share i{font-size: 23px;display: inline-block;*display: block;*zoom: 1;margin-left: 10px;}

.N_left .classa .bds_WEIXIN{padding-right: 4px;}

.classa{display:inline-block;*display: block;*zoom: 1;vertical-align: middle;width: 200px;}

.bdshare-button-style2-32 .classa a{width: 25px;line-height: 25px;height: 25px; display:inline-block;}

/* .text p{margin: 15px 0;} */
.text p{line-height: 25px;}
.text p span{height: 25px;line-height: 25px;}

.casemorea2{margin-right: 10%;}

.casemorea3{width: 140px;margin-right: 10px;}

.casemorea3:hover span{ opacity:1;-webkit-opacity:1;-moz-opacity:1;margin-left:15px;}



.N_right{width: 310px;float: right;padding: 30px;background: #f3f3f3; position:relative; top:0;}

.N_rightOn{position:fixed; right:50%; margin-right:-600px; top:80px;width: 310px;}







.N_right h4{font-size: 14px;font-weight: bold;}

.N_right .fz{font-size: 12px;color: #9D9D9D;}

.new_list{margin-bottom: 20px;}

.new_list div{width: 28%;float: left;overflow: hidden;}

.new_list p{width: 67%;float: right;font-size: 12px;}

.u_list{margin-top: 20px;}

.N_rightOn_1{opacity:0;-webkit-opacity:0;-moz-opacity:0; top:-30px; position:fixed; right:50%; margin-right:-600px; width: 310px;}



.N_rightOn{transition:top 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-webkit-transition:top 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-moz-transition:top 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;}

.N_rightOn_1{transition:opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s,top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-webkit-transition:opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s,top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-moz-transition:opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s,top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;}





.N_left h3{ font-size:22px;}

.N_left h6{ font-size:16px;}

.N_left .fbta{ font-size:18px;}




.classa{ width:auto;}
.classa .bdshare-button-style2-32 a{ float:none; margin:0; margin-left:20px;}
.info p{ line-height:24px;}

.casemore1{ text-align:right;}
.casemorea2{ margin:0;}
.casemorea{ margin-left:15px;}

@media (max-width: 1200px) {

    .N_main,.w1000{width: 90%; margin: 0 auto;}

}

@media (max-width: 768px){

   .N_right{display: none;}
    .N_left .rchives{
        display: block;
    }
    .N_left {width:100%;float: none;}

    .casemorea3{width: 40%;}

    .casemorea3:hover span{display: none;}

    .casemorea:hover em{ color:#2a2a2a;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}

    .P_Nbanner{display: none;}

    .M_Nbanner{display: block;}

    .N_left .C_share {float: none; margin-top: 10px;display: block;}

    .N_left .classa .bds_WEIXIN{padding-right: 10px;margin: 6px 10px;}

    .maincasetop  .maincasesub a{width: 76px;}

    .maincasetop1  .maincasesub a{width: 13%}

    .casemorea2,.casemorea3{margin: 0;width: 100%;}

    .maincase{padding: 0; padding-top:80px;}

	

	.topmain1{ width:100%;}
  
  .N_main .text img{height:auto !important}

}

































































/*案例详情*/

.C_share{float: right;margin-top: -7px;}

.info p{line-height: 30px;vertical-align: top;}
.info p span{
    display: inline-block;
    width: 226px;
    vertical-align: top;
}

.info p span{color: #999999;}

.info{margin:10px 0 20px 0;}