html {
	background: rgb(255, 255, 255); font-size: 62.5%;
}
body {
	color: rgb(51, 51, 51); font-family: "Microsoft YaHei",SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif; font-size: 1.4rem; 
}



.header {transition:0.6s ease-in-out;  top: 0px; width: 94%;height: auto;   position: fixed; z-index: 990; margin:0 auto;left:3%;background:url(nav.png) repeat-x center top; background-size:auto 100%}
.top {background:linear-gradient(to bottom, rgba(51,147,161,1),rgba(0,0,0,0));margin: 0px auto; padding: 10px 0px 0px;}
.black_bg01 {left: 0px; top: 86px; width: 100%; height: 100%; display: none; position: fixed; opacity: 0.7; background-color: rgb(0, 0, 0);}
.logo {padding: 10px 10px; width: 400px; float: left;}
.logo img {width: 100%; display: block;}
.topNav {height: 40px; line-height: 38px; position: relative;}
.topNav > div {position: relative; z-index: 1;}
.topNav .lf {width: auto; float: left;}
.topNav .rt {width: auto; float: right;}
.topNav a {padding: 0px 12px; color: rgb(255, 255, 255); float: left;}
.topNav > div a:first-child {border-left-color: currentColor; border-left-width: medium; border-left-style: none;}
.topRight {float: right;}
.topmenu {background:linear-gradient(to top, rgba(0,0,0,1),rgba(0,0,0,0));width:90%;top:592px;margin:0 auto;float: left;height: 70px; line-height:70px;position: relative;padding:0px 5%;}

