@charset "utf-8";

	

	/* CSS Document */

	 
	.quotes {

		clear: both;

		margin: 3px;

		padding: 20px;

		text-align: center;

	}

	

	.quotes ul li {

		border: 1px solid #CCCCCC;

		color: #666666;

		display: inline;

		margin-right: 4px;

		padding: 4px 7px;

		text-decoration: none;

	}

	

	.quotes .thisclass {

		background: #CCCCCC;

	}

	

	#main {

		width: 100%;

		background: #fff;

		padding:1px 0px;

		padding-top: 36px;

		padding-bottom: 35px

	}

	

	.hidden {

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

		/* for IE */

		-o-text-overflow: ellipsis;

		/* for Opera */

		-icab-text-overflow: ellipsis;

		/* for iCab */

		-khtml-text-overflow: ellipsis;

		/* for Konqueror Safari */

		-moz-text-overflow: ellipsis;

		/* for Firefox,mozilla */

		-webkit-text-overflow: ellipsis;

		/* for Safari,Swift*/

	}

	

	#head {

    width: 100%;

    height: 35px;
 

    position: fixed;

    z-index: 2;

	}

	

	#head ul {

		margin-left: -1px;

		width: 100%;

		display: block;

	}

	

	#head li {

		display: block;

	    width: 25%;

	    float: left;

	    text-align: center;

	    padding: 1px 0;

		background: #0089A7;

		    padding: 5px 0px;

	    

	}



	#head li:hover{

	

		background: #076175;

	}

	

	#head li a {

		display: block;

		font-size: 16px;

		line-height: 25px;

		border-left: 1px solid #ccc;

		color: white;

	}

		#head .nav {
	width: 100%;
	background:#fff;
	position:relative;
}
 
 
#head .nav > ul > li > a:hover ,#head .nav > ul > li > a.a_hv ,#head .nav > ul > li > a.nav-open{
}
#head .nav li.none {
	background: none;
}
#head .nav .nav-menu{
	position: absolute;
	top: 36px;
	display: none;
	width: 25%;
	z-index: 9999999;
	text-align: center;
}
#head .nav .nav-menu li{
	margin:0 10px;
	line-height:40px;
	height:40px;
	border-bottom:1px dashed #fff;
	width: 100%;
	margin: 0px;
}
#head .nav .nav-menu p{
	line-height:36px;
	height:36px;
	margin:0 10px;
	padding:0 20px;
	font-size:12px;
}
#head .nav .nav-menu li.none{
	border-bottom:none;
}
#head .nav .nav-menu li a{
	padding:7px 10px;
	font-size:14px;
	text-align:center;
	display:block;
	/*background:url(../img/sub_li.png) no-repeat 96% center;*/
	background-size:6px;
	font-size:13px;
	border-left: 0px;
}

	.slideBox {

		position: relative;

		overflow: hidden;

		margin: 0 auto;

		max-width: 100%;

	}

	

	.slideBox .hd {

		position: absolute;

		height: 28px;

		line-height: 28px;

		bottom: 0;

		right: 0;

		z-index: 1;

		width: 100%;

		text-align: center;

	}

	

	.slideBox .hd li {

		display: inline-block;

		width: 8px;

		height: 8px;

		-webkit-border-radius: 8px;

		-moz-border-radius: 8px;

		border-radius: 8px;

		background: #333;

		text-indent: -9999px;

		overflow: hidden;

		margin: 0 6px;

	}

	

	.slideBox .hd li.on {

		background: #fff;

	}

	

	.slideBox .bd {

		position: relative;

		z-index: 0;

	}

	

	.slideBox .bd li {

		position: relative;

		text-align: center;

	}

	

	.slideBox .bd li img {

		vertical-align: top;

		width: 100%;

		/* 图片宽度100%，达到自适应效果 */

	}

	

	.slideBox .bd li a {

		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	}

	

	

	/* 去掉链接触摸高亮 */

	

	.ind_cc {

		position: relative;

		width: 100%;

		padding-bottom: 10px;

		font-size: 14px;

	}

	

	.ind_cc img {

		max-width: 100%;

		display: block;

		padding: 8px 0;

		width: 100%;

	}

	

	.ind_com {

		margin: 0 5%;

	}

	

	.ind_tit {

		margin: 8px 0;

		font-size: 18px;

		line-height: 1.5;

		padding-left: 10px;

		border-left: 8px solid #1a93df;

	}

	

	.inner {

		line-height: 1.6;

	}

	

	.inner b {

		font-weight: bold;

	}

	

	

	/*foot*/

	

	#foot {

