@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family:'PingFang SC','Helvetica Neue','Microsoft YaHei New','STHeiti Light',sans-serif;
}
.mob-menu {
    display: none;
}
* .row {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
a {
	text-decoration: none !important;
}
.clear {
	clear: both;
	display: inherit;
}
html {
	font-size: 16px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left: 0;
	padding-right: 0;
}


.junj-header {
	height: 110px;
	line-height: 110px;
	background: #01010100;
    box-shadow: 0px 2px 15px 5px rgba(0, 0, 0, 0.048);
	width: 100%;
	padding: 0 20px;
	border-bottom: 1px solid #c9d1d769;
	backdrop-filter: blur(3px);
}
.scrolled{
    color: #4385f5 !important;
}

.header-logo {
	max-width: 100%;
}

.header-logo span {
	color: #fff;
    vertical-align: -webkit-baseline-middle;
    letter-spacing: 2px;

}

.header-phone {
	padding: 34px 0;
	border-left: 1px solid #c9d1d7;
}

.header-phone > p {
	
	margin-bottom: 0;
	color: gray;
	text-align: right;
}
.header-phone > p > a {
	color: white;
}
.header-top-title {
	font-size: 14px;
	margin-bottom: 4px;
	line-height: 16px;
}
.header-top-num {
	font-size: 24px;
	line-height: 26px;
}
.header-phone > p > a:hover {
	text-decoration: none;
}

.foot {
	background: #2d2c2c;
	padding: 60px 0;
}
.foot-module {
    max-width: 1700px;
    margin: 0 auto;
}

.foot-menu-top {
    color: #fff;
}

.foot-menu-bottom {
    color: gray;
    margin: 10px 0px;
}

.foot-menu-right span {
	display: inline-block;
	padding: 10px 20px;
	color: gray;
	background: #2a2a2a;
}

.foot-menu-right .action {
	color: #f69625;
}

.foot-logo {
	margin-bottom: 30px;
}

.fx {
	color: #999;
}

.header-menu-lg li.menu-item a{
	padding: 36px 26px;
}
.header-menu-lg .dropdown-menu li.menu-item a {
    	padding: 15px 10px;
}

.menu-item a {
	font-size: 16px;
}
#mega-menu-primary>li:first-child{
    border-bottom: 2px solid #f69625 !important;
}
.active a {
	color: #f69625 !important;
	border-bottom: 2px solid #f69625;
}
.header-menu-lg li.menu-item a:hover {
	background: none;
}
.dropdown-menu li.menu-item a:hover {
    background: rgba(0,0,0,.1);
    color: #f69625;
}
.navbar-right {
	margin-right: 0;
}

.icon-menu {
	float: right;
}

.contact-foot {
	color: gray;
	line-height: 30px;
}
.contact-foot a {
	color: gray;
}
.contact-foot a:hover {
	text-decoration: none;
}
.contact-foot i {
	font-size: 14px;
}
.foot-menu-item {
	padding: 15px;
	background: #2a2a2a;
	float: left;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .1);
}
.foot-menu-left {
	margin-top: 20px;
}
.junj-header .menu-item {
	color: #fff;
}

.menu-item:hover > .dropdown-menu {
	display: block;
}
.sub-menu-toggle {
	display: none;
}

.navbar-right .dropdown-menu {
	right: auto !important;
}

.dropdown-menu>li>a {
	color: #999 ;
}
.header-logo img {
	display: inline-block;
	max-width: 100%;
}
.header-partner img {
	display: inline-block;
	max-width: 100%;
}
.dropdown-menu>.active>a:hover {
    color: #ff6700;
    background: #f0f0f0;
}
.dropdown-menu .action a {
    background: none !important;
    color: #f69625 !important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background: none;
}
.dropdown-menu>li.action>a {
    color: #ff6700;
}
.junj-header .menu-item .dropdown-menu a {
    color: #666;
} 
.phone-menu i {
    color: #f69625;
    font-size: 18px;
}
.phone-shouji i{
    color: #fff;
    font-size: 20px;
}
.icon-menu a {
    margin: 0 10px;
}
.wp-pagenavi span.current {
    color: #fff;
    background: #C71826;
    border: 1px solid #C71826;
    border-radius: 10px;
    
    
}
.wp-pagenavi span {
        float: left;
    padding: 0px 15px;
    height: 35px;
    color: #848484;
    text-align: center;
    line-height: 35px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #F3F3F3;
    margin-left: 15px;
    border-radius: 10px;
}

