@charset "utf-8";
/* CSS Document */
.banner{ height: auto; width:100%; background:#fff; margin:0px; padding:0px}
.banner img{ width:100%; height:auto;  margin:0px; padding:0px}
.swipers{ width:100%; background:#e3e3e3; padding:5% 1%}
.swipers .swiper-slide{ float:left; width:12%; margin:0 2%; text-align:center}
.swipers .swiper-slide img{ width:100%}
.swipers .swiper-slide p{ font-size:16px;}
.maxhingt{ height:auto}
.blue{ color:#2050c7}
@media (max-width: 640px){
.swipers{ padding-left:2%}
.swipers .swiper-slide{ float:left; width:20%; margin:3% 6%; text-align:center}
.maxhingt{ min-height:515px}

}
.w100{ width:100%}
.list{ width:100%; padding-top:1%; background:#fafafa}
.vile li{ width:46%; float:left; margin:2% 0.1% 0% 2.5%; background:#fff }
.vile02 li{ width:17%; float:left; margin:1% 1.5% 0.5% 1.3%; background:#fff}
@media (max-width: 640px){
.vile li{ width:45%; float:left; margin:3% 2% 3% 2.5%}
.vile02 li{ width:45%; float:left; margin:3% 2% 3% 2.5%}
.swipers .swiper-slide p{ font-size:14px;}
}
.mt5{ margin-top:2%}

.list .swiper-slide{position:relative; }
<!--.list .swiper-slide img{ min-height:80px}-->
.list .swiper-slide:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2); transform:scale(1.2);}
.list .swiper-slide abbr{position:absolute;}
.list .swiper-slide abbr.zi{left:0;bottom:0;height:2.3rem;line-height:2.3rem;background:rgba(0,0,0,.8);}
.list .swiper-slide abbr.btn{left:50%;top:50%;width:4rem;height:4rem;margin:-2rem 0 0 -2rem;background:rgba(255,255,255,.8);-webkit-border-radius:50%;border-radius:50%;transition: 0.3s linear all;}
.list .swiper-slide abbr.btn i{position:relative;top:1.5rem;left:0.2rem}

.le_font{ width:95%; height:auto; border:#d4d4d4 0px solid; border-top:0; padding-top:2%; overflow:hidden; font-size:16px; white-space: nowrap; text-align:center}
.san_font{ width:100%; height:auto; padding:2.3% 0 0 0; overflow:hidden; font-size:16px; white-space: nowrap; text-align:center}
.reany{ width:40%; margin:30px auto;  background:#f0efef; text-align:center; font-size:16px; border-radius:5px; line-height:50px}
.reany a{ width:100%; height:100%; display:block; color:#666;}
.reany a:hover{ width:100%; height:100%; display:block; color:#333; background:#090963; border-radius:5px; }
.reany02{ width:20%; margin:auto; text-align:center;background:#000020; font-size:16px; border-radius:10px; height:auto; display:block; line-height: 50px}
.reany02 a{ width:100%; height:100%; display:block; color:#FFF; }
.reany02 a:hover{ width:100%; height:100%; display:block; color:#FFF; background:#090963; border-radius:10px;}
.foot{ background: url(../images/footerbg.png) center; background-size: 100% 100%; width:100%; text-align:center; padding:0; font-size:16px; color:#fff; line-height:50px; height: 4rem; margin-top:2%}
.foot .feel{ font-size:10px; line-height:18px}
.foot a{ color:#fff; padding-left:10px; padding-right:10px}
.foot a:hover{ color:#fff; padding-left:10px; padding-right:10px}

.eshow-video-detail{width: 100%;margin-left: auto;margin-right: auto; margin-top: 10px;max-width: inherit; border:#d4d4d4 1px solid; padding:10px}
.video-js .vjs-tech{position: static;}
.video-js{width: 100%; height: auto;}
.video-js .vjs-big-play-button{width: 2em;height: 2em;border-radius: 50%;line-height: 2em;background: none;}
@media (max-width: 640px){
.le_font{ font-size:14px; padding-top:2%}
.foot{ font-size:12px; line-height:24px; height: }

}

.vrbould{  background:#0a0b20 url(../images/vrbould2.jpg) no-repeat; background-size:100%; background-size: cover; }
.vrtit{ margin-top:0%; text-align:center}
.vrtit p{ font-size:40px; color:#fff; line-height:40px}
.vrtit h2{ font-size:60px; color:#fff}
.vrang{ width:100%; text-align:center; margin-top:4%}
.anside{ width:75%; background:url(../images/vrany.png) no-repeat; background-size:cover; margin-left:auto; margin-right:auto; position:relative}
.andin{
	position: absolute;
	width: 35%;
	height: 80px;
	left: 10%;
	bottom:60%;
	z-index: 1;
	display:block;
	overflow:hidden;
	text-indent:-9999px;

}
.andin a{ display:block; height: 80px;}
.andin a:hover{ display:block; height: 80px;}
.andin2{
	position: absolute;
	text-indent:-9999px;
	right: 15%;
	bottom:72%;
	z-index: 2;
	display:block;
	width: 30%;
	height: 80px;
}
.andin2 a{ display:block; height: 80px;}
.andin2 a:hover{ display:block; height: 80px;}
.andin3{
	position: absolute;
	width: 35%;
	height: 80px;
	text-indent:-9999px;
	left: 15%;
	bottom:28%;
	z-index: 3;
	display:block;
}
.andin3 a{ display:block; height: 80px;}
.andin3 a:hover{ display:block; height: 80px;}
.andin4{
	position: absolute;
	width: 30%;
	height: 80px;
	text-indent:-9999px;
	right: 10%;
	bottom:45%;
	z-index: 4;
	display:block;
}
.andin4 a{ display:block; height: 80px;}
.andin4 a:hover{ display:block; height: 80px;}
.u-guideTop{position:absolute;/*bottom:50px;*/left:50%;z-index:9998;display:block;margin-left:-20px;width:40px;height:50px;background:url(../images/units-icons.png) -67px 0;}
.z-move{-webkit-animation:guideTop 1.5s infinite;}
@-webkit-keyframes guideTop{0%{opacity:0;-webkit-transform:translateY(0px);}
60%{opacity:1;-webkit-transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(0);}
}

@-webkit-keyframes guidePrev{0%,20%{-webkit-transform:translateX(0);}
35%{-webkit-transform:translateX(0px);}
50%{-webkit-transform:translateX(0);}
65%{-webkit-transform:translateX(0);}
80%{-webkit-transform:translateX(0);}
100%{-webkit-transform:translateX(0);}
}
@media (max-width: 750px){
.vrbould{ width:100%; min-height:100%; background:url(../images/vrbould.jpg) no-repeat; vertical-align: middle; background-size: cover}
.vrang{ width:100%; text-align:center; margin-top:15%}
.vrtit{ margin-top:10%; text-align:center}
.vrtit p{ font-size:18px; color:#fff; line-height:40px}
.vrtit h2{ font-size:25px; color:#fff}
.reany02{ width:50%; margin:auto; text-align:center;background:#000020; font-size:14px; border-radius:10px; height:auto; display:block; line-height: 50px; margin-top:20%}
.reany02 a{ width:100%; height:100%; display:block; color:#FFF; }
.reany02 a:hover{ width:100%; height:100%; display:block; color:#FFF; background:#090963; border-radius:10px;}
.anside{ width:85%; background:url(../images/vrany.png) no-repeat; background-size:cover; margin-left:auto; margin-right:auto; position:relative}

.andin{
	position: absolute;
	width: 35%;
	height: 30px;
	left: 10%;
	bottom:60%;
	z-index: 1;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
.andin a{ display:block; height: 30px;}
.andin a:hover{ display:block; height: 30px;}
.andin2{
	position: absolute;
	text-indent:-9999px;
	right: 15%;
	bottom:72%;
	z-index: 2;
	display:block;
	width: 30%;
	height: 30px;
}
.andin2 a{ display:block; height: 30px;}
.andin2 a:hover{ display:block; height: 30px;}
.andin3{
	position: absolute;
	width: 35%;
	height: 30px;
	text-indent:-9999px;
	left: 15%;
	bottom:28%;
	z-index: 3;
	display:block;
}
.andin3 a{ display:block; height: 30px;}
.andin3 a:hover{ display:block; height: 30px;}
.andin4{
	position: absolute;
	width: 30%;
	height: 30px;
	text-indent:-9999px;
	right: 10%;
	bottom:45%;
	z-index: 4;
	display:block;
}
.andin4 a{ display:block; height: 30px;}
.andin4 a:hover{ display:block; height: 30px;}
}
/*图形*/
img {border: 0; vertical-align: middle;-ms-interpolation-mode: bicubic;}
.img100 {display: block;width: 100%; }
/*seach*/
input,
textarea {
    outline: none;
    border: none; 
}

textarea {
    resize: none;
    overflow: auto;
}
.seach{margin-top: 20px;
    margin-bottom: 80px;
    width: 640px;
    height: 48px;
    border-radius: 6px;
    border: 1px solid #dfdfdf;
    position: relative;}

button {
    border: 0;
    background-color: #00a557;
    outline: none;
    -webkit-appearance: none;
}
.PopupSearch{ width:100%; float:right; margin-top:10px}
.PopupSearch form .div button i:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 50px;
    background: url("../images/search.png") no-repeat;
    background-position: center top;
    background-size: contain;
}
.PopupSearch ul li div {
    color: #fff;
}
.PopupSearch form .div input {
    width:70%;
    line-height: 48px;
    background-color: #00a557;
    padding: 0 10px;
    color:#fff;
    font-size: 16px;
    letter-spacing: 2px;
	-webkit-text-fill-color:#fff
}

#my-search-box {
  color: white; /* 将搜索框的初始文字颜色改为蓝色 */
}
.PopupSearch form .div {
    margin-top: 10px;
    margin-bottom: 0px;
	margin-right:50px;
	background-color: #00a557;
    width: 80%px;
    height: 48px;
    border-radius: 6px;
    border: 1px solid #00a557;
    position: relative;
	color:#fff
}

.PopupSearch ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.PopupSearch ul li {
    display: inline-block;
}
.PopupSearch form .div button {
    width: 80px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 0px solid #000;
    text-transform: uppercase;
    cursor: pointer;
}

.PopupSearch form .div button i {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.PopupSearch form icon {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    transition: 0.4s all;
}
.PopupSearch form .div button i {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
/**/
.seach_with{border-bottom:#ececec 1px solid; height:70px; background:#fdfdfd; width:100%}

.clearfix::after{
	clear: both;
	content: '';
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: block;
}
.ulclearfix ul::after{
	display: block;
	overflow: hidden;
	clear: both;
	width: 0px;
	height: 0px;
	content: '';
}

.liclearfix li::after{
	display: block;
	overflow: hidden;
	clear: both;
	width: 0px;
	height: 0px ;
	content: '';
}
.pc-hea{width: 14%; float:right}
.pc-hea2{width: 20%; float:right}
.pc-hea .layout-1720{display: flex; justify-content: space-between; align-items: center; }
.pc-hea li{float: left; position: relative; height: 50px; font-size: 16px; line-height: 50px; width: 148px; text-align: center; color: #fff; background:#00a557; border-radius: 6px; margin-top:20px}
.pc-hea li>a{display: block;color:#fff}
.pc-hea li dl{
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s;
	top: 100%;
	left: 0px;
	right: 0px;
	background-color: #fff;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 10px 0px;
	box-shadow: 0px 5px 0px 1px #e5e5e5;
}
.pc-hea li dl dd{
	line-height: 40px;
	text-align: center;
	position: relative;
	color: #00a557;
	font-size: 14px;
}
.pc-hea li dl dd a::after{
	display: block;
	content: '';
	width:100%;
	height: 1px;
	background-color: #d3c3ff;
	margin: 0px auto 0px;
	z-index: 2;
	transition: 0.4s;
	opacity: 0;
}
.pc-hea li dl dd:hover a::after{opacity: 1;}
.pc-hea li:hover dl{opacity: 1; visibility: visible;}

.h-phone{padding-left: 50px; position: relative;}
.h-phone span{
	font-family: 'AEROPORTAL';
	font-size: 18px;
	line-height: 18px;
	opacity: 0.4;
	color: #fff;
}
.pc_headring{ width:40%; float:right; padding-right:6%}
.pc_seach_w{float:right; width:50%}
.wb_seach_w{ width:100%; background:#fcfcfc; display:none; height:50px; border-bottom:#ccc 1px solid}
/*== 移动端导航 ==*/
.model_nav{display: none; width: 25%; float:right; background: #fff;}
.model_nav .layout{height: 80px; display: flex; align-items: center; justify-content: space-between;}
.model_nav .m_right{display: flex; align-items: center; justify-content: flex-start;}
.m_search_btn{transition: .3s; display: none; z-index: 9999999; position: relative; width: 30px; height: 30px; background: url("../images/m_search_btn.png") center no-repeat; background-size: contain; cursor: pointer;}
.m_close_btn{background-image: url(../images/m_close_btn.png); background-size: 90%;}
.meun_btn{display: none; margin-left: 20px; z-index: 9999999; position: relative; width: 38px; height: 28px; cursor: pointer; justify-content: space-between; flex-direction: column; align-items: flex-end;}
.meun_btn span{transition: .2s ease; display: block; width: 100%; height: 5px; border-radius: 25px; background: #00a557;}
.meun_btn span:nth-of-type(3){ width: 60%;}
.meun_btn_open span{position: absolute; left: 0; top: 50%; background: #536072;}
.meun_btn_open span:nth-of-type(1) {transform: rotate(45deg);}
.meun_btn_open span:nth-of-type(2){width: 0;}
.meun_btn_open span:nth-of-type(3) {width: 100%; transform: rotate(-45deg);}
.mobile_menu_box{display: none; z-index: 555; position: fixed; left: 0; top: 45px; width: 100%; height: 100%; padding-bottom: 80px; background: #f5f5f5;}
.mobile_menu_nav{width: 100%; height: 100%; padding: .32rem; overflow-y: scroll;}
.mobile_menu_nav ul li .tit{transition: 0.6s; position: relative; font-size: 16px; font-weight: normal; color: #434144; height: 56px; line-height: 56px; padding: 0 .32rem; border-bottom: 1px solid #cecece; overflow: hidden; letter-spacing: 1px; cursor: pointer; display: flex; align-items: center; justify-content: space-between;}
.mobile_menu_nav ul li .tit span{display: block;}
.mobile_menu_nav ul li .tit b{transition: 0.6s; display: block; position: relative; width: 18px; height: 2px; background: #707070;}
.mobile_menu_nav ul li .tit b::before{transition: 0.6s; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -9px; content: ""; width: 2px; height: 18px; background: #707070;}
.mobile_menu_nav ul li .tit a{transition: 0s; display: block; width: 100%; height: 100%;}
.mobile_menu_nav ul li .tit:hover,.mobile_menu_nav ul li .tit.active{color: #fff; background: #cecece; border-color: #536072;}
.mobile_menu_nav ul li .tit:hover b,.mobile_menu_nav ul li .tit.active b{background: #fff;}
.mobile_menu_nav ul li .tit:hover b::before{background: #fff;}
.mobile_menu_nav ul li .tit.active b::before{opacity: 0;}
.mobile_second_nav{display: none; border-bottom: 1px solid #cecece; padding: .32rem;}
.mobile_menu_nav ul li dl dd{transition: 0.6s; position: relative; font-size: 15px; color: #747474; height: 40px; line-height: 40px; padding-left: .30rem; letter-spacing: 1px; cursor: pointer;}
.mobile_menu_nav ul li dl dd::after{position: absolute; left: 0; top: 17px; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #f8b62d;}
.mobile_menu_nav ul li dl dd a{display: block; width: 100%; height: 100%;}
.search_box{z-index: 999; position: fixed; left: 0; top:45px; width: 100%; height: 100%; display: none; align-items: center; justify-content: center;}
.search_con{width: 100%; height: 100%; text-align: center; background: #434144; display: flex; align-items: center; justify-content: center; }
.search_con .layout{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.search_con img{height: 1.1rem; object-fit: contain;}
.search_con h3{margin-top: 1%; font-size: 30px; font-family: "Arial"; color: #fff; line-height: 110%; text-transform: uppercase;}
.search_con form{margin-top: 6%; position: relative; max-width: 500px; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.search_con form .sel{font-size: 24px; color: #cfcfcf; width: 100%; line-height: 60px; padding: 0 5px; border: none; background: url(../images/select_ico3.png) 99% center no-repeat; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor: pointer;}
.search_con form .sel option{background: #434144;}
.search_con form .text{transition: 0.6s; font-size: 24px; color: #fff; width: 100%; line-height: 60px; padding: 0 5px; border: 1px solid #fff; background: transparent; border-radius:6px}
.search_con form .text::-webkit-input-placeholder{color: #fff;}
.search_con form .text:focus{box-shadow: 0 0 10px rgba(80,80,80,0.5);}
.search_con form .submit{margin-top: 10%; font-size: 24px; font-weight: bold; color: #fff; width: 100%; height: 60px; border: none; background: #00a557; text-transform: uppercase; cursor: pointer; border-radius:6px}
.search_con .will_close{margin-top: 11.667%; display: flex; justify-content: center; flex-direction: column; align-items: center; cursor: pointer;}
.search_con .will_close i{display: block; position: relative; width: 26px; height: 26px;}
.search_con .will_close i::before{display: block; position: absolute; left: 0; top: 50%; margin-top: -1.5px; transform: rotate(45deg); content: ""; width: 100%; height: 3px; border-radius: 25px; background: #fff;}
.search_con .will_close i::after{display: block; position: absolute; left: 0; top: 50%; margin-top: -1.5px; transform: rotate(-45deg); content: ""; width: 100%; height: 3px; border-radius: 25px; background: #fff;}
.search_con .will_close p{margin-top: 5px; font-size: 14px; font-family: "Arial"; font-weight: bold; color: #fff; line-height: 100%; text-transform: uppercase;}
@media only screen and (min-width: 0) and (max-width: 1500px){
  	 .pc_headring{ width:40%; float:right; padding-right:5%}
	 }
@media only screen and (min-width: 0) and (max-width: 1400px){
.PopupSearch form .div input {font-size: 14px;}
 .pc_headring{ width:50%; float:right; padding-right:5%}

}
@media only screen and (min-width: 0) and (max-width: 480px){
.PopupSearch form .div input {font-size: 14px;}
 .pc_headring{ width:20%; float:right; padding-right:5%}

}
@media only screen and (min-width: 0) and (max-width: 1200px){
  	 .header .head_left>a.logo h1{ width:300px; height:auto} 
	  .pc-hea2{width: 22%; float:right}
	 .header .head_left>a.logo img{position:absolute;left:1%;top:0px;z-index:7;}
.header .head_left>a.logo img{ width:100%; height:auto; padding-top:8px }
.header .head_left>a.logo h1{ width:600px}
.pc-hea2{width: 20%; float:right}
	 }
@media only screen and (min-width: 0) and (max-width:480px) {
	/*.pc-hea{width:25%; float:right}
	.pc-hea li{height: 30px; font-size: 12px; line-height: 30px; width:80px; text-align: center; color: #fff; background:#00a557; border-radius: 3px; margin-top:10px}*/
	.pc_headring{ display:flex}
	.m_search_btn{display: block;}
	.meun_btn{display: none;}
	.pc_seach_w{ display:none}
	.model_nav{display: block;}
.model_nav .layout{height: 45px; display: flex; align-items: center; justify-content: space-between;}
.layout{ padding-left:.32rem; padding-right:.32rem; }
.search_con img{ height:30px}

.pc-hea li{float: left; position: relative; height: 30px; font-size: 14px; line-height: 30px; width: 90px; text-align: center; color: #fff; background:#00a557; border-radius: 6px; margin-top:10px}
.wb_seach_w{ display: flex;}
.PopupSearch{  margin-top:3px}
button {
    border: 0;
    background-color: #00a557;
    outline: none;
    -webkit-appearance: none;
}
.PopupSearch form .div input {

	-webkit-text-fill-color:#00a557
}
	}
/*==分页==*/
.fenye{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding-top: 10px;}
.fenye ul{margin-right: 20px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.fenye ul li{transition: 0.6s; margin-right: 6px; font-size: 13px; font-family: "Arial"; color: #fff; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 5px; background: #ccc;}
.fenye ul li:last-child{margin-right: 0;}
.fenye ul li span,.fenye ul li a{display: block; width: 100%; height: 100%;}
.fenye ul li a{transition: 0s;}
.fenye ul li:hover,.fenye ul li.active{background: #999;}
.fenye select{font-size: 16px; font-family: "Arial"; color: #434144; width: 64px; height: 36px; padding: 0 5px; border: 1px solid #c8c8c8; border-radius: 5px; background: #fff; cursor: pointer;}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa.fa-pull-left{margin-right:.3em}
.fa.fa-pull-right{margin-left:.3em}
.fa-angle-left:before{content:"\f104"}

/*点击下拉单菜*/
    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown button {
		float: left; position: relative; height: 50px; font-size: 16px; line-height: 50px; width: 148px; text-align: center;  border-radius: 6px; margin-top:20px;
        background-color: #00a557;
        color: white;
   
        border: none;
        cursor: pointer;
    }

    .dropdown .menu {
        display: none;
        list-style: none;
        margin: 0;
		padding-bottom:3px;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 999;
        width: max-content;
        min-width: 150px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        background-color: white;
    }
 .dropdown .menu li { text-align:center; font-size:16px}
    .dropdown .menu li a {
        display: block;
        text-decoration: none;
        padding: 8px 16px;
        color: black;
		border-bottom:#fff 1px solid
    }
  .dropdown .menu li a:hover {
        display: block;
        text-decoration: none;
        padding: 8px 16px;
        color: #00a557;
		border-bottom:#cdbbff 1px solid
    }
    /* 使用JavaScript来切换菜单的显示与隐藏 */
    .dropdown.show .menu {
        display: block;
    }
	@media only screen and (min-width: 0) and (max-width:480px) {
		  .dropdown button{float: left; position: relative; height: 30px; font-size: 14px; line-height: 30px; width: 80px; text-align: center; color: #fff; background:#00a557; border-radius: 6px; margin-top:10px}
		  .dropdown .menu { min-width: 90px;}
		}