body
{
	margin:0px;
	padding:0px;
	background:url(../images/centerbg.png) repeat-x 0 450px;
}
body.inbg{background-position:0 95px}
*
{
	margin:0px;
	padding:0px;
}
a
{
	text-decoration:none;
	outline:none;
}
#main
{
	width:100%;
	float:left;
	/*background:url(../images/headerbg.png) repeat-x;
	height:28px;*/
}
#wrap
{
	width:950px;
	margin:0 auto;
}
#wrap-sup
{width:950px;
float:left;
}
#head
{
	width:950px;
	float:left;
	
}
#head h1
{
	width: 223px;
	height: 76px;
	float: left;
	margin: 25px 0 0 0;
	font-family: 黑体;
	color: #66CCFF;
}
#head h1 a.logo
{
	width:223px;
		height:76px;
		float:left;
}
	
ul#menu
{
	width:530px;
	float: right;
	margin:29px 0 0 0;
}
ul#menu li
{
	width:auto;
	float:left;
	list-style:none;
	margin-left:5px;
	
}
ul#menu li a, ul#menu li a.active
{width:auto;
	float:left;
	font-family:黑体;
	font-size:16px;
	color:#7d7c7c;
	padding:0px 16px 0 0;
	line-height:30px;
	text-transform:uppercase
}
ul#menu li a span, ul#menu li a.active span
{
	float:left;
	height:40px;
	padding:0 5px 0 20px;
}
ul#menu li a:hover, ul#menu li a.active
{
	background: url(../images/rhtmenu.png) no-repeat right 0;
	color:#fff;
}
ul#menu li a:hover span, ul#menu li a.active span
{
	background: url(../images/leftmenu.png) no-repeat;
}
#bannertop
{
	width:997px;
	float:left;
	height:365px;
	background:url(../images/banner.png) no-repeat;
	margin:54px 0 0 0;
	position: relative;
	left:-25px;
	
	
	
}
.banner
{
	width:997px;
	float:left;
	height:400px;
	
	
}
.banner h2
{
	width:430px;
	float:right;
	margin:30px 0 0 0;
	font-size:48px;
	font-weight:normal;
	color:#77b0d4;
	padding-right:20px;
}
.banner h2 span
{
	font-size:29px;
	color:#787575;
}
.banner h2 img
{
	width:auto;
	float:left;
}
.banner a.more
{
	width:82px;
	height:39px;
	float:left;
	font-size:17px;
	margin-left:50px;
	margin-top:260px;
	background:url(../images/more.png) no-repeat;
	color:#fff;
	text-align:center;
	line-height:32px
}
#center
{width:100%;
float:left;
}
#center-main
{
	width:950px;
	margin:0 auto;
}
#center-sup
{
	width:950px;
	float:left;
}
#center-sup p.para
{
	width:929px;
	float:left;
	margin:30px 0 0 0;
	font-size:29px;
	color:#a7a2a2;
	line-height:39px;
}
#center-sup p.para img
{
	width:auto;
}
#centermid
{
	width:950px;
	float:left;
	margin:-20px 0 0 0;
	
}
#centermid img.mid1
{
	width:218px;
	float:left;
	height:50px;
}
#roller
{
    width:600px;
    height:300px;
    overflow:hidden;
    margin:40px 195px 10px 155px;
    clear:left;
}
#inroller
{
    width:1300%;
    float:left;
}
#roll1
{
    float:left;
}
#inroller a img
{
    border-style:none;
}
#inroller a
{
    display:block;
    float:left;
}
#roll2
{
    float:left;
}
ul.nav
{
    width:600px;
    height:1em;
    float:right;
    margin:0 175px;
    list-style:none;
}
ul.nav li
{
    width:1em;
    height:1em;
    margin:0 0.1em;
    background-color:#aaa;
    float:right;
    text-align:center;
}
ul.nav li:hover
{
    cursor:pointer;
}
ul.list
{width:950px;
float:left;
margin:40px 0px 0 0;
clear:left;

}
ul.list li.nomargin
{
	margin-right:0px;
}
ul.list li
{
	width:286px;
	
	float:left;
	list-style:none;
	margin-right:45px;
}
ul.list li p
{
	width:286px;
	float:left;
	padding-bottom:8px;
	font-size:14px;
	color:#4d4d4d;
	line-height:16px;
	border:#a4a4a4 solid 1px;
}
ul.list li p span
{
    padding-left:7px;
    font-size:14px;
	color:#4d4d4d;
	line-height:16px;
}
ul.list li p img.mid
{
	padding-bottom:12px;
	height:220px;
	width:271px;
	margin:5px 0 0 7px;
}
ul.list li p a
{
	margin:31px 0 0 250px;
	color:#2b8ecd;
}
	
