@charset "utf-8";
/* CSS Document */
.index_title {
	padding: 1% 0;
}
.index_title .fl span {
	font-size: 20px;
	color: #00335a;
	font-family: Tahoma;
}
.index_title .fl em {
	background: url(3.png) no-repeat left center;
	padding-left: 20px;
	margin-left: 20px;
	font-size: 16px;
	color: #5b5b5b;
}
.index_title h1{ line-height:40px;}
.index_title h1 span {
	font-size: 20px;
	color: #00335a;
}
.index_title h1 em{background: url(3.png) no-repeat left center;
	padding-left: 20px;
	margin-left: 20px;
	font-size: 16px;
	color: #5b5b5b;}
.index_title .fr { line-height:48px;	color: #6f6f6f;}
.index_title .fr li{ float:left;}
.index1_con {
	width: 100%;
	background: #fff;
}
.index1_auto {
	overflow: hidden;
}
.index1_auto ul { margin:0 -1%;overflow:hidden;}
.index1_auto ul li a:hover{background:url(wall_s2.jpg);}/*鼠标经过*/ 
.index1_auto li {
	width: 23%;
	float: left; margin:1%;overflow:hidden
}
.index1_auto li a{ height:215px; overflow:hidden; display:block;}
.index1_auto p {
	color: #9b9b9b;
	background: #FFFFFF;
	padding: 2%;
	line-height: 25px;
	background: #eeeeee; height:75px; overflow:hidden;
}
.index1_auto p span{ width:90%; height:70px; overflow:hidden;}
.index1_auto p em {
	display: block;
	font-size: 16px;
	color: #3c3c3c;
	font-weight: bold;
}
.index1_auto p i {
	width: 12px;
	height: 12px;
	display: block;
	background: url(1.png);
	margin-top: 10px;
}
.index1_auto li:hover {
	opacity: 0.8;
	background: #00335a;
	transition-duration: 0.5s;
}
.index1_auto li .prolist{display:block; overflow:hidden; }
.index1_auto li img{display:block; overflow:hidden;width:100%; transition: transform 1s ease 0s, -webkit-transform 1s ease 0s; }
.index1_auto li:hover img{  transform: scale(1.02); height:275px; 
    transition: transform 1s ease 0s, -webkit-transform 1s ease 0s;}
.index1_auto li:hover p {
	background: #00335a;
	color: #FFFFFF;
	transition-duration: 0.5s;
}
.index1_auto li:hover p em {
	color: #FFFFFF;
	transition-duration: 0.5s;
}
.index1_auto li:hover p i {
	background: url(2.png);
	transition-duration: 0.5s;
}
.index2 {
	padding-bottom: 12px;
}
.index2_con {
	width: 100%;
	height: 430px;
	position: relative;
	overflow: hidden;
}
.index2_con ul {
	position: absolute;
	top: 0;
	left: 0;
	height: 430px;
}
.index2_con li {
	width: 1200px;
	height: 430px;
	font-size: 0;
	float: left;
}
.index2_left, .index2_right {
	width: 45px;
	height: 45px;
	display: block;
	position: absolute;
	top: 193px;
	cursor: pointer;
	z-index: 99;
}
.index2_left {
	left: 30px;
	background: #FFFFFF url(7.png) center center no-repeat;
}
.index2_right {
	right: 30px;
	background: #FFFFFF url(8.png) center center no-repeat;
}
.index2_left:hover {
	background: #72991d url(4.png) center center no-repeat;
	transition-duration: 0.5s;
}
.index2_right:hover {
	background: #72991d url(9.png) center center no-repeat;
	transition-duration: 0.5s;
}
.index3 {
	width: 100%;
}
.index3_con {
	width: 49%;
}
.index3_title { padding-bottom:3%}
.index3_title .fl {
	color: #949494;
	line-height: 24px;
}
.index3_title .fl span {
	display: block;
	font-size: 18px;
	color: #4c4c4c;
	display: block;
}
.index3_title .fr {	color: #6f6f6f; line-height:48px;}
.index3_dl {}
.index3_dl dt {
	width: 49%;
	position: relative;
	overflow: hidden;
}
.index3_dl dt a {
	display: block;
	width: 100%;
	position: absolute;
	opacity: 1;
	z-index: 1;
}
.index3_dl dt a img,.index3_dl dt{height: 250px;}
.index3_dl dt .btn {
	position: absolute;
	bottom: 10px;
	left: 35%;
	z-index: 9;
}
.index3_dl dt .btn span {
	display: inline-block;
	background: #FFFFFF;
	cursor: pointer;
	padding: 2px 7px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	margin-right: 5px;
}
.index3_dl dt .btn span.on {
	background: #00335a;
	color: #FFFFFF;
}
.index3_dl dd {
	width:49%;
}
.id_title {
	color: #595959;
	font-weight: bold;
	display: block; line-height:30px; height:30px; overflow:hidden;
}
.id_title:hover{ color:#F00}
.id_p {
	color: #595959;
	line-height: 25px; height:50px; overflow:hidden;
}
.id_ul {
	border-top: 1px solid #ededed;
	line-height: 30px;
	margin-top: 10px;
	padding-top: 10px;
}
.id_ul li a { display:block; line-height:30px; height:30px; overflow:hidden;
	color: #595959;background: url(zaid.png) left center no-repeat;padding-left: 18px;-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
}
.id_ul li a:hover{background: url(zaid2.png) 5px center no-repeat;color: #b02923;padding-left: 23px;transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;}
.index4_top dl {
	float: left; width:31%; margin:1%;
}
.index4_top dt {
	color: #949494;
	padding: 15px 0;
	padding-left: 45px;
}
.index4_top dt span {
	display: block;
	font-size: 18px;
	color: #4c4c4c;
}
.index4_top dd {
	font-size: 0;
}

.index4_dl1 dt {
	background: url(12.png) no-repeat left center;
}
.index4_dl2 dt {
	background: url(11.png) no-repeat left center;
}
.index4_dl3 dt {
	background: url(10.png) no-repeat left center;
	padding-left: 55px;
}
.index4_bottom {
	padding:1% 0;
}
.index_ph dt {
	color: #949494;
}
.index_ph dt span {
	display: block;
	color: #4c4c4c;
	font-size: 16px;
}
.index_ph dd {
	font-size: 30px;
	color: #4c4c4c;
	font-family: Tahoma;
	margin-left: 20px;
}
.index_ph dd em {
	color: #00335a;
}
.index_zx {
	width: 160px;
	height: 30px;
	display: block;
	border: 1px solid #a0a0a0;
	text-align: center;
	line-height: 30px;
	color: #747474;
}
.index_zx:hover{ color:#00335a;}

.about{background:#fff; }
.about .left{width:40%;float:left;}
.about .left img{width:100%;vertical-align:middle;transition: transform 1s ease 0s, -webkit-transform 1s ease 0s;}
.about .left img:hover{ transform: scale(1.05);
    transition: transform 1s ease 0s, -webkit-transform 1s ease 0s;}
.about .right{ width:58%;float:right;}
.about .right .title{font-size:20px;color:#00335a;line-height:20px;padding-bottom:10px;}
.about .right .info{font-size:16px;color:#666;line-height:28px;}
.about .right .btn{ width:122px;height:38px;border:1px solid #dcdcdc;line-height:38px;text-align:center;color:#999999; margin-top:10px;}
.about .right .btn{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.about .right .btn:hover{background:#00335a;color:#fff;border:1px solid #fff;}
.container::after {
    clear: both;
    content: "020";
    display: block;
    height: 0;
    visibility: hidden;
}
.container {
    margin: 0 auto;
    position: relative;
    width: 1200px;
}

.jidi{}
.jidi img{ max-width:100%}

.index4_dl1 dd,.index4_dl2 dd,.index4_dl3 dd{ width:100%; height:137px;position:relative; overflow:hidden; cursor:pointer;}
.conimg-two{width:100%; height:137px;transition: transform 1s ease 0s, -webkit-transform 1s ease 0s, -moz-transform 1s ease 0s, -o-transform 1s ease 0s;}
.index4_dl1 dd:hover .txt-six{ display:block;}
.index4_dl2 dd:hover .txt-six{ display:block;}
.index4_dl3 dd:hover .txt-six{ display:block;}
.index4_dl1 dd:hover .conimg-two{  transform: scale(1.2);transition: transform 1s ease 0s, -webkit-transform 1s ease 0s, -moz-transform 1s ease 0s, -o-transform 1s ease 0s;}
.index4_dl2 dd:hover .conimg-two{  transform: scale(1.2);transition: transform 1s ease 0s, -webkit-transform 1s ease 0s, -moz-transform 1s ease 0s, -o-transform 1s ease 0s;}
.index4_dl3 dd:hover .conimg-two{  transform: scale(1.2);transition: transform 1s ease 0s, -webkit-transform 1s ease 0s, -moz-transform 1s ease 0s, -o-transform 1s ease 0s;}
.txt-six{position:absolute; left:0; top:0; width:100%; height:137px; padding-top:15px; line-height:45px; text-align:center; color:#fff; background: rgba(0,0,0,0.5); display:none;}
.txt-six h3{font-size:24px;}

.bdsharebuttonbox span{ float:left;}
.pre{ font-size:14px;}
.next a{ color:#333}
.pre a{  color:#333;}
.next{ font-size:14px;}

@media screen and (min-width:1200px){
.container{ width:100%;}
.index2_con li{ width:100%;}
.about .left{ width:40%;}
.about .right{ width:58%;}

}

/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
.container{ width:100%;}
.index2_con li{ width:100%;}
.index1_auto li a,.index1_auto li img{height:260px; }

}

/*880分辨率（大于768px，小于959px）*/
@media screen and (min-width: 768px) and (max-width: 959px) {
.container{ width:100%;}
.index2_con li{ width:100%;}
.index1_auto li a,.index1_auto li img{height:215px; }
}

/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 480px) and (max-width: 767px){
.container,.index2_con li{ width:100%;}
.index1_auto li a,.index1_auto li img{height:215px; }
.about .left,.about .right,.index3_con{ width:100%; float:none;}
.index1_auto li{ width:48%;}
.about .right .btn{ margin:0 auto; width:auto;}
.index4_top dl{width:100%; float:none; margin:1% 0;}
.txt-six h3{ font-size:20px;}
}

/*440分辨率以下（小于479px）*/
@media only screen and (max-width: 479px) {
.container,.index2_con li{ width:100%;}
.index1_auto li a,.index1_auto li img{height:190px; }
.about .left,.about .right,.index3_con,.index3_dl dd,.index3_dl dt{ width:100%; float:none;}
.index1_auto li{ width:48%;}
.about .right .btn{ margin:0 auto; width:auto;}
.index4_top dl{width:100%; float:none; margin:1% 0;}
.txt-six h3{ font-size:20px;}
.index3_dl dt a img{ width:100%;}

}