@charset "utf-8";
/* CSS Document */
* {
	border:none;
	color:#444;
	font-family:Verdana, Arial, SansSerif;
	font-size:13px;
	list-style:none;
	line-height:22px;
	outline:none;
	padding:0;
	margin:0;
	text-decoration:none;
}
.clear {
	clear:both;
}
a:hover {
	text-decoration:underline;
}
h1 {
	font-size:22px;
	margin-bottom:10px;
}
h2, h2 a {
	font-size:20px;
}
h3, h3 a {
	font-size:16px;
}
.more{
	font-weight:bold;
}
.nav li,.pull_left,.logo_li li,.col_list_top li,.col_list_middle li, .f_col_4 li,.list li,  .owl-item,.col_bottom li,.tabs li,.list_box li{
	float:left;
}
.pull_right {
	float:right;
}
.nav,.header_text p,.logo,#content, .f_top, .f_bottom p, .subnav{
	width:1140px;
	margin:0 auto;
}
.header_text p{
	color:#ddd;
	font-size:12px;
}
.header_text{
	padding:2px 0;
	background:#051b7a;
}
.logo_li{
	margin-top:10px;
}
.logo_box{
	background:#f1f1f1 url(../images/bg-header-pattern.jpg) repeat-x left top;
	padding:15px 0;
}
.logo_tel a{background:url(../images/tel.png) no-repeat left center;}
.logo_eml a{background:url(../images/email.png) no-repeat left center;}
.logo_tel a:hover{background:url(../images/tel2.png) no-repeat left center;}
.logo_eml a:hover{background:url(../images/email2.png) no-repeat left center;}
.logo_li span{
	display:block;
	line-height:15px;
}
.logo_li a{
	padding-left:50px;
	margin-left:40px;
	display:block;
	font-size:18px;
}
.banner{
	position:relative;
}
.nav{
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:9;
	background:url(../images/navbg.png) no-repeat center center;
}
.nav li a span,.nav_chat{
	display:block;
	line-height:52px;
	font-weight:bold;
	color:#fff;
	padding:0 40px 0 10px;
	font-size:16px;
}
.nav li a,.nav_chat{
	padding-left:30px;
	display:block;
}
.nav li a.active,.nav li a:hover,.tabs li.active a,.tabs li a:hover {
	text-decoration:none;
	background:url(../images/navliabg.png) no-repeat left center;
}
.nav li a.active span, .nav li a:hover span, .nav_chat,.tabs li a:hover span,.tabs li.active a span{
	background:url(../images/navlibg.png) no-repeat right center;
}
#pull{
	display:none;
}

.subnav{
	position:absolute;
	top:120px;
	left:0;
	right:0;
	z-index:1;
	text-align:center;
}
.subnav h1,.subnav p{
	color:#fff;
}
.subnav p{
	font-size:16px;
	width:820px;
	margin:0 auto;
	line-height:26px;
}


/*--------content------------------*/
#content{
	overflow:hidden;
	margin:70px auto;
}
.col_list_top{
	margin-bottom:70px;
	overflow:hidden;
}
.col_list_middle{
	margin:70px auto;
	overflow:hidden;
}
.col_list_top ul,.col_list_middle ul{
	width:1182px;
	margin-top:50px;
}
.top_text{
	text-align:center;
	width:960px;
	margin:0 auto;
}
.col_list_top li,.col_list_middle li{
	width:350px;
	border:1px solid #ccc;
	margin-right:42px;
	position:relative;
}
.col_list_top li{
	padding-bottom:70px;
}
.col_list_top li .text{
	position:absolute;
	bottom:0;
	padding:40px 40px 20px;
	background:url(../images/col_listbg.png) no-repeat center top;
	text-align:center;
}
.col_list_top li:hover .text,.col_list_middle li:hover .text{
	background:url(../images/col_listbg2.png) no-repeat center top;
}


