/* 公共样式 ===============================*/
body { background: #fff; min-width:1200px; position:relative; }
.c-0092ff { color: #0092ff; }
.c-b2b2b2 { color: #b2b2b2; }
.maincolor { color: #0092ff; }
.pd-5 { padding: 5px; }
.pd-10 { padding: 10px; }
.pd-15 { padding: 15px; }
.pd-20 { padding: 20px; }
.clearfix { *zoom:1; }
.clearfix:after { content: '\20'; display: block; clear: both; }
.text-truncate{  text-overflow:ellipsis; white-space: nowrap; }
/* 分页 ===============================*/
div.green-black { padding: 3px; margin: 3px; text-align: center; font-size: 14px; }
div.green-black a { border: #000 1px solid; padding: 3px 8px; background: #000; color: #fff; margin: 0 3px 0 0; text-decoration: none; }
div.green-black a:hover { border: #742E08 1px solid; background: #742E08; color: #fff; }
div.green-black a:active { border: #742E08 1px solid; background: #742E08; color: #fff; }
div.green-black span.current { border: #742E08 1px solid; padding: 3px 8px; font-weight: bold; background: #742E08; color: #fff; margin: 0 3px 0 0; }
div.green-black span.disabled { border: #f3f3f3 1px solid; padding: 3px 8px; color: #ccc; margin: 0 3px 0 0; }
/* 头部 ===============================*/
.header_wrap { position: relative; overflow: hidden; background: url(../images/logo_bg.jpg) repeat-x center center; background-size: auto 100%; }
.logo { padding: 0 10px 0 20px; float: left; font-size: 1.8rem; height: 60px; line-height: 55px; }
.logo img { width: auto; height: 30px; }
.menu { background: url(../images/menu-button-bg.png) no-repeat center center; position: absolute; right: 1%; top: 50%; display: block; width: 50px; height: 50px; margin-top: -25px; background-size: 80%; }
/* 底部 ===============================*/
.footer_wrap { z-index: 9; background: url(../images/foot_bg.jpg) repeat-x center center; background-size: auto 100%; }
.foot_nav { overflow: hidden; }
.foot_nav dd { float: left; width: 25%; text-align: center; font-size: 1.2rem; background: url(../images/foot_line.jpg) no-repeat left center; background-size: 2px 100%; }
.foot_nav dd:first-child { background: none; }
.foot_nav dd .f-icon { display: block; height: 30px; text-align: center; }
.foot_nav dd a { color: #fff; display: block; padding: 0.5rem 0; }
.icon-1 { background: url(../images/icon-1.png) no-repeat center center; background-size: auto 100%; }
.icon-2 { background: url(../images/icon-2.png) no-repeat center center; background-size: auto 100%; }
.icon-3 { background: url(../images/icon-3.png) no-repeat center center; background-size: auto 100%; }
.icon-4 { background: url(../images/icon-4.png) no-repeat center center; background-size: auto 100%; }
.copyright{ background: url(../images/copyright_bg.png) repeat-x center center; background-size: auto 100%; text-align: center; color: #fff; }
.copyright p{ padding:1rem 0.5rem; margin:0; font-size: 1.2rem; }
/* 面包屑导航 ===============================*/
.breadcrumb { border-bottom: 1px solid #E5E5E5; box-shadow: 0px 0px 1px #fff; margin-bottom:0; }
.breadcrumb span { padding: 0 5px }
/* 主体 ===============================*/
.main_wrap { padding-top: 5px; }
/*=首页=*/
.index_wrap{ width:100%; }
.navList{ overflow: hidden; width: 90%; margin:20px auto; }
.navList .navItem{ float: left; width: 33.33%; text-align: center; padding:0.2rem 0; }
.navList .navItem .navItem-image{ padding:0.2rem 1rem; }
.navList .navItem .navItem-tit{ color: #0073ff; font-size: 1.4rem; }
/*=导航=*/
.side_nav { padding-bottom: 1.5rem; width: 100%; overflow: hidden; }
.side_nav dl { width: 102%; margin-bottom:0; }
.side_nav dd { margin-top: 1.5rem; margin-right: 1rem; display: inline-block; border-radius: 3rem; padding: 0.4rem 1.8rem; background: #ffffff; box-shadow: 1px 1px 2px #e5e5e5; }
.side_nav dd a { color: #0071ff; }
.side_nav dd.cur { background: #0071ff; box-shadow: 1px 1px 2px #005ccc inset; }
.side_nav dd.cur a { color: #fff; }
/*=上下项=*/
.prev-next{ overflow:hidden; color: #b2b2b2; margin:1rem 0; font-size:1.4rem;  }
.prev-next .prev{ float:left; width:45%; }
.prev-next .next{ float:right; width:45%; }
.prev-next a{ color: #b2b2b2; }
/*=内容页=*/
.info_wrap { padding: 1.2rem; border-radius: 4px; box-shadow: 0px 0px 0px #e5e5e5; }
.info_wrap .info_tit{ border-bottom:solid 1px #e6e6e6; padding-bottom:1.6rem; }
.info_wrap .info_con{ }
.info_wrap .info_con p{ margin:0;line-height:230% !important; }
.info_wrap .info_con img{ max-width: 100%; }
/*=新闻=*/
.news_wrap { }
.news_wrap dl { }
.news_wrap dl dd { background: #FFF; margin: 0.6rem 0; padding: 1rem 0; border-radius: 5px; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; }
.news_wrap dl dd a { display: block; }
.news_wrap dl dd .news-box { float: left; width: 60%; margin-left: 4%; }
.news_wrap dl dd .news-box_tit { color: #4c4c4c; font-size: 1.8rem; }
.news_wrap dl dd .news-box_con { color: #b2b2b2; font-size: 1.2rem; }
.news_wrap dl dd .news-date { float: left; width: 30%; text-align: center; font-family: Arial; color: #CCC; border-left: solid 1px #e6e6e6; margin-left: 6%; }
.news_wrap dl dd .news-date_d { font-size: 5.8rem; line-height:1; }
.news_wrap dl dd .news-date_m { font-size: 1.8rem; font-weight: bold; padding-top: 0.2rem; }
/*=产品=*/
.pro_wrap{}
.pro_wrap dl { overflow:hidden; margin:0 -0.5rem; }
.pro_wrap dl dd { float:left; width:50%; padding: 0.5rem; }
.pro_wrap dl dd a { display: block; background: #FFF; overflow:hidden; border-radius: 8px; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; }
.pro_wrap dl dd .p-img{ display: block;height: 0;width: 100%;padding-bottom: 100%;position: relative;overflow: hidden; }
.pro_wrap dl dd .p-img img{ width: 100%; }
.pro_wrap dl dd .p-tit{ position:relative; overflow:hidden; background:#006eff; color:#fff; font-size:1.4rem; padding:0.8rem 1rem; }
.pro_wrap dl dd .p-tit div{ width:55%; float:left; }
.more{ float:right; margin-top:3px; margin-right: -1px; background:#fff; padding:0.4rem 0.8rem 0.2rem; font-size:1rem; line-height:1; color:#006fff; border-radius:10px; box-shadow: 1px 1px 2px #004ab2; }
/*=产品内页=*/
.pro-i_wrap { background: #fff; box-shadow: 1px 1px 2px #e5e5e5; }
.pro-i_wrap .pro-info_tit{ text-align:left; line-height:35px; font-size: 1.4rem; width:100%; margin-bottom:0; position:absolute; top:-16px; z-index:1; }
.pro-i_wrap .pro-info_tit span{ background: url(../images/pro-info_titM.png) repeat-x center center; background-size: auto 100%; color:#fff; display:inline-block; height:35px; padding:0 20px; }
.pro-i_wrap .pro-info_tit .tit-L,.pro-i_wrap .pro-info_tit .tit-R{ width:10px; height:35px; display:inline-block; background: url(../images/pro-info_titL.png) no-repeat right center; background-size: auto 100%;  }
.pro-i_wrap .pro-info_tit .tit-R{ background: url(../images/pro-info_titR.png) no-repeat left center; background-size: auto 100%; }
.pro-i_wrap .info_con{ padding-top: 20px; }
.pro-i_wrap .info_con p{ margin:0; }
.pro-i_wrap .info_con img{ max-width: 100%; }
.pro-img{ position:relative; }
.pro-img .pro-img_tit{ text-align:center; line-height:35px; font-size: 1.6rem; margin-bottom:0; position:absolute; top:-12px; z-index:1; }
.pro-img .pro-img_tit span{ background: url(../images/pro_tit-M.png) repeat-x center center; background-size: auto 100%; color:#fff; text-shadow: #666 1px 1px 1px;display:inline-block; height:35px; padding:0 20px; }
.pro-img .pro-img_tit .tit-L,.pro-img .pro-img_tit .tit-R{ width:10px; height:35px; display:inline-block; background: url(../images/pro_tit-L.png) no-repeat right center; background-size: auto 100%;  }
.pro-img .pro-img_tit .tit-R{ background: url(../images/pro_tit-R.png) no-repeat left center; background-size: auto 100%; }
.pro-img .pro-img_con{ display: block;height: 0;width: 100%;padding-bottom: 100%;position: relative;overflow: hidden; padding-top:35px; }
.pro-img .pro-img_con img{ width:100%; }