.wp-pagenavi span:first-child {
    margin-left: 0px;

}
.wp-pagenavi span:last-of-type {
    clear: both;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: static;
}
img {pointer-events: none;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	height: auto;
	line-height:normal;
    font-size: 18px;
}
.mega-menu-toggle {
	position: absolute;
	right: 38px;
    top: 23px;
    opacity: 0;
    display: none;
}
.mob-menu {
    padding: 3px 0;
    background: #fff;
    border-top: 1px solid #ddd;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}
.mob-menu .phone-menu-item {
    width: 25%;
    float: left;
    text-align: center;
}
.mob-menu .phone-menu-item a {
    color: #000;
}
.mob-menu .iconfont {
    font-size: 25px;
}
.item-center {
    text-indent: 2em;
    line-height: 30px !important;
    letter-spacing: 2px;
}
.text-center {
    text-align: left;
}
.post,
.post-navigation{
    max-width: 1200px;
    margin: auto;
    padding: 0 10px;
}
.entry-title {
    text-align: center;
    
}
.entry-footer {
    text-align: right;
}
.mega-menu{
    display: flex;
}
#mega-menu-primary{
    justify-content: space-around;
    height: 110px;
}
#mega-menu-primary>li {
    list-style: none;
}
#mega-menu-primary>li>a{
    outline: none;
}
.mega-sub-menu{
    display: none;
}
@media (max-width: 1895px) {
    .header-logo>span{
        display: none;
    }
}

@media (max-width: 1520px) {
    .header-menu-lg li.menu-item a {
        padding: 36px 10px;
    }
}

@media (max-width: 1470px) {
    .junj-header {
		padding: 0 20px;
	}
}


@media (max-width: 1340px) {
    .header-phone {
		width: 11.67%;
	}
	
	
}
@media (max-width: 1320px) {
    .header-logo span {
        display: none;
    }
	.header-logo {
		width: 14%;
	}
    #mega-menu-primary{
        display: none;
    }
    .mega-menu-toggle{
        opacity: 1;
        display: block
    }
}
.openX button {
    background-color: #faebd700;
    border: none;
}
@media (max-width: 1090px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		padding: 20px;
	}
}
.phone-show {
    display: none;
    height: 50px;
    padding: 10px 30px;
    background: #4485f5;
}
.phone-show span,
.phone-show span a{
    font-family: 'Montserrat Regular';
    color: #fff;
    font-size: 18px;
}
.phone-show span a {
    font-size: 22px;
}

.closeX{
    display: block;
    position: relative;
}
#mega-menu-primary2{
    display: none;
    top: 0;
    width: 100%;
    height: 100vh;
    position: absolute;
    flex-direction: column;
    background-color: rgb(56, 39, 39);
    padding: 0px 20px;
}
.topStyle{
    background-color: white !important;
    position: fixed;
    z-index: 9999;
}
@media (max-width: 796px) {
    #mega-menu-primary{
        display: none;
    }
    .closeX{
        display: block;
    }
    .mega-menu-toggle{
        opacity: 1;
    }
    .mega-menu-toggle button{
        background-color: #faebd700;
        border: none;
    }
    .mega-menu-primary{
        display:none
    }
    #mega-menu-primary2{
        top: 0;
        width: 100%;
        height: 100vh;
        position: absolute;
        flex-direction: column;
        background-color: rgb(56, 39, 39);
        padding: 0px 20px;
    }
    .mega-menu>li{
        height: 55px;
    }
    .home-banner {
        margin-top: 146px;
    }
    .phone-show {
        display: block;
        position: fixed;
        z-index: 10;
        top: 110px;
        width: 100%;
        left: 0;
    }
    .contact-module {
        margin-bottom: 62.7px;
    }
    .mob-menu {
        display: block;
        
    }
	.foot {
        display: none;
	}
    .junj-header {
        padding: 0 10px;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        
    }
    .header-box {
        
        width: 100%;
    }
    .header-phone {
        display: none;
    }

    .header-logo {
        width: 35%;
    }
    .header-menu-lg {
        width: 65%;
    }
    .menu-mainmenu-container {
		display: none;
        width: 100%;
        position: absolute;
        left: 0;
		top: 110px;
		z-index: 999;
		background: #fff;
		padding: 0 30px;
		box-shadow: 0 0 10px 0 rgb(51 51 51 / 5%), 0 10px 10px 0 rgb(51 51 51 / 15%);
    }
	.header-menu-lg li.menu-item a {
		padding: 10px 0 10px 30px !important;
		color: #000;
	}
	
    .foot-module {
        padding: 10px;
    }
    .foot {
        padding: 20px 0;
    }
    .foot-menu-left {
		margin-top: 5px;
		margin-bottom: 15px;
	}
	.foot-menu-top {
		text-align: center;
	}
	.phone-no-show {
		display: none;
	}
	.foot-logo {
		text-align: center;
	}
	.banner-text h3,
	.banner-text h2{
		margin-bottom: 10px;
	}
}