.col_list_top li .text p{
	height:48px;
	overflow:hidden;
}
.col_list_top li .text h3{
	white-space:nowrap;
	overflow:hidden;
}
.col_list_top .more{
	color:#e57006;
	font-size:15px;
}
.col_list_top h1,.subnav h1,.col_list_middle h1,.col_bottom h1{
	font-size:26px;
	text-transform:uppercase;
	margin-bottom:20px;
}
.col_hot{
	background:#12298c url(../images/hotbg.png) no-repeat right center;
	padding:30px 50px;
}
.col_hot .text{
	width:680px;
}
.col_hot .text p,.col_hot .text h2{
	color:#fff;
}
.col_hot .con_more{
	border:1px solid #fff;
	display:block;
	padding:10px 25px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin-left:130px;
}
.col_list_middle li .text{
	background:none;
text-align:center;
padding:15px 20px;
}
.main-right h3,.main-right p,.about_list .top_text h3{
	margin-bottom:15px;
}
.col_list_middle li p{
	display:none;
	margin-top:8px;
}
.col_list_middle li:hover .text{
	position:absolute;
	bottom:0;
	padding:50px 40px 20px;
}
.col_list_middle li img{
	border-bottom:6px solid #e57006;
}
.col_list_middle li img,.col_list_middle li:hover .text p,.col_top_img{
	display:block;
}
.col_list_middle li:hover{
	padding-bottom:52px;
}
.list li:hover{
	padding-bottom:74px;
}
.main{
	margin-bottom:70px;
	border-bottom:5px solid #ccc;
	padding-bottom:50px;
}
.main-right{
	width:550px;
}
.col_bottom ul{
	width:1200px;
	margin-top:50px;
}
.col_bottom li{
	width:543px;
	margin-right:50px;
	margin-bottom:30px;
	border:1px solid #ccc;
}
.col_bottom .text{
	width:343px;
	height:87px;
	overflow:hidden;
	padding:25px 20px 0;
	margin-bottom:20px;
}
.col_bottom h1 strong{
	font-size:26px;
	color:#e57006;
}

.list{
	margin:0 auto !important;
}
.tabs{
	width:930px;
	margin:0 auto;
}
.tabs li a{
	display:block;
	background:url(../images/tabsliabg.png) no-repeat left top;
	width:130px;
	padding-left:25px;
}
.tabs li a span{
	text-align:center;
	font-size:15px;
	font-weight:bold;
	display:block;
	background:url(../images/tabslibg.png) no-repeat right top;
	padding:4px 25px 4px 0;
}
.tabs .active a span,.tabs  a:hover span{
	color:#fff;
}
.tab-pane{
	display:none;
}
.tab-content .active,.left_top ul .active{
	display:block;
}
.warp_top_text{
	background:#12298c;
	margin-bottom:70px;
}
.warp_left{
	width:777px;
}
.warp_right{
	width:303px;
	padding:50px 30px;
}
.warp_right h1,.warp_right li ,.warp_right strong{
	color:#fff;
}
.warp_right li{
	line-height:36px;
}
/*------------left_content------------*/
.left_content{
	width:780px;
	overflow:hidden;
}
.list2 li{
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
	padding-bottom:30px;
position:relative;
}
.list2 h2{
	margin-bottom:10px;
}
.list2 .text{
	width:410px;
	max-height:120px;
	overflow:hidden;
}
.list2 .more{
	display:block;
	background:#e57006;
	color:#fff;
	width:100px;
	line-height:36px;
	text-align:center;
	position:absolute;
	bottom:30px;
	right:0;
}
.list2_img{
	width:338px;
	margin-right:30px;
	position:relative;
}
.list2_img img{
	display:block;
}
.list2_img span{
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images/col_listbg.png) no-repeat center top;
	width:100%;
	text-align:center;
	padding:25px 0 0;
	font-weight:bold;
}
.list2_img:hover span{
	background:url(../images/col_listbg2.png) no-repeat center top;
	color:#e57006;
}
.topimg,.left_box,.project_top,.form p{
	margin-bottom:30px;
}
.left_content h1{
	font-weight:500;
}
.project_top p,.left_box h3,.form h2{
	margin-bottom:10px;
}
.left_col_1{
	width:370px;
}
.left_col_1 li a{
	display:block;
	padding-left:20px;
	line-height:32px;
	background:url(../images/slide.gif) no-repeat left 10px;
}
.left_col_1 li a:hover{
	background:url(../images/slide2.gif) no-repeat left 10px;
	color:#e57006;
	font-weight:bold;
}
.left_col_p li{
	line-height:32px;
}
.list_box li{
	width:183px;
	margin-right:16px;
}
.list_box ul{
	width:796px;
	margin-top:30px;
}
.left_box table{
	width:100%;
}
.form td {
	padding:10px 0;
}
.form .input-xlarge {
	height:24px;
	width:99%;
	padding:5px;
	background:#f1f1f1;
}
.form select.input-xlarge {
	height:30px;
	width:100%;
}
.form textarea.input-xlarge {
	height:120px;
}
.checkbox {
	display:block;
	float:left;
	margin-right:10px;}
