@charset "utf-8";
/*
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
filter:Alpha(opacity=50);
pointer-events:none;	//鼠标穿透
hidefocus="true"	//超链接不显示周围的虚线
*/

/* css reset */
html, body, h1, h2, h3, h4, h5, h6, div, ol, ul, li, dl, dt, dd, table, caption, tr, th, td, span, p, a, b, u, i, em, img, iframe, fieldset, form, label, legend, input, button, select, textarea { margin: 0; padding: 0;}
body { font: 16px/1.5 '思源黑体'; max-width: 1920px; margin: 0 auto; color:#474747; background-color:#fff;}
input, button, textarea, select { font: 14px/1.5 '思源黑体'; outline: 0; border: 0; background: none; color:inherit;}
input:focus, textarea:focus { color:inherit;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1;}
ol, ul, li { list-style: none;}
select { appearance: none; -moz-appearance: none; -webkit-appearance: none;}
textarea { overflow:auto; resize:none;}
table { border-collapse: collapse; border: 0;}
caption, th { font-weight:normal;}
img { border: 0; outline:0; vertical-align: middle;}
a { text-decoration: none; color:inherit;}
a:focus { outline:0;}

::-ms-clear, ::-ms-reveal{ display: none;}
/* WebKit browsers */
::-webkit-input-placeholder { color: #ccc;}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { color: #ccc; opacity: 1;}
/* Mozilla Firefox 19+ */
::-moz-placeholder { color: #ccc; opacity: 1;}
/* Internet Explorer 10+ */
:-ms-input-placeholder { color: #ccc;}
.placeholder { color:#ccc;}

/* 通用 */
.clear:after, .clearfix:after{ content:''; display:block; height:0; visibility:hidden; clear:both;}
.middle{ font-size: 0; letter-spacing: -1.5em;}
.middle:after{ content:''; display:inline-block; vertical-align:middle; height:100%;}
.justify{ text-align:justify;}
.justify:after{ content:''; padding-left:100%;}
.wrap, .block{ position:relative; /* height:100%; */ margin:0 auto;}
.pos-fix{ position:fixed !important;}
.pos-abs{ position:absolute !important;}
.left{ float: left;}
.right{ float: right;}
/*.disabled{ visibility: hidden;}*/

#header, #footer, #container{ position: relative; width:100%; margin: 0 auto;
}
#container{ overflow: hidden; background-color: #fff;}
#header{ height: 100px; background-color: #fff; z-index: 3;
}
#header .wrap{
	z-index: 5;
}
.navBgImg{
	position: absolute;
	top: 20px;
	width: 1230px;
	height: 120px;
}
.headerB {
    overflow: hidden;
    position: absolute;
    z-index: 7;
    margin-left: -615px;
    left: 50%;
    width: 1230px;
    top: 218px;
}
.headerB img{
	width: 1230px;
	margin: 0 auto;
  height: 120px;

}


#header:before{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; border-bottom: 1px solid #eee;}
#header.pos-abs{ left: 0; top: 0; right: 0; color: #fff; background-color: transparent;}
#header.pos-abs:before{ display: none;}
#header .logo{ position: absolute; left: 0; top: 0; width: 155px; height: 68px; overflow: hidden;}
#header .logo img{ display: block; width: 100%;}
#header .nav{
		position: absolute;
    left: 50%;
    top: 13px;
    margin-left: -425px;
	}
#header .shadow{ content: ''; position: absolute; left: 0; right: 0; top: 130px; height: 226px; background: url(../image/opacity-b10.png); display: none;}
/*#header.hover .shadow{ content: ''; position: absolute; left: 0; right: 0; top: 130px; height: 226px; background: url(../image/opacity-b10.png); display: block;}*/
#header .nav ul{ position: relative;}
#header .nav li{ position: relative; float:left; padding: 0 15px; background: url(../image/opacity-0.png);}
#header .nav li > a{ font-size: 19px;font-weight: bolder; display:block; padding: 29px 2px; border-bottom: 4px solid transparent; background: url(../image/opacity-0.png);}
#header .nav li .sub-nav a:hover{ color:#48845a;}
#header .nav li a:hover{ color:#666;}
#header .nav li a.now{ color:#666;}
/*#header .nav li:hover > a{ border-color: #59c3e1;}*/
#header .sub-nav{ width: max-content;position: absolute; left: 0; right: 0; top: 100%; padding: 15px 15px; background: url(../image/temp/arr_2.png); color: #fff; opacity: 0; visibility: hidden;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	transform: translateY(30px);
}
#header .sub-nav:before{ content: ''; position: absolute; left: 50%; top: -10px; margin-left: -16px; /*border-bottom: 10px solid #fff; border-left: 16px solid transparent; border-right: 16px solid transparent;*/width: 32px;height: 10px;background: url(../image/temp/arr_1.png) no-repeat center;background-size: cover;}
#header .nav li:hover .sub-nav{ opacity: 1; visibility: visible;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
#header .sub-nav a{ display: block; padding: 4px 2px;font-size: 16px;}
#header .tools{ position: absolute; right: 0; top: 33px; text-align: right;}
#header .tools .edition{ margin-bottom: 16px;}
#header .tools .edition > a{ margin-left: 22px;font-size: 18px;}
#header .tools .edition > a:hover, #header .tools .edition > a.cur{ color: #3fd0f9;}
#header .tools .handle{ position: relative; font-size: 0;}
#header .tools .handle li{ display: inline-block; vertical-align: middle; margin-left: 10px; height: 41px;}
#header .tools .handle .ico{ display: block; width: 39px; height: 39px; border: 1px solid #dcdcdc; border-radius: 50%; cursor: pointer;}
#header .tools .handle .ico > img{ display: block; width: 100%;}
#header .tools .handle .ico > img:first-child{ display: none;}
#header .tools .handle li:hover .ico{ border-color: #59c3e1; background-color: #59c3e1;}
#header .tools .handle li:hover .ico > img{ display: none;}
#header .tools .handle li:hover .ico > img:first-child{ display: block;}
#header .tools .handle li:before{ content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 25px; background: url(../image/opacity-0.png);}
#header .tools .handle li + li:before{ display: none;}

