@charset "utf-8";
/* CSS Document */
@font-face
{

font-family: 'PingFang';
    src: url('PingFang.otf');
	opacity: 1;

}
body{
	font-family: "PingFang"!important;
}
a:link{text-decoration:none!important; }/*点击前*/
a:visited{text-decoration:none!important;}/*点击后*/
a:active{text-decoration:none!important;}/*点击中*/
a:hover{text-decoration:none!important; color: #ffffff!important; }/*鼠标悬浮*/
.footRightAbout a:hover{text-decoration:none!important; color: #444444!important; }/*鼠标悬浮*/
.modal-backdrop {
filter: alpha(opacity=0)!important;
opacity: 0!important;
}
.nav-pills>li>a{
	background-color: #003282!important;;
}

.contactsUs{
		width: 300px;
		height: 100%;
		display: none;
		background-color: #ffffff;
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 999;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.contactsUs{
		width: 300px;
		height: 100%;
		display: none;
		background-color: #ffffff;
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 999;
		padding-left: 20px;
		padding-right: 20px;
	}
.dropdown-menu{
	background-color: #169BD5!important;
	color: #ffffff!important;
}
.dropdown-menu li a{
	height: 50px!important;
	line-height: 50px!important;
	color: #ffffff!important;
}
.dropdown-menu li a:hover{
	background-color: #169BD5!important;
	color: #ffffff!important;
}
	.container-fluid {
	    padding-right: 0px!important;
	    padding-left: 0px!important;
	    margin-right: 0px!important;
	    margin-left: 0px!important;

	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  -webkit-transition: all 0.5s ease;
	  padding-left: 0;
	  transition: all 0.5s ease;
	
	}
	
	.bannerleft li a:hover{
		color: #1EB2E5!important;
	}
	.current{
		color: #1EB2E5!important;
	}
	.current:hover{
		color: #1EB2E5!important;
	}
	.programmelist{
		width: 100%!important;
		float: left!important;
	}
	.pic{
		width: 100%;
		height: auto;
		margin-top: 30px;
	}
	li{
		list-style-type: none;
	}
	footer{
		width: 100%;
		height: 200px;
		background: #F8F8F9;
	}

	.classification ul{
		padding-left: 0px;
	}
	.m30{
		margin-top: 30px!important;
	}
	.m20{
		margin-top: 20px!important;
	}
	.m62{
		margin-top: 62px!important;
	}
	.p0{
		padding-left: 0px!important;
	}
	.p20{
		padding-left: 20px!important;
	}
	.w100{
		width: 100%!important;
	}
	
	.classification ul li:nth-child(2){
		
		width: 50%;
		height: 50px;
		font-family: PingFangSC-Semibold;
		font-size: 16px;
		color: #1EB2E5;
		letter-spacing: 0;
		line-height: 40px;
		font-weight: 600;
		float: left;
		text-align: center;
		border-bottom: 2px #1EB2E5 solid;
	}
	.classification ul li:nth-child(1){
		width: 50%;
		height: 50px;
		font-family: PingFangSC-Regular;
		font-size: 16px;
		color: #000000;
		letter-spacing: 0;
		line-height: 40px;
		font-weight: 400;
		float: left;
		text-align: center;
	}
	.mb0{
		margin-bottom: 0px;
	}
	.mt0{
		margin-top: 0px;
	}
	@media screen and (min-width: 1280px){
		.menu_bg{
			height: 80px;
			width: 100%;
			background: #003282;
		}
		
		.menu{
			width: 1200px;
			height: 80px;
			margin: auto;
		}
		
		.logo{
			margin-top: 31px;
			width: 247.18px;
			height: 18px;
			float: left;
			background: url("../img/logo_pc.png") no-repeat;
			background-size: 247.18px 18px;
		}
	
		.nav{
			width: 800px;
			height: 60px;
			float: left;
			margin-top: 20px;
			margin-left: 20px;
		}
		
		.nav-pills>li>a{
			
			font-size: 16px;
			color: #FFFFFF;
			font-weight: 500;
			margin-left: 31px;
		}
		
		.nav-pills>li>a:hover{
			background:none!important; /*没有这个在IE中不可用*/
		}
		
		.nav-pills>li:hover{
			background:none!important; /*没有这个在IE中不可用*/
		}
		@keyframe in { from { background:none!important; } to { background:none!important; } }
		@keyframe out { from { background:none!important; } to { background:none!important; } }
		
		
		.contact{
			margin-top: 31px;
			width: 130px;
			height: 49px;
			float: right;
		}
		
		.contactimg{
			margin-top: 3px;
			width: 20px;
			height: 17.14px;
			float: left;
		}
		.icon_contact{
			width: 20px;
			height: 17.14px;
			float: left;
		}
		
		.contactus{
			font-family: PingFang;
			font-size: 16px;
			color: #FFFFFF;
			font-weight: 500;
			float: left;
			margin-left: 10px;
		}
		
		.banner{
			height: 400px;
			width: 100%;
			background: #F8F8F9;
			overflow:hidden;

		}
		.bannerMain{
			width: 1200px;
			margin: auto;
		
			height: 360px;
			background: url("../img/solution_1.png") no-repeat right top;
			background-size: 930px 360px;
			

			
		}
		.bannerleft{
			width: 250px;
			margin-top: 30px;
			float: left;
		}
		.bannerleft li a{
			width: 160px;
			height: 60px;
			font-family: PingFang;
			font-size: 16px;
			color: #2A2A2A;
			letter-spacing: 0;
			line-height: 60px;
			font-weight: 600;
		}
		

		
		.fangan{
			width: 400px;
			height: 250px;
			background-image: linear-gradient(135deg, #40D9F4 0%, #0046B9 100%);
			float: left;
			margin-top: 55px;
		}
		.fanganTit{
			width: 100%;
			height: 32px;
			font-family: PingFang;
			font-size: 30px;
			color: #FFFFFF;
			letter-spacing: 0;
			line-height: 32px;
			font-weight: 600;
			margin-top: 63px;
			text-align: center;
		}
		.fanganAbout{
			width: 300px;
			height: 56px;
			font-family: PingFang;
			font-size: 18px;
			color: #FFFFFF;
			letter-spacing: 0;
			line-height: 28px;
			font-weight: 500;
			margin: auto;
			margin-top: 15px;
		}
		.about{

			width: 1200px;
			margin: auto;
			overflow:hidden;
		}
		.abouts{
	
			width: 950px;
			float: right;
			
		}
		.aboutTit{
			width: 100%;
			height: 32px;
			font-family: PingFang;
			font-size: 40px;
			color: #222222;
			letter-spacing: 0;
			line-height: 32px;
			font-weight: 400;
			margin-top: 57px;
			float: left;
		}
		.aboutTits{
			width: 100%;
			height: 30px;
			font-family: PingFang;
			font-size: 16px;
			color: #222222;
			letter-spacing: 0;
			line-height: 30px;
			font-weight: 600;
			margin-top: 56px;
			float: left;
		}
		.aboutTitn{
			width: 100%;

			font-family: PingFang;
			font-size: 16px;
			color: #222222;
			letter-spacing: 0;
			line-height: 30px;
			font-weight: 400;
			float: left;
		}
		
		
		
		
		.classification{
			width: 1200px;
			height: 50px;
			margin: auto;
		}
		
		.foot{
			width: 1200px;
			height: 80px;
			margin: auto;
			
		}
		.footleft{
			width: 45%;
			float: left;
			margin-top: 43px;
		}
		.footright{
			width: 45%;
			float: right;
			margin-top: 43px;
			text-align: center;
		}
		
		.footleftimg,.footleftimg img{
			width: 70px;
			height: 69.34px;
			float: left;
		}
		.footleftTit{
			width: 224px;
			height: 32px;
			font-family: PingFang;
			font-size: 16px;
			color: #444444;
			letter-spacing: 0;
			line-height: 32px;
			font-weight: 500;
			float: left;
			margin-left: 20px;
		}
		.footleftAbout{
			width: 400px;
			height: 40px;
			font-family: PingFang;
			font-size: 12px;
			color: #444444;
			letter-spacing: 0;
			line-height: 20px;
			font-weight: 400;
			float: left;
			margin-left: 20px;
		}
		
		.footRightAbout{
			width: 400px;
			height: 40px;
			font-family: PingFang;
			font-size: 12px;
			color: #444444;
			letter-spacing: 0;
			line-height: 20px;
			font-weight: 400;
			float: right;
			text-align: right;
		}
		
		
		
	}
	
	
	
	



@media screen and (min-width: 1024px) and (max-width: 1280px){
	
	.menu_bg{
		height: 80px;
		width: 100%;
		background: #003282;
	}
	
	.menu{
		width: 1000px;
		height: 80px;
		margin: auto;
	}
	.nav{
		width: 600px;
		height: 60px;
		float: left;
		margin-top: 20px;
		margin-left: 20px;
	}

	.logo{
		margin-top: 31px;
		width: 247.18px;
		height: 18px;
		float: left;
		background: url("../img/logo_pc.png") no-repeat;
		background-size: 247.18px 18px;
	}

	.nav-pills>li>a{
		
		font-size: 16px;
		color: #FFFFFF;
		font-weight: 500;
		margin-left: 31px;
	}
	
	.nav-pills>li>a:hover{
		background:none!important; /*没有这个在IE中不可用*/
	}
	
	.nav-pills>li:hover{
		background:none!important; /*没有这个在IE中不可用*/
	}
	@keyframe in { from { background:none!important; } to { background:none!important; } }
	@keyframe out { from { background:none!important; } to { background:none!important; } }
	
	
	.contact{
		margin-top: 31px;
		width: 130px;
		height: 49px;
		float: right;
	}
	
	.contactimg{
		margin-top: 3px;
		width: 20px;
		height: 17.14px;
		float: left;
	}
	.icon_contact{
		width: 20px;
		height: 17.14px;
		float: left;
	}
	
	.contactus{
		font-family: PingFang;
		font-size: 16px;
		color: #FFFFFF;
		font-weight: 500;
		float: left;
		margin-left: 10px;
	}
	
	
	.banner{
		height: 400px;
		width: 100%;
		background: #F8F8F9;
		overflow:hidden;
	
	}
	.bannerMain{
		width: 1000px;
		margin: auto;
	
		height: 271px;
		background: url("../img/solution_1.png") no-repeat right top;
		background-size: 700px 271px;
		
	
		
	}
	.bannerleft{
		width: 250px;
		margin-top: 30px;
		float: left;
	}
	.bannerleft li a{
		width: 160px;
		height: 45px;
		font-family: PingFang;
		font-size: 16px;
		color: #2A2A2A;
		letter-spacing: 0;
		line-height: 45px;
		font-weight: 600;
	}
	

	
	.fangan{
		width: 330px;
		height: 206px;
		background-image: linear-gradient(135deg, #40D9F4 0%, #0046B9 100%);
		float: left;
		margin-top: 35px;
	}
	.fanganTit{
		width: 100%;
		height: 32px;
		font-family: PingFang;
		font-size: 25px;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height: 32px;
		font-weight: 600;
		margin-top: 63px;
		text-align: center;
	}
	.fanganAbout{
		width: 300px;
		height: 56px;
		font-family: PingFang;
		font-size: 14px;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height: 28px;
		font-weight: 500;
		margin: auto;
		margin-top: 15px;
	}
	.about{
	
		width: 1000px;
		margin: auto;
		overflow:hidden;
	}
	.abouts{
		
		width: 85%;
		float: right;
		
	}
	.aboutTit{
		width: 100%;
		height: 32px;
		font-family: PingFang;
		font-size: 40px;
		color: #222222;
		letter-spacing: 0;
		line-height: 32px;
		font-weight: 400;
		margin-top: 57px;
		float: left;
	}
	.aboutTits{
		width: 100%;
		height: 30px;
		font-family: PingFang;
		font-size: 16px;
		color: #222222;
		letter-spacing: 0;
		line-height: 30px;
		font-weight: 600;
		margin-top: 56px;
		float: left;
	}
	.aboutTitn{
		width: 100%;
	
		font-family: PingFang;
		font-size: 16px;
		color: #222222;
		letter-spacing: 0;
		line-height: 30px;
		font-weight: 400;
		float: left;
	}
	
	
	
	
	.classification{
		width: 1000px;
		height: 50px;
		margin: auto;
	}
	.foot{
		width: 1000px;
		height: 80px;
		margin: auto;
		
	}
	.footleft{
		width: 55%;
		float: left;
		margin-top: 43px;
	}
	.footright{
		width: 35%;
		float: right;
		margin-top: 43px;
		text-align: center;
	}
	
	.footleftimg,.footleftimg img{
		width: 70px;
		height: 69.34px;
		float: left;
	}
	.footleftTit{
		width: 224px;
		height: 32px;
		font-family: PingFang;
		font-size: 16px;
		color: #444444;
		letter-spacing: 0;
		line-height: 32px;
		font-weight: 500;
		float: left;
		margin-left: 20px;
	}
	.footleftAbout{
		width: 400px;
		height: 40px;
		font-family: PingFang;
		font-size: 12px;
		color: #444444;
		letter-spacing: 0;
		line-height: 20px;
		font-weight: 400;
		float: left;
		margin-left: 20px;
	}
	
	.footRightAbout{
		width: 400px;
		height: 40px;
		font-family: PingFang;
		font-size: 12px;
		color: #444444;
		letter-spacing: 0;
		line-height: 20px;
		font-weight: 400;
		float: right;
		text-align: right;
	}
	
	
}




@media screen and (min-width: 768px) and (max-width: 1024px){
	
	.menu_bg{
		height: 80px;
		width: 100%;
		background: #003282;
	}
	
	.menu{
		width: 700px;
		height: 80px;
		margin: auto;
	}
	.nav{
		width: 400px;
		height: 60px;
		float: left;
		margin-top: 20px;
		margin-left: 20px;
	}

	.logo{
		margin-top: 31px;
		width: 150px;
		height: 33px;
		float: left;
		background: url("../img/logo_mobile.png") no-repeat;
		background-size: 150px 33px;
	}

	.nav-pills>li>a{
		
		font-size: 16px;
		color: #FFFFFF;
		font-weight: 500;
		margin-left: 11px;
	}
	
	.nav-pills>li>a:hover{
		background:none!important; /*没有这个在IE中不可用*/
	}
	
	.nav-pills>li:hover{
		background:none!important; /*没有这个在IE中不可用*/
	}
	@keyframe in { from { background:none!important; } to { background:none!important; } }
	@keyframe out { from { background:none!important; } to { background:none!important; } }
	
	
	.contact{
		margin-top: 31px;
		width: 130px;
		height: 49px;
		float: right;
	}
	
	.contactimg{
		margin-top: 3px;
		width: 20px;
		height: 17.14px;
		float: left;
	}
	.icon_contact{
		width: 20px;
		height: 17.14px;
		float: left;
	}
	
	.contactus{
		font-family: PingFang;
		font-size: 16px;
		color: #FFFFFF;
		font-weight: 500;
		float: left;
		margin-left: 10px;
	}
	
	
	.banner{
		height: 400px;
		width: 100%;
		background: #F8F8F9;
		overflow:hidden;
	
	}
	.bannerMain{
		width: 100%;
		margin: auto;
		height: 240px;
		background: url("../img/solution_1.png") no-repeat right top;
		background-size: 620px 240px;
		
	
		
	}
	.bannerleft{
		width: 250px;
		margin-top: 30px;
		float: left;
	}
	.bannerleft li a{
		width: 160px;
		height: 40px;
		font-family: PingFang;
		font-size: 16px;
		color: #2A2A2A;
		letter-spacing: 0;
		line-height: 40px;
		font-weight: 600;
	}
	

	.fangan{
		width: 320px;
		height: 200px;
		background-image: linear-gradient(135deg, #40D9F4 0%, #0046B9 100%);
		float: left;
		margin-top: 25px;
	}
	.fanganTit{
		width: 100%;
		height: 32px;
		font-family: PingFang;
		font-size: 24px;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height: 32px;
		font-weight: 600;
		margin-top: 63px;
		text-align: center;
	}
	.fanganAbout{
		width: 300px;
		height: 56px;
		font-family: PingFang;
		font-size: 14px;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height: 28px;
		font-weight: 500;
		margin: auto;
		margin-top: 15px;
	}
	.about{
		width: 100%;
		margin: auto;
		overflow:hidden;
	}
	.abouts{
		width: 90%;
		margin: auto;
		
	}
	.aboutTit{
		width: 100%;
	
		font-family: PingFang;
		font-size: 40px;
		color: #222222;
		letter-spacing: 0;
		line-height: 32px;
		font-weight: 400;
		margin-top: 57px;
		float: left;
	}
	.aboutTits{
		width: 100%;
		
		font-family: PingFang;
		font-size: 16px;
		color: #222222;
		letter-spacing: 0;
		line-height: 30px;
		font-weight: 600;
		margin-top: 56px;
		float: left;
	}
	.aboutTitn{
		width: 100%;
	
		font-family: PingFang;
		font-size: 16px;
		color: #222222;
		letter-spacing: 0;
		line-height: 30px;
		font-weight: 400;
		float: left;
	}
	
	
	
	
	.classification{
		width: 700px;
		height: 50px;
		margin: auto;
	}
	.foot{
		width: 700px;
		height: 80px;
		margin: auto;
		
	}
	.footleft{
		width: 65%;
		float: left;
		margin-top: 43px;
	}
	.footright{
		width: 35%;
		float: right;
		margin-top: 43px;
		text-align: center;
	}
	
	.footleftimg,.footleftimg img{
		width: 70px;
		height: 69.34px;
		float: left;
	}
	.footleftTit{
		width: 70%;
		height: 32px;
		font-family: PingFang;
		font-size: 16px;
		color: #444444;
		letter-spacing: 0;
		line-height: 32px;
		font-weight: 500;
		float: left;
		margin-left: 20px;
	}
	.footleftAbout{
		width: 80%;
		height: 40px;
		font-family: PingFang;
		font-size: 12px;
		color: #444444;
		letter-spacing: 0;
		line-height: 20px;
		font-weight: 400;
		float: left;
		margin-left: 20px;
	}
	
	.footRightAbout{
		width: 100%;
		height: 40px;
		font-family: PingFang;
		font-size: 12px;
		color: #444444;
		letter-spacing: 0;
		line-height: 20px;
		font-weight: 400;
		float: right;
		text-align: right;
	}
	
}


@media screen and (max-width: 768px){
	
	.mmenu_bg{
		height: 80px;
		background: #003282;
	}
	.mlogo{
		margin-top: 20px;
		margin-left: 20px;
		width: 150px;
		height: 33px;
		float: left;
		background: url("../img/logo_mobile.png") no-repeat;
		background-size: 150px 33px;
	}
	.mmenu_right{
		width: 105px;
		float: right;
		margin-right: 20px;
		margin-top: 20px;
	}
	.product{
		width: 80px;
		height: 32px;
		border: 1px solid rgba(30,178,229,1);
		border-radius: 12px;
		text-align: center;
		line-height: 32px;
		font-family: PingFang;
		font-size: 16px;
		color: #FFFFFF;
		font-weight: 500;
		float: left;
		
	}
	.mmenu{
	
		margin-left: 15px;
		margin-top: 10px;
		width: 20px;
		height: 14px;
		background: #1EB2E5;
		background: url("../img/mobile_more.png") no-repeat;
		background-size: 20px 14px;
		float: left;
	}
	
	.navbar-fixed-bottom, .navbar-fixed-top{
		left: auto!important;
	}
	
	.firstnav{
		width: 32px;
		font-family: PingFang;
		font-size: 16px;
		color: #222222;
		letter-spacing: 0;
		
		font-weight: 400;
		border-bottom: 1px solid rgba(228,228,228,1);
		min-height: 50px;
		line-height: 50px;
	}
	
	#wrapper {
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  -webkit-transition: all 0.5s ease;
	  padding-left: 0;
	  transition: all 0.5s ease;
	}
	#wrapper.toggled {
	  padding-right: 300px;
	}
	#wrapper.toggled #sidebar-wrapper {
	  width: 300px;
	}
	#wrapper.toggled #page-content-wrapper {
	  margin-right: -300px;
	  position: absolute;
	}
	#sidebar-wrapper {
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  -webkit-transition: all 0.5s ease;
	  background: #ffffff;
	  height: 100%;
	  right: 60px;
	  margin-right: -60px;
	  overflow-x: hidden;
	  overflow-y: auto;
	  transition: all 0.5s ease;
	  width: 0;
	  z-index: 800;
	}
	#sidebar-wrapper::-webkit-scrollbar {
	  display: none;
	}
	#page-content-wrapper {
	  padding-top: 70px;
	  width: 100%;
	}
	/*-------------------------------*/
	/*     Sidebar nav styles        */
	/*-------------------------------*/
	.sidebar-nav {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  position: absolute;
	  top: 0;
	  width: 90%;
	  margin-left: 5%;
	}
	.sidebar-nav li {
	  display: inline-block;
	  line-height: 20px;
	  position: relative;
	  width: 100%;
	}
	
	
	.sidebar-nav li:hover:before {
	  -webkit-transition: width 0.2s ease-in;
	  transition: width 0.2s ease-in;
	  width: 100%;
	}
	.sidebar-nav li a {
	  color: #000000;
	  display: block;
	  padding: 10px 15px 10px 30px;
	  text-decoration: none;
	}
	.sidebar-nav li.open:hover before {
	  -webkit-transition: width 0.2s ease-in;
	  transition: width 0.2s ease-in;
	  width: 100%;
	}
	.sidebar-nav .dropdown-menu {
	  background-color: #222222;
	  border-radius: 0;
	  border: none;
	  box-shadow: none;
	  margin: 0;
	  padding: 0;
	  position: relative;
	  width: 100%;
	}
	.sidebar-nav li a:hover,
	.sidebar-nav li a:active,
	.sidebar-nav li a:focus,
	.sidebar-nav li.open a:hover,
	.sidebar-nav li.open a:active,
	.sidebar-nav li.open a:focus {
	
	}
	
	.nav>li>a:focus, .nav>li>a:hover {
	    text-decoration: none;
	    background: none!important; ;
	}
	
	.sidebar-nav > .sidebar-brand {
	  font-size: 20px;
	  height: 65px;
	  line-height: 44px;
	}
	/*-------------------------------*/
	/*       Hamburger-Cross         */
	/*-------------------------------*/
	.hamburger {
	  background: transparent;
	  border: none;
	  display: block;
	  height: 25px;
	  margin-left: 90px;
	  position: fixed;
	  top: 20px;
	  width: 20px;
	  z-index: 999;
	}
	.hamburger:hover {
	  outline: none;
	}
	.hamburger:focus {
	  outline: none;
	}
	.hamburger:active {
	  outline: none;
	}
	.hamburger.is-closed:before {
	  -webkit-transform: translate3d(0, 0, 0);
	  -webkit-transition: all 0.35s ease-in-out;
	  color: #ffffff;
	  content: '';
	  display: block;
	  font-size: 14px;
	  line-height: 25px;
	  opacity: 0;
	  text-align: center;
	  width: 100px;
	}
	.hamburger.is-closed:hover before {
	  -webkit-transform: translate3d(-100px, 0, 0);
	  -webkit-transition: all 0.35s ease-in-out;
	  display: block;
	  opacity: 1;
	}
	.hamburger.is-closed:hover .hamb-top {
	  -webkit-transition: all 0.35s ease-in-out;
	  top: 0;
	}
	.hamburger.is-closed:hover .hamb-bottom {
	  -webkit-transition: all 0.35s ease-in-out;
	  bottom: 0;
	}
	.hamburger.is-closed .hamb-top {
	  -webkit-transition: all 0.35s ease-in-out;
	  background-color: rgba(255, 255, 255, 0.7);
	  top: 5px;
	}
	.hamburger.is-closed .hamb-middle {
	  background-color: rgba(255, 255, 255, 0.7);
	  margin-top: -2px;
	  top: 50%;
	}
	.hamburger.is-closed .hamb-bottom {
	  -webkit-transition: all 0.35s ease-in-out;
	  background-color: rgba(255, 255, 255, 0.7);
	  bottom: 5px;
	}
	.hamburger.is-closed .hamb-top,
	.hamburger.is-closed .hamb-middle,
	.hamburger.is-closed .hamb-bottom,
	.hamburger.is-open .hamb-top,
	.hamburger.is-open .hamb-middle,
	.hamburger.is-open .hamb-bottom {
	  height: 2px;
	  left: 0;
	  position: absolute;
	  width: 100%;
	}
	.hamburger.is-open .hamb-top {
	  -webkit-transform: rotate(45deg);
	  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
	  background-color: #ffffff;
	  margin-top: -2px;
	  top: 50%;
	}
	.hamburger.is-open .hamb-middle {
	  background-color: #ffffff;
	  display: none;
	}
	.hamburger.is-open .hamb-bottom {
	  -webkit-transform: rotate(-45deg);
	  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
	  background-color: #ffffff;
	  margin-top: -2px;
	  top: 50%;
	}
	.hamburger.is-open:before {
	  -webkit-transform: translate3d(0, 0, 0);
	  -webkit-transition: all 0.35s ease-in-out;
	  color: #ffffff;
	  content: '';
	  display: block;
	  font-size: 14px;
	  line-height: 32px;
	  opacity: 0;
	  text-align: center;
	  width: 100px;
	}
	.hamburger.is-open:hover before {
	  -webkit-transform: translate3d(-100px, 0, 0);
	  -webkit-transition: all 0.35s ease-in-out;
	  display: block;
	  opacity: 1;
	}
	
	/*-------------------------------*/
	/*          Dark Overlay         */
	/*-------------------------------*/
	.overlay {
	  position: fixed;
	  display: none;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: rgba(0, 0, 0, 0.4);
	  z-index: 1;
	}
	
	
	.nav>li {
	    position: initial;
	    display: block;
	}
	
	.ernavbar li a{
		padding: 10px 15px 10px 0px;
		font-size: 14px;
	}
	
	
	
	.mbanner{
		height: 300px;
		width: 100%;
		min-width: 375px;
		background: url("../img/solution_1.png") no-repeat right top;
		background-size: 775px 300px;
	}
	
	
	
	
	.mfangan{
		width: 100%;
		min-width: 375px;
		height: 250px;
		background-image: linear-gradient(135deg, #40D9F4 0%, #0046B9 100%);
		float: left;
	}
	.fanganTit{
		width: 100%;
		height: 32px;
		font-family: PingFang;
		font-size: 30px;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height: 32px;
		font-weight: 600;
		margin-top: 63px;
		text-align: center;
	}
	.fanganAbout{
		width: 300px;
		height: 56px;
		font-family: PingFang;
		font-size: 18px;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height: 28px;
		font-weight: 500;
		margin: auto;
		margin-top: 15px;
	}
	.about{
		
		width: 100%;
		min-width: 375px;
		
		margin: auto;
		overflow:hidden;
	}
	.abouts{
	
		width: 95%;
		padding-left: 5%;
		float: left;
	
		
	}
	.aboutTit{
		width: 100%;
		height: 32px;
		font-family: PingFang;
		font-size: 28px;
		color: #222222;
		letter-spacing: 0;
		line-height: 32px;
		font-weight: 400;
		margin-top: 57px;
		float: left;
	}
	.aboutTits{
		width: 100%;
		font-family: PingFang;
		font-size: 14px;
		color: #222222;
		letter-spacing: 0;
		line-height: 30px;
		font-weight: 600;
		margin-top: 20px;
		float: left;
	}
	.aboutTitn{
		width: 100%;
	
		font-family: PingFang;
		font-size: 16px;
		color: #222222;
		letter-spacing: 0;
		line-height: 30px;
		font-weight: 400;
		float: left;
	}
	
	
	
	
	.classification ul li:nth-child(2){
		width: 50%;
		height: 50px;
		font-family: PingFangSC-Regular;
		font-size: 14px;
		color: #000000;
		letter-spacing: 0;
		line-height: 40px;
		font-weight: 400;
		float: left;
		text-align: center;
	}
	footer{
		width: 100%;
		min-width: 375px;
		height: 80px;
		background: #F8F8F9;
	
	}
	
	.foot{
		width: 100%;
		height: 80px;
		overflow: hidden;
	}
	
	.footright{
		width:100%;
		float: left;
		margin-top: 23px;
		text-align: center;
	}
	.footRightAbout{
		width: 100%;
		height: 40px;
		font-family: PingFang;
		font-size: 12px;
		color: #444444;
		letter-spacing: 0;
		line-height: 20px;
		font-weight: 400;
		float: left;
		text-align: center;
	}
	
	.closes{
		width: 100%;
		height: 80px;
		line-height: 80px;
		text-align: right;
		padding-top: 33px;
		padding-right: 13px;
	}
	.closes img{
		width: 15px;
		height: 15px;
	}
	.contactsUsTit{
	
		height: 32px;
		font-family: PingFang;
		font-size: 28px;
		color: #222222;
		letter-spacing: 0;
		line-height: 32px;
		font-weight: 400;
	}
	.contactsUsTits{
	
		width: 56px;
		height: 32px;
		font-family: PingFang;
		font-size: 14px;
		color: #222222;
		letter-spacing: 0;
		line-height: 32px;
		font-weight: 400;
		
	}
	.contactsUsabout{
	
		font-family: PingFang;
		font-size: 22px;
		color: #222222;
		letter-spacing: 0;
		line-height: 28px;
		font-weight: 500;
	}
	
	.contactsioc{
		width: 16px;
		height: 16px;
		float: left;
		margin-top: 10px;
	}
	
	.contactsioc img{
		width: 16px;
		height: 16px;
	}
	.contactslanse{
		width: 64px;
		height: 32px;
		font-family: PingFang;
		font-size: 16px;
		color: #1EB2E5;
		letter-spacing: 0;
		line-height: 32px;
		font-weight: 500;
		float: left;
		margin-left: 10px;
	}
	.tt30{
		margin-top: 30px;
	}
	.contactswechat{
		width: 100%;
		height: 206px;
		margin-top: 28px;
		float: left;
	}
	.contactswechat img{
		width: 208px;
		height: 206px;
	}
	
	
}