﻿/*Banner*/

.banner-layout
{
	height:408px;
	}
.banner-layout .banner
{
	position:relative;
	width:880px;
	height:360px;
	margin:0px auto auto auto;
	padding:10px;
	border-bottom:1px solid #C2C2C6;
	background-color:#FFFFFF;
	}
.banner-layout .banner dt
{
	height:417px;
	}
.banner-layout .banner dt a
{
	display:block;
	width:100%;
	height:100%;
	}
.banner-layout .banner .left-btn
{
    position:absolute;
    left:-22px;
    top:176px;
    width:32px;
    height:30px;
    background:url(../images/icon-19.png) no-repeat;
    cursor:pointer;
    } 
.banner-layout .banner .right-btn
{
    position:absolute;
    right:-22px;
    top:176px;
    width:32px;
    height:30px;
    background:url(../images/icon-20.png) no-repeat;
    cursor:pointer;
    } 
.banner-layout .banner .btn
{
    position:absolute;
    right:30px;
    bottom:30px;
    height:16px;
    z-index:1;
    } 
.banner-layout .banner .btn li
{
    float:left;
    display:inline;
    width:16px;
    height:16px;
    line-height:16px;
    margin-left:10px;
    text-align:center;
    cursor:pointer;
    }
    
.main
{
	width:950px;
	}
.panel
{
	width:100%;
	height:236px;
	background:url(../images/icon-10.jpg) left bottom repeat-x;
	}
.panel .left-con
{
	float:left;
	display:inline;
	width:650px;
	padding-top:10px;
	}
.panel .left-con .img-con
{
	float:left;
	display:inline;
	width:216px;
	}
.panel .left-con .img-con .head
{
	float:left;
	display:inline;
	width:190px;
	height:30px;
	line-height:30px;
	padding-left:4px;
	color:#4D4D4D;
	font-size:15px;
	}
.panel .left-con .img-con .head	 a
{
	color:#4D4D4D;
	}	

	
.panel .left-con .img-con .head  a:hover
{
	color:#00BC12;
	text-decoration:underline;
	}	
	
.panel .left-con .img-con .images
{
	float:left;
	display:inline;
	width:180px;
	height:132px;
	padding:5px;
	background:url(../images/icon-15.jpg);
	}
.panel .left-con .img-con .title
{
	float:left;
	display:inline;
	width:190px;
	height:28px;
	line-height:28px;
	padding-left:4px;
	color:#4D4D4D;
	font-size:12px;
	}
	

.panel .left-con .img-con .title	 a
{
	color:#4D4D4D;
	}	

	
.panel .left-con .img-con .title  a:hover
{
	color:#00BC12;
	text-decoration:underline;
	}	
	


.panel .right-con
{
	float:right;
	display:inline;
	width:300px;
	}
.panel .right-con .head
{
	position:relative;
	width:300px;
	height:20px;
	line-height:20px;
	font-size:18px;
	color:#333333;
	}
.panel .right-con .head .more
{
	display:block;
	position:absolute;
	top:5px;
	right:0px;
	width:40px;
	height:14px;
	line-height:12px;
	background:url(../images/icon-16.jpg);
	text-align:center;
	color:#00BC12;
	font-size:12px;
	}
.panel .right-con .news-list
{
	width:280px;
	height:176px;
	margin-top:6px;
	padding:5px 10px;
	background-color:#F2F2F2;
	}
.panel .right-con .news-list li
{
	float:left;
	display:inline;
	width:280px;
	height:22px;
	line-height:22px;
	
	}
.panel .right-con .news-list li a
{
	display:block;
	width:270px;
	height:22px;
	overflow:hidden;
	padding-left:10px;
	background:url(../images/icon-11.jpg) 0px 9px no-repeat;
	color:#333333;
	}
.panel .right-con .news-list li a:hover
{
	color:#00BC12;
	text-decoration:underline;
	}
	
.panel-2
{
	height:204px;
	padding-top:14px;
	}
.panel-2 .map-layout,.panel-2 .app-layout,.panel-2 .partners-layout,.panel-2 .service-layout
{
	float:left;
	display:inline;
	}
.panel-2 .head
{
	width:100%;
	height:30px;
	line-height:30px;
	font-size:16px;
	color:#333333;
	}
.panel-2 .map-layout
{
	width:190px;
	}
.panel-2 .app-layout
{
	width:190px;
	height:204px;
	padding-left:32px;
	background:url(../images/icon-12.jpg) 0px 0px no-repeat;
	}
.panel-2 .partners-layout
{
	width:202px;
	height:204px;
	padding-left:26px;
	background:url(../images/icon-13.jpg) 0px 0px no-repeat;
	}
.panel-2 .app-list,.panel-2 .partners-list
{
	width:100%;
	margin-top:8px;
	}
