html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; font-family: 'Microsoft Yahei', '微软雅黑', Arial }
html * { font-family: 'Microsoft Yahei', '微软雅黑', Arial !important; font-weight: normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1; color: #333; font: 12px/1.5 STHeiti, 'Microsoft YaHei', '\5b8b\4f53', Arial, Helvetica, Verdana, sans-serif }
ol, ul { list-style: none }
input, button, textarea { outline: none; border: none }
blockquote, q { quotes: none; border-left: solid 4px #39c; background: whitesmoke; margin: 10px auto; padding: 6px 10px; color: #666; font-size: 20px }
i, em { font-style: normal; font-weight: normal }
blockquote:before, blockquote:after, q:before, q:after { content: '' }
table { border-collapse: collapse; border-spacing: 0;margin: 0 auto; }
a img { border: 0 }
img { vertical-align: middle; }
h1 { font-size: 24px }
h2 { font-size: 20px }
h3 { font-size: 18px }
h4 { font-size: 14px }
h5, h6 { font-size: 12px }
a { text-decoration: none }
a:hover { text-decoration: underline }
html { -webkit-text-size-adjust: none }
.clear { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.clearfix { *zoom:1
}
.fl { float: left }
.fr { float: right }
.m0 { margin: 0 }
.mr3 { margin-right: 3px }
.iconfont { font-family: "iconfont1" !important; font-size: 16px; font-style: normal }
body a { color: #333; line-height:2;}
body a:hover { color: #3199f4; text-decoration: none }


#newBridge .icon-right-center{top: 90%!important;}


.btn:hover { filter: alpha(opacity=80); opacity: .8; color: #000 }
#pages { min-height: 450px }
.wrap { width: 100% }
.wrap-inner { width: 1200px; margin: 0 auto }
#header .masker { background: #fff; opacity: 0.6; position: absolute; width: 100%; height: 80px; left: 0; filter: alpha(opacity=60); border-bottom: 1px solid #ddd; }
#header .wrap-inner { position: relative }
#header .logo{  float: left; margin-right: 50px;}
/*#header .logo2 img{margin-top: 10px;}*/
#header .menu-wrap{float: right;margin-top: 12px;}
#header .wireless-menu { display: none }
#header .nav { float: left; position: relative }
#header .nav ul { position: relative; z-index: 1; }
#header .nav ul:after { overflow: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
#header .nav ul li { /*display: inline-block; vertical-align: top;*/ float: left; line-height:82px; }
#header .nav ul li a { color: #666;  text-align: center; font-size: 16px; padding: 0 12px; font-weight: normal }
#header .nav ul li a:hover { color: #3199f4; text-decoration: none }
#header .nav ul .act a { color: #3199f4 }

#header .operation { float: right; position: relative; height: 80px; line-height: 80px; margin-right: 20px;}
#header .operation span { cursor: pointer; display: inline-block; margin: 0 0 0 5px; color: #3199f4; font-weight: normal; font-size: 20px; font-family: "FZLanTingHei" !important; }
#header .operation span a { color: #666; font-family: "FZLanTingHei" !important; font-weight: normal }
#header .operation span a:hover { color: #3199f4; text-decoration: none }
#header .operation .btn-join { padding: 9px 20px; background-color: #0089cd; color: #fff; display: inline-block; cursor: pointer; border-radius: 0; line-height: 18px; vertical-align: middle; font-size: 14px }
#header .operation .btn-join:hover { text-decoration: none }

.navbar { position: fixed; top: 0; left: 0; width: 100%;transition: -webkit-transform .3s, color .3s; transition: transform .3s, color .3s; line-height: 2.6; color: #636363; font-weight: 700; z-index: 9999; box-shadow: 0 0 3px #ccc;}
.navbar2{background: #fff;}
.wrap-group { transition: -webkit-transform .3s; transition: transform .3s }
#header { border: 0; box-shadow: none }
#header .masker { position: absolute; width: 100%; height: 100%; left: 0; opacity: 0.6; background-color: #000; filter: alpha(opacity=60); transition: all 0.5s ease 0.3s }
#header .logo { margin-top: 10px }
#header .logo a { display: inline-block; color: #fff;    display: flex;
    align-items: center;height:100%; }
#header .nav ul li {  line-height: 50px;  }
#header .nav ul li a { color: #fff; }
.navbar2 #header .nav ul li a { color: #666; }
.navbar2 #header .nav ul .act a { color: #3199f4 }
#header .operation { height: 50px; line-height: 50px ;}
#header .operation span a { color: #fff }
#header .operation .user-drop-menu { top: 50px }
#header .masker { border: 0; }
/* border-top: 1px solid #ddd; */
.public_width {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
} 

#kfjsapp .navbar2 #header .nav ul li:nth-child(3) a{
	color: #3199f4;
}
#ksjsxcx .navbar2 #header .nav ul li:nth-child(4) a{
	color: #3199f4;
}
#caselist .navbar2 #header .nav ul li:nth-child(5) a{
	color: #3199f4;
}
#fangan .navbar2 #header .nav ul li:nth-child(6) a{
	color: #3199f4;
}
#newsslist365 .navbar2 #header .nav ul li:nth-child(7) a{
	color: #3199f4;
}


#contact .navbar2 #header .nav ul li:nth-child(8) a{
	color: #3199f4;
}

 
.Links{
	/* display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center; */
	float: none;
	padding-left: 5%;
}
.Links dt{
	color: #fff;
}
.Links dd{
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
}
.Links a{
	color: #fff;
	display: block;
	padding-right: 10px;
}
.footer .zix{

}
footer{
    width: 100%;
    height: auto;
    background: #000;
    padding:  0;
}
.footer{
    display: flex;
	color: #fff;
	background: #000 !important;
	justify-content: space-between;
	padding-bottom: 0 !important;
}
.footer .footer_left{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 45%;

}
.footer .footer_left figure{
    width: 100%;
    border-bottom: 1px solid #3199f4;
    padding-bottom: 20px;
}
.footer .footer_left img{
    display: block;
    width: 100%;
    margin-right: 20px;
	vertical-align: middle;
	max-width: 210px;
}
.footer .footer_left figure figcaption{
    display: block;
    width: 100%; 
    vertical-align: middle;
    font-size: 24px;
	line-height: 36px;
	letter-spacing: 1px;
    color: #c9caca;
    font-family: "\5B8B\4F53";
}
.footer .footer_left ul{
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
}
.footer .footer_left ul li{
    flex: 1;
    font-size: 16px;
	letter-spacing: 0px;
	color: #c9caca;
}
.footer .footer_left ul li a{
    color: #c9caca;
    font-size: 16px;
}
.footer .footer_left ul li a:hover{
    color: #3199f4;
}
.footer .footer_right{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 50%;
}
.footer .footer_right dl{
    width: 75%;
}
.footer .footer_right dl dt{
    font-size: 20px;
	line-height: 36px;
	letter-spacing: 1px;
    color: #c9caca;
    border-bottom: 1px solid #3199f4;
    padding-bottom: 5px;
}
.footer .footer_right dl dd{
    font-size: 16px;
	line-height: 21px;
	letter-spacing: 2px;
    color: #c9caca;
    margin-top: 20px;
}
.footer .footer_right dl dd a{
	display: block;
    width: 90px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    height: 35px;
    background-color: #0089cd;
    font-size: 18px;
}
.footer .footer_right dl dd:before{
    margin-right: 5px;
}
.footer .footer_right .ewm a{
	width:100%;
	height:30px;
	border-radius:20px;
	display:block;
	text-align:center;
	background:#fff;
	color:#333;
	transform:translateY(10px);
	transition:.5s;
	margin-top:20px;
	line-height:30px;
}

.footer .footer_right .ewm a:hover{
	color:#3199f4;
	
	transform:translateY(0);
}
.footer .footer_right .ewm{
    width: 82px;
    height: auto;
}
.footer .footer_right .ewm img{
	display: block;
	width: 100%;
}
.footer .footer_right .ewm span{
    display: block;
    font-size: 16px;
	line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    margin: 5px auto;
	color: #c9caca;
}
.public_con{
    position: relative;
    overflow: hidden;
}
.public_dz{
    position: absolute;
}
.public_right{
    margin-left: 30% !important;
}
.footer_img {
    width: 100%;
    height: auto;
    overflow: hidden;
}









.bottom_all { float: left; width: 100%; background-color: #343839 ; color: #fff;  text-align: left;margin-top: 150px }
.bottom { margin: 0 auto; width: 1200px; overflow: hidden; position: relative; }
.bottom_2 { width: 25%; overflow: hidden; margin-top: 30px; float: left; height: auto; color: #343839; padding-bottom: 10px; }
.bottom_2 .bottom_1_1 span a.zix{ display:block; width:90px;  line-height:35px; color:#fff; text-align:center;    height: 35px;background-color:#0089cd;font-size: 18px}
.bottom_1_1{position: relative;}
.zxun{position: relative;top: -2px;right: 3px; width:20px;}
.bottom_1_1 span { float: left; width: 100%; font-size: 12px; line-height: 35px; color: #fff;}
.bottom_5 {  width: 100%; overflow: hidden; color: #fff;  font-size: 12px; text-align: center; line-height: 50px; background: #343839 }
.bottom_1 { width: 18%; overflow: hidden; margin-top: 30px; float: left; height: auto; color: #343839; padding-bottom: 10px; margin-left: 5%; }
.bottom_3 { margin-top: 30px; float: left; color: #343839; width: 36%;margin-left: 1%; }
.bottom_4 { margin-left: 1%; float: left; }
.bottom_4 img { width: 150px; height: 150px; margin-top: 85px;}
.bottom_1 span a { float: left; width: 50px; height: 30px; line-height: 30px; margin-right: 12px;}
/*.bottom_3 .bottom_1_1 span{margin-top: -7px;}*/
.bottom_3 .bottom_1_1 p{margin-left: 0!important;text-align: left;width: calc(100% - 80px)!important;    height: 28px; overflow: hidden;color: #fff;}
.bottom_3 .kfdt{font-size: 14px!important;display: inline-block;width: 100%!important;  float: left;box-sizing: border-box;padding: 0 10px;height: 40px}
.bottom_1 .ksdaohang{display: block;}
.bottom_3 .bottom_1_1 p:hover{color: #3199f4;}
.bottom_3>.bottom_1_1>span:first-child a{font-weight: 600;color: #fff;}
.bottom_3 .bottom_1_1 span.time{line-height: 28px;}
.bottom_1 .ksdaohang{font-size: 18px!important;font-weight: 600!important;}
.callme{color: #fff;}
/*#fenye span { display: none; }*/
#fenye { clear: both; display: flex; margin-top: 10px;margin-bottom: 20px;
    justify-content: center;}
#fenye form{float: right;}
.plist .page1{ text-align: right;margin-right: 10px;padding: 10px 0;}
#fenye a,#fenye span {text-decoration: none }
#fenye .prev, #fenye .next { width: 52px; text-align: center; }
#fenye a,#fenye span{ width: 24px; background: #3199f4; border: 1px solid #dcdddd; color: #fff; font-weight: bold; text-align: center; }
#fenye .disabled { width: 24px; background: #3199f4; border: 1px solid #dcdddd; color: #fff; font-weight: bold; text-align: center; }
#fenye a.curr { width: 24px; background: #3199f4; border: 1px solid #dcdddd; color: #fff; font-weight: bold; text-align: center; }
#fenye .plist.disabled:visited { color: #fff; }
#fenye a.curr:visited { color: #fff; }
#fenye a.current { width: 24px; background: #3199f4; border: 1px solid #dcdddd; color: #fff; font-weight: bold; text-align: center; }
#fenye a.current:visited { color: #fff; }
#fenye .current {width: 24px; background: #3199f4; border: 1px solid #dcdddd; color: #fff; font-weight: bold; text-align: center;}
#fenye span.current:visited { color: #fff; }
#fenye a,#fenye span { margin: 5px 4px 0 0; color: #3199f4; background: #fff; display: inline-block; border: 1px solid #3199f4; float: left; text-align: center; height: 24px; line-height: 24px }
#fenye a.num { width: 24px; }
#fenye a:visited { color: #1f3a87; }
#fenye a:hover { color: #fff; background: #3199f4; border: 1px solid #3199f4; float: left; }
/*策划、技术、支持*/
#fl_menu { position: absolute; top: 150px; right: 60px; z-index: 9999;  border-radius: 8px; padding: 0 1px 5px; }
#fl_menu .label { text-align: center; line-height: 50px; font-size: 17px; letter-spacing: 7px; color: #fff; }
#fl_menu .menu ul li { list-style: none; width: 63px; height: 55px; background: url(fd.png) no-repeat; color: #FFF; text-align: center; line-height: 20px; padding-top: 5px; }
#fl_menu .menu .menu_item { display: block; text-align: center; color: #fff; font-size: 14px; width: 59px; height: 55px; background: url(../img/fd.png) no-repeat; line-height: 55px;margin: 0 auto; }
#fl_menu .menu a.menu_item:hover { color: #3199f4; }
.mobile-inner-header{ display:none;}
/*<!--下拉菜单样式-->*/
.mobile{
	width: 100%;
	float: left;
	margin-top: 100px;
}
.mobile-inner{
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fafafa;
	position: relative;
}
.mobile-inner img{
	width: 100%;
	margin-bottom: 30px;
}
.mobile-inner p{
	color: #676767;
	line-height: 25px;
	font-size: 16px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	margin:0;
}
.mobile-inner-header{
	background-color: rgba(0,0,0,0.7);
	width: 40px;
	height: 37px;
	position: absolute;
	top:20px !important;
	right: 0;
	display: none;
}
.mobile-inner-header-icon{
	color: #ffffff;
	height:37px;
	font-size:25px;
	text-align: center;
	float:right;
	width: 40px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;

}
.mobile-inner-header-icon:hover{
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 1px;
	background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
	transform: translateY(4px) rotate(0deg);
	-webkit-transform: translateY(4px) rotate(0deg);
	-moz-transform: translateY(4px) rotate(0deg);
	-ms-transform: translateY(4px) rotate(0deg);
	-o-transform: translateY(4px) rotate(0deg);
}
.mobile-inner-header-icon span:nth-child(2){
	transform: translateY(-4px) rotate(0deg);
	-webkit-transform: translateY(-4px) rotate(0deg);
	-moz-transform: translateY(-4px) rotate(0deg);
	-ms-transform: translateY(-4px) rotate(0deg);
	-o-transform: translateY(-4px) rotate(0deg);
}





.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: clickfirst;
}
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: clicksecond;
}



@-webkit-keyframes clickfirst {
	0% {
		transform: translateY(4px) rotate(0deg);

	}

	100% {
		transform: translateY(0) rotate(45deg);
	}
}
@keyframes clickfirst {
	0% {
		transform: translateY(4px) rotate(0deg);

	}

	100% {
		transform: translateY(0) rotate(45deg);
	}
}


@-webkit-keyframes clicksecond {
	0% {
		transform: translateY(-4px) rotate(0deg);
	}

	100% {
		transform: translateY(0) rotate(-45deg);
	}
}
@keyframes clicksecond {
	0% {
		transform: translateY(-4px) rotate(0deg);
	}

	100% {
		transform: translateY(0) rotate(-45deg);
	}
}

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: outfirst;
}
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: outsecond;
}

@-webkit-keyframes outfirst {
	0% {
		transform: translateY(0) rotate(-45deg);
	}

	100% {
		transform: translateY(-4px) rotate(0deg);
	}
}
@keyframes outfirst {
	0% {
		transform: translateY(0) rotate(-45deg);
	}

	100% {
		transform: translateY(-4px) rotate(0deg);
	}
}


@-webkit-keyframes outsecond {
	0% {
		transform: translateY(0) rotate(45deg);
	}

	100% {
		transform: translateY(4px) rotate(0deg);
	}
}
@keyframes outsecond {
	0% {
		transform: translateY(0) rotate(45deg);
	}

	100% {
		transform: translateY(4px) rotate(0deg);
	}
}
.mobile-inner-nav a{
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}


@-webkit-keyframes bounceInLeft {
	from, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	to {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInLeft {
	from, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	to {
		-webkit-transform: none;
		transform: none;
	}
}


.mobile-inner-nav{
	background-color: rgba(0,0,0,0.9);
	width: 100%;
	position: absolute;
	top:50px;
	left: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	display: none;
}
.mobile-inner-nav a{
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
	text-align: center;
}
.mobile-inner-nav a:hover{
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}

.footerBox {
    width: 100%;
}


.footerTop {
    height: 284px;
    background: #000000;
}

.footerItem {
    width: 90%;
    max-width: 1172px;
    margin: auto;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between
}

.footerLeft {
    width: 64.5%;
}

.footerLeftTop {
    padding-bottom: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #3299F4;
}

.footerLogo {
    width: 246px;
}

.footerslogan {
    width: 179px;
    margin-right: 5px;
    margin-top: 30px;
}

.footerinformation {
    font-size: 15px;
	text-align:left;
    color: rgba(255, 255, 255, .8);
    line-height: 28px;
}

.footerLeftBottom {
    margin-top: 34px;
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}

.zxIcon {
    display: block;
    margin-bottom: 4px;
    width: 104px;
}

.footerItem .ewm {
    width: 82px;
    height: auto;
}

.footerItem .ewm span {
    display: block;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    margin: 5px auto;
    color: #c9caca;
}
.main .page6 .page_container{
	height:auto !important
}
.footerItem .ewm a {
    width: 100%;
    height: 30px;
    border-radius: 20px;
    display: block;
    text-align: center;
    background: #fff;
    color: #333;
    margin-top: 20px;
    line-height: 30px;
}
.footerItem .ewm img{width:100%}

.bottom_5 {
    width: 100%;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 50px;
    background: #343839;
}

.bottom_5 img {
    width: 20px;
    display: inline;
}

.bottom_5 p {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottom_5 a {
    display: flex;
    align-items: center;
}
@media(min-width:1150px){
 }
@media(max-width:1219px){
	 #header .wrap-inner{width:90%;}
	 #header .logo{width: 30%;margin-right: 0;}
	 #header .wrap-inner .logo a img{width:100%;margin-top: 0!important;}
	 #header .menu-wrap{width: 68%;}
	 #header .operation{margin-right: 0;}
	.navbar { position: fixed!important;}
	.navbar.is-scrolling.navbar-inactive { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important }
	.bottom_5{ line-height:26px;}
	.bottom_4 img{display: block;box-sizing: border-box;margin-top: 0;}
	.bottom_all{width: 100%;margin-top: 50px}
	.bottom{width: 90%;margin: 0 auto;}
	.bottom_1{width: 22%;margin-top: 30px;float: left;margin-left: 4%;}
	.bottom_2{width: 28%;float: left;}
	.bottom_3{width: 30%;float: left;margin-top: 30px;}
	.bottom_4{width: 15%;float: left;margin-top: 80px;}
	.bottom_5{margin-top: 0;}
	.block-sel-form{margin-top: 80px;}
	.con{margin-top: 64px;}

}
@media(max-width:1171px){
	#header .logo{width: 25%;}
	#header .menu-wrap{width: 75%;}
	#header .nav{width:74%;}
	#header .nav ul li{width: 14%;text-align: center;}
	#header .nav ul li a{box-sizing: border-box;padding: 0;}
	#header .operation{width: 26%;}
	#header .operation span{font-size: 20px;}
}
@media(max-width: 1105px){
	.bottom_2{width: 29%;}
	.bottom_3{width: 35%;}
	.bottom_1{width: 18%;margin-left: 2%;}
}
@media(max-width:1024px){
	#header .logo{width: 30%;margin-left: 15px;}
	.wrap-inner { width: 100%; }
	 #header .operation{display:none;}
	 #header .wrap-inner{width:100%;}
	 #header .wrap-inner .logo a img{width:76%;margin-top: 0!important;}
	 #header .nav{display:none;}
	 .mobile-inner-header{ display:block !important; top: 7px !important;  right: 7px;}
	.navbar { position: fixed!important;}
	.navbar.is-scrolling.navbar-inactive { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important }
	.bottom_all{ min-width:inherit;}
	.bottom{width: auto;}
	.bottom_5{ line-height:26px;}
	.bottom_4 img{display: block;box-sizing: border-box;margin-top: 0;}
	.bottom_all{min-width: 100%;}
	.bottom{width: 96%;position: relative;}
	.bottom_1{width: 14%;margin-top: 15px;}
	.bottom_2{width: 28%;}
	.bottom_3{width: 35%;}
	.bottom_4{position: absolute;bottom: 35px;right: 0;width: 21%;}
	.bottom_5{margin-top: 0;}
	.block-sel-form{margin-top: 80px;}
	.con{margin-top: 64px;}
	
}
@media(max-width: 922px){
	.bottom{width: 90%;}
	.bottom_2{width: 100%;}
	.bottom_3{width: 100%;margin-bottom: 20px;}
	.bottom_1{width: 70%;overflow: auto;}
	.bottom_4{width: 150px;bottom: 0;}
}
@media(max-width: 885px){
	.bottom_3{margin-bottom: 0;}
}
@media(max-width:767px){
	#new-cont2{display: none}
	#new-cont1{display: none}
	.wrap{margin-top: 78px;}
	.wrapper{margin-top: -29px;}
	#header .logo{width: 80%;height:100%;}
	#header .operation{display:none;}
	.navbar { position: fixed!important;}
	.sec_con1{margin-top:50px;}
	#header .menu-wrap{margin-top: 0;}
	#header .logo{margin-top: 0}
	.navbar2{background-color: rgba(255,255,255,0.8);z-index:99999;}
	.wrap-inner{width:100%;}
	#header .wrap-inner{z-index:99999;height:50px}
	#header .wrap-inner .logo a img{width:90%;}
	#header .nav{display:none;}
	.topnav .nav_left{text-align: left;}
	.topnav .nav_left a img{width:75%;margin-top: 3px;}
	.lavaLampBottomStyle{ display:none;}
	.nav_signup{ display:none;}
	.mobile-inner-header{ display: block;top: 7px !important;  right: 7px;}

	#footer { min-width: 0; }
	#footer .wrap-inner .links { margin-bottom: 10px }
	#footer .wrap-inner .links a { margin: 0 12px }
	#footer .wrap-inner .copyright span { display: block; margin: 0 }
	.bottom_all{min-width: 100%;}
    .bottom{width: 100%;}
    .bottom_2{width: 100%;box-sizing: border-box;}
    .bottom_1_1{padding: 0 3%;}
    .bottom_3{width: 100%;box-sizing: border-box;margin-top: 0;}
    .bottom_1{width: 68%;margin-left: 2%;}
    .bottom_1 span a {width: 62px;padding-top: 10px;font-size: 14px;}
    .bottom_1_1 span{line-height: 35px;margin-top: 0!important;}
    .bottom_2 .bottom_1_1 span{font-size: 14px;margin-top: -2px;}
	.bottom_2 .bottom_1_1 span a.zix{ margin-bottom: 10px; }

	
    .bottom_2 .bottom_1_1 p{font-size: 16px;}
    .bottom_2 .bottom_1_1 p a{font-size: 16px;}
    .bottom_3 .bottom_1_1 span a{font-size: 18px;font-weight: 600;}
	.bottom_3 .bottom_1_1 span .more_bot{font-size:12px;}
    .bottom_4{width: 29%;float: left;position: inherit;margin-top: 50px;}
    .bottom_4 img{width: 100%;display: block; height: auto;margin-top: 0;}
    .bottom_5{margin-top: 1px;line-height: 24px;}
	.bottom_3 .kfdt{width: 100%!important;}
	.bottom_3 .kfdt .time{float: right!important;    line-height: 28px;}
	  .footerLeftTop {
        padding-top: 20px;
        display: block;
    }

    .bottom_5 p {
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
    }

    .bottom_5 {
        height: 70px;
        display: flex;
        align-items: center;
        line-height: 30px;
    }

    .footerslogan {
        margin-top: 20px;
        margin-left: auto;
    }

    .footerinformation {
        margin-right: 10px;
        font-size: 14px;
        flex: 1;
    }

    .zxIcon {
        width: 80px;
    }
	.zxIcon img{width:100%}
    .footerLeft {
        width: 100%;
    }

    .footerTop {
        height: unset;
    }

    .qdbjItem div a:nth-child(2) img {
        width: 52px;
        margin: 0 auto 12px;
    }

    .qdbjItem div a:nth-child(3) img {
        width: 52px;
        margin: 0 auto 12px;
    }

    .qdbjItem div a:nth-child(4) img {
        width: 52px;
        margin: 0 auto 12px;
    }

    .qdbjItem div a:nth-child(1) {
        left: 50%;
        top: -71px;
        transform: translateX(-50%);
    }

    .qdbjItem div a:nth-child(2) {
        left: 13px;
        top: 64px;
    }

    .qdbjItem div a:nth-child(3) {
        left: 50%;
        bottom: 8px;
        transform: translateX(-50%);
    }

    .qdbjItem div a:nth-child(4) {
        right: 31px;
        top: 64px;
    }

    .qdbjItem div a p {
        font-size: 15px;
    }

    .footerItem .ewm {
        width: unset;
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footerItem .ewm a {
        width: 82px;
        margin-top: 0;
        font-size: 14px;
    }

    .footerItem .ewm span {
        margin: 0;
    }

    .footerItem .ewm img {
        width: 82px;
    }
}
@media(max-width:375px){
	.sec_con1{margin-top: 46px;}
	.wrapper{margin-top: -31px;}
}
@media(max-width:414px){
	.footer{
		flex-wrap: wrap;
	}
	.footer .footer_left,.footer .footer_right{
		width: 90%;
		margin: 0 auto;
	}
}
@media(max-width:350px){
	#header .logo{margin-left: 0;}
	.wrapper{margin-top: -38px;}
	#header .operation{display:none;}
	#header .nav{display:none;}
	.wrap-inner{width:100%;}
	.bottom_1 span a{width: 56px;}
	.sec_con1{margin-top: 60px;}
	.mobile-inner-nav{top: 60px;}
}

.qdbjItem div a,
.qdbjBox-title {
    opacity: 0;
    transform: translateY(40px);
    transition: .5s;
}
.active .qdbjBox-title {

    animation: fadeInUpbj 0.5s cubic-bezier(0.4, 0, 0.2, 1) 1s forwards;
}

.active .qdbjItem div a:nth-child(1) {
    transform: translateX(-50%) translateY(0);
    animation: fadeInUpbj1 0.5s cubic-bezier(0.4, 0, 0.2, 1) 1.5s forwards;
}

.active .qdbjItem div a:nth-child(2) {
    animation: fadeInUpbj 0.5s cubic-bezier(0.4, 0, 0.2, 1) 2s forwards;
}

.active .qdbjItem div a:nth-child(4) {
    animation: fadeInUpbj 0.5s cubic-bezier(0.4, 0, 0.2, 1) 3s forwards;
}

.active .qdbjItem div a:nth-child(3) {
    animation: fadeInUpbj2 0.5s cubic-bezier(0.4, 0, 0.2, 1) 2.5s forwards;
}

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

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

@keyframes fadeInUpbj1 {
    0% {
        opacity: 0;
     
    }

    100% {
        opacity: 1;
    }
}


@keyframes fadeInUpbj2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px) translateX(-50%);
        transform: translateY(50px translateX(-50%));
    }

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

@media (max-width:800px) {
    .qdbjBox-title {
        padding-top: 10%;
    }

    .qdbjItem {
        width: 100%;
        margin-top: 100px;
        background: url(../images/qdbjPhoneBj.png) center center / 100% 100%;
        height: 228px
    }

    .footerItem {
		height:unset !important;
        padding-bottom: 20px;
        display: block;
    }
.qdbjItem div a, .qdbjBox-title{
	    opacity: 1 !important;
    transform: translateY(0)!important;
}
    .qdbjIcon1,
    .qdbjIcon2,
    .qdbjIcon3,
    .qdbjIcon4 {
        display: none;
    }

    .qdbjItem div a:nth-child(1) img {
        width: 188px;
    }

    .footerLeftTop {
        padding-top: 20px;
        display: block;
    }

    .bottom_5 p {
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
    }

    .bottom_5 {
        height: 70px;
        display: flex;
        align-items: center;
        line-height: 30px;
    }

    .footerslogan {
		display:block;
        margin-top: 20px;
        margin-left: auto;
    }

    .footerinformation {
        margin-right: 10px;
        font-size: 14px;
        flex: 1;
    }

    .zxIcon {
        width: 80px;
    }

    .footerLeft {
        width: 100%;
    }

    .footerTop {
        height: unset;
    }

    .qdbjItem div a:nth-child(2) img {
        width: 52px;
        margin: 0 auto 12px;
    }

    .qdbjItem div a:nth-child(3) img {
        width: 52px;
        margin: 0 auto 12px;
    }

    .qdbjItem div a:nth-child(4) img {
        width: 52px;
        margin: 0 auto 12px;
    }

    .qdbjItem div a:nth-child(1) {
        left: 50%;
        top: -71px;
        transform: translateX(-50%) translateY(0)!important;
    }

    .qdbjItem div a:nth-child(2) {
        left: 13px;
        top: 64px;
    }

    .qdbjItem div a:nth-child(3) {
        left: 50%;
        bottom: 8px;
        transform: translateX(-50%) translateY(0)!important;
    }

    .qdbjItem div a:nth-child(4) {
        right: 31px;
        top: 64px;
    }
footer{position:relative}
    .qdbjItem div a p {
        font-size: 15px;
    }
.qdbjItem div a span{
	font-size:14px
}
    .footerItem .ewm {
        width: unset;
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footerItem .ewm a {
        width: 82px;
        margin-top: 0;
        font-size: 14px;
    }

    .footerItem .ewm span {
        margin: 0;
    }

    .footerItem .ewm img {
        width: 82px;
    }
}