@charset "utf-8";

body,div,dl,dt,dd,del,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td {  margin:0;   padding:0; font-family:"Microsoft Yahei","宋体";   font-size:14px; color:#142446;}
table {  border-collapse:collapse;    border-spacing:0;}
fieldset,img,button {  border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;  font-weight:normal;}
ol,ul { list-style:none;}
caption,th {  text-align:left;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
a { text-decoration:none; color:#142446;  }
a:hover { color:#333;}
body { background: #fff; z-index: 0  }

/* common */
.bodybg { background: url(../images/bg.jpg) repeat-y center -500px; }
.mc { margin:0 auto; }
.fl { float: left; }
.fr { float:  right; }
.cl { clear: both; }

.common_tit { width: 100%; height: 70px; }
.common_tit_text { width: 528px; height: 54px; margin: 0 auto; background: url(../images/lanmu_bg.png) no-repeat; text-align: center; }
.common_tit_text_cn { font-size: 28px; text-align: center; color: #013020; font-weight: 700; }
.common_padTop40 { padding-top: 40px; }
.common_padTop50 { padding-top: 50px; }
.common_padBot30 { padding-bottom: 30px; }

.comonBtnW { width: 300px; height: 40px; padding-top:30px; margin:0 auto;}
.commonBtn { width: 300px; height: 40px; line-height: 40px; text-align: center; background: #247361; color: #fff; font-size: 16px; transition: background-color 0.15s ease; }
.commonBtn:hover { background-color: #20B59C;  }

/* 头部 */
.topwrap { width:100%; height:124px; background: #132549 }
.top_lo_wrap { width:1200px; height:124px; margin:0 auto;   }
.top_logo { width:270px; float:left; padding-top:25px; }
.top_text { width:550px; float:left; margin-top:45px; height:45px;  }
.top_text h1 { text-indent:24px; font-size:24px; color:#174592; margin:0; padding:0; line-height:24px; }
.top_text h1 span { color: #E52028; }
.top_text h2 { text-indent:24px; font-size:14px; color:#888888; margin:0; padding:0; line-height:24px; }
.top_contact { width:310px; float:left; padding-top:35px; padding-left:66px; position: relative;  }
.top_contact p { font-size:26px; color:#333; font-weight:700; line-height:70px; text-indent:0; }

.kefu_tel { color: #E1BC94; font-size: 14px; width: 100%; text-align: right;}


/* 4个功能按钮 */
.top_funBtnW { width: 310px; height: 40px; padding-left: 120px; padding-top: 12px; }
.top_funBtn_item { width: 40px;  height: 40px; float: left; padding-left: 7px;  }
.top_funBtn_item .top_funBtn { width: 40px; height: 40px; cursor: pointer; background-image:url(../images/iconall.png); background-repeat: no-repeat;  }
.top_funBtn_item .top_funBtn_bg1 { background-position: 0 0 }
.top_funBtn_item .top_funBtn_bg2 { background-position: -50px 0 }
.top_funBtn_item .top_funBtn_bg3 { background-position: -100px 0 }
.top_funBtn_item .top_funBtn_bg4 { background-position: -150px 0 }

.top_funBtn_item .top_funBtn_bg1:hover { background-position: 0 -50px }
.top_funBtn_item .top_funBtn_bg2:hover { background-position: -50px -50px }
.top_funBtn_item .top_funBtn_bg3:hover { background-position: -100px -50px }
.top_funBtn_item .top_funBtn_bg4:hover { background-position: -150px -50px }

/* 弹出二维码 */
.top_funPopup_item { width: 124px; height: 131px; background: url(../images/iconall.png) no-repeat -200px 0; position: absolute; z-index: 9999; top: 116px;  }
.top_funPopup1 { left: 100px; display: none;  }
.top_funPopup2 { left: 150px; display: none;  }
.top_funPopup3 { left: 200px; display: none;  }
.top_funPopup4 { left: 250px; display: none; }
.top_funPopup_item .top_funPopup { width: 105px; height: 105px; padding: 16px 0 0 10px; }
.top_funPopup_item .top_funPopup img { width: 105px; height: 105px;}

/*导航*/
.navwarp { width:100%; height:45px; background:#E1BC94;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#nav { width:1200px; margin:0 auto; }
.nav{ padding:0 20px; height:45px; line-height:45px;   position:relative; z-index:1;  }
.nav a{ color:#142446;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 54px; font-size:16px; text-decoration:none;   }
.nav .sub{ display:none; width:100%; left:0; top:45px;  position:absolute; background:#495E7D; text-align:center;  line-height:26px; padding:3px 0;    }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:3px 10px; font-size:14px; color: #E1BC94; }
.nav .sub a:hover{ background:#9C1C2D;  }
.nav .on h3 a{ background:#51515D; color:#E1BC94;   }



/*banner*/
.focusBox { position: relative; min-width:1200px; height:442px; overflow: hidden;  }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic li { min-width:1200px; height: 442px; }
.focusBox .pic img { width:1200px; height:450px; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;   display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px; }
.focusBox .hd .on{ background-position:0 0; }

.focusBox .prev,
.focusBox .next { width: 48px; height: 50px; margin: -60px 0 0; display: none; background: url(../images/iconall.png) no-repeat 0 -332px; position: absolute; top: 53%; z-index: 10; cursor: pointer; text-indent: 999; filter:alpha(opacity=60);opacity:0.6;  }
.focusBox .prev { left: 30px; }
.focusBox .next { background-position: -58px -332px; right: 30px; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=100) !important;opacity:1 !important;  }
/*通用标题*/
.com_tit{width:365px; height:55px; margin:0 auto; }
.com_tit a{	width:365px; height:55px; line-height:55px; font-family:"微软雅黑"; font-size:21px;display:block; text-align:center; text-decoration:none; color:#FFF; background:url(../images/kuang2.gif);}
.com_tit a:hover{	background:url(../images/kuang3.gif);}
.compad01 { padding:45px 0; }
.compad02 { padding:45px 0 15px 0;}

.color_separate { width: 100%; height: 12px; background: #E2BC95 }

.wraper { width: 1200px; min-height: 500px; }
.floor1 { height: 214px; padding: 32px 0; }
/* 简介 */
.jj_modW { width: 758px; height: 214px; background: #fff;  box-shadow: 4px 4px 10px #ccc;}
.jj_infoW { width: 588px; height: 150px; }
.jj_info_titW { width: 588px; height: 34px; border-bottom: 2px solid #9C1C2D }
.jj_info_titW .jj_info_tit { width: 540px; height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #3D4965; }
.jj_info_titW .jj_info_more { width: 48px; height: 34px;   }
.jj_info_titW .jj_info_more a { font-size: 18px; color: #999; }

.jj_infoW .jj_info_content { width: 100%; font-size: 14px; color: #132346; padding-top: 18px; line-height: 160%; }

/* 新闻切换 */
.news_modW { width: 398px; height: 214px; padding-left: 44px; }
.news_mod { width: 398px; height: 214px; background: #fff; box-shadow: 4px 4px 10px #ccc; }
.notice { width: 352px; height: 150px; overflow: hidden; }
.notice .tab-hd { height: 32px; margin-bottom: -1px; color: #999; }
.notice .tab-hd ul {  }
.notice .tab-hd li{ float: left; height: 24px; line-height: 18px; padding: 0 22px; }
.notice .tab-hd li a{ display:block;  font-size: 18px; color: #999; }
.notice .tab-hd li a:hover{ color:#142446;   }
.notice .tab-hd li.on{  background-color: #fff;  position: relative;  color: #142446; }
.notice .tab-hd li.on a { color: #142446; border-bottom: 2px solid #9C1C2D; padding-bottom: 12px; }

.notice .tab-bd { width: 352px; height: 90px; padding:5px 20px; overflow: hidden }
.notice .tab-bd ul{ overflow:hidden; zoom:1; }
.notice .tab-bd li {  height: 30px; line-height: 30px; padding: 0 10px 0 5px;  width: 312px; float: left; list-style:none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #132346; }
.notice .tab-bd li span { padding-right: 5px ; }
.notice .tab-bd li a { color: #132346; }
.notice .gf-hd { height: 20px; width: 57px; clear: both; margin: 0 auto;}
.notice .gf-hd li { width: 7px; height: 7px; margin: 5px; border: 1px solid #142446; float: left; border-radius: 4px;  }
.notice .gf-hd li.on { background: #142446;  }

/* 产品展示 */
.pro_listW { width: 1200px; height: 302px; background: #fff; box-shadow: 4px 4px 10px #ccc; }
.pro_tit { width: 1024px; height: 30px;  font-size: 18px; color: #3D4965;  }

/* 产品横向左右滚动css */
.scrollBox{ width:1180px; padding:10px 0;   position:relative; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:1077px;left:60px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{float:left; display:inline; width:188px;background:#fff;margin-right:13px; margin-left:13px;}
.scrollBox .piclist li img { width:188px; height:158px; }
.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center; color: #3D4965; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.scrollBox .pageBtn span{ background:url(../images/iconall.png) no-repeat; display:block;width:43px;height:43px;position:absolute;top:60px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{left:10px;background-position:0 -400px ;}
.scrollBox .pageBtn .next{right:10px;background-position:-50px -400px ;}
.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
.scrollBox .pageBtn .list li{ background:url(../images/bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBox .pageBtn .list li.on{background-position:-114px -57px }

/* 通用装饰条 */
.com_decorate_stripW { width: 100%; height: 17px; padding: 18px 0; }
.com_decorate_strip { width: 100%; height: 17px; background: url(../images/xjt_bg.png) repeat-x; }




/*底部*/
.footWrap{ height:360px; overflow:hidden; background:#353F49;  }
.footLinkW { width: 100%; height: 40px; padding: 20px 0 0; border-bottom: 1px solid #4D5B6A; }
.footLink { width: 1200px; height: 40px; line-height: 33px; margin: 0 auto; }
.footLink_tit { width: 100px; color: #ccc; font-size: 16px; font-weight: 700; padding-left: 50px; background: url(../images/footLink.png) no-repeat;   }
.footLink_item ul li { float: left; padding: 0 10px; color: #ccc; }
.footLink_item ul a {  }
.foot_tech { width: 100%; height: 38px; line-height: 38px; font-size: 14px; color: #fff; background: #E2BC95; text-align: center; }

.foot_techW { width: 1200px; margin: 0 auto; }
.foot_techW .foot_tech_left { width: 980px; height: 38px; text-align: left;  color: #142446; }
.foot_techW .foot_tech_right { width: 220px; height: 38px; text-align: left; position: relative; }


.foot_info { width: 100%; height: 52px; line-height: 52px; text-align: center; font-size: 14px; color: #999; }
.foot_info a { color: #999; }

.foot_funBtnW { width: 220px; height: 38px; padding-left: 15px;  }
.foot_funBtn_item { width: 38px;  height: 38px; float: left; padding-left: 10px;  }
.foot_funBtn_item .foot_funBtn { width: 38px; height: 38px; cursor: pointer; background-image:url(../images/iconall.png); background-repeat: no-repeat;  }
.foot_funBtn_item .foot_funBtn_bg1 { background-position: 0 -100px }
.foot_funBtn_item .foot_funBtn_bg2 { background-position: -50px -100px }
.foot_funBtn_item .foot_funBtn_bg3 { background-position: -100px -100px }
.foot_funBtn_item .foot_funBtn_bg4 { background-position: -150px -100px }

.foot_funBtn_item .foot_funBtn_bg1:hover { background-position: 0 -150px }
.foot_funBtn_item .foot_funBtn_bg2:hover { background-position: -50px -150px }
.foot_funBtn_item .foot_funBtn_bg3:hover { background-position: -100px -150px }
.foot_funBtn_item .foot_funBtn_bg4:hover { background-position: -150px -150px }

/* 弹出二维码 */
.foot_funPopup_item { width: 124px; height: 131px; background: url(../images/iconall.png) no-repeat -350px 0; position: absolute; z-index: 9999; bottom: 42px;  }
.foot_funPopup1 { left: -62px; display: none;  }
.foot_funPopup2 { left: -20px; display: none;  }
.foot_funPopup3 { left: 32px; display: none;  }
.foot_funPopup4 { left: 84px; display: none; }
.foot_funPopup_item .foot_funPopup { width: 105px; height: 105px; padding: 10px 0 0 10px; }
.foot_funPopup_item .foot_funPopup img { width: 105px; height: 105px;}

/* 产业优势 */
.Btn_item4W { width: 100%; height: 50px; padding: 10px 0 0 0; }
.Btn_item4W dl dd { width: 25%; height: 22px; text-align: center; float: left; color: #ccc; }
.Btn_item4W dl dd a { color: #ccc; font-size: 18px; border-bottom: 2px solid #fff; padding-bottom: 8px; }
.Btn_item4W dl dd a:hover { color: #132549; border-bottom: 2px solid #132549; }
.Btn_item4W dl dd a.on { color: #132549; border-bottom: 2px solid #132549; }

/* 产品 */
.Btn_item6W { width: 660px; height: 50px; padding: 10px 0 0 0; margin: 0 auto; }
.Btn_item6W dl dd { width: 16.3%; height: 22px; text-align: center; float: left; color: #ccc; }
.Btn_item6W dl dd a { color: #ccc; font-size: 18px; border-bottom: 2px solid #fff; padding-bottom: 8px; }
.Btn_item6W dl dd a:hover { color: #132549; border-bottom: 2px solid #132549; }
.Btn_item6W dl dd a.on { color: #132549; border-bottom: 2px solid #132549; }

/* 兴京八宝 */
.xingjingbabaoWrap { width: 1200px; height: 650px; box-shadow: 4px 4px 10px #ccc; background: #fff;  }
.xjbb_8btnW {width:920px; height: 600px; margin:0 auto; padding-top:20px;}
.xjbb_8btnW ul li { width: 176px; height: 220px;  float: left; padding:8px 27px;}
.xjbb_8btnW ul li .pop_xjbb_btn { width: 176px; height: 220px; }
.xjbb_8btnW ul li .pop_xjbb_btn .xjbb_btnimg { width: 176px; height: 177px;  transition:all 0.3s ease; cursor:pointer;}
.xjbb_8btnW ul li .pop_xjbb_btn .xjbb_btnimg:hover { transform:scale(1.05,1.05);}
.xjbb_8btnW ul li .pop_xjbb_btn .xjbb_btntext { width: 176px; height: 43px; line-height: 43px; text-align: center;  font-size: 16px; }

/* 兴京八宝弹出层 */
.gf_overlay {  position: fixed;  z-index: -1;  top: 0;  right: 0; bottom: 0; left: 0; background: rgba(59, 60, 61, .61); opacity: 0;-webkit-transition: opacity 0.3s ease;  -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.gf_overlay.gf_overlay_block { opacity: 1; display: block; z-index: -1 }

.popup_servieInfo { position: fixed;  width: 800px; padding: 50px 100px; height: 600px;  margin:auto; background: #fff;  z-index: -1; right: 0; left: 0; bottom: 0;  top: 0; opacity: 0}
.popup_closeBtn { right: 30px; top: 25px;  width: 37px; height: 37px;  position: absolute; background: url(../images/close_pop.png); }
.popup_servieInfo .popup_xjbb_content { width: 100%; margin: 20px auto 0; height: 550px; overflow: hidden;  /* overflow-y:scroll; */}
.popup_xjbb_content_info p { line-height: 32px; font-size: 16px; }
.popup_xjbb_content_info p strong { font-weight: 700 }