p {margin: 0;}
input, textarea {border: none;outline: none;background-color: transparent;}

body {background: #fff;color: #666;position: relative;font: 12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align: baseline;width: 100%;overflow-x: hidden;padding: 0 1%;}

/* 通用样式 */
.fl {float: left;}
.fr {float: right;}
.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.dfc {display: flex;justify-content: space-between;align-items: center;}
.ovimg {overflow: hidden;}
.ovimg img {width: 100%;min-height: 100%;}
.imgbig {overflow: hidden;}
.imgbig img {-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}
.imgbig:hover img {-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.ibw img {width: 100%;height: auto;}
.miw img {max-width: 100%;max-height: 100%;}
.iml img {transform: translateY(-1px);vertical-align: middle;}
.clearboth {height: 0px;line-height: 0px;overflow: hidden;clear: both;font-size: 0px;}
.bgmax {background-repeat: no-repeat;background-size: 100% 100%;background-position: center top;}
.bgmin {background-repeat: no-repeat;background-size: contain;background-position: center top;}
.fh {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mw {width: 100%;overflow: hidden;}
.bw {width: 100%;}

/* 手机站字体自适应 */
@media screen and (min-width:0px) {html { font-size:7.8125‬%;}}
@media screen and (min-width:40px) {html { font-size:7.8125‬%;}}
@media screen and (min-width:80px) {html { font-size:15.625%;}}
@media screen and (min-width:120px) {html { font-size:23.4375%;}}
@media screen and (min-width:160px) {html { font-size:31.25%;}}
@media screen and (min-width:200px) {html { font-size:39.0625%;}}
@media screen and (min-width:240px) {html { font-size:46.875%;}}
@media screen and (min-width:280px) {html { font-size:54.6875%;}}
@media screen and (min-width:320px) {html { font-size:62.5%;}}
@media screen and (min-width:360px) {html { font-size:70.3125%;}}
@media screen and (min-width:400px) {html { font-size:78.125%;}}
@media screen and (min-width:440px) {html { font-size:85.9375%;}}
@media screen and (min-width:480px) {html { font-size:93.75%;}}
@media screen and (min-width:520px) {html { font-size:101.5625%;}}
@media screen and (min-width:560px) {html { font-size:109.375%;}}
@media screen and (min-width:600px) {html { font-size:117.1875‬%;}}
@media screen and (min-width:640px) {html { font-size:125%;}}

/* 头部 */
.ph {height: 79px;position: relative;}
.ph-box {position: fixed;left: 0;right: 0;top: 0;height: 79px;z-index: 999;background-color: #fff;padding: 6px 1%;}

.ph1 {height: 100%;width: 322px;line-height: 67px;}

.ph2 {margin-left: 5%;height: 100%;}

.ph3 {padding-top: 25px;}
.ph3a {font: 100 15px/26px '宋体';color: #666;}
.ph3a a {color: #666;}
.ph3b {padding: 0 20px 0 10px;display:none;}
.ph3b div a {width: 26px;height: 26px;padding: 0;margin-top: 0;background-repeat: no-repeat;}

.ph3b div a:nth-child(1) {background-image: url(../images/ph3b-1.jpg);background-position: center center;}
.ph3b div a:nth-child(2) {background-image: url(../images/ph3b-2.jpg);background-position: center center;}

.ph3c {padding-top: 3px;font-size: 14px;line-height: 1.42857143;color: #333;}
.ph3c a {color: #666;}

.ph4 {display: none;width: 69px;line-height: 67px;height: 100%;}

.ph5 {display: none;margin-top: 13px;border-radius: 4px;height: 34px;padding: 9px 10px 9px 55px;width: 82px;position: relative;border: 1px solid #b4b8bc;cursor: pointer;}
.ph5 h3 {font: 400 13.3333px Arial;line-height: 34px;color: #333;font-weight: normal;position: absolute;left: 10px;top: 0;}
.ph5 div {width: 15px;height: 2px;border-radius: 1px;background-color: #999;}
.ph5 div+div {margin-top: 4px;}

.ph5:hover {border-color: #810110;background-color: #810110;}
.ph5:hover h3 {color: #fff;}
.ph5:hover div {background-color: #fff;}


.lastli {
    width: 50px;text-align:center;
    cursor: pointer;position:relative;margin-top:32px;
}

.so img {
    max-width: 100%;
    max-height: 25px;
}

.ss {
    display: none;
    position: absolute;
    right: 0;
    top:40px;
    width: 238px;
    padding: 20px;
    z-index: 999;
    background:#810110;
}

.ss input {
    outline: none;
    line-height: 30px;
    width: 20%;
    background: none;
    border: 1px solid #fff;
    background: #fff;
    font-size: 13px;
    color: #810110;
    float: left;
}

.ss #keyword {
    padding-left: 5px;
    line-height: 30px;
    width: 80%;
    background: none;
    border: 1px solid #fff;
    outline: none;
    font-size: 13px;
    color: #fff;
    float: left;
}

.ss #keyword:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss #keyword::placeholder {
    color: #fff;
}




/* 导航栏-1 */
.nav1 {width: 862px;position: relative;padding-top: 20px;height: 100%;}
.nav-li {z-index: 999;flex: 1;}
.nav-li .nav-a {display: block;line-height: 34px;font-size: 16px;color: #333;width: 100%;text-align: center;}
.nav-div {height: 0;overflow: hidden;position: absolute;left: 50%;top: 100%;z-index: 999;width: 100%;transform: translateX(-50%);top:47px;padding-left:21px;}
.nav-div h3 {color:#810110;font:400 25px/46px "Microsoft Yahei";padding-top:40px;}
.nav-div ul {padding-top:10px;}
.nav-div ul li a{color:#333;height:24px;line-height:24px;width:100%;font-size: 14px;text-align: left;padding:0 20px 0 0;white-space :nowrap;}

.nav-li:hover .nav-a {color:#810110;}
.nav-ul li a:hover {}

.nav1-bg {background-color: rgba(255,255,255,.9);width: 100%;height: 0;position: absolute;left: 0;top: 73px;}
.nav1-logo {height:100%;background-repeat: no-repeat;background-position: 90% center;}

/* 导航栏-2 */
.p-nav {width: 100%;height: 100%;position: fixed;top: 0;left: 100%;opacity: 0;z-index: 9999;-webkit-transition: all 0.21s ease-out;transition: all 0.21s ease-out;}
.p-nav dl {-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);box-shadow: 0 0 10px rgba(0,0,0,0.3);display: block;background-color: #000;z-index: 10;position: absolute;top: 0;right: 0;width: 100%;height: 100%;max-width: 260px;padding: 60px 0 40px 0;overflow: auto;}

.p-nav dl dt {-webkit-transition: all 0.21s ease-out;transition: all 0.21s ease-out;position: absolute;display: block;cursor: pointer;top: 0;right: 0;padding: 20px 20px 0 0;font-size: 16px;}
.p-nav dl dt span {color:#fff;font-size: 18px;-webkit-transition: all 0.21s ease-out;transition: all 0.21s ease-out;}
.p-nav dl dt:hover span {color:#810110;}

.p-nav dl dd a {display: block;padding: 15px 23px;color: #fff;border-bottom: solid 1px #333;font: 12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;line-height: 1.42857143;font-size: 14px;}
.p-nav dl dd a:hover {background-color: #810110;}

.p-nav div {opacity: 0.3;position: absolute;background: #000;z-index: 9;top: 0;right: 0;display: none;width: 200%;height: 100%;}

/* 关于我们 */
.p1 {padding-top: 120px;background-image: url(../images/p1.jpg);}

.p1a {max-width: 1470px;margin: 0 auto;padding-left: 120px;}

.p1a1a {background: url(../images/p1a1a.jpg) no-repeat 0 100%;padding-bottom: 8px;}
.p1a1a h3 {color:#333;font:400 14px/24px "Microsoft Yahei";}
.p1a1a h4 {color:#810110;font:400 24px/30px "Microsoft Yahei";}
.p1a1a h4 span {color:#333;}

.p1a1b {color:#333;font:400 16px/24px "Microsoft Yahei";padding-top: 35px;}
.p1a1b p {color:#333;font:400 16px/24px "Microsoft Yahei";}

.p1a1c {margin-top:28px;}

.p1a2a {background: url(../images/p1a1a.jpg) no-repeat 0 100%;padding-bottom: 25px;}
.p1a2a h3 {color:#333;font:400 16px/26px "Microsoft Yahei";}
.p1a2a h4 {color:#810110;font:600 34px/30px "Microsoft Yahei";text-transform:uppercase; }

.p1a2b {padding-top: 22px;font: 12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;}
.p1a2b p {font: 12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;}

.p1a2c {padding: 22px 0 0 8px;}

.p1b {max-width: 1470px;margin:0 auto;padding-left:120px;/*margin-top:115px;*/}
.p1b-box {position: relative;}

.p1b2 {position: absolute;left:24px;bottom:5%;}
.p1b2 h3 {color:#161616;font:400 18px/26px "Microsoft Yahei";}
.p1b2 h4 {color:#161616;font:600 35px/42px "Microsoft Yahei";text-transform:uppercase;}
.p1b2 div {margin-top:24px;}

.p1b3 {position: absolute;left:100%;top:0;height:100%;width:50%;}
.p1b3 img{height: 100%;width:auto;}
.p1b3 p {width:22px;position: absolute;left:50%;top:0;color:#fff;font:400 16px/24px "Microsoft Yahei";padding-top:40px;text-align: center;}

.p1b .p1b-box.col-md-8{padding:0;}

/* 产品中心 */
.p2 {padding-top:98px;}

.p2a {text-align: center;}
.p2a h3 {color:#333;font:400 18px/26px "Microsoft Yahei";}
.p2a h4 {color:#810110;font:600 31px/36px "Microsoft Yahei";text-transform:uppercase;background: url(../images/p1a1a.jpg) no-repeat 50% 100%;padding-bottom: 25px;}
.p2a h4 span {color:#333;}
.p2a p {color:#666;font:400 12px/24px "Microsoft Yahei";text-align: center;padding-top:18px;}

.p2b {height:95px;position: relative;margin:15px 0;}
.p2b div {position:absolute;width:1px;height:100%;background: #810110;left:50%;top:0;}

.p2c {padding-top: 48px;position: relative;}

.p2c-box {padding: 0 15px;}
.p2c-box a {display: block;position: relative;overflow: hidden;}

.p2c2 {height:100%;width:100%;background-color:rgba(126,22,34,.8);padding-top:10px;position: absolute;left:0;top:100%;padding:38px 14px 0;}
.p2c2 h3 {color:#fff;font:400 16px/30px "Microsoft YaHei";position: relative;z-index: 99;border-top:3px solid #fff;padding-top:10px;padding-left: 28px;}
.p2c2 h4 {display: block;color:#fff;font:400 16px/46px "Microsoft YaHei";position: relative;z-index: 99;padding-left: 28px;}
.p2c2 div {margin-top:15px;padding-left: 28px;}

.p2c .slick-arrow {cursor:pointer;position: absolute;top:15px;width:45px;height:9px;z-index: 999;border: none;outline: none;text-indent: 9999px;background-color: transparent;background-repeat: no-repeat;}
.p2c .slick-prev {left:50%;margin-left:-60px;background-image: url(../images/p2c-left.jpg);}
.p2c .slick-next {right:50%;margin-right:-60px;background-image: url(../images/p2c-right.jpg);}
.p2c .slick-prev:hover{background-image: url(../images/p2c-left-hover.jpg);}
.p2c .slick-next:hover {background-image: url(../images/p2c-right-hover.jpg);}

/* 行业市场 */
.p3 {background-color: #f4f4f4;margin-top: 75px;}

.p3a {padding:150px 7% 180px 50px;background-image: url(../images/p3a.jpg);background-repeat: no-repeat;}

.p3a1 {background: url(../images/p1a1a.jpg) no-repeat 0 100%;padding-bottom: 25px;}
.p3a1 h3 {color:#333;font:400 16px/26px "Microsoft Yahei";}
.p3a1 h4 {color:#810110;font:600 34px/30px "Microsoft Yahei";text-transform:uppercase;}
.p3a1 h4 span {color:#333;}

.p3a2 {color:#999;font:400 12px/24px "Microsoft Yahei";padding-top:45px;}
.p3a2 p {color:#999;font:400 12px/24px "Microsoft Yahei";}

.p3a3 {margin-top:45px;}

.p3a4 {height:95px;position: relative;margin:15px 0;}
.p3a4 div {position:absolute;width:1px;height:100%;background: #810110;top:0;left:12px;}

.p3a5 li a {display: block;padding-right: 18px;display: inline-block;color:#666;font:400 14px/30px "Microsoft Yahei";}

.p3b-item {padding: 20px 0;}
.p3b-box {margin-bottom: 20px;width:22%;position: relative;overflow: hidden;}

.p3b1 img {display: block;}
.p3b1 img+img {display: none;}
.p3b a:hover .p3b1 img {display: none;}
.p3b a:hover .p3b1 img+img {display: block;}

.p3b2 {position: absolute;left:0;top:100%;width:100%;height:100%;background-color: rgba(112,20,36,.8);text-align: center;vertical-align: middle;}
.p3b2:before{content: ".";height: 100%;display: inline-block;vertical-align: middle;visibility: hidden;}
.p3b2 h3 {display:inline-block;color:#fff;font:400 16px/46px "Microsoft Yahei";vertical-align: middle;}
.p3b2 div {text-align: center;}

/* 新闻资讯 */
.p4 {padding-top: 50px;}

.p4a {text-align: center;padding-bottom: 40px;}
.p4a h3 {color:#333;font:400 18px/26px "Microsoft Yahei";}
.p4a h4 {color:#810110;font:600 31px/36px "Microsoft Yahei";text-transform:uppercase; }
.p4a h4 span {color:#333;}

.p4b li {margin-bottom: 20px;}
.p4b li a {display: block;}
.p4b li a h3 {font: 12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;color:#666;line-height: 20px;font-weight: 500;}
.p4b li a h4 {color:#333;font:400 16px/26px "Microsoft Yahei";background: url(../images/p4b_line.jpg) no-repeat 0 100%;padding-bottom: 8px;}
.p4b li a div {margin-top:25px;}
.p4b li a p {color:#555;font:400 12px/28px "Microsoft Yahei";padding-top:22px;}
.p4b li a h5 {display: block;margin-top: 28px;}

/* 联系我们 */
.p5 {margin-top: 48px;background: url(../images/p5.jpg) no-repeat 100% 0;}

.p5a img {max-width: 100%;height:auto !important;width:auto !important;}

.p5b {padding-top:110px;}
.p5b1 {background: url(../images/p1a1a.jpg) no-repeat 0 100%;padding-bottom: 25px;}
.p5b1 h3 {color:#333;font:400 18px/26px "Microsoft Yahei";}
.p5b1 h4 {color:#810110;font:600 31px/36px "Microsoft Yahei";text-transform:uppercase; }
.p5b1 h4 span {color:#333;}

.p5b2 {color:#333;font:400 16px/42px "Microsoft Yahei";padding-top:52px;}
.p5b2 p {color:#333;font:400 16px/42px "Microsoft Yahei";}
.p5b2 img {padding-right: 10px;}

.p5b3a {width:337px;margin-top:5px;height:45px;background: url(../images/p5b3a.jpg) no-repeat;}
.p5b3a1 {height:100%;padding-left:22px;color:#fff;font-size: 16px;}

.p5b3a1::-webkit-input-placeholder {color: #fff;}
.p5b3a1::-ms-input-placeholder {color: #fff;}
.p5b3a1::-moz-placeholder {color: #fff;}
.p5b3a1::placeholder {color: #fff;}

.p5b3a2 {width:46px;height:100%;text-align:center;background-color:none;color:#fff;border:none;cursor:pointer;}

.p5b3b {height:32px;line-height:32px;font-weight:normal;color:#666;font-size:16px;padding-top:10px;}
.p5b3b a {margin-right: 6px;color:#666;}

/* 底部 */
.pf {background-color: #333;padding:42px 0;}

.pf1 {position:relative;padding-top:8px;}

.pf1a dl dt a {display: block;color:#fff;font:600 14px/46px "Microsoft Yahei";}
.pf1a dl dd a {display: block;color:#9c9c9c;font:400 12px/30px "Microsoft Yahei";}

.pf1a dl dt a:hover, .pf1a dl dd a:hover {color: #cc0001;}

.pf1b1 {color: #fff;font: 600 14px/46px "Microsoft Yahei";}
.pf1b2 li {flex: 1;}
.pf1b2 li div {padding-right: 20px;}
.pf1b2 li h3 {font: 12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;font-size: 14px;color: #9c9c9c;line-height: 46px;}

.pf1c1 div a {width: 38px;height: 38px;margin: 6px 8px 6px 0;background-repeat: no-repeat;}
.pf1c1 div a:nth-child(1) {background-image: url(../images/pf1c1-1.jpg);background-position: center center;}
.pf1c1 div a:nth-child(2) {background-image: url(../images/pf1c1-2.jpg);background-position: center center;}
.pf1c1 div a:nth-child(3) {background-image: url(../images/pf1c1-3.jpg);background-position: center center;}

.pf1c2 {color: #999;line-height: 24px;font-size: 12px;}
.pf1c2 a {color: #999;}

.pf2 dl {margin: 0;}
.pf2 dl dt {text-align: center;cursor: pointer;color: #fff;font: 400 16px/46px "Microsoft Yahei";background: #1c1b1f;text-align: center;border-bottom: 1px solid #222126;}
.pf2 dl dd {display: none;}
.pf2 dl dd a {display: block;text-align: center;color: #6d6c71;font: 400 14px/30px "Microsoft Yahei";background: #1c1b1f;text-align: center;border-bottom: 1px solid #222126;}

.pf2 dl dt:hover, .pf2 dl dd a:hover {color: #cc0001;}

.pf3 {padding-left: 25px;font-size: 13px;color: #cccbc6;line-height: 1.42857143;}
.pf3 a {color: #666;}

.pf3 a:hover {color: #cc0001;}

.pf4 {text-align: center;color:#6d6c71;font:400 12px/30px "Microsoft Yahei";padding-top: 10px;margin-top: 15px;}
.pf4 a {color:#6d6c71;}

.pf5 {border-top:1px solid #46464a;text-align: center;color:#6d6c71;font:400 12px/30px "Microsoft Yahei";padding-top: 10px;margin-top: 15px;}
.pf5 a {color:#6d6c71;}

/* 效果 */
.push-toleft {-webkit-transition: all 0.21s ease-out;transition: all 0.21s ease-out;left: -260px;}

.nav-open {left: 0px;opacity: 1;-webkit-transition: all 0.21s ease-out;transition: all 0.21s ease-out;}
.nav-open div {display: block;-webkit-transition: all 0.21s ease-out;transition: all 0.21s ease-out;}

@media (max-width: 1900px) {
  /* 头部 */
  .ph3c {display: none;}
}

@media (max-width: 1700px) {
  /* 头部 */
  .nav1-logo {background-image: none !important;}
}

@media (max-width: 1550px) {
  /* 行业市场 */
  .p3b-box {width:28%;}
}

@media (max-width: 1500px) {
  /* 头部 */
  .ph3 {display: none;}

  /* 联系我们 */
  .p5b3 {display: none;}
}

@media (max-width: 1400px){
  /* 关于我们 */
  .p1 {background-image: none;}
}

@media (max-width: 1300px) {
  /* 头部 */
  .ph2 {margin-left: 2%;}

  /* 导航栏 */
  .nav1 {width: 690px;}
}

@media (max-width: 1200px){
  /* 联系我们 */
  .p5b {padding-top: 50px;}
  .p5b2 {padding-top: 20px;line-height: 36px;}
  .p5b2 p {line-height: 36px;}
}

@media (max-width: 991px){
  /* 关于我们 */
  .p1 {padding-top: 50px;}
  .p1a {padding:0;}
  .p1a1 {margin-bottom: 20px;}
  .p1b {margin-top: 50px;padding:0;}
  .p1b3 {display: none;}
  .p1b2 h4 {display: none;}
  .p1a2a h4 {font-size: 24px;font-weight: 400;}

  /* 行业市场 */
  .p3a {background-image: none;}

  /* 联系我们 */
  .p5 {background-image: none;}
}