.checkbox input,.radio input{
	vertical-align:middle;
}
.submit input {
	padding:4px 10px;
	background:#e57006;
	color:#fff;
}
label {
	display:inline-block;
	padding-right:20px;
}
/*---------right_sidebar------------*/
.right_sidebar{
	width:300px;
}
.right_sidebar h2 {
	margin-bottom:25px;
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	font-weight:500;
}

.right_list,.search,.right_middle{
	margin-bottom:40px;
}
.right_bottom p{
	margin:20px 0 10px;
}
.search form{
	background:#ddd;
	position:relative;
}
.search .text{
	background:#ddd;
	line-height:32px;
	width:240px;
	padding:3px 20px 3px  10px;
}
.search .submit{
	position:absolute;
	right:10px;
	top:10px;
	background:url(../images/search-icon.gif) no-repeat;
	width:18px;
	height:18px;
}
.right_list ul ul,.right_list p{
	display:none;
}
.right_list li a, .right_list ul.active {
	display:block;
}
.right_list .drop {
	padding:5px 10px 5px 20px;
	font-weight:bold;
	zoom:1;
	background:url(../images/rightbg.jpg) no-repeat 5px 12px;
}
.right_list a.active{
	color:#e57006;
}
.right_list ul ul {
	display:none;
	padding:5px 5px 5px 30px;
}
.right_list li li {
	padding:3px 0;
	list-style-type:square;
}
.right_middle li{
	margin-bottom:30px;
}
.right_middle .text{
	width:200px;
	height:86px;
	overflow:hidden;
}
.right_middle p{
	color:#888;
}
.right_middle h4 a{
	color:#12298c;
}
.right_middle h4 a:hover{
	color:#e57006;
}
.right_bottom .more{
	display:block;
	background:#12298c;
	color:#fff;
	width:120px;
	line-height:36px;
	text-align:center;
}

/*-----------about-------------------*/
.about_main{
	padding-bottom:0 !important;
	border-bottom:none;
}
.about_list{
	margin-bottom:0;
}
.about_list li,.list li{
	position:relative;
	margin-bottom:30px;
}

/*-------------footer----------------*/
#footer{
	background:#091237;
}
.f_top{
	overflow:hidden;
	padding:70px 0 40px;
}
#footer a,#footer p,#footer li,#footer h4,#footer strong{
	color:#aaa;
}
#footer h3,.f_col_1 img{
	margin-bottom:24px;
	text-transform:uppercase;
}
.f_bottom{
	background:#050a1d;
	padding:15px 0;
	text-align:center;
}
.f_col{
	margin-right:40px;
}
.f_col_1{
	width:230px;
}
.f_col_2{
	width:290px;
}
.f_col_3{
	width:240px;
}
.f_col_2 ul.pull_left{
	margin-right:20px;
}
.f_col_4{
	width:260px;
	margin-right:0;
}
.f_col_2  h4{
	margin-bottom:10px;
}
.f_col_2 li{
	list-style-type:square;
	margin-left:15px;
}
.f_col_4 li{
	margin-right:10px;
	margin-bottom:5px;
}
.f_col_4 ul{
	width:270px;
}


.banner{
	width:100%;
	overflow:hidden;
}
/* .banner img{
 width:auto;
 max-width:100%;
 height:auto;
}
*/

.banner img{
margin:0 auto;
display: table-cell;
}

