.nav {
	position: fixed;
	z-index: 9999;
	top: 0;
	width: 100%;
}

.triangle-nav{
	display: none;
	margin-left: 6rem;
	width: 0rem;
	height: 0rem;
	border-bottom: 1.5rem solid #fff;
	border-right: 1.3rem solid transparent;
	border-top: 1.5rem solid transparent;
	border-left: 1.3rem solid transparent;
}

.nav .logo {
	height: 14rem;
	line-height: 14rem;
	padding-left: 6.1rem;
}

.nav .logo img {
	width: 29rem;
	vertical-align: middle;
}

.nav .physical {
	width: 15.5rem;
	height: 14rem;
	background: #FF3C5A;
	font-size: 1.7rem;
	color: #fff;
	text-align: center;
	margin-left: 14rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.nav .physical img {
	width: 4rem;
}

.megamenu {
	margin: 0 0 0 0;
}


.megamenu h4 {
	margin-top: 0;
}

.megamenu .adress label {
	float: left;
	width: 100%;
	margin-bottom: 0.4rem;
}

.megamenu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	position: relative;
	font-size:3rem;
}

.megamenu li {
	float: left;
	display: inline
}

.megamenu>li>a {
	float: left;
	padding: 4.5rem 2rem 2.5rem;
	margin: 0.5rem;
	color: #555;
	font-size: 2.4rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: color .4s ease-in-out;
	-moz-transition: color .4s ease-in-out;
	-webkit-transition: color .4s ease-in-out;
	-o-transition: color .4s ease-in-out
}

.megamenu>li.right {
	float: right
}

.megamenu .dropdown,
.megamenu .dropdown li .dropdown {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	z-index: 999;
	width: 32rem;
	border: solid 0.2rem rgba(0, 0, 0, 0.1);
	background: #fff
}

.megamenu .dropdown {
	top:11.8rem;
}

.megamenu .dropdown li .dropdown {
	left:32rem;
	top: inherit;
}

.megamenu .dropdown li {
	clear: both;
	width: 100%;
	border-bottom: solid 0.2rem rgba(0, 0, 0, 0.1)
}

.megamenu .dropdown li:last-child {
	border-bottom: 0
}

.megamenu .dropdown li a {
	float: left;
	width: 100%;
	padding:2rem 5rem;
	text-decoration: none;
	display: block;
	border: 0 none;
	font-size:2.8rem;
	color: #444;
	background: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: color .4s ease-in-out;
	-moz-transition: color .4s ease-in-out;
	-webkit-transition: color .4s ease-in-out;
	-o-transition: color .4s ease-in-out
}

.megamenu .dropdown li:hover>a {
	background: #dbdbdb
}

.megamenu>li>.megapanel {
	position: absolute;
	display: none;
	background: #fff;
	top: 12.5rem;
	left: 0;
	z-index: 99;
}

.megamenu .megapanel ul {
	margin: 0;
	padding: 0
}

.megapanel>div {
	background: url('../../images/nav-bg.png');
	width: 88.5rem;
	/* height: 39.2rem; */
	padding: 3rem 7rem 0;
}

.megapanel>div a {
	width: 32.5%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.megapanel>div>a>h2 {
	font-size: 2.5rem;
         color:#3F4150;
	text-align: left;
	padding: 2rem 1rem 0;
}

.megapanel>div>a>p {
	font-size: 1.9rem;
	text-align: left;
	line-height: 3rem;
	padding: 2rem 1rem;
}

.megamenu .megapanel img {
	width: 26.5rem;
}


.megamenu>li.showhide {
	display: none;
	height: 22rem;
	cursor: pointer;
}

.megamenu>li.showhide span.title {
	margin:3rem 0 0 5rem;
	float: left
}

.skyblue li>a,
.skyblue>li.showhide span {
	color: #fff
}

#m-logo {
	display: inline-block;
	width:42rem;
}

.showhide .showhide1 {
	float:right;
	width:28.4rem;
	height:22rem;
	background:#FF2852;
	text-align:center;
	line-height:22rem;

}

.showhide .showhide1 img {
	vertical-align: middle;
}

.megamenu>li>a>img {
	float: right;
	margin-right:12.6rem;
	margin-top:2.8rem;

}

#line {
	width:0rem;
	height:0.4rem;
	border-radius:1rem;
	background-color:#FF2852;
	margin:1.5rem auto 0;
	transition:width .5s linear;

}

.megamenu .active #line {
	width: 100%;
}

.megamenu>li:hover #line {
	width: 100%;
}

.megamenu>li>#m-logo>img {
	float: none;
 
}

#nav-two {
	display: none;
}

#nav-two a {
	width:auto;
	display:block;
	height:70rem;
	margin:7rem 12rem;
	background:no-repeat center;
	color:#FFFFFF;
	background-size:cover;
	padding:19rem 12rem;
}

/* #nav-two>a:nth-child(2) {
	background-image: url('../../images/peizhen/peizhen.png');
}

#nav-two>a:nth-child(3) {
	background-image: url('../../images/riskManagement/riskManagement.png');
}

#nav-two>a:nth-child(4) {
	background-image: url('../../images/yizhan/yizhan.png');
}
#nav-two>a:nth-child(5) {
	background-image: url('../../images/intermediary/intermediary.png');
} */

#nav-two h2 {
	font-size:6.4rem;
	font-weight:bold;
	line-height:15rem;

}

#nav-two p {
	font-size:5.2rem;
	line-height:7.6rem;

}

.m-back {
	width:6rem;
	margin:7rem 0 0 12rem;

}

