body{margin:0px; background:#fff url(bg.jpg) repeat-x; font-size:12px;text-align:center; color:#666666;}
*{font-family:'Microsoft Yahei','微软雅黑';}
input,select{color:#3f4557;}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
table{border-collapse:collapse;}
img{border:0px;}
ul,li{list-style-type:none;}
a{text-decoration:none; color:#666666;}
a:hover{color:#333333;}
.clearbox{float:none;clear:both;width:0px;height:0px;overflow:hidden;}

.top{width:1140px; height:130px; margin:0px auto; text-align:left;}
.top .tag{width:100%; height:30px; line-height:30px; text-align:right;}
.top .tag a{color:#a5a5a5;}
.top .tag a:hover{color:#cccccc;}
.top .tl{float:left; width:960px;}
.logo{float:left; width:240px; padding:25px 0px 0px 0px;}
.menu{float:left; width:700px; padding-left:20px;}
.menu li{float:left;}
.menu .list{width:87px;}
.menu .line{width:2px; height:100px; line-height:100px;}
.menu .list a{display:block; width:100%; height:100px; line-height:100px; text-align:center; font-size:14px; color:#555555;}
.menu .list a:hover{color:#555555; background:#e0e0e0;}
.menu .list div{display:none; width:100%; position:absolute; z-index:99; left:0px; background:#e0e0e0; padding:15px 0px 25px 0px; text-align:left;}
.menu .list ul{width:87px; left:0px; margin:0px auto;}
.menu .list li{float:none;}
.menu .list li a{display:block; color:#555555; width:87px; height:24px; line-height:24px; text-align:left;}
.menu .list li a:hover{color:#333333; background:none;}
.menu .list .cur{background:#e0e0e0;}

.top .tr{float:left; width:180px; padding-top:32px;}
.top .tr .search{width:210px; height:32px; padding:6px 0px 0px 10px; background:url(box.jpg) no-repeat;}
.top .tr .search .txt{float:left; width:140px; padding-left:5px; border:0px; vertical-align:middle; color:#999999; outline:none;}
.top .tr .search .btn{float:left; width:19px; height:19px; border:0px; vertical-align:middle;}

.banner{width:100%; height:660px; overflow:hidden; text-align:left;}

.content{width:1140px; margin:0px auto; text-align:left;}

.l1{float:left; width:780px; padding-top:40px;}
.l2{float:left; width:390px;}
.l2 a{display:block; width:361px; height:255px; overflow:hidden;}
.l2 .font{position:absolute; z-index:2; margin:0px 0px 0px 0px; width:361px; height:150px; padding:105px 0px 0px 0px; text-align:center; background:url(cbg.png) repeat;}
.l2 .font strong{font-size:18px; color:#ffffff; font-weight:normal;}
.l2 .font span{font-size:10px; color:#ffffff;}

.l3{float:left; width:390px;}
.l3{float:left; width:390px;}
.l3 a{display:block; width:361px; height:255px; overflow:hidden;}
.l3 .font{position:absolute; z-index:2; margin:0px 0px 0px 0px; width:361px; height:150px; padding:105px 0px 0px 0px; text-align:center; background:url(cbg.png) repeat;}
.l3 .font strong{font-size:18px; color:#ffffff; font-weight:normal;}
.l3 .font span{font-size:10px; color:#ffffff;}

.l4{float:left; width:360px; padding-top:40px;}
.slide{width:360px; height:255px; margin:0px auto;}
.slide .hd{position:absolute; z-index:101; width:360px; height:255px;}
.slide .hd .prev{float:left; width:35px; height:255px; background:url(prev.png) 10px 110px no-repeat; margin:-255px 0px 0px 0px;}
.slide .hd .next{float:right; width:35px; height:255px; background:url(next.png) 5px 110px no-repeat; margin:-255px 0px 0px 0px;}
.slide .bd{position:relative; width:360px; height:255px; overflow:hidden;}
.slide .bd img{width:360px; height:255px;}

.l5{width:1162px; padding:50px 0px 0px 0px; margin:0px auto;}
.l5 li{float:left; width:166px; text-align:center;}
.l5 li .pro{width:147px; height:317px;}
.l5 li .font{display:none; position:absolute; z-index:9; margin:-317px; width:147px; height:215px; padding:102px 0px 0px 0px; text-align:center; margin:-319px 0px 0px 10px; background:url(cbg2.png) repeat;}
*html .l5 li .font{margin:0px 0px 0px -151px;}
*+html .l5 li .font{margin:0px 0px 0px -151px;}
.l5 li .font .png{clear:both;}
.l5 li .font strong{display:block; width:100%; height:22px; padding-top:20px; font-size:16px; color:#ffffff; font-weight:normal;}
.l5 li .font span{color:#ffffff;}

.l6{float:left; width:780px; padding-top:53px;}

.l7{float:left; width:360px; padding-top:50px;}
.l7 .tt{width:320px; height:48px; line-height:48px; padding:0px 20px 0px 20px; background:#f1f1f1;}
.l7 .tt strong{font-size:16px; color:#705a4d;}
.l7 .tt a{float:right; margin-top:20px;}

.l7 .cont{width:334px; height:340px; background:#f1f1f1; padding:0px 13px 0px 13px;}
.l7 .cont .border{width:330px; height:130px;}
.l7 .cont .border img{width:330px; height:115px;}
.l7 .cont .list{width:330px;}
.l7 .cont .list li{width:310px; line-height:32px; padding:0px 0px 0px 20px; background:url(icon.jpg) 5px 15px no-repeat;}
.l7 .cont .list a{color:#555555;}
.l7 .cont .list a:hover{color:#333333;}
.l7 .cont .list span{float:right; color:#828281;}

.bottom{clear:both; width:100%; margin-top:50px; background:#222222;}
.bottom .nav{width:100%; height:193px; padding:0px; margin:0px auto; border-bottom:1px #3f3f3f solid;}
.bottom .nav ul{display:block; width:1140px; padding:0px; margin:0px auto;}
.bottom .nav li{float:left; padding:35px 46px 0px 0px; text-align:left;}
.bottom .nav strong{display:block; width:100px; height:30px; font-size:12px; color:#ababab;}
.bottom .nav a{margin:0px 13px 0px 0px; font-size:12px;}
.bottom .nav a:hover{color:#999999;}
.bottom .copyright{width:1140px; padding:18px 0px; margin:0px auto; text-align:left; font-size:12px;}
.bottom .copyright span{float:right;}