#centerbtm
{
	width:950px;
	float:left;
	margin-top:50px;
	border-top: #d5d5d5 solid 1px;
	
}
#centerbtm.margin
{margin:30px 0 0 0;
border:none;
}
#centerbtmlft
{
	width:424px;
	float:left;
	margin:0 0  0 30px;
	padding-bottom:35px;
	border-right:#d5d5d5 solid 1px;
}
ul#projtlist
{
	width:600px;
	float:left;
	margin:20px 0 0 0;
}
ul#projtlist li
{
	width:600px;
	float:left;
	list-style:none;
	
}
ul#projtlist li a
{
	width:auto;
	float:left;
	font-size:12px;
	color:#605d5d;
	line-height:36px;
	border-bottom:#999 solid 1px;
}
ul#projtlist li a:hover
{
	
	color:#3079a7;
	
}

#centerbtmlft.width
{
	width:640px;
}
#centerbtmlft.single
{
    border-right-style: none;
}
#centerbtm h3
{
	width:100%;
	float:left;
	font-size:28px;
	color:#4d4d4d;
	font-weight:normal;
	
}
#centerbtm h3.mar
{
	margin:30px 0 0 0;
}
#centerbtm h3 span
{
	color:#4cadeb;
}
.title
{
    color:#4cadeb;
    font-size:larger;
    font-family:黑体;
    display:block;
}
#centerbtmlft p
{
	width:404px;
	float:left;
	margin:28px 0 0 0;
	font-size:14px;
	color:#111;
	line-height:24px;
}
#centerbtmlft p.abtpara
{
	width:600px;
	margin:14px 0 0 0;
}
#centerbtmlft p.abtparaL
{
    width: 890px;
    float: left;
    margin: 28px 0 0 0;
    font-size: 14px;
    color: #111;
    line-height: 24px;
    font-size: 18px;
}
span.contact
{
    font-size:x-large;
}
span.btmcontact
{
    font-size:large;
    color:#f0f0f0;
}
#centerbtmlft img.abt
{
	width:auto;
	float:left;
	margin:20px 0 0 0;
}
#centerbtmlft img.ser
{
	width:180px;
	height:120px;
	float:left;
	margin:0px 10px 0 0;
}
#centerbtmlft a.moreinfo
{
	width:100%;
	float:left;
	font-size:12px;
	color:#77b0d4;
	margin:20px 0 0 0;
}
#centerbtmmid
{
	width:443px;
	float:left;
	margin:0 0 0 23px;
	padding-bottom:45px;
}	
#centerbtmmid p.para1
{
	width:100%;
	float:left;
	font-size:14px;
	margin-top:28px;
	color:#4cadeb;
}
ul.btmlist
{
	width:100%;
	float:left;
	margin:28px 0 0 0;
	font-size:18px;
}
ul.btmlist li
{
	width:100%;
	float:left;
	font-size:24px;
	color:#111;
	line-height:36px;
	list-style:none;
}

