/*��������*/

.indexicon { background-image: url("../images/indexicon.png"); display: inline-block; vertical-align: middle; }
.floor_5_main{width:100%;overflow: hidden;    padding: 0 5%;}
.floor_5_1 .floor_5_z{ float:left; width:55%;margin-bottom: 2%; position:relative;}
.floor_5_1 .floor_5_z h3{ font-size:20px; color:#003894; line-height:30px; font-weight:normal; padding-top:20px;}
.floor_5_1 .floor_5_z .zx_v{overflow:hidden; margin-top:30px;}
.floor_5_1 .floor_5_z .zx_v .zx_t dl{ float:left;border-right:#ebebeb solid 1px; margin-right:20px;}
.floor_5_1 .floor_5_z .zx_v .zx_t dl dt{ font-size:14px; color:#828282; font-weight:bold;}
.floor_5_1 .floor_5_z .zx_v .zx_t dl dt span{ font-size:60px; color:#003894; line-height:60px; font-family:"Arial";}
.floor_5_1 .floor_5_z p{ font-size:14px; color:#999; line-height:30px; margin:2% 0;}
.floor_5_1 .floor_5_z a:hover{ background-position: 0px -141px; transition: all ease 600ms;}
.floor_5_1 .floor_5_z a{ display:block; width: 117px; height: 32px; background-position: 0px -182px; display: block;transition: all ease 600ms;}

.floor_5_1 .floor_5_y{ float:right; width:42%; background-color:#191919;}
.floor_5_1 .floor_5_y .f_tu{     width: 100%;
    padding: 1%;}/* CSS Document */



.index-project{ padding:3% 5%; background:#f6f6f6;overflow: hidden;}
.index-project li:nth-child(1n){ float:left; width:25%;}
.index-project li:nth-child(1n) img{display:block; width:100%;  transition:0.8s;height: 280px;}
.index-project li:nth-child(1),.index-project li:nth-child(2),.index-project li:nth-child(3){ float:left; width:32.5%}
.index-project li:nth-child(1) img,.index-project li:nth-child(2) img,.index-project li:nth-child(3) img{height: 380px;}
.index-project li:nth-child(2),.index-project li:nth-child(5),.index-project li:nth-child(6){padding:0 1%;}
.index-project li .pic{overflow: hidden;}
.index-project li a{ display:block;}
.index-project li a:hover .pic img{ transform:scale(1.1); -ms-transform:scale(1.1);}
.index-project li h3{ font-size:16px; margin:0; font-weight:normal; padding:20px 0 5px 0;}
.index-project li p{ padding-bottom:30px; font-size:13px; color:#999; margin:0;height:48px;}

.bim-project{background:#f6f6f6;}
.bim-project img{width:100%;object-fit:cover;height:549px;display:block;}

.xq_tou{ width:100%;  padding-top:130px; padding-bottom:50px;}
.xq_tou .xq_tj{ width:1200px; margin:0 auto; position:relative;}
.xq_tou .xq_tj h3{ font-size:24px; text-align:center; color:#fff; padding-top:10px; padding-bottom:60px;}
.xq_tj .item{ display:block; margin-bottom:14px; float:left;}
.xq_tj .item.item1{ display:block; width:1200px;}
.xq_tj .item .txt { width: 365px; height:40px; font-size: 14px; line-height: 40px; text-indent: 8px;color: #a1a1a1; padding-left: 6px; *text-indent: 0px; border:#e5e5e5 solid 1px; background-color:#fff; float:left;}
.xq_tj .item .area { width:1192px; height:169px; background: #fff; font-size: 14px; text-indent: 8px; *text-indent: 0px;  resize: none; *resize: none; -webkit-appearance: none; color: #a1a1a1; line-height:28px; padding-left: 6px; border:#e5e5e5 solid 1px; background-color:#fff;}
.xq_tj .item.item6{ width:375px; float:left; margin-left:40px;}
.xq_tj .item .txt.tel{ margin-left:39px;}
.xq_tj .item.item6 .txt{width:200px;height:40px;line-height: 40px;color: #a1a1a1; }
.xq_tj .item.item6 img{ width:165px; height:46px; float:left; padding-left:20px;}


.title_h5 {
    font-size: 28px;
    text-align: center;
    margin-bottom: 50px;
    font-weight: normal;
    padding-top: 50px;
}

.title_h5 small {
    display: block;
    font-size: 16px;
    color: #666;
    margin-top: 16px;
}

.div1{
width: 100%;margin: 0 auto;padding: 0 10%;
}
.div1 dl{
	text-align: center;
	position:relative;
	margin-bottom: 80px;
}
.div1 dl dt{

}
.div1 dl dt img{
	width: auto;
	vertical-align: top;
	max-width: 100%;
}
.div1 dl dd{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.div1 dl dd span{
	position: absolute;
	z-index: 8;
	height: 24px;
	line-height: 26px;
	font-size: 14px;
	cursor: pointer;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.div1 dl dd span i{
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
	position: relative;
	width: 24px;
	height: 24px;
}
.div1 dl dd span i::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #6aa2ff;
	animation: mymove 2s infinite;
	-webkit-animation: mymove 2s infinite;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
@keyframes mymove{
	0% {width: 14px;height: 14px;}
	65% {width: 24px;height: 24px;}
	100% {width: 14px;height: 14px;}
}

@-webkit-keyframes mymove{
	0% {width: 14px;height: 14px;}
	65% {width: 24px;height: 24px;}
	100% {width: 14px;height: 14px;}
}
.div1 dl dd span i::after{
	content: "";
	position: absolute;
	top: 6px;
	left: 6px;
	width: 12px;
	height: 12px;
	background: #003894;
	border-radius: 50%;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.div1 dl dd .span1{
	width: 65px;
	height: 65px;
	left: 152px;
    bottom: 112px;
	background: url(../images/c1.png) no-repeat;
}
.div1 dl dd .span2{top: 29.7%; left: 51.5%;}
.div1 dl dd .span2::after{
	content: "";
position: absolute;
    top: 2%;
    left: -31%;
    width: 160%;
    height: 69px;
background: url(../images/c2.png) no-repeat;
background-size: 100%;
}
.div1 dl dd .span3{top: 35%;left: 19.5%;}
.div1 dl dd .span3::after{
	content: "";
	position: absolute;
	top: 2%;
	    left: -23%;
	    width: 200%;
	    height: 57px;
	background: url(../images/c3.png) no-repeat;
}
.div1 dl dd .span4{top: 30%;left: 40.5%;}
.div1 dl dd .span4::after{
content: "";
position: absolute;
top: 2%;
left: -28%;
width: 200%;
height: 99px;
background: url(../images/c4.png) no-repeat;
}
.div1 dl dd .span5{top: 23.5%;left: 69.6%;}
.div1 dl dd .span5::after{
	content: "";
position: absolute;
    top: 100%;
    left: -100%;
    width: 71%;
    height: 200%;
background: url(../images/c5.png) no-repeat;
background-size: 100%;
}
.div1 dl dd .span6{top: 68.4%;
    left: 88.9%;}
.div1 dl dd .span7{top: 71.3%;
    left: 8.2%;}
.div1 dl dd .span8{
	top: 87%;left: 49.8%;
}
.div1 dl dd .span8::after{
	content: "";
	position: absolute;
	top: -39%;
    right: 130%;
    width: 150%;
    height: 150%;
	background: url(../images/dr.png) no-repeat;
}
.div1 dl dd span::after{
	opacity: 0;
}
.div1 dl dd span.hover_span{
	color: #ed6d00;
}
.div1 dl dd span.hover_span i::before{
	background: #eda160;
}
.div1 dl dd span.hover_span i::after{
	background: #ed6d00;
}
.div1 dl dd span.hover_span::after{
	opacity: 1;
	animation: mymove1 2s infinite;
	-webkit-animation: mymove1 2s infinite;
}
@keyframes mymove1{
	0% {opacity: 0;}
	65% {opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes mymove1{
	0% {opacity: 0;}
	65% {opacity: 1;}
	100% {opacity: 0;}
}

.div1 dl dd div{
	position: absolute;
}
.div1 dl dd div i{
	position: absolute;
}
.div1 dl dd .div2{
	opacity: 0;
	width: 50%;
	height: 46%;
	left: 3%;
	bottom: 1%;
}
.div1 dl dd .div2 .i1{
	width: 0;
	height: 4px;
	left: 3%;
	bottom: 20%;
	background: url(../images/zsh.jpg) repeat-x;
}
.div1 dl dd .div2 .i2{
	width: 4px;
    height: 0;
    bottom: 21%;
    left: 8%;
    background: url(../images/zss.jpg) repeat-y;
}
.div1 dl dd .div2 .i3{
	width: 4px;
    height: 0;
    top: 79%;
    left: 8%;
    background: url(../images/zss.jpg) repeat-y;
}
.div1 dl dd .div2 .i4{
	width: 0;
    height: 4px;
    left: 8%;
    bottom: 0;
    background: url(../images/zsh.jpg) repeat-x;
}
.div1 dl dd .div2 .i5{
	width: 4px;
    height: 0;
    bottom: 0;
    left: 15%;
    background: url(../images/zss.jpg) repeat-y;
}
.div1 dl dd .div2 .i6{
	width: 0;
    height: 4px;
    left: 8%;
    top: 19%;
    background: url(../images/zsh.jpg) repeat-x;
}
.div1 dl dd .div2 .i7{
    width: 4px;
    height: 0;
    bottom: 80%;
    left: 34.2%;
    background: url(../images/zss.jpg) repeat-y;
}
.div1 dl dd .div61{
	width: 100%;
    height: 29%;
    left: 0;
    bottom: 0;
	opacity: 0;
	z-index: 3;
}
.div1 dl dd .div61 .i1{
	height: 4px;
	width: 0;
	right: 2%;
    bottom: 54%;
	background: url(../images/lsh.jpg) repeat-x;
}
.div1 dl dd .div61 .i2{
	height: 4px;
	width: 0;
	right: 5%;
	 bottom: 54%;
	background: url(../images/lsh.jpg) repeat-x;
}
.div1 dl dd .div61 .i3{
	height: 4px;
	width: 0;
	right: 9%;
	 bottom: 54%;
	background: url(../images/lsh.jpg) repeat-x;
}
.div1 dl dd .div61 .i4{
	height: 4px;
	width: 0;
	right: 13%;
	bottom: 54%;
	background: url(../images/lsh.jpg) repeat-x;
}
.div1 dl dd .div61 .i5{
	height: 0;
	width: 4px;
	right: 18%;
    bottom: 54%;
	background: url(../images/lss.jpg) repeat-y;
}
.div1 dl dd .div61 .i6{
	height: 4px;
	width: 0;
	top: -34%;
    right: 18%;
	background: url(../images/lsh.jpg) repeat-x;
}
.div1 dl dd .div61 .i7{
	height: 0;
	width: 4px;
	left: 20%;
    top: -58%;
	background: url(../images/lss.jpg) repeat-y;
}
.div1 dl dd .div61 .i8{
	height: 0;
	width: 4px;
	left: 12%;
	top: -58%;
	background: url(../images/lss.jpg) repeat-y;
}
.div1 dl dd .div61 .i9{
	height: 0;
	    width: 4px;
	    left: 7%;
	    top: -32%;
	background: url(../images/lss.jpg) repeat-y;
}
.div1 dl dd .div61 .i10{
	height: 4px;
	width: 0;
	left: 3%;
	bottom: 42%;
	background: url(../images/lsh.jpg) repeat-x;
}
.div1 dl dd .div62{
	width: 100%;
	height: 24%;
    right: 2%;
    bottom: 2%;
	opacity: 0;
}
.div1 dl dd .div62 .i1{
	height: 4px;
    width: 0;
    right: 0;
    top: 41%;
    background: url(../images/gsh.jpg) repeat-x;
}
.div1 dl dd .div62 .i2{
	height: 4px;
    width: 0;
    right: 3%;
    top: 41%;
    background: url(../images/gsh.jpg) repeat-x;
}
.div1 dl dd .div62 .i3{
	height: 4px;
    width: 0;
    right: 7.2%;
    top: 41%;
    background: url(../images/gsh.jpg) repeat-x;
}
.div1 dl dd .div62 .i4{
	height: 0;
	width: 4px;
	right: 8%;
	top: 41%;
	background: url(../images/gss.jpg) repeat-y;
}
.div1 dl dd .div62 .i5{
	height: 4px;
	width: 0;
	right: 8%;
	bottom: 0;
	background: url(../images/gsh.jpg) repeat-x;
}
.div1 dl dd .div62 .i6{
	height: 0;
	width: 4px;
	right: 693px;
	bottom: 9px;
	background: url(../images/gss.jpg) repeat-y;
}
.div1 dl dd .div62 .i7{
	height: 0;
	width: 4px;
	left: 64px;
	bottom: 4px;
	background: url(../images/gss.jpg) repeat-y;
}
.div1 dl dd .div62 .i8{
	height: 4px;
	width: 0;
	right: 994px;
	bottom: 70px;
	background: url(../images/gsh.jpg) repeat-x;
}
.div1 dl dd .div62 .i9{
	height: 0;
	width: 4px;
	bottom: 0;
	left: 12%;
	background: url(../images/gss.jpg) repeat-y;
}
.div1 dl dd .div62 .i10{
	height: 0;
	width: 4px;
	left: 74px;
	top: 50px;
	background: url(../images/gss.jpg) repeat-y;
}
.div1 dl dd .div62 .i11{
	height: 4px;
	width: 0;
	left: 74px;
	bottom: 9px;
	background: url(../images/gsh.jpg) repeat-x;
}

.div1 dl dd .div81{
	width: 35%;
	    height: 38%;
	    bottom: 3%;
	    left: 14%;
	opacity: 0;
}
.div1 dl dd .div81 .i1{
	height: 0;
	width: 4px;
	    left: -8%;
	    top: -8%;
	background: url(../images/hss.jpg) repeat-y;
}
.div1 dl dd .div81 .i2{
	height: 4px;
	width: 0;
	left: -8%;
	    top: 6%;
	background: url(../images/hsh.jpg) repeat-x;
}
.div1 dl dd .div81 .i3{
	height: 0;
	width: 4px;
	left: 34%;
	    top: 6%;
	background: url(../images/hss.jpg) repeat-y;
}
.div1 dl dd .div81 .i4{
	height: 4px;
	width: 0;
	left: 34%;
	bottom: 0;
	background: url(../images/hsh.jpg) repeat-x;
}
.div1 dl dd .div81 .i5{
	width: 15px;
	height: 0;
	bottom: 0;
	right: 0;
	background: url(../images/hsx.png) no-repeat;
	background-size: 100% 100%;
}
.div1 dl dd .div81 .i6{
	height: 4px;
	width: 0;
	right: 0;
	bottom: 26%;
	background: url(../images/hsh.jpg) repeat-x;
}
.div1 dl dd .div81 .i7{
	width: 15px;
	height: 0;
	bottom: 13%;
    right: 39%;
	background: url(../images/hsx.png) no-repeat;
}
.div1 dl dd .div81 .i8{
	height: 4px;
	width: 0;
	left: 58.5%;
    bottom: 12%;
	background: url(../images/hsh.jpg) repeat-x;
}
.div1 dl dd .div81 .i9{
	width: 15px;
	height: 0;
	bottom: 12%;
    right: 4.8%;
	background: url(../images/hsx.png) no-repeat;
}
.div1 dl dd .div81 .i10{
	height: 4px;
	width: 0;
	right: 5%;
    bottom: 19%;
	background: url(../images/hsh.jpg) repeat-x;
}

.div1 dl dd .div82{
	width: 35%;
    height: 38%;
    bottom: 4%;
    left: 13%;
}
.div1 dl dd .div82 .i1{
	height: 0;
	width: 4px;
	left: -1%;
	    top: 1%;
	background: url(../images/lss.jpg) repeat-y;
}
.div1 dl dd .div82 .i2{
	height: 4px;
	width: 0;
	left: -1%;
	    top: 4%;
	background: url(../images/lsh.jpg) repeat-x;
}
.div1 dl dd .div82 .i3{
	height: 0;
	width: 4px;
	left: 39%;
	    bottom: 2%;
	background: url(../images/lss.jpg) repeat-y;
}
.div1 dl dd .div82 .i4{
	height: 4px;
	width: 0;
    right: 2%;
        bottom: 2%;
	background: url(../images/lsh.jpg) repeat-x;
}
.div1 dl dd .div82 .i5{
	width: 14px;
	height: 0;
	bottom: 2%;
	    right: -1%;
	background: url(../images/lsx.png) no-repeat;
}
.div1 dl dd .div82 .i6{
	height: 4px;
	width: 0;
	right: -1%;
	    bottom: 20%;
	background: url(../images/lsh.jpg) repeat-x;
}
.div1 dl dd .div82 .i7{
	width: 14px;
	height: 0;
	bottom: 13%;
	    right: 30%;
	background: url(../images/lsx.png) no-repeat;
}
.div1 dl dd .div82 .i8{
	height: 4px;
	width: 0;
    right: 6%;
        bottom: 13%;
	background: url(../images/lsh.jpg) repeat-x;
}
.div1 dl dd .ani2{
	opacity: 1;
}
.div1 dl dd .ani2 .i1{
	width: 5%;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.div1 dl dd .ani2 .i2{
	height: 59%;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.div1 dl dd .ani2 .i3{
	height: 20%;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.div1 dl dd .ani2 .i4{
	width: 7%;
	transition: all 0.3s 0.6s;
    -webkit-transition: all 0.3s 0.6s;
}
.div1 dl dd .ani2 .i5{
	height: 20%;
	transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.div1 dl dd .ani2 .i6{
	width: 27%;
	transition: all 0.3s 0.6s;
    -webkit-transition: all 0.3s 0.6s;
}
.div1 dl dd .ani2 .i7{
	height: 15%;
    transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.div1 dl dd .ani61{
	opacity: 1;
}
.div1 dl dd .ani61 .i1{
	width: 2%;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.div1 dl dd .ani61 .i2{
	width: 1.5%;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.div1 dl dd .ani61 .i3{
	width: 2%;
	transition: all 0.3s 0.6;
    -webkit-transition: all 0.3s 0.6s;
}
.div1 dl dd .ani61 .i4{
	width: 5%;
	transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.div1 dl dd .ani61 .i5{
	height: 80%;
	transition: all 0.3s 1.2s;
    -webkit-transition: all 0.3s 1.2s;
}
.div1 dl dd .ani61 .i6{
	width: 75%;
	transition: all 0.3s 1.5s;
    -webkit-transition: all 0.3s 1.5s;
}
.div1 dl dd .ani61 .i7{
	height: 25%;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.div1 dl dd .ani61 .i8{
	height: 25%;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.div1 dl dd .ani61 .i9{
	height: 90%;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.div1 dl dd .ani61 .i10{
	width: 4%;
	transition: all 0.3s 2.1s;
    -webkit-transition: all 0.3s 2.1s;
}
.div1 dl dd .ani62{
	opacity: 1;
}
.div1 dl dd .ani62 .i1{
	width: 2%;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.div1 dl dd .ani62 .i2{
	width: 1.5%;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.div1 dl dd .ani62 .i3{
	width: 1%;
	transition: all 0.3s 0.6;
    -webkit-transition: all 0.3s 0.6s;
}
.div1 dl dd .ani62 .i4{
	height: 59%;
	transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.div1 dl dd .ani62 .i5{
	width: 79.7%;
	transition: all 0.3s 1.2s;
    -webkit-transition: all 0.3s 1.2s;
}
.div1 dl dd .ani62 .i7{
	height: 65px;
	transition: all 0.3s 1.5s;
    -webkit-transition: all 0.3s 1.5s;
}
.div1 dl dd .ani62 .i8{
	width: 51px;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.div1 dl dd .ani62 .i9{
	height: 45%;
	transition: all 0.3s 2.1s;
    -webkit-transition: all 0.3s 2.1s;
}
.div1 dl dd .ani62 .i6{
	height: 135px;
	transition: all 0.3s 2.4s;
    -webkit-transition: all 0.3s 2.4s;
}
.div1 dl dd .ani62 .i10{
	height: 60px;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.div1 dl dd .ani62 .i11{
	width: 275px;
	transition: all 0.3s 2.1s;
    -webkit-transition: all 0.3s 2.1s;
}

.div1 dl dd .ani81{
	opacity: 1;
}
.div1 dl dd .ani81 .i1{
	height: 16%;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.div1 dl dd .ani81 .i2{
	width: 42%;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.div1 dl dd .ani81 .i3{
	height: 94%;
	transition: all 0.3s 0.6;
    -webkit-transition: all 0.3s 0.6s;
}
.div1 dl dd .ani81 .i4{
	width: 64%;
	transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.div1 dl dd .ani81 .i5{
	height: 26%;
	transition: all 0.3s 1.2s;
    -webkit-transition: all 0.3s 1.2s;
}
.div1 dl dd .ani81 .i6{
	width: 40%;
	transition: all 0.3s 1.5s;
    -webkit-transition: all 0.3s 1.5s;
}
.div1 dl dd .ani81 .i7{
	height: 15%;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.div1 dl dd .ani81 .i8{
	width: 36%;
	transition: all 0.3s 2.1s;
    -webkit-transition: all 0.3s 2.1s;
}
.div1 dl dd .ani81 .i9{
	height: 7%;
	transition: all 0.3s 2.4s;
    -webkit-transition: all 0.3s 2.4s;
}
.div1 dl dd .ani81 .i10{
	width: 28%;
	transition: all 0.3s 2.7s;
    -webkit-transition: all 0.3s 2.7s;
}

.div1 dl dd .ani82{
	opacity: 1;
}
.div1 dl dd .ani82 .i1{
	height: 3%;
	transition: all 0.3s 5.1s;
    -webkit-transition: all 0.3s 5.1s;
}
.div1 dl dd .ani82 .i2{
	width: 41%;
	transition: all 0.3s 4.8s;
    -webkit-transition: all 0.3s 4.8s;
}
.div1 dl dd .ani82 .i3{
	height: 94%;
	transition: all 0.3s 4.5;
    -webkit-transition: all 0.3s 4.5s;
}
.div1 dl dd .ani82 .i4{
	width: 58%;
	transition: all 0.3s 4.2s;
    -webkit-transition: all 0.3s 4.2s;
}
.div1 dl dd .ani82 .i5{
	height: 19%;
	transition: all 0.3s 3.9s;
    -webkit-transition: all 0.3s 3.9s;
}
.div1 dl dd .ani82 .i6{
	width: 31%;
	transition: all 0.3s 3.6s;
    -webkit-transition: all 0.3s 3.6s;
}
.div1 dl dd .ani82 .i7{
	height: 9%;
	transition: all 0.3s 3.3s;
    -webkit-transition: all 0.3s 3.3s;
}
.div1 dl dd .ani82 .i8{
	width: 26%;
	transition: all 0.3s 3.0s;
    -webkit-transition: all 0.3s 3.0s;
}




 .div3{
	background: #f7f7f7;
}
 .div3 dl{
	    padding: 0 5%;
}
 .div3 dt{
	float: left;
	width: 40%;
	margin-right: 20px;
}
 .div3 dt a{
	display: block;
	position: relative;
}
 .div3 dt a em{
	display: block;
	overflow: hidden;
}
 .div3 dt a em img{
	width: 100%;
	max-height: 430px;
	object-fit: cover;
	vertical-align: top;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
 .div3 dt a div{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	background: url(../images/bg1.png) no-repeat;
	background-size: 100% 100%;
	padding: 10px 24px;
	color: #fff;
	background:rgba(0,0,0,.5);
}
 .div3 dt a div span{
	font-size: 16px;
	display: block;
	margin-bottom: 12px;
}
 .div3 dt a div h6{
	font-size: 18px;
	line-height: 1.4;
}
 .div3 dd{
	float: right;
	width: 56%;
}
 .div3 dd a{
	display: block;
	font-size: 0;
	color: #333;
	padding-bottom: 20px;
	margin-bottom: 21px;
	border-bottom: 1px solid #ccc;
}
 .div3 dd a:last-of-type{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
 .div3 dd a em{
	display: inline-block;
	width: 15%;
	vertical-align: middle;
	overflow: hidden;
}
 .div3 dd a em img{
	width: 100%;
	vertical-align: top;
	transition: 0.5s;
    -webkit-transition: 0.5s;
	object-fit: cover;
    height:115px !important
}
 .div3 dd a div{
	display: inline-block;
	width:80%;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 20px;
}
 .div3 dd a div span{
	font-size: 14px;
	display: block;
	margin-top: 12px;
}
 .div3 dd a div h6{
	font-size: 18px;
	line-height: 1.5;
	overflow: hidden;
}
 .div3 dt:hover a em img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
 .div3 dd a:hover em img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/*.newsz{padding: 50px 0;}*/
.newstitlez{background: url(../images/newsbg2.jpg) no-repeat;background-size:100% 100%;line-height: 40px;height: 40px;}
.newsz a{display: flex;width: 100%;}
.newsz .xpss_title{flex: 1;}
.xpss_title {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 20px;
    color: #666;
}
.newstitlez .active{color:#fff;}
.xwdt_content li .newsimgz{width:50%;max-height: 50px !important;}
.xwdt_content li{margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.newscontz{padding-top: 30px;}
.newsdescz{padding:0 10px;box-sizing: border-box;font-size: 15px;position: relative;}
.newsdescz span{position: absolute;bottom: 0;color:#999;}
.viewmorez{background: #ddd;padding: 10px;width: 50%;float: right;text-align: center;}

.msgz{padding: 15px 10px;}
.msgdesc{color:#003894;text-align: center;margin-bottom:10px;}
.msglabel{display: block;margin: 0 auto;display: block;position: relative;margin-bottom:15px;}
.msglabel .msgimg{width: 18px;position: absolute;top: 10px;left: 12px;}
.msglabel input{width:100%;border: none;padding-left:50px;height: 40px;box-sizing: border-box;border: 1px solid #ddd;}
.msglabel select{color:#666;width:32.6%;border: none;padding-left: 50px;height: 40px;box-sizing: border-box;border: 1px solid #ddd;}

.msglabel textarea{border: 1px solid #ddd;width: 100%;resize: none; padding:10px 18px;height: 120px;box-sizing: border-box;padding-left: 50px;}


.fb_box{
	z-index: 999;
	position: fixed;
	width: 72px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.fb_box a,.fb_box em{
	display: block;
	background: #003894;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 1px;
	position: relative;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.fb_box em p{
	position: absolute;
	z-index: -1;
	height: 100%;
	line-height: 64px;
	white-space: nowrap;
	background: #003894;
	color: #fff;
	top: 0;
	right: 73px;
	width: 0;
	font-size: 14px;
	opacity: 0;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}

.fb_box a img,.fb_box em img{
	vertical-align: top;
}
.fb_box a span,.fb_box em span{
	display: block;
	color: #fff;
	font-size: 12px;
	margin-top: 6px;
}
.fb_box a:hover,.fb_box em:hover{
	background: #003894;
}
.fb_box em:hover p{
	width: 150px;
	opacity: 1;
}
.fb_box em div{
	position: absolute;
	z-index: -1;
	background: #003894;
	top: 0;
	right: -228px;
	width: 150px;
	padding: 16px 0;
	font-size: 14px;
	opacity: 0;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.fb_box em div a{
	display: inline-block;
	vertical-align: top;
	width: 120px;
	height: 120px;
	margin: 0 10px;
	padding: 0;
}
.fb_box em div a img{
	vertical-align: top;
	width: 100%;
	height: 100%;
}
.fb_box em:hover div{
	right: 73px;
	opacity: 1;
}

.bianjie{display: block !important;
background: #ddd !important;
width: 100% !important;
height: 35px !important;
line-height: 35px !important;
margin: 5px 0 !important;}
.bianjie:hover{background:#003894!important;color:#fff!important;}

.bianjiebox{background: none !important;}

.banner_box{

}
.banner_box .swiper-slide a{
	display: block;
	overflow: hidden;
}

.banner_box .swiper-slide video{
	position: absolute;
	width: auto;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}
.banner_box .swiper-slide img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: none;
}
.banner_box .swiper-pagination span{
	width: 30px;
	height: 3px;
	border-radius: 0;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.banner_box .swiper-pagination .swiper-pagination-bullet-active{
	background: #ed6d00;
}

.video_box{

}
.video_box ul{
	font-size: 0;
	margin-top: -40px;
}
.video_box ul li{
	display: inline-block;
	vertical-align: top;
	width: 590px;
	margin-right: 20px;
	margin-top: 40px;
	cursor: pointer;
}
.video_box ul li:nth-of-type(2n+2){
	margin-right: 0;
}
.video_box ul li div{
	position: relative;
	overflow: hidden;
}
.video_box ul li div::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	background: url(../images/bf.png) no-repeat center;
}
.video_box ul li div img{
	width: 100%;
	vertical-align: top;
	position: relative;
	z-index: 3;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.video_box ul li p{
	text-align: center;
	font-size: 18px;
	line-height: 1.6;
	margin-top: 16px;
}
.video_box ul li:hover div img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.video_box .video_div{
	display: none;
	position: fixed;
	z-index: 11;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
.video_box .video_div div{
	width: 1200px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.video_box .video_div i{
	position: absolute;
	cursor: pointer;
	z-index: 3;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: url(../images/gb.png) no-repeat center #fff;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.video_box .video_div i:hover{
	background: url(../images/gbh.png) no-repeat center #ed6d00;
}
.video_box .video_div video{
	width: 100%;
	height: auto;
}
.video__mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
    color: #FFF;
}
.video__title {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 3px;
}
.video__watch {
    position: relative;
    height: 20px;
    margin-top: 20px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
}
.video__watch a{
	color:#fff;
}
.video__watch::after {
	content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    width: 12px;
    height: 12px;
    background: url(../images/icon_video-9cdc1f24f3.png) center/cover no-repeat;
}


	@media (max-width: 1024px){
		.div1{width: 100%;padding: inherit;}
		.floor_5_1 .floor_5_z{width: 100%;float: inherit;}
		.floor_5_1 .floor_5_y{width: 100%;float: inherit;}
	}
	@media (max-width: 768px){
		.index-project li:nth-child(1n){width: 50%;padding: 0 1%;}
		.index-project li:nth-child(1), .index-project li:nth-child(2), .index-project li:nth-child(3){width: 50%;}
		.div3 dt,.div3 dd{float: inherit;width: 100%;}
		.div3 dt{padding: 2% 0;}
	}
@media (max-width: 430px){
	.index-project li:nth-child(1n){width: 100%;padding: 0 1%;}
	.index-project li:nth-child(1), .index-project li:nth-child(2), .index-project li:nth-child(3){width: 100%;}
	.floor_5_1 .floor_5_z .zx_v .zx_t dl dt span{font-size: 32px;}
	}