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

.flash-layout {
    position: relative;
    width:100%;
    min-width:1320px;
    height:699px;
}
.flash-layout .flash
{
    }
.flash-layout .flash li
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	}
.flash-layout .flash .btn
{
	position:absolute;
	left:0px;
	bottom:82px;
	width:100%;
	height:12px;
	text-align:center;
	z-index:999;
	}
.flash-layout .flash .btn dt
{
	display:inline-block;
	width:12px;
	height:12px;
	margin:0px 10px;
	border-radius:50%;
	cursor:pointer;
	}
	
.flash-layout .container
{
	position:relative;
	width:1150px;
	height:904px;
	margin:0px auto auto auto;
	}
.flash-layout .container .btn-wrap
{
    position:absolute;
    left:0px;
    bottom:72px;
    width:135px;
    height:68px;
    background:url(arrow.png) no-repeat;
    z-index:9999;
    }
.flash-layout .container .left-btn
{
	position:absolute;
	left:0px;
	top:0px;
	width:67px;
	height:68px;
	cursor:pointer;
	z-index:9999;
	}
.flash-layout .container .right-btn
{
	position:absolute;
	right:0px;
	top:0px;
	width:67px;
	height:68px;
	cursor:pointer;
	z-index:9999;
	}
.flash-layout .container .banner-con
{
    position:absolute;
    left:155px;
    bottom:72px;
    width:388px;
    height:58px;
    padding-top:10px;
    z-index:9999;
    }
.flash-layout .container .banner-con p
{
    line-height:24px;
    font-size:16px;
    color:#ffffff;
    
    }
    
.layout-3
{
    width:100%;
    height:100px;
    min-width:1320px;
    }
.slideBox{ width:100%; min-width:1320px; position:absolute; }

.layout-4
{
    width:100%;
    height:auto;
    min-width:1320px;
    }
.layout-4 .container
{
    width:100%;
    height:auto;
    margin:0px auto auto auto;
    padding-top:48px;
    }
.layout-4 .container .head
{
    position:relative;
    width:1000px;
    height:auto;
    margin:0px auto auto auto;
    text-align:center;
    }

.layout-4 .container .head .en p
{
    position:relative;
	width:174px;
    height:32px;
    line-height:32px;
	font-size:20px;
	color:#ffffff;
    font-size:20px;
	background-color:#595757;
	margin:0 auto;
	display:block;
    }
.title div.en{transition:all 0.5s;-webkit-transition:all 0.5s;;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;}
.title .jj{transition:all 2s;-webkit-transition:all 2s;;-o-transition:all 2s;-ms-transition:all 2s;-moz-transition:all 2s;}
.title div.scale{
	
	}
.title .jj.opacity{opacity:100 }

