/**产品中心**/
 .ziti{
	     font-size: 14px;
		 font-family:黑体;
		 color:#555555;
 }
.case .tit {
    text-align: center;
}
.case .tit h1 {
    color: #1c1613;
    text-transform: uppercase;
	font-size:32.97px;
	font-weight:Bold;
}
.case .tit p {
    color: #888888;
	font-size:16px;
	margin-bottom:55px;
	margin-top:5px;
}
.case .tabs a:hover{
	border:#025e51 1px solid;
	border-radius:25px;
    height: 50px;
    line-height: 50px;
    color: #025e51;
	 text-decoration:none;
}
.case .tabs {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.case .tabs a {
	width:140px;
    display: block;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    color: #626262;
    text-align: center;
}
.tabbox .tab_box .container .thumb ul li{
		margin-top:2%;
}
.tabbox .tab_box .container .thumb ul li div h3{
	position: relative;
    top: 78%;
    margin: 0 auto;
    text-align: center;
    background: rgba(111,111,111,0.9);
    color: white;
    line-height: 70px;
	font-size:19px;
	font-family:微软雅黑;
}
.tabbox .tab_box .container .thumb ul li div{
height:320px; margin-top:1%;
}
.tabbox .tab_box .container .thumb ul a{

}

 /**木纪元板材十大特性**/
 
 .box3bj2 ul .ditanhuanbao{
background:url("images/shida/ditanhuanbao.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .bukailie{
background:url("images/shida/bukailie.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .fangchaofangshui{
background:url("images/shida/fangchaofangshui.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .fangchongfangzhu{
background:url("images/shida/fangchongfangzhu.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .fangfufangdu{
background:url("images/shida/fangfufangdu.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .fanghuoB1ji{
background:url("images/shida/fanghuoB1ji.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .jingjiunaiyong{
background:url("images/shida/jingjiunaiyong.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .ouzhoubiaozhun{
background:url("images/shida/ouzhoubiaozhun.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .xunhuanliyong{
background:url("images/shida/xunhuanliyong.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .yianzhuang{
background:url("images/shida/yianzhuang.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}

/*鼠标悬浮上去放大*/
 .box3bj2 ul .ditanhuanbao:hover{
background:url("images/shida/ditanhuanbao2.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .bukailie:hover{
background:url("images/shida/bukailie2.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .fangchaofangshui:hover{
background:url("images/shida/fangchaofangshui2.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .fangchongfangzhu:hover{
background:url("images/shida/fangchongfangzhu2.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .fangfufangdu:hover{
background:url("images/shida/fangfufangdu2.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .fanghuoB1ji:hover{
background:url("images/shida/fanghuoB1ji2.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .jingjiunaiyong:hover{
background:url("images/shida/jingjiunaiyong2.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .ouzhoubiaozhun:hover{
background:url("images/shida/ouzhoubiaozhun2.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .xunhuanliyong:hover{
background:url("images/shida/xunhuanliyong2.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}
.box3bj2 ul .yianzhuang:hover{
background:url("images/shida/yianzhuang2.png")no-repeat;
height:120px;
    width: 240px;
    float: left;
}

.box3bj2 ul{
width:1200px;
margin:0 auto;
padding-top: 8%;
}
.box3bj2 ul li{
margin-bottom:30px;
}
 .ziti{
	     font-size: 12px;
		 font-family:微软雅黑;
		 color:#676767;
 }
.case2 .tit h2 {
    font-size: 35px;
    color: #0670be;
}
.case2 .tit {
    text-align: center;
}
.case2 .tit p {
    font-size: 20px;
    color: #0670be;
    text-transform: uppercase;
}
.case2 .tabs2 a:hover{
	border: 1px solid #dc0b00;
    height: 45px;
    line-height: 45px;
    color: #dc0b00;
	text-decoration:none;
}
.case2 .tabs2 {
    width: 750px;
    height: 40px;
        margin: 0 0 0 19%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	animation:myfirst 2s;
}
.case2 .tabs2 a {
	width:140px;
    display: block;
    height: 45px;
	font-size:15px;
    line-height: 45px;
    color: #787878;
    text-align: center;
	border-radius: 30px;
}
.xwzx_nr {
    overflow: hidden;
    padding-top: 25px;
    margin-bottom: 2%;
    width: 58%;
    margin-left: 19%;
}
.xwzx_left {
        width: 40%;
	height:468px;
    float: left;
	animation:myfirst 2s;
}
.xwzx_left img {
    width: 100%;
	    height: 57%;
}
.xwzx_left h2 a{
    font-size: 17px;
    color: #434343;
    font-weight: 200;
    line-height: 52px;
}
.xwzx_left h2 a:hover{
color: #434343;
border: 0px solid #025e51;
background:#FFFF;
}
.xwzx_left p {
    font-size: 14px;
    color: #727272;
    line-height: 24px;
}
.xwzx_left a {
    display: block;
    width: 130px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #025e51;
    color: #025e51;
    font-size: 16px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.xwzx_left a:hover {
text-decoration:none;
background:#025e51;
color:#FFFFFF;
}
.xwzx_right {
    float: right;
        width: 57%;
		animation:mysecond 2s;
}
.xwbox {
    overflow: hidden;
    padding-bottom: 55px;
}

.xw_left img {
    width: 180px;
    height: 110px;
}
.xw_right {
    float: right;
    width: 480px;
}
.xw_right h2 {
    font-weight: 200;
    font-size: 16px;
    color: #4c4c4c;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xw_right p {
    font-size: 13px;
    color: #737373;
    line-height: 23px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.xw_right h4 {
    padding-top: 10px;
    font-weight: 200;
    font-size: 14px;
    color: #a1a1a1;
}
.xwbox {
    overflow: hidden;
    padding-bottom: 5px;
}
.xw_left {
    width: 36;
    float: left;
    overflow: hidden;
}
.xw_right {
    float: right;
    width: 60%;;
}
.xw_right h2 a{
    font-weight: 200;
    font-size: 16px;
    color: #4c4c4c;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-decoration:none;
}
.xw_right p {
    font-size: 13px;
    color: #737373;
    line-height: 23px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.xw_right h4 {
    padding-top: 10px;
    font-weight: 200;
    font-size: 14px;
    color: #a1a1a1;
}
.case2 .tabs a:hover{text-decoration:none;}

@keyframes myfirst{0% {transform:translate(-200px,0); opacity:0;} 100% {transform:translate(0,0); opacity:1;}}
@keyframes mysecond{0% {transform:translate(200px,0); opacity:0;} 100% {transform:translate(0,0); opacity:1;}}
@keyframes mythird{0% {transform:translate(0,-200px); opacity:0;} 100% {transform:translate(0,0); opacity:1;}}
.myfirst{animation:myfirst 2s;}/*左边*/
.mysecond{animation:mysecond 2s;}/*右边*/
.mythird{animation:mythird 2s;}/*从上往下*/

.header .header-top .container marquee{
    animation: mythird 1s;
}

.header .header-top .container .top-nav{
	animation: mysecond 1s;
}

.header .header-c .logo {
    animation: mythird 1s;
}

.header .header-c .tel{
	animation: mysecond 1s;
}
.header .top3bj .w1200{
animation:mythird 2s;
}