@charset "utf-8";
body {font-size:12px;font-family:Arial, Helvetica, sans-serif;background:#4d82af;}
* {margin:0;padding:0;}
li {list-style:none;}
img {border:0;}
.clear {clear:both;}
.mtop10 {margin-top:10px;}
a {color:#666; text-decoration:none;}
a:hover {color:#ff0000; text-decoration:underline;}
.clearh {clear:both;height:10px;}
.mbgtop {width:100%;height:148px;background:url(topbg.jpg) repeat-x 0 top;}
.header {width:980px;margin:0 auto;height:118px;}
.top {width:980px;line-height:25px;text-align:right;color:#fff;margin:0 auto;padding-top:5px;}
.top a{padding-left:5px;color:#fff;}
.top a.cna{padding-left:21px;background:url(cn.jpg) no-repeat 0 center;padding-right:10px;}
.top a.ena{padding-left:21px;background:url(en.jpg) no-repeat 0 center;padding-right:10px;}
.top a.eml{padding-left:21px;background:url(email.png) no-repeat 0 center;} 
.top a:hover{color:#c00;}
.logo {width:400px;height:65px;float:left;}
.tss {float:right;padding-top:10px;width:260px;}
.ttext {float:left;width:193px;height:27px;border:none;background:#000;line-height:27px;padding-left:5px;color:#fff;}
.tbut {float:left;width:57px;height:27px;border:none;background:url(ss.png) no-repeat right 0;margin-left:5px;color:#fff;cursor:pointer;}
.nav {width:980px;float:left;height:25px;padding-top:10px;}
.nav li{float:left;height:32px;line-height:32px;width:120px;text-align:center;/*padding-left:40px;padding-right:40px;*/background:url(navli.jpg) no-repeat left center;}
.nav li a{color:#000;font-size:14px;font-weight:bold;}
.nav li.navon,.nav li:hover {background:url(navon.jpg) no-repeat center center;}
.nav li a:hover,.nav li.navon a,.nav li:hover a {color:#fff;}
.banner {width:100%;height:375px;margin:0 auto;text-align:center;background:url(banner.jpg) no-repeat center 0;}
.banner-en {width:100%;height:375px;margin:0 auto;text-align:center;background:url(banner-en.jpg) no-repeat center 0;}
.main,.list {width:980px;margin:40px auto 0;overflow:hidden;}
.mboxa {width:330px;float:left;height:190px;background:#fff url(boxbg.jpg) no-repeat right 0;}
.mboxat {width:306px;float:left;height:54px;background:#ededed;line-height:54px;}
.mboxata {background:#ededed url(boxbga.jpg) no-repeat left 0;}
.mboxat b {font-size:16px;color:#555;font-family:"微软雅黑";padding-left:15px;}
.mboxata b {padding-left:25px;}
.mboxam {width:300px;float:left;height:115px;line-height:22px;color:#333;padding-left:10px;padding-top:10px;}
.mboxb {width:320px;background-image:none;}
.mboxb .mboxata{width:318px;}
.mboxc {width:660px;}
.mboxc .mboxat{width:636px;}
.mboxc .mboxam{width:425px;padding-left:200px;background:url(bg01.jpg) no-repeat 10px 10px;}
.maina .mboxa {height:250px;}
.maina .mboxam {height:180px;}

.main_pro{ width:auto;height:54px;background:#ededed;line-height:54px;}
.main_pro b {font-size:16px;color:#555;font-family:"微软雅黑";padding-left:15px;}
#demo { background:#FFF; overflow:hidden; width:auto; height:auto;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}

.mboxul {width:auto; height:215px; overflow:hidden;}   
.mboxul li{width:240px;height:200px; padding:5px; float:left; overflow:hidden; }
.mboxul li img{width:230px; height:160px; border:1px solid #ccc; padding:2px;}
.mboxul li img:hover{ border:1px solid #ff0000;}
.mboxul li h2{ width:230px; height:40px; margin:auto; text-align:center; line-height:40px; }
.mboxul li h2 a{font-size:14px;color:#4d82af;}
.mboxul li h2 a:hover{color:#c00;}

.listulp li{width:250px;height:200px; margin-bottom:15px;float:left;margin-right:25px; border-bottom:1px solid #eee;}
.listulp li img{width:230px; height:166px;}
.listulp li h2{width:250px;height:40px; text-align:center; border-bottom:1px solid #eee;line-height:40px;}
.listulp li h2 a{font-size:14px; color:#4d82af;}
.listulp li h2 a:hover{color:#c00;}

.footer {width:100%;height:57px;background:url(fbg.jpg) repeat-x 0 0;margin-top:20px;}
.copy {width:980px;line-height:57px;margin:0 auto;text-align:right;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:14px;}
.copy span{float:left;}
.list {background:#fff url(boxbg.jpg) no-repeat 220px 0;}
.lista {width:220px;padding-right:24px;float:left;}
.lista .mboxat{width:220px;}
.mboxaul {width:100%;padding:10px 0;float:left;}
.mboxaul li {width:85%;line-height:25px;margin:0 auto;border-bottom:1px dotted #ddd;}
.mboxaul li a,.listuln li a {padding-left:10px;background:url(ico02.jpg) no-repeat 0 center; font-size:14px}
.listb {width:735px;float:left;}
.listb .mboxata {width:735px;}
.listb .mboxata span{float:right;padding-right:10px;}
.listtext {width:95%;margin:10px auto;line-height:25px;color:#555;}
.listtext p {padding-bottom:10px;}
.listuln,.listulp {width:95%;margin:10px auto;}
.listuln li{width:100%;line-height:25px;border-bottom:1px dotted #ddd;text-align:right;color:#999;}
.listuln li span {float:left;}
.listulp li {background:#eee;margin:0 12px 10px 0;width:220px;overflow:hidden;}
.listulp li h2{width:205px;}
.listulp li h3{width:210px;float:none;margin:0 auto;}
.listulp li h3 img{width:210px;}

.viewbox{width:100%;overflow:hidden;padding-bottom:8px;float:left;}
.viewbox .title{height:56px;line-height:56px;text-align:center;overflow:hidden;padding-top:10px;border-bottom:1px solid #ddd;}
.viewbox .title h2{font-size:24px;color:#555;}
.viewbox .info{height:25px;line-height:25px;text-align:center;overflow:hidden;color:#777;padding-top:5px;}
.viewbox .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.viewbox .info a{color:#690;}
.viewbox .content{font-size:14px;line-height:25px;color:#555;padding:12px 16px;}
.viewbox .content_pic {color:#555;}
.viewbox .content img{ max-width:620px;_width:expression(document.body.clientWidth > 600 ? "600px" : "auto"); display:block; margin:0 auto; height:auto;}
.viewbox .context ul li{line-height:29px;color:#888;}
.pages {float:left;width:100%;padding-top:10px;color:#555;text-align:center;}

.contact{background:url(contact-bg.jpg) left top no-repeat;}