﻿.clear { clear: both; }
.top15 { margin-top: 15px; }
.top10 { margin-top: 10px; }
.top8 { margin-top: 8px; }
.top30 { margin-top: 30px; }
.fl { float: left; }
.fr { float: right; }
a{ color:#666;}
body { font-size: 12px; font-family: 微软雅黑; color: #333; background: url(../images/body_bg.gif) center -584px repeat; }
.wrapper { width: 100%; background: url(../images/top_bg.gif) repeat-x; }
.top { width: 1000px; margin: 0px auto; height: 130px; }
.logo { float: left; margin: 34px 0px 0px 0px; }
.nav { width: 1000px; margin: 0px auto; background: #fff; padding-top: 5px; z-index: 1000; }
.navL { width: 647px; float: left; margin-top: 6px; }
.navL li { float: left; }
.navL li a { float: left; height: 43px; line-height: 54px; overflow: hidden; text-align: center; color: #fff; font-size: 15px; }
.nav_01 a { width: 80px; background: url(../images/nav_01.gif) no-repeat; }
.nav_02 a { width: 80px; background: url(../images/nav_02.gif) no-repeat; }
.navL li.nav_02,.navL li.nav_06 { position: relative; z-index:1000; }
.navLay_02 { position: absolute; left: 0px; top: 43px; display:none; float:left; }
.nav_02 .navLay_02 a{ background:none; height:30px; line-height:30px; }
.nav_02 .navLay_02 a:hover{ background:none; }
.navLay_02 .subNav { float: left; background: #3f3e3e; padding:5px 3px; }
.navLay_02 .layIco { float: left; margin-left: 25px; }
.subNav a { float: left; margin: 0px 10px; font-size: 14px; }
.subNav a:hover {text-decoration:underline;color:#fff; }


.navLay_06 { position: absolute; left:0px; top: 43px; display:none; }
.nav_06 .navLay_06 a{ background:none; height:30px; line-height:30px; float:left; width:auto; }
.nav_06 .navLay_06 a:hover{ background:none; }
.navLay_06 .subNav {  padding:5px 3px; float: left; background: #3f3e3e; width:160px; }
.navLay_06 .layIco { float: left; margin-left: 25px; }

.nav_03 a { width: 80px; background: url(../images/nav_03.gif) no-repeat; }
.nav_04 a { width: 80px; background: url(../images/nav_04.gif) no-repeat; }
.nav_05 a { width: 80px; background: url(../images/nav_05.gif) no-repeat; }
.nav_06 a { width: 80px; background: url(../images/nav_06.gif) no-repeat; }
.nav_07 a { width: 80px; background: url(../images/nav_07.gif) no-repeat; }
.nav_08 a { width: 87px; background: url(../images/nav_08.gif) no-repeat; }

.nav_01 a:hover { background: url(../images/navH_01.gif) no-repeat; }
.nav_02 a:hover { background: url(../images/navH_02.gif) no-repeat; }
.nav_03 a:hover { background: url(../images/navH_03.gif) no-repeat; }
.nav_04 a:hover { background: url(../images/navH_04.gif) no-repeat; }
.nav_05 a:hover { background: url(../images/navH_05.gif) no-repeat; }
.nav_06 a:hover { background: url(../images/navH_06.gif) no-repeat; }
.nav_07 a:hover { background: url(../images/navH_07.gif) no-repeat; }
.nav_08 a:hover { background: url(../images/navH_08.gif) no-repeat; }

.navR { width: 353px; height: 49px; background: url(../images/navR_bg.gif) no-repeat; float: left; }
.nav_tel { width: 135px; height: 25px; float: left; margin: 18px 0px 0px 14px; }
.nav_tel:hover { background: url(../images/navH_tel.gif) no-repeat; }
.nav_mail { width: 75px; height: 25px; float: left; margin: 18px 0px 0px 13px; }
.nav_mail:hover { background: url(../images/navH_mail.gif) no-repeat; }
.navH_online { width: 88px; height: 25px; float: left; margin: 18px 0px 0px 13px; background: url(../images/navH_online.gif) no-repeat; }

.banner { width: 1000px; margin: 5px auto 0px; height: 425px; }
/**/
#imgPlay { position: relative; width: 1000px; height: 425px; overflow: hidden; }
#imgPlay .slides_container { position: relative; width: 1000px; overflow: hidden; }
#imgPlay .imgs LI { z-index: 1; position: relative; float: left; }
#imgPlay .imgs { width: 4900px; }
#imgPlay .btn { position: absolute; width: 112px; bottom: 12px; height: 29px; overflow: hidden; right: 12px; }
#imgPlay .btn A { width: 112px; display: block; background: url(../images/bg.png) no-repeat 0px 0px; height: 29px; }
#imgPlay .btn A:hover { background: url(../images/bg.png) no-repeat 0px -30px; }
#imgPlay .prev { z-index: 199; position: absolute; width: 46px; height: 81px; top: 175px; cursor: pointer; left: 9px; }
#imgPlay .next { z-index: 198; position: absolute; width: 46px; height: 81px; top: 175px; cursor: pointer; right: -10px; }
#imgPlay #numInner { z-index: 100; position: absolute; text-align: center; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; background: none transparent scroll repeat 0% 0%; top: 275px; padding-top: 3px; }
.slides_container { position: relative; width: 276px; overflow: hidden; }
.pagination { margin: 0px auto; width: 0px; overflow: hidden; }


.latestNews { width: 1000px; height: 36px; line-height: 36px; background: url(../images/latestNews.gif) no-repeat; margin: 5px auto 0px; }
.latestNewslist { color: #485459; font-size: 14px; width: 878px; float: right; display: inline; margin-right: 8px; height: 36px; overflow: hidden; }
.latestNewslist li { float: left; display: inline; margin-right: 15px; }
.latestNewslist a { color: #f00; margin-right: 15px; }
.latestNewslist a:hover { text-decoration:underline;}
.latestNewslist span { margin-left: 15px; }
#demo1, #demo2 { float: left; }

.footer { width: 100%; background: url(../images/foot_bg.gif) repeat-x #fff; margin-top: 10px; }
.footCenter { width: 1000px; margin: 0px auto 0px; padding-top: 20px; background: url(../images/footCenter.gif) no-repeat #fff; color: #707070; height: 140px; line-height: 22px; }
.footCenter a { color: #707070; }
.footCenter a:hover { color: #2384e5; }
.footCenter p.title { font-size: 14px; padding-bottom: 8px; }
.fAbout { width: 140px; float: left; padding-left: 15px; }
.fItems { width: 237px; float: left; padding-left: 15px; }
.fNews { width: 155px; float: left; padding-left: 15px; }
.fLinkus { float: left; padding-left: 15px; }

.copyRight { color: #707070; text-align: center; line-height: 24px;  padding:20px 0px;}

/*内页*/
.bank20{ height:20px; width:100%; overflow:hidden;}
.content { width: 1000px; margin:0px auto; background:#fff; }
.aboutNav{ width:1000px; height:40px; background:#e0dcdc; line-height:42px; overflow:hidden;}
.aboutNav .title { float:left; display:inline; margin-left:20px;}
.aboutNav .title .ch{ font-size:18px; color:#666; margin-right:5px;}
.aboutNav .title .en{ font-size:16px; color:#3399FF;}
.aboutNavR { float:left; display:inline; margin-left:60px; margin-top:10px; }
.aboutNavR li{ height:30px; line-height:28px; padding:0px 10px; float:left; margin-right:5px;}
.aboutNavR li.select{ background:#fff;}

.caseNavR{ float:left; display:inline; margin-left:60px; margin-top:10px; }
.caseNavR li{ height:30px; line-height:28px; padding:0px 25px; float:left; margin-right:5px;}
.caseNavR li.select{ background:#fff;}

.aboutC{ font-size:14px; color:#333; line-height:26px; padding:20px 20px 20px; border:1px solid #e0dcdc; border-top:none; }
.aboutPic{ float:left; margin-right:15px;}

.caseC{ border:1px solid #e0dcdc; border-top:none;}
.caseInfo{ font-size:14px; line-height:24px; color:#666; padding:20px;}
.caseInfo p.title{ color:#3399FF;}
#caseK{ width:100%; border-bottom:1px solid #e0dcdc; height:34px; line-height:34px; font-family:宋体}
#caseK ul { display:none;}
    #caseK ul.select { display:block;} 
#caseK ul li{ float:left; margin-left:20px; display:inline;}
#caseK ul li.select a{ color:#3399FF}

.caseList{ float:left; display:inline; margin:0px 0px 20px 10px;}
.caseList li{ width:140px; float:left; text-align:center; display:inline; margin:10px 11px;height:188px; }
.caseList li p.name{ line-height:20px; padding-top:8px; float:left;width:100%; }
    .caseList li a img {border:1px solid #fff; }
    .caseList li a:hover img {border:2px solid #3399ff; }
    .caseList li a:hover { text-decoration:underline; }

.page{ float:left; position:relative; left:50%;}
.innerPage{ float:left; position:relative; right:50%;}
.page a{ padding:0px 10px; float:left; height:20px; line-height:22px; border:1px solid #e0dcdc; margin:0px 2px;}
.caseCon{ padding:20px; line-height:24px; font-size:14px;}
.brandInfo{ font-size:14px; line-height:24px; color:#666;}
.brandInfo p.title{ color:#3399FF;}

.aboutC strong.linian{ color:#3399FF;}
.linkUs{ padding-left:50px;}
.contact {background: url(../images/map.jpg) no-repeat center right;}


