@charset "UTF-8";

/*头部样式*/
#header,
.w1200 {
  width: 1100px;
  margin: 0 auto;
}

.a2 {
  width: 1100px;
  margin: 0 auto;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

p {
  margin: 0 0 0 0;
}

.tophead {
  width: 100%;
  height: 30px;
  background: #f1f1f1;
  position: relative;
}

.headtitle {
  font-size: 14px;
  color: #666666;
  line-height: 30px;
}

.k1 {
  font-size: 14px;
  line-height: 30px;
  color: #666666;
}

.k1 a {
  color: #666666;
}

.sechead {
  height: 120px;
  position: relative;
}

.logo {
  float: left;
  line-height: 120px;
}

.sechead .k2 {
  margin-top: 38px;
  background: url(../images/tel.png) left center no-repeat;
  text-align: left;
  padding-left: 50px;
  font-size: 18px;
  color: #262626;
  line-height: 24px;
}

.menu {
  background: #2953ad;
}

/* 搜索
.ss {
  height: 54px;
  border-bottom: 1px solid #dcdcdc;
}

.hotSearch {
  line-height: 53px;
  font-weight: normal;
  color: #888888;
  font-size: 14px;
}

.hotSearch a {
  color: #888888;
  font-size: 14px;
}

#formsearch {
  margin-top: 10px;
  width: 316px;
  height: 38px;
  background: url(../images/sou.png) no-repeat;
}

#formsearch input {
  height: 38px;
  background: none;
  border: none;
  line-height: 28px;
  outline: none;
  float: left;
}

#formsearch input#keyword {
  text-indent: 45px;
  color: #888888;
  font-size: 14px;
  width: 238px;
}

#formsearch input#s_btn {
  width: 56px;
  text-align: center;
  color: #fff;
  border: none;
  cursor: pointer;
      float: right;
      padding: 0;
}
 */
.title1 {
  text-align: center;
}

.title1 b {
  display: block;
  font-size: 26px;
  color: #000000;
}

.title1 span {
  display: block;
  background: url(../images/t1.png) no-repeat 50% 50%;
  font-size: 14px;
  color: #888888;
  font-family: "Arail";
  margin-top: 10px;
}

.p-index {
  padding-top: 50px;
}



.prost {
  margin-top: 36px;
}

.prost ul {
  display: flex;
  justify-content: space-between;
}

.prost li {
  width: 140px;
  height: 44px;
  background: #eeeeee;
}

.prost li a {
  line-height: 44px;
  text-align: center;
  font-size: 17px;
  color: #424242;
  display: block;
}


.prost li.cur {
  background: #024ab7;
}

.prost li.cur a {
  color: #fff;
}




.p-index .p-list {
  margin: 0 -3px;
  margin-top: 36px;
}

.p-index .p-list li {
  float: left;
  width: 342px;
  background: #f0f0f0;
  /*border-bottom: 7px solid #fc9c42;*/
  height: 228px;
  margin: 0 13px 39px;
  /* position: relative;
  text-align: center;*/
}

.p-index .p-list li a {
  display: block;
}

.p-index .p-list li a .img1 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.p-index .p-list li a h3 {
  font-size: 26px;
  color: #000000;
  padding-bottom: 28px;
}

.p-index .p-list li a p {
  font-size: 16px;
  color: #444444;
  line-height: 35px;
  /*padding: 0 28px;*/
  text-align: center;
}

.p-index .p-list li a .img2 {
  /* opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;*/
}

.p-index .p-list li a .img2 img {
  width: 342px;
  height: 228px;
  border: 1px solid #c6c6c6;
}

.p-index .p-list li a .img2 img:hover {
  border: 1px solid #000;
}


.p-index .p-list li:hover a .img2 {
  opacity: 1;

}

.p-index .more {
  width: 146px;
  height: 42px;
  border: 1px solid #4f4f4f;
  margin: 0 auto;
  margin-top: 50px;
}

.p-index .more a {
  display: block;
  font-size: 14px;
  color: #666666;
  text-align: center;
  line-height: 40px;
}

.about-bg {
  background: url(../images/about.png) no-repeat top center;
  height: 681px;
  overflow: hidden;
  margin-top: 70px;
}

.about-bg .about-index .con {
  margin-top: 60px;
}

.about-bg .about-index .con .abl {
  width: 573px;
}

.about-bg .about-index .con .abr {
  width: 500px;
}

.about-bg .about-index .con .abr h2 {
  font-size: 30px;
  color: #333333;
  padding-top: 20px;
}

.about-bg .about-index .con .abr h2 span {
  display: block;
  font-size: 20px;
  color: #666666;
  padding-top: 10px;
  padding-bottom: 25px;
}

.about-bg .about-index .con .abr p {
  font-size: 14px;
  color: #666666;
  line-height: 33px;
}

.about-bg .about-index .con .abr a {
  font-size: 12px;
  display: block;
  color: #8d8d8d;
  text-transform: uppercase;
  margin-top: 50px;
}

.about-bg .about-index .con .abr:hover a {
  color: #2953ad;
}

.about-bg .about-index .about-list {
  margin: 0 -34px;
  margin-top: 50px;
}

.about-bg .about-index .about-list li {
  float: left;
  width: 220px;
  margin: 0 34px;
}

.about-bg .about-index .about-list li .img1 {
  width: 53px;
}

.about-bg .about-index .about-list li .img1 img {
  width: 53px;
  height: 53px;
}

.about-bg .about-index .about-list li .wz {
  width: 140px;
}

.about-bg .about-index .about-list li .wz h3 {
  font-size: 18px;
  color: #333333;
  padding-bottom: 15px;
}

.about-bg .about-index .about-list li .wz p {
  font-size: 12px;
  color: #999999;
}

.about-bg .about-index .about-list li:hover .img1 img {
  filter: invert(50%) sepia(78%) saturate(3190%) hue-rotate(7deg) brightness(102%) contrast(101%);
}

.about-bg .about-index .about-list li:hover .wz h3 {
  color: #f37600;
}

.news-index {
  margin-top: 60px;
}

.news-index .con {
  margin-top: 35px;
}

.news-index .con .newsl {
  width: 485px;
  position: relative;
}

.news-index .con .newsl .hd .next {
  background: url(../images/left.png) no-repeat top center;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 60px;
  bottom: 10px;
  z-index: 999;
}

.news-index .con .newsl .hd .prev {
  background: url(../images/right.png) no-repeat top center;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 40px;
  bottom: 10px;
  z-index: 999;
}

.news-index .con .newsl .bd ul li {
  position: relative;
}

.news-index .con .newsl .bd ul li img {
  width: 485px;
  height: 334px;
}

.news-index .con .newsl .bd ul li h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.75);
  height: 51px;
  line-height: 51px;
  color: #fff;
  text-align: center;
  font-size: 16px;
}

