@charset "UTF-8";
/* CSS Document */
.shoubg{
	height: 600px;
	width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
.column,.columns {
    width: 100%;
    float: left;
    padding-right: .9375rem;
    padding-left: .9375rem
}

.column:last-child:not(:first-child),.columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child,.end.columns:last-child:last-child {
    float: left
}

.column.row.row,.row.row.columns {
    float: none
}

.row .column.row.row,.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}





@media (max-width: 575.98px) { 
   .shoubg{
   	   height: 300px;
   }
   .shoubg1{
   	   height: 200px!important;
   }
   .fudong3 p{
   	font-size: 1rem!important;
   	padding: 2px!important;
   }
   .fudong3{
	z-index:2;
	top:36%!important;
}
}


.shoubg1{
	height: 300px;
	width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
.shoubg2{
	height: 200px;
    width: 100%;
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

@media (min-width: 1200px) {
#row-top {
    padding: 1.5rem 0;
    position: absolute;
    width: 100%;
    /* background: linear-gradient(180deg,rgba(0,0,0,.4),transparent); */
}

/* Center logo */
#row-top #row-inner-top {
    text-align: center;
}

#row-top .logo {
    max-width: 17rem
}

#row-top .logo, .logo a {
    display: inline-block;
}

#row-top .fa-globe {
    padding: 0 2rem;
}

#row-top .fa-bars {
    margin-left: 1rem;
    position: relative;
}

#row-top .fa-bars, #row-top .fa-bars:before, #row-top .fa-bars:after {
    display: block;
    background: #fff;
    height: 6px;
    width: 34px;
    border-radius: 2px;
}

#row-top .fa-bars:before, #row-top .fa-bars:after {
    content: "";
    position: absolute;
    left: 0;
}

#row-top .fa-bars:before {
    top: 11px;
}

#row-top .fa-bars:after {
    top: 22px;
}
.fa-close {
    position: relative;
}

.fa-close:after, .fa-close:before {
    content: "";
    position: absolute;
    display: block;
    background: #fff;
    width: 24px;
    height: 7.5px;
    top: 10px;
    right: 0;
    border-radius: 2px;
}

.fa-close:before {
    transform: rotate(-45deg);
}

.fa-close:after {
    transform: rotate(45deg);
}
/* Navigation toggle */
.nav__toggle {
    text-align: left;
}

.is-active .toggler-arrow {
    display: none
}

.is-active .toggler-arrow {
    display: block
}

/*
.is-active .toggler-arrow:after { content: ' '; display: block; position: absolute; bottom: -30px; z-index: 2; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.is-active .toggler-arrow:after { border: 18px transparent solid; border-bottom-color: rgba(255,255,255,0.2); }
*/
.nav__toggle .menu .globe a {
    padding: .3rem 0;
}

/* Navigation toggle */
.nav__logo {
    height: 2.5rem;
}

.nav__menu {
    height: 54px;
}

.nav__menu .toggler-arrow {
    float: right;
    margin-left: 10px;
    margin-top: 5px;
}

.nav__menu .toggler-arrow:before {
    /* content: ""; */
    /* display: block; */
    /* border-width: 0 0 3.5px 3.5px !important; */
    /* border: solid #fff; */
    /* width: 10px; */
    /* height: 9px; */
    -moz-transition: -moz-transform 250ms ease, margin 250ms ease;
    -webkit-transition: -webkit-transform 250ms ease, margin 250ms ease;
    -o-transition: -o-transform 250ms ease, margin 250ms ease;
    transition: transform 250ms ease, margin 250ms ease;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav__menu.is-active .toggler-arrow:before {
    margin-top: 4px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

header .menu .is-active>a {
    background: none;
}

.nav__link {
    position: relative;
    font-size: 1.2rem;
    text-align: center;
}

/*.is-active .nav__link { font-weight: 600; }*/
.button--outline .toggler-arrow:after {
    bottom: -34px;
}

.button--outline {
    position: relative;
    background-color: transparent;
    border-color: #fff;
    font-weight: 600;
    border-radius: 0;
    text-transform: uppercase;
}

#row-menu-level2 {
    background: rgba(51, 51, 51, 0.2);
    position: absolute;
    width: 100%;
    top: 112px;
    z-index: 10;
}

#row-menu-level2 a {
    font-weight: 600;
}

.search-form {
    padding: 1rem;
    overflow: hidden;
}

.search-form label {
    width: calc(100% - 45px);
    float: left;
}

.search-form .search-submit {
    float: right;
}

.offcanvas-toggle .nav-search-button {
    float: left;
    width: 50px;
    height: 50px;
    margin-left: -50px;
    margin-top: -10px;
}

.nav-search-button, .search-form .search-submit, #nav-search-item a {
    text-indent: -9999px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    width: 35px;
    height: 35px;
}

#nav-search .search-form .search-submit, .nav-search-button, #nav-search-item a {
    background-image: url(../images/White_Search_Icon.png);
}

.search-form .search-submit {
    background-image: url(../images/red_search_icon.png)!important;
}

#nav-search .search-form {
    max-width: 640px;
    margin: auto;
    padding: 0;
}

#nav-search .search-form input {
    margin: 0;
}

/* On-page search field (e.g. districts) */
.phg-search-wrapper .search-fields {
    display: flex;
}

.phg-search-wrapper .search-fields .button:hover {
    background-color: #E00000;
}

.phg-search-wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.phg-search-wrapper ul.ui-autocomplete {
    position: static !important;
}

.phg-search-wrapper ul li {
    cursor: pointer;
    padding: 1rem 0.2rem;
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
    color: #ef4044;
}

.phg-search-wrapper ul li:hover {
    background-color: rgba(200, 200, 200, 0.2);
    opacity: 0.75;
}

/* Toggler */
.nav-level2 {
    max-height: 0;
    overflow: hidden;
}

.nav-level2.is-active {
    display: table;
    padding: 1rem 0;
    width: 100%;
    max-height: 70px;
    top: 0;
}

/* Menu */
.nav-level2 .menu {
    float: none !important;
    display: table !important;
    margin: auto !important;
}

.nav-level2 .menu li {
    display: table-cell;
}

#row-top .menu {
    margin-top: 0.6rem;
}

#row-menu-level2 .menu a {
    margin-left: 1rem;
}

#row-subscribe {
    position: absolute;
    width: 100%;
    top: 113px;
    z-index: 10;
}






   .shoubg2{
	   height: 300px;
	   width: 540px;
   }
}



.fudong{
	z-index:2;
	top: 44%;
}
.fudong span{
	text-align: center;
    left: 0;
    position: absolute;
    margin: auto;
    right: 0;
}
.display-1{
	font-size: 1.5rem
}
.dropdown-menu {
	background: rgba(51, 51, 51, 0.2)!important;
    width: 100%;
    z-index: 10;
	color: #fff;
    text-decoration: none;
	border:none!important;
	border-radius:0!important;
}
.dropdown-menu a{
	font-weight:bold;
	color:#fff;
}
.dropdown-menu a:hover {
	color: #cacaca!important;
	background:none!important;
	}