@charset "utf-8";
.wrapper {
    position:relative;
    font-size: 12px;
    overflow-y: hidden;
}

/*only_pic*/
.wrapper .only_pic{
    height: 499px;
    background-image: url(../images/topics_pic.jpg);
    background-position: center;
    background-attachment: fixed;
    position:relative;
}
@media screen and (max-width: 1320px) {
.wrapper .only_pic{
    background-attachment: scroll;
}
}
.wrapper .only_pic .main{
    width: 1200px;
    height: 100%;
    margin: auto;
    padding: 0px 25px;
    position:relative;
    color: #FFF;
}
.wrapper .only_pic .main .txt_box {
    padding-top: 225px;
    text-align: center;
}
.wrapper .only_pic .main .txt_box h4.name{
    padding: 0 15px;
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    position: relative;
}
.wrapper .only_pic .main .txt_box h4.name:before , .wrapper .only_pic .main .txt_box h4.name:after{
    content:"";
    display: block;
    position: absolute;
    bottom: -2px;
    width: 13px;
    height: 1px;
    background-color: #FFF;
}
.wrapper .only_pic .main .txt_box h4.name:before{
    left: 0px;
}
.wrapper .only_pic .main .txt_box h4.name:after{
    right: 0px;
}


.wrapper .only_pic .main .txt_box h5.title{
    font-size: 24px;
    line-height: 200%;
}

/*center_content*/
.wrapper .center_content{
    width: 100%;
    position:relative;
}
.wrapper .center_content::before{
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #ffffff;
}
.wrapper .center_content .left{
    width: 1200px;
    height: 100%;
    margin: auto;
    padding: 60px 10px;
    position:relative;
    color: #3f3f3f;
}
.wrapper .center_content .left .box_two{
    width: 100%;
    padding: 0px 10px;
    position:relative;
}
.wrapper .center_content .left .box_mo h5.title{
    font-size: 25px;
    line-height: 200%;
    font-weight: bold;
    letter-spacing:2px;
}
.wrapper .center_content .left .box_mo p.txt{
    font-size: 18px;
    line-height: 150%;
    letter-spacing:2px;
}
/*div.test{
white-space:nowrap; 
width:100%; //你可以指定希望的寬度
overflow:hidden;
text-overflow:ellipsis;
}*/