.news-index .con .newsr {
  width: 560px;
}

/*新闻列表*/
.new-li {
  padding-left: 0px !important;
  background: url(../images/new_li_no.png) no-repeat #f2f2f2;
  position: relative;
}

.new-li:hover {
  background: url(../images/new_li_hover.png) no-repeat #f2f2f2;
}

.new-li .newspan {
  width: 100px;
  height: 100px;
  padding-top: 9px;
  position: absolute;
  top: 0;
  text-align: center;
  font: 600 16px/36px "微软雅黑";
  color: #fff;
  left: 0px;
  background: #c6c6c6;
}

.new-li .newh4 {
  position: absolute;
  top: 40px;
  width: 420px;
  left: 120px;
  font: 500 13px/24px "微软雅黑";
  color: #7f7f7f;
}

.newa {
  position: absolute;
  top: 5px;
  left: 120px;
  font-weight: 600;
}

.news_list li {
  line-height: 27px;
  position: relative;
  padding-left: 10px;
}

.news_list li a {
  line-height: 27px;
  color: #292929;
  font-size: 16px;
}

.news_list li span {
  color: #999;
  z-index: 0;
  line-height: 27px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.news_list li h3 {
  font-size: 14px;
}

.news_list li div {
  line-height: 24px;
}

.news_list li:hover {
  background: #2953ad;
}

.news_list li:hover .newspan {
  background: #f37600;
}

.news_list li:hover a {
  color: #fff;
}

.news_list li:hover .newh4 {
  color: #fff;
}

.lx-bg {
  background: #fafafa;
  margin-top: 60px;
}

.lx-bg .lx-index {
  padding-top: 50px;
}

.lx-bg .lx-index .con {
  margin-top: 50px;
}

.lx-bg .lx-index .con .lxl {
  width: 494px;
}

.lx-bg .lx-index .con .lxl h2 {
  font-size: 12px;
  color: #989797;
  line-height: 32px;
}

/*内页留言*/
.message {
  /* padding-left:30px; */
  /* padding-top:10px; */
  z-index: 100;
  height: 400px;
  position: relative;
}

.message input {
  vertical-align: middle;
}

.message #name {
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0;
  padding-left: 6px;
  border: 1px dashed #aaaaaa;
  width: 274px;
  background: #eeeeee;
}

