@charset "utf-8";

body, html {
    padding:0;
    margin:0;
    overflow:hidden;
}
.webNav {
    top:0;
}
#nav .NMainBg {
    height:70px;
}

#big_main h1 {
    position: fixed;
    left: 110px;
    top: 30px;
    z-index: 999999;
    color: #333333;
    display: none;
}


@-webkit-keyframes fadeInDown_top {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown_top {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInDown_top {
	-webkit-animation-name: fadeInDown_top;
	animation-name: fadeInDown_top
}

.modular_top {
	width: 100%;
	z-index: 1000;
	left: 0;
   background-color: rgba(55,159,241,1);
    position: fixed;
    bottom: 0px;
    overflow: hidden;
    height:70px;
}

.modular_top_fixed {
	position: fixed;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	box-shadow: 0px 2px 8px rgba(0,0,0,.3);
}

.modular_top_bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	background-color: #000;
	opacity: .1;
	filter: alpha(opacity=10);
	z-index: 0;
}

.modular_top_fixed .modular_top_bg {
	background-color: #1398FD;
	opacity: 1;
}

.modular_top .w {
	height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modular_top_l {
	float: left
}

.modular_top_l img {
	height: 50px;
}

.website-switch {
	float: left
}

.website-switch a {
	line-height: 50px;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	padding: 0 20px 0 26px;
    text-decoration: none;
}

.website-switch a.cur {
	background-color: #008FEA
}

.website-switch a img {
	vertical-align: middle;
	margin-right: 10px
}

.modular_top_r {
	width: 170px;
	float: right;
	margin-right: 10px
}

.modular_top_r a {
	width: 75px;
	height: 35px;
	display: block;
	border-radius: 3px;
	overflow: hidden;
	line-height: 35px;
	line-height: 38px\9;
	text-align: center;
	margin-top: 23px;
	font-size: 14px;
	background-color: #FFF
}

.modular_top_r .modular_a {
	color: #189afd;
	float: left;
	margin-right: 20px
}

.modular_top_r .modular_a1 {
	color: #666;
	float: right
}

.modular_foot {
	height: 150px;
	background-color: #1B1B1B
}

.modular_foot_l {
	width: 595px;
	float: left
}

.modular_foot_r {
	width: 360px;
	float: right;
	margin-top: 30px
}

.clear_div {
	clear: both
}

.down {
	width: 0;
	height: 0;
	border-width: 8px 8px 0;
	border-style: solid dashed;
	border-color: #FFF transparent;
	margin: 0 auto
}

.w {
	margin: 0 auto
}

.wrapper-1024 .w {
	width: 1003px
}

.wrapper-1024 .modular_top_c ul {
	width: 556px
}

.wrapper-1024 .modular_top_c li {
	margin: 0 5px
}

.wrapper-1280 .w {
	width: 1259px
}

.wrapper-1280 .modular_top_c ul {
	width: 662px
}

.wrapper-1280 .modular_top_c li {
	margin: 0 10px
}

.wrapper-1366 .w {
	width: 1345px
}

.wrapper-1366 .modular_top_c ul {
	width: 666px
}

.wrapper-1366 .modular_top_c li {
	margin: 0 10px
}

.modular_top_c {
	float: right
}

.modular_top_c ul {
	overflow: hidden
}

.modular_top_c li {
	float: left;
	height: 80px;
	overflow: hidden;
	position: relative;
	margin: 0 10px
}

.modular_top_c ul li em, .modular_top_c ul li a {
	display: block
}

.modular_top_c ul li a {
	color: #FFF;
	height: 77px;
	line-height: 77px;
	text-decoration: none;
	font-size: 16px;
	display: inline-block
}

.modular_top_c ul li em {
	position: absolute;
	height: 3px;
	background-color: #FFF;
	transition: all .5s;
	opacity: 0;
	left: 50%;
	bottom: -3px;
	width: 0
}

.modular_top_c ul li.cur em,.modular_top_c ul li.hover em {
	width: 100%;
	left: 0;
	bottom: 0;
	opacity: 1
}

#onService_panel {
	position: fixed;
	width: 215px;
	right: -215px;
	top: 50%;
	z-index: 15;
	margin-top: -255px;
}

.bor {
	border-bottom: 1px solid #E6E5E4;
	height: 5px;
	overflow: hidden
}

.weixin {
	width: 138px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	padding-bottom: 10px
}

.weixin_pic {
	width: 138px;
	height: 137px;
	overflow: hidden
}

.weixin_txt {
	height: 20px;
	margin-top: 10px
}


/* 头部公用模版 */
.wrapper-1366 .modular_top_r1 {
	width: 160px;
	height: 50px;
	float: right;
}

.wrapper-1366 .modular_top_r1 a {
	display: block;
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	background-color: #1B9AF7;
	border-radius: 3px;
	margin-top: 3px;
	font-size: 16px;
}


/* 手机模版预览页面 */
.p_look{ width:100%; background:url(/images/look_bg.jpg) no-repeat center/cover; display:flex; align-items:center;height: calc(100vh - 70px);}
.wx_phone{overflow:hidden;height:100%}
.wx_phone_l{  width:368px; height:673px; float:right;background:url(/images/com_bg2.png); margin-right:50px;display: inline;}
.wx_phone_l span strong{ display:block; width:347px; height:494px;margin:0 auto;padding-top:68px;}
.wx_phone_r{display:block; padding-left:170px; box-sizing:border-box;text-align:center;}
.wx_phone_r #qrcode{ display:block; width:177px; height:177px; background-color:#FFF; padding:20px; margin:0 auto;}
.wx_phone_r p{ display:block; margin:0 auto; text-align:center; color: #666; font-size:16px;padding-top:20px;}
.p_look .w {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.centent-list{
    display:none;
}
.centent-list.active{
    display:block
}


@media only screen and (max-width: 960px){
    .modular_top .width1345 {
        justify-content: center;
    }
}