/*banner*/
.carousel-warp h1 a{
	text-transform:uppercase;
	margin-bottom:10px;
	line-height:32px;
	font-size:20px;
}
.banner,.carousel-warp, .item {
	position:relative;
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.banner .post-slider-btn .next, .banner .post-slider-btn .prev {
	height:37px;
	width:37px;
	background:#000;
	color:#fff;
	filter: alpha(opacity=70);
	opacity: 0.7;
	position:absolute;
	top:45%;
}
.banner .post-slider-btn .next{
	right:0;
}
 .banner .post-slider-btn .prev {
	 left:0;
}
.carousel-warp img {
	width:auto;
	max-width:100%;
	height:auto;
	margin:0 auto;
	display:block;
}
.banner .post-slider-btn p{
	display:inline-block;
	background:#313942;
	line-height:37px;
	padding:0 10px;
}
.owl-carousel {
	display: none;
	position: relative;
	-ms-touch-action: pan-y;
}
.owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.banner:hover .post-slider-btn .next, .banner:hover .post-slider-btn .prev {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.banner .item .text{
	width:1140px;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	bottom:50px;
}
.banner .item p{
	font-size:20px;
	line-height:26px;
	width:380px;
	background:#e94609 \9;
	background-color:rgba(233,70,9,0.8);
	padding:20px 30px;
}
.banner a,.banner p{
	color:#fff;
}


 @media all and (max-width:1160px) {
	.header_text p,.logo,#content, .f_top, .f_bottom p, .subnav,.banner .item .text{
		 width:100%;
		 padding-left:15px;
		 padding-right:15px;
	 }
	 .nav ,.col_list_top ul, .col_list_middle ul , .f_top, .f_bottom p, .subnav,.col_bottom ul,.f_col_4 ul,.search .text,.list_box ul{
		 width:100%;
	 }
 .nav,.header_text p,.logo,#content, .f_top, .f_bottom p, .subnav,.col_list_top li,.col_hot ,.col_list_middle li,.col_bottom li,.col_bottom .text,.tabs li a,.search .text,.form .input-xlarge,.warp_right,.banner .item .text,.banner .item p{
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
}
.logo img,.col_list_top img,.col_list_middle img,.main img,.f_col_4 img,.right_sidebar img,.left_content img,.warp_left img{
 width:auto;
 max-width:100%;
 height:auto;
}
.nav{
	background-size:100% 52px;
}
.top_text{
	width:90%;
}
.col_list_top li .text{
	padding:30px 20px 10px;
	background-size:100% 100%;
}
.col_hot{
	background-size:308px 100%;
	padding:30px;
}
.col_hot .text{
	float:none;
	width:auto;
	
}
.col_bottom .text,.list2 .text,.right_middle .text{
	width:auto;
	float:none;
}

.col_bottom .text{
	height:115px;
}
.left_content,.warp_left{
	width:68%;
}
.right_sidebar,.warp_right{
	width:28%;
}
.warp_right{
	padding:30px 10px;
}
.right_middle img{
	margin-right:15px;
}
.right_middle .text{
	height:auto;
	max-height:86px;
}

.f_top{
	padding:40px 15px;
}
#footer h3, .f_col_1 img{
	margin-bottom:10px;
}
.f_col{
	margin-right:0;
}
.f_col_1{
	width:100%;
	margin-bottom:20px;
}
.f_col_2{
	width:34%;
	margin-right:3%;
}
.f_col_3,.f_col_4 {
	width:30%;
}
.f_col_2 ul.pull_left{
	margin-right:25px;
}
.f_col_2 ul.pull_right{
	float:left;
}
.tabs{
	width:780px;
}
.tabs li a{
	width:130px;
}
.tabs li a span{
	font-size:13px;
}

