@charset "utf-8";
/**通用头部**/
* {
  margin: 0;
  padding: 0;
}
body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div,
tr {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
input,
select {
  font-size: 14px;
  vertical-align: middle;
}
ul,
ol,
li {
  list-style: none;
}
a:link {
  color: #333333;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #333333;
}
a:hover {
  text-decoration: none;
  color: #4E667B;
}
a:active {
  text-decoration: none;
}
.clearfix::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body {
  font-family: "microsoft yahei";
  font-size: 14px;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
/** -header- **/
.header {
  width: 100%;
  height: 190px;
}
.header .headerBar {
  width: 100%;
  height: 42px;
  background: #102D53;
}
.header .headerBar .headerBarList {
  width: 1200px;
  height: 42px;
  line-height: 42px;
  margin: 0 auto;
}
.header .headerBar .headerBarList .headerTitle {
  float: left;
  font-size: 12px;
  color: #fff;
}
.header .headerBar .headerBarList .headerSearchList {
  float: right;
}
.header .headerBar .headerBarList .headerSearchList .headerSearch {
  float: left;
  width: 227px;
  height: 28px;
  margin: 7px auto;
}
.header .headerBar .headerBarList .headerSearchList .headerLanguage {
  float: right;
  color: #fff;
  margin-left: 80px;
}
.header .headerBar .headerBarList .headerSearchList .headerLanguage a {
  display: inline;
  height: 42px;
  line-height: 42px;
  color: #fff;
  font-size: 13px;
  padding: 0 15px;
}
.header .headerLogoMenu {
  width: 100%;
  height: 148px;
  background: url("../images/headerbg.jpg") no-repeat center;
}
.header .headerLogoMenu .headerLogoMenuList {
  width: 1200px;
  height: 148px;
  margin: 0 auto;
  position: relative;
}
.header .headerLogoMenu .headerLogoMenuList .logo {
  float: left;
  width: 791px;
  height: 148px;
  background: url("../images/logo.png") no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.header .headerLogoMenu .headerLogoMenuList .menuTel {
  width: 825px;
  height: 148px;
  position: absolute;
  top: 0;
  right: 0;
}
.header .headerLogoMenu .headerLogoMenuList .menuTel .tel {
  width: 825px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  font-size: 13px;
  color: #3a3333;
  margin: 50px auto 20px auto;
}
.header .headerLogoMenu .headerLogoMenuList .menuTel .menu {
  width: 825px;
  height: 48px;
}
/** -banner- **/
.banner {
  width: 100%;
  height: 516px;
}
.banneron {
  width: 100%;
  height: 240px;
}
.banneron span {
  display: block;
  width: 100%;
  height: 240px;
}
/*****/
.productSort {
  width: 1200px;
  height: 220px;
  margin: 0 auto;
  position: relative;
}
.productShow {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.productShow::before {
  content: '';
  display: table;
}
.productShow .productShowHead {
  width: 1200px;
  height: 80px;
  line-height: 80px;
  background: url("../images/productShowHead.png") no-repeat center;
  margin: 0 auto 40px auto;
}
.productShow .productShowList {
  width: 100%;
  height: 562px;
  background: url("../images/productListBg.jpg") no-repeat center;
}
.productShow .productShowList::before {
  content: '';
  display: table;
}
.productShow .productShowList .productMoreA {
  width: 114px;
  height: 31px;
  line-height: 31px;
  background: #3D4246;
  text-align: center;
  margin: 18px auto;
}
.productShow .productShowList .productMoreA a {
  display: block;
  height: 31px;
  line-height: 31px;
  font-size: 15px;
  color: #fff;
}
/** about **/
.about {
  width: 100%;
  height: 545px;
  background: url("../images/aboutBg.jpg") no-repeat center;
  margin: 0 auto;
}
.about::before {
  content: '';
  display: table;
}
.about .aboutHead {
  width: 1200px;
  height: 80px;
  background: url("../images/aboutHead.png") no-repeat center;
  margin: 50px auto;
}
.about .aboutList {
  width: 1200px;
  height: 320px;
  margin: 0 auto;
}
.about .aboutList .aboutPic {
  float: left;
  width: 460px;
  height: 320px;
  position: relative;
}
.about .aboutList .aboutPic span {
  display: block;
  width: 442px;
  height: 300px;
  position: absolute;
}
.about .aboutList .aboutPic span.aboutPicBg {
  background: rgba(255, 255, 255, 0.3);
  top: 0;
  left: 0;
}
.about .aboutList .aboutPic span.aboutPicImg {
  background: url("../images/about.jpg") no-repeat center;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.about .aboutList .aboutTitle {
  float: right;
  width: 720px;
  height: 320px;
}
/** news **/
.news {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.news::before {
  content: '';
  display: table;
}
.news .newsHead {
  width: 1200px;
  height: 80px;
  background: url("../images/news.png") no-repeat center;
  margin: 65px auto;
}
.news .newsList {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.news .newsList .newsAMore {
  width: 114px;
  height: 31px;
  line-height: 31px;
  margin: 0 auto;
  background: #3D4246;
  text-align: center;
}
.news .newsList .newsAMore a {
  display: block;
  font-size: 14px;
  color: #fff;
}
/** msg **/
.msg {
  width: 100%;
  height: 285px;
  background: url("../images/msg.png") no-repeat center;
}
.msg a {
  display: block;
  width: 1200px;
  height: 285px;
  margin: 0 auto;
}
/** telMailSite **/
.telMailSite {
  width: 100%;
  height: 135px;
  background: url("../images/telMailSite.jpg") no-repeat center;
  margin: 0 auto;
}
.telMailSite ul {
  width: 1200px;
  height: 135px;
  margin: 0 auto;
}
.telMailSite ul li {
  float: left;
  height: 48px;
  margin: 43px auto;
}
.telMailSite ul li.tel {
  width: 225px;
  background: url("../images/tel.png") no-repeat left center;
}
.telMailSite ul li.mail {
  width: 243px;
  background: url("../images/mail.png") no-repeat left center;
  margin: 43px 242px;
}
.telMailSite ul li.site {
  width: 247px;
  height: 67px;
  background: url("../images/site.png") no-repeat left center;
  float: right;
  margin: 34px auto;
}
/** footer **/
.footer {
  width: 100%;
  height: 395px;
  background: #102D53;
}
.footer::before {
  content: '';
  display: table;
}
.footer .footerList {
  width: 1200px;
  height: auto;
  margin: 55px auto 50px auto;
}
.footer .footerList ul li {
  float: left;
  font-size: 13px;
  color: #fff;
  width: 130px;
  margin: 0 45px 0 0;
}
.footer .footerList ul li.companyContent {
  width: 370px;
}
.footer .footerList ul li.companyContent ul li {
  width: 370px;
}
.footer .footerList ul li.companyProducts {
  width: 280px;
}
.footer .footerList ul li.companyProducts ul li {
  width: 280px;
}
.footer .footerList ul li.companyWap {
  float: right;
  width: 118px;
  height: 148px;
  margin: 0;
}
.footer .footerList ul li.companyWap p {
  width: 118px;
  height: 118px;
}
.footer .footerList ul li.companyWap span {
  display: block;
  width: 118px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.footer .footerBar {
  width: 1200px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  margin: 0 auto;
  font-size: 13px;
  color: #fff;
}
.footer .footerBar a {
  font-size: 13px;
  color: #fff;
}
/** 内页主体内容 mainer **/
.mainer {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 auto 60px auto;
}
.mainer .mainerTitle {
  width: 100%;
  line-height: 80px;
  margin: 0 auto 40px auto;
  border-bottom: 1px solid #E5E5E5;
}
.mainer .mainerTitle .mainerTitleA {
  width: 1200px;
  font-size: 14px;
  color: #757272;
  margin: 0 auto 15px auto;
  border-bottom: 1px solid #ccc;
}
.mainer .mainerList {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.mainer .mainerList .lumpTitleList {
  background: #F2F2F2;
  height: 50px;
  line-height: 50px;
  width: 98%;
  overflow: hidden;
  padding: 0 1%;
}
.mainer .mainerList .lumpTitleList .titleName {
  float: left;
  width: 85%;
  text-indent: 20px;
  line-height: 50px;
  background: url(../images/lumpNews.png) no-repeat 0 center;
}
.mainer .mainerList .lumpTitleList .titleName a {
  font-size: 18px;
  font-weight: normal;
  color: #102D53;
}
.mainer .mainerList .lumpTitleList .titleMore {
  float: right;
  width: 15%;
  height: 50px;
  line-height: 50px;
  text-align: right;
}
.mainer .mainerList .lumpTitleList .titleMore a {
  font-size: 14px;
  color: #666;
}
.mainer .mainerContent {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.mainer .mainerContent .caption {
  width: 1200px;
  height: auto;
  margin: 0 auto 30px auto;
}
.mainer .mainerContent .caption h1 {
  width: 1200px;
  color: #3A3937;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
}
.mainer .mainerContent .caption h3 {
  width: 1200px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #555552;
}
.mainer .mainerContent .caption h5 {
  height: 36px;
  line-height: 36px;
  font-weight: normal;
  width: 580px;
  text-align: center;
  margin: 0 auto;
}
.mainer .mainerContent .caption h5 b {
  display: block;
  float: left;
  font-weight: normal;
  font-size: 12px;
  color: #5A5A5A;
}
.mainer .mainerContent .caption h5 .share {
  float: left;
  margin: 0 0 0 15px;
}
.mainer .mainerContent .caption h5 .share span {
  display: block;
  float: left;
  font-size: 12px;
  color: #5A5A5A;
}
.mainer .mainerContent .caption h5 .share .bdsharebuttonbox {
  float: left;
}
.mainer .mainerContent .showText {
  width: 1100px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
/** 页面栏目导航 **/
.mainSortSon {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.mainSortSon ul::after {
  content: '';
  display: block;
  height: auto;
  clear: both;
  overflow: hidden;
}
.mainSortSon ul li {
  float: left;
  height: 60px;
  line-height: 60px;
  margin: 10px 25px 10px 0;
}
.mainSortSon ul li a {
  display: block;
  padding: 0 25px;
  font-size: 16px;
  color: #102D53;
}
.mainSortSon ul li.active a {
  background: #102D53;
  color: #fff;
}
/**通用部分**/
/** search **/
.search {
  width: 100%;
  height: 28px;
  line-height: 28px;
  background: url("../images/search.png") no-repeat center;
}
.search .searchList {
  width: 100%;
  height: 28px;
}
.search .searchList ul li {
  float: left;
}
.search .searchList ul li input {
  border: none;
  outline: none;
  background: none;
}
.search .searchList ul li input:focus {
  outline: none;
}
.search .searchList ul li.searchInput {
  width: 170px;
  height: 28px;
  line-height: 28px;
}
.search .searchList ul li.searchInput #searchInput {
  width: 170px;
  height: 28px;
  font-size: 12px;
  color: #eee;
  text-indent: 12px;
}
.search .searchList ul li.searchSubmit {
  float: left;
  width: 45px;
  height: 28px;
  line-height: 28px;
  margin-left: 10px;
}
.search .searchList ul li.searchSubmit #searchSubmit {
  width: 45px;
  height: 28px;
  cursor: pointer;
}
.search-article-list {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.search-article-list ul li {
  clear: both;
  width: 1200px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px dashed #c5c5c5;
}
.search-article-list ul li span {
  display: block;
  float: left;
}
.search-article-list ul li span.searchTime {
  float: right;
}
.search-article-list ul li span.searchSort {
  font-size: 18px;
}
.search-article-list ul li span.searchTitle {
  margin: 0 15px;
}
.search-article-list ul li span.searchTitle a {
  font-size: 15px;
}
/** navMenu **/
#navMenu {
  width: 100%;
  height: 48px;
  line-height: 48px;
}
#navMenu li {
  float: left;
  height: 48px;
  line-height: 48px;
  padding: 0 0 0 40px;
}
#navMenu li a {
  padding: 0 3px 5px 3px;
  font-size: 16px;
  color: #333;
}
#navMenu li.navOn a {
  border-bottom: 3px solid #125BBA;
}
/** publicSort **/
.publicSort {
  width: 1200px;
  height: 220px;
  position: absolute;
  top: -70px;
}
.publicSort ul li {
  float: left;
  width: 184px;
  height: 220px;
  margin: 0 70px 0 0 ;
}
.publicSort ul li a {
  display: block;
  width: 184px;
  height: 220px;
}
.publicSort ul li a b {
  display: block;
  width: 184px;
  height: 184px;
}
.publicSort ul li a span {
  display: block;
  width: 184px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 15px;
  color: #080707;
}
.publicSort ul li.sortPic6 {
  display: none;
}
.publicSort ul li.sortPic5 {
  margin: 0;
}
.publicSort ul li.sortPic1 a {
  background: url("../images/sortPic1.png") no-repeat top center;
}
.publicSort ul li.sortPic2 a {
  background: url("../images/sortPic2.png") no-repeat top center;
}
.publicSort ul li.sortPic3 a {
  background: url("../images/sortPic3.png") no-repeat top center;
}
.publicSort ul li.sortPic4 a {
  background: url("../images/sortPic4.png") no-repeat top center;
}
.publicSort ul li.sortPic5 a {
  background: url("../images/sortPic5.png") no-repeat top center;
}
.publicSort ul li:hover b {
  background: url("../images/sortHover.png") no-repeat top center;
}
/** publicBigGoods **/
.publicBigGoods {
  width: 1200px;
  height: 460px;
  background: rgba(255, 255, 255, 0.5);
  margin: 35px auto 0 auto;
}
.publicBigGoods::before {
  content: '';
  display: table;
}
.publicBigGoods ul {
  width: 1170px;
  height: 400px;
  margin: 34px 15px;
}
.publicBigGoods ul::before {
  content: '';
  display: table;
}
.publicBigGoods ul li {
  float: left;
  width: 200px;
  height: 195px;
  margin: 0 0 15px 15px;
}
.publicBigGoods ul li span {
  display: block;
  width: 200px;
  height: 155px;
}
.publicBigGoods ul li span a {
  display: block;
}
.publicBigGoods ul li span a img {
  display: block;
  width: 200px;
  height: 155px;
}
.publicBigGoods ul li h1 {
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  text-align: center;
}
.publicBigGoods ul li h1 a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #000;
}
.publicBigGoods ul li.bigPic {
  width: 525px;
  height: 400px;
  margin: 0;
}
.publicBigGoods ul li.bigPic span {
  display: block;
  width: 525px;
  height: 365px;
}
.publicBigGoods ul li.bigPic span a {
  display: block;
}
.publicBigGoods ul li.bigPic span a img {
  display: block;
  width: 525px;
  height: 365px;
}
.publicBigGoods ul li.bigPic h1 {
  width: 525px;
  height: 35px;
  line-height: 35px;
  font-weight: normal;
  text-align: center;
}
.publicBigGoods ul li.bigPic h1 a {
  display: block;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #000;
}
/****/
.publicTitleDesTimes {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.publicTitleDesTimes ul::after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both;
  height: auto;
}
.publicTitleDesTimes ul li {
  float: left;
  width: 590px;
  height: 100px;
  margin-bottom: 45px;
}
.publicTitleDesTimes ul li .titleDes {
  float: right;
  width: 435px;
  height: 100px;
  margin: 0 35px;
}
.publicTitleDesTimes ul li .titleDes h2 {
  font-weight: normal;
}
.publicTitleDesTimes ul li .titleDes h2 a {
  font-size: 18px;
  color: #323435;
}
.publicTitleDesTimes ul li .titleDes h3 {
  font-weight: normal;
}
.publicTitleDesTimes ul li .titleDes h3 a {
  font-size: 14px;
  color: #8F9090;
}
.publicTitleDesTimes ul li .newTime {
  float: left;
  width: 83px;
  height: 100px;
  background: #EFEFEF;
}
.publicTitleDesTimes ul li .newTime p {
  width: 83px;
  font-size: 30px;
  color: #173059;
  text-align: center;
  height: 70px;
  line-height: 70px;
}
.publicTitleDesTimes ul li .newTime b {
  display: block;
  width: 83px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #464749;
  font-weight: normal;
}
.publicTitleDesTimes ul li.desTime2,
.publicTitleDesTimes ul li.desTime4 {
  float: right;
}
/****/
.pageTitle {
  width: 100%;
  height: auto;
}
.pageTitle a {
  display: block;
  line-height: 25px;
  font-size: 14px;
  color: #fff;
  margin: 25px auto;
}
.pageTitle a.aMore {
  width: 117px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  float: left;
  text-indent: 0;
  margin: 0 0 0 0;
}
/** publicSortSon **/
.publicSortSon {
  width: 100%;
}
.publicSortSon::before {
  content: '';
  display: table;
}
.publicSortSon span {
  display: block;
  height: 35px;
  line-height: 35px;
}
.publicSortSon span a {
  display: block;
  font-size: 15px;
  color: #fff;
}
.publicSortSon ul {
  margin: 0 !important;
}
.publicSortSon ul li {
  float: none!important;
  font-size: 13px;
  color: #fff;
  height: 25px;
  line-height: 25px;
}
.publicSortSon ul li a {
  display: block;
  font-size: 12px;
  color: #fff;
}
/** 列表页面 **/
.article-title-list {
  width: 94%;
  margin: 0 3%;
}
.article-title-list ul li {
  float: left;
  width: 100%;
  margin: 30px auto;
  padding-bottom: 60px;
  border-bottom: 1px dashed #ccc;
}
.article-title-list ul li h2 {
  float: left;
  width: 90px;
  height: 90px;
  background: #125BBA;
  text-align: center;
  font-weight: normal;
}
.article-title-list ul li h2 p {
  width: 90px;
  height: 40px;
  line-height: 40px;
  font-size: 32px;
  color: #eee;
  margin-top: 10px;
}
.article-title-list ul li h2 b {
  display: block;
  font-weight: normal;
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #eee;
}
.article-title-list ul li h1 {
  float: left;
  margin: 0 40px;
  width: 955px;
  font-weight: normal;
}
.article-title-list ul li h1 a {
  display: block;
}
.article-title-list ul li h1 a.nameTitle {
  font-size: 24px;
  color: #585858;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
}
.article-title-list ul li h1 a.desTitle {
  font-size: 16px;
  color: #585858;
  line-height: 25px;
}
.article-title-list ul li h1:hover .nameTitle {
  color: #333;
}
.article-title-list ul li h1:hover .desTitle {
  color: #666;
}
/** 产品图片列表 **/
/** 文列图片列表 **/
.public-pic-list {
  width: 100%;
  margin: 0 auto;
  height: auto;
}
.public-pic-list ul::after {
  content: '';
  display: block;
  height: auto;
  clear: both;
  overflow: hidden;
}
.public-pic-list ul li {
  float: left;
  width: 260px;
  height: 240px;
  margin: 20px;
  position: relative;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.public-pic-list ul li span {
  display: block;
  width: 260px;
  height: 200px;
}
.public-pic-list ul li span a {
  display: block;
}
.public-pic-list ul li span a img {
  display: block;
  width: 260px;
  height: 200px;
}
.public-pic-list ul li h2 {
  display: none;
  position: absolute;
  top: 0;
  width: 260px;
  height: 200px;
  background: rgba(0, 0, 0, 0.5);
}
.public-pic-list ul li h1 {
  width: 258px;
  height: 38px;
  line-height: 40px;
  text-align: center;
  font-weight: normal;
  border: 1px solid #E5E5E5;
}
.public-pic-list ul li h1 a {
  font-size: 16px;
  color: #666;
}
.public-pic-list ul li:hover {
  -webkit-box-shadow: 0 10px 10px 8px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 10px 10px 8px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 10px 8px rgba(0, 0, 0, 0.07);
  -webkit-transform: translate3d(0px, -2px, 0px);
  -moz-transform: translate3d(0px, -2px, 0px);
  -ms-transform: translate3d(0px, -2px, 0px);
  -o-transform: translate3d(0px, -2px, 0px);
  transform: translate3d(0px, -2px, 0px);
}
.public-pic-list ul li:hover h1 a {
  color: #102D53;
}
.public-pic-list ul li:hover h2 {
  display: block;
  font-weight: normal;
}
.public-pic-list ul li:hover h2 a {
  display: block;
  width: 140px;
  text-align: center;
  margin: 80px auto;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  color: #e4393c;
  background: rgba(255, 255, 255, 0.6);
}
.public-pic-list-son {
  width: 100%;
  margin: 0 auto;
  height: auto;
}
.public-pic-list-son ul::after {
  content: '';
  display: block;
  height: auto;
  clear: both;
  overflow: hidden;
}
.public-pic-list-son ul li {
  float: left;
  width: 260px;
  height: 240px;
  margin: 20px;
  position: relative;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.public-pic-list-son ul li span {
  display: block;
  width: 260px;
  height: 200px;
}
.public-pic-list-son ul li span a {
  display: block;
}
.public-pic-list-son ul li span a img {
  display: block;
  width: 260px;
  height: 200px;
}
.public-pic-list-son ul li h2 {
  display: none;
  position: absolute;
  top: 0;
  width: 260px;
  height: 200px;
  background: rgba(0, 0, 0, 0.5);
}
.public-pic-list-son ul li h1 {
  width: 258px;
  height: 38px;
  line-height: 40px;
  text-align: center;
  font-weight: normal;
  border: 1px solid #E5E5E5;
}
.public-pic-list-son ul li h1 a {
  font-size: 16px;
  color: #666;
}
.public-pic-list-son ul li:hover {
  -webkit-box-shadow: 0 10px 10px 8px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 10px 10px 8px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 10px 8px rgba(0, 0, 0, 0.07);
  -webkit-transform: translate3d(0px, -2px, 0px);
  -moz-transform: translate3d(0px, -2px, 0px);
  -ms-transform: translate3d(0px, -2px, 0px);
  -o-transform: translate3d(0px, -2px, 0px);
  transform: translate3d(0px, -2px, 0px);
}
.public-pic-list-son ul li:hover h1 a {
  color: #102D53;
}
.public-pic-list-son ul li:hover h2 {
  display: block;
  font-weight: normal;
}
.public-pic-list-son ul li:hover h2 a {
  display: block;
  width: 140px;
  text-align: center;
  margin: 80px auto;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  color: #e4393c;
  background: rgba(255, 255, 255, 0.6);
}
/** 产品列表 **/
.public-goods-list {
  width: 100%;
  margin: 0 auto;
  height: auto;
}
.public-goods-list ul::after {
  content: '';
  display: block;
  height: auto;
  clear: both;
  overflow: hidden;
}
.public-goods-list ul li {
  float: left;
  width: 260px;
  height: 240px;
  margin: 20px;
  position: relative;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.public-goods-list ul li span {
  display: block;
  width: 260px;
  height: 200px;
}
.public-goods-list ul li span a {
  display: block;
}
.public-goods-list ul li span a img {
  display: block;
  width: 260px;
  height: 200px;
}
.public-goods-list ul li h2 {
  display: none;
  position: absolute;
  top: 0;
  width: 260px;
  height: 200px;
  background: rgba(0, 0, 0, 0.5);
}
.public-goods-list ul li h1 {
  width: 258px;
  height: 38px;
  line-height: 40px;
  text-align: center;
  font-weight: normal;
  border: 1px solid #E5E5E5;
}
.public-goods-list ul li h1 a {
  font-size: 16px;
  color: #666;
}
.public-goods-list ul li:hover {
  -webkit-box-shadow: 0 10px 10px 8px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 10px 10px 8px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 10px 8px rgba(0, 0, 0, 0.07);
  -webkit-transform: translate3d(0px, -2px, 0px);
  -moz-transform: translate3d(0px, -2px, 0px);
  -ms-transform: translate3d(0px, -2px, 0px);
  -o-transform: translate3d(0px, -2px, 0px);
  transform: translate3d(0px, -2px, 0px);
}
.public-goods-list ul li:hover h1 a {
  color: #102D53;
}
.public-goods-list ul li:hover h2 {
  display: block;
  font-weight: normal;
}
.public-goods-list ul li:hover h2 a {
  display: block;
  width: 140px;
  text-align: center;
  margin: 80px auto;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  color: #e4393c;
  background: rgba(255, 255, 255, 0.6);
}
/** 产品介绍 **/
.production-detail-list {
  width: 1150px;
  height: auto;
  margin: 0 auto;
}
.production-detail-list .production-detail {
  width: 1150px;
  height: 300px;
}
.production-detail-list .production-detail .detail-pic {
  float: left;
  width: 400px;
  height: 300px;
}
.production-detail-list .production-detail .detail-pic img {
  display: block;
  width: 400px;
  height: 300px;
  border: 1px solid #E5E5E5;
}
.production-detail-list .production-detail .detail-desc {
  float: left;
  width: 340px;
  height: 300px;
  margin: 0 30px;
}
.production-detail-list .production-detail .detail-desc h1 {
  height: 45px;
  line-height: 45px;
  font-size: 24px;
}
.production-detail-list .production-detail .detail-desc p {
  height: 40px;
  line-height: 40px;
  margin: 10px auto;
}
.production-detail-list .production-detail .detail-desc p b {
  display: block;
  float: left;
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #102D53;
  font-size: 14px;
  color: #fff;
}
.production-detail-list .production-detail .detail-desc p span {
  display: block;
  float: left;
  margin: 0 0 0 15px;
  font-size: 13px;
  color: #666;
}
.production-detail-list .production-detail .detail-desc p.keywords b {
  background: #761F10;
}
.production-detail-list .production-detail .detail-desc p.keywords span {
  color: #761F10;
  font-weight: bold;
}
.production-detail-list .relatedProducts {
  float: left;
  width: 300px;
  height: 300px;
  padding: 0 24px;
  border-left: 1px solid #9E9595;
}
.production-detail-list .relatedProducts h2 {
  width: 300px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #999;
  margin: 0 0 10px 0;
}
.production-detail-list .relatedProducts .relatedProductsList {
  width: 300px;
  height: 225px;
}
.production-detail-list .production-derail-intro {
  width: 1150px;
  height: auto;
  margin: 10px auto 30px auto;
}
.production-detail-list .production-derail-intro .intro {
  display: block;
  font-size: 18px;
  color: #000;
  font-weight: bold;
  width: 1150px;
  height: 50px;
  line-height: 50px;
  text-align: left!important;
  border-bottom: 1px solid #9E9595;
  margin-bottom: 35px;
}
/** 上一页/下一个 **/
#home-page {
  width: 98%;
  height: 30px;
  margin: 10px auto;
}
#home-page span {
  display: block;
}
#home-page span.home-page-prev {
  float: left;
}
#home-page span.home-page-next {
  float: right;
}
#home-page span a {
  display: block;
  font-size: 12px;
  color: #7E0308;
  height: 30px;
  line-height: 30px;
}
/** 分页处理 **/
#pagelist {
  width: 100%;
  height: 32px;
  margin: 30px auto 10px auto;
  text-align: center;
}
#pagelist a {
  display: inline-block;
  width: 60px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0 2px;
  font-size: 12px;
  color: #444;
  background: #EDEDED;
  border: #cccccc 1px solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#pagelist a#nowpage {
  display: inline-block;
  text-align: center;
  border: #102D53 1px solid;
  background-color: #102D53;
  color: #ffffff;
  font-size: 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#pagelist a#totalpage {
  display: inline-block;
  text-align: center;
  border: #dcdcdc 1px solid;
  background-color: #EDEDED;
  color: #666666;
  font-size: 12px;
}
.flashBanner {
  width: 300px;
  height: 225px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.flashBanner .mask {
  height: 32px;
  line-height: 32px;
  background-color: #000;
  width: 300px;
  text-align: right;
  position: absolute;
  left: 0;
  bottom: -32px;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  overflow: hidden;
}
.flashBanner .mask img {
  vertical-align: middle;
  margin: 8px 10px 4px 0;
  cursor: pointer;
}
.flashBanner .mask img.show {
  margin: 3px 10px 4px 0;
}
/*# sourceMappingURL=index.css.map */