ul.btmlist li a
{
	width:auto;
	float:left;
	font-size:14px;
	color:#000;
	line-height:32px;
}
ul.btmlist li a:hover
{
	color:#00f;
}
#centerbtmrht
{
	width:242px;
	float:left;
	margin:0 0 0 27px;	
}
#centerbtmrht.contact
{
	width:180px;
}
#centerbtmrht p
{
	width:100%;
	float:left;
	font-size:14px;
	color:#000;
	margin:30px 0 0 0;
}
#centerbtmrht p.para
{
    font-size:larger;
     color:#111;
}
#news
{
	width:242px;
	float:left;
}
ul#list3
{
	width:188px;
	float:left;
	margin:28px 0 0 0;
}
ul#list3 li
{
	width:188px;
	float:left;
	list-style:none;
}
ul#list3 li h5
{
	width:100%;
	float:left;
	font-size:11px;
	color:#323232;
	font-variant:normal;
}
ul#list3 li h5.martop
{
	margin-top:12px;
}
ul#list3 li h5 a
{color:#323232;
}
ul#list3 li p.para4
	{
		width:100%;
	float:left;
	font-size:11px;
	color:#8e8e8e;
	margin:13px 0 0 0;
	
}
#bottomtext
{
	width:100%;
	float:left;
	margin-top:58px;
	background:url(../images/btmbg.png) repeat-x;
}
#bottomtext-main
{
	width:997px;
	margin:0 auto;
}
#bottomtext-sup
{
	width:950px;
	float:left;
}
#bottomtext-suplft
{width:630px;
float:left;
margin:25px 0 0 0;
}
#bottomtext-suplft.conwidth
{width:500px;
margin-right:130px;
}
#bottomtext-suplft input
{
	width:300px;
	float:left;
	margin:15px 0 0 0;
	border:#b5ddf7 solid 1px;
	height:27px;
	background:none;
}
#bottomtext-suplft .text
{
	width:500px;
	float:left;
	height:100px;
	border:#b5ddf7 solid 1px;
	margin:15px 0 0 0;
	background:none;
}
#bottomtext-suplft .btn
{
	width:100px;
	height:23px;
	float:right;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	margin:20px 0 0 0px;
	cursor:pointer;
	background:#60b6ed;
	border:none;
	
}
#bottomtext-suplft a.pjtmore
{
	width:100%;
	float:left;
	font-size:12px;
	color:#77b3d9;
	margin:30px 0 0 0;
}
#bottomtext-suplft img.pjt
{
	margin:10px 20px 0 0;
	float:left;
}
#bottomtext-suplft p.abtpara
{
	width:550px;
	float:left;
	font-size:12px;
	color:#fff;
	margin:30px 0 0 0;
	line-height:24px;
}
#bottomtext-sup h3
{
	width:100%;
	float:left;
	font-size:28px;
	color:#ffffff;
	font-weight:normal;
}
#bottomtext-suplft p.para2
{
	width:190px;
	float:left;
	margin:85px 0 0 15px;
	font-size:28px;
	color:#ffffff;
	
	
}
#bottomtext-suplft p.para2 span
{
	color:#77b0d4;
}
#bottomtext-suplft p.para2 img
{
	width:auto;
	
}

	
#bottomtext-sup h3 span
{
	color:#6fc0f3;
}
ul#imges
{
	width:386px;
	float:left;
	margin:30px 0 0 0;
	background:url(../images/curly.png) no-repeat 346px 15px;
}
ul#imges.serwidth
{
	width:600px;
	background:none;
}
ul#imges li
{
	width:auto;
	float:left;
	list-style:none;
	margin-right:22px;
	padding-bottom:25px;
}
ul#imges li.nomar
{
	margin-right:0px;
}
ul#imges li a
{width:auto;
float:left;
}
ul#imges li a img
{
	width:auto;
	float:left;
	border:none;
}
#bottomtext-suplft h5
{
	width:596px;
	height:78px;
	float:left;
	margin:63px 0 0 0;
	font-size:23px;
	background:url(../images/btmimg.png) no-repeat;
	padding-top:14px;
	padding-left:28px;
	color:#ffffff;
	font-weight:normal;
	text-shadow:#698da3 0.1em 0.1em 0.1em ;
}
#bottomtext-suplft h5 span
{
	width:413px;
	font-size:12px;
}
#bottomtext-suprht
{
	width:318px;
	float:left;
	margin:45px 0 0 0;
}
#bottomtext-suprht a.help
{
	width:117px;
	height:48px;
	float:left;
	margin:20px 0 0px 0;
	background:url(../images/help.png) no-repeat;
	font-size:12px;
	line-height:44px;
	color:#fff;
	padding:0px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	
}
#bottomtext-suprht a.help:active{
	background-position:2px -48px; text-indent:3px; line-height:46px}