.layout-4 .container .head .en i{ text-transform:uppercase; font-size:14px; line-height:38px; font-style:normal; letter-spacing:3px; font-family:"宋体";}
.layout-4 .container .head .ch1{ font-size:42px; color:#595757;}
.layout-4 .container .head .ch2{ font-size:20px; color:#9a6424; margin-top:8px;}
.layout-4 .container .syjz-list
{
    
    height:214px;
    margin:22px auto auto auto;
    background-color:#ffffff;
    border-top:solid 1px #e5e5e5;
    border-bottom:solid 1px #e5e5e5;
    }
.layout-4 .container .syjz-list ul
{
    position:relative;
	width:1200px;
    margin:0px auto;
    }
.layout-4 .container .syjz-list ul:before
{
    position:absolute;
    top:0px;
    left:0px;
    display:block;
    width:1px;
    height:216px;
    background-color:#e5e5e5;
    content:"";
    }
.layout-4 .container .syjz-list li
{
    position:relative;
    float:left;
    display:inline;
    width:300px;
    height:214px;
    padding-top:34px;
    text-align:center;
    cursor:pointer;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    position: relative;top:0;left:0;transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;
    }
.layout-4 .container .syjz-list li:after
{
    position:absolute;
    top:0px;
    right:0px;
    display:block;
    width:1px;
    height:214px;
    background-color:#e5e5e5;
    content:"";
    }
.layout-4 .container .syjz-list li .bg
{
    width:171px;
    height:161px;
    margin:0px auto auto auto;
    }
.layout-4 .container .syjz-list li.ai .bg
{
    background:url(youshi001.png) 0px 0px no-repeat;
    }
.layout-4 .container .syjz-list li.ird .bg
{
    background:url(youshi002.png) 0px 0px no-repeat;
    }
.layout-4 .container .syjz-list li.sop .bg
{
    background:url(youshi003.png) 0px 0px no-repeat;
    }
.layout-4 .container .syjz-list li.bro .bg
{
    background:url(youshi004.png) 0px 0px no-repeat;
    }
.layout-4 .container .syjz-list li .p1
{
    padding-top:20px;
    font-size:52px;
    color:#5e686d;
    }
.layout-4 .container .syjz-list li .p2
{
    padding-top:5px;
    font-size:22px;
    color:#5e686d;
    }
.layout-4 .container .syjz-list li:hover
{
    background-color:#9a6424;
    }
.layout-4 .container .syjz-list li:hover.ai .bg
{
    background:url(youshi001a.png) 0px 0px no-repeat;
    }
.layout-4 .container .syjz-list li:hover.ird .bg
{
    background:url(youshi002a.png) 0px 0px no-repeat;
    }
.layout-4 .container .syjz-list li:hover.sop .bg
{
    background:url(youshi003a.png) 0px 0px no-repeat;
    }
.layout-4 .container .syjz-list li:hover.bro .bg
{
    background:url(youshi004a.png) 0px 0px no-repeat;
    }
.layout-4 .container .syjz-list li:hover .p1
{
    color:#7fbe25;
    }
.layout-4 .container .syjz-list li:hover .p2
{
    color:#7fbe25;
    }



.layout-4 .container .case-list{ width:1200px; margin:22px auto 0; height:auto; overflow:hidden; height:auto;}
.layout-4 .container .case-list ul{ margin-right:-6px}
.case-list li{ width:396px; height:246px; float:left; margin:0 6px 6px 0;}
.case_info{ width:100%; height:100%; padding:74px 0 0 132px; background-color:#dcdddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.case_info:hover{ background-color:#dcdddd;}
.case_info p:nth-child(1){ font-size:24px; color:#595757}
.case_info p:nth-child(2){ text-transform:uppercase; color:#b5b5b6; margin:3px 0 13px;}
.case_info a{ width:80px; height:25px; display:block; text-transform:uppercase; line-height:25px; text-align:center; background-color:#898989; color:#ffffff; font-size:12px;}
.case_info:hover{ background-color:#201f1f;}
.case_info:hover p{color:#ffffff;}
.case_info:hover a{ color:#201f1f; background-color:#9a6424;}
.video_btn{ width:132px; height:34px; display:block; background:url(vedio.png) no-repeat; background-size:cover; margin:30px auto 16px;}
.videoDiv{ width:1200px; height:406px; padding:46px 0 0 65px; margin:0 auto; background:url(vedio.jpg) no-repeat; background-size:cover;}
.article{ width:100%; height:693px; background:url(article.jpg) no-repeat center top;}
.article .container .head .ch1,.article .container .head .ch2,
.article .container .head .en i { color:#ffffff;}
.article .container .head .en p{ color:#595757; background-color:#ffffff;}
.article_list{ width:936px; margin:28px auto 0;}
.article_list ul{ margin-right:-15px; overflow:hidden; position: relative; left: 0;}
.article_list ul li 
{
    width:302px; 
    height:356px; 
    background-color:#ffffff; 
    float:left; 
    margin-right:15px;
    position: relative;
    top:0;
    left:0;
    transition:all 1s;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    -ms-transition:all 1s;
    -moz-transition:all 1s;
    }
.article_list ul li img{ width:302px; height:178px;}
.article_list ul li .article_info{ color:#595757; padding:12px 19px; line-height:20px;}
.article_list ul li .article_info h4{ font-size:16px; font-weight:normal; line-height:30px; margin-bottom:2px;}
.article_list ul li .article_info span{ color:#79787a; font-size:12px;}

.article_list ul li:hover{ background-color:#9a6424; color:#ffffff;}
.article_list ul li:hover .article_info{color:#ffffff;}
.article_list ul li:hover .article_info span{color:#dd9e53;}
.article_list .more{ width:228px; height:50px; display:block; text-transform:uppercase; margin:28px auto 0; background-color:#ffffff; line-height:50px; text-align:center; color:#595757;}
.article_list .more:hover{ background-color:#9a6424; color:#ffffff;}
.tipMsg
{
    position:absolute;
    left:50%;
    bottom:-99px;
    width:1200px; 
    background-color:#ffffff; 
    color:#595757; 
    box-shadow:0 0 10px #999;
    margin-left:-600px;
    text-align:center;
    z-index:99999;
    }
.tipMsg ul li{ width:25%; float:left; cursor:pointer;}
.tipMsg ul li:hover h3,.tipMsg ul li:hover p{ color:#9a6424;}
.img_b1{ width:57px; height:56px; background:url(bz01.png) no-repeat; margin:10px auto;}
.img_b2{ width:57px; height:56px; background:url(bz02.png) no-repeat; margin:10px auto;}
.img_b3{ width:57px; height:56px; background:url(bz03.png) no-repeat; margin:10px auto;}
.img_b4{ width:57px; height:56px; background:url(bz04.png) no-repeat; margin:10px auto;}
.tipMsg ul li:hover .img_b1{ background:url(bz01a.png) no-repeat;}
.tipMsg ul li:hover .img_b2{ background:url(bz02a.png) no-repeat;}
.tipMsg ul li:hover .img_b3{ background:url(bz03a.png) no-repeat;}
.tipMsg ul li:hover .img_b4{ background:url(bz04a.png) no-repeat;}

.product{ height:1153px;}
.product .v_out{width:1128px; height:483px; margin:0 auto; position:relative;}
.product .v_show{overflow:hidden; position:relative;height:883px;}
.product .u_lanren{ width:6650px;position:absolute;left:0px;top:0px;}
.product .u_lanren ul li{width:1128px;height:423px;float:left; overflow:hidden;}
.product .u_lanren ul li dd{ width:346px; height:383px; color:#fff; margin:0px 15px; float:left; overflow:hidden; padding:17px 22px; border:1px solid #bfbfbf; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:20px;}
.product .u_lanren ul li dd.cur{ border:2px solid #9a6424; margin-top:0;}
.product .u_lanren ul li dd span{ width:220px; height:28px; display:block; margin:14px auto 0; line-height:28px; color:#9a6424; text-align:center; border:1px solid #bfbfbf; text-transform:uppercase;}
.u_lanren ul li dd img{ width:100%;}
.product .u_lanren ul li dd.cur span{border:1px solid #9a6424; background-color:#9a6424; color:#ffffff;}

.prev,.next{width:40px;height:40px; position:absolute; top:50%; margin-top:-20px;}
.prev{ left:-40px;}
.next{ right:-40px;}
.prev a,.next a{width:40px;height:40px; display:block;}
.prev a{ background:url(prev.png) no-repeat center center; background-size:contain;}
.next a{ background:url(next.png) no-repeat center center; background-size:contain;}
.pro{ width:396px; height:71px; background-color:#9fa0a0; padding:6px 0 0 29px;}
.u_lanren ul li dd.cur div.pro{ background-color:#41b5b6;}
.pro i.d{ width:62px; height:60px; display:inline-block; float:left; background-image:url(img/bgTcons.png); background-size:cover; margin-right:20px;}
.pro i.d1{ background-position:0 0;}
.pro i.d2{ background-position:0 -60px;}
.pro i.d3{ background-position:0 -120px;}
.pro h4{ font-size:24px; line-height:32px;}
.pro p{ font-size:12px; text-transform:uppercase;}
.pro_infor{ display:inline-block; float:left; padding-top:5px;}

.plate4{background: #fff;overflow: hidden}
.plate4 ul{position: relative;left:0;}
.plate4 ul li{display: inline-block;height: auto; margin:0 6px 0 0;float:left;vertical-align: top;position: relative;top:0;left:0;transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;}
.plate4 ul li .img{margin-bottom: 6px;display: block;position: relative; height:246px;}



.plate4 li.tl{
		top:0;left:-500px;opacity:0;
				}
.plate4 li.tr{
		top:0;left:500px;opacity:0;
				}
.plate4 li.tb{
		top:500px;left:0;opacity:0;
				}


.plate2 li.tl{
    top:0;left:-500px;opacity:0;
}
.plate2 li.tb{
    top:0;left:500px;opacity:0;
}
.plate2 li.tr{
    top:500px; left:-50%;opacity:0;
}


.layout-4 .container .plate5  .syjz-list li.tl{
    top:0;left:-500px;opacity:0;
}

.layout-4 .container .plate5 .syjz-list li.tb{
    top:-200px;left:0;opacity:0;
}

.layout-4 .container .plate5 .syjz-list li.tr{
    top:200px; left:0;opacity:0;
}

.layout-4 .container .plate5 .syjz-list li.tt{
    top:200px; right:0;opacity:0;
}
.w1200{width: 1200px;margin:0 auto;}
.vedio_info{ width:590px; margin-left:6px; padding:30px 0 0; color:#ffffff; font-size:16px; line-height:24px;}
.start_info{ width:47px; margin-left:6px; text-align:center; font-size:16px; color:#ffffff; border-bottom:2px solid #ffffff; line-height:50px;}