/*		    width: 100%;

    height: 45px;

    border-top: 1px solid #cfcfcf;

    position: fixed;

    border-bottom: 1px solid #cfcfcf;

    background-color: white;

    bottom: 0px;

    z-index: 999;*/

       width: 100%;

         position: fixed;

            bottom: 0px;

	}



	#foot ul{

		margin-left: -1px;

		width: 100%;

		display: block;

	}

	

	#foot li {

		/*width: 50%;

		float: left;

		height: 25px;

		display: block;

		padding: 10px 0;

		text-align: center;

		background: #0089A7;*/



		display: block;

	    width: 50%;

	    float: left;

	    text-align: center;

	    padding: 1px 0;

		background: #0089A7;

		    padding: 5px 0px;

	}

	

	#foot li a {

	/*	display: block;

		border-left: 1px solid #cfcfcf;

		color: white;*/



		display: block;

		font-size: 16px;

		line-height: 25px;

		border-left: 1px solid #cfcfcf;

		color: white;





	}

	

	

	/*

	案例展示列表

	 * */

	

	.anli_list {

		padding-top: 1px;

		max-width: 730px;

		margin: 0px 10px;

		/*padding-bottom: 30px;*/

		margin-top: 10px;

		margin: auto;

	}

	

	.anli_list li {

		display: table;

		padding: 0px;

		border-radius: 0px;

		height: auto;

		padding: 10px 5% 7px;

		width: 90%;

	}

	

	.anli_list .left {

		display: table-cell;

		vertical-align: middle;

		width: 30%;

	}

	

	.anli_list .left img {

		max-width: 100%;

		vertical-align: middle;

		border-radius: 2;

		width: 100%;

		height:auto !important;

	}

	

	.anli_list .right {

		display: table-cell;

		vertical-align: middle;

		width: 50%;

		padding-right: 15px;

		text-align: left;

	}

	

	.anli_list .right h3 {

		text-align: left;

		font-size: 16px;

		line-height: 22px;

	}

	

	.anli_list p {

		font-size: 12px;

		color: #656565;

		padding-top: 5px;

	}

	

	.anli_list li> a {

		display: table;

		width: 100%;

		padding-bottom: 10px;

		border-bottom: 1px solid #CCCCCC

	}

	

	.anli_list li> a:active {

		background: none;

		border: 0px solid #333;

		border-radius: 5px;

		box-shadow: inset 0 0 1px 1px #ccc;

	}

	

	.toutiao {

		max-width: 730px;

		padding-bottom: 30px;

		margin: auto;

		padding: 10px 5% 7px;

	}

	

	.toutiao a {

		display: block;

		height: auto;

		position: relative;

		padding-bottom: 10px;

		border-bottom: 1px solid #CCCCCC;

	}

	

	.toutiao a img {

		width: 100%;

		height: 100%;

	}

	

	.toutiao a .sp-fd {

		width: 90%;

		padding: 0 5%;

		color: #fff;

		background: rgba(0, 0, 0, 0.5);

		opacity: 0.8;

		text-align: center;

		font-size: 16px;

		line-height: 24px;

		position: absolute;

		left: 0px;

		bottom: 18px;

		text-align: left;

	}

	

	

	/*解决方案*/

	

	.new_list {

		padding: 5px 0 18px;

		max-width: 955px;

	}

	

	.new_list li> a {

		border-bottom: 0px;

	}

	

	.new_list li {

		border-bottom: 1px solid #CCCCCC;

	}

	

	

	/*

	.new_list {

	    padding: 5px 0 18px;

	}

	

	.new_list li {

	    padding: 5px 5% 7px;

	    overflow: hidden;

	    position: relative;

	    border-bottom: 1px solid #C1C1C1;

	}

	

	.new_list li a h3 {

	    display: block;

	    font-size: 14px;

	    height: 30px;

	    line-height: 30px;

	    overflow: hidden;

	    text-overflow: ellipsis;

	    white-space: nowrap;

	    color: #333333;

	}

	

	.new_list li p {

	    font-size: 12px;

	    height: 20px;

	    line-height: 20px;

	    color: #999999;

	}

	

	

	.quotes {

	    clear: both;

	    margin: 3px;

	    padding: 3px;

	    text-align: center;

	}

	

	.quotes ul li {

	    border: 1px solid #CCCCCC;

	    color: #666666;

	    display: inline;

	    margin-right: 4px;

	    padding: 4px 7px;

	    text-decoration: none;

	}

	*/

	

	

	/*详情*/

	

	.acticle_nr {

		padding: 1% 5%;

	}

	

	.acticle_nr h2,

	.acticle_nr h3 {

		text-align: center;

	}

	

	.acticle_nr h3 {

		font-size: 12px;

		color: #B3B3B3;

	}

	

	.acticle_nr h2 {

		font-size: 18px;

	}

	

	.acticle_nr .acticle_body {

		padding-top: 8px;

		line-height: 1.9;

		color: #333;

		font-size: 15px;

	}

	

	.list_art {

		padding: 1% 5%;

		line-height: 1.9;

	}

	

	

	/*列表图片显示多张*/

	

	.imgs_list{

		max-width: 543px;

		margin: auto;

	/*	padding-bottom: 30px*/

	}

	.imgs_list ul li{

		display: table;

		width: 100%;

		margin: 0;

		padding: 0;

		border-radius: 0px; 

		height: auto;

		border-bottom: 1px solid #CFCFCF;

	}

	.imgs_list ul li a h3{

		display: table-row;

		font-size: 14px;

	}

	.imgs_list ul li a{

		display: block;

		border-top: 0px; 

		margin-left: 3%;

	}

	.imgs_list ul li a .imgs{

		display: table-row; 

		text-align: justify;

 

	}

	.imgs_list ul li a .imgs img:first-child{

		margin: 0;

	}

	.imgs_list ul li a .imgs img{

		margin: 0;

		padding: 0;

		width: 31%;

		margin-left: 2%;

		height: auto;

	}

	.acticle_body img{

		max-width:100% !important; 

height: auto !important;

	}

	

	

	

	.w_1020 img{

		max-width:100%!important;

		height: auto !important;

	}

	.notice img{

		max-width:100% !important;

		height: auto !important;

	}

	.list_art img{

		max-width:100% !important;

		height: auto !important;

	}