@charset "utf-8";

.menuList {
    position: absolute;
    width: 100%;
    font-size: 20px;
    text-align: center;
    background: #BA2F2A;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    left: 0;
    opacity: 0;
    top:0 ;
	pointer-events: none;
	/* top:110px ; */
}

.menuItem {
    display: inline-block;
    color: #fff;
    width: 238px;
    font-size: 16px;
    font-weight: bold;
    position:relative;
    animation:all .2s;
}

.movein {
    animation: myeasein .2s;
    -webkit-animation: myeasein .2s; /* Safari 与 Chrome */
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.moveout {
    animation: myeaseout .2s;
    -webkit-animation: myeaseout .2s; /* Safari 与 Chrome */
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.movein .menuItem {
    animation: textin .2s;
    -webkit-animation: textin .2s; /* Safari 与 Chrome */
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.moveout .menuItem {
    animation: textout .2s;
    -webkit-animation: textout .2s; /* Safari 与 Chrome */
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}



.head-page::after{
	height:0px
}

.headerConTxt{
	color: #FFF;
	display:inline-block
}

.pc-btnl2 {
    color: #FFF;
}
.pc-btnl2:hover {
    color: #BA2F2A;
}

.user span {
    background: url(../img/user.png) no-repeat center/contain;
}

.head-search {
    background: url(../img/search.png) no-repeat center/contain;
}

.menuBtn{
	background:url(../img/menu.png) no-repeat center/contain;
	height:19px;
	width:17px;
	margin-right:50px;
	cursor:pointer;
	transition: all .3s;
}
.menuCBtn{
	background:url(../img/menu-close.png) no-repeat center/contain;
	height:19px;
	width:17px;
	margin-right:50px;
	cursor:pointer;
	display:none;
	transition: all .3s;
}

.turnDown{
	transform:rotate(180deg)
}

.turnUp{
	transform:rotate(0deg)
}

#logoImg{
	width:189px;
	height:auto
}

@keyframes myeasein {
    0% {
        opacity: 0;
        top: 110px;
        height:0;
        display: none;
		pointer-events: none;
    }

    25% {
        opacity: 0.3;
        top: 110px;
        height: 15px;
        display: block;
		pointer-events: auto;
    }

    50% {
        opacity: 0.7;
        top: 110px;
        height: 20px;
        display: block;
		pointer-events: auto;
    }

    100% {
        opacity: 1;
        top: 110px;
        height: 30px;
        display: block;
		pointer-events: auto;
    }
}

@-webkit-keyframes myeasein /* Safari 与 Chrome */
{
    0% {
        opacity: 0;
        top: 110px;
        height: 0;
        display: none;
		pointer-events: none;
    }

    25% {
        opacity: 0.3;
        top: 110px;
        height: 15px;
        display: block;
		pointer-events: auto;
    }

    50% {
        opacity: 0.7;
        top: 110px;
        height: 20px;
        display: block;
		pointer-events: auto;
    }

    100% {
        opacity: 1;
        top: 110px;
        height: 30px;
        display: block;
		pointer-events: auto;
    }
}


@keyframes myeaseout {
    100% {
        opacity: 0;
        top: 110px;
        height: 0px;
        display: none
    }

    75% {
        opacity: 0.3;
        top: 110px;
        height: 15px;
        display: block
    }

    50% {
        opacity: 0.7;
        top: 110px;
        height: 20px;
        display: block
    }

    0% {
        opacity: 1;
        top: 110px;
        height: 30px;
        display: block
    }
}

@-webkit-keyframes myeaseout /* Safari 与 Chrome */
{
    100% {
        opacity: 0;
        top: 110px;
        height: 0px;
        display: none
    }

    75% {
        opacity: 0.3;
        top: 110px;
        height: 15px;
        display: block
    }

    50% {
        opacity: 0.7;
        top: 110px;
        height: 20px;
        display: block
    }

    0% {
        opacity: 1;
        top: 110px;
        height: 30px;
        display: block
    }
}

@keyframes textin {
    0% {
        opacity: 0;
        top: -30px;
		height:0;
    }

    25% {
        opacity: 0.3;
        top: -15px;
    }

    50% {
        opacity: 0.7;
        top: -10px;
    }

    100% {
        opacity: 1;
        top: 0;
		height:24px
    }
}

@keyframes textout {
    100% {
        opacity: 0;
        top: -30px;
		height:0
    }

    75% {
        opacity: 0.3;
        top: -15px;
    }

    50% {
        opacity: 0.7;
        top: -10px;
    }

    0% {
        opacity: 1;
        top: 0;
		height:24px
    }
}

@-webkit-keyframes textin /* Safari 与 Chrome */
{
    0% {
        opacity: 0;
        top: -30px;
		height:0
    }

    25% {
        opacity: 0.3;
        top: -15px;
    }

    50% {
        opacity: 0.7;
        top: -10px;
    }

    100% {
        opacity: 1;
        top: 0;
		height:24px
    }
}

@-webkit-keyframes textout /* Safari 与 Chrome */
{
    100% {
        opacity: 0;
        top: -30px;
		height:0
    }

    75% {
        opacity: 0.3;
        top: -15px;
    }

    50% {
        opacity: 0.7;
        top: -10px;
    }

    0% {
        opacity: 1;
        top: 0;
		height:24px
    }
}

.mbnav .main {
    width: 100%;
	z-index:1000;
}

.mbnav .mbnav-title {
	font-size: 26px;
	font-weight: 800;
	color: #333333;
	line-height: 36px;
	margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E1E1E1;
    padding: 0 30px 15px;
}

.mbnav a.mbnav-item {
    display: inline-block;
    width: 45%;
    color: #333333;
    font-size: 14px;
    margin-top: 15px;
}

.mbnav .abus a.mbnav-item {
    width: 85%;
}

@media only screen and (max-width: 1043px){
	body.mbNavOpen .page-header {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

.footer .find-us .factiva-tip{
	font-size:20px;
	margin-top:80px;
	display: block;
	font-weight:bold;
	font-style:italic;
	font-family:times
}

.footer .discover-us{
	display:inline-block;
	width:16%;
	vertical-align: top;
	margin-top: 20px;
	margin-left:2%
}

.footer .about-us{
	display:inline-block;
	width:16%;
	vertical-align: top;
	margin-top: 20px;
	margin-left:2%;
	margin-right:2%
}

.footer .partners{
	display:inline-block;
	width:295px;
	vertical-align: top;
	margin-top: 20px;
	float:right
}

.footer .find-us{
	display:inline-block;
	width:34%;
	vertical-align: top;
	float:none
}

.footer .partners .sub-title{
	color: #FFFFFF;
	font-weight:bold;
	font-size:24px;
	text-align:left
}
.footer .partners .sub-title:nth-of-type(1){
	margin-bottom: 0;
}

.footer .partners .mdp-logo{
	height: 29px;
}
.footer .partners .logo-block{
	height:17px;
	width:98px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.footer .partners .mdpls .logo-block:nth-of-type(1){
	border-left:2px solid #494949;
	border-right:2px solid #494949;
}
.footer .partners .mdpls .logo-block:nth-of-type(2){
	vertical-align: text-bottom;
	border-right:2px solid #494949;
}
.footer .partners .mdpls .logo-block:nth-of-type(3){
	margin-top: 37px;
	border-right:2px solid #494949;
	vertical-align: text-bottom;
}
.footer .partners .mdpls .logo-block:nth-of-type(4){
	margin-top: 37px;
	border-right:2px solid #494949;
}
/*.footer .partners .mdpls a:nth-of-type(2){
	margin-left:49px
}
.footer .partners .mdpls a:nth-of-type(3){
	margin-top:20px;
	display: inline-block;
}
.footer .partners .mdpls a:nth-of-type(4){
	margin-top:20px;
	margin-left:49px
}*/
.footer .partners .spls .logo-block:nth-of-type(1){
	border-left:2px solid #494949;
	border-right:2px solid #494949;
}
.footer .partners .spls .logo-block:nth-of-type(2){
	vertical-align: text-bottom;
	border-right:2px solid #494949;
}
.footer .partners .spls .logo-block:nth-of-type(3){
	margin-top: 37px;
	vertical-align: text-bottom;
	border-right:2px solid #494949;
}
.footer .partners .spls .logo-block:nth-of-type(4){
	margin-top: 37px;
	border-left:2px solid #494949;
	border-right:2px solid #494949;
}
.footer .partners .spls .logo-block:nth-of-type(5){
	margin-top: 37px;
	border-right:2px solid #494949;
}
.footer .partners .spls .logo-block:nth-of-type(6){
	margin-top: 37px;
	border-right:2px solid #494949;
}

.footer .partners .spls a:nth-of-type(2){
	margin-left:30px
}
.footer .partners .spls a:nth-of-type(3){
	margin-left: 0;
	margin-top: 20px;
	display: inline-block;
}

.footer .partners .spls a:nth-of-type(4){
	margin-left: 45px;
	margin-top: 20px;
}


.footer .partners .sp-logo{
	height: 44px;
}

.footer .partners .lists{
	text-align: left;
}

.footer .web-hid{
	display:none;
}
footer .about-us a{
    color: #B2B2B2;
}
footer .discover-us a{
    color: #B2B2B2;
}
footer .about-us a:hover{
	color: #D04237;
}
footer .discover-us a:hover{
	color: #D04237;
}
.footer .provider{
	font-size:24px;
	margin-top:10px;
}
.footer .copyright{
	text-align:right;
}

@media only screen and (max-width: 768px) {
	.footer .mb-hid{
		display: none;
	}
	
	.footer .mb-footer{
		position: relative;
		height: 700px;
	}
	
	.footer .find-us .factiva-tip{
		margin-top:220px;
	}
	.footer .about-us{
		width:100%;
		text-align:center;
		margin-left:0;
	}
	.footer .partners{
		width:100%;
		margin-left:0;
		margin-top:35px;
		position:absolute;
		top:210px
	}
	.footer .find-us{
		text-align:center;
		top:80px;
		padding-bottom:30px
	}
	.footer .provider{
		font-size:18px;
		margin-top:25px;
	}
	.footer .copyright{
		text-align:center;
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	.footer .web-hid{
		display:inline-block;
		min-width:31%;
		margin-top:10px;
	}
	.footer .minw30{
		display:inline-block;
		min-width:31%;
		margin-top:10px;
	}
	.footer .partners .sub-title{
		font-weight:bold;
		font-size:18px;
		text-align:center
	}
	.footer .partners .sub-title:nth-of-type(1){
		margin-bottom: 10px;
	}
	
	.footer .partners .lists{
		text-align: center;
		width: inherit;
	}
	.footer .partners .mdp-logo{
		height: 26px;
	}
	.footer .partners .mdpls .logo-block:nth-of-type(3){
		vertical-align: text-bottom;
		border-left:none;
	}
	.footer .partners .mdpls .logo-block:nth-of-type(4){
		border-left:2px solid #494949;
	}
	.footer .partners .spls .logo-block:nth-of-type(3){
		vertical-align: text-bottom;
		border-left:none;
	}
	.footer .partners .spls .logo-block:nth-of-type(4){
		margin-top: 37px;
		border-left:2px solid #494949;
	}
	.footer .partners .spls .logo-block:nth-of-type(5){
		margin-top: 37px;
		border-left:none;
	}
	.footer .partners .mdpls a:nth-of-type(2){
		margin-left:30px
	}
	.footer .partners .mdpls a:nth-of-type(3){
		margin-left:30px
	}
	.footer .partners .mdpls a:nth-of-type(4){
		margin-left:30px
	}
	.footer .partners .sp-logo{
		height: 35px;
	}
	.footer .partners .spls a:nth-of-type(3){
		margin-left: 30px;
		margin-top: 0;
	}

	.footer .partners .spls a:nth-of-type(4){
		margin-left: 30px;
		margin-top: 0;
	}
}