@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;
}
input::placeholder {
  color: #D0D0D0;
}
textarea::placeholder {
  color: #D0D0D0;
}
body {
  font-family: "microsoft yahei";
  font-size: 14px;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: #fff;
}
.header {
  width: 100%;
  height: 140px;
  background: #fff;
}
.header .logo-tel-search {
  width: 1200px;
  height: 140px;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.header .logo-tel-search .logo {
  width: 500px;
  height: 58px;
  background: url("../images/logo.jpg") no-repeat left center;
}
.header .logo-tel-search .logo a {
  display: block;
  width: 500px;
  height: 58px;
}
.header .logo-tel-search .tel-search .tel {
  width: 403px;
  height: 40px;
  background: url("../images/tel.jpg") no-repeat center;
  margin: 0 0 8px 0;
}
.header .logo-tel-search .tel-search .search {
  width: 403px;
  height: 32px;
  background: url("../images/search.png") no-repeat right center;
}
.banner {
  width: 100%;
  height: 505px;
  margin: 0px auto 0;
}
.banneron {
  width: 100%;
  height: 300px;
  margin: 0 auto;
}
.products {
  width: 100%;
  height: auto;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
.products .products-head {
  width: 1200px;
  height: 50px;
  background: url("../images/pro-head.png") no-repeat center;
  margin: 75px auto 45px auto;
}
.products .products-head a {
  display: block;
  width: 372px;
  height: 50px;
  margin: 0 auto;
}
.products .products-sort {
  width: 1200px;
  height: 40px;
  margin: 0 auto;
}
.products .products-sort .public-goods-sort {
  width: 100%;
  height: 40px;
  display: flex;
  display: -webkit-flex;
}
.products .products-sort .public-goods-sort dd {
  flex: 1;
  height: 38px;
  line-height: 38px;
  border: 1px solid #CBCBCB;
  text-align: center;
  border-right: none;
}
.products .products-sort .public-goods-sort dd.sort4 {
  border-right: 1px solid #CBCBCB;
}
.products .products-sort .public-goods-sort dd a {
  font-size: 18px;
  color: #434344;
}
.products .products-sort .public-goods-sort dd:hover {
  background: #00449A;
  border-color: #00449A;
}
.products .products-sort .public-goods-sort dd:hover a {
  color: #fff;
}
.products .products-list {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.about {
  width: 100%;
  height: 505px;
  background: url("../images/aboutbg.jpg") no-repeat center;
  clear: both;
  overflow: hidden;
}
.about .about-img-title-type {
  width: 1200px;
  height: 360px;
  margin: 72.5px auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.about .about-img-title-type .about-img {
  width: 498px;
  height: 357px;
}
.about .about-img-title-type .about-img img {
  display: block;
  width: 498px;
  height: 357px;
}
.about .about-img-title-type .about-img span {
  display: none;
}
.about .about-img-title-type .about-title-type {
  width: 675px;
  height: 360px;
}
.about .about-img-title-type .about-title-type .about-head {
  width: 675px;
  height: 40px;
  background: url("../images/about-us.png") no-repeat left center;
  margin: 20px 0 0 0;
}
.about .about-img-title-type .about-title-type .about-title {
  width: 675px;
  height: 125px;
  margin: 19px 0;
}
.about .about-img-title-type .about-title-type .about-type {
  width: 675px;
  height: 132px;
}
.about .about-img-title-type .about-title-type .about-type ul {
  width: 675px;
  height: 132px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.about .about-img-title-type .about-title-type .about-type ul li {
  width: 132px;
  height: 132px;
}
.about .about-img-title-type .about-title-type .about-type ul li a {
  display: block;
  width: 132px;
  height: 132px;
}
.about .about-img-title-type .about-title-type .about-type ul li a img {
  display: block;
  width: 132px;
  height: 132px;
}
.about .about-img-title-type .about-title-type .about-type ul li a span {
  display: block;
  width: 132px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.service {
  width: 100%;
  height: 374px;
  background: url("../images/service.jpg") no-repeat center;
  clear: both;
  overflow: hidden;
}
.service .service-head {
  width: 1200px;
  height: 53px;
  background: url("../images/service-head.png") no-repeat center;
  margin: 70px auto 40px auto;
}
.service .service-head a {
  display: block;
  width: 372px;
  height: 53px;
  margin: 0 auto;
}
.service .service-list {
  width: 1200px;
  height: 140px;
  margin: 0 auto;
  position: relative;
}
.service .service-list span {
  display: block;
  width: 1200px;
  border-bottom: 1px solid #2271B4;
  position: absolute;
  top: 69px;
}
.service .service-list ul {
  width: 1200px;
  height: 140px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  z-index: 999;
  position: absolute;
}
.service .service-list ul li {
  width: 140px;
  height: 140px;
}
.service .service-list ul li a {
  display: none;
  width: 140px;
  height: 140px;
}
.service .service-list ul li span {
  display: none;
}
.advantage {
  width: 100%;
  height: 1533px;
  background: url("../images/advantage.jpg") no-repeat center;
}
.equipment {
  width: 100%;
  height: 450px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  background: url("../images/equipment.jpg") no-repeat center;
}
.equipment-head {
  width: 1200px;
  height: 53px;
  background: url("../images/equipment.png") no-repeat center;
  margin: 40px auto;
}
.equipment-head a {
  display: block;
  width: 372px;
  height: 53px;
  margin: 0 auto;
}
.equipment .equipment-list {
  width: 1200px;
  height: 225px;
  background: #fff;
  margin: 0 auto;
}
.honor-news {
  width: 100%;
  height: 937px;
  background: url("../images/honor-news.jpg") no-repeat center;
  clear: both;
  overflow: hidden;
}
.honor-news .honor {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.honor-news .honor .honor-head {
  width: 1200px;
  height: 53px;
  background: url("../images/honor.png") no-repeat center;
  margin: 60px auto 40px auto;
}
.honor-news .honor .honor-head a {
  display: block;
  width: 372px;
  height: 53px;
  margin: 0 auto;
}
.honor-news .honor .honor-list {
  width: 1200px;
  height: 150px;
  margin: 0 auto;
}
.honor-news .news {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.honor-news .news .news-head {
  width: 1200px;
  height: 50px;
  background: url("../images/news.png") no-repeat center;
  margin: 110px auto 40px auto;
}
.honor-news .news .news-head a {
  display: block;
  width: 372px;
  height: 50px;
  margin: 0 auto;
}
.honor-news .news .news-list {
  width: 1200px;
  height: 360px;
  margin: 0 auto;
}
.honor-news .news .news-list .company-news {
  float: left;
  width: 730px;
}
.honor-news .news .news-list .company-news .company-news-head {
  width: 730px;
  height: 39px;
  border-bottom: 1px solid #B8B9BA;
}
.honor-news .news .news-list .company-news .company-news-head ul {
  float: left;
}
.honor-news .news .news-list .company-news .company-news-head ul li {
  float: left;
  width: 115px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  font-size: 22px;
  color: #393B3D;
}
.honor-news .news .news-list .company-news .company-news-head ul li.action {
  font-weight: bold;
  color: #00449A;
}
.honor-news .news .news-list .company-news .company-news-head ul li.action span {
  color: #393B3D;
  font-weight: normal;
}
.honor-news .news .news-list .company-news .company-news-head ul li span {
  display: block;
  float: left;
}
.honor-news .news .news-list .company-news .company-news-head a {
  display: right;
  float: right;
  height: 39px;
  line-height: 39px;
  font-size: 13px;
  color: #555;
}
.honor-news .news .news-list .company-news .company-news-pic-title {
  width: 730px;
  height: 300px;
  margin: 30px auto;
}
.honor-news .news .news-list .company-news .company-news-pic-title .news-pic {
  float: left;
  width: 320px;
  height: 240px;
}
.honor-news .news .news-list .company-news .company-news-pic-title .news-title {
  float: right;
  width: 380px;
  height: 300px;
}
.honor-news .news .news-list .company-news .company-news-pic-title .news-title .news-title-intro {
  display: none;
  width: 380px;
  height: 300px;
}
.honor-news .news .news-list .company-news .company-news-pic-title .news-title .news-title-intro.on {
  display: block;
}
.honor-news .news .news-list .technology {
  float: right;
  width: 390px;
}
.honor-news .news .news-list .technology .technology-head {
  width: 390px;
  height: 39px;
  border-bottom: 1px solid #B8B9BA;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.honor-news .news .news-list .technology .technology-head b {
  line-height: 39px;
  color: #00449A;
  font-size: 17px;
  text-indent: 5px;
}
.honor-news .news .news-list .technology .technology-head a {
  line-height: 39px;
  font-size: 13px;
  color: #555;
}
.honor-news .news .news-list .technology .technology-list {
  width: 390px;
}
.area {
  width: 100%;
  /*height: 480px;*/
}
.area-head {
  width: 1200px;
  height: 60px;
  background: url("../images/area.png") no-repeat center;
  margin: 50px auto 30px auto;
}
.area-head a {
  display: block;
  width: 372px;
  height: 60px;
  margin: 0 auto;
}
.area .area-list {
  width: 1200px;
 /* height: 380px;*/
  margin: 0 auto;
}
.friendLink {
  width: 1200px;
  height: auto;
  clear: both;
  overflow: hidden;
  margin: 0 auto;
}
.friendLink .friendLink-head {
  width: 1200px;
  height: 50px;
  background: url("../images/friendLink.jpg") no-repeat center;
  margin: 60px auto 30px auto;
}
.friendLink .friendLink-list {
  width: 1200px;
  height: 60px;
  margin: 0 auto 45px auto;
}
.friendLink .friendLink-list ul {
  width: 100%;
  height: 60px;
}
.friendLink .friendLink-list ul li {
  float: left;
  width: auto;
  height: 60px;
  margin: 0 10px;
}
.friendLink .friendLink-list ul li a {
  display: block;
  width: auto;
  height: 60px;
}
.footer {
  width: 100%;
  height: 420px;
  background: #1D65AD;
  clear: both;
  overflow: hidden;
}
.products .keywords {
  width: 1200px;
  height: 30px;
  margin: 15px auto;
}
.products .keywords ul li {
  float: left;
  width: auto;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  font-size: 14px;
  color:#000000;
  opacity: 0.9;
}

.products .keywords ul li a{color: #000000;font-size: 14px;font-weight:500;font-family:Microsoft Yahei;}
.footer .footer-list {
  width: 1200px;
  height: 320px;
  margin: 0 auto;
  margin-top:10px;
}
.footer .footer-list .footer-menu {
  float: left;
  margin-left:-100px;
}
.footer .footer-list .footer-menu .public-sort-name {
  float: left;
  width: auto;
  height: auto;
  margin: 0 70px 0 0;
}
.footer .footer-list .footer-menu .public-sort-name dt {
  width: auto;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  font-weight:600;
  opacity: 0.9;
}
.footer .footer-list .footer-menu .public-sort-name dt a {
  font-size: 16px;
  color: #fff;
  opacity: 0.9;
}
.footer .footer-list .footer-menu .public-sort-name dd {
  width: auto;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #A8BCD9;
  opacity: 0.9;
}
.footer .footer-list .footer-menu .public-sort-name dd a {
  font-size: 13px;
  color: #A8BCD9;
  opacity: 0.9;
}
.footer .footer-list .footer-msg {
  float: left;
  width: 340px;
}
.footer .footer-list .footer-msg h1 {
  width: 340px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  opacity: 0.9;
  margin: 10px 0 0 0 ;
}
.footer .footer-list .footer-msg h5 {
  width: 340px;
  height: 25px;
  line-height: 25px;
  text-align: left;
  font-size: 12px;
  color: #A8BCD9;
  font-weight: normal;
}
.footer .footer-list .footer-msg form {
  width: 340px;
  height: auto;
}
.footer .footer-list .footer-msg form label {
  display: block;
  width: 340px;
  height: 35px;
  margin: 15px 0;
}
.footer .footer-list .footer-msg form label input {
  display: block;
  width: 340px;
  height: 35px;
  line-height: 35px;
  border: none;
  background: #3273B4;
  font-size: 12px;
  color: #fff;
  opacity: 0.9;
  text-indent: 8px;
  outline: none;
}
.footer .footer-list .footer-msg form label.contentList {
  width: 340px;
  height: 90px;
}
.footer .footer-list .footer-msg form label.contentList textarea {
  display: block;
  width: 340px;
  height: 90px;
  line-height: 20px;
  background: #3273B4;
  font-size: 12px;
  color: #fff;
  opacity: 0.9;
  text-indent: 8px;
  border: none;
  outline: none;
  font-family: "microsoft yahei";
}
.footer .footer-list .footer-msg form label.btnList {
  width: 100px;
  height: 30px;
  background: #3393ED;
}
.footer .footer-list .footer-msg form label.btnList input {
  display: block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  background: #3393ED;
  font-size: 15px;
  color: #fff;
  opacity: 0.9;
  text-indent: 0;
}
.footer .footer-list .footer-img {
  float: left;
  width: 100px;
  height: 125px;
  margin-top: 200px;
}
.footer .footer-list .footer-img img {
  display: block;
  width: 100px;
  height: 100px;
}
.footer .footer-list .footer-img span {
  display: block;
  width: 100px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.footer .foot-copy {
  width: 100%;
  height: 70px;
  line-height: 70px;
  margin: 30px auto 0;
  background: #1A5289;
}
.footer .foot-copy .copy {
  width: 1200px;
  font-size: 14px;
  color: #fff;
  opacity: 0.9;
  text-align: center;
  margin: 0 auto;
}
.footer .foot-copy .copy a {
  color: #fff;
  opacity: 0.9;
}
.search-list {
  width: 100%;
  height: 32px;
}
.search-list ul {
  width: 100%;
  height: 32px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.search-list ul li input {
  display: block;
  background: none;
  outline: none;
  border: 0;
}
.search-list ul li input:focus {
  outline: none;
}
.search-list ul li.search-input {
  width: 273px;
  height: 32px;
  margin-left: 24px;
}
.search-list ul li.search-input input {
  width: 273px;
  height: 32px;
  line-height: 32px;
  text-indent: 12px;
}
.search-list ul li.search-submit {
  width: 96px;
  height: 32px;
}
.search-list ul li.search-submit input {
  width: 96px;
  height: 32px;
  cursor: pointer;
}
.menu {
  /*width: 100%;*/
  height: 55px;
  background: #00449A;
}
#nav-menu {
  width: 1200px;
  height: 55px;
  margin: 0 auto;
}
#nav-menu li {
  float: left;
  width: 171.4px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  position: relative;
}
#nav-menu li a {
  font-size: 16px;
  color: #fff;
}
#nav-menu li ul {
  display: none;
  z-index: 99999;
  position: absolute;
}
#nav-menu li ul li {
  clear: both;
  float: none;
  z-index: 99999;
  width: 171.4px;
  height: 39px;
  line-height: 39px;
  border-bottom: 1px solid #fefefe;
  background: #00449A;
}
#nav-menu li ul li a {
  font-size: 14px;
  color: #fff;
}
#nav-menu li ul li:hover {
  background: #126CDE;
}
#nav-menu li ul li:hover a {
  color: #fff;
}
#nav-menu li:hover ul {
  display: block;
}
.public-about-intro {
  width: 100%;
  line-height: 25px;
  text-indent: 30px;
}
.public-about-intro a {
  font-size: 15px;
  color: #fff;
  letter-spacing: 1px;
}
/*栏目*/
.public-sort-pic {
  width: 1200px;
  /*height: 380px;*/
  margin: 0 auto;
}
.public-sort-pic ul li {
  float: left;
  width: 270px;
  /*height: 370px;*/
  margin: 0 15px;
}
.public-sort-pic ul li .sort-img {
  width: 270px;
  height: 200px;
}
.public-sort-pic ul li .sort-img a {
  display: block;
  width: 270px;
  height: 200px;
  overflow: hidden;
}
.public-sort-pic ul li .sort-img a img {
  display: block;
  width: 270px;
  height: 200px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.public-sort-pic ul li .name-intro {
  width: 270px;
  height: auto;
}
.public-sort-pic ul li .name-intro a {
  display: block;
  width: 270px;
/*  height: 170px;*/
}
.public-sort-pic ul li .name-intro a span {
  display: block;
  width: 270px;
  height: 60px;
  line-height: 60px;
  text-align: left;
  font-size: 18px;
  color: #000;
}
.public-sort-pic ul li .name-intro a b {
  display: block;
  width: 270px;
  height: 28px;
  line-height: 25px;
  text-align: left;
  font-size: 14px;
  color: #2d2e30;
  font-weight: normal;
}
.public-sort-pic ul li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.public-sort-pic ul li:hover span {
  color: #FF0000 !important;
  font-weight: bold;
}
/**页面主体*/
.mainer {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.mainer .mainer-list-side {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
.mainer .mainer-list-side .mainer-side {
  float: left;
  width: 300px;
  height: auto;
  padding: 0 0 30px 0;
}
.mainer .mainer-list-side .mainer-square {
  float: right;
  width: 880px;
  height: auto;
  margin: 0 auto;
  border-left: 1px solid #F1F1F1;
  padding: 15px 0 10px 19px;
}
.mainer .mainer-list-side .mainer-square .mainer-path {
  width: 880px;
  height: 35px;
  line-height: 35px;
  background: url(../images/home.png) no-repeat 6px center;
  text-indent: 34px;
  font-size: 14px;
  color: #888;
}
.mainer .mainer-list-side .mainer-square .mainer-path a {
  font-size: 14px;
  color: #888;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list {
  width: 880px;
  height: auto;
  margin: 0 auto;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .public-lump-sort-list {
  width: 860px;
  height: 50px;
  line-height: 50px;
  background: #F2F2F2;
  padding: 0 10px;
  margin: 15px 0;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .public-lump-sort-list .lump-title-name {
  float: left;
  width: 85%;
  text-indent: 20px;
  line-height: 50px;
  background: url(../images/lumpNews.png) no-repeat 0 center;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .public-lump-sort-list .lump-title-name a {
  font-size: 18px;
  font-weight: normal;
  color: #102D53;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .public-lump-sort-list .lump-title-more {
  float: right;
  width: 15%;
  height: 50px;
  line-height: 50px;
  text-align: right;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .public-lump-sort-list .lump-title-more a {
  font-size: 14px;
  color: #666;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption {
  width: 96%;
  height: auto;
  margin: 0 auto 30px auto;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption h1 {
  width: 100%;
  color: #3A3937;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  margin: 30px auto 5px auto;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption h3 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #555552;
  margin: 25px auto;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list {
  display: flex;
  display: -webkit-flex;
  height: 36px;
  line-height: 36px;
  font-weight: normal;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list b {
  display: block;
  height: 36px;
  line-height: 36px;
  width: auto;
  font-weight: normal;
  font-size: 12px;
  color: #5A5A5A;
  margin-right: 15px;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list .share {
  width: auto;
  height: 36px;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list .share span {
  display: block;
  float: left;
  font-size: 12px;
  color: #5A5A5A;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list .share .bdsharebuttonbox {
  float: left;
  height: 36px;
  line-height: 36px;
  width: auto;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list .share .bdsharebuttonbox a {
  display: block;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .showText {
  width: 94%;
  height: auto;
  margin: 0 auto;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .page-content {
  width: 94%;
  height: auto;
  margin: 0 auto;
  padding-top: 15px;
}
.public-side-name {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.public-side-name h1 {
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: #00449A;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.public-side-name ul {
  width: 298px;
  height: auto;
  border: 1px solid #CBCBCB;
  margin: 6px auto;
}
.public-side-name ul li {
  width: 94%;
  height: 38px;
  line-height: 38px;
  float: none;
  clear: both;
  margin: 10px auto;
  border: 1px solid #DCDCDC;
  background: #F4F4F4;
  text-indent: 6px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.public-side-name ul li a {
  font-size: 14px;
  color: #222;
}
.public-side-name ul li:hover {
  border-color: #00449A;
}
.public-side-name ul li:hover a {
  color: #00449A;
}
.public-side-name ul li.onm {
  border-color: #00449A;
}
.public-side-name ul li.onm a {
  color: #00449A;
}
.public-side-contact {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.public-side-contact .public-side-contact-head {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #00449A;
  text-align: left;
  font-size: 16px;
  color: #fff;
  text-indent: 25px;
  margin: 45px  auto 10px auto;
}
.public-side-contact .public-side-contact-list {
  width: 298px;
  height: auto;
  border: 1px solid #CBCBCB;
  margin: 6px auto;
}
.public-side-contact .public-side-contact-list p {
  width: 84%;
  height: 35px;
  line-height: 35px;
  text-align: left;
  font-size: 14px;
  color: #333;
  margin: 0 auto;
}
/**图片列表**/
.public-pic {
  width: 100%;
  height: 220px;
  clear: both;
  overflow: hidden;
}
.public-pic ul {
  width: 1200px;
  height: 200px;
  margin: 10px auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
}
.public-pic ul li {
  width: 265px;
  height: 200px;
}
.public-pic ul li a {
  display: block;
}
.public-pic ul li a.a-img {
  width: 265px;
  height: 180px;
}
.public-pic ul li a.a-img img {
  display: block;
  width: 265px;
  height: 180px;
}
.public-pic ul li a.a-title {
  width: 265px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 15px;
  color: #333;
}
.public-big-pic {
  width: 1200px;
  height: 400px;
  margin: 35px auto 30px auto;
}
.public-big-pic ul li {
  float: left;
  width: 225px;
  height: 190px;
  background: #FFF;
  margin: 0 0 20px 25px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.public-big-pic ul li a {
  display: block;
}
.public-big-pic ul li a.a-img {
  width: 225px;
  height: 160px;
  overflow: hidden;
}
.public-big-pic ul li a.a-img img {
  display: block;
  width: 225px;
  height: 160px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.public-big-pic ul li a.a-title {
  width: 225px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #434344;
}
.public-big-pic ul li.bigPic {
  width: 450px;
  height: 400px;
  margin: 0;
}
.public-big-pic ul li.bigPic a {
  display: block;
}
.public-big-pic ul li.bigPic a.a-img {
  width: 450px;
  height: 370px;
  overflow: hidden;
}
.public-big-pic ul li.bigPic a.a-img img {
  display: block;
  width: 450px;
  height: 370px;
}
.public-big-pic ul li.bigPic a.a-title {
  width: 450px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #434344;
}
.public-big-pic ul li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.public-big-pic ul li:hover .a-title {
  background: #00449A;
  font-weight: bold;
  color: #fff !important;
}
.public-pic-list {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.public-pic-list ul::after {
  content: '';
  display: table;
  overflow: hidden;
  clear: both;
  float: none;
  height: 0;
}
.public-pic-list ul li {
  float: left;
  width: 280px;
  height: 240px;
  margin: 15px 6px;
  z-index: 999;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.public-pic-list ul li span {
  display: block;
  width: 280px;
  height: 210px;
}
.public-pic-list ul li span a {
  display: block;
  width: 280px;
  height: 210px;
}
.public-pic-list ul li span a img {
  display: block;
  width: 280px;
  height: 210px;
}
.public-pic-list ul li h1 {
  width: 280px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: normal;
}
.public-pic-list ul li h1 a {
  display: block;
  font-size: 14px;
  color: #444;
  background: #F4F4F4;
}
.public-pic-list ul li:hover {
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  -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 {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.public-pic-list-son ul::after {
  content: '';
  display: table;
  overflow: hidden;
  clear: both;
  float: none;
  height: 0;
}
.public-pic-list-son ul li {
  float: left;
  width: 280px;
  height: 240px;
  margin: 15px 6px;
  z-index: 999;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.public-pic-list-son ul li span {
  display: block;
  width: 280px;
  height: 210px;
}
.public-pic-list-son ul li span a {
  display: block;
  width: 280px;
  height: 210px;
}
.public-pic-list-son ul li span a img {
  display: block;
  width: 280px;
  height: 210px;
}
.public-pic-list-son ul li h1 {
  width: 280px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: normal;
}
.public-pic-list-son ul li h1 a {
  display: block;
  font-size: 14px;
  color: #444;
  background: #F4F4F4;
}
.public-pic-list-son ul li:hover {
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  -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-honor-img {
  width: 100%;
  height: 150px;
  position: relative;
  margin: 10px 0;
}
#public-honor-img b {
  display: block!important;
  position: absolute;
  width: 39px;
  height: 55px;
  cursor: pointer;
  z-index: 9999;
}
#public-honor-img b#btnLeft {
  background: url("../images/btnLeft.png") no-repeat center;
  left: 0;
  top: 45px;
}
#public-honor-img b#btnRight {
  background: url("../images/btnRight.png") no-repeat center;
  right: 0;
  top: 45px;
}
#public-honor-img .conbox {
  width: 1090px;
  height: 150px;
  margin: 0 auto;
  overflow: hidden;
}
#public-honor-img .conbox ul {
  position: relative;
}
#public-honor-img .conbox ul li {
  float: left;
  width: 215px;
  height: 150px;
  margin: 0 10px;
}
#public-honor-img .conbox ul li a {
  display: block;
  width: 215px;
  height: 150px;
  position: relative;
}
#public-honor-img .conbox ul li a img {
  display: block;
  width: 215px;
  height: 150px;
}
#public-honor-img .conbox ul li a span {
  display: none;
  width: 180px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #333;
}
/**文章列表**/
.public-technology {
  width: 355px;
  height: 340px;
  margin: 0 20px;
}
.public-technology ul li {
  width: 355px;
  height: 99px;
  margin: 10px 0 0 0;
}
.public-technology ul li a {
  display: block;
  width: 355px;
  height: 99px;
}
.public-technology ul li a.a-title {
  width: 355px;
  height: 35px;
  line-height: 35px;
}
.public-technology ul li a.a-title b {
  display: none;
  float: left;
  width: 35px;
  height: 35px;
  background: url("../images/tq.png") no-repeat left center;
}
.public-technology ul li a.a-title span {
  display: block;
 /* float: right;*/
  width: 310px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  color: #000;
  overflow: hidden;
}
.public-technology ul li a.a-intro {
  width: 355px;
  height: 35px;
  line-height: 35px;
}
.public-technology ul li a.a-intro b {
  display: none;
  float: left;
  width: 35px;
  height: 35px;
  background: url("../images/ta.png") no-repeat left center;
}
.public-technology ul li a.a-intro span {
  display: block;
  /*float: right;*/
  width: 310px;
  height: 60px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
}
.public-technology ul li.technology2 {
  border-top: 1px solid #C1C0BE;
  border-bottom: 1px solid #C1C0BE;
  margin: 10px 0;
  padding: 10px 0;
}
.public-title-intro {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.public-title-intro ul li {
  width: auto;
  height: 35px;
  line-height: 35px;
  background: url("../images/nt.jpg") no-repeat left center;
  text-indent: 10px;
}
.public-title-intro ul li a {
  display: block;
  float: left;
  line-height: 35px;
  font-size: 16px;
  color: #5D5D5D;
}
.public-title-intro ul li span {
  float: right;
  display: none;
}
.public-title-intro ul li.intro {
  height: 90px;
  background: none;
  text-indent: 0;
}
.public-title-intro ul li.intro .intro-world {
  height: 90px;
}
.public-title-intro ul li.intro .intro-world .a-title {
  font-size: 17px;
  color: #050607;
  height: 30px;
  line-height: 30px;
}
.public-title-intro ul li.intro .intro-world .a-intro {
  font-size: 14px;
  height: 50px;
  line-height: 25px;
  text-align: left;
  color: #888;
}
.public-title-list {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.public-title-list ul li {
  width: 98%;
  height: 100px;
  background: #F4F4F4;
  margin: 30px 0;
}
.public-title-list ul li .inside-times {
  float: left;
  width: 120px;
  height: 80px;
  background: #00449A;
  padding: 10px 0;
}
.public-title-list ul li .inside-times p {
  width: 120px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 40px;
  color: #fefefe;
  font-weight: bold;
}
.public-title-list ul li .inside-times b {
  display: block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  color: #fefefe;
}
.public-title-list ul li .inside-title-intro {
  float: right;
  width: 710px;
  height: 100px;
  padding: 0 15px;
}
.public-title-list ul li .inside-title-intro .inside-title {
  display: block;
  width: 710px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #000;
}
.public-title-list ul li .inside-title-intro .inside-intro {
  display: block;
  width: 710px;
  height: 50px;
  line-height: 25px;
  font-size: 14px;
  color: #666;
}
.public-title-list ul li:hover .inside-title {
  color: #00449A;
}
.public-search-list {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.public-search-list ul li {
  width: 98%;
  height: 39px;
  line-height: 40px;
  border-bottom: 1px dashed #CCCCCC;
  text-indent: 30px;
  text-align: left;
  background: url(../images/lumpArrow.png) no-repeat 10px center;
  font-size: 16px;
  color: #575757;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  margin: 0 auto;
}
.public-search-list ul li a {
  display: block;
  float: left;
  color: #575757;
  text-align: left;
  font-size: 16px;
}
.public-search-list ul li span {
  display: block;
  float: right;
  text-align: left;
  font-weight: 100;
  height: 40px;
  line-height: 40px;
  width: auto;
  font-size: 15px;
  color: #575757;
}
.public-search-list ul li:hover {
  border-color: #00449A;
  background: url("../images/lumpOn.png") no-repeat 10px center;
}
.public-search-list ul li:hover a {
  color: #00449A;
}
/**产品展示**/
.public-goods {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.public-goods ul li {
  float: left;
  width: 350px;
  height: 285px;
  margin: 10px 0;
}
.public-goods ul li.goods2,
.public-goods ul li.goods5 {
  margin: 10px 75px;
}
.public-goods ul li a {
  display: block;
}
.public-goods ul li a.a-img {
  width: 348px;
  height: 253px;
  border: 1px solid #EBECEC;
  overflow: hidden;
}
.public-goods ul li a.a-img img {
  display: block;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  width: 350px;
  height: 255px;
}
.public-goods ul li a.a-title {
  width: 350px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.public-goods ul li a.a-title span {
  font-size: 16px;
  color: #000;
}
.public-goods ul li:hover .a-img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.public-big-goods {
  width: 1200px;
  height: 400px;
  margin: 35px auto 30px auto;
}
.public-big-goods ul li {
  float: left;
  width: 225px;
  height: 190px;
  background: #FFF;
  margin: 0 0 20px 25px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.public-big-goods ul li a {
  display: block;
}
.public-big-goods ul li a.a-img {
  width: 225px;
  height: 160px;
  overflow: hidden;
}
.public-big-goods ul li a.a-img img {
  display: block;
  width: 225px;
  height: 160px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.public-big-goods ul li a.a-title {
  width: 225px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #434344;
}
.public-big-goods ul li.bigPic {
  width: 450px;
  height: 400px;
  margin: 0;
}
.public-big-goods ul li.bigPic a {
  display: block;
}
.public-big-goods ul li.bigPic a.a-img {
  width: 450px;
  height: 370px;
  overflow: hidden;
}
.public-big-goods ul li.bigPic a.a-img img {
  display: block;
  width: 450px;
  height: 370px;
}
.public-big-goods ul li.bigPic a.a-title {
  width: 450px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #434344;
}
.public-big-goods ul li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.public-big-goods ul li:hover .a-title {
  background: #00449A;
  font-weight: bold;
  color: #fff !important;
}
.public-goods-list {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.public-goods-list ul::after {
  content: '';
  display: table;
  overflow: hidden;
  clear: both;
  float: none;
  height: 0;
}
.public-goods-list ul li {
  float: left;
  width: 280px;
  height: 240px;
  margin: 15px 6px;
  z-index: 999;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.public-goods-list ul li span {
  display: block;
  width: 280px;
  height: 210px;
}
.public-goods-list ul li span a {
  display: block;
  width: 280px;
  height: 210px;
}
.public-goods-list ul li span a img {
  display: block;
  width: 280px;
  height: 210px;
}
.public-goods-list ul li h1 {
  width: 280px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: normal;
}
.public-goods-list ul li h1 a {
  display: block;
  font-size: 14px;
  color: #444;
  background: #F4F4F4;
}
.public-goods-list ul li:hover {
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  -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);
}
.production-detail-list {
  width: 98%;
  height: auto;
  margin: 30px auto;
}
.production-detail-list .production-detail {
  width: 100%;
  height: 400px;
}
.production-detail-list .production-detail .detail-pic {
  float: left;
  width: 400px;
  height: 300px;
}
.production-detail-list .production-detail .detail-desc {
  float: left;
  width: 400px;
  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 {
  width: 400px;
  height: 40px;
  line-height: 40px;
  margin: 10px auto;
}
.production-detail-list .production-detail .detail-desc p b {
  display: block;
  float: left;
  width: auto;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #555;
}
.production-detail-list .production-detail .detail-desc p span {
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  width: auto;
  margin: 0 0 0 8px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
}
.production-detail-list .production-detail .detail-desc p.goods-msg a {
  display: block;
  width: 86px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #00449A;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
}
.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 .production-detail .relatedProducts {
  float: left;
  width: 300px;
  height: 300px;
  padding: 0 24px;
  border-left: 1px solid #9E9595;
}
.production-detail-list .production-detail .relatedProducts h2 {
  width: 300px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #999;
  margin: 0 0 10px 0;
}
.production-detail-list .production-detail .relatedProducts .relatedProductsList {
  width: 300px;
  height: 225px;
}
.production-detail-list .production-derail-intro {
  width: 100%;
  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: 100%;
  height: 50px;
  line-height: 50px;
  text-align: left!important;
  border-bottom: 1px solid #9E9595;
  margin-bottom: 35px;
}
.introShow {
  width: 400px;
}
.introShow .mainShow {
  width: 400px;
  height: 300px;
}
.introShow .mainShow a {
  display: block;
  width: 398px;
  height: 298px;
  border: #CCCCCC 1px solid;
  overflow: hidden;
}
.introShow .mainShow a img {
  display: block;
  width: 400px;
  height: 300px;
}
.introShow .scroll {
  width: 400px;
  height: 60px;
  margin: 15px auto;
  overflow: hidden;
}
.introShow .scroll ul {
  float: left;
  width: 380px;
  height: 60px;
  overflow: hidden;
}
.introShow .scroll ul li {
  float: left;
  width: 80px;
  height: 60px;
  margin: 0 7px;
}
.introShow .scroll ul li a {
  display: block;
  width: 78px;
  height: 58px;
  border: 1px solid #F3F3F3;
  overflow: hidden;
}
.introShow .scroll ul li a:hover {
  border: 1px solid #C80000;
}
.introShow .scroll ul li a.currentItem {
  border: 1px solid #C80000;
}
.introShow .scroll ul li a img {
  display: block;
  width: 80px;
  height: 60px;
}
.introShow .scroll .prevView {
  float: left;
  margin-top: 28px;
  width: 7px;
  height: 12px;
  background: url(../images/bgimg.gif) no-repeat -132px -17px;
}
.introShow .scroll .prevView:hover {
  background-position: -146px -17px;
}
.introShow .scroll .nextView {
  float: right;
  margin-top: 28px;
  width: 7px;
  height: 12px;
  background: url(../images/bgimg.gif) no-repeat -153px -17px;
}
.introShow .scroll .nextView:hover {
  background-position: -167px -17px;
}
.mainer-message {
  width: 100%;
  height: auto;
}
.mainer-message .mainer-message-head {
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: left;
  font-size: 18px;
  color: #333;
  background: #F4F4F4;
  text-indent: 16px;
  margin: 80px 0 30px 0;
}
.mainer-message .mainer-message-list {
  width: 100%;
  height: 320px;
  margin: 0 auto;
}
.mainer-message .mainer-message-list form {
  width: 100%;
  height: 320px;
  margin: 0 auto;
}
.mainer-message .mainer-message-list form label {
  float: left;
  display: block;
  width: 320px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #D9D9D9;
  margin: 15px 55px 0 55px;
}
.mainer-message .mainer-message-list form label input {
  display: block;
  border: none;
  background: none;
  width: 300px;
  line-height: 30px;
  font-size: 12px;
  color: #333;
  text-indent: 14px;
  outline: none;
}
.mainer-message .mainer-message-list form label.contentList {
  width: 100%;
  height: 100px;
  line-height: 20px;
  border: none;
}
.mainer-message .mainer-message-list form label.contentList textarea {
  display: block;
  width: 400px;
  height: 100px;
  line-height: 20px;
  font-size: 12px;
  color: #333;
  border: 1px solid #D9D9D9;
  outline: none;
  text-indent: 14px;
  font-family: "microsoft yahei";
}
.mainer-message .mainer-message-list form label.btnList {
  width: 140px;
  height: 40px;
  line-height: 40px;
  background: #FF6600;
  border-color: #FF6600;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 30px 210px;
}
.mainer-message .mainer-message-list form label.btnList input {
  width: 140px;
  line-height: 40px;
  text-indent: 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.mainer-valid {
  width: 100%;
  height: auto;
}
.mainer-valid .mainer-valid-head {
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: left;
  font-size: 18px;
  color: #333;
  background: #F4F4F4;
  text-indent: 16px;
}
.mainer-valid .mainer-valid-list {
  width: 100%;
  height: 230px;
  clear: both;
  overflow: hidden;
}
.public-related-goods {
  width: 100%;
  height: 190px;
  margin: 15px auto;
}
.public-related-goods ul li {
  float: left;
  width: 210px;
  height: 190px;
  margin: 0 5px;
}
.public-related-goods ul li a {
  display: block;
}
.public-related-goods ul li a.a-img img {
  display: block;
  width: 210px;
  height: 160px;
}
.public-related-goods ul li a.a-title span {
  display: block;
  width: 208px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #DCDCDC;
}
/**分页**/
#home-page {
  width: 98%;
  height: 30px;
  margin: 10px auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
#home-page a {
  font-size: 14px;
  color: #7E0308;
  height: 30px;
  line-height: 30px;
}
#pagelist {
  width: 100%;
  height: 32px;
  margin: 30px auto 10px auto;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}
#pagelist a {
  width: 60px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #444;
  background: #EDEDED;
  border: #cccccc 1px solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  margin: 0 5px;
}
#pagelist a#nowpage {
  border: #00449A 1px solid;
  background-color: #00449A;
  color: #ffffff;
}
/**qq**/
#online_qq_layer {
  z-index: 22000;
  position: fixed;
  right: 0px;
  top: 0;
  margin: 240px 0 0 0;
}
#online_qq_tab {
  width: 45px;
  float: left;
  margin: 115px 0 0 0;
  position: relative;
  background: url("../images/qMenu.jpg") no-repeat center;
}
#online_qq_tab a {
  display: block;
  height: 120px;
  line-height: 999em;
  overflow: hidden;
}
#onlineService {
  display: block;
  float: left;
  width: 140px;
  background: #00449A;
  padding-top: 15px;
  padding-bottom: 15px;
}
.onlineMenu {
  width: 120px;
  height: auto;
  background: #4CB800;
  margin: 0 auto;
}
.onlineMenu h3 {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  width: 110px;
  margin: 0 auto;
  border-bottom: 1px solid #E5E5E5;
  height: 39px;
  line-height: 40px;
  text-align: center;
}
.onlineMenu li {
  height: 50px;
  text-align: center;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.onlineMenu li a {
  display: block;
  height: 50px;
  line-height: 50px;
}
.onlineMenu li a img {
  display: block;
  margin: 0 auto;
  padding-top: 12px;
}
.onlineMenu li.weixin {
  background: url("../images/wx.png") no-repeat center;
  position: relative;
  margin: 10px 0;
}
.onlineMenu li.weixin img {
  display: none;
  width: 100px;
  height: 100px;
  position: absolute;
  right: 120px;
  top: -20px;
}
.onlineMenu li.weixin:hover img {
  display: block;
}
.onlineMenu .qTel {
  width: 110px;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 0 auto;
}
.onlineMenu .qTel span {
  display: block;
  width: 110px;
  height: 20px;
  background: url("../images/qTel.png") no-repeat center;
  margin: 0 auto;
  padding-bottom: 20px;
}
.onlineMenu .qTel p {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  height: 30px;
  line-height: 30px;
}




/*========================================================*/

/*小导航*/
.nt_small_nav{    
    display: block;
    width: px;
    height: 33px;
    margin: 0px auto 0px;
    background: #222;
}

.nt_small_nav center{display: block; width: 1200px;  height: px;  margin: 0px auto 0px;}
.nt_small_nav center h1{font-size: 15px;  color:#fff ;  line-height: 33px; text-align: right;font-weight: 400;}




/*小导航 end*/


.nt_logo a{display: block;overflow: hidden;float: left; position: relative;z-index: 1000;  width: 415px;  height: 70px;  margin: 20px 0px 0px 0px; }

.nt_logo a h1{
    position: absolute;
    left: 172px;
    top: 1px;
    display: block;
    width: 100%;
    height: px;
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    color: #000;
    line-height: 28px;
    font-weight: normal;
    font-family: '黑体'；
}
/*.nt_logo a h1 span{
    display: block;
    margin: 0px 0px 0px 0px;
    height: 16px;
    font-size: 16px;
    color: #000;
    line-height: 0px;
    font-weight: normal;
}*/



.header{ position: fixed; z-index: 9999; height: 130px;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}

.header .header_center{display: block; width: 1200px;  height: px;  margin: 0px auto 0px;}

/*导航*/






.menu{float: left; ;width: 785px; background: #fff }


#nav-menu>li{position: relative;width:135px;height: 100px; /*border: 1px solid red;*/}

#nav-menu>li>a{color:#333;line-height: 100px; height: 100px;}
#nav-menu li ul li{width:135px;}



#nav-menu>li:hover>a{display: block;width:135px;height: 100px;background: #00449A;color:#fff;}
#nav-menu>li.navOn>a{display: block;width:135px;height: 100px;background: #00449A;color:#fff;}



#nav-menu>li>ul{display: block; position:relative; left: 0px; top: 20px; z-index: -110;opacity: 0;   transition: all .6s}
#nav-menu>li:hover ul{ position:relative; left: 0px; top: 3px; z-index: 10;  opacity: 1; }


/*导航 end*/

/*产品*/

.nt_pro{width: 1200px;  height: 425px;  margin: 0px auto 50px; }
.nt_pro li a{float: left; overflow: hidden; display: block; width: 571px;  height: 425px;  margin: 0px 0px 0px 0px; }
.nt_pro li:last-child  a{float: right;}
.nt_pro li a h1{display: block; width: 571px;  height: 132px; line-height: 132px; text-align: left;margin: 0px 0px 9px 0px;  text-indent: 238px;  font-family: "Microsoft Yahei"; color:#fff; font-weight: 500; transition: all .4s }
.nt_pro li a h2{overflow: hidden;display: block; width: 571px;  height:px;}
.nt_pro li a h2 img{width: 571px;  height: 282px; transition: all .4s }
.nt_pro li:first-child a h1{background:#2b7ec0 url("../images/pro_top_01.png") no-repeat 150px center ;;}
.nt_pro li a h1{background:#2b7ec0 url("../images/pro_top_02.png") no-repeat 150px center;}
.nt_pro li a:hover h1{text-indent: 248px; color:#DDDDDD}
.nt_pro li a:hover h2 img{transform: scale(1.2);}
.nt_conveyor{width: 100%; height: 300px; background: url("../images/a2.jpg") no-repeat center top;}
.nt_car{width: 100%; height: 300px; background: url("../images/a3.jpg") no-repeat center top;}

/*产品 end*/


/* 关于我们 */

.nt_about{position:relative;width: 100%; height: 760px; background: url("../images/nt_about_bg.jpg") no-repeat center top; padding-top: 75px; }

.nt_about_center{width: 1200px;; height: px; margin: 0 auto; }


.nt_about_head{height: 50px;background: url("../images/about_head.png") no-repeat center;margin: 0px auto 45px auto;}

.nt_about_bottom{position:absolute; left: 0px; bottom: 0px; z-index: 1;  width: 100%;  height: 406px;  background: #054CA6;}

.nt_about_con{position:relative; z-index: 2; width: 100%; height: 382px; margin: 0 auto; background: #fff;}

.nt_about_left{float: left; display: block; width: 500px;  height: px;  margin: 48px 0px 0px 0px; text-align: center;}

.nt_about_left img{width:400px;/*padding:5px; border: 1px solid #ccc*/}

.nt_about_right{float: left; display: block; width: 650px;  height: px;  margin: 48px 0px 0px 0px;  }

.nt_about_right a{font-size: 16px;  color:#333 ;  line-height: 26px;  font-family: 'Arial,Microsoft Yahei'; font-weight: 400;  ;text-indent:2em; transition: all .2s}

.nt_about_right a span{float: right; display: block; width: 120px;  height: 44px;  margin: 10px 10px 0px 0px;; background: #3372BF;font-size: 15px;  color:#fff ;  line-height: 44px; text-align: center;text-indent:0px;border-radius:5px;transition: all .2s}

.nt_about_right a:hover{color: #000;;}
.nt_about_right a:hover span{background:#00449A }


.nt_all{position:relative;width: 100%; height: 1000px; background: url("../images/nt_about_bg.jpg") no-repeat center top; padding-top: 75px; }



.nt_all_con{position:relative; z-index: 2; width: 100%; height: 275px; margin: 0 auto 100px; padding:40px 0 0 0 ; background: rgba(255,255,255,0.2);}

.nt_all_text{display: block; width: 96%;  height: px;  margin: 0px auto 0px;}

.nt_all_text a{font-size: 16px;  color:#fff ;  line-height: 35px;  font-family: 'Arial,Microsoft Yahei'; font-weight: 400;  ;text-indent:2em; transition: all .2s; }
.p{ margin-top:-20px;}
.nt_all_text a span{float: right; display: block; width: 120px;  height: 44px;  margin: 10px 10px 0px 0px;; background: #3372BF;font-size: 15px;  color:#fff ;  line-height: 44px; text-align: center;text-indent:0px;border-radius:5px;transition: all .2s}

.nt_all_text a:hover{color: #f4f4f4;;}
.nt_all_text a span:hover {background:#E6212A }

.nt_all_bottom{position:absolute; left: 0px; bottom: 0px; z-index: 1;  width: 100%;  height: 406px;  background: #054CA6;}









.nt_about_ico_bg{position:absolute;width: 100%; bottom: 0px; height: 226px; background: #054CA6; }
.nt_about_ico{position:relative;z-index:20; width: 1200px; margin: 0 auto;display: flex;justify-content:space-between; align-items: center;}

.nt_about_ico li a{float: left; display: block; width: 162px;  height: 162px;  margin: 35px 0px 0px; text-align: center; border:1px solid #fff;border-radius:50%;transition: all .3s}

.nt_about_ico li a span{ display: block;font-size: 80px;  color:#fff ; margin: 20px auto 0px; line-height: px; text-align: center;;transition: all .3s}
.nt_about_ico li a font{ display: block;font-size: 16px;  color:#fff ;  line-height: 30px;;transition: all .3s}

/* #F16A19 */
.nt_about_ico li a:hover{background: #fff;}
.nt_about_ico li a:hover span{color:#F16A19}
.nt_about_ico li a:hover font{color:#F16A19}


.honor-news{height:640px}

/* 关于我们 end */

/*生产设备*/
.nt_equipment{width: 100%; height: 760px; background: url("../images/nt_equipment.jpg") no-repeat center top; padding-top: 30px;}
.nt_equipment_center{}

/*生产设备 end*/

/*应用领域*/
.applications{width: 100%; height: px;}
.applications_center{width: 1200px; height: 680px;  margin: 0 auto; }


.applications_head{width: 555px;  height: 136px;  margin: 40px auto 0px;}

.applications_head i{display: block; width: px;  height: px;  margin: 0px 0px 0px 0px;  font-size: 50px; color:#e8e8e9 ; line-height: px; font-weight:normal; text-align: center;  font-family: 'Arial Black';  text-transform: uppercase;   font-style: normal;}
.applications_head h1{display: block; width: px;  height: px;  margin: -38px 0px 0px 0px;  font-size: 32px; color:#3d3e40 ; line-height: px; font-weight:bold; text-align: center; }

.applications_head h1::after{content: ''; display: block;width: 60px;  height: 3px;  margin: 12px auto 0px; background: #c1272d}


.applications_head span{display: block; width: 468px;  height: px;  margin: 10px auto 0px;  font-size: 15px; color:#666 ; line-height: px; font-weight:normal; text-align: center; }


.applications_left{float: left;   width: 347px;  height: px;  margin: 70px 0px 0px 0px; }
.applications_left li{ overflow: hidden;width: px;  height: 100px;  margin: 0px 0px 10px 0px;border-radius:10px; background: #eee;transition: all 0.6s;}
.applications_left li h1{display: block; width: px;  height: px;  margin: 24px 0px 0px 0px;  font-size: 24px; color:#333 ; line-height: px; font-weight:normal;    text-indent: 28px; transition: all 0.6s; }
.applications_left li i{display: block; width: px;  height: px;  margin: 10px 0px 0px 0px;  font-size: 12px; color:#a8a8a8 ; line-height: px; font-weight:normal; font-style:normal;     text-indent: 28px;transition: all 0.6s;}


.applications_left li:hover,.applications_left li.on{background: #1373be}
/*.applications_left li.on h1,.applications_left li.on i{margin-left: 20px;}*/
.applications_left li:hover h1,.applications_left li:hover i,.applications_left li.on h1,.applications_left li.on i{color: #fff}

.applications_right{overflow:hidden;float:left;   width: 834px;  height: 432px;  margin: 70px 0px 0px 10px;}

.applications_right li img{display:none}
.applications_right li.on_show img{display:block}

/*应用领域 end */


