.case_menu{margin:0 auto;height:120px; overflow:hidden; margin-left:2%; }
.case_menu li{float:left;height:28px;margin-right:4%;padding-top:45px;}
.case_menu li a{display:block;width:100%;float:left;height:28px;line-height:28px;text-align:center;background:#;color:#666;border-radius:4px; font-size: 14px;}
.case_menu li a.hover{background:#;color:#da0502;}
.case_menu li a:hover{background:#;color:#da0502;}

@media (max-width: 1200px) {
	
.case_menu{width:100%;}
.case_menu li {padding-left:1%; padding-right:1%; }
}





.week-case {

	 margin: 0 auto;

	padding-bottom: 15px; 

}

.week-case_con {

	overflow: hidden;



	padding-bottom: 10px;

}
/*2017-02-23淇敼鏍峰紡*/

.week-case_con ul li a:link,.week-case_con ul li a:hover{text-decoration: none;}
.week-case_con ul{width: 100%;
	position: relative;
	font-size: 0;}

.week-case_con ul li{    display: inline-block;
	position: relative;
	width: 32.3%;
	margin: 0 .5%;
	margin-bottom: 30px;
	vertical-align: top;
}
.week-case_con ul li a .img{
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.week-case_con ul li a .img>img{
display: block;
width: 100%;
height: auto;
transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
}
.week-case_con ul li a .img i{
position: absolute;
background: rgba(255, 255, 255, .5);
text-align: center;
bottom: 0;
width: 100%;
height: 170px;
display: block;
transform: translateY(100%);
-moz-transform: translateY(100%);
-webkit-transform: translateY(100%);
transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
}
.week-case_con ul li a .img i img{
max-width: 100%;
max-height: 100%;
}
.week-case_con ul li a .txt{
height: 100px;
overflow: hidden;
width: 100%;
position: relative;
text-align: center;
z-index: 2;
	background: #f8f8f8;
}
.week-case_con ul li a .txt div{
font-size: 14px;
line-height: 1.5;
padding:0px 15px 10px;
color: #000;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;

}
.week-case_con ul li:hover a .txt div{
background:transparent}
.week-case_con ul li a .txt div h3{
	color:#333;font-size: 16px;
}
.week-case_con ul li:hover a .txt div h3{
	color:#fff;
}
.week-case_con ul li a .txt div h3:first-child+p{
	color:#666;
	font-size: 12px;
	margin-top:0;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
.week-case_con ul li:hover a .txt div h3:first-child+p{
	color:#fff;
}

.week-case_con ul li a .txt span {
	font-size: 13px;
	color: #999;
	font-style: oblique;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

.week-case_con ul li a .txt small {
	background: #d8251e;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transition: all .4s ease-in-out .2s;
	-moz-transition: all .4s ease-in-out .2s;
	-webkit-transition: all .4s ease-in-out .2s;
}


.week-case_con ul li:hover a .txt div {
	color: #fff
}

.week-case_con ul li:hover a .txt span {
	color: #fff
}


.week-case_con ul li:hover .img i,
.week-case_con ul li:hover .txt small {
	transform: translate(0);
	-moz-transform: translate(0);
	-webkit-transform: translate(0);
	opacity: 1
}

.week-case_con ul li:hover .img>img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1)
}



/*淇敼鎴*/

.week-case_con dl {

	width: 366px;

	height: 380px;

	background: #f3f0ed;

	line-height: 25px;

	margin: 15px;

	float: left;

	color: #666;

}

.week-case_con dl:hover dd {

	box-shadow: 0px 2px 5px 0px #BBB, 0px 2px 10px 0px #BBB;

}

.week-case_con dl dt {

	padding: 0 20px;

	height: 25px;

}

.week-case_con dl dd {

	width: 100%;

	height: 220px;

}

.week-case_con dl dd a {

	display: block;

	width: 100%;

	height: 100%;

}

.week-case_con dt {

	margin-top: 3px;

}

.week-case_con h3 {

	margin-top: 15px;

	margin-bottom: 5px;

	height: 25px;

	overflow: hidden;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

.week-case_con dl h3 a {

	font-size: 18px;

	color: #333;

	font-weight: normal;

	text-decoration: none;

}

.week-case_con dl:hover h3 a {

	color: #DE262E;

}

.week-case_con dl .dt3 {

	height: 75px;

	overflow: hidden;

}







.message-box .wrap {
	margin: 0 auto;
	max-width: 1600px;
	padding: 0 65px;
}

.message-box  .title {
	margin-bottom: 80px;
	position: relative;
	color: #666;
	font-size: 16px;
	line-height: 1.35;
	text-align: center;
}
.message-box .title:before {
	margin-left: -2px;
	width: 27px;
	height: 31px;
	position: absolute;
	left: 50%;
	top: -74px;
	 background: url(../img/arrow2.png) no-repeat center center;
	content: "";
	
}
.message-box  .title span {
	margin-bottom: 18px;
	display: block;
	font-size: 34px;
	font-weight: bold;
}











.black-title p{
    font-size: 22px;
    color: #333;
    position: relative;
    display: inline-block; margin:auto; text-align:center;
}
.black-title p:before{
    content: "";
    position: absolute;
    left: 0%;
    bottom: 50%;
    width: 44px;
    height: 1px;
    background: #333;
    margin-left: -60px;   text-align:center;
}
.black-title p:after{
    content: "";
    position: absolute;
    right: 0%;
    bottom: 50%;
    width: 44px;
    height: 1px;
    background: #333;
    margin-right: -60px;   
}
.black-title h6{
    font-size: 36px;
    color: #000;
    font-weight: bold;
    margin-top: 4px;
}

.message-box{
    width: 100%;
   padding-bottom: 70px;

}
.message{
    width: 100%;
   margin:auto;
}
.message-wordslist{
    width: 100%;
     margin:auto; 
}
.message-wordslist ul{ 
}
.message-wordslist ul li{
    width: 32.3%;
	margin: 0 .5%;
    height: 330px;
    float: left;
  
    padding: 40px 54px 0 54px;
    position: relative;
    background-color: #f9f9f9; margin-bottom:40px; list-style:none;
	
}

.message-wordslist ul li h6{
    width: auto;
    height: 110px;
    background-color: #da0502;
    position: absolute;
    top: -20px;
    left: 54px;
    color: #fff;
    padding: 0 18px;line-height: 20px; 
}
.message-wordslist ul li h6 p{
    font-size: 28px;
    text-align: right;
    margin-top: 20px;
}
.message-wordslist ul li h6 span{
    display: block;
    text-align: center;
    font-size: 16px;line-height: 30px; 
}
.message-wordslist ul li h4{
    font-size: 18px;
    color: #333;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.message-wordslist ul li h4:hover{
    color: #d30830;
}
.message-wordslist ul li h5{
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 30px;
    height: 96px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}





.down{ width:100%; float:left; padding:30px 0 31px 0; background:#0f0f0f;}
.down .p{ width:100%; float:left; font-size:14px; color:#888; line-height:33px;}
.down .p a{ color:#888; display:inline-block; *zoom:1; *display:inline;}
.down .p a:hover{ color:#fff;}
.down .p h5{ float:left; width:73px; font-size:14px; color:#888; line-height:33px;}
.down .p .box1{ margin-left:73px; font-size:14px; color:#888; line-height:33px;}
.down .p .box1 a{ display:inline-block; *zoom:1; *display:inline; float:left;}
.down .p .box1 span{ display:inline-block; *zoom:1; *display:inline; float:left; margin:0 8px;}


@media screen and (max-width:1920px) {

.message-wordslist ul li h4{ padding-top:120px;
    
}
@media screen and (max-width:1600px) {

.message-wordslist ul li h4{ padding-top:0px;
    
}
@media screen and (max-width:1400px) {

.message-wordslist ul li h4{ padding-top:0px;
    
}
@media screen and (max-width:1000px) {

.message-wordslist ul li h4{ padding-top:0px;
    
}
}
@media screen and (max-width:1199px) {

.down{ padding:15px 0 16px 0;}
.down .p{ font-size:12px; line-height:22px;}
.down .p h5{ width:63px; font-size:12px; line-height:22px;}
.down .p .box1{ margin-left:63px; font-size:12px; line-height:22px;}
.down .p .box1 span{ margin:0 6px;}
}
@media screen and (max-width:767px) {


.down{ padding:15px 10px 16px 10px; text-align:center;}
.down .p h5{ width:100%; height:34px; line-height:34px; padding:0 10px; background:url(images/person5_h.png) no-repeat 96% center #191919; background-size:8px 14px; margin-top:10px;}
.down .p .box1{ width:100%; margin-left:0; float:left; display:none; padding:10px;}
.down .p h5.on{ background-image:url(images/person5.png); background-size:14px 8px;}
}



@media all and (max-width:1600px) {
	 .black-title {
        padding: 70px 0 50px 0;
    }

}

@media(max-width: 1440px){

	
	.message-box .wrap{padding: 0 100px;}

	

	
	

}
@media all and (min-width: 768px) and (max-width: 1200px) {
	
	.message-box .wrap{padding: 0;}

	}

@media all and (max-width:1380px) {
	  .message-wordslist ul li h6{
        height: 90px;
    }
    .message-wordslist ul li h6 p {
        font-size: 24px;
        margin-top: 15px;
    }
    .message-wordslist ul li {
        height: 300px;
        padding: 100px 30px 0 30px;
    }

}
@media all and (max-width:1460px) {
  
    .black-title {
        padding: 44px 0 40px 0;
    }
    .black-title h6 {
        font-size: 30px;
    }
}

@media all and (max-width:1300px) {
  
    .black-title h6 {
        font-size: 26px;
    }

}


@media all and (max-width:1000px) {

   .black-title p {
        font-size: 16px;
    }
    .black-title h6 {
        font-size: 18px;
    }
    .black-title {
        padding: 28px 0 24px 0;
    }
}



@media all and (max-width:1000px) {
  .message-wordslist ul {
        margin-left: 0%;
        margin-top: -20px;
    }
    .message-wordslist ul li {
        width: 100%;
        margin-left: 0%;
        height: 244px;
        padding: 80px 16px 0 16px;
        margin-top: 20px;
    }
    .message-wordslist ul li h5{
        margin-top: 12px;
    }
    .message-wordslist ul li h6 p {
        font-size: 20px;
        margin-top: 10px;
    }
    .message-wordslist ul li h6 span {
        font-size: 12px;
    }
    .message-wordslist ul li h6 {
        height: 72px;
        top: -12px;
        left: 16px;
    }
    .message-wordslist ul li h4 {
        font-size: 16px;
    }

}








@media (max-width: 1200px) {
	.week-case_con ul li{
		width: 49%; padding-left:1%; padding-right:1%; padding-bottom:2%;}
.week-case{width:100%;}
.case_menu{width:100%;}
.case_menu li {padding-left:1%; padding-right:1%; }
}

@media (max-width: 640px) {
	.week-case_con ul li {width:100%; padding-bottom:2%;}

.week-case{width:96%;margin: 0 auto;}
}

@-webkit-keyframes to1{