/*锟斤拷锟斤拷锟斤拷锟斤拷*/
.w1200{width: 1200px; margin: 0 auto;}
.indexicon { background-image: url("/skin/images/indexicon.png"); display: inline-block; vertical-align: middle; }
.floor_5_main{width:100%;overflow: hidden;}
.floor_5_1 .floor_5_z{ float:left; width:554px;height:400px; position:relative;}
.floor_5_1 .floor_5_z h3{ font-size:20px; color:#005baa; line-height:30px; font-weight:normal; padding-top:20px;}
.floor_5_1 .floor_5_z .zx_v{ width:604px; overflow:hidden; height:60px; margin-top:30px;}
.floor_5_1 .floor_5_z .zx_v .zx_t{ width:105%;}
.floor_5_1 .floor_5_z .zx_v .zx_t dl{ float:left; width:150px; 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:#005baa; line-height:60px; font-family:"Arial";}
.floor_5_1 .floor_5_z .zx_v .zx_t dl:nth-child(3){border-right:none; width:200px;}
.floor_5_1 .floor_5_z .zx_v .zx_t dl:first-child+dl+dl{border-right:none; width:250px; margin-right:0;}
.floor_5_1 .floor_5_z p{ font-size:14px; color:#999; height:156px; line-height:30px; margin-top:42px;}
.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:600px; /*height:400px;*/ background-color:#191919;}
.floor_5_1 .floor_5_y .f_tu{ width:580px; /*height:380px;*/ margin-top:10px; margin-left:10px;}/* CSS Document */

.bimfloor_5_main{width:100%;overflow: hidden; padding-top:60px; height:460px;}
.bimfloor_5_1 .bimfloor_5_z{ float:left; width:554px;height:350px; position:relative;}

.bimfloor_5_1 .bimfloor_5_y{ float:right; width:580px; /*height:400px;*/}
.bimfloor_5_1 .bimfloor_5_y .bimf_tu{ width:600px; /*height:380px;*/  background-color:#191919;}/* CSS Document */




.index-project{ padding:57px 0 40px 0; background:#f6f6f6; height:620px;}
.index-project li{ float:left; width:386px;}
.index-project li.li_6,.index-project li.li_7,.index-project li.li_8,.index-project li.li_9{ float:left; width:284px;}
.index-project li.li_6,.index-project li.li_7,.index-project li.li_8{ margin-right:21px;}
.index-project li.li_4{ margin:0 21px;}
.index-project li .pic{ overflow:hidden;}
.index-project li .pic img{ display:block; width:100%; /*height:217px;*/ transition:0.8s;height: 217px!important;
	margin: 0 auto;
}
.index-project li:nth-child(4) .pic img,
.index-project li:nth-child(5) .pic img,
.index-project li:nth-child(6) .pic img,
.index-project li:nth-child(7) .pic img
{ height: 160px!important;}


.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{

}
.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: #0060ff;
	border-radius: 50%;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.div1 dl dd .span1{
	width: 65px;
	height: 65px;
	left: 152px;
    bottom: 112px;
	background: url(/skin/images/c1.png) no-repeat;
}
.div1 dl dd .span2{
	top: 110px;
	left: 690px;
}
.div1 dl dd .span2::after{
	content: "";
position: absolute;
top: 10px;
left: -47px;
width: 190px;
height: 69px;
background: url(/skin/images/c2.png) no-repeat;
background-size: 100%;
}
.div1 dl dd .span3{
	top: 160px;
	left: 234px;
}
.div1 dl dd .span3::after{
	content: "";
	position: absolute;
	top: 24px;
    left: -4px;
	width: 127px;
	height: 57px;
	background: url(/skin/images/c3.png) no-repeat;
}
.div1 dl dd .span4{
	top: 100px;
left: 450px;
}
.div1 dl dd .span4::after{
content: "";
position: absolute;
top: 17px;
left: -28px;
width: 135px;
height: 99px;
background: url(/skin/images/c4.png) no-repeat;
}
.div1 dl dd .span5{
	top: 137px;
	left: 834px;
}
.div1 dl dd .span5::after{
	content: "";
position: absolute;
top: 31px;
left: -81px;
width: 60px;
height: 50px;
background: url(/skin/images/c5.png) no-repeat;
background-size: 100%;
}
.div1 dl dd .span6{
	top: 400px;
	left: 740px;
}
.div1 dl dd .span7{
	top: 370px;
	left: 200px;
}
.div1 dl dd .span8{
	top: 412px;
	left: 370px;
}
.div1 dl dd .span8::after{
	content: "";
	position: absolute;
	top: -25px;
    left: -166px;
	width: 143px;
	height: 58px;
	background: url(/skin/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{
	width: 845px;
	height: 230px;
	left: 38px;
	bottom: 10px;
	opacity: 0;
}
.div1 dl dd .div2 .i1{
	width: 0;
	height: 4px;
	left:15px;
	bottom: 52px; 
	background: url(/skin/images/zsh.jpg) repeat-x;
}
.div1 dl dd .div2 .i2{
	width: 4px;
    height: 0;
    bottom: 52px;
    left: 45px;
    background: url(/skin/images/zss.jpg) repeat-y;
}
.div1 dl dd .div2 .i3{
	width: 4px;
    height: 0;
    top: 174px;
    left: 45px;
    background: url(/skin/images/zss.jpg) repeat-y;
}
.div1 dl dd .div2 .i4{
	width: 0;
    height: 4px;
    left: 45px;
    bottom: 0;
    background: url(/skin/images/zsh.jpg) repeat-x;
}
.div1 dl dd .div2 .i5{
	width: 4px;
    height: 0;
    bottom: 4px;
    left: 95px;
    background: url(/skin/images/zss.jpg) repeat-y;
}
.div1 dl dd .div2 .i6{
	width: 0;
    height: 4px;
    left: 45px;
    top: 23px;
    background: url(/skin/images/zsh.jpg) repeat-x;
}
.div1 dl dd .div2 .i7{
    width: 4px;
    height: 0;
    bottom: 207px;
    left: 210px;
    background: url(/skin/images/zss.jpg) repeat-y;
}
.div1 dl dd .div61{
	width: 1140px;
	height: 181px;
	left: 38px;
	bottom: 59px;
	opacity: 0;
	z-index: 3;
}
.div1 dl dd .div61 .i1{
	height: 4px;
	width: 0;
	right: 0;
	top: 151px;
	background: url(/skin/images/lsh.jpg) repeat-x;
}
.div1 dl dd .div61 .i2{
	height: 4px;
	width: 0;
	right: 47px;
	top: 151px;
	background: url(/skin/images/lsh.jpg) repeat-x;
}
.div1 dl dd .div61 .i3{
	height: 4px;
	width: 0;
	right: 87px;
	top: 151px;
	background: url(/skin/images/lsh.jpg) repeat-x;
}
.div1 dl dd .div61 .i4{
	height: 4px;
	width: 0;
	right: 135px;
	top: 151px;
	background: url(/skin/images/lsh.jpg) repeat-x;
}
.div1 dl dd .div61 .i5{
	height: 0;
	width: 4px;
	right: 172px;
	bottom: 27px;
	background: url(/skin/images/lss.jpg) repeat-y;
}
.div1 dl dd .div61 .i6{
	height: 4px;
	width: 0;
	right: 172px;
	top: 23px;
	background: url(/skin/images/lsh.jpg) repeat-x;
}
.div1 dl dd .div61 .i7{
	height: 0;
	width: 4px;
	left: 210px;
	top: -5px;
	background: url(/skin/images/lss.jpg) repeat-y;
}
.div1 dl dd .div61 .i8{
	height: 0;
	width: 4px;
	top: -5px;
	left: 95px;
	background: url(/skin/images/lss.jpg) repeat-y;
}
.div1 dl dd .div61 .i9{
	height: 0;
	width: 4px;
	left: 43px;
	top: 27px;
	background: url(/skin/images/lss.jpg) repeat-y;
}
.div1 dl dd .div61 .i10{
	height: 4px;
	width: 0;
	right: 1097px;
	top: 175px;
	background: url(/skin/images/lsh.jpg) repeat-x;
}
.div1 dl dd .div62{
	width: 1045px;
	height: 119px;
	right: 22px;
	bottom: 10px;
	opacity: 0;
}
.div1 dl dd .div62 .i1{
	height: 4px;
    width: 0;
    right: 0;
    top: 40px;
    background: url(/skin/images/gsh.jpg) repeat-x;
}
.div1 dl dd .div62 .i2{
	height: 4px;
    width: 0;
    right: 47px;
    top: 40px;
    background: url(/skin/images/gsh.jpg) repeat-x;
}
.div1 dl dd .div62 .i3{
	height: 4px;
    width: 0;
    right: 87px;
    top: 40px;
    background: url(/skin/images/gsh.jpg) repeat-x;
}
.div1 dl dd .div62 .i4{
	height: 0;
	width: 4px;
	right: 97px;
	top: 44px;
	background: url(/skin/images/gss.jpg) repeat-y;
}
.div1 dl dd .div62 .i5{
	height: 4px;
	width: 0;
	right: 97px;
	bottom: 0;
	background: url(/skin/images/gsh.jpg) repeat-x;
}
.div1 dl dd .div62 .i6{
	height: 0;
	width: 4px;
	right: 693px;
	bottom: 9px;
	background: url(/skin/images/gss.jpg) repeat-y;
}
.div1 dl dd .div62 .i7{
	height: 0;
	width: 4px;
	left: 64px;
	bottom: 4px;
	background: url(/skin/images/gss.jpg) repeat-y;
}
.div1 dl dd .div62 .i8{
	height: 4px;
	width: 0;
	right: 994px;
	bottom: 70px;
	background: url(/skin/images/gsh.jpg) repeat-x;
}
.div1 dl dd .div62 .i9{
	height: 0;
	width: 4px;
	left: 0;
	bottom: 0;
	/* bottom: 70px; */
	background: url(/skin/images/gss.jpg) repeat-y;
}
.div1 dl dd .div62 .i10{
	height: 0;
	width: 4px;
	left: 74px;
	top: 50px;
	background: url(/skin/images/gss.jpg) repeat-y;
}
.div1 dl dd .div62 .i11{
	height: 4px;
	width: 0;
	left: 74px;
	bottom: 9px;
	background: url(/skin/images/gsh.jpg) repeat-x;
}

.div1 dl dd .div81{
	width: 414px;
	height: 222px;
	bottom: 4px;
	left: 175px;
	opacity: 0;
}
.div1 dl dd .div81 .i1{
	height: 0;
	width: 4px;
	left: -50px;
	top: -20px;
	background: url(/skin/images/hss.jpg) repeat-y;
}
.div1 dl dd .div81 .i2{
	height: 4px;
	width: 0;
	left: -50px;
	top: 0;
	background: url(/skin/images/hsh.jpg) repeat-x;
}
.div1 dl dd .div81 .i3{
	height: 0;
	width: 4px;
	left: 135px;
	top: 0;
	background: url(/skin/images/hss.jpg) repeat-y;
}
.div1 dl dd .div81 .i4{
	height: 4px;
	width: 0;
	left: 135px;
	bottom: 0;
	background: url(/skin/images/hsh.jpg) repeat-x;
}
.div1 dl dd .div81 .i5{
	width: 15px;
	height: 0;
	bottom: 0;
	right: 0;
	background: url(/skin/images/hsx.png) no-repeat;
	background-size: 100% 100%;
}
.div1 dl dd .div81 .i6{
	height: 4px;
	width: 0;
	right: 0;
	bottom: 59px;
	background: url(/skin/images/hsh.jpg) repeat-x;
}
.div1 dl dd .div81 .i7{
	width: 15px;
	height: 0;
	top: 163px;
	right: 165px;
	background: url(/skin/images/hsx.png) no-repeat;
}
.div1 dl dd .div81 .i8{
	height: 4px;
	width: 0;
	left: 238px;
	bottom: 27px;
	background: url(/skin/images/hsh.jpg) repeat-x;
}
.div1 dl dd .div81 .i9{
	width: 15px;
	height: 0;
	bottom: 29px;
	right: 20px;
	background: url(/skin/images/hsx.png) no-repeat;
}
.div1 dl dd .div81 .i10{
	height: 4px;
	width: 0;
	right: 21px;
	bottom: 42px;
	background: url(/skin/images/hsh.jpg) repeat-x;
}

.div1 dl dd .div82{
	width: 383px;
	height: 214px;
	bottom: 12px;
	left: 194px;
	/* opacity: 0; */
}
.div1 dl dd .div82 .i1{
	height: 0;
	width: 4px;
	left: -40px;
	bottom: 220px;
	background: url(/skin/images/lss.jpg) repeat-y;
}
.div1 dl dd .div82 .i2{
	height: 4px;
	width: 0;
	left: -40px;
	top: -9px;
	background: url(/skin/images/lsh.jpg) repeat-x;
}
.div1 dl dd .div82 .i3{
	height: 0;
	width: 4px;
	left: 130px;
	bottom: 4px;
	background: url(/skin/images/lss.jpg) repeat-y;
}
.div1 dl dd .div82 .i4{
	height: 4px;
	width: 0;
    right: 7px;
    bottom: 2px;
	background: url(/skin/images/lsh.jpg) repeat-x;
}
.div1 dl dd .div82 .i5{
	width: 14px;
	height: 0;
	top: 167px;
	right: -4px;
	background: url(/skin/images/lsx.png) no-repeat;
}
.div1 dl dd .div82 .i6{
	height: 4px;
	width: 0;
	left: 248px;
	bottom: 43px;
	background: url(/skin/images/lsh.jpg) repeat-x;
}
.div1 dl dd .div82 .i7{
	width: 14px;
	height: 0;
	bottom: 30px;
    right: 131px;
	background: url(/skin/images/lsx.png) no-repeat;
}
.div1 dl dd .div82 .i8{
	height: 4px;
	width: 0;
    right: 29px;
    bottom: 27px;
	background: url(/skin/images/lsh.jpg) repeat-x;
}
.div1 dl dd .ani2{
	opacity: 1;
}
.div1 dl dd .ani2 .i1{
	width: 33px;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.div1 dl dd .ani2 .i2{
	height: 151px;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.div1 dl dd .ani2 .i3{
	height: 52px;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.div1 dl dd .ani2 .i4{
	width: 55px;
	transition: all 0.3s 0.6s;
    -webkit-transition: all 0.3s 0.6s;
}
.div1 dl dd .ani2 .i5{
	height: 66px;
	transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.div1 dl dd .ani2 .i6{
	width: 170px;
	transition: all 0.3s 0.6s;
    -webkit-transition: all 0.3s 0.6s;
}
.div1 dl dd .ani2 .i7{
	height: 30px;
    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: 26px;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.div1 dl dd .ani61 .i2{
	width: 15px;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.div1 dl dd .ani61 .i3{
	width: 23px;
	transition: all 0.3s 0.6;
    -webkit-transition: all 0.3s 0.6s;
}
.div1 dl dd .ani61 .i4{
	width: 41px;
	transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.div1 dl dd .ani61 .i5{
	height: 127px;
	transition: all 0.3s 1.2s;
    -webkit-transition: all 0.3s 1.2s;
}
.div1 dl dd .ani61 .i6{
	width: 925px;
	transition: all 0.3s 1.5s;
    -webkit-transition: all 0.3s 1.5s;
}
.div1 dl dd .ani61 .i7{
	height: 30px;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.div1 dl dd .ani61 .i8{
	height: 30px;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.div1 dl dd .ani61 .i9{
	height: 152px;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.div1 dl dd .ani61 .i10{
	width: 33px;
	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: 26px;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.div1 dl dd .ani62 .i2{
	width: 15px;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.div1 dl dd .ani62 .i3{
	width: 14px;
	transition: all 0.3s 0.6;
    -webkit-transition: all 0.3s 0.6s;
}
.div1 dl dd .ani62 .i4{
	height: 74px;
	transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.div1 dl dd .ani62 .i5{
	width: 944px;
	/* width: 884px; */
	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: 88px;
	/* height: 19px; */
	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: 20px;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.div1 dl dd .ani81 .i2{
	width: 188px;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.div1 dl dd .ani81 .i3{
	height: 220px;
	transition: all 0.3s 0.6;
    -webkit-transition: all 0.3s 0.6s;
}
.div1 dl dd .ani81 .i4{
	width: 270px;
	transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.div1 dl dd .ani81 .i5{
	height: 59px;
	transition: all 0.3s 1.2s;
    -webkit-transition: all 0.3s 1.2s;
}
.div1 dl dd .ani81 .i6{
	width: 169px;
	transition: all 0.3s 1.5s;
    -webkit-transition: all 0.3s 1.5s;
}
.div1 dl dd .ani81 .i7{
	height: 29px;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.div1 dl dd .ani81 .i8{
	width: 152px;
	transition: all 0.3s 2.1s;
    -webkit-transition: all 0.3s 2.1s;
}
.div1 dl dd .ani81 .i9{
	height: 16px;
	transition: all 0.3s 2.4s;
    -webkit-transition: all 0.3s 2.4s;
}
.div1 dl dd .ani81 .i10{
	width: 110px;
	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: 10px;
	transition: all 0.3s 5.1s;
    -webkit-transition: all 0.3s 5.1s;
}
.div1 dl dd .ani82 .i2{
	width: 170px;
	transition: all 0.3s 4.8s;
    -webkit-transition: all 0.3s 4.8s;
}
.div1 dl dd .ani82 .i3{
	height: 219px;
	transition: all 0.3s 4.5;
    -webkit-transition: all 0.3s 4.5s;
}
.div1 dl dd .ani82 .i4{
	width: 245px;
	transition: all 0.3s 4.2s;
    -webkit-transition: all 0.3s 4.2s;
}
.div1 dl dd .ani82 .i5{
	height: 45px;
	transition: all 0.3s 3.9s;
    -webkit-transition: all 0.3s 3.9s;
}
.div1 dl dd .ani82 .i6{
	width: 135px;
	transition: all 0.3s 3.6s;
    -webkit-transition: all 0.3s 3.6s;
}
.div1 dl dd .ani82 .i7{
	height: 16px;
	transition: all 0.3s 3.3s;
    -webkit-transition: all 0.3s 3.3s;
}
.div1 dl dd .ani82 .i8{
	width: 111px;
	transition: all 0.3s 3.0s;
    -webkit-transition: all 0.3s 3.0s;
}




 .div3{
	background: #f7f7f7;
}
 .div3 dl{
	
}
 .div3 dt{
	float: left;
	width: 650px;
	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%;
	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(/skin/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: 530px;
}
 .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: 170px;
	vertical-align: middle;
	overflow: hidden;
}
 .div3 dd a em img{
	width: 100%;
	vertical-align: top;
	transition: 0.5s;
    -webkit-transition: 0.5s;
    height:115px !important
}
 .div3 dd a div{
	display: inline-block;
	width: calc(100% - 170px);
	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;
	height: 54px;
	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(/skin/images/newsbg1.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;}
.xwdt_content {
    width: 100%;
    height: auto;
    margin: 0 auto;
        margin-top: 0px;
        position: relative;
    /*margin-top: 0.3rem;*/
}
.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:#02a3ec;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: #00a2ea;
	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: #00a2ea;
	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: #00a2ea;
}
.fb_box em:hover p{
	width: 150px;
	opacity: 1;
}
.fb_box em div{
	position: absolute;
	z-index: -1;
	background: #00a2ea;
	top: 0;
	right: -228px;
	width: 300px;
	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:#00a2ea!important;color:#fff!important;}

.bianjiebox{background: none !important;}

.banner_box{

}
.banner_box .swiper-slide a{
	display: block;
	overflow: hidden;
}
.banner_box .swiper-slide{
	padding-bottom: 31.25%;
	background: #000;
}
.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: cover;
}
.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(/skin/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(/skin/images/gb.png) no-repeat center #fff;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.video_box .video_div i:hover{
	background: url(/skin/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(/skin/images/icon_video-9cdc1f24f3.png) center/cover no-repeat;
}