/*

技术支持：猎人传媒 www.srlrcm.cn
Powered By S.Y.Jang
Build201509

*/

/* CSS Document */
@charset "gb2312";
/*YUI 2: Reset CSS Start*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; vertical-align: top; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol:after, ul:after,#npc:after,#fbox:after,#share:after,.area:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
ol, ul { list-style: none; zoom: 1; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/*YUI 2: Reset CSS End*/
html{ overflow-x:hidden;}
body { font-size: 12px; font-family: Microsoft Yahei; line-height: 20px; background: #fff; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }
#headWrap,#focusWrap,#aboutWrap,#footWrap,#bannerWrap { width: 1200px; margin: 0 auto; }
/*==================== 页眉部分 ====================*/
#head { position: relative; width: 1920px; margin: 0 -360px; background:#fff;}
#top { width: 1200px; height:; margin: 0 auto; background:#fff url(../images/hotline.gif) right center no-repeat; }
#logo { text-align:center; padding: 15px 0; }
#nav { border:solid 1px #e7e7e7; border-width:1px 0 0; background: #fff; }
#nav ul { width: 1200px; margin: 0 auto; }
#nav li { position:relative; float: left; width: 133px; text-align: center; line-height:48px; }
#nav li a { display: block; color: #666; font-size: 14px; background:url(../images/nav_line.gif) left center no-repeat; -webkit-transition: background .15s linear; -moz-transition: background .15s linear; }
#nav li a:hover { text-decoration: none; background-image:none !important; }
#nav li.navHere { background: #f08c00; }
#nav li.navHere a { color:#fff; text-decoration: none;  background-image:none !important;}
#nav .navMenu { position: absolute; display: none; left:0; width:133px; padding-bottom:10px; background: #f08c00; opacity:0.9; z-index:999;}
#nav .navMenu a { color: #fff; font-size:12px; line-height:35px; background-image:none !important;}
#nav .navMenu a:hover { color: #ff0; background-color: #ff2a00;}
#nav .s2{ width:180px; text-align:left; padding:10px 0;}
#nav .s2 a{ line-height:30px; padding-left:20px;}
/*==================== 主体部分 ====================*/
.indexPage{ background:#fff;}
#focus { position: relative; width: 1920px; height:600px; margin: 0 -360px;  background:#000; }
.changeBox_a3 { float: left; width: 1920px; height: 600px; position: relative; z-index: 1; }
.changeBox_a3 .a_bigImg { position: absolute; left: 0px; top: 0px; display: none; background:#000; }
.ul_change_a3 { position: absolute; bottom: 20px; overflow: hidden; }
.ul_change_a3 li { float: left; }
.ul_change_a3 span { display: block; width:20px; height:20px; color: #fff; line-height: 20px; font-family: Arial; text-align: center; text-indent: -9999em; margin-left: 5px; filter: alpha(opacity=50); opacity: 0.5; cursor: hand; cursor: pointer; background: url(../images/slideNum.png) -20px 0 no-repeat; overflow: hidden; }
.ul_change_a3 span.on { color: #fff; background-position: 0 0; opacity: 1; filter: alpha(opacity=100); }
#main { width:1000px; margin:0 auto; }
/*产品推荐*/
#product{ width:1200px; margin:0 auto; padding:25px 0 100px;}
#product h3{ position:relative; width:1200px;  margin:0 auto; text-align:center; padding-bottom:40px;}
#product h3 span{ display:inline-block; width:15px; height:2px; line-height:2px; background:#ccc; overflow:hidden;}
#product h3 div{text-align:center; color:#0858b3; font-size:25px; line-height:25px;font-weight:normal; padding-top:5px;}
#productCont{ width:1200px; overflow:hidden;}
#product ul{ position:relative; width:1200px; min-height:650px;}
#product li{ float:left; width:; height:; margin:0; overflow:hidden;}
#product li a{ display:block;  background:#fff;}
#product li.b1{ position:absolute; width:590px; height:390px; overflow:hidden;}
#product li.b2{ position:absolute; left:590px; top:0; width:290px; height:220px; overflow:hidden;}
#product li.b3{ position:absolute; right:0px; top:0; width:320px; height:320px; overflow:hidden;}
#product li.b4{ position:absolute; left:0px; bottom:0; width:295px; height:260px; overflow:hidden;}
#product li.b5{ position:absolute; left:295px; bottom:0; width:295px; height:260px; overflow:hidden;}
#product li.b6{ position:absolute; left:590px; bottom:0; width:290px; height:430px; overflow:hidden;}
#product li.b7{ position:absolute; right:0; bottom:0; width:320px; height:330px; overflow:hidden;}
#product li div{ position:absolute; left:0; bottom:0; width:100%; height:100%; font-weight:normal; text-align:center; z-index:999;}
#product li div.s{ bottom:-100%; background:#000; opacity:.75; z-index:2;}
#product li div a{ display:block; height:205px; color:#fff; font-size:14px; text-decoration:none; background:none;}
#product li div strong{ display:block; color:#f60; font-size:12px; font-weight:normal; line-height:35px; padding-top:60px;}
#product li.b1 div strong{padding-top:140px;}
#product li.b2 div strong{padding-top:50px;}
#product li.b3 div strong{padding-top:100px;}
#product li.b4 div strong{padding-top:85px;}
#product li.b5 div strong{padding-top:85px;}
#product li.b6 div strong{padding-top:170px;}
#product li.b7 div strong{padding-top:106px;}
#product li div b{font-weight:normal; font-size:24px;}
#product li div i{ display:block; width:100px; height:35px; color:#fff; font-size:12px; font-style:normal; text-decoration:none; line-height:35px; text-align:center; margin:10px auto 0; background:#000; opacity:.5;}

#npcWrap{ width:1200px; margin:0 auto;}
#npc{ position:relative; width:1920px; margin:0 -360px; padding:60px 0; background:#e8e8e8;zoom:1;}
#npc h3{ font-size:24px; font-weight:normal; padding-bottom:30px;}
#npc-1{ float:left;width:370px; padding-left:360px;}
#npc-2{ float:left;width:370px; padding:0 45px;}
#npc-3{ float:left;width:370px;}
.changeBox_a1 { position: relative; width: 370px; height: 275px; }
.changeBox_a1 .a_bigImg { position: absolute; top: 0; left: 0; display: none; }
.changeDiv { position: absolute; top: 0; left: 0; height:250px; display: none; }
.changeDiv h4 { position: absolute; left: 0; bottom:0px; width: 370px; height:40px; line-height: 40px; text-align:center; overflow:hidden;}
.changeDiv h4 a { display: block; color:#fff; font-size:14px; font-weight:normal; background:#000; opacity:.8;}
.ul_change_a1 { position: absolute; left:0px; bottom:0px; padding-left:0px; overflow: hidden; }
.ul_change_a1 li { float: left; padding-right:4px;}
.ul_change_a1 span { display: block; width: 10px; height: 10px; color: #fff; line-height: 10px; text-indent:-99em; background: url(../images/slideNum2.png) -10px 0 no-repeat; cursor: pointer; }
.ul_change_a1 span.on { color: #fff; background: url(../images/slideNum2.png) 0 0 no-repeat; }
/**/
#newsCont{ position:relative; overflow:hidden;}
#honor .txt{ position:absolute; color:#fff; padding:50px 0 0 30px;}
#honor .txt a{ display:block; width:130px; height:36px; color:#fff; line-height:36px; text-align:center; background:#f60;}
#honor .txt .t1{ font-size:24px; padding-bottom:15px;}
#honor .txt .t2{ color:#ccc; font-size:14px; padding-bottom:30px;}
#honor .txt .more a{ text-decoration:none;}
#honor .txt .more a:hover{ background:#ff2a00;}
/**/
#case li a{ position:relative; display:block;}
#case li a p{ position:absolute; left:0; bottom:0; width:100%; height:50px; color:#fff; font-size:14px; text-align:center; line-height:60px; background:url(../images/tbg1.png) left top repeat-x; overflow:hidden;}
#ccScroll{ height:250px; overflow:hidden;}
#foot{ position:relative; width:1920px; margin:0 -360px; background:#3c4145;}
#fbox{ width:1200px; color:#fff; margin:0 auto; padding:60px 0; zoom:1;}
#fb-1{ float:left; font-size:14px; line-height:24px;}
#fb-1 p{ padding-bottom:20px; border-bottom:solid 1px #505458;}
#foot a{ color:#fff;}
/*分享*/
#share { position: relative; width: 200px; }
#share strong { position: absolute; left: 0; top: 20px; width: 60px; height: 30px; color: #999; line-height: 26px; }
.bdshare { position: absolute; top: 20px; right: 0px; width: 140px; height: 30px; }
.bdshare .bdshare-button-style0-16 .bds_t { text-decoration: none; background: none; }
.bdshare .bdshare-button-style0-16 .bds_qzone { height:30px; padding: 0 0 0 30px; margin: 0 5px 0 0; background: url(../images/share.gif) 0 0 no-repeat !important; overflow: hidden; }
.bdshare .bdshare-button-style0-16 .bds_tqq { height: 30px; padding: 0 0 0 30px; margin: 0 5px 0 0; background: url(../images/share.gif) -30px 0 no-repeat !important; overflow: hidden; }
.bdshare .bdshare-button-style0-16 .bds_tsina { height: 30px; padding: 0 0 0 30px; margin: 0 5px 0 0; background: url(../images/share.gif) -60px 0 no-repeat !important; overflow: hidden; }
.bdshare .bdshare-button-style0-16 .bds_more { height: 30px; padding: 0 0 0 30px; margin: 0 5px 0 0; background: url(../images/share.gif) -90px 0 no-repeat !important; overflow: hidden; }
#fb-2{ float:right;}
#fb-2 p{ clear:both; color:#999; text-align:right;}
#fb-2 .ewm ul{ float:right; display:block; padding-bottom:20px;}
#fb-2 .ewm li{ float:left; width:120px; padding-left:30px; text-align:center}
#fb-2 .ewm li span{ display:block; color:#999; padding-top:5px;}
#flink{ height:50px; line-height:50px; background:#1b1d1e;}
#flink a{ display:inline-block; color:#999; padding:0 10px;}
#flink p{ width:1200px; color:#666; margin:0 auto;}
#flink p span{ float:right;}

/*==================== 内页通用 ====================*/
#banner { position: relative; width: 1920px; height: 240px; margin: 0 -360px; background: #fff; }
.area { padding:20px 0; zoom: 1; }
.side { float: left; width:240px;}
#mainCont { padding-left:260px;}

/*栏目分类*/
#sort{ padding-bottom:20px;}
#sort h3{ color:#fff; font-size:24px; line-height:72px; padding-left:40px; background:#f08c00 url(../images/icon1.png) 190px center no-repeat;}
#sortCont{ padding:0px; border:solid 1px #d9d9d9; border-width:0 1px; background:#fff;}
#sort li{  border-bottom:solid 1px #d9d9d9;}
#sort li a{ display:block; color:#666; font-size:14px; line-height:50px; padding-left:40px; background:url(../images/icon5.gif) 197px center no-repeat;}
#sort li a:hover{ color:#0060bf;}
#sort li.shover a,#sort li.shover a:hover{color:#0060bf; font-weight:bold;}
/*联系我们*/
#scont h3{ color:#fff; font-size:24px; line-height:72px; padding-left:40px; background:#542b01 url(../images/icon1.png) 190px center no-repeat;}
#sconts { font-size:14px; text-align:center; border:solid 1px #d9d9d9; border-width:0 1px;}
#sconts li{ height:90px; border-bottom:solid 1px #d9d9d9;}
#sconts li.tel a{ display:block; color:#666; text-decoration:none; padding:21px 0 49px 0; background:url(../images/tel.gif) center 43px no-repeat;}
#sconts li.gbook{ height:auto; color:#666; padding:14px;}
#sconts li.gbook p{ padding:6px 0 6px;}
#sconts li.gbook a{ display:inline-block; width:100px; height:30px; color:#fff; line-height:30px; text-align:center; background:#0060bf;}
/*当前位置*/
#position{ line-height:20px; padding:25px 20px; border:solid 1px #e4e4e4; background:#f8f8f8;}
#position span{ float:right; color:#555;}
#position span a{ display:inline-block; color:#666; padding:0 13px 0 8px; background:url(../images/icon5.gif) right center no-repeat;}
#position span a.home{ padding:0 8px; background:none;}
#position span a:hover{ color:#0857b0;}
#position strong{ color:#0857b0; font-size:18px;}
#content{padding:40px; border:solid 1px #e4e4e4; border-top:0; background:#fafafa;}
#title{ color:#000; font-size:22px; line-height:30px; text-align:center; font-weight:normal;}
#desc{ color:#666; font-size:14px; text-align:center; padding-bottom:20px;}
#c_text{ min-height:400px; color:#4c4c4c; font-size:14px; line-height:24px;}
#c_text div,#c_text p{ margin-bottom:20px;}
#c_text table,#c_text tr,#c_text td{ color:#333; line-height:25px !important; border:solid 1px #ccc; border-collapse:collapse;}
#c_text table div{ margin:0; padding:0;}
#c_text td{ padding:0 20px;}
/*==================== 列表部分 ====================*/
/*产品列表*/
#productList{ padding-top:16px;}
#productList ul{ width:780px; padding-bottom:20px;}
#productList li{ float:left; width:236px; height:298px; margin:0 16px 16px 0; border:solid 1px #e4e4e4; background:#fff;}
#productList li.bg{ border:solid 1px #adcae7; background:#f8f8f8;}
#productList li p{ margin:0 19px;}
#productList li .tit{ height:40px; font-size:14px; line-height:40px; padding-top:3px; border-bottom:solid 1px #ccc; overflow:hidden;}
#productList li .gg{ color:#000; font-size:12px; line-height:42px;}
#productList li .gg b{ color:#000; font-size:16px; font-weight:normal;}
#productList li a:hover{ color:#0060bf;}
#productList li .order a{ display:inline-block; width:90px; height:30px; color:#fff; text-decoration:none; line-height:30px; text-align:center; background:#0060bf;-webkit-transition: background .15s linear; -moz-transition: background .15s linear;}
#productList li .order a:hover{ color:#fff; background:#f60;}
/*图片列表*/
#albumList{ padding-top:16px;}
#albumList ul{ width:780px;}
#albumList li{ float:left; width:236px; height:px; margin:0 13px 16px 0; border:solid 1px #e4e4e4; background:#fff;}
#albumList li img{ width:216px; height:150px; padding:10px;}
#albumList li.bg{ border:solid 1px #adcae7; background:#f8f8f8;}
#albumList li p{ padding:0 19px;}
#albumList li .tit{ height:40px; font-size:14px; line-height:20px; padding-bottom:10px; border-bottom:solid 1px #ccc;}
#albumList li a:hover{ color:#0060bf;}
#albumList li.bg .tit{ border-bottom:solid 1px #adcae7;}
#albumList li.bg a{ color:#0060bf;}
/*文章列表*/
#newsList{ padding:20px 0 50px;}
#newsList ul{ padding-bottom:10px;}
#newsList h3{ text-align:center; margin:0 auto; padding:0 0 30px;}
#newsList h3 strong{ display:block; color:#333; font-size:20px; font-weight:normal;}
#newsList h3 span{ color:#000; font-size:30px; line-height:30px; font-family:"Times New Roman"; font-weight:normal;text-transform : uppercase;}
#newsList ul{ width:746px; margin:0 auto;}
#newsList li{ height:150px; margin-bottom:15px; border:solid 1px #d9d9d9; background:#fff;}
#newsList li.bg{ border:solid 1px #adcae7; background:#f8f8f8;}
#newsList li.bg a{ color:#0a60cd;}
#newsList li .pic{ float:left;}
#newsList li .txt{ padding:30px 30px 0 220px;}
#newsList li .txt h4{ font-size:18px; font-weight:normal;}
#newsList li .txt h4 a:hover{ color:#0a60cd;}
#newsList li .txt .date{ padding:5px 0 10px;}
#newsList li .txt .desc{ height:40px;overflow:hidden;}

/*列表分页符*/
.pageNavi { text-align: center; }
.pageNavi span, .pageNavi b, .pageNavi a { display: inline-block; color: #66583c; font-size: 12px; font-weight: normal; text-decoration: none; line-height: 28px; margin: 0 2px; padding: 0 12px; border: solid 1px #ccc; background:#fff; }
.pageNavi b { color: #fff; border: solid 1px #0a60cd; background: #0a60cd; }
.pageNavi a:hover { color: #0a60cd; border: solid 1px #cedff5; background: #e6effa; }
/*分页符*/
.pages { text-align: center; }
.pages span, .pages b, #c_text .pages a { display: inline-block; color: #666; font-size: 12px; font-weight: normal; text-decoration: none; line-height: 30px; margin: 0 2px; padding: 0 15px; border: solid 1px #e6e6e6; background: #eee; }
.pages b { color: #fff; border: solid 1px #0a60cd; background:#0a60cd; }
#c_text .pages a:hover { color: #383845; border: solid 1px #e1e1e3; background: #ededef; }