@charset "utf-8";


.usel{text-align: center;}
.usel h3{font-size: 30px;color: #333333;margin-bottom: 15px;}
.usel p{color: #5e7387;font-size: 20px;}

.usel h3 i{color: #ed2d22;margin:0px 15px;}


.ingdt .box .lt{width: 30%;}
.ingdt .box .rt{width: 60%;}
.ingdt .box .rt a{color: #333333;line-height: 28px;}
.ingdt .box .rt .check{color: #f73d2e;border: 1px solid #f73d2e;padding: 5px 15px;}


.banner .swiper-pagination{width: 100%;z-index: 999;bottom: 5px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;background: white;margin: 0px 2px;}
.banner .swiper-pagination-bullet-active{background: white;}






/*goods*/
.goods .list{text-align: center;margin: 30px 0px;}
.goods .list a{border: 1px solid #ed2d21;color: #000;line-height: 36px;padding: 0px 10px;font-size: 14px;display: inline-block;font-weight: bold;}
.goods .list a:hover{background:#ed2d21;color: white;}
.goods .bt p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 15px 0px;color: black;font-size: 16px;text-align: center;}



.good{background: #335ecd;color: white;}
.good .use h5{font-size: 43px;font-weight: bold;}
.good .use h5 span{color: #00a2e9;}
.good .use p{font-size: 18px;color: white;}
.good .use p i{color: white;}

.good .box{padding-top: 60px;background: url(../images/Gdl.png) no-repeat right 60px;padding-left: 40px;}
.good .box em{display: inline-block;font-size: 53px;color: #fff;line-height: 100%;position: relative;padding-top: 20px;}
.good .box em b{font-size: 53px;color: #fff;line-height: 100%;}
.good .box em i{display: block;font-size: 20px;color: #fff;line-height: 38px;text-align: center;width: 38px;font-weight: 400;background: #c40e23;border-radius: 50%;position: absolute;top: 0;right: -38px;font-style: normal;}
.good .box span{display: block;font-size: 20px;color: #fff;line-height: 100%;margin-top: 20px;}







.merit .box{height: 750px;position: relative;background: url(../images/Mitlbg.jpg) no-repeat center center;}
.merit .box .pull-left,.merit .box .pull-right{width: 25%;}
.merit .box .pull-right .Mitl{text-align: right;}
.merit .box .Mitl{padding-top: 66px;}
.merit .box .Mitl h3{font-weight: bold;font-size: 22px;padding: 10px 0px;}
.merit .box .Mitl h3 span{color: #335ecd;font-size: 25px;border: 3px solid #335ecd;padding: 8px 10px;position: relative;}
.merit .box .Mitl h3 span:after{content: "";display: inline-block;position: absolute;bottom: 6px;left: 10px;width: 30px;height: 3px;background-color: #335ecd;}
.merit .box .Mitl p{font-size: 16px;color: #666666;}

.merit .box .pull-left .Mitl h3 span{margin-right: 10px;}
.merit .box .pull-right .Mitl h3 span{margin-left: 10px;}






/*firm*/
.firm .box .left{overflow: hidden;background: -webkit-linear-gradient(top, #335ecd, #1166e2);background: -moz-linear-gradient(top, #335ecd, #1166e2);}
.firm .box .right{padding: 0;}
.firm .box .right img{width: 100%;}
.firm .box .left .Lbox{width: 80%;margin-right: 40px;color: white;margin-top: 50px;}
.firm .box .left .Lbox .tit h5{font-size: 40px;}
.firm .box .left .Lbox .tit p{font-size: 20px;margin: 0;}
.firm .box .left .Lbox .tit i{display: inline-block;width: 60px;height: 4px;background: white;margin: 15px 0px;}
.firm .box .left .Lbox .cont{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;font-size: 16px;}
.firm .box .left .check a{color: white;display: inline-block;border: 1px solid;padding: 5px 30px;margin-top: 15px;}
.firm .box .row{margin: 0;}
.firm .box .left,.firm .box .right img{height: 550px;}



/*news*/
/* .news .box{background: #f2f2f2;transition: all .36s ease;cursor: pointer;margin-top: 30px;}
.news .box h3{font-size: 18px;color: #363636;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 25px 10px 0px;}
.news .box time{display: block;color: #888;line-height: 20px;font-size: 12px;margin: 10px 0px;padding: 0px 10px;}
.news .box span{color: #525252;display: block;font-size: 14px;margin-bottom: 15px;padding: 0px 10px;}
.news .box em{display: block;border: 1px solid #888;text-align: center;width: 80%;margin-top: 25px;margin-bottom: 20px;}
.news .box:hover{background:#0b74d0;}
.news .box:hover h3,.news .box:hover time,.news .box:hover span{color: white;}
.news .box:hover em{color: #0b74d0;background: white;}
.news .box .img{overflow: hidden;display: block;}
.news .box .img img{display: inline-block;vertical-align: middle;transition: .5s linear 0s;width: auto;height: auto;max-height: 100%;max-width: 100%;margin-left: 0px;transform: scale(1);}
.news .box:hover img{transform: scale(1.1);opacity: 0.7;} */

.news .box h3{line-height: 35px;font-size: 20px;background: url(../images/nwt.jpg) left bottom no-repeat;padding-bottom: 10px;}
.news .box h3 span{float: right;display: inline-block;line-height: 35px;}

.news .box .list{line-height: 35px;border-bottom: 1px dashed #999;background: url(../images/nwl.jpg) left center no-repeat;padding-left: 15px;}
.news .box .list a,.news .box .list time{line-height: 35px;}
.news .box .list a{color: #000;font-size: 15px;}



.trade{background: #f3f3f4;}
.trade .swiper{width: 100%;margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.trade a{display: inline-block;margin: 0px 10px;}
.trade a p{color: #333333;font-weight: bold;margin: 3px 0px;}
.trade a span{color: #333;}







@media (max-width: 768px) {

  .goods .list{margin: 10px 0px;}
  .goods .list a{font-size: 12px;line-height: 35px;}
  .goods .bt p{font-size: 14px;margin: 5px 0px;}
  .good .use h5{font-size: 35px;}
  .good .use p{font-size: 12px;}

  .good .box{padding-top: 10px;background: url(../images/Gdl.png) no-repeat right 60px;padding-left: 0;}
  .good .box em,.good .box em b,.good .box span{font-size: 14px;margin: 0;}
  .good .box em i{font-size: 12px;width: 20px;line-height: 20px;top: 5px;right: -25px;}

  .merit .box .pull-left, .merit .box .pull-right{width: 50%;}
  .merit .box .Mitl{padding-top: 10px;}
  .merit .box .Mitl h3 span{font-size: 18px;}
  .merit .box .Mitl h3{font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  .merit .box{background:none;height: auto;}

  .firm .box .left, .firm .box .right img{height: auto;}
  .firm .box .left .Lbox{width: 100%;margin-right: 0;margin-top: 20px;}
  .firm .box .left .check a{margin-top: 10px;margin-bottom: 10px;}
  .firm .box .left .Lbox .cont{-webkit-line-clamp: inherit;font-size: 14px;}
  .news .box{margin-top: 10px;}

  .ingdt .box{text-align: center;}
  .ingdt .box .lt,.ingdt .box .rt{width: 100%;}

  .usel h3{margin: 0;font-size: 19px;}
  .usel p{font-size: 16px;}

  .news .box .list .pull-left{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 75%;}
  .news .box .list .pull-right{width: 25%;}
  

  }