﻿@charset "utf-8"; /* CSS Document*/
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; }
ol, ul, li { list-style: none; }
img { border: 0; margin: 0; padding: 0; }
body { font-family: "微软雅黑"; font-size: 14px; }
a, em { text-decoration: none; font-style: normal; }
.clear { clear: both; height: 13px; overflow: hidden; }
a { cursor: pointer; }
.fl { float: left; }
.fr { float: right; }
/*顶部*/
.top { width: 100%; margin: 0 auto; }
.header { height: 29px; background: #f2f2f2; border-bottom: 1px solid #e5e5e5; }
.head { width: 1200px; margin: 0 auto; }
.wel { text-align: right; height: 30px; line-height: 30px; color: #5d5d5d; }
.wel span { float: left; font-size: 14px; display: block; width: 650px; text-align: left; }
.wel a { color: #000; }


.znen { position: absolute; top: 20px; right: 10px; font-size: 14px; }
.znen .zn { width: 90px; height: 27px; background: url(../images/znico.png) no-repeat left center; display: inline-block; line-height: 27px; text-indent: 2.2em; margin-right: 10px; }
.znen .en { width: 80px; height: 27px; background: url(../images/enico.png) no-repeat left center; display: inline-block; line-height: 27px; text-indent: 2.2em; }


.logo { float: left; margin-top: 35px; height: 98px; }
.topR_tel { position: relative; float: right; width: 288px; height: 72px; line-height: 35px; background: url(../images/tel.png) no-repeat left 60px; padding-top: 50px; font-size: 18px; text-align: right; display: block; }
.topR_tel b { color: #bf0908; font-size: 24px; font-weight: 600; padding-left: 10px; }
/*导航*/
.menu { background: #00418d; width: 100%; height: 50px; clear: both; }
.menu ul { width: 1200px; margin: 0 auto; }
.menu ul li { width: 120px; height: 50px; display: block; float: left; line-height: 50px; text-align: center; position: relative; }
.menu ul li:hover /*,.menu ul li.cur*/ { background: #1d7fd1; }
.menu ul li a { font-size: 16px; color: #fff; }
.menu ul li dl { position: absolute; z-index: 9999; left: 0; top: 50px; background: #1d7fd1; display: none; }
.menu ul li dl dd { width: 120px; line-height: 40px; }
.menu ul li dl dd a { width: 120px; line-height: 40px; display: block; font-size: 14px; }
.menu ul li dl dd a:hover { background: #53acf6; }


.concon { margin-top: 26px; }



/*banner*/
.banner { position: relative; height: 400px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; z-index: 1; }
.slides { position: relative; z-index: 1; }
.slides li { height: 400px; }
.flex-control-nav { position: absolute; bottom: 30px; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 50px; height: 3px; margin: 0 5px; *display: inline; zoom: 1; }
.flex-control-nav a { display: inline-block; width: 50px; height: 3px; overflow: hidden; background: #fff; cursor: pointer; }
.flex-control-nav .flex-active { background: #bf0908; }

.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; }
.flex-direction-nav li a { display: block; width: 50px; height: 38px; overflow: hidden; cursor: pointer; position: absolute; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.flex-direction-nav li a.flex-prev { left: 40px; background: url(../images/prev_icon.png) center center no-repeat; }
.flex-direction-nav li a.flex-next { right: 40px; background: url(../images/next_icon.png) center center no-repeat; }
.flex-direction-nav li a:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }

.main-left { position: relative; width: 254px; height: 250px; overflow: hidden; }
.focusbox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; _position: relative; }
.focusbox .flex-control-nav { position: absolute; right: 5px; bottom: 18px; display: block; z-index: 4; }
.focusbox .flex-control-nav li { margin: 0 5px 0 0; display: inline-block; zoom: 1; *display: inline; width: 10px; }
.focusbox .flex-control-nav li a { display: block; width: 8px; height: 8px; text-indent: -9999px; border: 1px solid #999; border-radius: 8px; cursor: pointer; overflow: hidden; }
.focusbox .flex-control-paging li a:hover { background: #333; }
.focusbox .flex-control-paging li a.flex-active { background: #f90; border-color: #f90; cursor: default; }


.main { background: #f6f3f3; width: 100%; overflow: hidden; clear: both; padding: 0px 0 50px 0; }
.main_Con { width: 1200px; margin: 0 auto; position: relative; }
.main_Con_t { padding-top: 26px; height: 210px; }


/*公用*/
.title { font-weight: bold; color: #474747; font-size: 16px; background: url(../images/icon.gif) left center no-repeat; padding: 10px 0 10px 10px; border-bottom: 1px solid #00418d; }
.title span { color: #bf0908; text-transform: uppercase; font-size: 14px; }
.more { padding-top: 6px; float: right; _margin-top: -33px; }
.more a { color: #034383; font-size: 13px; }
/*关于我们*/
.main_Con_t_L { float: left; width: 776px; }
.index_gywm { color: #333; font-size: 14px; line-height: 2.0em; padding-top: 24px; height: 211px; overflow: hidden; }
/*荣誉资质*/
.main_Con_t_M { float: right; width: 380px; }
.block { margin: 26px auto 20px; width: 332px; _width: 340px; }
.block .l { background: url(../images/l.png) left center no-repeat; display: block; width: 16px; height: 200px; }
.block .r { background: url(../images/r.png) left center no-repeat; display: block; width: 16px; height: 200px; }
.blnk { width: 290px; height: 210px; margin: 0 5px; float: left; background: #00418d; }
.blnk span { display: block; height: 40px; line-height: 40px; padding: 0 10px; overflow: hidden; text-align: center; color: #fff; }

/*成功案例*/
.blue { height: 322px; padding-top: 25px; }
.hon_con { width: 1200px; height: 210px; position: relative; margin-top: 26px; }
.h_lt { background: url(../images/l.jpg) no-repeat; width: 16px; height: 28px; position: absolute; left: 0px; top: 76px; }
.h_rt { background: url(../images/r.jpg) no-repeat; width: 16px; height: 28px; position: absolute; right: 0px; top: 76px; }
.hon_wrp { width: 1150px; margin: 0 auto; }
.hon_wrp ul { position: relative; }
.hon_wrp li { float: left; width: 220px; margin: 0 5px; display: inline; position: relative; }
.hon_wrp span { display: block; text-align: center; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #00418d; height: 40px; line-height: 40px; }
/*产品展示*/
.main_Con_b { padding-top: 54px; clear: both; }
.pro_02 { width: 1200px; height: 480px; float: left; }
.pro_02 ul li { width: 224px; height: 220px; float: left; margin: 20px 0 0px 20px; _margin-left: 15px; }
.pro_02 ul li.nma { margin-left: 0; }
.pro_02 ul li h1 { width: 220px; height: 184px; display: block; padding-bottom: 10px; }
.pro_02 ul li h1 img { display: block; border: 2px solid #d1d1d1; padding: 3px; }
.pro_02 ul li h2 { text-align: center; background: #e7e7e7; height: 35px; line-height: 35px; }
.pro_02 ul li h2 a { color: #353535; font-size: 14px; }
.pro_02 ul li:hover h2 { background: #00418d; }
.pro_02 ul li:hover h2 a { color: #fff; }
.pro_02 ul li:hover h1 img { border: 2px solid #00418d; }
/*新闻*/
.kj { border: 1px #c9c9c9 solid; width: 1200px; margin: 0px auto 15px; }
.inews_1 { width: 280px; float: left; height: 380px; padding: 10px 15px; background: url(../images/inbg1.jpg) no-repeat right; }
.inews_2 { width: 460px; float: left; height: 380px; padding: 10px 15px; background: url(../images/inbg1.jpg) no-repeat right; }
.inews_3 { width: 365px; float: right; height: 380px; padding: 10px 15px; }
.inews_3 img { padding-top: 15px; }


.k3 { width: 290px; margin-right: 9px; height: 320px; float: left; background: #ffffff; border: solid 1px #dddddd; margin-bottom: 11px; overflow: hidden; }
.pk1 { padding: 10px 18px; }
.bt1 { background: url(../images/cj_1_21.jpg) left bottom no-repeat; height: 36px; line-height: 34px; }
.bt1 span.s1 { float: left; font-size: 16px; color: #1959b3; font-weight: bold; }
.bt1 span.s2 { float: right; }
a.more2 { color: #999999; }
a.more2:hover { color: #cc0000; }
.imgk1 { padding: 10px 0px 5px 0px; }
.imgk1 img { display: block; width: 254px; }
.n2 { }
.n2 li { border-bottom: dotted 1px #ccc; padding: 6px 0px; line-height: 22px; color: #999; }
.n2 li a { color: #1959b3; padding-right: 10px; }
.n2 li a:hover { color: #cc0000; }

.nlist { padding: 15px 0 0; }
.nlist li { font-size: 14px; color: #828282; background: url(../images/idian.jpg) no-repeat left; height: 30px; line-height: 30px; border-bottom: 1px #cbcbcb dashed; text-indent: 15px; overflow: hidden; }
.nlist li a { font-size: 14px; color: #666; }
.nlist li a:hover { color: #00418d; }
.nlist li a font { float: right; color: 333; font-size: 13px; }

.rsnew { float: left; margin-right: 12px; text-indent: 0; margin-left: 5px; }
.rsnew img { padding: 2px; border: 1px solid #ccc; }
.inew2 { padding-top: 10px; }
.inew2 a { line-height: 30px; color: #000; background: url(../images/dian.jpg) 5px no-repeat; text-indent: 20px; display: block; }
.inew2 a font { float: right; color: 333; font-size: 13px; }

.inew2a { text-indent: 0; padding: 3px 10px; }
.inew2a a { line-height: 30px; color: #5f5f5f; background: url(../images/idian.jpg) 5px no-repeat; text-indent: 20px; display: block; height: 30px; overflow: hidden; }
.inew2a a font { float: right; color: #5f5f5f; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.inew2a a:hover { color: #00418d; }
.inews_2tj { padding: 15px 5px 0px; }
.cc a { color: #010101; font-size: 14px; font-weight: bold; text-indent: 0; line-height: 20px; }
.cc a:hover { color: #00418d; }
.ccbox { line-height: 20px; color: #434343; font-size: 14px; padding-right: 5px; padding-top: 5px; height: 40px; overflow: hidden; margin-bottom: 8px; }
.ljxq { color: #00418d; font-size: 14px; padding-top: 5px; }
.icontact { font-size: 14px; line-height: 25px; color: #3f3f3f; }
.icontact font { color: #00418d; line-height: 50px; display: block; font-size: 16px; }
/*友联*/
.link { line-height: 26px; height: 110px; overflow: hidden; }
.link h2 { height: 49px; line-height: 49px; font-weight: normal; font-size: 16px; padding: 0 30px 0 38px; border-bottom: solid 1px #bebebe; background: url(../images/ico03.jpg) no-repeat 0 13px; padding: 0 0 0 30px; color: #333; }
.link h2 a { color: #00418d; }
.link h2 em { font-style: normal; font-size: 14px; padding: 0 0 0 5px; text-transform: uppercase; font-family: "Times New Roman", Times, serif; color: #bf0908; }
.link h2 span { font-size: 14px; }
.lnk_c { padding: 8px 0 0 0px; overflow: hidden; }
.lnk_c a { display: inline-block; color: #4d4d4d; }
/*底部*/
.w1200 { width: 1200px; margin: 0 auto; }
.foot { overflow: hidden; background: #00418d; padding: 0 0 40px 0; }
.footnav { float: left; padding: 0 0 0 0; width: 840px; }
.footnav dl { float: left; line-height: 25px; padding-right: 15px; padding-left: 35px; width: 97px; overflow: hidden; margin-top: 50px; font-size: 14px; border-right: 1px dotted #185fb3; _width: 89px; }
.footnav dl:first-child { padding: 0; }
.footnav dt { color: #bebebe; font-size: 14px; padding: 0 0 10px 0; line-height: 1; }
.footnav dt a { display: block; color: #fff; font-size: 16px; }
.footnav dt label { display: block; height: 24px; margin: 5px 0 0 0; color: #4e739d; }
.footnav a:hover { color: #ddeaf9; }
.footnav dd { color: #8e9499; float: left; width: 85px; font-size: 14px; height: 26px; line-height: 26px; padding: 0 0 0 0; }
.footnav dd a { color: #84a7d0; }
.fooer { float: right; width: 315px; padding: 0 0 0 0; margin: 48px 36px 0 0; text-align: right; }
.fooer h4 span { display: block; color: #fff; font-size: 16px; }
.fooer h4 label { display: block; height: 24px; margin: 4px 0 0 0; font-size: 18px; color: #4e739d; }
.rui_frtel { display: block; color: #fff; padding: 20px 0 0 0; }
.rui_frtelh { display: block; color: #fff; padding: 5px 0 0 0; font-size: 24px; font-family: impact; }

.boot { overflow: hidden; color: #537aa6; padding: 0 0 0 0; font-size: 14px; background: #002c5e; }
.boot .fright { float: right; width: 100%; line-height: 50px; color: #537aa6; }

/*分页*/
.paging { width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 50px; }
.paging_L { float: left; width: 246px; }
.paging_R { float: right; width: 920px; }

/*banner*/
.ejbanner { width: 100%; height: 370px; clear: both; }
.ejbanner img { width: 100%; height: 370px; }

.line { background: url(../images/line.gif) no-repeat; width: 100%; height: 50px; }
/*page*/
/*.Page{width:100%; text-align:center; padding:20px 0px 0;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;}
.Page a:hover,.Page a.current{ background:#00418d; color:#FFF;}
.Page span{display:inline-block;min-width:45px; padding:0 10px;height:48px; vertical-align:middle; line-height:48px; font-size:14px;float:left;}*/
/*左侧nav*/
.L_title { text-align: center; width: 226px; font-size: 20px; color: #fff; line-height: 60px; background: #00418d; height: 62px; padding: 8px 10px 0; overflow: hidden; }
.L_title span { display: block; padding-left: 10px; color: #bedaed; font-size: 16px; font-family: arial; text-transform: uppercase; }
.L_fl, .leftNewsUl, .paging_lxwm_con { border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.L_fl ul li { border-bottom: 1px dashed #d3d3d3;  height: 35px; line-height: 35px;  margin: 0 auto; overflow: hidden; }
.L_fl ul li a { color: #333; font-size: 14px; }
.L_fl ul li a.selected { color:#bf0908;}
.L_fl ul li a:hover { color: #bf0908; }
/*左侧联系*/
.paging_lxwm { width: 246px; overflow: hidden; margin-top: 20px; }
.paging_lxwm_con { line-height: 2em; padding: 20px 10px; font-size: 14px; color: #666; }
.paging_lxwm_con h2 { text-align: center; font-size: 18px; padding-bottom: 10px; }
.paging_lxwm_con span { display: block; }

/*推荐资讯*/
.tuijian { margin-top: 20px; }
.leftNewsUl { width: 244px; padding-bottom: 5px; }
.leftNewsUl li { width: 200px; height: 40px; line-height: 40px; overflow: hidden; padding-left: 20px; border-bottom: 1px dashed #d7d7d7; margin: 0 auto; background: url(../images/icons_03.jpg) 5px center no-repeat; }
.leftNewsUl li a { color: #666; font-size: 14px; line-height: 40px; }
.leftNewsUl li a:hover { color: #bf0908; }

/*右侧头部*/
.paging_R_title { border-bottom: 1px solid #999; overflow: hidden; _height: 44px; }
.nav_title_L { float: left; color: #474747; font-size: 18px; line-height: 42px; background: url(../images/icon.gif) left center no-repeat; padding-left: 15px; }
.nav_title_R { float: right; line-height: 24px; background: url(../images/dqwz.gif) left center no-repeat; padding-left: 17px; height: 20px; margin-top: 13px; }
.nav_title_R { color: #333; }
.nav_title_R a { color: #00418d; }

.con { clear: both; color: #555; font-size: 14px; line-height: 1.8em; }
/*news-list*/
.news_list { width: 920px; margin: 26px auto 30px; }
.news_list ul li { list-style-type: none; height: 48px; line-height: 48px; font-size: 14px; border-bottom: 1px dashed #d2d2d2; padding: 0 10px; }
.news_list ul li a { color: #444; text-decoration: none; cursor: pointer; }
.news_list ul li span { float: left; height: 45px; overflow: hidden; width: 715px; background: url(../images/idian.jpg) left center no-repeat; padding-left: 15px; font-size: 14px; }
.news_list ul li em { padding-left: 10px; font-style: normal; text-align: right; }
.news_list ul li:hover span { color: #bf0908; }

/*product-list*/
.case_list { padding-top: 20px; }
.case_list ul li { width: 286px; height: 260px; float: left; margin: 12px 31px 12px 0px; }
.case_list ul li:nth-child(3n) { margin-right: 0; }
.case_list ul li h1 { width: 286px; height: 219px; background: #fafafa; }
.case_list ul li h1 a { width: 282px; height: 215px; display: block; border: 2px solid #c1c2c3; }
.case_list ul li h1 img { padding: 5px; }
.case_list ul li h2 { margin-top: 5px; text-align: center; background-color: #e5e5e5; line-height: 40px; height: 40px; overflow: hidden; }
.case_list ul li h2 a { color: #353535; }
.case_list ul li:hover h1 a { border: 2px solid #00418d; }
.case_list ul li:hover h2 { background: #00418d; }
.case_list ul li:hover h2 a { color: #fff; }

/*about*/
.about { text-align: center; line-height: 28px; padding: 0 20px; }
.about h1 { font-size: 24px; margin: 50px 0 10px 0; }
.about span { display: block; color: #999; }
.about img { margin: 20px 0; }
.about .fanye { margin: 20px 0 0 0; }
.about .fanye span { height: 26px; overflow: hidden; display: block; width: 100%; }
.about .fanye span a { color: #00418d; }



.form-box { position: relative; padding: 10px; border: 1px solid #f6f6f6; background: #fff; font-size: 14px; }
.form-box dl { display: block; padding: 5px 0; }
.form-box dl:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }
.form-box dl dt { display: block; float: left; width: 120px; line-height: 38px; min-height: 38px; color: #555; font-size: 13px; text-align: right; _position: absolute; }
.form-box dl dd { position: relative; padding: 5px 0 5px 10px; line-height: 28px; min-height: 28px; color: #555; font-size: 13px; overflow: hidden; _margin-left: 120px; }
.form-box dl dd label.radio { margin-right: 5px; }



/*文本框样式*/
input.wide { width: 250px; }
input.txt { width: 200px; }
input.small { width: 50px; }
.input { display: inline; margin-right: 5px; padding: 7px; height: 20px; line-height: 20px; vertical-align: middle; background: #fff; color: #999px; border: 1px solid #e8e8e8; border-radius: 2px; }
.select { padding: 7px; border: 1px solid #e8e8e8; line-height: 20px; }

/*按钮样式*/
.btn { display: inline-block; margin: 0; padding: 0 25px; color: #fff; font-size: 14px; height: 38px; line-height: 38px; text-align: center; }
.btn { background: #1e7bb3; border: 1px solid #02598E; border-radius: 2px; vertical-align: middle; }
.btn:hover { color: #fff; opacity: 0.9; }
.btn-mini { height: 20px; line-height: 20px; padding: 1px 8px 0; }
input.btn, button.btn { height: 40px; cursor: pointer; overflow: visible; }
.btn-success { background: #52A152; border: 1px solid #417F41; text-shadow: 0 -1px 0 #52A152; }
.btn-error { background: #CB423B; border: 1px solid #AA352F; text-shadow: 0 -1px 0 #CB423B; }
.btn-gray { background: #ddd; border: 1px solid #A9A9A9; text-shadow: 0 -1px 0 #EEEEEE; }
.btn-gray, .btn-gray:hover { color: #777; }



/* 本例子css */
.picScroll-left { width: 1200px; overflow: hidden; position: relative; }
.picScroll-left .bd { }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li { margin: 0 28px 0 0; float: left; _display: inline; overflow: hidden; text-align: center; }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .pic img { width: 105px; height: 38px; display: block; padding: 1px; border: 1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img { border-color: #999; }
.picScroll-left .bd ul li .title { line-height: 24px; }



#floatDivBoxs { width: 170px; background: #fff; position: fixed; top: 220px; right: 0px; z-index: 999; }
#floatDivBoxs .floatDtt { width: 100%; height: 45px; line-height: 45px; background: #f08326; color: #fff; font-size: 18px; text-indent: 22px; position: relative; }
#floatDivBoxs .floatDqq { padding: 0 14px; }
#floatDivBoxs .floatDqq li { height: 45px; line-height: 45px; font-size: 15px; border-bottom: 1px solid #e3e3e3; padding: 0 0 0 50px; }
#floatDivBoxs .floatDtxt { font-size: 18px; color: #333; padding: 7px 0px; }
#floatDivBoxs .floatDtel { padding: 0 0 15px 10px; }
#floatDivBoxs .floatDtel img { display: block; }
#floatDivBoxs .floatDbg { width: 100%; height: 20px; background: url(../images/online_botbg.jpg) no-repeat; box-shadow: -2px 0 3px rgba(0,0,0,0.25); }
.floatShadow { background: #fff; box-shadow: -2px 0 3px rgba(0,0,0,0.25); }
#rightArrow { background-position: -50px 0px; width: 50px; height: 45px; background: url(../images/online_arrow.jpg) no-repeat; position: fixed; top: 220px; right: 170px; z-index: 999; }
#rightArrow a { display: block; height: 45px; }


table { border-collapse: collapse; border-spacing: 0; }
.about table { width: 100%; min-width: 600px; border: 1px solid #eee; font-size: 12px; }
.about table td { padding: 8px 0; border-bottom: 1px solid #eee; line-height: 1.5em; color: #666; padding: 5px 10px; font-size: 16px; }
.about table td span { font-size: 16px; display: inline-block; }








/* 本例子css */
.sideMen { }
.sideMen h3 { height: 40px; line-height: 40px; padding-left: 10px; border-top: 1px solid #e3e3e3; background: #f4f4f4; font: normal 14px/32px "Microsoft YaHei"; }
.sideMen h3 em { float: right; display: block; width: 40px; height: 40px; background: url(../images/icoAdd.png) 16px 18px no-repeat; cursor: pointer; }
.sideMen h3 em.on { background-position: 16px -57px; }
.sideMen ul { padding: 8px 25px; color: #999; }
.sideMen h3 a { color:#111;font-size:16px;display:block;line-height:40px;}
.sideMen h3.curr {background:#d3d3d3;color:#fff; }