.topNav a.searchBtn {background: url("searchBtn.png") no-repeat center; padding: 0px; margin:15px; width: 40px; height: 40px; cursor: pointer; background-size:cover;}
.nav {padding-top:10px;bottom:0;height: 59px; font-size: 0px; white-space: nowrap; position: relative;}
.nav ul > li {display: inline-block; position: relative;width:14%; text-align:center;}
.nav ul > li:first-child::before {display: none;}
.nav ul li > a { height: 60px; text-align: center; color: rgb(255, 255, 255); line-height: 60px; font-size: 2rem; display: block;}
.nav ul li.on > a {background:#34929e; color: rgb(255, 255, 255); display:block}
.nav ul li:hover > a {background:#34929e; color: rgb(255, 255, 255);}
.nav ul li.on .subNav {display: block;}
.subNav {background:#34929e; left: 0px; top: 59px; width: 100%; font-size: 1.6rem; display: none; position: absolute;}
.subNav a {padding: 9px 5px; text-align: center; color: rgb(255, 255, 255); line-height: 1.3; display: block; white-space: normal;}
.subNav a:hover {background:#7cc9d0;}

/*上卷导航条*/
.currents.header {padding: 0px; background-color: rgb(0, 54, 111);}
.currents.header .top {width: 1640px; padding-top: 0px; position: relative; z-index: 5;}
.currents.header .topNav {display: none;}
.currents.header .logo {padding: 10px 10px; border: currentColor; border-image: none; width: 300px;}
.currents.header .topRight {margin-left: 262px; float: none; display:none;}
.currents.header .topmenu {background:none;width:70%;top:0;margin-left: 262px; float:none;}
.currents.header .nav {border: currentColor; border-image: none; height: 59px; line-height: 59px; z-index: 1010;}
.currents.header .nav li {background: none; border: currentColor; border-image: none; padding-top: 0px;}
.currents.header .nav::before {opacity: 1;}
.currents.header .subNav {top: 59px;}
.currents.header .nav-wrapper {height: 59px;}
.currents.header .nav ul > li {width: 15%;}
.currents.header .nav ul li > a {padding: 0px; height: 59px; line-height: 59px; font-size: 16px;}
.currents.header .nav ul li.on > a {color: rgb(255, 255, 255);}
.currents.header .nav ul li:hover > a {color: rgb(255, 255, 255);}
.flipInY {display: block; visibility: visible !important; animation-name: flipInY; animation-duration: 0.2s; animation-timing-function: ease-in-out; -webkit-animation-name: flipInY; -webkit-animation-duration: 0.2s; -webkit-animation-timing-function: ease-in-out;}


.mobile {top: 0px; width: 100%; height: 40px; right: 0px; display: none; position: relative; z-index: 99; background-color: rgb(77, 164, 177);}
.mobile-inner-header {top: 0px; width: 100%; height: 40px; right: 0px; position: absolute; z-index: 2;}
.mobile-inner-header-icon {transition:background 0.5s; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 25px; float: right; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s;}
.mobile-inner-header-icon:hover {cursor: pointer;}
.mobile-inner-header-icon span {left: calc((100% - 25px) /2); top: calc((100% - 1px) /3); width: 25px; height: 2px; position: absolute; background-color: rgb(255, 255, 255);}
.mobile-inner-header-icon span:nth-child(1) {transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1) {animation-name: clickfirst; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-click span:nth-child(2) {animation-name: clicksecond; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon {width: 50px; height: 40px; text-align: right; color: rgb(255, 255, 255); margin-right: 5px; float: right; position: relative; cursor: pointer;}
.mobile-inner-header-icon-click {margin-top: 5px;}
.mobile-inner-header-icon-out span {width: 22px; height: 2px; display: block; background-color: rgb(255, 255, 255);}
.iconfont.mobile-inner-header-icon {text-align: center; line-height: 40px; font-size: 30px; font-weight: bold;}
.mobile-inner-header-icon-out span:nth-child(1) {animation-name: outfirst; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-out span:nth-child(2) {animation-name: outsecond; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-out span:nth-child(2) {animation-name: outthird; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon span:nth-child(1) {transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3) {transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1) {animation-name: clickfirst; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-click span:nth-child(2) {animation-name: clicksecond; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-click span:nth-child(3) {animation-name: clickthird; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-out span:nth-child(1) {animation-name: outfirst; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-out span:nth-child(2) {animation-name: outsecond; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-out span:nth-child(3) {animation-name: outthird; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-nav {left: 0px; top: 40px; width: 100%; padding-top: 10px; padding-bottom: 25px; display: none; position: absolute; background-color: rgb(77, 164, 177);}
.mobile-inner-nav a {transition:0.5s; width: 100%; color: rgb(255, 255, 255); line-height: 45px; font-size: 1.4rem; text-decoration: none; border-bottom-color: rgb(66, 145, 157); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.mobile-inner-nav a:hover {color: rgb(255, 255, 255);}
.mobile-inner-nav li {padding: 0px 20px; position: relative;}
.mobile-inner-nav li a {text-indent: 15px;}
.mobile-inner-nav li strong {transition:0.5s; top: 0px; width: 40px; height: 45px; text-align: center; right: 20px; color: rgb(255, 255, 255); line-height: 40px; font-size: 2.5rem; position: absolute; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.mobile-inner-nav a {animation-name: returnToNormal; animation-duration: 0.5s; animation-fill-mode: both; -webkit-animation-name: returnToNormal; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: both;}
.mobile_subNav {padding-left: 10px; display: none;}
.mobile-inner-nav dd a {height: 35px; line-height: 35px; font-size: 1.2rem; border-bottom-color: rgba(219, 219, 219, 0.2); border-bottom-width: 1px; border-bottom-style: dotted;}
.mobile_search {margin: 10px 20px 0px; height: 36px; overflow: hidden; clear: both; border-bottom-color: rgb(34, 74, 117); border-bottom-width: 1px; border-bottom-style: solid; position: relative;}
.mobile_search input.notxt {border: currentColor; border-image: none; width: 90%; color: rgb(255, 255, 255); margin-left: 45px;}
.mobile_search input.notxt1 {background: url("template_files/2/images/2019/serBtn.png") no-repeat center; border: currentColor; border-image: none; left: 0px; width: 55px; right: auto;}
.mobile-link {padding-left: 10px; float: left;}
.mobile-link a {margin: 0px 5px; height: 40px; color: rgb(184, 193, 188); line-height: 40px;}
.mobile-link02 {margin: 0px 20px;}
.mobile-inner-nav .mobile-link02 a {margin: 0px 7px; width: auto; float: left;}


@media screen and (max-width:1649px)
{
.topmenu {top:567px;}
.mySwiper4 .swiper-slide{height:755px;}
}
@media screen and (max-width:1600px)
{
.topmenu {top:542px;}
.currents.header .top{width:100%;}
.mySwiper4 .swiper-slide{height:730px;}
}
@media screen and (max-width:1540px)
{
.topmenu {top:502px;}
.mySwiper4 .swiper-slide{height:690px;}
}

@media screen and (max-width:1440px)
{
.top {padding: 0px 0px;}
.logo {padding: 10px 10px; width: 300px;}
.topmenu {top:494px;}
.mySwiper4 .swiper-slide{height:650px;}
.topNav {height: 32px; line-height: 32px;}
.topNav a.searchBtn {width: 32px; height: 32px;}
.black_bg01 {top: 161px;}
}
@media screen and (max-width:1386px)
{

.currents.header .topmenu{width:67%;}
.topmenu {top:444px;}
.mySwiper4 .swiper-slide{height:600px;}	

}
@media screen and (max-width:1260px)
{
.top {padding: 0px 0px;}
.currents.header .topmenu{width:64%;}
.topmenu {top:389px;}
.mySwiper4 .swiper-slide{height:545px;}
}
@media screen and (max-width:1100px)
{
.logo {width: 200px;}
.top {padding: 0px 0px;}
.topmenu {top:346px;}
.mySwiper4 .swiper-slide{height:480px;}
}
@media screen and (max-width:1020px)
{
.mySwiper4 .swiper-slide{height:auto;aspect-ratio: 16 / 9; /* 设置宽高比例 */width: 100%;}

.header {padding-top: 0px; border-top-color: currentColor; border-top-width: medium; border-top-style: none; position: static; background-color: rgb(0, 54, 111);}
.topRight {display: none;}
.mobile {display: block;}
.logo {margin: 0px auto; padding: 20px 0px; float: none;}
.logo img {padding: 0px;}
.topmenu{display:none;}
}

@media screen and (max-width:480px)
{

.logo {
	padding: 15px 0px; width: 200px;
}
}