body {
    color: #000;
    font-size: 14px;
    font-family: "微软雅黑", "Arial", Helvetica, "黑体", Arial, Tahoma;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    background: #f7f7f7; 
 
}
.img-hide{ overflow:hidden; display: block; }

.img-hide img,.div-img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,.img-hide:hover .div-img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{max-width:100%;display: inline-block;vertical-align: middle;}
img {
    image-rendering: -webkit-optimize-contrast; /* For Webkit-based browsers */
    image-rendering: crisp-edges; /* Standard property */
    image-rendering: pixelated; /* For pixel art */
}
.slick-dots li button:before{ display: none; }

.container{ width: 1510px;}

.nav-click,.close{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}

.container{ width:1230px; }
.logo{ line-height: 84px; }
.phone{ line-height: 84px; background: url(../images/phone.png) left center no-repeat;font-size: 24px;
font-weight: 700;
letter-spacing: 0px;
padding-left: 45px;
color: rgba(50, 136, 168, 1);
text-align: left; }
.banner img{ width: 100%; }
.banner-box{ position: absolute; left: 0; top: 85px; font-size: 48px;
font-weight: 700;
letter-spacing: 0px;
line-height: 66px;
color: rgba(255, 255, 255, 1); width: 100%; }
.banner{ position: relative; }
.one-box{ position: relative; margin-top: -95px; background: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25); z-index: 1000; padding:60px; }
.title{ font-size: 30px;
font-weight: 700;
letter-spacing: 0px;
line-height: 43.44px; }
.tt-lind{ width: 59px;
height: 4px;background:#68169c; margin:18px auto 40px auto; }
.txt-lind{ border-top: solid 1px rgba(51, 51, 51, 0.6);font-size: 20px;
font-weight: 400;
letter-spacing: 0px;
line-height: 24px;
color: rgba(17, 0, 0, 0.8); padding-top: 15px;  }
.lc-ul li{ position: relative; padding-bottom: 40px; padding-left: 135px; font-size: 18px;
font-weight: 400;
letter-spacing: 0px;
line-height: 26.06px;
color: rgba(51, 51, 51, 1);}
.lc-ul li span{ position: absolute; left: 0; top: 0; }
.lc-ul li font{ color: rgba(75, 134, 165, 1); }
.lc-ul:before{ display: block; content: "";width: 2px;
position: absolute; left: 110px; top: 0; bottom: 0;
background: rgba(75, 134, 165, 1); }
.lc-ul li:before{ display: block; content: ""; position: absolute; left: 107px; top: 8px;width: 8px;
height: 8px; border-radius: 50%; border:solid 1px  rgba(212, 212, 212, 1); background: rgba(75, 134, 165, 1); }
.lc-ul{ position: relative; margin-top: 25px; }
.lc-ul:after{ display: block; content: ""; position: absolute; left: 107px; bottom: 0; width: 8px; height: 5px; background: url(../images/raw.png) center no-repeat; background-size: 100% auto; }
.lc-ul li:last-child{ padding-bottom: 20px; }
.row-form .col-xs-6,.row-form .col-xs-12{ padding:0 6px; }
.row-form{ margin:0 -6px; }
.row-form .form-control{min-height: 35px;font-size: 16px; padding-top: 4px;
opacity: 1;
border-radius: 8px;
border: 1px solid rgba(153, 153, 153, 1); box-shadow: none; margin-bottom: 10px;}
.checkbox{ margin-top: 0; color: rgba(96, 96, 96, 0.72); margin-bottom: 8px; }
.form-bottom{ line-height: 18px;
color: rgba(96, 96, 96, 0.72); }
.form-bottom a{ color: rgba(75, 136, 174, 1); }
.btn-form{ font-size: 20px; color: #fff!important; border:none; width: 280px;
height: 44px;
opacity: 1;
border-radius: 8px; padding:0; line-height: 44px; background: rgba(75, 136, 174, 1); margin-top: 15px; }
.case-box{ margin-top: 60px; }
.case-box-c{ background: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25); padding:30px 60px 15px 60px; }
.case-p{ font-size: 20px;
font-weight: 400;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(51, 51, 51, 1); }
.case-lind{ height: 1px;background: rgba(51, 51, 51, 0.6); margin-top: 35px; margin-bottom: 20px; }
.case-list li{ float: left; width: 33.333333%; padding:0 30px; margin-bottom: 50px; }
.case-list{ margin:0 -30px; }
.case-list-img{ position: relative; padding-top: 68.75%; overflow:hidden; }
.case-list-img img{ position: absolute; left: 0; top: 0; width: 100%; height: auto; object-fit: cover;
    object-position: center;}