/*case*/
.wrapper .case{
/*    padding: 95px 0;*/
    width: 100%;
    position: relative;
    min-height: 300px;
}
/*.wrapper .case:before{
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #dfe1e1;
}*/
.wrapper .case .main{
    width: 1200px;
    margin: auto;
/*    padding: 10px 25px;*/
/*    height: 100%;*/
    padding: 0px 25px;
    position:relative;
    color: #3f3f3f;
}
.wrapper .case .main .house_pic{
/*    float: left;*/
    margin-bottom: 40px;
    position: relative;
    /*cursor: pointer;*/
    padding: 60px 0px;
/*    height: 600px;*/
}
.wrapper .case .main .house_pic:nth-child(odd) .txt_box{
    width: 565px;
    min-height: 330px;
    padding: 30px;
    position: absolute;
    right: 0;
    top: 110px;
    z-index: 20;
    background-color: #FFF;
}
.wrapper .case .main .house_pic:nth-child(even) .txt_box{
    width: 565px;
    height: 330px;
    padding: 30px;
    position: absolute;
/*    right: 0;*/
    top: 110px;
    z-index: 20;
    background-color: #FFF;
/*    float: left;*/
}
.wrapper .case .main .house_pic:nth-child(odd) .img{
    overflow:hidden;
    /*float: left;*/
    height: 426px;
}
.wrapper .case .main .house_pic:nth-child(even) .img{
    overflow:hidden;
/*    float: right;*/
/*    right: 0px;*/
/*    position: absolute;*/
    padding-left: 520px;
}
.wrapper .case .main .more{
    padding: 4px 15px;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid black;
    position: absolute;
    width: 90%;
    bottom: 30px;
}
.wrapper .case .main .more a{
     display: block;
     width: 100%;
     height: 100%;
}
.wrapper .case .main .house_pic .img img{
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1); /* Standard syntax */
    -webkit-filter: brightness(1);
    filter: brightness(1);
    transition: all 0.4s ease-out;
}
.wrapper .case .main .house_pic:hover .img img{
    -ms-transform: scale(1.03); /* IE 9 */
    -webkit-transform: scale(1.03); /* Safari */
    transform: scale(1.03); /* Standard syntax */
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
}
.wrapper .case .main .house_pic .txt_box h5.title{
    font-size: 20px;
    font-weight: bold;
    line-height: 180%;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.wrapper .case .main .house_pic .txt_box p.txt{
    font-size: 16px;
    line-height: 180%;
    /*width:100%;
	max-width:500px;*/
	/*line-height:1.5;*/
	/*margin:1em 0;*/
/*	border:#F00 1px solid;*/
	text-align:justify;
	/*padding:5px;*/
	/*多行文字限制*/
	display: -webkit-box;  
	overflow:hidden;
	text-overflow : ellipsis;
	-webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding-top: 10px;
}
.wrapper .case .main .menubox{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0px;
}
.wrapper .center_content .center .box_two .img{
    width: 1200px;
    height: auto;
    padding: 80px 70px;
    text-align: center;
}
.wrapper .center_content .center .box_two .img.horizontal img{
    width: 90%;
}
.wrapper .center_content .center .box_two .img.straight img{
    width: 55%;
}
.wrapper .case .main .menubox .btn_all{
    text-align: left
}
.wrapper .case .main .menubox .btn_all .picbtn{
    display: inline-block;
    width: 205px;
    height: 42px;
    color: #3f3f3f; 
/*    background-color: #090909;*/
    border: 1px solid #3f3f3f;
    font-size: 18px;
    line-height: 40px;
    margin: 0px 10px;
    cursor: pointer;
    transition:all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;    /* Firefox 4 */
    -webkit-transition: all 0.4s ease-out; /* Safari 和 Chrome */
    text-align: center;
    letter-spacing: 10px;
    padding-left: 10px;
}
.wrapper .case .main .menubox .btn_all .picbtn:hover{
    background-color: #3F3F3F;
}





.wrapper .center_content .center{
    width: 1200px;
    height: 100%;
    margin: auto;
    padding: 60px 10px;
    position:relative;
    color: #3f3f3f;
}
.wrapper .center_content .center .box_two h1.title{
    font-size: 30px;
    font-weight: bold;
    line-height: 180%;
}
.wrapper .center_content .center .box_two h5.title{
    font-size: 25px;
    font-weight: bold;
    line-height: 180%;
}
.wrapper .center_content .center .box_two p.txt{
    font-size: 16px;
    line-height: 180%;
}
.wrapper .center_content .center .box_two .img{
    width: 1200px;
    height: auto;
    padding: 80px 70px;
}
.wrapper .center_content .center .box_two h6.txt{
    font-size: 10px;
/*    font-weight: bold;*/
    line-height: 180%;
}


.wrapper .back{
    text-align: center;
}

.wrapper .back .btn{
    padding: 5px 30px;
    display: inline-block;
    border: 1px solid #3f3f3f;
    color: #3f3f3f;
    font-size: 15px;
    line-height: 100%;
    color: #3f3f3f;
}
.wrapper .back .btn:hover{
    color: #FFF;
    background-color: #3f3f3f;
}
.wrapper .link_all .share{
    padding-top:50px;
}
.wrapper .link_all .share> li{
    display: inline-block;
/*    padding: 0 15px;*/
    padding-left: 0px;
    padding-right: 15px;
}
.wrapper .link_all .share> li> a{
    -webkit-filter: saturate(0%);
    filter: saturate(0%);
}
.wrapper .link_all .share> li> a:hover{
    -webkit-filter: saturate(100%);
    filter: saturate(100%);
}