﻿@charset "utf-8";
body { font: 13px/1.85 "微软雅黑"; color: #302f2f; position: relative; }
/*头部*/
#daod { background:#EBEBEB; }
.daod_out { width: 1200px; margin: 0 auto; padding:5px 0; }
.dzuo { float:left; }
.dyou { float:right; }
.dyou a { margin:0 5px; }
#head_out { background: url(../images/navbg.jpg) repeat-x top left; }
#head_out .head { width: 1200px; margin: 0 auto; }
#head_out .head .logo { float: left; }
#head_out .head .tel { float: right; font-size: 18px; line-height: 30px; background: url(../images/top_pho.gif) no-repeat left center; padding: 16px 0 0 68px; margin-top:20px; }
#head_out .head .tel b { display: block; font-size: 30px; color: #154a9a; font-weight: bold; line-height: 32px; letter-spacing: -3px; }
.banner { position: relative; float: left; width: 100%; margin-bottom: 30px; }
.slide { position: relative; overflow: hidden; width: 100%; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 61px; width: 38px; background: url(../images/themes.gif) no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }
#nav { width: 1200px; margin: 0 auto; }
#nav li { float: left; text-align: center; width: 170px; font-size: 16px; border-left: 1px solid #0b3b83; }
#nav li a { display: block; color: #fff; padding: 12px 0 8px; }
#nav li:hover a { background: #f9a50e; }
/*中间*/
.dang{ margin-bottom: 20px; border-bottom: 1px solid #154a9a; padding-bottom: 10px; }
.dang dt { float: right; }
.dang dd { font-size: 18px; color: #154a9a; font-weight:bold; }
#main_out{ margin-bottom:30px;}
.main { width: 1200px; margin: 0 auto; }
#conts { float: right; width: 930px;}
.czhan { padding-left: 20px; }
.czhan li { float: left; margin: 0 20px 20px 0; width: 281px; text-align: center; }
.czhan li img { width: 269px; height:180px;border: 1px solid #ddd; padding:5px;}
.czhan li img:hover { border: 1px solid #154a9a; }
.czhan2{ margin-left:20px;}
.czhan2 li { border:#CCC 1px solid; float:left; width:268px; margin:0 30px 20px 0; text-align:center; padding-bottom:20px; font-size:16px; }
.czhan2 li img { width:268px; height:370px; }
.zxxw{ border:1px solid #ccc; padding:10px;border-top: 3px solid #eaeaea;}
.zxxw ul li{ border-bottom:1px dashed #ccc; padding:8px 0 8px 20px; background:url(../images/ico55.gif) no-repeat left center;}
.tjbt{border-bottom: 1px dotted #9a9a9a;    padding: 0 20px 0 0px;color: #154a9a; font-size:16px; font-weight:bold; margin-bottom:20px;}
#sidebar { float: left; width: 233px; }
#sidebar .column { margin-bottom: 20px; border:1px solid #e4e4e4; border-bottom:none; }
#sidebar .c_bti { color: #fff; font-size: 20px; padding:20px 0; text-align:center; background:#154a9a; font-weight: bold; }
#sidebar .column li { font-size: 16px; margin-bottom: 10px; padding: 15px 20px; background: url(../images/jt03.png) no-repeat 230px center; border-bottom:1px solid #e4e4e4; }
#sidebar .column li:hover { border-left:3px solid #23a7ea; }
#sidebar .column li:hover a { color: #23a7ea; }
#sidebar .contact { font-size: 14px; border:1px solid #ececec; padding:15px; }
.lxbti{ background:url(../images/lx_tel.gif) no-repeat left center; font-size:18px; padding:20px 0 10px 60px; font-weight:bold; border-bottom:2px solid #154a9a; margin-bottom:10px;}
/*底部*/
#foot_out { background: url(../images/bj-f.png) no-repeat left top; color: #FFF; padding-top: 50px; }
#foot_out a { color: #FFF; }
#foot_out .foot { width: 1200px; margin: 0 auto; padding: 30px 0; }
#foot_out .foot .fs { margin-bottom: 50px; }
#foot_out .foot .fs dl { float: left; width: 400px; }
#foot_out .foot .fs dl dt { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#foot_out .foot .fs dl dd { float: left; width: 350px; margin: 0 5px 5px 0; }
#foot_out .foot .fs dl.lx { }
#foot_out .foot .fs dl.lx dd img { width: 150px; height: 150px; }
#foot_out .foot .fx { text-align: center; }
/*首页*/
#part1 { clear: both; margin-bottom: 30px; }
.part1_box { width: 1200px; margin: 0 auto; }
.part1_box .fenlei { float: left; width: 233px; }
.flbox { border:6px solid #154a9a; margin-bottom:20px; }
.bti { background: url(../images/pro_lh.gif) no-repeat left center; margin-bottom: 6px; padding-top: 10px; height: 56px; font-size: 22px; text-align: center; color:#FFF; }
.flei li { background: url(../images/pro-ico1.gif) no-repeat 20px center; border-bottom: 1px dashed #ccc; font-size: 15px; padding:13px 0 13px 45px; }
.lianxi { padding:10px; }
.part1_box .zhanshi { float: right; width: 930px; }
.zhanshi dl { margin-bottom: 20px; border-bottom: 1px solid #154a9a; padding-bottom: 10px; }
.zhanshi dt { float: right; }
.zhanshi dd { font-size: 18px; color: #154a9a; font-weight:bold; }
.zhanshi ul { padding-left: 20px; }
.zhanshi ul li a { color:#FFF; }
.zhanshi ul li { float: left; margin: 0 20px 20px 0; width: 281px; text-align: center; border: 1px solid #ddd; }
.zhanshi ul li img { width: 281px; height: 180px; }
.zhanshi ul li span { display:block; background:#999; text-align:center; line-height:54px;height:54px;font-size:16px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.zhanshi ul li:hover { border: 1px solid #154a9a; }
#guanyu { background: url(../images/yu.jpg) no-repeat left center; padding: 40px 0; margin-bottom:50px; }
#guanyu .gy_box { width: 1200px; margin: 0 auto; position: relative; }
#guanyu .jjbt { width: 520px; height: 72px; background: #154a9a; line-height: 72px; font-size: 30px; position: absolute; top: 26px; left: -12%; right: 0; margin: auto; z-index: 99; color: #FFF; text-align: center; }
.gy { float: left; }
.gy img { width: 611px; height: 400px; }
.gynr { float: right; width: 540px; margin-top: 44px; padding-bottom: 50px;line-height:30px; }
.gynr span { color: #f78022; font-size: 24px; font-weight: 700; display: block; text-align: right; margin-bottom: 40px; }
.gynr span a { display: block; float: right; color: #fff; font-size: 14px; width: 80px; height: 30px; background: #154a9a; line-height: 30px; text-align: center; border-radius: 30px; margin-top: 44px; }
#part2 { clear: both; margin-bottom: 30px; }
.part2_box { width: 1200px; margin: 0 auto; }
.anli { background:url(../images/par.jpg) no-repeat bottom center; padding-bottom:28px; margin-bottom:30px; }
.anli ul { border:#CCC 1px solid; padding:20px 0 20px 20px; }
.anli ul li { float:left; width:215px; margin-right:20px; text-align:center; font-size:16px; }
.anli ul li img { width:215px; height:125px; }
.zizhi { }
.zizhi ul li { border:#CCC 1px solid; float:left; width:268px; margin-right:30px; text-align:center; padding-bottom:20px; font-size:16px; }
.zizhi ul li img { width:268px; height:370px; }

.biaot { background:url(../images/h_bg3.gif) no-repeat center center; text-align:center; text-transform: uppercase; letter-spacing: 5px; margin-bottom:30px; }
#part3 { clear: both; margin-bottom: 50px; }
.part3_out { width: 1200px; margin: 0 auto; }
.tbiao { background:url(../images/line2.gif) no-repeat center center; text-align:center; margin-bottom:50px; }
.tbiao a { font-size:16px; color:#FFF; background:#154a9a; padding:20px 50px; }
.biaot span { display:block; font-size:30px; }
.biaot span a { color:#154a9a; }
#news { clear: both; margin-bottom:30px; }
#news .news_box { width: 1200px; margin: 0 auto; }
.xinwen { float:left; width:417px; }
.xinwen li { background:url(../images/jt03.png) no-repeat left center; border-bottom:1px dashed #ccc; padding:5px 0 5px 15px; }
.yxinwen { float:right; width:270px; }
.xbi { border-bottom: 1px solid #ccc; margin-bottom:20px; }
.xbi dt { float:right; }
.xbi dd { font-size: 18px; color: #154a9a; border-bottom: 3px solid #154a9a; float:left; font-weight:bold; }
.img { margin-bottom:15px; }
.img img { width:417px; height:150px; }
#colee { overflow:hidden; height:300px; position:relative; }
#colee1 { overflow:hidden; }
#colee  dl{ border-bottom:1px solid #ccc; padding-bottom:30px; margin-bottom:20px;}
#colee  dl dt{ background:url(../images/wen.gif) no-repeat left center; padding-left:25px;}
#colee  dl dd{ background:url(../images/da.gif) no-repeat left center; padding-left:25px;}
#yqlj { background:url(../images/f_link.gif) repeat left top; padding:20px 0; }
#yqlj .lj_box { width:1200px; margin:0 auto; }
.ljbt { color:#ecc08d; border-bottom:1px solid #d3d1d0; margin-bottom:15px; }
#yqlj .lj_box ul li { display:inline; padding:0 10px; }
#footer { background:#000; padding:50px 0; color:#FFF; clear:both;}
#footer a { color:#FFF; }
#footer img { width:160px; height:160px; }
#footer .foot { width:1200px; margin:0 auto; padding:0 150px; }
.foots { width:1200px; margin:0 auto 30px; clear:both; font-size:16px; border-bottom:#666 1px dotted; padding-bottom:10px; }
.foots li { float:left; margin:0 10px; width:150px; background:url(../images/bj.png) no-repeat right center; text-align:center; }
.dlogo { float:left; margin-right:30px; }
.xx { float:left; width:500px; margin-top:8px; }
.er { float:right; }
.gjc { clear: both; margin-bottom: 30px; display: none; }
.gjc dl { border: 1px solid #e0e3e2; padding: 15px; margin-bottom: 10px; }
.gjc dl dt { float: left; }
.gjc dl dt img { width: 176px; height: 132px; }
.gjc dl dd { float: right; width: 920px; }
.gjc dl dd strong { display: block; font-size: 16px; }
/*新闻栏目页*/
#main_out .main .news_list { margin-bottom: 40px; }
#main_out .main .news_list dl { clear: both; border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-bottom: 20px; color: #777; }
#main_out .main .news_list dl dt { float: left; }
#main_out .main .news_list dl dt img { width: 180px; height: 107px; }
#main_out .main .news_list dl dd { float: right; width: 720px; }
#main_out .main .news_list dl dd span { display: block; font-size: 16px; font-weight: bold; }
#main_out .main .news_list dl dd font { display: block; font-size: 12px; color: #999; }
/*产品栏目页*/
.product_list { margin-top: 15px; padding-left: 20px; }
.product_list li { float: left; padding: 0 23px 20px 0; width: 260px; text-align: center; }
.product_list li img { width: 260px; height: 260px; }
/*新闻内容页*/
#main_out .main h1 { clear: both; text-align: center; margin-bottom: 10px; font-size: 18px; border-bottom: 1px dashed #ccc; }
#main_out .main .author { text-align: center; margin-bottom: 10px; }
#main_out .main .content{ clear: both; margin-bottom: 10px; }
#main_out .main .next_last { margin-bottom: 10px; }
#main_out .main .releated_links { clear: both; margin-bottom: 10px; }
#main_out .main .content img{
width:expression(this.width>820?820:true); max-width: 820px;display:block;margin:0 auto;}
/*相关链接*/
.main .tags_list { padding: 10px; }
.main .tags_list li { background: url(../images/dan.jpg) no-repeat left center; padding: 3px 15px; }
.main .tags_list li span.youu { float: right; }
#fenye {margin-bottom:20px;}
#fenye table{margin:auto;}
.fenye a {font-size: 14px;display: inline-block;padding: 3px 8px;border: 1px solid #ccc;}
.fenye .curr {background: #b12122;color: #fff;}
.xf { position:fixed; right:20px; top:50%; width:50px; height:auto; overflow:hidden; font-size:0; }
.xf li { width:42px; height:42px; border:1px solid #ebebeb; font:14px "Microsoft YaHei"; color:#666666; line-height:14px; text-align:center; background:#fff; }
.xf li a { color:#666666; }
.xf li span { display:block; margin-top:6px; }
.xf .x_img { width:44px; height:43px; background:none; border:0; }
.kefu { position:fixed; _position:absolute; top:180px; right:1px; z-index:10; }
.kefu a { color:#00A0E9; }
.kefu a:hover { color:#FF8100; text-decoration:none; }
.kefu .zuo { position:relative; width:28px; float:left; }
.kefu .zuo a { display:block; font-size:0; text-indent:-9999px; }
.kefu .you, .kefu .tp, .kefu .cn { background:url(../images/float_bg.gif); }
.kefu .you { background-position:-131px bottom; background-repeat:no-repeat; width:130px; padding-bottom:15px; float:left; overflow:hidden; }
.kefu .tp {
background-position:; background-repeat:no-repeat; height:10px; background-repeat:no-repeat; }
.kefu .cn { background-position:-262px 0; background-repeat:repeat-y; }
.kefu .cn .tong { font-size:0; text-indent:-9999px; height:36px; }
.kefu .cn ul { padding:0 14px; }
.kefu .cn ul li { border-bottom:1px solid #E6E5E4; height:36px; line-height:36px; word-wrap: break-word; word-break: normal; overflow:hidden; }
.kefu .titZx, .kefu .titDh, .kefu .titDc, .kefu .icoZx, .kefu .kefu .icoFf, .kefu .icoTl, .kefu .btnOpen, .kefu .btnOpen_n, .kefu .btnCtn { background:url(../images/float_s.gif) no-repeat; background-color: #fff; }
.kefu .titZx { background-position:5px -10px; }
.kefu .titDh { background-position:5px -66px; }
.kefu .titDc { background-position:5px -124px; }
.kefu .icoZx { background-position:2px -154px; }
.icoTc img { padding:5px 10px; float:left; }
.icoTc a { padding:-0px 0px; }
.kefu .icoFf { background-position:2px -213px; }
.kefu .icoTl { background-position:1px -266px; font-family:"微软雅黑"; display:block; float:left; padding-left:13px; }
.kefu .btnOpen { background-position:-30px -396px; }
.kefu .btnOpen_n { background-position:0 -530px; }
.kefu .btnCtn { background-position:0 -396px; }
.kefu .icoZx, .kefu .kefu .icoFf { display:block; float:left; padding-left:28px; }
.kefu .btnOpen, .kefu .btnOpen_n, .kefu .btnCtn { width:28px; height:118px; position:relative; top:80px; left:2px; }
.kefu .btnOpen, .kefu .btnOpen_n { top:80px; left:1px; }
.kefu .btnCtn { top:78px; left:2px; }
.kefu ul li .titDc a { display:block; width:80px; height:36px; }
.kefu ul li.top { width:auto !important; }
.kefu ul li.bot { border-bottom:none; }
.czhan1{ margin-bottom:30px;}
.czhan1 li{ padding:8px 0; border-bottom:1px dashed #ccc;}
.czhan3 { padding-left: 20px; }
.czhan3 li { float: left; margin: 0 20px 20px 0; width: 281px; text-align: center; }
.czhan3 li img { width: 269px; height: 157px;border: 1px solid #ddd; padding:5px;}
.czhan3 li img:hover { border: 1px solid #154a9a; }

.album{}
.album img{ display: block;}
.albumbox{ position: relative;}
.album-prev,.album-next{ position: absolute; top: 52px; display: block; width: 30px; height: 80px; overflow: hidden; }
.album-prev:hover,.album-next:hover{ opacity: .8;}
.album-prev{ left:0px;}
.album-next{ right:0px;z-index:999;}
.albumconbox ul{ text-align: center; font-size: 0;}
.albumconbox li{ display: inline-block; margin: 0 1px; width:245px; margin-right:30px;}
.albumconbox li{ *display: inline;}
.albumconbox li{ _display: inline;}
.albumconbox li img{width:245px; height:164px;}
.albumconbox li p{ margin-top: 5px; height: 28px; font-size: 14px; line-height: 28px; overflow: hidden;}
.albumconbox li p a{ color: #666;}
.albumcon{ margin-bottom:40px}
.albumcon ul{ height: 52px; font-size: 0; text-align: center; }
.albumcon li{ display: inline-block; width: 190px; height: 50px; font-size: 16px; color: #666; text-align: center; line-height: 50px; cursor: pointer; border: 1px solid #ccc; background: #fff;}
.albumcon li.cur,.albumcon li:hover{ color: #fff; font-weight: bold; border-color: #d4211c; background: #d4211c;}
.albumcon li{ *display: inline;}
.albumcon li{ _display: inline;}
.albumconbox{overflow: hidden;margin:0 65px;}
.wap{ display:none}

.sub_nav{ display:none}

.ga{ float:left; color:#939393}
@media only screen and (max-width:992px){
#head_out .head{width:100%}　
.pc{ display:none}
.wap{ display:block}

#head_out .head .tel{ display:none}
.banner{ margin-top:65px}
.fenlei{ display:none}
.part1_box .zhanshi{ width:100%}
.zhanshi ul li{width: 47%;
    margin: 1%;
    display: inline-block; float:none}

.zhanshi ul li img{ width:100%; height:auto}
.zhanshi ul{ padding-left:0px}
.part1_box{ width:98%; margin:0 auto}
.part2_box{ width:98%; margin:0 auto}
.anli ul li{width: 47%;
    margin: 1%;
    display: inline-block; float:none}
.anli ul{ padding:5px}
.anli ul li img{ width:100%}
.zizhi ul li{ width: 47%;
    margin: 1%;
    display: inline-block; float:none}
.zizhi ul li img{ width:100%; height:auto}
.zhanshi span ,.anli span ,.zizhi span{overflow: hidden;
 text-overflow: ellipsis;
  display: -webkit-box;
 -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;}
  #guanyu .gy_box{ width:98%; margin:0 auto} 
  .gy img{ width:100%; height:auto}
  .gynr{ width:98%; margin:0 auto}
  .part3_out{ width:98%; margin:0 auto}
  #news .news_box{ width:98%; margin:0 auto}
  .xinwen{ width:98%; margin:0 auto}
  .yxinwen{ width:98%; margin:0 auto}
  .foots{ width:98%; margin:0 auto}
  #yqlj .lj_box{ width:98%; margin:0 auto}

  #guanyu .jjbt{width:98%; margin:0 auto; font-size:14px}
    #guanyu .jjbt img{ width:30px}
  .daod_out{ width:98%; margin:0 auto}
  .dyou{ display:none}
  #footer .foot{ width:100%;padding:5px 20px; text-align:center}
  .kefu{ display:none}
  .dlogo{ width:30%; margin-top:15px; margin-right:auto}
	#footer img{ width:100%; height:auto}
	  .xx{ margin-left: 5%;
    width: 65%;
    text-align: left;}
  .img img{ width:100%; height:auto}
  #sidebar{ display:none}
  .main{ width:98%; margin:0 auto}
  #conts{ width:98%; margin:0 auto}
  
  
  .dang dt{ display:none}
  .sub_nav{ display:block; position:relative; height:50px; margin-top:-40px}
 .sub_nav .w_z {
    display: block;
    position: absolute;
    right: 5%;
    top: 0;
    padding: 0;
    width: 30px;
    height: 50px;
    background:url(../images/nyej.png) center / 100% no-repeat;
}
 .sub_nav  ul {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #eaeaea;
	padding-top:10px
}
 .sub_nav ul li {
    margin-left: 5%;
    width: 90%;
    margin-right: 5%;
    height: 40px;
    text-align: center;
}
.sub_nav ul li  a{ font-size:16px;}


.czhan{ padding-left:0px}
.czhan li{width: 47%;
    margin: 1%;
    display: inline-block; float:none}
.czhan li img{ width:100%; height:auto}
.czhan span{overflow: hidden;
 text-overflow: ellipsis;
  display: -webkit-box;
 -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;}
#main_out .main .content img{ max-width:100%}
#main_out .main .news_list dl dt{ width:30%}
#main_out .main .news_list dl dt img{ width:100%; height:auto}
#main_out .main .news_list dl dd{ width:60%}
.czhan3{ padding-left:0px}
.czhan3 li{width: 47%;
    margin: 1%;
    display: inline-block; float:none}
.czhan3 li img{ width:100%; height:auto}
.czhan3 li span{overflow: hidden;
 text-overflow: ellipsis;
  display: -webkit-box;
 -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;}

.czhan2{ margin-left:0px}
.czhan2 li{width: 47%;
    margin: 1%;
    display: inline-block; float:none}

.czhan2 li img{ width:100%; height:auto}
.czhan2 span{overflow: hidden;
 text-overflow: ellipsis;
  display: -webkit-box;
 -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;}
  
  .sny{line-height: 25px;
    height: 125px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}
	
	.ann a{font-size: 16px;
    color: #f78022; margin-top:10px
}
#guanyu{ margin-bottom:0px}
.foots li{ width:25%;line-height: 20px;
margin:0px;margin-bottom: 10px; background:none;border-right:1px solid #ccc}

.ga{ float:none}

#main_out .main .news_list dl dd font{ overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}

  }
  
  .xiaocms-page span{ font-size: 14px;
    display: inline-block;
    padding: 3px 8px;
    border: 1px solid #ccc; background-color:#b12122; color:#fff}