.case-list-img:before{ display: block; content: ""; position: absolute; right: -29px; top: 0; bottom: 0; border-right: solid 1px rgba(51, 51, 51, 0.6); }
.case-list-tt{ font-size: 18px;
font-weight: 700;
letter-spacing: 0px;
line-height: 24px;
color: rgba(51, 51, 51, 1); line-height: 25px; height: 50px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;  }
.case-list-p p{ margin:0; font-size: 18px; text-align: justify;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px;
color: rgba(51, 51, 51, 1); position: relative; padding-left: 20px; }

.case-list-p p:before{ display: block; content: ""; position: absolute; left: 0; top: 11px; width: 6px; height: 6px; background: rgba(51, 51, 51, 1); border-radius: 50%; font-size: 16px }
.case-list-p{ overflow-y: auto; margin-top: 15px; font-size: 16px}
.case-list-p p{font-size: 14px; color: #5F5F5F }
.case-list-p span{font-size: 14px; color: #000000; font-weight: 500; padding-bottom: 15px; display: block;  }
.case-list li:last-child .case-list-img:before,.case-list li:nth-child(3n) .case-list-img:before{ display: none; }
.ly-box{ background: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25); padding:22px 60px 45px 60px; margin-bottom: 64px; }
.ly-list li{ float: left; width: 50%; padding:0 30px; }
.ly-list{ margin:0 -30px; }
.ly-list li a{ display: block; position: relative; padding-left: 190px; height: 155px;border-bottom: 1px solid rgba(238, 238, 238, 1); padding-top: 20px; }
.ly-img{ position: absolute; left: 0; top: 18px; }
.ly-img img{ width: 100%; height: auto; object-fit: cover;
    object-position: center; }
.ly-title{ font-size: 20px;
font-weight: 700;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(51, 51, 51, 1); }
.ly-p{ font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 24px;
color: rgba(153, 153, 153, 1); margin-top: 10px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; max-height: 72px; }
.footer{ background: rgba(37, 87, 115, 1); padding:30px 0 20px 0; }
.footer-logo{ margin-top: 20px; }
.footer-p{ font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 20.27px;
color: rgba(255, 255, 255, 1); margin-left: 135px; }
.footer-p p{ margin-bottom: 10px; }
.footer .clearfix{ display: inline-block; }
/***********home***********/
.about-p p{ font-size: 18px;
font-weight: 400;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(0, 0, 0, 1); text-align: justify; margin-bottom: 20px; }
.home-row .home-width{ padding:0 40px; }
.home-row{ margin:0 -40px; }
.bt-list li{ float: left; width: 33.333333%; margin-bottom: 45px; padding:0 28px; }
.bt-list{ margin:0 -28px; }
.bt-list-img{ position: relative; padding-top: 100%; }
.bt-list-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.bt-list-tt{ font-size: 20px;
font-weight: 700;
letter-spacing: 0px;
line-height: 24px;
color: rgba(51, 51, 51, 1); margin-top: 20px; }
.bt-list-p{ font-size: 18px;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px;
color: rgba(51, 51, 51, 1); margin-top: 15px; }
.case-p span{ color: rgba(75, 134, 165, 1); font-weight: bold; }
.tabs-ul li{ float: left; padding:0 2px; margin-bottom: 25px; }
.tabs-ul{ display: block; }
.tabs-ul li a{ display: block; white-space:nowrap; position: relative; font-size: 18px; line-height: 44px; border: 1px solid rgba(75, 134, 165, 1); padding:0 6px; }
.tabs-p p{font-size: 20px;
font-weight: 400;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(75, 134, 165, 1); padding-left: 20px; position: relative;}
.tabs-p p:before{ display: block; content: ""; background: rgba(75, 134, 165, 1); position: absolute; left: 0; width: 6px; height: 6px; border-radius: 50%; top: 12px; }
.tabs-ul li.active a{background: rgba(75, 134, 165, 1);border: 1px solid rgba(75, 134, 165, 1); color: #fff; }
.tabs-ul li.active a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 7px; background: url(../images/raw-a.png) center top no-repeat; }
.tabs-p{ margin-bottom: 25px; }
.case-box-a{ margin-bottom: 60px; }
/* 滚动槽 */
.case-list-p::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
.case-list-p::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.case-list-p::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,0,0,0.4);
}
/* 设置滚动条的样式 */
.case-list-p::-webkit-scrollbar {
width:6px;
}
.case-list-p-lg{ height: auto; max-height: 1000px; }
.tabs-ul-box{  margin-top: 40px; }






