div.burger {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
	z-index: 9999;
	display: none
}

div.x,
div.y,
div.z {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	background: #5942d2;
	border-radius: 2px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}

div.x,
div.y,
div.z {
	height: 2px;
	width: 26px;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out
}

div.y.squize {
	width: 0;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out
}

div.y {
	top: 18px
}

div.z {
	top: 37px
}

div.open div.x,
div.open div.z {
	top: 19px;
	-webkit-transition: all 70ms ease-out;
	-moz-transition: all 70ms ease-out;
	-ms-transition: all 70ms ease-out;
	-o-transition: all 70ms ease-out;
	transition: all 70ms ease-out
}

div.rotate30 {
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-webkit-transition: all 70ms ease-out;
	-moz-transition: all 70ms ease-out;
	-ms-transition: all 70ms ease-out;
	-o-transition: all 70ms ease-out;
	transition: all 70ms ease-out
}

div.rotate150 {
	-ms-transform: rotate(150deg);
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
	-webkit-transition: all 70ms ease-out;
	-moz-transition: all 70ms ease-out;
	-ms-transition: all 70ms ease-out;
	-o-transition: all 70ms ease-out;
	transition: all 70ms ease-out
}

div.rotate45 {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out
}

div.rotate135 {
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out
}

@media screen and (max-width:1620px) {
	.navigation {
		right: -20px
	}

	#header {
		max-width: none
	}

	#top {
		padding-left: 45px;
		padding-right: 45px;
		box-sizing: border-box;
	}
}

@media screen and (max-width:1400px) {

	body,
	html {
		min-width: 100%
	}

	.flink p {
		max-width: 100%;
		padding-left: 45px;
		padding-right: 45px;
		box-sizing: border-box;
	}

	/* .footer ul {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.footer {
		width: 100%;
		padding-left: 45px;
		padding-right: 45px
	}

	.footer li.li_qq {
		margin-right: 0
	}

	#link_li {
		width: 125px
	} */

	.flink small {
		left: 45px
	}

	/* .flink p {
		padding-left: 125px
	} */

	.flink a {
		margin-left: 0;
		margin-right: 15px
	}
}

@media screen and (max-width:1320px) {
	/* .footer li {
		margin-right: 45px;
		padding-right: 45px
	} */
}

@media screen and (max-width:1230px) {
	/* .footer li#service_l {
		width: 50%;
		padding-right: 45px;
		margin-bottom: 15px
	}

	.footer li {
		width: 50%;
		margin-right: 0;
		padding-right: 0
	}

	.footer li#contact_li {
		padding-left: 45px;
		border-right: 0;
		margin-bottom: 15px
	}

	.footer li#link_li {
		float: left;
		width: 50%;
		padding-left: 45px
	} */

	/* #link_li span {
		position: static
	} */
}

@media screen and (max-width:1200px) {
	#copyright img {
		max-width: 100%
	}
}

@media screen and (max-width:1000px) {
	.case_info {
		width: 100%
	}

	.case_h1 {
		width: 100%;
		padding-left: 0
	}

	#return_a,
	.case_copy {
		display: none
	}
}

@media screen and (max-width:884px) {

	header,
	header.scroll {
		background: #fff;
		/* height: 80px */
	}
	
	

	/* header .logo {
		background-image: url(../images/logo_r.png)
	} */
	header .logo1 {
	    display: none;
	}
	
	
	header .logo2 {
	    display: block !important;
		width: 100%;
	}

	.navigation li.on a,
	header.default .navigation li.on a {
		color: #fff
	}

	.toolbar {
		display: none
	}

	#scrollTop {
		z-index: 980
	}

	.flink p {
		max-width: 100%;
		padding-left: 25px;
		padding-right: 25px
	}

	/* .footer {
		width: 100%;
		padding-left: 25px;
		padding-right: 25px
	} */

	#top {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		height: 75px;
	}

	.case_center {
		max-width: 100%;
		padding-left: 25px;
		padding-right: 25px
	}

	.flink small {
		left: 25px
	}

	/* .flink p {
		padding-left: 95px
	} */

	.navigation {
		right: -15px
	}

	#height85 {
		height: 75px
	}

	.navigation {
		right: 0;
		top: 0;
		width: 100%;
		z-index: 990;
		padding-top: 75px;
		height: 100%;
		position: fixed;
		display: none
	}

	.menu {
		height: 100%;
		background: #5942d2;
		padding: 0 0;
		overflow-y: auto
	}

	.navigation li {
		float: left;
		width: 100%
	}

	.navigation li a,
	header.default .navigation li a {
		padding: 10px 25px;
		color: #fff;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
		position: relative
	}

	.navigation li a i {
		position: absolute;
		right: 25px;
		top: 16px;
		color: #fff
	}

	header .navigation li ul,
	header.default .navigation li ul,
	header.scroll .navigation li ul {
		position: static;
		width: 100%;
		padding: 0;
		margin: 0;
		background: rgba(0, 0, 0, .2)
	}

	header.default .navigation li.on ul a {
		color: #fff
	}

	.navigation li.on a.mon,
	header.default .navigation li.on a.mon {
		color: #fff;
		background: rgba(0, 0, 0, .4)
	}

	div.burger {
		display: block
	}

	header.default,
	header.scroll {
		h/* eight: 80px; */
		padding-left: 0;
		padding-right: 0
	}

	#header {
		padding-left: 25px;
		padding-right: 25px;
		height: auto !important;
	}
	
	.clearfix:after {
	    content: " ";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	header .logo {
		width: 90px;
		background-size: 100% 100%;
		padding: 24px 0;
		position: unset !important;
	}
	
	#menu {
	    position: unset !important;
	}

	#csoe_show .case_content {
		max-width: 100%;
		padding-left: 25px;
		padding-right: 25px
	}
}

@media screen and (max-width:500px) {
	/* .footer {
		display: none
	} */

	.flink p:first-child{
		display: none
	}
	

	#copyright {
		padding: 15px 25px
	}

	.footer_top a {
		margin: 0 15px
	}
}