.message #contact {
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0;
  padding-left: 6px;
  border: 1px dashed #aaaaaa;
  width: 274px;
  background: #eeeeee;
}

.message #content {
  display: block;
  width: 380px;
  height: 120px;
  padding: 6px;
  font-size: 12px;
  border: 1px dashed #aaaaaa;
  /* margin-top:6px; */
  background: #eeeeee;
}

.message .msgbtn {
  background: #2953ad;
  cursor: pointer;
  width: 122px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: none;
  color: #fff;
  font-size: 14px;
  /* border-radius:3px; */
  margin: 25px 0 0 98px;
  font-family: "微软雅黑";
  -moz-border-radius: 3px;
  /* -webkit-border-radius:3px; */
}

#code {
  /* padding-top:10px; */
  line-height: 26px;
}

#code a {
  color: #444444;
  font-size: 12px;
}

#checkcode {
  height: 32px;
  line-height: 32px;
  width: 120px;
  border: 1px dashed #aaaaaa;
  background: #eee;
  margin-right: 20px;
}

.m_label {
  position: absolute;
  width: 274px;
  text-align: left;
  line-height: 32px;
  padding-left: 8px;
  color: #ccc;
  z-index: 1;
  cursor: text;
}

.c_label {
  line-height: 32px;
  padding-top: 12px;
}

.lxr .erq {
  width: 140px;
  border: 1px solid #c6c6c6;
  padding: 10px 0;
}

.lxr .erq p {
  text-align: center;
}

.lxr .erq p img {
  margin-bottom: 10px;
}

.lxr .ct {
  width: 390px;
}

.lxr .ct p {
  font-size: 12.5px;
  color: #555555;
  margin-bottom: 16px;
  padding-left: 50px;
}

.lxr .ct p:nth-of-type(1) {
  background: url(../images/pp1.png) no-repeat left center;
}

.lxr .ct p:nth-of-type(2) {
  background: url(../images/pp2.png) no-repeat left center;
}

.lxr .ct p:nth-of-type(3) {
  background: url(../images/pp3.png) no-repeat left center;
}

.lxr .ct p:nth-of-type(4) {
  background: url(../images/pp4.png) no-repeat 2% center;
}

.lxr .ct p:nth-of-type(5) {
  background: url(../images/pp5.png) no-repeat 1% center;
}

.lxr .ditu {
  margin-top: 55px;
}

.link {
  font-size: 12px;
  color: #4a4a4a;
  padding: 18px 0;
}

.link span {
  font-weight: bold;
}

.link a {
  font-weight: normal;
  margin-right: 5px;
  color: #b0b0b0;
}

.foot-bg {
  padding: 50px 0;
  background: #313131;
}

.foot-bg .logo1 {
  width: 445px;
}

.foot-bg .logo1 p {
  color: #b0b0b0;
  font-size: 14px;
  line-height: 26px;
}

.foot-bg .logo1 p img {
  margin-bottom: 10px;
}