@media( max-width: 1479px){
  .banner-box{ top: 40px; }
}
@media( max-width: 1279px){
  .container{ width: 970px; }
  .banner-box{ font-size: 36px; line-height: 50px; top: 20px; }

  .title{ font-size: 24px; }
  .about-p p,.case-p,.bt-list-p,.tabs-ul li a,.tabs-p p,.txt-lind,.lc-ul li{ font-size: 16px; }
  .row-form .form-control{ font-size: 14px; }
  .bt-list-tt,.case-list-tt{ font-size: 18px; }
  .bt-list li,.case-list li{ padding:0 15px; }
  .bt-list,.case-list{ margin-left: -15px; margin-right: -15px; }
  .case-list-p p{ font-size: 16px; line-height: 25px; }
  .case-list-p{ height: 200px; }
}
@media( max-width: 991px){
  .container{ width: 750px; }
  .one-box .col-xs-6{ width: 100%; }
  .row-form .col-xs-6{ width: 50%; }
  .lc-ul{ margin-bottom: 30px; }
  .case-list li{ width: 50%; }
  .case-list li:nth-child(3) .case-list-img:before{ display: block; }
  .case-list li:nth-child(even) .case-list-img:before{ display: none; }
  .case-list li:last-child .case-list-img:before{ display: none; }
  .ly-list li{ width: 100%; }
  .one-box{ margin-top: 30px; }
  .banner-box{ top: 50%; transform: translate(0,-50%); font-size: 24px; line-height: 40px; }
  .bt-list li{ width: 50%; }
  }
@media( max-width: 768px){
  .container{ width: 100%; }
  .logo{ line-height: 50px; }
  .logo img{ height: 40px; }
  .phone{ font-size: 16px; background-size: 16px auto; padding-left: 25px; line-height: 50px; }
  .one-box{ margin-top: 0; padding:20px; }
  .title{ font-size: 24px; line-height: 1; }
  .tt-lind{ height: 2px; margin:20px auto; }
  .txt-lind{ font-size: 14px; }
  .lc-ul li{ font-size: 14px; padding-bottom: 15px; line-height: 25px; }
  .row-form .col-xs-6{ width: 100%; }
  .row-form .form-control{ font-size: 14px; }
  .btn-form{ font-size: 16px; }
  .case-box{ margin-top: 30px; }
  .case-box-c{ padding:20px 20px 5px 20px; }
  .case-p{ font-size: 14px; line-height: 25px; }
  .case-lind{ margin:20px 0; }
  .case-list li{ width: 100%; margin-bottom: 0px; }
  .case-list-tt{ font-size: 18px; height: auto; }
  .case-list-p p{ font-size: 14px; line-height: 25px; }
  .case-list-p {
    height: auto;
    max-height: 200px;
    overflow-y: auto;
}
.case-list li a{ display: block; border-bottom: solid 1px #eee; margin-bottom: 15px; padding-bottom: 15px; }
.ly-img{ position: static; width: 100%; text-align: center; }
.ly-list li a{ padding:15px 0; height: auto; }
.ly-box{ padding:20px; }
.ly-title{ font-size: 18px; text-align: center; margin-top: 10px; }
.ly-p{ font-size: 14px; line-height: 25px; }
.ly-box{ margin-bottom: 30px; }
.footer .clearfix{ display: block; }
.footer-logo{ width: 100%; text-align: center; margin:0; }
.footer-p{ margin:20px 0 0 0; }
.banner-box{ font-size: 16px; line-height: 25px; }
.one-box{ margin-top: 30px; }
.about-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
.about-p{ padding-bottom: 20px; }
.bt-list li{ width: 100%; }
.bt-list-tt{ font-size: 18px; margin-top: 10px; }
.bt-list-p{ font-size: 14px; margin-top: 10px; line-height: 25px; }
.bt-list li{ margin-bottom: 20px; }
.tabs-p p{ font-size: 14px; line-height: 25px; }
.tabs-ul li a{ font-size: 16px; line-height: 40px; }
.tabs-ul-box{ margin:20px 0; }
}