/* CSS Document */


/*网站logo*/
#companyname { font-size: 24px; font-weight: bold; position: absolute; margin: 16px 0px;  color: #666; }
#companyname > span { font-size: 16px; position: absolute; top: 24px; }

.logo>a { display: block; width: 100px; float: left; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1; font: 12px 'Microsoft YaHei', 微软雅黑, Arial, Lucida Grande, Tahoma, sans-serif; font-family: 'Microsoft YaHei', 微软雅黑, Arial, 'Lucida Grande', Tahoma, sans-serif; }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before,fq:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
* { margin: 0; padding: 0; }
img { border: none; }
body { background: #ededed; font: 12px Verdana, Geneva, sans-serif; line-height: 180%; color: #333; }
div, ul, li, dl, dt, dd { margin: 0; padding: 0; }
li { list-style-type: none; }
a { color: #333; text-decoration: none; }
a:hover { color: #CA1C1C; text-decoration: underline; }
.clear { clear: both; }
.l { float: left; }
.r { float: right; }
#wrap { width: 980px; background: #fff url(../images/bg.gif) center repeat-y; margin: auto; }
#top { width: 960px; margin: auto; height: 126px; float: left; margin-left: 10px; }
.logo { float: left; margin-top: 10px; height: 70px; margin-bottom: 10px; }
.logo img { margin-left: 10px; }
.tel { float: right; width: 360px; height: 15x; line-height: 15px; margin-top: 5px; text-align: right; }
.tel span { padding-right: 8px; }
.dropmenu { z-index: 3000; border: 2px #e6f1f8 solid; position: absolute; left: 0; top: 0; visibility: hidden; padding: 8px 0; background: #fff; width: 150px; margin-top: -8px; margin-left: -1px; _margin-left: 0; }
.dropmenu ul { width: 140px; margin: auto; }
.dropmenu li { float: none; height: 20px; line-height: 20px; background: none; width: 140px; }
.dropmenu a { text-indent: 20px; width: 140px; display: block; height: 20px; line-height: 20px; color: #003366; font-size: 12px; background: url(../images/ico-navlist.gif) 10px 5px no-repeat; }
.dropmenu a:hover { color: #fff; background: #003366 url(../images/ico-navlist_h.gif) 10px 5px no-repeat; }
.banner { width: 960px; margin: auto; float: left; margin-left: 10px; }
#mainbody { width: 960px; margin: auto; }
.cb { width: 968px; margin: auto; height: 12px; background: url(../images/cb.gif) no-repeat; }
.cat { float: left; width: 206px; background: url(../images/cat.gif) top no-repeat; margin-top: 8px; height: 260px; }
.index .cat { height: 322px; }
.cat .t { height: 36px; line-height: 36px; color: #fff; font-size: 14px; font-weight: bold; text-indent: 10px; }
.cat .c ul { padding: 5px 10px; }
.cat .c li { line-height: 25px; margin-top: 1px; }
.cat .c li a { height: 25px; display: block; line-height: 25px; width: 160px; letter-spacing: 2px; background: url(../images/arr4.gif) no-repeat 8px center; padding-left: 26px; margin-top: 1px; overflow: hidden; }
.cat .c li a:hover, .cat .c li a.thisclass { background: #0132CD url(../images/arr4_a.gif) no-repeat 8px 8px; color: #fff; font-weight: bold; text-decoration: none; }
.cat .c li.ta { }
.cat .c li span { display: block; border-bottom: 1px #ccc dashed; padding: 0 5 0 8px; }
.cat .c li span a { height: 20px; line-height: 20px; display: block; padding-left: 25px; background: url(../images/jt.gif) 8px center no-repeat; }
.cat .c li span a:hover { background: url(../images/jt.gif) 8px center no-repeat; color: #ff6600; }
.faq { clear: both; background: url(../images/faq.gif) bottom no-repeat; width: 184px; height: 62px; margin: auto; overflow: hidden; }
.faq ul { padding: 7px 10px; margin: 0 5px; }
.faq li { background: url(../images/ico2.jpg) -4px 4px no-repeat; padding-left: 18px; height: 23px; line-height: 23px; overflow: hidden; }
.faq li a { color: #07519d; }
.box { width: 367px; margin-top: 8px; background: url(../images/about_bg.gif) repeat-x; }
.box .t { height: 36px; line-height: 36px; font-size: 14px; font-weight: bold; text-indent: 12px; background: url(../images/about_t.gif) 10px 11px no-repeat; padding-left: 20px; }
.box ul { padding: 5px 10px; }
.box li { background: url(../images/ico-1.gif) left 12px no-repeat; padding-left: 10px; height: 25px; line-height: 25px; overflow: hidden; }
.rbox { clear: both; width: 268px; }
.rbox h3 { height: 30px; line-height: 30px; border-bottom: 1px #ddd solid; background: url(../images/main_bj.gif) 0 -494px repeat-x; color: #153b84; padding-left: 10px; font-size: 14px; color: #C30 }
.place { width: 724px; height: 29px; line-height: 29px; text-indent: 10px; background: url(../images/place.gif) no-repeat; margin-top: 8px; }
#content { background: #fafafa; width: 723px; padding: 8px 0; min-height: 500px; border-left: 1px #fff solid; overflow: hidden; }
#content .c { margin: 5px 10px 5px 20px; font-size: 14px;}
#content p { padding: 8px 0px; font-size: 14px; line-height: 185%; }
.newlist { margin: 10px 0 10px 0px; width: 720px; overflow: hidden; }
.newlist li { height: 30px; line-height: 30px; background: url(../images/ico-1.gif) 12px 12px no-repeat; padding-left: 25px; }
.newlist li span { float: right; padding-right: 5px; }
.newlist li a { color: #333; }
.newlist li a:hover { color: #e54001; }
.newlist li#a { background: #f0f0f0 url(../images/ico-1.gif) 12px 12px no-repeat; }
.pages { clear: both; margin-top: 10px; }
.pages ul { text-align: center; }
.pages li { float: none; display: inline; }
#content .clist { width: 720px; margin: auto; overflow: hidden; }
#content .clist .listbox { width: 730px; display: inline-block; }
#content .listbox dl { float: left; width: 350px; overflow: hidden; margin-right: 10px; margin-top: 10px; border: 1px #bbb solid; height: 240px; }
#content .listbox dl dt { height: 28px; line-height: 28px; background: #fff; font-size: 12px; margin: 1px; }
#content .listbox dl dt strong { padding-left: 8px; float: left; color: #153b84; }
#content .listbox dl dt span { float: right; }
#content .listbox dl dt span a { color: #666; }
#content .listbox dl dd { }
#content .listbox dl ul { padding: 5px 5px 5px 8px; }
#content .listbox dl li { background: url(../images/ico-1.gif) left 12px no-repeat; padding-left: 10px; height: 25px; line-height: 25px; overflow: hidden; }
#content .listbox dl li span { float: right; color: #999; }
#content h2 { height: 30px; line-height: 30px; font-size: 16px; color: #ff6600; }
#content .title { height: 35px; line-height: 35px; margin: 0 15px; text-align: center; }
#content h1 { font-size: 20px; line-height: 30px; padding-top: 15px; text-align: center; border-bottom: 1px #ddd dashed; color: #153b84; margin: 0 20px; padding-bottom: 5px; }
#content .info { text-align: center; height: 25px; line-height: 25px; color: #666; }
#content .content { margin: 10px 10px 10px 20px; font-size: 14px;}
#content table { border-collapse: collapse; border-top: 1px #a0a0a0 solid; border-left: 1px #a0a0a0 solid; margin-top: 5px; margin:0px auto;}
#content table td { border: #a0a0a0 solid 1px; font-size: 12px; height: 20px; line-height: 20px; padding: 5px; background: #fff; }
#content .content ul { margin: 10px 0; margin-left: 15px; padding-left: 10px; }
#content .content li { height: 25px; line-height: 25px; font-size: 14px; list-style-type: disc; list-style: outside; }
#content .pview { margin: 10px 10px 10px 15px; width: 718px; }
#content .pview .lit { float: left; width: 280px; }
#content .pview .lit img { border: 4px #ddd solid; width: 270px; }
#content .pview .pinfo { float: right; width: 420px; }
#content .pview .pinfo h1 { text-align: left; color: #153b84; padding-left: 10px; }
#content .pcon { margin: 0 10px 0 15px; width: 718px; }
#content .pcon p { padding: 8px 0; }
#content .c ul { margin-left: 20px; padding: 10px 0; }
#content .c li { list-style-type: square; list-style: outside }
#content .pcon table td p { padding: 0px 0; }f
#content .context { margin: 10px 0px; clear: both; border-top: 1px #ddd dashed; padding-top: 10px; }
#content .context li { padding-left: 10px; list-style-type: none; }
#content .like { margin: 10px 10px 10px 20px; border: 1px #ddd solid; }
#content .like h4 { height: 25px; line-height: 25px; border-bottom: 1px #ddd solid; background: #fff; font-size: 14px; padding-left: 10px; color: #00F; }
#content .like ul { padding: 8px 10px; }
#content .like li { background: url(../images/ico-1.gif) left no-repeat; padding-left: 10px; }
#content .suba { margin: 10px 10px 10px 20px; }
#content .suba li a { font-size: 14px; font-weight: bold; color: #00F; }
.plist { }
.plist .imgbox { width: 200px; height: 175px; background-color: #F3F3F3; overflow: hidden; margin: 10px; float: left; }
.plist .imgbox .title_y { font-weight: bold; color: #73808D; text-align: center; }
.plist .imgbox .img_y { margin: 1px; }
.imgbox a.pic { height: 150px; width: 200px; overflow: hidden; display: block; border: 1px #ddd solid; }
#right .imginfo { text-align: center; }
#right { float: right; width: 740px; }
.links span { float: left; }f
.links .c { padding: 5px; }
.links ul { text-align: center; }
.links li { float: none; display: inline; }
.links, .address, .info { clear: both; width: 958px; margin: auto; }
#footer { clear: both; padding-top: 5px; height: 100px; width: 960px; margin: auto; border-top: 1px dotted #0474C5; margin-top: 15px; text-align: center; }
#footer .address {  text-align: center; }
#footer .info {  text-align: center; }
#footer .links { text-align: center; }
/*yahui add*/
.allpic ul li { }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wrapper { clear: both; z-index: 1000; width: 960px; height: 36px; margin: auto; background-color: #0474C5; }
.menu-item { position: relative; overflow: hidden; color: #ffffff; width: 105px; padding-top: 8px; z-index: 3000; }
.menu-item ul { position: absolute; left: 9999px; opacity: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.navigation { width: 100%; text-align: center; font: normal 1em/1.5em "Titillium Web", helvetica; }
.navigation li { float: left; width: 118px; }
.menu-item:hover ul, .menu-item:focus ul { position: static; bottom: 200px; opacity: 1; }
.dropdown a, .dropdown a:hover, .dropdown a:visited, .dropdown a:focus { text-decoration: none; }
.dropdown:nth-child(even) { background: #0474C5; transform: perspective(1000px) rotateX(-20deg); transform-origin: top; -webkit-transform: perspective(100px) rotateX(-7deg); -webkit-transform-origin: top; }
.dropdown:nth-child(odd) { background: #3889C4; transform: perspective(1000px) rotateX(20deg); transform-origin: bottom; -webkit-transform: perspective(100px) rotateX(7deg); -webkit-transform-origin: bottom; margin-top: -8px; }
.dropdown:first-child { border-top: 1px solid rgba(0, 0, 0, 0.3); margin-top: 6px; }
.dropdown { width: 100%; padding: 12px; background-color: #6CA1CA; }
 @media only screen and (max-width: 37.5em) {
.navigation li { float: none; clear: both; }
.menu-item { width: 100%; }
}
.top { font-size: 16px; font-weight: bold; color: #ffffff; }
.son { font-size: 14px; font-weight: bold; color: #ffffff; }
.menu-item a:focus, .menu-item a:visited, .menu-item a:hover { text-decoration: none; }
.panel { float: right;
width: 350px;
height: 39px;
padding: 3px;
border-radius: 5px;
text-align: center;
/* background: #0474C5; */
margin-left: 200px;
padding-right: 20px;
margin-top: 10px; }
.wrap { position: relative; overflow: hidden; z-index: 0; background: #fff; box-shadow: -1px -1px 1px rgba(0,0,0,.4), 1px 1px 1px rgba(255,255,255,.4); }
/*
.wrap:after,
.wrap:before{
  content: 'SEARCH';
  display: block;
  position: absolute;
  top: 0;left: 0;
  overflow: hidden;
  line-height: 39px;
  color:rgba(255,255,255,.3);
  font-size: 20px;
  width: 100%;height: 50%;
  background: #0474C5;
  z-index: 1;
  box-shadow: 1px 1px 100px rgba(255,255,255,1), inset  1px 1px 60px rgba(255,255,255,.4);
  transition:.3s all;
  -webkit-transition:.3s all;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
.wrap:before{
  top: auto;
  bottom: 0;
  line-height: 0px;
}
.wrap:hover:after{
  top: -50%;
}
.wrap:hover:before{
  bottom: -50%;
}*/
input { width: 100%; height: 32px; padding: 0 65px 0 10px; font-size: 16px; border: 0; box-shadow: inset 1px 1px 11px rgba(0,0,0,.3); }
input:focus { outline: none; }
button { position: absolute; top: 0px; right: 1px; width: 80px; height: 31px; cursor: pointer; }
.c li >span { float: right; padding-right: 5px; color: #999; }
.news .c ul li a ,.listarea .c ul li a,.newl .c ul li a{overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis; float: left; }
.news .c ul li a,.listarea .c ul li a{width: 285px;}
.newl .c ul li a{width: 208px;}

.c .gsjj { display: block; position: absolute; }
.newp .c ul li a { width: 140px; }
#main_left { float: left; width: 700px; }
#main_right { float: right; width: 256px; }
#main_left, #main_right { margin-top: 8px; }
#news_block, .listarea, .newp, .newl, .case, .about, .wrapper2 { border: 1px solid #DDD; }
div#index_bt_gg { width: 300px; float: left; margin-left: 0px; }
div#index_bt_gg_ct { padding: 5px 8px; }
div#news_block { height: 233px; }
.news, .listarea { width: 385px; float: right; }
.wrapper2 .t, .news .t, .listarea .t { height: 36px; line-height: 36px; font-size: 14px; font-weight: bold; text-indent: 12px; background: url(../images/about_t.gif) 10px 11px no-repeat; padding-left: 20px; }
.news ul, .listarea ul { padding: 0px 10px; }
.news li, .listarea li { background: url(../images/ico-1.gif) left 12px no-repeat; padding-left: 10px; height: 26px; line-height: 26px; overflow: hidden; border-bottom: 1px #ddd dashed; }
.news li, {
}
.listarea li { }
.news { margin-left: 12px; }
.listarea, .wrapper2 { margin-top: 8px; }
.center_area { margin-left: 4px; margin-right: 4px; }
.about, .c .gsjj { height: 279px; overflow: hidden; }
.about .c { }
.about .c p img { float: left; width: 150px; margin-right: 8px; margin-top: 5px; }
.newp { width: 100%; height: 360px; }
.newp .t { height: 36px; line-height: 36px; font-size: 14px; font-weight: bold; text-indent: 12px; background: url(../images/about_t.gif) 10px 11px no-repeat; padding-left: 20px; }
.newp .c { width: 700px; overflow: hidden; margin-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; }
.newp .c ul { width: 700px; display: inline-block; }
.newp .c li { float: left; width: 200px; margin: 0px 10px; margin-top: 8px; }
.newp .c li a.lp { width: 200px; height: 120px; overflow: hidden; display: block; border: 1px #ddd solid; background: #fff; }
.newp .c li span { clear: both; display: block; text-align: center; height: 25px; line-height: 25px; overflow: hidden; width: 200px; }
.case, .about { width: 100%; margin-top: 8px; }
.about .t, .case .t, .newl .t { height: 36px; line-height: 36px; color: #fff; font-size: 14px; font-weight: bold; text-indent: 10px; background: #0474C5; }
.about .c, .case .c, .newl .c {  margin: 5px 10px; overflow: hidden; }
.case ul { width: 196px; display: inline-block; }
.case li { float: left; width: 88px; margin-right: 10px; margin-top: 8px; }
.case li span { clear: both; display: block; text-align: center; }
.case img{
	width: 186px;
}
div.newl { height: 233px; overflow: hidden; }

.newl li { background: url(../images/laba.gif) left 15px no-repeat; padding-left: 20px; height: 46px; overflow: hidden; padding-top: 2px; padding-bottom: 2px; }
a.a_t { clear: both; display: block; overflow: hidden; }
.newl span.date { float: left; }
/*------------------------slider--------------*/
div.wrapper2 { width: 308px; float: left; height: 220px; overflow: hidden;  }
img.mimg { width: 100%; height: 180px; }
.wrapper2 .c { position: absolute; height: 195px; width: 100%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
/*.wrapper2 { width: 800px; padding-bottom: 50px; }*/
/* focus */  
#focus { width: 308px; height: 180px; overflow: hidden; position: relative; }
#focus ul { height: 180px; position: absolute; }
#focus ul li { float: left; width: 308px; height: 180px; overflow: hidden; position: relative; background: #000; }
#focus ul li div { position: absolute; overflow: hidden; }
#focus .btnBg { position: absolute; width: 800px; height: 20px; left: 0; bottom: 0; background: #000; }
#focus .btn { position: absolute; width: 780px; height: 10px; padding: 15px 15px; right: 0; bottom: 0; text-align: right; }
#focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 25px; height: 10px; _font-size: 0; margin-left: 5px; cursor: pointer; background: #fff; }
#focus .btn span.on { background: #fff; }
#focus .preNext { width: 45px; height: 100px; position: absolute; top: 40px; background: url(../images/sprite.png) no-repeat 0 0; cursor: pointer; }
#focus .pre { left: 0; }
#focus .next { right: 0; background-position: right top; }
.preNext{display:none;}
#office a, #pmail a {
margin: 0px 20px;
}
#links div.c {
margin: 19px 10px;
}
#slinks{
margin: 0;
padding: 0;
outline: none;
height: 25px;
line-height: 25px;
width: 100%;
border: rgb(191, 204, 220) 1px solid;
border-radius: 3px;
display: inline-block;
background-size: 5px 5px,5px 5px,25px 25px,1px 25px;
background-color: #fff;
background-image: repeating-linear-gradient(225deg,rgb(105,123,149) 0%,rgb(105,123,149) 50%,transparent 50%,transparent 100%), 
repeating-linear-gradient(135deg,rgb(105,123,149) 0%,rgb(105,123,149) 50%,transparent 50%,transparent 100%), 
linear-gradient( #FFFFFF 0%,#F8F9Fd, #EFFAFA 100%), 
repeating-linear-gradient( rgb(191, 204, 220) 0%,rgb(191, 204, 220) 100%);
background-repeat: no-repeat;
background-position: 212px 10px,217px 10px,right top,205px top;
-webkit-appearance: none;
}
/*弹出层插件样式开始*/
.Prompt_floatBoxBg{display:none;width:100%;height:100%;background:#000;position:fixed !important;/*ie7 ff*/position:absolute;top:0;left:0;filter:alpha(opacity=0);opacity:0; z-index:999;}
.Prompt_floatBox{
z-index:1000;
display: block;
position: absolute;
padding:6px 0px;
text-align:center;
top: 404.5px;
left: 531.5px;
height: auto;
z-index: 10000;
word-wrap: break-word;
-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 15px;
box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 15px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
background-color: white;
opacity: 1;
}
.Prompt_floatBox .content{ background:#fff;overflow-x:hidden;overflow-y: auto;font-size: 1.2em;}
/*弹出层插件样式结束*/