/*初始化样式*/
	@charset "utf-8";
	* { margin: 0; padding: 0;}
	input,button,select,textarea{outline:none}
	html,body{
		font-size:14px;
		font-family:Helvetica, 'Microsoft Yahei', Arial, sans-serif;
		color:#333;
	}
	a {
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
		text-decoration:none;
	}
	a:hover {color:#ff9638;}
	table {border-collapse: collapse; }
	td {border: 0px; }
	ul,li{list-style:none;}
	.floatleft {float:left;}
	.floatright {float:right;}
	.center {text-align:center!important;}
	.white {color:#fff;}
	.bg_gray {background:#f4f4f4;}

	.bule_btn {
		height:44px;
		line-height:44px;
		font-size:16px;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		padding:0px 50px 0px 30px;
		display:inline-block;
		border-radius:4px;
		background:url(../images/arr.png) no-repeat 105px center #0080ff;
	}
	.bule_btn:hover {
		background:url(../images/arr.png) no-repeat 105px center #ff9638;
		color:#fff;
	}
	h1 { 
		font-size:36px;
		padding:60px 0px;
		text-align:center;
		font-weight:300;
		color:#333;
	}
	.footer_box .footer_company #id1 {
		padding-top: 10px;
		width: 200px;
		border: 1px solid rgba(255,255,255,1.00);
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		background-color: rgba(19,19,19,1.00);
		margin-top: 10px;
	}

	@media all and (max-width:1024px){
		h1 { 
			font-size:28px;
			padding:30px 15px;
			text-align:center;
			font-weight:300;
		}
	}
	@media all and (max-width:475px){
		.floatleft {
			float:none;
		}
		.floatright {
			float:none;
		}
	}
	/* images */
	img {
		border:0px;
		vertical-align:middle;
		-webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s; 
	}


	/* clear */
	.clear {
		clear:both;
	}
	/* container */
	.container{
		position:relative;
	}
/*初始化设置*/




/*通用-header样式*/
	@media (min-width:1025px) {
		header {
		  overflow: hidden;
		  position: fixed;
		  top: 0;
		  left: 0;
		  z-index: 999;
			width: 100%;
		  -webkit-transition: all 0.3s;
		  -moz-transition: all 0.3s;
		  -ms-transition: all 0.3s;
		  -o-transition: all 0.3s;
		  transition: all 0.3s; }
		  
		header.smaller {
			background: #282828;
		}

		.navbar-toggle {
			display: none
		}
		.logo {
			float:left;
			margin-top:20px;
		}
		.navbar-default {
			
		}
		.menu {
			width:1170px;
			height:80px;
			margin:0 auto;
			font-size:16px;
		}
		.navbar-nav {
			float:right;
		}
		.navbar-nav li {
			float:left;
			height:80px;
			line-height:80px;
			padding:0 40px;
		}
		.navbar-nav li a{
			color:#f2f2f2;
			display:inline-block;
			text-decoration:none;
		}
		.navbar-nav li a:hover{
			color:#ff9638;
			box-sizing:border-box;
		}
	}
	@media (max-width: 1024px) {
		.navbar-default {
			position:absolute;
			left:0px;
			right:0px;
			top:0px;
			background:#303030;
			z-index:9999;
			box-shadow:0px 2px 2px 0px rgba(0,0,0,0.2);
		}
		.menu {
			width: 100%;
			height:45px;
			margin:0 auto;
			position: fixed;
			background: #333333;
		}
		.navbar-nav li{
			border-top:1px solid #eee;
		}
		.navbar-nav li a{
			padding:15px 20px;
			display:block;
			color:#000;
			text-decoration:none;
		}
		.logo {
			position:absolute;
			left:50%;
			top:10px;
			margin-left:-50px;
			float:none;
			width:100px;
			display:inline-block;
		}
		.logo img{
			width:100%;
		}	
	}
/*通用-header样式*/

/*通用-合作伙伴版块*/
	.kehu{
		margin-bottom:100px;
	}
	.kehu .kh_logo{
		width:1170px;
		margin:0 auto;
	}
	.kehu .kh_logo ul li{
		float:left;
		width:25%;
		text-align:center;
		padding-bottom:30px;
	}
	.kehu .home_contact{
		text-align:center;
		margin-top:60px;
	}
	.kehu .home_contact .text{
		font-size:24px;
		padding-bottom:30px;
		font-weight:300;
	}
	@media all and (max-width:1024px)
	{
		.kehu{
			margin-bottom:70px;
		}
		.kehu .kh_logo{
			width:100%;
		}
		.kehu .home_contact{
			margin-top:20px;
		}
		.kehu .home_contact .text{
			font-size:20px;
		}
	}
	@media all and (max-width:475px)
	{
		.kehu .kh_logo ul li{
			width:50%;
		}
		.kehu .kh_logo ul li img{
			width:100%;
		}
		.kehu .kh_logo ul li .pic{
			padding:0px 30px;
		}
		.kehu .home_contact{
			padding:0px 15px;
		}
	}
/*通用-合作伙伴版块*/


/*通用-底部*/
	.footer{
		background: #282828;
		color: #ffffff;
		padding-bottom: 100px;
	}
	.footer_box{
		margin:0 auto;
		width:1170px;
	}
	.footer_logo{
		padding: 40px 0px;
	}
	.footer_company{
		float: left;
	}
	.footer_company .name{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.footer_company .title{
		font-size: 16px;
		margin-bottom: 20px;
		color:#777777;
	}
	.footer_company .icon{
		padding: 20px 0px;
		position: relative;
	}
	.footer_company .icon a{
		margin-right: 20px;
		width: 30px;
		height: 30px;
		display: inline-block;
	}
	.footer_company a:hover{
		background-position: left bottom;
	}
	.footer_company .gzh{
		background: url(../images/gzh.png) no-repeat;
		background-size: 100%;
	}
	.footer_company .weibo{
		background: url(../images/weibo.png) no-repeat;
		background-size: 100%;
	}
	.footer_company .qq{
		background: url(../images/qq.png) no-repeat;
		background-size: 100%;
	}
	.footer_company .add{
		color: #666;
		padding-bottom: 5px;
	}
	.footer_company .copy{
		color: #666;
	}
	.footer_solution{
		float: left;
		width: 260px;
		margin-left:220px;
	}
	.footer_solution .title{
		font-size:16px;
		padding-bottom:30px;
	}
	.footer_solution ul li{
		float: left;
		width: 50%;
	}
	.footer_solution ul li a{
		color: #fff;
		text-decoration: none;
		height: 36px;
		line-height: 36px;
		background: url(../images/icon_disc.png) no-repeat left center;
		padding-left: 15px;
	}
	.footer_solution ul li a:hover{
		color: #ff9638;
		background: url(../images/icon_disc_h.png) no-repeat left center;
	}
	.footer_contact{
		float: right;
		width: 180px;
	}
	.footer_contact .title{
		font-size:16px;
		padding-bottom:30px;
	}
	.footer_contact .section{
		margin:7px 0px 30px 0px;
	}
	.footer_contact .sub_title{
		color:#777;
		padding-bottom:4px;
	}
	.footer_contact .section a{
		color:#fff;
		text-decoration:none;
	}
	.footer_contact .section a:hover{
		color:#ff9638;
		text-decoration:none;
	}
	@media all and (max-width:1024px){
		.footer{
			padding-bottom: 40px;
		}
		.footer_box{
			width:auto;
			padding:0px 15px;
		}
		.footer_solution{
			display:none;
		}
	}
	@media all and (max-width:767px){
		.footer{
			padding-bottom: 40px;
		}
		.footer_box{
			width:auto;
			padding:0px 15px;
		}
		.footer_company{
			float: none;
		}
		.footer_company .name{
			font-size: 20px;
			margin-bottom: 5px;
		}
		.footer_company .title{
			font-size: 14px;
			margin-bottom: 0px;
		}
		.footer_company .add{
			padding-bottom: 0px;
		}
		.footer_solution{
			display:none;
		}
		.footer_contact{
			float: none;
			width: 100%;
			margin-top:40px;
		}
		.footer_contact .title{
			font-size:16px;
			padding-bottom:10px;
		}
		.footer_contact .section{
			margin:0px 0px 20px 0px;
		}
	}
/*通用-底部*/


/*通用-右侧悬浮版块*/
	.cndns-right{
		position:fixed;
		right:5px;
		top:75%;
		z-index:100
	}
	.cndns-right-meau{
		position:relative;
	}
	.cndns-right-btn{width:50px;height:50px;text-align:center;display:block;margin-bottom:1px;position:relative;background-color:#0080ff;}
	.cndns-right-btn:hover{background-color:#ff9638;}
	.cndns-right-btn span{color:#fff;font-size:12px;}
	.cndns-right-btn p{padding-top:8px;display:block}
	.cndns-right-btn span{font-size:12px;line-height:12px;padding-top:5px;display:block}
	.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
	.cndns-right-box .box-border{border:1px solid #ccc;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
	.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
	.meau-contact .cndns-right-box .box-border{width:130px;}
	.meau-contact .cndns-right-box .box-border p{font-size: 16px; font-weight: bold; color: #0080ff;}
	.meau-contact .cndns-right-box .box-border span{font-size: 12px; color: #888;}
	.cndns-right-meau:hover .cndns-right-box{display:block;}

	@media all and (max-width:1024px){
		.cndns-right{
			top:70%;
		}
		.hidden{
			display: none;
		}
	}
/*通用-右侧悬浮版块*/


/*通用-手机版左侧样式*/	
	@media (max-width: 1024px) {
		body {
			position: absolute;
			left: 0;
			right: 0;
			overflow-x: hidden;
			backface-visibility: hidden;
			transition: all 0.3s ease-in-out;
			transition-delay: 0s;
		}

	  body.out {
	    left: -215px;
	    right: 215px;
	    overflow: hidden;
	  }
	  
	  body.off-canvas-nav-left.out {
	    left: 215px;
	    right: -215px;
	  }

	  .container-fluid>.navbar-collapse,
	  .container>.navbar-collapse {
	    margin-left: 0;
	    margin-right: 0;
	  }
	  
	  nav.navbar-fixed-top {
	    transition: all 0.3s ease-in-out;
	    transition-delay: 0s;
	  }

	  nav.navbar-fixed-top.out {
	    transform: translate3d(-215px,0,0);
	  }

	  body.off-canvas-nav-left nav.navbar-fixed-top.out {
	    transform: translate3d(215px,0,0);
	    transition-delay: 0.3s;
	  }
	 
	  nav .navbar-toggle {
	    transition: all 500ms ease-in-out;
	  }
	  
	  body.out nav .navbar-toggle {
	   
	  }
	  
	  body.off-canvas-nav-left nav .navbar-toggle {
	    float: left;
		margin-left: 15px;
		margin-right: 0;
	  }
	  
	  nav .navbar-toggle .icon-bar {
	    transition: all 500ms ease-in-out;
	  }

	  body.out nav .navbar-toggle .icon-bar:nth-of-type(2) {
	    transform: translate3d(0,6px,0) rotate(45deg);
	  }

	  body.out nav .navbar-toggle .icon-bar:nth-of-type(3) {
	    opacity: 0;
	  }

	  body.out nav .navbar-toggle .icon-bar:nth-of-type(4) {
	    transform: translate3d(0,-6px,0) rotate(-45deg);
	  }
	  

	  nav .navbar-collapse {
	    display: block !important;
	    position: fixed;
	    top: 0;
	    right: -215px;
	    bottom: 0;
	    z-index: 10000;
	    width: 215px;
	    height: 100vh !important;
	    margin: 0;
	    background-color: inherit;
	    border: none;
	    box-shadow: none;
	    border-left: 1px solid #e7e7e7;
	    transition: all 0.3s ease-in-out;
	  }
	 
	  body.out nav .navbar-collapse {
	    box-shadow: -10px 0px 50px 0px rgba(0,0,0,0.75);
	    transform: translate3d(-215px,0,0);
	  }
	  
	  nav.navbar-fixed-top .navbar-collapse {
		right: -215px !important;
	    max-height: none;
	  }

	  body.out nav.navbar-fixed-top .navbar-collapse {
	    box-shadow: -10px 0px 50px 0px rgba(0,0,0,0.75);
	    transform: none;
	  }
	  
	  body.off-canvas-nav-left nav .navbar-collapse {
	    left: -215px;
	    right: auto;
	    border: none;
	    border-right: 0px solid #e7e7e7;
	  }

	  body.off-canvas-nav-left.out nav .navbar-collapse {
	    box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.2);
	    transform: translate3d(215px,0,0);
		background:#f8f8f8;
	  }

	  body.off-canvas-nav-left.out nav.navbar-fixed-top .navbar-collapse {
	    box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.2);
	    transform: none;
	  }
	}
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 4px;
		margin-top: 10px;
		margin-right: 15px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	.navbar-toggle:focus {
		outline: 0
	}
	.navbar-toggle .icon-bar {
		display: block;
		width: 16px;
		height: 2px;
		border-radius: 1px
	}
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 4px
	}

	.navbar-default .navbar-toggle {
		border-color: #f2f2f2
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #f2f2f2
	}



	.black{
		background:#282828;
	}

	@media (min-width:1025px) {
		header {
		  overflow: hidden;
		  position: fixed;
		  top: 0;
		  left: 0;
		  z-index: 999;
			width: 100%;
		  -webkit-transition: all 0.3s;
		  -moz-transition: all 0.3s;
		  -ms-transition: all 0.3s;
		  -o-transition: all 0.3s;
		  transition: all 0.3s; }
		  
		header.smaller {
			background: #282828;
		}

		.navbar-toggle {
			display: none
		}
		.logo {
			float:left;
			margin-top:20px;
		}
		.navbar-default {
			
		}
		.menu {
			width:1170px;
			height:80px;
			margin:0 auto;
			font-size:16px;
		}
		.navbar-nav {
			float:right;
		}
		.navbar-nav li {
			float:left;
			height:80px;
			line-height:80px;
			padding:0 40px;
		}
		.navbar-nav li a{
			color:#f2f2f2;
			display:inline-block;
			text-decoration:none;
		}
		.navbar-nav li a:hover{
			color:#ff9638;
			box-sizing:border-box;
		}
	}


	@media (max-width: 1024px) {
		.navbar-default {
			position:absolute;
			left:0px;
			right:0px;
			top:0px;
			background:#303030;
			z-index:9999;
			box-shadow:0px 2px 2px 0px rgba(0,0,0,0.2);
		}
		.menu {
			width: 100%;
			height:45px;
			margin:0 auto;
			position: fixed;
			background: #333333;
		}
		.navbar-nav li{
			border-top:1px solid #eee;
		}
		.navbar-nav li a{
			padding:15px 20px;
			display:block;
			color:#000;
			text-decoration:none;
		}
		.logo {
			position:absolute;
			left:50%;
			top:10px;
			margin-left:-50px;
			float:none;
			width:100px;
			display:inline-block;
		}
		.logo img{
			width:100%;
		}
	}
/*通用-手机版左侧样式*/



/*通用-banner区样式*/
	.sub_banner{
		position:relative;
		background:#0080ff;
		text-align:center;
	}
	.sub_banner .pic{
		width:1170px;
		margin:0 auto;
	}
	.sub_banner_text{
		position:absolute;
		top:160px;
		width:1170px;
		left:50%;
		margin-left:-585px;
		z-index:10;
		text-transform:none;
		color:#fff;
		text-align:left;
	}
	.sub_banner_text .title{
		font-size:60px;
		font-weight:bold;
	}
	.sub_banner_text .line{
		background:url(../images/line.png) no-repeat;
		width:30px;
		height:4px;
		margin:20px 0;
	}
	.sub_banner_text .sub_title{
		width:500px;
	}
	@media all and (max-width:1024px)
	{
	.sub_banner .pic{
		width:100%;
	}
	.sub_banner .pic img{
		width:100%;
	}
	.sub_banner_text{
		top:35%;
		width:70%;
		left:0;
		margin-left:40px;
	}
	.sub_banner_text .title{
		font-size:50px;
	}
	}
	@media all and (max-width:768px)
	{
	.sub_banner_text .title{
		font-size:40px;
	}
	}
	@media all and (max-width:475px)
	{
	.sub_banner .pic{
		height:220px;
	}
	.sub_banner .pic img{
		height:100%;
		width:auto;
		float:right;
	}
	.sub_banner_text{
		position:relative;
		width:100%;
		left:auto;
		top:auto;
		text-align:center;
		margin-left:auto;
	}
	.sub_banner_text .line{
		display:none;
	}
	.sub_banner_text .title{
		font-size:30px;
	}
	.sub_banner_text .sub_title{
		width:auto;
		padding:0px 20px 40px 20px;
		margin-top:10px;
	}
	}
	@media all and (max-width:320px)
	{
	.sub_banner .pic{
		height:180px;
	}
	}
/*通用-banner区样式*/


/*通用-sub-banner样式*/	
	.sub_banner{
		position:relative;
		background:#0080ff;
		text-align:center;
	}
	.sub_banner .pic{
		width:1170px;
		margin:0 auto;
	}
	.sub_banner_text{
		position:absolute;
		top:160px;
		width:1170px;
		left:50%;
		margin-left:-585px;
		z-index:10;
		text-transform:none;
		color:#fff;
		text-align:left;
	}
	.sub_banner_text .title{
		font-size:60px;
		font-weight:bold;
	}
	.sub_banner_text .line{
		background:url(../images/line.png) no-repeat;
		width:30px;
		height:4px;
		margin:20px 0;
	}
	.sub_banner_text .sub_title{
		width:500px;
	}
	@media all and (max-width:1024px)
	{
	.sub_banner .pic{
		width:100%;
	}
	.sub_banner .pic img{
		width:100%;
	}
	.sub_banner_text{
		top:35%;
		width:70%;
		left:0;
		margin-left:40px;
	}
	.sub_banner_text .title{
		font-size:50px;
	}
	}
	@media all and (max-width:768px)
	{
	.sub_banner_text .title{
		font-size:40px;
	}
	}
	@media all and (max-width:475px)
	{
	.sub_banner .pic{
		height:220px;
	}
	.sub_banner .pic img{
		height:100%;
		width:auto;
		float:right;
	}
	.sub_banner_text{
		position:relative;
		width:100%;
		left:auto;
		top:auto;
		text-align:center;
		margin-left:auto;
	}
	.sub_banner_text .line{
		display:none;
	}
	.sub_banner_text .title{
		font-size:30px;
	}
	.sub_banner_text .sub_title{
		width:auto;
		padding:0px 20px 40px 20px;
		margin-top:10px;
	}
	}
	@media all and (max-width:320px)
	{
	.sub_banner .pic{
		height:180px;
	}
	}
/*通用-sub-banner样式*/