.main-right,.main-left,.col_bottom li,.left_col_1,.left_col_2,.list2_img{
	width:48%;
}
.left_col_p li,.left_col_1 li a{
	line-height:22px;
}
.col_bottom li{
	margin-right:4%;
}
.col_list_top li,.col_list_middle li,.f_col_4 li{
	width:32%;
	margin-right:2%;
}
.list_box li{
	width:23.5%;
	margin-right:2%;
}
.col_list_top li:nth-child(3n),.col_list_middle li:nth-child(3n),.col_bottom li:nth-child(2n),.f_col_4  li:nth-child(3n),.list_box li:nth-child(4){
	margin-right:0;
}
#parameter{
	width:100%;
 overflow-x:auto;
}
.form .input-xlarge{
	width:100%;
	height:34px;
}
.list2_img{
	min-width:260px;
}
}
 @media all and (max-width:916px){
	 .nav li a span,.nav_chat{
		 padding:0 30px 0 0;
		 font-size:14px;
	 }
	 .nav_chat{
		 padding-left:10px;
	 }
	 .main-left{
		 margin-right:20px;
		 margin-bottom:10px;
	 }
	 .main-right{
		 float:none;
		 width:100%;
	 }
	 .warp_left{
		 width:55%;
		 
	 }
	 .warp_right{
		 width:45%;
		 padding:20px 10px;
	 }
	 .warp_right li{
		 display:inline-block;
		 margin-right:20px;
		 line-height:24px;
	 }
	 .warp_right h1{
		 font-size:16px;
		 margin-bottom:0;
	 }
.f_col_2{
	width:40%;
	margin-right:2%;
}
.f_col_3,.f_col_4 {
	width:28%;
}
.tabs,.subnav p{
	width:720px;
}
.tabs li a{
	width:120px;
}
.tabs li a span{
	font-size:12px;
}	 
	 .col_list_top,.main,.warp_top_text{
		 margin-bottom:50px;
	 }
	 .col_list_middle,#content{
		 margin:50px auto;
	 }
	 .col_list_top ul, .col_list_middle ul,.col_bottom ul{
		 margin-top:30px;
	 }
	 .main{
		 padding-bottom:30px;
	 }
body{
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
.banner .item .text{
	bottom:10px;
}
.banner .item p{
	padding:10px 15px;
	font-size:16px;
}
}
 
 @media all and (max-width:767px){
.nav li a.active span, .nav li a:hover span,  .nav li a.active,.nav li a:hover{
		 background:none;
		 color:#ff9933;
}
	 .nav li{
		 width:100%;
		 border-bottom:1px solid #7280c0;
		 background:#1f3cb7;
	 }
	 .nav ul{
		 display:none;
	 }
	 .nav{
		 background:#12298c;
		 position:relative;
	 }
	 .nav li a span{
		 line-height:36px;
	 }
	 .nav_chat {
		 float:none;
		 display:inline-block;
		 padding:0 50px 0 30px;
	 }
	 #pull{
		 display:block;
		 background:url(../images/pull.jpg) no-repeat ;
		 width:32px;
		 height:28px;
		 text-indent:-9999px;
		 margin:12px 15px 0 0;
	 }
	 .col_hot .con_more{
		 padding:10px;
		 margin-left:30px;
	 }
	 .col_bottom li{
		 width:100%;
		 margin-right:0;
	 }
	 
	 .left_content,
.right_sidebar{
	width:100%;
}
.right_bottom > a{
	float:left;
	margin-right:20px;
}
/*	 .warp_right{
		 width:100%;
	 }
*/
.content{
	position:relative;
	padding-top:60px;
}
.right_list{
	position:absolute;
	top:0;
	left:15px;
	right:15px;
	background:#fff;
}
.right_list ul{
	display:none;
	border-bottom:1px solid #ccc;
}
.right_list >ul{
	border-bottom:3px solid #ccc;
	padding-bottom:10px;
	margin-bottom:20px;
}
.right_list h2{
	padding-bottom:5px;
}
.right_list p{
	display:block;
	float:right;
	width:78px;
	height:27px;
	text-indent:-999px;
	background:url(../images/menu1.png) no-repeat;
}
.f_col{
	margin-right:0;
	margin-bottom:20px;
}.f_col_2,
.f_col_3,.f_col_4 {
	width:100%;
}
.f_col_2 ul.pull_left,
.f_col_2 ul.pull_right{
	float:none;
}
.f_col_2 li{
	display:inline-block;
	margin-right:20px;
	margin-left:0;
}
.f_col_2 h4{
	clear:both;
	margin-bottom:0;
}
.f_col_4 li,.f_col_4 li:nth-child(3n){
	margin-right:10px;
	width:auto;
		display:inline-block;
		float:none;
}
.tabs,.subnav p{
	text-align:center;
	width:100%;
}
.tabs li{
	width:33%;
	margin:0 0 10px;
}
.tabs li a{
	width:100%;
	max-width:166px;
	margin:0 auto;
}
 
}
 @media all and (max-width:669px){
.logo_li a{
		padding-left:30px;
	margin-left:20px;
	font-size:14px;

}
.logo_li a,.logo_li a:hover{
	background-size:20px auto;
}
.logo_li span{
	display:inline-block;
	margin-right:10px;
}
.logo_li li{
	float:none;
	
}
.col_list_middle{
	text-align:center;
}
.col_list_top li,.col_list_top li:nth-child(3n),.col_list_middle li ,.col_list_middle li:nth-child(3n){
	width:100%;
	max-width:352px;
	margin:0 auto 15px;
	float:none;
}
.col_hot .text p{
	width:100%;
}


	 .col_list_top,.about_main,.right_middle li,.right_list, .search, .right_middle,.warp_top_text{
		 margin-bottom:20px;
	 }
	 .col_list_middle,#content{
		 margin:30px auto 20px;
	 }
	 .col_list_top ul, .col_list_middle ul{
		 margin-top:15px;
	 }
