@charset "utf-8";
*{margin:0; padding:0; font-family: Arial, Helvetica, sans-serif, "宋体"}
img{border:none}
input,select{vertical-align:middle}
li,ul{list-style:none}
a{cursor:pointer}
.header{width:960px; margin:0 auto; padding:10px 10px 0}
.logo{float:left; margin-right:40px}
.nav{float:left; padding-top:88px}
.nav li{float:left; font-size:14px; font-weight:bold; width:85px; text-align:center; padding-top:6px; list-style:none}
.nav li a{color:#0078a6; text-decoration:none;}
.nav li.current{background:url(../images/bg_navc.gif) no-repeat center; display:block; height:26px}
.nav li.current a{color:#fff}

.pics{clear:both; background:#0093dd; margin-top:10px;}
.pics .wrap{width:960px; margin:0 auto; background: url(../images/bg_banner.gif) no-repeat left top; padding-top:10px}
.pics .sitetitle{ height:56px; background-color:#59b9e9; margin-bottom:10px; margin-left:10px; margin-right:10px; padding:5px 8px 0; position:relative}
.pics .sitetitle div{ color:#fff; font-size:12px; font-family:Helvetica,Georgia,Arial,微软雅黑,宋体; width:485px; line-height:17px;}
.pics .sitetitle h1{ position:absolute; right:5px; bottom:5px; font-size:16px; color:#fff}

.slidepics {padding-bottom:10px; padding-left:10px}
.slidepics .mpic{float:left; padding:10px; background-color:#59b9e9; width:680px}
.slidepics .mpic .pcontent{ height:240px; overflow:hidden; position:relative}
.slidepics .mpic .pcontent div{position:absolute; top:0}
.slidepics .mpic a{display:block; height:240px; width:680px}
.slidepics .lpic{float:left; padding:10px 10px 0; height:250px; background-color:#59b9e9; margin-left:10px; width:210px}
.slidepics .lpic li{list-style:none; height:40px; margin-bottom:10px; background-color:#b5e1f8; vertical-align:bottom; padding-left:12px}
.slidepics .lpic li a{text-decoration:none}
.slidepics .lpic li img{float:left; margin-top:5px}
.slidepics .lpic div{float:left; margin-left:5px; width:130px; overflow:hidden}
.slidepics .lpic li h2{font-size:13px; color:#333; margin-top:5px; white-space:nowrap; overflow:hidden}
.slidepics .lpic em{font-size:11px; padding:0; color:#666; text-align:left; white-space:nowrap; overflow:hidden; margin-top:2px}
.slidepics .lpic li.on{ background:#fff url(../images/ico_nrl.gif) no-repeat 2px center; border:1px solid #3b95c2; height:38px; padding-left:11px}
.slidepics .lpic li.on h2,.slidepics .lpic li.on img{margin-top:4px; color:#0074af}

.container{width:940px; margin:40px auto}
.rqlink{float:right; background:url(../images/gray.gif) no-repeat top; width:220px; min-height:331px; _height:331px;}
.rqlink h2{font-size:12px; color:#999; padding:15px 15px 5px}
.rqlink li{text-align:center; list-style:none; margin-top:10px}
.rqlink .txtlist ul{padding-left:15px}
.rqlink .txtlist li{ text-align: left; font-size:12px; background:url(../images/ico_logo.gif) no-repeat left center; padding-left:22px; margin-top:5px}
.rqlink .txtlist li a{color:#666; text-decoration:none}
.main{margin-right:230px}

.serlist li{float:left; vertical-align:bottom; width:50%; height:135px; margin-bottom:40px; line-height:1.2em; list-style:none; overflow:hidden}
.serlist li img{ float:left; width:55px; height:45px}
.serlist li div{margin:0 30px 0 80px}
.serlist li span{font-size:12px; background:url(../images/ico_link1.gif) no-repeat left center; padding-left:16px}
.serlist li span a{color:#0093dd; text-decoration:underline; vertical-align:top}
.serlist li h2{font-size:14px; margin-bottom:20px; color:#333}
.serlist li p{color:#666; font-size:12px}
.footer{background:#ccc url(../images/bg_footer.gif) no-repeat center top; padding:15px 0; font-size:12px}
.footer .wrap{width:952px; margin:0 auto;padding-right:8px; overflow:hidden}
.footer .content{padding:20px 30px; background-color:#e6e6e6; height:82px;  float:none}
.footer .content a{ text-decoration:none; color:#0093dd}
.footer .content span{padding:0 5px; color:#ccc}
.footer .copyright{float:left; line-height:1.8em; vertical-align:top}

.banner{background:#0093dd url(../images/bg_slidepic.gif) no-repeat center 30px; margin-top:10px; clear:both}
.banner .wrap{width:860px; margin:0 auto; color:#fff; padding:30px 0 40px}
.banner .wrap p{width:500px; padding-top:15px; font-size:14px; line-height:1.5em;}

.location{color:#0093dd; font-size:12px}
.location a{color:#0093dd; text-decoration:none}
.location span{padding:0 5px; font-family:"宋体"}
.location em{font-style:normal}

.content{padding-top:30px; padding-right:60px; float:left}
.content h1{font-size:30px; margin-bottom:10px}
.about p{color:#666; font-size:14px; line-height:1.5em}
.about .ac_layout{color:#666; font-size:14px; line-height:1.5em}
.bussiness {margin-top:20px}	
.bussiness li {list-style:none; margin-bottom:25px}
.bussiness li img{ float:left}
.bussiness li div{ margin-left:70px}
.bussiness li div h2{font-size:14px; color:#333; margin-bottom:15px}
.bussiness li div p{font-size:12px; color:#666; line-height:1.5em; margin-bottom:10px}
.bussiness li span{font-size:12px; background:url(../images/ico_link1.gif) no-repeat left center; padding-left:16px}
.bussiness li span a{color:#0093dd; text-decoration:underline; vertical-align:top}
.contact{font-size:12px; color:#666; line-height:2em; padding-top:10px}
.contact a{color:#0093dd; text-decoration:none}
.case {padding-top:20px}
.case li{border-bottom:1px solid #eee; margin-bottom:40px; padding-bottom:40px}
.case li img{float:right}
.case li .imgsize{width:300px;height:250px;}
.case li div{margin-right:350px}
.case li div h2{font-size:14px; color:#f60}
.case li div p{font-size:12px; color:#666; padding:15px 0; border-bottom:1px dashed #ccc; margin-bottom:10px}
.case li div dd{font-size:12px; color:#666; background:url(../images/ico_link2.gif) no-repeat 10px center; line-height:2.5em; padding-left:35px; *padding-left:0}
.product li { list-style:none; border-bottom:1px solid #eee; padding-bottom:30px; margin-bottom:30px}
.product li .pic{float:right; width:380px}
.product li .pic img{margin:0 10px; padding:4px; border:1px solid #6299c5; background-color:#eff5f9;width:150px;height:100px;}
.product li .context{margin-right:400px}
.product li .context h2{font-size:14px; color:#333}
.product li .context p{font-size:12px; color:#666; padding:20px 0 10px}

* html .clearfix,* html .bussiness li,* html .case li,* html .product li {
	    height: 1%; /* IE5-6 */
	    }
	* + html .clearfix,* + html .bussiness li,* + html .case li,* + html .product li {
		display: inline-block; /* IE7not8 */
		}
	.clearfix:after,.bussiness li:after ,.case li:after ,.product li:after { /* FF, IE8, O, S, etc. */
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    }