@charset "utf-8";
*{FONT-FAMILY:'Microsoft YaHei','Arial','宋体';line-height:150%;}
body {MARGIN: 0px; font-size: 14px; COLOR:#333; background:#fff;}
form, ul, li, ol, span, div {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px ; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; line-height: 150%;}
input { cursor:pointer; FONT-FAMILY:'Microsoft YaHei','Arial','宋体'; padding-left:5px;}
li {list-style-type:none; line-height:200%; margin:0px;}
p {line-height: 200%;}
IMG {BORDER-STYLE: none}
A IMG {BORDER-TOP-STYLE: none}
TABLE, TD, INPUT {	font-size: 12px}
H1, H2, H3, H4, H5, H6 {MARGIN: 0px;}

H1 {font-size: 18px; }
H2 {font-size: 16px;}
H3 {font-size: 14px; }
H4 {font-size: 12px;}
H5 {font-size: 14px;}
H6 {font-size: 12px;}
.clear {CLEAR: both; margin-top:0px; font-size: 1px; VISIBILITY: hidden; WIDTH:1px; LINE-HEIGHT:0px; HEIGHT: 0px}

/*body*/
a:link { TEXT-DECORATION:none;color:#0f2f50;}
a:visited { TEXT-DECORATION:none;color:#0f2f50;}
a:hover { color:#2164ac;TEXT-DECORATION:none; }
a.b1 {color:#ed3849; text-decoration:none;}
a.b2 {color:#5d9dff; text-decoration:none;}
a.b3 {color:#ffae21; text-decoration:none;}
a.b4 {color:#23a2cd; text-decoration:none;}
a.b5 {color:#fc805e; text-decoration:none;}

/*main R*/
.wrapper { width:1200px; margin:0px auto; padding-top:0px; }
.main {float:left; width:100%; padding-bottom:10px; padding-top:10px; background: #fff url(../images/lines2.jpg) repeat-y 262px 0px;}
.side { width:260px; float: left; padding-left:15px;  }
.mainR { width:840px; float: right; background:#fff;}
.mainR h3 {width:790px; float:left; height:30px; padding-top:8px; padding-left:50px; background:#eaeaea url(../images/arr.gif) no-repeat 35px 12px; border-radius:0px; }
.mainRblock {float:left; width:700px; }
.mainRblock h4 {float:left;  height:30px; padding-top:8px; padding-left:35px; background:#eaeaea url(../images/arr.gif) no-repeat 15px 12px; width:565px; }
.mainRblock span {float:right; padding-right:5px; height:28px; padding-top:10px; width:95px; background:#eaeaea; text-align:right; }
.position { width:1100px; float:left;; padding-left:20px; height:31px; padding-top:8px; background:url(../images/nav2ss.jpg) repeat-x 0px 0px; margin-top:10px; }
.position h3 { width:1000px; padding-left:20px; float:left;}
.position2 { width:635px; float:left;  display:block; height:26px; padding-top:25px; border-bottom:#666 0px solid;}
.positionWish { width:980px; float:left; padding-left:20px; height:32px; padding-top:8px; background:url(../images/nav2.jpg) repeat-x 0px 0px; margin-top:5px;}

/*header*/
.header {width: 100%; min-width:1240px; background:#fff url('../images/header.jpg') repeat-x center top; height:110px; }
.welcome {float:left;width:50%;height:35px; line-height:35px; font-size:12px;}
.welcome .weltext {float:left; width:160px; line-height:35px;}
.welcome li {float:left;width:50px;  background:url('../images/v.png') no-repeat 30px center; display:block; line-height:35px;}
.welcome li a {line-height:35px;}

/* nav_menu */
#local { float:left; width:200px;}
#local { list-style:none; margin:0px; padding:0px; }
#local li { float:left; font-size:12px; width:55px; padding:0px; margin:0px; cursor:pointer;}
#local li:hover {color:#0099e6;}
#local li a { display:block; line-height:35px; color:#333;}
#local li a:hover { text-decoration:none; color:#0099e6;}
#local li a.shover {color:#0099e6; display:block;}
#local li a.shover:hover { color:#0099e6; }

#local li ul { float:left; display:none; position:absolute; padding:10px; background:#fff;  min-width:60px; min-height:30px; z-index:15; margin:0px; border:1px solid #ccc;}
#local li ul li { float:left; height:20px;  font-weight:normal; margin:0px; padding:0px; line-height:20px; width:60px; background:none; list-style-type:disc; text-align:center;}
#local li ul li a { background:#eee; color:#333; border:none; height:20px; line-height:20px; margin:0px 2px 0px 2px;}
#local li ul li a:hover { color:#f00; background:#eee; border:none; margin:0px 2px 0px 2px;}
#local li:hover ul { display:block;}

.version {float:left; width:49%; text-align:right; padding-right:1%; height:35px; line-height:35px; font-size:14px;}
.version span {color:#f00;}
.version a {margin-left:15px;}
.titlebar {float:left; width:100%; background:#fff;height:80px; margin-top:30px;}
.logo{ float:left; width:230px; padding-left:30px; }
.logo img {width:65%;}
.titlebar .vicetitle {float:left; width:620px; height:50px; font-size:20px; padding:10px 0px 0px 20px; background:url('../images/vicetitle.png') no-repeat left 8px;}
.titlebar .servicetel {float:left; width:300px; font-size:25px; color:#f00;}
.sort {float:left;width:240px; background:#0099e6 url('../images/whiteArr.png') no-repeat 180px center; height:30px; padding:10px 0px 10px 0px; line-height:30px; text-align:center; color:#fff;}
#sfloat {cursor:pointer;}
.search {float:left; width:200px; background:url(../images/searchbar.gif) no-repeat left 12px; height:50px;}
.search input.txt {float:left; width:155px; height:20px; line-height:20px; padding:0px 0px 0px 0px; margin:15px 0px 0px 10px; border:none; color:#666; background:none;}
.search input.searchBtn { float:left; width:20px; height:20px; margin:15px 0px 0px 3px; background:none; display:block; border:none; margin-right:0px; padding:0px;}


/* nav_menu */
#menu { float:left; width:690px;padding-top:10px; margin-left:20px;}
#menu ul { list-style:none; margin:0px; padding:0px; }
#menu ul li { float:left; font-size:16px; width:90px; padding:0px; margin:0px 10px 0px 10px;}
#menu ul li:hover {color:#0099e6;}
#menu ul li.noshow {display:none;}
#menu ul li a { display:block; line-height:33px; text-align:center; color:#333; border-bottom:3px solid #fff;}
#menu ul li a:hover { text-decoration:none; border-bottom:3px solid #fff; color:#0099e6; }
#menu ul li a.shover {color:#0099e6; display:block;  border-bottom:3px solid #fff;}
#menu ul li a.shover:hover { color:#0099e6; }

#menu ul li ul { float:left; display:none; position:absolute; padding:10px; background:#fff;  width:360px; min-height:80px; z-index:11; margin:0px; border:1px solid #ccc;}
#menu ul li ul li { float:left; height:33px;  font-weight:normal; margin:0px; padding:0px;line-height:33px; width:120px; }
#menu ul li ul li a { background:none; width:120px;  color:#333; border:none;}
#menu ul li ul li a:hover { color:#f00; width:120px; background:#eee; TEXT-DECORATION:underline; line-height:33px; border:none;}
#menu ul li:hover ul { display:block;}

#sortfloat {}
.sortfloat {float:left; width:240px; height:440px; background: rgba(0,0,0,0.8); color:#fff; position:absolute; z-index:14; display:none;}
.sortfloat .sfblock {float:left; width:100%; height:72.3px; border-bottom:1px solid #eee;}
.sortfloat a {color:#fff;}
.sortfloat h2 { width:100%; padding:10px 0px 5px 0px;margin:0px; text-align:center; font-weight:normal; font-size:15px; line-height:30px;}
.sortfloat h2 a:hover {color:#0099e6;}
.sortfloat h3 { width:96%; padding:0px 2% 0px 2%;margin:0px; text-align:center; font-weight:normal; font-size:13px; line-height:18px;}
.sortfloat h3 span {padding:0px 5px 0px 5px;}
.sortfloat h3 a {color:#ccc;}
.sortfloat h3 a:hover{color:#0099e6;}

/*slideshow*/
.topbar {float:left; width:100%; min-width:1240px; height:439px; background:none;}
.topbar img {height:439px; width:100%;}

/*side*/
.sidebar {float:left; width:235px; border:1px solid #fff;  box-shadow:0px 0px 6px #888; }
.sidebar H4 {height:30px; padding-left:30px; font-size:14px; width:205px; background:#eaeaea url(../images/arr.gif) no-repeat 15px center;  color:#666; line-height:30px; }
.sidebar img { padding-bottom:10px;}
.sidebar ul {float:left; padding-bottom:2px; border-radius:5px; }
.sidebar ul li {background: #fbfbfb url(../images/c.png) no-repeat 12px center; display:block; border-top: 3px #fff solid; }
.sidebar ul li.bclass {font-size:14px; font-weight: bold; height:33px;  line-height:33px;}
.sidebar ul li.suo { display:block; border-top: 3px #fff solid; }
.sidebar ul li h6 {float:left; font-weight:normal; }
.sidebar ul li span {float:right; width:50px; height:30px;  background:url(../images/down.jpg) no-repeat 0px 3px; }
.sidebar ul li A { text-decoration: none; color:#333;   line-height:33px; height:33px; display:block; padding-left:35px; width: 200px;  }
.sidebar ul li A:hover {text-decoration:underline; color:#333;  height:33px; display:block; padding-left:35px; width: 200px; background: #d4ecfc url(../images/c.png) no-repeat 12px center; color:#f80;}
.sidebar ul li.suo A {background:#fbfbfb url(../images/class.gif) no-repeat 15px 6px;  color:#888; line-height:25px; height:25px;}
.sidebar ul li.suo A:hover {text-decoration: underline; color:#f80;  height:33px; display:block; padding-left:35px; width: 200px; background: #fff url(../images/class.gif) no-repeat 15px 6px; line-height:25px; height:25px; }

.sidebar ul.news  {background:#fff; padding-bottom:10px; border-radius:5px; width:253px; }
.sidebar ul.news img { width:253px; padding-top:10px; padding-bottom:10px;}
.sidebar ul.news li {background: url(../images/art.gif) no-repeat 5px 8px;  height:25px; display:block;  width:233px; padding-top:2px; padding-left:20px; }
.contact { padding-top:10px; padding-left:10px; line-height:180%; padding-right:15px;}

.sideNews {float:left; width:235px;  margin-top:15px; z-index:2;  border:1px solid #fff;  box-shadow:0px 0px 6px #888;}
.sideNews h4 {float:left; width:230px; height:30px; line-height:30px;  padding:0px 0px 0px 5px; margin:0px; border-bottom:1px solid #ccc; font-size:14px; color:#4f6941; font-weight:normal;  background:#eaeaea;}
.sideNews ul  {padding:0px; margin:0px;}
.sideNews ul li { border-bottom:1px dashed #b1ac8a; line-height:20px;  height:40px; margin:5px 0px 5px 0px; padding:3px 0px 4px 0px;  overflow:hidden;}
.sideNews ul li.text {float:left; width:160px; padding-left:8px; }
.sideNews ul li.click {float:left; width:50px; color:#e35a39; text-align:center; border-right:1px solid #eee; }
.sideNews ul li a {color:#666;}
.sideNews ul li a:hover {color:#666;}

/*common*/
.htitle { float:left; padding-top:20px; width:650px;}
.htitle h2 {float:left; width:650px; height:40px; border-bottom:#999 1px solid; color:#ff8800; margin:0px; text-align:center;}
.date { color:#8D8D8D; width:640px; text-align:center;  }
.show { width:760px; float: left; padding-top:5px; padding-bottom:15px; font-size:14px; line-height:150%;  padding-left:40px; padding-right:20px; }
.show h2 {width:760px; color:#ff9000;  text-align:center; padding-top:20px; float:left; line-height:160%; }
.show h2.about { border-bottom:1px solid #ccc; padding-bottom:10px;}
.date {width:760px; text-align:cener; color:#999; font-size: 10px; display:block; border-bottom:1px solid #ccc; padding-bottom:15px;}
.showtext {float:left; width:100%;  padding-bottom:30px;  padding-top:10px; min-height:500px;}
.showtext ul {padding:0px;  margin:0px; }
.showtext ul li {padding:0px; margin-left:20px; list-style-type:disc; }
.showtext ol li {padding:0px; margin-left:20px; list-style-type:decimal; }
.showtext p {padding-bottom:0px;  line-height:180%; }
.showtext img {max-width:760px; text-align:center;}
.showtext iframe {float:left; width:100%!; min-height:380px;}
.showtext table {float:left; width:100%; padding-bottom:30px;}
.showtext table tr td {padding:5px; font-size:14px; border:0px solid #eee; min-width:100px;} 

.pageNavi { float:left; width:96%;  height:36px; padding:15px 0px 0px 0px; border-top:#ccc 1px solid; margin:0px 2% 0px 2%; }
.pageNavi  A: {text-align:center;padding-left:5px; padding-right:5px; height:25px;}
.pageNavi  A:link { text-align:center; padding-left:5px; padding-right:5px;height:25px;}
.pageNavi  A:visited { text-align:center; padding-left:5px; padding-right:5px;height:25px;}
.pageNavi  A:hover { text-align:center;padding-left:5px; padding-right:5px;height:25px;}
.pageNavi span { text-align:center;padding-left:5px; padding-right:5px;height:25px; }

/* index page*/
.homeblock {float:left; width:100%; min-width:1240px; min-height:500px; background:#eee; padding-bottom:20px;}
.homeblock h2 {float:left; width:100%; text-align:center; font-weight:normal; padding:0px; margin:40px 0px 20px 0px; line-height:40px;height:40px; background:url('../images/line.png') no-repeat center center;}
.homeblock h2 span {padding:0px 20px 0px 20px;background:#eee; font-size:25px;}
.homeblock h3 {float:left; width:100%; text-align:center; font-size:18px;font-weight:normal; padding:0px 0px 20px 0px; line-height:30px;}
.homeblock .case {margin:0px auto; width:1240px; min-height:300px; background:none;}
.case .caseshow {float:left; width:207px; height:350px; margin:10px 20px 10px 20px;background:#fff; box-shadow:2px 3px 10px #ccc; }
.case .caseshow:hover .caseText {color:#f80;}
.case .caseshow:hover {color:#036;}

.caseImage {float:left; width:100%; height:150px; padding-top:40px; overflow:hidden; text-align:center;}
.caseImage img {width:88px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; }
.caseImage img:hover {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.caseText {float:left; width:100%; margin-top:-40px; height:40px; line-height:40px; color:#fff; font-size:25px; text-align:center; background:rgba(255,255,255,0.5); position:relative;}
.caseDes {float:left;width:100%; padding:10px 0px 0px 0px; text-align:center; font-size:16px; color:#999;}
.caseInfo {float:left;width:100%; padding:25px 0px 0px 0px; text-align:center; font-size:14px; color:#999;}
.caseInfo a { padding:5px 20px 5px 20px; border:1px solid #999; border-radius:10px; height:35px;line-height:35px; color:#999;}
.caseInfo a:hover {background:#0099e6;color:#fff;border:none; text-decoration:none;}

.sobtt {float:left;width:100%; font-size:18px; margin:30px 0px 30px 0px;}
.sobtt .soleft {float:left; width:440px; background:#fff;margin-left:300px; padding-left:20px; height:62px;line-height:62px; box-shadow:2px 3px 5px #ccc; border:0px solid #eee;}
.sobtt .soright {float:left; width:120px; background:#0099e6; color:#fff; height:62px;line-height:62px; text-align:center; box-shadow:2px 3px 5px #ccc; border:0px solid #0099e6;}
.sobtt .soright:hover {background:#0088cc;}
.sobtt .soright a {width:100%; display:block;line-height:62px; color:#fff;}
.sobtt .soright a:hover {background:#f90;}
#meiqia {cursor:pointer;}
#meiqia:hover {}

.proserivce {float:left; width:100%; min-width:1240px;min-height:500px; background:#fff; padding-bottom:20px;}
.proserivce h2 {float:left; color:#090;width:100%; text-align:center; font-weight:normal; padding:0px; margin:40px 0px 20px 0px; line-height:40px;height:40px; background:url('../images/line.png') no-repeat center center;}
.proserivce h2 span {padding:0px 20px 0px 20px;background:#fff; font-size:25px;}
.proserivce h3 {float:left; width:100%; text-align:center; font-size:16px;font-weight:normal; padding:0px 0px 10px 0px; line-height:30px;}
.proserivce .person {margin:0px auto; width:1240px; min-height:300px; background:none;}
.person .personshow {float:left; width:290px; height:450px; margin:10px 10px 10px 10px;background:#fff; box-shadow:2px 3px 10px #eee; overflow:hidden;}
.person .personshow:hover .caseText {color:#f80;}
.person .personshow:hover {color:#036;}

.person .personshow .personDes { height:70px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; }
.person .personshow .personText { height:40px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; }
.person .personshow .personText2 { transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 1s; color:#0099e6;margin-top:60px;background:#fff;}
.person .personshow:hover .personDes {height:0px; }
.person .personshow:hover .personText {height:0px;}
.person .personshow:hover .personText2 {color:#f80; margin-top:0px; background:#fff;}

.personImage {float:left; width:100%; height:280px; padding-top:40px; overflow:hidden; text-align:center;position:relative;cursor:pointer;}
.personImage img {width:270px height:270px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; }
.personImage img:hover {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.personText {float:left; width:100%; color:#0099e6; margin-top:0px;  line-height:40px; font-size:25px; text-align:center; background:rgba(0,0,0,0.0); overflow:hidden; }
.personText span {font-size:14px;}
.personDes {float:left;width:80%; padding:10px 10% 0px 10%; text-align:center; font-size:14px; color:#999; position:relative; display:block; background:#fff; overflow:hidden;}

.personText2 {float:left; width:100%; color:#f80; margin-top:20px; height:40px; line-height:40px; font-size:25px; text-align:center;}
.personText2 span {font-size:14px;}

.personInfo {float:left;width:34%; margin:0px 33% 0px 33%; text-align:center; font-size:14px; color:#fff; line-height:35px; height:35px; background:#0099e6; border-radius:10px; }
.personInfo:hover {background:#f00; color:#fff;}
.personInfo a { padding:5px 20px 5px 20px; border:1px solid #0099e6; border-radius:10px; height:35px;line-height:35px; color:#fff; background:#0099e6; }
.personInfo a:hover{background:#f00; color:#fff; border:none; text-decoration:none; }

.fq {float:left; width:100%; min-width:1240px; min-height:500px; background:#dadadc; padding-bottom:20px; display:none;}
.fq h2 {float:left; width:100%; text-align:center; font-weight:normal; padding:0px; margin:40px 0px 20px 0px; line-height:40px;height:40px; background:url('../images/line.png') no-repeat center center;}
.fq h2 span {padding:0px 20px 0px 20px;background:#dadadc; font-size:25px;}
.fq h3 {float:left; width:100%; text-align:center; font-size:16px;font-weight:normal; padding:0px 0px 10px 0px; line-height:30px;}
.fq .fqwrap {margin:0px auto; width:1200px;}

.adv0 {float:left; width:100%; height:504px; font-size:0px; line-height:0px; background:#f5f5f5 url('../images/adv0.jpg') no-repeat center 140px;}
.adv0 h2 {float:left; width:100%; text-align:center; font-weight:normal; padding:0px; margin:40px 0px 20px 0px; line-height:40px;height:40px; background:url('../images/line.png') no-repeat center center;}
.adv0 h2 span {padding:0px 20px 0px 20px;background:#f5f5f5; font-size:25px;}
.adv0 h3 {float:left; width:100%; text-align:center; font-size:16px;font-weight:normal; padding:0px 0px 10px 0px; line-height:30px;}

.adv1 {float:left; width:100%; height:390px; font-size:0px; line-height:0px; background:#ededed url('../images/adv1.jpg') no-repeat center 80px;}
.adv1 h2 {float:left; width:100%; text-align:center; font-weight:normal; padding:0px; margin:40px 0px 20px 0px; line-height:40px;height:40px; background:url('../images/line.png') no-repeat center center;}
.adv1 h2 span {padding:0px 20px 0px 20px;background:#ededed; font-size:25px;}
.adv1 h3 {float:left; width:100%; text-align:center; font-size:16px;font-weight:normal; padding:0px 0px 10px 0px; line-height:30px;}
.adv2 {float:left; width:100%; height:535px; font-size:0px; line-height:0px; background:url('../images/adv2.jpg') no-repeat center center;}
.adv3 {float:left; width:100%; height:410px; font-size:0px; line-height:0px; background:url('../images/adv3.jpg') no-repeat center center;}

.newsblock {float:left; width:100%; min-width:1200px; min-height:500px; background:#fff; padding-bottom:20px;}
.newsblock h2 {float:left; width:100%; text-align:center; font-weight:normal; padding:0px; margin:40px 0px 20px 0px; line-height:40px;height:40px; background:url('../images/line.png') no-repeat center center;}
.newsblock h2 span {padding:0px 20px 0px 20px;background:#fff; font-size:25px;}
.newsblock h3 {float:left; width:100%; text-align:center; font-size:16px;font-weight:normal; padding:0px 0px 10px 0px; line-height:30px;}
.newsWrap {margin:0px auto; width:1120px;}
.newsWrap .cell {float:left; width:42%; height:450px; margin:0px 4% 0px 4%;}
.newsWrap .cell .newsPic {float:left; width:100%; height:250px; overflow:hidden; }
.newsWrap .cell .newsPic img {float:left; width:100%; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.newsWrap .cell .newsPic img:hover {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.newsWrap .cell .newsTitle {float:left; width:100%; height:40px; overflow:hidden;line-height:40px;padding:10px 0px 10px 0px; font-weight:bold; font-size:16px;}
.newsWrap .cell .newsDesc {float:left; width:100%; height:100px; overflow:hidden; line-height:25px;}

.linkblock {float:left; width:100%; min-width:1240px; padding-bottom:30px; padding-top:30px; background:#eee;}
.linkWrap {margin:0px auto; width:1200px;}
.linkWrap h2 {width:100%; text-align:center; font-weight:normal;font-size:14px; color:#999; line-height:45px; background:url('../images/line.png') no-repeat center center;}
.linkWrap h2 span {padding:0px 20px 0px 20px;background:#eee; font-size:18px;}
.linkWrap ul {float:left; width:100%; margin:0px; padding:20px 0px 0px 0px; }
.linkWrap ul li {float:left;width:150px; margin:0px; text-align:center; background:none; }
.linkWrap ul li img {width:135px; border:1px solid #ccc;}

/* Product List*/
.productlist {width:800px; float:left; padding-top:10px; padding-left:30px; padding-bottom:10px;  background:#fff; min-height:600px;}
.pic {float:left; width:220px; margin:5px 20px 15px 10px;  border:1px solid #ccc; text-align:center; padding-top:15px; height:250px; box-shadow:0px 0px 5px #888;}
.pic:hover { border:1px solid #f00; }
.pic:hover img {}
.pic a:hover img { filter: alpha(opacity=60);    -moz-opacity: 0.6;    -khtml-opacity: 0.6; opacity: 0.6;}
.pic img {width:190px; height:190px; }
.pic h6 { float:left; padding-left:10px; padding-bottom:10px; width:190px; display:block; padding-top:15px; color:#333; font-weight:normal;}
.pic h6 span { float:right; width:60px; color:#ccc; text-align:right; font-size:12px;}
.text { width:390px; float:right; height:110px; padding-top:20px; padding-right:0px;}
.text span {padding-left: 10px; color:#ff8800;}
.text span a: {color:#ff8800;}
.text span a:link {color:#ff8800;}
.text span a:visited {color:#ff8800;}
.text span a:hover {color:#ff8800;}
.subNav {float:left; width:100%; background:#eee;}
.subNav ul {float:left; width:900px; margin-left:110px;}
.subNav ul li {float:left; width:150px; line-height:40px; text-align:center; font-size:16px;}
.subNav ul li.on {background:#0f2f50;}
.subNav ul li.on a {color:#fff;}

/* product show*/
.piczoom {float:left; width:680px; padding-left:20px; height:400px; padding-top:15px;}
.desc { float:right; width:310px; padding-top:20px; padding-right:10px;}
.desc h2 { font-size:18px;  line-height:150%;}
.desc h4 {color:#666; padding-top:10px; font-weight:normal;}
.show h4 {height:25px; padding-left:20px; padding-top:5px;  background:#eaeaea url(../images/arrd.gi) no-repeat 635px 12px; color:#999;}
.showtext img { }
.show H5 {padding:10px; width:300px;}

.showtext2 {width:660px; float:left; padding-bottom:30px;  padding-top:10px;}
.showtext2 ul {padding:0px;  margin:0px; }
.showtext2 ul li {padding:0px; margin-left:20px; list-style-type:disc; }
.showtext2 ol li {padding:0px; margin-left:20px; list-style-type:decimal; }
.showtext2 p {padding-bottom:0px;  line-height:180%; }
.showtext2 table {width: 660px; background:url(../images/tablebg.jpg) repeat-x 0px 0px; border:1px solid #ccc;}
.showtext2 table tr td {width:320px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #ccc; padding-left:10px;}
.showtext3 {width:660px; float:left; padding-bottom:30px;  padding-top:10px;}
.showtext3 ul {padding:0px;  margin:0px; }
.showtext3 ul li {padding:0px; margin-left:20px; list-style-type:disc; width:140px; float:left;}

.tag {float: left; width:100%; line-height:30px; height:40px; border-bottom:1px solid #ccc; display:none;}
.tag A:link {TEXT-DECORATION: underline; color:#999;padding-left:5px;}
.tag A:visited {TEXT-DECORATION: underline; color:#666; padding-left:5px; }
.tag A:hover {TEXT-DECORATION: underline; color:#999; padding-left:5px;}
.taglist {width:1105px; float:left; padding-left:15px; padding-top:15px; padding-bottom:15px;  border:#ccc 0px solid; background:#ebebeb; min-height:400px;}
.taglist ul li {float:left; padding-left:10px; padding-right:10px; padding-top:10px;}

.casefull {float:left; width:98%; background:#fff; padding:40px 1% 40px 1%;}
.casefull .caseshow2 {float:left; width:44%; margin:0px 3% 0px 3%; height:420px;}
.casefull .caseshow2:hover .casepageText {color:#f80;}
.casefull .caseshow2:hover {color:#036;}
.casepageImage {float:left; width:100%; height:280px; overflow:hidden;}
.casepageImage img {float:left; width:100%; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; }
.casepageImage img:hover {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.casepageText {float:left; width:100%; margin-top:-40px; height:40px; line-height:40px; color:#fff; weight:bold; font-size:16px; text-align:center; background:rgba(0,0,0,0.5); position:relative;}
.casepageDesc {float:left;width:100%; padding:10px 0px 0px 0px; height:80px; overflow:hidden;}
.cshow {float:left; width:96%; padding:10px 2% 10px 2%; background:#fff;}
.cshow h2 {float:left;width:100%; text-align:center; line-height:40px; padding:20px 0px 20px 0px; font-size:22px;}
.textinfo {float:left; width:96%; padding:0px 2% 10px 2%;}

/* news List*/
.newslist {float:left; width:820px; padding-top:30px; padding-left:20px; }
.newslistblock {width:820px; height:140px;}
.newspic {width:180px; float:left; height:130px;  padding-left:20px;}
.newspic img {width:150px; height:110px; border:1px solid #dcdcdc; padding:5px; box-shadow:0px 0px 5px #888; }
.newspic:hover img {border:1px solid #f00;}
.newstext {float:left;  width:600px; height:118px; border-bottom:1px dashed #ccc; }
.newstext h4 {font-size:15px; padding-bottom:5px;}
.newstext h5 {font-size:12px; height: 65px; font-weight:normal; border-bottom:0px dashed #ccc; padding-bottom:10px;}
.newstext h7 {width:150px;  color:#ccc;float:left; font-weight:normal; font-size:12px; pading:0px; margin:0px;}
.newstext span {width:60px; color:#ccc;float:right; text-align:right; font-size:12px;}
.newstext span a:link {color:#ccc;}
.newstext span a:visited {color:#ccc;}
.newstext span a:hover {color:#999;}
.share {float:left;}

/* news side float*/
.div2{top:0px;px;z-index:10;position:fixed;_position:absolute}

/* news List2*/
.dongtai {width:645px; float:left; padding-top:25px; padding-left:20px; padding-bottom:10px;}
.dongtai ul li {width:640px; float:left;  height:25px; border-bottom:#ccc 1px dashed; padding-top:4px;}
.dongtai ul li h4 {width:520px; float:left; padding-left:15px;  background:url(../images/arr2.gif) no-repeat 0px 7px; font-weight:normal;}
.dongtai ul li span {float:right; width: 80px; text-align:right; padding-bottom:3px; color:#999; font-size:10px; padding-top:4px;}

/* downlist List*/
.downlist {width:780px; float:left;  padding-left:30px;  min-height:400px; }
.downpic {float:left; width:160px; height: 190px; text-align:center; padding:10px; margin:20px; box-shadow:0px 0px 6px #888;  border:#ccc 1px solid; }
.downpic img { width:150px; height:150px;}
.downpic h6 { float:left; width:150px; font-size: 12px; font-weight:normal; text-align:center; padding-top:10px; height:30px;}
.downpic:hover {opacity:0.6;}
.downtext {float:left; padding-top:10px; padding-bottom:30px;}
.downtext h6 {color:#333; padding-bottom:10px; font-size:14px;}
.downtext p span { float:left; font-size:14px; color:#ff8800; font-weight:bold; width:120px; height:30px; border:#333 1px solid; text-align:center; padding-top:5px;}
.downtext li A:link { TEXT-DECORATION: none; color:#ff8800;}
.downtext li A:visited { TEXT-DECORATION: none; color:#ff880;}
.downtext li A:hover { COLOR: #ff8800; TEXT-DECORATION: none;}


/* video List*/
.videolist {width:685px; float:left; padding-top:10px; padding-left:15px; padding-bottom:10px; }
.videopic {float:left; width:310px; margin:5px 20px 5px 5px;  border:1px solid #ccc; text-align:center; padding-top:15px; height:280px; box-shadow:0px 0px 6px #888;}
.videopic img {width:300px; height:200px; }
.videopic h6 { float:left; padding-left:20px; padding-bottom:10px; width:280px; text-align:center; display:block; padding-top:15px; color:#333; font-weight:normal;}

/* job List*/
.jobNav {float:left; width:100%; background:#eee; font-weight:bold; font-size:14px;}
.jobNav li {float:left; width:100px; padding:0px; margin:0px; text-align:center; line-height:38px;}
.jobNav li.title {text-align:left; background: url(../images/arr.gif) no-repeat 15px center; padding-left:30px;}
.jobNav li.on {color:#ff0; background:#036;}
.jobNav li.on a {color:#fff;}

.job {float:left; width:95%; padding:0px 0% 0px 5%; min-height:350px;}
.job table {float:left; width:100%;margin:20px 0px 0px 0px;}
.job table tr.title {background:#fff; font-weight:bold; }
.job table tr.title td {font-size:15px; line-height:30px;}
.job table tr td {padding:2px 0px 2px 5px; font-size:14px;}
.job table tr td.left{width:85%;}

/*taglist pager*/

/*footer*/
.footer { float:left; width:100%; min-width:1240px; color: #333; background:#ccc; border-top:2px solid #ccc; position:relative; z-index:11; padding-top:10px;}
.footWrap {margin:0px auto; width:1200px;}
.footWrap .gov {float:left; width:80px; padding:10px;}
.footblock {float:left;width:480px; background:none; padding:10px;}
.footblock .footNav {float:left; width:120px;}
.footblock .footNav a {color:#333;}
.footblock .footNav h2 {font-size:16px; font-weight:normal; line-height:40px;}
.footblock .footNav h2.noshow {display:none;}
.footblock .footNav h3 {font-size:14px; font-weight:normal;line-height:20px;}
.footblock .footNav h3 a {color:#333;}

.footbar {margin:0px auto; width:600px; padding:10px 0px 10px 0px;}
.footbar ul {float:left;width:100%; padding:0px; margin:0px;}
.footbar ul li { float:left; width:100px; text-align:center; line-height:30px; font-size:15px;}
.footbar ul li a {color:#fff;}
.footbar ul li a:hover { text-decoration:none; color:#f00;}

.icp { float:left; width:260px; margin-left:30px; color:#333; font-size:13px; text-align:left; padding-top:10px; background:none;}
.icp a {color:#333;}
.icp a.blue {color:#0f2f50; display:none;}
.icp a.blue:hover {color:#0f2f50;}

.weixin {float:left; width:310px; background:none; padding:10px 0px 10px 0px;}
.weixin .wleft {float:left; width:140px;}
.weixin h2 {float:left; width:100%; font-size:12px; font-weight:normal; line-height:18px;  }
.weixin h3 {float:left; width:100%; font-size:12px; font-weight:normal; line-height:20px;}
.weixin img {width:120px;}
.weixin .tel {float:left; width:170px; font-size:25px;}
.weixin .tel span {font-size:14px;}

#contel {float:left; width:100%; height:60px; line-height:30px; background:url(../images/contact.png) no-repeat left top; z-index:13; }
#contel li {float:left; width:50px; height:39px; padding:0px; margin:0px; text-align:center; font-size:0px; }
#contel li a {float:left; width:50px; height:39px; padding:5px 0px 0px 0px; line-height:0px;}
#contel li a:hover {}
#contel li:hover ul { display:block; }
#contel li ul { float:left; display:none; position:relative; padding:0px; background:url(../images/artops.gif) no-repeat 15px top; width:130px; min-height:20px; z-index:11;}
#contel li ul h4 {float:left; width:100%; color:#333; font-size:12px; padding:0px 0px 0px 0px; margin:0px; font-weight:normal; text-align:left; line-height:20px; color:#333;}
#contel li ul h4 a {float:left; color:#333; padding:0px; line-height:20px;}

/*gbook*/
#gbooklist {width: 640px;float:left; }
#gbooklist h3 {float:left; width: 632px; background:#eaeaea; border:none; padding-left:10px; padding-top:10px; height:25px; color:#666;  }
#gbooklist h3 span {width:160px; float:right; font-size:10px; font-weight:normal;}
.faqcon {float:left; width:620px; padding:10px; color:#333; border: 1px solid #ccc; }
.faqcon span {padding-left:15px; font-size:10px;}
.reply {float:left; width: 630px;  border: 0px dashed #ff0000; padding:0px; margin-bottom:20px;  }
.reply span {float: left; padding-left:10px;}
.gbookpageNavi { float:left;  width:640px; height:60px; padding-top:10px;  margin-top:10px; } 
.gbookpageNavi A: {text-align:center;padding-left:5px; padding-right:5px; height:25px;}
.gbookpageNavi A:link { text-align:center; padding-left:5px; padding-right:5px;height:25px;}
.gbookpageNavi A:visited { text-align:center; padding-left:5px; padding-right:5px;height:25px;}
.gbookpageNavi A:hover { text-align:center;padding-left:5px; padding-right:5px;height:25px;}
.gbookpageNavi span { text-align:center;padding-left:5px; padding-right:5px;height:25px;}
#faqbox { }
#faqbox .faqline{ line-height:2em; height:35px; text-align:left}
#faqbox .faqline .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}

/*about page and comment*/
.aboutpage { float:left; width:100%; height:36px; }
.aboutpage a{text-align:center; height:25px; padding:0px 10px 0px 10px;}
.aboutpage a:hover {}
.aboutpage span {text-align:center; height:25px; padding:0px 10px 0px 10px;}

.page {float:left; width:100%; padding:5px 0px 20px 0px; }
.pageleft {float:left; width:48%; line-height:20px;}
.pageright {float:right;width:48%; line-height:20px; text-align:right;}

/*comment*/
#commentlist {float:left; width:100%; text-align:center;}
.clistbox {	float:left; width:98%;color:#999;padding:0px 1% 0px 1%; font-size:12px; text-align:left; }
.clistbox .line1 {float:left; width:100%; padding:0px 0px 5px 0px;  font-size:12px;}
.clistbox .line1 span {padding-left:5px;}
.clistbox .line2 {padding:0px; color:#666;}
.commentAdd {float:left; width:100%;  font-size:12px;}
.commentAdd table {float:left; width:97%;padding:0px;}
.commentAdd table tr td {padding:5px;}

.commentblock { float:left; width:96%; padding:20px 2% 20px 2%; font-size:12px;}
.commentListPages {float:left; height:20px;  font-size:12px; }
.commentListPages a {text-decoration:underline; padding:0px 10px 0px 10px;}
.commentListPages a:hover {text-decoration: underline; color:#f00;}

/*searchpages*/
.searchlist { float:left; width:100%; margin-top:10px; padding-bottom:20px; min-height:420px;}
.searchlist h3 {width:1180px; float:left; color:#999; height:25px; padding-top:5px; background: #fff; padding-left:10px; margin-bottom:20px;}
.searchlist h4 {width:1180px; float:left; color:#666; height:25px; padding-top:5px; background: #eaeaea; padding-left:10px; font-size:14px;}
.searchlist h4 span {float:right; padding-right:10px; font-size:10px; font-weight:normal;}
.searchlist h5 {float:left; font-size:10px; font-weight:nomal; width:1100px; background:#fbfbfb; padding-left:10px; color:#333; padding-top:10px; padding-bottom:10px; padding-right:10px; font-weight:normal;}
.searchlist h4 a:link {color:#333;}
.searchlist h4 a:hover {color:#666;}
.moresearch {float:left; width:1180px; padding:5px; background: #ccc; margin-bottom:30px;}
.moresearch option {width:100px; padding-left:10px;}

/*Custom Page*/
.wish {margin:0px auto; width:1000px;}
.wishBanner {padding-top:3px;}
.wishShow {  float:left;  width:1000px;  height: 980px; background: #fbfbfb url(../images/wall.jpg) no-repeat center 0px;}
.wishShow form {float:left; width:284px; height:180px; padding-top:70px; margin-left:10px; background:#fff; position:fixed; bottom:0px; z-index:33; background: url(../images/wish2.png) no-repeat center 0px;}
.sh {padding-left:30px; padding-top:0px;}
.shTxt {float:left; width:230px; padding-left:30px; padding-top:2px; color:#999; height:20px; text-align:center; } 
.wishShow form span { color:#ff0000;}
.wishShow form input.buttom {width: 222px; height:34px; background:#741e80; border-radius:5px; color:#fff; border:none; font-size:14px; font-family:微软雅黑, Arial , 宋体;line-height:150%;}
.wishShow form textarea {margin-top:0px;}
.wishscroll {width:800px; padding-left:50px; padding-top:30px; color:#fff;}

.list_top { width:940px;height:35px;padding-left:40px; overflow:hidden; margin-top:20px;}
.hot{ width:920px;height:40px;}
.hot ul{ width:920px; height:30px; overflow:hidden; margin:0;padding:0;}
.hot ul li{ float:left; height:30px;  margin-right:50px; line-height:30px;}
.hot ul li a{ color:#f4bbfd; font-size:14px; }
.hot ul li a:hover {text-decoration:none; }
.hot ul li span { font-weight:bold; color:#f7d3fc; padding-right:10px;}

/*Baidu Map API*/
.baidumap{width:100%; float:left;  text-align:center; border:#ccc 0px solid; padding-bottom:10px;  }
.baidumap iframe { border:#ccc 1px solid; width:98%;}
.baidumap embed  {width:100%; float:left; }
.addleft {float:left; width:300px;  font-size:14px; padding-top:15px;}
.mapright {float:right; width:360px; padding-right:20px; height:300px; padding-top:25px;}

/*QQ online service*/
/* qq kefu*/
.qqkf {width:135px; height:394px; position:fixed;top:170px;right:0px;overflow:hidden; z-index:33; background: url(../images/qqkf2.gif) no-repeat 0px 20px; cursor:pointer;margin:0px; padding:0px;}
.qqkf ul {padding:10px 0px 10px 5px;  width:94px;  background:#fff; margin-left:29px; margin-top:0px; margin-bottom:0px; border:3px solid #ED4646; border-radius:5px;}
.qqkf ul li {padding:0px; list-style-type:none; font-size:14px; color:#666; text-align:center; width:90px; line-height:28px;  border-bottom:1px solid #eee; }
.qqkf ul li  img {margin-top:6px;}