.main{
	padding-bottom:15px;
}

	 .warp_left{
		 width:85%;
		 
	 }
	 .warp_right{
		 width:100%;
	 }
h2,h2 a{
	font-size:15px;
}

h3,h3 a{
	font-size:14px;
}
.banner .item .text{
	bottom:0;
	padding:0;
}
.banner .item p{
	width:100%;
	background:rgba(229,112,6,0.8);
}
 }
   @media all and (max-width:547px){
	   .list_box ul{
		   max-width:380px;
		   margin:10px auto 0;
	   }
	   .list_box li{
		   width:49%;
	   }
	   .list_box li:nth-child(2){
		   margin-right:0;
	   }
	   .list_box li:nth-child(3){
		   clear:both;
	   }
	  .logo_img {
		  width:96px;
	  }
	  .logo_li{
		  width:100%;
	 display:none;
	 }
	  #logo_pull{
		  margin-top:15px;
		  width:22px;
		  height:20px;
		  background:url(../images/logopull.png) no-repeat left top;
	  }
	  .col_hot{
		  background-size:50% 100%;
		  padding:15px 10px;
		  text-align:center;
	  }
	  .col_hot .con_more{
		  margin:0 0 10px;
		  float:none;
		  display:inline-block;
	  }
	  .f_top,.left_col_1,.left_col_2,.left_box,.form,.project_top,.warp_right,.list2 .text{
		  text-align:center;
	  }
.tabs li{
	width:50%;
}
.left_col_1,.left_col_2,.warp_left{
	width:100%;
}
.left_col_2 {
	margin-bottom:10px;
}
.right_bottom > a{
	width:50%;
}

.form td{
	padding:5px 0;
}
label{
	padding-right:5px;
}
.subnav {
	top:90px;
}
.subnav p,.banner .item p{
	line-height:22px;
	font-size:14px;
}
.list2_img{
	float:none;
	width:100%;
	max-width:338px;
	display:block;
	margin:0 auto;
}
.list2 .more{
	position:relative;
	bottom:0;
	margin:10px auto 0;
	
}
.list2_img span{
	padding:20px 0 15px;
}
.banner .item .text{
	position:relative;
}
  }
  
 .gctup{ margin-top:30px;}
 .gctup ul li{ float:left; width:20%; margin:0; margin:15px 10px;}
 
 #cp_konw{ float:left; width:100%;}
 #cp_konw li{ float:left; width:20%; margin:5px 10px; border:0;}
 
 #cp_conts{ float:left; width:100%; margin-top:100px;}
 #cp_conts p{ margin-top:15px;}
 
 #chpin{ float:left; width:90%; margin:15px 0;}
 #chpin img{ float:left; width:140px; margin-right:15px;}
 
 #g_knows{ float:left; width:100%;}
 #g_knows li{ float:left; width:20%; margin:5px 5px; list-style:none;}