@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:652px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:652px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:652px;}
.arr1{ position:absolute; top:40%; left:50%; margin-left:-660px; background:url(../images/ban_l.png) no-repeat; width:55px; height:149px;}
.arr2{ position:absolute; top:40%; left:50%; margin-left:600px;background:url(../images/ban_r.png) no-repeat;width:55px; height:149px;}

.sou{ width:1200px; height:160px; background:#ff0001; margin:-80px auto 0; position:relative;overflow:hidden; z-index:8;}
.sou dl{ width:400px; height:160px; float:left; overflow:hidden;}
.sou dl:nth-child(2){/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f40000+1,ff0000+100 */
background: #f40000; /* Old browsers */
background: -moz-linear-gradient(left,  #f40000 1%, #dc2821 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f40000 1%,#dc2821 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f40000 1%,#dc2821 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f40000', endColorstr='#dc2821',GradientType=1 );}
.sou dt{ width:84px; height:64px; overflow:hidden; padding:27px 10px 0 34px; float:left;}
.sou dt img{ display:block;width:84px; height:64px;}
.sou dd{ width:252px; float:left; overflow:hidden; font:18px "Microsoft YaHei"; color:#fff; margin-top:25px;}
.sou dd em{ display:block; letter-spacing:5px; font-size:14px; color:#ffd2d2; line-height:40px;}
.sou dd b{ font-size:24px; font-family: Arial;}
.sou1{ width:400px;float:right; height:160px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f40000+1,ff0000+100 */
background: #f40000; /* Old browsers */
background: -moz-linear-gradient(left,  #f40000 1%, #dc2821 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f40000 1%,#dc2821 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f40000 1%,#dc2821 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f40000', endColorstr='#dc2821',GradientType=1 ); }
.sou1 h2{ width:84px; height:64px; overflow:hidden; padding:27px 10px 0 34px; float:left;}
.sou1 h2 img{ display:block;width:84px; height:64px; }
.sou1 p{display:block; letter-spacing:5px; font-size:14px; color:#ffd2d2; line-height:40px; margin-top:15px; width:252px; float:left;}
.sou1 .ip01{width:212px; height:32px; padding-left:8px;background:#ff4b4b;outline:none;border:0;color:#fff; font:12px "Microsoft YaHei"; line-height:32px; overflow:hidden;}
.sou1 .ip02{ width:34px; height:42px; background:url(../images/sou06.png) no-repeat; margin-top:8px;border:0; outline:none; cursor:pointer;}

.yinz{ height:840px; padding-top:186px; position:relative; margin-top:-80px; background:#f6f6f6 url(../images/yinz_bg.jpg) no-repeat center bottom; overflow:hidden;}
.yinz h2{ height:97px; overflow:hidden; text-align:center; background:url(../images/yinz_line1.png) no-repeat center bottom; font:46px "Microsoft YaHei"; color:#333;}
.yinz h2 em{ display:block; font:12px Arial; text-transform:uppercase; color:#e6e6e6;}
.yinz h2 i{ color:#dc2821;}
.yinz p{ height:106px; background:url(../images/yinz_line.png) no-repeat center bottom; font:16px "Microsoft YaHei"; line-height:34px; color:#333; text-align:center; padding:43px 30px 0 30px;}
.yinz ul{ height:175px; margin-top:45px; overflow:hidden;}
.yinz li{ width:80px; float:left; margin-right:40px; font:16px "Microsoft YaHei"; line-height:48px; color:#4f4f4f; text-align:center; background:url(../images/yinz_bg01.png) no-repeat center top;}
.yinz li span{ display:block; width:80px; height:90px;}
.yinz li span img{display:block;width:50px; height:46px; padding:20px 0 23px 16px;}
.yinz li:last-child{ margin-right:0;}
.yinz li:hover{ background:url(../images/yinz_bg02.png) no-repeat center top;}

.tit{ height:150px; text-align:center; overflow:hidden; font:46px "Microsoft YaHei"; color:#2b2b2b;}
.tit a{ color:#2b2b2b;}
.tit em{ display:block; font:20px "Microsoft YaHei"; background:url(../images/pro_line.gif) no-repeat center top; padding-top:8px; margin-top:8px;}

.pro{height:1140px;overflow: hidden; background:url(../images/pro_bg.gif);}
.pro1{ height:383px; overflow:hidden; margin-bottom:48px;}
.prot{ width:262px; height:383px; overflow:hidden; float:left; background:#434343;}
.prot li{ height:75px; border-bottom:1px solid #4f4f4f; font:14px "Microsoft YaHei"; line-height:75px;}
.prot li span{ display:block; width:20px; height:20px; overflow:hidden; float:left; margin:29px 20px 0 40px;}
.prot li em{ display:block;width:20px; height:20px;}
.prot li i{display:block;width:20px; height:20px;}
.prot li img{display:block;width:20px; height:20px;}
.prot li a{ display:block; color:#fff;}
.prot li a:hover,.prot .cur a{ background:#dc2821;}
.prot li a:hover em,.prot .cur em{ display:none;}
.pro2{ width:912px; height:383px; float:right; overflow:hidden;}
.pro2 dt img{ display:block;width:912px; height:383px;}
.pro3{ background:#fff; box-shadow:0.1rem 0.1rem 1.5rem 0.1rem #666; height:420px; padding-top:20px; overflow:hidden; position:relative;}
.pro4{ width:1155px; margin:0 auto; overflow:hidden;}
.pro3 li{ width:278px; float:left; margin-right:14px;}
.pro3 li img{ display:block; width:276px; height:204px; border:1px solid #f0f0f0;}
.pro3 li em{ display:block; font:14px "Microsoft YaHei"; color:#434343; overflow:hidden; background:url(../images/pro_arr.png) no-repeat 240px center; height:75px; line-height:75px;padding-left:15px;}
.pro3 li span{ display:block; height:38px; background:#f5f5f5; font:14px Arial; text-transform:uppercase; color:#979797; line-height:38px; overflow:hidden; text-align:center; text-transform:uppercase;}
.pro3 li a:hover span{ color:#fff; background:#dc2821;}
.pro3 li a:hover img{ border:1px solid #dc2821;}
.arr3 a{ display:block; width:12px; height:12px; overflow:hidden; background:url(../images/pro_dot1.png) no-repeat; position:absolute; top:378px; left:580px;}
.arr4 a{ display:block;width:12px; height:12px; overflow:hidden; background:url(../images/pro_dot1.png) no-repeat; position:absolute; top:378px; left:606px;}
.arr3 a:hover,.arr4 a:hover{background:url(../images/pro_dot2.png) no-repeat;}

.hpzhi{ height:570px; padding-top:68px; background:url(../images/shil_bg.jpg) no-repeat center top;}
.hpzhi .tit{ color:#fff;}
.hpzhi .tit em{ background:url(../images/shil_line.png) no-repeat center top; color:#d8d8d8;}
.hpzhi dl{ width:266px; float:left; margin-right:43px;}
.hpzhi dt{ position:relative; width:266px; height:232xp;}
.hpzhi dt img{ display:block;width:266px; height:232xp;}
.hpzhi dt em{ display:block; width:97px; height:42px; font:18px "Microsoft YaHei"; font-weight:bold; line-height:33px; color:#fff; padding-left:20px; background:url(../images/shil_bg.png) no-repeat; position:absolute; top:11px; left:-4px;}
.hpzhi dd{ background:#494949 url(../images/shil_line1.gif) no-repeat 222px 68px; height:70px; padding:20px 50px 0 20px; font:16px "Microsoft YaHei"; line-height:25px; color:#d6d6d6;}
.hpzhi dd em{ display:block;}
.hpzhi dl:last-child{ margin-right:0;}
.hpzhi dl:hover dd{ color:#fff; background:#dc2821 url(../images/shil_line2.gif) no-repeat 222px 31px;}

.ys{ height:1290px; background:url(../images/pro_bg.gif); padding-top:105px;}
.ys .tit em{ background:none;}
.ys1{ background:url(../images/ys_bg1.jpg) no-repeat center top; height:529px; overflow:hidden;}
.ys1 .content{ position:relative;}
.ys1 dl{ width:520px; position:absolute; top:0; right:0;}
.ys1 dt{ width:390px; float:right; background:url(../images/ys_line.gif) no-repeat 83px bottom; font:18px "Microsoft YaHei"; line-height:46px; color:#2b2b2b; margin-bottom:18px;}
.ys1 dt b,.ys2 dt b{ font-size:20px;}
.ys1 dt em{ display:block; width:83px; float:left;}
.ys1 dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#737373;}
.ys1 dl:nth-child(2){ top:217px;}
.ys1 h5{ width:286px; height:48px; background:#e4e4e4; font:24px Arial; font-weight:bold; color:#787878; line-height:48px; text-align:center; position:absolute; top:410px; right:0; text-transform:capitalize;}
.ys2{ background:url(../images/ys_bg2.jpg) no-repeat center top; height:612px;}
.ys2 dl{ width:530px; padding:45px 0 0 32px; height:200px;}
.ys2 dt{background:url(../images/ys_line.gif) no-repeat 83px bottom; font:18px "Microsoft YaHei"; line-height:46px; color:#2b2b2b; margin-bottom:18px;}
.ys2 dt em{ display:block; width:83px; float:left;}
.ys2 dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#737373; padding-left:85px;}

.par{ height:565px; overflow:hidden; background:url(../images/par_bg.jpg) no-repeat center 450px; position:relative;}
.par .tit i{ color:#dc2821;}
.par2{ position:relative;}
.par li{ width:240px; float:left; background:url(../images/par_bg.png) no-repeat 50px 50px;}
.par li img{ display:block; width:180px; height:180px; padding:30px 0 0 30px;}
.arr5{ font:24px "宋体"; color:#fff; position:absolute; top:460px; left:658px;}
.arr6{ font:24px "宋体"; color:#fff; position:absolute; top:460px; left:678px;}

.lc{ background:url(../images/lc_bg.jpg) no-repeat center top; height:419px; padding-top:100px; overflow:hidden;}
.lc h2{ height:164px; width:480px; overflow:hidden; font:40px "Microsoft YaHei"; color:#fff; margin-top:-12px; float:left;}
.lc h2 em{ display:block; font:20px "Microsoft YaHei"; color:#dadada; padding-top:8px;}
.lc li{ width:240px; height:164px; float:left; font:16px "Microsoft YaHei"; text-align:center; color:#fff;}
.lc li em{ display:block; width:54px; height:50px; margin:25px auto 11px;}
.lc li em img{ display:block;width:54px; height:50px;}
.lc li i{ display:block; font:12px Arial; text-transform:uppercase; color:#7f7f7f; padding-top:10px;}
.lc li:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

.new{ height:730px; padding-top:90px; background:url(../images/new_bg.gif);}
.new .tit i{ color:#dc2821;}
.newt{ height:34px; margin-bottom:65px; margin-left:395px;}
.newt li{ width:130px; height:34px; float:left; margin-right:12px;}
.newt li a{ display:block; width:128px; height:32px; font:16px "Microsoft YaHei"; text-align:center; line-height:32px; color:#2e2e2e; border:1px solid #ececec;}
.newt li a:hover,.newt .cur a{ color:#fff; background:#dc2821;}
.new dl{ width:367px; float:left; margin-right:45px; height:385px;}
.new dt img{ display:block; width:367px; height:206px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.new dt em{ display:none; width:367px; height:40px; background:#dc2821; color:#fff; font:30px "Microsoft YaHei"; text-align:center; line-height:40px; position:absolute; bottom:0; left:0;}
.new dt{display:block; width:367px; height:206px; position:relative; overflow:hidden;}
.new dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.new dd{ padding:25px;}
.new dd h3 a{ display:block; font:16px "Microsoft YaHei"; text-align:center; line-height:30px; height:30px; color:#292929; overflow:hidden;}
.new dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#656565; height:60px; overflow:hidden; padding-top:20px;}
.new dd em a{ display:none; width:50px; height:56px; overflow:hidden; margin:110px auto 0; background:url(../images/new_btn.png) no-repeat center top; font:14px Arial; text-transform:uppercase; color:#5b5b5b; line-height:56px; text-align:center;}
.new dl:last-child{ margin-right:0;}
.new dl:hover{ background:#fff; box-shadow:0.1rem 0.1rem 0.8rem 0.1rem #eee;}
.new dl:hover dt em,.new dl:hover dd em a{ display:block;}

.about{ height:504px; padding-top:90px; overflow:hidden; background:url(../images/about_bg.gif) no-repeat left 90px;}
.about dl{ height:428px; overflow:hidden;}
.about dt{ width:700px; float:left; overflow:hidden; position:relative; height:428px;}
.about dt img{ display:block;width:600px; height:380px; padding-left:100px}
.about dt em{ display:block; width:260px; height:220px; position:absolute; bottom:0; left:0;}
.about dt em img{ display:block; width:254px; height:214px; border:3px solid #fff; padding:0;}
.about dd{ width:405px; float:right;} 
.about dd em{ display:block; height:50px; font:18px "Microsoft YaHei"; line-height:50px; color:#333; text-transform:uppercase; position:relative;}
.about dd em:before{ content:""; position:absolute; bottom:0; left:-95px; width:200px; height:1px; background:#cfcfcf;}
.about dd h3 a{ display:block; font:40px "Microsoft YaHei";color:#333; margin-top:40px;}
.about dd h3 i{ display:block; font:18px "Microsoft YaHei"; padding:10px 0 20px; position:relative;}
.about dd h3 i:before{ content:""; position:absolute; bottom:0; left:0; width:50px; height:3px; background:#dc2821;}
.about dd p{ font:15px "Microsoft YaHei"; line-height:26px; height:78px; overflow:hidden; margin:25px 0;}
.about dd span a{ display:block; width:220px; height:40px; font:15px "Microsoft YaHei"; text-align:center; line-height:40px; background:#dc2821; color:#fff;}

.pic{ height:295px; overflow:hidden;}
.pict{ width:220px; height:225px; float:left; overflow:hidden; background:#dddddd;}
.pict li{ height:74px; border-bottom:1px solid #e5e5e5; font:16px "Microsoft YaHei"; text-align:center; color:#333;}
.pict li a{ display:block; color:#333; padding-top:18px; height:56px;}
.pict li em{ display:block; font:12px Arial; text-transform:uppercase; color:#949494; line-height:24px;}
.pict li a:hover,.pict .cur a{ background:#dc2821; color:#fff; position:relative;}
.pict li a:hover:before,.pict .cur a:before{ content:""; position:absolute; top:26px; right:0; width:0; height:0; border-right:0.7rem solid #f8f8f8; border-top:0.8rem solid rgba(0,0,0,0);border-bottom:0.8rem solid rgba(0,0,0,0);}
.pict li a:hover em,.pict .cur em{ color:#fff;}
.pic1{ width:951px; float:right; height:225px; overflow:hidden;}
.pic2{width:951px; height:225px;}
.pic1 li{ width:300px; height:225px; float:left; position:relative; margin-right:25px;}
.pic1 li img{ display:block;width:298px; height:223px; border:1px solid #ccc;}
.pic1 li em{ display:block; width:300px; height:44px; font:16px "Microsoft YaHei"; line-height:44px; color:#333; text-align:center; overflow:hidden; background:#efefef; position:absolute; bottom:0; left:0;}
.pic1 li:last-child{ margin-right:0;}

.link{ background:url(../images/link_bg.jpg) no-repeat center top; height:80px; overflow:hidden;}
.link span{ font:24px "Microsoft YaHei"; line-height:80px;color:#fff; display:block; float:left; height:80px;padding-left:40px; width:180px; }
.link em{ font:14px Arial; text-transform:uppercase; color:#dbdbdb;}
.link a{ display:inline-block; font:14px "Microsoft YaHei"; line-height:80px; color:#dbdbdb; padding:0 40px;}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}


/*产品*/
.part{
  padding:50px 0;
}
.part-title {
  text-align: center;
  margin-bottom: 40px;
}

.part-title h2 {
  font-size: 50px;
  line-height: 56px;
  font-weight: bold;
}

.part-title span {
  color: #dc2821;
}

.part-title p {
  margin: 5px 0 0;
  font-size: 20px;
  font-weight: bold;
}

.part-title small {
  display: block;
  font-family: 'Times New Roman';
  font-size: 75%;
  color: #c9c9c9;
}

.part-title.mini {
  margin-bottom: 20px;
  font-size: 24px;
}

.part2 {
  /*background: url(../images/part2bg.png) no-repeat top center;*/
  background-size: 100% 100%;
}

.part2-way {
  /*padding-top: 45px;*/
  /*padding-bottom: 20px;*/
}

.part2-way .slide {
  background-color: #fff;
  padding: 25px 0px 0px;
}
.part-left-slide{
  padding: 0 15px;
}
.part2-way .slide h4 {
  margin: 0 0 10px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.part2-way .slide h4 a {
  font-weight: bold;
  display: block;
  background: url(../images/jia.png) no-repeat right center;
  line-height: 24px;
  color: #e70012;
  font-size: 20px;
}

.part2-way .slide ul {
  overflow: hidden;
  margin-bottom: 10px;
}

.part2-way .slide li {
  float: left;
  width: 50%;
}

.part2-way .slide li a {
  display: block;
  line-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.part2-way .slide li a:hover {
  color: #e70012;
}

.part2-way .slide .tel {
  background: url(../images/tel2.png) no-repeat 0 center;
  padding-left: 55px;
}

.part2-way .slide .tel strong {
  display: block;
  font-size: 28px;
  font-family: Impact;
  line-height: 1;
  margin-top: 5px;
}

.part2-way .list {
  overflow: hidden;
}

.part2-way .list li {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.part2-way .list .box {
  margin-bottom: 20px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
/*.part2-way .list .m {line-height: 210px;height: 210px;}*/
.part2-way .list p {
  margin: 0;
  line-height: 110px;
  text-align: center;
  padding: 0 20px;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.part2-way .list .text {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #e70012;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition: all .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.part2-way .list .text h4 {
  margin: 32px 0 18px;
  font-size: 22px;
  background: url(../images/fdj.png) no-repeat top center;
  padding-top: 68px;
}

.part2-way .list .text a {
  display: block;
  color: #fff;
  line-height: 24px;
}

.part2-way .list .box:hover .text {
  top: 0;
}
.cate-left-bottom{
  margin-top: 20px;
  border-top: none;
  border:1.4px solid #eee;
  padding-bottom: 20px;
  margin-right: 10px;
}
.cate-left-bottom h1{
  font-size: 24px;
  font-weight: bold;
  padding: 20px 0;
  color: #333;
  background-color: #999;
  text-align: center;
}
.cate-left-bottom h1 span{
  display: inline-block;
  padding-left: 34px;
}
.cate-left-bottom h1 img{
  float: right;
  display: inline-block;
  margin-right: 24px;
  width: 24px;
  height: 24px;
  border:2px solid #333
}
.cate-left-bottom .cate-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding:10px 20px;
}
.cate-left-bottom .cate-list a:hover{
  background-color: #e70012;
  color: #fff;
}
.cate-left-bottom .cate-list a{
  display: inline-block;
  background-color: #dfdfdf;
  padding: 10px 24px;
  min-width: 110px;
  margin:10px 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.part2-way .list li:hover a {
  color: #e70012;
}

/*优势*/
.ul-imgtxt02 {
  overflow: hidden;
}

.ul-imgtxt02>div {
  margin-bottom: 10px;
}

.ul-imgtxt02 .con {
  padding: 20px 0;
}

.ul-imgtxt02 .con .num {
  font-size: 36px;
  margin-top: 2px;
  float: left;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  font-weight: 600;
  background: url(../images/bj2.png) center center no-repeat;
  background-size: 100% 100%;
  color: #fff;
}

.ul-imgtxt02 .con .txt {
  overflow: hidden;
  padding-left: 18px;
}

.ul-imgtxt02 .con .txt h3 {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 32px;
  color: #000;
  font-weight: bold;
}

.ul-imgtxt02 .con .txt h3 span {
  display: block;
  color: #dc2922;
  font-weight: bold;
}

.ul-imgtxt02 .con .txt p {
  font-size: 14px;
  color: #5b5b5b;
  line-height: 32px;
}
.ul-imgtxt02 div{
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 

/*好的工厂*/

.part3-fea li {
  color: #333;
  border-right: 1px solid #ccc;
  margin: 15px 0;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.part3-fea li:nth-child(4n) {
  border-right: 0;
}

.part3-fea li span {
  display: block;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  background-color: #ededed;
  margin: 0 auto;
}

.part3-fea li img {
  position: absolute;
  width: 53px;
  height: 53px;
  top: 50%;
  left: 50%;
  margin: -26px 0 0 -26px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.part3-fea li img.h {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
}

.part3-fea li h4 {
  margin: 25px 0 15px;
  font-size: 24px;
  font-weight: bold;
}

.part3-fea li small {
  font-weight: bold;
  display: block;
  font-size: 13px;
  color: #4f4f4f;
  text-transform: uppercase;
}

.part3-fea li .fea-btn {
  font-weight: bold;
  width: 190px;
  max-width: 100%;
  padding: 0 4px;
  display: block;
  margin: 60px auto 0;
  line-height: 46px;
  background-color: #dc2821;
  border-radius: 50px;
  font-size: 13px;
  color: #fff;
}

.part3-fea li:hover span {
  background-color: #e70012;
}

.part3-fea li:hover img.a {
  -webkit-transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
  opacity: 0;
}

.part3-fea li:hover img.h {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
  opacity: 1;
  visibility: visible;
}

/*pk*/
.part4-pkBox {}

.part4-pkBox .tit {
  position: relative;
  z-index: 2;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  background: url(../images/pkbg1.png) no-repeat center top;
}

.part4-pkBox .tit span {
  float: left;
  width: 50%;
  color: #fff;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.part4-pkBox .tit span:last-child {
  color: #6b6b6b;
}

.part4-pkBox .tit .pk-icon {
  position: absolute;
  right: 50%;
  top: 10px;
  margin-right: -65px;
  width: 152px;
  z-index: 1;
  height: 89px;
  background: url(../images/pk.png) no-repeat center top;
  background-size: 100% auto;
}

.part4-pk-item {
  display: flex;
  background: url(../images/pkitem2.png) no-repeat top center;
  background-size: 100% 100%;
}

.part4-pk-item:nth-child(2n) {
  background-image: url(../images/pkitem1.png);
}

.part4-pk-item dl {
  float: left;
  width: 50%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.part4-pk-item dt {
  padding: 27px 0;
  width: 25%;
}

.part4-pk-item dd {
  padding: 15px 30px;
  width: 75%;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.part4-pk-item dd h4 {
  margin: 0 0 10px;
  font-size: 30px;
  color: #c5262b;
  font-weight: bold;
}

.part4-pk-item dd p {
  margin: 0;
  font-size: 16px;
  color: #727272;
  line-height: 24px;
}

.part4-pk-item dl:nth-of-type(even) {
  flex-direction: row-reverse;
}

.part4-pk-item dl:nth-of-type(even) dd {
  text-align: right;
}

.part4-pk-item dl:nth-of-type(even) h4 {
  color: #6b6b6b;
}

/*为什么选择*/
.part6-list {
  display: flex;
  flex-wrap: wrap;
}

.part6-list li {
  border-right: 1px dashed #b8b8b8;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.part6-list li .box {
  padding: 0 13.3%;
  position: relative;
}

.part6-list li:nth-child(3n) {
  border-right: none;
  padding-right: 0;
}

.part6-list li:nth-child(3n+1) {
  padding-left: 0;
}

.part6-list li h4 {
  padding-left: 58px;
  font-weight: bold;
  color: #000;
  font-size: 34px;
  position: relative;
  margin-bottom: 20px;
}

.part6-list li h4 small {
  font-weight: normal;
  color: #000;
  display: block;
  font-size: 18px;
  margin-top: 7px;
  text-transform: uppercase;
}

.part6-list li h4 span,
.part6-list li .num {
  color: #dc2821;
}

.part6-list li .num {
  position: absolute;
  left: 0;
  top: 10px;
  font-style: italic;
  font-size: 42px;
}

.part6-list li p {
  font-size: 15px;
  color: #000;
  line-height: 24px;
  margin-bottom: 12px;
}

/*服务*/
.part7-fw {
  padding-left: 20px;
}

.part7-fw dl {
  display: flex;
  margin: 30px 0 0;
  flex-wrap: wrap;
}

.part7-fw dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 37%;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  float: left;
  text-align: center;
  padding: 20px 15px;
  background: url(../images/fwbgl.png) no-repeat center;
  background-size: 100% 100%;
      -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.part7-fw dt span {
  margin-right: 15px;
  display: inline-block;
  width: 34px;
  height: 30px;
  background: url(../images/fuw_ico01.png) no-repeat center;
  background-size: 100% auto;
}

.part7-fw dd {
  width: 63%;
  padding: 10px 20px 0 20px;
  line-height: 24px;
  color: #787878;
  background: url(../images/fwbgr.png) no-repeat left center;
  background-size: 100% 100%;
      -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.part7-fw dl:hover dd {
  background-image: url(../images/fwbgr1.png);
}

.part7-fw dl:hover dt {
  background-image: url(../images/fwbgl1.png);
}
.part7 div{
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.part9 {
  background: #ebebeb;
}

.part9-sczx-con {
  position: relative;
}

.part9-sczx-con li .imgBox {
  height: auto;
}

.part9-sczx-con li p {
  line-height: 72px;
  background: #dc2821;
  color: #ebebeb;
  font-size: 26px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.part9-prev,
.part9-next {
  font-family: cursive;
  font-weight: bold;
  outline: none;
  z-index: 10;
  font-size: 28px;
  position: absolute;
  top: 50%;
  margin-top: -26px;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background: #fff;
  border-radius: 100%;
  color: #dc2821;
}

.part9-prev {
  left: -26px;
}

.part9-next {
  right: -26px;
}

.part9-prev.swiper-button-disabled,
.part9-next.swiper-button-disabled {
  color: #ccc;
  opacity: 0.8;
}

.part11 {
  background: url(../images/abt_bg.jpg) no-repeat center bottom #f0f0f0;
}

.part11-about-text {
  padding: 70px 20px 0 5px;
}

.part11-about-text h4 {
  margin: 0;
  font-size: 28px;
}

.part11-about-text p {
  line-height: 1.8;
  margin: 30px 0 0;
  text-align: justify;
  font-size:14px;
}

.part11-text {
  background: #fff;
}

.part11 .figure {
  text-align: center;
  padding: 40px 10px;
  font-size: 0;
  background: #fff;
}

.part11 .figure li {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin: 0 15px 15px;
}

.part11 .figure li strong {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-size: 48px;
  font-family: Impact;
  color: #e70012;
}

.part11 .figure li p {
  margin: 0 0 0 5px;
  max-width: 110px;
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  font-size: 18px;
}

.part11 div{
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cbgg-01 {
    background: #dc2821;
    text-align: center;
    color: #fff;
}

.cbgg-01-img img {
    width: 100%;
    display: block;
}

.cbgg-01 p {
    padding-top: 15px;
}

.cbgg-01 p img {
    vertical-align: middle;
    margin-right: 5px;
}

.cbgg-01 span {
    display: block;
    font-size: 28px;
    font-weight: bold;
    font-family: Arial;
    padding-bottom: 20px;
    padding-top: 10px;
}