#header .tools .serach-box,.logoInfoR .serach-box{ position: absolute; box-shadow: 0px 0px 15px 1px #ccc; right: 0; top: 100%; margin-top: 25px; padding: 16px 100px 16px 28px; border-radius: 27px; background-color: #fff; visibility: hidden; opacity: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.logoInfoR .serach-box{
		visibility: inherit;
    opacity: 1;
		z-index: 1;
		top: 2px;
		padding: 10px 100px 10px 17px;
}
#header .tools .serach-box .input,.logoInfoR .serach-box .input{ display: block; width: 215px;}
#header .tools .serach-box .submit,.logoInfoR .serach-box .submit{ position: absolute; right: 13px; top: 9px; width: 68px; height: 35px; background-color: #48845a; border-radius: 18px; font-size: 14px; color: #fff; cursor: pointer;}
#header .tools .handle li:hover .serach-box{ visibility: visible; opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}
.logoInfoR .serach-box .input{
	width: 139px;
}
.logoInfoR .serach-box .submit{
		top: 0px;
    right: -2px;
    height: 43px;
    width: 61px;
    border-radius: 28px 1px;
}
#header .nav_wp {display: none;}

#footer{ height: 220px; background-color: #333;}
#footer .box1{ padding-top: 68px; margin-bottom: 20px; text-align: center; font-size: 0;}
#footer .box1 li{ position: relative; height: 42px; padding-left: 42px; margin: 0 5px; display: inline-block; vertical-align: top; line-height: 42px;}
#footer .box1 .ico{ position: absolute; left: 0; top: 0; width: 40px; height: 40px; border: 1px solid #949494; border-radius: 50%;}
#footer .box1 .ico > img{ display: block; width: 100%;}
#footer .box1 li:nth-child(4) .ico > img{
	    width: 69%;
    margin: 8px 4px;
}
#footer .box1 .s{ margin: 0 20px 0 10px; font-family: Arial; font-size: 20px; color: #989898;}
#footer .box1 .pop{ position: absolute; left: 50%; bottom: 100%; margin-left: -75px; width: 130px; height: 128px; border: 10px solid #fff; border-radius: 8px; opacity: 0; visibility: hidden;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
/* #footer .box1 .popIco{
	width: 100px;
	height: 130px;
} */
#footer .box1 .popIco .pop{
	visibility: inherit;
	opacity: 1;
	bottom: -7px;
	border: none;
	width: 100px;
	height: 100px;
}
#footer .box1 .popIco .pop:before{
	border: none;
}
#footer .box1 .popIco1 .pop{
	left: 73px;
}
#footer .box1 .popIco2 .pop{
	left: 80px;
}
.textList{
	color: #fff;
}
.boxPop{
	margin-bottom: 41px!important;
}
#footer .box1 .popIco {
	line-height: 127px;
	padding: 0;
}
#footer .box1 .popIco span{
/* 	position: absolute;
	width: 100px;
	top: 53px; */
	left: -11px;
	
}
#footer .box1 .popIco1 span{
		font-size: 15px;
}
#footer .box1 .popIco2 span{
	font-size: 15px;
	left: 54px;
}
#footer .box1 .popIco3 .ico{
	top: 39px;
	font-size: 15px;
}
#footer .box1 .popIco3 span{
	
}
#footer .box1 .pop:before{ content: ''; position: absolute; left: 50%; bottom: 0; margin-bottom: -17px; margin-left: -13px; border-top: 8px solid #fff; border-left: 13px solid transparent; border-right: 13px solid transparent; width:0; height:0;}
#footer .box1 .pop > img{ display: block; width: 100%;}
#footer .box1 li:hover .pop{ margin-bottom: 25px; opacity: 1; visibility: visible;}
#footer .box2{ font-size: 12px; color: #ccc; overflow: hidden;}
#footer .links{ float: left; overflow: hidden;}
#footer .links li{ position: relative; float: left;}
#footer .links li + li{ padding-left: 12px; margin-left: 10px}
#footer .links li + li:before{ content: ''; position: absolute; left: 0; top: 3px; bottom: 4px; border-left: 1px solid #ccc;}
#footer .copy{ float: left; margin-left: 55px;}
#footer .copy span{ font-family: Arial; text-transform: uppercase;}
#footer .ftbj{ float: right;}
#footer a{}
#footer a:hover{ color:#59c3e1;}
#footer.fBottom{ position:fixed; left:0; bottom:0;}