.foot-bg dl {
  float: left;
  padding-top: 35px;
  width: 124px;
}

.foot-bg dl dt {
  font-size: 16px;
  color: #ffffff;
  font-weight: normal;
}

.foot-bg dl dd a {
  display: block;
  font-size: 14px;
  line-height: 36px;
  color: #919191;
}

.foot-bg dl dd a:hover {
  color: #fff;
}

.foot-bg .gz {
  margin-top: 35px;
  font-size: 14px;
  text-align: center;
  color: #919191;
  border: 1px solid #919191;
}

.foot-bg .gz p {
  line-height: 45px;
}

.foot-bg2 {
  background: #1d1d1d;
  padding: 25px 0;
  font-size: 12px;
  color: #b0b0b0;
}

.foot-bg2 a {
  color: #b0b0b0;
}

/* 产品详情页面 */
.product-detail-swiper {
  width: 399px;
  float: left;
}

.product-detail-swiper .view {
  border: 1px solid #e5e5e5;
}

.product-detail-swiper .view .swiper-slide {
  outline: none;
}

.product-detail-swiper .view .slick-con {
  text-align: center;
  display: block;
  height: 318px;
  line-height: 318px;
  font-size: 0;
}

.product-detail-swiper .view .slick-con img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.product-detail-swiper .view .slick-con:after {
  content: "";
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.product-detail-swiper .preview {
  margin: 0 -5px;
  position: relative;
  margin-top: 10px;
  display: none;
}

.product-detail-swiper .preview .swiper-slide {
  outline: none;
}

.product-detail-swiper .preview .swiper-slide.active-nav .slick-con {
  border-color: #059c3d;
}

.product-detail-swiper .preview .slick-con {
  text-align: center;
  display: block;
  height: 101px;
  line-height: 99px;
  margin: 0 5px;
  border: 1px solid #e1e1e1;
  font-size: 0;
}

.product-detail-swiper .preview .slick-con img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.product-detail-swiper .preview .slick-con:after {
  content: "";
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.product-detail-swiper .preview .arrow-left,
.product-detail-swiper .preview .arrow-right {
  position: absolute;
  z-index: 99;
  top: 50%;
  margin-top: -25px;
  width: 20px;
  height: 50px;
  background: rgba(89, 89, 89, 0.8);
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
}

.product-detail-swiper .preview .arrow-left {
  left: 5px;
}

.product-detail-swiper .preview .arrow-right {
  right: 5px;
}

.product-detail-lists {
  width: calc(100% - 440px);
  padding-top: 20px;
  float: right;
}

.product-detail-lists h1 {
  font-size: 30px;
  font-weight: bold;
  color: #333333;
  line-height: 65px;
}

@media (min-width: 990px) {
  .product-detail-item {
    margin: 0 -1%;
  }

  .product-detail-item li {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    margin: 7px 1%;
  }
}

.product-detail-lists .product-detail-item li {
  border-top: 1px solid #eee;
  padding: 25px 0;
  font-size: 18px;
  color: #333333;
}

.product-detail-lists .product-detail-item li span {
  font-size: 14px;
  color: #666666;
}

.product-detail-lists .product-detail-inquiry {
  margin-bottom: 20px;
}

.product-detail-lists .product-detail-inquiry a {
  display: inline-block;
  width: 80%;
  line-height: 60px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  background: #ea3d02;
  border-radius: 2px;
}

.product-detail-lists .product-detail-inquiry a i {
  font-size: 20px;
  line-height: 0;
  vertical-align: -2px;
  margin-right: 5px;
}

.product-detail-lists .service-number {
  font-size: 14px;
  color: #333333;
}

.product-detail-lists .service-number span {
  font-size: 25px;
  color: #b80024;
}

.icon-arrowleft:before {
  content: "\e620" !important;
}

.icon-arrowright:before {
  content: "\e61f" !important;
}



/* 手机页脚 */
.footer3 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #0464a6;
}

.footer3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer3 ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 0;
}

.footer3 ul li a {
    display: block;
    color: #ffffff;
}

.footer3 ul li .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
}