/*

技术支持：猎人传媒 www.srlrcm.cn
Powered By S.Y.Jang
Build201609

*/

/* 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,#snh:after,#inMain:after,#productShow:after,#ni:after,#scbox: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,#footWrap,#bannerWrap { width: 1200px; margin: 0 auto; }
/*==================== 页眉部分 ====================*/
#head { position: relative; width: 1920px; margin: 0 -360px; background:#fff;}
#tips { line-height: 35px; background: #0f5499; }
#tips span{ float:right;}
#tips span a.cn{ display:inline-block; padding:0 10px 0 32px; background:url(../images/cn.gif) left center no-repeat;}
#tips span a.en{ display:inline-block; padding:0 10px 0 32px; background:url(../images/en.gif) left center no-repeat;}
#tips h3 { width: 1200px; color: #fff; font-weight: normal; margin: 0 auto; }
#top { width: 1200px; height:90px; margin: 0 auto; background:#fff url(../images/hotline.gif) right center no-repeat; }
#logo { float:left; padding:15px 0; overflow:hidden;}
#nav { float:right;width: 800px; padding-left:50px;}
#nav ul { width: 800px; margin: 0 auto; }
#nav li { position: relative; float: left; width: 100px; text-align:center; margin: 0;}
#nav li a { display: block; color: #333; font-size: 15px; line-height: 90px; text-decoration: none; padding: 0; }
#nav li.navHere { background: url(../images/nav_line.gif) center bottom repeat-x; }
#nav li.navHere a { color:#0f5499; text-decoration: none; }
#nav li.curr{ background: url(../images/nav_line.gif) center bottom repeat-x;}
#nav li.curr a,#nav li.curr a:hover{color:#ce0d0f; text-decoration: none;}
#nav .navMenu { position: absolute; display: none; left:0px; width:100px; text-align:center; padding: 10px 0; background: #0f5499; opacity: 0.9; z-index: 999; }
#nav li .navMenu a { display: block; color: #fff !important; font-size: 13px; line-height: 30px; padding: 0 10px;}
#nav li .navMenu a:hover { color: #ff0 !important; background-image: none; background-color: #b30000; }
#nav li .pp{ width:580px; padding:15px 0 10px 20px;}
#nav li .pp a{ text-align:left; background:none !important;}
#nav li .pp a:hover{ text-decoration:underline;}
#nav li .pp strong a{ font-size:16px;}
#nav li .p2{ padding-bottom:9px;zoom:1;}
#nav li .p2 a{ float:left; display:inline-block; width:110px; line-height:25px;}
#nav li .p2 a:hover{ background:none;}
/*==================== 主体部分 ====================*/
.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; }
.changeDiv { position: absolute; display: none; }
.changeDiv h3 { position: absolute; left: 0px; bottom: 0; width: 1920px; 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: 16px; height: 16px; 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) -16px 0 no-repeat; overflow: hidden; }
.ul_change_a3 span.on { color: #fff; background-position: 0 0; opacity: 1; filter: alpha(opacity=100); }

#snh{ width:1200px; margin:0 auto;zoom:1;}
#snh-1{ float:left; width:600px; height:368px; background:#f5f5f5;}
#snh-2{ float:left; width:400px; height:368px; background:#fff;}
#snh-3{ float:left; width:200px; height:368px; background:#f5f5f5;}

#service h3{ font-size:18px; font-weight:normal; padding:20px 44px;}
#services{ position:relative; width:512px; height:270px; margin:0 auto;}
#ss li { float:left; width:170px; height:240px; margin-right:1px; overflow:hidden; }
#ss li a { position:relative; display:block; color:#fff; text-decoration:none; }
#ss li span { position:absolute; display:block; font-size:16px; line-height:30px; padding-top:15px;}
#ss li.s1{ background:#0081d1;}
#ss li.s1 h4{ font-size:14px; text-align:left; padding:15px 20px 4px;}
#ss li.s1 p{ height:36px; text-align:left; font-size:12px; line-height:18px; padding:0 20px; overflow:hidden;}
#ss li.s1 .more{  display:block; width:160px; height:20px; font-size:12px; text-align:left; padding-left:10px; margin-top:25px; background:#0041ab; overflow:hidden;}
#ss li.s1 .more i{ float:right; font-style:normal; width:20px; height:20px; text-align:center; background:#001173; overflow:hidden;}
#ss li.s2 a{ display:block; color:#fff;}
#ss li.s2 a p{ display:none;}
#ss li.s2 a:hover p{ display:block;}
#ss li.s2 a p{ position:absolute; left:0; top:0; width:170px; height:240px; color:#fff; background:#000; opacity:.6; filter:alpha(opacity=60) }
#ss li.s2 a p strong{ display:block; font-size:14px; padding:30px 0 10px;}
#ss li.s2 a p span{ display:block; font-size:12px; line-height:20px; text-align:left; padding:0 20px;}
#ss li.s3{ background:#f05000;}
#ss li.s3 h4{ font-size:14px; text-align:left; padding:15px 20px 4px;}
#ss li.s3 p{ height:36px; text-align:left; font-size:12px; line-height:18px; margin-bottom:25px; padding:0 20px; overflow:hidden;}
#ss li.s3 .more{  display:block; width:160px; height:20px; font-size:12px; text-align:left; padding-left:10px; background:#e21900; overflow:hidden;}
#ss li.s3 .more i{ float:right; font-style:normal; width:20px; height:20px; text-align:center; background:#c80200; overflow:hidden;}
#ss .hd { height:10px; padding-right:10px; }
#ss .prev { display:block; width:38px; height:71px; line-height:71px; position:absolute; left:-95px; top:90px; overflow:hidden; cursor:pointer; background:url(../images/arrow.gif) no-repeat; }
#ss .next { display:block; width:38px; height:71px; line-height:71px; position:absolute; right:-95px; top:90px; overflow:hidden; cursor:pointer; background:url(../images/arrow.gif) -38px 0 no-repeat; }
#ss .hd ul { position:absolute; left:0; bottom:0; text-align:center; overflow:hidden; zoom:1; margin:0; padding:0; }
#ss .hd ul li { position:relative; _display:inline; float:left; width:10px; height:10px; overflow:hidden; margin-right:5px; padding:0; text-indent:-999px; background:url(../images/slideNum2.png) -10px 0 no-repeat; cursor:pointer; }
#ss .hd ul li.on { background: url(../images/slideNum2.png) 0 0 no-repeat; }
#ss .bd { padding:0; }
#ss .bd ul { overflow:hidden; zoom:1; }
#ss .bd ul li { margin:0; text-align:center; float:left; _display:inline; overflow:hidden; }


.news h3{font-size:18px; font-weight:normal; padding:20px 44px;}
.newsCont{ font-size:14px; padding:0 45px;}
.newsCont li{ padding-bottom:18px;}
.newsCont li span{ display:block; color:#999;}

#honors{ width:160px; margin-left:20px; padding-top:10px; overflow:hidden;}
#honor h3{font-size:18px; font-weight:normal; padding:20px 30px;}
#hh{ position:relative;}
#hh li { float:left; width:160px; height:240px; text-align:center; margin-right:1px; overflow:hidden; }
#hh li a { display:block; color:#fff; text-decoration:none; }
#hh li span { display:block; font-size:12px; line-height:30px; padding-top:5px;}

#hh .hd { position:absolute; height:6px; padding-bottom:10px; }
#hh .hd ul {  text-align:center; overflow:hidden; zoom:1; margin:0; padding:0; }
#hh .hd ul li { position:relative; _display:inline; float:left; width:6px; height:6px; overflow:hidden; margin-right:2px; padding:0; text-indent:-999px; background:url(../images/slideNum3.png) -6px 0 no-repeat; cursor:pointer; }
#hh .hd ul li.on { background: url(../images/slideNum3.png) 0 0 no-repeat; }

#hh .bd { padding:16px 0 0 0; }
#hh .bd ul { overflow:hidden; zoom:1; }
#hh .bd ul li { margin:0; text-align:center; float:left; _display:inline; overflow:hidden; }

#about{ width:1200px; margin:0 auto;}
#abouts{ position:relative; width:1920px; margin:0 -360px;}
/*展示*/
#pd{ width:1200px; margin:0 auto; padding:70px 0 80px; overflow:hidden;}
#pd h3{ font-size:18px; text-align:center; padding-bottom:25px;}
#pd h3 strong{ display:block; padding-bottom:5px;}
#pd h3 span{ color:#999; font-weight:normal;}
#pd ul{ width:1230px;}
#pd li{ float:left; width:380px; font-size:16px; padding-right:30px;}
#pd li span{ display:block; text-align:center; padding-top:15px;}
#pd li span a{ color:#333;}
/**/

/*最新动态*/
#newsWrap { background: #f5f5f5; }
#news { width: 1200px; margin: 0 auto; padding: 50px 0; }
#news h3 { text-align: center; padding-bottom: 0px; }
#news h3 strong { display: block; color: #012e99; font-size: 24px; line-height: 30px; font-weight: lighter; background: url(../images/tbg1.gif) center 10px no-repeat; }
#news h3 span { display: block; color: #999; font-size: 18px; line-height: 20px; font-weight: lighter; text-transform : uppercase; padding-top: 6px; }
#news h4 { color: #999; font-weight: normal; text-align: center; padding: 10px 0 20px; }
#news h4 a { display: inline-block; color: #666; font-size: 16px; padding: 0 10px; }
#newsCont { width: 1200px; overflow: hidden; }
#newsCont ul { width: 1280px; }
#newsCont li { float: left; width: 285px; height: 300px; margin-right: 20px; background: #fff; overflow: hidden; }
#newsCont li img { -webkit-filter: grayscale(.3); }
#newsCont li a { text-decoration: none; }
#newsCont li a:hover div { color: #fff; background: #0060bf; transition: all .3s linear; }
#newsCont li a:hover strong { color: #fff; }
#newsCont li a:hover p { color: #fff; }
#newsCont li a:hover b { position: absolute; left: 30px; bottom: 18px; width: 24px; height: 24px; background: url(../images/icon_arrow2.png) no-repeat; }
#newsCont li a:hover img { -webkit-filter: grayscale(0); }
#newsCont li div { position: relative; width: 285px; height: 140px; overflow: hidden; }
#newsCont li strong { display: block; height: 20px; color: #000; font-size: 16px; font-weight: normal; margin: 15px 30px; overflow: hidden; }
#newsCont li p { height: 36px; color: #666; line-height: 18px; padding: 0 30px; overflow: hidden; }
#newsCont li b { position: absolute; left: 30px; bottom: 18px; width: 24px; height: 24px; background: url(../images/icon_arrow.png) no-repeat; }

#khbox{width:1200px; margin:0 auto;}
#kh{ position:relative; width:1920px; margin:0 -360px; padding:50px 0;background:#fff;}
#kh h3{width:1200px; margin:0 auto; color:#012e99; font-size:22px; font-weight:normal; line-height:25px;}
#khCont{width:1200px; margin:0 auto; padding-top:15px;}
#kh li{ float:left; margin-right:10px;}
#kh li img{ border:solid 1px #e0e0e0;}
#kh li span{ display:block; text-align:center; padding:5px 0 0;}
/*==================== 页脚部分 ====================*/
#scboxs { background: #0072b8; }
#scbox { width: 1200px; margin: 0 auto; padding:0; zoom: 1; }
#subnav { float: left; padding:40px 0; }
#subnav li { float: left; padding-right:70px;}
#subnav li strong { display: inline-block; color: #fff; font-size: 14px; padding-bottom: 5px; }
#subnav li a { color: #d4e1ee; font-size: 12px; line-height: 22px; }
#subnav li a:hover { color: #ff0; }
#subnav li.s6{ padding-right:30px;}
#contact { float: left; width:230px; color: #d4e1ee; font-size: 12px; line-height: 22px;padding:40px 0 0; }
#contact h3 { color: #d4e1ee; font-size: 16px; font-weight: normal; padding-bottom: 10px; border-bottom: solid 1px #dedede; }
#contact span { color: #d4e1ee; font-size: 14px; padding-left: 6px; }
#contacts { text-align:right; padding: 15px 0 0;}
#contact .tel{ color:#d4e1ee; font-size:13px; text-align:right; padding:0 50px 0 0; background:url(../images/icon_tel.png) right center no-repeat;}
#contact .tel strong{ color:#fff; font-size:22px; font-weight:lighter;}
#contact .c{ font-size:13px; text-align:right; padding-top:10px;}
#contact .d{ font-size:13px; text-align:right;}
#ewmbox{ float:right; width:190px; min-height:237px; text-align:center; background:#b8cfe8;}
#ewmbox h3{ color:#004994; font-size:15px; padding:24px 0 0;}
#ewmboxs{ padding:20px 0 0 0;}
#foot { color: #33b1ff; line-height: px; background: #113c88; }
#copyright { width: 1200px; line-height: 40px; margin: 0 auto; }
#copyright a { color: #33b1ff; }
#copyright span{ float:right; display:block; width:190px; color:#004994; text-align:center; background:#a9c2db;}
#copyright span a{ color:#004994;}
/*==================== 内页通用 ====================*/
#banner { position: relative; width: 1920px; margin: 0 -460px; }
#inMain { width: 1000px; margin: 0 auto; padding: 40px 0 60px; 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; }
/*联系我们*/
#contact { background: url(../images/contact_bg.jpg) right bottom no-repeat; }
#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; }
#c_text { min-height:300px; color: #4c4c4c; font-size: 14px; line-height: 24px; }
#c_text div, #c_text p { margin-bottom: 20px; }
#c_text img{ max-width:664px;}
#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 16px 16px 0; border: solid 1px #e4e4e4; background: #fff; }
#albumList li img { width: 216px; height:px; 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 a:hover { color: #0060bf; }
#albumList li.bg .tit { border-bottom: solid 1px #adcae7; }
#albumList li.bg a { color: #0060bf; }
/**/
#caseList{ width:1000px; overflow:hidden;}
#caseList ul{ width:1020px; padding-top:15px;}
#caseList li { float: left; text-align:center; margin: 0 10px 10px 0; background:#fff; }
#caseList li div{ padding:0 0 10px;}
#caseList li a{ display:block; border:solid 1px #e0e0e0;}
#caseList li a:hover{ color:#da272a;}
#caseList li strong{ font-weight:normal; font-size:14px;}
/*文章列表*/
#newsList { padding: 20px 0 0 0; }
#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: 20px 30px 0 220px; }
#newsList li .txt h4 { max-height:40px; font-size: 18px; font-weight: normal; overflow:hidden; }
#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; }