/* 面包屑 */
.bread{}
.bread a{}
.bread a:hover{ color:#ff5705;}
.bread .cur{ color:#ff5705;}

/* 弹窗 */
.popWindow{ position:fixed; left:0; top:0; width:100%; height:100%; background: url(../image/opacity-b60.png); opacity: 0; visibility: hidden;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.popWindow.popShow{ opacity: 1; visibility: visible; z-index:999;}
.popWindow .popDialog{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.popWindow .popOverlay{ position:absolute; left:0; top:0; width:100%; height:100%;}
.popWindow .popClose{ position:absolute; right:12px; top:12px; z-index:1;}

.popWindow .btnWarp{ text-align:center; border-top:#e4e4e4;}
.popWindow .btnWarp .center{ display:inline-block; overflow:hidden;}
.popWindow .btnWarp button{ float:left; cursor:pointer; border-radius:5px; background-color:#f0f0f0; border:1px solid #c3c3c3;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.popWindow .btnWarp button:hover{ background-color:#4f89f5; color:#fff; border-color:#4e73b9;}

/* 分页 */
.page{ text-align:center; width:100%; font-size:0;}
.page ul{ display:inline-block; height:38px;}
.page li{ float:left; padding:0 2px; line-height:38px; font-family:Arial; font-size:18px;}
.page a{ display:block; width:38px; height:38px; line-height:38px; border-radius:4px; text-decoration: underline;
	-webkit-transition:all .2s;	
	transition:all .2s;	
}
.page a:hover, .page .cur{ color:#fff; background-color:#59c3e1; text-decoration: none; box-shadow: 0px 5px 18px 0px rgba(117, 192, 220, 0.32);}


.nexte a,.pree a{ background:none !important; box-shadow: 0px 0 0 0px #000 !important; }

/* 下拉选框 */
.selectWarp{ position:relative; background: url(../image/opacity-0.png); border:1px solid #a9a9a9;}
.selectWarp .selectBtn{ position:relative; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; padding:0 44px 0 18px;}
.selectWarp .selectBtn .btn{ position:absolute; right:0; top:0; padding: 0 15px; height:100%; cursor: pointer;}
.selectWarp .selectBtn .arr{ position:static; display: block; width:14px; height:100%; background:url(../image/select_arrow.png) left no-repeat; cursor: pointer;}
.selectWarp .selectBtn .select{ position: absolute; right: 0; top: 0; bottom: 0; width:0.75rem; background: url(../image/ico12.png) center no-repeat; background-size: 0.25rem; color: #333; display: none;}
.selectWarp .down .arr{ background-position:right;}
.selectWarp .options{ position: absolute; left: -1px; right: -1px; top: 100%; max-height:160px; overflow:hidden; padding:10px 2px 10px 15px; text-align: left; z-index:10; display: none;}
.selectWarp .options:before{ content: ''; position: absolute; left: 0; top: 3px; right: 0; bottom: 0; background-color: #1b8cdb; border: 1px solid #4aa0d8; border-radius: 8px;}
.selectWarp ul{ padding-right:20px;}
.selectWarp ul li{ font-size: 14px; padding: 5px 0; cursor: pointer;}
.selectWarp ul li:hover{ color:#3fd0f9;}

/****/

@media screen and (min-width:1230px){
	#header, #footer, #container{ min-width:1250px;}
	.wrap, .block{ width:1230px;}
		#container{
		padding-top: 10px;
	}

}

@media screen and (min-width: 641px) and (max-width: 1229px) {
	#header, #footer, #container{ min-width:1250px;}
	.wrap, .block{ width:1230px;}
	#container{
		padding-top: 68px;
	}

}

@media screen and (max-width:640px){
	*, *:before, *:after{ box-sizing:border-box;}
	body{ font-size: 0.2rem;}
	#header, #footer, #container{ min-width:320px;}
	#header{ height: auto; padding: 0.1rem 0;}
	#header .logo{ position: static; float: left; width: 1.55rem; height: auto;}
	#header .logo img{ width: 100%;}
	#header .menu-btn{ position: absolute; top: 50%; right:0.2rem; width: 0.4rem; height: 0.4rem; background: url(../image/menu-btnb.png) center no-repeat; background-size: contain;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#header.pos-abs .menu-btn{ background-image: url(../image/menu-btn.png);}
	
	#header .nav_wp {display: block;position: absolute; top: 0.15rem;right: 0.8rem;font-size: 0.26rem;}
	#header .nav_wp a {padding: 0 0.15rem;display: inline-block;}
	#header .nav_wp a.lang {border-left: 1px solid #474747;padding-left: 0.2rem;}
	#header.pos-abs .nav_wp a.lang {border-left: 1px solid #fff;} 
	
	#footer{ height: auto; padding-bottom: 0.3rem;}
	#footer:before{ top: 1.6rem;}
	#footer .box1{ padding-top: 0.6rem; margin-bottom: 0.2rem;}
	#footer .box1 li{ height: 0.42rem; padding-left: 0.42rem; margin: 0 0.05rem; line-height: 0.42rem;}
	#footer .box1 li > a{ display: block;}
	#footer .box1 .ico{ width: 0.4rem; height: 0.4rem;}
	#footer .box1 .s{ margin: 0 0.2rem 0 0.1rem; font-size: 0.2rem;}
	/*#footer .box1 .pop{ display: none;}*/
	#footer .box2{ font-size: 0.16rem; text-align: center;}
	#footer .links{ display: inline-block;}
	#footer .links li + li{ padding-left: 0.12rem; margin-left: 0.1rem}
	#footer .links li + li:before{ top: 0.04rem; bottom: 0.04rem;}
	#footer .links, #footer .copy, #footer .ftbj{ float: none;} 
	#footer .copy{ margin-left: 0.5rem;}
	#footer .copy span{ display: block;}
	#footer .ftbj{}
	
	.wrap, .block{ width:100%; padding:0 0.2rem;}
	.guideLine{ display: none;}

	.selectWarp .selectBtn{ padding:0 0.75rem 0 0.35rem;}
	.selectWarp .selectBtn .btn{ display: none;}
	.selectWarp .selectBtn .select{ display: block; font-size: 0;}

	/*.menu-nav{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; opacity: 1;

		-webkit-transition: opacity 0.5s;

		transition: opacity 0.5s;

	}

	.menu-nav.menu-show{ visibility: visible; opacity: 1; z-index: 999;}

	.menu-nav .menu-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75);}

	.menu-nav .menu-box{ position: absolute; right: 0; top: 0; width: 5rem; height: 100%; background-color: #fff;}

	.menu-nav .menu-close{ position: absolute; right: 0; top: 0; width: 0.5rem; height: 0.5rem; z-index: 1;}

	.menu-nav .menu-close .x{ position: absolute; left: 50%; top: 50%; width: 0.2rem; height: 0.2rem;

		-webkit-transform: translate(-50%,-50%) rotate(45deg);

		transform: translate(-50%,-50%) rotate(45deg);

	}

	.menu-nav .menu-close .x:before, .menu-nav .menu-close .x:after{ content: ''; position: absolute; background-color: #909090;}

	.menu-nav .menu-close .x:before{ left: 50%; top: 0; width: 2px; height: 100%; margin-left: -1px;}

	.menu-nav .menu-close .x:after{ left: 0; top: 50%; width: 100%; height: 2px; margin-top: -1px;}

	.menu-nav .menu-head{ position: relative; padding: 0.1rem 0.7rem 0.1rem 0.2rem;font-size: 0.3rem;}

	.menu-nav .menu-head:before{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; border-bottom: 1px solid #909090;}

	

	.menu-nav .nav-box{ position: absolute; top: 0.5rem; left: 0.2rem; right: 0.2rem; bottom: 0; overflow: hidden;}

	.menu-nav .nav-level1{ position: absolute; left: 0; top: 0; width: 100%;}

	.menu-nav .nav-level1 > li{ position: relative;}

	.menu-nav .nav-level1 > li + li{ border-top: 1px solid #e0e0e0;}

	.menu-nav .nav-level1 > li span, .menu-nav .nav-level1 > li a{ position: relative; display: block; padding: 0.12rem 0.2rem;font-size: 0.28rem;}

	.menu-nav .nav-level1 > li .arr{ position: absolute; right: 0.2rem; top: 50%; width: 0.22rem; height: 0.22rem; background: url(../image/menu-nav.png) 0.01rem no-repeat; background-size: 0.5rem;

		-webkit-transform: translateY(-50%);

		transform: translateY(-50%);

	}

	.menu-nav .nav-level2{ padding: 0 0.2rem; background-color: #707070; display: none;}

	.menu-nav .nav-level2 > li{ font-size: 0.24rem; color: #fff;}

	.menu-nav .nav-level2 > li + li{ border-top: 1px solid #909090;}

	.menu-nav .nav-level1 li.cur{ border: 0; background-color: #474747; color: #fff;}

	.menu-nav .nav-level1 li.cur .arr{ background-position: right;}*/

	
}






/*效果*/
@media screen and (min-width: 1230px) {
/* .home2 .list li {opacity:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;
transform:scale(0.7) rotateX(60deg);-webkit-transform:scale(0.7) rotateX(60deg);-moz-transform:scale(0.7) rotateX(60deg);transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;-moz-transition:all 1.5s ease-out 0s;}
.home2 .anim .list li {transform: scale(1) rotateX(0deg);-webkit-transform: scale(1) rotateX(0deg);-moz-transform: scale(1) rotateX(0deg);opacity: 1;} */
.home3 {overflow: hidden;height: 460px;}
.home3 .cont .r .con .img1 {left: 192px !important;top: -117px !important;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;opacity: 0;}
.home3 .cont .r .con .img2 {top: 306px !important;left: 242px !important;-webkit-transition: all 1.6s ease-in-out ;transition: all 1.6s ease-in-out ;opacity: 0;}
.home3 .cont .r .con .img3 {top: 256px !important;left: -7px !important;-webkit-transition: all 1.6s ease-in-out ;transition: all 1.6s ease-in-out ;opacity: 0;}
.home3 .cont .r .con .img4 {top: 391px !important;left: -7px !important;-webkit-transition: all 1.6s ease-in-out ;transition: all 1.6s ease-in-out ;opacity: 0;}
.home3 .cont .r .con .img5 {top: 441px !important;left: 242px !important;-webkit-transition: all 1.6s ease-in-out ;transition: all 1.6s ease-in-out ;opacity: 0;}
.home3 .cont .r .con .img6 {top: 121px !important;left: -7px !important;-webkit-transition: all 1.6s ease-in-out;transition: all 1.6s ease-in-out;opacity: 0;}
.home3 .cont .r .con .img7 {top: 391px !important;left: 487px !important;-webkit-transition: all 1.6s ease-in-out;transition: all 1.6s ease-in-out;opacity: 0;}
.home3 .cont .r .con .img8 {top: 256px !important;left: 487px !important;-webkit-transition: all 1.6s ease-in-out;transition: all 1.6s ease-in-out;opacity: 0;}
.home3 .cont .r .con .img9 {top: 121px !important;left: 487px !important;-webkit-transition: all 1.6s ease-in-out;transition: all 1.6s ease-in-out;opacity: 0;}
.home3 .cont .r .con .img10 {top: 71px !important;left: 242px !important;-webkit-transition: all 1.6s ease-in-out;transition: all 1.6s ease-in-out;opacity: 0;}


.home3.anim .cont .r .con .img2 {top: 256px !important;left: 242px !important;opacity: 1;}
.home3.anim .cont .r .con .img3 {top: 256px !important;left: 47px !important;opacity: 1;}
.home3.anim .cont .r .con .img4 {top: 391px !important;left: 47px !important;opacity: 1;}
.home3.anim .cont .r .con .img5 {top: 391px !important;left: 242px !important;opacity: 1;}
.home3.anim .cont .r .con .img6 {top: 121px !important;left: 47px !important;opacity: 1;}
.home3.anim .cont .r .con .img7 {top: 391px !important;left: 437px !important;opacity: 1;}
.home3.anim .cont .r .con .img8 {top: 256px !important;left: 437px !important;opacity: 1;}
.home3.anim .cont .r .con .img9 {top: 121px !important;left: 437px!important;opacity: 1;}
.home3.anim .cont .r .con .img10 {top: 121px !important;left: 242px!important;opacity: 1;}





.home3 .cont .l {position: relative;left: -100px;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;opacity: 0;}
.home3.anim .cont .l {left: 0;opacity: 1;}
/* .home4 .frame .child .l {position: relative;left: -150px;opacity: 0;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.home4 .frame .child .r {position: relative;left: 150px;opacity: 0;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.home4.anim .frame .child .l {left: 0;opacity: 1;}
.home4.anim .frame .child .r {left: 0;opacity: 1;} */
.home5 .l {position: relative;left: -100px;opacity: 0;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.home5 .r .top {position: relative;top: -100px;opacity: 0;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.home5 .r .bottom {position: relative;top: 100px;opacity: 0;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.home5.anim .l {left: 0;opacity: 1;}
.home5.anim .r .top {top: 0;opacity: 1;}
.home5.anim .r .bottom {top: 0;opacity: 1;}
.development1 .left {position: relative;left: -150px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.development1 .cont {position: relative;left: 150px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.development1.anim .left {left: 0;opacity: 1;}
.development1.anim .cont {left: 0;opacity: 1;}
.development2 .right {position: relative;left: 150px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.development2 .cont {position: relative;left: -150px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.development2.anim .right {left: 0;opacity: 1;}
.development2.anim .cont {left: 0;opacity: 1;}
.development3 .left {position: relative;left: -150px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.development3 .cont {position: relative;left: 150px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.development3.anim .left {left: 0;opacity: 1;}
.development3.anim .cont {left: 0;opacity: 1;}
.development4 .right {position: relative;left: 150px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.development4 .cont {position: relative;left: -150px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.development4.anim .right {left: 0;opacity: 1;}
.development4.anim .cont {left: 0;opacity: 1;}
.group_dynamics .list li {opacity:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;
transform:scale(0.7) rotateX(60deg);-webkit-transform:scale(0.7) rotateX(60deg);-moz-transform:scale(0.7) rotateX(60deg);transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;-moz-transition:all 1.5s ease-out 0s;}
.group_dynamics.anim .list li {transform: scale(1) rotateX(0deg);-webkit-transform: scale(1) rotateX(0deg);-moz-transform: scale(1) rotateX(0deg);opacity: 1;}
.notice .list li {position: relative;left: 150px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.notice .list li.anim {left: 0;opacity: 1;}
.party .list .img {position: relative;left: -100px;opacity: 0;webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.party .list .cont {position: relative;left: 150px; opacity: 0;webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.party .list li.anim .img {left: 0;opacity: 1;}
.party .list li.anim .cont {left: 0;opacity: 1;}
.pioneer .img {position: relative;left: -100px;top: -100px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.pioneer .cont {position: relative;left: 100px;top: 100px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.pioneer.anim .img {top: 0;left: 0;opacity: 1;}
.pioneer.anim .cont {top: 0;left: 0;opacity: 1;}
.position_details1 .l {position: relative;left: -150px;opacity: 1;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.position_details1 .r {position: relative;left: 150px;opacity: 1;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.position_details1.anim .l {left: 0;opacity: 1;}
.position_details1.anim .r {left: 0;opacity: 1;}
.survey_detailed1 .l {position: relative;left: -150px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.survey_detailed1 .r {position: relative;left: 150px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.survey_detailed1.anim .l {left: 0;opacity: 1;}
.survey_detailed1.anim .r {left: 0;opacity: 1;}
.survey_detailed3 .cont .img1 {position: relative;left: -100px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.survey_detailed3 .cont .img2 {position: relative;top: -100px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.survey_detailed3 .cont .img3 {position: relative;top: 100px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.survey_detailed3 .cont .img4 {position: relative;left: 100px;opacity: 0;webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.survey_detailed3.anim .cont .img1 {left: 0;opacity: 1;}
.survey_detailed3.anim .cont .img2 {top: 0;opacity: 1;}
.survey_detailed3.anim .cont .img3 {top: 0;opacity: 1;}
.survey_detailed3.anim .cont .img4 {left: 0;opacity: 1;}











}








video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}


/*9.30jjl新加公安备案*/
#footer .gaba {margin-left: 10px;float: left;}
#footer .gaba img {float: left;}
#footer .gaba p {float:left;margin: 0px 0px 0px 5px;}

@media screen and (max-width:640px){
#footer .copy {margin-left: 0;}
#footer .gaba {width: 100%;text-align: center;margin-left: 0;padding: 0.1rem 0 0;}
#footer .gaba img {display: inline-block;width: 0.3rem;position: relative;top: -2px;float: none;}
#footer .gaba p {display: inline-block;float: none;}
}

@media screen and (max-width:414px){
	/* 首页 */
}