#bottomtext-suprht p.abtpararht
{
	width:297px;
	float:left;
	margin:30px 0 0 0;
	font-size:26px;
	color:#bebdbd;
}
	
#bottomtext-suprht p.para3
{
	width:297px;
	float:left;
	margin:30px 0 0 0;
	font-size:12px;
	color:#fefefe;
	
}
#bottomtext-suprht h5
{
	width:76px;
	float:right;
	margin:10px 0 0 0;
	font-size:12px;
	color:#a1dbff;
}
#bottomtext-suprht a.btmore
{
	width:100%;
	float:left;
	font-size:12px;
	color:#a1dbff;
	margin:15px 0 0 0;
}
#bottomtext-suprht img
{
	width:auto;
	float: right;
	margin-top:60px;
}
#footer
{
	width:950px;
	float:left;
	margin-top:22px;
	border-top:#6b8697 solid 1px;
	padding-bottom:20px;
}
ul#nav
{
	width:100%;
	float:left;
	margin:25px 0 0 0;
}
ul#nav li
{
	width:auto;
	float:left;
	list-style:none;
}
ul#nav li.space
{
	width:auto;
	float:left;
	padding:0 4px;
	font-size:12px;
	color:#fff;
	
}
ul#nav li a
{
	width:auto;
	float:left;
	font-size:12px;
	font-style:italic;
	color:#fff;
}
#footer p
{
	width:100%;
	float:left;
	margin:12px 0 0 0;
	font-size:12px;
	color:#ffffff;
}
#footer p a.tem
{
	color:#7fcbfb;
	font-weight:bold;
}
#container{	
margin:0px;
display:block;
position:relative;
top:0px;
left:0px;
text-align:left;

	width:947px;
	height:400px;
padding:0 0px 0 0px;
margin:0px;
float:left;
border:0px;
}
#slider{
	width:947px;
	height:400px;
	 margin:0 0 0 25px;
		padding:0 0px 0 0px; display:block}	
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
float:left;
width:947px;
	height:400px;}
#slider ul li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 

	width:947px;
	height:400px;
overflow:hidden;
outline:0px;
border:0px;
}	
#prevBtn, #nextBtn{ 
display:block;
width:31px;
height:26px;
position:absolute;
left:130px;
top:-10px;
}	
#nextBtn{ 
left:590px;
}														
#prevBtn a, #nextBtn a{  
display:block;
width:16px;
height:17px;
position:absolute;
z-index:10; 
left:720px;
top:280px;
text-indent:-9999px;
background: url(../images/prev.png)  no-repeat;
}	
#nextBtn a{ 
background:url(../images/next.png)  no-repeat;
left:300px;
}												
									
	
/* // Easy Slider */
ul.banner
{
	width:954px;
	height:428px;
	float:left;
	background:url(../images/banner.png) no-repeat;
}

.scroll-pane {
	width: 188px;
	height: 220px;
	overflow: auto;
	float: left;
}

.icp {
  display:block;
  margin:0 auto;
  text-align:center;
  color:#fff;
}