*{margin: 0;padding: 0;border: 0;}
html,body{font-size:14px;color:#333;font-family:Microsoft YaHei,Times New Roman, serif;}
a{text-decoration: none;color:#333}
i{font-style:normal;}
.hide {display: none !important;}
.fr{float: right;}
.fl{float: left;}
/* == clearfix == */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix2{clear: both;content: '';*zoom:1;display:block;}
input:focus, textarea:focus {outline: none;}
ul, li,ol {list-style: none;}
input[type=button]{ cursor: pointer; -webkit-appearance: none; }
input[type=submit]{ cursor: pointer; -webkit-appearance: none; }
input[type=file]{ cursor: pointer; -webkit-appearance: none; }
button{ cursor: pointer; -webkit-appearance: none; }
button{border:none;outline:none;background:none;cursor:pointer}
input{border:none;outline:none;background:none;}
.text-c{text-align:center;}
.text-r{text-align:right;}
em{font-style:normal;font-weight:normal;}
html,body{font-size:14px;background:#fff;}
body{overflow-x:hidden;width:100%;}
.w-1200{width:1200px;margin:0 auto;}
.color-blue{color:#035bf3;}
.img{-webkit-touch-callout: none;}
.w-1400{max-width:1400px;margin:0 auto;width:1400px;}

.bounce,.bounce-hover,.flash,.flash-hover,.ring,.ring-hover,.shake,.shake-hover,.swing,.swing-hover,.wobble,.wobble-hover {
    -webkit-animation:1s ease;
    animation:1s ease
}
.bouncein,.fadein,.fadein-bottom,.fadein-left,.fadein-right,.fadein-top,.rotatein {
    -webkit-animation:1s ease-out backwards;
    animation:1s ease-out backwards
}
.bounceout,.fadeout,.fadeout-bottom,.fadeout-left,.fadeout-right,.fadeout-top,.rotateout {
    -webkit-animation:1s ease-in forwards;
    animation:1s ease-in forwards
}
.rotate,.rotate-hover {
    -webkit-animation:2s infinite linear;
    animation:2s infinite linear;
    display:inline-block
}
.fadein {
    -webkit-animation-name:a-fadein;
    animation-name:a-fadein
}
@-webkit-keyframes a-fadein {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}@keyframes a-fadein {
     0% {
         opacity:0
     }
     to {
         opacity:1
     }
 }.fadein-top {
      -webkit-animation-name:fadeinT;
      animation-name:fadeinT
  }
@-webkit-keyframes fadeinT {
    0% {
        opacity:0;
        -webkit-transform:translateY(-50px)
    }
    to {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}@keyframes fadeinT {
     0% {
         opacity:0;
         transform:translateY(-50px)
     }
     to {
         opacity:1;
         transform:translateY(0)
     }
 }.fadein-right {
      -webkit-animation-name:fadeinR;
      animation-name:fadeinR
  }
@-webkit-keyframes fadeinR {
    0% {
        opacity:0;
        -webkit-transform:translateX(50px)
    }
    to {
        opacity:1;
        -webkit-transform:translateX(0)
    }
}@keyframes fadeinR {
     0% {
         opacity:0;
         transform:translateX(50px)
     }
     to {
         opacity:1;
         transform:translateX(0)
     }
 }.fadein-bottom {
      -webkit-animation-name:fadeinB;
      animation-name:fadeinB
  }
@-webkit-keyframes fadeinB {
    0% {
        opacity:0;
        -webkit-transform:translateY(50px)
    }
    to {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}@keyframes fadeinB {
     0% {
         opacity:0;
         transform:translateY(50px)
     }
     to {
         opacity:1;
         transform:translateY(0)
     }
 }.fadein-left {
      -webkit-animation-name:fadeinL;
      animation-name:fadeinL
  }
@-webkit-keyframes fadeinL {
    0% {
        opacity:0;
        -webkit-transform:translateX(-50px)
    }
    to {
        opacity:1;
        -webkit-transform:translateX(0)
    }
}@keyframes fadeinL {
     0% {
         opacity:0;
         transform:translateX(-50px)
     }
     to {
         opacity:1;
         transform:translateX(0)
     }
 }.fadeout {
      -webkit-animation-name:a-fadeout;
      animation-name:a-fadeout
  }
@-webkit-keyframes a-fadeout {
    0% {
        opacity:1
    }
    to {
        opacity:0
    }
}@keyframes a-fadeout {
     0% {
         opacity:1
     }
     to {
         opacity:0
     }
 }.fadeout-top {
      -webkit-animation-name:fadeoutT;
      animation-name:fadeoutT
  }
@-webkit-keyframes fadeoutT {
    0% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
    to {
        opacity:0;
        -webkit-transform:translateY(-100px)
    }
}@keyframes fadeoutT {
     0% {
         opacity:1;
         transform:translateY(0)
     }
     to {
         opacity:0;
         transform:translateY(-100px)
     }
 }.fadeout-right {
      -webkit-animation-name:fadeoutR;
      animation-name:fadeoutR
  }
@-webkit-keyframes fadeoutR {
    0% {
        opacity:1;
        -webkit-transform:translateX(0)
    }
    to {
        opacity:0;
        -webkit-transform:translateX(100px)
    }
}@keyframes fadeoutR {
     0% {
         opacity:1;
         transform:translateX(0)
     }
     to {
         opacity:0;
         transform:translateX(100px)
     }
 }.fadeout-bottom {
      -webkit-animation-name:fadeoutB;
      animation-name:fadeoutB
  }
@-webkit-keyframes fadeoutB {
    0% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
    to {
        opacity:0;
        -webkit-transform:translateY(100px)
    }
}@keyframes fadeoutB {
     0% {
         opacity:1;
         transform:translateY(0)
     }
     to {
         opacity:0;
         transform:translateY(100px)
     }
 }.fadeout-left {
      -webkit-animation-name:fadeoutL;
      animation-name:fadeoutL
  }
@-webkit-keyframes fadeoutL {
    0% {
        opacity:1;
        -webkit-transform:translateX(0)
    }
    to {
        opacity:0;
        -webkit-transform:translateX(-100px)
    }
}@keyframes fadeoutL {
     0% {
         opacity:1;
         transform:translateX(0)
     }
     to {
         opacity:0;
         transform:translateX(-100px)
     }
 }.bounce,.bounce-hover:hover {
      -webkit-animation-name:a-bounce;
      animation-name:a-bounce
  }
@-webkit-keyframes a-bounce {
    0%,20%,50%,80%,to {
        -webkit-transform:translateY(0)
    }
    40% {
        -webkit-transform:translateY(-30px)
    }
    60% {
        -webkit-transform:translateY(-15px)
    }
}@keyframes a-bounce {
     0%,20%,50%,80%,to {
         transform:translateY(0)
     }
     40% {
         transform:translateY(-30px)
     }
     60% {
         transform:translateY(-15px)
     }
 }.bouncein {
      -webkit-animation-name:a-bouncein;
      animation-name:a-bouncein
  }
@-webkit-keyframes a-bouncein {
    0% {
        opacity:0;
        -webkit-transform:scale(0.3)
    }
    50% {
        opacity:1;
        -webkit-transform:scale(1.05)
    }
    70% {
        -webkit-transform:scale(0.9)
    }
    to {
        -webkit-transform:scale(1)
    }
}@keyframes a-bouncein {
     0% {
         opacity:0;
         transform:scale(0.3)
     }
     50% {
         opacity:1;
         transform:scale(1.05)
     }
     70% {
         transform:scale(0.9)
     }
     to {
         transform:scale(1)
     }
 }.bounceout {
      -webkit-animation-name:a-bounceout;
      animation-name:a-bounceout
  }
@-webkit-keyframes a-bounceout {
    0% {
        -webkit-transform:scale(1)
    }
    25% {
        -webkit-transform:scale(0.95)
    }
    50% {
        opacity:1;
        -webkit-transform:scale(1.1)
    }
    to {
        opacity:0;
        -webkit-transform:scale(0.3)
    }
}@keyframes a-bounceout {
     0% {
         transform:scale(1)
     }
     25% {
         transform:scale(0.95)
     }
     50% {
         opacity:1;
         transform:scale(1.1)
     }
     to {
         opacity:0;
         transform:scale(0.3)
     }
 }.rotatein {
      -webkit-animation-name:a-rotatein;
      animation-name:a-rotatein
  }
@-webkit-keyframes a-rotatein {
    0% {
        opacity:0;
        -webkit-transform:rotate(-200deg)
    }
    to {
        opacity:1;
        -webkit-transform:rotate(0)
    }
}@keyframes a-rotatein {
     0% {
         opacity:0;
         transform:rotate(-200deg)
     }
     to {
         opacity:1;
         transform:rotate(0)
     }
 }.rotateout {
      -webkit-animation-name:a-rotateout;
      animation-name:a-rotateout
  }
@-webkit-keyframes a-rotateout {
    0% {
        -webkit-transform:rotate(0);
        opacity:1
    }
    0%,to {
        -webkit-transform-origin:center center
    }
    to {
        -webkit-transform:rotate(200deg);
        opacity:0
    }
}@keyframes a-rotateout {
     0% {
         transform-origin:center center;
         transform:rotate(0);
         opacity:1
     }
     to {
         transform-origin:center center;
         transform:rotate(200deg);
         opacity:0
     }
 }.flash,.flash-hover:hover {
      -webkit-animation-name:a-flash;
      animation-name:a-flash
  }
@-webkit-keyframes a-flash {
    0%,50%,to {
        opacity:1
    }
    25%,75% {
        opacity:0
    }
}@keyframes a-flash {
     0%,50%,to {
         opacity:1
     }
     25%,75% {
         opacity:0
     }
 }.shake,.shake-hover:hover {
      -webkit-animation-name:a-shake;
      animation-name:a-shake
  }
@-webkit-keyframes a-shake {
    0%,to {
        -webkit-transform:translateX(0)
    }
    10%,30%,50%,70%,90% {
        -webkit-transform:translateX(-10px)
    }
    20%,40%,60%,80% {
        -webkit-transform:translateX(10px)
    }
}@keyframes a-shake {
     0%,to {
         transform:translateX(0)
     }
     10%,30%,50%,70%,90% {
         transform:translateX(-10px)
     }
     20%,40%,60%,80% {
         transform:translateX(10px)
     }
 }.swing,.swing-hover:hover {
      -webkit-animation-name:a-swing;
      animation-name:a-swing
  }
@-webkit-keyframes a-swing {
    20% {
        -webkit-transform:rotate(15deg)
    }
    40% {
        -webkit-transform:rotate(-10deg)
    }
    60% {
        -webkit-transform:rotate(5deg)
    }
    80% {
        -webkit-transform:rotate(-5deg)
    }
    to {
        -webkit-transform:rotate(0)
    }
}@keyframes a-swing {
     20% {
         transform:rotate(15deg)
     }
     40% {
         transform:rotate(-10deg)
     }
     60% {
         transform:rotate(5deg)
     }
     80% {
         transform:rotate(-5deg)
     }
     to {
         transform:rotate(0)
     }
 }.wobble,.wobble-hover:hover {
      -webkit-animation-name:a-wobble;
      animation-name:a-wobble
  }
@-webkit-keyframes a-wobble {
    0% {
        -webkit-transform:translateX(0)
    }
    15% {
        -webkit-transform:translateX(-50px) rotate(-5deg)
    }
    30% {
        -webkit-transform:translateX(40px) rotate(3deg)
    }
    45% {
        -webkit-transform:translateX(-33px) rotate(-3deg)
    }
    60% {
        -webkit-transform:translateX(10px) rotate(2deg)
    }
    75% {
        -webkit-transform:translateX(-10px) rotate(-1deg)
    }
    to {
        -webkit-transform:translateX(0)
    }
}@keyframes a-wobble {
     0% {
         transform:translateX(0)
     }
     15% {
         transform:translateX(-50px) rotate(-5deg)
     }
     30% {
         transform:translateX(40px) rotate(3deg)
     }
     45% {
         transform:translateX(-33px) rotate(-3deg)
     }
     60% {
         transform:translateX(10px) rotate(2deg)
     }
     75% {
         transform:translateX(-10px) rotate(-1deg)
     }
     to {
         transform:translateX(0)
     }
 }.ring,.ring-hover:hover {
      -webkit-animation-name:a-ring;
      animation-name:a-ring
  }
@-webkit-keyframes a-ring {
    0% {
        -webkit-transform:scale(1)
    }
    10%,20% {
        -webkit-transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90% {
        -webkit-transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80% {
        -webkit-transform:scale(1.1) rotate(-3deg)
    }
    to {
        -webkit-transform:scale(1) rotate(0)
    }
}@keyframes a-ring {
     0% {
         transform:scale(1)
     }
     10%,20% {
         transform:scale(0.9) rotate(-3deg)
     }
     30%,50%,70%,90% {
         transform:scale(1.1) rotate(3deg)
     }
     40%,60%,80% {
         transform:scale(1.1) rotate(-3deg)
     }
     to {
         transform:scale(1) rotate(0)
     }
 }.rotate,.rotate-hover:hover {
      -webkit-animation-name:a-rotate;
      animation-name:a-rotate
  }
@-webkit-keyframes a-rotate {
    0% {
        -webkit-transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(359deg)
    }
}@keyframes a-rotate {
     0% {
         transform: rotate(0deg)
     }
     to {
         transform: rotate(359deg)
     }
 }
 body{background:#f4f4f4;}
.header-lan{margin-left:40px;}
.main-header{padding:20px 0 0 0;background:#fff;}
.main-header .header{display:flex;align-items:center;justify-content:space-between;}
.main-header .header-nav .nav{display:flex;align-items:center;}

.main-header .header-nav .nav .a{margin-left:45px;display:block;font-size:18px;color:#333;padding:5px 0px 25px 0px;line-height:1;transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.header-tel{display:flex;justify-content:flex-end;text-align:right;line-height:1;margin-bottom:10px;}
.header-tel .tel{color:#000000;font-size:18px;font-weight:bold;background:url("../images/tele.png") no-repeat 0px center;padding-left:30px;line-height:30px;}
.main-header .header-nav li:hover .a{color:#ff1d1d;}
.main-header .header-nav li.active .a{color:#ff1d1d;font-weight:bold;}
.nav-down{position: absolute;
    left: 0;display:none;
    width: 100%;overflow-y: hidden;z-index:1000;
    background-color: hsla(0,0%,100%,.9);
}
.nav-down .down-content{  padding:50px 0;display:flex;}
.nav-down .down-content .li{flex:1;text-align:center;}
.nav-down .down-content .li-t{color:#f5022e;font-size:18px;display:block}
.nav-down .down-content .img{margin:30px 0px;height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.nav-down .down-content .img img{display:block;margin:0 auto;transition:all 360ms;}
.nav-down .down-content .img:hover img{transform:scale(1.1);}
.nav-down .down-content .li-c{font-size:16px;color:#666;display:block}
.nav-down .down-content a{display:block;font-size:16px;text-align:center;margin-top:20px;transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.nav-down .down-content a:hover{color:#f5022e;}

.nav-box{
    display:flex;
    padding:50px 0;
}
.nav-box .box-li{width:50%;}
.nav-box .box-li .li-flex{
    display:flex;
}
.nav-box .box-li .li-a-img{width:calc(50% - 20px);margin-left:20px;position:relative;}
.nav-box .box-li .li-a-img img{display:block;width:100%;}
.nav-box .box-li .li-a-img .t{position:absolute;left:0;padding:20px 0;bottom:0px;font-size:18px;color:#fff;text-align:center;width:100%;background: -moz-linear-gradient(top, rgba(0,0,0,.0) 0%, rgba(0,0,0,.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,.0)), color-stop(100%, rgba(0,0,0,.8)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,.0) 0%, rgba(0,0,0,.8) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,.0) 0%, rgba(0,0,0,.8) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,.0) 0%, rgba(0,0,0,.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,.0) 0%, rgba(0,0,0,.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' rgba(0,0,0,.0)', endColorstr=' rgba(0,0,0,.8)',GradientType=0 );}

.nav-box .box-li .li-ul{
    display:flex;
    flex-wrap:wrap;
}
.nav-box .box-li .h2{font-size:20px;font-weight:bold;margin-bottom:15px;}
.nav-box .box-li .li-ul-a{width:50%;font-size:18px;line-height:48px;display:flex;align-items:center}
.nav-box .box-li .li-ul-a.w33{width:33.333%}
.nav-box .box-li .li-ul-a:before{content: "";
    display: inline-block;
    vertical-align: top;
    width: 16px;margin-right:10px;
    height: 48px;
    background:url("../images/888.png") no-repeat center;background-size:16px auto;
}


.index-banner img{display:block;width:100%;}
.index-banner .swiper-pagination-bullet{width:32px;height:4px;border-radius:2px;background:#fff;}
.index-banner  .swiper-pagination-bullet-active{width:48px;}
.index-banner .swiper-pagination{bottom:20px;width:auto;right:15%;left:auto;}
.index-banner  .swiper-slide img{
    width:100%;
    height:auto;
    min-height:100%;
    transition:1s linear 2s;
    transform:scale(1.1,1.1);
}
.index-banner  .swiper-slide-active img,.index-banner  .swiper-slide-duplicate-active img{
    transition:6s linear;
    transform:scale(1,1);
}

.index-w1400{
    max-width:1400px;margin:0 auto;
}
.index-about{
    background:#fff;
    padding:100px 0;
}
.index-about-inner{
  display:flex;
    justify-content:space-between;
}
.index-about-more{padding:0 10px 0 15px;width:100px;height:32px;justify-content:space-between;transition:all 360ms;
    border-radius:16px;border:1px solid #999999;font-size:16px;color:#666;display:flex;align-items:center;}
.index-about-more .h-icon{display:none;}
.index-about-more:hover{border-color: #ef011c;background: #ef011c;color:#fff;}
.index-about-more:hover .d-icon{display:none;}
.index-about-more:hover .h-icon{display:block;}
.index-about-inner .h2{
    font-size:33px;font-weight:bold;
}
.index-about-inner .article{
    font-size:16px;line-height:1.7;
    color:#666;
    margin:45px 0 55px 0;
}
.index-about-fl{
    width:40%;
}
.index-about-fr{
    width:38%;
    overflow:hidden;
}
.index-about-fr img{display:block;width:100%;transition:all 360ms;}
.index-about-fr img:hover{transform:scale(1.08)}
.index-about-bot{display:flex;margin-top:75px;justify-content:space-between;}
.index-about-bot .li{font-size:16px;text-align:center;justify-content:space-between;min-width:15%;}
.index-about-bot .li-t{color:#ff0000;font-size:36px;}
.index-about-bot i{position:relative;top:-10px;}



.index-service{padding:55px 0;background:#f4f4f4;}
.index-title{font-size:33px;font-weight:bold;text-align:center;}
.index-service-ul{display:flex;flex-wrap:wrap;margin:30px -15px 0 -15px;}
.index-service-ul li{width:calc(33.3333% - 30px);margin:15px;text-align:center;transition:all 360ms;background:#fff;}
.index-service-ul li a{display:block;background:#fff;padding:90px 40px 50px 40px;transition:all 360ms;}
.index-service-ul li .icon{height:110px;display:flex;align-items:center;justify-content:center;position:relative;transition:all 360ms;top:0;}
.index-service-ul li img{max-height:110px;}
.index-service-ul li .li-t{font-size:28px;margin-top:30px;margin-bottom:15px;}
.index-service-ul li .li-c{font-size:18px;color:#666;line-height:1.8;}
.index-service-ul li:hover{box-shadow:0 0 15px rgba(244,2,44,0.15);}
.index-service-ul li:hover .icon{top:-5px;}

.index-news{background:#fff;padding:55px 0;}
.index-news-ul{display:flex;margin:30px -15px 0 -15px;flex-wrap:wrap;}
.index-news-ul li{
    width:calc(33.333% - 30px);
    margin:15px;
}
.index-news-ul li .li-img{overflow:hidden;}
.index-news-ul li .li-img img{display:block;width:100%;transition:all 360ms;}
.index-news-ul li .li-img img:hover{transform:scale(1.1)}
.index-news-ul li .con{margin:15px 0;}
.index-news-ul li .li a{display:flex;align-items:center;font-size:16px;color:#666;line-height:1.8;margin:10px 0;}
.index-news-ul li .li .date{color:#999;}
.index-news-ul li .li .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:15px;}
.index-news-ul li .li a:hover{color:#e22121;}


.index-company{padding:55px 0;background:#f4f4f4;}
.index-company-ul{display:flex;flex-wrap:wrap;margin:40px -10px 0 -10px;}
.index-company-ul li{
    width:calc(20% - 20px);
    margin:10px;
}
.index-company-ul li a{transition:all 360ms;display:block;background:#fff;display:flex;align-items:center;justify-content:center;height:120px;box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.2);}
.index-company-ul li img{display:block;max-width:80%;max-height:80%;}
.index-company-ul li:hover a{transform: translateY(-5px);
    box-shadow: 0 0 20px -3px rgba(0, 0, 0, 0.4);}


.index-links{background:#d40505;padding:20px 0;}
.index-links .links-box{display:flex;line-height:30px;}
.index-links .links-box .t{font-size:33px;font-weight:bold;color:#fff;white-space:nowrap;font-weight:bold;}
.index-links .links-box .line{height:30px;background:#ed8686;width:1px;margin:0 5px 0 15px;}
.index-links .links-box .c a{color:#fff;margin:0px 10px;font-size:16px;}
.index-links .links-box .c{display:flex;flex-wrap:wrap;}
.index-links .links-box .c a:hover{text-decoration:underline;}

.main-footer .footer{background:#383b3d;padding:70px 0 55px 0;}
.footer-line{border-left:2px dashed #bfc0c0;margin:0 55px;}
.footer-nav h3{color:#f20e0e;font-size:18px;font-weight:bold;margin-bottom:15px;}
.footer-flex{display:flex;justify-content:space-between;}
.footer-nav .nav-c{margin-top:10px;}
.footer-nav .nav-c .a{color:#fff;min-width:160px;margin-right:20px;font-size:16px;line-height:2;margin-bottom:3px;display:block;}
.footer-nav{max-width:400px;}
.footer-nav .nav-c .a:hover{color:#ef011c}
.footer-nav .nav-c.bb{display:block;}
.footer-nav .nav-c.bb .a{min-width:inherit;}
.main-footer .tel{background:url("../images/iphone.png") no-repeat 0px center;color:#fff;padding:6px 0 6px 34px;line-height:24px;font-size:18px;font-weight:bold;}
.main-footer .mail{background:url("../images/email.png") no-repeat 0px center;color:#fff;padding:6px 0 6px 34px;line-height:24px;font-size:16px;}
.main-footer .address{background:url("../images/address.png") no-repeat 0px center;color:#fff;padding:6px 0 6px 34px;line-height:24px;font-size:16px;}
.footer-wx{text-align:center;color:#fff;font-size:16px;margin-left:30px;margin-top:20px;}
.footer-wx img{display:block;margin:0 auto 10px auto;width:105px;}
.footer-copy{background:#2f2e2e;padding:20px 0px;text-align:center;color:#babcbf;font-size:16px;display:flex;flex-wrap:wrap;justify-content:center;}
.footer-copy .s{margin:0 30px;}


.inner-banner img{display:block;width:100%;}
.inner-pos{margin:45px 0;font-size:18px;color:#666;}
.inner-pos .a{color:#999;}
.inner-pos i{color:#999;}

.inner-container{margin:45px auto 90px auto;}
.inner-container-flex{display:flex;}
.inner-container-side{width:260px;}
.inner-container-content{flex:1;margin-left:45px;overflow:hidden;}
.inner-container-side .side-modal{background:#fff;margin-bottom:30px;border:1px solid #e8e8e8;}
.inner-container-side .side-h3{font-size:24px;color:#fff;text-align:center;font-weight:bold;background:#dd2424;line-height:70px;}
.inner-container-side .side-nav li a{line-height:45px;border-bottom:1px solid #e8e8e8;font-size:18px;color:#666;
    display:block;text-align:center;background:url("../images/jiantouR.png") no-repeat 85% center;transition:all 360ms;}
.inner-container-side .side-nav li:hover a{background:url("../images/jiantouHover.png") no-repeat 85% center;color:#c92929;}
.inner-container-side .side-nav li.active a{background:url("../images/jiantouHover.png") no-repeat 85% center;color:#c92929;}
.inner-container-side .side-nav li:nth-last-child(1) a{border:none;}
.modal-contact{padding:25px 20px;text-align:center;}
.modal-contact .tip{color:#999;}
.modal-contact .tel{margin-top:10px;font-size:22px;color:#d91818;font-weight:bold;background:url("../images/TellAbout.png") no-repeat 0px center;padding-left:30px;display:inline-block;}


.inner-about{background:#fff;border:1px solid #e8e8e8;}
.inner-about-tit{border-bottom:1px solid #e8e8e8;line-height:70px;padding:0 25px;font-size:18px;color:#c92929;font-weight:bold;}
.inner-about-nei{padding:15px 25px 45px 25px;}
.inner-about-nei .ul{display:flex;margin:15px -10px;}
.inner-about-nei .ul li{width:calc(33.3333% - 20px);margin:10px;}
.inner-about-nei .ul li img{display:block;width:100%;}
.inner-about-nei .article{font-size:16px;line-height:2;color:#666;}

.inner-news-list li{margin-bottom:20px;}
.inner-news-list li a{background:#fff;display:flex;border:1px solid #e8e8e8;transition:all 360ms;padding:10px;}
.inner-news-list li .li-img img{display:block;width:375px;}
.inner-news-list li .li-txt{
    padding:30px 55px;
    flex:1;
    overflow:hidden;
}
.inner-news-list li .li-t{font-size:20px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 360ms;}
.inner-news-list li .li-c{font-size:16px;color:#666;line-height:1.8;margin-top:20px;}
.inner-news-list li .li-more{transition:all 360ms;width:30px;height:30px;background:url("../images/Newjiantou.png") no-repeat center;margin-left:auto;margin-top:10px;margin-right:0;}
.inner-news-list li:hover .li-more{background:url("../images/NewjiantouR.png") no-repeat center;}
.inner-news-list li:hover a{box-shadow:0 0 15px rgba(244,2,44,0.15);}
.inner-news-list li:hover .li-t{color:#dd2424;}

    /*.bigimg{width:500px !important;position: fixed;left: 0;top: 0; right: 0;height:auto !important;*/
/*    bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}*/
/*.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color:rgba(0,0,0,0.5);filter: Alpha(opacity=50);z-index: 98;*/
/*    transition:all 1s;display: none}*/

.inner-news{background:#fff;border:1px solid #e8e8e8;padding:40px;}
.inner-news .article{font-size:16px;color:#666;line-height:2;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:25px 15px;margin:20px 0;}
.inner-news .article img{max-width:100%;}
.inner-news .h3{text-align:center;font-weight:bold;font-size:18px;}
.inner-news .date{font-size:16px;color:#999;text-align:center;margin:20px 0;}
.inner-news .other .li{font-size:18px;margin:15px 0;display:flex;align-items:center;}
.inner-news .other .li .a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.inner-news .other .li .c{flex:1;overflow:hidden;}
.inner-news .other .li .s{font-weight:bold;}
.inner-news .other .li:hover{color:#ef011c}
.inner-news .other .li:hover .a{color:#ef011c}

.mNavBtn {width: 26px;height:20px;right: 10px;top: 22px;position: absolute;cursor: pointer;z-index:99999;display:none;}
.mNavBtn span {position: absolute;left: 0;width: 26px;height: 3px;background: #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.mNavBtn span.line1 {top: 0;}
.mNavBtn span.line2 {top: 8px;}
.mNavBtn span.line3 {bottom: 0;}
.mNavBtn.active .line1 {transform: rotate(45deg);top: 7px;}
.mNavBtn.active .line2 {display: none;}
.mNavBtn.active .line3 {transform: rotate(-45deg);bottom: 10px;}
.mNavBtn.active span{width:26px;background:#ef011c}
.body_hide{overflow:hidden;position:fixed;left:0px;top:0px;width:100%;height:100%;}
.black_bg{background:rgba(0,0,0,0.5);position:fixed;left:0px;top:0px;width:100%;height:100%;z-indx:9999;display:none;}
.black_bg.fix{display:block;z-index:999}
.mNavBtn span{background:#e26020;}
.footer-logo{display:block;width:225px;height:auto}
.about-profile .profile-box:after{position:absolute;z-index:4;right:8%;bottom:15%;display:block;content:"";width:392px;height:271px;background:url("../images/proflie_logo.png") no-repeat center;}
.main-header .logo img{display:block;height:58px;}
.mNavBtn span{background:#ef011c}
.main-header{position:relative;}
.main-pages{display:flex;align-items:center;justify-content:center;margin:30px auto;flex-wrap:wrap;}
.main-pages .a{height:32px;border:1px solid #dadada;line-height:32px;padding:0 12px;color:#888;font-size:14px;margin:0 5px;}
.main-pages .a.active{background:#f20e0e;color:#fff;border-color:#f20e0e;}

.inner-container-content.mmm{padding:30px 45px;margin-top:-30px;margin-right:-45px;margin-left:0px}



@media (min-width:1201px) and (max-width:1600px){
    .w-1400{width:auto;max-width:1400px;}
    .footer-line{margin:0 10px;}
    .footer-nav{max-width:300px;}
    .main-footer .footer{padding:55px 20px;}
    .index-links{padding:20px;}
    .main-header .w-1400{padding:0 20px;}
    .index-w1400{padding:0 20px;}
}
.inner-company-ul{margin-top:0;}
.inner-company-ul li{width:calc(25% - 20px);}
.inner-company-ul li a{
    flex-direction: column;
    height:auto;
    display:block;
}
.inner-company-ul li a .li-con{
    display:flex;
    align-items:center;
    justify-content:center;
    height:120px;
}
.inner-company-ul li a .li-t{transition:all 360ms;border-top:1px solid #d6d6d6;text-align:center;font-size:16px;color:#666;padding:14px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inner-company-ul li:hover a{box-shadow:0 0 15px rgba(244,2,44,0.15);}
.inner-company-ul li:hover a .li-t{border-color: #ef011c;}

@media (max-width:1200px){

    .mNavBtn{display:block;}
    .main-header .logo img{display:block;height:40px;}
    .main-header .w-1400{padding:15px 10px;}
    .main-header{padding:0;z-index:9999;}
    .header-tel{display:none;}
    .header-nav{display:none;position:fixed;left:0;top:50px;background:#fff;z-index:99;top:59px;border-top:1px solid #eee;width:100%;}
    .header-nav.active{display:block;}
    .main-header .header-nav .nav{flex-wrap:wrap;padding:20px 0px;}
    .main-header .header-nav .nav li{width:50%;text-align:center;}
    .main-header .header-nav .nav .a{padding:15px 0;font-size:16px;}

    .index-links{padding:20px;}
    .footer-flex{flex-wrap:wrap;}
    .footer-nav{width:50%;text-align:center;max-width:inherit;margin:20px 0;}
    .footer-line{display:none;}
    .main-footer .footer{padding:55px 20px;display:none;}
    .main-footer .footer-logo{display:block;margin:0 auto;width:180px;height:auto;}
    .footer-nav .nav-c{display:block;}
    .footer-wx{width:100%;}
    .footer-copy{padding:20px;}
    .main-footer .tel{text-align:left;}
    .main-footer .mail{text-align:left;}
    .main-footer .net{text-align:left;}
    .main-footer .address{text-align:left;}
    .w-1400{width:auto}
    .index-about{padding:60px 0px;}
    .index-w1400{margin:0 20px;}
    .index-about-fl{width:100%;}
    .index-about-fr{width:100%;margin-top:30px;}
    .index-about-inner{flex-wrap:wrap}
    .index-about-inner .article{margin:35px 0;}
    .index-about-inner .h2{font-size:24px;}
    .index-about-bot{flex-wrap:wrap;}
    .index-about-bot .li{width:50%;margin-bottom:15px;}
    .index-title{font-size:24px;}
    .index-service-ul li{width:calc(50% - 20px);margin:10px;}
    .index-service-ul{margin:30px -10px;}
    .index-service-ul li .li-t{font-size:20px;}
    .index-service-ul li a{padding:30px 15px 30px 15px;}
    .index-service{padding:40px 0;}
    .index-service-ul li .li-c{font-size:16px;}
    .index-news-ul li{width:100%;margin:10px 0;}
    .index-news-ul{margin:25px 0;}
    .index-company-ul li{width:calc(33.3333% - 10px);margin:5px;}
    .index-company{padding:40px 0;}
    .index-news{padding:40px 0;}
    .inner-pos{margin:25px 0px;font-size:16px;}
    .inner-container{margin:30px 0 50px 0;}
    .inner-container-side{width:100%;}
    .inner-container-content{width:100%;flex:inherit;margin-top:0px;margin-left:0;}
    .inner-container-flex{flex-wrap:wrap;}
    .inner-news-list li a{display:block;}
    .inner-news-list li .li-img img{width:100%;}
    .inner-news-list li .li-txt{padding:20px;}
    .inner-news{padding:15px;}
    .inner-news .other .li{font-size:16px;}
    .inner-container-side{display:none;}
    .inner-container-content.mmm{padding:0;margin:0}
    .nav-down{position:relative;left:auto;top:auto;display:block;}
    .nav-box .box-li .li-a-img{display:none;}
    .main-header .header-nav .nav{display:block;}
    .main-header .nav-down .w-1400 {padding:0;}
    .main-header .nav-down{background:#f4f4f4;}
    .nav-box{display:block;padding:10px 10px;}
    .nav-box .box-li{width:100%;}
    .nav-box .box-li .h2{display:none;}
    .main-header .header-nav .nav li{width:100%;margin:0px 0 15px 0;}
    .main-header .header-nav .nav .a{padding:10px 20px;margin:0;text-align:left;font-weight:bold;}
    .nav-box .box-li .li-ul-a{font-size:16px;line-height:30px;height:30px}
    .header-nav{height:calc(100% - 60px);overflow-y:auto;}

}
@media (max-width:1200px){
    .index-service-ul li{width:calc(100% - 20px);margin:10px;}
    .index-company-ul li{width:calc(50% - 10px);}
}


.lianxi-map{flex:1;}
#mapDiv{height:370px;}

/*************************2024-*12-11************************************/

@media (max-width:1200px){
    .header-tel{display:block;}
    .header-tel .tel{display:none;}
    .header-lan{margin-right:45px;margin-top:6px;display: block;margin-top:3px;}
    .nav-box .box-li .li-ul-a{line-height:24px;height:auto;text-align:left;align-items: inherit;margin:10px 0;}
    .nav-box .box-li .li-ul-a:before{display:none;}
    .nav-box .box-li .li-ul{margin:0 15px;}
}