@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, { 
 padding: 0;
 margin: 0;
 }
fieldset, img { 
 border: 0;
 }
 ol, ul {
 list-style: none;
 }
p{
	margin: 0px;
	padding: 0px;
}
.clear{ clear:both;}
/*-----------------------------------Reset------------------------------------*/ 
 
body{
	font-size: 12px;
	color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 100%;
	line-height: 24px;
}
a:link{color:#333333;text-decoration:none;font-family: Arial, Helvetica, sans-serif;}
a:visited{color:#333333;text-decoration:none;font-family: Arial, Helvetica, sans-serif;}
a:hover{color:#333333;text-decoration:underline;font-family: Arial, Helvetica, sans-serif;}
a{color:#333333;text-decoration:none;font-family: Arial, Helvetica, sans-serif;}
a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-decoration:none;color: #cccccc;}
a.zzb07link:hover {text-decoration: underline;color: #cccccc;font-family: Arial, Helvetica, sans-serif;}
.zzb07tail{font-size:12px;font-family: Arial, Helvetica, sans-serif;color:#cccccc;}



#top{
	padding: 0px;
	height: 90px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	position:fixed;top:0px; z-index:1000;background-image: url(../images/top.png);
	background-repeat: repeat-x;
	background-position: center top;
}
#top2{
	padding: 0px;
	height: 60px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	position:fixed;top:0px; z-index:1000;background-image: url(../images/top.png);
	background-repeat: repeat-x;
	background-position: center top;
	display:none
}
#header{
	padding: 0px;
	height: 90px;
	width: 1300px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
.logo{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 90px;
	width: 535px;
}

.header-right{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 90px;
	width: 765px;
}
.header-right1{
	margin: 0px;
	padding: 8px 0 0 0;
	float: left;
	height: 35px;
	width: 765px;background-image: url(../images/02.png);
	background-repeat: no-repeat; font-size:12px;
	background-position: center top;
}
.search{padding: 0px;height: 24px;width:145px;margin: 3px 0 0 0px;padding: 0px;color:#333333;float: left;}
.kuang22{ color:#333333;   width:120px; border:1px solid #ebebeb; background-color:#ebebeb;float:left; margin:1px;}
.header-right2{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 47px;
	width: 765px;
	background-color: #FFFFFF;
}

#fla{
	padding: 0px;
	height: 620px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}


#footerbg{
	padding: 0px;
	height: 336px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	background-image: url(../images/4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
}
#footer{
	padding: 0px;
	height: 336px;
	width: 1300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto; line-height:22px;
	clear: both; font-size:12px;
	color:#cccccc;
}








/* 本例子css */
.tabox{width:1300px; float:left}
.tabox .hd{ width:1300px; float:left;font-size:14px;}
.tabox .hd li{position:relative;height:33px;line-height:33px;text-align:center;width:145px;float:left;border-top:0;background:url(../images/w2.jpg) no-repeat center top; margin-right:3px; color:#3b50a1!important;}
.tabox .hd li.on{width:145px;background:url(../images/w1.jpg) no-repeat center top;color:#fff!important;}
.tabox .bd{}
.tabox .lh{}


.imglist3 ul li{text-align:center;float:left;display:inline;width:290px;height:315px; margin:10px 8px;overflow:hidden; border: #e4e4e4 1px solid;}
.imglist3 ul li img{background:#FFF; max-width:100%; max-height:100%;}
.imglist3 ul li p{line-height:22px;text-align:center; font-size:14px; padding-left:10px; padding-right:10px; padding-top:10px; }


.casepic{ width:290px;
height:210px!important;
vertical-align: middle;
display: table-cell; background:#FFF;}




.imglist4 ul li{text-align:center;float:left;display:inline;width:350px;height:300px; margin:20px 30px;overflow:hidden; background:#f3f3f3 }
.imglist4 ul li img{background:#FFF;max-width:350px; max-height:210px; width:100%;height:100%;overflow:hidden!important;}
.imglist4 ul li p{line-height:22px;text-align:left; font-size:14px; padding-left:10px; padding-right:10px; padding-top:20px; }
.imglist4 ul li .ssjian{line-height:22px;text-align:left; font-size:14px; padding-left:10px; padding-right:10px; padding-top:0px; }

.casepic12{ width:350px;
height:210px!important;overflow:hidden!important;
vertical-align: middle;
display: table-cell; background:#FFF; display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;}


.casepic12:hover{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1); -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}



.zuzi{ width:53px; height:200px; float:left; background:#3b50a1; color:#FFFFFF; font-size:18px; text-align:center; padding-top:100px; margin-right:10px;}
.zuzi1{ width:43px;  height:150px; float:right; background:#3b50a1; color:#FFFFFF; font-size:30px!important; text-align:center; line-height:150px; transform: scale(1, 2);
      transform-origin: 0  0;}
.zuzi1 a{ color:#FFFFFF; }
.zuzi1 a:hover{ color:#FFFFFF;}


.imglist41 ul li{text-align:center;float:left;display:inline;width:350px;height:300px; margin:0px 11px;overflow:hidden; background:#f3f3f3 }
.imglist41 ul li img{background:#FFF;max-width:350px; max-height:210px; width:100%;height:100%;overflow:hidden!important;}
.imglist41 ul li p{line-height:22px;text-align:left; font-size:14px; padding-left:10px; padding-right:10px; padding-top:20px; }
.imglist41 ul li .ssjian{line-height:22px;text-align:left; font-size:14px; padding-left:10px; padding-right:10px; padding-top:0px; }

.casepic121{ width:350px;
height:210px!important;overflow:hidden!important;
vertical-align: middle;
display: table-cell; background:#FFF; display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;}


.casepic121:hover{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1); -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}





.about_3_1 .swiper-button-disabled{
display:none}
.about_3_1_img{
overflow:hidden; position:relative;}
.about_3_1_img:after{ width:4.875em; height:4.875em; left:50%; top:50%; margin-left:-2.4375em; margin-top:-2.4375em;
content:''; position:absolute; z-index:10; background-image:url(../video/img3.jpg); background-position:center; background-size:cover;}
.about_3_1_img img{
width:100%;}
.about_3_1{ position:relative;
margin:0 auto; max-width:84em; padding:0 3em;}
.about_3{
position:relative; overflow:hidden;}
.about_3 .about_3_mid{
position:relative; z-index:10;}
.about_3:after{
/*content:''; position:absolute; left:0; bottom:0; width:100%; height:20%; background-color:#191919;*/}