.sidebar-nav {
	position: fixed;
	right: 0;
	top: calc(((100% - 24.6rem) / 3) * 2);
	z-index: 222;
}

.sidebar-nav ul li {
	width: 8.2rem;
	height: 8.2rem;
	background-color: #FFFFFF;
	box-shadow:0rem 0rem 1.3rem 0rem rgba(208,208,208,0.5);
	text-align: center;
	line-height: 8.2rem;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50% 50%;
	margin-top: .4rem;
}

.sidebar-nav ul li a {
	width:21.6rem;
	height:21.6rem;
	display: block;
}

.sidebar-nav ul li:nth-child(1) {
	background-image: url('../../images/qr-code.png');
}

.sidebar-nav ul li:nth-child(2) {
	background-image: url('../../images/tel.png');
}

.sidebar-nav ul li:nth-child(3) {
	background-image: url('../../images/contant.png');
}

.sidebar-nav ul li:nth-child(4) {
	background-image: url('../../images/contant.png');
}

.sidebar-nav ul li:nth-child(5) {
	background-image: url('../../images/go-top.png');
}

.sidebar-nav ul li:nth-child(1):hover {
	background-image: url('../../images/qr-code-act.png');
}

.sidebar-nav ul li:nth-child(2):hover {
	background-image: url('../../images/tel-act.png');
}

.sidebar-nav ul li:nth-child(3):hover {
	background-image: url('../../images/contant-act.png');
}

.sidebar-nav ul li:nth-child(4):hover {
	background-image: url('../../images/contant-act.png');
}

.sidebar-nav ul li:nth-child(5):hover {
	background-image: url('../../images/go-top-act.png');
}


.sidebar-nav ul li:hover {
	background-color: #FF2852;
}

.contact-info {
	display: none;
	width: 45.3rem;
	height: auto;
	background: #FFFFFF;
	border: 0.2rem solid rgba(205, 205, 205, 0.72);
	padding: 2rem 3.5rem;
	position: fixed;
	z-index: 222;
	right: 10rem;
	top: 15%;
	font-size: 1.9rem;
}

.contact-info input,
textarea {
	font-size: 1.8rem;
	width: 44.9rem;
	display: inline-block;
	height: 3.9rem;
	padding:0 1rem;
	margin:1.6rem 0 3.2rem 0;
	line-height: 5.3rem;
}

.contact-info select {
	font-size: 1.8rem;
	width: 47.1rem;
	display: inline-block;
	height: 4.26rem;
	padding:0 1rem;
	margin:1.6rem 0 3.2rem 0;
	line-height: 5.3rem;
	border: 0.2rem solid rgba(205, 205, 205, 0.72);
	outline: 0.2rem solid rgba(205, 205, 205, 0.72);
	color: #8C94A4;
}


.contact-info .contact-submit {
	width: 44.9rem;
	height: 5.3rem;
	background: #338EF9;
	border: 0.2rem solid #338EF9;
	font-size: 1.9rem;
	color: #FFFFFF;
	text-align: center;
	line-height: 5.3rem;
	cursor: pointer;
	margin: 0 auto;
}

.contact-info .title {
	font-size: 2.3rem;
	margin-bottom: 2rem;
}

.contact-info .title img {
	float: right;
	margin-top: 1rem;
	cursor: pointer;
}

.qr-code {
	width: 22.7rem;
	height: 24.3rem;
	background: #FFFFFF;
	text-align: center;
	position: absolute;
	right: 10rem;
	top: -8rem;
	font-size: 1.8rem;
	line-height:4.8rem;
	padding-bottom: 1rem;
}

.qr-code img {
	width: 17.2rem;
	background: #FFFFFF;
	margin-top: 2.2rem;
}

.tel-page {
	width: 26.4rem;
	height: 11.7rem;
	background: #FFFFFF;
	position: absolute;
	right: 10rem;
	top: 6rem;

}

.tel-page h2 {
	font-size: 1.8rem;
	margin-left: 3.4rem;
	padding-top: 2.6rem
}

.tel-page p {
	font-size: 2.7rem;
	font-weight: bold;
	color: #FF2852;
	line-height:7.2rem;
	margin-left: 3.4rem;
}
.order-page {
	width: 10rem;
	height: 2.7rem;
	line-height: 2.7rem;
	text-align: center;
	position: absolute;
	right: 10rem;
	top: 18.5rem;
	cursor: pointer;
	border: none;
	font-size: 1.8rem;
	font-weight: bold;
}
.order-page .triangle {
	position: absolute;
	width: 0;
	top: 1.8rem;
	right: -3rem;
}
.tel-page.hotLine{
	top: 7.5rem;
}
.tel-page.hotLine .triangle{
	top: 4.5rem;
}
.page-hide.code-box{
	top:-8.5rem
}
.page-hide.code-box  .triangle{
	top: 11.5rem;
}
.triangle {
	position: absolute;
	width: 0;
	/*设置宽高为0，所以div的内容为空，从才能形成三角形尖角*/
	height: 0;
	border-bottom: 1.5rem solid transparent;
	border-right: 1.5rem solid transparent;
	/*transparent 表示透明*/
	border-top: 1.5rem solid transparent;
	border-left: 1.5rem solid #fff;
	right: -3rem;
}

.qr-code .triangle {
	top: 11rem;
}

.tel-page .triangle {
	top: 6.5rem
}

.scroll{
	overflow: hidden;
	height: 100%
}

input,
textarea::-webkit-input-placeholder {
	color: #CDCDCD;
	opacity: 72%;
}