@charset "utf-8";
/* CSS Document */
/* 动态 */
.case-main{ overflow:hidden;width:1300px; margin:0 auto; }
.case-main .classify-top{ margin:0px auto 45px auto;}
.case-cen{ width:100%; margin:0 auto 80px auto; overflow:hidden;}
.case-list{ overflow:hidden; }
.case-left{width:50%; overflow:hidden;min-height: 100%;padding-bottom:9000px; margin-bottom:-9000px;}
.case-left img{ width:100%;}
.case-left img:hover{background:#f7f7f9;opacity:0.5;filter:alpha(opacity=26); }
#case-list2 .case-right h3,#case-list4 .case-right h3,#case-list6 .case-right h3{padding:0px 50px 0px 100px;}
#case-list2 .case-right ul,#case-list4 .case-right ul,#case-list6 .case-right ul{padding:40px 50px 0px 0px;margin: 0px 50px 0px 50px;}
.case-right h3{ font-size:36px; margin:50px 0 20px 0; padding:0 50px;animation-name:fadeInDown2; font-weight:normal;}
.case-right h3 a,.morebtn a{color:#333333;}
.case-right p{font-size:18px;padding:0px 50px 40px 50px;animation-name:fadeInDown2; line-height: 30px;word-break: break-all;}
.case-right a{color:#555555; text-decoration:none;}
.case-right{background: #fff;width:50%; overflow: hidden;min-height: 100%;padding-bottom:9000px; margin-bottom:-9000px;}
.case-right:hover{background: #f7f7f9;display: block; overflow: hidden;}
.case-right  img{ vertical-align:middle;}
.case-right ul{ border-top:1px solid #eeeeee; margin:0px 50px 0px 50px; padding-top:40px;}
.case-right li{ width:41%; font-size:18px;animation-name:fadeInDown2; float:left; margin-right:40px; margin-bottom:10px;/* min-width:250px;  */}
.case-right li:last-child{ margin-right: 0;}
.case-pro{ background:#5b5b5b; padding:20px 0;}
.case-pro ul{width:1300px; overflow:hidden; margin:0 auto;}
.case-pro li{width:175px; height:175px; float:left; margin-right:10px; text-align:center;}
.case-pro li:last-child{ margin-right: 0;}
.case-pro li img{ width:112px; height:112px; margin-top:15px;}
.case-pro li p{ line-height:20px; color:#fff; font-size:18px; }
.case-pro li:hover{ background:#767676; border-radius:10px;}
/* 产品 */
.flexslider{position:relative;width:100%;hoverflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.slides .slides-img{ width:33.3%; float: left;position:relative;}
.slides img{ width:100%;background:#000;position: relative; }
.slides-img > div{ position: absolute; top: 0px;width:100%; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.4); text-align: center;  font-size: 2em; color: white; display: none;color: #fff; } 
.slides-img:hover >div{ display: block; }
.slides-txt{ position: absolute; bottom: 20px; overflow: hidden;  left:20px; right:20px; color: #fff;}
.slides-txt a{ color: #fff; }
.slides-txt span,.slides-txt label{display: block; font-size: 24px; text-align: left;}
.slides .slides-txt  img{background:transparent;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s headerease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:-27px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
/* 特推产品 */
.special-pro{ background: #fff; margin:0 50px 0 50px; padding:80px 0 0 0; overflow:hidden; clear:both; }
.special-mian{background: #f2f2f2; overflow:hidden;}
.special-pro h3{font-size:40px; color:#333333; line-height:35px; text-align: center;}
.special-top{width:1320px; margin:80px auto 0 auto; overflow:hidden;}
.special-top .class-right{ color:#333333; font-size:18px; display:block;line-height:70px;text-align:right; margin-right: 30px}
.special-top .class-left{ color:#333333; font-size:18px; display:block; line-height:25px;letter-spacing:1px; text-align:left;}
.special-top label{display: inline-block; margin-left: 10px;}
.special-top .class-right a{color:#333333;}
.special-top .class-right a:hover{color:#A21F24;}
.i_alzs{width:1320px;margin:10px auto; position: relative; height: 500px; }
.i_alzs_pic .i_alzs_picbox a{width: 300px; height: 337px;text-align: center; float: left; display:inline-block;margin:0px 28px 0 0;}
.i_alzs_pic  label{display: block; line-height: 30px;color:#414141;font-size:18px;width: 300px;}
.i_alzs_pic{width:1320px;height:330px;margin:0px;float:left;overflow:hidden;}
.i_alzs_pic .i_alzs_picbox{width:1300px;height:337px;float:left;overflow:hidden;}
.i_alzs_pic .i_alzs_picbox img{width:300px;height:300px;float:left; }
.pro_button1,.pro_button2{float:left; margin-left: 20px;}
.i_alzs_pic .ScrCont{width:1000000px;float:left;}
.i_alzs_pic #List1,.i_zt_pic #List2{float:left;}
.pro_button{ position: absolute; bottom: 50px; right: 30px; cursor: pointer;}

/*点击弹出层*/
.case-tc{ 
            top: 0%; 
            left: 0%; 
            width: 100%; 
            height: 100%; 
		    position: fixed; 
            z-index:1001; 
            background: rgba(51, 51, 51, 0.97);
        } 
.close-btn{ position:  absolute; cursor:pointer;}
.case-div{
 position: absolute;          
     width:1200px;          
     height: 800px;           
     top:50%;           
     left:50%;            
     margin-left:-600px;            
     margin-top:-350px;           
     text-align: center;       
}
.case-ban {
	width:960px;
	height:707px;
	overflow: hidden;
	position: absolute; 
	top:0px;
	left:120px;	
}
.case-ban h3{ font-size:24px; color:#fff; margin-bottom:10px; text-align:left;	width:960px;}
.case-ban p{ color:#fff; font-size:14px; line-height:28px;text-align:left; margin-bottom:35px;	width:960px;}
.case-ban img{width:  960px; float: left;}
.case-ban>ul {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.case-ban>ul>li {
	float: left;
	overflow:hidden;
}
.case-ban>ul>li>a {
	display: block;
	font-size: 200px;
	text-align: center;
	font-weight: 700;
}

.case-div1{
 position: absolute;          
     width:1200px;          
     height: 800px;           
     top:50%;           
     left:50%;            
     margin-left:-600px;            
     margin-top:-330px;           
     text-align: center;       
}
.case-ban {
	width:960px;
	height:707px;
	overflow: hidden;
	position: absolute; 
	top:0px;
	left:120px;	
}
.case-ban1 img{width:  960px; float: left;}
.case-ban1>ul {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.case-ban1>ul>li {
	float: left;
	overflow:hidden;
}
.case-ban1>ul>li>a {
	display: block;
	font-size: 200px;
	text-align: center;
	font-weight: 700;
}
.case-div1 .left-btn,.case-div  .right-btn {
	width:63px;
	height: 63px;
	position: absolute;
	top:40%;
	background: url(../images/case-right.png);
	cursor: pointer
}
.case-div1 .right-btn{right:0px;}
.case-div1 .left-btn {
	left:0px;
	background: url(../images/case-left.png);
	top:40%;
}

@media screen and (min-width:1000px) and (max-width:1280px){
.i_alzs{width: 1150px;}
.i_alzs_pic{width:1200px;}
.i_alzs_picbox,.special-top,.i_alzs_pic .i_alzs_picbox{  width: 1180px;}		
.case-main,.classify-top,.case-pro ul{width:1180px;}
.case-pro li{ width:168px; height:175px;}
.new-list-cen img{ width:500px; }
.case-right h3{margin:30px 0 20px 0;}
.case-right p { padding: 0px 50px 20px 50px;}
.case-right ul{ padding-top:20px;}
.case-right:hover{ padding-bottom: 10px;}
.case-right h3{ font-size:30px;margin-top:50px;}
.slides-txt span,.slides-txt label{ font-size:22px;  }
.special-pro h3{font-size:36px;}
.case-right ul{ padding-top:40px;}
}
@media screen and (min-width:1281px) and (max-width:1440px){
.case-right h3{ font-size:30px;margin-top:40px;}
.case-right p { padding: 0px 50px 20px 50px;}
.slides-txt span,.slides-txt label{ font-size:22px;  }
.special-pro h3{font-size:36px;}
.case-right ul{ padding-top:20px;}
}
@media screen and (min-width:1440px) and (max-width:1660px){
.case-right h3{ font-size:30px;margin-top:40px;}
.case-right p {padding:0px 158px 20px 50px}
.special-pro h3{font-size:36px;}
.case-right ul{ padding-top:20px;}
.case-right ul {margin: 0px 158px 0px 50px;}
#case-list2 .case-right ul, #case-list4 .case-right ul, #case-list6 {margin: 0px 50px 0px 158px;}
#case-list2 .case-right p,#case-list4 .case-right p,#case-list6 .case-right p{padding: 0px 50px 20px 158px;}
#case-list2 .case-right h3,#case-list4 .case-right h3,#case-list6 .case-right h3{padding: 0px 50px 0px 158px;}
.case-div{
 position: absolute;          
     width:1410px;          
     height: 800px;                  
     margin-left:-704px;            
     margin-top:-400px;                 
}
.case-ban {
	width:1200px;
	height:800px;
	left:106px;	
}
.case-ban h3,.case-ban p{width:1200px;}		
.case-div .left-btn,.case-div  .right-btn {top:42%;}
.case-ban img{width:1300px; float: left; height:630px;}
}
@media screen and (min-width:1900px) and (max-width:1920px){
.case-main {width: 1370px;}
.case-main .classify-top{ margin:55px auto 100px auto;  width: 1370px;}
/*.case-right:hover{background: #f7f7f9;height:auto; height: 554px}*/
.case-cen{ margin:0 auto 153px auto; }
#case-list2 .case-right ul, #case-list4 .case-right ul, #case-list6 .case-right ul{padding-top:50px;margin: 0px 50px 0px 273px;}
#case-list2 .case-right p,#case-list4 .case-right p,#case-list6 .case-right p{padding: 0px 50px 50px 260px;}
#case-list2 .case-right h3,#case-list4 .case-right h3,#case-list6 .case-right h3{padding: 0px 50px 0px 260px;}
.case-right ul{ padding-top:50px;margin: 0px 273px 0px 50px;}
.case-right p{padding: 0px 265px 50px 50px;}
.case-div{
 position: absolute;          
     width:1675px;          
     height: 800px;                  
     margin-left:-836px;            
     margin-top:-400px;                 
}
.case-ban {
	width:1400px;
	height:800px;
	left:140px;	
}
.case-ban h3,.case-ban p{width:1400px;}		
.case-div .left-btn,.case-div  .right-btn {
	top:42%;
}
.case-ban img{width:1400px; float: left; height:630px;}
}