﻿@charset "utf-8";
html { color: #000; background: #FFF; overflow-y: scroll; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
li { list-style: none; }
body { color: #666; font-size: 12px; font-family: "宋体"; } /*网站字体颜色*/
a { color: #666; text-decoration: none; }  /*for ie f6n.net*/
a:focus { outline: 0; } /*for ff f6n.net*/
a:hover { text-decoration: none; color: #000 }
.vam { vertical-align: middle; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
p { word-spacing: -1.5px; }
.clearfix { zoom: 1; }
.clearfix:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; line-height: 0; }
.tr { text-align: right; }
.tl { text-align: left; }
.center { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.pa { position: absolute; }
.pr { position: relative }
/* -- 页面整体布局 -- */
.header, .content, .footer { width: 1002px; margin: 0 auto; overflow: hidden; }
.h_nav li a:-webkit-any-link {
display:block;
text-align:center;
}
/*全屏FLASH*/
#flashs { position: relative; height: 428px; overflow: hidden; }
#flashs .bgitem { z-index: 1; position: absolute; top: 0; left: 0; }
#flashs .btn { position: absolute; z-index: 7; bottom: 25px; right: 46%; margin-right: -450px; padding: 5px 6px; z-index: 101 }
#flashs .btn span { color: #C30101; background: #fff; border: 1px solid #C30101; cursor: pointer; display: inline-block; margin-left: 5px; padding: 2px 6px; }
#flashs .btn span.cur { background: #C30101; color: #fff; }
.h_wrap { background: url(../images/hdw.gif) left bottom repeat-x; height: 180px; overflow: hidden; margin: 0 auto; }
.h_mid { height: 91px; padding: 20px 0 0; overflow: hidden; font-family: "Microsoft YaHei"; }
.h_mid .logo { float: left; }
.h_mid .logo img { display: block; }
.h_tel { padding: 5px 0 0 70px; font-size: 14px; color: #333; overflow: hidden; background: url(../images/hd_tel.jpg) left center no-repeat; }
.h_tel b { font-size: 28px; color: #e60000; display: block; }
.h_nav { height: 49px; line-height: 49px; margin-top: 20px; overflow: hidden; clear: both; }
.h_nav ul { width: 1000px; overflow: hidden; float: left; }
.h_nav li { float: left; font-size: 14px; width: 111px; position: relative; font-family: "Microsoft YaHei"; }
.h_nav li a { display: inline-block; color: #fff; padding: 0 14px; }
.h_nav li.lispan a { padding: 0 14px 0 30px; background: url(../images/hd_n_ic.png) 5px 17px no-repeat; display: inline-block; }
.h_nav li:hover, .h_nav .cur { text-decoration: none; color: #fff; background: rgba(163, 176, 241, 0.58); }
.ftWrap { height: 210px; margin: 0 auto; font-family: "Microsoft YaHei"; background: url(../images/ftw.gif) left top repeat-x; height: 270px; }
.ftWrap .footer { position: relative; }
.ft_lg { left: 60px; top: 70px; z-index: 3; }
.ft_nav { text-align: center; color: #fff; line-height: 42px; height: 42px; overflow: hidden; }
.ft_nav a { color: #fff; padding: 0 13px; width: 90px; display: inline-block; }
.ftWrap ul { padding: 27px 0 0 18px; margin: 0 0 0 300px; color: #666; background: url(../images/ft_l.png) left 38px no-repeat; }
.ftWrap ul li { line-height: 26px; font-size: 14px; }
.ftWrap ul span { display: inline-block; margin: 0 14px; }
/*wt*/
.wt { font-family: "Microsoft YaHei"; margin: 51px 0 0; height: 400px; overflow: hidden; }
.wt h3 { height: 74px; overflow: hidden; background: url(../images/st_t.gif) center 12px no-repeat; text-align: center; font-family: "Microsoft YaHei"; }
.wt h3 p { line-height: 26px; height: 26px; overflow: hidden; font-size: 20px; color: #0758B3; }
.wt h3 p b { color: #000; }
.wt h3 span { display: block; line-height: 26px; font-weight: 100; color: #666; font-size: 16px; line-height: 24px; }
.wt_c dl { float: left; display: inline; width: 222px; overflow: hidden; margin: 0 38px 0 0; }
.wt_c .lst { margin: 0; }
.wt_c dt img { display: block; width: 210px; height: 145px; overflow: hidden; padding: 5px; border: 1px #ebebeb solid; vertical-align: top; }
.wt_c dd h4 { font-family: "Microsoft YaHei"; font-weight: 100; padding: 2px 0 0; text-align: center; line-height: 43px; height: 43px; overflow: hidden; font-size: 16px; }
.wt_c dd h4 a { color: #0a0909; }
.wt_c dd p { line-height: 23px; color: #666; padding: 0 10px 0 8px; text-align: justify; height: 75px; overflow: hidden; }
.wt_c dd span a { display: inline-block; margin: 0 0 0 54px; padding: 0 0 0 21px; width: 95px; line-height: 30px; height: 30px; overflow: hidden; font-size: 12px; color: #0758B3; background: url(../images/st_bt.gif) left top no-repeat; }
/*inf*/
.inf { padding: 30px 0 0; height: 400px; overflow: hidden; font-family: "Microsoft YaHei"; }
.inf_l { width: 440px; overflow: hidden; }
.inf_l dl { width: 376px; verflow: hidden; }
.inf_l dt img { display: block; width: 376px; height: 228px; overflow: hidden; vertical-align: top; }
.inf_l dt { height: 235px; overflow: hidden; }
.inf_l dl dd h4 { text-align: center; line-height: 40px; height: 40px; font-size: 14px; font-weight: 100; font-family: "Microsoft YaHei"; }
.inf_l dl dd a { color: #000; }
.inf_l dl p { line-height: 22px; color: #666; height: 45px; overflow: hidden; }
.inf_l dl p a { color: #d30000; }
.inf_r { width: 530px; overflow: hidden; }
.inf_r .inf_t { margin: 0 0 0 58px; }
.inf2_c { clear: both; }
.inf2_c dl { width: 565px; height: 112px; overflow: hidden; }
.inf2_c dt img { display: block; width: 146px; height: 88px; overflow: hidden; }
.inf2_c dt { float: left; }
.inf2_c dl dd { width: 280px; overflow: hidden; float: left; }
.inf2_c dl dd h4 { font-weight: 100; line-height: 20px; padding: 0px 10px; text-align: left; font-size: 14px; font-family: "Microsoft YaHei"; }
.inf2_c dl dd h4 a { color: #000; }
.inf2_c dl p { line-height: 22px; padding: 0px 10px; color: #666; height: 45px; overflow: hidden; }
.inf2_c dl p a { color: #d30000; font-size: 12px; text-transform: uppercase; }
.inf2_c ul { width: 623px; overflow: hidden; clear: both; }
.inf2_c ul li { width: 400px; height: 30px; line-height: 30px; padding: 0 0 0 30px; background: url(../images/inf_ic.gif) left 6px no-repeat; border-bottom: 1px dotted #CCC; display: block; }
.inf2_c ul li a { color: #666; font-size: 14px; width: 300px; }
.inf2_c ul li span { float: right }
.inf2_c ul li:hover a, .inf2_c ul li:hover span { color: #000 }
/*rd*/
.rd { clear: both; padding: 10px 0 0; height: 220px; overflow: hidden; font-family: "Microsoft YaHei"; }
.rd h3 { height: 70px; line-height: 74px; overflow: hidden; background: url(../images/rd_tl.gif) center 34px no-repeat; text-align: center; font-family: "Microsoft YaHei"; }
.rd h3 a { overflow: hidden; font-size: 20px; color: #0758B3; }
.rd h3 b { color: #000; }
.rd li { clear: both; padding: 10px 0 0; line-height: 32px; }
.rd li b { font-family: "Microsoft YaHei"; display: inline-block; padding: 0 0 0 20px; width: 85px; float: left; font-size: 16px; color: #333; background: url(../images/rd_ic.jpg) left 9px no-repeat; }
.rd li p { width: 895px; overflow: hidden; float: right; }
.rd li p a { display: inline-block; padding: 0 20px; font-size: 14px; background: url(../images/rd_l.gif) right 10px no-repeat; }
.rd li p .lst { background: none; }
.rd li p span a { color: #0758B3; background: none; padding: 0 0 0 20px; }
.rd2 { background: #FFFFFF; }
.inf_t { font-family: "Microsoft YaHei"; height: 60px; line-height: 37px; overflow: hidden; background: url(../images/inf_l.gif) left 37px repeat-x; }
.inf_t h3 { float: left; border-bottom: 4px #0758B3 solid; }
.inf_t h3 a { display: inline-block; overflow: hidden; font-size: 20px; color: #0758B3; }
.inf_t h3 a b { color: #000; }
.inf_t .fr { display: inline-block; padding: 0 23px; color: #333; background: url(../images/rd_ic.jpg) right 12px no-repeat; }
/**/
/*------产品中心---------*/
.tel_01 { width: 230px; height: 177px; padding: 10px 0 0 10px; color: #FFF; font-style: italic; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; background: url(../images/fen_lx.jpg) no-repeat left top; }
.o_cont { position: relative; width: 960px; height: 100%; margin: 0 auto; }
.pic_cont { padding: 10px 20px 0 20px; height: 245px; overflow: hidden; }
.pic_hide { width: 819px; height: 245px; margin-left: 30px; display: inline; overflow: hidden; }
.pic { float: left; width: 269px; height: 245px; margin-right: 6px; overflow: hidden; }
.pic dt { width: 255px; height: 198px; padding: 5px 7px 0 7px; background: url(../images/pic_bg.gif) no-repeat; }
.pic dt img { width: 255px; height: 189px; vertical-align: top; }
.pic dd { padding-top: 10px; text-align: center; }
.pic dd a { color: #666; font-size: 14px; }
.arr_lc, .arr_rc { width: 21px; height: 36px; margin-top: 78px; cursor: pointer; }
.pic_cont .nomg { margin-right: 0; }
/*------优势---------*/
.roll_case { padding-top: 17px; width: 960px; margin: 0 auto; }
.roll_nav { width: 230px; height: 405px; overflow: hidden; }
.roll_nav li { height: 51px; overflow: hidden; vertical-align: top; font-weight: bold; }
.roll_nav li a { padding-left: 44px; display: block; height: 51px; line-height: 51px; color: #666; background: url(../images/tab2.gif) no-repeat; }
.roll_nav li a:hover, .roll_nav .cur a { text-decoration: none; color: #fff; background: url(../images/tab2_o.gif) no-repeat; }
.roll_nav ul { padding-bottom: 20px; }
.roll_box { width: 720px; height: 405px; overflow: hidden; }
.roll_box li { float: left; width: 226px; height: 200px; margin: 0 7px; display: inline; }
.roll_box li img { width: 230px; height: 147px; padding: 4px; border: 1px solid #ddd; display: block; }
.roll_box li p { text-align: center; padding-top: 10px; height: 20px; line-height: 20px; overflow: hidden; }
.roll_box li p a { color: #666; font-size: 14px; }
.gg01 { width: 100%; height: 125px; background: #208FF8; text-align: center; margin-top: 20px; }
.gg01 img { vertical-align: middle; top: 0; }
/*****************新闻动态***********************/
.dong h3 { font-weight: normal; height: 59px; }
.dong h3 a { color: #333; }
.dong h3 span { float: right; text-transform: uppercase; }
/***************单页样式*******************************/
/*wrap*/
#wrap { text-align: left; }
.page-banner1 { background: url(../images/banner2.jpg) no-repeat center; width: 100%; height: 306px; }
.page-nav { background: url(../images/page-nav-bj.png) repeat-x; width: 100%; height: 52px; line-height: 52px; }
.w982 { width: 982px; margin: 0 auto; zoom: 1; }
.pagenav { border-left: 1px solid #dddddd; border-right: 1px solid #ffffff; width: 980px; height: 52px; line-height: 52px; }
.location { border-left: 1px solid #ffffff; padding-left: 15px; height: 52px; line-height: 52px; }
.location span { font-family: "微软雅黑"; font-size: 12px; color: #a5a5a5; }
.location { font-family: "微软雅黑"; font-size: 12px; color: #7f7f7f; }
.location a { font-family: "微软雅黑"; font-size: 12px; color: #7f7f7f; }
.location a:hover { font-family: "微软雅黑"; font-size: 12px; color: #262626; }
.list-nav { height: 52px; line-height: 52px; border-right: 1px solid #dddddd; }
.list-nav ul li { float: left; border-left: 1px solid #e5e5e5; height: 52px; }
.list-nav ul li a { float: left; display: block; width: 93px; color: #717171; font-family: "微软雅黑"; font-size: 12px; height: 57px; text-align: center; }
.list-nav ul li a:hover { float: left; display: block; color: #ffffff; font-family: "微软雅黑"; font-size: 12px; background: url(../images/list-nav-hover.png) no-repeat; height: 57px; }
.list-nav ul li.on a { float: left; display: block; color: #ffffff; font-family: "微软雅黑"; font-size: 12px; background: url(../images/list-nav-hover.png) no-repeat; height: 57px; }
.page-content { background: url(../images/content.png) repeat-y; width: 908px; min-height: 420px; padding: 40px; line-height: 165%; }
.page-content h1{font-family:微软雅黑;color:#696969;font-size:16px;margin-bottom:15pt; text-align: center; line-height: 22.5pt; background-position: initial initial; background-repeat: initial initial;}
.w988 { width: 980px; margin: 0 auto; zoom: 1; }
.page-contentimgbg { background: url(../images/content_imgbg.jpg) top center; width: 988px; }
.page-content { background: url(../images/content.png) repeat-y; width: 908px; min-height: 420px; padding: 40px; line-height: 165%; }
.new-list-content { background: url(../images/content.png) repeat-y; width: 983px; min-height: 420px; padding-left: 5px; }
/***************新闻列表******************************/
.new-list { width: 921px; height: 90px; border-bottom: 1px dashed #d8d8d8; padding: 29px; }
.list-content { width: 920px; }
.list-content span a { display: block; font-family: "微软雅黑"; font-size: 16px; color: #373737; margin-bottom: 10px; }
.list-content span a:hover { display: block; font-family: "微软雅黑"; font-size: 16px; color: #D10E0E; }
.list-content p { line-height: 20px; margin-bottom: 3px; }
.list-content p a { display: block; font-family: "微软雅黑"; font-size: 14px; color: #848484; }
.list-content p a:hover { display: block; font-family: "微软雅黑"; font-size: 14px; text-decoration: underline; }
.list-btn { width: 239px; height: 27px; }
.list-btn a { width: 86px; height: 27px; text-align: center; line-height: 27px; font-family: "微软雅黑"; font-size: 12px; color: #ffffff; background: #8a8a8a; display: inline-block; }
.list-btn a:hover { width: 86px; height: 27px; text-align: center; line-height: 27px; font-family: "微软雅黑"; font-size: 12px; color: #ffffff; background: #d11111; display: inline-block; }
.list-btn span { width: 153px; height: 27px; text-align: center; line-height: 27px; font-family: "微软雅黑"; font-size: 12px; color: #818181; background: #f2e5e5; display: inline-block; }
/*******************产品列表***********************/

.s-item { background: #fff; padding: 10px; margin-bottom: 16px; }
.s-item a.pic { display: block; width: 265px; height: 190px; margin-bottom: 10px; overflow: hidden; }
.s-item a img { width: 255px; height: 180px; border: 1px solid #ccc; padding: 2px; }
.s-item .title h2 a { color: #666; }
.s-item .title { text-align: center; }
.s-item .title h2 { text-align: center; color: #666; font-size: 16px; font-family: "微软雅黑"; margin: 10px 0 6px; }
.new-content p, .new-content div { font-size: 14px; height: 30px; line-height: 30px; clear: both; height: auto; margin-bottom: 30px; }
/*********************上一页下一页*******************************/
.pernext { width: 100%; margin: 20px auto; padding-bottom: 20px; padding-top: 10px; }
.per { font-size: 14px; float: left; height: 20px; line-height: 20px; width: 100%; }
.per a, .next a { font-size: 14px; margin: 20px 0px; text-indent: 2em; margin: 26px 0; padding: 0; text-align: justify; line-height: 24px; color: #252525; font-family: "\5B8B\4F53", sans-serif; }
.per a:hover, .next a:hover { margin: 20px 0px; font-size: 14px; text-indent: 2em; margin: 26px 0; padding: 0; text-align: justify; line-height: 24px; color: #252525; font-family: "\5B8B\4F53", sans-serif; }
.next { font-size: 14px; float: left; height: 20px; line-height: 20px; width: 100%; margin-top: 5px; padding-bottom: 20px }
/*** 分页样式 ***/
.content-pagenation { padding: 35px 0; text-align: center; }
.content-pagenation li { display: inline-block; margin:3px;}
.content-pagenation li a, .content-pagenation li.thisclass { color: #303030; font-size: 0.8em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: #FFF; padding: 10px 12px; box-shadow: 0px 0px 5px #ADADAD; -webkit-box-shadow: 0px 0px 2px #ADADAD; -moz-box-shadow: 0px 0px 2px #ADADAD; -o-box-shadow: 0px 0px 2px #ADADAD; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.content-pagenation li.thisclass { background: #CD1F25; color: #FFF; }
.content-pagenation li.thisclass:hover, .content-pagenation li.thisclass:active { background: #CD1F25; color: #FFF; }
.content-pagenation li a:hover, .content-pagenation li.active a { background: #303030; color: #FFF; }
.fleft a, .fright a, .fleft, .fright { font-size: 14px; }
