/*

技术支持：猎人传媒 www.srlrcm.cn
Powered By S.Y.Jang
Build201603

*/

/* 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,li:after, #inMain:after, #productShow:after, #ni:after, #foot: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: 1000px; margin: 0 auto; }
/*==================== 页眉部分 ====================*/
#head { position: relative; width: 1680px; margin: 0 -340px; background: #fff; }
#tips { line-height: 35px; border-bottom:solid 1px #e6e6e6; background: #f6f6f6 url(../images/tbg2.gif) left top repeat-x; }
#tips span { float: right; }
#tips span a.cn { display: inline-block; padding: 0 10px 0 47px; border-left:solid 1px#e2e2e2; background: url(../images/lan_cn.gif) 15px center no-repeat; }
#tips span a.en { display: inline-block; padding: 0 12px 0 47px; border-left:solid 1px#e2e2e2; background: url(../images/lan_en.gif) 15px center no-repeat; }
#tips span a.cc{display: inline-block; padding-left:15px; border-left:solid 1px #e2e2e2;}
#tips h3 { width: 1000px; color: #4c4c4c; font-weight: normal; margin: 0 auto; }
#top { width: 1000px; height: 91px; margin: 0 auto; background: #fff url(../images/hotline.gif) right center no-repeat; }
#logo { float: left; padding: 22px 0; }
#nav { float: right; width: 730px; }
#nav ul { width: 1000px; margin: 0 auto; }
#nav li { position: relative; float: left; text-align: center; line-height: 30px; margin-left: 1px; }
#nav li a { display: block; color: #333; font-size: 14px; padding: 30px 18px; -webkit-transition: background .15s linear; -moz-transition: background .15s linear; }
#nav li a:hover, #nav li.curr a, #nav li.curr a:hover { text-decoration: none; background: url(../images/nav_li.gif) left bottom repeat-x; }
/*==================== 主体部分 ====================*/
.indexPage { background: #f5f8fc; }
#focus { position: relative; width: 1680px; height: 500px; margin: 0 -340px; background: #000; }
.changeBox_a3 { float: left; width: 1680px; height: 500px; position: relative; z-index: 1; }
.changeBox_a3 .a_bigImg { position: absolute; left: 0px; top: 0px; display: none; background: #000; }
.changeDiv { position: absolute; display: none; }
.changeDiv h3 { position: absolute; left: 0px; bottom: 0; width: 1680px; height: 30px; line-height: 30px; background: #fff; filter: alpha(opacity=70); opacity: 0.7; }
.changeDiv h3 a { display: block; padding-left: 15px; color: #FF6600; }
.ul_change_a3 { position: absolute; bottom: 20px; overflow: hidden; }
.ul_change_a3 li { float: left; }
.ul_change_a3 span { display: block; width: 12px; height: 12px; color: #fff; line-height: 20px; font-family: Arial; text-align: center; text-indent: -9999em; margin-left: 5px; filter: alpha(opacity=50); opacity: 0.9; cursor: hand; cursor: pointer; background: url(../images/slideNum.png) -12px 0 no-repeat; overflow: hidden; }
.ul_change_a3 span.on { color: #fff; background-position: 0 0; opacity: 1; filter: alpha(opacity=100); }
#main { width: 1200px; margin: 0 auto; }
/*产品推荐*/
#productHot { width: 1200px; margin: 0 auto; padding-bottom: 40px; }
#productHot h3 { position: relative; color: #052e80; font-size: 22px; line-height: 24px; font-weight: normal; padding: 40px 0 40px; }
#productHot h3 strong { position: relative; display: inline-block; font-weight: normal; }
#productHot h3 a{color: #052e80;}
#productHotCont { position: relative; width: 1200px; margin: 0 auto; }
#productHot ul { overflow: hidden; }
#productHot li { position: relative; float: left; width: 370px; padding-right: 45px; }
#productHot li span { display: block; height: 43px; font-size: 14px; line-height: 43px; padding: 0 20px; border-bottom: solid 2px #cfdaef; background: #fff; overflow: hidden; }
#productHot li a { display: block; width: 368px; height: 424px; text-decoration: none; border: solid 1px #e7e7e7; background: #fff; overflow: hidden; }
#productHot li img { padding: 9px; border-bottom: solid 1px #e6e6e6; }
#productHot li h4 { height: 20px; color: #333; font-size: 18px; text-align: left; font-weight: normal; margin: 24px 24px 20px; overflow: hidden; }
#productHot li div.list{ height:60px; overflow:hidden;}
#productHot li p { height: 20px; font-size: 13px; line-height: 25px; text-align: left; padding:0 10px 0 38px; background: url(../images/icon1.gif) 24px center no-repeat; overflow: hidden; }
#productHot li div.hover { position: absolute; left: 0; bottom: -426px; width: 370px; height: 426px; text-align: left; font-weight: normal; background: rgba(0,0,0,.7); background:#000\9; filter:alpha(opacity=70); z-index: 999; }
#productHot li div.hover a { display: block; height: 426px; color: #fff; text-decoration: none; border: 0; background: none; }
#productHot li div.hover strong { display: block;  font-size: 18px; margin-bottom: 8px; padding: 60px 30px 0; }
#productHot li div.hover i { display: block; width: 90px; height: 30px; color: #fff; font-style: normal; text-decoration: none; line-height: 30px; text-align: center; margin: 10px auto 0; background: #0060bf; }
#productHot li div.hover p.cc { height: auto; line-height: 20px; padding: 0 30px; background: none; }

#productHot .hd { position: absolute; top: -14px; left: 50%; height: 7px; padding-right: 10px; }
#productHot .prev { display: block; width: 35px; height: 35px; line-height: 5px; position: absolute; left: -55px; top: 196px; overflow: hidden; cursor: pointer; background: url(../images/arrow.gif) no-repeat; }
#productHot .prev:hover { background: url(../images/arrow.gif) 0 -35px no-repeat; }
#productHot .next { z-index: 9999; display: block; width: 35px; height: 35px; line-height: 35px; position: absolute; right: -55px; top: 196px; overflow: hidden; cursor: pointer; background: url(../images/arrow.gif) -35px 0 no-repeat; }
#productHot .next:hover { background: url(../images/arrow.gif) -35px -35px no-repeat; }
#productHot .hd ul { text-align: center; overflow: hidden; zoom: 1; margin: 0; padding: 0; }
#productHot .hd ul li { position: relative; _display: inline; float: left; width: 7px; height: 7px; overflow: hidden; margin-right: 5px; padding: 0; text-indent: -999px; background: url(../images/car_bar_num.gif) no-repeat; cursor: pointer; }
#productHot .hd ul li.on { background: url(../images/car_bar_num.gif) 0 -7px no-repeat; }
#productHot .bd { padding: 0; width: 1200px; overflow: hidden; }
#productHot .bd ul { overflow: hidden; zoom: 1; }
#productHot .bd ul li { margin: 0; text-align: center; float: left; _display: inline; overflow: hidden; }
/**/
#about { position: relative; width: 1920px; height:416px; margin: 0 -460px;  background:#0079c2 url(../images/about_bg.jpg) center  top no-repeat; }
#aboutCont{ width:1200px; margin:0 auto;}
#about .pic{ position:absolute; opacity:0;  left:-460px; top:65px;}
#about .pic img{ padding:8px; background:#fff;}
#about .txt{ position:relative; color:#fff; padding:80px 0 0 533px;}
#about .txt h4{ position:absolute; top:0; opacity:0; font-size:24px; font-weight:normal; padding-bottom:26px;}
#about  p.desc{ position:absolute; top:0; opacity:0; padding:0 0 30px;}
#about  p.more{ position:absolute; top:0; opacity:0;}
#about  p.more a{ display:inline-block; width:150px; height:38px; color:#bdd2e4; font-size:18px; line-height:38px; text-align:center; border:solid 1px #bdd2e4;}
/**/
#news h3{color: #052e80; font-size: 22px; line-height: 24px; font-weight: normal; padding: 40px 0 40px;}
#news h3 a{color: #052e80;}
#newsbox{ position:relative; width:1200px; height:392px; padding-bottom:50px; overflow:hidden;}
.n1{ position:absolute; top:0; left:0; width:760px; overflow:hidden;}
.n1 ul{ width:800px;}
.n1 li{ float:left; width:370px; padding-right:20px;}
.n1 li a{ color:#333; font-size:13px; line-height:24px;}
.n1 li .txt{ padding:20px 20px 45px; border:solid 1px #e6e6e6; background:#fff;}
.n1 li h4{ height:20px; padding-bottom:5px; overflow:hidden;}
.n1 li h4 a{ color:#0a58a8; font-size:18px; font-weight:normal;}
.n1 li p.date{ padding-bottom:10px;}
.n1 li p.info{ height:46px; font-size:13px; line-height:23px; overflow:hidden;}
.n2{ position:absolute; top:0; right:0; width:410px; overflow:hidden;}
.n2 li{ height:60px; padding-bottom:20px; overflow:hidden;}
.n2 .date{ float:left;}
.n2 .txt{ float:right; width:336px; padding-left:15px; border-left:solid 1px #dedede;}
.n2 .date .dd{ display:block; color:#888; font-size:38px; font-weight:bold; line-height:38px; text-align:center;}
.n2 .date .mm{ display:block; color:#888;}
.n2 .txt h4 a{ font-size:16px;}
.n2 .txt h4 a:hover{color:#0a58a8;}
.n2 .txt p{ height:40px; color:#666; line-height:20px; overflow:hidden;}

#scgm{ position:relative; width:1920px; margin:0 -360px; background:#fff;}
#scgms{ width:1200px; margin:0 auto; padding-bottom:50px; overflow:hidden;}
#scgms h3{color: #052e80; font-size: 22px; line-height: 24px; font-weight: normal; padding: 40px 0 20px;}
#scgms h3 a{color: #052e80;}
#scgms dl{ width:1280px;}
#scgms dd{ position:relative; float:left; width:285px; height:220px; padding-right:20px; overflow:hidden;}
#scgms dd span{ display:block; font-size:16px; text-align:center; padding:10px 0;}
#scgms dd a:hover{ color:#0a58a8;}
#scgms dd div{ position:absolute; top:-220px; width:285px; height:180px; line-height:25px; text-align:center; background:#115a9e; }
#scgms dd div a{ display:block; height:180px; color:#fff; padding:0 20px; text-decoration:none;}
#scgms dd div a:hover{ color:#fff;}
#scgms dd div p{ color:#dce6f1; font-size:20px; padding-top:60px;}
#scgms dd div strong{ font-size:18px;}
.changeBox_a2 { width: 1200px; height:270px; position: relative; z-index: 1; }
.changeBox_a2 .a_bigImg { position: absolute; left: 0px; top: 0px; display: none;}
.changeDiv h2 a { display: block; padding-left: 15px; color: #FF6600; }
.ul_change_a2 { position: absolute; bottom:0px; overflow: hidden; }
.ul_change_a2 li { float: left; }
.ul_change_a2 span { display: block; width: 12px; height:12px; 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/slideNum2.png) -12px 0 no-repeat; overflow: hidden; }
.ul_change_a2 span.on { color: #fff; background-position: 0 0; opacity: 1; filter: alpha(opacity=100); }
/*==================== 页脚部分 ====================*/
#foot{ position:relative; width:1920px; margin:0 -460px; background:#34373a;}
#foot a{ color:#b2b2b2;}
#foot .subnav{ width:1200px; margin:0 auto;}
#foot .subnav li{ float:left; height:160px; padding:50px; border-left:solid 1px #414447;}
#foot .subnav li strong,#foot .subnav li strong a{ color:#fff; font-size:18px; font-weight:normal;}
#foot .subnav li strong{ display:block; padding-bottom:10px;}
#foot .subnav li p{ height:25px; color:#b2b2b2; font-size:13px; line-height:25px; overflow:hidden;}
#foot .subnav li.a{ padding-left:0; border:0;}
#foot .subnav li p .e{ font-size:12px !important;}
#foot .subnav li.p{ width:220px; overflow:hidden;}
.ewm{ float:right; width:120px; color:#ccc; font-size:14px; text-align:center; padding:50px 0 0 0;}
.ewm p{ padding:10px 0;}
.copyright{ color:#b2b2b2; padding:15px 0; border-top:solid 1px #414447;}
.copyright strong{ float:right;}
#sidebox{ position:fixed; top:50%; right:0; margin:-250px 0 0 0; z-index:9999;}
#sidebox li{ padding-bottom:5px;}
#sidebox li a{ display:block; width:80px; height:80px; text-decoration:none; background:#397cbf url(../images/icon_s.png)}
#sidebox li a:hover{ background-color:#2a5b8c;}
#sidebox li a span{ display:block; color:#fff; line-height:25px; text-align:center; padding-top:50px;}
#sidebox li.tel{ position:relative;}
#sidebox li.tel div{ position:absolute; right:-250px; width:210px; height:80px; color:#fff; font-size:16px; line-height:80px; padding-left:25px; background:#f60;}
#sidebox li.tel a{background-position:0 -80px;}
#sidebox li.msg a{ background-position:0 0;}
#sidebox li.top a{ background-position:0 -160px;}
/*==================== 内页通用 ====================*/
#banner{ position:relative; width:1680px; margin:0 -340px;}
#inMain{ width:1000px; margin:0 auto; padding:30px 0 80px; zoom:1;}
#side{ float:left; width:230px;}
#mainCont{ float:right; width:746px;}
/*栏目分类*/
#sort{ padding-bottom:20px;}
#sort h3{ color:#fff; font-size:24px; line-height:72px; padding-left:40px; background:#073eac 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:#515151 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 8px 0 13px; background:url(../images/icon5.gif) left 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;}
.cpic{ padding-bottom:20px;}
.ctxt{ color:#4c4c4c; font-size:15px; line-height:25px; padding-bottom:20px;}
.ctxt h3{ color:#222;  line-height:25px; margin-bottom:10px; padding:0 0 5px 30px; border-bottom:dotted 1px #ccc; background:url(../images/icon6.gif) left top no-repeat;}
#c_text{ min-height:400px; color:#4c4c4c; font-size:15px; line-height:25px;}
#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;}
#c_text h3{ color:#222;  line-height:25px; margin-bottom:10px; padding:0 0 5px 30px; border-bottom:dotted 1px #ccc; background:url(../images/icon6.gif) left top no-repeat;}
/*==================== 列表部分 ====================*/
/*产品列表*/
#productList{ padding-top:16px;}
#productList ul{ width:748px; padding-bottom:20px;}
#productList li{  margin:0 0 16px 0; border:solid 1px #e4e4e4; background:#fff;zoom:1;}
#productList li .pic{ float:left;}
#productList li .txt{ padding:25px 20px 0 370px;}
#productList li .txt h4{ font-size:16px;}
#productList li.bg{ border:solid 1px #adcae7;}
#productList li.bg a{ color:#0060bf;}
#productList li .c{ height:168px; overflow:hidden; padding:10px 0 0 0;}
#productList li p{ height:20px; overflow:hidden; font-size:14px; padding:4px 5px 4px 10px;background: url(../images/icon1.gif) 0 12px no-repeat;}
#productList li a:hover{ color:#0060bf;}
/*产品列表*/
#productList2{ padding-top:16px;}
#productList2 ul{ width:748px; padding-bottom:20px;}
#productList2 li{  margin:0 0 16px 0;  border:solid 1px #e4e4e4; background:#fff;zoom:1;}
#productList2 li.bg{ border:solid 1px #adcae7;}
#productList2 li.bg a{ color:#0060bf;}
#productList2 li span{ color:#; font-size:16px; line-height:40px; padding-left:15px;}
#productList2 li a:hover{ color:#0060bf;}
/**/
#listWrap{ }
#textlist { padding:10px 30px 25px; border:solid 1px #e4e4e4; border-top:0; background:#fafafa;}
#textlist ul{ padding-bottom:20px;}
#textlist li{ padding:15px 0; border-bottom:solid 1px #e4e4e4;}
#textlist li h4{ font-size:16px;}
#textlist li p{ color:#666; padding:5px 0 0;}
/*图片列表*/
#albumList{ padding-top:16px;}
#albumList ul{ width:780px;}
#albumList li{ float:left; width:236px; text-align:center; margin:0 16px 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{ font-size:14px; line-height:20px; padding-bottom:10px; border-bottom:solid 1px #ccc; }
#albumList li .tit a{ display:block; height:20px; font-size:14px; line-height:20px;  overflow:hidden;}
#albumList li a:hover{ color:#0060bf;}
#albumList li.bg .tit{ border-bottom:solid 1px #adcae7;}
#albumList li.bg a{ color:#0060bf;}

/*列表分页符*/
.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; }