.panel-2 .app-list li,.panel-2 .partners-list li
{
	float:left;
	display:inline;
	width:100%;
	height:24px;
	line-height:24px;
	color:#333333;
	}
.panel-2 .app-list li a,.panel-2 .partners-list li a
{
	color:#333333;
	}

.panel-2 .app-list li a:hover,.panel-2 .partners-list li a:hover
{
	color:#00BC12;
	text-decoration:underline;
	}
.panel-2 .service-layout
{
	width:300px;
	padding-left:10px;
	}
.panel-2 .service-con
{
	width:206px;
	height:140px;
	margin-top:5px;
	padding-top:10px;
	padding-left:94px;
	background:url(../images/icon-14.jpg);
	}
.panel-2 .service-con p
{
	line-height:22px;
	color:#333333;
	}
	
.product-head
{
	width:950px;
	height:36px;
	margin:10px auto auto auto;
	padding-left:10px;
	font-size:16px;
	color:#13750F;
	}
.product-list
{
	width:950px;
	height:120px;
	padding-top:30px;
	background:url(../images/icon-8.jpg) no-repeat;
	}

#indemo 
{
	float: left;
	width: 800%;
	}
#demo1 
{
	float: left;
	}
#demo2 
{
	float: left;
	}
	
.product-list .list
{
	width:924px;
	height:90px;
	overflow:hidden;
	margin:0px auto auto auto;
	}
.product-list .list li
{
	float:left;
	display:inline;
	width:132px;
	height:90px;
	}
.product-list .list li .img
{
	width:112px;
	height:86px;
	margin:0px auto auto auto;
	padding:4px 5px 0px;
	background:url(../images/icon-9.jpg);
	}
.product-list .list li .img img
{
	width:112px;
	height:80px;
	}

.main-layout
{
    padding-bottom:46px;
    }
.main-layout .main
{
	padding-top:30px;
    }
    
.main-layout .main .head
{
	width:100%;
	height:24px;
    }
.main-layout .main .head span
{
    display:inline-block;
    }
.main-layout .main .head .ch
{
	font-size:20px;
    color:#1A1B1B;
    }
.main-layout .main .head .en
{
	font-style:italic;
	font-size:18px;
    color:#C3C3C3;
    }
    
.main-layout .main .left
{
    float:left;
    display:inline;
    width:220px;
    }
.main-layout .main .left li
{
	float:left;
	display:inline;
	width:220px;
	height:73px;
	margin-bottom:14px;
	}
.main-layout .main .left .head
{
	padding-top:26px;
	}
	
.main-layout .main .center
{
    float:left;
    display:inline;
    width:422px;
    margin-left:34px;
    }
.main-layout .main .center .img
{
	width:422px;
	height:106px;
	margin-top:20px;
	}

.main-layout .main .center .top-news
{
    width:422px;
    height:82px;
    margin:10px auto auto auto;
    }
.main-layout .main .center .top-news .head
{
    height:28px;
    line-height:28px;
    font-size:18px;
    }
.main-layout .main .center .top-news .head a
{
    color:#AB7126;
    }
.main-layout .main .center .top-news .content
{
    height:44px;
    line-height:22px;
    margin:10px auto auto auto;
    font-size:14px;
    color:#B5B3B1;
    }
.main-layout .main .center .top-news .content a
{
    display:inline-block;
    padding-right:10px;
    background:url(../images/icon-16.jpg) right 8px no-repeat;
    color:#AB7126;
    }
    
.main-layout .main .center .news-list
{
    width:422px;
    margin:8px auto auto auto;
    padding-top:5px;
    }
.main-layout .main .center .news-list li
{
    float:left;
    display:inline;
    width:422px;
    height:28px;
    font-size:14px;
    }
.main-layout .main .center .news-list li a
{
    display:block;
    width:416px;
    height:28px;
    line-height:28px;
    padding-left:16px;
    background:url(/images/icon-14.jpg) 0px 13px no-repeat;
    color:#777877;
    }
    
    
.main-layout .main .right
{
    float:right;
    display:inline;
    width:249px;
    }
.main-layout .main .right .product-list
{
     width:249px;
     margin-top:20px;
    }
.main-layout .main .right .product-list li
{
    float:left;
    display:inline;
    width:111px;
    height:111px;
    margin-bottom:10px;
    }
.main-layout .main .right .other
{
    width:249px;
    margin-top:10px;
    font-size:16px;
    color:#AB7126;
    }
.main-layout .main .right .other p
{
	line-height:35px;
	}
.main-layout .main .right .other a
{
    color:#AB7126;
    }
    
.footer-bg
{
	width:1020px;
	height:48px;
	margin:0px auto auto auto;
	background-color:#FFFFFF;
	}  
