@charset "utf-8";

.banner{position: relative;}




.navin{padding: 30px 0px;background: #f2f2f2;}

.navin .left{text-align: center;padding: 75px 0px;background: url(../images/navinbg1.png) no-repeat center;color: white;}
.navin .left h3{margin:8px 0px 0px ;}
.navin .left p{margin: 0;}
.navin .right{background: url(../images/navinbg2.png) no-repeat center;padding: 40px 45px 0 55px;}

.navin .right ul{padding: 10px 0px;border-bottom: 1px solid #cfcfcf;margin-bottom: 20px;clear: both;overflow: hidden;}
.navin .right ul li{float: left;}
.navin .right ul li a{font-size: 20px;font-weight: bold;color: #000;padding: 2px 10px 4px;}
.navin .right ul:nth-child(2) li a{border-right: 1px solid #cfcfcf;}
.navin .right ul:nth-child(2) li:nth-child(4) a{border: none;}


.cardin .box1{background: url(../images/middle1-bg.jpg) no-repeat center center;background-size: auto;padding: 85px 0 60px;margin: 0;    color: white;}
.cardin .box2{background: url(../images/middle2-bg.jpg) no-repeat center center;background-size: auto;padding: 85px 0 60px;margin: 0;}
.cardin .box3{background: url(../images/middle3-bg.jpg) no-repeat center center;background-size: auto;padding: 85px 0 60px;margin: 0;    color: white;}
.cardin .box1 .list h3{font-size: 72px;font-weight: bold;}
.cardin .list h3{font-size: 36px;}
.cardin .list p{color: #fff;background: #e70012;line-height: 65px;text-align: center;font-size: 30px;}
.cardin .list ul{padding: 0;margin: 0;clear: both;margin-top: 25px;}
.cardin .list ul li{display: inline-block;width: 80px;height: 80px;font-size: 24px;color: #fff;border: 1px solid #fff;border-radius: 5px;margin-right: 10px;padding: 5px;text-align: center;line-height: 32px;}
.cardin .list a{background-color: #e70012;display: inline-block;padding: 5px 40px;font-size: 20px;border-radius: 20px;margin-top: 25px;color: white;}
.cardin .box2 .list ul li{color: black;border: 1px solid black;}





.goods .box{margin: 10px 0px 30px;}
.goods .box div:first-child{background: #f2f2f2;padding: 40px 15px;}
.goods .box .pull-left{font-size: 16px;margin-top: 10px;color: #333333;}
.goods .box:hover .pull-left,.goods .box:hover .pull-right{color: #e70012;}
.goods .box .pull-right{border: 1px solid #000;padding: 2px 20px;font-size: 14px;margin-top: 10px;color: #333333;}

.black .row{background: white;}



.news{padding: 2rem 0;}
.news .nwtop{height: 480px;background: #f0f0f0;padding-top: 25px;text-align: center;color: #093e5e;font-family: "Arial";font-size: 16px;}
.news .nwtop img{display: block;}
.news .nwtop p:nth-child(3){margin: 10px 0 0px;}
.news .nwtop p:nth-child(4),.news .nwtop p:nth-child(5){font-size: 24px;font-weight: bold;color: #000;margin-bottom: 0;line-height: 28px;}
.news .nwtop p:nth-child(6) a{display: block;color: #fff;font-size: 14px;width: 115px;height: 35px;line-height: 35px;margin: 15px auto 0;transform: skew(-30deg);background: #093e5e;}
.news .nwin{border-right: 2px solid #cccccc;border-left: 2px solid #cccccc;}
.news .nwin .pull-left,.news .nwbt .pull-left{display: block;font-size: 20px;color: #333333;line-height: 10px;padding-left: 10px;}
.news .nwin .pull-left img,.news .nwbt .pull-left img{margin-right: 10px;}
.news .nwin .pull-right a,.news .nwbt .pull-right a{font-size: 16px;color: #999;line-height: 10px;padding-right: 10px;}
.news .nwin ul{padding: 0rem 2rem;}
.news .nwin ul li{overflow: hidden;border-bottom: #e2e2e2 1px dashed;}
.news .nwin ul li a{font-size: 15px;color: #000;display: block;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    line-height: 48px;}
.news .nwin ul li span{display: block;float: right;font-size: 14px;color: #666;width: 100px;text-align: right;font-family: "Arial";    line-height: 48px;}

.news .nwbt ul{padding: 0;margin-top: 15px;}
.news .nwbt .nwt{color: #333333;height: 61px;line-height: 61px;background: url(../images/ques-bg1.png) no-repeat left;padding-left: 65px;text-align: left;margin-bottom: 25px;background-size: 100% 100%;}
.news .nwbt .nwt a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 61px;color: black;}

.news .nwbt .nwb{color: #333333;height: 61px;background: url(../images/ques-bg2.png) no-repeat right;background-size: auto;padding-right: 70px;text-align: left;margin-bottom: 25px;background-size: 100% 100%;}
.news .nwbt .nwb a{width: 93%;margin-left: 15px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-top: 7px;color: black;display: -webkit-box;}




.nwltbxo { width: 300px; height: 260px; margin: 0 auto; border: 1px solid #ccc; line-height: 26px; font-size: 12px; overflow: hidden;}
.nwltbxo li { height: 26px; margin-left: 25px;}
.nwltbxo a { color: #333; text-decoration: none;}
.nwltbxo a:hover { color: #ED5565; text-decoration: underline;}





.firm{background: url(../images/about-bg.jpg) no-repeat;background-size: 100% 100%;padding: 3rem 0 0rem;}
.firm h3{font-size: 36px;font-weight: bold;color: #333333;margin: 178px 0;}
.firm .tit div{height: 215px;font-size: 42px;color: #fff;background: #ff0000;text-align: center;}
.firm .tit div p{font-weight: bold;line-height: 40px;letter-spacing: 5px;font-size: 42px;}
.firm .tit div p:first-child{padding-top: 65px;}

.firm .cont{font-size: 16px;color: #333;line-height: 27px;padding: 25px 50px 0px 30px;}
.firm .cont p{font-size: 16px;}
.firm .cont a{display: block;float: right;}





.casebox{padding: 1rem 0 3rem;}
.casebox .tit{border-bottom: 1px solid #e1e0e6;margin-bottom: 3rem;}
.casebox .tit .pull-left{font-size: 20px;color: #000;line-height: 45px;}
.casebox .tit .pull-right a{font-size: 16px;color: #b0b0b0;font-weight: normal;line-height: 45px;}
.casebox h3{font-size: 15px;color: #666666;text-align: center;line-height: 35px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 20px;margin-bottom: 10px;}












@media (max-width: 768px) {

  .news .nwin{border: none;}
  .news .nwin ul{padding: 0;}
  .news .nwin ul li a{width: 265px;}
  .firm .cont{padding: 15px 15px 0;}


  .navin{padding: 5px 0px;}
  .navin .left{padding: 0;background: white;color: #e70012;}
  .navin .left h3{font-weight: bold;font-size: 24px;}
  .navin .right{padding: 0px 15px 15px;}
  .navin .right ul li a{font-size: 14px;}
  .navin .right ul{margin-bottom: 10px;}

  .cardin .box1,.cardin .box2,.cardin .box3{padding: 40px 0 25px;}
  .cardin .box1 .list h3{font-size: 60px;}
  .cardin .list ul,.card .list a{margin-top: 15px;}
  .cardin .list ul li{width: 70px;height: 70px;line-height: 28px;font-size: 20px;}

  }




@media (min-width: 992px) {

  .firm .col-lg-3{padding-right: 0;}
  .firm .col-lg-9{padding-left: 0;}

  }